采购工作台-采购订单、价格申报表体显示字段与OA保持一致修改

src/views/purchase/apply/submit/index.vue

@@ -56,7 +56,6 @@ export default {
               checkAmount: true,
             });
             if (code === 200) {
-              done();
               this.$emit("success");
               this.$notify.success(msg);
             }

src/views/purchase/workSpace/index.vue

@@ -1,32 +1,45 @@
 <template>
   <div id="workSpace">
-    <el-card style="position: relative;">
+    <el-card style="position: relative">
       <el-form label-width="100px">
         <el-row :gutter="10">
           <el-col :span="1.5">
-              <el-form-item label="单据标题">
-                <el-input
-                  v-model.trim="queryParams.docSubject"
-                  size="mini"
-                  clearable
-                  style="width: 200px"
-                />
-              </el-form-item>
-            </el-col>
+            <el-form-item label="单据标题">
+              <el-input
+                v-model.trim="queryParams.docSubject"
+                size="mini"
+                clearable
+                style="width: 200px"
+              />
+            </el-form-item>
+          </el-col>
 
           <el-col :span="1.5">
-              <el-form-item label="单据类型">
-                <el-select multiple v-model="queryParams.modelIds" size="mini" style="width: 200px" clearable>
-                  <el-option v-for="dict in dict.type.oa_templete_id" :key="dict.value" :label="dict.label" :value="dict.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
+            <el-form-item label="单据类型">
+              <el-select
+                multiple
+                v-model="queryParams.modelIds"
+                size="mini"
+                style="width: 200px"
+                clearable
+              >
+                <el-option
+                  v-for="dict in dict.type.oa_templete_id"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
 
-      <div style="position: absolute;top: 18px;right: 10px;">
-        <el-button type="primary" size="mini" @click="searchList">搜索</el-button>
+      <div style="position: absolute; top: 18px; right: 10px">
+        <el-button type="primary" size="mini" @click="searchList"
+          >搜索</el-button
+        >
         <el-button size="mini" plain @click="resetList">重置</el-button>
       </div>
 
@@ -36,7 +49,7 @@
 
       <el-table
         v-loading="loading"
-        :data="tableList" 
+        :data="tableList"
         fit
         :cell-style="{ borderColor: '#c0c0c0' }"
         :header-cell-style="{ borderColor: '#c0c0c0' }"
@@ -44,25 +57,40 @@
         max-height="410"
         border
         highlight-current-row
-        style="font-size: 12px;"
+        style="font-size: 12px"
         @selection-change="handleSelectionChange"
         @row-click="rowSelect"
         @row-dblclick="doubleClick"
         ref="tables"
       >
         <!-- <el-table-column type="selection" width="55" /> -->
-        <el-table-column label="序号" type="index" align="center" width="50px"/>
-        <el-table-column show-overflow-tooltip label="标题" align="center" prop="docSubject"/>
-        <el-table-column show-overflow-tooltip label="创建人" align="center" prop="docCreate" width="100px"/>
         <el-table-column
-          fixed="right"
-          label="操作"
+          label="序号"
+          type="index"
           align="center"
-          width="180"
-          >
+          width="50px"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="标题"
+          align="center"
+          prop="docSubject"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="创建人"
+          align="center"
+          prop="docCreate"
+          width="100px"
+        />
+        <el-table-column fixed="right" label="操作" align="center" width="180">
           <template slot-scope="scope">
-            <el-button type="text" size="mini" @click="check(scope.row)">查看</el-button>
-            <el-button type="text" size="mini" @click="audit(scope.row)">审批</el-button>
+            <el-button type="text" size="mini" @click="check(scope.row)"
+              >查看</el-button
+            >
+            <el-button type="text" size="mini" @click="audit(scope.row)"
+              >审批</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -75,15 +103,16 @@
         :page-sizes="[10, 20, 50, 100, 200, 500]"
         :page-size="20"
         layout="total, sizes, prev, pager, next, jumper"
-        :total=total>
+        :total="total"
+      >
       </el-pagination>
 
-      <el-card class="box-card" style="margin-top: 10px;">
-        <div slot="header" class="clearfix">
+      <el-card class="box-card" style="margin-top: 10px">
+        <div slot="header" class="clearfix" style="line-height: 38px">
           <span>单据概述</span>
         </div>
         <el-table
