yusheng 10 месяцев назад
Родитель
Сommit
5d16bba81c
1 измененных файлов с 75 добавлено и 130 удалено
  1. 75 130
      src/views/bpm/handleTask/components/purchaseOrder/detailDialog.vue

+ 75 - 130
src/views/bpm/handleTask/components/purchaseOrder/detailDialog.vue

@@ -3,170 +3,123 @@
     <el-form ref="form" :model="form" :rules="rules" label-width="120px">
       <headerTitle title="订单信息"> </headerTitle>
       <el-row>
-        <el-col :span="12">
-          <el-form-item
-            label="订单编号:"
-            prop="orderNo"
-            style="margin-bottom: 16px"
-          >
+        <el-col :span="8">
+          <el-form-item label="订单编号:" prop="orderNo">
             {{ form.orderNo }}
           </el-form-item>
-
-          <el-form-item
-            label="项目名称:"
-            prop="projectName"
-            style="margin-bottom: 16px"
-          >
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="订单类型:" prop="requireDeptName">
+            {{ form.sourceTypeName }}
+          </el-form-item>
+        </el-col>
+ 
+        <el-col :span="8">
+          <el-form-item label="项目名称:" prop="projectName">
             {{ form.projectName }}
           </el-form-item>
-          <el-form-item
-            label="需求部门:"
-            prop="requireDeptName"
-            style="margin-bottom: 16px"
-          >
-            {{ form.requireDeptName }}
+        </el-col>
+        <el-col :span="8" v-if="form.relationType==4">
+          <el-form-item label="合同名称:" prop="contractName">
+            {{ form.contractName }}
           </el-form-item>
-          <el-form-item
-            label="订单类型:"
-            prop="requireDeptName"
-            style="margin-bottom: 16px"
-          >
-            {{ form.sourceTypeName }}
+        </el-col>
+        <el-col :span="8" v-if="form.relationType==2">
+          <el-form-item label="采购计划名称:" prop="relationName">
+            {{ form.relationName }}
           </el-form-item>
-
-          <el-form-item prop="orderFiles" label="附件:">
-            <fileMain v-model="form.orderFiles" type="view"></fileMain>
-           
+        </el-col>
+        <el-col :span="8" v-if="form.relationType==1">
+          <el-form-item label="采购需求单:" prop="relationName">
+            {{ form.relationName }}
           </el-form-item>
-
-          <el-form-item prop="remark" label="备注:">
-            {{ form.remark }}
+        </el-col>
+        <el-col :span="8" v-if="form.relationType==3">
+          <el-form-item label="采购核价单:" prop="relationName">
+            {{ form.relationName }}
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item
-            label="合同名称:"
-            prop="contractName"
-            style="margin-bottom: 16px"
-          >
-            {{ form.contractName }}
+        <el-col :span="8">
+          <el-form-item label="需求部门:" prop="requireDeptName">
+            {{ form.requireDeptName }}
           </el-form-item>
-          <el-form-item
-            label="采购计划名称:"
-            prop="purchasePlanName"
-            style="margin-bottom: 16px"
-          >
-            {{ form.purchasePlanName }}
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="需求人:" prop="requireUserName">
+            {{ form.requireUserName }}
           </el-form-item>
-
-          <el-form-item
-            label="结算方式:"
-            prop="settlementModeName"
-            style="margin-bottom: 16px"
-          >
+        </el-col>
+      
+        <el-col :span="8">
+          <el-form-item label="结算方式:" prop="settlementModeName">
             {{ detailData.settlementModeName }}
           </el-form-item>
-          <el-form-item
-            label="需求人:"
-            prop="requireUserName"
-            style="margin-bottom: 16px"
-          >
-            {{ form.requireUserName }}
-          </el-form-item>
-          <el-form-item
-            label="优惠总金额:"
-            prop="payAmount"
-            style="margin-bottom: 16px"
-          >
+        </el-col>
+   
+        <el-col :span="8">
+          <el-form-item label="优惠总金额:" prop="payAmount">
             {{ form.payAmount }}元
           </el-form-item>
-          <el-form-item
-            label="订单总金额:"
-            prop="totalAmount"
-            style="margin-bottom: 16px"
-          >
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="订单总金额:" prop="totalAmount">
             {{ form.totalAmount }}元
           </el-form-item>
-       
         </el-col>
