私有手续费应收-保险公司改为可筛选支公司

src/views/platform/index.vue

@@ -11,10 +11,9 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="保险公司">
-                <el-select v-model="receivableForm.companyId" placeholder="请选择" clearable filterable>
-                  <el-option v-for="item in companyList" :key="item.companyCode" :value="item.id"
-                    :label="item.name"></el-option>
-                </el-select>
+
+                <el-cascader filterable clearable placeholder="请选择" v-model="receivableForm.companyId"
+                :options="companyList" :props="companyIdprops" style="width: 100%;" @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -474,7 +473,18 @@ const reset = () => {
   }
 
 }
+const companyIdprops = {
+  expandTrigger: 'hover' as const,
+  value: 'id',
+  label: 'name',
+  checkStrictly: true,
+}
+// 保险公司选择器改变时触发
+const handleCompanyChange = (e) => {
+  console.log(e)
 
+  recordForm.value.companyId = e[e.length - 1] || ''
+}
 let ReceiveDataRef1 = ref()
 // 选中的数据
 let selectedList = ref([])
@@ -767,7 +777,7 @@ const dictDetails = () => {
 // 保险公司
 let companyList = ref([])
 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
     }

src/views/receivable/documentary/index.vue

@@ -11,9 +11,9 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="保险公司">
-                <el-select v-model="receivableForm.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="receivableForm.companyId"
+                  :options="companyList" :props="companyIdprops" style="width: 100%;" @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -591,7 +591,18 @@ const toDelete = (ids) => {
     })
   })
 }
+const companyIdprops = {
+  expandTrigger: 'hover' as const,
+  value: 'id',
+  label: 'name',
+  checkStrictly: true,
+}
+// 保险公司选择器改变时触发
+const handleCompanyChange = (e) => {
+  console.log(e)
 
+  receivableForm.value.companyId = e[e.length - 1] || ''
+}
 let ReceiveDataRef1 = ref()
 let ReceiveDataRef2 = ref()
 // 选中的数据
@@ -1002,7 +1013,7 @@ const initDept = () => {
 // 保险公司
 let companyList = ref([])
 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
     }

src/views/receivable/handingFee/index.vue

@@ -11,9 +11,8 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="保险公司">
-                <el-select v-model="receivableForm.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="receivableForm.companyId"
+                  style="width: 100%;" :options="companyList" :props="companyIdprops" @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -27,7 +26,7 @@
               <el-form-item label="出单协议">
                 <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable filterable>
                   <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
-                  :label="item.agreementTitle"></el-option>
+                    :label="item.agreementTitle"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -131,7 +130,9 @@
             <el-button class="radius-2px width-100" type="primary" @click="handleExport">导出</el-button>
           </div>
           <span class="col-108 m-r-8">
-            <el-button class="radius-2px width-100" :disabled="selectedList.some(item => item.invoiceStatusName === '已开票')" @click="handleBatchEdit">批量修改比例</el-button>
+            <el-button class="radius-2px width-100"
+              :disabled="selectedList.some(item => item.invoiceStatusName === '已开票')"
+              @click="handleBatchEdit">批量修改比例</el-button>
           </span>
           <span class="col-108 m-r-8">
             <el-dropdown class="width-100" trigger="click" placement="bottom" @command="dropdownCommand">
@@ -227,7 +228,7 @@
               <el-form-item label="出单协议">
                 <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable filterable>
                   <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
-                  :label="item.agreementTitle"></el-option>
+                    :label="item.agreementTitle"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -570,7 +571,12 @@ const handleTabsClick = (e) => {
   selectedList.value = []
   activeName.value = e
 }
-
+const companyIdprops = {
+  expandTrigger: 'hover' as const,
+  value: 'id',
+  label: 'name',
+  checkStrictly: true,
+}
 let isTrue = ref(false)
 let receivableForm = ref({})
 
@@ -1019,13 +1025,16 @@ const dictDetails = () => {
 // 保险公司
 let companyList = ref([])
 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
     }
   })
 }
-
+// 保险公司选择器改变时触发
+const handleCompanyChange = (e: any) => {
+  receivableForm.value.companyId = e[e.length - 1] || ''
+}
 // 归属
 let deptOption = ref([])
 const cascaderProps = {