visop/src/front/dist/static/js/61.238dba91c14faaa3fd68.js

A simple CLI for scaffolding visible operation projects.

webpackJsonp([61],{vV8Q:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i("woOf"),n=i.n(a),s=i("fZjL"),l=i.n(s),o=i("mvHQ"),r=i.n(o),d=(i("viA7"),i("cAgV")),c=(i("0xDb"),i("KamI")),p={name:"complexTable",directives:{waves:d.a},data:function(){return{tableKey:0,list:{header:[],data:[]},listLoading:!0,textMap:{update:"Edit",create:"Create"},tabPosition:"top",tabName:"0",tabList:["数据管理","字段管理","配置管理"],temp:{},serach:"",dialogFormVisible:!1,dialogStatus:""}},created:function(){this.getData()},methods:{tabChange:function(t,e){this.tabName=t.paneName,this.ifFunction(this.tabName)},ifFunction:function(t){"0"==t?this.getData():"1"==t?this.getFields():this.getMeta()},getMeta:function(){var t=this;this.listLoading=!0,this.list.header=[{id:"id",description:"id",type:"input"},{id:"description",description:"描述",type:"input"},{id:"value",description:"值",type:"input"}],Object(c.c)("meta").then(function(e){t.list.data=e.data,t.listLoading=!1})},getFields:function(){var t=this;this.listLoading=!0,this.list.header=[{id:"id",description:"id",type:"input"},{id:"description",description:"描述",type:"input"},{id:"type",description:"类型",type:"select",config:{0:"input",1:"select",2:"textarea",3:"json"}},{id:"config",description:"参数",type:"textarea",config:{row:5}}],Object(c.c)("index","fields").then(function(e){t.list.data=e.data;for(var i=0;i<t.list.data.length;i++)t.list.data[i].config=r()(t.list.data[i].config);t.listLoading=!1}),console.log(this.list)},getData:function(){var t=this;this.listLoading=!0,Object(c.c)("index","fields").then(function(e){t.list.header=e.data,Object(c.c)("index","data").then(function(e){t.list.data=e.data;var i=t.toJSON();if(i.length>0){for(var a=0;a<t.list.data.length;a++)for(var n=0;n<i.length;n++)t.list.data[a][i[n]]=r()(t.list.data[a][i[n]]);console.log(t.list)}t.listLoading=!1})})},toJSON:function(){for(var t=[],e=0;e<this.list.header.length;e++)"json"==this.list.header[e].type&&t.push(this.list.header[e].id);return t},handleFilter:function(){var t=this,e="";this.listLoading=!0,e="0"==this.tabName?"/index/data?q=":"/index/fields?q=",Object(c.d)(e,this.serach).then(function(e){t.list.data=e.data,t.listLoading=!1})},handleModifyStatus:function(t,e){var i=this,a="";a="0"==this.tabName?"/index/data/":"/index/fields/",Object(c.b)(a,t).then(function(a){i.$message({message:"操作成功",type:"success"}),t.status=e,i.ifFunction(i.tabName)})},clearDialog:function(){var t=this;l()(this.temp).forEach(function(e){t.temp[e]=""})},handleCreate:function(){this.dialogStatus="create",this.dialogFormVisible=!0},createData:function(){var t=this,e="";this.$refs.dataForm.validate(function(i){if(i){t.dialogFormVisible=!1,console.log(t.temp,"JSON");var a=t.toJSON();if("0"==t.tabName)for(var n=0;n<a.length;n++)t.temp[a[n]]=JSON.parse(t.temp[a[n]]);else t.temp.config=JSON.parse(t.temp.config);e="0"==t.tabName?"/index/data":"/index/fields",Object(c.a)(e,t.temp).then(function(e){t.$notify({title:"成功",message:"创建成功",type:"success",duration:2e3}),t.ifFunction(t.tabName)})}})},handleUpdate:function(t){console.log("row",t),this.temp=n()({},t),this.dialogStatus="update",this.dialogFormVisible=!0},updateData:function(){var t=this,e="";this.$refs.dataForm.validate(function(i){if(i){e="0"==t.tabName?"/index/data/":"/index/fields/",t.dialogFormVisible=!1;var a=t.toJSON();if("0"==t.tabName)for(var n=0;n<a.length;n++)t.temp[a[n]]=JSON.parse(t.temp[a[n]]);else t.temp.config=JSON.parse(t.temp.config);Object(c.e)(e,t.temp).then(function(e){t.$notify({title:"成功",message:"更新成功",type:"success",duration:2e3}),t.ifFunction(t.tabName)})}})},handleDelete:function(t){this.$notify({title:"成功",message:"删除成功",type:"success",duration:2e3});var e=this.list.indexOf(t);this.list.splice(e,1)}}},u={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"app-container calendar-list-container"},[i("div",{staticClass:"filter-container"},[i("el-input",{staticClass:"filter-item",staticStyle:{width:"200px"},attrs:{placeholder:t.$t("table.title")},nativeOn:{keyup:function(e){if(!("button"in e)&&t._k(e.keyCode,"enter",13,e.key))return null;t.handleFilter(e)}},model:{value:t.serach,callback:function(e){t.serach=e},expression:"serach"}}),t._v(" "),i("el-button",{directives:[{name:"waves",rawName:"v-waves"}],staticClass:"filter-item",attrs:{type:"primary",icon:"el-icon-search"},on:{click:t.handleFilter}},[t._v(t._s(t.$t("table.search")))]),t._v(" "),i("el-button",{staticClass:"filter-item",staticStyle:{"margin-left":"10px"},attrs:{type:"primary",icon:"el-icon-edit"},on:{click:t.handleCreate}},[t._v(t._s(t.$t("table.add")))])],1),t._v(" "),i("el-table",{directives:[{name:"loading",rawName:"v-loading",value:t.listLoading,expression:"listLoading"}],key:t.tableKey,staticStyle:{width:"100%"},attrs:{data:t.list.data,"element-loading-text":"给我一点时间",border:"",fit:"","highlight-current-row":""}},[t._l(t.list.header,function(e,a){return i("el-table-column",{key:a,attrs:{label:e.description,sortable:"",align:"center"},scopedSlots:t._u([{key:"default",fn:function(a){return[i("span",[t._v(t._s(a.row[e.id]))])]}}])})}),t._v(" "),i("el-table-column",{attrs:{align:"center",label:t.$t("table.actions"),width:"230","class-name":"small-padding fixed-width"},scopedSlots:t._u([{key:"default",fn:function(e){return[i("el-button",{attrs:{type:"primary",size:"mini"},on:{click:function(i){t.handleUpdate(e.row)}}},[t._v(t._s(t.$t("table.edit")))]),t._v(" "),"delete"!=e.row.status?i("el-button",{attrs:{size:"mini",type:"error"},on:{click:function(i){t.handleModifyStatus(e.row,"delete")}}},[t._v(t._s(t.$t("table.delete"))+"\n        ")]):t._e()]}}])})],2),t._v(" "),i("el-dialog",{attrs:{title:t.textMap[t.dialogStatus],visible:t.dialogFormVisible},on:{"update:visible":function(e){t.dialogFormVisible=e},close:t.clearDialog}},[i("el-form",{ref:"dataForm",staticStyle:{width:"400px","margin-left":"50px"},attrs:{model:t.temp,"label-position":"left","label-width":"70px"}},t._l(t.list.header,function(e,a){return i("el-form-item",{key:a,attrs:{label:e.description,prop:e.id}},["input"==e.type?i("el-input",{model:{value:t.temp[e.id],callback:function(i){t.$set(t.temp,e.id,i)},expression:"temp[items.id]"}}):"select"==e.type?i("el-select",{staticClass:"filter-item",attrs:{placeholder:"请选择"},model:{value:t.temp[e.id],callback:function(i){t.$set(t.temp,e.id,i)},expression:"temp[items.id]"}},t._l(e.config,function(t){return i("el-option",{key:t.key,attrs:{label:t,value:t}})})):"textarea"==e.type||"json"==e.type?i("el-input",{attrs:{type:"textarea",rows:e.config.row},model:{value:t.temp[e.id],callback:function(i){t.$set(t.temp,e.id,i)},expression:"temp[items.id]"}}):t._e()],1)})),t._v(" "),i("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[i("el-button",{on:{click:function(e){t.dialogFormVisible=!1}}},[t._v(t._s(t.$t("table.cancel")))]),t._v(" "),"create"==t.dialogStatus?i("el-button",{attrs:{type:"primary"},on:{click:t.createData}},[t._v(t._s(t.$t("table.confirm")))]):i("el-button",{attrs:{type:"primary"},on:{click:t.updateData}},[t._v(t._s(t.$t("table.confirm")))])],1)],1)],1)},staticRenderFns:[]},f=i("VU/8")(p,u,!1,null,null,null);e.default=f.exports}});