跟单开票保险公司加支公司筛选

src/views/receivable/documentary/ticket.vue

@@ -18,10 +18,12 @@
             <el-option value="等于" label="等于"></el-option>
             <el-option value="包含" label="包含"></el-option>
           </el-select>
-          <el-select class="w-350px" v-if="item.name == 'companyId'" v-model="item.search" placeholder="请选择" clearable
+          <!-- <el-select class="w-350px" v-if="item.name == 'companyId'" v-model="item.search" placeholder="请选择" clearable
             filterable :disabled="item.type == '为空'">
             <el-option v-for="item in companyList" :key="item.id" :value="item.id" :label="item.name"></el-option>
-          </el-select>
+          </el-select> -->
+          <el-cascader class="w-350px" clearable :disabled="item.type == '为空'" v-if="item.name == 'companyId'" placeholder="请选择"  v-model="item.search" :options="companyList"
+          :props="companyIdprops" @change="handleCompanyChange(index, $event)" />
           <el-date-picker v-if="item.name == 'signYear'" style="width: 350px" format="YYYY" value-format="YYYY"
             v-model="yearrangesearch" type="yearrange" range-separator="-" :disabled="item.type == '为空'"
             @change="handlePtlAgreementChange(index, $event)" />
@@ -125,7 +127,12 @@ const yearrangesearch = ref([year, year])
 
 const countShow = ref(false)
 const countForm = ref({})
-
+const companyIdprops = {
+    expandTrigger: 'hover' as const,
+    value: 'id',
+    label: 'name',
+    checkStrictly: true,
+}
 const tableRef = ref('')
 
 const selCompanyId = ref('')
@@ -186,6 +193,10 @@ const handlePtlAgreementChange = (index: any, e: any) => {
   }
 }
 
+// 保险公司选择器改变时触发
+const handleCompanyChange = (index: any, e: any) => {
+  searchList.value[index].search = e[e.length - 1] || ''
+}
 // 签单时间选择器改变时触发
 const signDateSelectChange = (index: any, e: any) => {
   switch (e) {
@@ -292,9 +303,10 @@ const initData = () => {
 }
 // 保险公司
 const initCompany = () => {
-  api.insuranceApi.leftList('').then((res: any) => {
+  api.agreementApi.findTree({ name: "", systemCode: localStorage.getItem('login_system') }).then((res: any) => {
     if (res.code == 200) {
       companyList.value = res.data
+      console.log(companyList.value)
     }
   })
 }