Commit ff231a6a by 无尘

fix: 修改门店选择组件

parent c4720324
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.8df522aefbea67d7c33bf5fe0da10e07.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.c4af485c8b33d626ea0d.js></script><script type=text/javascript src=./static/js/vendor.28541dbeac66c2b0770e.js></script><script type=text/javascript src=./static/js/app.3f6c1c72f94d42a51822.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.6ef2781a7b2d3e6f938aac8d60bb2ad5.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.299991f23fd27c6b717d.js></script><script type=text/javascript src=./static/js/vendor.28541dbeac66c2b0770e.js></script><script type=text/javascript src=./static/js/app.3f6c1c72f94d42a51822.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([13],{"06NE":function(e,t){},"2FlR":function(e,t,a){e.exports=a.p+"static/img/test.50e4091.png"},TGzc:function(e,t){},Zx22:function(e,t,a){"use strict";var s={name:"custom-dialog",props:{value:{type:Boolean,default:!1},storeChangeData:{type:Object}},data:function(){return{repProjectName:"gic-web",customDialog:this.value,leftData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}],rightData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}]}},methods:{handleCardClose:function(){this.customCancel()},customCancel:function(){this.customDialog=!1,this.$emit("input",this.customDialog)},formatDate:function(e,t){function a(e){return e>9?""+e:"0"+e}var s=new Date(e),i=s.getFullYear(),n=s.getMonth()+1,o=s.getDate();return i+t+a(n)+t+a(o)+t},handleData:function(){}},watch:{value:function(e,t){this.customDialog=e},storeChangeData:function(e,t){}},mounted:function(){}},i={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"custom-dialog-wrap"},[a("el-dialog",{attrs:{title:"门店环境图变更",visible:e.customDialog,width:"600px","before-close":e.handleCardClose},on:{"update:visible":function(t){e.customDialog=t}}},[a("div",{staticClass:"dialog-content"},[a("el-row",[a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[e._v("\n 变更前\n ")]),e._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[e._l(e.leftData,function(e,t){return[a("img",{key:"img"+t,attrs:{src:e.src,alt:""}})]})],2)])]),e._v(" "),a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[e._v("\n 变更后\n ")]),e._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[e._l(e.rightData,function(e,t){return[a("img",{key:"img0"+t,attrs:{src:e.src,alt:""}})]})],2)])])],1)],1)])],1)},staticRenderFns:[]};var n=a("VU/8")(s,i,!1,function(e){a("06NE")},"data-v-13208767",null);t.a=n.exports},xCEU:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=a("3Xzz"),i=a("Zx22"),n=a("3E4D"),o=a("Ch4/"),l=a("PI0u"),r=a("P9l9"),c={name:"unreview",data:function(){return{navpath:[{name:"首页",path:"/index"},{name:"审核中心",path:"/unreview"},{name:"待审核",path:""}],filterValue:"",filterOptions:[{label:"全部事项",value:""},{label:"新增成员",value:"1"},{label:"成员离职",value:"2"}],tableData:[],multipleSelection:[],currentPage:1,pageSize:20,total:0,selectId:"",ruleForm:{refuseReason:""},rules:{refuseReason:[{required:!0,message:"拒绝理由不能为空",trigger:"change"},{min:1,max:50,message:"长度在 1 到 50 个字",trigger:"change"}]},showStoreDialog:!1,storeChangeData:{},approveVisible:!1,refuseVisible:!1}},filters:{formatTimeYMD:function(e){return"--"!=e?e.split(" ")[0]:"--"},formatTimeHMS:function(e){return"--"!=e?e.split(" ")[1]:"--"},formatNum:function(e){return(e+"").replace(/\d{1,3}(?=(\d{3})+$)/g,"$&,")}},computed:{},methods:{handleSelectionChange:function(e){this.multipleSelection=e},handleSizeChange:function(e){this.pageSize=e,this.getTableList()},handleCurrentChange:function(e){this.currentPage=e,this.getTableList()},handleClick:function(e,t,a){this.selectId=t.enterpriseAuditingId,a?this.refuseVisible=!0:this.approveVisible=!0},sendApprove:function(){this.postApprove(this.selectId)},approveAll:function(){var e=this.multipleSelection.length?this.multipleSelection.map(function(e){return e.enterpriseAuditingId}):"";if(!e)return this.$message({message:"请至少选择一条审核事项",type:"warning"}),!1;this.postAllApprove(e)},postApprove:function(e){var t=this,a={enterpriseAuditingId:e};Object(r.c)("/haoban-manage-web/audit/approve.json",a).then(function(e){var a=e.data;if(1==a.errorCode)return n.a.showmsg("操作成功","success"),t.approveVisible=!1,void t.getTableList();o.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},postAllApprove:function(e){var t=this,a={enterpriseAuditingIds:e};Object(r.c)("/haoban-manage-web/audit/batch-approve.json",a).then(function(e){var a=e.data;if(1==a.errorCode)return n.a.showmsg("操作成功","success"),void t.getTableList();o.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},cancelRefuse:function(e){this.refuseVisible=!1,this.$refs.ruleForm.resetFields()},sendRefuse:function(e){var t=this;t.$refs[e].validate(function(e){if(!e)return!1;t.postRefuse()})},postRefuse:function(){var e=this,t={enterpriseAuditingId:e.selectId,refuseReason:e.ruleForm.refuseReason};Object(r.a)("/haoban-manage-web/audit/refuse.json",t).then(function(t){var a=t.data;if(1==a.errorCode)return n.a.showmsg("操作成功","success"),e.refuseVisible=!1,void e.getTableList();o.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},showSingleInfo:function(e){},showStoreChange:function(e){this.showStoreDialog=!0,this.storeChangeData=e},getTableList:function(e){var t=this,a={auditingType:t.filterValue,auditingStatus:"0",search:"",pageNum:t.currentPage,pageSize:t.pageSize};Object(r.a)("/haoban-manage-web/audit/auditing-list.json",a).then(function(e){var a=e.data;if(1==a.errorCode)return a.result&&a.result.list&&a.result.list.forEach(function(e,t){e.createTime&&(e.createTime=Object(l.b)(e.createTime))}),t.tableData=a.result.list,void(t.total=a.result.total);o.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.getTableList()},components:{navCrumb:s.a,storeChange:i.a}},u={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"unreview-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:e.navpath}}),e._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box",style:{"min-height":e.$store.state.bgHeight}},[a("div",{staticClass:"reviewed-body-head flex flex-space-between"},[a("el-select",{staticClass:"w-130",attrs:{placeholder:"全部事项"},on:{change:e.getTableList},model:{value:e.filterValue,callback:function(t){e.filterValue=t},expression:"filterValue"}},e._l(e.filterOptions,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:e.approveAll}},[e._v("批量同意")])],1),e._v(" "),a("div",{staticClass:"reviewed-body-content"},[a("el-table",{ref:"multipleTable",staticStyle:{width:"100%"},attrs:{data:e.tableData,"tooltip-effect":"dark"},on:{"selection-change":e.handleSelectionChange}},[a("el-table-column",{attrs:{type:"selection",width:"55"}}),e._v(" "),a("el-table-column",{attrs:{label:"审核事项"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n "+e._s(0==t.row.auditingType?"门店信息变更":1==t.row.auditingType?"新增成员":"成员离职")+"\n ")]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"提交人","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{staticClass:"flex"},[a("el-popover",{attrs:{placement:"top-start",width:"400",trigger:"hover"},on:{show:function(a){e.showSingleInfo(t.row.applyId)}}},[a("div",{staticClass:"apply-info-detail"},[a("div",{staticClass:"flex"},[a("div",{staticClass:"apply-info-img flex-align-center flex-pack-center bg-82C5FF "},[t.row.headPic?a("img",{attrs:{src:t.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})]),e._v(" "),a("div",{staticClass:"flex flex-column apply-info-right flex-space-between"},[a("div",{staticClass:"apply-info-name"},[e._v("\n "+e._s(t.row.applyName)+"\n "),a("i",{class:[2==t.row.sex?"icon-xingbienv color-FF585C":"icon-xingbienan color-508CEE","iconfont"]})]),e._v(" "),a("div",{staticClass:"apply-info-code"},[a("span",{staticClass:"w-80"},[e._v("员工代码:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.code))])]),e._v(" "),a("div",{staticClass:"apply-info-phone"},[a("span",{staticClass:"w-80"},[e._v("手机号:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.phoneNumber))])]),e._v(" "),a("div",{staticClass:"apply-info-job"},[a("span",{staticClass:"w-80"},[e._v("职位:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.positionName))])]),e._v(" "),a("div",{staticClass:"apply-info-store"},[a("span",{staticClass:"w-80"},[e._v("所属门店:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.storeName))])])])])]),e._v(" "),a("div",{attrs:{slot:"reference"},slot:"reference"},[a("div",{staticClass:"flex flex-align-center flex-pack-center bg-82C5FF table-head-pic"},[t.row.headPic?a("img",{attrs:{src:t.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})])])]),e._v(" "),a("div",{staticClass:"flex flex-column apply-info"},[a("span",[e._v(e._s(t.row.applyName))]),e._v(" "),a("span",{staticClass:"font-13"},[e._v(e._s(t.row.storeName))])])],1)]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"详情"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{staticClass:"line-hidden-2"},[a("span",[e._v(e._s(t.row.detail))]),e._v(" "),0==t.row.auditingType?a("el-button",{attrs:{type:"text"},on:{click:function(a){e.showStoreChange(t.row)}}},[e._v("查看详情")]):e._e()],1)]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"提交时间","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{staticClass:"line-h-18"},[e._v(e._s(e._f("formatTimeYMD")(t.row.createTime)))]),e._v(" "),a("div",{staticClass:"line-h-18"},[e._v(e._s(e._f("formatTimeHMS")(t.row.createTime)))])]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"操作",width:"100"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){e.handleClick(t.$index,t.row)}}},[e._v("同意")]),e._v(" "),a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){e.handleClick(t.$index,t.row,"refuse")}}},[e._v("拒绝")])]}}])})],1),e._v(" "),0!=e.tableData.length?a("div",{staticClass:"block common-wrap__page text-right"},[a("el-pagination",{attrs:{background:"","current-page":e.currentPage,"page-sizes":[10,20,30,40],"page-size":e.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}})],1):e._e()],1)])]),e._v(" "),a("vue-gic-footer"),e._v(" "),a("storeChange",{attrs:{storeChangeData:e.storeChangeData},model:{value:e.showStoreDialog,callback:function(t){e.showStoreDialog=t},expression:"showStoreDialog"}}),e._v(" "),a("el-dialog",{staticClass:"approve-dialog",attrs:{title:"",visible:e.approveVisible,width:"422px"},on:{"update:visible":function(t){e.approveVisible=t}}},[a("div",{staticClass:"approve-body text-center"},[a("div",[a("i",{staticClass:"el-icon-success"}),a("span",{staticClass:"approve-icon-tip"},[e._v("同意")])]),e._v(" "),a("div",{staticClass:"approve-tip"},[e._v("是否确认同意")])]),e._v(" "),a("div",{staticClass:"approve-footer dialog-footer",staticStyle:{"text-align":"center"},attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.approveVisible=!1}}},[e._v("取 消")]),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:e.sendApprove}},[e._v("确 定")])],1)]),e._v(" "),a("el-dialog",{staticClass:"refuse-dialog",attrs:{title:"提示",visible:e.refuseVisible,"before-close":e.cancelRefuse,width:"422px"},on:{"update:visible":function(t){e.refuseVisible=t}}},[a("div",[a("div",{staticClass:"refuse-tip"},[e._v("请输入拒绝理由")]),e._v(" "),a("el-form",{ref:"ruleForm",staticClass:"demo-ruleForm",attrs:{model:e.ruleForm,rules:e.rules}},[a("el-form-item",{attrs:{label:"",prop:"refuseReason"}},[a("el-input",{staticClass:"font-14",attrs:{type:"textarea",placeholder:"最多 50 个字",rows:3},model:{value:e.ruleForm.refuseReason,callback:function(t){e.$set(e.ruleForm,"refuseReason",t)},expression:"ruleForm.refuseReason"}})],1)],1)],1),e._v(" "),a("div",{staticClass:"approve-footer dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.cancelRefuse("ruleForm")}}},[e._v("取 消")]),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.sendRefuse("ruleForm")}}},[e._v("确 定")])],1)])],1)},staticRenderFns:[]};var p=a("VU/8")(c,u,!1,function(e){a("TGzc")},"data-v-bba9823e",null);t.default=p.exports}}); webpackJsonp([13],{"06NE":function(e,t){},"2FlR":function(e,t,a){e.exports=a.p+"static/img/test.50e4091.png"},TGzc:function(e,t){},Zx22:function(e,t,a){"use strict";var s={name:"custom-dialog",props:{value:{type:Boolean,default:!1},storeChangeData:{type:Object}},data:function(){return{repProjectName:"gic-web",customDialog:this.value,leftData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}],rightData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}]}},methods:{handleCardClose:function(){this.customCancel()},customCancel:function(){this.customDialog=!1,this.$emit("input",this.customDialog)},formatDate:function(e,t){function a(e){return e>9?""+e:"0"+e}var s=new Date(e),i=s.getFullYear(),n=s.getMonth()+1,o=s.getDate();return i+t+a(n)+t+a(o)+t},handleData:function(){}},watch:{value:function(e,t){this.customDialog=e},storeChangeData:function(e,t){}},mounted:function(){}},i={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"custom-dialog-wrap"},[a("el-dialog",{attrs:{title:"门店环境图变更",visible:e.customDialog,width:"600px","before-close":e.handleCardClose},on:{"update:visible":function(t){e.customDialog=t}}},[a("div",{staticClass:"dialog-content"},[a("el-row",[a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[e._v("\n 变更前\n ")]),e._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[e._l(e.leftData,function(e,t){return[a("img",{key:"img"+t,attrs:{src:e.src,alt:""}})]})],2)])]),e._v(" "),a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[e._v("\n 变更后\n ")]),e._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[e._l(e.rightData,function(e,t){return[a("img",{key:"img0"+t,attrs:{src:e.src,alt:""}})]})],2)])])],1)],1)])],1)},staticRenderFns:[]};var n=a("VU/8")(s,i,!1,function(e){a("06NE")},"data-v-13208767",null);t.a=n.exports},xCEU:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=a("3Xzz"),i=a("Zx22"),n=a("3E4D"),o=a("Ch4/"),l=a("PI0u"),r=a("P9l9"),c={name:"unreview",data:function(){return{navpath:[{name:"首页",path:"/index"},{name:"审核中心",path:"/unreview"},{name:"待审核",path:""}],filterValue:"",filterOptions:[{label:"全部事项",value:""},{label:"新增成员",value:"1"},{label:"成员离职",value:"2"}],tableData:[],multipleSelection:[],currentPage:1,pageSize:20,total:0,selectId:"",ruleForm:{refuseReason:""},rules:{refuseReason:[{required:!0,message:"拒绝理由不能为空",trigger:"change"},{min:1,max:50,message:"长度在 1 到 50 个字",trigger:"change"}]},showStoreDialog:!1,storeChangeData:{},approveVisible:!1,refuseVisible:!1}},filters:{formatTimeYMD:function(e){return"--"!=e?e.split(" ")[0]:"--"},formatTimeHMS:function(e){return"--"!=e?e.split(" ")[1]:"--"},formatNum:function(e){return(e+"").replace(/\d{1,3}(?=(\d{3})+$)/g,"$&,")}},computed:{},methods:{handleSelectionChange:function(e){this.multipleSelection=e},handleSizeChange:function(e){this.pageSize=e,this.getTableList()},handleCurrentChange:function(e){this.currentPage=e,this.getTableList()},handleClick:function(e,t,a){this.selectId=t.enterpriseAuditingId,a?this.refuseVisible=!0:this.approveVisible=!0},sendApprove:function(){this.postApprove(this.selectId)},approveAll:function(){var e=this.multipleSelection.length?this.multipleSelection.map(function(e){return e.enterpriseAuditingId}):"";if(!e)return this.$message({message:"请至少选择一条审核事项",type:"warning"}),!1;this.postAllApprove(e)},postApprove:function(e){var t=this,a={enterpriseAuditingId:e};Object(r.c)("/haoban-manage-web/audit/approve.json",a).then(function(e){var a=e.data;if(1==a.errorCode)return n.a.showmsg("操作成功","success"),t.approveVisible=!1,void t.getTableList();o.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},postAllApprove:function(e){var t=this,a={enterpriseAuditingIds:e};Object(r.c)("/haoban-manage-web/audit/batch-approve.json",a).then(function(e){var a=e.data;if(1==a.errorCode)return n.a.showmsg("操作成功","success"),void t.getTableList();o.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})},cancelRefuse:function(e){this.refuseVisible=!1,this.$refs.ruleForm.resetFields()},sendRefuse:function(e){var t=this;t.$refs[e].validate(function(e){if(!e)return!1;t.postRefuse()})},postRefuse:function(){var e=this,t={enterpriseAuditingId:e.selectId,refuseReason:e.ruleForm.refuseReason};Object(r.a)("/haoban-manage-web/audit/refuse.json",t).then(function(t){var a=t.data;if(1==a.errorCode)return n.a.showmsg("操作成功","success"),e.refuseVisible=!1,void e.getTableList();o.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},showSingleInfo:function(e){},showStoreChange:function(e){this.showStoreDialog=!0,this.storeChangeData=e},getTableList:function(e){var t=this,a={auditingType:t.filterValue,auditingStatus:"0",search:"",pageNum:t.currentPage,pageSize:t.pageSize};Object(r.a)("/haoban-manage-web/audit/auditing-list.json",a).then(function(e){var a=e.data;if(1==a.errorCode)return a.result&&a.result.list&&a.result.list.forEach(function(e,t){e.createTime&&(e.createTime=Object(l.c)(e.createTime))}),t.tableData=a.result.list,void(t.total=a.result.total);o.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},mounted:function(){this.getTableList()},components:{navCrumb:s.a,storeChange:i.a}},u={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"unreview-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:e.navpath}}),e._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box",style:{"min-height":e.$store.state.bgHeight}},[a("div",{staticClass:"reviewed-body-head flex flex-space-between"},[a("el-select",{staticClass:"w-130",attrs:{placeholder:"全部事项"},on:{change:e.getTableList},model:{value:e.filterValue,callback:function(t){e.filterValue=t},expression:"filterValue"}},e._l(e.filterOptions,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:e.approveAll}},[e._v("批量同意")])],1),e._v(" "),a("div",{staticClass:"reviewed-body-content"},[a("el-table",{ref:"multipleTable",staticStyle:{width:"100%"},attrs:{data:e.tableData,"tooltip-effect":"dark"},on:{"selection-change":e.handleSelectionChange}},[a("el-table-column",{attrs:{type:"selection",width:"55"}}),e._v(" "),a("el-table-column",{attrs:{label:"审核事项"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n "+e._s(0==t.row.auditingType?"门店信息变更":1==t.row.auditingType?"新增成员":"成员离职")+"\n ")]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"提交人","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{staticClass:"flex"},[a("el-popover",{attrs:{placement:"top-start",width:"400",trigger:"hover"},on:{show:function(a){e.showSingleInfo(t.row.applyId)}}},[a("div",{staticClass:"apply-info-detail"},[a("div",{staticClass:"flex"},[a("div",{staticClass:"apply-info-img flex-align-center flex-pack-center bg-82C5FF "},[t.row.headPic?a("img",{attrs:{src:t.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})]),e._v(" "),a("div",{staticClass:"flex flex-column apply-info-right flex-space-between"},[a("div",{staticClass:"apply-info-name"},[e._v("\n "+e._s(t.row.applyName)+"\n "),a("i",{class:[2==t.row.sex?"icon-xingbienv color-FF585C":"icon-xingbienan color-508CEE","iconfont"]})]),e._v(" "),a("div",{staticClass:"apply-info-code"},[a("span",{staticClass:"w-80"},[e._v("员工代码:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.code))])]),e._v(" "),a("div",{staticClass:"apply-info-phone"},[a("span",{staticClass:"w-80"},[e._v("手机号:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.phoneNumber))])]),e._v(" "),a("div",{staticClass:"apply-info-job"},[a("span",{staticClass:"w-80"},[e._v("职位:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.positionName))])]),e._v(" "),a("div",{staticClass:"apply-info-store"},[a("span",{staticClass:"w-80"},[e._v("所属门店:")]),a("span",{staticClass:"w-130"},[e._v(e._s(t.row.storeName))])])])])]),e._v(" "),a("div",{attrs:{slot:"reference"},slot:"reference"},[a("div",{staticClass:"flex flex-align-center flex-pack-center bg-82C5FF table-head-pic"},[t.row.headPic?a("img",{attrs:{src:t.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})])])]),e._v(" "),a("div",{staticClass:"flex flex-column apply-info"},[a("span",[e._v(e._s(t.row.applyName))]),e._v(" "),a("span",{staticClass:"font-13"},[e._v(e._s(t.row.storeName))])])],1)]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"详情"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{staticClass:"line-hidden-2"},[a("span",[e._v(e._s(t.row.detail))]),e._v(" "),0==t.row.auditingType?a("el-button",{attrs:{type:"text"},on:{click:function(a){e.showStoreChange(t.row)}}},[e._v("查看详情")]):e._e()],1)]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"提交时间","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[a("div",{staticClass:"line-h-18"},[e._v(e._s(e._f("formatTimeYMD")(t.row.createTime)))]),e._v(" "),a("div",{staticClass:"line-h-18"},[e._v(e._s(e._f("formatTimeHMS")(t.row.createTime)))])]}}])}),e._v(" "),a("el-table-column",{attrs:{label:"操作",width:"100"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){e.handleClick(t.$index,t.row)}}},[e._v("同意")]),e._v(" "),a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){e.handleClick(t.$index,t.row,"refuse")}}},[e._v("拒绝")])]}}])})],1),e._v(" "),0!=e.tableData.length?a("div",{staticClass:"block common-wrap__page text-right"},[a("el-pagination",{attrs:{background:"","current-page":e.currentPage,"page-sizes":[10,20,30,40],"page-size":e.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}})],1):e._e()],1)])]),e._v(" "),a("vue-gic-footer"),e._v(" "),a("storeChange",{attrs:{storeChangeData:e.storeChangeData},model:{value:e.showStoreDialog,callback:function(t){e.showStoreDialog=t},expression:"showStoreDialog"}}),e._v(" "),a("el-dialog",{staticClass:"approve-dialog",attrs:{title:"",visible:e.approveVisible,width:"422px"},on:{"update:visible":function(t){e.approveVisible=t}}},[a("div",{staticClass:"approve-body text-center"},[a("div",[a("i",{staticClass:"el-icon-success"}),a("span",{staticClass:"approve-icon-tip"},[e._v("同意")])]),e._v(" "),a("div",{staticClass:"approve-tip"},[e._v("是否确认同意")])]),e._v(" "),a("div",{staticClass:"approve-footer dialog-footer",staticStyle:{"text-align":"center"},attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.approveVisible=!1}}},[e._v("取 消")]),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:e.sendApprove}},[e._v("确 定")])],1)]),e._v(" "),a("el-dialog",{staticClass:"refuse-dialog",attrs:{title:"提示",visible:e.refuseVisible,"before-close":e.cancelRefuse,width:"422px"},on:{"update:visible":function(t){e.refuseVisible=t}}},[a("div",[a("div",{staticClass:"refuse-tip"},[e._v("请输入拒绝理由")]),e._v(" "),a("el-form",{ref:"ruleForm",staticClass:"demo-ruleForm",attrs:{model:e.ruleForm,rules:e.rules}},[a("el-form-item",{attrs:{label:"",prop:"refuseReason"}},[a("el-input",{staticClass:"font-14",attrs:{type:"textarea",placeholder:"最多 50 个字",rows:3},model:{value:e.ruleForm.refuseReason,callback:function(t){e.$set(e.ruleForm,"refuseReason",t)},expression:"ruleForm.refuseReason"}})],1)],1)],1),e._v(" "),a("div",{staticClass:"approve-footer dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.cancelRefuse("ruleForm")}}},[e._v("取 消")]),e._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.sendRefuse("ruleForm")}}},[e._v("确 定")])],1)])],1)},staticRenderFns:[]};var p=a("VU/8")(c,u,!1,function(e){a("TGzc")},"data-v-bba9823e",null);t.default=p.exports}});
\ No newline at end of file \ No newline at end of file
webpackJsonp([14],{"06NE":function(t,e){},"2FlR":function(t,e,a){t.exports=a.p+"static/img/test.50e4091.png"},CLYF:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=a("3Xzz"),n=a("Zx22"),i=a("Ch4/"),l=a("PI0u"),o=a("P9l9"),r={name:"reviewed",data:function(){return{tableH:window.screen.availHeight-464-126+"px",navpath:[{name:"首页",path:"/index"},{name:"审核中心",path:"/unreview"},{name:"已审核",path:""}],filterValue:"99",filterOptions:[{label:"已同意",value:"1"},{label:"已拒绝",value:"2"},{label:"已审核",value:"99"}],searchValue:"",tableData:[],multipleSelection:[],currentPage:1,pageSize:20,total:0,applyInfo:{},showStoreDialog:!1,storeChangeData:{}}},filters:{formatTimeYMD:function(t){return"--"!=t?t.split(" ")[0]:"--"},formatTimeHMS:function(t){return"--"!=t?t.split(" ")[1]:"--"},formatNum:function(t){return(t+"").replace(/\d{1,3}(?=(\d{3})+$)/g,"$&,")}},computed:{},methods:{clearSearch:function(){this.getTableList()},searchEnterFun:function(t){if(!String(t.target.value).trim())return!1;this.getTableList()},toggleReason:function(t){t.visible=!0,this.tableData.forEach(function(e,a){e.enterpriseAuditingId!=t.enterpriseAuditingId&&(e.visible=!1)})},handleSelectionChange:function(t){this.multipleSelection=t},handleSizeChange:function(t){this.pageSize=t,this.getTableList()},handleCurrentChange:function(t){this.currentPage=t,this.getTableList()},showSingleInfo:function(t){},showStoreChange:function(t){this.showStoreDialog=!0,this.storeChangeData=t},getTableList:function(t){var e=this,a={auditingType:"",auditingStatus:e.filterValue,search:e.searchValue||"",pageNum:e.currentPage,pageSize:e.pageSize};Object(o.a)("/haoban-manage-web/audit/auditing-list.json",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result&&a.result.list&&a.result.list.forEach(function(t,e){t.createTime&&(t.createTime=Object(l.b)(t.createTime))}),e.tableData=a.result.list,void(e.total=a.result.total);i.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},mounted:function(){this.getTableList()},components:{navCrumb:s.a,storeChange:n.a}},c={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"reviewed-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:t.navpath}}),t._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box",style:{"min-height":t.$store.state.bgHeight}},[a("div",{staticClass:"reviewed-body-head"},[a("el-select",{staticClass:"w-130",attrs:{placeholder:"全部状态"},on:{change:t.getTableList},model:{value:t.filterValue,callback:function(e){t.filterValue=e},expression:"filterValue"}},t._l(t.filterOptions,function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})})),a("el-input",{staticClass:"w-250 m-l-10",attrs:{placeholder:"请输入提交人姓名或门店名称","prefix-icon":"el-icon-search",clearable:""},on:{clear:t.clearSearch},nativeOn:{keyup:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.searchEnterFun(e):null}},model:{value:t.searchValue,callback:function(e){t.searchValue=e},expression:"searchValue"}})],1),t._v(" "),a("div",{staticClass:"reviewed-body-content"},[a("el-table",{ref:"multipleTable",staticStyle:{width:"100%"},attrs:{data:t.tableData,"tooltip-effect":"dark"}},[a("el-table-column",{attrs:{label:"审核事项"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(0==e.row.auditingType?"门店信息变更":1==e.row.auditingType?"新增成员":"成员离职")+"\n ")]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"提交人","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"flex"},[a("el-popover",{attrs:{placement:"top-start",width:"400",trigger:"hover"},on:{show:function(a){t.showSingleInfo(e.row.applyId)}}},[a("div",{staticClass:"apply-info-detail"},[a("div",{staticClass:"flex"},[a("div",{staticClass:"apply-info-img flex-align-center flex-pack-center bg-82C5FF "},[e.row.headPic?a("img",{attrs:{src:e.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})]),t._v(" "),a("div",{staticClass:"flex flex-column apply-info-right flex-space-between"},[a("div",{staticClass:"apply-info-name"},[t._v("\n "+t._s(e.row.applyName)+"\n "),a("i",{class:[2==e.row.sex?"icon-xingbienv color-FF585C":"icon-xingbienan color-508CEE","iconfont"]})]),t._v(" "),a("div",{staticClass:"apply-info-code"},[a("span",{staticClass:"w-80"},[t._v("员工代码:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.code))])]),t._v(" "),a("div",{staticClass:"apply-info-phone"},[a("span",{staticClass:"w-80"},[t._v("手机号:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.phoneNumber))])]),t._v(" "),a("div",{staticClass:"apply-info-job"},[a("span",{staticClass:"w-80"},[t._v("职位:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.positionName))])]),t._v(" "),a("div",{staticClass:"apply-info-store"},[a("span",{staticClass:"w-80"},[t._v("所属门店:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.storeName))])])])])]),t._v(" "),a("div",{attrs:{slot:"reference"},slot:"reference"},[a("div",{staticClass:"flex flex-align-center flex-pack-center bg-82C5FF table-head-pic"},[e.row.headPic?a("img",{attrs:{src:e.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})])])]),t._v(" "),a("div",{staticClass:"flex flex-column apply-info"},[a("span",[t._v(t._s(e.row.applyName))]),t._v(" "),a("span",{staticClass:"font-13"},[t._v(t._s(e.row.storeName))])])],1)]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"详情","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"line-hidden-2"},[a("span",[t._v(t._s(e.row.detail))]),t._v(" "),0==e.row.auditingType?a("el-button",{attrs:{type:"text"},on:{click:function(a){t.showStoreChange(e.row)}}},[t._v("查看详情")]):t._e()],1)]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"提交时间","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"line-h-18"},[t._v(t._s(t._f("formatTimeYMD")(e.row.createTime)))]),t._v(" "),a("div",{staticClass:"line-h-18"},[t._v(t._s(t._f("formatTimeHMS")(e.row.createTime)))])]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"状态"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("span",{class:[2==e.row.auditingStatus?"color-FF585C":""]},[t._v(t._s(1==e.row.auditingStatus?"超级管理员已同意":"超级管理员已拒绝"))]),t._v(" "),a("el-popover",{staticClass:"inline-block",attrs:{placement:"top",width:"150",trigger:"hover"}},[a("div",{staticClass:"tooltip-text"},[t._v(t._s(e.row.refuseReason))]),t._v(" "),a("div",{attrs:{slot:"reference"},slot:"reference"},[2==e.row.auditingStatus?a("i",{staticClass:"el-icon-question",on:{click:function(a){t.toggleReason(e.row)}}}):t._e()])])]}}])})],1),t._v(" "),0!=t.tableData.length?a("div",{staticClass:"block common-wrap__page text-right"},[a("el-pagination",{attrs:{background:"","current-page":t.currentPage,"page-sizes":[10,20,30,40],"page-size":t.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()],1)])]),t._v(" "),a("vue-gic-footer"),t._v(" "),a("storeChange",{attrs:{storeChangeData:t.storeChangeData},model:{value:t.showStoreDialog,callback:function(e){t.showStoreDialog=e},expression:"showStoreDialog"}})],1)},staticRenderFns:[]};var u=a("VU/8")(r,c,!1,function(t){a("fjSV")},"data-v-95e721a2",null);e.default=u.exports},Zx22:function(t,e,a){"use strict";var s={name:"custom-dialog",props:{value:{type:Boolean,default:!1},storeChangeData:{type:Object}},data:function(){return{repProjectName:"gic-web",customDialog:this.value,leftData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}],rightData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}]}},methods:{handleCardClose:function(){this.customCancel()},customCancel:function(){this.customDialog=!1,this.$emit("input",this.customDialog)},formatDate:function(t,e){function a(t){return t>9?""+t:"0"+t}var s=new Date(t),n=s.getFullYear(),i=s.getMonth()+1,l=s.getDate();return n+e+a(i)+e+a(l)+e},handleData:function(){}},watch:{value:function(t,e){this.customDialog=t},storeChangeData:function(t,e){}},mounted:function(){}},n={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"custom-dialog-wrap"},[a("el-dialog",{attrs:{title:"门店环境图变更",visible:t.customDialog,width:"600px","before-close":t.handleCardClose},on:{"update:visible":function(e){t.customDialog=e}}},[a("div",{staticClass:"dialog-content"},[a("el-row",[a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[t._v("\n 变更前\n ")]),t._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[t._l(t.leftData,function(t,e){return[a("img",{key:"img"+e,attrs:{src:t.src,alt:""}})]})],2)])]),t._v(" "),a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[t._v("\n 变更后\n ")]),t._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[t._l(t.rightData,function(t,e){return[a("img",{key:"img0"+e,attrs:{src:t.src,alt:""}})]})],2)])])],1)],1)])],1)},staticRenderFns:[]};var i=a("VU/8")(s,n,!1,function(t){a("06NE")},"data-v-13208767",null);e.a=i.exports},fjSV:function(t,e){}}); webpackJsonp([14],{"06NE":function(t,e){},"2FlR":function(t,e,a){t.exports=a.p+"static/img/test.50e4091.png"},CLYF:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=a("3Xzz"),n=a("Zx22"),i=a("Ch4/"),l=a("PI0u"),o=a("P9l9"),r={name:"reviewed",data:function(){return{tableH:window.screen.availHeight-464-126+"px",navpath:[{name:"首页",path:"/index"},{name:"审核中心",path:"/unreview"},{name:"已审核",path:""}],filterValue:"99",filterOptions:[{label:"已同意",value:"1"},{label:"已拒绝",value:"2"},{label:"已审核",value:"99"}],searchValue:"",tableData:[],multipleSelection:[],currentPage:1,pageSize:20,total:0,applyInfo:{},showStoreDialog:!1,storeChangeData:{}}},filters:{formatTimeYMD:function(t){return"--"!=t?t.split(" ")[0]:"--"},formatTimeHMS:function(t){return"--"!=t?t.split(" ")[1]:"--"},formatNum:function(t){return(t+"").replace(/\d{1,3}(?=(\d{3})+$)/g,"$&,")}},computed:{},methods:{clearSearch:function(){this.getTableList()},searchEnterFun:function(t){if(!String(t.target.value).trim())return!1;this.getTableList()},toggleReason:function(t){t.visible=!0,this.tableData.forEach(function(e,a){e.enterpriseAuditingId!=t.enterpriseAuditingId&&(e.visible=!1)})},handleSelectionChange:function(t){this.multipleSelection=t},handleSizeChange:function(t){this.pageSize=t,this.getTableList()},handleCurrentChange:function(t){this.currentPage=t,this.getTableList()},showSingleInfo:function(t){},showStoreChange:function(t){this.showStoreDialog=!0,this.storeChangeData=t},getTableList:function(t){var e=this,a={auditingType:"",auditingStatus:e.filterValue,search:e.searchValue||"",pageNum:e.currentPage,pageSize:e.pageSize};Object(o.a)("/haoban-manage-web/audit/auditing-list.json",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result&&a.result.list&&a.result.list.forEach(function(t,e){t.createTime&&(t.createTime=Object(l.c)(t.createTime))}),e.tableData=a.result.list,void(e.total=a.result.total);i.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},mounted:function(){this.getTableList()},components:{navCrumb:s.a,storeChange:n.a}},c={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"reviewed-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:t.navpath}}),t._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box",style:{"min-height":t.$store.state.bgHeight}},[a("div",{staticClass:"reviewed-body-head"},[a("el-select",{staticClass:"w-130",attrs:{placeholder:"全部状态"},on:{change:t.getTableList},model:{value:t.filterValue,callback:function(e){t.filterValue=e},expression:"filterValue"}},t._l(t.filterOptions,function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})})),a("el-input",{staticClass:"w-250 m-l-10",attrs:{placeholder:"请输入提交人姓名或门店名称","prefix-icon":"el-icon-search",clearable:""},on:{clear:t.clearSearch},nativeOn:{keyup:function(e){return"button"in e||!t._k(e.keyCode,"enter",13,e.key,"Enter")?t.searchEnterFun(e):null}},model:{value:t.searchValue,callback:function(e){t.searchValue=e},expression:"searchValue"}})],1),t._v(" "),a("div",{staticClass:"reviewed-body-content"},[a("el-table",{ref:"multipleTable",staticStyle:{width:"100%"},attrs:{data:t.tableData,"tooltip-effect":"dark"}},[a("el-table-column",{attrs:{label:"审核事项"},scopedSlots:t._u([{key:"default",fn:function(e){return[t._v("\n "+t._s(0==e.row.auditingType?"门店信息变更":1==e.row.auditingType?"新增成员":"成员离职")+"\n ")]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"提交人","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"flex"},[a("el-popover",{attrs:{placement:"top-start",width:"400",trigger:"hover"},on:{show:function(a){t.showSingleInfo(e.row.applyId)}}},[a("div",{staticClass:"apply-info-detail"},[a("div",{staticClass:"flex"},[a("div",{staticClass:"apply-info-img flex-align-center flex-pack-center bg-82C5FF "},[e.row.headPic?a("img",{attrs:{src:e.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})]),t._v(" "),a("div",{staticClass:"flex flex-column apply-info-right flex-space-between"},[a("div",{staticClass:"apply-info-name"},[t._v("\n "+t._s(e.row.applyName)+"\n "),a("i",{class:[2==e.row.sex?"icon-xingbienv color-FF585C":"icon-xingbienan color-508CEE","iconfont"]})]),t._v(" "),a("div",{staticClass:"apply-info-code"},[a("span",{staticClass:"w-80"},[t._v("员工代码:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.code))])]),t._v(" "),a("div",{staticClass:"apply-info-phone"},[a("span",{staticClass:"w-80"},[t._v("手机号:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.phoneNumber))])]),t._v(" "),a("div",{staticClass:"apply-info-job"},[a("span",{staticClass:"w-80"},[t._v("职位:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.positionName))])]),t._v(" "),a("div",{staticClass:"apply-info-store"},[a("span",{staticClass:"w-80"},[t._v("所属门店:")]),a("span",{staticClass:"w-130"},[t._v(t._s(e.row.storeName))])])])])]),t._v(" "),a("div",{attrs:{slot:"reference"},slot:"reference"},[a("div",{staticClass:"flex flex-align-center flex-pack-center bg-82C5FF table-head-pic"},[e.row.headPic?a("img",{attrs:{src:e.row.headPic,alt:"img"}}):a("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})])])]),t._v(" "),a("div",{staticClass:"flex flex-column apply-info"},[a("span",[t._v(t._s(e.row.applyName))]),t._v(" "),a("span",{staticClass:"font-13"},[t._v(t._s(e.row.storeName))])])],1)]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"详情","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"line-hidden-2"},[a("span",[t._v(t._s(e.row.detail))]),t._v(" "),0==e.row.auditingType?a("el-button",{attrs:{type:"text"},on:{click:function(a){t.showStoreChange(e.row)}}},[t._v("查看详情")]):t._e()],1)]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"提交时间","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{staticClass:"line-h-18"},[t._v(t._s(t._f("formatTimeYMD")(e.row.createTime)))]),t._v(" "),a("div",{staticClass:"line-h-18"},[t._v(t._s(t._f("formatTimeHMS")(e.row.createTime)))])]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"状态"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("span",{class:[2==e.row.auditingStatus?"color-FF585C":""]},[t._v(t._s(1==e.row.auditingStatus?"超级管理员已同意":"超级管理员已拒绝"))]),t._v(" "),a("el-popover",{staticClass:"inline-block",attrs:{placement:"top",width:"150",trigger:"hover"}},[a("div",{staticClass:"tooltip-text"},[t._v(t._s(e.row.refuseReason))]),t._v(" "),a("div",{attrs:{slot:"reference"},slot:"reference"},[2==e.row.auditingStatus?a("i",{staticClass:"el-icon-question",on:{click:function(a){t.toggleReason(e.row)}}}):t._e()])])]}}])})],1),t._v(" "),0!=t.tableData.length?a("div",{staticClass:"block common-wrap__page text-right"},[a("el-pagination",{attrs:{background:"","current-page":t.currentPage,"page-sizes":[10,20,30,40],"page-size":t.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()],1)])]),t._v(" "),a("vue-gic-footer"),t._v(" "),a("storeChange",{attrs:{storeChangeData:t.storeChangeData},model:{value:t.showStoreDialog,callback:function(e){t.showStoreDialog=e},expression:"showStoreDialog"}})],1)},staticRenderFns:[]};var u=a("VU/8")(r,c,!1,function(t){a("fjSV")},"data-v-95e721a2",null);e.default=u.exports},Zx22:function(t,e,a){"use strict";var s={name:"custom-dialog",props:{value:{type:Boolean,default:!1},storeChangeData:{type:Object}},data:function(){return{repProjectName:"gic-web",customDialog:this.value,leftData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}],rightData:[{src:a("2FlR")},{src:a("2FlR")},{src:a("2FlR")}]}},methods:{handleCardClose:function(){this.customCancel()},customCancel:function(){this.customDialog=!1,this.$emit("input",this.customDialog)},formatDate:function(t,e){function a(t){return t>9?""+t:"0"+t}var s=new Date(t),n=s.getFullYear(),i=s.getMonth()+1,l=s.getDate();return n+e+a(i)+e+a(l)+e},handleData:function(){}},watch:{value:function(t,e){this.customDialog=t},storeChangeData:function(t,e){}},mounted:function(){}},n={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"custom-dialog-wrap"},[a("el-dialog",{attrs:{title:"门店环境图变更",visible:t.customDialog,width:"600px","before-close":t.handleCardClose},on:{"update:visible":function(e){t.customDialog=e}}},[a("div",{staticClass:"dialog-content"},[a("el-row",[a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[t._v("\n 变更前\n ")]),t._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[t._l(t.leftData,function(t,e){return[a("img",{key:"img"+e,attrs:{src:t.src,alt:""}})]})],2)])]),t._v(" "),a("el-col",{attrs:{span:11}},[a("div",{staticClass:"grid-content bg-purple-dark"},[t._v("\n 变更后\n ")]),t._v(" "),a("div",{staticClass:"data-body"},[a("div",{staticClass:"data-body-content flex flex-column flex-space-between"},[t._l(t.rightData,function(t,e){return[a("img",{key:"img0"+e,attrs:{src:t.src,alt:""}})]})],2)])])],1)],1)])],1)},staticRenderFns:[]};var i=a("VU/8")(s,n,!1,function(t){a("06NE")},"data-v-13208767",null);e.a=i.exports},fjSV:function(t,e){}});
\ No newline at end of file \ No newline at end of file
webpackJsonp([27],{"0UzI":function(t,e){},rRde:function(t,e){},yuVF:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=a("3Xzz"),o=a("gBtx"),i=a.n(o),l=a("mvHQ"),r=a.n(l),n=a("c4uw"),p=a("Ie7z"),c=a("P9l9"),d=a("3E4D"),u=a("Ch4/"),f={name:"visiable-dialog",props:{showDialog:{type:Boolean,default:!1},appId:{type:String,default:""},appName:{type:String,default:""}},components:{vueSelectEmployee:n.a,vueSelectStore:p.a},data:function(){return{repProjectName:"haoban-manage-web",customDialog:!1,formData:{appId:this.appId,displayType:"0",data:[],departList:[],storeList:[]},appScene:2,treeSet:{isSelectPerson:!1,dialogVisible:!1,isSingle:!1,openNextBool:!0},treeData:{},defaultSelection:[],changed:"",onlyPerson:!1,selectType:"",defaultStoreList:[],storeTreeSet:{isSelectPerson:!1,dialogVisible:!1,isSingle:!1,openNextBool:!0}}},beforeMount:function(){},methods:{handleClose:function(t){t(),this.hideDialog()},customCancel:function(){this.hideDialog()},hideDialog:function(){this.customDialog=!1,this.$emit("hideDialog")},showDialogLayer:function(t,e){if(this.selectType=t,this.changed=t,"store"===t)return this.defaultStoreList=e,void(this.storeTreeSet={dialogVisible:!0,isSingle:!1,isSelectPerson:!0,openNextBool:!0});this.treeSet={dialogVisible:!0,isSingle:!1,isSelectPerson:!0,openNextBool:!0},"people"===t&&(this.onlyPerson=!1,this.treeSet={dialogVisible:!0,isSingle:!1,isSelectPerson:!0}),this.defaultSelection=e,this.treeData.hasOwnProperty("treeData")},handleSelectedList:function(t){console.log(t),"store"===this.selectType?this.formData.storeList=t:this.formData.departList=t},delDepart:function(t,e){e.splice(t,1)},customConfirm:function(){if(0!=this.formData.displayType)if(this.formData.departList.length||this.formData.storeList.length){var t=[];this.formData.departList.length&&this.formData.departList.forEach(function(e){t.push({id:e.id,type:e.hasOwnProperty("employeeClerkId")?1:e.hasOwnProperty("groupId")?2:3})}),this.formData.storeList.length&&this.formData.storeList.forEach(function(e){t.push({id:e.id,type:e.hasOwnProperty("employeeClerkId")?1:e.hasOwnProperty("groupId")?2:3})}),this.setData(t)}else this.$message.error({duration:1e3,message:"请选择可见人员"});else this.setData([])},setData:function(t){var e=this,a={appId:this.appId,displayType:parseInt(e.formData.displayType),data:r()(t)};Object(c.c)("/haoban-manage-web/application-right-save",a).then(function(t){var a=t.data;if(1==a.errorCode)return d.a.showmsg("设置成功","success"),void e.hideDialog();u.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getSetData:function(){var t=this,e={appId:t.formData.appId};Object(c.c)("/haoban-manage-web/application-right-detail",e).then(function(e){var a=e.data;if(1==a.errorCode)return t.formData.displayType=String(a.result.displayType),t.formData.departList=[],t.formData.storeList=[],a.result.displayRelation&&a.result.displayRelation.length&&a.result.displayRelation.forEach(function(e){2===i()(e.type)&&(e.groupId=e.id),e.label=e.name,e.isStore?t.formData.storeList.push(e):t.formData.departList.push(e)}),t.defaultSelection=t.formData.departList,void(t.defaultStoreList=t.formData.storeList);u.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},watch:{showDialog:function(t,e){this.customDialog=t},appId:function(t,e){this.formData.appId=t,t&&this.getSetData()}},mounted:function(){this.customDialog=this.showDialog,this.appId&&this.getSetData()}},m={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.customDialog,expression:"customDialog"}]},[a("el-dialog",{staticClass:"app-dialog",attrs:{title:t.appName+"可见范围设置",visible:t.customDialog,width:"476px","before-close":t.handleClose},on:{"update:visible":function(e){t.customDialog=e}}},[a("div",{staticClass:"app-dialog-body"},[a("el-form",{ref:"form",attrs:{model:t.formData,"label-width":"80px"}},[a("el-form-item",{attrs:{label:"可见范围"}},[a("div",[a("el-radio",{attrs:{label:"0"},model:{value:t.formData.displayType,callback:function(e){t.$set(t.formData,"displayType",e)},expression:"formData.displayType"}},[t._v("全部员工")])],1),t._v(" "),a("div",[a("el-radio",{attrs:{label:"1"},model:{value:t.formData.displayType,callback:function(e){t.$set(t.formData,"displayType",e)},expression:"formData.displayType"}},[t._v("部分员工")])],1)]),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:1==t.formData.displayType,expression:"formData.displayType == 1"}]},[a("el-form-item",{staticClass:"m-b-0 m-t-10",attrs:{label:"行政架构",prop:"name"}},[a("div",{staticClass:"flex w-380 flex-column item-cell-select"},[a("div",{staticClass:"depart-item-wrap"},[a("div",{staticClass:"el-select el-select--large depart-item-content",on:{click:function(e){t.showDialogLayer("depart",t.formData.departList)}}},[a("div",{staticClass:"el-select__tags",staticStyle:{"max-width":"181px"}},[a("span",[t._l(t.formData.departList,function(e,s){return[a("span",{key:s,staticClass:"el-tag el-tag--info el-tag--small"},[a("span",{staticClass:"el-select__tags-text"},[t._v(t._s(e.name))]),a("i",{staticClass:"el-tag__close el-icon-close",on:{click:function(e){e.stopPropagation(),t.delDepart(s,t.formData.departList)}}})])]})],2)])])])])]),t._v(" "),a("el-form-item",{staticClass:"m-t-22",attrs:{label:"门店架构",prop:"name"}},[a("div",{staticClass:"flex w-380 flex-column item-cell-select"},[a("div",{staticClass:"depart-item-wrap"},[a("div",{staticClass:"el-select el-select--large depart-item-content",staticStyle:{width:"213px"},on:{click:function(e){t.showDialogLayer("store",t.formData.storeList)}}},[a("div",{staticClass:"el-select__tags",staticStyle:{"max-width":"181px"}},[a("span",[t._l(t.formData.storeList,function(e,s){return[a("span",{key:s,staticClass:"el-tag el-tag--info el-tag--small"},[a("span",{staticClass:"el-select__tags-text"},[t._v(t._s(e.name||e.storeName))]),a("i",{staticClass:"el-tag__close el-icon-close",on:{click:function(e){e.stopPropagation(),t.delDepart(s,t.formData.storeList)}}})])]})],2)])])])])])],1)],1)],1),t._v(" "),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:t.customCancel}},[t._v("取 消")]),t._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:t.customConfirm}},[t._v("确 定")])],1)]),t._v(" "),a("vue-select-employee",{attrs:{appScene:t.appScene,defaultSelection:t.defaultSelection,onlyPerson:t.onlyPerson,treeSet:t.treeSet,changed:t.changed},on:{handleSelectedList:t.handleSelectedList}}),t._v(" "),a("vue-select-store",{ref:"storeSelector",attrs:{appScene:t.appScene,treeSet:t.storeTreeSet,selectType:"all",defaultList:t.defaultStoreList},on:{handleSelectedList:t.handleSelectedList}})],1)},staticRenderFns:[]};var h=a("VU/8")(f,m,!1,function(t){a("0UzI")},"data-v-20a4dcb6",null).exports,g={name:"apps",data:function(){return{tableH:window.screen.availHeight-464-126+"px",navpath:[{name:"首页",path:"/index"},{name:"企业应用",path:""}],appList:[],roleCode:"",appName:"",appId:"",showDialog:!1}},computed:{},methods:{showPeople:function(t){if("master_admin"!=this.roleCode&&"admin"!=this.roleCode)return this.$message.error({duration:1e3,message:"暂无操作权限"}),!1;this.appName=t.appName,this.appId=t.appId,this.showDialog=!0},hideDialog:function(){this.appName="",this.showDialog=!1},changeSwitch:function(t){var e=this;if("master_admin"!=e.roleCode)return e.$message.error({duration:1e3,message:"暂无操作权限"}),!1;var a=1==t.status?"关闭":"开启";e.$confirm("确认"+a+"【"+t.appName+"】应用吗?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(function(){e.postSwitch(t)}).catch(function(){})},postSwitch:function(t){var e=this,a={appId:t.appId,status:2==t.status?1:2};Object(c.a)("/haoban-manage-web/application-on-off",a).then(function(e){var a=e.data;if(1==a.errorCode)return d.a.showmsg("操作成功","success"),void(t.status=2==t.status?1:2);u.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},toAppDetail:function(t){if(!t.appUrl)return!1;0==t.appType?this.$router.push(t.appUrl+"?appId="+t.appId+"&appIcon="+t.appIcon):window.open(t.appUrl)},getAppList:function(t){var e=this;Object(c.a)("/haoban-manage-web/application-rigth-list",{}).then(function(t){var a=t.data;1!=a.errorCode?u.a.errorMsg(a):a.result&&a.result.appList&&(e.appList=a.result.appList,e.roleCode=a.result.roleCode)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},mounted:function(){this.getAppList()},components:{navCrumb:s.a,visiableDialog:h}},v={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"apps-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:t.navpath}}),t._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box"},[a("div",{staticClass:"apps-content"},[a("div",{staticClass:"apps-content-title"},[t._v("基础应用")]),t._v(" "),a("div",{staticClass:"apps-content-body m-t-24"},[a("ul",{staticClass:"flex flex-row flex-wrap"},t._l(t.appList,function(e,s){return a("li",{key:e.appId+s,staticClass:"flex flex-align-center border-box flex",on:{click:function(a){if(a.target!==a.currentTarget)return null;t.toAppDetail(e)}}},[a("span",{staticClass:"square-item flex flex-align-center flex-pack-center",style:{background:e.appBackgroudColor},on:{click:function(a){a.stopPropagation(),t.toAppDetail(e)}}},[a("img",{class:[1==e.status?"":"filter-grayscale"],attrs:{src:e.appIcon,alt:""}})]),t._v(" "),a("span",{staticClass:"color-303133 font-16 p-l-8",on:{click:function(a){if(a.target!==a.currentTarget)return null;t.toAppDetail(e)}}},[t._v(t._s(e.appName))]),t._v(" "),a("div",{staticClass:"cell-arrow-down"},[a("el-dropdown",{staticClass:"app-cell-dropdown",attrs:{trigger:"hover"}},[a("span",{staticClass:"el-dropdown-link"},[a("i",{staticClass:"el-icon-more el-icon--right color-909399",staticStyle:{cursor:"pointer"}})]),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{staticClass:"p-0"},[a("span",{on:{click:function(a){a.stopPropagation(),t.showPeople(e)}}},[t._v("可见人群")])]),t._v(" "),a("el-dropdown-item",{staticClass:"p-0"},[a("span",{on:{click:function(a){a.stopPropagation(),t.changeSwitch(e)}}},[t._v(t._s(1==e.status?"停用":"启用"))])])],1)],1)],1)])}))])])])]),t._v(" "),a("vue-gic-footer"),t._v(" "),a("visiableDialog",{attrs:{appId:t.appId,appName:t.appName,showDialog:t.showDialog},on:{hideDialog:t.hideDialog}})],1)},staticRenderFns:[]};var D=a("VU/8")(g,v,!1,function(t){a("rRde")},"data-v-0430e9eb",null);e.default=D.exports}});
\ No newline at end of file
webpackJsonp([27],{rRde:function(t,e){},worJ:function(t,e){},yuVF:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=a("3Xzz"),o=a("gBtx"),i=a.n(o),l=a("mvHQ"),r=a.n(l),n=a("c4uw"),p=a("Ie7z"),c=a("P9l9"),d=a("3E4D"),u=a("Ch4/"),f={name:"visiable-dialog",props:{showDialog:{type:Boolean,default:!1},appId:{type:String,default:""},appName:{type:String,default:""}},components:{vueSelectEmployee:n.a,vueSelectStore:p.a},data:function(){return{repProjectName:"haoban-manage-web",customDialog:!1,formData:{appId:this.appId,displayType:"0",data:[],departList:[],storeList:[]},appScene:2,treeSet:{isSelectPerson:!1,dialogVisible:!1,isSingle:!1,openNextBool:!0},treeData:{},defaultSelection:[],changed:"",onlyPerson:!1,selectType:"",defaultStoreList:[],storeTreeSet:{isSelectPerson:!1,dialogVisible:!1,isSingle:!1,openNextBool:!0}}},beforeMount:function(){},methods:{handleClose:function(t){t(),this.hideDialog()},customCancel:function(){this.hideDialog()},hideDialog:function(){this.customDialog=!1,this.$emit("hideDialog")},showDialogLayer:function(t,e){if(this.selectType=t,this.changed=t,"store"===t)return this.defaultStoreList=e,void(this.storeTreeSet={dialogVisible:!0,isSingle:!1,isSelectPerson:!0,openNextBool:!0});this.treeSet={dialogVisible:!0,isSingle:!1,isSelectPerson:!0,openNextBool:!0},"people"===t&&(this.onlyPerson=!1,this.treeSet={dialogVisible:!0,isSingle:!1,isSelectPerson:!0}),this.defaultSelection=e,this.treeData.hasOwnProperty("treeData")},handleSelectedList:function(t){console.log(t),"store"===this.selectType?this.formData.storeList=t:this.formData.departList=t},delDepart:function(t,e){e.splice(t,1)},customConfirm:function(){if(0!=this.formData.displayType)if(this.formData.departList.length||this.formData.storeList.length){var t=[];this.formData.departList.length&&this.formData.departList.forEach(function(e){t.push({id:e.id,type:e.hasOwnProperty("employeeClerkId")?1:e.hasOwnProperty("groupId")?2:3})}),this.formData.storeList.length&&this.formData.storeList.forEach(function(e){t.push({id:e.id,type:e.hasOwnProperty("employeeClerkId")?1:e.hasOwnProperty("groupId")?2:3})}),this.setData(t)}else this.$message.error({duration:1e3,message:"请选择可见人员"});else this.setData([])},setData:function(t){var e=this,a={appId:this.appId,displayType:parseInt(e.formData.displayType),data:r()(t)};Object(c.c)("/haoban-manage-web/application-right-save",a).then(function(t){var a=t.data;if(1==a.errorCode)return d.a.showmsg("设置成功","success"),void e.hideDialog();u.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getSetData:function(){var t=this,e={appId:t.formData.appId};Object(c.c)("/haoban-manage-web/application-right-detail",e).then(function(e){var a=e.data;if(1==a.errorCode)return t.formData.displayType=String(a.result.displayType),t.formData.departList=[],t.formData.storeList=[],a.result.displayRelation&&a.result.displayRelation.length&&a.result.displayRelation.forEach(function(e){2===i()(e.type)&&(e.groupId=e.id),e.label=e.name,e.isStore?t.formData.storeList.push(e):t.formData.departList.push(e)}),t.defaultSelection=t.formData.departList,void(t.defaultStoreList=t.formData.storeList);u.a.errorMsg(a)}).catch(function(e){t.$message.error({duration:1e3,message:e.message})})}},watch:{showDialog:function(t,e){this.customDialog=t},appId:function(t,e){this.formData.appId=t,t&&this.getSetData()}},mounted:function(){this.customDialog=this.showDialog,this.appId&&this.getSetData()}},m={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.customDialog,expression:"customDialog"}]},[a("el-dialog",{staticClass:"app-dialog",attrs:{title:t.appName+"可见范围设置",visible:t.customDialog,width:"476px","before-close":t.handleClose},on:{"update:visible":function(e){t.customDialog=e}}},[a("div",{staticClass:"app-dialog-body"},[a("el-form",{ref:"form",attrs:{model:t.formData,"label-width":"80px"}},[a("el-form-item",{attrs:{label:"可见范围"}},[a("div",[a("el-radio",{attrs:{label:"0"},model:{value:t.formData.displayType,callback:function(e){t.$set(t.formData,"displayType",e)},expression:"formData.displayType"}},[t._v("全部员工")])],1),t._v(" "),a("div",[a("el-radio",{attrs:{label:"1"},model:{value:t.formData.displayType,callback:function(e){t.$set(t.formData,"displayType",e)},expression:"formData.displayType"}},[t._v("部分员工")])],1)]),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:1==t.formData.displayType,expression:"formData.displayType == 1"}]},[a("el-form-item",{staticClass:"m-b-0 m-t-10",attrs:{label:"行政架构",prop:"name"}},[a("div",{staticClass:"flex w-380 flex-column item-cell-select"},[a("div",{staticClass:"depart-item-wrap"},[a("div",{staticClass:"el-select el-select--large depart-item-content",on:{click:function(e){t.showDialogLayer("depart",t.formData.departList)}}},[a("div",{staticClass:"el-select__tags",staticStyle:{"max-width":"181px"}},[a("span",[t._l(t.formData.departList,function(e,s){return[a("span",{key:s,staticClass:"el-tag el-tag--info el-tag--small"},[a("span",{staticClass:"el-select__tags-text"},[t._v(t._s(e.name))]),a("i",{staticClass:"el-tag__close el-icon-close",on:{click:function(e){e.stopPropagation(),t.delDepart(s,t.formData.departList)}}})])]})],2)])])])])]),t._v(" "),a("el-form-item",{staticClass:"m-t-22",attrs:{label:"门店架构",prop:"name"}},[a("div",{staticClass:"flex w-380 flex-column item-cell-select"},[a("div",{staticClass:"depart-item-wrap"},[a("div",{staticClass:"el-select el-select--large depart-item-content",staticStyle:{width:"213px"},on:{click:function(e){t.showDialogLayer("store",t.formData.storeList)}}},[a("div",{staticClass:"el-select__tags",staticStyle:{"max-width":"181px"}},[a("span",[t._l(t.formData.storeList,function(e,s){return[a("span",{key:s,staticClass:"el-tag el-tag--info el-tag--small"},[a("span",{staticClass:"el-select__tags-text"},[t._v(t._s(e.name||e.storeName))]),a("i",{staticClass:"el-tag__close el-icon-close",on:{click:function(e){e.stopPropagation(),t.delDepart(s,t.formData.storeList)}}})])]})],2)])])])])])],1)],1)],1),t._v(" "),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:t.customCancel}},[t._v("取 消")]),t._v(" "),a("el-button",{attrs:{type:"primary"},on:{click:t.customConfirm}},[t._v("确 定")])],1)]),t._v(" "),a("vue-select-employee",{attrs:{appScene:t.appScene,defaultSelection:t.defaultSelection,onlyPerson:t.onlyPerson,treeSet:t.treeSet,changed:t.changed},on:{handleSelectedList:t.handleSelectedList}}),t._v(" "),a("vue-select-store",{ref:"storeSelector",attrs:{appScene:t.appScene,treeSet:t.storeTreeSet,selectType:"all",defaultList:t.defaultStoreList},on:{handleSelectedList:t.handleSelectedList}})],1)},staticRenderFns:[]};var h=a("VU/8")(f,m,!1,function(t){a("worJ")},"data-v-2354849e",null).exports,g={name:"apps",data:function(){return{tableH:window.screen.availHeight-464-126+"px",navpath:[{name:"首页",path:"/index"},{name:"企业应用",path:""}],appList:[],roleCode:"",appName:"",appId:"",showDialog:!1}},computed:{},methods:{showPeople:function(t){if("master_admin"!=this.roleCode&&"admin"!=this.roleCode)return this.$message.error({duration:1e3,message:"暂无操作权限"}),!1;this.appName=t.appName,this.appId=t.appId,this.showDialog=!0},hideDialog:function(){this.appName="",this.showDialog=!1},changeSwitch:function(t){var e=this;if("master_admin"!=e.roleCode)return e.$message.error({duration:1e3,message:"暂无操作权限"}),!1;var a=1==t.status?"关闭":"开启";e.$confirm("确认"+a+"【"+t.appName+"】应用吗?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(function(){e.postSwitch(t)}).catch(function(){})},postSwitch:function(t){var e=this,a={appId:t.appId,status:2==t.status?1:2};Object(c.a)("/haoban-manage-web/application-on-off",a).then(function(e){var a=e.data;if(1==a.errorCode)return d.a.showmsg("操作成功","success"),void(t.status=2==t.status?1:2);u.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},toAppDetail:function(t){if(!t.appUrl)return!1;0==t.appType?this.$router.push(t.appUrl+"?appId="+t.appId+"&appIcon="+t.appIcon):window.open(t.appUrl)},getAppList:function(t){var e=this;Object(c.a)("/haoban-manage-web/application-rigth-list",{}).then(function(t){var a=t.data;1!=a.errorCode?u.a.errorMsg(a):a.result&&a.result.appList&&(e.appList=a.result.appList,e.roleCode=a.result.roleCode)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},mounted:function(){this.getAppList()},components:{navCrumb:s.a,visiableDialog:h}},v={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"apps-wrap common-set-wrap"},[a("nav-crumb",{attrs:{navpath:t.navpath}}),t._v(" "),a("div",{staticClass:"right-content"},[a("div",{staticClass:"right-box"},[a("div",{staticClass:"apps-content"},[a("div",{staticClass:"apps-content-title"},[t._v("基础应用")]),t._v(" "),a("div",{staticClass:"apps-content-body m-t-24"},[a("ul",{staticClass:"flex flex-row flex-wrap"},t._l(t.appList,function(e,s){return a("li",{key:e.appId+s,staticClass:"flex flex-align-center border-box flex",on:{click:function(a){if(a.target!==a.currentTarget)return null;t.toAppDetail(e)}}},[a("span",{staticClass:"square-item flex flex-align-center flex-pack-center",style:{background:e.appBackgroudColor},on:{click:function(a){a.stopPropagation(),t.toAppDetail(e)}}},[a("img",{class:[1==e.status?"":"filter-grayscale"],attrs:{src:e.appIcon,alt:""}})]),t._v(" "),a("span",{staticClass:"color-303133 font-16 p-l-8",on:{click:function(a){if(a.target!==a.currentTarget)return null;t.toAppDetail(e)}}},[t._v(t._s(e.appName))]),t._v(" "),a("div",{staticClass:"cell-arrow-down"},[a("el-dropdown",{staticClass:"app-cell-dropdown",attrs:{trigger:"hover"}},[a("span",{staticClass:"el-dropdown-link"},[a("i",{staticClass:"el-icon-more el-icon--right color-909399",staticStyle:{cursor:"pointer"}})]),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{staticClass:"p-0"},[a("span",{on:{click:function(a){a.stopPropagation(),t.showPeople(e)}}},[t._v("可见人群")])]),t._v(" "),a("el-dropdown-item",{staticClass:"p-0"},[a("span",{on:{click:function(a){a.stopPropagation(),t.changeSwitch(e)}}},[t._v(t._s(1==e.status?"停用":"启用"))])])],1)],1)],1)])}))])])])]),t._v(" "),a("vue-gic-footer"),t._v(" "),a("visiableDialog",{attrs:{appId:t.appId,appName:t.appName,showDialog:t.showDialog},on:{hideDialog:t.hideDialog}})],1)},staticRenderFns:[]};var D=a("VU/8")(g,v,!1,function(t){a("rRde")},"data-v-0430e9eb",null);e.default=D.exports}});
\ No newline at end of file
webpackJsonp([52],{BjfL:function(e,t){},ZxDn:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=a("Xxa5"),n=a.n(r),o=a("exGp"),s=a.n(o),i=a("Ke24"),c=a("Ch4/"),l=a("PI0u"),u=a("P9l9"),p={components:{commonDetailTop:i.a},props:{brandId:{type:String,default:""}},data:function(){return{activeId:"2",topMenuData:[{id:"1",name:"指标管理",path:"/quota?appIcon="+this.$route.query.appIcon},{id:"2",name:"月指标",path:""}],yearList:[],year:"",tableList:[],tabelHeader:[{prop:"yearMonth",label:"月份"},{prop:"totalPerformance",label:"月指标累计"},{prop:"totalStore",label:"门店总数"},{prop:"totalComplete",label:"门店指标完善数"}],currentPage:1,pageSize:10,total:0}},watch:{brandId:function(e){e&&this.getYearList()}},methods:{handleSizeChange:function(e){this.pageSize=e,this.apiMonthPerformanceList()},handleCurrentChange:function(e){this.currentPage=e,this.apiMonthPerformanceList()},changeYear:function(){this.currentPage=1,this.apiMonthPerformanceList()},getYearList:function(){var e=this;return s()(n.a.mark(function t(){var a,r,o;return n.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a=e,t.next=3,n={brandId:a.brandId},Object(u.a)("/haoban-app-performance-web/performance/get-years",n);case 3:r=t.sent,1==(o=r.data).errorCode?(a.yearList=[],o.result&&o.result.length&&(o.result.forEach(function(e){a.yearList.push({id:e,label:e+"年"})}),a.year=o.result[0],a.apiMonthPerformanceList())):c.a.errorMsg(o);case 6:case"end":return t.stop()}var n},t,e)}))()},apiMonthPerformanceList:function(){var e=this;return s()(n.a.mark(function t(){var a,r,o;return n.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a=e,t.next=3,n={brandId:e.brandId,year:e.year},Object(u.a)("/haoban-app-performance-web/performance/query-month-performance",n);case 3:r=t.sent,1==(o=r.data).errorCode&&(o.result.length&&o.result.forEach(function(e){e.totalPerformance=Object(l.c)(Number(e.totalPerformance).toFixed(2))}),a.tableList=o.result||[]);case 6:case"end":return t.stop()}var n},t,e)}))()}},mounted:function(){this.$emit("showTab","11"),this.brandId&&this.getYearList()}},h={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("section",{staticClass:"common-right-wrap"},[a("common-detail-top",{attrs:{topMenuData:e.topMenuData,activeId:e.activeId}}),e._v(" "),a("div",{staticClass:"m-20"},[a("el-select",{staticClass:"m-b-23 w-123",on:{change:e.changeYear},model:{value:e.year,callback:function(t){e.year=t},expression:"year"}},[a("i",{staticClass:"el-input__icon el-icon-date",attrs:{slot:"prefix"},slot:"prefix"}),e._v(" "),e._l(e.yearList,function(e,t){return a("el-option",{key:t,attrs:{value:e.id,label:e.label}})})],2),e._v(" "),a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.tableList}},[e._l(e.tabelHeader,function(e,t){return a("el-table-column",{key:t,attrs:{label:e.label,prop:e.prop}})}),e._v(" "),a("el-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){return[1==t.row.settingStatus?a("el-button",{attrs:{type:"text"},on:{click:function(a){e.$router.push("/storeMonthTask?yearMonth="+t.row.yearMonth+"&appIcon="+e.$route.query.appIcon+" ")}}},[e._v("门店月指标")]):e._e(),e._v(" "),a("el-button",{attrs:{type:"text"},on:{click:function(a){e.$router.push("/companyDaySet?yearMonth="+t.row.yearMonth+"&appIcon="+e.$route.query.appIcon)}}},[e._v("商户日权重")])]}}])})],2),e._v(" "),0!=e.tableList.length?a("div",{staticClass:"block common-wrap__page text-right m-t-24"},[a("el-pagination",{attrs:{background:"","current-page":e.currentPage,"page-sizes":[10,20,30,40],"page-size":e.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}})],1):e._e()],1)],1)},staticRenderFns:[]};var d=a("VU/8")(p,h,!1,function(e){a("BjfL")},"data-v-5f065252",null);t.default=d.exports}}); webpackJsonp([52],{BjfL:function(e,t){},ZxDn:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=a("Xxa5"),n=a.n(r),o=a("exGp"),s=a.n(o),i=a("Ke24"),c=a("Ch4/"),l=a("PI0u"),u=a("P9l9"),p={components:{commonDetailTop:i.a},props:{brandId:{type:String,default:""}},data:function(){return{activeId:"2",topMenuData:[{id:"1",name:"指标管理",path:"/quota?appIcon="+this.$route.query.appIcon},{id:"2",name:"月指标",path:""}],yearList:[],year:"",tableList:[],tabelHeader:[{prop:"yearMonth",label:"月份"},{prop:"totalPerformance",label:"月指标累计"},{prop:"totalStore",label:"门店总数"},{prop:"totalComplete",label:"门店指标完善数"}],currentPage:1,pageSize:10,total:0}},watch:{brandId:function(e){e&&this.getYearList()}},methods:{handleSizeChange:function(e){this.pageSize=e,this.apiMonthPerformanceList()},handleCurrentChange:function(e){this.currentPage=e,this.apiMonthPerformanceList()},changeYear:function(){this.currentPage=1,this.apiMonthPerformanceList()},getYearList:function(){var e=this;return s()(n.a.mark(function t(){var a,r,o;return n.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a=e,t.next=3,n={brandId:a.brandId},Object(u.a)("/haoban-app-performance-web/performance/get-years",n);case 3:r=t.sent,1==(o=r.data).errorCode?(a.yearList=[],o.result&&o.result.length&&(o.result.forEach(function(e){a.yearList.push({id:e,label:e+"年"})}),a.year=o.result[0],a.apiMonthPerformanceList())):c.a.errorMsg(o);case 6:case"end":return t.stop()}var n},t,e)}))()},apiMonthPerformanceList:function(){var e=this;return s()(n.a.mark(function t(){var a,r,o;return n.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a=e,t.next=3,n={brandId:e.brandId,year:e.year},Object(u.a)("/haoban-app-performance-web/performance/query-month-performance",n);case 3:r=t.sent,1==(o=r.data).errorCode&&(o.result.length&&o.result.forEach(function(e){e.totalPerformance=Object(l.d)(Number(e.totalPerformance).toFixed(2))}),a.tableList=o.result||[]);case 6:case"end":return t.stop()}var n},t,e)}))()}},mounted:function(){this.$emit("showTab","11"),this.brandId&&this.getYearList()}},h={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("section",{staticClass:"common-right-wrap"},[a("common-detail-top",{attrs:{topMenuData:e.topMenuData,activeId:e.activeId}}),e._v(" "),a("div",{staticClass:"m-20"},[a("el-select",{staticClass:"m-b-23 w-123",on:{change:e.changeYear},model:{value:e.year,callback:function(t){e.year=t},expression:"year"}},[a("i",{staticClass:"el-input__icon el-icon-date",attrs:{slot:"prefix"},slot:"prefix"}),e._v(" "),e._l(e.yearList,function(e,t){return a("el-option",{key:t,attrs:{value:e.id,label:e.label}})})],2),e._v(" "),a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.tableList}},[e._l(e.tabelHeader,function(e,t){return a("el-table-column",{key:t,attrs:{label:e.label,prop:e.prop}})}),e._v(" "),a("el-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){return[1==t.row.settingStatus?a("el-button",{attrs:{type:"text"},on:{click:function(a){e.$router.push("/storeMonthTask?yearMonth="+t.row.yearMonth+"&appIcon="+e.$route.query.appIcon+" ")}}},[e._v("门店月指标")]):e._e(),e._v(" "),a("el-button",{attrs:{type:"text"},on:{click:function(a){e.$router.push("/companyDaySet?yearMonth="+t.row.yearMonth+"&appIcon="+e.$route.query.appIcon)}}},[e._v("商户日权重")])]}}])})],2),e._v(" "),0!=e.tableList.length?a("div",{staticClass:"block common-wrap__page text-right m-t-24"},[a("el-pagination",{attrs:{background:"","current-page":e.currentPage,"page-sizes":[10,20,30,40],"page-size":e.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}})],1):e._e()],1)],1)},staticRenderFns:[]};var d=a("VU/8")(p,h,!1,function(e){a("BjfL")},"data-v-5f065252",null);t.default=d.exports}});
\ No newline at end of file \ No newline at end of file
webpackJsonp([69],{"AG+R":function(t,e){},kF1j:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=a("fZjL"),r=a.n(o),s=a("2eFk"),n=a("Ke24"),i=a("fPyK"),l=a("nsZK"),c=a("P9l9"),u=a("Ch4/"),d=a("PI0u"),p={name:"reviewed",props:{brandId:{type:String,default:function(){return""}},activeGroupId:{type:String,default:function(){return""}}},data:function(){return{tableH:window.screen.availHeight-464-126,activeId:"3",activeBrand:this.brandId,activeGroup:this.activeGroupId,topMenuData:[{id:"1",name:"指标管理",path:"/monthList?appIcon="+this.$route.query.appIcon},{id:"2",name:"月指标",path:"/monthList?appIcon="+this.$route.query.appIcon},{id:"3",name:"门店月指标",path:""}],selectRadio:0,showDialog:!1,conditionObj:{keyword:"",storeStatus:"",isCompleted:"",storeGroupIds:[]},completeStatusOptions:[{label:"门店完善状态",value:""},{label:"已完善",value:"1"},{label:"未完善",value:"0"}],storeStatusOptions:[{value:"",label:"所有门店状态"},{value:"0",label:"待审核"},{value:"1",label:"正常"},{value:"2",label:"审核失败"},{value:"3",label:"停业整顿"},{value:"4",label:"回收站"},{value:"5",label:"删除"}],statistics:{},tableData:[],multipleSelection:[],dialogVisible:!1,currentPage:1,pageSize:10,total:0}},computed:{},methods:{searchStore:Object(d.a)(function(t){this.currentPage,this.getTableList()},500),clearInput:function(t){1==this.currentPage?this.getTableList():this.currentPage=1},checkStoreGroupIds:function(t){this.currentPage=1,this.conditionObj.storeGroupIds=t,this.getTableList()},selectBrandId:function(t){this.activeBrand=t},setSelectTab:function(t){this.activeTab=t.tabId},changeSelect:function(){this.currentPage=1,this.getTableList()},handleSizeChange:function(t){this.pageSize=t,this.getTableList()},handleCurrentChange:function(t){this.currentPage=t,this.getTableList()},toSalerMonth:function(t,e){this.$router.push("/salerMonthDetail?storeId="+e.storeId+"&yearMonth="+this.yearMonth+"&appIcon="+this.$route.query.appIcon)},getTableList:function(t){var e=this,a={yearMonth:e.yearMonth||e.$route.query.yearMonth,keyword:e.conditionObj.keyword||"",storeStatus:e.conditionObj.storeStatus||"",isCompleted:e.conditionObj.isCompleted||"",storeGroupIds:e.conditionObj.storeGroupIds.map(function(t){return t.groupId}).join(",")||"",pageNum:e.currentPage,pageSize:e.pageSize,brandId:e.activeBrand};Object(c.a)("/haoban-app-performance-web/performance/query-store-month-performance",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result.list&&a.result.list.length&&(a.result.list.forEach(function(t){t.performance=Object(d.c)(Number(t.performance))}),a.result.statistics&&r()(a.result.statistics).length?(e.statistics=a.result.statistics,e.tableData.unshift({completeStatus:a.result.statistics.totalComplete,performance:Object(d.c)(Number(a.result.statistics.totalPerformance)),storeName:a.result.statistics.totalStore,totalComplete:a.result.statistics.totalComplete,totalPerformance:Object(d.c)(Number(a.result.statistics.totalPerformance)),totalStore:a.result.statistics.totalStore})):e.tableData.unshift({completeStatus:e.statistics.totalComplete,performance:Object(d.c)(Number(e.statistics.totalPerformance)),storeName:e.statistics.totalStore,totalComplete:e.statistics.totalComplete,totalPerformance:e.statistics.totalPerformance,totalStore:e.statistics.totalStore})),e.tableData=a.result.list||[],void(e.total=a.result.pageInfo.total);u.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{brandId:function(t,e){t&&(this.activeBrand=t,this.yearMonth=this.$route.query.yearMonth,this.getTableList())},activeGroupId:function(t,e){t&&(this.activeGroup=t)}},mounted:function(){document.documentElement.style.backgroundColor="#f0f2f5",this.$emit("showTab","11"),this.activeBrand=this.brandId,this.activeGroup=this.activeGroupId,this.conditionObj.storeId=this.$route.query.storeId,this.brandId&&(this.yearMonth=this.$route.query.yearMonth,this.getTableList())},destroyed:function(){document.documentElement.style.backgroundColor="#fff"},components:{appDetail:s.a,commonDetailTop:n.a,qrcodeDialog:i.a,storeTreeSelect:l.a}},h={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"my-customer-wrap common-set-wrap common-right-wrap"},[a("common-detail-top",{attrs:{topMenuData:t.topMenuData,activeId:t.activeId}}),t._v(" "),a("div",{staticClass:"daily-set-content boder-box"},[a("div",{staticClass:"table-condition flex flex-space-between m-b-23"},[a("div",{staticClass:"table-condition-left"},[a("el-input",{staticClass:"w-264 margin-l-10",attrs:{placeholder:"请输入门店名称/code","prefix-icon":"el-icon-search",clearable:""},on:{change:t.clearInput},nativeOn:{keyup:function(e){return a=e,t.searchStore(a);var a},clear:function(e){return t.clearInput(e)}},model:{value:t.conditionObj.keyword,callback:function(e){t.$set(t.conditionObj,"keyword",e)},expression:"conditionObj.keyword"}}),t._v(" "),a("el-select",{staticClass:"w-131 m-l-10",attrs:{placeholder:"请选择"},on:{change:t.changeSelect},model:{value:t.conditionObj.storeStatus,callback:function(e){t.$set(t.conditionObj,"storeStatus",e)},expression:"conditionObj.storeStatus"}},t._l(t.storeStatusOptions,function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})})),t._v(" "),a("el-select",{staticClass:"w-131 m-l-10",attrs:{placeholder:"请选择"},on:{change:t.changeSelect},model:{value:t.conditionObj.isCompleted,callback:function(e){t.$set(t.conditionObj,"isCompleted",e)},expression:"conditionObj.isCompleted"}},t._l(t.completeStatusOptions,function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})})),t._v(" "),a("store-tree-select",{attrs:{brandId:t.brandId,activeGroupId:t.activeGroupId},on:{checkStoreGroupIds:t.checkStoreGroupIds}})],1),t._v(" "),a("div",{staticClass:"table-condition-right"})]),t._v(" "),a("el-table",{ref:"multipleTable",staticClass:"select-table",style:{width:"100%",minHeight:t.tableH},attrs:{data:t.tableData,"tooltip-effect":"dark"}},[a("el-table-column",{attrs:{label:"门店名称"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{class:["flex flex-pack-center flex-start",e.row.totalStore?"color-303133":""]},[t._v(t._s(e.row.totalStore?"总计:"+e.row.totalStore+"家":e.row.storeName))])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"name",label:"月指标"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{class:[e.row.totalStore?"color-303133":""]},[t._v(t._s(e.row.performance))])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"门店完善状态","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[e.row.totalStore?a("div",{staticClass:"color-303133"},[t._v(t._s("已完善:"+e.row.totalComplete+"家"))]):a("div",[t._v(t._s(0==e.row.completeStatus?"未完善":"已完善"))])]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"操作"},scopedSlots:t._u([{key:"default",fn:function(e){return[e.row.totalStore?t._e():a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){t.toSalerMonth(e.$index,e.row)}}},[t._v("导购月指标详情")])]}}])})],1),t._v(" "),0!=t.tableData.length?a("div",{staticClass:"block common-wrap__page text-right m-t-24"},[a("el-pagination",{attrs:{background:"","current-page":t.currentPage,"page-sizes":[10,20,30,40],"page-size":t.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()],1),t._v(" "),a("qrcode-dialog",{ref:"qrcodePreview",model:{value:t.dialogVisible,callback:function(e){t.dialogVisible=e},expression:"dialogVisible"}})],1)},staticRenderFns:[]};var b=a("VU/8")(p,h,!1,function(t){a("AG+R")},"data-v-290308c0",null);e.default=b.exports}}); webpackJsonp([69],{"AG+R":function(t,e){},kF1j:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=a("fZjL"),r=a.n(o),s=a("2eFk"),n=a("Ke24"),i=a("fPyK"),l=a("nsZK"),c=a("P9l9"),u=a("Ch4/"),d=a("PI0u"),p={name:"reviewed",props:{brandId:{type:String,default:function(){return""}},activeGroupId:{type:String,default:function(){return""}}},data:function(){return{tableH:window.screen.availHeight-464-126,activeId:"3",activeBrand:this.brandId,activeGroup:this.activeGroupId,topMenuData:[{id:"1",name:"指标管理",path:"/monthList?appIcon="+this.$route.query.appIcon},{id:"2",name:"月指标",path:"/monthList?appIcon="+this.$route.query.appIcon},{id:"3",name:"门店月指标",path:""}],selectRadio:0,showDialog:!1,conditionObj:{keyword:"",storeStatus:"",isCompleted:"",storeGroupIds:[]},completeStatusOptions:[{label:"门店完善状态",value:""},{label:"已完善",value:"1"},{label:"未完善",value:"0"}],storeStatusOptions:[{value:"",label:"所有门店状态"},{value:"0",label:"待审核"},{value:"1",label:"正常"},{value:"2",label:"审核失败"},{value:"3",label:"停业整顿"},{value:"4",label:"回收站"},{value:"5",label:"删除"}],statistics:{},tableData:[],multipleSelection:[],dialogVisible:!1,currentPage:1,pageSize:10,total:0}},computed:{},methods:{searchStore:Object(d.a)(function(t){this.currentPage,this.getTableList()},500),clearInput:function(t){1==this.currentPage?this.getTableList():this.currentPage=1},checkStoreGroupIds:function(t){this.currentPage=1,this.conditionObj.storeGroupIds=t,this.getTableList()},selectBrandId:function(t){this.activeBrand=t},setSelectTab:function(t){this.activeTab=t.tabId},changeSelect:function(){this.currentPage=1,this.getTableList()},handleSizeChange:function(t){this.pageSize=t,this.getTableList()},handleCurrentChange:function(t){this.currentPage=t,this.getTableList()},toSalerMonth:function(t,e){this.$router.push("/salerMonthDetail?storeId="+e.storeId+"&yearMonth="+this.yearMonth+"&appIcon="+this.$route.query.appIcon)},getTableList:function(t){var e=this,a={yearMonth:e.yearMonth||e.$route.query.yearMonth,keyword:e.conditionObj.keyword||"",storeStatus:e.conditionObj.storeStatus||"",isCompleted:e.conditionObj.isCompleted||"",storeGroupIds:e.conditionObj.storeGroupIds.map(function(t){return t.groupId}).join(",")||"",pageNum:e.currentPage,pageSize:e.pageSize,brandId:e.activeBrand};Object(c.a)("/haoban-app-performance-web/performance/query-store-month-performance",a).then(function(t){var a=t.data;if(1==a.errorCode)return a.result.list&&a.result.list.length&&(a.result.list.forEach(function(t){t.performance=Object(d.d)(Number(t.performance))}),a.result.statistics&&r()(a.result.statistics).length?(e.statistics=a.result.statistics,e.tableData.unshift({completeStatus:a.result.statistics.totalComplete,performance:Object(d.d)(Number(a.result.statistics.totalPerformance)),storeName:a.result.statistics.totalStore,totalComplete:a.result.statistics.totalComplete,totalPerformance:Object(d.d)(Number(a.result.statistics.totalPerformance)),totalStore:a.result.statistics.totalStore})):e.tableData.unshift({completeStatus:e.statistics.totalComplete,performance:Object(d.d)(Number(e.statistics.totalPerformance)),storeName:e.statistics.totalStore,totalComplete:e.statistics.totalComplete,totalPerformance:e.statistics.totalPerformance,totalStore:e.statistics.totalStore})),e.tableData=a.result.list||[],void(e.total=a.result.pageInfo.total);u.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{brandId:function(t,e){t&&(this.activeBrand=t,this.yearMonth=this.$route.query.yearMonth,this.getTableList())},activeGroupId:function(t,e){t&&(this.activeGroup=t)}},mounted:function(){document.documentElement.style.backgroundColor="#f0f2f5",this.$emit("showTab","11"),this.activeBrand=this.brandId,this.activeGroup=this.activeGroupId,this.conditionObj.storeId=this.$route.query.storeId,this.brandId&&(this.yearMonth=this.$route.query.yearMonth,this.getTableList())},destroyed:function(){document.documentElement.style.backgroundColor="#fff"},components:{appDetail:s.a,commonDetailTop:n.a,qrcodeDialog:i.a,storeTreeSelect:l.a}},h={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"my-customer-wrap common-set-wrap common-right-wrap"},[a("common-detail-top",{attrs:{topMenuData:t.topMenuData,activeId:t.activeId}}),t._v(" "),a("div",{staticClass:"daily-set-content boder-box"},[a("div",{staticClass:"table-condition flex flex-space-between m-b-23"},[a("div",{staticClass:"table-condition-left"},[a("el-input",{staticClass:"w-264 margin-l-10",attrs:{placeholder:"请输入门店名称/code","prefix-icon":"el-icon-search",clearable:""},on:{change:t.clearInput},nativeOn:{keyup:function(e){return a=e,t.searchStore(a);var a},clear:function(e){return t.clearInput(e)}},model:{value:t.conditionObj.keyword,callback:function(e){t.$set(t.conditionObj,"keyword",e)},expression:"conditionObj.keyword"}}),t._v(" "),a("el-select",{staticClass:"w-131 m-l-10",attrs:{placeholder:"请选择"},on:{change:t.changeSelect},model:{value:t.conditionObj.storeStatus,callback:function(e){t.$set(t.conditionObj,"storeStatus",e)},expression:"conditionObj.storeStatus"}},t._l(t.storeStatusOptions,function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})})),t._v(" "),a("el-select",{staticClass:"w-131 m-l-10",attrs:{placeholder:"请选择"},on:{change:t.changeSelect},model:{value:t.conditionObj.isCompleted,callback:function(e){t.$set(t.conditionObj,"isCompleted",e)},expression:"conditionObj.isCompleted"}},t._l(t.completeStatusOptions,function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})})),t._v(" "),a("store-tree-select",{attrs:{brandId:t.brandId,activeGroupId:t.activeGroupId},on:{checkStoreGroupIds:t.checkStoreGroupIds}})],1),t._v(" "),a("div",{staticClass:"table-condition-right"})]),t._v(" "),a("el-table",{ref:"multipleTable",staticClass:"select-table",style:{width:"100%",minHeight:t.tableH},attrs:{data:t.tableData,"tooltip-effect":"dark"}},[a("el-table-column",{attrs:{label:"门店名称"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{class:["flex flex-pack-center flex-start",e.row.totalStore?"color-303133":""]},[t._v(t._s(e.row.totalStore?"总计:"+e.row.totalStore+"家":e.row.storeName))])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"name",label:"月指标"},scopedSlots:t._u([{key:"default",fn:function(e){return[a("div",{class:[e.row.totalStore?"color-303133":""]},[t._v(t._s(e.row.performance))])]}}])}),t._v(" "),a("el-table-column",{attrs:{prop:"",label:"门店完善状态","show-overflow-tooltip":""},scopedSlots:t._u([{key:"default",fn:function(e){return[e.row.totalStore?a("div",{staticClass:"color-303133"},[t._v(t._s("已完善:"+e.row.totalComplete+"家"))]):a("div",[t._v(t._s(0==e.row.completeStatus?"未完善":"已完善"))])]}}])}),t._v(" "),a("el-table-column",{attrs:{label:"操作"},scopedSlots:t._u([{key:"default",fn:function(e){return[e.row.totalStore?t._e():a("el-button",{attrs:{type:"text",size:"small"},on:{click:function(a){t.toSalerMonth(e.$index,e.row)}}},[t._v("导购月指标详情")])]}}])})],1),t._v(" "),0!=t.tableData.length?a("div",{staticClass:"block common-wrap__page text-right m-t-24"},[a("el-pagination",{attrs:{background:"","current-page":t.currentPage,"page-sizes":[10,20,30,40],"page-size":t.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:t.total},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()],1),t._v(" "),a("qrcode-dialog",{ref:"qrcodePreview",model:{value:t.dialogVisible,callback:function(e){t.dialogVisible=e},expression:"dialogVisible"}})],1)},staticRenderFns:[]};var b=a("VU/8")(p,h,!1,function(t){a("AG+R")},"data-v-290308c0",null);e.default=b.exports}});
\ No newline at end of file \ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],d[t]&&u.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var a={},d={80:0};function f(c){if(a[c])return a[c].exports;var d=a[c]={i:c,l:!1,exports:{}};return e[c].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var c=d[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,f){c=d[e]=[a,f]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"4042f0cca3a33aa5bc4a",1:"0ebe3ead93207dc78a78",2:"979deb10fce5b2fefcdb",3:"c2fd89730cdd6d5b8904",4:"6f7ff3c88bade6ca7940",5:"585fa5e680c961f3e6ea",6:"657b140c98f462652267",7:"d93de7d215976bad93cd",8:"9180c86d724863021ea1",9:"c0ab7f07dafdf33c45a8",10:"bc4f603351d381704d20",11:"2cfce44be1d5002c95f1",12:"3057b871f9a1a8ec3ac9",13:"34bd3d823e73c2a4d360",14:"8719a4be4e72a548434c",15:"44c53617b1c7157b2b3d",16:"8bbab7f0b523d759a78c",17:"1e3d1d8042e00004f1d6",18:"a34bf40766ae29eebd5a",19:"cc7b1ebd6f9ba0b8b16f",20:"81f6c674a6461ef85896",21:"08e506839eb7346cac08",22:"5a40199f94d4ea1b6837",23:"5ed1b5fd3abff19ce342",24:"76b4e7e91dd85e30a622",25:"b1a072a021ca5876e8df",26:"2c0979f3bd7ee7896b97",27:"d06c17faef5f94ce3538",28:"3d946787d17a55b8aec9",29:"70873e3ed623495d6cdf",30:"e16084cc0e35a7c402f8",31:"6ebf6fd2fb1d413dbbe9",32:"084a3fa0e9d86187adab",33:"a61bb39442525ba257fb",34:"4e9d79b9cd4fc8ef64d5",35:"56d42fcc424a3d614be7",36:"ccec8570d9108294281e",37:"8a107dd8fab114f63f59",38:"e7ce6bc40f44c7e5e3c6",39:"0acdd5dc3dca7d21322b",40:"4cde379430417c5ed51e",41:"f6829ce0d6f837cb5431",42:"8d9e44c636ebeddedaa1",43:"3f67cae5a17962aa4c1c",44:"b215a8f8450e1c472eeb",45:"6b43d3a71d3f8b1d4c01",46:"f771ed8fdcfc1d574694",47:"cb78788c573a2fd0eac5",48:"d8dad02eca05ceb569ee",49:"f06fa54e04533a2865b4",50:"10cd83bfcb5b6f2dc5e8",51:"d3ae9e161f9caba33791",52:"e7f8775bdfbfe0f8cd36",53:"8802335b18fef4b4450b",54:"d1b44ac8d91eb92bf746",55:"2404b42cb03b04000076",56:"7946f7a323ee3865eac1",57:"594fe3f9a553b253aa93",58:"9b55c400e1323ea62739",59:"cb4188665202f50664bc",60:"ac35fc0e0d6ee3e19307",61:"20672e39b0a57c81d100",62:"d59bd08c32cc5dde7c1c",63:"81c8a522301e88b8c3f2",64:"d03865cf6990d2be8d2d",65:"d4d5eb36aca1fcd683b6",66:"c3a51089f76c0014e7be",67:"b727dbfef80e9d822a27",68:"353bc3a2bfbee3bdb1f5",69:"e485937fd7f48916297b",70:"2c5289e5e83d3b76ebb6",71:"cc9e47f67bb4137100e4",72:"887d2118dd74ec953978",73:"7751e4d66fee99c15a39",74:"317ccff353170ac7c01f",75:"44714b271d06e1e87012",76:"2aa54224090068b0b0fe",79:"177f5627a2a311e067eb"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=d[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},f.m=e,f.c=a,f.d=function(e,c,a){f.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},f.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(c,"a",c),c},f.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f.p="./",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var a={},f={80:0};function d(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,d){c=f[e]=[a,d]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+e+"."+{0:"d24cf90dd4c1c0245c2d",1:"0ebe3ead93207dc78a78",2:"979deb10fce5b2fefcdb",3:"c2fd89730cdd6d5b8904",4:"6adc57b9de0f6e28fc58",5:"e6ee8a51fc079d4dd7e4",6:"af5f6241c09b00cd7e44",7:"d93de7d215976bad93cd",8:"bb8853a5a6239a7e1349",9:"7dc467d5cfcb4cfb033f",10:"ca0a0bce00cfd45576a1",11:"2cfce44be1d5002c95f1",12:"3057b871f9a1a8ec3ac9",13:"957adbfd1109e139fc5b",14:"f032d6c8896212bcb748",15:"44c53617b1c7157b2b3d",16:"8bbab7f0b523d759a78c",17:"87ee3a67a812a5b66b94",18:"a34bf40766ae29eebd5a",19:"447014cbf9d0946e5d08",20:"81f6c674a6461ef85896",21:"08e506839eb7346cac08",22:"2150ef22e78316fc01e9",23:"5ed1b5fd3abff19ce342",24:"3afd5af7f77cd172e5a5",25:"b1a072a021ca5876e8df",26:"2c0979f3bd7ee7896b97",27:"eda5ac965403e74ecb56",28:"3d946787d17a55b8aec9",29:"70873e3ed623495d6cdf",30:"e16084cc0e35a7c402f8",31:"6ebf6fd2fb1d413dbbe9",32:"084a3fa0e9d86187adab",33:"a61bb39442525ba257fb",34:"4e9d79b9cd4fc8ef64d5",35:"e92890d70e4e179c8c54",36:"835c6cdba64934f6b984",37:"3a8e4513b2736631e478",38:"e7ce6bc40f44c7e5e3c6",39:"364bd39fef277a43bc40",40:"4cde379430417c5ed51e",41:"f6829ce0d6f837cb5431",42:"72ef48e04e1219f52921",43:"815ac802f50b59429628",44:"b7e7933fd686076fd36d",45:"6b43d3a71d3f8b1d4c01",46:"f771ed8fdcfc1d574694",47:"cb78788c573a2fd0eac5",48:"d8dad02eca05ceb569ee",49:"ccdf3a2c924a8fff7746",50:"10cd83bfcb5b6f2dc5e8",51:"d3ae9e161f9caba33791",52:"efcfba66c0ba55aea2cd",53:"8802335b18fef4b4450b",54:"d1b44ac8d91eb92bf746",55:"7220e26fa501cf0cb4c5",56:"7946f7a323ee3865eac1",57:"594fe3f9a553b253aa93",58:"a8fe1cf6054aa9a51012",59:"cb4188665202f50664bc",60:"ac35fc0e0d6ee3e19307",61:"ad6b7b068dc155e8b49a",62:"d59bd08c32cc5dde7c1c",63:"81c8a522301e88b8c3f2",64:"d03865cf6990d2be8d2d",65:"d4d5eb36aca1fcd683b6",66:"6b5fc386ec869d82a1dc",67:"2d8e5c7eef8491a3cdba",68:"353bc3a2bfbee3bdb1f5",69:"4a9e0ba2d56b488eafd6",70:"2c5289e5e83d3b76ebb6",71:"cc9e47f67bb4137100e4",72:"d5385c3f56b062ef4c6d",73:"7751e4d66fee99c15a39",74:"317ccff353170ac7c01f",75:"44714b271d06e1e87012",76:"a5579ccbf888ce6fbbe9",79:"177f5627a2a311e067eb"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},d.m=e,d.c=a,d.d=function(e,c,a){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},d.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(c,"a",c),c},d.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
...@@ -6,11 +6,11 @@ import { Message } from 'element-ui'; ...@@ -6,11 +6,11 @@ import { Message } from 'element-ui';
/** /**
* 获取好办 企业 id * 获取好办 企业 id
*/ */
if (!!localStorage.getItem('userInfo')) { /* if (!!localStorage.getItem('userInfo')) {
let haobanSign = JSON.parse(localStorage.getItem('userInfo')).enterpriseId; let haobanSign = JSON.parse(localStorage.getItem('userInfo')).enterpriseId;
Vue.axios.defaults.headers.post['haobansign'] = haobanSign; Vue.axios.defaults.headers.post['haobansign'] = haobanSign;
Vue.axios.defaults.headers.get['haobansign'] = haobanSign; Vue.axios.defaults.headers.get['haobansign'] = haobanSign;
} } */
Vue.axios.defaults.timeout = 15000; Vue.axios.defaults.timeout = 15000;
let local = window.location.origin; let local = window.location.origin;
......
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</template> </template>
<script> <script>
import vueSelectEmployee from '@/components/common/vueSelectEmployee.vue'; import vueSelectEmployee from '@/components/common/vueSelectEmployee.vue';
import vueSelectStore from 'components/common/vueSelectStore'; import vueSelectStore from 'components/common/vueSelectStore.vue';
import { postRequest } from '@/api/api'; import { postRequest } from '@/api/api';
import showMsg from '@/common/js/showmsg'; import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error'; import errMsg from '@/common/js/error';
......
<template>
<el-dialog :title="treeSet.isSelectPerson ? '选择人员' : '选择部门'" width="660px" :visible.sync="treeSet.dialogVisible">
<div class="transfer-area">
<div class="select-area t-a-select">
<p class="title">选择</p>
<div class="tree-div">
<div class="input-container">
<el-input v-model="searchText" placeholder="请输入内容"></el-input>
</div>
<div class="select-div" style="width: 100%;">
<el-select v-model="brandSelection" :disabled="(!!currentBrand ? true : false) || (treeSet.storeType == 'addClerk' ? true : false)" placeholder="请选择品牌" @change="selectBrand" style="width: 100%;margin-top:20px;">
<el-option v-for="(item, index) in brands" :key="item.id" :label="item.label" :value="index">
{{ item.label }}
</el-option>
</el-select>
</div>
<!-- :default-expanded-keys="defaultOpen" -->
<el-tree class="search-menu" node-key="id" ref="tree" :check-strictly="true" :data="menuData" show-checkbox :highlight-current="true" :expand-on-click-node="false" icon-class="open-child" :props="myProps" :filter-node-method="filterNode" @check-change="getCurrentNode" @node-expand="nodeOpen" @node-collapse="nodeClose" @node-click="handleNodeClick">
<span class="custom-tree-node" :class="data.disableOpen ? 'disable-open' : ''" slot-scope="{ node, data }">
<span :datap="data.childrens">{{ data.label }}</span>
<span class="open-btn" v-if="!!data.childrens">
<!-- && !!data.childrens[0].groupId" && !!data.childrens.length-->
<el-button @click="nodeOpen(data, node)" :disabled="data.disableOpen" type="text" size="small">下级</el-button>
</span>
</span>
</el-tree>
</div>
</div>
<div class="selected-area t-a-select">
<p class="title">
已选
<a class="J_del-all" @click="delSelected('empty')">全部清除</a>
</p>
<div class="tree-div">
<ul class="selected-list">
<template v-if="selectedList.length > 0">
<li v-for="li in selectedList" class="list group-li" :class="li.groupId ? 'group-li' : 'person-li'" :key="li.id + li.label">
<div class="label"><i class="iconfont" :class="li.groupId ? 'icon-tongshi-zuzhijiagou' : 'icon-chengyuan'"></i>{{ li.label }}</div>
<div class="close-btn" @click="delSelected(li)">
<i class="el-icon-close"></i>
</div>
</li>
</template>
</ul>
</div>
</div>
</div>
<div class="btn-box t-rt p-b-10">
<el-button @click="treeSet.dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitSelected">确定</el-button>
</div>
</el-dialog>
</template>
<script>
import { getRequest } from '@/api/api';
export default {
name: 'vue-select-employee',
props: {
treeSet: {
type: Object,
default() {
return {
isSelectPerson: true,
dialogVisible: false,
isSingle: false // 是否单选
};
}
},
currentBrand: {
// 当前传入的品牌 id
type: String,
default() {
return '';
}
},
selectType: {
type: String,
default: 'all' // all 所有都可选, person 只选人, store 只选门店, group 只选分组, group-store 选门店/分组
},
forbidenList: {
// 传入需要禁用的分组的id
type: Array,
default() {
return [];
}
},
visibleNodes: {
type: [Array, String], // 设置仅可见的节点,如果不传则默认展示所有
default() {
return '';
}
},
defaultList: {
// 回显数据
type: Array,
default() {
return [];
}
},
appScene: {
// 使用场景
type: [String, Number],
default: ''
}
},
data() {
return {
searchText: '',
myProps: {
children: 'childrens',
label: 'label',
disabled: 'disabled'
},
menuData: [],
menusObj: {},
defaultOpen: [], // 默认展开节点的 key 的数组
selectedList: [],
brandSelection: 0, // 看了代码发现这里是取的索引值,不是品牌 id
brands: [],
hasOpened: false,
firstRender: true, // 判断是否是第一次渲染数据,用于切换品牌时判断
renderFlag: true, // 应用判断渲染
storeList: []
};
},
methods: {
/**
* 获取分组架构
*/
getGroupData() {
let that = this;
let params = {
isStoreGroup: 1,
appScene: that.appScene
};
getRequest('/haoban-manage-web/dept/deptList', params)
.then(res => {
let treeData = [];
if (res.data.errorCode == 1) {
treeData = res.data.result || [];
that.formatGroupData(treeData);
}
})
.catch(e => {});
},
/**
* 处理获取分组数据
*/
formatGroupData(data) {
let that = this;
let selType = that.selectType; // 传入:选择门店的类型(all 所有都可选, person 只选人,store 只选门店, group 只选分组, group-store 选门店/分组)
let fbdList = that.forbidenList; // 传入: 需要禁用的分组的 id
that.menusObj = {};
data.forEach(group => {
group.label = group.name || ''; // 新增
group.id = group.groupId || ''; // 新增
group.disableOpen = false; // 新增
let isForbiden = !!(fbdList.indexOf(group.id) > -1); // 判断当前分组是否在禁用分组列表内
group.disabled = group.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden; // 新增
let arr = [];
data.forEach(child => {
child.disableOpen = false;
child.disabled = child.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden;
if (child.parentId == group.groupId) {
arr.push(child);
}
});
// 把简单 json 数组转换成 父子关系的 json
if (arr.length > 0) {
group.childrens = arr;
} else if (group.level != 0 && that.selectType != 'group') {
group.childrens = [{ label: '' }]; // 默认有子级 { label: '' }
group.isLast = true;
}
if (group.level == 0) {
// 禁用分组
group.disabled = (group.childrens && group.childrens.length > 0) || (group.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden);
// console.log(group.disabled, group.childrens && group.childrens.length > 0, group.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden);
group.hasLoad = true;
that.brands.push(group);
if (group.childrens) {
that.defaultOpen.push(group.id);
}
}
that.menusObj[group.id] = group;
});
let brandSelectionId = that.treeSet.groupId ? that.treeSet.groupId : that.brands[0].id;
that.brands.forEach((el, idx) => {
if (el.id == brandSelectionId) {
that.brandSelection = idx;
}
});
that.menuData = [that.brands[that.brandSelection]]; // 设置树形结构数据
if (selType != 'group') {
// && that.treeSet.storeType != 'addClerk'
this.getStoreList(that.menuData[0]);
}
},
/**
* 树形菜单选择
*/
handleNodeClick(obj, node) {
this.$emit('handleTreeSelection', obj, node, 'node');
},
/**
* 获取当前复选框状态改变的节点,如果被选中,将禁用展开
*/
getCurrentNode(data, ifChecked, son) {
let that = this;
data.disableOpen = ifChecked;
that.$nextTick(() => {
that.selectedList = that.$refs.tree.getCheckedNodes();
if (that.treeSet.isSingle && that.selectedList.length > 1) {
let index = that.selectedList.indexOf(data);
that.selectedList.splice(1 - index, 1);
that.$refs.tree.setCheckedNodes(that.selectedList);
}
});
},
/**
* 节点展开时,禁用复选框
*/
nodeOpen(data, node) {
if (data.level == 0) {
data.disabled = true;
}
if (data.childrens[0].label == '') {
data.childrens = [];
}
// data.disabled = true;
// console.log(data, !data.hasLoad, this.selectType != 'group', this.treeSet.storeType, this.treeSet.openNextBool);
// openNextBool 没有设置 , 并且当前选择不是选分组, 并且不是添加店员
if (!data.hasLoad && this.selectType != 'group' && this.treeSet.storeType != 'addClerk' && !this.treeSet.openNextBool) {
this.getStoreList(data, 'openFlag');
data.hasLoad = true; // 标记为已经请求过子分组数据,下次展开不再请求
}
// openNextBool 已经设置 , 并且当前选择不是选分组, 并且不是添加店员
if (!data.hasLoad && this.selectType != 'group' && this.treeSet.storeType != 'addClerk' && this.treeSet.openNextBool) {
this.getStoreList(data, 'openFlag');
data.hasLoad = true; // 标记为已经请求过子分组数据,下次展开不再请求
}
if (this.treeSet.storeType == 'addClerk' && !data.hasLoad) {
this.getStoreList(data, 'openFlag');
data.hasLoad = true; // 标记为已经请求过子分组数据,下次展开不再请求
}
},
/**
* 获取门店列表
*/
getStoreList(parent, flag) {
let that = this;
let params = {
storeGroupId: parent.groupId,
showChild: 0,
pageNumber: 1,
pageSize: 1000000000, // 因为获取门店列表做了分页,所以取了一个极限值
showType: 2
};
getRequest('/haoban-manage-web/store/findSimplePage', params)
.then(res => {
let storeList = [];
if (res.data.errorCode == 1) {
if (parent.level != 0) {
parent.disabled = !!res.data.result.list && !!flag ? true : false;
}
that.$forceUpdate();
storeList = res.data.result.list == null ? [] : res.data.result.list;
that.storeList = res.data.result.list == null ? [] : res.data.result.list;
if (!res.data.result.list || !res.data.result.list.length) {
return false;
}
that.formatStoreList(storeList, parent);
if (that.$refs.tree) {
that.renderDefault();
}
that.renderFlag = false; // 应用中使用:设置默认参数,默认情况传入品牌的 groupId ,不再去请求门店数据,切换的时候再去请求
}
})
.catch(e => {});
},
/**
* 处理获取门店列表的数据
*/
formatStoreList(list, parent) {
let that = this;
let type = this.selectType;
list.forEach(li => {
li.id = li.storeId;
li.label = li.storeName;
li.hasLoad = true;
li.disabled = !!(type == 'person');
if (li.clerks.length && (type == 'all' || type == 'person')) {
li.clerks.forEach(clerks => {
clerks.label = clerks.name;
clerks.id = clerks.employeeClerkId;
});
li.childrens = li.clerks;
}
});
that.appendStore(list, parent);
},
// 追加当前门店
appendStore(list, parent) {
let that = this;
if (parent.isLast) {
// 应该是判断是不是最后一层
parent.childrens = list;
} else {
// 现在问题是每次都追加数据了
let arr = !!parent.childrens ? parent.childrens : [];
arr = arr.concat(list);
let hash = {};
// 去重数组对象
arr = arr.reduce(function(item, next) {
hash[next.id] ? '' : (hash[next.id] = true && item.push(next));
return item;
}, []);
parent.childrens = JSON.parse(JSON.stringify(arr));
// parent.isLast = true; // 追加后重新设置isLast
that.$forceUpdate();
}
if (parent.childrens.length > 0 && this.firstRender) {
this.firstRender = false;
this.defaultOpen.push(parent.id);
}
that.$forceUpdate();
that.$nextTick(() => {
// that.menuData = JSON.parse(JSON.stringify(that.menuData));
}); // this.renderDefault();
that.$forceUpdate();
},
/**
* 节点关闭时,取消复选框的禁用
*/
nodeClose(data, node, self) {
let selType = this.selectType;
if (data.storeId) {
data.disabled = selType == 'person';
} else {
let fbdList = this.forbidenList;
let isForbiden = fbdList.indexOf(data.id) > -1;
data.disabled = data.hasPression != 1 || isForbiden || selType == 'store' || selType == 'person';
}
},
/**
* 关键词搜索
*/
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1 || (data.phoneNumber || '').indexOf(value) !== -1;
},
/**
* 删除已选项
*/
delSelected(obj) {
let that = this;
if (obj == 'empty') {
for (let index = 0; index < that.selectedList.length; index++) {
that.selectedList.splice(index, 1);
index--;
}
this.$refs.tree.setCheckedNodes(that.selectedList);
} else {
let index = this.selectedList.indexOf(obj);
this.selectedList.splice(index, 1);
this.$refs.tree.setCheckedNodes(this.selectedList);
}
},
/**
* 外抛已选的数据
*/
submitSelected() {
this.$emit('handleSelectedList', this.selectedList);
this.treeSet.dialogVisible = false;
},
/**
* 选择品牌
*/
selectBrand(val) {
this.menuData = [this.brands[val]]; // 默认品牌数据为分组第一层数据
this.brands[val].hasLoad = true;
this.firstRender = true;
if (this.selectType != 'group') {
// 如果选择的不是 group (即:只选分组)
this.getStoreList(this.menuData[0]);
}
this.renderDefault();
},
/**
* 渲染回显数据
*/
renderDefault() {
let that = this;
that.$nextTick(() => {
let list = that.defaultList;
that.selectedList = list;
if (!!list.length) {
that.$refs.tree.setCheckedNodes(list);
}
list.forEach(item => {
if (item.employeeClerkId) {
that.defaultOpen = [item.storeId];
} else if (!item.storeId && !item.employeeClerkId) {
that.defaultOpen.push(that.menusObj[item.id].parentId);
}
});
});
}
},
beforeMount() {
this.getGroupData();
},
/* eslint-disable */
mounted() {
// this.renderDefault();
// 为了切换路由后可以重新选择品牌
let that = this;
if (!!that.currentBrand) {
setTimeout(() => {
that.brands.forEach((ele,index) => {
if(ele.id == that.currentBrand) { // 目前有些问题,brands 中只有groupId ,没有 brandId
that.brandSelection = index; // 之前 that.brandSelection 都是取得索引值,不是 id 值
}
})
that.selectBrand(that.brandSelection);
}, 500);
}
},
watch: {
searchText(newK, old) {
this.$refs.tree.filter(newK);
},
defaultList: {
handler(newValue, oldValue) {
if (!!this.$refs.tree) {
this.renderDefault();
}
},
deep: true
},
treeSet: {
handler(newValue, oldValue) {
if (newValue.dialogVisible && !this.hasOpened) {
this.hasOpened = true;
this.renderDefault();
}
},
deep: true
},
// 应用中使用到,需要禁止选择品牌,品牌的 brandId 外部传进来的需要是 groupId,然后对比当前组件内的 groupId;
currentBrand: function(newData, oldData) {
let that = this;
if (!!newData) {
that.brands.forEach((ele,index) => {
if(ele.id == newData) { // 目前有些问题,brands 中只有groupId ,没有 brandId
that.brandSelection = index; // 之前 that.brandSelection 都是取得索引值,不是 id 值
}
})
that.$nextTick(function () {
that.selectBrand(that.brandSelection);
})
}
}
},
destroyed() {
this.brandSelection = '';
},
};
</script>
<style lang="scss">
.p-b-10 {
padding-bottom: 10px;
}
.transfer-area {
display: flex;
margin-bottom: 40px;
.t-a-select {
width: 300px;
height: 415px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(220, 223, 230, 1);
border-radius: 4px;
overflow: hidden;
&:first-child {
margin-right: 20px;
}
> .title {
width: 100%;
height: 42px;
line-height: 42px;
background: rgba(245, 247, 250, 1);
border-bottom: 1px solid rgba(220, 223, 230, 1);
border-radius: 4px;
text-indent: 15px;
color: #303133;
font-size: 16px;
.J_del-all {
font-size: 14px;
color: #409eff;
float: right;
cursor: pointer;
margin-right: 15px;
}
}
.tree-div {
width: 100%;
height: 373px;
overflow: auto;
padding: 15px;
box-sizing: border-box;
.search-menu {
margin-top: 20px;
color: #606266;
font-size: 14px;
min-width: 100%;
display: inline-block !important;
.el-tree-node {
.el-tree-node__content {
height: 36px;
position: relative;
.open-child {
position: absolute;
right: 0;
top: 0;
width: 36px;
height: 36px;
padding: 0;
box-sizing: border-box;
}
.custom-tree-node {
flex: 1;
height: 100%;
line-height: 36px;
.open-btn {
width: 50px;
height: 14px;
color: #409eff;
float: right;
text-align: right;
border-left: 1px solid #dcdfe6;
margin-top: 11px;
line-height: 14px;
}
&.disable-open {
z-index: 999;
}
}
&:hover {
background: none;
}
}
}
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
background: none;
}
}
.selected-list {
.list {
padding: 12px 0;
display: flex;
.label {
flex: 1;
.iconfont {
color: #409eff;
margin-right: 5px;
}
}
.close-btn {
width: 16px;
height: 16px;
line-height: 18px;
text-align: center;
cursor: pointer;
border-radius: 100%;
font-size: 8px;
vertical-align: middle;
&:hover {
color: #fff;
background: #909399;
}
}
}
}
}
}
</style>
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<span :datap="data.childrens">{{ data.label }}</span> <span :datap="data.childrens">{{ data.label }}</span>
<span class="open-btn" v-if="!!data.childrens"> <span class="open-btn" v-if="!!data.childrens">
<!-- && !!data.childrens[0].groupId" && !!data.childrens.length--> <!-- && !!data.childrens[0].groupId" && !!data.childrens.length-->
<el-button @click="nodeOpen(data, node)" :disabled="data.disableOpen" type="text" size="small">下级</el-button> <el-button :datatype="data.disableOpen" @click="nodeOpen(data, node)" :disabled="data.disableOpen" type="text" size="small">下级</el-button>
</span> </span>
</span> </span>
</el-tree> </el-tree>
...@@ -53,6 +53,7 @@ ...@@ -53,6 +53,7 @@
</template> </template>
<script> <script>
import { getRequest } from '@/api/api'; import { getRequest } from '@/api/api';
import { _throttle } from '@/common/js/public';
export default { export default {
name: 'vue-select-employee', name: 'vue-select-employee',
props: { props: {
...@@ -114,7 +115,7 @@ export default { ...@@ -114,7 +115,7 @@ export default {
menuData: [], menuData: [],
menusObj: {}, menusObj: {},
defaultOpen: [], // 默认展开节点的 key 的数组 defaultOpen: [], // 默认展开节点的 key 的数组
selectedList: [], selectedList: [], // 已经选择的数据集合
brandSelection: 0, // 看了代码发现这里是取的索引值,不是品牌 id brandSelection: 0, // 看了代码发现这里是取的索引值,不是品牌 id
brands: [], brands: [],
hasOpened: false, hasOpened: false,
...@@ -206,7 +207,8 @@ export default { ...@@ -206,7 +207,8 @@ export default {
/** /**
* 获取当前复选框状态改变的节点,如果被选中,将禁用展开 * 获取当前复选框状态改变的节点,如果被选中,将禁用展开
*/ */
getCurrentNode(data, ifChecked, son) { getCurrentNode: _throttle(function(data, ifChecked, son) {
// console.log('复选框状态变化:', data, ifChecked, son); // 之前会重复触发,原来是每次变化触发了监听 defaultList 方法
let that = this; let that = this;
data.disableOpen = ifChecked; data.disableOpen = ifChecked;
that.$nextTick(() => { that.$nextTick(() => {
...@@ -217,19 +219,25 @@ export default { ...@@ -217,19 +219,25 @@ export default {
that.$refs.tree.setCheckedNodes(that.selectedList); that.$refs.tree.setCheckedNodes(that.selectedList);
} }
}); });
}, }, 100),
/** /**
* 节点展开时,禁用复选框 * 节点展开时,禁用复选框
*/ */
nodeOpen(data, node) { nodeOpen(data, node) {
// 如果是第一级(顶级分组即品牌)展开下级,禁用复选框
if (data.level == 0) { if (data.level == 0) {
data.disabled = true; data.disabled = true;
} }
// 如果不是第一级不是门店,展开下级,禁用复选框
if (data.level != 0 && data.type != 1) {
data.disabled = true;
}
// 如果是首次追加的空数据,先把 childrens 清空;
if (data.childrens[0].label == '') { if (data.childrens[0].label == '') {
data.childrens = []; data.childrens = [];
} }
// data.disabled = true; // data.disabled = true;
// console.log(data, !data.hasLoad, this.selectType != 'group', this.treeSet.storeType, this.treeSet.openNextBool); // console.log('节点展开时,禁用复选框:', data, !data.hasLoad, this.selectType != 'group', this.treeSet.storeType, this.treeSet.openNextBool);
// openNextBool 没有设置 , 并且当前选择不是选分组, 并且不是添加店员 // openNextBool 没有设置 , 并且当前选择不是选分组, 并且不是添加店员
if (!data.hasLoad && this.selectType != 'group' && this.treeSet.storeType != 'addClerk' && !this.treeSet.openNextBool) { if (!data.hasLoad && this.selectType != 'group' && this.treeSet.storeType != 'addClerk' && !this.treeSet.openNextBool) {
this.getStoreList(data, 'openFlag'); this.getStoreList(data, 'openFlag');
...@@ -326,10 +334,9 @@ export default { ...@@ -326,10 +334,9 @@ export default {
this.defaultOpen.push(parent.id); this.defaultOpen.push(parent.id);
} }
that.$forceUpdate(); that.$forceUpdate();
that.$nextTick(() => { //that.$nextTick(() => {
// that.menuData = JSON.parse(JSON.stringify(that.menuData)); // that.menuData = JSON.parse(JSON.stringify(that.menuData));
}); // this.renderDefault(); //}); // this.renderDefault();
that.$forceUpdate();
}, },
/** /**
* 节点关闭时,取消复选框的禁用 * 节点关闭时,取消复选框的禁用
...@@ -394,8 +401,7 @@ export default { ...@@ -394,8 +401,7 @@ export default {
renderDefault() { renderDefault() {
let that = this; let that = this;
that.$nextTick(() => { that.$nextTick(() => {
let list = that.defaultList; let list = that.selectedList;
that.selectedList = list;
if (!!list.length) { if (!!list.length) {
that.$refs.tree.setCheckedNodes(list); that.$refs.tree.setCheckedNodes(list);
} }
...@@ -403,7 +409,9 @@ export default { ...@@ -403,7 +409,9 @@ export default {
if (item.employeeClerkId) { if (item.employeeClerkId) {
that.defaultOpen = [item.storeId]; that.defaultOpen = [item.storeId];
} else if (!item.storeId && !item.employeeClerkId) { } else if (!item.storeId && !item.employeeClerkId) {
that.defaultOpen.push(that.menusObj[item.id].parentId); if (!!that.menusObj[item.id]) {
that.defaultOpen.push(that.menusObj[item.id].parentId);
}
} }
}); });
}); });
...@@ -434,11 +442,16 @@ export default { ...@@ -434,11 +442,16 @@ export default {
}, },
defaultList: { defaultList: {
handler(newValue, oldValue) { handler(newValue, oldValue) {
if (!!this.$refs.tree) { // 每次选择确认后,发现后端接口返回的数据和,这时候确认后返回的数据是不一样的;
this.renderDefault(); // console.log("defaultList 变化了:",newValue,oldValue); // 发现每次复选框状态变了这里也触发了,所以修改
let that = this;
if (!!newValue.length) {
that.selectedList = JSON.parse(JSON.stringify(newValue));
} }
}, if (!!that.$refs.tree) {
deep: true that.renderDefault();
}
}
}, },
treeSet: { treeSet: {
handler(newValue, oldValue) { handler(newValue, oldValue) {
......
<template>
<el-dialog :title="treeSet.isSelectPerson ? '选择人员' : '选择部门'" width="660px" :visible.sync="treeSet.dialogVisible">
<div class="transfer-area">
<div class="select-area t-a-select">
<p class="title">选择</p>
<div class="tree-div">
<div class="input-container">
<el-input v-model="searchText" placeholder="请输入内容"></el-input>
</div>
<div class="select-div" style="width: 100%;">
<el-select v-model="brandSelection" :disabled="(!!currentBrand ? true : false) || (treeSet.storeType == 'addClerk' ? true : false)" placeholder="请选择品牌" @change="selectBrand" style="width: 100%;margin-top:20px;">
<el-option v-for="(item, index) in brands" :key="item.id" :label="item.label" :value="index">
{{ item.label }}
</el-option>
</el-select>
</div>
<!-- :default-expanded-keys="defaultOpen" -->
<el-tree class="search-menu" node-key="id" ref="tree" :check-strictly="true" :data="menuData" show-checkbox :highlight-current="true" :expand-on-click-node="false" icon-class="open-child" :props="myProps" :filter-node-method="filterNode" @check-change="getCurrentNode" @node-expand="nodeOpen" @node-collapse="nodeClose" @node-click="handleNodeClick">
<span class="custom-tree-node" :class="data.disableOpen ? 'disable-open' : ''" slot-scope="{ node, data }">
<span :datap="data.childrens">{{ data.label }}</span>
<span class="open-btn" v-if="!!data.childrens">
<!-- && !!data.childrens[0].groupId" && !!data.childrens.length-->
<el-button :datatype="data.disableOpen" @click="nodeOpen(data, node)" :disabled="data.disableOpen" type="text" size="small">下级</el-button>
</span>
</span>
</el-tree>
</div>
</div>
<div class="selected-area t-a-select">
<p class="title">
已选
<a class="J_del-all" @click="delSelected('empty')">全部清除</a>
</p>
<div class="tree-div">
<ul class="selected-list">
<template v-if="selectedList.length > 0">
<li v-for="li in selectedList" class="list group-li" :class="li.groupId ? 'group-li' : 'person-li'" :key="li.id + li.label">
<div class="label"><i class="iconfont" :class="li.groupId ? 'icon-tongshi-zuzhijiagou' : 'icon-chengyuan'"></i>{{ li.label }}</div>
<div class="close-btn" @click="delSelected(li)">
<i class="el-icon-close"></i>
</div>
</li>
</template>
</ul>
</div>
</div>
</div>
<div class="btn-box t-rt p-b-10">
<el-button @click="treeSet.dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitSelected">确定</el-button>
</div>
</el-dialog>
</template>
<script>
import { getRequest } from '@/api/api';
import { _throttle } from '@/common/js/public';
export default {
name: 'vue-select-employee',
props: {
treeSet: {
type: Object,
default() {
return {
isSelectPerson: true,
dialogVisible: false,
isSingle: false // 是否单选
};
}
},
currentBrand: {
// 当前传入的品牌 id
type: String,
default() {
return '';
}
},
selectType: {
type: String,
default: 'all' // all 所有都可选, person 只选人, store 只选门店, group 只选分组, group-store 选门店/分组
},
forbidenList: {
// 传入需要禁用的分组的id
type: Array,
default() {
return [];
}
},
visibleNodes: {
type: [Array, String], // 设置仅可见的节点,如果不传则默认展示所有
default() {
return '';
}
},
defaultList: {
// 回显数据
type: Array,
default() {
return [];
}
},
appScene: {
// 使用场景
type: [String, Number],
default: ''
}
},
data() {
return {
searchText: '',
myProps: {
children: 'childrens',
label: 'label',
disabled: 'disabled'
},
menuData: [],
menusObj: {},
defaultOpen: [], // 默认展开节点的 key 的数组
selectedList: [], // 已经选择的数据集合
brandSelection: 0, // 看了代码发现这里是取的索引值,不是品牌 id
brands: [],
hasOpened: false,
firstRender: true, // 判断是否是第一次渲染数据,用于切换品牌时判断
renderFlag: true, // 应用判断渲染
storeList: []
};
},
methods: {
/**
* 获取分组架构
*/
getGroupData() {
let that = this;
let params = {
isStoreGroup: 1,
appScene: that.appScene
};
getRequest('/haoban-manage-web/dept/deptList', params)
.then(res => {
let treeData = [];
if (res.data.errorCode == 1) {
treeData = res.data.result || [];
that.formatGroupData(treeData);
}
})
.catch(e => {});
},
/**
* 处理获取分组数据
*/
formatGroupData(data) {
let that = this;
let selType = that.selectType; // 传入:选择门店的类型(all 所有都可选, person 只选人,store 只选门店, group 只选分组, group-store 选门店/分组)
let fbdList = that.forbidenList; // 传入: 需要禁用的分组的 id
that.menusObj = {};
data.forEach(group => {
group.label = group.name || ''; // 新增
group.id = group.groupId || ''; // 新增
group.disableOpen = false; // 新增
let isForbiden = !!(fbdList.indexOf(group.id) > -1); // 判断当前分组是否在禁用分组列表内
group.disabled = group.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden; // 新增
let arr = [];
data.forEach(child => {
child.disableOpen = false;
child.disabled = child.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden;
if (child.parentId == group.groupId) {
arr.push(child);
}
});
// 把简单 json 数组转换成 父子关系的 json
if (arr.length > 0) {
group.childrens = arr;
} else if (group.level != 0 && that.selectType != 'group') {
group.childrens = [{ label: '' }]; // 默认有子级 { label: '' }
group.isLast = true;
}
if (group.level == 0) {
// 禁用分组
group.disabled = (group.childrens && group.childrens.length > 0) || (group.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden);
// console.log(group.disabled, group.childrens && group.childrens.length > 0, group.hasPression != 1 || selType == 'person' || selType == 'store' || isForbiden);
group.hasLoad = true;
that.brands.push(group);
if (group.childrens) {
that.defaultOpen.push(group.id);
}
}
that.menusObj[group.id] = group;
});
let brandSelectionId = that.treeSet.groupId ? that.treeSet.groupId : that.brands[0].id;
that.brands.forEach((el, idx) => {
if (el.id == brandSelectionId) {
that.brandSelection = idx;
}
});
that.menuData = [that.brands[that.brandSelection]]; // 设置树形结构数据
if (selType != 'group') {
// && that.treeSet.storeType != 'addClerk'
this.getStoreList(that.menuData[0]);
}
},
/**
* 树形菜单选择
*/
handleNodeClick(obj, node) {
this.$emit('handleTreeSelection', obj, node, 'node');
},
/**
* 获取当前复选框状态改变的节点,如果被选中,将禁用展开
*/
getCurrentNode: _throttle(function(data, ifChecked, son) {
// console.log('复选框状态变化:', data, ifChecked, son); // 之前会重复触发,原来是每次变化触发了监听 defaultList 方法
let that = this;
data.disableOpen = ifChecked;
that.$nextTick(() => {
that.selectedList = that.$refs.tree.getCheckedNodes();
if (that.treeSet.isSingle && that.selectedList.length > 1) {
let index = that.selectedList.indexOf(data);
that.selectedList.splice(1 - index, 1);
that.$refs.tree.setCheckedNodes(that.selectedList);
}
});
}, 100),
/**
* 节点展开时,禁用复选框
*/
nodeOpen(data, node) {
// 如果是第一级(顶级分组即品牌)展开下级,禁用复选框
if (data.level == 0) {
data.disabled = true;
}
// 如果不是第一级不是门店,展开下级,禁用复选框
if (data.level != 0 && data.type != 1) {
data.disabled = true;
}
// 如果是首次追加的空数据,先把 childrens 清空;
if (data.childrens[0].label == '') {
data.childrens = [];
}
// data.disabled = true;
// console.log('节点展开时,禁用复选框:', data, !data.hasLoad, this.selectType != 'group', this.treeSet.storeType, this.treeSet.openNextBool);
// openNextBool 没有设置 , 并且当前选择不是选分组, 并且不是添加店员
if (!data.hasLoad && this.selectType != 'group' && this.treeSet.storeType != 'addClerk' && !this.treeSet.openNextBool) {
this.getStoreList(data, 'openFlag');
data.hasLoad = true; // 标记为已经请求过子分组数据,下次展开不再请求
}
// openNextBool 已经设置 , 并且当前选择不是选分组, 并且不是添加店员
if (!data.hasLoad && this.selectType != 'group' && this.treeSet.storeType != 'addClerk' && this.treeSet.openNextBool) {
this.getStoreList(data, 'openFlag');
data.hasLoad = true; // 标记为已经请求过子分组数据,下次展开不再请求
}
if (this.treeSet.storeType == 'addClerk' && !data.hasLoad) {
this.getStoreList(data, 'openFlag');
data.hasLoad = true; // 标记为已经请求过子分组数据,下次展开不再请求
}
},
/**
* 获取门店列表
*/
getStoreList(parent, flag) {
let that = this;
let params = {
storeGroupId: parent.groupId,
showChild: 0,
pageNumber: 1,
pageSize: 1000000000, // 因为获取门店列表做了分页,所以取了一个极限值
showType: 2
};
getRequest('/haoban-manage-web/store/findSimplePage', params)
.then(res => {
let storeList = [];
if (res.data.errorCode == 1) {
if (parent.level != 0) {
parent.disabled = !!res.data.result.list && !!flag ? true : false;
}
that.$forceUpdate();
storeList = res.data.result.list == null ? [] : res.data.result.list;
that.storeList = res.data.result.list == null ? [] : res.data.result.list;
if (!res.data.result.list || !res.data.result.list.length) {
return false;
}
that.formatStoreList(storeList, parent);
if (that.$refs.tree) {
that.renderDefault();
}
that.renderFlag = false; // 应用中使用:设置默认参数,默认情况传入品牌的 groupId ,不再去请求门店数据,切换的时候再去请求
}
})
.catch(e => {});
},
/**
* 处理获取门店列表的数据
*/
formatStoreList(list, parent) {
let that = this;
let type = this.selectType;
list.forEach(li => {
li.id = li.storeId;
li.label = li.storeName;
li.hasLoad = true;
li.disabled = !!(type == 'person');
if (li.clerks.length && (type == 'all' || type == 'person')) {
li.clerks.forEach(clerks => {
clerks.label = clerks.name;
clerks.id = clerks.employeeClerkId;
});
li.childrens = li.clerks;
}
});
that.appendStore(list, parent);
},
// 追加当前门店
appendStore(list, parent) {
let that = this;
if (parent.isLast) {
// 应该是判断是不是最后一层
parent.childrens = list;
} else {
// 现在问题是每次都追加数据了
let arr = !!parent.childrens ? parent.childrens : [];
arr = arr.concat(list);
let hash = {};
// 去重数组对象
arr = arr.reduce(function(item, next) {
hash[next.id] ? '' : (hash[next.id] = true && item.push(next));
return item;
}, []);
parent.childrens = JSON.parse(JSON.stringify(arr));
// parent.isLast = true; // 追加后重新设置isLast
that.$forceUpdate();
}
if (parent.childrens.length > 0 && this.firstRender) {
this.firstRender = false;
this.defaultOpen.push(parent.id);
}
that.$forceUpdate();
//that.$nextTick(() => {
// that.menuData = JSON.parse(JSON.stringify(that.menuData));
//}); // this.renderDefault();
},
/**
* 节点关闭时,取消复选框的禁用
*/
nodeClose(data, node, self) {
let selType = this.selectType;
if (data.storeId) {
data.disabled = selType == 'person';
} else {
let fbdList = this.forbidenList;
let isForbiden = fbdList.indexOf(data.id) > -1;
data.disabled = data.hasPression != 1 || isForbiden || selType == 'store' || selType == 'person';
}
},
/**
* 关键词搜索
*/
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1 || (data.phoneNumber || '').indexOf(value) !== -1;
},
/**
* 删除已选项
*/
delSelected(obj) {
let that = this;
if (obj == 'empty') {
for (let index = 0; index < that.selectedList.length; index++) {
that.selectedList.splice(index, 1);
index--;
}
this.$refs.tree.setCheckedNodes(that.selectedList);
} else {
let index = this.selectedList.indexOf(obj);
this.selectedList.splice(index, 1);
this.$refs.tree.setCheckedNodes(this.selectedList);
}
},
/**
* 外抛已选的数据
*/
submitSelected() {
this.$emit('handleSelectedList', this.selectedList);
this.treeSet.dialogVisible = false;
},
/**
* 选择品牌
*/
selectBrand(val) {
this.menuData = [this.brands[val]]; // 默认品牌数据为分组第一层数据
this.brands[val].hasLoad = true;
this.firstRender = true;
if (this.selectType != 'group') {
// 如果选择的不是 group (即:只选分组)
this.getStoreList(this.menuData[0]);
}
this.renderDefault();
},
/**
* 渲染回显数据
*/
renderDefault() {
let that = this;
that.$nextTick(() => {
let list = that.selectedList;
if (!!list.length) {
that.$refs.tree.setCheckedNodes(list);
}
list.forEach(item => {
if (item.employeeClerkId) {
that.defaultOpen = [item.storeId];
} else if (!item.storeId && !item.employeeClerkId) {
if (!!that.menusObj[item.id]) {
that.defaultOpen.push(that.menusObj[item.id].parentId);
}
}
});
});
}
},
beforeMount() {
this.getGroupData();
},
/* eslint-disable */
mounted() {
// this.renderDefault();
// 为了切换路由后可以重新选择品牌
let that = this;
if (!!that.currentBrand) {
setTimeout(() => {
that.brands.forEach((ele,index) => {
if(ele.id == that.currentBrand) { // 目前有些问题,brands 中只有groupId ,没有 brandId
that.brandSelection = index; // 之前 that.brandSelection 都是取得索引值,不是 id 值
}
})
that.selectBrand(that.brandSelection);
}, 500);
}
},
watch: {
searchText(newK, old) {
this.$refs.tree.filter(newK);
},
defaultList: {
handler(newValue, oldValue) {
// 每次选择确认后,发现后端接口返回的数据和,这时候确认后返回的数据是不一样的;
// console.log("defaultList 变化了:",newValue,oldValue); // 发现每次复选框状态变了这里也触发了,所以修改
let that = this;
if (!!newValue.length) {
that.selectedList = JSON.parse(JSON.stringify(newValue));
}
if (!!that.$refs.tree) {
that.renderDefault();
}
}
},
treeSet: {
handler(newValue, oldValue) {
if (newValue.dialogVisible && !this.hasOpened) {
this.hasOpened = true;
this.renderDefault();
}
},
deep: true
},
// 应用中使用到,需要禁止选择品牌,品牌的 brandId 外部传进来的需要是 groupId,然后对比当前组件内的 groupId;
currentBrand: function(newData, oldData) {
let that = this;
if (!!newData) {
that.brands.forEach((ele,index) => {
if(ele.id == newData) { // 目前有些问题,brands 中只有groupId ,没有 brandId
that.brandSelection = index; // 之前 that.brandSelection 都是取得索引值,不是 id 值
}
})
that.$nextTick(function () {
that.selectBrand(that.brandSelection);
})
}
}
},
destroyed() {
this.brandSelection = '';
},
};
</script>
<style lang="scss">
.p-b-10 {
padding-bottom: 10px;
}
.transfer-area {
display: flex;
margin-bottom: 40px;
.t-a-select {
width: 300px;
height: 415px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(220, 223, 230, 1);
border-radius: 4px;
overflow: hidden;
&:first-child {
margin-right: 20px;
}
> .title {
width: 100%;
height: 42px;
line-height: 42px;
background: rgba(245, 247, 250, 1);
border-bottom: 1px solid rgba(220, 223, 230, 1);
border-radius: 4px;
text-indent: 15px;
color: #303133;
font-size: 16px;
.J_del-all {
font-size: 14px;
color: #409eff;
float: right;
cursor: pointer;
margin-right: 15px;
}
}
.tree-div {
width: 100%;
height: 373px;
overflow: auto;
padding: 15px;
box-sizing: border-box;
.search-menu {
margin-top: 20px;
color: #606266;
font-size: 14px;
min-width: 100%;
display: inline-block !important;
.el-tree-node {
.el-tree-node__content {
height: 36px;
position: relative;
.open-child {
position: absolute;
right: 0;
top: 0;
width: 36px;
height: 36px;
padding: 0;
box-sizing: border-box;
}
.custom-tree-node {
flex: 1;
height: 100%;
line-height: 36px;
.open-btn {
width: 50px;
height: 14px;
color: #409eff;
float: right;
text-align: right;
border-left: 1px solid #dcdfe6;
margin-top: 11px;
line-height: 14px;
}
&.disable-open {
z-index: 999;
}
}
&:hover {
background: none;
}
}
}
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
background: none;
}
}
.selected-list {
.list {
padding: 12px 0;
display: flex;
.label {
flex: 1;
.iconfont {
color: #409eff;
margin-right: 5px;
}
}
.close-btn {
width: 16px;
height: 16px;
line-height: 18px;
text-align: center;
cursor: pointer;
border-radius: 100%;
font-size: 8px;
vertical-align: middle;
&:hover {
color: #fff;
background: #909399;
}
}
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment