任务管理-详情修改

src/views/modules/order/order-detail.vue

@@ -9,348 +9,187 @@
           <template v-for="(item, i) in stepList">
             <el-step :icon="item.icon" :title="item.title" :description="item.description"></el-step>
           </template>
-        </el-steps>
-        <el-collapse style="margin-bottom: 20px">
-          <el-collapse-item>
-            <template slot="title">
+</el-steps>
+<el-collapse style="margin-bottom: 20px">
+  <el-collapse-item>
+    <template slot="title">
               <span style="color: red">审批日志（展开查看更多）：</span>
             </template>
-            <template v-for="(item, i) in logList">
+    <template v-for="(item, i) in logList">
               <div>{{++i}}：{{item.approverName}}  {{item.createTime}}  {{item.approvalValue}}</div>
             </template>
-          </el-collapse-item>
-        </el-collapse>
-      </div>
-      <div v-if="isFlow">
-        <approve-component ref="approve" @approveFinished="approveFinished"/>
-      </div> -->
+  </el-collapse-item>
+</el-collapse>
+</div>
+<div v-if="isFlow">
+  <approve-component ref="approve" @approveFinished="approveFinished" />
+</div> -->
       <e-desc title="基本信息" column="3">
-        <e-desc-item label="公司任务单编码">{{dataForm.orderCode}}</e-desc-item>
-        <e-desc-item label="合同号">{{dataForm.contractNumber}}</e-desc-item>
-        <e-desc-item label="客户名称">{{dataForm.customerName}}</e-desc-item>
+        <e-desc-item label="项目名称">{{ dataForm.projectName }}</e-desc-item>
+        <e-desc-item label="任务号">{{ dataForm.orderCode }}</e-desc-item>
+        <e-desc-item label="合同号">{{ dataForm.contractNumber }}</e-desc-item>
 
-        <e-desc-item label="业务员">{{dataForm.salesmanName}}</e-desc-item>
-        <e-desc-item label="合同交期">{{dataForm.deliveryDate?dataForm.deliveryDate.substring(0,10):''}}</e-desc-item>
+        <e-desc-item label="客户名称">{{ dataForm.customerName }}</e-desc-item>
+        <e-desc-item label="业务员">{{ dataForm.salesmanName }}</e-desc-item>
+        <e-desc-item label="合同交期">{{ dataForm.deliveryDate ? dataForm.deliveryDate.substring(0, 10) : '' }}</e-desc-item>
 
-        <e-desc-item label="备注说明" span="3">{{dataForm.notes}}</e-desc-item>
+        <e-desc-item label="备注说明" span="3">{{ dataForm.notes }}</e-desc-item>
 
         <e-desc-item label="附件" span="3">
           <div v-for="(item, index) in dataForm.attachList" style="display: inline">
             <span v-if="index > 0">,</span>
-            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{
+              item.fileName }}</a>
           </div>
         </e-desc-item>
       </e-desc>
       <e-desc title="物料清单明细">
-        <el-table
-          :data="productDetails"
-          row-key="productId"
-          border
-          :indent='20'
-          lazy
-          :load="loadingData"
+        <el-table :data="productDetails" row-key="productId" border :indent='20' lazy :load="loadingData"
           style="width: 100%;">
-          <el-table-column
-            label="序号"
-            type="index"
-            width="50"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="mapNumber"
-            header-align="center"
-            align="left"
-            width="160"
-            :show-tooltip-when-overflow="true"
-            label="图号">
-          </el-table-column>
-          <el-table-column
-            prop="productName"
-            header-align="center"
-            align="left"
-            width="160"
-            :show-tooltip-when-overflow="true"
-            label="物料名称">
-          </el-table-column>
-          <el-table-column
-            prop="relatedProduct"
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
-            label="物料关联">
-          </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            min-width="100"
-            :show-tooltip-when-overflow="true"
+          <el-table-column label="序号" type="index" width="50" align="center">
+          </el-table-column>
+          <el-table-column prop="mapNumber" header-align="center" align="left" width="160"
+            :show-tooltip-when-overflow="true" label="图号">
+          </el-table-column>
+          <el-table-column prop="productName" header-align="center" align="left" width="160"
+            :show-tooltip-when-overflow="true" label="物料名称">
+          </el-table-column>
+          <el-table-column prop="relatedProduct" header-align="center" align="center" width="120"
+            :show-tooltip-when-overflow="true" label="物料关联">
+          </el-table-column>
+          <el-table-column header-align="center" align="center" min-width="100" :show-tooltip-when-overflow="true"
             label="简图">
             <template slot-scope="scope">
               <el-popover placement="right" title="" trigger="hover">
                 <img :src="scope.row.simplePic" style="height: 400px;width: 500px">
