yg-yygl 0.0.1

package/src/views/sys/sys-config/common-config/common-form.vue

@@ -0,0 +1,230 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref } from 'vue';
+
+import { QuestionFilled } from '@element-plus/icons-vue';
+import { useDebounceFn } from '@vueuse/core';
+import { ElMessage, ElTooltip } from 'element-plus';
+
+import { list, saveBatch } from '../../../../api/sys-config';
+import { syncConfigToStorage } from '../../../../utils/config-sync';
+
+/**
+ * SysConfig 通用配置项
+ */
+export interface SysConfig {
+  id?: string;
+  configType?: string;
+  configKey?: string;
+  configName?: string;
+  configKeyName?: string;
+  configStatus?: number;
+  configValue?: string;
+  createTime?: string;
+  createUser?: string;
+  updateTime?: string;
+  updateUser?: string;
+  tenantId?: string;
+  delFlag?: number;
+  configOrder?: number;
+  [property: string]: any;
+}
+
+const emit = defineEmits<(e: 'loading-change', val: boolean) => void>();
+
+const data = ref<SysConfig[]>([]);
+const loading = ref(false);
+
+// fjl modify 分组配置
+const groupConfig: Record<string, { label: string; span: number }> = {
+  'common-base': { label: '公共', span: 8 },
+  'ai-switch': { label: 'AI开关', span: 8 },
+  'ai-key': { label: 'AI-key', span: 8 },
+};
+
+// 按 configType 分组
+const groupedData = computed(() => {
+  const groups: Record<string, SysConfig[]> = {};
+  for (const item of data.value) {
+    const type = item.configType || 'other';
+    if (!groups[type]) groups[type] = [];
+    groups[type].push(item);
+  }
+  // 按 groupConfig 的顺序排列
+  return Object.keys(groupConfig)
+    .filter((key) => groups[key])
+    .map((key) => ({ type: key, items: groups[key] }));
+});
+
+// 需要输入 configValue 的配置项
+const valueInputKeys = [
+  'front.name',
+  'map.center',
+  'file.upload.url',
+  'map.region',
+];
+
+// fjl modify 密钥类配置项（密码输入框）
+const passwordInputKeys = [
+  'smart_classification_ai_key',
+  'measure_recommendation_ai_key',
+  'risk_warning_ai_key',
+  'file_preview_ai_key',
+  'grid_daily_report_ai_key',
+  'audio_to_text_ai_key',
+  'attachment_to_text_ai_key',
+  'smart_department_recommendation_ai_key',
+  'policy_support_ai_key',
+  'upload_before_audio_recognition_ai_key',
+  'upload_before_image_recognition_ai_key',
+  'robot_intelligent_qa_ai_key',
+  'amap_web_key',
+  'amap_web_security_key',
+  'amap_web_service_key',
+];
+
+const isValueInput = (configKey: string) => {
+  return valueInputKeys.includes(configKey);
+};
+
+const isPasswordInput = (configKey: string) => {
+  return passwordInputKeys.includes(configKey);
+};
+
+const isMapCenter = (configKey: string) => {
+  return configKey === 'map.center';
+};
+
+const queryList = () => {
+  loading.value = true;
+  emit('loading-change', true);
+  list({ configType: 'common' })
+    .then((res) => {
+      loading.value = false;
+      if (res) {
+        data.value = res || [];
+      } else {
+        ElMessage.error('配置列表获取失败');
+      }
+    })
+    .catch((error) => {
+      loading.value = false;
+      ElMessage.error(error || '配置列表获取失败');
+    })
+    .finally(() => {
+      emit('loading-change', false);
+    });
+};
+
+// 点击保存
+const handleSave = useDebounceFn(() => {
+  emit('loading-change', true);
+
+  const saveData = data.value.map((item) => {
+    return {
+      ...item,
+    };
+  });
+
+  saveBatch(saveData as unknown as [])
+    .then((res) => {
+      if (res) {
+        ElMessage.success('保存配置成功');
+        syncConfigToStorage(data.value);
+        queryList();
+      }
+    })
+    .catch((error) => {
+      ElMessage.error(error || '保存配置失败');
+    })
+    .finally(() => {
+      emit('loading-change', false);
+    });
+}, 500);
+
+onMounted(() => {
+  queryList();
+});
+
+defineExpose({
+  queryList,
+});
+</script>
+
+<template>
+  <div id="outbox" class="pl-10px w-full overflow-x-hidden">
+    <div v-loading="loading">
+      <div v-for="group in groupedData" :key="group.type" class="mb-20px">
+        <!-- 分组标题 -->
+        <div class="mb-12px flex items-center text-base font-bold">
+          <span class="mr-2 h-4 w-1 rounded bg-blue-500" />
+          {{ groupConfig[group.type]?.label || group.type }}
+        </div>
+        <ElRow :gutter="20">
+          <template v-for="(item, index) in group.items" :key="item.id">
+            <!-- 公共区域第5个后面插入空占位，使第二行只显示2个 -->
+            <ElCol v-if="group.type === 'common-base' && index === 5" :span="8" class="mb-20px" />
+            <!-- AI-key: 第1行2个、第4行1个、第6行1个、第7行2个 -->
+            <ElCol v-if="group.type === 'ai-key' && index === 2" :span="8" class="mb-20px" />
+            <ElCol v-if="group.type === 'ai-key' && index === 9" :span="8" class="mb-20px" />
+            <ElCol v-if="group.type === 'ai-key' && index === 9" :span="8" class="mb-20px" />
+            <ElCol v-if="group.type === 'ai-key' && index === 13" :span="8" class="mb-20px" />
+            <ElCol v-if="group.type === 'ai-key' && index === 13" :span="8" class="mb-20px" />
+            <ElCol
+              :span="groupConfig[group.type]?.span || 8"
+              class="mb-20px p-4"
+            >
+            <div class="mb-2 flex items-center text-sm">
+              {{ item.configName }}
+              <ElTooltip
+                v-if="isMapCenter(item.configKey || '')"
+                content="经纬度逗号隔开，如：121.473701,31.230416"
+                placement="top"
+              >
+                <el-icon class="ml-1 cursor-pointer text-gray-400">
+                  <QuestionFilled />
+                </el-icon>
+              </ElTooltip>
+            </div>
+            <div class="flex w-full items-center justify-start pr-8">
+              <!-- 输入框 -->
+              <template v-if="isValueInput(item.configKey || '')">
+                <el-input
+                  v-model.trim="item.configValue"
+                  :placeholder="`请输入${item.configName}`"
+                  clearable
+                  class="!flex-1"
+                  :maxlength="200"
+                />
+              </template>
+              <!-- 密码输入框 -->
+              <template v-else-if="isPasswordInput(item.configKey || '') || group.type === 'ai-key'">
+                <el-input
+                  v-model.trim="item.configValue"
+                  type="password"
+                  show-password
+                  :placeholder="`请输入${item.configName}`"
+                  clearable
+                  class="!flex-1"
+                />
+              </template>
+              <!-- 开关 -->
+              <template v-else>
+                <el-switch
+                  :active-value="1"
+                  :inactive-value="0"
+                  v-model="item.configStatus"
+                />
+              </template>
+            </div>
+            </ElCol>
+          </template>
+        </ElRow>
+      </div>
+    </div>
+    <div class="flex items-center">
+      <el-button type="primary" @click="handleSave">保存</el-button>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/src/views/sys/sys-config/desensitization-config/desensitization-form.vue

