feat:批量修改业务经理

src/views/dataCorrection/managerBatchCorrection/columns.js

@@ -42,12 +42,12 @@ const columns = [
     minWidth: '150px',
     label: '申请时间'
   },
-  {
-    prop: '操作',
-    label: '操作',
-    width: '60px',
-    _slot_: 'operation'
-  }
+  // {
+  //   prop: '操作',
+  //   label: '操作',
+  //   width: '60px',
+  //   _slot_: 'operation'
+  // }
 ]
 
 export {

src/views/dataCorrection/managerBatchCorrection/components/importTemplateModal.vue

@@ -5,7 +5,7 @@
     title="导入业务经理修正"
     :visible="innerVisible"
     :close-on-click-modal="false"
-    @close="() => innerVisible = false"
+    @close="() => {innerVisible = false; tableData = [];manager = ''; managerid = [];}"
   >
     <div v-if="tableData && tableData.length > 0" class="tr" style="padding: 10px 0 0 0;display:flex">
       <!-- <el-button :size="'mini'" @click="() => tableData = []">取消</el-button>
@@ -14,7 +14,8 @@
       <project-manager size="mini" :is-detail="true" :names="manager" :value="managerid" @searchChange="manageridChange" />
 
       <el-button type="warning" size="mini" style="margin-left:10px" @click="batchSetting">批量设置</el-button>
-      <el-button type="primary" size="mini">保存设置</el-button>
+      <el-button type="danger" size="mini" @click="tableData = []">重新上传</el-button>
+      <el-button type="primary" size="mini" @click="onSubmit">保存设置</el-button>
     </div>
     <div v-else>
       <upload-excel :on-success="onSuccess" :before-upload="beforeUpload" />
@@ -56,7 +57,7 @@ export default {
     return {
       columns,
       manager: "",
-      managerid: "",
+      managerid: [],
       selected: [],
       loading: false,
       tableData: [],
@@ -79,7 +80,7 @@ export default {
   },
   methods: {
     batchSetting(){
-      if(!this.manager || !this.managerid){
+      if(!this.manager || this.managerid.length === 0){
         this.$message.warning("请选择业务经理!")
         return
       }
@@ -89,12 +90,30 @@ export default {
         return
       }
 
+      const newTableData = JSON.parse(JSON.stringify(this.tableData));
+      const orderCodes = this.selected.map(({orderCode}) => orderCode);
+
+
+      newTableData.forEach(item => {
+        if(orderCodes.includes(item.orderCode)){
+          item.managerid = this.managerid[0];
+          item.manager = this.manager;
+        }
+      })
+
+
+      this.tableData = newTableData;
+
+      console.log(this.tableData)
     },
     handleSelection(data){
       this.selected = data.list
     },
     manageridChange(data){
-      console.log(data)
+      this.managerid = data.id ? [data.id] :  []
+      this.manager = data.label || ""
+
+      console.log(this.managerid,this.manager)
     },
     validateTableHeader(header, importHeader) {
       let isHeaderOk = true
@@ -116,7 +135,7 @@ export default {
     },
     /* 所属平台、商品分类、商品名称、单位、收货人、收货地址、PO编号不能为空 **/
     validateRequiredField(requiredFields) {
-      const verification = createFieldVerification('销售订单编号、业务经理,不能为空!')
+      const verification = createFieldVerification('销售订单编号、导入业务经理名称,不能为空!')
       const fields = helper.fields(requiredFields)
 
       requiredFields[fields[0]].forEach((_, index) => {
@@ -125,6 +144,7 @@ export default {
           verification.notValidRows.push(index + 1)
         }
       })
+
       return verification
     },
     /* 处理不合法的值,提示错误信息,并返回最终的验证状态 **/
@@ -187,28 +207,36 @@ export default {
         templateHeader
       )
 
-
       if (!isHeaderValid) {
         this.$message.warning('表格与导入的表头不一致!')
         return
       }
+
       if (templateItems.length === 0) {
         this.$message.warning('导入的表格没有数据!')
         return
       }
+
       templateItems.forEach(templateItem => {
         const tableItem = this.mapTemplateItemToTableItem(templateItem)
         this.tableData.push(tableItem)
       })
       this.validateFields(this.tableData).message()
     },
-    async manageridChange(data){
-      console.log(data);
-    },
     async onSubmit() {
       const { message, isFinalValid } = this.validateFields(this.tableData)
+
       if (!isFinalValid) return message()
 
+      console.log(this.tableData)
+
+      const isPass = this.tableData.every(({manager, managerid }) => manager && managerid)
+
+      if(!isPass){
+        this.$message.warning("部分订单未设置业务经理！")
+        return
+      }
+
       const list = this.tableData.map(tableItem => requsetFields.reduce((prev, currentKey) => ({
         ...prev,
         [currentKey]: currentKey === PROPERTYS.SEND_TIME ? dayjs(tableItem[currentKey] * 1000).format('YYYY-MM-DD HH:mm:ss') : tableItem[currentKey]

src/views/dataCorrection/managerBatchCorrection/components/template.js

@@ -36,12 +36,12 @@ export const columns = [
     required: true
   },
   {
-    prop: PROPERTYS.MANAGER,
+    prop: "managerid",
     label: '批量设置业务经理ID',
     required: true
   },
   {
-    prop: PROPERTYS.MANAGER,
+    prop:"manager",
     label: '批量设置业务经理名称',
     required: true
   }
@@ -49,9 +49,12 @@ export const columns = [
 
 export function createErrorMessage(messages) {
   const rows = Object.keys(messages)
+  
   return rows.reduce((prev, row, index) => {
     const suffix = index === rows.length - 1 ? '</ul>' : ''
-    const content = prev + `<li><strong style="font-weight:700">第${row}行</strong>,${message[row]}</li>`
+    const content = prev + `<li><strong style="font-weight:700">
+      第${row}行</strong>,${messages[row]}
+    </li>`
     return content + suffix
   }, '<ul>')
 }
@@ -64,7 +67,8 @@ export const createFieldVerification = (message) => ({
 
 export const requsetFields = [
   PROPERTYS.ORDER_CODE,
-  PROPERTYS.IMPORT_MANAGER,
+  "managerid",
+  "manager"
 ]
 export const requiredFields = [
   PROPERTYS.ORDER_CODE,

src/views/dataCorrection/managerBatchCorrection/index.vue

@@ -189,7 +189,7 @@ export default {
     powers() {
       const { btnList } = this.$store.getters;
       const tran =
-        btnList.find(i => i.menu_route == "managerCorrection") || {};
+        btnList.find(i => i.menu_route == "managerBatchCorrection") || {};
       const { action } = tran ?? {};
       return action ?? [];
     }