From b055be1bb62702fe39fc547dccdb8bf9d9408b8e Mon Sep 17 00:00:00 2001
From: 111 <a111@111deMacBook-Pro.local>
Date: Sat, 24 Jan 2026 10:31:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=89=80=E6=9C=89=E7=A7=9F=E6=88=B7?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=94=B9=E4=B8=BA=E4=B8=8B=E6=8B=89=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/app-config/index.vue       | 66 +++++++++++++------
 .../src/views/tenant-wechat-apps/index.vue    | 19 ++++--
 2 files changed, 60 insertions(+), 25 deletions(-)

diff --git a/frontend/src/views/app-config/index.vue b/frontend/src/views/app-config/index.vue
index a9fe21a..ec10e34 100644
--- a/frontend/src/views/app-config/index.vue
+++ b/frontend/src/views/app-config/index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, onMounted, computed } from 'vue'
+import { ref, reactive, onMounted, computed, watch } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import api from '@/api'
 import { useAuthStore } from '@/stores/auth'
@@ -16,6 +16,9 @@ const query = reactive({
   app_code: ''
 })
 
+// 租户列表
+const tenantList = ref([])
+
 // 应用列表（从应用管理获取）
 const appList = ref([])
 const appRequireJssdk = ref({}) // app_code -> require_jssdk
@@ -53,15 +56,34 @@ const validateAppCode = (rule, value, callback) => {
 }
 
 const rules = {
-  tenant_id: [{ required: true, message: '请输入租户ID', trigger: 'blur' }],
+  tenant_id: [{ required: true, message: '请选择租户', trigger: 'change' }],
   app_code: [{ required: true, validator: validateAppCode, trigger: 'change' }]
 }
 
+// 监听租户选择变化
+watch(() => form.tenant_id, async (newVal) => {
+  if (newVal) {
+    await fetchWechatApps(newVal)
+  } else {
+    wechatAppList.value = []
+  }
+  form.wechat_app_id = null
+})
+
 // 查看 Token 对话框
 const tokenDialogVisible = ref(false)
 const currentToken = ref('')
 const currentAppUrl = ref('')
 
+async function fetchTenants() {
+  try {
+    const res = await api.get('/api/tenants', { params: { size: 1000 } })
+    tenantList.value = res.data.items || []
+  } catch (e) {
+    console.error('获取租户列表失败:', e)
+  }
+}
+
 async function fetchApps() {
   try {
     const res = await api.get('/api/apps', { params: { size: 100 } })
@@ -139,10 +161,6 @@ async function handleEdit(row) {
   dialogVisible.value = true
 }
 
-async function handleTenantChange() {
-  form.wechat_app_id = null
-  await fetchWechatApps(form.tenant_id)
-}
 
 async function handleSubmit() {
   await formRef.value.validate()
@@ -220,6 +238,7 @@ async function handleViewToken(row) {
 }
 
 onMounted(() => {
+  fetchTenants()
   fetchApps()
   fetchList()
 })
@@ -243,14 +262,15 @@ onMounted(() => {
     
     <!-- 搜索栏 -->
     <div class="search-bar">
-      <el-input
-        v-model="query.tenant_id"
-        placeholder="租户ID"
-        clearable
-        style="width: 160px"
-        @keyup.enter="handleSearch"
-      />
-      <el-select v-model="query.app_code" placeholder="应用" clearable style="width: 150px">
+      <el-select v-model="query.tenant_id" placeholder="选择租户" clearable filterable style="width: 200px">
+        <el-option 
+          v-for="tenant in tenantList" 
+          :key="tenant.code" 
+          :label="`${tenant.name} (${tenant.code})`" 
+          :value="tenant.code" 
+        />
+      </el-select>
+      <el-select v-model="query.app_code" placeholder="选择应用" clearable style="width: 150px">
         <el-option v-for="app in appList" :key="app.app_code" :label="app.app_name" :value="app.app_code" />
       </el-select>
       <el-button type="primary" @click="handleSearch">搜索</el-button>
@@ -307,13 +327,21 @@ onMounted(() => {
     <!-- 编辑对话框 -->
     <el-dialog v-model="dialogVisible" :title="dialogTitle" width="550px">
       <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
-        <el-form-item label="租户ID" prop="tenant_id">
-          <el-input 
+        <el-form-item label="租户" prop="tenant_id">
+          <el-select 
             v-model="form.tenant_id" 
             :disabled="!!editingId" 
-            placeholder="如: qiqi" 
-            @blur="handleTenantChange"
-          />
+            placeholder="请选择租户"
+            filterable
+            style="width: 100%"
+          >
+            <el-option 
+              v-for="tenant in tenantList" 
+              :key="tenant.code" 
+              :label="`${tenant.name} (${tenant.code})`" 
+              :value="tenant.code" 
+            />
+          </el-select>
         </el-form-item>
         <el-form-item label="应用" prop="app_code">
           <el-select v-model="form.app_code" :disabled="!!editingId" placeholder="选择要订阅的应用" style="width: 100%">
diff --git a/frontend/src/views/tenant-wechat-apps/index.vue b/frontend/src/views/tenant-wechat-apps/index.vue
index 27d36f7..b8f8f55 100644
--- a/frontend/src/views/tenant-wechat-apps/index.vue
+++ b/frontend/src/views/tenant-wechat-apps/index.vue
@@ -189,13 +189,20 @@ onMounted(() => {
     
     <!-- 搜索栏 -->
     <div class="search-bar">
-      <el-input
-        v-model="query.tenant_id"
-        placeholder="租户ID"
-        clearable
+      <el-select 
+        v-model="query.tenant_id" 
+        placeholder="选择租户" 
+        clearable 
+        filterable 
         style="width: 200px"
-        @keyup.enter="handleSearch"
-      />
+      >
+        <el-option 
+          v-for="tenant in tenantList" 
+          :key="tenant.code" 
+          :label="`${tenant.name} (${tenant.code})`" 
+          :value="tenant.code" 
+        />
+      </el-select>
       <el-button type="primary" @click="handleSearch">搜索</el-button>
     </div>