@@ -0,0 +1,224 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+
+import { useSystemStore } from '@udp/stores';
+
+import { useDebounceFn } from '@vueuse/core';
+import { ElMessage } from 'element-plus';
+
+import { list, saveBatch } from '../../../../api/sys-config';
+
+/**
+ * OrderItem
+ */
+export interface OrderItem {
+  asc?: boolean;
+  column?: string;
+  [property: string]: any;
+}
+
+/**
+ * SysPasswordConfig，SysPasswordConfig
+ */
+export interface SysPasswordConfig {
+  /**
+   * 查询条件
+   */
+  configType?: string;
+  /**
+   * 配置键值
+   */
+  configKey?: string;
+  /**
+   * ConfigName
+   */
+  configName?: string;
+  /**
+   * 开启状态 0 未启用 1 启用
+   */
+  configStatus?: number;
+  /**
+   * 配置value
+   */
+  configValue?: string;
+  /**
+   * 创建时间
+   */
+  crateTime?: string;
+  /**
+   * 创建者ID
+   */
+  createUser?: string;
+  /**
+   * 0:未删除 1:删除
+   */
+  delFlag?: number;
+
+  /**
+   * 更新日期
+   */
+  updateUser?: string;
+  /**
+   * 更新者ID
+   */
+  updaterId?: string;
+  [property: string]: any;
+}
+
+/**
+ * PageOfSysPasswordConfig
+ */
+export interface PageOfSysPasswordConfig {
+  countId?: string;
+  current?: number;
+  maxLimit?: number;
+  optimizeCountSql?: boolean;
+  optimizeJoinOfCountSql?: boolean;
+  orders?: OrderItem[];
+  pages?: number;
+  records?: SysPasswordConfig[];
+  searchCount?: boolean;
+  size?: number;
+  total?: number;
+  [property: string]: any;
+}
+
+export interface PwdConfigResponseType {
+  code?: number;
+  data?: PageOfSysPasswordConfig;
+  msg?: string;
+  requestId?: string;
+  success?: boolean;
+  [property: string]: any;
+}
+
+const emit = defineEmits<(e: 'loading-change', val: boolean) => void>();
+
+const systemStore = useSystemStore();
+
+const data = ref<SysPasswordConfig[]>([]);
+const loading = ref(false);
+const queryList = () => {
+  loading.value = true;
+  list({ configType: 'desensitization' })
+    .then((res) => {
+      loading.value = false;
+      if (res) {
+        data.value = res || [];
+      } else {
+        ElMessage.error(res.msg || '密码配置列表获取失败');
+      }
+    })
+    .catch((error) => {
+      loading.value = false;
+      ElMessage.error(error || '密码配置列表收获失败');
+    });
+};
+// 点击编辑保存
+const handleSave = useDebounceFn(() => {
+  emit('loading-change', true);
+  const vaild = true;
+  //  data.value.forEach(function(item) {
+  //     if(item.configKey === 'password.contains.commonVocabulary' &&
+
+  //       (item.configValue === null ||
+  //       item.configValue == "")){
+  //         ElMessage.error('请检查必填项')
+  //         vaild = false;
+  //         return;
+  //     }
+  //  });
+  if (vaild) {
+    saveBatch(data.value as unknown as [])
+      .then((res) => {
+        if (res) {
+          ElMessage.success('修改配置成功');
+          queryList();
+          // 更新
+          const maskConfig = {
+            bankCard: false,
+            email: false,
+            idCard: false,
+            phone: false,
+          };
+          data.value?.forEach((item) => {
+            switch (item.configKey) {
+              case 'BankCard': {
+                maskConfig.bankCard = !!+(item.configStatus ?? 0);
+                break;
+              }
+              case 'Email': {
+                maskConfig.email = !!+(item.configStatus ?? 0);
+                break;
+              }
+              case 'IdentityCard': {
+                maskConfig.idCard = !!+(item.configStatus ?? 0);
+                break;
+              }
+              case 'Mobile': {
+                maskConfig.phone = !!+(item.configStatus ?? 0);
+                break;
+              }
+              // No default
+            }
+          });
+          systemStore.setMaskConfig(maskConfig);
+        }
+      })
+      .finally(() => {
+        emit('loading-change', false);
+      });
+  } else {
+    emit('loading-change', false);
+  }
+}, 500);
+
+onMounted(() => {
+  queryList();
+});
+defineExpose({
+  queryList,
+});
+</script>
+
+<template>
+  <div id="outbox" class="pl-10px w-full">
+    <ElRow id="theBox" v-loading="loading" :gutter="20">
+      <ElCol
+        v-for="item in data"
+        :key="item.id"
+        :span="8"
+        class="h-168px mb-20px p-4"
+      >
+        <div class="mb-2 text-sm">{{ item.configName }}</div>
+        <div class="flex w-full items-center justify-start pr-8">
+          <el-switch
+            class="mr-[30px]"
+            :active-value="1"
+            :inactive-value="0"
+            v-model="item.configStatus"
+          />
+          <span
+            v-if="item.configKey === 'CustomFields'"
+            class="mr-[15px] text-xs"
+            >{{ item.configKeyName }}</span
+          >
+          <el-input
+            v-if="item.configKey === 'CustomFields'"
+            v-model.trim="item.configValue"
+            placeholder="请输入"
+            clearable
+            class="!flex-1"
+            :maxlength="100"
+            :disabled="item.configStatus === 0"
+          />
+        </div>
+      </ElCol>
+    </ElRow>
+    <div class="flex items-center">
+      <el-button type="primary" @click="handleSave">保存</el-button>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped></style>