+        <el-col :span="8">
+            <el-form-item prop="orderFiles" label="附件:">
+              <fileMain v-model="form.orderFiles" type="view"></fileMain>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="remark" label="备注:">
+              {{ form.remark }}
+            </el-form-item>
+          </el-col>
       </el-row>
       <headerTitle title="基本信息"></headerTitle>
       <el-row>
         <el-col :span="12">
-          <el-form-item
-            label="采购方名称:"
-            prop="partaName"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="采购方名称:" prop="partaName">
             {{ form.partaName }}
           </el-form-item>
           <el-form-item
             label="采购方统一社会信用代码"
             prop="partaUnifiedSocialCreditCode"
             label-width="170px"
-            style="margin-bottom: 16px"
           >
             {{ form.partaUnifiedSocialCreditCode }}
           </el-form-item>
-          <el-form-item
-            label="采购方联系人:"
-            prop="partaLinkName"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="采购方联系人:" prop="partaLinkName">
             {{ form.partaLinkName }}
           </el-form-item>
-          <el-form-item
-            label="采购方电话:"
-            prop="partaTel"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="采购方电话:" prop="partaTel">
             {{ form.partaTel }}
           </el-form-item>
-          <el-form-item
-            label="采购方传真:"
-            prop="partaFax"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="采购方传真:" prop="partaFax">
             {{ form.partaFax }}
           </el-form-item>
-          <el-form-item
-            label="	采购方Email:"
-            prop="partaEmail"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="	采购方Email:" prop="partaEmail">
             {{ form.partaEmail }}
           </el-form-item>
-          <el-form-item
-            label="采购方地址:"
-            prop="partaAddress"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="采购方地址:" prop="partaAddress">
             {{ form.partaAddress }}
           </el-form-item>
-
+      
         </el-col>
 
         <el-col :span="12">
-          <el-form-item
-            label="供应商名称:"
-            prop="partbName"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="供应商名称:" prop="partbName">
             {{ form.partbName }}
           </el-form-item>
           <el-form-item
             label="供应商统一社会信用代码"
             prop="partbUnifiedSocialCreditCode"
             label-width="180px"
-            style="margin-bottom: 16px"
           >
             {{ form.partbUnifiedSocialCreditCode }}
           </el-form-item>
-          <el-form-item
-            label="供应商联系人:"
-            prop="partbLinkName"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="供应商联系人:" prop="partbLinkName">
             {{ form.partbLinkName }}
           </el-form-item>
           <el-form-item
@@ -180,22 +133,13 @@
             {{ form.partbFax }}
           </el-form-item>
 
-          <el-form-item
-            label="供应商Email:"
-            prop="partbEmail"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="供应商Email:" prop="partbEmail">
             {{ form.partbEmail }}
           </el-form-item>
 
-          <el-form-item
-            label="供应商地址:"
-            prop="partbAddress"
-            style="margin-bottom: 16px"
-          >
+          <el-form-item label="供应商地址:" prop="partbAddress">
             {{ form.partbAddress }}
           </el-form-item>
-      
         </el-col>
       </el-row>
     </el-form>
@@ -267,7 +211,7 @@
   import dictMixins from '@/mixins/dictMixins';
   // import fileMain from '@/components/addDoc/index.vue';
   import { orderSourceType, outsourceSceneList } from '@/enum/dict';
-  import {lbjtList } from '@/enum/dict.js';
+  import { lbjtList } from '@/enum/dict.js';
   import { levelList } from '@/enum/dict.js';
   export default {
     mixins: [dictMixins],
@@ -439,12 +383,13 @@
             label: '属性类型',
             showOverflowTooltip: true,
             formatter: (row, column) => {
-              if(row.produceType){
-                return row.produceType.map(item=>{
-                  return lbjtList[item]
-                }).toString()
+              if (row.produceType) {
+                return row.produceType
+                  .map((item) => {
+                    return lbjtList[item];
+                  })
+                  .toString();
               }
-          
             }
           },
 
@@ -455,7 +400,7 @@
             label: '包装规格',
             showOverflowTooltip: true
           },
-      
+
           {
             width: 120,
             prop: 'singleWeight',
@@ -881,7 +826,7 @@
 <style scoped lang="scss">
   .ele-dialog-form {
     .el-form-item {
-      margin-bottom: 10px;
+      margin-bottom: 5px;
     }
   }