mod:主图尺寸

frontend/src/views/Setting/index.vue

@@ -27,7 +27,7 @@
                 <div class="form-item">
                     <label>主图尺寸：</label>
                     <div class="select-wrapper">
-                    <el-select v-model="formData.basic_configs.main_image_size" placeholder="请选择">
+                    <el-select multiple multiple-limit="3" v-model="formData.basic_configs.main_image_size" placeholder="请选择">
                       <el-option v-for="item in mainImageSizeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
                     </el-select>
                     </div>
@@ -178,7 +178,7 @@ const socketStore = socket(); // WebSocket状态管理实例
 const formData = reactive({
   //基础配置
   basic_configs:{
-    "main_image_size": "",//主图尺寸
+    "main_image_size": [],//主图尺寸
     "image_out_format": "",//图片输出格式
     "image_sharpening": "" //图片锐化
   },
@@ -217,10 +217,13 @@ const formData = reactive({
 
 // 配置选项列表
 const mainImageSizeList = ref([
-  { label: '800', value: '800' },
-  { label: '1024', value: '1024' },
-  { label: '1200', value: '1200' },
-  { label: '1600', value: '1600' },
+  { label: '320*320', value: '320' },
+  { label: '512*512', value: '512' },
+  { label: '768*768', value: '768' },
+  { label: '800*800', value: '800' },
+  { label: '1024*1024', value: '1024' },
+  { label: '1400*1400', value: '1400' },
+  { label: '1600*1600', value: '1600' },
 ]);
 const imageFormatList = ref([
   { label: 'jpg', value: 'jpg' },
@@ -419,6 +422,13 @@ const selectFolder = () => {
  */
 const saveSetting = async (index) => {
 
+  if(index === 0){
+    if(formData.basic_configs.main_image_size.length === 0){
+
+      ElMessage.error('请选择主图尺寸！');
+      return;
+    }
+  }
   await new Promise((resolve, reject) => {
 
     clientStore.ipc.removeAllListeners(icpList.setting.updateSysConfigs);