-          :data="sonTableList" 
+          :data="sonTableList"
           fit
           :cell-style="{ borderColor: '#c0c0c0' }"
           :header-cell-style="{ borderColor: '#c0c0c0' }"
@@ -91,17 +120,44 @@
           max-height="410"
           border
           highlight-current-row
-          style="font-size: 12px;"
+          style="font-size: 12px"
         >
-          <el-table-column v-if="cols.length !== 0" label="序号" type="index" align="center" width="50px"/>
-            <el-table-column v-for="(col,index) in cols" :key="index"
-              align="center"
-              :prop="col.prop"
-              :label="col.label"
-              :width="col.width"
-              :formatter="col.formatter"
-            >
-            </el-table-column>
+          <el-table-column
+            v-if="cols.length !== 0"
+            label="序号"
+            type="index"
+            align="center"
+            width="50px"
+          />
+          <el-table-column
+            v-for="(col, index) in cols"
+            :key="index"
+            align="center"
+            :prop="col.prop"
+            :label="col.label"
+            :width="col.width"
+            :formatter="col.formatter"
+          >
+            <template slot-scope="scope">
+              <template v-if="col.attr">
+                <component
+                  v-if="col.attr.is === 'el-dict-tag'"
+                  v-bind="col.attr"
+                  :size="$attrs.size"
+                  :value="scope.row[col.prop]"
+                  :options="dict.type[col.attr.dictName]"
+                ></component>
+              </template>
+              <template v-else>
+                <component v-if="col.formatter" is="span">{{
+                  col.formatter(scope.row)
+                }}</component>
+                <component v-else is="span">{{
+                  scope.row[col.prop]
+                }}</component>
+              </template>
+            </template>
+          </el-table-column>
         </el-table>
 
         <el-pagination
@@ -112,26 +168,33 @@
           :page-sizes="[10, 20, 50, 100, 200, 500]"
           :page-size="10"
           layout="total, sizes, prev, pager, next, jumper"
-          :total=sonTotal>
+          :total="sonTotal"
+        >
         </el-pagination>
       </el-card>
-
     </el-card>
   </div>
 </template>
 
 <script>
