| 1 |
- (self["webpackChunkyos_manage"]=self["webpackChunkyos_manage"]||[]).push([[400],{448:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return d}});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)},r=[],o=a(6198),i=(a(561),a(1539),a(5666),{data:function(){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:{query_appgridmain:function(){var e=this;return(0,o.Z)(regeneratorRuntime.mark((function t(){var a,l;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return a={classname:"sysmanage.develop.appregistry.appregistry_grid",method:"query_appgridmain",content:{gridid:e.$route.query.id}},t.next=3,e.$api.requested(a);case 3:l=t.sent,e.formData=l.data[0].layout,e.rules=l.data[0].layout.rules;case 6:case"end":return t.stop()}}),t)})))()},onFormClick:function(e){var 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:function(e){this.actIndex=e,this.form=this.formData.formTable[e]},deleteItem:function(e){this.formData.formTable.splice(e,1)},submit:function(){var e=this;return(0,o.Z)(regeneratorRuntime.mark((function t(){var a,l,r;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(a={classname:"sysmanage.develop.appregistry.appregistry_grid",method:"insertormodify_appgrid",content:{systemappid:1,grid:e.$route.query.grid,gridname:e.$route.query.gridname,siteids:"",gridid:e.$route.query.id,layout:e.formData}},l=e.formData.formTable.some((function(e){return""===e.bindModel})),!l){t.next=4;break}return t.abrupt("return",alert("存在未填写绑定值的控件,请检查"));case 4:return t.next=6,e.$api.requested(a);case 6:r=t.sent,1===r.code?e.$notify({title:"成功",message:"保存成功",type:"success"}):e.$notify({title:"失败",message:r.msg,type:"error"});case 8:case"end":return t.stop()}}),t)})))()},setRules:function(){this.formData.rules=this.rules,this.submit()}},created:function(){this.query_appgridmain()}}),s=i,n=a(1001),c=(0,n.Z)(s,l,r,!1,null,"69fbd977",null),d=c.exports},7475:function(e,t,a){var l=a(7854),r=a(3157),o=a(4411),i=a(111),s=a(5112),n=s("species"),c=l.Array;e.exports=function(e){var t;return r(e)&&(t=e.constructor,o(t)&&(t===c||r(t.prototype))?t=void 0:i(t)&&(t=t[n],null===t&&(t=void 0))),void 0===t?c:t}},5417:function(e,t,a){var l=a(7475);e.exports=function(e,t){return new(l(e))(0===t?0:t)}},561:function(e,t,a){"use strict";var l=a(2109),r=a(7854),o=a(1400),i=a(9303),s=a(6244),n=a(7908),c=a(5417),d=a(6135),u=a(1194),m=u("splice"),f=r.TypeError,p=Math.max,b=Math.min,v=9007199254740991,y="Maximum allowed length exceeded";l({target:"Array",proto:!0,forced:!m},{splice:function(e,t){var a,l,r,u,m,h,k=n(this),x=s(k),g=o(e,x),_=arguments.length;if(0===_?a=l=0:1===_?(a=0,l=x-g):(a=_-2,l=b(p(i(t),0),x-g)),x+a-l>v)throw f(y);for(r=c(k,l),u=0;u<l;u++)m=g+u,m in k&&d(r,u,k[m]);if(r.length=l,a<l){for(u=g;u<x-l;u++)m=u+l,h=u+a,m in k?k[h]=k[m]:delete k[h];for(u=x;u>x-l+a;u--)delete k[u-1]}else if(a>l)for(u=x-l;u>g;u--)m=u+l-1,h=u+a-1,m in k?k[h]=k[m]:delete k[h];for(u=0;u<a;u++)k[u+g]=arguments[u+2];return k.length=x-l+a,r}})}}]);
|
