<fix>[normal]优化了部分显示

src/view/component/configData/AddConfig.vue

@@ -1,104 +0,0 @@
-<template>
-  <!--  添加配置项-->
-  <div>
-    <el-dialog
-        title="添加配置项"
-        :model-value="modelValue"
-        @close="() => $emit('update:modelValue', false)">
-      <el-form
-          label-position="left"
-          label-width="160px"
-          :model="configData"
-          :inline="true"
-          class="demo-form-inline"
-      >
-        <el-form-item label="配置键：">
-          <el-input v-model="configData.configKey" disabled/>
-        </el-form-item>
-        <el-form-item label="配置名称：">
-          <el-input v-model="configData.configName"/>
-        </el-form-item>
-        <el-form-item label="配置值：">
-          <el-input v-model="configData.configValue"/>
-        </el-form-item>
-        <el-form-item label="配置类型：">
-          <el-input v-model="configData.configType"/>
-        </el-form-item>
-        <el-form-item label="备注信息：">
-          <el-input v-model="configData.remark"/>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div>
-          <el-button type="primary" @click="addConfig">添加</el-button>
-          <el-button type="danger" @click="$emit('update:modelValue', false)">关闭</el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-// import  《组件名称》  from '《组件路径》 ';
-
-export default {
-  // import 引入的组件需要注入到对象中才能使用
-  components: {},
-  props: ['modelValue'],
-  emits: ['update:modelValue'],
-  data() {
-    // 这里存放数据
-    return {
-      configData: {
-        configKey: '',
-        configName: '',
-        configValue: '',
-        configType: '',
-        remark: ''
-      }
-    }
-  },
-  // 计算属性 类似于 data 概念
-  computed: {},
-  // 监控 data 中的数据变化
-  watch: {},
-  // 方法集合
-  methods: {
-    // 添加配置项
-    addConfig() {
-
-    }
-  },
-  // 组合式 API
-  setup() {
-  },
-  // 创建之前
-  beforeCreate() {
-  },
-  // 创建完成(可以访问 this 实例)
-  created() {
-  },
-  // 生命周期 - 挂载之前
-  beforeMount() {
-  },
-  // 生命周期 - 挂载完成（可以访问 DOM 元素）
-  mounted() {
-  },
-  // 更新之前
-  beforeUpdate() {
-  },
-  // 更新之后
-  updated() {
-  },
-  // 销毁之前
-  beforeUnmount() {
-  },
-  // 销毁完成
-  unmounted() {
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

src/view/component/configData/EditConfig.vue

@@ -13,7 +13,7 @@
           class="demo-form-inline"
       >
         <el-form-item label="配置键：">
-          <el-input v-model="configData.configKey" disabled/>
+          <el-input v-model="configData.configKey" placeholder="若配置键已经存在则视为更新已有配置信息"/>
         </el-form-item>
         <el-form-item label="配置名称：">
           <el-input v-model="configData.configName"/>

src/view/layout/MainAside.vue

@@ -13,7 +13,7 @@
           </template>
           <div v-for="minorItem in (minor)">
             <el-menu-item :index='minorItem.index' @click="clickMenu(minorItem)">
-              {{ minorItem['minorMenu'] }}
+              ✦&nbsp;&nbsp;{{ minorItem['minorMenu'] }}
             </el-menu-item>
           </div>
         </el-sub-menu>

src/view/tab/development/ConfigData.vue

@@ -11,7 +11,7 @@
     <el-row>
       <h5>系统配置项列表</h5>
       <el-table :data="configData" border stripe style="width: 100%;" max-height="calc(100vh - 330px)">
-        <el-table-column fixed prop="configKey" label="配置键" width="200px" align="center" show-overflow-tooltip/>
+        <el-table-column fixed prop="configKey" label="配置键" width="300px" align="center" show-overflow-tooltip/>
         <el-table-column prop="configName" label="配置名称" align="center" show-overflow-tooltip/>
         <el-table-column prop="configValue" label="配置值" align="center" show-overflow-tooltip/>
         <el-table-column prop="configType" label="配置类型" width="200px" align="center" show-overflow-tooltip/>
@@ -50,8 +50,6 @@
     </el-row>
 <!--编辑配置项弹窗-->
     <EditConfig v-model="showEdit" :config-data="editConfigData"></EditConfig>
-<!--    添加配置项弹窗-->
-    <AddConfig v-model="showAdd" />
   </div>
 </template>
 
@@ -61,11 +59,10 @@ import configApi from '@/axios/config'
 import {ElLoading, ElMessage} from "element-plus";
 import {Delete, Edit} from "@element-plus/icons-vue";
 import EditConfig from "@/view/component/configData/EditConfig.vue";
-import AddConfig from "@/view/component/configData/AddConfig.vue";
 
 export default {
   // import 引入的组件需要注入到对象中才能使用
-  components: {AddConfig, EditConfig, Delete, Edit},
+  components: {EditConfig, Delete, Edit},
   props: [],
   emits: [],
   data() {
@@ -87,9 +84,7 @@ export default {
       // 是否展示编辑配置项弹窗
       showEdit: false,
       // 传入编辑配置项的数据
-      editConfigData: { },
-      // 是否展示添加配置项弹窗
-      showAdd: false
+      editConfigData: { }
     }
   },
   // 计算属性 类似于 data 概念
@@ -141,11 +136,21 @@ export default {
     },
     // 删除配置项
     deleteConfig(row) {
-
+      ElMessage({
+        message: '删除配置会导致系统崩溃，暂时不支持删除',
+        type: 'error',
+      })
     },
     // 添加配置
     addConfig() {
-      this.showAdd = true
+      this.editConfigData = {
+        configKey: '',
+        configName: '',
+        configValue: '',
+        configType: '',
+        remark: ''
+      }
+      this.showEdit = true
     }
 
   },