-                <img slot="reference" :src="scope.row.simplePic" :alt="scope.row.simplePic" style="max-height: 50px;max-width: 130px">
+                <img slot="reference" :src="scope.row.simplePic" :alt="scope.row.simplePic"
+                  style="max-height: 50px;max-width: 130px">
               </el-popover>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="productSpecifications"
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
-            label="规格">
-          </el-table-column>
-          <el-table-column
-            prop="cnt"
-            header-align="center"
-            align="center"
-            width="80"
-            label="数量">
-          </el-table-column>
-          <el-table-column
-            prop="unit"
-            header-align="center"
-            align="center"
-            width="80"
-            label="单位">
-          </el-table-column>
-          <el-table-column
-            prop="productNumber"
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
-            label="生产编号">
-          </el-table-column>
-          <el-table-column
-            prop="batchNumber"
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
-            label="批次号">
-          </el-table-column>
-          <el-table-column
-            prop="produceRequire"
-            header-align="center"
-            align="center"
-            width="160"
-            :show-tooltip-when-overflow="true"
-            label="生产要求">
-          </el-table-column>
-          <el-table-column
-            prop="price"
-            header-align="center"
-            align="center"
-            width="80"
-            label="含税单价">
-          </el-table-column>
-          <el-table-column
-            prop="amount"
-            header-align="center"
-            align="center"
-            width="80"
-            label="含税总价">
+          <el-table-column prop="productSpecifications" header-align="center" align="center" width="120"
+            :show-tooltip-when-overflow="true" label="规格">
+          </el-table-column>
+          <el-table-column prop="cnt" header-align="center" align="center" width="80" label="数量">
+          </el-table-column>
+          <el-table-column prop="unit" header-align="center" align="center" width="80" label="单位">
+          </el-table-column>
+          <el-table-column prop="productNumber" header-align="center" align="center" width="120"
+            :show-tooltip-when-overflow="true" label="生产编号">
+          </el-table-column>
+          <el-table-column prop="batchNumber" header-align="center" align="center" width="120"
+            :show-tooltip-when-overflow="true" label="批次号">
+          </el-table-column>
+          <el-table-column prop="produceRequire" header-align="center" align="center" width="160"
+            :show-tooltip-when-overflow="true" label="生产要求">
+          </el-table-column>
+          <el-table-column prop="price" header-align="center" align="center" width="80" label="含税单价">
+          </el-table-column>
+          <el-table-column prop="amount" header-align="center" align="center" width="80" label="含税总价">
             <template slot-scope="scope">
