review code.

orion-ops-ui/src/views/system/dict-value/components/dict-value-form-modal.vue

@@ -27,6 +27,11 @@
         <!-- 配置名称 -->
         <a-form-item field="name" label="配置名称">
           <a-input v-model="formModel.name" placeholder="请输入配置名称" allow-clear />
+          <span class="item-extra-block pointer"
+                title="同步到值"
+                @click="() => formModel.value = formModel.name">
+            <icon-caret-down style="font-size: 16px" />
+          </span>
         </a-form-item>
         <!-- 配置值 -->
         <a-form-item field="value" label="配置值">
@@ -68,10 +73,9 @@
           <template v-else-if="ValueTypeEnum.COLOR.value === type">
             <a-input v-model="extraValue[name]"
                      :placeholder="`请输入 ${name}`"
-                     default-value="#"
                      allow-clear
                      hide-button />
-            <span class="color-block" :style="{
+            <span class="item-extra-block" :style="{
               background: extraValue[name] === '#' ? undefined : (extraValue[name] || undefined)
             }" />
           </template>
@@ -132,7 +136,7 @@
   const openAdd = () => {
     title.value = '添加字典配置值';
     isAddHandle.value = true;
-    renderForm({ ...defaultForm() });
+    renderForm({ ...defaultForm(), keyId: formModel.value.keyId });
     setVisible(true);
   };
 
@@ -224,11 +228,14 @@
 </script>
 
 <style lang="less" scoped>
-  .color-block {
-    width: 36px;
-    height: 30px;
+  .item-extra-block {
+    width: 38px;
+    height: 32px;
     margin-left: 8px;
     border-radius: 4px;
     background: var(--color-fill-2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 </style>

orion-ops-ui/src/views/system/dict-value/components/dict-value-table.vue

@@ -83,13 +83,19 @@
       <!-- 名称 -->
       <template #name="{ record }">
         <span class="pointer" @click="copy(record.name)">
-          <icon-copy class="span-blue" /> {{ record.name }}
+          <icon-copy class="copy-left" />
+          <a-tooltip :content="record.name">
+            <span>{{ record.name }}</span>
+          </a-tooltip>
         </span>
       </template>
       <!-- 值 -->
       <template #value="{ record }">
         <span class="pointer" @click="copy(record.value)">
-          <icon-copy class="span-blue" /> {{ record.value }}
+          <icon-copy class="copy-left" />
+          <a-tooltip :content="record.value">
+            <span>{{ record.value }}</span>
+          </a-tooltip>
         </span>
       </template>
       <!-- 操作 -->

orion-ops-ui/src/views/system/dict-value/types/table.columns.ts

@@ -16,20 +16,21 @@ const columns = [
     align: 'left',
     ellipsis: true,
     tooltip: true,
+    render: ({ record }) => {
+      return `${record.keyName} - ${record.keyDescription}`;
+    },
   }, {
     title: '配置名称',
     dataIndex: 'name',
     slotName: 'name',
     align: 'left',
     ellipsis: true,
-    tooltip: true,
   }, {
     title: '配置值',
     dataIndex: 'value',
     slotName: 'value',
     align: 'left',
     ellipsis: true,
-    tooltip: true,
   }, {
     title: '配置描述',
     dataIndex: 'label',