Merge branch 'saas_adminUi' of http://1.14.104.71:10880/txl/ylrz_saas_his_scrm_adminUI into saas_adminUi

src/views/admin/aiFrontConfig/index.vue

@@ -0,0 +1,384 @@
+<template>
+  <div class="app-container">
+    <el-card v-loading="loading" shadow="never">
+      <div slot="header" class="page-header">
+        <span>AI配置</span>
+        <el-form :inline="true" size="small" class="tenant-form">
+          <el-form-item label="选择租户">
+            <el-select
+              ref="tenantSelect"
+              v-model="selectedTenantId"
+              placeholder="请输入租户名称搜索"
+              filterable
+              remote
+              clearable
+              :remote-method="handleTenantSearch"
+              :loading="tenantSelectLoading"
+              style="width: 280px"
+              @visible-change="handleTenantDropdownVisible"
+              @clear="handleTenantSelectClear"
+              @change="loadConfig"
+            >
+              <el-option
+                v-for="item in tenantList"
+                :key="item.id"
+                :label="formatTenantLabel(item)"
+                :value="item.id"
+              />
+              <el-option v-if="hasMoreTenants" key="tenant-load-more" disabled class="tenant-load-more-option">
+                <div class="load-more" @click.stop="loadMoreTenants">
+                  <span>加载更多</span>
+                  <i v-if="tenantLoadingMore" class="el-icon-loading" />
+                </div>
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <el-alert
+        v-if="!selectedTenantId"
+        title="当前为系统默认配置（主库），保存后将更新全局配置；选择租户后可单独配置该租户参数"
+        type="info"
+        :closable="false"
+        show-icon
+        class="tenant-tip"
+      />
+
+      <el-alert
+        v-if="selectedTenantId && tenantConfigEmpty"
+        title="该租户尚未保存过此配置，可直接填写后保存；如需参考系统默认配置，可点击下方按钮加载（不会自动保存）。"
+        type="warning"
+        :closable="false"
+        show-icon
+        class="tenant-tip"
+      >
+        <el-button type="text" size="small" :loading="fallbackLoading" @click="loadGlobalConfigAsFallback">
+          加载系统默认配置
+        </el-button>
+      </el-alert>
+
+      <el-form ref="form" :model="form" label-width="200px">
+        <!-- iPad服务配置 -->
+        <el-card shadow="never" class="section-card">
+          <div slot="header"><span>iPad服务配置</span></div>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="URL" prop="url">
+                <el-input v-model="form.ipad.url" placeholder="请输入URL地址" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="iPad URL" prop="ipadUrl">
+                <el-input v-model="form.ipad.ipadUrl" placeholder="请输入iPad URL地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="AI Api" prop="aiApi">
+                <el-input v-model="form.ipad.aiApi" placeholder="请输入AI接口地址" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="Voice Api" prop="voiceApi">
+                <el-input v-model="form.ipad.voiceApi" placeholder="请输入语音接口地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="Common Api" prop="commonApi">
+                <el-input v-model="form.ipad.commonApi" placeholder="请输入通用接口地址" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-form>
+
+      <div style="text-align: center; margin-top: 20px; padding-bottom: 20px;">
+        <el-button type="primary" size="medium" @click="submitForm" :loading="submitLoading">保存配置</el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getConfigByKey, updateConfigByKey } from '@/api/system/config'
+import { listAdminTenantList } from '@/api/admin/sysCompany'
+
+const defaultForm = () => ({
+  ipad: {
+    url: '',
+    ipadUrl: '',
+    aiApi: '',
+    voiceApi: '',
+    commonApi: ''
+  }
+})
+
+function normalizeForm(raw) {
+  if (!raw || typeof raw !== 'object') {
+    return defaultForm()
+  }
+  const form = defaultForm()
+  if (raw.ipad && typeof raw.ipad === 'object') {
+    form.ipad.url = raw.ipad.url || ''
+    form.ipad.ipadUrl = raw.ipad.ipadUrl || ''
+    form.ipad.aiApi = raw.ipad.aiApi || ''
+    form.ipad.voiceApi = raw.ipad.voiceApi || ''
+    form.ipad.commonApi = raw.ipad.commonApi || ''
+  } else {
+    // 兼容旧版平铺字段
+    form.ipad.url = raw.url || ''
+    form.ipad.ipadUrl = raw.ipadUrl || ''
+    form.ipad.aiApi = raw.aiApi || ''
+    form.ipad.voiceApi = raw.voiceApi || ''
+    form.ipad.commonApi = raw.commonApi || ''
+  }
+  return form
+}
+
+export default {
+  name: 'AdminAiFrontConfig',
+  data() {
+    return {
+      loading: false,
+      submitLoading: false,
+      configId: null,
+      configKey: 'his.adminUi.aiConfig',
+      selectedTenantId: null,
+      tenantConfigEmpty: false,
+      fallbackLoading: false,
+      tenantList: [],
+      tenantTotal: 0,
+      hasMoreTenants: false,
+      tenantSelectLoading: false,
+      tenantLoadingMore: false,
+      tenantQueryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        tenantName: '',
+        status: 1
+      },
+      form: defaultForm(),
+      tenantSearchTimer: null,
+      tenantSelectInputEl: null,
+      tenantSelectInputHandler: null
+    }
+  },
+  mounted() {
+    this.loadConfig()
+  },
+  beforeDestroy() {
+    this.unbindTenantSelectInputListener()
+  },
+  methods: {
+    formatTenantLabel(item) {
+      if (item.tenantCode) {
+        return `${item.tenantName}（${item.tenantCode}）`
+      }
+      return item.tenantName
+    },
+    handleTenantSearch(query) {
+      if (query === undefined) return
+      this.tenantQueryParams.tenantName = (query || '').trim()
+      this.tenantQueryParams.pageNum = 1
+      this.fetchTenantList()
+    },
+    handleTenantSelectClear() {
+      this.handleTenantSearch('')
+    },
+    getTenantSelectInputEl() {
+      const root = this.$refs.tenantSelect && this.$refs.tenantSelect.$el
+      return root ? root.querySelector('input.el-input__inner') : null
+    },
+    bindTenantSelectInputListener() {
+      this.unbindTenantSelectInputListener()
+      const input = this.getTenantSelectInputEl()
+      if (!input) return
+      this.tenantSelectInputEl = input
+      this.tenantSelectInputHandler = () => {
+        const val = (input.value || '').trim()
+        if (!val && this.tenantQueryParams.tenantName) {
+          if (this.tenantSearchTimer) clearTimeout(this.tenantSearchTimer)
+          this.tenantSearchTimer = setTimeout(() => {
+            this.handleTenantSearch('')
+          }, 150)
+        }
+      }
+      input.addEventListener('input', this.tenantSelectInputHandler)
+    },
+    unbindTenantSelectInputListener() {
+      if (this.tenantSearchTimer) {
+        clearTimeout(this.tenantSearchTimer)
+        this.tenantSearchTimer = null
+      }
+      if (this.tenantSelectInputEl && this.tenantSelectInputHandler) {
+        this.tenantSelectInputEl.removeEventListener('input', this.tenantSelectInputHandler)
+      }
+      this.tenantSelectInputEl = null
+      this.tenantSelectInputHandler = null
+    },
+    syncTenantSearchFromInput() {
+      const input = this.getTenantSelectInputEl()
+      const inputVal = input ? (input.value || '').trim() : ''
+      if (!inputVal && this.tenantQueryParams.tenantName) {
+        this.handleTenantSearch('')
+      }
+    },
+    handleTenantDropdownVisible(visible) {
+      if (visible) {
+        if (this.tenantList.length === 0) {
+          this.handleTenantSearch('')
+        }
+        this.$nextTick(() => {
+          this.syncTenantSearchFromInput()
+          this.bindTenantSelectInputListener()
+        })
+      } else {
+        this.unbindTenantSelectInputListener()
+      }
+    },
+    fetchTenantList(isLoadMore = false) {
+      if (!isLoadMore) {
+        this.tenantSelectLoading = true
+      } else {
+        this.tenantLoadingMore = true
+      }
+      listAdminTenantList(this.tenantQueryParams).then(response => {
+        const rows = response.rows || []
+        if (isLoadMore) {
+          const existIds = new Set(this.tenantList.map(t => t.id))
+          const append = rows.filter(r => !existIds.has(r.id))
+          this.tenantList = this.tenantList.concat(append)
+        } else {
+          this.tenantList = rows
+        }
+        this.tenantTotal = response.total || 0
+        this.hasMoreTenants = this.tenantList.length < this.tenantTotal
+      }).finally(() => {
+        this.tenantSelectLoading = false
+        this.tenantLoadingMore = false
+      })
+    },
+    loadMoreTenants() {
+      if (this.tenantLoadingMore || !this.hasMoreTenants) return
+      this.tenantQueryParams.pageNum += 1
+      this.fetchTenantList(true)
+    },
+    resetForm() {
+      this.form = defaultForm()
+      this.configId = null
+      this.tenantConfigEmpty = false
+    },
+    loadConfig() {
+      this.loading = true
+      this.tenantConfigEmpty = false
+      const tenantId = this.selectedTenantId || undefined
+      getConfigByKey(this.configKey, tenantId).then(response => {
+        const data = response.data
+        if (data) {
+          this.configId = data.configId != null ? data.configId : null
+          if (data.configValue) {
+            this.tenantConfigEmpty = false
+            try {
+              this.form = normalizeForm(JSON.parse(data.configValue))
+            } catch (e) {
+              this.form = defaultForm()
+              this.tenantConfigEmpty = !!this.selectedTenantId
+            }
+          } else {
+            this.form = defaultForm()
+            this.tenantConfigEmpty = !!this.selectedTenantId
+          }
+        } else {
+          this.configId = null
+          this.form = defaultForm()
+          this.tenantConfigEmpty = !!this.selectedTenantId
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    loadGlobalConfigAsFallback() {
+      this.fallbackLoading = true
+      getConfigByKey(this.configKey).then(response => {
+        if (!response.data || !response.data.configValue) {
+          this.msgWarning('系统默认配置为空')
+          return
+        }
+        try {
+          this.form = normalizeForm(JSON.parse(response.data.configValue))
+          this.msgSuccess('已加载系统默认配置，保存时将写入当前租户')
+        } catch (e) {
+          this.msgWarning('系统默认配置解析失败')
+        }
+      }).finally(() => {
+        this.fallbackLoading = false
+      })
+    },
+    submitForm() {
+      this.submitLoading = true
+      const param = {
+        configId: (this.configId != null && this.configId !== '') ? Number(this.configId) : null,
+        configName: 'AI配置',
+        configKey: this.configKey,
+        configValue: JSON.stringify(this.form),
+        tenantId: this.selectedTenantId ? String(this.selectedTenantId) : null
+      }
+      updateConfigByKey(param).then(response => {
+        if (response.code === 200) {
+          this.msgSuccess('修改成功')
+          this.loadConfig()
+        }
+      }).finally(() => {
+        this.submitLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.section-card {
+  margin-bottom: 20px;
+}
+
+.page-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.tenant-form {
+  margin-bottom: 0;
+}
+
+.tenant-form >>> .el-form-item {
+  margin-bottom: 0;
+}
+
+.tenant-tip {
+  margin-bottom: 16px;
+}
+
+.tenant-load-more-option {
+  text-align: center;
+  padding: 8px 0;
+}
+
+.load-more {
+  color: #409eff;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+}
+
+.load-more:hover {
+  color: #66b1ff;
+}
+</style>

src/views/admin/menu.js

@@ -42,6 +42,7 @@ const adminRoutes = {
     { path: 'wxConfig', component: () => import('@/views/admin/wxConfig/index'), name: 'AdminWxConfig', meta: { title: '个微配置' } },
     { path: 'ossConfig', component: () => import('@/views/admin/ossConfig/index'), name: 'AdminOssConfig', meta: { title: 'OSS配置' } },
     { path: 'frontConfig', component: () => import('@/views/admin/frontConfig/index'), name: 'AdminFrontConfig', meta: { title: '点播线路配置' } },
+    { path: 'aiFrontConfig', component: () => import('@/views/admin/aiFrontConfig/index'), name: 'AdminAiFrontConfig', meta: { title: 'AI配置' } },
     { path: 'dbConfig', component: () => import('@/views/admin/dbConfig/index'), name: 'AdminDbConfig', meta: { title: 'DB配置' } },
 
     // 7. 外呼管理

src/views/admin/sysCompany/index.vue

@@ -120,6 +120,8 @@
               <el-date-picker v-model="viewForm.expireTime" type="date" value-format="yyyy-MM-dd" placeholder="选择过期时间" style="width:100%" />
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="归属代理" prop="proxyId">
               <el-select v-model="viewForm.proxyId" placeholder="请选择代理" clearable filterable style="width:100%">
@@ -128,22 +130,24 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="租户状态">
-              <el-switch v-model="viewForm.statusBool" active-text="正常" inactive-text="禁用"
-                         :active-value="1" :inactive-value="0" />
+            <el-form-item label="公司数量" prop="companyNum">
+              <el-input-number v-model="viewForm.companyNum" :min="1" :precision="0" controls-position="right" style="width:100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="公司数量" prop="companyNum">
-              <el-input-number v-model="viewForm.companyNum" :min="1" :precision="0" controls-position="right" style="width:100%" />
+            <el-form-item label="租户状态">
+              <el-switch v-model="viewForm.statusBool" active-text="正常" inactive-text="禁用"
+                         :active-value="1" :inactive-value="0" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item prop="accountNum">
-              <span slot="label" class="tenant-form-label" title="公司员工账户总数量">员工账户数</span>
-              <el-input-number v-model="viewForm.accountNum" :min="1" :precision="0" controls-position="right" style="width:100%" />
+            <el-form-item label="员工账户数">
+              <span>{{ viewForm.accountNum || 0 }}</span>
+              <span class="tenant-balance-hint">（仅展示，不可编辑）</span>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="16">
           <el-col :span="24">
             <el-form-item label="租户余额" class="tenant-balance-item">
               <span style="color:#1890ff;font-weight:bold">¥{{ viewForm.balance || '0.00' }}</span>
@@ -182,6 +186,8 @@
               <el-input v-model="addDialog.form.manager" placeholder="请输入商务负责人" />
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="管理员账号" prop="userName">
               <el-input v-model="addDialog.form.userName" placeholder="请输入管理员账号" />
@@ -194,6 +200,8 @@
               </el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="开始时间" prop="startTime">
               <el-date-picker v-model="addDialog.form.startTime" type="date" value-format="yyyy-MM-dd" placeholder="选择开始时间" style="width:100%" />
@@ -217,9 +225,9 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item prop="accountNum">
-              <span slot="label" class="tenant-form-label" title="公司员工账户总数量">员工账户数</span>
-              <el-input-number v-model="addDialog.form.accountNum" :min="1" :precision="0" controls-position="right" style="width:100%" />
+            <el-form-item label="员工账户数">
+              <span>0</span>
+              <span class="tenant-balance-hint">（新增租户默认为0）</span>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -230,7 +238,6 @@
               </el-radio-group>
             </el-form-item>
           </el-col>
-
         </el-row>
       </el-form>
       <div slot="footer">
@@ -424,8 +431,7 @@ export default {
       editRules: {
         tenantName: [{ required: true, message: '请输入租户名称', trigger: 'blur' }],
         contactPhone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
-        companyNum: [{ required: true, message: '请输入公司数量', trigger: 'blur' }],
-        accountNum: [{ required: true, message: '请输入员工账户数', trigger: 'blur' }]
+        companyNum: [{ required: true, message: '请输入公司数量', trigger: 'blur' }]
       },
       // 新增租户弹窗
       addDialog: {
@@ -442,15 +448,14 @@ export default {
           expireTime: null,
           status: 1,
           companyNum: 1,
-          accountNum: 1
+          accountNum: 0
         },
         rules: {
           tenantName: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
           contactPhone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
           userName: [{ required: true, message: '请输入管理员账号', trigger: 'blur' }],
           password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
-          companyNum: [{ required: true, message: '请输入公司数量', trigger: 'blur' }],
-          accountNum: [{ required: true, message: '请输入员工账户数', trigger: 'blur' }]
+          companyNum: [{ required: true, message: '请输入公司数量', trigger: 'blur' }]
         }
       },
       // 充值/扣款弹窗
@@ -531,7 +536,7 @@ export default {
         expireTime: null,
         status: 1,
         companyNum: 1,
-        accountNum: 1
+        accountNum: 0
       }
       this.addDialog.visible = true
       this.$nextTick(() => {
@@ -584,7 +589,7 @@ export default {
           this.$set(this.viewForm, 'companyNum', 1)
         }
         if (this.viewForm.accountNum == null) {
-          this.$set(this.viewForm, 'accountNum', 1)
+          this.$set(this.viewForm, 'accountNum', 0)
         }
         // 为 el-switch 提供 number 类型的 status
         this.$set(this.viewForm, 'statusBool', this.viewForm.status)
@@ -609,8 +614,7 @@ export default {
           expireTime: this.viewForm.expireTime,
           status: this.viewForm.statusBool,
           proxyId: this.viewForm.proxyId,
-          companyNum: this.viewForm.companyNum,
-          accountNum: this.viewForm.accountNum
+          companyNum: this.viewForm.companyNum
         }
         updateTenant(data).then(() => {
           this.$message.success('保存成功')
@@ -1064,6 +1068,17 @@ export default {
   white-space: nowrap;
   line-height: 32px;
 }
+.tenant-dialog-form ::v-deep .el-divider {
+  margin: 0 0 16px 0;
+}
+.tenant-dialog-form ::v-deep .el-divider:not(:first-child) {
+  margin-top: 8px;
+}
+.tenant-dialog-form ::v-deep .el-divider__text {
+  font-size: 13px;
+  font-weight: 500;
+  color: #409EFF;
+}
 .tenant-dialog-form ::v-deep .el-form-item {
   margin-bottom: 16px;
 }