页面修改

src/views/optionalSystem/settlementManagement/merchantNumberClassificationStatistics/index.vue

@@ -15,16 +15,21 @@
         <el-input maxlength="60" style="width: 200px" v-trim clearable v-model="searchForm.feeType"
           placeholder="请输入费用类型"></el-input>
 
-        <el-select clearable style="width: 200px" v-model="searchForm.agencyId" placeholder="请选择渠道编号">
-          <el-option v-for="item in agencyIds" :label="item.code" :value="item.code" :key="item.code" />
+        <el-select
+            clearable
+            v-model="searchForm.agencyId"
+            style="width: 280px"
+            placeholder="请选择渠道"
+            filterable
+        >
+          <el-option
+              v-for="item in agencyOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+          />
         </el-select>
 
-<!--        <el-input maxlength="60" style="width: 200px" v-trim clearable v-model="searchForm.agencyId"-->
-<!--                  placeholder="请输入渠道编号"></el-input>-->
-        <el-input maxlength="60" style="width: 200px" v-trim clearable v-model="searchForm.agencyName"
-                  placeholder="请输入渠道名称"></el-input>
-
-
         <div class="date-label">账单日期:</div>
         <el-date-picker unlink-panels v-model="value1" type="daterange" range-separator="到" start-placeholder="开始日期"
           end-placeholder="结束日期" format="YYYY-MM-DD" @change="dateChangeHandle" :clearable="false" />
@@ -71,7 +76,7 @@ const searchForm = ref<any>({
   startDate: "",
 
   agencyId: '',
-  agencyName: '',
+  // agencyName: '',
 });
 const value1 = ref(); // 筛选时间
 const tableData = ref([]);
@@ -198,7 +203,7 @@ function refreshLeft() {
     endDate: "",
     startDate: "",
     agencyId: '',
-    agencyName: '',
+    // agencyName: '',
   };
   value1.value = null;
   tableData.value = [];
@@ -291,24 +296,37 @@ function download() {
       disableds.value = false;
     });
 }
-//获取渠道编号
-const  agencyIds =   ref([] as IObject[]);
-const getListAgencyId = () => {
 
-  BaseService.post('ebd8186cf5ae433586c7591de8692969').then(
+const agencyOptions = ref<any>([])
+
+//渠道名称 赋值
+// const inputChanges = (val) => {
+//   searchForm.value.agencyName = agencyOptions.value.find(
+//       (item) => item.value === val
+//   )?.label
+// }
+const getAgencyOptions = () => {
+  BaseService.post('/userw/agency/listByNameLike', { }).then(
       (res: any) => {
-        if (res && res.statusCode === 0) {
-          const bizContent = JSON.parse(JSON.parse(res.bizContent).bizContent)
-          agencyIds.value = bizContent.filter(item => item.code != '52010188999')
+        if (res && res.code === 0) {
+          let bizContent = res.data
+          console.log('====interfaceConfig', bizContent)
+          agencyOptions.value = bizContent.map((item) => {
+            return {
+              value: item.key,
+              label: item.value,
+            }
+
+          })
         } else {
-          ElMessage.error(res.errorMsg)
+          ElMessage.error(res.message)
         }
-      })
+      }
+  )
 }
-
 onMounted(() => {
   getList();
   getSubMchIdList();
-  getListAgencyId();
+  getAgencyOptions();
 });
 </script>