refactor: ♻️ 修复了系统配置的错误

修复了系统配置的语法错误
代码规范文件增加注释

.prettierrc

@@ -1,28 +0,0 @@
-{
-  "arrowParens": "always",
-  "bracketSameLine": false,
-  "bracketSpacing": true,
-  "embeddedLanguageFormatting": "auto",
-  "htmlWhitespaceSensitivity": "ignore",
-  "insertPragma": false,
-  "jsxSingleQuote": false,
-  "printWidth": 100,
-  "proseWrap": "preserve",
-  "quoteProps": "as-needed",
-  "requirePragma": false,
-  "semi": true,
-  "singleQuote": false,
-  "tabWidth": 2,
-  "trailingComma": "es5",
-  "useTabs": false,
-  "vueIndentScriptAndStyle": false,
-  "endOfLine": "auto",
-  "overrides": [
-    {
-      "files": "*.html",
-      "options": {
-        "parser": "html"
-      }
-    }
-  ]
-}

.prettierrc.yaml

@@ -0,0 +1,41 @@
+# 在单参数箭头函数中始终添加括号
+arrowParens: "always"
+# JSX 多行元素的闭合标签另起一行
+bracketSameLine: false
+# 对象字面量中的括号之间添加空格
+bracketSpacing: true
+# 自动格式化嵌入的代码（如 Markdown 和 HTML 内的代码）
+embeddedLanguageFormatting: "auto"
+# 忽略 HTML 空白敏感度，将空白视为非重要内容
+htmlWhitespaceSensitivity: "ignore"
+# 不插入 @prettier 的 pragma 注释
+insertPragma: false
+# 在 JSX 中使用双引号
+jsxSingleQuote: false
+# 每行代码的最大长度限制为 100 字符
+printWidth: 100
+# 在 Markdown 中保留原有的换行格式
+proseWrap: "preserve"
+# 仅在必要时添加对象属性的引号
+quoteProps: "as-needed"
+# 不要求文件开头插入 @prettier 的 pragma 注释
+requirePragma: false
+# 在语句末尾添加分号
+semi: true
+# 使用双引号而不是单引号
+singleQuote: false
+# 缩进使用 2 个空格
+tabWidth: 2
+# 在多行元素的末尾添加逗号（ES5 支持的对象、数组等）
+trailingComma: "es5"
+# 使用空格而不是制表符缩进
+useTabs: false
+# Vue 文件中的 <script> 和 <style> 不增加额外的缩进
+vueIndentScriptAndStyle: false
+# 根据系统自动检测换行符
+endOfLine: "auto"
+# 对 HTML 文件应用特定格式化规则
+overrides:
+  - files: "*.html"
+    options:
+      parser: "html"

src/views/system/config/index.vue

@@ -30,21 +30,13 @@
 
     <el-card shadow="never" class="table-wrapper">
       <template #header>
-        <el-button
+        <el-button v-hasPerm="['sys:config:add']" type="success" @click="handleOpenDialog()">
-          v-hasPerm="['sys:config:add']"
-          type="success"
-          @click="handleOpenDialog()"
-        >
           <template #icon>
             <Plus />
           </template>
           新增
         </el-button>
-        <el-button
+        <el-button v-hasPerm="['sys:config:refresh']" color="#626aef" @click="handleRefreshCache">
-          v-hasPerm="['sys:config:refresh']"
-          color="#626aef"
-          @click="handleRefreshCache"
-        >
           <el-icon><RefreshLeft /></el-icon>
           刷新缓存
         </el-button>
@@ -58,30 +50,10 @@
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="index" label="序号" width="60" />
-        <el-table-column
+        <el-table-column key="configName" label="配置名称" prop="configName" min-width="100" />
-          key="configName"
+        <el-table-column key="configKey" label="配置键" prop="configKey" min-width="100" />
-          label="配置名称"
+        <el-table-column key="configValue" label="配置值" prop="configValue" min-width="100" />
-          prop="configName"
+        <el-table-column key="remark" label="描述" prop="remark" min-width="100" />
-          min-width="100"
-        />
-        <el-table-column
-          key="configKey"
-          label="配置键"
-          prop="configKey"
-          min-width="100"
-        />
-        <el-table-column
-          key="configValue"
-          label="配置值"
-          prop="configValue"
-          min-width="100"
-        />
-        <el-table-column
-          key="remark"
-          label="描述"
-          prop="remark"
-          min-width="100"
-        />
         <el-table-column fixed="right" label="操作" width="220">
           <template #default="scope">
             <el-button
@@ -136,25 +108,13 @@
         label-width="100px"
       >
         <el-form-item label="配置名称" prop="configName">
-          <el-input
+          <el-input v-model="formData.configName" placeholder="请输入配置名称" :maxlength="50" />
-            v-model="formData.configName"
-            placeholder="请输入配置名称"
-            :maxlength="50"
-          />
         </el-form-item>
         <el-form-item label="配置键" prop="configKey">
-          <el-input
+          <el-input v-model="formData.configKey" placeholder="请输入配置键" :maxlength="50" />
-            v-model="formData.configKey"
-            placeholder="请输入配置键"
-            :maxlength="50"
-          />
         </el-form-item>
         <el-form-item label="配置值" prop="configValue">
-          <el-input
+          <el-input v-model="formData.configValue" placeholder="请输入配置值" :maxlength="100" />
-            v-model="formData.configValue"
-            placeholder="请输入配置值"
-            :maxlength="100"
-          />
         </el-form-item>
         <el-form-item label="描述" prop="remark">
           <el-input
@@ -183,11 +143,7 @@ defineOptions({
   inheritAttrs: false,
 });
 
-import ConfigAPI, {
+import ConfigAPI, { ConfigPageVO, ConfigForm, ConfigPageQuery } from "@/api/system/config";
-  ConfigPageVO,
-  ConfigForm,
-  ConfigPageQuery,
-} from "@/api/system/config";
 
 const queryFormRef = ref(ElForm);
 const dataFormRef = ref(ElForm);
@@ -220,15 +176,9 @@ const formData = reactive<ConfigForm>({
 });
 
 const rules = reactive({
-  configName: [
+  configName: [{ required: true, message: "请输入系统配置名称", trigger: "blur" }],
-    { required: true, message: "请输入系统配置名称", trigger: "blur" },
+  configKey: [{ required: true, message: "请输入系统配置编码", trigger: "blur" }],
-  ],
+  configValue: [{ required: true, message: "请输入系统配置值", trigger: "blur" }],
-  configKey: [
-    { required: true, message: "请输入系统配置编码", trigger: "blur" },
-  ],
-  configValue: [
-    { required: true, message: "请输入系统配置值", trigger: "blur" },
-  ],
 });
 
 /** 查询系统配置 */
@@ -308,7 +258,7 @@ function handleCloseDialog() {
   dialog.visible = false;
   dataFormRef.value.resetFields();
   dataFormRef.value.clearValidate();
-  formData.id != undefined;
+  formData.id = undefined;
 }
 
 /** 删除系统配置 */