From 7377d19a8d1e40682c6b546c7a6526e5fe67a3fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=90=8C=E6=B5=B7?= <963808678@qq.com>
Date: Sun, 29 Jan 2023 16:32:33 +0800
Subject: [PATCH] 1/29

---
 .../main/Taskmanage/TaskmanageList/index.vue  | 437 ++++++++++--------
 1 file changed, 234 insertions(+), 203 deletions(-)

diff --git a/src/views/main/Taskmanage/TaskmanageList/index.vue b/src/views/main/Taskmanage/TaskmanageList/index.vue
index 0d58872..7d2640f 100644
--- a/src/views/main/Taskmanage/TaskmanageList/index.vue
+++ b/src/views/main/Taskmanage/TaskmanageList/index.vue
@@ -5,9 +5,7 @@
         <x-card style="padding-bottom: 20px">
           <div slot="content">
             <template v-if="levelLoading">
-              <div class="nav-loading">
-                <a-icon type="loading" /><span class="tip">加载中...</span>
-              </div>
+              <div class="nav-loading"><a-icon type="loading" /><span class="tip">加载中...</span></div>
             </template>
             <template v-else>
               <div class="nav-title">
@@ -34,7 +32,14 @@
               </a-tabs>
             </template>
             <div class="nav-bottom">
-              <a-button type="link" class="icon" :icon="levelreLoading ? 'loading' : 'reload'" size="small" @click="getCurrentTotalStat">点击重新加载</a-button>
+              <a-button
+                type="link"
+                class="icon"
+                :icon="levelreLoading ? 'loading' : 'reload'"
+                size="small"
+                @click="getCurrentTotalStat"
+                >点击重新加载</a-button
+              >
             </div>
           </div>
         </x-card>
@@ -55,7 +60,10 @@
                 </a-col>
                 <a-col :md="7" :sm="24">
                   <a-form-item label="开船日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                    <a-range-picker format="YYYY-MM-DD" v-decorator="['etd', { rules: [{ required: false, message: '请输入提单号' }] }]"/>
+                    <a-range-picker
+                      format="YYYY-MM-DD"
+                      v-decorator="['etd', { rules: [{ required: false, message: '请输入提单号' }] }]"
+                    />
                   </a-form-item>
                 </a-col>
                 <a-col :md="5" :sm="24">
@@ -101,7 +109,10 @@
                   </a-col>
                   <a-col :md="7" :sm="24">
                     <a-form-item label="任务日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                      <a-range-picker format="YYYY-MM-DD" v-decorator="['taskDate', { rules: [{ required: false, message: '请输入提单号' }] }]"/>
+                      <a-range-picker
+                        format="YYYY-MM-DD"
+                        v-decorator="['taskDate', { rules: [{ required: false, message: '请输入提单号' }] }]"
+                      />
                     </a-form-item>
                   </a-col>
                   <a-col :md="5" :sm="24">
@@ -110,11 +121,7 @@
                         :dropdownMatchSelectWidth="false"
                         v-decorator="['status', { rules: [{ required: false, message: '请输入任务状态' }] }]"
                       >
-                        <a-select-option
-                          v-for="(status, stindex) in statusList"
-                          :key="stindex"
-                          :value="status.code"
-                        >
+                        <a-select-option v-for="(status, stindex) in statusList" :key="stindex" :value="status.code">
                           {{ status.name }}
                         </a-select-option>
                       </a-select>
@@ -126,14 +133,23 @@
                         :dropdownMatchSelectWidth="false"
                         v-decorator="['taskType', { rules: [{ required: false, message: '请输入任务类型' }] }]"
                       >
-                        <a-select-option v-for="(taskItem, tindex) in taskTypeList" :key="tindex" :value="taskItem.code">
+                        <a-select-option
+                          v-for="(taskItem, tindex) in taskTypeList"
+                          :key="tindex"
+                          :value="taskItem.code"
+                        >
                           {{ taskItem.name }}
                         </a-select-option>
                       </a-select>
                     </a-form-item>
                   </a-col>
                 </template>
-                <a-col :md="(!advanced && 7) || 24" :sm="24" :labelCol="{ span: 2, offset: 12 }" :wrapperCol="wrapperCol">
+                <a-col
+                  :md="(!advanced && 7) || 24"
+                  :sm="24"
+                  :labelCol="{ span: 2, offset: 12 }"
+                  :wrapperCol="wrapperCol"
+                >
                   <span class="table-page-search-submitButtons">
                     <a-button type="primary" @click="tableRefresh">查询</a-button>
                     <a-button style="margin-left: 8px" @click="tableReset">重置</a-button>
