| 1 |
- "use strict";(self["webpackChunkyos_manage"]=self["webpackChunkyos_manage"]||[]).push([[400],{1400:function(e,t,a){a.r(t),a.d(t,{default:function(){return c}});var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"flex"},[a("div",{staticClass:"select-panel"},e._l(e.typelist,(function(t){return a("p",{key:t.index,on:{click:function(a){return e.onFormClick(t)}}},[e._v(e._s(t))])})),0),a("div",{staticClass:"form-panel",staticStyle:{flex:"1"}},[a("el-row",{attrs:{gutter:10}},[a("el-form",{attrs:{size:"mini",model:e.data,"label-position":e.formData.labelPosition,"label-width":e.formData.labelWidth}},e._l(e.formData.formTable,(function(t,l){return a("el-col",{key:t.index,staticClass:"form-input-item",class:l===e.actIndex?"on":"",attrs:{span:t.span},nativeOn:{click:function(t){return e.itemClick(l)}}},[a("div",{staticClass:"icon-btn flex-align-center",on:{click:function(t){return t.stopPropagation(),e.deleteItem(l)}}},[a("p",[a("i",{staticClass:"el-icon-delete"})])]),"text"===t.type||"textarea"===t.type?a("el-form-item",{attrs:{label:t.label}},[a("el-input",{attrs:{type:t.type,rows:t.rows,resize:"none",placeholder:"请输入"},model:{value:e.data[t.bindModel],callback:function(a){e.$set(e.data,t.bindModel,a)},expression:"data[item.bindModel]"}})],1):e._e(),"select"===t.type?a("el-form-item",{attrs:{label:t.label}},[a("el-select",{staticStyle:{width:"100%"},attrs:{placeholder:"请选择"},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}},e._l(e.options,(function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:e.data[t.value]}})})),1)],1):e._e(),"datePicker"===t.type?a("el-form-item",{attrs:{label:t.label}},[a("el-date-picker",{staticStyle:{width:"100%"},attrs:{type:"date",placeholder:"选择日期"},model:{value:e.data[t.bindModel],callback:function(a){e.$set(e.data,t.bindModel,a)},expression:"data[item.bindModel]"}})],1):e._e(),"radioPicker"===t.type?a("el-form-item",{attrs:{label:t.label}},[a("el-radio-group",{model:{value:e.data[t.bindModel],callback:function(a){e.$set(e.data,t.bindModel,a)},expression:"data[item.bindModel]"}},[a("el-radio",{attrs:{label:3}},[e._v("备选项")])],1)],1):e._e(),"checkBox"===t.type?a("el-form-item",{attrs:{label:t.label}},[a("el-checkbox-group",{model:{value:e.options,callback:function(t){e.options=t},expression:"options"}},[a("el-checkbox",{attrs:{label:"复选框 A"}}),a("el-checkbox",{attrs:{label:"复选框 B"}}),a("el-checkbox",{attrs:{label:"复选框 C"}})],1)],1):e._e(),"switch"===t.type?a("el-form-item",{attrs:{label:t.label}},[a("el-switch",{attrs:{"active-color":"#13ce66","inactive-color":"#ff4949"},model:{value:e.data[t.bindModel],callback:function(a){e.$set(e.data,t.bindModel,a)},expression:"data[item.bindModel]"}})],1):e._e()],1)})),1)],1)],1),a("div",{staticClass:"select-panel",staticStyle:{width:"250px"}},[a("el-form",{ref:"formData",attrs:{model:e.formData,"label-position":"top",size:"mini"}},[a("el-form-item",{attrs:{label:"标签位置"}},[a("el-radio-group",{model:{value:e.formData.labelPosition,callback:function(t){e.$set(e.formData,"labelPosition",t)},expression:"formData.labelPosition"}},[a("el-radio-button",{attrs:{label:"left",name:"left"}},[e._v("左对齐")]),a("el-radio-button",{attrs:{label:"right",name:"right"}},[e._v("右对齐")]),a("el-radio-button",{attrs:{label:"top",name:"top"}},[e._v("顶部对齐")])],1)],1),a("el-form-item",{attrs:{label:"标签宽度"}},[a("el-input",{attrs:{placeholder:"输入标签名称"},model:{value:e.formData.labelWidth,callback:function(t){e.$set(e.formData,"labelWidth",t)},expression:"formData.labelWidth"}})],1)],1),a("div",{staticClass:"normal-title"},[e._v("设置form-item")]),a("el-form",{ref:"form",attrs:{model:e.form,"label-position":"top",size:"mini"}},[a("el-form-item",{attrs:{label:"标签"}},[a("el-input",{attrs:{placeholder:"输入标签名称"},model:{value:e.form.label,callback:function(t){e.$set(e.form,"label",t)},expression:"form.label"}})],1),a("el-form-item",{attrs:{label:"栏位"}},[a("el-input",{attrs:{placeholder:"输入组件栏位"},model:{value:e.form.span,callback:function(t){e.$set(e.form,"span",e._n(t))},expression:"form.span"}})],1),"textarea"===e.form.type?a("el-form-item",{attrs:{label:"输入框行数"}},[a("el-input",{attrs:{placeholder:"输入行数",type:"text"},model:{value:e.form.rows,callback:function(t){e.$set(e.form,"rows",t)},expression:"form.rows"}})],1):e._e(),a("el-form-item",{attrs:{label:"绑定值"}},[a("el-input",{attrs:{placeholder:"输入绑定值",type:"text"},model:{value:e.form.bindModel,callback:function(t){e.$set(e.form,"bindModel",t)},expression:"form.bindModel"}})],1),a("el-form-item",[a("el-button",{attrs:{size:"small"},on:{click:function(t){e.dialogTextAreaVisible=!0}}},[e._v("规则设置")]),a("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.submit}},[e._v("保 存")])],1)],1)],1),a("el-dialog",{attrs:{title:"规则设置","close-on-click-modal":!1,visible:e.dialogTextAreaVisible},on:{"update:visible":function(t){e.dialogTextAreaVisible=t}}},[a("el-input",{attrs:{type:"textarea",rows:10},model:{value:e.rules,callback:function(t){e.rules=t},expression:"rules"}}),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{attrs:{size:"small"},on:{click:function(t){e.dialogTextAreaVisible=!1}}},[e._v("取 消")]),a("el-button",{attrs:{type:"primary",size:"small"},on:{click:e.setRules}},[e._v("确 定")])],1)],1)],1)},i=[],o={data(){return{dialogTextAreaVisible:!1,form:{label:"",span:0,rows:"",bindModel:"",rules:""},data:{},formData:{labelPosition:"top",labelWidth:"100px",formTable:[]},options:[],actIndex:"",typelist:["单行文本","多行文本","单选框组","多选框组","日期选择器","下拉选择框","开关","图片","附件"],rules:"function test(value){alert(value)}"}},methods:{async query_appgridmain(){let e={classname:"sysmanage.develop.appregistry.appregistry_grid",method:"query_appgridmain",content:{gridid:this.$route.query.id}};const t=await this.$api.requested(e);this.formData=t.data[0].layout,this.rules=t.data[0].layout.rules},onFormClick(e){let t={span:24,label:"标签",bindModel:"",rows:"",rules:"function test(value){alert(value)}"};switch(e){case"单行文本":t.type="text";break;case"多行文本":t.type="textarea";break;case"下拉选择框":t.type="select";break;case"日期选择器":t.type="datePicker";break;case"单选框组":t.type="radioPicker";break;case"多选框组":t.type="checkBox";break;case"开关":t.type="switch";break;default:break}this.formData.formTable.push(t)},itemClick(e){this.actIndex=e,this.form=this.formData.formTable[e]},deleteItem(e){this.formData.formTable.splice(e,1)},async submit(){let e={classname:"sysmanage.develop.appregistry.appregistry_grid",method:"insertormodify_appgrid",content:{systemappid:1,grid:this.$route.query.grid,gridname:this.$route.query.gridname,siteids:"",gridid:this.$route.query.id,layout:this.formData}},t=this.formData.formTable.some((e=>""===e.bindModel));if(t)return alert("存在未填写绑定值的控件,请检查");const a=await this.$api.requested(e);1===a.code?this.$notify({title:"成功",message:"保存成功",type:"success"}):this.$notify({title:"失败",message:a.msg,type:"error"})},setRules(){this.formData.rules=this.rules,this.submit()}},created(){this.query_appgridmain()}},s=o,r=a(1001),n=(0,r.Z)(s,l,i,!1,null,"69fbd977",null),c=n.exports}}]);
|
