Merge branch 'dev' of http://39.101.143.165:8090/dong_k/tenant-Platform into dev

src/views/receivable/handingFee/report.vue

@@ -7,7 +7,7 @@
             <el-col :span="8">
               <el-form-item prop="companyId" label="保险公司">
                 <el-cascader filterable clearable placeholder="请选择" v-model="recordForm.companyId"
-                  :options="companyList" :props="companyIdprops" style="width: 100%;" @change="handleCompanyChange" />
+                  :options="companyList" :props="companyIdprops" style="width: 100%;" @change="val=>handleCompanyChange(val, '1')" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -64,17 +64,9 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table
-          v-loading="loading"
-          height="calc(100% - 200px)"
-          :data="recordData"
-          row-key="id"
-          default-expand-all
-          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-          show-summary
-          highlight-current-row
-          :summary-method="val => getSummaries(val, ['totalReceivable', 'totalOverinflatedAmount', 'superviseFee', 'SxfInvoicedAmount', 'sxfSettledAmount', 'SxfUnInvoicedAmount', 'sxfUnSettledAmount', 'settlementPaymentDifference'])"
-          >
+        <el-table v-loading="loading" height="calc(100% - 200px)" :data="recordData" row-key="id" default-expand-all
+          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" show-summary highlight-current-row
+          :summary-method="val => getSummaries(val, ['totalReceivable', 'totalOverinflatedAmount', 'superviseFee', 'SxfInvoicedAmount', 'sxfSettledAmount', 'SxfUnInvoicedAmount', 'sxfUnSettledAmount', 'settlementPaymentDifference'])">
           <el-table-column prop="companyName" label="保险公司" width="300" />
           <el-table-column prop="totalReceivable" label="应收金额" align="right" />
           <el-table-column prop="totalOverinflatedAmount" label="虚增金额合计" align="right" />
@@ -112,9 +104,8 @@
             </el-col>
             <el-col :span="8">
               <el-form-item prop="companyIda" label="保险公司">
-                <el-select v-model="recordForm1.companyId" placeholder="请选择" clearable filterable>
-                  <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
-                </el-select>
+                <el-cascader filterable clearable placeholder="请选择" v-model="recordForm1.companyId"
+                  :options="companyList" :props="companyIdprops" style="width: 100%;" @change="val=>handleCompanyChange(val, '2')" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -209,9 +200,8 @@
             </el-col>
             <el-col :span="8">
               <el-form-item prop="companyId" label="保险公司">
-                <el-select v-model="recordForm2.companyId" placeholder="请选择" clearable filterable>
-                  <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
-                </el-select>
+                <el-cascader filterable clearable placeholder="请选择" v-model="recordForm2.companyId"
+                  :options="companyList" :props="companyIdprops" style="width: 100%;" @change="val=>handleCompanyChange(val, '3')" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -286,9 +276,8 @@
             </el-col>
             <el-col :span="8">
               <el-form-item prop="companyId" label="保险公司">
-                <el-select v-model="recordForm3.companyId" placeholder="请选择" clearable filterable>
-                  <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
-                </el-select>
+                <el-cascader filterable clearable placeholder="请选择" v-model="recordForm3.companyId"
+                  :options="companyList" :props="companyIdprops" style="width: 100%;" @change="val=>handleCompanyChange(val, '4')" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -349,7 +338,7 @@
       </el-tab-pane>
     </el-tabs>
   </PageMain>
-  <el-dialog  v-model="viewCredential" title="查看凭证" width="500">
+  <el-dialog v-model="viewCredential" title="查看凭证" width="500">
     <div class="text-center text-[14px] text-[red] pb-[20px]">点击图片放大预览</div>
     <div class="flex a-c f-wrap">
       <el-image v-for="(item, index) in CredentialList" :key="index" class=""
@@ -403,10 +392,21 @@ const companyIdprops = {
   checkStrictly: true,
 }
 // 保险公司选择器改变时触发
-const handleCompanyChange = (e) => {
-  console.log(e)
-
-  recordForm.value.companyId = e[e.length - 1] || ''
+const handleCompanyChange = (e, type) => {
+  switch (type) {
+    case '1':
+      recordForm.value.companyId = e[e.length - 1] || ''
+      break;
+    case '2':
+      recordForm1.value.companyId = e[e.length - 1] || ''
+      break;
+    case '3':
+      recordForm2.value.companyId = e[e.length - 1] || ''
+      break;
+    case '4':
+      recordForm3.value.companyId = e[e.length - 1] || ''
+      break;
+  }
 }
 let activeName = ref('1')
 const handleClick = (e) => {
@@ -700,14 +700,14 @@ const handleSettlementDetail = (row) => {
 }
 // 开票明细
 const handleInvoiceRecord1 = (row) => {
-      activeName.value = '3'
-      recordForm2.value.companyId = row.id
-      initData3(['1'])
+  activeName.value = '3'
+  recordForm2.value.companyId = row.id
+  initData3(['1'])
 }
 const handleInvoiceRecord2 = (row) => {
-      activeName.value = '4'
-      recordForm3.value.companyId = row.id
-      initData3(['3'])
+  activeName.value = '4'
+  recordForm3.value.companyId = row.id
+  initData3(['3'])
 }
 const handleExport = (type) => {
   switch (type) {
@@ -862,7 +862,7 @@ onMounted(() => {
   } else if (route.query.activeName == "3") {
     recordForm2.value.invoiceId = route.query.id
     initData3(['1']);
-  }else if (route.query.activeName == "4") {
+  } else if (route.query.activeName == "4") {
     recordForm3.value.invoiceId = route.query.id
     initData3(['3']);
   } else {
@@ -890,6 +890,7 @@ onMounted(() => {
   color: var(--el-color-primary);
   cursor: pointer;
 }
+
 /* 自定义表格点击高亮颜色 */
 :deep(.el-table__body tr.current-row > td) {
   background-color: #c1e8fa !important;