Browse Source

✨ feat(test): 添加描述字段到数据输入和显示

陈雪 3 weeks ago
parent
commit
fa8c6b4dc6
1 changed files with 9 additions and 1 deletions
  1. 9 1
      src/views/test/index.vue

+ 9 - 1
src/views/test/index.vue

@@ -5,6 +5,7 @@
       <input v-model="newData.logo" placeholder="输入Logo URL" />
       <input v-model="newData.local_logo" placeholder="输入本地Logo路径" />
       <input v-model="newData.sort" type="number" placeholder="输入排序" />
+      <input v-model="newData.description" placeholder="输入描述" />
       <select v-model="newData.status">
         <option value="A">Active</option>
         <option value="D">Deleted</option>
@@ -20,6 +21,7 @@
             <th>Logo</th>
             <th>本地Logo</th>
             <th>排序</th>
+            <th>描述</th>
             <th>状态</th>
             <th>操作</th>
           </tr>
@@ -31,6 +33,7 @@
             <td>{{ item.logo }}</td>
             <td>{{ item.local_logo }}</td>
             <td>{{ item.sort }}</td>
+            <td>{{ item.description }}</td>
             <td>{{ item.status }}</td>
             <td>
               <button class="edit-button" @click="openEditModal(item)">修改</button>
@@ -48,6 +51,7 @@
         <input v-model="editData.logo" placeholder="输入Logo URL" />
         <input v-model="editData.local_logo" placeholder="输入本地Logo路径" />
         <input v-model="editData.sort" type="number" placeholder="输入排序" />
+        <input v-model="editData.description" placeholder="输入描述" />
         <select v-model="editData.status">
           <option value="A">Active</option>
           <option value="D">Deleted</option>
@@ -68,6 +72,7 @@
     logo: '',
     local_logo: '',
     sort: 0,
+    description: '',
     status: 'A' as 'A' | 'D',
   })
   const editId = ref<number | null>(null)
@@ -76,6 +81,7 @@
     logo: '',
     local_logo: '',
     sort: 0,
+    description: '',
     status: 'A' as 'A' | 'D',
   })
   const showModal = ref(false)
@@ -83,7 +89,7 @@
   const fetchData = () => {
     // 查询数据
     DB.selectFrom('menu_cate')
-      .select(['id', 'name', 'logo', 'local_logo', 'sort', 'status'])
+      .select(['id', 'name', 'logo', 'local_logo', 'sort', 'description', 'status'])
       .execute()
       .then((data) => {
         jsonData.value = data
@@ -102,6 +108,7 @@
           logo: '',
           local_logo: '',
           sort: 0,
+          description: '',
           status: 'A',
         }
       })
@@ -121,6 +128,7 @@
       logo: '',
       local_logo: '',
       sort: 0,
+      description: '',
       status: 'A',
     }
   }