添加iconId

src/views/MaskView.vue

@@ -5,8 +5,9 @@
         </template>
         <ElTableColumn prop="id" label="#" width="80" />
         <ElTableColumn prop="name" label="名称" width="150" />
-        <ElTableColumn prop="describe" label="描述" min-width="120" show-overflow-tooltip />
-        <ElTableColumn prop="welcomeMessage" label="欢迎语" min-width="120" show-overflow-tooltip />
+        <ElTableColumn prop="describe" label="描述" min-width="180" show-overflow-tooltip />
+        <ElTableColumn prop="welcomeMessage" label="欢迎语" min-width="80" show-overflow-tooltip />
+        <ElTableColumn prop="iconId" label="iconId" min-width="30" />
         <ElTableColumn prop="createdAt" label="创建时间" :formatter="timeFormatter" width="150" />
         <ElTableColumn label="操作" align="center" width="120">
             <template #default="{ row }">
@@ -24,6 +25,9 @@
         <ElFormItem prop="welcomeMessage" label="欢迎语">
             <ElInput v-model="model.welcomeMessage" placeholder="请输入欢迎语" />
         </ElFormItem>
+        <ElFormItem prop="iconId" label="iconId">
+            <ElInput v-model="model.iconId" placeholder="请输入iconId" />
+        </ElFormItem>
     </EditDialog>
 </template>
 <script setup>
@@ -44,11 +48,14 @@ const timeFormatter = useTimeFormatter()
 const table = ref(null)
 const model = ref({})
 const rules = {
-    name: [
-        { required: true, message: '请输入名称', trigger: 'blur' }
-    ],
+    name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
     describe: [{ required: true, message: '请输入描述', trigger: 'blur' }],
-    welcomeMessage: [{ required: true, message: '请输入欢迎语', trigger: 'blur' }]
+    welcomeMessage: [{ required: true, message: '请输入欢迎语', trigger: 'blur' }],
+    iconId: [
+        { required: true, message: '请输入iconId', trigger: 'blur' },
+        { type: 'string', pattern: /^[a-zA-Z0-9_]+$/, message: '只能输入字母、数字、下划线' }
+    ],
+    
 }
 const { showEditDialog, onEdit } = setupEditDialog(model)
 async function submit() {