chunk-5ca4bf4e.ede6a969.js 12 KB

1
  1. (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5ca4bf4e"],{"2e2a":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAS5SURBVHgB1ZpNTBtHFMffzK7tePlQEkKTgClESVw1KZIlKrVGTUpLVDUtqFIPXMu511zba2+9tteeKpWeKiBppRAREmo1gRREiApFDU2guAGjBOM1tndmss/RErDX9qyNP/KTvOvdebOa/8zbmTczS8ABv9xeb/BwrZ4lWQOUAcWtRPUkS35+qTEim4cUMhidjLcDJ52CiyYQ3AOVgNAEB7KmUFj+9MKhxbymuRJ+nYidZJz0CBBlqW1ZCJAoKHQ6lxBbAdcm9SBLiU6oIRQgc5d7tFDm/SwBVyfi73PO34AahFK68MlF78199/ZejNyIddVq4REs27VxPbj33q6A639sNZlXXVDjMBCd+H5a17sCEnH1I3hFYORlRacFoKJq9zZOEAxarFZIC0ix2vX7XKQ46cCzigdKFGwBcML838y/8Yz4UimhuVxEP9tOZluaifQIWipmzXeYpxAZui/c2oY+KJsxvC6abt9jg7E4+DPTjh6GUNd5ZbhSQvQn2g+0cVNvks2Ahb9xh12xKzyy+RSC42b61rbQoAKoR6MN1EmGqXnel0pBXsGYfmeOfwgVwONtqKcsqUj1Plj7kaeiW8Z2bV30QiWIJzzSLbC6ztpkbTkHbekRl7YvBWkBySTxggMSKWf2xSItoPkYWQEHtB0HR/bFIi3gjI8+phR0Gds6jSw01hMp21Jx1AudeV0ZkrELnCM/Q4VwJCAYIKHWE8pwPpt2Hx3C1oIKoTq0h0vvkpGlFTo79xfv29bBjz0OutbhRpg9d1a9frq1Mr5v4VgAgjVs/r6HGsCRC9UiNSNg6ZHRhhEuOKQoFzpI9ke3AmYXjcipVjIcDCghmfxVbQG76BaDwcVlMfjbhDEg84yqCsgX3YY3ofenq6mvC4XmVRMQmmHBQtHtTpL4Rm6yr/4zWyqXTVUEYK0+XBX9MrbYQrfuGl/mSq+KgNA9VnBitBdsCWwxu7SieyHs8v5ZFd1ucxTufFMZk50HT9w1etG/wSH/b4iAecrqmYoSMDxuDOL817oOT7Je32sw0tut5o2TQn8a3Q9XQap3yURPgO0EybELYfe2t/AWK0+g78dR4xu7wQh9HvMt/gtfQJGoxD6UV8HrSUBKLnQf+93oz9f86NdT8+IKDkaaBx573RCJxqEtngAfBn1QAlTNnl8obhZVE/HotltVCj5g+oERwFoGCVDIM/zBwXHsiJi1u0+NEw3RAnnTI+aDpeKb/yDwdygzmfe2wlqEDrxFkultnBxYw32pLlAKuOKX2cthmQcGSDL9EpuH5VyZZRazyonLBRFcrsy8zwVbw3NaAKFiOdcDtmKiaivXONN7J6B+ZzfGuBS6kLbBw8cX69YEe6Eok5bjdAyqwCG3WOnuUr+1m6Ki+2CZ8f/uQOZyKVMGh6z4pOdtOhZuJzPoSjFdtO0koWwrbljj9Ros+k8pY+dPk5z7wwoV49b/fbuUuIGGe1BQgHzRYbHUeyEutZakwHTfhbpp6/KV32a13+iWbIlKIsyN7n6ZjW6L0Vs7fmC8qxY+NUCft17a7PQCoBDCoYODOFnJjz0IJxEK8fuXPziynNcUHICb4UbCDKHK+LlNgurbn73XXDC8sXgOkdYWBuX7PgUAAAAASUVORK5CYII="},"3e10":function(t,e,i){"use strict"},"4b51":function(t,e,i){},"4f08":function(t,e,i){"use strict";i("8293")},"60c3":function(t,e,i){"use strict";i("7fae9")},"7b53":function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"tableTitle"},[i("span",{staticClass:"tableFloatLine"}),t._v(" "+t._s(t.name)+" ")])},o=[],r={props:{name:{type:String,required:!0}},data:function(){return{someData:""}}},s=r,l=(i("4f08"),i("2877")),n=Object(l["a"])(s,a,o,!1,null,"cbda3f4e",null);e["default"]=n.exports},"7fae9":function(t,e,i){},8293:function(t,e,i){},bbcb:function(t,e,i){"use strict";i.r(e);var a=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"mainBox"},[a("div",{staticClass:"layerBoxNoBg"},[a("div",[a("el-button",{attrs:{type:"primary"},on:{click:t.openWindow}},[t._v("添加菜单")])],1),a("div")]),a("div",{staticClass:"layerBox"},[a("tableTitle",{attrs:{name:t.tableDivTitle}}),a("el-row",[[a("el-table",{staticStyle:{width:"100%","margin-bottom":"20px"},attrs:{data:t.tableData,"row-key":"id",border:"","default-expand":"","tree-props":{children:"children",hasChildren:"hasChildren"}}},[a("el-table-column",{attrs:{prop:"id",label:"id",sortable:"",width:"180"}}),a("el-table-column",{attrs:{prop:"label",label:"菜单名称",sortable:"",width:"180"}}),a("el-table-column",{attrs:{prop:"url",label:"路由地址"}}),a("el-table-column",{attrs:{fixed:"right",label:"操作",width:"200","header-align":"center"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"listBtnBox"},[a("div",{staticClass:"listDeleteBtn",on:{click:function(i){return t.deleteRow(e.row.id)}}},[a("i",{staticClass:"el-icon-delete"}),t._v("移除")]),a("div",{staticClass:"listEditBtn",on:{click:function(i){return t.editRow(e.row)}}},[a("i",{staticClass:"el-icon-edit-outline"}),t._v("编辑")])])]}}])})],1)]],2)],1),a("el-dialog",{attrs:{title:t.editId?"编辑菜单":"添加菜单",visible:t.windowStatus,"close-on-click-modal":!1},on:{"update:visible":function(e){t.windowStatus=e}}},[a("el-form",{ref:"form",attrs:{model:t.form,rules:t.formRules,"label-position":"left"}},[a("div",{staticClass:"formDiv"},[a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"菜单名称","label-width":t.formLabelWidth,prop:"label"}},[a("el-input",{attrs:{autocomplete:"off",placeholder:"请输入菜单名称"},model:{value:t.form.label,callback:function(e){t.$set(t.form,"label",e)},expression:"form.label"}})],1),a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"是否为顶级菜单","label-width":t.formLabelWidth}},[a("el-radio",{attrs:{label:"1"},model:{value:t.radio,callback:function(e){t.radio=e},expression:"radio"}},[t._v("是")]),a("el-radio",{attrs:{label:"2"},model:{value:t.radio,callback:function(e){t.radio=e},expression:"radio"}},[t._v("否")])],1),"2"===t.radio?a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"菜单路由","label-width":t.formLabelWidth,prop:"url"}},[a("el-input",{attrs:{autocomplete:"off",placeholder:"请输入菜单路由"},model:{value:t.form.url,callback:function(e){t.$set(t.form,"url",e)},expression:"form.url"}})],1):t._e(),"2"===t.radio?a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"父级菜单名称","label-width":t.formLabelWidth,prop:"pid_arr"}},[a("el-cascader",{key:t.parentKey,attrs:{props:{checkStrictly:!0},options:t.pidArrData,clearable:""},model:{value:t.form.pid_arr,callback:function(e){t.$set(t.form,"pid_arr",e)},expression:"form.pid_arr"}})],1):t._e(),"1"==t.radio?a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"默认图标","label-width":t.formLabelWidth,prop:"icon"}},[a("div",{staticClass:"uploaderBox"},[a("div",{staticClass:"avatar-upload-container",on:{mouseenter:function(e){t.hovering=!0},mouseleave:function(e){t.hovering=!1}}},[a("el-upload",{staticClass:"avatar-uploader",attrs:{action:"#","show-file-list":!1,"before-upload":t.beforeAvatarUpload}},[t.iconSrc?a("img",{staticClass:"avatar",attrs:{src:t.iconSrc}}):a("div",{staticClass:"chooseImgDiv"},[a("div",[a("img",{attrs:{src:i("2e2a")}}),a("div",[t._v("选择图片")])])])]),t.hovering&&t.iconSrc?a("div",{staticClass:"delete-button",on:{click:t.handleDelete}},[a("i",{staticClass:"el-icon-delete"})]):t._e()],1)])]):t._e(),"1"==t.radio?a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"选中时图标","label-width":t.formLabelWidth,prop:"selected_icon"}},[a("div",{staticClass:"uploaderBox"},[a("div",{staticClass:"avatar-upload-container",on:{mouseenter:function(e){t.hoveringTwo=!0},mouseleave:function(e){t.hoveringTwo=!1}}},[a("el-upload",{staticClass:"avatar-uploader",attrs:{action:"#","show-file-list":!1,"before-upload":t.beforeAvatarUploadTwo}},[t.iconSrcSelect?a("img",{staticClass:"avatar",attrs:{src:t.iconSrcSelect}}):a("div",{staticClass:"chooseImgDiv"},[a("div",[a("img",{attrs:{src:i("2e2a")}}),a("div",[t._v("选择图片")])])])]),t.hoveringTwo&&t.iconSrcSelect?a("div",{staticClass:"delete-button",on:{click:t.handleDeleteTwo}},[a("i",{staticClass:"el-icon-delete"})]):t._e()],1)])]):t._e(),a("el-form-item",{staticClass:"custom-align-right",attrs:{label:"权重","label-width":t.formLabelWidth,prop:"sort"}},[a("el-input",{attrs:{autocomplete:"off",placeholder:"请输入权重"},model:{value:t.form.sort,callback:function(e){t.$set(t.form,"sort",e)},expression:"form.sort"}})],1)],1)]),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("div",[a("el-button",{on:{click:t.closeWindow}},[t._v("取 消")]),1==t.editBtn?a("el-button",{attrs:{type:"primary"},on:{click:t.editToServe}},[t._v("编辑")]):a("el-button",{attrs:{type:"primary"},on:{click:t.addToServe}},[t._v("提交")])],1)])],1)],1)},o=[],r=(i("d81d"),i("4e82"),i("a573"),i("3e10"),i("7b53")),s=(i("4b51"),{components:{tableTitle:r["default"]},data:function(){var t=function(t,e,i){0==e.length?i(new Error("该项不能为空!")):i()},e=function(t,e,i){0==e.length?i(new Error("该项不能为空!")):i()};return{tableDivTitle:"菜单列表",tableData:[],editId:"",radio:"2",windowStatus:!1,formLabelWidth:"120px",editBtn:!1,form:{label:"",url:"",icon:"",selected_icon:"",sort:"",pid_arr:[]},parentKey:0,pidArrData:[],iconSrc:"",hovering:!1,iconSrcSelect:"",hoveringTwo:!1,formRules:{label:[{required:!0,trigger:"blur",validator:t}],url:[{required:!0,trigger:"blur",validator:t}],icon:[{required:!0,trigger:"blur",validator:t}],selected_icon:[{required:!0,trigger:"blur",validator:t}],sort:[{required:!0,trigger:"blur",validator:t}],pid_arr:[{required:!0,trigger:"blur",validator:e}]}}},methods:{getData:function(){var t=this;this.$store.dispatch("menu/getMenuList").then((function(e){t.tableData=e.data,console.log(t.tableData);var i=t.transformData(e.data);t.pidArrData=i})).catch((function(){t.$message({type:"warning",message:"网络错误,请重试!"})}))},transformData:function(t){var e=this;return t.map((function(t){var i={label:t.label,value:t.id};return t.children&&t.children.length>0&&(i.children=e.transformData(t.children)),i}))},deleteRow:function(t){var e=this;this.$confirm("此操作将永久删除该条数据, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){console.log("当前删除:"+t),e.$store.dispatch("menu/delMenu",{id:t}).then((function(t){e.getData(),200==t.code?(e.$message({type:"success",message:"删除成功!"}),e.getData()):e.$message({type:"warning",message:"请先移除子菜单!"})})).catch((function(){e.$message({type:"warning",message:"网络错误,请重试!"})}))})).catch((function(){e.$message({type:"warning",message:"已取消删除"})}))},editRow:function(t){this.editId=t.id,console.log(t),this.openWindow(),this.form.label=t.label,this.form.url=t.url,this.form.icon=t.icon,this.form.selected_icon=t.selected_icon,this.form.sort=t.sort,0==t.pid?this.radio="1":(this.radio="2",this.parentKey+=1,console.log(this.pidArrData),console.log(t.pid),this.form.pid_arr=[t.pid]),this.iconSrc=t.icon,this.iconSrcSelect=t.selected_icon,this.editBtn=!0},addToServe:function(){var t=this;"1"==this.radio&&(this.form.pid_arr=[0]),this.$refs.form.validate((function(e){e&&t.$store.dispatch("menu/addMenu",t.form).then((function(e){200==e.code&&(t.$message({type:"success",message:"成功添加路由!"}),t.getData(),t.closeWindow())})).catch((function(){t.$message({type:"warning",message:"网络错误!"})}))}))},editToServe:function(){var t=this;this.$refs.form.validate((function(e){if(e){var i=t.form;i.id=t.editId,t.$store.dispatch("menu/updateMenu",i).then((function(e){200==e.code&&(t.$message({type:"success",message:"路由状态已修改!"}),t.getData(),t.closeWindow())})).catch((function(){t.$message({type:"warning",message:"操作已取消!"})}))}}))},openWindow:function(){this.windowStatus=!0,this.clearToServe(),this.editBtn=!1},closeWindow:function(){this.windowStatus=!1,this.clearToServe()},clearToServe:function(){this.form.label="",this.form.url="",this.form.icon="",this.form.selected_icon="",this.form.sort="",this.form.pid_arr=[],this.iconSrc="",this.hovering=!1,this.iconSrcSelect="",this.hoveringTwo=!1,this.editBtn=!1},beforeAvatarUpload:function(t){var e=this,i="image/jpeg"===t.type,a="image/png"===t.type,o=t.size/1024/1024<2;if(!i&&!a)return this.$message.error("上传图片只能是 JPG 或 PNG 格式!"),!1;if(!o)return this.$message.error("上传图片大小不能超过 2MB!"),!1;var r=new FormData;return r.append("file",t),this.$store.dispatch("pool/uploadFile",r).then((function(t){e.iconSrc=t.data.imgUrl,e.form.icon=t.data.imgUrl,console.log(t.data.imgUrl)})).catch((function(){e.$message({type:"info",message:"网络错误,请重试!"})})),!1},handleDelete:function(){this.form.icon="",this.iconSrc=""},beforeAvatarUploadTwo:function(t){var e=this,i="image/jpeg"===t.type,a="image/png"===t.type,o=t.size/1024/1024<2;if(!i&&!a)return this.$message.error("上传图片只能是 JPG 或 PNG 格式!"),!1;if(!o)return this.$message.error("上传图片大小不能超过 2MB!"),!1;var r=new FormData;return r.append("file",t),this.$store.dispatch("pool/uploadFile",r).then((function(t){e.iconSrcSelect=t.data.imgUrl,e.form.selected_icon=t.data.imgUrl,e.$forceUpdate()})).catch((function(){e.$message({type:"info",message:"网络错误,请重试!"})})),!1},handleDeleteTwo:function(){this.form.selected_icon="",this.iconSrcSelect=""}},mounted:function(){this.getData()}}),l=s,n=(i("60c3"),i("2877")),c=Object(n["a"])(l,a,o,!1,null,"14c3d3d6",null);e["default"]=c.exports}}]);