-import { getWorkSpaceList, auditWork, getWorkDetailList } from '@/api/purchase/workSpace.js'
+import {
+  getWorkSpaceList,
+  auditWork,
+  getWorkDetailList,
+} from "@/api/purchase/workSpace.js";
 export default {
-  name: 'workSpace',
-  dicts: ['oa_templete_id'],
+  name: "workSpace",
+  dicts: ["oa_templete_id", "sys_price_type"],
+  components: {
+    ElDictTag: () => import("@/components/DictTag/index.vue"),
+  },
   data() {
     return {
       queryParams: {
-        modelIds:[],
-        docSubject: '',
+        modelIds: [],
+        docSubject: "",
         pageNum: 1,
-        pageSize: 20
+        pageSize: 20,
       },
       loading: false,
       tableList: [],
@@ -140,54 +203,57 @@ export default {
       sonTableList: [],
       sonQuery: {
         pageNum: 1,
-        pageSize: 10
+        pageSize: 10,
       },
       sonTotal: 0,
       checkRow: {
-        billCode: '',
-        type: ''
+        billCode: "",
+        type: "",
       },
       cols: [],
       // 记录点击行的下标
-      recordIndex: '',
-    }
+      recordIndex: "",
+    };
   },
   created() {
-    this.getList(this.queryParams)
+    this.getList(this.queryParams);
   },
   methods: {
-    getList(params){
-      getWorkSpaceList(params).then(res => {
-        if (res.code === 200) {
-          this.tableList = res.rows
-          this.total = res.total
-        }
-      }).then(() => {
-        this.loading = false
-      }).catch(err => {
-        this.loading = false
-      })
+    getList(params) {
+      getWorkSpaceList(params)
+        .then((res) => {
+          if (res.code === 200) {
+            this.tableList = res.rows;
+            this.total = res.total;
+          }
+        })
+        .then(() => {
+          this.loading = false;
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
     },
     searchList() {
-      this.getList(this.queryParams)
+      this.getList(this.queryParams);
     },
     resetList() {
       this.queryParams = {
-        modelIds:[],
-        docSubject: '',
+        modelIds: [],
+        docSubject: "",
         pageNum: 1,
-        pageSize: 20
-      }
-      this.searchList()
+        pageSize: 20,
+      };
+      this.searchList();
     },
     handleSelectionChange(selection) {
-      console.log('选中', selection)
-      this.ids = selection
+      console.log("选中", selection);
+      this.ids = selection;
       // console.log('选中数组', this.ids.join())
     },
     doubleClick(row) {
       // this.$refs.tables.toggleRowSelection(row);
-      this.rowSelect(row)
+      this.rowSelect(row);
     },
     rowSelect(row, column, event) {
       // console.log('行信息', row)
@@ -197,207 +263,269 @@ export default {
       // console.log('下标:', this.recordIndex)
       // this.check(row)
       // 选择行存储便于子表分页
-      this.checkRow = row
+      this.checkRow = row;
       // 采购需求单
-      if(row.type == 'PU_DEMAND_RULE') {
+      if (row.type == "PU_DEMAND_RULE") {
         this.cols = [
-          {label: '物料编码',  prop: 'materialCode'},
-          {label: '物料名称',  prop: 'materialName'},
-          {label: '规格',  prop: 'specification'},
-          {label: '单位',  prop: 'unitName',width: 50},
-          {label: '生产厂家/代理人',  prop: 'manufacturerName'},
-          {label: '实际(业务)需求量',  prop: 'qty', width: 130},
-          {label: '月均销量',  prop: 'averageQtyMonth', width: 80},
-          {label: '需求可用周期',  prop: 'demandPeriod', width: 80},
-          {label: '业务备注',  prop: 'remark'},
-          {label: '紧急标识',  prop: 'isUrgency',
-            formatter: function(row, column, cellValue, index) {
-              return row.isUrgency == 'Y' ? '是' : '否'
+          { label: "物料编码", prop: "materialCode" },
+          { label: "物料名称", prop: "materialName" },
+          { label: "规格", prop: "specification" },
+          { label: "单位", prop: "unitName", width: 50 },
+          { label: "生产厂家/代理人", prop: "manufacturerName" },
+          { label: "实际(业务)需求量", prop: "qty", width: 130 },
+          { label: "月均销量", prop: "averageQtyMonth", width: 80 },
+          { label: "需求可用周期", prop: "demandPeriod", width: 80 },
+          { label: "业务备注", prop: "remark" },
+          {
+            label: "紧急标识",
+            prop: "isUrgency",
+            formatter: function (row, column, cellValue, index) {
+              return row.isUrgency == "Y" ? "是" : "否";
             },
-            width: 80
+            width: 80,
           },
-          {label: '补单标识',  prop: 'isReplenishment',
-            formatter: function(row, column, cellValue, index) {
-              return row.isReplenishment == 'Y' ? '是' : '否'
+          {
+            label: "补单标识",
+            prop: "isReplenishment",
+            formatter: function (row, column, cellValue, index) {
+              return row.isReplenishment == "Y" ? "是" : "否";
             },
-            width: 80
+            width: 80,
           },
-        ]
+        ];
         // 调拨订单
-      } else if (row.type == 'ALLOT_RULE') {
+      } else if (row.type == "ALLOT_RULE") {
         this.cols = [
-          {label: '物料编码',  prop: 'materialCode', width: 120},
-          {label: '物料名称',  prop: 'materialName'},
-          {label: '规格',  prop: 'specification'},
-          {label: '单位',  prop: 'unitName'},
-          {label: '生产厂家/代理人',  prop: 'manufacturerName'},
-          {label: '调出仓库',  prop: 'deliveryWarehouseName'},
-          {label: '调出货位',  prop: 'deliveryAllocationName'},
-          {label: '数量',  prop: 'qty', width: 50},
-          {label: '调入仓库',  prop: 'storageWarehouseName'},
-          {label: '调入货位',  prop: 'storageAllocationName'},
-        ]
+          { label: "物料编码", prop: "materialCode", width: 120 },
+          { label: "物料名称", prop: "materialName" },
+          { label: "规格", prop: "specification" },
+          { label: "单位", prop: "unitName" },
+          { label: "生产厂家/代理人", prop: "manufacturerName" },
+          { label: "调出仓库", prop: "deliveryWarehouseName" },
+          { label: "调出货位", prop: "deliveryAllocationName" },
+          { label: "数量", prop: "qty", width: 50 },
+          { label: "调入仓库", prop: "storageWarehouseName" },
+          { label: "调入货位", prop: "storageAllocationName" },
+        ];
         // 物料申请单
-      } else if (row.type == 'MATERIAL_APPLY_RULE') {
+      } else if (row.type == "MATERIAL_APPLY_RULE") {
         this.cols = [
-          {label: '物料一级分类',  prop: 'classOneName', width: 120},
-          {label: '物料基本分类',  prop: 'classifyName', width: 120},
-          {label: '物料名称',  prop: 'materialName'},
-          {label: '规格',  prop: 'specification'},
-          {label: '生产厂家/代理人',  prop: 'manufacturerName'},
-          {label: '注册证号',  prop: 'registrationNo'},
-          {label: '注册人',  prop: 'registrant'},
-          {label: '存储条件',  prop: 'storageCondition'},
-          {label: '运输条件',  prop: 'transportationCondition', width: 80},
+          { label: "物料一级分类", prop: "classOneName", width: 120 },
+          { label: "物料基本分类", prop: "classifyName", width: 120 },
+          { label: "物料名称", prop: "materialName" },
+          { label: "规格", prop: "specification" },
+          { label: "生产厂家/代理人", prop: "manufacturerName" },
+          { label: "注册证号", prop: "registrationNo" },
+          { label: "注册人", prop: "registrant" },
+          { label: "存储条件", prop: "storageCondition" },
+          { label: "运输条件", prop: "transportationCondition", width: 80 },
           // {label: '是否医药物料',  prop: 'isMedicine',
           //   formatter: function(row, column, cellValue, index) {
           //     return row.isMedicine == '0' ? '是' : '否'
           //   }
           // },
-          {label: '是否药品',  prop: 'isDrug',
-            formatter: function(row, column, cellValue, index) {
-              return row.isDrug == '0' ? '是' : '否'
+          {
+            label: "是否药品",
+            prop: "isDrug",
+            formatter: function (row, column, cellValue, index) {
+              return row.isDrug == "0" ? "是" : "否";
             },
-            width: 80
+            width: 80,
           },
-        ]
+        ];
         // 价格申报单
-      } else if (row.type == 'PU_PRICE_APPLY_RULE') {
+      } else if (row.type == "PU_PRICE_APPLY_RULE") {
+        // 价格
         this.cols = [
-          {label: '物料编码',  prop: 'materialCode',width: 120},
-          {label: '物料名称',  prop: 'materialName'},
-          {label: '规格',  prop: 'specification'},
-          {label: '生产厂家/代理人',  prop: 'manufacturerName'},
-          {label: '含税单价',  prop: 'taxPrice', width: 80},
-          {label: '最近价格',  prop: 'recentlyPrice', width: 80},
-          {label: '单价差',  prop: 'priceDiffer', width: 80},
-          {label: '申请理由',  prop: 'explainStr'},
-          {label: '客户',  prop: 'customerName'},
-          {label: '供应商名称1',  prop: 'supplierName1'},
-          {label: '单价1',  prop: 'unitPrice1', width: 70},
-          {label: '供应商名称2',  prop: 'supplierName2'},
-          {label: '单价2',  prop: 'unitPrice2', width: 70},
-          {label: '供应商名称3',  prop: 'supplierName3'},
-          {label: '单价3',  prop: 'unitPrice3', width: 70},
-        ]
+          { label: "物料编码", prop: "materialCode", width: 120 },
+          { label: "物料名称", prop: "materialName" },
+          { label: "规格", prop: "specification" },
+          { label: "生产厂家/代理人", prop: "manufacturerName" },
+          { label: "含税单价", prop: "taxPrice", width: 80 },
+          { label: "最近价格", prop: "recentlyPrice", width: 80 },
+          { label: "单价差", prop: "priceDiffer", width: 80 },
+          { label: "申请理由", prop: "explainStr" },
+          { label: "客户", prop: "customerName" },
+          { label: "供应商名称1", prop: "supplierName1" },
+          { label: "单价1", prop: "unitPrice1", width: 70 },
+          { label: "供应商名称2", prop: "supplierName2" },
+          { label: "单价2", prop: "unitPrice2", width: 70 },
+          { label: "供应商名称3", prop: "supplierName3" },
+          { label: "单价3", prop: "unitPrice3", width: 70 },
+
+          {
+            label: "价格类型",
+            prop: "priceType",
+            attr: {
+              is: "el-dict-tag",
+              dictName: "sys_price_type",
+            },
+          },
+          {
+            label: "配送价",
+            prop: "isDistributionPrice",
+            formatter: function (row, column, cellValue, index) {
+              return row.isDistributionPrice == "Y" ? "是" : "否";
+            },
+          },
+          { label: "价格有效期（起）", prop: "periodBegin" },
+          { label: "价格有效期（止）", prop: "periodEnd" },
+          { label: "币种名称", prop: "currencyName" },
+          { label: "无税单价", prop: "price" },
+          { label: "采购换算率", prop: "conversionRate" },
+          { label: "采购单位名称", prop: "puUnitName" },
+          { label: "单位名称", prop: "unitName" },
+          { label: "调整类型", prop: "isPriceAdjustment" },
+          {
+            label: "首次报批",
+            prop: "isApprovalFirst",
+            formatter: function (row, column, cellValue, index) {
+              return row.isApprovalFirst == "Y" ? "是" : "否";
+            },
+          },
+          { label: "预计年采购量", prop: "yPurchaseQuantity" },
+          { label: "预计年影响量", prop: "yAffectedAmount" },
+          { label: "涨幅", prop: " increase" },
+        ];
         // 采购订单
-      } else if (row.type == 'PU_ORDER_RULE') {
+      } else if (row.type == "PU_ORDER_RULE") {
         this.cols = [
-          {label: '收货客户',  prop: 'customerName'},
-          {label: '物料编码',  prop: 'materialCode', width: 120},
-          {label: '物料名称',  prop: 'materialName'},
-          {label: '生产厂家',  prop: 'manufacturerName'},
+          { label: "收货客户", prop: "customerName" },
+          { label: "物料编码", prop: "materialCode", width: 120 },
+          { label: "物料名称", prop: "materialName" },
+          { label: "生产厂家", prop: "manufacturerName" },
           // {label: '医药物料',  prop: 'isMedcine'},
-          {label: '数量',  prop: 'qty', width: 60,},
-          {label: '含税单价',  prop: 'taxPrice', width: 80},
-          {label: '价税合计',  prop: 'money', width: 80,
-            formatter: function(row, column, cellValue, index) {
-              return row.money ? parseFloat(row.money).toFixed(2) : '0.00'
+          { label: "数量", prop: "qty", width: 60 },
+          { label: "含税单价", prop: "taxPrice", width: 80 },
+          {
+            label: "价税合计",
+            prop: "money",
+            width: 80,
+            formatter: function (row, column, cellValue, index) {
+              return row.money ? parseFloat(row.money).toFixed(2) : "0.00";
             },
           },
-          {label: '赠品',  prop: 'isGift', width: 50,
-            formatter: function(row, column, cellValue, index) {
-              return row.isGift == 'Y' ? '是' : '否'
-            }        
+          {
+            label: "赠品",
+            prop: "isGift",
+            width: 50,
+            formatter: function (row, column, cellValue, index) {
+              return row.isGift == "Y" ? "是" : "否";
+            },
           },
-          {label: '折扣%',  prop: 'nitemdiscountrate', width: 70,},
-          {label: '价格类型',  prop: 'priceType', width: 80},
-        ]
+          { label: "折扣%", prop: "nitemdiscountrate", width: 70 },
+          { label: "价格类型", prop: "priceType", width: 80 },
+
+          { label: "规格", prop: "specification" },
+          { label: "单位", prop: "unitName" },
+          { label: "税率", prop: "tax" },
+          { label: "注册证号", prop: "registration" },
+          { label: "需求单号", prop: "demandCode" },
+        ];
       }
-      this.getDetailList(this.checkRow)
+      this.getDetailList(this.checkRow);
     },
     audits() {
-      if(this.ids.length == 0) {
+      if (this.ids.length == 0) {
         this.$modal.notifyWarning("请选中至少一条数据");
       } else {
-        this.$modal.confirm('确认审批选中单据?').then(() => {
-        this.$modal.loading("审批中...");
-        auditWork(this.ids).then(res => {
-          if (res.code === 200) {
+        this.$modal
+          .confirm("确认审批选中单据?")
+          .then(() => {
+            this.$modal.loading("审批中...");
+            auditWork(this.ids).then((res) => {
+              if (res.code === 200) {
+                this.$modal.closeLoading();
+                this.$modal.notifySuccess("审批成功");
+                this.searchList();
+                this.sonTableList = [];
+              }
+            });
+          })
+          .catch(() => {
             this.$modal.closeLoading();
-            this.$modal.notifySuccess("审批成功");
-            this.searchList()
-            this.sonTableList = []
-          }
-        })
-        }).catch(() => {
-          this.$modal.closeLoading();
-          this.searchList()
-          this.sonTableList = []
-        })
-      } 
+            this.searchList();
+            this.sonTableList = [];
+          });
+      }
     },
     check(row) {
-      console.log(row)
-      this.$router.push({path: row.linkUrl ,query: {billCode: row.billCode}})
+      console.log(row);
+      this.$router.push({
+        path: row.linkUrl,
+        query: { billCode: row.billCode },
+      });
     },
     audit(row) {
       this.$modal.loading("审批中...");
-      auditWork([row]).then(res => {
-        if(res.code === 200) {
+      auditWork([row])
+        .then((res) => {
+          if (res.code === 200) {
+            this.$modal.closeLoading();
+            this.$modal.notifySuccess("审批成功");
+            this.searchList();
+            this.sonTableList = [];
+          }
+        })
+        // .then(() => {
+        //   this.$refs.tables.setCurrentRow(this.tableList[this.recordIndex])
+        //   let param = {
+        //     billCode: this.tableList[this.recordIndex].billCode,
+        //     type: this.tableList[this.recordIndex].type,
+        //     ...this.sonQuery
+        //   }
+        //   getWorkDetailList(param).then(res => {
+        //     if(res.code === 200) {
+        //       this.sonTableList = res.rows
+        //       this.sonTotal = res.total
+        //     }
+        //   }).catch(err => {
+        //   })
+        // })
+        .catch(() => {
           this.$modal.closeLoading();
-          this.$modal.notifySuccess("审批成功");
-          this.searchList()
-          this.sonTableList = []
-        }
-      })
-      // .then(() => {
-      //   this.$refs.tables.setCurrentRow(this.tableList[this.recordIndex])
-      //   let param = {
-      //     billCode: this.tableList[this.recordIndex].billCode,
-      //     type: this.tableList[this.recordIndex].type,
-      //     ...this.sonQuery
-      //   }
-      //   getWorkDetailList(param).then(res => {
-      //     if(res.code === 200) {
-      //       this.sonTableList = res.rows
-      //       this.sonTotal = res.total
-      //     }
-      //   }).catch(err => {
-      //   })
-      // })
-      .catch(() => {
-        this.$modal.closeLoading();
-        this.searchList()
-        this.sonTableList = []
-      })
+          this.searchList();
+          this.sonTableList = [];
+        });
     },
     handleSizeChange(val) {
-      this.queryParams.pageSize = val
-      this.getList(this.queryParams)
+      this.queryParams.pageSize = val;
+      this.getList(this.queryParams);
     },
     handleCurrentChange(val) {
-      this.queryParams.pageNum = val
-      this.getList(this.queryParams)
+      this.queryParams.pageNum = val;
+      this.getList(this.queryParams);
     },
     sonSizeChange(val) {
-      this.sonQuery.pageSize = val
-      this.getDetailList(this.checkRow)
+      this.sonQuery.pageSize = val;
+      this.getDetailList(this.checkRow);
     },
     sonCurrentChange(val) {
-      this.sonQuery.pageNum = val
-      this.getDetailList(this.checkRow)
+      this.sonQuery.pageNum = val;
+      this.getDetailList(this.checkRow);
     },
     // 获取单据概述列表
-    getDetailList (row) {
+    getDetailList(row) {
       this.$modal.loading("加载中...");
       let param = {
         billCode: row.billCode,
         type: row.type,
-        ...this.sonQuery
-      }
-      getWorkDetailList(param).then(res => {
-        if(res.code === 200) {
-          this.sonTableList = res.rows
-          this.sonTotal = res.total
+        ...this.sonQuery,
+      };
+      getWorkDetailList(param)
+        .then((res) => {
+          if (res.code === 200) {
+            this.sonTableList = res.rows;
+            this.sonTotal = res.total;
+            this.$modal.closeLoading();
+          }
+        })
+        .catch((err) => {
           this.$modal.closeLoading();
-        }
-      }).catch(err => {
-        this.$modal.closeLoading();
-      })
+        });
     },
-  }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -423,4 +551,4 @@ export default {
 .el-table .el-table__header-wrapper th {
   font-size: 14px;
 }
-</style>
+</style>