update:智控台可设置允许用户自由注册 (#809)

* update：修复默认模型没有修改到模版配置的bug * update:智控台可设置允许用户自由注册
2026-07-24 08:03:53 +08:00 · 2025-04-15 13:03:29 +08:00
parent 4bf950574c
commit e00da5d8d2
18 changed files with 186 additions and 147 deletions
@@ -1,6 +1,6 @@
 <template>
-  <el-dialog :visible="dialogVisible" @update:visible="handleVisibleChange" width="975px" center custom-class="custom-dialog" :show-close="false"
-    class="center-dialog">
+  <el-dialog :visible="dialogVisible" @update:visible="handleVisibleChange" width="975px" center
+    custom-class="custom-dialog" :show-close="false" class="center-dialog">
    <div style="margin: 0 18px; text-align: left; padding: 10px; border-radius: 10px;">
      <div style="font-size: 30px; color: #3d4566; margin-top: -10px; margin-bottom: 10px; text-align: center;">
        添加模型
@@ -18,7 +18,7 @@
            <span style="margin-right: 8px;">是否启用</span>
            <el-switch v-model="formData.isEnabled" class="custom-switch"></el-switch>
          </div>
-          <div style="display: flex; align-items: center;">
+          <div style="display: none; align-items: center;">
            <span style="margin-right: 8px;">设为默认</span>
            <el-switch v-model="formData.isDefault" class="custom-switch"></el-switch>
          </div>
@@ -65,18 +65,10 @@
      <el-form :model="formData.configJson" label-width="auto" label-position="left" class="custom-form">
        <template v-for="(row, rowIndex) in chunkedCallInfoFields">
          <div :key="rowIndex" style="display: flex; gap: 20px; margin-bottom: 0;">
-            <el-form-item
-              v-for="field in row"
-              :key="field.prop"
-              :label="field.label"
-              :prop="field.prop"
+            <el-form-item v-for="field in row" :key="field.prop" :label="field.label" :prop="field.prop"
              style="flex: 1;">
-              <el-input
-                v-model="formData.configJson[field.prop]"
-                :placeholder="field.placeholder"
-                :type="field.type || 'text'"
-                class="custom-input-bg"
-                :show-password="field.type === 'password'">
+              <el-input v-model="formData.configJson[field.prop]" :placeholder="field.placeholder"
+                :type="field.type || 'text'" class="custom-input-bg" :show-password="field.type === 'password'">
              </el-input>
            </el-form-item>
          </div>
@@ -123,7 +115,7 @@ export default {
  watch: {
    visible(val) {
      this.dialogVisible = val;
-      if(val) {
+      if (val) {
        this.initConfigJson();
      } else {
        this.resetForm();
@@ -17,7 +17,7 @@
            <span style="margin-right: 8px;">是否启用</span>
            <el-switch v-model="form.isEnabled" :active-value="1" :inactive-value="0" class="custom-switch"></el-switch>
          </div>
-          <div style="display: flex; align-items: center;">
+          <div style="display: none; align-items: center;">
            <span style="margin-right: 8px;">设为默认</span>
            <el-switch v-model="form.isDefault" :active-value="1" :inactive-value="0" class="custom-switch"></el-switch>
          </div>
@@ -64,18 +64,10 @@
      <el-form :model="form.configJson" ref="callInfoForm" label-width="auto" class="custom-form">
        <template v-for="(row, rowIndex) in chunkedCallInfoFields">
          <div :key="rowIndex" style="display: flex; gap: 20px; margin-bottom: 0;">
-            <el-form-item
-              v-for="field in row"
-              :key="field.prop"
-              :label="field.label"
-              :prop="field.prop"
+            <el-form-item v-for="field in row" :key="field.prop" :label="field.label" :prop="field.prop"
              style="flex: 1;">
-              <el-input
-                v-model="form.configJson[field.prop]"
-                :placeholder="field.placeholder"
-                :type="field.type"
-                class="custom-input-bg"
-                :show-password="field.type === 'password'">
+              <el-input v-model="form.configJson[field.prop]" :placeholder="field.placeholder" :type="field.type"
+                class="custom-input-bg" :show-password="field.type === 'password'">
              </el-input>
            </el-form-item>
          </div>
@@ -165,57 +157,57 @@ export default {
  },
  methods: {
    resetForm() {
-        this.form = {
-            id: "",
-            modelType: "",
-            modelCode: "",
-            modelName: "",
-            isDefault: false,
-            isEnabled: false,
-            docLink: "",
-            remark: "",
-            sort: 0,
-            configJson: {}
-        };
-        this.dynamicCallInfoFields.forEach(field => {
-          this.$set(this.form.configJson, field.prop, '');
-        });
+      this.form = {
+        id: "",
+        modelType: "",
+        modelCode: "",
+        modelName: "",
+        isDefault: false,
+        isEnabled: false,
+        docLink: "",
+        remark: "",
+        sort: 0,
+        configJson: {}
+      };
+      this.dynamicCallInfoFields.forEach(field => {
+        this.$set(this.form.configJson, field.prop, '');
+      });
    },
    resetProviders() {
      this.providers = [];
      this.providersLoaded = false;
    },
    loadModelData() {
-        if (this.modelData.id) {
-            Api.model.getModelConfig(this.modelData.id, ({ data }) => {
-                if (data.code === 0 && data.data) {
-                    const model = data.data;
-                    this.pendingProviderType = model.configJson.type;
-                    this.pendingModelData = model;
+      if (this.modelData.id) {
+        Api.model.getModelConfig(this.modelData.id, ({ data }) => {
+          if (data.code === 0 && data.data) {
+            const model = data.data;
+            this.pendingProviderType = model.configJson.type;
+            this.pendingModelData = model;

-                    if (this.providersLoaded) {
-                      this.loadProviderFields(model.configJson.type);
-                    } else {
-                      this.loadProviders();
-                    }
-                }
-            });
-        }
+            if (this.providersLoaded) {
+              this.loadProviderFields(model.configJson.type);
+            } else {
+              this.loadProviders();
+            }
+          }
+        });
+      }
    },
    handleSave() {
-        const provideCode = this.form.configJson.type;
-        const formData = {
-            id: this.modelData.id,
-            modelCode: this.form.modelCode,
-            modelName: this.form.modelName,
-            isDefault: this.form.isDefault ? 1 : 0,
-            isEnabled: this.form.isEnabled ? 1 : 0,
-            docLink: this.form.docLink,
-            remark: this.form.remark,
-            sort: this.form.sort || 0,
-            configJson: {
-              ...this.form.configJson,
-          }
+      const provideCode = this.form.configJson.type;
+      const formData = {
+        id: this.modelData.id,
+        modelCode: this.form.modelCode,
+        modelName: this.form.modelName,
+        isDefault: this.form.isDefault ? 1 : 0,
+        isEnabled: this.form.isEnabled ? 1 : 0,
+        docLink: this.form.docLink,
+        remark: this.form.remark,
+        sort: this.form.sort || 0,
+        configJson: {
+          ...this.form.configJson,
+        }
      };
      this.$emit("save", { provideCode, formData });
      this.dialogVisible = false;
@@ -5,33 +5,17 @@
 </template>

 <script>
-import Api from '@/apis/api';
+import { mapState } from 'vuex';

 export default {
    name: 'VersionFooter',
-    data() {
-        return {
-            version: ''
-        }
+    computed: {
+        ...mapState({
+            version: state => state.pubConfig.version
+        })
    },
    mounted() {
-        this.getSystemVersion();
-    },
-    methods: {
-        getSystemVersion() {
-            const storedVersion = sessionStorage.getItem('systemVersion');
-            if (storedVersion) {
-                this.version = storedVersion;
-                return;
-            }
-
-            Api.user.getPubConfig(({ data }) => {
-                if (data.code === 0 && data.data.version) {
-                    this.version = data.data.version;
-                    sessionStorage.setItem('systemVersion', data.data.version);
-                }
-            });
-        }
+        this.$store.dispatch('fetchPubConfig');
    }
 }
 </script>
@@ -1,6 +1,7 @@
 import { goToPage } from "@/utils";
 import Vue from 'vue';
 import Vuex from 'vuex';
+import Api from '../apis/api';
 import Constant from '../utils/constant';

 Vue.use(Vuex)
@@ -9,7 +10,11 @@ export default new Vuex.Store({
  state: {
    token: '',
    userInfo: {}, // 添加用户信息存储
-    isSuperAdmin: false // 添加superAdmin状态
+    isSuperAdmin: false, // 添加superAdmin状态
+    pubConfig: { // 添加公共配置存储
+      version: '',
+      allowUserRegister: false
+    }
  },
  getters: {
    getToken(state) {
@@ -26,6 +31,9 @@ export default new Vuex.Store({
        return state.isSuperAdmin
      }
      return localStorage.getItem('isSuperAdmin') === 'true'
+    },
+    getPubConfig(state) {
+      return state.pubConfig
    }
  },
  mutations: {
@@ -39,6 +47,9 @@ export default new Vuex.Store({
      state.isSuperAdmin = isSuperAdmin
      localStorage.setItem('isSuperAdmin', isSuperAdmin)
    },
+    setPubConfig(state, config) {
+      state.pubConfig = config
+    },
    clearAuth(state) {
      state.token = ''
      state.userInfo = {}
@@ -55,6 +66,17 @@ export default new Vuex.Store({
        goToPage(Constant.PAGE.LOGIN, true);
        window.location.reload(); // 彻底重置状态
      })
+    },
+    // 添加获取公共配置的 action
+    fetchPubConfig({ commit }) {
+      return new Promise((resolve) => {
+        Api.user.getPubConfig(({ data }) => {
+          if (data.code === 0) {
+            commit('setPubConfig', data.data);
+          }
+          resolve();
+        });
+      });
    }
  },
  modules: {
@@ -38,7 +38,7 @@
            </div>
            <div
              style="font-weight: 400;font-size: 14px;text-align: left;color: #5778ff;display: flex;justify-content: space-between;margin-top: 20px;">
-              <div style="cursor: pointer;" @click="goToRegister">新用户注册</div>
+              <div v-if="allowUserRegister" style="cursor: pointer;" @click="goToRegister">新用户注册</div>
            </div>
          </div>
          <div class="login-btn" @click="login">登录</div>
@@ -61,12 +61,18 @@
 import Api from '@/apis/api';
 import VersionFooter from '@/components/VersionFooter.vue';
 import { getUUID, goToPage, showDanger, showSuccess } from '@/utils';
+import { mapState } from 'vuex';

 export default {
  name: 'login',
  components: {
    VersionFooter
  },
+  computed: {
+    ...mapState({
+      allowUserRegister: state => state.pubConfig.allowUserRegister
+    })
+  },
  data() {
    return {
      activeName: "username",
@@ -77,13 +83,12 @@ export default {
        captchaId: ''
      },
      captchaUuid: '',
-      captchaUrl: '',
-      version: ''
+      captchaUrl: ''
    }
  },
  mounted() {
    this.fetchCaptcha();
-    this.getSystemVersion();
+    this.$store.dispatch('fetchPubConfig');
  },
  methods: {
    fetchCaptcha() {
@@ -148,21 +153,6 @@ export default {
    goToRegister() {
      goToPage('/register')
    },
-
-    getSystemVersion() {
-      const storedVersion = sessionStorage.getItem('systemVersion');
-      if (storedVersion) {
-        this.version = storedVersion;
-        return;
-      }
-
-      Api.user.getPubConfig(({ data }) => {
-        if (data.code === 0 && data.data.version) {
-          this.version = data.data.version;
-          sessionStorage.setItem('systemVersion', data.data.version);
-        }
-      });
-    }
  }
 }
 </script>
@@ -82,12 +82,18 @@
 import Api from '@/apis/api';
 import VersionFooter from '@/components/VersionFooter.vue';
 import { getUUID, goToPage, showDanger, showSuccess } from '@/utils';
+import { mapState } from 'vuex';

 export default {
  name: 'register',
  components: {
    VersionFooter
  },
+  computed: {
+    ...mapState({
+      allowUserRegister: state => state.pubConfig.allowUserRegister
+    })
+  },
  data() {
    return {
      form: {
@@ -101,6 +107,14 @@ export default {
    }
  },
  mounted() {
+    this.$store.dispatch('fetchPubConfig').then(() => {
+      if (!this.allowUserRegister) {
+        showDanger('当前不允许普通用户注册');
+        setTimeout(() => {
+          goToPage('/login');
+        }, 1500);
+      }
+    });
    this.fetchCaptcha();
  },
  methods: {