移交记录详情页补充工单表格

src/views/modules/works/handover-records-details.vue

@@ -23,6 +23,110 @@
 
         <e-desc-item label="工单内容" span="3">{{dataForm.content}}</e-desc-item>
       </e-desc>
+
+      <e-desc title="工单列表">
+        <el-table :data="dataForm.workInfoList" border>
+          <el-table-column
+            label="序号"
+            type="index"
+            width="50"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="taskName"
+            header-align="center"
+            align="center"
+            width="200px"
+            label="工单名称">
+          </el-table-column>
+          <el-table-column
+            prop="taskType"
+            header-align="center"
+            align="center"
+            label="工单类型">
+            <template slot-scope="scope">
+                 <span>{{
+                taskTypeOption.findIndex((t) => t.value == scope.row.taskType) > -1
+                ? taskTypeOption.find((t) => t.value == scope.row.taskType).label
+                : ''
+              }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="content"
+            header-align="center"
+            align="center"
+             width="200px"
+            label="工单内容">
+          </el-table-column>
+          <el-table-column
+            prop="state"
+            header-align="center"
+            align="center"
+            label="工单状态">
+            <template slot-scope="scope">
+                 <span>{{
+                nodeStateOption.findIndex((t) => t.value == scope.row.state) > -1
+                ? nodeStateOption.find((t) => t.value == scope.row.state).label
+                : ''
+              }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="ranks"
+            header-align="center"
+            align="center"
+            label="工单级别">
+              <template slot-scope="scope">
+                 <span>{{
+                rankTypeOption.findIndex((t) => t.value == scope.row.ranks) > -1
+                ? rankTypeOption.find((t) => t.value == scope.row.ranks).label
+                : ''
+              }}</span>
+              </template>
+          </el-table-column>
+          <el-table-column
+            prop="dispatcherName"
+            header-align="center"
+            align="center"
+            label="派发人">
+          </el-table-column>
+          <el-table-column
+            prop="dispatcherOrgName"
+            header-align="center"
+            align="center"
+            width="180px"
+            label="派发部门">
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            header-align="center"
+            align="center"
+            width="180px"
+            label="派发时间">
+          </el-table-column>
+          <el-table-column
+            prop="receiverName"
+            header-align="center"
+            align="center"
+            label="接收人">
+          </el-table-column>
+          <el-table-column
+            prop="receiverOrgName"
+            header-align="center"
+            align="center"
+            width="180px"
+            label="接收部门">
+          </el-table-column>
+          <el-table-column
+            prop="historicalOperationRecords"
+            header-align="center"
+            align="center"
+            width="300px"
+            label="完成记录">
+          </el-table-column>
+        </el-table>
+      </e-desc>
     </div>
     <span slot="footer" class="dialog-footer">
       <el-button @click="onChose">返回</el-button>
@@ -35,7 +139,7 @@
   import {getTransferDetail} from '@/api/task'
   import EDesc from '../common/e-desc'
   import EDescItem from '../common/e-desc-item'
-  import { transferTypeOption } from '@/utils/enums'
+  import { transferTypeOption, rankTypeOption, taskTypeOption, nodeStateOption } from '@/utils/enums'
   export default {
     name: 'handover-records-details',
     components: {
@@ -46,7 +150,10 @@
         visible: false,
         id: 0,
         dataForm: {},
-        transferTypeOption: transferTypeOption
+        transferTypeOption: transferTypeOption,
+        rankTypeOption: rankTypeOption,
+        taskTypeOption: taskTypeOption,
+        nodeStateOption: nodeStateOption
       }
     },
     methods: {

src/views/modules/works/work.vue

@@ -78,7 +78,7 @@
         label="工单名称"
       >
       </el-table-column>
-      <el-table-column
+      <!-- <el-table-column
         prop="content"
         header-align="center"
         align="center"
@@ -86,7 +86,7 @@
         :show-tooltip-when-overflow="true"
         label="工单内容"
       >
-      </el-table-column>
+      </el-table-column> -->
       <el-table-column
         prop="planCompletionTime"
         header-align="center"
@@ -760,8 +760,9 @@ export default {
     transferTask (item) {
       let {taskId, workTypeId, taskType} = item
       this.transferDialogFormVisible = true
-      this.transferDialogForm.taskId = taskId
+      this.transferDialogForm.taskIdList = taskId
       this.transferDialogForm.taskType = taskType
+      this.transferDialogForm.cnt = 1
 
       if (taskType !== 'routine') {
         workTypeMasterList(workTypeId).then(({ data }) => {