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

src/views/receivable/handingFee/invoiceRecord.vue

@@ -9,11 +9,18 @@
         </el-col>
         <el-col :span="8">
           <el-form-item prop="companyId" label="保险公司">
-            <el-select v-model="form.companyId" placeholder="请选择" clearable filterable>
+            <el-select v-model="form.companyId" placeholder="请选择" clearable filterable @change="companyChange">
               <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
             </el-select>
           </el-form-item>
         </el-col>
+        <el-col :span="8">
+          <el-form-item prop="companyNameSimple" label="保险机构">
+            <el-cascader v-model="form.companyNameSimple" style="width: 100%;" filterable clearable
+              :options="companyOptions" :props="companyIdprops" :show-all-levels="false"
+              @change="partnerCompanyIdChange" />
+          </el-form-item>
+        </el-col>
         <el-col :span="8">
           <el-form-item prop="invoiceParty" label="开票方">
             <el-select v-model="form.invoiceParty" clearable>
@@ -60,6 +67,7 @@
       <el-table-column prop="id" label="开票记录编号" width="200"></el-table-column>
       <el-table-column prop="companyALlName" label="保险公司" width="150">
       </el-table-column>
+      <el-table-column prop="companyNameSimple" label="保险机构" width="150"></el-table-column>
       <el-table-column prop="invoiceParty" label="开票方" width="150"></el-table-column>
       <el-table-column prop="accountsReceivable" label="应收项" width="100"></el-table-column>
       <el-table-column prop="receivableSupervisePremium" label="应收手续费" width="120"></el-table-column>
@@ -150,7 +158,12 @@
 
 import api from "@/api";
 import { ElMessage, ElMessageBox } from 'element-plus'
-
+const companyIdprops = {
+  expandTrigger: 'hover' as const,
+  value: 'id',
+  label: 'nameSimple',
+  checkStrictly: true,
+}
 let form = ref({})
 let tableData = ref([])
 
@@ -194,7 +207,7 @@ let imageUrl = ref([])
 let attachmentIds = ref([])
 let invoicingId = ref('')
 const handleCount = (row) => {
-  if (row.settlementStatus === "已结算"){
+  if (row.settlementStatus === "已结算") {
     ElMessage.warning('当前开票记录已结算完成，不能结算！')
     return
   }
@@ -292,7 +305,26 @@ const initCompany = () => {
     }
   })
 }
-
+let companyOptions = ref()
+// 保险公司树结构
+const company = (name: string) => {
+  api.agreementApi.findTree({ name: name, systemCode: localStorage.getItem('login_system') }).then((res: any) => {
+    if (res.code == '200') {
+      companyOptions.value = res.data;
+    } else {
+      ElMessage({
+        type: 'error',
+        message: res.msg,
+        plain: true,
+      })
+    }
+  });
+}
+const partnerCompanyIdChange = (value: any) => {
+    if (value) {
+        form.value.companyNameSimple = value[value.length - 1]
+    }
+}
 let imageShow = ref(false)
 let bigImageUrl = ref('')
 const handelViewImage = (item, index) => {
@@ -364,11 +396,19 @@ const initOption = () => {
     })
   })
 }
-
+// 获取保险公司下的客户
+const companyChange = (e) => {
+  console.log(e)
+  let name = companyList.value.find(item => item.id == e).name;
+  if (name) {
+    company(name)
+  }
+}
 onMounted(() => {
   initList();
   initOption();
   initCompany();
+  company();
 })
 
 </script>