vue-drag-formdesign-ntt
Version:
vue-drag-formdesign
1 lines • 130 kB
JavaScript
(function(e){function t(t){for(var o,a,n=t[0],r=t[1],d=t[2],p=0,u=[];p<n.length;p++)a=n[p],Object.prototype.hasOwnProperty.call(i,a)&&i[a]&&u.push(i[a][0]),i[a]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);c&&c(t);while(u.length)u.shift()();return s.push.apply(s,d||[]),l()}function l(){for(var e,t=0;t<s.length;t++){for(var l=s[t],o=!0,n=1;n<l.length;n++){var r=l[n];0!==i[r]&&(o=!1)}o&&(s.splice(t--,1),e=a(a.s=l[0]))}return e}var o={},i={index:0},s=[];function a(t){if(o[t])return o[t].exports;var l=o[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,a),l.l=!0,l.exports}a.m=e,a.c=o,a.d=function(e,t,l){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(a.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)a.d(l,o,function(t){return e[t]}.bind(null,o));return l},a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/";var n=window["webpackJsonp"]=window["webpackJsonp"]||[],r=n.push.bind(n);n.push=t,n=n.slice();for(var d=0;d<n.length;d++)t(n[d]);var c=r;s.push([0,"chunk-vendors"]),l()})({0:function(e,t,l){e.exports=l("e35a")},"12cb":function(e,t,l){"use strict";l("b2a3")},"1e7a":function(e){e.exports=JSON.parse('{"list":[{"type":"batch","label":"动态表格","index":"P","list":[{"type":"input","label":"姓名","index":"A","options":{"type":"text","width":"100%","defaultValue":"","placeholder":"请输入","clearable":false,"maxLength":null,"prepend":"","append":"","tooptip":"","hidden":false,"disabled":false,"dynamicHide":false,"dynamicHideValue":""},"model":"name","key":"input_1596783434007","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]},{"type":"radio","label":"性别","index":"F","options":{"disabled":false,"hidden":false,"defaultValue":"","dynamic":0,"tooptip":"","options":[{"value":"1","label":"男"},{"value":"2","label":"女"}],"dynamicHide":false,"dynamicHideValue":""},"model":"sex","key":"radio_1596783443126","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]},{"type":"date","label":"生日","index":"G","options":{"width":"100%","defaultValue":"","rangeDefaultValue":[],"range":false,"disabled":false,"hidden":false,"clearable":false,"placeholder":"请选择","tooptip":"","rangeStartPlaceholder":"开始时间","rangeEndPlaceholder":"结束时间","format":"yyyy-MM-dd","dynamicHide":false,"dynamicHideValue":""},"model":"birthday","key":"date_1596783455831","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]}],"options":{"scrollY":0,"disabled":false,"hidden":false,"showLabel":false,"hideSequence":false,"labelWidth":"100","labelPosition":"left","customStyle":"","customClass":"","showItem":["name","sex"],"width":"100%","dynamicHide":false,"dynamicHideValue":""},"model":"batch_1596783432238","key":"batch_1596783432238"}],"config":{"labelPosition":"left","labelWidth":0,"size":"mini","hideRequiredMark":true,"customStyle":""}}')},2438:function(e,t,l){},"243b":function(e,t,l){},"39bf":function(e,t,l){"use strict";l("d72c")},"3b84":function(e,t,l){},"3ddd":function(e){e.exports=JSON.parse('{"list":[{"type":"input","label":"输入框","index":"A","options":{"type":"text","width":"100%","defaultValue":"","placeholder":"请输入","clearable":false,"maxLength":null,"prepend":"","append":"","tooptip":"","hidden":false,"disabled":false,"dynamicHide":false,"dynamicHideValue":""},"model":"input_1596781096796","key":"input_1596781096796","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]},{"type":"textarea","label":"文本框","index":"B","options":{"width":"100%","maxLength":null,"defaultValue":"","rows":4,"clearable":false,"tooptip":"","hidden":false,"disabled":false,"placeholder":"请输入","dynamicHide":false,"dynamicHideValue":""},"model":"textarea_1596781097946","key":"textarea_1596781097946","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]},{"type":"select","label":"下拉选择器","index":"D","options":{"width":"100%","multiple":false,"disabled":false,"clearable":false,"hidden":false,"placeholder":"请选择","valueKey":"value","tooptip":"","dynamic":0,"options":[{"value":"1","label":"下拉框1"}],"showSearch":false,"dynamicHide":false,"dynamicHideValue":""},"model":"select_1596781098828","key":"select_1596781098828","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]},{"type":"radio","label":"单选框","index":"F","options":{"disabled":false,"hidden":false,"defaultValue":"","dynamic":0,"tooptip":"","options":[{"value":"1","label":"选项1"},{"value":"2","label":"选项2"}],"dynamicHide":false,"dynamicHideValue":""},"model":"radio_1596781099911","key":"radio_1596781099911","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]},{"type":"date","label":"日期选择框","index":"G","options":{"width":"100%","defaultValue":"","rangeDefaultValue":[],"range":false,"disabled":false,"hidden":false,"clearable":false,"placeholder":"请选择","tooptip":"","rangeStartPlaceholder":"开始时间","rangeEndPlaceholder":"结束时间","format":"yyyy-MM-dd","dynamicHide":false,"dynamicHideValue":""},"model":"date_1596781101081","key":"date_1596781101081","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]}],"config":{"labelPosition":"right","labelWidth":100,"size":"mini","hideRequiredMark":true,"customStyle":""}}')},"45d9":function(e,t,l){},5670:function(e){e.exports=JSON.parse('{"list":[{"type":"input","label":"姓名","index":"A","options":{"type":"text","width":"100%","defaultValue":"","placeholder":"请输入性别","clearable":false,"maxLength":null,"prepend":"","append":"","tooptip":"","hidden":false,"disabled":false,"dynamicHide":false,"dynamicHideValue":""},"model":"name","key":"input_1596781096796","rules":[{"required":true,"message":"必填项","trigger":["change","blur"]}]},{"type":"textarea","label":"地址","index":"B","options":{"width":"100%","maxLength":null,"defaultValue":"","rows":4,"clearable":false,"tooptip":"","hidden":false,"disabled":false,"placeholder":"请输入地址","dynamicHide":false,"dynamicHideValue":""},"model":"address","key":"textarea_1596781097946","rules":[{"required":false,"message":"必填项","trigger":["change","blur"]}]},{"type":"select","label":"性别","index":"D","options":{"width":"100%","multiple":false,"disabled":false,"clearable":false,"hidden":false,"placeholder":"请选择","valueKey":"value","tooptip":"","dynamic":0,"options":[{"value":"1","label":"男"},{"value":"2","label":"女"}],"showSearch":false,"dynamicHide":false,"dynamicHideValue":"","defaultValue":"1"},"model":"sex","key":"select_1596781098828","rules":[{"required":true,"message":"必填项","trigger":["change","blur"]}]},{"type":"radio","label":"有效证件","index":"F","options":{"disabled":false,"hidden":false,"defaultValue":"","dynamic":0,"tooptip":"","options":[{"value":"1","label":"身份证"},{"value":"2","label":"户口本"},{"value":"3","label":"护照"},{"value":"4","label":"其他"}],"dynamicHide":false,"dynamicHideValue":""},"model":"card","key":"radio_1596781099911","rules":[{"required":true,"message":"有效证件不能为空","trigger":["change","blur"]}]},{"type":"textarea","label":"其他有效证件说明","index":"B","options":{"width":"100%","maxLength":null,"defaultValue":"","rows":4,"clearable":false,"tooptip":"","hidden":false,"disabled":false,"placeholder":"请输入","dynamicHide":false,"dynamicHideValue":"","dynamicVisible":true,"dynamicVisibleValue":"$.card==4"},"model":"card_info","key":"textarea_1596782289229","rules":[{"required":true,"message":"其他有效证件说明不能为空","trigger":["change","blur"]}]}],"config":{"labelPosition":"right","labelWidth":150,"size":"mini","hideRequiredMark":false,"customStyle":""}}')},"5a943":function(e,t,l){},6579:function(e,t,l){},"764d":function(e,t,l){"use strict";l("6579")},"7f35":function(e,t,l){},8589:function(e,t,l){"use strict";l("f3d1")},"87fc":function(e,t,l){"use strict";l("ca98")},8876:function(e,t,l){"use strict";l("45d9")},"96e3":function(e,t,l){},"994f":function(e,t,l){"use strict";l("7f35")},a0d9:function(e,t,l){},a2f4:function(e,t,l){"use strict";l("5a943")},a7e2:function(e,t,l){"use strict";l("b021")},b021:function(e,t,l){},b2a3:function(e,t,l){},b910:function(e,t,l){"use strict";l("96e3")},ba64:function(e,t,l){"use strict";l("a0d9")},ca98:function(e,t,l){},d72c:function(e,t,l){},e35a:function(e,t,l){"use strict";l.r(t);var o=l("2b0e"),i=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{attrs:{id:"app"}},[l("VueDragFormdesign",{ref:"formDesign"},[l("template",{slot:"controlButton"},[l("el-button",{attrs:{type:"text",size:"medium"},on:{click:function(t){return e.initDemo(1)}}},[e._v("示例1")]),l("el-button",{attrs:{type:"text",size:"medium"},on:{click:function(t){return e.initDemo(2)}}},[e._v("示例2")]),l("el-button",{attrs:{type:"text",size:"medium"},on:{click:function(t){return e.initDemo(3)}}},[e._v("示例3")])],1),l("template",{slot:"formName"},[l("span",[e._v(" vue-drag-formdesign 示例 ")])])],2)],1)},s=[],a={name:"App",data(){return{}},methods:{initDemo(e){let t=null;1==e?t=l("3ddd"):2==e&&(t=l("1e7a")),3==e&&(t=l("5670")),t&&this.$refs.formDesign.initModel(t)}}},n=a,r=(l("a7e2"),l("2877")),d=Object(r["a"])(n,i,s,!1,null,null,null),c=d.exports,p=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("el-container",{staticClass:"form-design"},[l("el-aside",{attrs:{width:"260px"}},[e._t("drag"),l("DragItem")],2),l("el-main",[l("el-row",{staticClass:"form-design",attrs:{gutter:20}},[l("el-col",{staticClass:"height-all",attrs:{span:18}},[l("el-card",{staticClass:"box-card form-contains",attrs:{header:"表单面板"}},[l("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[l("span",{staticClass:"el-card__header"},[e._t("formName",[e._v("表单面板")])],2),l("span",{staticStyle:{float:"right"}},[e._t("controlButton"),l("el-button",{attrs:{type:"text",size:"medium",icon:"el-icon-delete"},on:{click:e.handleClear}},[e._v("清空")]),l("el-button",{attrs:{type:"text",size:"medium",icon:"el-icon-view"},on:{click:e.handlePreview}},[e._v("预览")]),l("el-button",{attrs:{type:"text",size:"medium",icon:"el-icon-view"},on:{click:e.handleRender}},[e._v("渲染")]),l("el-button",{attrs:{type:"text",size:"medium",icon:"el-icon-download"},on:{click:e.handleImport}},[e._v("导入")]),l("el-button",{attrs:{type:"text",size:"medium",icon:"el-icon-upload2"},on:{click:e.handleGenerateJson}},[e._v("导出")])],2)]),l("DragPanel",{ref:"dragPanel",attrs:{data:e.data,selectForm:e.selectForm},on:{changeSelectItem:e.changeSelectItem}})],1)],1),l("el-col",{staticClass:"height-all",attrs:{span:6}},[l("el-card",{staticClass:"box-card form-properties",attrs:{header:"属性配置"}},[l("Properties",{attrs:{data:e.data,selectItem:e.selectItem}})],1)],1)],1)],1),e.previewVisible?l("Preview",{ref:"preview"}):e._e(),e.renderVisisble?l("renderPreview",{ref:"renderPreview"}):e._e(),l("el-dialog",{staticStyle:{top:"20px"},attrs:{title:"模板数据",visible:e.modelVisible,"append-to-body":!0,width:"850px"},on:{"update:visible":function(t){e.modelVisible=t}}},[l("previewCode",{attrs:{editorJson:e.modelJson}}),l("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{on:{click:function(t){e.modelVisible=!1}}},[e._v("取 消")]),l("el-button",{attrs:{type:"primary"},on:{click:function(t){e.modelVisible=!1}}},[e._v("确 定")])],1)],1),l("el-dialog",{staticStyle:{top:"20px"},attrs:{title:"模板数据",visible:e.importVisible,"append-to-body":!0,width:"850px"},on:{"update:visible":function(t){e.importVisible=t}}},[l("el-input",{attrs:{type:"textarea",rows:3},model:{value:e.importText,callback:function(t){e.importText=t},expression:"importText"}}),l("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{on:{click:function(t){e.importVisible=!1}}},[e._v("取 消")]),l("el-button",{attrs:{type:"primary"},on:{click:e.importModel}},[e._v("确 定")])],1)],1)],1)},u=[],m=l("0644"),h=l.n(m),f=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("el-card",{staticClass:"box-card form-item ",attrs:{header:"组件列表"}},[l("el-collapse",{model:{value:e.actives,callback:function(t){e.actives=t},expression:"actives"}},[l("el-collapse-item",{attrs:{title:"基础组件",name:"1"}},[l("DragItem",{attrs:{list:e.basicsArray},on:{generateKey:e.generateKey,handleListPush:e.handleListPush,start:e.handleStart}})],1),l("el-collapse-item",{attrs:{title:"布局组件",name:"2"}},[l("DragItem",{attrs:{list:e.layoutArray},on:{generateKey:e.generateKey,handleListPush:e.handleListPush,start:e.handleStart}})],1)],1)],1)},b=[];const y="http://localhost:9000/sxfw/file/list",v="http://localhost:9000/sxfw/file/upload",g="http://localhost:9000/sxfw/file/fileDown";function x(e,t){if(!e)return!1;const l=e.indexOf("return")>=0?"{"+e+"}":"return ("+e+")",o=new Function("$",l);return o(t)}const k=[{type:"input",label:"输入框",index:"A",options:{type:"text",width:"100%",defaultValue:"",placeholder:"请输入",clearable:!1,maxLength:null,prepend:"",append:"",tooptip:"",hidden:!1,disabled:!1},model:"",key:"",rules:[{required:!1,message:"必填项",trigger:["change","blur"]}]},{type:"textarea",label:"文本框",index:"B",options:{width:"100%",maxLength:null,defaultValue:"",rows:4,clearable:!1,tooptip:"",hidden:!1,disabled:!1,placeholder:"请输入"},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"number",label:"数字输入框",index:"C",options:{width:"100%",defaultValue:0,min:null,max:null,precision:null,tooptip:"",prepend:"",append:"",step:1,hidden:!1,disabled:!1,placeholder:"请输入"},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"select",label:"下拉选择器",index:"D",options:{width:"100%",defaultValue:void 0,multiple:!1,disabled:!1,clearable:!1,hidden:!1,placeholder:"请选择",valueKey:"value",tooptip:"",dynamic:0,options:[{value:"1",label:"下拉框1"}],showSearch:!1},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"checkbox",label:"多选框",index:"E",options:{disabled:!1,hidden:!1,defaultValue:[],dynamic:0,tooptip:"",options:[{value:"1",label:"选项1"},{value:"2",label:"选项2"}]},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"radio",label:"单选框",index:"F",options:{disabled:!1,hidden:!1,defaultValue:"",dynamic:0,tooptip:"",options:[{value:"1",label:"选项1"},{value:"2",label:"选项2"}]},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"date",label:"日期选择框",index:"G",options:{width:"100%",defaultValue:"",rangeDefaultValue:[],range:!1,disabled:!1,hidden:!1,clearable:!1,placeholder:"请选择",tooptip:"",rangeStartPlaceholder:"开始时间",rangeEndPlaceholder:"结束时间",format:"yyyy-MM-dd"},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"time",label:"时间选择框",index:"H",options:{width:"100%",defaultValue:"",disabled:!1,tooptip:"",hidden:!1,clearable:!1,placeholder:"请选择",format:"HH:mm:ss"},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"rate",label:"评分",index:"I",options:{defaultValue:0,max:5,tooptip:"",disabled:!1,hidden:!1,allowHalf:!1},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"slider",label:"滑动输入条",index:"J",options:{width:"100%",defaultValue:0,disabled:!1,hidden:!1,min:0,tooptip:"",max:100,step:1,showInput:!1},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"uploadFile",label:"上传文件",index:"K",options:{defaultValue:"[]",multiple:!1,disabled:!1,tooptip:"",hidden:!1,width:"100%",limit:3,headers:{},action:v,placeholder:"上传"},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"uploadImg",label:"上传图片",index:"L",options:{defaultValue:"[]",multiple:!1,hidden:!1,disabled:!1,width:"100%",tooptip:"",limit:3,placeholder:"上传",headers:{},action:v,listType:"picture-card"},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"cascader",label:"级联选择器",index:"M",options:{disabled:!1,hidden:!1,defaultValue:void 0,showSearch:!1,placeholder:"请选择",multiple:!1,clearable:!1,dynamic:0,tooptip:"",options:[{value:"1",label:"选项1",children:[{value:"11",label:"选项11"}]},{value:"2",label:"选项2",children:[{value:"22",label:"选项22"}]}]},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"switch",label:"开关",index:"N",options:{defaultValue:!1,activeText:"",inactiveText:"",tooptip:"",hidden:!1,disabled:!1},model:"",key:"",rules:[{required:!1,message:"必填项"}]},{type:"button",label:"按钮",index:"O",options:{type:"primary",handle:"submit",dynamicFun:"",tooptip:"",hidden:!1,disabled:!1},key:""},{type:"batch",label:"动态表格",index:"P",list:[],options:{scrollY:0,disabled:!1,hidden:!1,showLabel:!1,hideSequence:!1,labelWidth:"100",labelPosition:"left",customStyle:"",customClass:"",showItem:[],width:"100%"},model:"",key:""},{type:"text",label:"标签",options:{textAlign:"left",tooptip:"",hidden:!1,showRequiredMark:!1},key:""},{type:"html",label:"HTML",options:{tooptip:"",hidden:!1,defaultValue:"<strong>HTML</strong>"},key:""}],w=[{type:"divider",label:"分割线",options:{tooptip:"",orientation:"left"},key:"",model:""},{type:"grid",label:"栅格布局",columns:[{span:12,list:[]},{span:12,list:[]}],options:{gutter:0},key:"",model:""},{type:"table",label:"表格布局",trs:[{tds:[{colspan:1,rowspan:1,list:[]},{colspan:1,rowspan:1,list:[]}]},{tds:[{colspan:1,rowspan:1,list:[]},{colspan:1,rowspan:1,list:[]}]}],options:{width:"100%",bordered:!0,bright:!1,small:!0,customStyle:"",customClass:""},key:"",model:""}];var _=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"components-list"},[l("draggable",e._b({attrs:{tag:"ul",value:e.list},on:{start:function(t){return e.handleStart(t,e.list)}}},"draggable",{group:{name:"form-draggable",pull:"clone",put:!1},sort:!1,animation:180,ghostClass:"moving"},!1),e._l(e.list,(function(t,o){return l("li",{key:o,staticClass:"form-edit-widget-label",on:{dragstart:function(t){return e.$emit("generateKey",e.list,o)},click:function(l){return e.$emit("handleListPush",t)}}},[l("a",[l("span",[e._v(e._s(t.label))])])])})),0)],1)},$=[],I=l("b76a"),C=l.n(I),S={name:"dragItem",props:{list:{type:Array,default:()=>[]}},components:{draggable:C.a},methods:{handleStart(e,t){this.$emit("start",t[e.oldIndex].type)}}},V=S,P=Object(r["a"])(V,_,$,!1,null,null,null),M=P.exports,T={components:{DragItem:M},data(){return{actives:["1","2","3"],noModel:["button","divider","card","grid","table","alert","text","html"],startType:"",data:{list:[],config:{layout:"horizontal",labelCol:{span:4},wrapperCol:{span:18},hideRequiredMark:!1,customStyle:""}},previewOptions:{width:850},selectItem:{key:""}}},computed:{basicsArray(){const e=k;return e.forEach(e=>{e.options.dynamicHide=!1,e.options.dynamicHideValue=""}),e},layoutArray(){const e=w;return e.forEach(e=>{e.options.dynamicVisible=!1,e.options.dynamicVisibleValue=""}),e}},methods:{generateKey(e,t){const l=e[t].type+"_"+(new Date).getTime();this.$set(e,t,{...e[t],key:l,model:l}),this.noModel.includes(e[t].type)&&delete e[t].model},handleListPush(e){if(!this.selectItem.key){const t=e.type+"_"+(new Date).getTime();e={...e,key:t,model:t},this.noModel.includes(e.type)&&delete e.model;const l=JSON.stringify(e),o=JSON.parse(l);return delete o.icon,delete o.component,this.data.list.push(o),this.handleSetSelectItem(o),!1}this.$refs.KFCP.handleCopy(!1,e)},handleStart(e){this.startType=e}}},F=T,O=(l("87fc"),Object(r["a"])(F,f,b,!1,null,null,null)),D=O.exports,q=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("FormPanel",{ref:"KFCP",attrs:{data:e.data,selectItem:e.selectItem,noModel:e.noModel,hideModel:e.hideModel,selectForm:e.selectForm,startType:e.startType},on:{handleSetSelectItem:e.handleSetSelectItem}})},j=[],R=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"form-panel"},[l("p",{directives:[{name:"show",rawName:"v-show",value:0===e.data.list.length,expression:"data.list.length === 0"}],staticClass:"hint-text"},[e._v(" 从左下侧选择组件添加 ")]),l("el-form",{ref:"form",staticClass:"a-form-box form-build",style:e.data.config.customStyle,attrs:{"label-width":e.data.config.labelWidth+"px","label-position":e.data.config.labelPosition,"hide-required-asterisk":e.data.config.hideRequiredMark,size:e.data.config.size}},[l("draggable",e._b({staticClass:"draggable-box",attrs:{tag:"div"},on:{add:e.deepClone,start:function(t){return e.dragStart(t,e.data.list)}},model:{value:e.data.list,callback:function(t){e.$set(e.data,"list",t)},expression:"data.list"}},"draggable",{group:"form-draggable",ghostClass:"moving",animation:180,handle:".drag-move"},!1),[l("transition-group",{staticClass:"list-main",attrs:{tag:"div",name:"list"}},e._l(e.data.list,(function(t){return l("layoutItem",{key:t.key,staticClass:"drag-move",attrs:{record:t,config:e.data.config,selectItem:e.selectItem,startType:e.startType,insertAllowedType:e.insertAllowedType,hideModel:e.hideModel},on:{"update:selectItem":function(t){e.selectItem=t},"update:select-item":function(t){e.selectItem=t},dragStart:e.dragStart,handleSelectItem:e.handleSelectItem,handleCopy:e.handleCopy,handleDetele:e.handleDetele,handleColAdd:e.handleColAdd,handleShowRightMenu:e.handleShowRightMenu}})})),1)],1)],1),l("div",{directives:[{name:"show",rawName:"v-show",value:e.showRightMenu,expression:"showRightMenu"}],staticClass:"right-menu",style:{top:e.menuTop+"px",left:e.menuLeft+"px"},attrs:{id:"rightMenu"}},[l("ul",[l("li",{on:{click:e.handleSettingStyle}},[l("i",{staticClass:"el-icon-magic-stick"}),e._v("样式配置")]),l("hr"),e.isMergeCol?[l("li",{on:{click:e.handleDropMerge}},[l("i",{staticClass:"el-icon-delete"}),e._v("解除合并")]),l("hr")]:e._e(),l("li",{on:{click:e.handleDownMerge}},[l("i",{staticClass:"el-icon-bottom"}),e._v("向下合并")]),l("li",{on:{click:e.handleRightMerge}},[l("i",{staticClass:"el-icon-right"}),e._v("向右合并")]),l("li",{on:{click:e.handleAddCol}},[l("i",{staticClass:"el-icon-zoom-in"}),e._v("增加一列")]),l("li",{on:{click:e.handleAddRow}},[l("i",{staticClass:"el-icon-zoom-in"}),e._v("增加一行")]),l("hr"),l("li",{on:{click:e.handleRemoveRow}},[l("i",{staticClass:"el-icon-zoom-out"}),e._v("删除当前行")]),l("li",{on:{click:e.handleRemoveCol}},[l("i",{staticClass:"el-icon-zoom-out"}),e._v("删除当前列")])],2)]),l("el-dialog",{staticStyle:{top:"20px"},attrs:{title:"表内单元格样式配置",visible:e.styleVisible,"append-to-body":!0},on:{"update:visible":function(t){e.styleVisible=t}}},[l("el-form",{attrs:{size:"mini",model:e.tdStyle,"label-width":"80px"}},[l("el-form-item",{attrs:{label:"class"}},[l("el-input",{attrs:{placeholder:"请输入class名称"},model:{value:e.tdStyle.class,callback:function(t){e.$set(e.tdStyle,"class",t)},expression:"tdStyle.class"}})],1),l("el-form-item",{attrs:{label:"style"}},[l("el-input",{attrs:{type:"textarea",rows:3,placeholder:"请输入css样式"},model:{value:e.tdStyle.style,callback:function(t){e.$set(e.tdStyle,"style",t)},expression:"tdStyle.style"}})],1)],1),l("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{on:{click:function(t){e.styleVisible=!1}}},[e._v("取 消")]),l("el-button",{attrs:{type:"primary"},on:{click:e.settingStyle}},[e._v("确 定")])],1)],1)],1)},A=[],L=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{class:{"layout-width":["grid","table","card","divider","html"].includes(e.record.type)}},["batch"===e.record.type?[l("div",{class:["batch-box",e.record.options.customClass?e.record.options.customClass:"",e.record.key===e.selectItem.key?"active":""],style:e.record.options.customStyle,on:{click:function(t){return e.handleSelectItem(e.record)}}},[l("div",{staticClass:"batch-label"},[e._v("动态表格")]),l("draggable",e._b({staticClass:"draggable-box",attrs:{tag:"div"},on:{start:function(t){return e.$emit("dragStart",t,e.record.list)},add:function(t){return e.$emit("handleColAdd",t,e.record.list)}},model:{value:e.record.list,callback:function(t){e.$set(e.record,"list",t)},expression:"record.list"}},"draggable",{group:e.insertAllowed?"form-draggable":"",ghostClass:"moving",animation:180,handle:".drag-move"},!1),[l("transition-group",{staticClass:"list-main",attrs:{tag:"div",name:"list"}},e._l(e.record.list,(function(t){return l("formNode",{key:t.key,staticClass:"drag-move",attrs:{selectItem:e.selectItem,record:t,hideModel:e.hideModel,config:e.config},on:{"update:selectItem":function(t){e.selectItem=t},"update:select-item":function(t){e.selectItem=t},handleSelectItem:e.handleSelectItem,handleColAdd:e.handleColAdd,handleCopy:function(t){return e.$emit("handleCopy")},handleShowRightMenu:e.handleShowRightMenu,handleDetele:function(t){return e.$emit("handleDetele")}}})})),1)],1),l("div",{staticClass:"copy",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleCopy")}}},[l("i",{staticClass:"el-icon-copy-document"})]),l("div",{staticClass:"delete",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleDetele")}}},[l("i",{staticClass:"el-icon-delete"})])],1)]:"grid"===e.record.type?[l("div",{staticClass:"grid-box",class:{active:e.record.key===e.selectItem.key},on:{click:function(t){return t.stopPropagation(),e.handleSelectItem(e.record)}}},[l("el-row",{staticClass:"grid-row",attrs:{gutter:e.record.options.gutter}},e._l(e.record.columns,(function(t,o){return l("el-col",{key:o,staticClass:"grid-col",attrs:{span:t.span||0}},[l("draggable",e._b({staticClass:"draggable-box",attrs:{tag:"div"},on:{start:function(l){return e.$emit("dragStart",l,t.list)},add:function(l){return e.$emit("handleColAdd",l,t.list)}},model:{value:t.list,callback:function(l){e.$set(t,"list",l)},expression:"colItem.list"}},"draggable",{group:"form-draggable",ghostClass:"moving",animation:180,handle:".drag-move"},!1),[l("transition-group",{staticClass:"list-main",attrs:{tag:"div",name:"list"}},e._l(t.list,(function(t){return l("layoutItem",{key:t.key,staticClass:"drag-move",attrs:{selectItem:e.selectItem,startType:e.startType,insertAllowedType:e.insertAllowedType,record:t,hideModel:e.hideModel,config:e.config},on:{"update:selectItem":function(t){e.selectItem=t},"update:select-item":function(t){e.selectItem=t},handleSelectItem:e.handleSelectItem,handleColAdd:e.handleColAdd,handleCopy:function(t){return e.$emit("handleCopy")},handleShowRightMenu:e.handleShowRightMenu,handleDetele:function(t){return e.$emit("handleDetele")}}})})),1)],1)],1)})),1),l("div",{staticClass:"copy",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleCopy")}}},[l("i",{staticClass:"el-icon-copy-document"})]),l("div",{staticClass:"delete",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleDetele")}}},[l("i",{staticClass:"el-icon-delete"})])],1)]:"table"===e.record.type?[l("div",{staticClass:"table-box",class:{active:e.record.key===e.selectItem.key},on:{click:function(t){return t.stopPropagation(),e.handleSelectItem(e.record)}}},[l("table",{class:["table-layout","form-table",e.record.options.customClass?e.record.options.customClass:"",e.record.options.bright?"bright":"",e.record.options.small?"small":"",e.record.options.bordered?"bordered":""],style:e.record.options.customStyle},e._l(e.record.trs,(function(t,o){return l("tr",{key:o},e._l(t.tds,(function(t,i){return l("td",{key:i,class:["table-td",t.class],style:t.style,attrs:{colspan:t.colspan,rowspan:t.rowspan},on:{contextmenu:function(l){return l.preventDefault(),e.$emit("handleShowRightMenu",l,e.record,o,i,t.colspan>1||t.rowspan>1)}}},[l("draggable",e._b({staticClass:"draggable-box",attrs:{tag:"div"},on:{start:function(l){return e.$emit("dragStart",l,t.list)},add:function(l){return e.$emit("handleColAdd",l,t.list)}},model:{value:t.list,callback:function(l){e.$set(t,"list",l)},expression:"tdItem.list"}},"draggable",{group:"form-draggable",ghostClass:"moving",animation:180,handle:".drag-move"},!1),[l("transition-group",{staticClass:"list-main",attrs:{tag:"div",name:"list"}},e._l(t.list,(function(t){return l("layoutItem",{key:t.key,staticClass:"drag-move",attrs:{selectItem:e.selectItem,startType:e.startType,insertAllowedType:e.insertAllowedType,record:t,hideModel:e.hideModel,config:e.config},on:{"update:selectItem":function(t){e.selectItem=t},"update:select-item":function(t){e.selectItem=t},handleSelectItem:e.handleSelectItem,handleColAdd:e.handleColAdd,handleCopy:function(t){return e.$emit("handleCopy")},handleShowRightMenu:e.handleShowRightMenu,handleDetele:function(t){return e.$emit("handleDetele")}}})})),1)],1)],1)})),0)})),0),l("div",{staticClass:"copy",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleCopy")}}},[l("i",{staticClass:"el-icon-copy-document"})]),l("div",{staticClass:"delete",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleDetele")}}},[l("i",{staticClass:"el-icon-delete"})])])]:[l("formNode",{key:e.record.key,attrs:{selectItem:e.selectItem,record:e.record,config:e.config,hideModel:e.hideModel},on:{"update:selectItem":function(t){e.selectItem=t},"update:select-item":function(t){e.selectItem=t},handleSelectItem:e.handleSelectItem,handleCopy:function(t){return e.$emit("handleCopy")},handleDetele:function(t){return e.$emit("handleDetele")},handleShowRightMenu:function(t){return e.$emit("handleShowRightMenu")}}})]],2)},E=[],B=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"drag-move-box",class:{active:e.record.key===e.selectItem.key},on:{click:function(t){return t.stopPropagation(),e.$emit("handleSelectItem",e.record)}}},[l("div",{staticClass:"form-item-box"},[l("FormItem",{attrs:{formConfig:e.config,models:e.models,record:e.record,isDragPanel:!0}})],1),e.hideModel?e._e():l("div",{staticClass:"show-key-box",domProps:{textContent:e._s(e.record.model)}}),l("div",{staticClass:"copy",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleCopy")}}},[l("i",{staticClass:"el-icon-document-copy"})]),l("div",{staticClass:"delete",class:e.record.key===e.selectItem.key?"active":"unactivated",on:{click:function(t){return t.stopPropagation(),e.$emit("handleDetele")}}},[l("i",{staticClass:"el-icon-delete"})])])},z=[],H=function(){var e=this,t=e.$createElement,l=e._self._c||t;return!0===e.record.options.hidden||!["input","textarea","date","time","number","radio","checkbox","select","rate","switch","slider","uploadImg","uploadFile","cascader"].includes(e.record.type)||!e.dynamicVisibleItem||"select"==e.record.type&&e.renderPreview&&e.record.options.previewHidden?"batch"!==e.record.type&&"editor"!==e.record.type||!e.dynamicVisibleItem?"button"===e.record.type&&e.dynamicVisibleItem?l("el-form-item",[l("el-button",{attrs:{disabled:e.disabled||e.record.options.disabled,type:e.record.options.type},domProps:{textContent:e._s(e.record.label)}})],1):"text"===e.record.type&&e.dynamicVisibleItem?l("div",{staticClass:"form-label",style:{textAlign:e.record.options.textAlign}},[l("label",{class:{"is-required":e.record.options.showRequiredMark||e.showRequiredMark},domProps:{textContent:e._s(e.record.label)}})]):"html"===e.record.type&&e.dynamicVisibleItem?l("div",{domProps:{innerHTML:e._s(e.record.options.defaultValue)}}):e.dynamicVisibleItem?l("div",["divider"===e.record.type&&""!==e.record.label&&e.record.options.orientation?l("el-divider",{attrs:{orientation:e.record.options.orientation}},[e._v(e._s(e.record.label))]):"divider"===e.record.type&&""!==e.record.label?l("el-divider",[e._v(e._s(e.record.label))]):"divider"===e.record.type&&""===e.record.label?l("el-divider"):e._e()],1):e._e():l("el-form-item",{attrs:{label:e.record.options.showLabel?e.record.label:""}},["batch"===e.record.type?l("TableBatch",{ref:"TableBatch",style:"width:"+e.record.options.width,attrs:{renderPreview:e.renderPreview,models:e.models,record:e.record,config:e.formConfig,parentDisabled:e.disabled},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}}):e._e()],1):l("el-form-item",{attrs:{label:e.formConfig.labelWidth>0?e.record.label:null,rules:e.recordRules,prop:e.itemProp?e.itemProp:e.record.rules&&e.record.rules.length>0?e.record.model:null}},[l("BaseItem",{attrs:{models:e.models,formConfig:e.formConfig,renderPreview:e.renderPreview,data:e.data,record:e.record,disabled:e.disabled||e.record.options.disabled}})],1)},N=[],J=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",[l("el-table",{class:["form-table",e.record.options.customClass?e.record.options.customClass:""],style:e.record.options.customStyle,attrs:{rowKey:function(e){return e.key},data:e.models[e.record.model],bordered:"",scroll:{x:190*e.record.list.length+80+(e.record.options.hideSequence?0:60),y:e.record.options.scrollY}}},[e.isVisible?[e.record.options.hideSequence?e._e():l("el-table-column",{attrs:{label:"序号",align:"center",type:"index",width:"50"}}),e._l(e.record.list,(function(t,o){return[e.record.options.showItem&&e.record.options.showItem.includes(t.model)?l("el-table-column",{key:o,attrs:{label:t.label,align:"center"},scopedSlots:e._u([{key:"default",fn:function(o){return[l("TableItem",{attrs:{record:t,renderPreview:!0,domains:e.models[e.record.model][o.$index]}})]}}],null,!0)}):e._e()]})),l("el-table-column",{attrs:{label:"操作",align:"center",width:"200"},scopedSlots:e._u([{key:"default",fn:function(t){return[e.renderPreview?l("el-button",{attrs:{type:"success"},on:{click:function(l){return e.updateDomain(t.row)}}},[l("i",{staticClass:"el-icon-eye"}),e._v("查看 ")]):e._e(),e.renderPreview?e._e():l("el-button",{attrs:{type:"primary"},on:{click:function(l){return e.updateDomain(t.row)}}},[l("i",{staticClass:"el-icon-edit"}),e._v("修改 ")]),e.renderPreview?e._e():l("el-button",{attrs:{type:"danger"},on:{click:function(l){return e.removeDomain(t.$index)}}},[l("i",{staticClass:"el-icon-delete"}),e._v("删除 ")])]}}],null,!1,3120025452)})]:e._e()],2),e.renderPreview?e._e():l("el-button",{attrs:{type:"dashed",disabled:e.disabled},on:{click:e.addDomain}},[l("i",{staticClass:"el-icon-circle-plus-outline"}),e._v("增加 ")]),e.addOrUpdateVisible?l("AddOrUpdate",{ref:"addOrUpdate",attrs:{formTemplate:e.templateData,renderPreview:e.renderPreview},on:{formAdd:e.formAdd,formUpdate:e.formUpdate}}):e._e()],1)},U=[],K=function(){var e=this,t=e.$createElement,l=e._self._c||t;return["input","textarea","date","time","number","radio","checkbox","select","rate","switch","slider","uploadImg","uploadFile","cascader"].includes(e.record.type)?l("div",{attrs:{align:"center"}},[l("BaseItem",{attrs:{models:e.domains,record:e.record,renderPreview:!0}})],1):"text"===e.record.type?l("div",{style:{textAlign:e.record.options.textAlign}},[l("label",{class:{"ant-form-item-required":e.record.options.showRequiredMark},domProps:{textContent:e._s(e.record.label)}})]):"html"===e.record.type?l("div",{domProps:{innerHTML:e._s(e.record.options.defaultValue)}}):l("div",[e._v(" dd ")])},W=[],Y=function(){var e=this,t=e.$createElement,l=e._self._c||t;return e.renderPreview?l("div",[["input","textarea","date","time","number","rate","switch","slider"].includes(e.record.type)?[e.record.options.prepend?l("span",{domProps:{innerHTML:e._s(e.transformAppend(e.record.options.prepend))}}):e._e(),e.loading?e._e():l("span",[e._v(e._s(e.models[e.record.model])+" ")]),e.record.options.append?l("span",{domProps:{innerHTML:e._s(e.transformAppend(e.record.options.append))}}):e._e()]:["radio","checkbox","select","cascader"].includes(e.record.type)?[e._v(" "+e._s(e.models[e.record.model+"_label"])+" ")]:["uploadImg","uploadFile"].includes(e.record.type)?["uploadImg"==e.record.type?l("FileUpload",{style:"width:"+e.record.options.width,attrs:{fileForm:e.models,fileKey:e.record.model,updateNow:!0,accept:"image/*","list-type":e.record.options.listType,readOnly:!0}}):l("FileUpload",{style:"width:"+e.record.options.width,attrs:{fileForm:e.models,updateNow:!0,fileKey:e.record.model,readOnly:!0}})]:[e._v(" "+e._s("")+" ")]],2):l("div",{staticClass:"base-item"},["input"===e.record.type?l("el-input",{style:"width:"+e.record.options.width,attrs:{disabled:e.disabled||e.record.options.disabled,placeholder:e.record.options.placeholder,type:e.record.options.type,clearable:e.record.options.clearable,maxlength:e.record.options.maxLength},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}},[e.record.options.prepend?l("template",{domProps:{innerHTML:e._s(e.transformAppend(e.record.options.append))},slot:"prepend"}):e._e(),e.record.options.append?l("template",{domProps:{innerHTML:e._s(e.transformAppend(e.record.options.append))},slot:"append"}):e._e()],2):"textarea"===e.record.type?l("el-input",{style:"width:"+e.record.options.width,attrs:{type:"textarea",disabled:e.disabled||e.record.options.disabled,placeholder:e.record.options.placeholder,clearable:e.record.options.clearable,maxlength:e.record.options.maxLength,rows:e.record.options.rows},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}}):"number"===e.record.type?[l("div",{staticClass:"el-input-number-diaplay",style:"width:"+e.record.options.width},[l("el-input-number",{class:e.record.options.append?"el-input-number__append":null,style:"width:100%;float:left;",attrs:{min:e.record.options.min||0===e.record.options.min?e.record.options.min:-1/0,max:e.record.options.max||0===e.record.options.max?e.record.options.max:1/0,disabled:e.disabled||e.record.options.disabled,step:e.record.options.step,precision:e.record.options.precision>50||!e.record.options.precision&&0!==e.record.options.precision?null:e.record.options.precision,"controls-position":"right",placeholder:e.record.options.placeholder},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}}),e.record.options.append?l("div",{staticClass:"el-input-group__append el-input-number-group__append ",domProps:{innerHTML:e._s(e.transformAppend(e.record.options.append))}}):e._e()],1)]:"select"===e.record.type?[e.record.options.multiple?l("el-select",{style:"width:"+e.record.options.width,attrs:{"value-key":e.itemProp.value,remote:e.record.options.onlineSearch&&e.record.options.showSearch,"remote-method":e.remoteMethod,placeholder:e.record.options.placeholder,filterable:e.record.options.showSearch,disabled:e.disabled||e.record.options.disabled,clearable:e.record.options.clearable,multiple:""},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}},e._l(1==e.record.options.dynamic&&e.record.options.remoteFunc||2==e.record.options.dynamic&&e.record.options.dictType?e.checkValues:e.record.options.options,(function(t){return l("el-option",{key:t[e.itemProp.value],attrs:{label:t[e.itemProp.label],value:t[e.itemProp.value]}})})),1):l("el-select",{style:"width:"+e.record.options.width,attrs:{"value-key":e.itemProp.value,remote:e.record.options.onlineSearch&&e.record.options.showSearch,"remote-method":e.remoteMethod,placeholder:e.record.options.placeholder,filterable:e.record.options.showSearch,disabled:e.disabled||e.record.options.disabled,clearable:e.record.options.clearable},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}},e._l(1==e.record.options.dynamic&&e.record.options.remoteFunc||2==e.record.options.dynamic&&e.record.options.dictType?e.checkValues:e.record.options.options,(function(t){return l("el-option",{key:t[e.itemProp.value],attrs:{label:t[e.itemProp.label],value:t[e.itemProp.value]}})})),1)]:"checkbox"===e.record.type?l("el-checkbox-group",{attrs:{disabled:e.disabled||e.record.options.disabled,placeholder:e.record.options.placeholder},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}},e._l(1==e.record.options.dynamic&&e.record.options.remoteFunc||2==e.record.options.dynamic&&e.record.options.dictType?e.checkValues:e.record.options.options,(function(t){return l("el-checkbox",{key:t[e.itemProp.value],attrs:{label:t[e.itemProp.value]}},[e._v(" "+e._s(t[e.itemProp.label])+" ")])})),1):"radio"===e.record.type?l("el-radio-group",{attrs:{disabled:e.disabled||e.record.options.disabled,placeholder:e.record.options.placeholder},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}},e._l(1==e.record.options.dynamic&&e.record.options.remoteFunc||2==e.record.options.dynamic&&e.record.options.dictType?e.checkValues:e.record.options.options,(function(t){return l("el-radio",{key:t[e.itemProp.value],attrs:{label:t[e.itemProp.value]}},[e._v(" "+e._s(t[e.itemProp.label])+" ")])})),1):"date"===e.record.type?[e.record.options.range?l("el-date-picker",{attrs:{align:"right",type:"daterange",clearable:e.record.options.clearable,disabled:e.disabled||e.record.options.disabled,"start-placeholder":e.record.options.rangeStartPlaceholder,"end-placeholder":e.record.options.rangeEndPlaceholder,format:e.record.options.format,"value-format":e.record.options.format},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}}):l("el-date-picker",{attrs:{align:"right",type:"date",clearable:e.record.options.clearable,disabled:e.disabled||e.record.options.disabled,placeholder:e.record.options.placeholder,format:e.record.options.format,"value-format":e.record.options.format},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}})]:"time"===e.record.type?l("el-time-select",{attrs:{clearable:e.record.options.clearable,disabled:e.disabled||e.record.options.disabled,placeholder:e.record.options.placeholder,format:e.record.options.format,"value-format":e.record.options.format},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}}):"rate"===e.record.type?l("el-rate",{attrs:{max:e.record.options.max,disabled:e.disabled||e.record.options.disabled,placeholder:e.record.options.placeholder,allowHalf:e.record.options.allowHalf},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}}):"slider"===e.record.type?l("el-slider",{style:"width:"+e.record.options.width,attrs:{disabled:e.disabled||e.record.options.disabled,min:e.record.options.min,max:e.record.options.max,"show-input":e.record.options.showInput,step:e.record.options.step},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}}):"uploadImg"===e.record.type?l("FileUpload",{style:"width:"+e.record.options.width,attrs:{disabled:e.disabled,fileForm:e.models,fileKey:e.record.model,accept:"image/*","list-type":e.record.options.listType,multiple:!0,action:e.record.options.action,limit:e.record.options.limit},on:{change:function(t){return e.handleChange(t,e.record.model)}}}):"uploadFile"===e.record.type?l("FileUpload",{style:"width:"+e.record.options.width,attrs:{disabled:e.disabled,fileForm:e.models,fileKey:e.record.model,multiple:!0,action:e.record.options.action,limit:e.record.options.limit},on:{change:function(t){return e.handleChange(t,e.record.model)}}}):"cascader"===e.record.type?l("el-cascader",{ref:"cascader",style:"width:"+e.record.options.width,attrs:{options:1==e.record.options.dynamic&&e.record.options.remoteFunc?e.checkValues:e.record.options.options,placeholder:e.record.options.placeholder,filterable:e.record.options.showSearch,disabled:e.disabled||e.record.options.disabled,clearable:e.record.options.clearable,props:e.itemProp},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}}):"switch"===e.record.type?l("el-switch",{attrs:{"active-text":e.record.options.activeText,"inactive-text":e.record.options.inactiveText,disabled:e.disabled||e.record.options.disabled},on:{change:function(t){return e.handleChange(t,e.record.model)}},model:{value:e.models[e.record.model],callback:function(t){e.$set(e.models,e.record.model,t)},expression:"models[record.model]"}}):e._e()],2)},G=[],X=l("bc3a"),Q=l.n(X);const Z=Q.a.create({withCredentials:!1});Z.interceptors.request.use(e=>e,e=>(console.log("error",e),Promise.reject(new Error(e).message))),Z.interceptors.response.use(e=>(console.log(".....",e),e.data),e=>(console.log("error",e),Promise.reject(new Error(e).message)));var ee=Z,te=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"upload-div"},[null==e.readOnly||0==e.readOnly?l("el-upload",{ref:"upload",attrs:{"list-type":e.listType,"with-credentials":!0,action:e.doUpload,"file-list":e.fileList,"on-remove":e.handleRemove,"on-preview":e.handlePreview,"before-remove":e.beforeRemove,"on-success":e.handleSuccess,"on-error":e.handerError,"before-upload":e.beforeAvatarUpload,accept:e.accept,multiple:e.multiple&&(1==e.multiple||"true"==e.multiple),limit:e.limit,"on-exceed":e.handleExceed}},[e.accept&&e.accept.indexOf("image")>=0&&e.listType&&e.listType.indexOf("picture")>=0?l("i",{staticClass:"el-icon-plus"}):l("div",[l("el-button",{attrs:{icon:"el-icon-plus"}},[e._v("请上传文件")])],1)]):e._e(),null==e.readOnly||0==e.readOnly?l("div",{staticClass:"el-upload__tip",attrs:{slot:"tip"},slot:"tip"},[e._v(" "+e._s(e.accept&&e.accept.indexOf("image")>=0&&e.listType&&e.listType.indexOf("picture")>=0?"* 图片最大不能超过"+(void 0==this.fileSize?10:this.fileSize)+"Mb,图片格式支持(bmp,jpg,jpeg,png)":"* 文件最大不能超过"+(void 0==this.fileSize?10:this.fileSize)+"Mb,文件格式支持(bmp,jpg,jpeg,png,xls,xlsx,doc,docx,pdf,mp4,wmv,zip,txt,csv)")+" ")]):l("div",[e.accept&&e.accept.indexOf("image")>=0&&e.listType&&e.listType.indexOf("picture-card")>=0?l("div",[l("ul",{staticStyle:{"list-style":"none"}},e._l(e.fileList,(function(t,o){return l("li",{key:o,staticStyle:{float:"left","margin-right":"20px"}},[l("img",{class:[null==e.direction||0==e.direction?"avatar":"vertical"],style:e.imgDownBut?"float: left;":"",attrs:{src:t.url},on:{click:function(l){return e.reviewDown(t.id)}}}),e.imgDownBut?l("el-button",{staticStyle:{padding:"90px 0 16px 30px",float:"left"},attrs:{type:"text",size:"small"},on:{click:function(l){return e.imgDown(t.id)}}},[l("i",{staticClass:"el-icon-download"})]):e._e(),e.imgDownBut?l("div",{staticStyle:{clear:"both"}}):e._e()],1)})),0)]):l("ul",{staticClass:"el-upload-list el-upload-list--text"},e._l(e.fileList,(function(t,o){return l("li",{key:t.id,staticClass:"el-upload-list__item pointer",attrs:{tabindex:o},on:{click:function(l){return e.reviewDown(t.id,t.fileSuffix)}}},[l("a",{staticClass:"el-upload-list__item-name"},[l("i",{staticClass:"el-icon-document"}),e._v(" "+e._s(t.oldFileName)+" ")]),e._m(0,!0)])})),0)]),l("el-dialog",{attrs:{"append-to-body":!0,visible:e.dialogVisible},on:{"update:visible":function(t){e.dialogVisible=t}}},[l("img",{attrs:{width:"100%",src:e.dialogImageUrl,alt:""}})])],1)},le=[function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("label",{staticClass:"el-upload-list__item-status-label"},[l("i",{staticClass:"el-icon-upload-success el-icon-circle-check"})])}],oe={name:"fileUpload",data(){return{fileList:[],files:[],doUpload:this.action,dialogVisible:!1,dialogImageUrl:""}},watch:{formFiles:{handler(e,t){let l=e;JSON.stringify(l)!=JSON.stringify(this.files)&&(null!=l&&this.files.length!=l.length?(this.files=[],this.fileList=[],this.initFiles()):(this.files=[],this.fileList=[]))},deep:!0},updateNow(e){e&&(this.files=[],this.fileList=[],this.initFiles())}},computed:{formFiles(){return this.fileForm[this.fileKey]}},props:["fileKey","fileForm","readOnly","accept","limit","listType","direction","notPhysicalDels","imgDownBut","updateNow","multiple","fileSize","action"],mounted(){this.initFiles()},methods:{handleSuccess(e,t){if(401==e.code)return this.$message.error("当前账号已在其他地方登录,请重新登录!"),void this.$router.replace({name:"login"});if(!e||0!=e.code){let l=this.$refs["upload"].uploadFiles;return this.$refs["upload"].uploadFiles=l.filter(e=>e.uid!=t.uid),void this.$message.error(e.msg?e.msg:"上传失败")}if(t.id=e.data.id,t.url=e.data.url,this.files.push(e.data.id),null==this.fileForm||null!=this.fileForm[this.fileKey]&&0!=this.fileForm[this.fileKey].length)this.fileForm[this.fileKey]=this.files;else{const e=this.fileKey;this.fileForm[e]=this.files}this.$message("上传成功"),this.$emit("uploadChange",{id:e.data.id,url:e.data.url,type:"add",fileForm:this.fileForm})},handerError(e,t,l){console.log("error",e,t,l)},beforeAvatarUpload(e){const t=e.name,l=e.size/1024/1024<(void 0==this.fileSize?10:this.fileSize);var o=t.lastIndexOf("."),i=t.length,s=t.substring(o+1,i);e.type;return this.accept&&this.accept.indexOf("image")>=0&&!this.isAssetTypeAnImage(s)?(this.$message.error("当前图片格式只支持:[png,jpg,jpeg,bmp]"),!1):(l||this.$message.error("上传文件大小不能超过"+(void 0==this.fileSize?10:this.fileSize)+"MB!"),l)},isAssetTypeAnImage(e){return-1!==["png","jpg","jpeg","bmp"].indexOf(e.toLowerCase())},handleExceed(e,t){this.$message.error("最多只能上传 "+this.limit+" 个文件")},handleRemove(e,t){let l=e.id;null==l&&e.response&&(l=e.response.id);le