package/src/views/sys/sys-config/index.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import type { BusinessPageTabItem } from '@udp/component-ui';
+
+import { computed, ref } from 'vue';
+
+import { BusinessPageTabs } from '@udp/component-ui';
+
+import { MainContainer } from '../../../components/main-container';
+
+import Base from './base-config/base-form.vue';
+  // fjl modify
+import Common from './common-config/common-form.vue';
+import Desensitization from './desensitization-config/desensitization-form.vue';
+import Login from './login-config/login-form.vue';
+import MobileConfig from './mobile-config/index.vue';
+import Pwd from './pwd-config/pwd-form.vue';
+import SupserAdminConfig from './superadmin-config/index.vue';
+
+const activeName = ref('base');
+
+const dictTypeList = ref([
+  {
+    label: '基础配置',
+    value: 'base',
+    component: Base,
+  },
+  {
+    label: '登录配置',
+    value: 'login',
+    component: Login,
+  },
+  {
+    label: '密码强弱配置',
+    value: 'pwd',
+    component: Pwd,
+  },
+  {
+    label: '脱敏配置',
+    value: 'desensitization',
+    component: Desensitization,
+  },
+  {
+    label: '超级管理员配置',
+    value: 'superadmin',
+    component: SupserAdminConfig,
+  },
+  {
+    label: '移动端配置',
+    value: 'mobile',
+    component: MobileConfig,
+  },
+  // fjl modify
+  {
+    label: '通用配置',
+    value: 'common',
+    component: Common,
+  },
+]);
+
+const loadingMap = ref<Record<string, boolean>>({});
+const loadingTimers = new Map<string, ReturnType<typeof setTimeout>>();
+const currentLoading = computed(() => loadingMap.value);
+const tabItems = computed<BusinessPageTabItem[]>(() =>
+  dictTypeList.value.map((item) => ({
+    label: item.label,
+    value: item.value,
+  })),
+);
+const currentComponent = computed(
+  () =>
+    dictTypeList.value.find((item) => item.value === activeName.value)?.component ||
+    Base,
+);
+
+const updateLoading = (key: string, val: boolean) => {
+  const existingTimer = loadingTimers.get(key);
+  if (existingTimer) {
+    clearTimeout(existingTimer);
+    loadingTimers.delete(key);
+  }
+
+  if (val) {
+    loadingMap.value = {
+      ...loadingMap.value,
+      [key]: true,
+    };
+    return;
+  }
+
+  const timer = setTimeout(() => {
+    loadingMap.value = {
+      ...loadingMap.value,
+      [key]: false,
+    };
+    loadingTimers.delete(key);
+  }, 300);
+
+  loadingTimers.set(key, timer);
+};
+</script>
+
+<template>
+  <MainContainer>
+    <div class="flex h-full w-full flex-col overflow-hidden bg-background">
+      <BusinessPageTabs v-model="activeName" :items="tabItems" />
+      <div class="min-h-0 flex-1 overflow-y-auto p-4">
+        <div v-loading="currentLoading[activeName]" class="h-full">
+          <component
+            :is="currentComponent"
+            @loading-change="(val: boolean) => updateLoading(activeName, val)"
+          />
+        </div>
+      </div>
+    </div>
+  </MainContainer>
+</template>
+
+<style scoped lang="scss">
+:deep(.udp-tabs__header.is-top) {
+  width: 100%;
+
+  .udp-tabs__nav-scroll {
+    width: 100%;
+    padding: 16px 20px 00;
+  }
+}
+</style>