-              <span>{{ (scope.row.cnt*scope.row.price).toFixed(1) }}</span>
+              <span>{{ (scope.row.cnt * scope.row.price).toFixed(1) }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="rate"
-            header-align="center"
-            align="center"
-            width="100"
-            label="税率">
+          <el-table-column prop="rate" header-align="center" align="center" width="100" label="税率">
             <template slot-scope="scope">
-              {{scope.row.rate}}%
+              {{ scope.row.rate }}%
             </template>
           </el-table-column>
-          <el-table-column
-            prop="mapNumber"
-            header-align="center"
-            align="center"
-            min-width="100"
-            :show-tooltip-when-overflow="true"
-            label="主图号">
-          </el-table-column>
-          <el-table-column
-            prop="noticeChangeRecord"
-            header-align="center"
-            align="center"
-            min-width="120"
-            :show-tooltip-when-overflow="true"
-            label="产品变更记录">
-          </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            min-width="100"
-            :show-tooltip-when-overflow="true"
+          <el-table-column prop="mapNumber" header-align="center" align="center" min-width="100"
+            :show-tooltip-when-overflow="true" label="主图号">
+          </el-table-column>
+          <el-table-column prop="noticeChangeRecord" header-align="center" align="center" min-width="120"
+            :show-tooltip-when-overflow="true" label="产品变更记录">
+          </el-table-column>
+          <el-table-column header-align="center" align="center" min-width="100" :show-tooltip-when-overflow="true"
             label="技术文件">
             <template slot-scope="scope">
-              <el-button :disabled="!scope.row.attachList || scope.row.attachList.length === 0" type="text" size="small" @click="attachDetails(scope.row.attachList)">查看</el-button>
+              <el-button :disabled="!scope.row.attachList || scope.row.attachList.length === 0" type="text" size="small"
+                @click="attachDetails(scope.row.attachList)">查看</el-button>
             </template>
           </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            label="对应图纸">
+          <el-table-column header-align="center" align="center" label="对应图纸">
             <template slot-scope="scope">
-              <el-button :disabled="!scope.row.drawingList || scope.row.drawingList.length === 0" type="text" size="small" @click="drawDetails(scope.row)">查看</el-button>
+              <el-button :disabled="!scope.row.drawingList || scope.row.drawingList.length === 0" type="text"
+                size="small" @click="drawDetails(scope.row)">查看</el-button>
             </template>
           </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            label="对应工艺">
+          <el-table-column header-align="center" align="center" label="对应工艺">
             <template slot-scope="scope">
-              <el-button :disabled="!scope.row.techId" type="text" size="small" @click="techDetails(scope.row.techId)">查看</el-button>
+              <el-button :disabled="!scope.row.techId" type="text" size="small"
+                @click="techDetails(scope.row.techId)">查看</el-button>
             </template>
           </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            label="生产明细">
+          <el-table-column header-align="center" align="center" label="生产明细">
             <template slot-scope="scope">
-              <el-button :disabled="!scope.row.prodProductionList || scope.row.prodProductionList.length === 0" type="text" size="small" @click="productListHandle(scope.row)">查看</el-button>
+              <el-button :disabled="!scope.row.prodProductionList || scope.row.prodProductionList.length === 0"
+                type="text" size="small" @click="productListHandle(scope.row)">查看</el-button>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="appraisal"
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
-            label="首件鉴定">
+          <el-table-column prop="appraisal" header-align="center" align="center" width="120"
+            :show-tooltip-when-overflow="true" label="首件鉴定">
             <template slot-scope="scope">
-              <span>{{!scope.row.appraisal?'':(Number(scope.row.appraisal) === 2?'是':'否')}}</span>
+              <span>{{ !scope.row.appraisal ? '' : (Number(scope.row.appraisal) === 2 ? '是' : '否') }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
+          <el-table-column header-align="center" align="center" width="120" :show-tooltip-when-overflow="true"
             label="试制前检查">
             <template slot-scope="scope">
-              <span>{{!scope.row.inspect?'':(Number(scope.row.inspect) === 2?'是':'否')}}</span>
+              <span>{{ !scope.row.inspect ? '' : (Number(scope.row.inspect) === 2 ? '是' : '否') }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            min-width="120"
-            :show-tooltip-when-overflow="true"
+          <el-table-column header-align="center" align="center" min-width="120" :show-tooltip-when-overflow="true"
             label="试制前准备状态检查报告">
             <template slot-scope="scope">
-              <el-button :disabled="!scope.row.attachListInspection || scope.row.attachListInspection.length === 0" type="text" size="small" @click="attachDetails(scope.row.attachListInspection)">查看</el-button>
+              <el-button :disabled="!scope.row.attachListInspection || scope.row.attachListInspection.length === 0"
+                type="text" size="small" @click="attachDetails(scope.row.attachListInspection)">查看</el-button>
             </template>
           </el-table-column>
-          <el-table-column
-            header-align="center"
-            align="center"
-            min-width="100"
-            :show-tooltip-when-overflow="true"
+          <el-table-column header-align="center" align="center" min-width="100" :show-tooltip-when-overflow="true"
             label="试制前准备状态自查表">
             <template slot-scope="scope">
-              <el-button :disabled="!scope.row.attachListExamine || scope.row.attachListExamine.length === 0" type="text" size="small" @click="attachDetails(scope.row.attachListExamine)">查看</el-button>
+              <el-button :disabled="!scope.row.attachListExamine || scope.row.attachListExamine.length === 0"
+                type="text" size="small" @click="attachDetails(scope.row.attachListExamine)">查看</el-button>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="notes"
-            header-align="center"
-            align="center"
-            min-width="120"
-            :show-tooltip-when-overflow="true"
-            label="备注">
-          </el-table-column>
-          <el-table-column
-            prop="prodState"
-            header-align="center"
-            fixed="right"
-            align="center"
-            :formatter="formatState"
-            :show-tooltip-when-overflow="true"
-            label="状态">
+          <el-table-column prop="notes" header-align="center" align="center" min-width="120"
+            :show-tooltip-when-overflow="true" label="备注">
+          </el-table-column>
+          <el-table-column prop="prodState" header-align="center" fixed="right" align="center" :formatter="formatState"
+            :show-tooltip-when-overflow="true" label="状态">
           </el-table-column>
         </el-table>
       </e-desc>
       <e-desc title="任务工单派发">
-        <el-table
-          :data="workInfoDetails"
-          border
-          style="width: 100%;">
-          <el-table-column
-            label="序号"
-            type="index"
-            width="50"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="taskType"
-            header-align="center"
-            align="center"
-            min-width="80"
-            :show-tooltip-when-overflow="true"
-            label="工单类型">
-          </el-table-column>
-          <el-table-column
-            prop="taskName"
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
-            label="工单名称">
-          </el-table-column>
-          <el-table-column
-            prop="ranks"
-            header-align="center"
-            align="center"
-            min-width="50"
-            label="级别">
-          </el-table-column>
-          <el-table-column
-            prop="content"
-            header-align="center"
-            align="center"
-            width="160"
-            :show-tooltip-when-overflow="true"
-            label="工单内容">
-          </el-table-column>
-          <el-table-column
-            prop="receiverName"
-            header-align="center"
-            align="center"
-            min-width="100"
-            label="任务接收人">
-          </el-table-column>
-          <el-table-column
-            prop="planCompletionTime"
-            header-align="center"
-            align="center"
-            min-width="80"
-            label="要求完成时间">
-          </el-table-column>
-          <el-table-column
-            prop="attachList"
-            header-align="center"
-            align="center"
-            label="工单附件">
+        <el-table :data="workInfoDetails" border style="width: 100%;">
+          <el-table-column label="序号" type="index" width="50" align="center">
+          </el-table-column>
+          <el-table-column prop="taskType" header-align="center" align="center" min-width="80"
+            :show-tooltip-when-overflow="true" label="工单类型">
+          </el-table-column>
+          <el-table-column prop="taskName" header-align="center" align="center" width="120"
+            :show-tooltip-when-overflow="true" label="工单名称">
+          </el-table-column>
+          <el-table-column prop="ranks" header-align="center" align="center" min-width="50" label="级别">
+          </el-table-column>
+          <el-table-column prop="content" header-align="center" align="center" width="160"
+            :show-tooltip-when-overflow="true" label="工单内容">
+          </el-table-column>
+          <el-table-column prop="receiverName" header-align="center" align="center" min-width="100" label="任务接收人">
+          </el-table-column>
+          <el-table-column prop="planCompletionTime" header-align="center" align="center" min-width="80" label="要求完成时间">
+          </el-table-column>
+          <el-table-column prop="attachList" header-align="center" align="center" label="工单附件">
             <template slot-scope="scope">
               <div v-for="(item, index) in scope.row.attachList" style="display: inline">
                 <span v-if="index > 0">,</span>
-                <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+                <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{
+                  item.fileName }}</a>
               </div>
             </template>
           </el-table-column>
-          <el-table-column
-            prop="notes"
-            header-align="center"
-            align="center"
-            width="120"
-            :show-tooltip-when-overflow="true"
-            label="备注">
+          <el-table-column prop="notes" header-align="center" align="center" width="120"
+            :show-tooltip-when-overflow="true" label="备注">
           </el-table-column>
         </el-table>
       </e-desc>
@@ -359,193 +198,194 @@
       <el-button @click="onChose">返回</el-button>
     </span>
     <!-- 文件预览 -->
-    <preview-component v-if="previewVisible" ref="preview"/>
-    <product-draw-detail-dialog v-if="drawVisible" ref="drawDetail"/>
-    <attach-detail-dialog v-if="attachVisible" ref="attachDetail"/>
-    <crafts-detail-dialog v-if="craftsVisible" ref="craftsDetail"/>
-    <prod-management-details-dialog v-if="prodVisible" ref="prodDetail"/>
+    <preview-component v-if="previewVisible" ref="preview" />
+    <product-draw-detail-dialog v-if="drawVisible" ref="drawDetail" />
+    <attach-detail-dialog v-if="attachVisible" ref="attachDetail" />
+    <crafts-detail-dialog v-if="craftsVisible" ref="craftsDetail" />
+    <prod-management-details-dialog v-if="prodVisible" ref="prodDetail" />
   </div>
 </template>
 
 <script>
-  import EDesc from '../common/e-desc'
-  import EDescItem from '../common/e-desc-item'
-  import { dealStepData, dealStepLogs } from '@/api/util'
-  import { getOrderDetail } from '@/api/sale'
-  import { getChildren2 } from '@/api/product'
-  import uploadComponent from '../common/upload-component'
-  import ApproveComponent from '../common/approve-component'
-  import PreviewComponent from '@/views/modules/common/preview-component'
-  import ProductDrawDetailDialog from '@/views/modules/tech/product-draw-detail-dialog'
-  import AttachDetailDialog from '@/views/modules/common/attach-detail-dialog'
-  import { downloadUrl } from '@/api/file'
-  import CraftsDetailDialog from '@/views/modules/tech/crafts-detail-dialog'
-  import {optionsMaterialState} from '@/utils/enums'
-  import ProdManagementDetailsDialog from '@/views/modules/production/prod-list-dialog'
+import EDesc from '../common/e-desc'
+import EDescItem from '../common/e-desc-item'
+import { dealStepData, dealStepLogs } from '@/api/util'
+import { getOrderDetail } from '@/api/sale'
+import { getChildren2 } from '@/api/product'
+import uploadComponent from '../common/upload-component'
+import ApproveComponent from '../common/approve-component'
+import PreviewComponent from '@/views/modules/common/preview-component'
+import ProductDrawDetailDialog from '@/views/modules/tech/product-draw-detail-dialog'
+import AttachDetailDialog from '@/views/modules/common/attach-detail-dialog'
+import { downloadUrl } from '@/api/file'
+import CraftsDetailDialog from '@/views/modules/tech/crafts-detail-dialog'
+import { optionsMaterialState } from '@/utils/enums'
+import ProdManagementDetailsDialog from '@/views/modules/production/prod-list-dialog'
 export default {
-    name: 'order-detail',
-    components: {
-      ProdManagementDetailsDialog,
-      CraftsDetailDialog,
-      AttachDetailDialog,
-      ProductDrawDetailDialog,
-      PreviewComponent,
-      EDesc,
-      EDescItem,
-      uploadComponent,
-      ApproveComponent
+  name: 'order-detail',
+  components: {
+    ProdManagementDetailsDialog,
+    CraftsDetailDialog,
+    AttachDetailDialog,
+    ProductDrawDetailDialog,
+    PreviewComponent,
+    EDesc,
+    EDescItem,
+    uploadComponent,
+    ApproveComponent
+  },
+  data() {
+    return {
+      visible: false,
+      isFlow: false,
+      previewVisible: false,
+      id: 0,
+      dataForm: {},
+      productDetails: [],
+      workInfoDetails: [],
+      activeNo: 0,
+      stepList: [],
+      logList: [],
+      drawVisible: false,
+      attachVisible: false,
+      craftsVisible: false,
+      optionsState: optionsMaterialState,
+      prodVisible: false
+    }
+  },
+  methods: {
+    onChose() {
+      this.$emit('onChose')
     },
-    data () {
-      return {
-        visible: false,
-        isFlow: false,
-        previewVisible: false,
-        id: 0,
-        dataForm: {},
-        productDetails: [],
-        workInfoDetails: [],
-        activeNo: 0,
-        stepList: [],
-        logList: [],
-        drawVisible: false,
-        attachVisible: false,
-        craftsVisible: false,
-        optionsState: optionsMaterialState,
-        prodVisible: false
+    async init(id, businessType) {
+      this.visible = true
+      this.isFlow = !!(businessType && businessType !== '')
+      this.id = id || 0
+      this.dataForm = {
+        workFlowBusinessExt: null
       }
+      this.productDetails = []
+      this.stepList = []
+      this.logList = []
+      this.getDetails(businessType)
     },
-    methods: {
-      onChose () {
-        this.$emit('onChose')
-      },
-      async init (id, businessType) {
-        this.visible = true
-        this.isFlow = !!(businessType && businessType !== '')
-        this.id = id || 0
-        this.dataForm = {
-          workFlowBusinessExt: null
-        }
-        this.productDetails = []
-        this.stepList = []
-        this.logList = []
-        this.getDetails(businessType)
-      },
-      getDetails (businessType) {
-        getOrderDetail(this.id).then(({data}) => {
-          if (data && data.code === '200') {
-            this.dataForm = data.data
-            // 流程图展示
-            if (data.data.workFlowBusinessExt.workFlowProcessStepList) {
-              dealStepData(data.data.workFlowBusinessExt.workFlowProcessStepList, this.stepList)
-            }
-            if (data.data.workFlowBusinessExt.processLogList) {
-              dealStepLogs(data.data.workFlowBusinessExt.processLogList, this.logList)
-            }
-            if (data.data.workFlowProcessStepList) {
-              this.activeNo = Number(data.data.workFlowProcessStepList.activeNo)
-            }
-            // 任务单物料明细
-            if (data.data.saleROrderProductList) {
-              this.productDetails = data.data.saleROrderProductList
-              // 简图格式调整
-              this.productDetails.forEach(item => {
-                if (item.attachList2 && item.attachList2.length > 0) {
-                  item.simplePic = downloadUrl + item.attachList2[0].url
-                } else {
-                  item.simplePic = ''
-                }
-              })
-            }
-            // 任务工单派发
-            if (data.data.workInfoList) {
-              this.workInfoDetails = data.data.workInfoList
-            }
-            // 初始化审批Form
-            this.showApproveForm(businessType, this.id)
+    getDetails(businessType) {
+      getOrderDetail(this.id).then(({ data }) => {
+        if (data && data.code === '200') {
+          this.dataForm = data.data
+          // 流程图展示
+          if (data.data.workFlowBusinessExt.workFlowProcessStepList) {
+            dealStepData(data.data.workFlowBusinessExt.workFlowProcessStepList, this.stepList)
           }
-        })
-      },
-      // 初始化审批Form
-      showApproveForm (businessType, businessId) {
-        if (this.isFlow) {
-          this.$nextTick(() => {
-            this.$refs.approve.init(businessType, businessId)
-          })
-        }
-      },
-      // 审批完成
-      approveFinished () {
-        this.onChose()
-        this.$emit('approveFinished')
-      },
-      // 对应图纸
-      drawDetails (row) {
-        this.drawVisible = true
-        this.$nextTick(() => {
-          this.$refs.drawDetail.init(row.drawingList)
-        })
-      },
-      // 预览
-      previewFile (fileName, url) {
-        this.previewVisible = true
-        this.$nextTick(() => {
-          this.$refs.preview.init(fileName, url)
-        })
-      },
-      loadingData (row, treeNode, resolve) {
-        getChildren2(row.productId, row.id).then(({data}) => {
-          // console.log(JSON.stringify(data))
-          if (data && data.code === '200') {
-            data.data.forEach(item => {
+          if (data.data.workFlowBusinessExt.processLogList) {
+            dealStepLogs(data.data.workFlowBusinessExt.processLogList, this.logList)
+          }
+          if (data.data.workFlowProcessStepList) {
+            this.activeNo = Number(data.data.workFlowProcessStepList.activeNo)
+          }
+          // 任务单物料明细
+          if (data.data.saleROrderProductList) {
+            this.productDetails = data.data.saleROrderProductList
+            // 简图格式调整
+            this.productDetails.forEach(item => {
               if (item.attachList2 && item.attachList2.length > 0) {
                 item.simplePic = downloadUrl + item.attachList2[0].url
               } else {
                 item.simplePic = ''
               }
             })
-            resolve(data.data)
-          } else {
-            this.$message.error(data.msg)
           }
-        })
-      },
-      // 物料技术文件
-      attachDetails (list) {
-        this.attachVisible = true
-        this.$nextTick(() => {
-          this.$refs.attachDetail.init(list)
-        })
-      },
-      // 对应工艺
-      techDetails (id) {
-        this.craftsVisible = true
-        this.$nextTick(() => {
-          this.$refs.craftsDetail.init(id)
-        })
-      },
-      // 格式化物料状态
-      formatState (row) {
-        if (!row.prodState) return ''
-        const item1 = this.optionsState.find((item) => item.code === row.prodState.toString())
-        return item1 ? item1.value : ''
-      },
-      // 查看生产明细
-      productListHandle (row) {
-        this.prodVisible = true
+          // 任务工单派发
+          if (data.data.workInfoList) {
+            this.workInfoDetails = data.data.workInfoList
+          }
+          // 初始化审批Form
+          this.showApproveForm(businessType, this.id)
+        }
+      })
+    },
+    // 初始化审批Form
+    showApproveForm(businessType, businessId) {
+      if (this.isFlow) {
         this.$nextTick(() => {
-          this.$refs.prodDetail.init(row.prodProductionList)
+          this.$refs.approve.init(businessType, businessId)
         })
       }
+    },
+    // 审批完成
+    approveFinished() {
+      this.onChose()
+      this.$emit('approveFinished')
+    },
+    // 对应图纸
+    drawDetails(row) {
+      this.drawVisible = true
+      this.$nextTick(() => {
+        this.$refs.drawDetail.init(row.drawingList)
+      })
+    },
+    // 预览
+    previewFile(fileName, url) {
+      this.previewVisible = true
+      this.$nextTick(() => {
+        this.$refs.preview.init(fileName, url)
+      })
+    },
+    loadingData(row, treeNode, resolve) {
+      getChildren2(row.productId, row.id).then(({ data }) => {
+        // console.log(JSON.stringify(data))
+        if (data && data.code === '200') {
+          data.data.forEach(item => {
+            if (item.attachList2 && item.attachList2.length > 0) {
+              item.simplePic = downloadUrl + item.attachList2[0].url
+            } else {
+              item.simplePic = ''
+            }
+          })
+          resolve(data.data)
+        } else {
+          this.$message.error(data.msg)
+        }
+      })
+    },
+    // 物料技术文件
+    attachDetails(list) {
+      this.attachVisible = true
+      this.$nextTick(() => {
+        this.$refs.attachDetail.init(list)
+      })
+    },
+    // 对应工艺
+    techDetails(id) {
+      this.craftsVisible = true
+      this.$nextTick(() => {
+        this.$refs.craftsDetail.init(id)
+      })
+    },
+    // 格式化物料状态
+    formatState(row) {
+      if (!row.prodState) return ''
+      const item1 = this.optionsState.find((item) => item.code === row.prodState.toString())
+      return item1 ? item1.value : ''
+    },
+    // 查看生产明细
+    productListHandle(row) {
+      this.prodVisible = true
+      this.$nextTick(() => {
+        this.$refs.prodDetail.init(row.prodProductionList)
+      })
     }
   }
+}
 </script>
 
 <style scoped>
-.my-line{
+.my-line {
   border-bottom: 1px solid #c0c4cc;
   margin-bottom: 10px;
 }
-.title{
-  padding: 10px 0 ;
+
+.title {
+  padding: 10px 0;
 }
 </style>