Просмотр исходного кода

feat(setting): 添加800图颜色配置功能

- 在设置页面添加800图颜色配置项
- 集成el-color-picker颜色选择器组件
- 添加color_800image字段到基础配置中
- 设置默认颜色值为白色('#ffffff')
- 添加颜色配置的空值处理逻辑
panqiuyao 20 часов назад
Родитель
Сommit
df203d1a81
1 измененных файлов с 11 добавлено и 1 удалено
  1. 11 1
      frontend/src/views/Setting/index.vue

+ 11 - 1
frontend/src/views/Setting/index.vue

@@ -94,6 +94,12 @@
                     </el-select>
                     </div>
                 </div>
+              <div class="form-item">
+                <label>800图颜色配置:</label>
+                <div class="select-wrapper flex left">
+                  <el-color-picker v-model="formData.basic_configs.color_800image" />
+                </div>
+              </div>
 
                <DebugPanel ref="debugPanel" />
         </div>
@@ -237,7 +243,8 @@ const formData = reactive({
     "image_out_format": "",//图片输出格式
     "image_sharpening": "", //图片锐化
     "padding_800image": 100, //800图自定义边距
-    "is_flip_800image": 1 //800图是否翻转
+    "is_flip_800image": 1, //800图是否翻转
+    "color_800image": '#ffffff' //800图是否翻转
   },
   //拍照配置
   take_photo_configs:{
@@ -426,6 +433,9 @@ const getConfig =  async (typeValue)=>{
     if (formData.basic_configs.is_flip_800image === undefined || formData.basic_configs.is_flip_800image === null) {
       formData.basic_configs.is_flip_800image = 0;
     }
+    if (formData.basic_configs.color_800image === undefined || formData.basic_configs.color_800image === null) {
+      formData.basic_configs.color_800image = '#ffffff';
+    }
   }
 
 }