平台结算记录增加保险机构筛选

src/views/platform/platformRecord.vue

@@ -62,6 +62,12 @@
             </el-select>
           </el-form-item>
         </el-col>
+         <el-col :span="8">
+              <el-form-item label="保险机构">
+                <el-cascader filterable clearable placeholder="请选择" v-model="form.partnerCompanyId"
+                  :options="partnerCompanyList" :props="companyIdprops" style="width: 100%;" @change="handleCompanyChange" />
+              </el-form-item>
+            </el-col>
         <el-col :span="24" style="display: flex; justify-content: flex-end">
           <el-button type="primary" @click="search()">查询</el-button>
           <el-button plain type="primary" @click="reset()">重置</el-button>
@@ -74,6 +80,7 @@
       <el-table-column prop="settlementId" label="结算记录编号" width="200"></el-table-column>
       <el-table-column prop="companyName" label="保险公司" width="200"></el-table-column>
       <el-table-column prop="contactPerson" label="对接人姓名" width="200"></el-table-column>
+      <el-table-column prop="partnerCompanyName" label="保险机构" width="200"></el-table-column>
       <el-table-column prop="contactPersonPhone" label="对接人手机号" width="200"></el-table-column>
       <el-table-column prop="invoiceType" label="应收项" width="200"></el-table-column>
       <el-table-column prop="receivableSupervisePremium" label="应收金额" width="150"></el-table-column>
@@ -117,7 +124,12 @@ import { useRoute, useRouter } from 'vue-router';
 import { ElMessage, ElMessageBox } from 'element-plus';
 const route = useRoute();
 const router = useRouter();
-
+const companyIdprops = {
+  expandTrigger: 'hover' as const,
+  value: 'id',
+  label: 'name',
+  checkStrictly: true,
+}
 let form = ref({});
 let tableData = ref([]);
 const viewCredential = ref(false)//查看凭证弹窗
@@ -211,7 +223,18 @@ const initCompany = () => {
     }
   });
 };
-
+// 保险公司
+let partnerCompanyList = ref([])
+const initPartnerCompany = () => {
+  api.agreementApi.findTree({ name: "", systemCode: localStorage.getItem('login_system') }).then((res: any) => {
+    if (res.code == 200) {
+      partnerCompanyList.value = res.data
+    }
+  })
+}
+const handleCompanyChange = (e) => {
+  form.value.partnerCompanyId = e[e.length - 1] || ''
+}
 const optionObj = ref({})
 const initOption = () => {
   let list = ['invoice_risk_type', 'invoice_party', 'settlement_status']
@@ -318,6 +341,7 @@ onMounted(() => {
   initOption();
   initCompany();
   getqueryContractVos();
+  initPartnerCompany();
 });
 </script>