合同详情增加记录

src/components/contractCom/contractDetails.vue

@@ -2,6 +2,7 @@
   <div style="background: #fff; padding: 0 20px">
     <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" @tab-change="handleChange" stretch>
       <el-tab-pane label="销售合同" name="first"></el-tab-pane>
+      <el-tab-pane label="到账认领明细" name="nine"></el-tab-pane>
       <el-tab-pane label="采购合同" name="second"></el-tab-pane>
       <el-tab-pane label="交易明细" name="third"></el-tab-pane>
       <el-tab-pane label="外销跟单" name="four"> </el-tab-pane>
@@ -11,7 +12,6 @@
       </el-tab-pane>
       <el-tab-pane label="单证" name="seven" v-if="isShowSalesFinancemanArrange"></el-tab-pane>
       <el-tab-pane label="售后" name="eight"> </el-tab-pane>
-
     </el-tabs>
     <div class="content-box" v-if="['first', 'second'].includes(activeName)">
       <div class="left">
@@ -58,6 +58,24 @@
         </template>
       </byTable>
     </div>
+    <div v-if="activeName === 'nine'">
+      <byTable :hidePagination="true" :hideSearch="true" :source="tableDataOne" :config="configOne" highlight-current-row :action-list="[]">
+
+        <template #money="{ item }">
+          <div>
+            {{ item.arwCurrency }}
+            {{moneyFormat( item.money,2)}}
+          </div>
+        </template>
+
+        <template #contractMoney="{ item }">
+          <div>
+            {{ item.currency }}
+            {{moneyFormat( item.contractMoney,2)}}
+          </div>
+        </template>
+      </byTable>
+    </div>
     <div v-if="activeName === 'four'">
       <ExportTracking> </ExportTracking>
     </div>
@@ -124,6 +142,7 @@ const leftList = ref([]);
 const contractDataList = ref([]);
 const purchaseDataList = ref([]);
 const tableData = ref([]);
+const tableDataOne = ref([]);
 const afterSalesTableData = ref([]);
 const transactionType = ref([
   {
@@ -188,6 +207,40 @@ const config = computed(() => {
     },
   ];
 });
+const configOne = computed(() => {
+  return [
+    {
+      attrs: {
+        label: "订单号",
+        prop: "contractCode",
+      },
+    },
+    {
+      attrs: {
+        label: "认领时间",
+        prop: "createTime",
+      },
+    },
+    {
+      attrs: {
+        label: "认领人",
+        prop: "claimUserName",
+      },
+    },
+    {
+      attrs: {
+        label: "关联金额",
+        slot: "money",
+      },
+    },
+    {
+      attrs: {
+        label: "转换合同金额",
+        slot: "contractMoney",
+      },
+    },
+  ];
+});
 const afterSalesType = computed(
   () => proxy.useUserStore().allDict["after_sales_type"]
 );
@@ -429,6 +482,14 @@ const getDetailsData = (id) => {
     });
 
   proxy
+    .post("/claimContract/getContractClaimRecord", {
+      contractId: id,
+    })
+    .then((res) => {
+      tableDataOne.value = res;
+    });
+
+  proxy
     .post("/afterSales/page", {
       contractId: id,
     })