feat: dev

packages/frontend/src/views/category/index.vue

@@ -14,35 +14,26 @@
         </n-input>
       </MeQueryItem>
       <MeQueryItem label="状态" :label-width="50">
-        <n-select
-          v-model:value="queryItems.enable" clearable :options="[
-            { label: '启用', value: 1 },
-            { label: '停用', value: 0 },
-          ]"
-        />
+        <n-select v-model:value="queryItems.enable" clearable :options="[
+          { label: '启用', value: 1 },
+          { label: '停用', value: 0 },
+        ]" />
       </MeQueryItem>
     </MeCrud>
 
     <MeModal ref="modalRef" width="520px">
       <n-form ref="modalFormRef" label-placement="left" label-align="left" :label-width="80" :model="modalForm">
-        <n-form-item
-          label="分类名" path="title" :rule="{
-            required: true,
-            message: '请输入分类名',
-            trigger: ['input', 'blur'],
-          }"
-        >
-          <n-input
-            v-model:value="modalForm.title" :maxlength="200"
-            show-count
-          />
+        <n-form-item label="分类名" path="title" :rule="{
+          required: true,
+          message: '请输入分类名',
+          trigger: ['input', 'blur'],
+        }">
+          <n-input v-model:value="modalForm.title" :maxlength="200" show-count />
         </n-form-item>
         <n-form-item label="上层分类" path="parentId">
           <!-- <n-select v-model:value="modalForm.parentId" :options="allCategory" clearable filterable tag /> -->
-          <n-tree-select
-            v-model:value="modalForm.parentId" :options="allCategory" label-field="title" key-field="id"
-            placeholder="根分类" clearable
-          />
+          <n-tree-select v-model:value="modalForm.parentId" :options="allCategory" label-field="title" key-field="id"
+            placeholder="根分类" clearable />
         </n-form-item>
         <n-form-item label="备注" path="remark">
           <n-input v-model:value="modalForm.remark" />
@@ -51,24 +42,22 @@
         <n-tabs v-if="modalForm.translations.length > 0" type="line" animated>
           <template v-for="(lang, index) in langs" :key="lang">
             <n-tab-pane :name="lang" :tab="langLabel[lang]" :index="index">
-              <n-form-item
-                label="名称" :path="`translations[${index}].title`" :rule="{
-                  required: true,
-                  message: '请输入名称',
-                  trigger: ['input', 'blur'],
-                }"
-              >
-                <n-input v-model:value="modalForm.translations.find(i => i.locale === lang).title" :maxlength="200" show-count />
+              <n-form-item label="名称" :path="`translations[${index}].title`" :rule="{
+                required: true,
+                message: '请输入名称',
+                trigger: ['input', 'blur'],
+              }">
+                <n-input v-model:value="modalForm.translations.find(i => i.locale === lang).title" :maxlength="200"
+                  show-count />
               </n-form-item>
 
-              <n-form-item
-                label="备注" path="remark" :rule="{
-                  required: false,
-                  message: '请输入备注',
-                  trigger: ['input', 'blur'],
-                }"
-              >
-                <n-input v-model:value="modalForm.translations.find(i => i.locale === lang).remark" :maxlength="200" show-count type="textarea" />
+              <n-form-item label="备注" path="remark" :rule="{
+                required: false,
+                message: '请输入备注',
+                trigger: ['input', 'blur'],
+              }">
+                <n-input v-model:value="modalForm.translations.find(i => i.locale === lang).remark" :maxlength="200"
+                  show-count type="textarea" />
               </n-form-item>
             </n-tab-pane>
           </template>
@@ -128,7 +117,7 @@ watchEffect(() => {
   }
 })
 const columns = [
-  { title: '分类名称', key: 'title' },
+  { title: '分类名称', key: 'title', width: '400' },
   { title: '上级分类', key: 'parent.title' },
   { title: '备注', key: 'remark' },
   { title: '创建人', key: 'user.username' },

packages/frontend/src/views/menu/list.vue

@@ -45,7 +45,7 @@
         </n-form-item> -->
         <n-form-item v-if="modalForm.level !== 0" label="封面" path="cover">
           <n-upload style="max-width:120px ;" accept=".jpg,.jpeg,.png" :multiple="false" :default-upload="true"
-            list-type="image-card" :custom-request="uploadCover" :max="1" ::default-file-list="previewFileList"
+            list-type="image-card" :custom-request="uploadCover" :max="1" :default-file-list="previewFileList"
             @preview="handlePreview" @before-upload="beforeUpload" @remove="handleCoverRemove" />
           <n-modal v-model:show="showModal" preset="card" style="width: 600px" title="">
             <img :src="previewImageUrl" style="width: 100%">
@@ -396,8 +396,7 @@ async function handleFormEdit(data = {}) {
       status: 'finished',
       url: modalForm.value.cover,
     }]
-  }
-  else {
+  } else {
     previewFileList.value = []
   }