添加应用图标验证分组信息必填

service/api/api_v1/panel/itemIcon.go

@@ -26,6 +26,11 @@ func (a *ItemIcon) Edit(c *gin.Context) {
 		return
 	}
 
+	if req.ItemIconGroupId == 0 {
+		apiReturn.Error(c, "分组为必填项")
+		return
+	}
+
 	req.UserId = userInfo.ID
 
 	// json转字符串

service/assets/version

@@ -1 +1 @@
-2|1.0.2(beta.2023-11-23)
+2|1.0.2(beta.2023-11-23)|https://github.com/hslr-s/sun-panel/blob/master/UPDATELOG.md

src/views/home/components/EditItem/IconEditor.vue

@@ -108,7 +108,7 @@ watch(itemIconInfo.value, () => {
     <div class=" h-[100px]">
       <div class="flex">
         <div>
-          <div class="border rounded-2xl bg-slate-200 overflow-hidden rounded-2xl">
+          <div class="border rounded-2xl bg-slate-200 overflow-hidden rounded-2xl transparent-grid">
             <ItemIcon :item-icon="itemIconInfo" />
           </div>
         </div>
@@ -172,3 +172,12 @@ watch(itemIconInfo.value, () => {
     </div>
   </div>
 </template>
+
+<style scoped>
+.transparent-grid {
+    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%),
+                      linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%);
+    background-size: 16px 16px;
+    background-position: 0 0, 8px 8px;
+}
+</style>

src/views/home/components/EditItem/index.vue

@@ -50,7 +50,7 @@ const rules: FormRules = {
   },
   // itemIconGroupId: {
   //   required: true,
-  //   trigger: 'blur',
+  //   trigger: ['blur', 'change'],
   //   message: '必填项',
   // },
 }
@@ -96,15 +96,15 @@ const show = computed({
 })
 
 async function editApi() {
-  const { code, data } = await edit<Panel.ItemInfo>(model.value)
+  const { code, data, msg } = await edit<Panel.ItemInfo>(model.value)
   if (code === 0) {
     show.value = false
-    model.value = restoreDefault
+    model.value = { ...restoreDefault }
 
     emit('done', data)
   }
   else {
-    ms.error('保存失败')
+    ms.error(`保存失败：${msg}`)
   }
 }
 
@@ -125,10 +125,13 @@ function getGroupListOptions() {
   getGroupList<Common.ListResponse<Panel.ItemIconGroup[]>>().then(({ data, code, msg }) => {
     if (code === 0) {
       itemIconGroupOptions.value = []
+
       for (let i = 0; i < data.list.length; i++) {
         const element = data.list[i]
-        if (i === 0 && !model.value.itemIconGroupId)
+        if (i === 0 && !model.value.itemIconGroupId) {
+          restoreDefault.itemIconGroupId = element.id
           model.value.itemIconGroupId = element.id
+        }
 
         itemIconGroupOptions.value.push({
           value: element.id as number,