feat(采购计划管理): 在详情弹窗中新增采购来源清单表格

src/views/bpm/handleTask/components/purchasePlanManage/detailDialog.vue

@@ -1,10 +1,27 @@
 <template>
   <div>
     <el-form ref="form" :model="form" label-width="120px">
+      <div class="title" style="margin-bottom: 10px;"> 采购来源清单</div>  
+      <ele-pro-table
+        ref="preTable"
+        :needPage="false"
+        :columns="preColumns"
+        :toolkit="[]"
+        :datasource="form.outputDetailList"
+        row-key="id"
+        maxHeight="500px"
+        style="margin-bottom: 20px"
+      >
+        <template v-slot:technicalDrawings="{ row }">
+          <fileMain v-model="row.technicalDrawings" type="view"></fileMain>
+        </template>
+        <template v-slot:files="{ row }">
+          <fileMain v-model="row.files" type="view"></fileMain>
+        </template>
+      </ele-pro-table>
       <div class="title"> 采购计划信息</div>
-
       <el-row>
-        <el-col :span="12" style="height: 40px">
+        <el-col :span="8">
           <el-form-item label="需求单名称：" prop="requirementName">
             <el-link
               type="primary"
@@ -16,50 +33,50 @@
             <!-- {{ form.requirementCode }} -->
           </el-form-item>
         </el-col>
-        <el-col :span="12" style="height: 46px">
+        <el-col :span="8">
           <el-form-item label="计划单名称：" prop="planName">
             {{ form.planName }}
             <!-- {{ form.requirementCode }} -->
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="负责人：" prop="responsibleName">
             {{ form.responsibleName }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="需求类型：" prop="sourceTypeName">
             {{ form.sourceTypeName }}
           </el-form-item>
         </el-col>
 
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="需求部门：" prop="requireDeptName">
             {{ form.requireDeptName }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="需求人：" prop="requireUserName">
             {{ form.requireUserName }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item prop="remark" label="是否接受拆单：">
             {{ form.acceptUnpack === 1 ? '接受' : '不接受' }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item prop="remark" label="是否需要核价：">
             {{ form.acceptUnpack === 1 ? '是' : '否' }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item prop="isGenerateOrder" label="是否自动生成订单：">
+        <el-col :span="8">
+          <el-form-item label-width="144px" prop="isGenerateOrder" label="是否自动生成订单：">
             {{ form.isGenerateOrder == 1 ? '是' : '否' }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item prop="isGenerateContract" label="是否自动生成合同：">
+        <el-col :span="8">
+          <el-form-item label-width="144px" prop="isGenerateContract" label="是否自动生成合同：">
             {{ form.isGenerateContract == 1 ? '是' : '否' }}
           </el-form-item>
         </el-col>
@@ -72,18 +89,18 @@
             {{ form.requireUserName }}
           </el-form-item>
         </el-col> -->
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="完结日期：" prop="receiveDate">
             {{ form.receiveDate }}
           </el-form-item>
         </el-col>
 
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item prop="remark" label="备注：">
             {{ form.remark }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item prop="files" label="附件：">
             <fileMain v-model="form.files" type="view"></fileMain>
           </el-form-item>
@@ -460,7 +477,52 @@
             align: 'center',
             slot: 'remark'
           }
-        ]
+        ],
+        preColumns: [
+          {
+            width: 45,
+            type: 'index',
+            columnKey: 'index',
+            align: 'center',
+            fixed: 'left'
+          },
+          {
+            width: 150,
+            prop: 'productCategoryName',
+            label: '分类',
+            align: 'center'
+          },
+          {
+            width: 140,
+            prop: 'productCode',
+            label: '编码',
+            align: 'center'
+          },
+          {
+            width: 240,
+            prop: 'orderNo',
+            label: '来源单号',
+            align: 'center'
+          },
+          {
+            width: 240,
+            prop: 'productName',
+            label: '名称',
+            align: 'center'
+          },
+          {
+            width: 100,
+            prop: 'totalCount',
+            label: '数量',
+            align: 'center',
+            formatter: (row, column) => {
+              if (row.totalCount) {
+                return row.totalCount + ' ' + (row.measuringUnit || '');
+              }
+            }
+            // slot: 'totalCount'
+          },
+        ],
       };
     },
     created() {