修改

src/views/saleManage/contact/components/drawer.vue

@@ -6,7 +6,9 @@
     size="100%"
   >
     <div slot="title" class="title">
-      <span style="margin: 0" class="name">客户名称：{{ row?.base?.name }}</span>
+      <span style="margin: 0" class="name"
+        >客户名称：{{ row?.base?.name }}</span
+      >
       <span>客户编码：{{ row?.base?.code }}</span>
       <span>客户代号：{{ row?.base?.serialNo }}</span>
       <span>业务员：{{ row?.base?.salesmanName }}</span>
@@ -20,30 +22,39 @@
         <!-- <headerTitle title="摘要卡片" style="margin-top: 15px"></headerTitle> -->
 
         <div class="card">
-          <div
-            >
+          <div>
             <span> 销售订单总额</span>
-            <span class="value">{{ contactCountData.totalAmountSaleOrder }}
-            &nbsp;&nbsp;元
+            <span class="value"
+              >{{ contactCountData.totalAmountSaleOrder }}
+              &nbsp;&nbsp;元
             </span>
-           
-         
           </div>
           <div>
             <span> 退货单总额</span>
-            <span class="value">{{ contactCountData.totalAmountSaleOrderRecord }} 
-              &nbsp;&nbsp;元</span>
-            </div >
-          <div>   
+            <span class="value"
+              >{{
+                contactCountData.totalAmountSaleOrderRecord
+              }}
+              &nbsp;&nbsp;元</span
+            >
+          </div>
+          <div>
             <span> 回款总额</span>
-            <span class="value">{{ contactCountData.totalAmountReturn }}&nbsp;&nbsp;元</span></div>
+            <span class="value"
+              >{{ contactCountData.totalAmountReturn }}&nbsp;&nbsp;元</span
+            ></div
+          >
           <div>
             <span> 退款总额</span>
-            <span class="value">{{ contactCountData.totalAmountRecord }}&nbsp;&nbsp;元</span></div>
-          <div
-            >
+            <span class="value"
+              >{{ contactCountData.totalAmountRecord }}&nbsp;&nbsp;元</span
+            ></div
+          >
+          <div>
             <span> 待回款总额</span>
-            <span class="value">{{ contactCountData.totalAmountTreatReturn }}&nbsp;&nbsp;元</span></div
+            <span class="value"
+              >{{ contactCountData.totalAmountTreatReturn }}&nbsp;&nbsp;元</span
+            ></div
           >
         </div>
         <el-tabs v-model="activeName" style="height: calc(100% - 124px)">
@@ -82,26 +93,22 @@
             ></contractBook>
           </el-tab-pane>
           <!-- <el-tab-pane label="回款" name="回款"> </el-tab-pane> -->
-          <el-tab-pane label="发货单" name="发货单"
-            >
-            <invoice :key="row?.base?.id" :contactData="row.base"></invoice
-          >
-        </el-tab-pane>
-          <el-tab-pane label="退货单" name="退货单"
-            >
+          <el-tab-pane label="发货单" name="发货单">
+            <invoice :key="row?.base?.id" :contactData="row.base"></invoice>
+          </el-tab-pane>
+          <el-tab-pane label="退货单" name="退货单">
             <returnGoods
               :key="row?.base?.id"
               :contactData="row.base"
-            ></returnGoods
-          >
-        </el-tab-pane>
+            ></returnGoods>
+          </el-tab-pane>
           <el-tab-pane label="对账单" name="对账单">
             <accountstatement
               :key="row?.base?.id"
               :contactData="row.base"
             ></accountstatement>
           </el-tab-pane>
-          <invoiceManage :key="row.base.id"></invoiceManage>
+          <!-- <invoiceManage :key="row.base.id"></invoiceManage> -->
 
           <el-tab-pane label="开票信息" name="开票信息">
             <invoiceManage
@@ -109,14 +116,12 @@
               :contactData="row.base"
             ></invoiceManage>
           </el-tab-pane>
-          <el-tab-pane label="应收信息" name="应收信息"
-            >
+          <el-tab-pane label="应收信息" name="应收信息">
             <receivableManage
               :key="row?.base?.id"
               :contactData="row.base"
-            ></receivableManage
-          >
-        </el-tab-pane>
+            ></receivableManage>
+          </el-tab-pane>
           <el-tab-pane label="证书资质" name="证书资质">
             <certificateTable ref="certificateTableRef"></certificateTable>
           </el-tab-pane>
@@ -249,7 +254,7 @@ export default {
       drawer: false,
       title: '',
       activeName: '详细信息',
-      row: {base:{}},
+      row: { base: {} },
       content: '',
       commitCommentVisible: false,
       inputComment: '',
@@ -274,7 +279,7 @@ export default {
       this.row = await contactDetail(row.id);
       this.pageName = pageName;
       const contactCountData = await queryContactIdCount(row.id);
-      this.contactCountData=contactCountData.data
+      this.contactCountData = contactCountData.data;
       this.drawer = true;
       this.$nextTick(() => {
         // this.$refs.contactInfoRef.init(this.row);
@@ -333,23 +338,21 @@ export default {
   display: flex;
   padding: 15px;
   font-size: 16px;
-  >div{
-    flex:1;
-    margin:0px 40px ;
+  > div {
+    flex: 1;
+    margin: 0px 40px;
     background: #1890ff;
-    color:#fff;
+    color: #fff;
     display: flex;
-    flex-direction:column;
+    flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 12px;
     border-radius: 10px;
-    .value{
-      margin-top:8px
+    .value {
+      margin-top: 8px;
     }
-   
-   }
- 
+  }
 }
 .title {
   span {