@@ -189,7 +205,7 @@
                     <a-button class="list-btn"><i class="iconfont icon-duibi"></i>重新比对</a-button>
                   </a-popconfirm>
                 </template>
-                <template v-if="taskType === 'DRAFT' || taskType === 'SEAWAY BILL' ">
+                <template v-if="taskType === 'DRAFT' || taskType === 'SEAWAY BILL'">
                   <a-popconfirm
                     title="确定批量转发当前选择项？"
                     ok-text="是"
@@ -305,7 +321,10 @@
                     <template slot="title">
                       LARA登记
                     </template>
-                    <span class="operate-btn iconfont icon-electronic-signature" @click="laraPaperRegistFun(row)"></span>
+                    <span
+                      class="operate-btn iconfont icon-electronic-signature"
+                      @click="laraPaperRegistFun(row)"
+                    ></span>
                   </a-tooltip>
                   <a-tooltip>
                     <template slot="title">
@@ -340,10 +359,7 @@
           }"
           :wrapperCol="wrapperCol"
         >
-          <a-input
-            placeholder="请输入发送邮箱"
-            v-model="sendEmailForm.email"
-          />
+          <a-input placeholder="请输入发送邮箱" v-model="sendEmailForm.email" />
         </a-form-model-item>
       </a-form-model>
     </a-modal>
