靓号-后台-查询-分区

src/views/accountApplyManage/accountApplyManage.vue

@@ -29,6 +29,17 @@
               <el-input v-model.trim="searchForm.sid"
                         placeholder="Please enter"></el-input>
             </el-form-item>
+            <el-form-item label="Region"
+                          prop="partitionId">
+              <el-select v-model="searchForm.partitionId">
+                <el-option label="全部"
+                           value=""></el-option>
+                <el-option v-for="item in partitionInfoList"
+                           :key="item.id"
+                           :label="item.desc"
+                           :value="item.id"></el-option>
+              </el-select>
+            </el-form-item>
             <el-form-item label-width="40px">
               <el-button type="primary"
                          @click="handSearch">Search</el-button>
@@ -84,6 +95,10 @@
                            prop="nick"
                            label="Nickname">
           </el-table-column>
+          <el-table-column align="center"
+                           prop="partitionInfo"
+                           label="Region">
+          </el-table-column>
           <el-table-column align="center"
                            prop="createTime"
                            label="Apply time">
@@ -155,6 +170,7 @@ import {
   prettyNumberExamineReject,
   erbanUpload,
 } from "@/api/relPrivilegeManage/relPrivilegeManage.js";
+import { getPartitionInfoList } from '@/api/partition/partitionInfo';
 import TablePagination from "@/components/common/TablePagination";
 import { formatDate } from "@/utils/relDate";
 import { ElMessageBox, ElMessage } from "element-plus"; // 正确引入 ElM
@@ -167,14 +183,15 @@ export default {
   components: { TablePagination },
   data () {
     return {
+      partitionInfoList: [],
       tableLoading: false, // 表格是否加载中
       tableData: [], // 接口返回的表格数据
       // 搜索表单相关
       searchForm: {
         erbanNo: null,
         uid: null,
-        level: null,
-        region: null,
+        sid: null,
+        partitionId: null,
       },
       pageTotal: 0, // 接口返回的表格总条数
       pageParams: {
@@ -184,6 +201,7 @@ export default {
     };
   },
   created () {
+    this.initPartition();
     this.getData();
   },
   methods: {
@@ -329,7 +347,6 @@ export default {
       this.pageParams.pageNo = 1;
       this.getData();
     },
-
     // 分页导航
     handleSizeChange (val) {
       this.pageParams.pageNo = val;
@@ -342,6 +359,12 @@ export default {
     headerCopy (column, e) {
       this.$copy(column.label);
     },
+    initPartition () {
+      getPartitionInfoList().then(res => {
+        let data = res.data;
+        this.partitionInfoList = data;
+      });
+    },
   },
   computed: {
     applyStateTag () {