Commit 4b813c93 by 无尘

fix: 修改门店图片上传

parent 631cbeb0
## [1.0.6](http://115.159.76.241/office/office-web/compare/v1.0.3...v1.0.6) (2019-02-21)
## [1.0.9](http://115.159.76.241/office/office-web/compare/v1.0.8...v1.0.9) (2019-02-21)
## [1.0.8](http://115.159.76.241/office/office-web/compare/v1.0.7...v1.0.8) (2019-02-21)
### Bug Fixes
* 修复行政架构编辑 bug ([b510c3b](http://115.159.76.241/office/office-web/commits/b510c3b))
* 修改 eslint 配置,配置允许 catch 空代码块 ([9f3e40f](http://115.159.76.241/office/office-web/commits/9f3e40f))
* 修改导出档案 bug ([631cbeb](http://115.159.76.241/office/office-web/commits/631cbeb))
* 修改门店编辑 ([d0cbdb3](http://115.159.76.241/office/office-web/commits/d0cbdb3))
* 修改门店编辑上传图片 ([dd31bb4](http://115.159.76.241/office/office-web/commits/dd31bb4))
......
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.94537bb643cf12696ded2b3c79d19a0b.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.9b2002aab7c0bf1341eb.js></script><script type=text/javascript src=./static/js/vendor.fe6bbed1214c1931680c.js></script><script type=text/javascript src=./static/js/app.00231ebf281d6f3e60c0.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link href=./static/css/app.94537bb643cf12696ded2b3c79d19a0b.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script type=text/javascript src=./static/js/manifest.b19b13ad9132f1690d9d.js></script><script type=text/javascript src=./static/js/vendor.fe6bbed1214c1931680c.js></script><script type=text/javascript src=./static/js/app.00231ebf281d6f3e60c0.js></script></body></html>
\ No newline at end of file
webpackJsonp([26],{"67iC":function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=i("3Xzz"),s=i("P9l9"),l=i("0xDb"),o=i("mvHQ"),n=i.n(o),d={name:"editableCell",props:{info:{type:Object,required:!0},staticInfo:{type:Object,required:!0},items:{type:Array,required:!0},title:{type:String,default:""},fieldList:{type:Array,required:!0}},filters:{formatDate:l.b},data:function(){return{showEdit:!1,uploadUrl:"/haoban-manage-web/upload-img"}},methods:{uploadOnSuccess:function(e,t){e.file.url=e.res.result[0].qcloudImageUrl,t.push(e.file)},saveEdit:function(){var e=this;e.$refs.cell_form.validate(function(t){if(t){var i=Object(l.a)(e.info),a={},s=[];e.fieldList.forEach(function(e){if(a[e.fieldCode]=i[e.fieldCode],5==e.fieldType&&(a[e.fieldCode]=i[e.fieldCode].join(",")),7==e.fieldType){var t=[];i[e.fieldCode].forEach(function(e){t.push(e.url)}),a[e.fieldCode]=t.join(",")}if(1!=e.systemFlag){if(s.push({fieldCode:e.fieldCode,fieldValue:i[e.fieldCode]}),5==e.fieldType&&s.push({fieldCode:e.fieldCode,fieldValue:i[e.fieldCode].join(",")}),7==e.fieldType){var l=[];i[e.fieldCode].forEach(function(e){l.push(e.url)}),s.push({fieldCode:e.fieldCode,fieldValue:l.join(",")})}delete a[e.fieldCode]}}),a.jsonString="[]"==n()(s)?"":n()(s),a.recordId=e.$route.query.recordId,e.submitEdit(a)}})},submitEdit:function(e){var t=this;Object(s.a)("/haoban-manage-web/record/save-record-detail",e).then(function(e){1==e.data.errorCode?(t.showEdit=!1,t.$emit("subSuccess")):t.$message({message:e.data.message})}).catch(function(e){t.$message({message:e.message})})},cancelEdit:function(){this.$refs.cell_form.clearValidate();var e=this.info,t=this.staticInfo;for(var i in e)e[i]=t[i];this.showEdit=!1}},computed:{defineObj:function(){return JSON.parse(this.clerkInfo.defineString)},rules:function(){var e={},t=function(e,t,i){return t?new RegExp("^[0-9]*$").test(1*t)?i():i(new Error("请输入数字!")):i()};return this.fieldList.forEach(function(i){var a=[];0!=i.fieldType&&1!=i.fieldType||(i.minCount&&i.maxCount&&a.push({min:i.minCount,message:"至少填写"+i.minCount+"个字符",trigger:"change"}),!i.minCount&&i.maxCount&&a.push({max:i.maxCount,message:"至多填写"+i.maxCount+"个字符",trigger:"change"}),i.minCount&&i.maxCount&&a.push({min:i.minCount,max:i.maxCount,message:"长度在 "+i.minCount+" 到 "+i.maxCount+"个字符",trigger:"change"})),6==i.fieldType&&a.push({validator:t,message:i.fieldName+"必须为数字",trigger:"change"}),e[i.fieldCode]=a}),e}}},r={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"editable-cell-container"},[i("div",{staticClass:"title-div"},[i("span",{staticClass:"font-w-500"},[e._v(e._s(e.title))]),e._v(" "),i("div",{staticClass:"hurdle"}),e._v(" "),i("a",{staticClass:"a-href",on:{click:function(t){e.showEdit=!0}}},[e._v("编辑")])]),e._v(" "),i("el-form",{ref:"cell_form",staticClass:"info-form",attrs:{rules:e.rules,inline:"","label-width":"150px",model:e.info}},[e._l(e.fieldList,function(t,a){return[i("el-form-item",{key:t.fieldCode+"_"+a,staticClass:"item-width",attrs:{label:t.title+":",prop:t.fieldCode}},[e.showEdit?[0==t.fieldType?i("el-input",{attrs:{placeholder:t.fieldDescription,disabled:"1"!=t.fieldEdited},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):e._e(),e._v(" "),6==t.fieldType?i("el-input",{attrs:{placeholder:t.fieldDescription,disabled:"1"!=t.fieldEdited},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):1==t.fieldType?i("el-input",{attrs:{type:"textarea",autosize:"",disabled:"1"!=t.fieldEdited},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):2==t.fieldType||3==t.fieldType?[1==t.systemFlag?i("el-select",{attrs:{disabled:"1"!=t.fieldEdited,multiple:3==t.fieldType,"collapse-tags":3==t.fieldType,placeholder:t.fieldDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}},e._l(t.fieldOperations.fieldContent,function(e){return i("el-option",{key:e.key,attrs:{label:e.name,value:e.key}})})):i("el-select",{attrs:{disabled:"1"!=t.fieldEdited,multiple:3==t.fieldType,"collapse-tags":3==t.fieldType,placeholder:t.fieldDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}},e._l(t.fieldOperations.fieldContent,function(e,t){return i("el-option",{key:e.key+"_"+t,attrs:{label:e.name,value:e.name}})}))]:4==t.fieldType?i("el-date-picker",{attrs:{type:"date",disabled:"1"!=t.fieldEdited,format:t.fieldOperations.typeValue,"value-format":t.fieldOperations.typeValue,placeholder:t.fieldDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):5==t.fieldType?i("el-date-picker",{attrs:{type:"daterange","range-separator":"至",disabled:"1"!=t.fieldEdited,format:t.fieldOperations.typeValue,"value-format":t.fieldOperations.typeValue,"start-placeholder":t.fieldOperations.startDescription,"end-placeholder":t.fieldOperations.endDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):7==t.fieldType?i("vue-office-upload-image",{attrs:{projectName:"haoban-manage-web",wxFlag:"0",actionUrl:e.uploadUrl,imageList:e.info[t.fieldCode],limitW:500,limitH:500,maxImageLength:5},on:{uploadOnSuccess:e.uploadOnSuccess,sortImg:e.sortImg,deleteImage:e.deleteImage}}):e._e()]:[0==t.fieldType||1==t.fieldType||6==t.fieldType?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(e.info[t.fieldCode])+"\n ")]):2==t.fieldType?[1==t.systemFlag?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(t.fieldOperations.fieldContent[1*e.info[t.fieldCode]-1]?t.fieldOperations.fieldContent[1*e.info[t.fieldCode]-1].name:"")+"\n ")]):i("div",{staticClass:"field-value color-606266"},[e._v(e._s(e.info[t.fieldCode]))])]:3==t.fieldType?i("div",{staticClass:"field-value color-606266"}):4==t.fieldType?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(e._f("formatDate")(e.info[t.fieldCode],t.fieldOperations.typeValue))+"\n ")]):5==t.fieldType?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(e.info[t.fieldCode].join("至"))+"\n ")]):7==t.fieldType?i("div",{staticClass:"img-box"},e._l(e.info[t.fieldCode],function(e,t){return i("div",{key:t+e.url,staticClass:"item-imgs"},[i("a",{attrs:{href:""}},[i("img",{attrs:{src:e.url}})])])})):e._e()]],2)]})],2),e._v(" "),e.showEdit?i("div",{staticClass:"handle-form-btns t-ct m-b-60"},[i("el-button",{attrs:{type:"primary"},on:{click:e.saveEdit}},[e._v("保存")]),e._v(" "),i("el-button",{on:{click:e.cancelEdit}},[e._v("取消")])],1):e._e()],1)},staticRenderFns:[]};var f=i("VU/8")(d,r,!1,function(e){i("n/O3")},null,null).exports,c=i("IVno"),u={name:"recordInfo",components:{navCrumb:a.a,editableCell:f,handleDialog:c.a},filters:{formatDate:l.b},data:function(){return{windowH:window.screen.availHeight-180+"px",navpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"员工档案",path:"/fileSet"},{name:"在职员工",path:"/employeeRecord"},{name:"编辑员工信息",path:""}],editNavpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"员工档案",path:"/fileSet"},{name:"离职员工",path:"/unemployee"},{name:"编辑员工信息",path:""}],dialogVisible:!1,htmlTitle:"员工档案",info:{},staticInfo:{},statusList:["正式","试用","离职"],reasons:["","家庭原因","个人原因","发展原因","合同到期不续签","协议解除","无法胜任工作","经济性裁员","严重违法违纪","其他"],items:[],fieldList:[],mileStone:[],historyStatus:["新入职","转正","离职","转岗","再入职"],editHisObj:{}}},methods:{handleSuccess:function(){this.dialogVisible=!1},getEmployeeDetail:function(){var e=this,t={recordId:e.$route.query.recordId};Object(s.a)("/haoban-manage-web/record/employee-detail",t).then(function(t){1==t.data.errorCode?e.getTemplate(t.data.result):e.$message.error({message:t.data.message})}).catch(function(t){e.$message.error({message:t.message})})},subSuccess:function(){this.getEmployeeDetail()},getTemplate:function(e){var t=this;Object(s.a)("/haoban-manage-web/record/employee-find-template",{}).then(function(i){1==i.data.errorCode?t.formatTemplateList(i.data.result,e):t.$message.error({message:i.data.message})}).catch(function(e){t.$message.error({message:e.message})})},formatTemplateList:function(e,t){var i=[],a=e,s=JSON.parse(t.defineString),o=Object(l.a)(t);for(var n in s)o[n]=s[n];e.forEach(function(e){if(0!=e.parentCode&&(e.fieldOperations=JSON.parse(e.fieldOperations)),5==e.fieldType&&(o[e.fieldCode]=o[e.fieldCode]?o[e.fieldCode].split(","):["",""],t[e.fieldCode]=t[e.fieldCode]?t[e.fieldCode].split(","):["",""]),6==e.fieldType&&(o[e.fieldCode]*=1,t[e.fieldCode]*=1),7==e.fieldType){var s=[];o[e.fieldCode]=o[e.fieldCode]?o[e.fieldCode].split(","):[],o[e.fieldCode].forEach(function(e){s.push({url:e})}),t[e.fieldCode]=s,o[e.fieldCode]=s.slice(0)}e.title=e.fieldName;var l=[];a.forEach(function(t){t.parentCode==e.fieldCode&&l.push(t)}),l.sort(function(e,t){return 1*e.sort-1*t.sort}),l.length>0&&(e.childrens=l),0==e.parentCode&&i.push(e)}),i.sort(function(e,t){return 1*e.sort-1*t.sort}),this.fieldList=i,this.info=o,this.staticInfo=t},getHistoryList:function(){var e=this,t={recordId:e.$route.query.recordId};Object(s.a)("/haoban-manage-web/record/history-record-list",t).then(function(t){if(1==t.data.errorCode){var i=t.data.result;e.formatMileStone(i)}else e.$message({message:t.data.message})}).catch(function(t){e.$message({message:t.message})})},formatMileStone:function(e){e.sort(function(e,t){return 1*e.historyDate-1*t.historyDate});for(var t=[],i=0,a=e.length;i<a;i+=4)t.push(e.slice(i,i+4));this.mileStone=t},editHis:function(e){this.editHisObj.historyId=e.historyId,this.editHisObj.recordId=this.$route.query.recordId,this.dialogVisible=!0}},beforeMount:function(){this.getEmployeeDetail(),this.getHistoryList()},mounted:function(){var e=this.$route.query.type;e&&"unemployee"==e&&(this.navpath=this.editNavpath),this.$nextTick(function(){document.querySelector(".contact-wrap__body").style.overflow="hidden"})},beforeDestroy:function(){document.querySelector(".contact-wrap__body").style.overflow="auto"}},m={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"common-set-wrap",style:{"min-height":e.windowH}},[i("nav-crumb",{attrs:{navpath:e.navpath}}),e._v(" "),i("div",{staticClass:"right-content"},[i("div",{staticClass:"right-box"},[i("div",{staticClass:"commom-container clerk-detail-container"},[i("p",{staticClass:"t-rt"},[i("a",{staticClass:"a-href font-14",on:{click:function(t){e.getPdf()}}},[e._v("打印员工档案")])]),e._v(" "),i("div",{style:{"min-height":e.windowH},attrs:{id:"pdfDom"}},[i("div",{staticClass:"employee-detail-cell"},[i("div",{staticClass:"head-info"},[i("p",{staticClass:"head-cell"},[e.info.headPic?i("img",{staticClass:"head-img",attrs:{src:e.info.headPic}}):i("span",{staticClass:"head-img-null"},[i("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})])]),e._v(" "),i("p",{staticClass:"head-cell name"},[e._v("\n "+e._s(e.info.clerkName)),i("span",[e._v(e._s("-1"==e.info.clerkStatus?"无状态":e.statusList[e.info.clerkStatus-1]))])]),e._v(" "),i("p",{staticClass:"head-cell c-303133"},[e._v(e._s(e.info.groupName)+e._s(e.info.positionName))]),e._v(" "),i("p",{staticClass:"head-cell color-606266"},[e._v("已在"+e._s(e.info.enterpriseName)+"工作了"+e._s(e.info.days)+"天")])])]),e._v(" "),e._l(e.fieldList,function(t){return[t.childrens?i("editable-cell",{key:t.fieldCode,attrs:{info:e.info,staticInfo:e.staticInfo,items:e.items,title:t.title,fieldList:t.childrens},on:{subSuccess:e.subSuccess}}):e._e()]}),e._v(" "),i("div",{staticClass:"mile-stone-container"},[e._m(0),e._v(" "),i("ul",{staticClass:"mile-stone"},e._l(e.mileStone,function(t,a){return i("li",{key:a,staticClass:"stone-group",class:a%2==0?"column":"column-reverse"},[4==t.length&&a!=e.mileStone.length-1?i("div",{staticClass:"column-hurdle"}):e._e(),e._v(" "),e._l(t,function(t,s){return i("div",{key:s,staticClass:"stone",class:a%2==1&&3==s||a%2==0&&0==s&&0!=a?"no-radio":""},[i("p",{staticClass:"time"},[e._v(e._s(e._f("formatDate")(t.historyDate,"YY-MM-DD")))]),e._v(" "),e._m(1,!0),e._v(" "),i("p",{staticClass:"position"},[e._v(e._s(t.positionName))]),e._v(" "),i("p",{staticClass:"font-16 "},[e._v(e._s(e.historyStatus[1*t.historyStatus-1])),3==t.historyStatus?i("a",{staticClass:"a-href m-l-10 fs-12",on:{click:function(i){e.editHis(t)}}},[e._v("编辑")]):e._e()]),e._v(" "),3==t.historyStatus?i("p",[e._v("离职理由:"+e._s(e.reasons[t.fireReason]))]):e._e(),e._v(" "),i("p",{staticClass:"color-606266"},[e._v(e._s(t.storeName?t.storeName:t.groupName))])])})],2)}))])],2),e._v(" "),i("el-dialog",{attrs:{title:"修改离职信息",visible:e.dialogVisible,width:"480px"},on:{"update:visible":function(t){e.dialogVisible=t}}},[i("handle-dialog",{attrs:{employee:e.editHisObj,handleType:"changeFireInfo",typeTitle:"修改离职信息"},on:{handleSuccess:e.handleSuccess}})],1)],1)])]),e._v(" "),i("vue-gic-footer")],1)},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("p",{staticClass:"m-s-title"},[t("span",{staticClass:"font-w-500"},[this._v("员工记录")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"hurdle-box"},[t("span",{staticClass:"radio"}),this._v(" "),t("div",{staticClass:"hurdle"})])}]};var p=i("VU/8")(u,m,!1,function(e){i("JV+2")},null,null);t.default=p.exports},"JV+2":function(e,t){},"n/O3":function(e,t){}});
\ No newline at end of file
webpackJsonp([26],{"67iC":function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=i("3Xzz"),s=i("P9l9"),o=i("0xDb"),l=i("mvHQ"),n=i.n(l),d={name:"editableCell",props:{info:{type:Object,required:!0},staticInfo:{type:Object,required:!0},items:{type:Array,required:!0},title:{type:String,default:""},fieldList:{type:Array,required:!0}},components:{},filters:{formatDate:o.b},data:function(){return{showEdit:!1,uploadUrl:"/haoban-manage-web/upload-img"}},methods:{uploadOnSuccess:function(e,t){e.file.url=e.res.result[0].qcloudImageUrl,t.push(e.file)},deleteImage:function(e){this.imageList.splice(e,1)},sortImg:function(e){this.imageList=e},saveEdit:function(){var e=this;e.$refs.cell_form.validate(function(t){if(t){var i=Object(o.a)(e.info),a={},s=[];e.fieldList.forEach(function(e){if(a[e.fieldCode]=i[e.fieldCode],5==e.fieldType&&(a[e.fieldCode]=i[e.fieldCode].join(",")),7==e.fieldType){var t=[];i[e.fieldCode].forEach(function(e){t.push(e.url)}),a[e.fieldCode]=t.join(",")}if(1!=e.systemFlag){if(s.push({fieldCode:e.fieldCode,fieldValue:i[e.fieldCode]}),5==e.fieldType&&s.push({fieldCode:e.fieldCode,fieldValue:i[e.fieldCode].join(",")}),7==e.fieldType){var o=[];i[e.fieldCode].forEach(function(e){o.push(e.url)}),s.push({fieldCode:e.fieldCode,fieldValue:o.join(",")})}delete a[e.fieldCode]}}),a.jsonString="[]"==n()(s)?"":n()(s),a.recordId=e.$route.query.recordId,e.submitEdit(a)}})},submitEdit:function(e){var t=this;Object(s.a)("/haoban-manage-web/record/save-record-detail",e).then(function(e){1==e.data.errorCode?(t.showEdit=!1,t.$emit("subSuccess")):t.$message({message:e.data.message})}).catch(function(e){t.$message({message:e.message})})},cancelEdit:function(){this.$refs.cell_form.clearValidate();var e=this.info,t=this.staticInfo;for(var i in e)e[i]=t[i];this.showEdit=!1}},computed:{defineObj:function(){return JSON.parse(this.clerkInfo.defineString)},rules:function(){var e={},t=function(e,t,i){return t?new RegExp("^[0-9]*$").test(1*t)?i():i(new Error("请输入数字!")):i()};return this.fieldList.forEach(function(i){var a=[];0!=i.fieldType&&1!=i.fieldType||(i.minCount&&i.maxCount&&a.push({min:i.minCount,message:"至少填写"+i.minCount+"个字符",trigger:"change"}),!i.minCount&&i.maxCount&&a.push({max:i.maxCount,message:"至多填写"+i.maxCount+"个字符",trigger:"change"}),i.minCount&&i.maxCount&&a.push({min:i.minCount,max:i.maxCount,message:"长度在 "+i.minCount+" 到 "+i.maxCount+"个字符",trigger:"change"})),6==i.fieldType&&a.push({validator:t,message:i.fieldName+"必须为数字",trigger:"change"}),e[i.fieldCode]=a}),e}}},r={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"editable-cell-container"},[i("div",{staticClass:"title-div"},[i("span",{staticClass:"font-w-500"},[e._v(e._s(e.title))]),e._v(" "),i("div",{staticClass:"hurdle"}),e._v(" "),i("a",{staticClass:"a-href",on:{click:function(t){e.showEdit=!0}}},[e._v("编辑")])]),e._v(" "),i("el-form",{ref:"cell_form",staticClass:"info-form",attrs:{rules:e.rules,inline:"","label-width":"150px",model:e.info}},[e._l(e.fieldList,function(t,a){return[i("el-form-item",{key:t.fieldCode+"_"+a,staticClass:"item-width",attrs:{label:t.title+":",prop:t.fieldCode}},[e.showEdit?[0==t.fieldType?i("el-input",{attrs:{placeholder:t.fieldDescription,disabled:"1"!=t.fieldEdited},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):e._e(),e._v(" "),6==t.fieldType?i("el-input",{attrs:{placeholder:t.fieldDescription,disabled:"1"!=t.fieldEdited},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):1==t.fieldType?i("el-input",{attrs:{type:"textarea",autosize:"",disabled:"1"!=t.fieldEdited},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):2==t.fieldType||3==t.fieldType?[1==t.systemFlag?i("el-select",{attrs:{disabled:"1"!=t.fieldEdited,multiple:3==t.fieldType,"collapse-tags":3==t.fieldType,placeholder:t.fieldDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}},e._l(t.fieldOperations.fieldContent,function(e){return i("el-option",{key:e.key,attrs:{label:e.name,value:e.key}})})):i("el-select",{attrs:{disabled:"1"!=t.fieldEdited,multiple:3==t.fieldType,"collapse-tags":3==t.fieldType,placeholder:t.fieldDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}},e._l(t.fieldOperations.fieldContent,function(e,t){return i("el-option",{key:e.key+"_"+t,attrs:{label:e.name,value:e.name}})}))]:4==t.fieldType?i("el-date-picker",{attrs:{type:"date",disabled:"1"!=t.fieldEdited,format:t.fieldOperations.typeValue,"value-format":t.fieldOperations.typeValue,placeholder:t.fieldDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):5==t.fieldType?i("el-date-picker",{attrs:{type:"daterange","range-separator":"至",disabled:"1"!=t.fieldEdited,format:t.fieldOperations.typeValue,"value-format":t.fieldOperations.typeValue,"start-placeholder":t.fieldOperations.startDescription,"end-placeholder":t.fieldOperations.endDescription},model:{value:e.info[t.fieldCode],callback:function(i){e.$set(e.info,t.fieldCode,i)},expression:"info[item.fieldCode]"}}):7==t.fieldType?i("vue-office-upload-image",{attrs:{projectName:"haoban-manage-web",wxFlag:"0",actionUrl:e.uploadUrl,imageList:e.info[t.fieldCode],limitW:500,limitH:500,maxImageLength:5},on:{uploadOnSuccess:e.uploadOnSuccess,sortImg:e.sortImg,deleteImage:e.deleteImage}}):e._e()]:[0==t.fieldType||1==t.fieldType||6==t.fieldType?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(e.info[t.fieldCode])+"\n ")]):2==t.fieldType?[1==t.systemFlag?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(t.fieldOperations.fieldContent[1*e.info[t.fieldCode]-1]?t.fieldOperations.fieldContent[1*e.info[t.fieldCode]-1].name:"")+"\n ")]):i("div",{staticClass:"field-value color-606266"},[e._v(e._s(e.info[t.fieldCode]))])]:3==t.fieldType?i("div",{staticClass:"field-value color-606266"}):4==t.fieldType?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(e._f("formatDate")(e.info[t.fieldCode],t.fieldOperations.typeValue))+"\n ")]):5==t.fieldType?i("div",{staticClass:"field-value color-606266"},[e._v("\n "+e._s(e.info[t.fieldCode].join("至"))+"\n ")]):7==t.fieldType?i("div",{staticClass:"img-box"},e._l(e.info[t.fieldCode],function(e,t){return i("div",{key:t+e.url,staticClass:"item-imgs"},[i("a",{attrs:{href:""}},[i("img",{attrs:{src:e.url}})])])})):e._e()]],2)]})],2),e._v(" "),e.showEdit?i("div",{staticClass:"handle-form-btns t-ct m-b-60"},[i("el-button",{attrs:{type:"primary"},on:{click:e.saveEdit}},[e._v("保存")]),e._v(" "),i("el-button",{on:{click:e.cancelEdit}},[e._v("取消")])],1):e._e()],1)},staticRenderFns:[]};var f=i("VU/8")(d,r,!1,function(e){i("smN+")},null,null).exports,c=i("IVno"),u={name:"recordInfo",components:{navCrumb:a.a,editableCell:f,handleDialog:c.a},filters:{formatDate:o.b},data:function(){return{windowH:window.screen.availHeight-180+"px",navpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"员工档案",path:"/fileSet"},{name:"在职员工",path:"/employeeRecord"},{name:"编辑员工信息",path:""}],editNavpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"员工档案",path:"/fileSet"},{name:"离职员工",path:"/unemployee"},{name:"编辑员工信息",path:""}],dialogVisible:!1,htmlTitle:"员工档案",info:{},staticInfo:{},statusList:["正式","试用","离职"],reasons:["","家庭原因","个人原因","发展原因","合同到期不续签","协议解除","无法胜任工作","经济性裁员","严重违法违纪","其他"],items:[],fieldList:[],mileStone:[],historyStatus:["新入职","转正","离职","转岗","再入职"],editHisObj:{}}},methods:{handleSuccess:function(){this.dialogVisible=!1},getEmployeeDetail:function(){var e=this,t={recordId:e.$route.query.recordId};Object(s.a)("/haoban-manage-web/record/employee-detail",t).then(function(t){1==t.data.errorCode?e.getTemplate(t.data.result):e.$message.error({message:t.data.message})}).catch(function(t){e.$message.error({message:t.message})})},subSuccess:function(){this.getEmployeeDetail()},getTemplate:function(e){var t=this;Object(s.a)("/haoban-manage-web/record/employee-find-template",{}).then(function(i){1==i.data.errorCode?t.formatTemplateList(i.data.result,e):t.$message.error({message:i.data.message})}).catch(function(e){t.$message.error({message:e.message})})},formatTemplateList:function(e,t){var i=[],a=e,s=JSON.parse(t.defineString),l=Object(o.a)(t);for(var n in s)l[n]=s[n];e.forEach(function(e){if(0!=e.parentCode&&(e.fieldOperations=JSON.parse(e.fieldOperations)),5==e.fieldType&&(l[e.fieldCode]=l[e.fieldCode]?l[e.fieldCode].split(","):["",""],t[e.fieldCode]=t[e.fieldCode]?t[e.fieldCode].split(","):["",""]),6==e.fieldType&&(l[e.fieldCode]*=1,t[e.fieldCode]*=1),7==e.fieldType){var s=[];l[e.fieldCode]=l[e.fieldCode]?l[e.fieldCode].split(","):[],l[e.fieldCode].forEach(function(e){s.push({url:e})}),t[e.fieldCode]=s,l[e.fieldCode]=s.slice(0)}e.title=e.fieldName;var o=[];a.forEach(function(t){t.parentCode==e.fieldCode&&o.push(t)}),o.sort(function(e,t){return 1*e.sort-1*t.sort}),o.length>0&&(e.childrens=o),0==e.parentCode&&i.push(e)}),i.sort(function(e,t){return 1*e.sort-1*t.sort}),this.fieldList=i,this.info=l,this.staticInfo=t},getHistoryList:function(){var e=this,t={recordId:e.$route.query.recordId};Object(s.a)("/haoban-manage-web/record/history-record-list",t).then(function(t){if(1==t.data.errorCode){var i=t.data.result;e.formatMileStone(i)}else e.$message({message:t.data.message})}).catch(function(t){e.$message({message:t.message})})},formatMileStone:function(e){e.sort(function(e,t){return 1*e.historyDate-1*t.historyDate});for(var t=[],i=0,a=e.length;i<a;i+=4)t.push(e.slice(i,i+4));this.mileStone=t},editHis:function(e){this.editHisObj.historyId=e.historyId,this.editHisObj.recordId=this.$route.query.recordId,this.dialogVisible=!0}},beforeMount:function(){this.getEmployeeDetail(),this.getHistoryList()},mounted:function(){var e=this.$route.query.type;e&&"unemployee"==e&&(this.navpath=this.editNavpath),this.$nextTick(function(){document.querySelector(".contact-wrap__body").style.overflow="hidden"})},beforeDestroy:function(){document.querySelector(".contact-wrap__body").style.overflow="auto"}},m={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"common-set-wrap",style:{"min-height":e.windowH}},[i("nav-crumb",{attrs:{navpath:e.navpath}}),e._v(" "),i("div",{staticClass:"right-content"},[i("div",{staticClass:"right-box"},[i("div",{staticClass:"commom-container clerk-detail-container"},[i("p",{staticClass:"t-rt"},[i("a",{staticClass:"a-href font-14",on:{click:function(t){e.getPdf()}}},[e._v("打印员工档案")])]),e._v(" "),i("div",{style:{"min-height":e.windowH},attrs:{id:"pdfDom"}},[i("div",{staticClass:"employee-detail-cell"},[i("div",{staticClass:"head-info"},[i("p",{staticClass:"head-cell"},[e.info.headPic?i("img",{staticClass:"head-img",attrs:{src:e.info.headPic}}):i("span",{staticClass:"head-img-null"},[i("i",{staticClass:"iconfont icon-yewuduanmorentouxian"})])]),e._v(" "),i("p",{staticClass:"head-cell name"},[e._v("\n "+e._s(e.info.clerkName)),i("span",[e._v(e._s("-1"==e.info.clerkStatus?"无状态":e.statusList[e.info.clerkStatus-1]))])]),e._v(" "),i("p",{staticClass:"head-cell c-303133"},[e._v(e._s(e.info.groupName)+e._s(e.info.positionName))]),e._v(" "),i("p",{staticClass:"head-cell color-606266"},[e._v("已在"+e._s(e.info.enterpriseName)+"工作了"+e._s(e.info.days)+"天")])])]),e._v(" "),e._l(e.fieldList,function(t){return[t.childrens?i("editable-cell",{key:t.fieldCode,attrs:{info:e.info,staticInfo:e.staticInfo,items:e.items,title:t.title,fieldList:t.childrens},on:{subSuccess:e.subSuccess}}):e._e()]}),e._v(" "),i("div",{staticClass:"mile-stone-container"},[e._m(0),e._v(" "),i("ul",{staticClass:"mile-stone"},e._l(e.mileStone,function(t,a){return i("li",{key:a,staticClass:"stone-group",class:a%2==0?"column":"column-reverse"},[4==t.length&&a!=e.mileStone.length-1?i("div",{staticClass:"column-hurdle"}):e._e(),e._v(" "),e._l(t,function(t,s){return i("div",{key:s,staticClass:"stone",class:a%2==1&&3==s||a%2==0&&0==s&&0!=a?"no-radio":""},[i("p",{staticClass:"time"},[e._v(e._s(e._f("formatDate")(t.historyDate,"YY-MM-DD")))]),e._v(" "),e._m(1,!0),e._v(" "),i("p",{staticClass:"position"},[e._v(e._s(t.positionName))]),e._v(" "),i("p",{staticClass:"font-16 "},[e._v(e._s(e.historyStatus[1*t.historyStatus-1])),3==t.historyStatus?i("a",{staticClass:"a-href m-l-10 fs-12",on:{click:function(i){e.editHis(t)}}},[e._v("编辑")]):e._e()]),e._v(" "),3==t.historyStatus?i("p",[e._v("离职理由:"+e._s(e.reasons[t.fireReason]))]):e._e(),e._v(" "),i("p",{staticClass:"color-606266"},[e._v(e._s(t.storeName?t.storeName:t.groupName))])])})],2)}))])],2),e._v(" "),i("el-dialog",{attrs:{title:"修改离职信息",visible:e.dialogVisible,width:"480px"},on:{"update:visible":function(t){e.dialogVisible=t}}},[i("handle-dialog",{attrs:{employee:e.editHisObj,handleType:"changeFireInfo",typeTitle:"修改离职信息"},on:{handleSuccess:e.handleSuccess}})],1)],1)])]),e._v(" "),i("vue-gic-footer")],1)},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("p",{staticClass:"m-s-title"},[t("span",{staticClass:"font-w-500"},[this._v("员工记录")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"hurdle-box"},[t("span",{staticClass:"radio"}),this._v(" "),t("div",{staticClass:"hurdle"})])}]};var p=i("VU/8")(u,m,!1,function(e){i("JV+2")},null,null);t.default=p.exports},"JV+2":function(e,t){},"smN+":function(e,t){}});
\ No newline at end of file
webpackJsonp([8],{SldL:function(e,t){!function(t){"use strict";var r,o=Object.prototype,n=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},i=a.iterator||"@@iterator",s=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag",u="object"==typeof e,c=t.regeneratorRuntime;if(c)u&&(e.exports=c);else{(c=t.regeneratorRuntime=u?e.exports:{}).wrap=b;var f="suspendedStart",p="suspendedYield",m="executing",d="completed",h={},g={};g[i]=function(){return this};var v=Object.getPrototypeOf,I=v&&v(v(k([])));I&&I!==o&&n.call(I,i)&&(g=I);var y=C.prototype=_.prototype=Object.create(g);x.prototype=y.constructor=C,C.constructor=x,C[l]=x.displayName="GeneratorFunction",c.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===x||"GeneratorFunction"===(t.displayName||t.name))},c.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,C):(e.__proto__=C,l in e||(e[l]="GeneratorFunction")),e.prototype=Object.create(y),e},c.awrap=function(e){return{__await:e}},S(L.prototype),L.prototype[s]=function(){return this},c.AsyncIterator=L,c.async=function(e,t,r,o){var n=new L(b(e,t,r,o));return c.isGeneratorFunction(t)?n:n.next().then(function(e){return e.done?e.value:n.next()})},S(y),y[l]="Generator",y[i]=function(){return this},y.toString=function(){return"[object Generator]"},c.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var o=t.pop();if(o in e)return r.value=o,r.done=!1,r}return r.done=!0,r}},c.values=k,$.prototype={constructor:$,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=r,this.done=!1,this.delegate=null,this.method="next",this.arg=r,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=r)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function o(o,n){return s.type="throw",s.arg=e,t.next=o,n&&(t.method="next",t.arg=r),!!n}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],s=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(l&&u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),E(r),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var o=r.completion;if("throw"===o.type){var n=o.arg;E(r)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,o){return this.delegate={iterator:k(e),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=r),h}}}function b(e,t,r,o){var n=t&&t.prototype instanceof _?t:_,a=Object.create(n.prototype),i=new $(o||[]);return a._invoke=function(e,t,r){var o=f;return function(n,a){if(o===m)throw new Error("Generator is already running");if(o===d){if("throw"===n)throw a;return O()}for(r.method=n,r.arg=a;;){var i=r.delegate;if(i){var s=N(i,r);if(s){if(s===h)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===f)throw o=d,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=m;var l=w(e,t,r);if("normal"===l.type){if(o=r.done?d:p,l.arg===h)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(o=d,r.method="throw",r.arg=l.arg)}}}(e,r,i),a}function w(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}function _(){}function x(){}function C(){}function S(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function L(e){var t;this._invoke=function(r,o){function a(){return new Promise(function(t,a){!function t(r,o,a,i){var s=w(e[r],e,o);if("throw"!==s.type){var l=s.arg,u=l.value;return u&&"object"==typeof u&&n.call(u,"__await")?Promise.resolve(u.__await).then(function(e){t("next",e,a,i)},function(e){t("throw",e,a,i)}):Promise.resolve(u).then(function(e){l.value=e,a(l)},i)}i(s.arg)}(r,o,t,a)})}return t=t?t.then(a,a):a()}}function N(e,t){var o=e.iterator[t.method];if(o===r){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=r,N(e,t),"throw"===t.method))return h;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var n=w(o,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,h;var a=n.arg;return a?a.done?(t[e.resultName]=a.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=r),t.delegate=null,h):a:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,h)}function T(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function $(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(T,this),this.reset(!0)}function k(e){if(e){var t=e[i];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function t(){for(;++o<e.length;)if(n.call(e,o))return t.value=e[o],t.done=!1,t;return t.value=r,t.done=!0,t};return a.next=a}}return{next:O}}function O(){return{value:r,done:!0}}}(function(){return this}()||Function("return this")())},Xxa5:function(e,t,r){e.exports=r("jyFz")},exGp:function(e,t,r){"use strict";t.__esModule=!0;var o,n=r("//Fk"),a=(o=n)&&o.__esModule?o:{default:o};t.default=function(e){return function(){var t=e.apply(this,arguments);return new a.default(function(e,r){return function o(n,i){try{var s=t[n](i),l=s.value}catch(e){return void r(e)}if(!s.done)return a.default.resolve(l).then(function(e){o("next",e)},function(e){o("throw",e)});e(l)}("next")})}}},"h/6A":function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=r("Xxa5"),n=r.n(o),a=r("//Fk"),i=r.n(a),s=r("exGp"),l=r.n(s),u=r("3Xzz"),c=r("l46T"),f=r("P9l9"),p=r("Ie7z"),m={name:"store-info",components:{navCrumb:u.a,vueSelectStore:p.a,limitInput:c.a},data:function(){return{navpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"门店架构",path:"/storeFrame"},{name:"添加门店",path:""}],editpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"门店架构",path:"/storeFrame"},{name:"编辑门店",path:""}],treeSet:{isSelectPerson:!1,dialogVisible:!1,isSingle:!0},storeInfo:{storeName:"",storeGroupId:"",imageUrls:[],phoneNumber:"",openTime:"",closeTime:"",shopHours:"",storeType:0,countryId:"",provinceId:"",cityId:"",areaId:"",postAddress:"",longitude:"",latitude:"",location:"",storeArea:"",mangerName:"",storeManagerId:"",managerPhone:"",managerCode:"",maangerSex:"",storeCode:"",storeId:""},areaChainName:"",areaOptions:{},imgs:[],uploadUrl:"/haoban-manage-web/upload-img",rules:{storeName:[{required:!0,message:"请输入门店名称",trigger:"blur"}],storeGroupId:[{required:!0,message:"请输选择所属分组",trigger:"blur"}],groupChainName:[{required:!0,message:"请选择部门",trigger:"change"}],imageUrls:[{type:"array",required:!0,message:"请选择门店图片",trigger:"change"}],areaId:[{required:!0,message:"请选择门店地址",trigger:"blur"}],storeType:[{required:!0,message:"请选择门店类型",trigger:"blur"}],shopHours:[{required:!0,message:"请选择营业时间",trigger:"blur"}],location:[{required:!0,message:"请选择经纬度",trigger:"blur"}],phoneNumber:[{required:!0,validator:function(e,t,r){if(t)return/^1[34578]\d{9}$/.test(t)||/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(t)?r():r(new Error("联系电话格式不正确"));return r(new Error("请输入联系电话"))},trigger:"blur"}],storeCode:[{required:!0,message:"请输入门店代码",trigger:"blur"}],managerName:[{required:!0,message:"请输入店长姓名",trigger:"blur"}],managerPhone:[{required:!0,validator:function(e,t,r){if(t)return/^1[34578]\d{9}$/.test(t)?r():r(new Error("手机号码格式不正确"));return r(new Error("请输入手机号码"))},trigger:"blur"}],specialService:[{max:20,message:"长度在 20 个字符以内",trigger:"blur"}],personCost:[{validator:function(e,t,r){if(t)return/^\d+(\.\d+)?$/.test(1*t)?r():r(new Error("人均消费只能为非负整数或者小数"));return r()},trigger:"blur"}]}}},methods:{callSelector:function(){this.treeSet.dialogVisible=!0},handleSelectedList:function(e){this.storeInfo.storeGroupId=e[0].label,this.storeInfo.storeGroupId=e[0].id},changeTime:function(){this.storeInfo.openTime&&this.storeInfo.closeTime?this.storeInfo.shopHours=this.storeInfo.openTime+","+this.storeInfo.closeTime:this.storeInfo.shopHours=""},selected:function(e){this.storeInfo.provinceId=e.province,this.storeInfo.cityId=e.city||"",this.storeInfo.areaId=e.areaId||""},getStoreInfo:function(){var e=this,t={storeId:e.$route.query.storeId};Object(f.a)("/haoban-manage-web/store/findStoreById",t).then(function(t){1==t.data.errorCode?(e.showEmployee="store",e.formatStoreInfo(t.data.result)):e.$message.error({message:t.data.message})})},clickToSave:function(){var e=this;return l()(n.a.mark(function t(){var r,o,a,s;return n.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return r=e,t.next=3,r.changeTime();case 3:o=new i.a(function(e,t){r.$refs.storeInfo.validate(function(t){t&&e()})}),a=new i.a(function(e,t){r.$refs.storeManager.validate(function(t){t&&e()})}),s=new i.a(function(e,t){r.$refs.storeOperate.validate(function(t){t&&e()})}),i.a.all([o,a,s]).then(function(){r.save()});case 7:case"end":return t.stop()}},t,e)}))()},formatStoreInfo:function(e){var t=this;return l()(n.a.mark(function r(){var o,a,i;return n.a.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:o=t,a=(e.areaChainName||"").split("/"),o.areaOptions={provinceName:a[0],provinceId:e.provinceId,cityName:a[1],cityId:e.cityId,countryName:a[2],countyId:e.countryId},o.imgs=e.imageUrl?e.imageUrl.split(","):[],i=[],o.imgs.forEach(function(e){i.push({url:e})}),e.imageUrls=i,e.location=e.longitude+","+e.latitude,o.storeInfo=e,o.changeTime();case 10:case"end":return r.stop()}},r,t)}))()},uploadOnSuccess:function(e,t){e.file.url=e.res.result[0].qcloudImageUrl,t.push(e.file)},sortImg:function(){},deleteImage:function(){},save:function(){var e=this,t=e.storeInfo.location.split(",");e.storeInfo.longitude=t[0],e.storeInfo.latitude=2!==t.length?"":t[1],e.storeInfo.managerPhone=e.storeInfo.managerPhone;var r=e.storeInfo,o=[];e.storeInfo.imageUrls.forEach(function(e){o.push(e.url)}),r.imageUrls=o.join(",");var n=e.isNew?"/haoban-manage-web/store/insert":"/haoban-manage-web/store/update";Object(f.a)(n,r).then(function(t){1==t.data.errorCode?(e.$message.success({message:t.data.message}),window.history.go(-1)):e.$message.error({message:t.data.message})}).catch(function(t){e.$message.error({message:t.message})})}},computed:{isNew:function(){return!this.$route.query.storeId}},beforeMount:function(){this.isNew||this.getStoreInfo()},mounted:function(){this.$route.query.storeId&&(this.navpath=this.editpath)}},d={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"common-set-wrap"},[r("nav-crumb",{attrs:{navpath:e.navpath}}),e._v(" "),r("div",{staticClass:"right-content"},[r("div",{staticClass:"right-box"},[r("div",[r("div",{staticClass:"store-info"},[r("div",{staticClass:"info-cell"},[r("p",{staticClass:"title font-w-500"},[e._v("门店信息")]),e._v(" "),r("el-form",{ref:"storeInfo",staticClass:"store-info-form info-form",attrs:{rules:e.rules,model:e.storeInfo,"label-width":"100px"}},[r("el-form-item",{attrs:{label:"门店名称",prop:"storeName"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.storeName,holder:"",maxLength:10},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"storeName",t)}}})],1),e._v(" "),r("el-form-item",{attrs:{label:"所属分组",prop:"storeGroupId"}},[r("el-input",{on:{focus:e.callSelector},model:{value:e.storeInfo.storeGroupId,callback:function(t){e.$set(e.storeInfo,"storeGroupId",t)},expression:"storeInfo.storeGroupId"}},[r("i",{staticClass:"el-input__icon el-icon-arrow-down",attrs:{slot:"suffix"},slot:"suffix"})])],1),e._v(" "),r("el-form-item",{attrs:{label:"门店图片",prop:"imageUrls"}},[r("div",{staticClass:"member-upload-image"},[r("vue-office-upload-image",{attrs:{projectName:"haoban-manage-web",wxFlag:"0",actionUrl:e.uploadUrl,imageList:e.storeInfo.imageUrls,limitW:640,limitH:340,maxImageLength:5},on:{uploadOnSuccess:e.uploadOnSuccess,sortImg:e.sortImg,deleteImage:e.deleteImage}})],1),e._v(" "),r("div",{staticClass:"tip font-12 color-909399 m-t-8 line-h-1"},[e._v("门店图片(640*340)")])]),e._v(" "),r("el-form-item",{attrs:{label:"联系电话",prop:"phoneNumber"}},[r("el-input",{model:{value:e.storeInfo.phoneNumber,callback:function(t){e.$set(e.storeInfo,"phoneNumber",t)},expression:"storeInfo.phoneNumber"}})],1),e._v(" "),r("el-form-item",{attrs:{label:"营业时间",prop:"shopHours"}},[r("el-time-select",{attrs:{editable:!1,placeholder:"起始时间","picker-options":{start:"00:00",step:"00:05",end:"24:00"}},on:{change:e.changeTime},model:{value:e.storeInfo.openTime,callback:function(t){e.$set(e.storeInfo,"openTime",t)},expression:"storeInfo.openTime"}}),e._v("\n ~\n "),r("el-time-select",{attrs:{editable:!1,placeholder:"结束时间","picker-options":{start:"00:00",step:"00:05",end:"24:00",minTime:e.storeInfo.openTime}},on:{change:e.changeTime},model:{value:e.storeInfo.closeTime,callback:function(t){e.$set(e.storeInfo,"closeTime",t)},expression:"storeInfo.closeTime"}})],1),e._v(" "),r("el-form-item",{attrs:{label:"门店类型",prop:"storeType"}},[r("el-radio-group",{model:{value:e.storeInfo.storeType,callback:function(t){e.$set(e.storeInfo,"storeType",t)},expression:"storeInfo.storeType"}},[r("el-radio",{attrs:{label:0}},[e._v("自营")]),e._v(" "),r("el-radio",{attrs:{label:1}},[e._v("联营")]),e._v(" "),r("el-radio",{attrs:{label:2}},[e._v("代理")]),e._v(" "),r("el-radio",{attrs:{label:3}},[e._v("代销")]),e._v(" "),r("el-radio",{attrs:{label:4}},[e._v("托管")])],1)],1),e._v(" "),r("el-form-item",{attrs:{label:"门店地址",prop:"areaId"}},[r("vue-office-area",{attrs:{areaOptions:e.areaOptions,projectName:"haoban-web",postUrl:"/haoban-manage-web/dict-district-list"},on:{selected:e.selected}}),e._v(" "),r("div",{staticClass:"m-t-15"},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.postAddress,holder:"",maxLength:50},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"postAddress",t)}}})],1)],1),e._v(" "),r("el-form-item",{attrs:{label:"GPS坐标",prop:"location"}},[r("el-input",{staticClass:"m-r-10",model:{value:e.storeInfo.location,callback:function(t){e.$set(e.storeInfo,"location",t)},expression:"storeInfo.location"}}),e._v(" "),r("a",{staticClass:"a-href",attrs:{href:"http://m.gpsspg.com/maps.htm",target:"_blank",rel:"nofollow noopener noreferrer"}},[e._v("经纬度测试工具")])],1),e._v(" "),r("el-form-item",{attrs:{prop:"storeCode"}},[r("template",{slot:"label"},[e._v("\n 门店代码\n "),r("i",{staticClass:"el-icon-question",staticStyle:{color:"#C0C4CC"}})]),e._v(" "),r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.storeCode,holder:"",maxLength:20},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"storeCode",t)}}})],2)],1)],1),e._v(" "),r("div",{staticClass:"info-cell"},[r("p",{staticClass:"title font-w-500"},[e._v("店长信息")]),e._v(" "),r("el-form",{ref:"storeManager",staticClass:"store-manager-info-form info-form",attrs:{rules:e.rules,model:e.storeInfo,"label-width":"100px"}},[r("el-form-item",{attrs:{label:"店长姓名",prop:"managerName"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.managerName,holder:"",maxLength:10},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"managerName",t)}}})],1),e._v(" "),r("el-form-item",{attrs:{label:"手机号码",prop:"managerPhone"}},[r("el-input",{attrs:{disabled:!e.isNew&&!!e.storeInfo.managerPhone},model:{value:e.storeInfo.managerPhone,callback:function(t){e.$set(e.storeInfo,"managerPhone",t)},expression:"storeInfo.managerPhone"}})],1),e._v(" "),r("el-form-item",{attrs:{label:"店长性别"}},[r("el-radio-group",{model:{value:e.storeInfo.managerSex,callback:function(t){e.$set(e.storeInfo,"managerSex",t)},expression:"storeInfo.managerSex"}},[r("el-radio",{attrs:{label:1}},[e._v("男")]),e._v(" "),r("el-radio",{attrs:{label:2}},[e._v("女")])],1)],1),e._v(" "),r("el-form-item",{attrs:{label:"店长代码",prop:"managerCode"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.managerCode,holder:"",maxLength:20},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"managerCode",t)}}})],1)],1)],1),e._v(" "),r("div",{staticClass:"info-cell"},[r("p",{staticClass:"title font-w-500"},[e._v("经营信息")]),e._v(" "),r("el-form",{ref:"storeOperate",staticClass:"operate-info-form info-form",attrs:{rules:e.rules,model:e.storeInfo,"label-width":"90px"}},[r("el-form-item",{attrs:{label:"特色服务",prop:"specialService"}},[r("el-input",{attrs:{type:"textarea",rows:2},model:{value:e.storeInfo.specialService,callback:function(t){e.$set(e.storeInfo,"specialService",t)},expression:"storeInfo.specialService"}}),e._v(" "),r("p",{staticClass:"counter t-rt c-909399 font-12"},[e._v(e._s((e.storeInfo.specialService||"").length)+"/20")])],1),e._v(" "),r("el-form-item",{attrs:{label:"人均消费",prop:"personCost"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.personCost,holder:"",maxLength:10},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"personCost",t)}}})],1),e._v(" "),r("el-form-item",{attrs:{label:"推荐商品"}},[r("el-input",{attrs:{type:"textarea",rows:2},model:{value:e.storeInfo.recommendGoods,callback:function(t){e.$set(e.storeInfo,"recommendGoods",t)},expression:"storeInfo.recommendGoods"}}),e._v(" "),r("p",{staticClass:"counter t-rt c-909399 font-12"},[e._v(e._s((e.storeInfo.recommendGoods||"").length)+"/100")])],1),e._v(" "),r("el-form-item",{attrs:{label:"品牌介绍"}},[r("el-input",{attrs:{type:"textarea",rows:2},model:{value:e.storeInfo.brandDes,callback:function(t){e.$set(e.storeInfo,"brandDes",t)},expression:"storeInfo.brandDes"}}),e._v(" "),r("p",{staticClass:"counter t-rt c-909399 font-12"},[e._v(e._s((e.storeInfo.recommendGoods||"").length)+"/200")])],1)],1)],1),e._v(" "),r("div",{staticClass:"handle-area"},[r("el-button",{attrs:{type:"primary"},on:{click:e.clickToSave}},[e._v("保 存")])],1)]),e._v(" "),r("vue-select-store",{ref:"storeSelector",attrs:{treeSet:e.treeSet,selectType:"group",forbidenList:[e.storeInfo.storeGroupId]},on:{handleSelectedList:e.handleSelectedList}})],1)])])],1)},staticRenderFns:[]};var h=r("VU/8")(m,d,!1,function(e){r("wER+")},null,null);t.default=h.exports},jyFz:function(e,t,r){var o=function(){return this}()||Function("return this")(),n=o.regeneratorRuntime&&Object.getOwnPropertyNames(o).indexOf("regeneratorRuntime")>=0,a=n&&o.regeneratorRuntime;if(o.regeneratorRuntime=void 0,e.exports=r("SldL"),n)o.regeneratorRuntime=a;else try{delete o.regeneratorRuntime}catch(e){o.regeneratorRuntime=void 0}},"wER+":function(e,t){}});
\ No newline at end of file
webpackJsonp([8],{SldL:function(e,t){!function(t){"use strict";var r,o=Object.prototype,n=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},i=a.iterator||"@@iterator",s=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag",u="object"==typeof e,c=t.regeneratorRuntime;if(c)u&&(e.exports=c);else{(c=t.regeneratorRuntime=u?e.exports:{}).wrap=b;var f="suspendedStart",p="suspendedYield",m="executing",d="completed",h={},g={};g[i]=function(){return this};var v=Object.getPrototypeOf,I=v&&v(v(E([])));I&&I!==o&&n.call(I,i)&&(g=I);var y=C.prototype=_.prototype=Object.create(g);x.prototype=y.constructor=C,C.constructor=x,C[l]=x.displayName="GeneratorFunction",c.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===x||"GeneratorFunction"===(t.displayName||t.name))},c.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,C):(e.__proto__=C,l in e||(e[l]="GeneratorFunction")),e.prototype=Object.create(y),e},c.awrap=function(e){return{__await:e}},S(L.prototype),L.prototype[s]=function(){return this},c.AsyncIterator=L,c.async=function(e,t,r,o){var n=new L(b(e,t,r,o));return c.isGeneratorFunction(t)?n:n.next().then(function(e){return e.done?e.value:n.next()})},S(y),y[l]="Generator",y[i]=function(){return this},y.toString=function(){return"[object Generator]"},c.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var o=t.pop();if(o in e)return r.value=o,r.done=!1,r}return r.done=!0,r}},c.values=E,k.prototype={constructor:k,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=r,this.done=!1,this.delegate=null,this.method="next",this.arg=r,this.tryEntries.forEach($),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=r)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function o(o,n){return s.type="throw",s.arg=e,t.next=o,n&&(t.method="next",t.arg=r),!!n}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],s=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(l&&u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),$(r),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var o=r.completion;if("throw"===o.type){var n=o.arg;$(r)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,o){return this.delegate={iterator:E(e),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=r),h}}}function b(e,t,r,o){var n=t&&t.prototype instanceof _?t:_,a=Object.create(n.prototype),i=new k(o||[]);return a._invoke=function(e,t,r){var o=f;return function(n,a){if(o===m)throw new Error("Generator is already running");if(o===d){if("throw"===n)throw a;return O()}for(r.method=n,r.arg=a;;){var i=r.delegate;if(i){var s=N(i,r);if(s){if(s===h)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===f)throw o=d,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=m;var l=w(e,t,r);if("normal"===l.type){if(o=r.done?d:p,l.arg===h)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(o=d,r.method="throw",r.arg=l.arg)}}}(e,r,i),a}function w(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}function _(){}function x(){}function C(){}function S(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function L(e){var t;this._invoke=function(r,o){function a(){return new Promise(function(t,a){!function t(r,o,a,i){var s=w(e[r],e,o);if("throw"!==s.type){var l=s.arg,u=l.value;return u&&"object"==typeof u&&n.call(u,"__await")?Promise.resolve(u.__await).then(function(e){t("next",e,a,i)},function(e){t("throw",e,a,i)}):Promise.resolve(u).then(function(e){l.value=e,a(l)},i)}i(s.arg)}(r,o,t,a)})}return t=t?t.then(a,a):a()}}function N(e,t){var o=e.iterator[t.method];if(o===r){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=r,N(e,t),"throw"===t.method))return h;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var n=w(o,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,h;var a=n.arg;return a?a.done?(t[e.resultName]=a.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=r),t.delegate=null,h):a:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,h)}function T(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function $(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function k(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(T,this),this.reset(!0)}function E(e){if(e){var t=e[i];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function t(){for(;++o<e.length;)if(n.call(e,o))return t.value=e[o],t.done=!1,t;return t.value=r,t.done=!0,t};return a.next=a}}return{next:O}}function O(){return{value:r,done:!0}}}(function(){return this}()||Function("return this")())},Xxa5:function(e,t,r){e.exports=r("jyFz")},caXu:function(e,t){},exGp:function(e,t,r){"use strict";t.__esModule=!0;var o,n=r("//Fk"),a=(o=n)&&o.__esModule?o:{default:o};t.default=function(e){return function(){var t=e.apply(this,arguments);return new a.default(function(e,r){return function o(n,i){try{var s=t[n](i),l=s.value}catch(e){return void r(e)}if(!s.done)return a.default.resolve(l).then(function(e){o("next",e)},function(e){o("throw",e)});e(l)}("next")})}}},"h/6A":function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=r("Xxa5"),n=r.n(o),a=r("//Fk"),i=r.n(a),s=r("exGp"),l=r.n(s),u=r("3Xzz"),c=r("l46T"),f=r("P9l9"),p=r("Ie7z"),m={name:"store-info",components:{navCrumb:u.a,vueSelectStore:p.a,limitInput:c.a},data:function(){return{navpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"门店架构",path:"/storeFrame"},{name:"添加门店",path:""}],editpath:[{name:"首页",path:"/index"},{name:"企业通讯录",path:"/administrativeFrame"},{name:"门店架构",path:"/storeFrame"},{name:"编辑门店",path:""}],treeSet:{isSelectPerson:!1,dialogVisible:!1,isSingle:!0},storeInfo:{storeName:"",storeGroupId:"",imageUrls:[],phoneNumber:"",openTime:"",closeTime:"",shopHours:"",storeType:0,countryId:"",provinceId:"",cityId:"",areaId:"",postAddress:"",longitude:"",latitude:"",location:"",storeArea:"",mangerName:"",storeManagerId:"",managerPhone:"",managerCode:"",maangerSex:"",storeCode:"",storeId:""},areaChainName:"",areaOptions:{},imgs:[],uploadUrl:"/haoban-manage-web/upload-img",rules:{storeName:[{required:!0,message:"请输入门店名称",trigger:"blur"}],storeGroupId:[{required:!0,message:"请输选择所属分组",trigger:"blur"}],groupChainName:[{required:!0,message:"请选择部门",trigger:"change"}],imageUrls:[{type:"array",required:!0,message:"请选择门店图片",trigger:"change"}],areaId:[{required:!0,message:"请选择门店地址",trigger:"blur"}],storeType:[{required:!0,message:"请选择门店类型",trigger:"blur"}],shopHours:[{required:!0,message:"请选择营业时间",trigger:"blur"}],location:[{required:!0,message:"请选择经纬度",trigger:"blur"}],phoneNumber:[{required:!0,validator:function(e,t,r){if(t)return/^1[34578]\d{9}$/.test(t)||/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(t)?r():r(new Error("联系电话格式不正确"));return r(new Error("请输入联系电话"))},trigger:"blur"}],storeCode:[{required:!0,message:"请输入门店代码",trigger:"blur"}],managerName:[{required:!0,message:"请输入店长姓名",trigger:"blur"}],managerPhone:[{required:!0,validator:function(e,t,r){if(t)return/^1[34578]\d{9}$/.test(t)?r():r(new Error("手机号码格式不正确"));return r(new Error("请输入手机号码"))},trigger:"blur"}],specialService:[{max:20,message:"长度在 20 个字符以内",trigger:"blur"}],personCost:[{validator:function(e,t,r){if(t)return/^\d+(\.\d+)?$/.test(1*t)?r():r(new Error("人均消费只能为非负整数或者小数"));return r()},trigger:"blur"}]}}},methods:{callSelector:function(){this.treeSet.dialogVisible=!0},handleSelectedList:function(e){this.storeInfo.storeGroupId=e[0].label,this.storeInfo.storeGroupId=e[0].id},changeTime:function(){this.storeInfo.openTime&&this.storeInfo.closeTime?this.storeInfo.shopHours=this.storeInfo.openTime+","+this.storeInfo.closeTime:this.storeInfo.shopHours=""},selected:function(e){this.storeInfo.provinceId=e.province,this.storeInfo.cityId=e.city||"",this.storeInfo.areaId=e.areaId||""},getStoreInfo:function(){var e=this,t={storeId:e.$route.query.storeId};Object(f.a)("/haoban-manage-web/store/findStoreById",t).then(function(t){1==t.data.errorCode?(e.showEmployee="store",e.formatStoreInfo(t.data.result)):e.$message.error({message:t.data.message})})},clickToSave:function(){var e=this;return l()(n.a.mark(function t(){var r,o,a,s;return n.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return r=e,t.next=3,r.changeTime();case 3:o=new i.a(function(e,t){r.$refs.storeInfo.validate(function(t){t&&e()})}),a=new i.a(function(e,t){r.$refs.storeManager.validate(function(t){t&&e()})}),s=new i.a(function(e,t){r.$refs.storeOperate.validate(function(t){t&&e()})}),i.a.all([o,a,s]).then(function(){r.save()});case 7:case"end":return t.stop()}},t,e)}))()},formatStoreInfo:function(e){var t=this;return l()(n.a.mark(function r(){var o,a;return n.a.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:o=t,a=(e.areaChainName||"").split("/"),o.areaOptions={provinceName:a[0],provinceId:e.provinceId,cityName:a[1],cityId:e.cityId,countryName:a[2],countyId:e.countryId},e.imageUrls=e.imageUrls?e.imageUrls:[],e.imageUrls.length&&(e.imageUrls=e.imageUrls.split(",")),e.location=e.longitude+","+e.latitude,o.storeInfo=e,o.changeTime();case 8:case"end":return r.stop()}},r,t)}))()},uploadOnSuccess:function(e,t){e.file.url=e.res.result[0].qcloudImageUrl,t.push(e.file)},sortImg:function(){},deleteImage:function(){},save:function(){var e=this,t=e.storeInfo.location.split(",");e.storeInfo.longitude=t[0],e.storeInfo.latitude=2!==t.length?"":t[1],e.storeInfo.managerPhone=e.storeInfo.managerPhone,e.storeInfo.areaChainName=e.areaChainName;var r=e.storeInfo,o=[];e.storeInfo.imageUrls.forEach(function(e){o.push(e.url)}),r.imageUrls=o.join(",");var n=e.isNew?"/haoban-manage-web/store/insert":"/haoban-manage-web/store/update";Object(f.a)(n,r).then(function(t){1==t.data.errorCode?(e.$message.success({message:t.data.message}),window.history.go(-1)):e.$message.error({message:t.data.message})}).catch(function(t){e.$message.error({message:t.message})})}},computed:{isNew:function(){return!this.$route.query.storeId}},beforeMount:function(){this.isNew||this.getStoreInfo()},mounted:function(){this.$route.query.storeId&&(this.navpath=this.editpath)}},d={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"common-set-wrap"},[r("nav-crumb",{attrs:{navpath:e.navpath}}),e._v(" "),r("div",{staticClass:"right-content"},[r("div",{staticClass:"right-box"},[r("div",[r("div",{staticClass:"store-info"},[r("div",{staticClass:"info-cell"},[r("p",{staticClass:"title font-w-500"},[e._v("门店信息")]),e._v(" "),r("el-form",{ref:"storeInfo",staticClass:"store-info-form info-form",attrs:{rules:e.rules,model:e.storeInfo,"label-width":"100px"}},[r("el-form-item",{attrs:{label:"门店名称",prop:"storeName"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.storeName,holder:"",maxLength:10},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"storeName",t)}}})],1),e._v(" "),r("el-form-item",{attrs:{label:"所属分组",prop:"storeGroupId"}},[r("el-input",{on:{focus:e.callSelector},model:{value:e.storeInfo.storeGroupId,callback:function(t){e.$set(e.storeInfo,"storeGroupId",t)},expression:"storeInfo.storeGroupId"}},[r("i",{staticClass:"el-input__icon el-icon-arrow-down",attrs:{slot:"suffix"},slot:"suffix"})])],1),e._v(" "),r("el-form-item",{attrs:{label:"门店图片",prop:"imageUrls"}},[r("div",{staticClass:"member-upload-image"},[r("vue-office-upload-image",{attrs:{projectName:"haoban-manage-web",wxFlag:"0",actionUrl:e.uploadUrl,imageList:e.storeInfo.imageUrls,limitW:640,limitH:340,maxImageLength:5},on:{uploadOnSuccess:e.uploadOnSuccess,sortImg:e.sortImg,deleteImage:e.deleteImage}})],1),e._v(" "),r("div",{staticClass:"tip font-12 color-909399 m-t-8 line-h-1"},[e._v("门店图片(640*340)")])]),e._v(" "),r("el-form-item",{attrs:{label:"联系电话",prop:"phoneNumber"}},[r("el-input",{model:{value:e.storeInfo.phoneNumber,callback:function(t){e.$set(e.storeInfo,"phoneNumber",t)},expression:"storeInfo.phoneNumber"}})],1),e._v(" "),r("el-form-item",{attrs:{label:"营业时间",prop:"shopHours"}},[r("el-time-select",{attrs:{editable:!1,placeholder:"起始时间","picker-options":{start:"00:00",step:"00:05",end:"24:00"}},on:{change:e.changeTime},model:{value:e.storeInfo.openTime,callback:function(t){e.$set(e.storeInfo,"openTime",t)},expression:"storeInfo.openTime"}}),e._v("\n ~\n "),r("el-time-select",{attrs:{editable:!1,placeholder:"结束时间","picker-options":{start:"00:00",step:"00:05",end:"24:00",minTime:e.storeInfo.openTime}},on:{change:e.changeTime},model:{value:e.storeInfo.closeTime,callback:function(t){e.$set(e.storeInfo,"closeTime",t)},expression:"storeInfo.closeTime"}})],1),e._v(" "),r("el-form-item",{attrs:{label:"门店类型",prop:"storeType"}},[r("el-radio-group",{model:{value:e.storeInfo.storeType,callback:function(t){e.$set(e.storeInfo,"storeType",t)},expression:"storeInfo.storeType"}},[r("el-radio",{attrs:{label:0}},[e._v("自营")]),e._v(" "),r("el-radio",{attrs:{label:1}},[e._v("联营")]),e._v(" "),r("el-radio",{attrs:{label:2}},[e._v("代理")]),e._v(" "),r("el-radio",{attrs:{label:3}},[e._v("代销")]),e._v(" "),r("el-radio",{attrs:{label:4}},[e._v("托管")])],1)],1),e._v(" "),r("el-form-item",{attrs:{label:"门店地址",prop:"areaId"}},[r("vue-office-area",{attrs:{areaOptions:e.areaOptions,projectName:"haoban-web",postUrl:"/haoban-manage-web/dict-district-list"},on:{selected:e.selected}}),e._v(" "),r("div",{staticClass:"m-t-15"},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.postAddress,holder:"",maxLength:50},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"postAddress",t)}}})],1)],1),e._v(" "),r("el-form-item",{attrs:{label:"GPS坐标",prop:"location"}},[r("el-input",{staticClass:"m-r-10",model:{value:e.storeInfo.location,callback:function(t){e.$set(e.storeInfo,"location",t)},expression:"storeInfo.location"}}),e._v(" "),r("a",{staticClass:"a-href",attrs:{href:"http://m.gpsspg.com/maps.htm",target:"_blank",rel:"nofollow noopener noreferrer"}},[e._v("经纬度测试工具")])],1),e._v(" "),r("el-form-item",{attrs:{prop:"storeCode"}},[r("template",{slot:"label"},[e._v("\n 门店代码\n "),r("i",{staticClass:"el-icon-question",staticStyle:{color:"#C0C4CC"}})]),e._v(" "),r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.storeCode,holder:"",maxLength:20},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"storeCode",t)}}})],2)],1)],1),e._v(" "),r("div",{staticClass:"info-cell"},[r("p",{staticClass:"title font-w-500"},[e._v("店长信息")]),e._v(" "),r("el-form",{ref:"storeManager",staticClass:"store-manager-info-form info-form",attrs:{rules:e.rules,model:e.storeInfo,"label-width":"100px"}},[r("el-form-item",{attrs:{label:"店长姓名",prop:"managerName"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.managerName,holder:"",maxLength:10},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"managerName",t)}}})],1),e._v(" "),r("el-form-item",{attrs:{label:"手机号码",prop:"managerPhone"}},[r("el-input",{attrs:{disabled:!e.isNew&&!!e.storeInfo.managerPhone},model:{value:e.storeInfo.managerPhone,callback:function(t){e.$set(e.storeInfo,"managerPhone",t)},expression:"storeInfo.managerPhone"}})],1),e._v(" "),r("el-form-item",{attrs:{label:"店长性别"}},[r("el-radio-group",{model:{value:e.storeInfo.managerSex,callback:function(t){e.$set(e.storeInfo,"managerSex",t)},expression:"storeInfo.managerSex"}},[r("el-radio",{attrs:{label:1}},[e._v("男")]),e._v(" "),r("el-radio",{attrs:{label:2}},[e._v("女")])],1)],1),e._v(" "),r("el-form-item",{attrs:{label:"店长代码",prop:"managerCode"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.managerCode,holder:"",maxLength:20},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"managerCode",t)}}})],1)],1)],1),e._v(" "),r("div",{staticClass:"info-cell"},[r("p",{staticClass:"title font-w-500"},[e._v("经营信息")]),e._v(" "),r("el-form",{ref:"storeOperate",staticClass:"operate-info-form info-form",attrs:{rules:e.rules,model:e.storeInfo,"label-width":"90px"}},[r("el-form-item",{attrs:{label:"特色服务",prop:"specialService"}},[r("el-input",{attrs:{type:"textarea",rows:2},model:{value:e.storeInfo.specialService,callback:function(t){e.$set(e.storeInfo,"specialService",t)},expression:"storeInfo.specialService"}}),e._v(" "),r("p",{staticClass:"counter t-rt c-909399 font-12"},[e._v(e._s((e.storeInfo.specialService||"").length)+"/20")])],1),e._v(" "),r("el-form-item",{attrs:{label:"人均消费",prop:"personCost"}},[r("limitInput",{attrs:{inputWidth:500,inputValue:e.storeInfo.personCost,holder:"",maxLength:10},on:{"update:inputValue":function(t){e.$set(e.storeInfo,"personCost",t)}}})],1),e._v(" "),r("el-form-item",{attrs:{label:"推荐商品"}},[r("el-input",{attrs:{type:"textarea",rows:2},model:{value:e.storeInfo.recommendGoods,callback:function(t){e.$set(e.storeInfo,"recommendGoods",t)},expression:"storeInfo.recommendGoods"}}),e._v(" "),r("p",{staticClass:"counter t-rt c-909399 font-12"},[e._v(e._s((e.storeInfo.recommendGoods||"").length)+"/100")])],1),e._v(" "),r("el-form-item",{attrs:{label:"品牌介绍"}},[r("el-input",{attrs:{type:"textarea",rows:2},model:{value:e.storeInfo.brandDes,callback:function(t){e.$set(e.storeInfo,"brandDes",t)},expression:"storeInfo.brandDes"}}),e._v(" "),r("p",{staticClass:"counter t-rt c-909399 font-12"},[e._v(e._s((e.storeInfo.recommendGoods||"").length)+"/200")])],1)],1)],1),e._v(" "),r("div",{staticClass:"handle-area"},[r("el-button",{attrs:{type:"primary"},on:{click:e.clickToSave}},[e._v("保 存")])],1)]),e._v(" "),r("vue-select-store",{ref:"storeSelector",attrs:{treeSet:e.treeSet,selectType:"group",forbidenList:[e.storeInfo.storeGroupId]},on:{handleSelectedList:e.handleSelectedList}})],1)])])],1)},staticRenderFns:[]};var h=r("VU/8")(m,d,!1,function(e){r("caXu")},null,null);t.default=h.exports},jyFz:function(e,t,r){var o=function(){return this}()||Function("return this")(),n=o.regeneratorRuntime&&Object.getOwnPropertyNames(o).indexOf("regeneratorRuntime")>=0,a=n&&o.regeneratorRuntime;if(o.regeneratorRuntime=void 0,e.exports=r("SldL"),n)o.regeneratorRuntime=a;else try{delete o.regeneratorRuntime}catch(e){o.regeneratorRuntime=void 0}}});
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,n,r){for(var t,b,o,i=0,u=[];i<c.length;i++)b=c[i],f[b]&&u.push(f[b][0]),f[b]=0;for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);for(a&&a(c,n,r);u.length;)u.shift()();if(r)for(i=0;i<r.length;i++)o=d(d.s=r[i]);return o};var c={},f={44:0};function d(a){if(c[a])return c[a].exports;var f=c[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var a=f[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,d){a=f[e]=[c,d]});a[2]=c;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,d.nc&&r.setAttribute("nonce",d.nc),r.src=d.p+"static/js/"+e+"."+{0:"eb0a4246ba12b2f19e2a",1:"0ebe3ead93207dc78a78",2:"a3034ac019ab3b076959",3:"7f87f1f60c09bb6ad371",4:"7dd9b3bb0689b9db1cf3",5:"3417bcae84d670c66db1",6:"fbd06ea78358b8144d70",7:"fb9879c0177f64d093fb",8:"d7aaadab295e16aa570e",9:"325d932bbdd43400378c",10:"4e361f7d71dc54b505c7",11:"f0a5934a01e738b98d90",12:"083c2dea91ab829164ab",13:"cd7e52c325cdc13a2368",14:"c7093604e27c367303cf",15:"bd12670087ac2b78bcd8",16:"1524360dd522553f9835",17:"0df740b440fad8662864",18:"07d5abcfefbcf450eccc",19:"dabaaf4b65f9f75c9a0d",20:"f5dd0c36e2944f5fa78c",21:"7faaa888e2db1aa1e5a3",22:"e2b096ce6ec3d2f5b0d7",23:"36f14084226b8d6bba02",24:"da00208b59bc1152ea8c",25:"e18d84688b21155beafe",26:"bd139135ffeed7c3be5d",27:"e85ffa7929197dc4609a",28:"c75ca2dc62974c43903c",29:"25c23e727c71fda1821b",30:"5546948c939232668fc6",31:"16358ad3a9085c551664",32:"20338d6b658d38bf70dc",33:"375e96e88f2f82b30e3c",34:"57d4132e0ff6a5a8ac00",35:"aed8a28b82487ff5f295",36:"158063a49dabc462fe14",37:"f30f4e653b1f9e708aaa",38:"ac5ef7410309c861198f",39:"3e612f993ddd107c14dd",40:"f965564e0c6bf413d47f",43:"13848f214bb993c20004"}[e]+".js";var t=setTimeout(b,12e4);function b(){r.onerror=r.onload=null,clearTimeout(t);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return r.onerror=r.onload=b,n.appendChild(r),c},d.m=e,d.c=c,d.d=function(e,a,c){d.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},d.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(a,"a",a),a},d.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,n,r){for(var t,b,o,i=0,u=[];i<c.length;i++)b=c[i],f[b]&&u.push(f[b][0]),f[b]=0;for(t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);for(a&&a(c,n,r);u.length;)u.shift()();if(r)for(i=0;i<r.length;i++)o=d(d.s=r[i]);return o};var c={},f={44:0};function d(a){if(c[a])return c[a].exports;var f=c[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var a=f[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,d){a=f[e]=[c,d]});a[2]=c;var n=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,d.nc&&r.setAttribute("nonce",d.nc),r.src=d.p+"static/js/"+e+"."+{0:"eb0a4246ba12b2f19e2a",1:"0ebe3ead93207dc78a78",2:"a3034ac019ab3b076959",3:"7f87f1f60c09bb6ad371",4:"7dd9b3bb0689b9db1cf3",5:"3417bcae84d670c66db1",6:"fbd06ea78358b8144d70",7:"fb9879c0177f64d093fb",8:"cb6198aa495ed7d70e24",9:"325d932bbdd43400378c",10:"4e361f7d71dc54b505c7",11:"f0a5934a01e738b98d90",12:"083c2dea91ab829164ab",13:"cd7e52c325cdc13a2368",14:"c7093604e27c367303cf",15:"bd12670087ac2b78bcd8",16:"1524360dd522553f9835",17:"0df740b440fad8662864",18:"07d5abcfefbcf450eccc",19:"dabaaf4b65f9f75c9a0d",20:"f5dd0c36e2944f5fa78c",21:"7faaa888e2db1aa1e5a3",22:"e2b096ce6ec3d2f5b0d7",23:"36f14084226b8d6bba02",24:"da00208b59bc1152ea8c",25:"e18d84688b21155beafe",26:"f7dd53aad405f73538cb",27:"e85ffa7929197dc4609a",28:"c75ca2dc62974c43903c",29:"25c23e727c71fda1821b",30:"5546948c939232668fc6",31:"16358ad3a9085c551664",32:"20338d6b658d38bf70dc",33:"375e96e88f2f82b30e3c",34:"57d4132e0ff6a5a8ac00",35:"aed8a28b82487ff5f295",36:"158063a49dabc462fe14",37:"f30f4e653b1f9e708aaa",38:"ac5ef7410309c861198f",39:"3e612f993ddd107c14dd",40:"f965564e0c6bf413d47f",43:"13848f214bb993c20004"}[e]+".js";var t=setTimeout(b,12e4);function b(){r.onerror=r.onload=null,clearTimeout(t);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return r.onerror=r.onload=b,n.appendChild(r),c},d.m=e,d.c=c,d.d=function(e,a,c){d.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},d.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(a,"a",a),a},d.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
{
"name": "gicfront",
"version": "1.0.6",
"version": "1.0.9",
"description": "A Vue.js project",
"author": "haoban",
"private": true,
......
......@@ -23,6 +23,7 @@
<el-date-picker v-else-if="item.fieldType == 4" v-model="info[item.fieldCode]" type="date" :disabled="item.fieldEdited != '1'" :format="item.fieldOperations.typeValue" :value-format="item.fieldOperations.typeValue" :placeholder="item.fieldDescription"> </el-date-picker>
<el-date-picker v-else-if="item.fieldType == 5" v-model="info[item.fieldCode]" type="daterange" range-separator="至" :disabled="item.fieldEdited != '1'" :format="item.fieldOperations.typeValue" :value-format="item.fieldOperations.typeValue" :start-placeholder="item.fieldOperations.startDescription" :end-placeholder="item.fieldOperations.endDescription"> </el-date-picker>
<vue-office-upload-image v-else-if="item.fieldType == 7" projectName="haoban-manage-web" wxFlag="0" :actionUrl="uploadUrl" :imageList="info[item.fieldCode]" :limitW="500" :limitH="500" :maxImageLength="5" @uploadOnSuccess="uploadOnSuccess" @sortImg="sortImg" @deleteImage="deleteImage"> </vue-office-upload-image>
<!-- <uploadImage v-else-if="item.fieldType == 7" projectName="haoban-manage-web" wxFlag="0" :actionUrl="uploadUrl" :imageList.sync="info[item.fieldCode]" :limitW="500" :limitH="500" :maxImageLength="5" @uploadOnSuccess="uploadOnSuccess" @sortImg="sortImg" @deleteImage="deleteImage"></uploadImage> -->
</template>
<template v-else>
<div v-if="item.fieldType == 0 || item.fieldType == 1 || item.fieldType == 6" class="field-value color-606266">
......@@ -57,6 +58,7 @@
</div>
</template>
<script>
// import uploadImage from 'components/employeeRecord/uploadImage';
import { formatDate, deepClone } from '@/utils/index';
import { getRequest } from '@/api/api';
export default {
......@@ -83,6 +85,10 @@ export default {
required: true
}
},
/* eslint-disable */
components: {
// uploadImage
},
filters: {
formatDate
},
......@@ -98,6 +104,14 @@ export default {
res.file.url = res.res.result[0].qcloudImageUrl;
list.push(res.file);
},
// 删除图片 返回图片列表的索引 你可以根据这个索引去找对应图片的id
deleteImage(i) {
this.imageList.splice(i, 1);
},
// 排序图片
sortImg(val) {
this.imageList = val;
},
// 保存编辑
saveEdit() {
let that = this;
......
<template>
<div class="gic-upload__img">
<!-- 上传成功的图片展示 -->
<div class="gic-upload__img__drag">
<draggable :options="{ group: { name: 'people', pull: false, put: true }, sort: true }" v-model="dragImageList" @end="itemMoveEnd" class="drag-wrap" style="display: contents;">
<transition-group name="slide-fade">
<div v-for="(item, index) in imageList" :class="['img-content', index >= 6 ? 'm-t-8' : '']" :key="index">
<a class="item-img" :href="item.url">
<img :src="item.url" alt="上传图片" />
</a>
<!-- 预览和删除按钮 -->
<div class="upload-icon__btn">
<i class="el-icon-view" @click="previewImage(index)"></i>
<i class="el-icon-delete" @click="deleteImage(index)"></i>
</div>
</div>
</transition-group>
</draggable>
<!-- 上传进度条 -->
<div :class="['img-content', 'img-progress', imageList.length >= 6 ? 'm-t-8' : '']" v-if="!pass && progress !== 0">
<el-progress class="gic-img-progress" :width="102" :percentage="progress" :status="propStatus" style="line-height: 102px;"></el-progress>
</div>
<!-- 图片上传部分 -->
<div :class="['img-upload', imageList.length >= 6 ? 'm-t-8' : '']" v-if="imageList && imageList.length < maxImageLength">
<el-upload class="loader" accept="image/jpg,image/jpeg,image/png,image/gif" :action="uploadUrl()" list-type="picture-card" :on-change="uploadOnChange" :before-upload="beforeAvatarUpload" :on-success="uploadOnSuccess" :on-error="uploadOnError" :on-progress="uploadOnProgress">
<i class="el-icon-plus gic-upload-btn"></i>
</el-upload>
</div>
</div>
<el-dialog title="图片预览" :visible.sync="isEnlargeImage" :modal-append-to-body="false" :before-close="handleClose" width="520px">
<el-carousel v-if="isEnlargeImage" trigger="click" :initial-index="initialImg" :autoplay="false" height="500px">
<el-carousel-item v-for="(img, index) in imageList" :key="index" style="display: flex;align-items: center;justify-content: center;">
<img @click="isEnlargeImage = false" style="max-width: 480px;max-height: 500px;" :src="img.url" />
</el-carousel-item>
</el-carousel>
</el-dialog>
</div>
</template>
<script>
/**
放大预览
删除
添加到循环里面
开始上传 上传失败 上传成功三个步骤
上传图片的进度条是固定的样式大小、如果我这边修改的话
会不会影响其他地方的样式
*/
import draggable from 'vuedraggable';
export default {
name: 'vue-office-upload-image',
props: {
projectName: {
type: String,
default: 'haoban-manage-web'
},
wxFlag: {
type: String,
default: '1'
},
imgRate: {
type: String
},
// 上传地址
actionUrl: {
type: String,
default: ''
},
// 图片限制 不能超过 超过隐藏上传按钮
maxImageLength: {
type: Number,
default: 5
},
limitW: {
type: Number
},
limitH: {
type: Number
},
imageList: {
type: Array,
default() {
return [];
}
}
},
data() {
return {
dragImageList: this.imageList, // 传递的图片数据
initialImg: 0, // 初始索引
progress: 0, // 上传进度
pass: null, // 是否上传成功
isEnlargeImage: false, // 放大图片
enlargeImage: '' // 放大的图片的地址
};
},
computed: {
propStatus() {
if (this.pass) {
return 'success';
} else if (this.pass === false) {
return 'exception';
} else {
return 'text';
}
}
},
/* eslint-disable */
beforeMount() {
// this.action = this.actionUrl;
},
methods: {
// 获取 action 的 url
uploadUrl() {
let that = this;
let host = window.location.origin;
let baseUrl;
let wxFlag;
wxFlag = !!that.wxFlag && that.wxFlag != ''? 'wxFlag='+that.wxFlag + '&': '';
if (host.indexOf('localhost') != '-1') {
baseUrl = 'http://www.gicdev.com';
}else {
baseUrl = host;
}
that.upUrl = baseUrl + that.actionUrl +'?'+ wxFlag+ 'requestProject=' + that.projectName;
return that.upUrl;
},
// 上传之前回调
beforeAvatarUpload(file) {
let that = this;
const isJPG = file.type === 'image/jpeg' || file.type === 'image/jpg' || file.type === 'image/jpg';
const isLt2M = file.size / 1024 / 1024 < 2;
// if (!isJPG) {
// that.$message.error('上传图片只能是 JPG/JPEG 格式!');
// }
if (!isLt2M) {
that.$message.error('上传图片大小不能超过 2MB!');
}
return isLt2M && new Promise(function(resolve, reject) {
let reader = new FileReader();
reader.onload = function(event) {
let image = new Image();
image.onload = function () {
let width = this.width;
let height = this.height;
// console.log(width,height,!that.imgRate)
if (!!that.imgRate && that.imgRate !=='' ){
let limitRate = Number(that.imgRate.split(':')[0])/Number(that.imgRate.split(':')[1]);
let realRate = Number(width)/Number(height);
if (limitRate != realRate) {
that.$message.error('上传图片比例不正确!');
reject();
}
}
if ((!that.imgRate||that.imgRate =='') && !!that.limitW && that.limitH && width !== that.limitW && height !== that.limitH){
that.$message.error('上传图片尺寸不正确!');
reject();
}
resolve();
};
image.src = event.target.result;
};
reader.readAsDataURL(file);
})
},
// 上传成功
uploadOnSuccess(res, file) {
let that = this;
this.pass = true;
if (res.errorCode == 1) {
that.$message.success('上传成功');
that.$emit('uploadOnSuccess',{res:res,file:file}, that.imageList);
}else {
that.$message.error(res.message);
}
},
// 开始上传
uploadOnProgress(e, file) {
if (e && e.percent) {
this.progress = Math.floor(e.percent);
}
},
uploadOnChange(file) {
if (file.status === 'ready') {
this.pass = null;
this.progress = 0;
} else if (file.status === 'fail') {
this.$message.error('图片上传失败,请重试!');
}
},
/* eslint-disable */
uploadOnError() {
},
// 预览图片
previewImage(i) {
this.isEnlargeImage = true;
this.initialImg = i;
},
// 删除图片
deleteImage(i) {
this.$emit('deleteImage', i);
// this.imageList.splice(i, 1);
let newList = JSON.parse(JSON.stringify(this.imageList)).splice(i, 1);
that.$emit('update:imageList', newList);
},
// 关闭弹层
handleClose(done) {
done();
},
// move end
itemMoveEnd(evt) {
let that = this;
that.$emit('sortImg', that.dragImageList);
that.$emit('update:imageList', that.dragImageList);
}
},
watch: {
imageList: function(newData,oldData){
let that = this;
that.dragImageList = newData;
},
},
/* 接收数据 */
/* eslint-disable */
mounted() {
let that = this;
// that.dragImageList = that.imageList
},
components: {
draggable
},
};
</script>
<style>
.el-upload-dragger {
height: 104px;
line-height: 104px;
width: 104px;
background-color: transparent;
}
.gic-upload__img {
display: inline-block;
}
.gic-upload__img__drag {
max-width: 680px;
display: inline-block;
font-size: 0;
}
.gic-upload__img .img-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
width: 104px;
height: 104px;
box-sizing: border-box;
border: 1px solid #dcdfe6;
border-radius: 4px;
cursor: pointer;
}
.img-content.m-t-8 {
margin-top: 8px;
}
.gic-upload__img .img-content .upload-icon__btn{
position: absolute;
font-size: 16px;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gic-upload__img .img-content .item-img {
display: flex;
align-items: center;
justify-content: center;
margin: 8px;
height: 86px;
width: 86px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*border: 1px solid #dcdfe6;*/
border-radius: 0;
}
.gic-upload__img .img-content .item-img img{
position: static;
display: block;
max-width: 86px;
max-height: 86px;
}
.gic-upload__img .img-content::after{
position: absolute;
top: 8px;
left: 8px;
z-index: 1;
content: ' ';
display: block;
height: 86px;
width: 86px;
background-color: rgba(0, 0, 0, .5);
transition: all .3s;
opacity: 0;
}
.gic-upload__img .img-content:hover::after{
opacity: 1;
}
.gic-upload__img .img-content:hover .upload-icon__btn{
display: block;
z-index: 100;
color: #fff;
}
.gic-upload__img .img-upload{
display: inline-block;
vertical-align: middle;
font-size: 28px;
}
.img-upload.m-t-8 {
margin-top: 8px;
}
.el-upload-list--picture-card{
display: none;
}
.el-upload--picture-card {
width: 104px;
height: 104px;
line-height: 104px;
}
.slide-fade-enter-active {
transition: all .6s ease;
}
.slide-fade-leave-active {
transition: all .6s cubic-bezier(.55, 0, .1, 1);
}
.slide-fade-enter, .slide-fade-leave-to {
opacity: 0;
}
</style>
......@@ -367,7 +367,6 @@ export default {
},
async formatStoreInfo(obj) {
let that = this;
let arr = (obj.areaChainName || '').split('/');
// 将店铺地址信息拆分为省市区地址字段
that.areaOptions = {
......@@ -378,17 +377,14 @@ export default {
countryName: arr[2],
countyId: obj.countryId
};
/* that.imgs = !obj.imageUrl ? [] : obj.imageUrl.split(',');
that.imgs = !obj.imageUrl ? [] : obj.imageUrl.split(',');
let newImgs = [];
that.imgs.forEach(img => {
newImgs.push({ url: img });
});
that.imgs = newImgs; */
obj.imageUrls = !!obj.imageUrls ? obj.imageUrls : [];
if (!!obj.imageUrls.length) {
obj.imageUrls = obj.imageUrls.split(',');
}
// that.imgs = newImgs;
// obj.imageUrls = !!obj.imageUrl ? obj.imageUrl : [];
obj.imageUrls = newImgs;
obj.location = obj.longitude + ',' + obj.latitude;
that.storeInfo = obj;
that.changeTime();
......@@ -407,7 +403,7 @@ export default {
that.storeInfo.longitude = locationArr[0];
that.storeInfo.latitude = locationArr.length !== 2 ? '' : locationArr[1];
that.storeInfo.managerPhone = that.storeInfo.managerPhone;
that.storeInfo.areaChainName = that.areaChainName;
// that.storeInfo.areaChainName = that.areaChainName;
let params = that.storeInfo;
let imageUrls = [];
that.storeInfo.imageUrls.forEach(img => {
......
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