@@ -403,10 +419,10 @@ export default {
     return {
       levelTop: [],
       activeTopKey: '',
-			levelNextAll: [],
+      levelNextAll: [],
       levelNext: [],
       activeNextKey: '',
-			levelTreeAll: [],
+      levelTreeAll: [],
       levelTree: [],
       activeTreeKey: ['0-0-0'],
       levelLoading: false,
@@ -448,7 +464,7 @@ export default {
       taskTypeList: [],
       sourceList: [],
       taskCategoryList: [],
-			taskType: '',
+      taskType: '',
       //  ==== 操作按钮 ====
       // 批量转发
       sendEmailForm: {
@@ -458,7 +474,10 @@ export default {
       sendEmailVisible: false,
       sendEmailModelconfirm: false,
       sendFormRules: {
-        email: [{ required: true, message: '请输入邮箱', trigger: 'blur' }, { type: 'email', message: '请输入有效的邮箱' }]
+        email: [
+          { required: true, message: '请输入邮箱', trigger: 'blur' },
+          { type: 'email', message: '请输入有效的邮箱' }
+        ]
       },
       // 页数计算
       paperCalcVisible: false,
@@ -497,8 +516,7 @@ export default {
     this.getParaInfo('SOURCE')
     this.getParaInfo('CATEGORY')
   },
-  mounted() {
-  },
+  mounted() {},
   methods: {
     onSelect(selectedKeys, info) {
       console.log('selected', selectedKeys, info)
@@ -506,38 +524,38 @@ export default {
         this.init()
         return false
       }
-			const indexArr = selectedKeys[0].split('-')
-			if (indexArr.length > 2) {
-				const key = this.levelTree[indexArr[2]].actionKey
+      const indexArr = selectedKeys[0].split('-')
+      if (indexArr.length > 2) {
+        const key = this.levelTree[indexArr[2]].actionKey
         const action = key.split('#')
-				console.log('选择', indexArr[2], key)
-				this.taskType = action[2]
-				this.init({
-					taskCategory: action[0],
-					status: action[1],
-					taskType: action[2]
-				})
-			} else {
-				// this.init()
-			}
+        console.log('选择', indexArr[2], key)
+        this.taskType = action[2]
+        this.init({
+          taskCategory: action[0],
+          status: action[1],
+          taskType: action[2]
+        })
+      } else {
+        // this.init()
+      }
     },
-		changeTopLevel () {
-			this.levelNext = this.selectNextLevel(this.levelNextAll, this.activeTopKey)
+    changeTopLevel() {
+      this.levelNext = this.selectNextLevel(this.levelNextAll, this.activeTopKey)
       this.activeNextKey = this.levelNext[0].key
       this.levelTree = this.selectTreeLevel(this.levelTreeAll, this.activeNextKey, this.activeTopKey)
       console.log('切换主菜单- 二级菜单', this.levelNext)
       console.log('切换主菜单- 三级菜单', this.levelTree)
-		},
-		changeNextLevel () {
+    },
+    changeNextLevel() {
       this.levelTree = this.selectTreeLevel(this.levelTreeAll, this.activeNextKey, this.activeTopKey)
-		},
+    },
     tableRefresh() {
       const {
-        form: { validateFields },
+        form: { validateFields }
       } = this
       validateFields((err, values) => {
         if (!err) {
-					if (values.etd) {
+          if (values.etd) {
             const time = values.etd.map((item, index) => {
               const str = this.dateFtt('YYYY-MM-DD', item._d)
               return str
@@ -552,20 +570,20 @@ export default {
               return str
             })
             console.log(_time)
-						values.taskDateBegin = _time[0]
+            values.taskDateBegin = _time[0]
             values.taskDateEnd = _time[1]
           }
-					if (values.taskType) {
-						this.taskType = values.taskType
-					}
-					console.log(values)
+          if (values.taskType) {
+            this.taskType = values.taskType
+          }
+          console.log(values)
           this.init(values)
         }
       })
     },
     tableReset() {
       this.form.resetFields()
-			this.taskType = ''
+      this.taskType = ''
       this.init()
     },
 
@@ -576,7 +594,7 @@ export default {
         total: 0,
         currentPage: 1,
         pageSize: 10,
-        pageSizes: [10, 20, 50, 100, 200, 500],
+        pageSizes: [10, 20, 50, 100, 200, 500]
       }
       this.gridOptions.data = []
       this.getList(queryParam)
@@ -586,7 +604,7 @@ export default {
       GetParaInfo({
         ParaType: type
       })
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             if (type === 'STATUS') {
               this.statusList = res.data.rows
@@ -603,7 +621,7 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
@@ -612,16 +630,16 @@ export default {
       this.levelLoading = true
       this.levelTop = []
       this.activeTopKey = ''
-			this.levelNextAll = []
+      this.levelNextAll = []
       this.levelNext = []
       this.activeNextKey = ''
-			this.levelTreeAll = []
+      this.levelTreeAll = []
       this.levelTree = []
       this.activeTreeKey = ['0-0-0']
       GetCurrentTotalStat({
         isReCalc: false
       })
-        .then((res) => {
+        .then(res => {
           this.levelLoading = false
           this.levelreLoading = false
           if (res.success) {
@@ -640,32 +658,32 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
-		selectNextLevel (list, key) {
-			const arr = []
-			list.map((item, index) => {
-				if (item.topKey === key) {
-					arr.push(item)
-				}
-			})
-			return arr
-		},
-		selectTreeLevel (list, key, topKey) {
-			const arr = []
-			list.map((item, index) => {
-				if (item.nextKey === key && item.topKey === topKey) {
-					arr.push(item)
-				}
-			})
-			return arr
-		},
+    selectNextLevel(list, key) {
+      const arr = []
+      list.map((item, index) => {
+        if (item.topKey === key) {
+          arr.push(item)
+        }
+      })
+      return arr
+    },
+    selectTreeLevel(list, key, topKey) {
+      const arr = []
+      list.map((item, index) => {
+        if (item.nextKey === key && item.topKey === topKey) {
+          arr.push(item)
+        }
+      })
+      return arr
+    },
     handlePageChange({ currentPage, pageSize }) {
       console.log(currentPage, pageSize)
       const {
-        form: { validateFields },
+        form: { validateFields }
       } = this
       validateFields((err, values) => {
         if (!err) {
@@ -684,7 +702,7 @@ export default {
               return str
             })
             console.log(_time)
-						values.taskDateBegin = _time[0]
+            values.taskDateBegin = _time[0]
             values.taskDateEnd = _time[1]
           }
           this.gridOptions.pagerConfig.currentPage = currentPage
@@ -699,7 +717,7 @@ export default {
         mBlNo: queryParam.mBlNo,
         etdBegin: queryParam.etdBegin || '',
         etdEnd: queryParam.etdEnd || '',
-				taskDateBegin: queryParam.taskDateBegin || '',
+        taskDateBegin: queryParam.taskDateBegin || '',
         taskDateEnd: queryParam.taskDateEnd || '',
         taskType: queryParam.taskType,
         taskSource: queryParam.taskSource,
@@ -709,7 +727,7 @@ export default {
         pageNo: currentPage,
         pageSize: pageSize
       })
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             const _data = res.data.items.map((item, index) => {
               item.row_id = (currentPage - 1) * pageSize + index
@@ -723,11 +741,11 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
-		dateFtt(fmt, date) {
+    dateFtt(fmt, date) {
       const o = {
         'Y+': date.getFullYear(),
         'M+': date.getMonth() + 1,
@@ -744,7 +762,7 @@ export default {
       }
       return fmt
     },
-		padZero(num) {
+    padZero(num) {
       return new RegExp(/^\d$/g).test(num) ? `0${num}` : num
     },
     selectStatus(type) {
@@ -756,10 +774,10 @@ export default {
       })
       return str
     },
-    toggleAdvanced () {
+    toggleAdvanced() {
       this.advanced = !this.advanced
     },
-    changePage (data) {
+    changePage(data) {
       if (data.taskType === 'VGM_COMPARE') {
         // VGM比对查看页面
         this.$router.push({ name: 'TaskVgmContrast', query: { taskPKId: data.pkId, type: data.status } })
@@ -796,11 +814,9 @@ export default {
       })
       return res[0].name
     },
-    cancelFun () {
-
-    },
+    cancelFun() {},
     // 取消
-    removeFun () {
+    removeFun() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -812,18 +828,20 @@ export default {
       }
       CancelTask({
         PKIds: pkIdArr
-      }).then((res) => {
-        if (res.success) {
-          this.$message.success('取消任务成功')
-        } else {
-          this.$message.error(res.message)
-        }
-      }).catch((err) => {
-        console.log(err)
       })
+        .then(res => {
+          if (res.success) {
+            this.$message.success('取消任务成功')
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
     // 完成
-    submitFun () {
+    submitFun() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -835,18 +853,20 @@ export default {
       }
       CompleteTask({
         PKIds: pkIdArr
-      }).then((res) => {
-        if (res.success) {
-          this.$message.success('已完成任务')
-        } else {
-          this.$message.error(res.message)
-        }
-      }).catch((err) => {
-        console.log(err)
       })
+        .then(res => {
+          if (res.success) {
+            this.$message.success('已完成任务')
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
     // 批量下载
-    downloadFun () {
+    downloadFun() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -861,33 +881,35 @@ export default {
         this.DownloadTaskAttach(item, name)
       })
     },
-    DownloadTaskAttach (id, name) {
+    DownloadTaskAttach(id, name) {
       DownloadTaskAttach({
         taskPKId: id
-      }).then((res) => {
-        if (res.message) {
-          message.error(`${name}下载失败：${res.message}`, 0)
-          return false
-        }
-        const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
-        const link = document.createElement('a')
-        link.style.display = 'none'
-        link.href = URL.createObjectURL(blob)
-        link.download = name
-        document.body.appendChild(link)
-        link.click()
-        URL.revokeObjectURL(link.href) // 释放URL对象
-        document.body.removeChild(link)
-      }).catch((err) => {
-        console.log(err)
       })
+        .then(res => {
+          if (res.message) {
+            message.error(`${name}下载失败：${res.message}`, 0)
+            return false
+          }
+          const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
+          const link = document.createElement('a')
+          link.style.display = 'none'
+          link.href = URL.createObjectURL(blob)
+          link.download = name
+          document.body.appendChild(link)
+          link.click()
+          URL.revokeObjectURL(link.href) // 释放URL对象
+          document.body.removeChild(link)
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
     // 重新比对
-    reComparisonFun () {
+    reComparisonFun() {
       // 未找到接口
     },
     // 批量转发
-    SendEmailFun () {
+    SendEmailFun() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -900,35 +922,37 @@ export default {
       this.sendEmailPkIds = pkIdArr
       this.sendEmailVisible = true
     },
-    handleSendEmail () {
+    handleSendEmail() {
       this.$refs.sendForm.validate(valid => {
         if (valid) {
           console.log(this.sendEmailForm.email)
           SendTelexEmail({
             taskPKId: this.sendEmailPkIds[0],
             toMail: this.sendEmailForm.email
-          }).then((res) => {
-            if (res.success) {
-              this.$message.success('转发成功')
-              this.handleSendEmailCancel()
-            } else {
-              this.$message.error(res.message)
-            }
-          }).catch((err) => {
-            console.log(err)
           })
+            .then(res => {
+              if (res.success) {
+                this.$message.success('转发成功')
+                this.handleSendEmailCancel()
+              } else {
+                this.$message.error(res.message)
+              }
+            })
+            .catch(err => {
+              console.log(err)
+            })
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
-    handleSendEmailCancel () {
+    handleSendEmailCancel() {
       this.sendEmailPkIds = []
       this.sendEmailVisible = false
-      this.$refs.sendForm.resetFields();
+      this.$refs.sendForm.resetFields()
     },
     // 页数计算
-    laraPaperCalc () {
+    laraPaperCalc() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -943,23 +967,25 @@ export default {
       })
       query = query.substring(0, query.length - 1)
       console.log(query)
-      LaraPaperCalc(query).then((res) => {
-        if (res.success) {
-          this.paperCalcRes = res.data
-          this.paperCalcExtras = res.extras || ''
-          this.paperCalcVisible = true
-        } else {
-          this.$message.error(res.message)
-        }
-      }).catch((err) => {
-        console.log(err)
-      })
+      LaraPaperCalc(query)
+        .then(res => {
+          if (res.success) {
+            this.paperCalcRes = res.data
+            this.paperCalcExtras = res.extras || ''
+            this.paperCalcVisible = true
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
-    handlePaperCalcCancel () {
+    handlePaperCalcCancel() {
       this.paperCalcVisible = false
     },
     // COPY打印
-    copyPrintFun () {
+    copyPrintFun() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -976,19 +1002,21 @@ export default {
       // console.log(query)
       PrintBatch({
         PKIds: pkIdArr
-      }).then((res) => {
-        if (res.success) {
-          debugger
-          // 暂时报错
-        } else {
-          this.$message.error(res.message)
-        }
-      }).catch((err) => {
-        console.log(err)
       })
+        .then(res => {
+          if (res.success) {
+            debugger
+            // 暂时报错
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
     // COPY下载
-    copyDownloadFun () {
+    copyDownloadFun() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -1005,19 +1033,21 @@ export default {
       // console.log(query)
       DownloadAttach({
         PKIds: pkIdArr
-      }).then((res) => {
-        if (res.success) {
-          debugger
-          // 暂时报错 接口404 文档中也没有 等更新
-        } else {
-          this.$message.error(res.message)
-        }
-      }).catch((err) => {
-        console.log(err)
       })
+        .then(res => {
+          if (res.success) {
+            debugger
+            // 暂时报错 接口404 文档中也没有 等更新
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
     // 正本下载
-    printBatchFun () {
+    printBatchFun() {
       const select = this.$refs.xGrid.getCheckboxRecords()
       const pkIdArr = select.map((item, index) => {
         return item.pkId
@@ -1028,28 +1058,30 @@ export default {
       }
       DownloadOriginalTask({
         PKIds: pkIdArr
-      }).then((res) => {
-        if (res.success) {
-          debugger
-          // 接口调用成功，但是无下载数据？？？？
-        } else {
-          this.$message.error(res.message)
-        }
-      }).catch((err) => {
-        console.log(err)
       })
+        .then(res => {
+          if (res.success) {
+            debugger
+            // 接口调用成功，但是无下载数据？？？？
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
     // LARA登记
-    laraPaperRegistFun (data) {
+    laraPaperRegistFun(data) {
       console.log('跳转页面', data)
       this.$router.push({ name: 'TaskLaraRegist', query: { taskPKId: data.pkId } })
     },
     // LARA记录
-    laraRecordFun (data) {
+    laraRecordFun(data) {
       console.log('跳转页面', data)
       this.$router.push({ name: 'TaskLaraRecord', query: { taskPKId: data.pkId } })
-    },
-  },
+    }
+  }
 }
 </script>
 <style lang="less" scoped>
@@ -1074,40 +1106,39 @@ export default {
   display: block;
   text-align: right;
 }
-.nav-bottom{
-	width:100%;
-	text-align: right;
-	padding-top: 20px;
-	.icon{
-		font-size: 12px;
-	}
+.nav-bottom {
+  width: 100%;
+  text-align: right;
+  padding-top: 20px;
+  .icon {
+    font-size: 12px;
+  }
 }
-.list-btn{
-	margin-right: 10px;
-  .iconfont{
+.list-btn {
+  margin-right: 10px;
+  .iconfont {
     margin-right: 8px;
   }
 }
-.task-tit{
+.task-tit {
   color: @primary-color;
   cursor: pointer;
 }
-.nav-loading{
-  width:100%;
+.nav-loading {
+  width: 100%;
   height: 100px;
   line-height: 100px;
   text-align: center;
-  .tip{
+  .tip {
     margin-left: 10px;
   }
 }
-.operate-btn{
+.operate-btn {
   width: 30px;
   text-align: center;
   display: inline-block;
   &:nth-of-type(1) {
     color: @primary-color;
   }
-
 }
 </style>