Commit 181d1129 authored by jiangweijia's avatar jiangweijia

演示代码

parent b1fb03c0
[]
\ No newline at end of file
{
"path": "D:\\project\\credit",
"name": "credit",
"cnName": "credit",
"dictVersion": "CSII_NJC",
"compileVersion": "antdv-x1",
"compilePath": "\\src\\views\\trades",
"components": [],
"projectId": "44f58b3637768d2f88c60c7926ad5ab3"
}
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":53334,"type":"description","category":"container","icon":"description","sizeList":[{"label":"default","value":"default"},{"label":"middle","value":"middle"},{"label":"small","value":"small"}],"widgetList":[{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem75487","customClass":"","dataFilter":"","label":"aa","value":"aa"},"id":"description-item-75487"}],"options":{"name":"description17379","title":"","customClass":[],"bordered":true,"column":2,"size":"default","layout":"horizontal"},"id":"description17379"}],"formConfig":{"cName":"11031","cCode":"11031","modelName":"formData","labelAlign":"right","labelCol":6,"wrapperCol":11,"globalVariable":[],"refName":"vForm","rulesName":"rules","size":"","cssCode":".header{\n \n}\n.header>h1{\n font-size: 25px;\n font-weight: bold;\n margin-bottom: unset !important;\n}\n.marginBtm{\n margin-bottom:16px;\n}\n.marginLr{\n margin : 0 16px 0;\n}","customClass":["marginLr"],"functions":[],"layoutType":"PC","jsonVersion":3,"enum":[],"filters":[],"onFormMounted":"\nthis.$remote({\n url:\"/sso/department/queryDepartmentList\",\n params:{},\n successFn:(res)=>{\n console.log(res)\n let arr =res.data.map(item=>{\n return {\n label: item.depName,\n value: item.depId\n }\n })\n this.options.orgList =arr\n }\n})\n\nthis.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":104519,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":94469,"type":"tab","category":"container","icon":"tab","sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"widgetList":[{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab1","tab":"PIN重置","key":0,"customClass":""},"id":"tab-pane-71741"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":86841,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input18767","label":"操作员姓名","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"name","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入操作员姓名","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input18767"}],"options":{"name":"gridCol65557","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-65557"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input39616","label":"账户名称","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"noName","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入账户名称","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input39616"}],"options":{"name":"gridCol44138","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-44138"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input6219","label":"U盾编号","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"uId","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入U盾编号","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input6219"}],"options":{"name":"gridCol69393","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-69393"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input32997","label":"操作员手机号","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"tel","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input32997"},{"key":66294,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":42759,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button31052","label":"确定","size":"","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button31052"}],"options":{"name":"flexbox99357","customClass":[],"justify":"center","align":"center","space":0},"id":"flexbox99357"}],"options":{"name":"gridCol1687","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-1687"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid41739","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid41739"}],"options":{"name":"tab-pane-93167","tab":"证书下载","key":1,"customClass":""},"id":"tab-pane-93167"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-96084","tab":"证书更新","key":2,"customClass":""},"id":"tab-pane-96084"}],"options":{"name":"tab47723","activeKey":"","hidden":false,"size":"default","tabPosition":"top","customClass":[],"tabType":"line","tabBarGutter":10,"hideAdd":false,"onChange":"","onTabClick":""},"id":"tab47723"}],"options":{"extraSlot":[],"name":"card75758","size":"default","title":"","bordered":true,"isConcise":true,"isInner":true,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card75758"}],"formConfig":{"cName":"复杂交易02","cCode":"1102","modelName":"formData","labelAlign":"left","labelCol":6,"wrapperCol":18,"globalVariable":[],"refName":"vForm","rulesName":"rules","size":"","cssCode":"","customClass":"","functions":[],"layoutType":"PC","jsonVersion":3,"enum":"","filters":[],"onFormMounted":"this.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
\ No newline at end of file
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":85730,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":94469,"type":"tab","category":"container","icon":"tab","sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"widgetList":[{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":94391,"type":"step","category":"container","icon":"step","sizeList":[{"label":"default","value":"default"},{"label":"small","value":"small"}],"typeList":[{"label":"默认","value":"default"},{"label":"导航","value":"navigation"}],"widgetList":[{"type":"step-item","category":"container","internal":true,"widgetList":[{"key":86841,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":86841,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":34376,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":57415,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[],"options":{"extraSlot":[],"name":"card28316","size":"default","title":"付款方信息","bordered":false,"isConcise":false,"isInner":false,"hoverable":false,"buttonMargin":5,"customClass":""},"id":"card28316"}],"options":{"name":"gridCol65753","offset":0,"pull":0,"push":0,"span":21,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-65753"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid43786","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid43786"}],"options":{"name":"gridCol21995","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-21995"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":60879,"type":"radio","icon":"radio-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"optionItemType":"array","options":{"name":"radio29218","label":"付款方账户类型","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"zh","verify":[],"verifyTrigger":"blur","customClass":[],"optionItems":[{"id":"radio-pane-26162","label":"普通账户","value":"0"},{"id":"radio-pane-89802","label":"子账户","value":"1"}],"buttonStyle":"outline","onChange":""},"id":"radio29218"}],"options":{"name":"gridCol44393","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-44393"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":50494,"type":"select","icon":"select-field","formItemFlag":true,"sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"select43076","placeholder":"","size":"default","label":"付款账号","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"zhanghao","verify":[],"verifyTrigger":"blur","allowClear":true,"selectListName":"","selectMode":"default","beforeSlot":"","maxLength":12,"optionItems":[{"label":"账号1","value":1},{"label":"账号2","value":2},{"label":"账号3","value":3}],"onChange":"","onPressEnter":"","onFocus":"","onBlur":"","defaultValue":"","columnWidth":"200px","customClass":[]},"id":"select43076"}],"options":{"name":"gridCol107859","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-107859"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input45504","label":"可用余额","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":true,"hidden":false,"readonly":true,"required":false,"formItemField":"yue","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input45504"}],"options":{"name":"gridCol41901","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-41901"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid61607","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid61607"},{"key":34376,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":57415,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[],"options":{"extraSlot":[],"name":"card75390","size":"default","title":"收款方信息","bordered":false,"isConcise":false,"isInner":false,"hoverable":false,"buttonMargin":5,"customClass":""},"id":"card75390"}],"options":{"name":"gridCol28162","offset":0,"pull":0,"push":0,"span":21,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-28162"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid7913","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid7913"},{"key":86841,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":71764,"type":"file-upload","icon":"file-upload-field","formItemFlag":true,"options":{"name":"fileupload102756","label":"上传文件","labelAlign":"","labelWidth":null,"labelHidden":false,"columnWidth":"200px","disabled":false,"hidden":false,"required":false,"requiredHint":"","customRule":"","customRuleHint":"","uploadURL":"","uploadTip":"","withCredentials":false,"multipleSelect":false,"showFileList":true,"limit":3,"fileMaxSize":5,"fileTypes":["doc","docx","xls","xlsx"],"customClass":[],"labelIconClass":null,"labelIconPosition":"rear","labelTooltip":null,"onCreated":"","onMounted":"","onBeforeUpload":"","onUploadSuccess":"","onUploadError":"","onFileRemove":"","onValidate":""},"id":"fileupload102756"}],"options":{"name":"gridCol26640","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-26640"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid11420","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid11420"},{"key":34376,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":57415,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[],"options":{"extraSlot":[],"name":"card64694","size":"default","title":"转账信息","bordered":false,"isConcise":false,"isInner":false,"hoverable":false,"buttonMargin":5,"customClass":""},"id":"card64694"}],"options":{"name":"gridCol68406","offset":0,"pull":0,"push":0,"span":21,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-68406"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid31161","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":"","componentType":"normal","justify":"start","align":"middle"},"id":"grid31161"},{"key":86841,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input80395","label":"总笔数","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"总笔数","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input80395"}],"options":{"name":"gridCol73832","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-73832"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input71228","label":"总金额(元)","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"all","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input71228"}],"options":{"name":"gridCol66866","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-66866"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input87212","label":"总金额大写","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":true,"hidden":false,"readonly":true,"required":false,"formItemField":"daxie","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input87212"}],"options":{"name":"gridCol93320","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-93320"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid26761","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid26761"}],"options":{"name":"gridCol35287","offset":0,"pull":0,"push":0,"span":18,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-35287"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":107910,"type":"divider","icon":"divider","formItemFlag":false,"typeList":[{"label":"水平","value":"horizontal"},{"label":"垂直","value":"vertical"}],"options":{"name":"divider40064","label":"上传文件模板下载","componentType":"horizontal","isDashed":false,"orientation":"center","customClass":[]},"id":"divider40064"},{"key":53334,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":107829,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button53936","label":"下载XLS模板","size":"large","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button53936"}],"options":{"name":"flexbox52258","customClass":[],"justify":"center","align":"middle","space":0},"id":"flexbox52258"},{"key":42193,"type":"divider","icon":"divider","formItemFlag":false,"typeList":[{"label":"水平","value":"horizontal"},{"label":"垂直","value":"vertical"}],"options":{"name":"divider72387","label":"","componentType":"horizontal","isDashed":false,"orientation":"center","customClass":[]},"id":"divider72387"},{"key":53334,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":107829,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button47215","label":"下载XLS模板","size":"large","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button47215"}],"options":{"name":"flexbox92868","customClass":[],"justify":"center","align":"center","space":0},"id":"flexbox92868"}],"options":{"name":"gridCol65299","offset":0,"pull":0,"push":0,"span":6,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-65299"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid79756","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid79756"}],"options":{"name":"stepItem-27661","customClass":[],"title":"填写信息","subTitle":"","description":"","slotName":"stepSlot-27661","disabled":false,"icon":"","key":27661},"id":"step-item27661"},{"type":"step-item","category":"container","internal":true,"widgetList":[],"options":{"name":"stepItem-46982","customClass":"","title":"确认信息","subTitle":"","description":"","slotName":"stepSlot-46982","disabled":false,"icon":"","key":46982},"id":"step-item46982"},{"type":"step-item","category":"container","internal":true,"widgetList":[],"options":{"name":"stepItem-66286","customClass":"","title":"交易结果","subTitle":"","description":"","slotName":"stepSlot-66286","disabled":false,"icon":"","key":66286},"id":"step-item66286"}],"options":{"name":"step15543","optionItems":[],"customClass":"","size":"default","direction":"horizontal","labelPlacement":"horizontal","componentType":"default","progressDot":false,"onNextBef":"","onNextAft":"","onLastBef":"","onLastAft":"","onFinish":""},"id":"step15543"}],"options":{"name":"tab1","tab":"文件上传录入","key":0,"customClass":""},"id":"tab-pane-110814"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-55956","tab":"手动录入","key":1,"customClass":""},"id":"tab-pane-55956"}],"options":{"name":"tab32119","activeKey":"","hidden":false,"size":"default","tabPosition":"top","customClass":[],"tabType":"line","tabBarGutter":10,"hideAdd":false,"onChange":"","onTabClick":""},"id":"tab32119"}],"options":{"extraSlot":[],"name":"card86931","size":"default","title":"","bordered":true,"isConcise":true,"isInner":true,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card86931"}],"formConfig":{"cName":"复杂页面03","cCode":"1103","modelName":"formData","labelAlign":"right","labelCol":5,"wrapperCol":16,"globalVariable":[],"refName":"vForm","rulesName":"rules","size":"","cssCode":"","customClass":"","functions":[],"layoutType":"PC","jsonVersion":3,"enum":"","filters":[],"onFormMounted":"this.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
\ No newline at end of file
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":35825,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":63439,"type":"html-text","icon":"html-text","formItemFlag":false,"options":{"name":"htmltext46793","columnWidth":"200px","htmlContent":"<h1>用户管理</h1>","customClass":["header"],"label":"html-text"},"id":"htmltext46793"}],"options":{"extraSlot":[],"name":"card88871","size":"default","title":"","bordered":true,"isConcise":true,"isInner":true,"hoverable":false,"buttonMargin":5,"customClass":["marginBtm"]},"id":"card88871"},{"key":35825,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":113814,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":91495,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input51543","label":"用户号","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"userId","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input51543"}],"options":{"name":"gridCol28635","offset":0,"pull":0,"push":0,"span":12,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-28635"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":91495,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input8007","label":"姓名","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"userName","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input8007"}],"options":{"name":"gridCol25311","offset":0,"pull":0,"push":0,"span":12,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-25311"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":88165,"type":"select","icon":"select-field","formItemFlag":true,"sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"select94531","placeholder":"请选择机构","size":"default","label":"机构","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"instNo","verify":[],"verifyTrigger":"blur","allowClear":true,"selectListName":"orgList","selectMode":"default","beforeSlot":"","maxLength":12,"optionItems":"orgList","onChange":"","onPressEnter":"","onFocus":"","onBlur":"","defaultValue":"","columnWidth":"200px","customClass":[]},"id":"select94531","optionItemType":"enum"}],"options":{"name":"gridCol111727","offset":0,"pull":0,"push":0,"span":12,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-111727"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":93856,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":52109,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button61164","label":"提交","size":"","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":"this.$remote({\n url:\"/sso/user/queryUserPage\",\n params:{\n pageIndex: \"1\",\n pageSize: \"10\"\n },\n successFn:(res)=>{\n console.log(res)\n this.params.table01=res.data\n \n this.table.table01.pagination.total=res.count\n }\n})"},"id":"button61164"},{"key":52109,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button61777","label":"取消","size":"","ghost":true,"componentType":"primary","shape":"","icon":"","customClass":"","functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button61777"},{"key":12052,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button104880","label":"","size":"","ghost":true,"componentType":"","shape":"circle","icon":"simple-icons:hellofresh","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button104880"}],"options":{"name":"flexbox78239","customClass":[],"justify":"center","align":"center","space":24},"id":"flexbox78239"}],"options":{"name":"gridCol117063","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-117063"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid37541","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid37541"}],"options":{"extraSlot":[],"name":"card46138","size":"default","title":"用户信息查询","bordered":true,"isConcise":false,"isInner":false,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card46138"},{"key":92315,"type":"table","category":"container","icon":"table","rows":[{"cols":[{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":71391,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext113750","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext113750"}],"merged":false,"options":{"name":"table-cell-49513","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"用户号","vModel":"userId","cellAlign":"left","cellFixed":"left","customClass":""},"id":"table-cell-49513"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":71391,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext29289","columnWidth":"200px","textContent":"${text}","customClass":"","label":"static-text","fromTable":true},"id":"statictext29289"}],"merged":false,"options":{"name":"table-cell-36964","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"姓名","vModel":"userName","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-36964"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":71391,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext91489","columnWidth":"200px","textContent":"${text}","customClass":"","label":"static-text","fromTable":true},"id":"statictext91489"}],"merged":false,"options":{"name":"table-cell-80847","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"机构","vModel":"instNm","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-80847"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":71391,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext86168","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext86168"}],"merged":false,"options":{"name":"table-cell-70335","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"部门","vModel":"depName","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-70335"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":71391,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext29191","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext29191"}],"merged":false,"options":{"name":"table-cell-75449","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"岗位","vModel":"roleNames","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-75449"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":71391,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext110761","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext110761"}],"merged":false,"options":{"name":"table-cell-31690","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"手机号","vModel":"telephone","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-31690"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":71391,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext51738","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext51738"}],"merged":false,"options":{"name":"table-cell-81969","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"用户状态","vModel":"userStatusName","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-81969"}],"id":"table-row-54892","merged":false}],"options":{"name":"table60224","hidden":false,"customClass":[],"operationWidth":"150","needPaging":true,"vModel":"table01","tableSelectType":"checkbox","totalNumber":"count","pagingCurrent":"pageIndex","pagingPageSize":"pageSize","tablePostUrl":"/sso/user/queryUserPage","operationBtns":[{"id":"table_detail_btn_79157","type":"default","btnName":"详情","code":"console.log(\"表格详情按钮\")","showType":"text","disabled":"","hiden":"","svgName":"","customClass":""},{"id":"table_delete_btn_22902","type":"default","btnName":"删除","code":"console.log(\"表格删除按钮\")","showType":"text","disabled":"","hiden":"","svgName":"","customClass":""},{"id":"table_edit_btn_71589","type":"default","btnName":"编辑","code":"console.log(\"表格编辑按钮\")","showType":"text","disabled":"","hiden":"","svgName":"","customClass":""},{"btnName":"测试","showType":"image","svgName":"simple-icons:hellofresh","customClass":"","code":"console.log(\"123456\")","id":"table_btn_60512","type":"custom"}],"headerBtns":[{"btnName":"删除","showType":"text","svgName":"","customClass":"","code":"","id":"table_btn_102856","type":"custom"},{"btnName":"解锁","showType":"text","svgName":"","customClass":"","code":"","id":"table_btn_88220","type":"custom"},{"btnName":"重置密码","showType":"text","svgName":"","customClass":"","code":"","id":"table_btn_97471","type":"custom"},{"btnName":"冻结","showType":"text","svgName":"","customClass":"","code":"","id":"table_btn_72091","type":"custom"},{"btnName":"解冻","showType":"text","svgName":"","customClass":"","code":"","id":"table_btn_44974","type":"custom"},{"id":"table_add_btn_10946","type":"default","btnName":"新增","code":"console.log(\"表格新增按钮\")","showType":"image","disabled":"","hiden":"","svgName":"simple-icons:hellofresh","customClass":""}],"tableTittle":"用户信息列表","defaultEditBtn":true,"defaultAddBtn":true,"defaultDetailBtn":true,"defaultDeleteBtn":true},"id":"table60224"}],"formConfig":{"cName":"常规页面01","cCode":"1104","modelName":"formData","labelAlign":"right","labelCol":6,"wrapperCol":11,"globalVariable":[],"refName":"vForm","rulesName":"rules","size":"","cssCode":".header{\n \n}\n.header>h1{\n font-size: 25px;\n font-weight: bold;\n margin-bottom: unset !important;\n}\n.marginBtm{\n margin-bottom:16px;\n}\n.marginLr{\n margin : 0 16px 0;\n}","customClass":["marginLr"],"functions":[],"layoutType":"PC","jsonVersion":3,"enum":[],"filters":[],"onFormMounted":"\nthis.$remote({\n url:\"/sso/department/queryDepartmentList\",\n params:{},\n successFn:(res)=>{\n console.log(res)\n let arr =res.data.map(item=>{\n return {\n label: item.depName,\n value: item.depId\n }\n })\n this.options.orgList =arr\n }\n})\n\nthis.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
\ No newline at end of file
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":60450,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":94647,"type":"html-text","icon":"html-text","formItemFlag":false,"options":{"name":"htmltext3660","columnWidth":"200px","htmlContent":"<h1>多表格</h1>","customClass":["header>h1"],"label":"html-text"},"id":"htmltext3660"}],"options":{"extraSlot":[],"name":"card44791","size":"default","title":"","bordered":true,"isConcise":true,"isInner":true,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card44791"},{"key":60450,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":30367,"type":"tab","category":"container","icon":"tab","sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"widgetList":[{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":50621,"type":"table","category":"container","icon":"table","rows":[{"cols":[{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input50354","label":"","isAloneWidthSetting":false,"labelWidth":1,"wrapperWidth":1,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":true,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input50354"}],"merged":false,"options":{"name":"table-cell-86542","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"中止业务原因","vModel":"abortBizReason","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-86542"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input62070","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input62070"}],"merged":false,"options":{"name":"table-cell-45275","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"计提基数","vModel":"accrueBaseVal","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-45275"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":114492,"type":"select","icon":"select-field","formItemFlag":true,"sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"select36142","placeholder":"","size":"default","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"selectListName":"","selectMode":"default","beforeSlot":"","maxLength":12,"optionItems":[{"id":"radio-pane-79543","label":"radio1","value":"radio1"},{"id":"radio-pane-32484","label":"radio2","value":"radio2"}],"onChange":"","onPressEnter":"","onFocus":"","onBlur":"","defaultValue":"","columnWidth":"200px","customClass":[],"fromTable":true},"id":"select36142","optionItemType":"array"}],"merged":false,"options":{"name":"table-cell-16016","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"计提周期","vModel":"accrueCycl","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-16016"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":46558,"type":"date","icon":"date-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"date57940","label":"标签","labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"required":false,"formItemField":"","size":"default","allowClear":true,"placeholder":"请选择日期","format":"YYYY-MM-DD","dataFormat":"YYYY-MM-DD","showToday":true,"showTime":false,"disabledDate":"","customClass":"","onChange":"","fromTable":true},"id":"date57940"}],"merged":false,"options":{"name":"table-cell-97136","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"账户号类型","vModel":"accountNoTp","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-97136"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input73051","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input73051"}],"merged":false,"options":{"name":"table-cell-10902","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"计提日期","vModel":"accrueDt","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-10902"}],"id":"table-row-106546","merged":false}],"options":{"name":"table113841","hidden":false,"customClass":[],"operationWidth":"","needPaging":false,"vModel":"table1","tableSelectType":"","totalNumber":"","pagingCurrent":"","pagingPageSize":"","tablePostUrl":"","operationBtns":[],"headerBtns":[],"tableTittle":""},"id":"table113841"}],"options":{"name":"tab1","tab":"表格1","key":0,"customClass":""},"id":"tab-pane-53155"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":50621,"type":"table","category":"container","icon":"table","rows":[{"cols":[{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input97758","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input97758"}],"merged":false,"options":{"name":"table-cell-44541","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"中止业务原因","vModel":"abortBizReason","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-44541"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input100703","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input100703"}],"merged":false,"options":{"name":"table-cell-46095","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"对账方式","vModel":"accchkmethd","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-46095"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input116436","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input116436"}],"merged":false,"options":{"name":"table-cell-39772","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"计提基数","vModel":"accrueBaseVal","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-39772"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input25512","label":"文本输入框","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input25512"}],"merged":false,"options":{"name":"table-cell-52357","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"计提日期","vModel":"accrueDt","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-52357"}],"id":"table-row-17598","merged":false}],"options":{"name":"table73056","hidden":false,"customClass":[],"operationWidth":"","needPaging":false,"vModel":"table2","tableSelectType":"","totalNumber":"","pagingCurrent":"","pagingPageSize":"","tablePostUrl":"","operationBtns":[],"headerBtns":[],"tableTittle":""},"id":"table73056"}],"options":{"name":"tab-pane-27336","tab":"表格2","key":1,"customClass":"","forceRender":false},"id":"tab-pane-27336"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":50621,"type":"table","category":"container","icon":"table","rows":[{"cols":[{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input12557","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input12557"}],"merged":false,"options":{"name":"table-cell-89077","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"账户号类型","vModel":"accountNoTp","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-89077"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input90786","label":"文本输入框","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input90786"}],"merged":false,"options":{"name":"table-cell-80145","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"计提基数","vModel":"accrueBaseVal","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-80145"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input114780","label":"文本输入框","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input114780"}],"merged":false,"options":{"name":"table-cell-76440","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"计提日期","vModel":"accrueDt","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-76440"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":19394,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input44734","label":"文本输入框","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input44734"}],"merged":false,"options":{"name":"table-cell-54887","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"记账复利标志","vModel":"acctgCintFlg","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-54887"}],"id":"table-row-40348","merged":false}],"options":{"name":"table82774","hidden":false,"customClass":[],"operationWidth":"","needPaging":false,"vModel":"tbale03","tableSelectType":"","totalNumber":"","pagingCurrent":"","pagingPageSize":"","tablePostUrl":"","operationBtns":[],"headerBtns":[],"tableTittle":""},"id":"table82774"}],"options":{"name":"tab-pane-92812","tab":"表格3","key":2,"customClass":""},"id":"tab-pane-92812"}],"options":{"name":"tab50295","activeKey":"","hidden":false,"size":"default","tabPosition":"top","customClass":[],"tabType":"line","tabBarGutter":10,"hideAdd":false,"onChange":"this.customData.table =activeKey\n","onTabClick":""},"id":"tab50295"}],"options":{"extraSlot":[{"key":84721,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button22791","label":"添加","size":"","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":"this.params.table1.push( { formItemField: '' },\r\n { accrueBaseVal: '' },\r\n { accrueCycl: '' },\r\n { accountNoTp: '' },\r\n { accrueDt: '' })"},"id":"button22791"}],"name":"card48572","size":"default","title":"","bordered":true,"isConcise":false,"isInner":false,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card48572"}],"formConfig":{"cName":"常规页面02","cCode":"1105","modelName":"formData","labelAlign":"right","labelCol":6,"wrapperCol":11,"globalVariable":[{"label":"table","code":"0"}],"refName":"vForm","rulesName":"rules","size":"small","cssCode":".header{\n \n}\n.header>h1{\n font-size: 25px;\n font-weight: bold;\n margin-bottom: unset !important;\n}\n.marginBtm{\n margin-bottom:16px;\n}\n.marginLr{\n margin : 0 16px 0;\n}","customClass":["marginLr"],"functions":[],"layoutType":"PC","jsonVersion":3,"enum":[],"filters":[],"onFormMounted":"\nthis.$remote({\n url:\"/sso/department/queryDepartmentList\",\n params:{},\n successFn:(res)=>{\n console.log(res)\n let arr =res.data.map(item=>{\n return {\n label: item.depName,\n value: item.depId\n }\n })\n this.options.orgList =arr\n }\n})\n\nthis.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
\ No newline at end of file
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":31177,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":48869,"type":"description","category":"container","icon":"description","sizeList":[{"label":"default","value":"default"},{"label":"middle","value":"middle"},{"label":"small","value":"small"}],"widgetList":[{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem46141","customClass":[],"dataFilter":"","label":"","value":"id1"},"id":"description-item-46141"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem71810","customClass":"","dataFilter":"","label":"产品类型","value":"prdType"},"id":"description-item-71810"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem43523","customClass":"","dataFilter":"","label":"业务产品","value":"buType"},"id":"description-item-43523"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem75783","customClass":"","dataFilter":"","label":"申请人","value":"apply"},"id":"description-item-75783"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem63560","customClass":[],"dataFilter":"","label":"","value":"text1"},"id":"description-item-63560"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem108379","customClass":"","dataFilter":"","label":"","value":"text2"},"id":"description-item-108379"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem29985","customClass":"","dataFilter":"","label":"","value":"date1"},"id":"description-item-29985"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem16342","customClass":[],"dataFilter":"","label":"客户经理","value":"custFM"},"id":"description-item-16342"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem110297","customClass":"","dataFilter":"","label":"申请机构","value":"applyOrg"},"id":"description-item-110297"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem56081","customClass":"","dataFilter":"","label":"当前处理机构","value":"currentOrg"},"id":"description-item-56081"}],"options":{"name":"description97127","title":"","customClass":[],"bordered":true,"column":3,"size":"default","layout":"horizontal"},"id":"description97127"},{"key":98880,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":69209,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button53316","label":"提交审批","size":"","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"submit","beforeSlot":"","afterSlot":"","onClick":"this.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});"},"id":"button53316"}],"options":{"name":"flexbox88377","customClass":[],"justify":"center","align":"middle","space":10},"id":"flexbox88377"}],"options":{"extraSlot":[],"name":"card14753","size":"default","title":"申请信息","bordered":false,"isConcise":true,"isInner":true,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card14753"},{"key":104586,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":119211,"type":"tab","category":"container","icon":"tab","sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"widgetList":[{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":20776,"type":"table","category":"container","icon":"table","rows":[{"cols":[{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":54150,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext70467","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext70467"}],"merged":false,"options":{"name":"table-cell-81655","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"客户名称","vModel":"custNm","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-81655"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":54150,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext15743","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext15743"}],"merged":false,"options":{"name":"table-cell-64239","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"证件类型","vModel":"certTp","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-64239"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":54150,"type":"static-text","icon":"static-text","formItemFlag":false,"options":{"name":"statictext23656","columnWidth":"200px","textContent":"${text}","customClass":[],"label":"static-text","fromTable":true},"id":"statictext23656"}],"merged":false,"options":{"name":"table-cell-17743","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"证件号码","vModel":"certNo","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-17743"}],"id":"table-row-107303","merged":false}],"options":{"name":"table35541","hidden":false,"customClass":[],"operationWidth":"","needPaging":false,"vModel":"table1","tableSelectType":"checkbox","totalNumber":"","pagingCurrent":"","pagingPageSize":"","tablePostUrl":"","operationBtns":[{"id":"table_detail_btn_38744","type":"default","btnName":"查看","code":"console.log(\"表格详情按钮\")","showType":"text","disabled":"","hiden":"","svgName":"","customClass":""}],"headerBtns":[],"tableTittle":"申请人信息","defaultDetailBtn":true},"id":"table35541"}],"options":{"name":"tab1","tab":"申请人","key":0,"customClass":""},"id":"tab-pane-94188"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":37538,"type":"description","category":"container","icon":"description","sizeList":[{"label":"default","value":"default"},{"label":"middle","value":"middle"},{"label":"small","value":"small"}],"widgetList":[{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem40449","customClass":"","dataFilter":"","label":"合同编号","value":"descript1"},"id":"description-item-40449"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem94458","customClass":"","dataFilter":"","label":"协办调查人名称","value":"descript11"},"id":"description-item-94458"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem32238","customClass":"","dataFilter":"","label":"折算基准币种","value":"descript21"},"id":"description-item-32238"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem104277","customClass":"","dataFilter":"","label":"申请币种、汇率","value":"descript31"},"id":"description-item-104277"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem50135","customClass":"","dataFilter":"","label":"申请期限(月)","value":"descript41"},"id":"description-item-50135"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem114531","customClass":"","dataFilter":"","label":"申请金额(元)","value":"descript51"},"id":"description-item-114531"},{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem87778","customClass":"","dataFilter":"","label":"低风险担保比例(%)","value":"descript61"},"id":"description-item-87778"}],"options":{"name":"description103602","title":"","customClass":"","bordered":true,"column":3,"size":"default","layout":"horizontal"},"id":"description103602"}],"options":{"name":"tab-pane-99811","tab":"贷款申请","key":1,"customClass":""},"id":"tab-pane-99811"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":105509,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":104586,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":86465,"type":"radio","icon":"radio-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"optionItemType":"array","options":{"name":"radio76683","label":"中止业务原因","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"abortBizReason","verify":[],"verifyTrigger":"blur","customClass":[],"optionItems":[{"id":"radio-pane-49839","label":"抵押","value":"radio1"},{"id":"radio-pane-61326","label":"质押","value":"radio2"},{"id":"radio-pane-30813","label":"保证","value":"radio3"},{"id":"radio-pane-45766","label":"信用","value":"radio4"}],"buttonStyle":"outline","onChange":""},"id":"radio76683"},{"key":46799,"type":"checkbox","icon":"checkbox-field","formItemFlag":true,"optionItemType":"array","options":{"name":"checkbox49011","label":"账户号","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"accountNo","verify":[],"verifyTrigger":"blur","customClass":[],"optionItems":[{"id":"radio-pane-48152","label":"抵押","value":"radio1"},{"id":"radio-pane-46913","label":"质押","value":"radio2"},{"id":"radio-pane-76839","label":"保证","value":"radio3"},{"id":"radio-pane-49263","label":"信用","value":"radio4"}],"onChange":""},"id":"checkbox49011"},{"key":30999,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":59756,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button62196","label":"提交","size":"","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button62196"}],"options":{"name":"flexbox26610","customClass":[],"justify":"center","align":"center","space":0},"id":"flexbox26610"}],"options":{"extraSlot":[],"name":"card104129","size":"default","title":"担保方式","bordered":true,"isConcise":false,"isInner":false,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card104129"}],"options":{"name":"gridCol32228","offset":0,"pull":0,"push":0,"span":8,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-32228"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":66723,"type":"tab","category":"container","icon":"tab","sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"widgetList":[{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab1","tab":"抵质押品信息","key":0,"customClass":""},"id":"tab-pane-36254"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-69460","tab":"担保人","key":1,"customClass":""},"id":"tab-pane-69460"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-111337","tab":"保证金信息","key":2,"customClass":""},"id":"tab-pane-111337"}],"options":{"name":"tab35697","activeKey":"","hidden":false,"size":"default","tabPosition":"top","customClass":[],"tabType":"line","tabBarGutter":10,"hideAdd":false,"onChange":"","onTabClick":""},"id":"tab35697"}],"options":{"name":"gridCol55004","offset":0,"pull":0,"push":0,"span":16,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-55004"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid35953","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid35953"}],"options":{"name":"tab-pane-38060","tab":"担保信息","key":2,"customClass":""},"id":"tab-pane-38060"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":104586,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":105509,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":37168,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input57188","label":"最高额担保合同","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"abortBizScopeFlg","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input57188"}],"options":{"name":"gridCol89352","offset":0,"pull":0,"push":0,"span":12,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-89352"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":74817,"type":"select","icon":"select-field","formItemFlag":true,"sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"select88085","placeholder":"","size":"default","label":"担保方式","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"accrueCycl","verify":[],"verifyTrigger":"blur","allowClear":true,"selectListName":"","selectMode":"default","beforeSlot":"","maxLength":12,"optionItems":[{"label":"select 1","value":1},{"label":"select 2","value":2},{"label":"select 3","value":3}],"onChange":"","onPressEnter":"","onFocus":"","onBlur":"","defaultValue":"","columnWidth":"200px","customClass":""},"id":"select88085"}],"options":{"name":"gridCol120181","offset":0,"pull":0,"push":0,"span":12,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-120181"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid98513","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":"","componentType":"normal","justify":"start","align":"middle"},"id":"grid98513"}],"options":{"extraSlot":[],"name":"card66146","size":"default","title":"引用最高额担保","bordered":true,"isConcise":false,"isInner":false,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card66146"},{"key":66723,"type":"tab","category":"container","icon":"tab","sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"widgetList":[{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab1","tab":"抵押合同申请","key":0,"customClass":""},"id":"tab-pane-41618"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-77062","tab":"质押合同申请","key":1,"customClass":""},"id":"tab-pane-77062"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-55852","tab":"保证合同申请","key":2,"customClass":""},"id":"tab-pane-55852"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-38381","tab":"保证金合同申请","key":3,"customClass":""},"id":"tab-pane-38381"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-111846","tab":"信用申请","key":4,"customClass":""},"id":"tab-pane-111846"}],"options":{"name":"tab69990","activeKey":"","hidden":false,"size":"default","tabPosition":"top","customClass":[],"tabType":"line","tabBarGutter":10,"hideAdd":false,"onChange":"","onTabClick":""},"id":"tab69990"}],"options":{"name":"tab-pane-76415","tab":"担保合同","key":3,"customClass":""},"id":"tab-pane-76415"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":79581,"type":"table","category":"container","icon":"table","rows":[{"cols":[{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":41402,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input78598","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"ad","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input78598"}],"merged":false,"options":{"name":"table-cell-38493","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"贷款资料","vModel":"ziliao","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-38493"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":56382,"type":"checkbox","icon":"checkbox-field","formItemFlag":true,"optionItemType":"array","options":{"name":"checkbox79244","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","customClass":[],"optionItems":[{"id":"radio-pane-12938","label":"","value":"radio1"}],"onChange":"","fromTable":true},"id":"checkbox79244"}],"merged":false,"options":{"name":"table-cell-29611","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"是否必要","vModel":"shifoubiyao","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-29611"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":56382,"type":"checkbox","icon":"checkbox-field","formItemFlag":true,"optionItemType":"array","options":{"name":"checkbox27294","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","customClass":[],"optionItems":[{"id":"radio-pane-79377","label":"","value":"radio2"}],"onChange":"","fromTable":true},"id":"checkbox27294"}],"merged":false,"options":{"name":"table-cell-102719","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"查收","vModel":"chashou","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-102719"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":41402,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input48342","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":"","fromTable":true},"id":"input48342"}],"merged":false,"options":{"name":"table-cell-87446","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"查收人","vModel":"chahsouren","cellAlign":"center","cellFixed":"","customClass":[]},"id":"table-cell-87446"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":107452,"type":"date","icon":"date-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"date52642","label":"","labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"required":false,"formItemField":"","size":"default","allowClear":true,"placeholder":"请选择日期","format":"YYYY-MM-DD","dataFormat":"YYYY-MM-DD","showToday":true,"showTime":false,"disabledDate":"","customClass":[],"onChange":"","fromTable":true},"id":"date52642"}],"merged":false,"options":{"name":"table-cell-85707","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"查收日期","vModel":"csrq","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-85707"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":56382,"type":"checkbox","icon":"checkbox-field","formItemFlag":true,"optionItemType":"array","options":{"name":"checkbox51828","label":"","isAloneWidthSetting":false,"labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"","verify":[],"verifyTrigger":"blur","customClass":[],"optionItems":[{"id":"radio-pane-48029","label":"","value":"radio3"}],"onChange":"","fromTable":true},"id":"checkbox51828"}],"merged":false,"options":{"name":"table-cell-46645","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"检查","vModel":"jiancha","cellAlign":"left","cellFixed":"","customClass":""},"id":"table-cell-46645"},{"type":"table-cell","category":"container","icon":"table-cell","internal":true,"widgetList":[{"key":107452,"type":"date","icon":"date-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"date93510","label":"","labelWidth":0,"wrapperWidth":0,"labelAlign":"left","disabled":false,"hidden":false,"required":false,"formItemField":"","size":"default","allowClear":true,"placeholder":"请选择日期","format":"YYYY-MM-DD","dataFormat":"YYYY-MM-DD","showToday":true,"showTime":false,"disabledDate":"","customClass":[],"onChange":"","fromTable":true},"id":"date93510"}],"merged":false,"options":{"name":"table-cell-82709","cellWidth":"","colspan":1,"rowspan":1,"cellTittle":"核查日期","vModel":"hcrq","cellAlign":"left","cellFixed":"","customClass":[]},"id":"table-cell-82709"}],"id":"table-row-79659","merged":false}],"options":{"name":"table61383","hidden":false,"customClass":[],"operationWidth":"","needPaging":false,"vModel":"tb003","tableSelectType":"","totalNumber":"","pagingCurrent":"","pagingPageSize":"","tablePostUrl":"","operationBtns":[],"headerBtns":[],"tableTittle":""},"id":"table61383"},{"key":93374,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":40526,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button84297","label":"保存","size":"","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button84297"}],"options":{"name":"flexbox56248","customClass":[],"justify":"center","align":"middle","space":0},"id":"flexbox56248"}],"options":{"name":"tab-pane-8319","tab":"检查资料","key":4,"customClass":""},"id":"tab-pane-8319"}],"options":{"name":"tab94840","activeKey":"","hidden":false,"size":"default","tabPosition":"top","customClass":[],"tabType":"line","tabBarGutter":10,"hideAdd":false,"onChange":"","onTabClick":""},"id":"tab94840"}],"options":{"extraSlot":[],"name":"card55660","size":"default","title":"","bordered":false,"isConcise":true,"isInner":true,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card55660"}],"formConfig":{"cName":"2000_1","cCode":"2000_1","modelName":"formData","labelAlign":"left","labelCol":6,"wrapperCol":15,"globalVariable":[],"refName":"vForm","rulesName":"rules","size":"","cssCode":"","customClass":[],"functions":[{"label":"getValue","code":"function getValue(value){\n return 'table[' + value +']tb003.ziliao'\n}"}],"layoutType":"PC","jsonVersion":3,"enum":[],"filters":[],"onFormMounted":"this.$set(this.result,'id1', 2540321);\nthis.$set(this.result,'prdType', '公司类');\nthis.$set(this.result,'buType', '流动资金贷款');\nthis.$set(this.result,'apply', '江苏省标准工业集团有限公司');\nthis.$set(this.result,'text1', '录入');\nthis.$set(this.result,'text2', '新申请');\nthis.$set(this.result,'date1', '2015-06-13');\nthis.$set(this.result,'custFM', '[0172]董军');\nthis.$set(this.result,'applyOrg', '机构530302100');\nthis.$set(this.result,'currentOrg', '机构530302100');","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
\ No newline at end of file
...@@ -79,7 +79,48 @@ const menu: Menu[] = [ ...@@ -79,7 +79,48 @@ const menu: Menu[] = [
title: '系统维护', title: '系统维护',
type: 'dir', type: 'dir',
icon: 'mdi:form', icon: 'mdi:form',
children: [] children: [
{
id: '1102',
name: '1102',
title: 'tab页签',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1102'
},
{
id: '1103',
name: '1103',
title: '步骤表单',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1103'
},
{
id: '1104',
name: '1104',
title: '用户管理',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1104'
},
{
id: '1105',
name: '1105',
title: '多表格',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1105'
},
{
id: '2000_1',
name: '1102',
title: '申请信息',
type: 'menu',
icon: 'mdi:form',
path: '/trades/2000_1'
},
]
} }
] ]
......
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '复杂交易02',
cCode: '1102',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: { name: '', noName: '', uId: '', tel: '' },
options: {},
table: {},
enums: [],
result: {},
customData: {},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
}
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
// ----------------- 用户自定义方法 -----------------------------
},
created() {
_that = this
},
mounted() {
return
this.$getOptions()
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
<template>
<div id="1102">
<a-form-model
ref="form"
:model="params"
labelAlign="left"
layout="horizontal"
:labelCol="{
span: 6,
offset: 0
}"
:wrapperCol="{
span: 18,
offset: 0
}"
:colon="true"
>
<a-card id="card75758" :bordered="true" :hoverable="false" size="default" type="inner">
<a-tabs
id="tab47723"
:hideAdd="false"
size="default"
tabPosition="top"
type="line"
:tabBarGutter="10"
>
<a-tab-pane key="0" id="tab-pane-71741">
<template #tab> PIN重置 </template>
</a-tab-pane>
<a-tab-pane key="1" id="tab-pane-93167">
<template #tab> 证书下载 </template>
<a-row id="grid41739" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-65557" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="name"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> 操作员姓名 </template>
<a-input
v-model="params.name"
id="input18767"
:read-only="false"
placeholder="请输入操作员姓名"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-44138" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="noName"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> 账户名称 </template>
<a-input
v-model="params.noName"
id="input39616"
:read-only="false"
placeholder="请输入账户名称"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-69393" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="uId"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> U盾编号 </template>
<a-input
v-model="params.uId"
id="input6219"
:read-only="false"
placeholder="请输入U盾编号"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-1687" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="tel"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> 操作员手机号 </template>
<a-input
v-model="params.tel"
id="input32997"
:read-only="false"
placeholder="请输入"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
<div
style="width: 100%; display: flex; justify-content: center; align-items: center"
id="flexbox99357"
>
<a-button id="button31052" :ghost="false" type="primary"> 确定 </a-button>
</div>
</a-col>
</a-row>
</a-tab-pane>
<a-tab-pane key="2" id="tab-pane-96084">
<template #tab> 证书更新 </template>
</a-tab-pane>
</a-tabs>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '复杂页面03',
cCode: '1103',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: { zh: '', zhanghao: '', yue: '', undefined: '', 总笔数: '', all: '', daxie: '' },
options: {},
table: {},
enums: [],
result: {},
customData: {},
stepField: [['zh', 'zhanghao', 'yue', null, '总笔数', 'all', 'daxie']]
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
}
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
// ----------------- 用户自定义方法 -----------------------------
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
<template>
<div id="1103">
<a-form-model
ref="form"
:model="params"
labelAlign="right"
layout="horizontal"
:labelCol="{
span: 5,
offset: 0
}"
:wrapperCol="{
span: 16,
offset: 0
}"
:colon="true"
>
<a-card id="card86931" :bordered="true" :hoverable="false" size="default" type="inner">
<a-tabs
id="tab32119"
:hideAdd="false"
size="default"
tabPosition="top"
type="line"
:tabBarGutter="10"
>
<a-tab-pane key="0" id="tab-pane-110814">
<template #tab> 文件上传录入 </template>
<step
id="step15543"
direction="horizontal"
labelPlacement="horizontal"
:progressDot="false"
>
<step-item id="step-item27661" title="填写信息" disabled="false">
<a-row id="grid79756" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-35287" :offset="0" :span="18">
<a-row id="grid61607" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-21995" :offset="0" :span="24">
<a-row id="grid43786" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-65753" :offset="0" :span="21">
<a-card
id="card28316"
:bordered="false"
:hoverable="false"
size="default"
>
<template #title> 付款方信息 </template>
</a-card>
</a-col>
</a-row>
</a-col>
<a-col id="grid-col-44393" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="zh"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 5,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 16,
offset: 0
}"
>
<template #label> 付款方账户类型 </template>
<a-radio-group
v-model="params.zh"
id="radio29218"
:disabled="false"
:options="[
{ id: 'radio-pane-26162', label: '普通账户', value: '0' },
{ id: 'radio-pane-89802', label: '子账户', value: '1' }
]"
buttonStyle="outline"
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col id="grid-col-107859" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="zhanghao"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 5,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 16,
offset: 0
}"
>
<template #label> 付款账号 </template>
<a-select
v-model="params.zhanghao"
id="select43076"
:allowClear="true"
:disabled="false"
mode="default"
size="default"
:options="[
{ label: '账号1', value: 1 },
{ label: '账号2', value: 2 },
{ label: '账号3', value: 3 }
]"
>
</a-select>
</a-form-model-item>
</a-col>
<a-col id="grid-col-41901" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="yue"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 5,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 16,
offset: 0
}"
>
<template #label> 可用余额 </template>
<a-input
v-model="params.yue"
id="input45504"
:read-only="true"
:disabled="true"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
</a-row>
<a-row id="grid7913" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-28162" :offset="0" :span="21">
<a-card id="card75390" :bordered="false" :hoverable="false" size="default">
<template #title> 收款方信息 </template>
</a-card>
</a-col>
</a-row>
<a-row id="grid11420" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-26640" :offset="0" :span="24">
<a-form-model-item
v-if="true"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: undefined
}
]"
:labelCol="{
span: 5,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 16,
offset: 0
}"
>
<template #label> 上传文件 </template>
<a-input v-model="params.undefined" id="fileupload102756"> </a-input>
</a-form-model-item>
</a-col>
</a-row>
<a-row id="grid31161" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-68406" :offset="0" :span="21">
<a-card id="card64694" :bordered="false" :hoverable="false" size="default">
<template #title> 转账信息 </template>
</a-card>
</a-col>
</a-row>
<a-row id="grid26761" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-73832" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="总笔数"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 5,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 16,
offset: 0
}"
>
<template #label> 总笔数 </template>
<a-input
v-model="params.总笔数"
id="input80395"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-66866" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="all"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 5,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 16,
offset: 0
}"
>
<template #label> 总金额(元) </template>
<a-input
v-model="params.all"
id="input71228"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-93320" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="daxie"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 5,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 16,
offset: 0
}"
>
<template #label> 总金额大写 </template>
<a-input
v-model="params.daxie"
id="input87212"
:read-only="true"
:disabled="true"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
</a-row>
</a-col>
<a-col id="grid-col-65299" :offset="0" :span="6">
<a-divider
id="divider40064"
:dashed="false"
orientation="center"
type="horizontal"
>
上传文件模板下载
</a-divider>
<div
style="
width: 100%;
display: flex;
justify-content: center;
align-items: middle;
"
id="flexbox52258"
>
<a-button id="button53936" :ghost="false" size="large" type="primary">
下载XLS模板
</a-button>
</div>
<a-divider
id="divider72387"
:dashed="false"
orientation="center"
type="horizontal"
>
</a-divider>
<div
style="
width: 100%;
display: flex;
justify-content: center;
align-items: center;
"
id="flexbox92868"
>
<a-button id="button47215" :ghost="false" size="large" type="primary">
下载XLS模板
</a-button>
</div>
</a-col>
</a-row>
</step-item>
<step-item id="step-item46982" title="确认信息" disabled="false"> </step-item>
<step-item id="step-item66286" title="交易结果" disabled="false"> </step-item>
</step>
</a-tab-pane>
<a-tab-pane key="1" id="tab-pane-55956">
<template #tab> 手动录入 </template>
</a-tab-pane>
</a-tabs>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '常规页面01',
cCode: '1104',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: { table01: [], userId: '', userName: '', instNo: '' },
options: {
orgList: []
},
table: {
table01: {
options: {
rowKey: (record, index) => {
return index
}
},
selectedRowKeys: [],
selectedRows: [],
pagination: {
current: 1,
pageSize: 10,
total: 0,
showSizeChanger: true,
showQuickJumper: true,
pageSizeOptions: ['10', '20', '50', '100'],
showTotal: (total) => `共 ${total} 条`,
onChange: this.handlePageChange_table60224,
onShowSizeChange: this.handlePageChange_table60224
}
}
},
enums: ['orgList'],
result: {},
customData: {},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
},
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
async onSelectChange_table60224(selectedRowKeys, selectedRows) {
this.table.table01.selectedRowKeys = selectedRowKeys
this.table.table01.selectedRows = selectedRows
},
async handlePageChange_table60224(current, pageSize) {
this.table.table01.pagination.current = current
this.table.table01.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table60224(values)
})
},
async updateTable_table60224(values) {
let pagination = this.table.table01.pagination
let params = {
...values,
pageIndex: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '/sso/user/queryUserPage',
params,
successFn: (response) => {
this.table.table01.pagination.total = response.count
this.params.table01 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
async table_btn_102856() {},
async table_btn_88220() {},
async table_btn_97471() {},
async table_btn_72091() {},
async table_btn_44974() {},
async table_add_btn_10946() {
console.log('表格新增按钮')
},
// render table row buttn
async table_detail_btn_79157(value) {
console.log('表格详情按钮')
},
async table_delete_btn_22902(value) {
console.log('表格删除按钮')
},
async table_edit_btn_71589(value) {
console.log('表格编辑按钮')
},
async table_btn_60512(value) {
console.log('123456')
},
// ----------------- 用户自定义方法 -----------------------------
async button61164_onClick() {
this.$remote({
url: '/sso/user/queryUserPage',
params: {
pageIndex: '1',
pageSize: '10'
},
successFn: (res) => {
console.log(res)
this.params.table01 = res.data
this.table.table01.pagination.total = res.count
}
})
}
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$remote({
url: '/sso/department/queryDepartmentList',
params: {},
successFn: (res) => {
console.log(res)
let arr = res.data.map((item) => {
return {
label: item.depName,
value: item.depId
}
})
this.options.orgList = arr
}
})
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
.header {
}
.header > h1 {
font-size: 25px;
font-weight: bold;
margin-bottom: unset !important;
}
.marginBtm {
margin-bottom: 16px;
}
.marginLr {
margin: 0 16px 0;
}
<template>
<div id="1104">
<a-form-model
ref="form"
:model="params"
labelAlign="right"
layout="horizontal"
:labelCol="{
span: 6,
offset: 0
}"
:wrapperCol="{
span: 11,
offset: 0
}"
:colon="true"
>
<a-card
class="marginBtm"
id="card88871"
:bordered="true"
:hoverable="false"
size="default"
type="inner"
>
<div class="header" id="htmltext46793">
<h1>用户管理</h1>
</div>
</a-card>
<a-card id="card46138" :bordered="true" :hoverable="false" size="default">
<template #title> 用户信息查询 </template>
<a-row id="grid37541" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-28635" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="userId"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<template #label> 用户号 </template>
<a-input
v-model="params.userId"
id="input51543"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-25311" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="userName"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<template #label> 姓名 </template>
<a-input
v-model="params.userName"
id="input8007"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-111727" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="instNo"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<template #label> 机构 </template>
<a-select
v-model="params.instNo"
id="select94531"
:allowClear="true"
:disabled="false"
mode="default"
placeholder="请选择机构"
size="default"
:options="options.orgList"
>
</a-select>
</a-form-model-item>
</a-col>
<a-col id="grid-col-117063" :offset="0" :span="24">
<div
style="
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
"
id="flexbox78239"
>
<a-button id="button61164" :ghost="false" type="primary" @click="button61164_onClick">
提交
</a-button>
<a-button id="button61777" :ghost="true" type="primary"> 取消 </a-button>
<a-button
id="button104880"
:ghost="true"
icon="simple-icons:hellofresh"
shape="circle"
>
<Icon icon="simple-icons:hellofresh" />
</a-button>
</div>
</a-col>
</a-row> </a-card
><a-card title="用户信息列表" :bordered="false">
<template #extra>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_102856"
>删除</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_88220"
>解锁</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_97471"
>重置密码</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_72091"
>冻结</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_44974"
>解冻</a-button
>
<a-button
style="margin-left: 15px"
type="primary"
@click="table_add_btn_10946"
shape="circle"
>
<Icon icon="simple-icons:hellofresh" />
</a-button>
</template>
<a-table
id="table60224"
:data-source="params.table01"
:pagination="table.table01.pagination"
:rowKey="table.table01.options.rowKey"
:rowSelection="{
selectedRowKeys: table.table01.selectedRowKeys,
onChange: onSelectChange_table60224,
type: 'checkbox'
}"
>
<a-table-column data-index="userId" key="" title="用户号">
<template slot-scope="text, value, index">
<div id="statictext113750">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="userName" key="" title="姓名">
<template slot-scope="text, value, index">
<div id="statictext29289">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="instNm" key="" title="机构">
<template slot-scope="text, value, index">
<div id="statictext91489">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="depName" key="" title="部门">
<template slot-scope="text, value, index">
<div id="statictext86168">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="roleNames" key="" title="岗位">
<template slot-scope="text, value, index">
<div id="statictext29191">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="telephone" key="" title="手机号">
<template slot-scope="text, value, index">
<div id="statictext110761">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="userStatusName" key="" title="用户状态">
<template slot-scope="text, value, index">
<div id="statictext51738">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column title="操作" fixed="right">
<template slot-scope="text, value, index">
<a @click="table_detail_btn_79157(value)"> 详情 </a>
<a @click="table_delete_btn_22902(value)"> 删除 </a>
<a @click="table_edit_btn_71589(value)"> 编辑 </a>
<a @click="table_btn_60512(value)">
<Icon icon="simple-icons:hellofresh" />
</a>
</template>
</a-table-column>
</a-table>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '常规页面02',
cCode: '1105',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: {
table1: [
{ abortBizReason: '' },
{ accrueBaseVal: '' },
{ accrueCycl: '' },
{ accountNoTp: '' },
{ accrueDt: '' }
],
table2: [
{ abortBizReason: '' },
{ accchkmethd: '' },
{ accrueBaseVal: '' },
{ accrueDt: '' }
],
tbale03: [
{ accountNoTp: '' },
{ accrueBaseVal: '' },
{ accrueDt: '' },
{ acctgCintFlg: '' }
]
},
options: {},
table: {
table1: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
},
table2: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
},
tbale03: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
}
},
enums: [],
result: {},
customData: {
table: 0
},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
},
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
async handlePageChange_table113841(current, pageSize) {
this.table.table1.pagination.current = current
this.table.table1.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table113841(values)
})
},
async updateTable_table113841(values) {
let pagination = this.table.table1.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.table1.pagination.total = response.total
this.params.table1 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
async handlePageChange_table73056(current, pageSize) {
this.table.table2.pagination.current = current
this.table.table2.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table73056(values)
})
},
async updateTable_table73056(values) {
let pagination = this.table.table2.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.table2.pagination.total = response.total
this.params.table2 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
async handlePageChange_table82774(current, pageSize) {
this.table.tbale03.pagination.current = current
this.table.tbale03.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table82774(values)
})
},
async updateTable_table82774(values) {
let pagination = this.table.tbale03.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.tbale03.pagination.total = response.total
this.params.tbale03 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
// ----------------- 用户自定义方法 -----------------------------
async button22791_onClick() {
this.params.table1.push(
{ formItemField: '' },
{ accrueBaseVal: '' },
{ accrueCycl: '' },
{ accountNoTp: '' },
{ accrueDt: '' }
)
},
async tab50295_onChange(activeKey) {
this.customData.table = activeKey
}
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$remote({
url: '/sso/department/queryDepartmentList',
params: {},
successFn: (res) => {
console.log(res)
let arr = res.data.map((item) => {
return {
label: item.depName,
value: item.depId
}
})
this.options.orgList = arr
}
})
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
.header {
}
.header > h1 {
font-size: 25px;
font-weight: bold;
margin-bottom: unset !important;
}
.marginBtm {
margin-bottom: 16px;
}
.marginLr {
margin: 0 16px 0;
}
<template>
<div id="1105">
<a-form-model
ref="form"
:model="params"
labelAlign="right"
layout="horizontal"
:labelCol="{
span: 6,
offset: 0
}"
:wrapperCol="{
span: 11,
offset: 0
}"
:colon="true"
>
<a-card id="card44791" :bordered="true" :hoverable="false" size="default" type="inner">
<div class="header>h1" id="htmltext3660">
<h1>多表格</h1>
</div>
</a-card>
<a-card id="card48572" :bordered="true" :hoverable="false" size="default">
<template #extra>
<a-button
style="margin-left: 5px"
id="button22791"
:ghost="false"
type="primary"
@click="button22791_onClick"
>
添加
</a-button>
</template>
<a-tabs
id="tab50295"
:hideAdd="false"
size="default"
tabPosition="top"
type="line"
:tabBarGutter="10"
@change="tab50295_onChange"
>
<a-tab-pane key="0" id="tab-pane-53155">
<template #tab> 表格1 </template>
<a-card :bordered="false">
<a-table
id="table113841"
:data-source="params.table1"
:pagination="false"
:rowKey="table.table1.options.rowKey"
>
<a-table-column data-index="abortBizReason" key="" title="中止业务原因">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table1', 'abortBizReason', index)"
:rules="[
{
required: true,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.table1[`${index}`].abortBizReason"
id="input50354"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accrueBaseVal" key="" title="计提基数">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table1', 'accrueBaseVal', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.table1[`${index}`].accrueBaseVal"
id="input62070"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accrueCycl" key="" title="计提周期">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table1', 'accrueCycl', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-select
v-model="params.table1[`${index}`].accrueCycl"
id="select36142"
:allowClear="true"
:disabled="false"
mode="default"
size="default"
:options="[
{ id: 'radio-pane-79543', label: 'radio1', value: 'radio1' },
{ id: 'radio-pane-32484', label: 'radio2', value: 'radio2' }
]"
>
</a-select>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accountNoTp" key="" title="账户号类型">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table1', 'accountNoTp', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: undefined
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<Date
v-model="params.table1[`${index}`].accountNoTp"
id="date57940"
:allowClear="true"
:disabled="false"
placeholder="请选择日期"
size="default"
format="YYYY-MM-DD"
:showTime="false"
:showToday="true"
dataFormat="YYYY-MM-DD"
>
</Date>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accrueDt" key="" title="计提日期">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table1', 'accrueDt', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.table1[`${index}`].accrueDt"
id="input73051"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
</a-table>
</a-card>
</a-tab-pane>
<a-tab-pane key="1" id="tab-pane-27336" :forceRender="false">
<template #tab> 表格2 </template>
<a-card :bordered="false">
<a-table
id="table73056"
:data-source="params.table2"
:pagination="false"
:rowKey="table.table2.options.rowKey"
>
<a-table-column data-index="abortBizReason" key="" title="中止业务原因">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table2', 'abortBizReason', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.table2[`${index}`].abortBizReason"
id="input97758"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accchkmethd" key="" title="对账方式">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table2', 'accchkmethd', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.table2[`${index}`].accchkmethd"
id="input100703"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accrueBaseVal" key="" title="计提基数">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table2', 'accrueBaseVal', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.table2[`${index}`].accrueBaseVal"
id="input116436"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accrueDt" key="" title="计提日期">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('table2', 'accrueDt', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.table2[`${index}`].accrueDt"
id="input25512"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
</a-table>
</a-card>
</a-tab-pane>
<a-tab-pane key="2" id="tab-pane-92812">
<template #tab> 表格3 </template>
<a-card :bordered="false">
<a-table
id="table82774"
:data-source="params.tbale03"
:pagination="false"
:rowKey="table.tbale03.options.rowKey"
>
<a-table-column data-index="accountNoTp" key="" title="账户号类型">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tbale03', 'accountNoTp', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.tbale03[`${index}`].accountNoTp"
id="input12557"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accrueBaseVal" key="" title="计提基数">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tbale03', 'accrueBaseVal', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.tbale03[`${index}`].accrueBaseVal"
id="input90786"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="accrueDt" key="" title="计提日期">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tbale03', 'accrueDt', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.tbale03[`${index}`].accrueDt"
id="input114780"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="acctgCintFlg" key="" title="记账复利标志">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tbale03', 'acctgCintFlg', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<a-input
v-model="params.tbale03[`${index}`].acctgCintFlg"
id="input44734"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
</a-table>
</a-card>
</a-tab-pane>
</a-tabs>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '2000_1',
cCode: '2000_1',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: {
table1: [],
tb003: [
{ ziliao: '' },
{ shifoubiyao: '' },
{ chashou: '' },
{ chahsouren: '' },
{ csrq: '' },
{ jiancha: '' },
{ hcrq: '' }
],
abortBizReason: '',
accountNo: '',
abortBizScopeFlg: '',
accrueCycl: ''
},
options: {},
table: {
table1: {
options: {
rowKey: (record, index) => {
return index
}
},
selectedRowKeys: [],
selectedRows: [],
pagination: false
},
tb003: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
}
},
enums: [],
result: {},
customData: {},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
},
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
async onSelectChange_table35541(selectedRowKeys, selectedRows) {
this.table.table1.selectedRowKeys = selectedRowKeys
this.table.table1.selectedRows = selectedRows
},
async handlePageChange_table35541(current, pageSize) {
this.table.table1.pagination.current = current
this.table.table1.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table35541(values)
})
},
async updateTable_table35541(values) {
let pagination = this.table.table1.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.table1.pagination.total = response.total
this.params.table1 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
async table_detail_btn_38744(value) {
console.log('表格详情按钮')
},
async handlePageChange_table61383(current, pageSize) {
this.table.tb003.pagination.current = current
this.table.tb003.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table61383(values)
})
},
async updateTable_table61383(values) {
let pagination = this.table.tb003.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.tb003.pagination.total = response.total
this.params.tb003 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
// ----------------- 用户自定义方法 -----------------------------
async button53316_onClick() {
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
getValue(value) {
return 'table[' + value + ']tb003.ziliao'
}
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$set(this.result, 'id1', 2540321)
this.$set(this.result, 'prdType', '公司类')
this.$set(this.result, 'buType', '流动资金贷款')
this.$set(this.result, 'apply', '江苏省标准工业集团有限公司')
this.$set(this.result, 'text1', '录入')
this.$set(this.result, 'text2', '新申请')
this.$set(this.result, 'date1', '2015-06-13')
this.$set(this.result, 'custFM', '[0172]董军')
this.$set(this.result, 'applyOrg', '机构530302100')
this.$set(this.result, 'currentOrg', '机构530302100')
},
updated() {}
}
.ant-form-item {
width: 100%;
}
<template>
<div id="2000_1">
<a-form-model
ref="form"
:model="params"
labelAlign="left"
layout="horizontal"
:labelCol="{
span: 6,
offset: 0
}"
:wrapperCol="{
span: 15,
offset: 0
}"
:colon="true"
>
<a-card id="card14753" :bordered="false" :hoverable="false" size="default" type="inner">
<template #title> 申请信息 </template>
<a-descriptions
id="description97127"
:bordered="true"
:column="3"
size="default"
layout="horizontal"
>
<a-descriptions-item id="description-item-46141">
{{ result.id1 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-71810" label="产品类型">
{{ result.prdType }}
</a-descriptions-item>
<a-descriptions-item id="description-item-43523" label="业务产品">
{{ result.buType }}
</a-descriptions-item>
<a-descriptions-item id="description-item-75783" label="申请人">
{{ result.apply }}
</a-descriptions-item>
<a-descriptions-item id="description-item-63560">
{{ result.text1 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-108379">
{{ result.text2 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-29985">
{{ result.date1 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-16342" label="客户经理">
{{ result.custFM }}
</a-descriptions-item>
<a-descriptions-item id="description-item-110297" label="申请机构">
{{ result.applyOrg }}
</a-descriptions-item>
<a-descriptions-item id="description-item-56081" label="当前处理机构">
{{ result.currentOrg }}
</a-descriptions-item>
</a-descriptions>
<div
style="
width: 100%;
display: flex;
justify-content: center;
align-items: middle;
gap: 10px;
"
id="flexbox88377"
>
<a-button id="button53316" :ghost="false" type="primary" @click="button53316_onClick">
提交审批
</a-button>
</div>
</a-card>
<a-card id="card55660" :bordered="false" :hoverable="false" size="default" type="inner">
<a-tabs
id="tab94840"
:hideAdd="false"
size="default"
tabPosition="top"
type="line"
:tabBarGutter="10"
>
<a-tab-pane key="0" id="tab-pane-94188">
<template #tab> 申请人 </template>
<a-card title="申请人信息" :bordered="false">
<a-table
id="table35541"
:data-source="params.table1"
:pagination="false"
:rowKey="table.table1.options.rowKey"
:rowSelection="{
selectedRowKeys: table.table1.selectedRowKeys,
onChange: onSelectChange_table35541,
type: 'checkbox'
}"
>
<a-table-column data-index="custNm" key="" title="客户名称">
<template slot-scope="text, value, index">
<div id="statictext70467">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="certTp" key="" title="证件类型">
<template slot-scope="text, value, index">
<div id="statictext15743">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="certNo" key="" title="证件号码">
<template slot-scope="text, value, index">
<div id="statictext23656">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column title="操作" fixed="right">
<template slot-scope="text, value, index">
<a @click="table_detail_btn_38744(value)"> 查看 </a>
</template>
</a-table-column>
</a-table>
</a-card>
</a-tab-pane>
<a-tab-pane key="1" id="tab-pane-99811">
<template #tab> 贷款申请 </template>
<a-descriptions
id="description103602"
:bordered="true"
:column="3"
size="default"
layout="horizontal"
>
<a-descriptions-item id="description-item-40449" label="合同编号">
{{ result.descript1 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-94458" label="协办调查人名称">
{{ result.descript11 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-32238" label="折算基准币种">
{{ result.descript21 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-104277" label="申请币种、汇率">
{{ result.descript31 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-50135" label="申请期限(月)">
{{ result.descript41 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-114531" label="申请金额(元)">
{{ result.descript51 }}
</a-descriptions-item>
<a-descriptions-item id="description-item-87778" label="低风险担保比例(%)">
{{ result.descript61 }}
</a-descriptions-item>
</a-descriptions>
</a-tab-pane>
<a-tab-pane key="2" id="tab-pane-38060">
<template #tab> 担保信息 </template>
<a-row id="grid35953" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-32228" :offset="0" :span="8">
<a-card id="card104129" :bordered="true" :hoverable="false" size="default">
<template #title> 担保方式 </template>
<a-form-model-item
v-if="true"
prop="abortBizReason"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<template #label> 中止业务原因 </template>
<a-radio-group
v-model="params.abortBizReason"
id="radio76683"
:disabled="false"
:options="[
{ id: 'radio-pane-49839', label: '抵押', value: 'radio1' },
{ id: 'radio-pane-61326', label: '质押', value: 'radio2' },
{ id: 'radio-pane-30813', label: '保证', value: 'radio3' },
{ id: 'radio-pane-45766', label: '信用', value: 'radio4' }
]"
buttonStyle="outline"
>
</a-radio-group>
</a-form-model-item>
<a-form-model-item
v-if="true"
prop="accountNo"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<template #label> 账户号 </template>
<a-checkbox-group
v-model="params.accountNo"
id="checkbox49011"
:disabled="false"
:options="[
{ id: 'radio-pane-48152', label: '抵押', value: 'radio1' },
{ id: 'radio-pane-46913', label: '质押', value: 'radio2' },
{ id: 'radio-pane-76839', label: '保证', value: 'radio3' },
{ id: 'radio-pane-49263', label: '信用', value: 'radio4' }
]"
>
</a-checkbox-group>
</a-form-model-item>
<div
style="width: 100%; display: flex; justify-content: center; align-items: center"
id="flexbox26610"
>
<a-button id="button62196" :ghost="false" type="primary"> 提交 </a-button>
</div>
</a-card>
</a-col>
<a-col id="grid-col-55004" :offset="0" :span="16">
<a-tabs
id="tab35697"
:hideAdd="false"
size="default"
tabPosition="top"
type="line"
:tabBarGutter="10"
>
<a-tab-pane key="0" id="tab-pane-36254">
<template #tab> 抵质押品信息 </template>
</a-tab-pane>
<a-tab-pane key="1" id="tab-pane-69460">
<template #tab> 担保人 </template>
</a-tab-pane>
<a-tab-pane key="2" id="tab-pane-111337">
<template #tab> 保证金信息 </template>
</a-tab-pane>
</a-tabs>
</a-col>
</a-row>
</a-tab-pane>
<a-tab-pane key="3" id="tab-pane-76415">
<template #tab> 担保合同 </template>
<a-card id="card66146" :bordered="true" :hoverable="false" size="default">
<template #title> 引用最高额担保 </template>
<a-row id="grid98513" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-89352" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="abortBizScopeFlg"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<template #label> 最高额担保合同 </template>
<a-input
v-model="params.abortBizScopeFlg"
id="input57188"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-120181" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="accrueCycl"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<template #label> 担保方式 </template>
<a-select
v-model="params.accrueCycl"
id="select88085"
:allowClear="true"
:disabled="false"
mode="default"
size="default"
:options="[
{ label: 'select 1', value: 1 },
{ label: 'select 2', value: 2 },
{ label: 'select 3', value: 3 }
]"
>
</a-select>
</a-form-model-item>
</a-col>
</a-row>
</a-card>
<a-tabs
id="tab69990"
:hideAdd="false"
size="default"
tabPosition="top"
type="line"
:tabBarGutter="10"
>
<a-tab-pane key="0" id="tab-pane-41618">
<template #tab> 抵押合同申请 </template>
</a-tab-pane>
<a-tab-pane key="1" id="tab-pane-77062">
<template #tab> 质押合同申请 </template>
</a-tab-pane>
<a-tab-pane key="2" id="tab-pane-55852">
<template #tab> 保证合同申请 </template>
</a-tab-pane>
<a-tab-pane key="3" id="tab-pane-38381">
<template #tab> 保证金合同申请 </template>
</a-tab-pane>
<a-tab-pane key="4" id="tab-pane-111846">
<template #tab> 信用申请 </template>
</a-tab-pane>
</a-tabs>
</a-tab-pane>
<a-tab-pane key="4" id="tab-pane-8319">
<template #tab> 检查资料 </template>
<a-card :bordered="false">
<a-table
id="table61383"
:data-source="params.tb003"
:pagination="false"
:rowKey="table.tb003.options.rowKey"
>
<a-table-column data-index="ziliao" key="" title="贷款资料">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tb003', 'ziliao', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<a-input
v-model="params.tb003[`${index}`].ziliao"
id="input78598"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="shifoubiyao" key="" title="是否必要">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tb003', 'shifoubiyao', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<a-checkbox-group
v-model="params.tb003[`${index}`].shifoubiyao"
id="checkbox79244"
:disabled="false"
:options="[{ id: 'radio-pane-12938', label: '', value: 'radio1' }]"
>
</a-checkbox-group>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="chashou" key="" title="查收">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tb003', 'chashou', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<a-checkbox-group
v-model="params.tb003[`${index}`].chashou"
id="checkbox27294"
:disabled="false"
:options="[{ id: 'radio-pane-79377', label: '', value: 'radio2' }]"
>
</a-checkbox-group>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="chahsouren" key="" title="查收人">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tb003', 'chahsouren', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<a-input
v-model="params.tb003[`${index}`].chahsouren"
id="input48342"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="csrq" key="" title="查收日期">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tb003', 'csrq', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: undefined
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<Date
v-model="params.tb003[`${index}`].csrq"
id="date52642"
:allowClear="true"
:disabled="false"
placeholder="请选择日期"
size="default"
format="YYYY-MM-DD"
:showTime="false"
:showToday="true"
dataFormat="YYYY-MM-DD"
>
</Date>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="jiancha" key="" title="检查">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tb003', 'jiancha', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<a-checkbox-group
v-model="params.tb003[`${index}`].jiancha"
id="checkbox51828"
:disabled="false"
:options="[{ id: 'radio-pane-48029', label: '', value: 'radio3' }]"
>
</a-checkbox-group>
</a-form-model-item>
</template>
</a-table-column>
<a-table-column data-index="hcrq" key="" title="核查日期">
<template slot-scope="text, value, index">
<a-form-model-item
v-if="true"
:prop="$getTableFiled('tb003', 'hcrq', index)"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: undefined
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 15,
offset: 0
}"
>
<Date
v-model="params.tb003[`${index}`].hcrq"
id="date93510"
:allowClear="true"
:disabled="false"
placeholder="请选择日期"
size="default"
format="YYYY-MM-DD"
:showTime="false"
:showToday="true"
dataFormat="YYYY-MM-DD"
>
</Date>
</a-form-model-item>
</template>
</a-table-column>
</a-table>
</a-card>
<div
style="width: 100%; display: flex; justify-content: center; align-items: middle"
id="flexbox56248"
>
<a-button id="button84297" :ghost="false" type="primary"> 保存 </a-button>
</div>
</a-tab-pane>
</a-tabs>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment