diff --git a/.gitignore b/.gitignore
index 9782430..c012077 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
 /04.系统编码/Backend/src/main/resources/static
 /04.系统编码/SendService/02.Plugins/packages
+/04.系统编码/Frontend/public/images/decision-support
+/04.系统编码/Frontend/public/images/ecological-environment
diff --git a/04.系统编码/Frontend/public/images/decision-support/通风廊道规划建议/通风廊道1.png b/04.系统编码/Frontend/public/images/decision-support/通风廊道规划建议/通风廊道1.png
deleted file mode 100644
index ae735bd..0000000
Binary files a/04.系统编码/Frontend/public/images/decision-support/通风廊道规划建议/通风廊道1.png and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/decision-support/通风廊道规划建议/通风廊道2.png b/04.系统编码/Frontend/public/images/decision-support/通风廊道规划建议/通风廊道2.png
deleted file mode 100644
index a208a9e..0000000
Binary files a/04.系统编码/Frontend/public/images/decision-support/通风廊道规划建议/通风廊道2.png and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/decision-support/高楼污染指数/高楼污染指数1.png b/04.系统编码/Frontend/public/images/decision-support/高楼污染指数/高楼污染指数1.png
deleted file mode 100644
index 9c64b93..0000000
Binary files a/04.系统编码/Frontend/public/images/decision-support/高楼污染指数/高楼污染指数1.png and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/decision-support/高楼污染指数/高楼污染指数2.png b/04.系统编码/Frontend/public/images/decision-support/高楼污染指数/高楼污染指数2.png
deleted file mode 100644
index 8bd729f..0000000
Binary files a/04.系统编码/Frontend/public/images/decision-support/高楼污染指数/高楼污染指数2.png and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/111.tif b/04.系统编码/Frontend/public/images/ecological-environment/111.tif
deleted file mode 100644
index 314bc01..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/111.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/albedo.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/albedo.tif
deleted file mode 100644
index 4e6f148..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/albedo.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/evaporation.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/evaporation.tif
deleted file mode 100644
index abba1cd..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/evaporation.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature0130.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature0130.tif
deleted file mode 100644
index c547d43..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature0130.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature1030.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature1030.tif
deleted file mode 100644
index 41ff39b..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature1030.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature1330.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature1330.tif
deleted file mode 100644
index fed6550..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature1330.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature2230.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature2230.tif
deleted file mode 100644
index 3ad93c7..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/EVI/temperature2230.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/albedo.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/albedo.tif
deleted file mode 100644
index 54eb05f..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/albedo.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/evaporation.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/evaporation.tif
deleted file mode 100644
index 635139d..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/evaporation.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature0130.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature0130.tif
deleted file mode 100644
index 845d6d8..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature0130.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature1030.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature1030.tif
deleted file mode 100644
index a06bbbe..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature1030.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature1330.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature1330.tif
deleted file mode 100644
index c1f82da..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature1330.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature2230.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature2230.tif
deleted file mode 100644
index 156df3d..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/LAI/temperature2230.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/albedo.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/albedo.tif
deleted file mode 100644
index 833069e..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/albedo.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/evaporation.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/evaporation.tif
deleted file mode 100644
index 53cc17a..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/evaporation.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature0130.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature0130.tif
deleted file mode 100644
index 314bc01..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature0130.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature1030.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature1030.tif
deleted file mode 100644
index d8a8c05..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature1030.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature1330.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature1330.tif
deleted file mode 100644
index 737a197..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature1330.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature2230.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature2230.tif
deleted file mode 100644
index 1dbdd3a..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-change/NDVI/temperature2230.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/albedo.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/albedo.tif
deleted file mode 100644
index 0bebb03..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/albedo.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/evaporation.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/evaporation.tif
deleted file mode 100644
index 5e1f03f..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/evaporation.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature0130.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature0130.tif
deleted file mode 100644
index db55c14..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature0130.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature1030.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature1030.tif
deleted file mode 100644
index 37eb92a..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature1030.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature1330.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature1330.tif
deleted file mode 100644
index 8a79e8d..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature1330.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature2230.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature2230.tif
deleted file mode 100644
index 79b47d1..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/EVI/temperature2230.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/albedo.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/albedo.tif
deleted file mode 100644
index 24ad44f..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/albedo.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/evaporation.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/evaporation.tif
deleted file mode 100644
index dc78ad6..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/evaporation.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature0130.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature0130.tif
deleted file mode 100644
index 062e1df..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature0130.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature1030.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature1030.tif
deleted file mode 100644
index b372661..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature1030.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature1330.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature1330.tif
deleted file mode 100644
index 0167eb2..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature1330.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature2230.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature2230.tif
deleted file mode 100644
index bd0408b..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/LAI/temperature2230.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/albedo.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/albedo.tif
deleted file mode 100644
index a9d7655..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/albedo.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/evaporation.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/evaporation.tif
deleted file mode 100644
index 72ec2e0..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/evaporation.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature0130.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature0130.tif
deleted file mode 100644
index c5b4f4a..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature0130.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature1030.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature1030.tif
deleted file mode 100644
index 228fe88..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature1030.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature1330.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature1330.tif
deleted file mode 100644
index d5be6b9..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature1330.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature2230.tif b/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature2230.tif
deleted file mode 100644
index e6568bb..0000000
Binary files a/04.系统编码/Frontend/public/images/ecological-environment/plant-distribute/NDVI/temperature2230.tif and /dev/null differ
diff --git a/04.系统编码/Frontend/src/components/DecisionSupport.vue b/04.系统编码/Frontend/src/components/DecisionSupport.vue
index 21066ec..3213374 100644
--- a/04.系统编码/Frontend/src/components/DecisionSupport.vue
+++ b/04.系统编码/Frontend/src/components/DecisionSupport.vue
@@ -5,53 +5,49 @@
             <div class="menu-item">
                 <h2 class="tip">指标选择</h2>
                 <el-row :gutter="12">
-                    <el-col :span="24"><span @click="onIndicatorClick('通风廊道规划建议')" :class="{'active': currentIndicator === '通风廊道规划建议'}">通风廊道规划建议</span></el-col>
-                    <el-col :span="24"><span @click="onIndicatorClick('高楼污染指数')" :class="{'active': currentIndicator === '高楼污染指数'}">高楼污染指数</span></el-col>
+                    <el-col :span="24"><span @click="onIndicatorClick('plan-advice')" :class="{'active': currentIndicator === 'plan-advice'}">通风廊道规划建议</span></el-col>
+                    <el-col :span="24"><span @click="onIndicatorClick('pollution-indicator')" :class="{'active': currentIndicator === 'pollution-indicator'}">高楼污染指数</span></el-col>
+                </el-row>
+            </div>
+            <div class="menu-item" v-if="currentIndicator === 'plan-advice'">
+                <h2 class="tip">产品选择</h2>
+                <el-row :gutter="12">
+                    <el-col :span="24"><span @click="onProductClick('control-experiment')" :class="{'active': currentProduct === 'control-experiment'}">控制实验</span></el-col>
+                    <el-col :span="24"><span @click="onProductClick('product-influence')" :class="{'active': currentProduct === 'product-influence'}">通风廊道的影响</span></el-col>
+                    <el-col :span="24"><span @click="onProductClick('product-experiment')" :class="{'active': currentProduct === 'product-experiment'}">通风廊道试验</span></el-col>
                 </el-row>
             </div>
         </div>
-        <div class="container panel">
+        <div class="container panel decision-container">
             <span class="save-btn"><img src="/images/save.png" /></span>
             
-            <div class="picture-view advice-picture-view" v-if="currentIndicator === '通风廊道规划建议'">
-                <div class="picture">
-                    <h2 class="title">南京市潜在通风廊道</h2>
-                    <el-image
-                    src="/images/decision-support/通风廊道规划建议/通风廊道1.png"
-                    :preview-src-list="srcList"
-                    :initial-index="1"
-                    fit="contain"
-                    >
-                    </el-image>
-                </div>
-                <div class="picture">
-                    <h2 class="title">南京市通风廊道规划示意图</h2>
-                    <el-image
-                    src="/images/decision-support/通风廊道规划建议/通风廊道2.png"
-                    :preview-src-list="srcList"
-                    :initial-index="1"
-                    fit="contain"
-                    class="border"
-                    >
-                    </el-image>
-                </div>
-            </div>
-            <div class="picture-view indicator-picture-view" v-if="currentIndicator === '高楼污染指数'">
-                <h2 class="title">南京市高楼污染指数-PM2.5</h2>
-                <div class="picture-block">
-                    <div class="picture">
+            <div class="picture-view advice-picture-view" v-if="currentIndicator === 'plan-advice'">
+                <el-row :gutter="0">
+                    <el-col :span="8" v-for="(item, index) in items" :key="index">
+                        <h2 class="title">{{item.title}}</h2>
                         <el-image
-                        src="/images/decision-support/高楼污染指数/高楼污染指数1.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
+                        :src="item.imgUrl"
+                        :preview-src-list="item.preview"
+                        :initial-index="0"
                         fit="contain"
                         >
+                        <template #error>
+                                <div class="image-slot">
+                                    <img src="/images/null-picture.png" />
+                                </div>
+                                <p class="image-tip">暂无图片</p>
+                            </template>
                         </el-image>
-                    </div>
+                    </el-col>
+                </el-row>
+            </div>
+            <div class="picture-view indicator-picture-view" v-if="currentIndicator === 'pollution-indicator'">
+                <h2 class="title">高楼污染指数</h2>
+                <div class="picture-block">
                     <div class="picture">
                         <el-image
-                        src="/images/decision-support/高楼污染指数/高楼污染指数2.png"
-                        :preview-src-list="srcList"
+                        :src="indicatorImg"
+                        :preview-src-list="indicatorPreview"
                         :initial-index="1"
                         fit="contain"
                         >
@@ -65,58 +61,123 @@
 
 <script lang="ts">
     import { onMounted, reactive, toRefs } from 'vue';
-    import moment from "moment";
+    import * as Tiff from 'browser-tiff.js';
+    import { DecisionSupportConfig } from '../hooks/Config';
     
     export default {
         name: 'DecisionSupport',
         setup() {
             let options = reactive({
-                currentIndicator: '通风廊道规划建议',
-                srcList: ['/images/picture.png']
+                currentIndicator: 'plan-advice',
+                currentProduct: 'control-experiment',
+                items: [{
+                    title: '比湿',
+                    imgName: 'TFLD_Q2',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '风速和风向',
+                    imgName: 'TFLD_V10',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '降水',
+                    imgName: 'TFLD_RAIN',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '平均气温',
+                    imgName: 'TFLD_T2',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '最低温度',
+                    imgName: 'TFLD_TN',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '最高温度',
+                    imgName: 'TFLD_TX',
+                    imgUrl: '',
+                    preview: []
+                }],
+                indicatorImg: '/images/decision-support/pollution-indicator/pollution-indicator.png',
+                indicatorPreview: ['/images/decision-support/pollution-indicator/pollution-indicator.png']
+            })
+
+            onMounted(() => {
+                setImage(options.currentIndicator + '/' + options.currentProduct);
             })
 
             const onIndicatorClick = (indicator) => {
                 options.currentIndicator = indicator;
+
+                if(options.currentIndicator === 'plan-advice')
+                    setImage(options.currentIndicator + '/' + options.currentProduct);
+            }
+
+            const onProductClick = (product) => {
+                options.currentProduct = product;
+                setImage('plan-advice' + '/' + options.currentProduct);
+            }
+
+            const setImage = (type) => {
+                for(let index = 0; index < 6; index ++){
+                    initImage(type, options.items[index].imgName, index);
+                }
+            }
+
+            const initImage = (type, imgName, index) => {
+                var xhr = new XMLHttpRequest();
+                xhr.responseType = 'arraybuffer';
+                xhr.open('GET', DecisionSupportConfig.getUrl(type, imgName));
+                xhr.onload = function (e) {
+                    let tiff = new Tiff({buffer: xhr.response});
+                    let canvas = tiff.toCanvas();
+                    let image = new Image();
+                    image.src = canvas.toDataURL("image/png");
+                    options.items[index].imgUrl = image.src;
+                    options.items[index].preview = [image.src];
+                };
+                xhr.send();
             }
 
             return {
                 ...toRefs(options),
-                onIndicatorClick
+                onIndicatorClick,
+                onProductClick
             }
         }
     }
 </script>
 <style lang="less" scoped>
     .main {
-        .container {
+        .decision-container {
+            height: calc(~"100% - 0.6rem");
+            padding: 0.2rem 0 0.2rem 0.2rem;
             .save-btn {
                 top: 0.6rem;
                 right: 0.6rem;
             }
             .advice-picture-view {
+                width: 100%;
                 height: 100%;
                 display: flex;
-                align-items: center;
-                .picture {
-                    width: 7.98rem;
-                    height: auto;
-                    display: block;
+                :deep(.el-row) {
+                    width: 100%;
                     .title {
                         padding: 0;
-                        margin-bottom: 0.7rem;
+                        font-size: 0.22rem;
                     }
-                    .el-image {
-                        width: 99%;
-                        height: auto;
-                        margin: 0 auto;
-                        &.border {
-                            border: 1px solid #666666;
+                    .el-col {
+                        height: 46%;
+                        margin-top: 1%;
+                        text-align: center;
+                        .el-image {
+                            height: calc(~"100% - 0.4rem");
+                            margin-top: 0.1rem;
                         }
                     }
-
-                    &:last-of-type {
-                        width: 5.34rem;
-                    }
                 }
             }
             .indicator-picture-view {
diff --git a/04.系统编码/Frontend/src/components/RamanLidar.vue b/04.系统编码/Frontend/src/components/RamanLidar.vue
index 070d7aa..307c440 100644
--- a/04.系统编码/Frontend/src/components/RamanLidar.vue
+++ b/04.系统编码/Frontend/src/components/RamanLidar.vue
@@ -65,6 +65,12 @@
                         :initial-index="1"
                         fit="contain"
                         >
+                            <template #error>
+                                <div class="image-slot">
+                                    <img src="/images/null-picture.png" />
+                                </div>
+                                <p class="image-tip">暂无图片</p>
+                            </template>
                         </el-image>
                     </div>
                 </div>
diff --git a/04.系统编码/Frontend/src/components/SynergyEvaluation.vue b/04.系统编码/Frontend/src/components/SynergyEvaluation.vue
index 91677f9..36b3e2c 100644
--- a/04.系统编码/Frontend/src/components/SynergyEvaluation.vue
+++ b/04.系统编码/Frontend/src/components/SynergyEvaluation.vue
@@ -8,13 +8,13 @@
             植被分布对气候的影响
             <img src="/images/line.png" v-if="currentTab === 'plant-distribute'" />
         </div>
-        <div class="tab-item" @click="onTabClick('植被和气候要素变化趋势')" :class="{'active': currentTab === '植被和气候要素变化趋势'}">
+        <div class="tab-item" @click="onTabClick('element-change-trend')" :class="{'active': currentTab === 'element-change-trend'}">
             植被和气候要素变化趋势
-            <img src="/images/line.png" v-if="currentTab === '植被和气候要素变化趋势'" />
+            <img src="/images/line.png" v-if="currentTab === 'element-change-trend'" />
         </div>
-        <div class="tab-item" @click="onTabClick('植被和气候要素的监测')" :class="{'active': currentTab === '植被和气候要素的监测'}">
+        <div class="tab-item" @click="onTabClick('element-monitor')" :class="{'active': currentTab === 'element-monitor'}">
             植被和气候要素的监测
-            <img src="/images/line.png" v-if="currentTab === '植被和气候要素的监测'" />
+            <img src="/images/line.png" v-if="currentTab === 'element-monitor'" />
         </div>
     </div>
     <div class="main">
@@ -22,43 +22,43 @@
             <div class="menu-item" v-if="currentTab === 'plant-change' || currentTab === 'plant-distribute'">
                 <h2 class="tip">要素选择</h2>
                 <el-row :gutter="12">
-                    <el-col :span="24"><span @click="onElementClick('NDVI')" :class="{'active': currentElement === 'NDVI'}">NDVI</span></el-col>
-                    <el-col :span="24"><span @click="onElementClick('LAI')" :class="{'active': currentElement === 'LAI'}">LAI</span></el-col>
-                    <el-col :span="24"><span @click="onElementClick('EVI')" :class="{'active': currentElement === 'EVI'}">EVI</span></el-col>
+                    <el-col :span="24"><span @click="onElementClick('NDVI')" :class="{'active': currentElement === 'NDVI'}">归一化植被指数NDVI</span></el-col>
+                    <el-col :span="24"><span @click="onElementClick('LAI')" :class="{'active': currentElement === 'LAI'}">叶面积指数LAI</span></el-col>
+                    <el-col :span="24"><span @click="onElementClick('EVI')" :class="{'active': currentElement === 'EVI'}">增强植被指数EVI</span></el-col>
                 </el-row>
             </div>
-            <div class="menu-item" v-if="currentTab === '植被和气候要素变化趋势' || currentTab === '植被和气候要素的监测'">
+            <div class="menu-item" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'">
                 <h2 class="tip">要素选择</h2>
                 <el-row :gutter="12">
-                    <el-col :span="24"><span @click="onCategoryClick('地表温度LST')" :class="{'active': currentCategory === '地表温度LST'}">地表温度LST</span></el-col>
-                    <el-col :span="24"><span @click="onCategoryClick('叶面积指数LAI')" :class="{'active': currentCategory === '叶面积指数LAI'}">叶面积指数LAI</span></el-col>
-                    <el-col :span="24"><span @click="onCategoryClick('增强植被指数EVI')" :class="{'active': currentCategory === '增强植被指数EVI'}">增强植被指数EVI</span></el-col>
-                    <el-col :span="24"><span @click="onCategoryClick('归一化植被指数NDVI')" :class="{'active': currentCategory === '归一化植被指数NDVI'}">归一化植被指数NDVI</span></el-col>
-                    <el-col :span="24"><span @click="onCategoryClick('反照率Albedo')" :class="{'active': currentCategory === '反照率Albedo'}">反照率Albedo</span></el-col>
-                    <el-col :span="24"><span @click="onCategoryClick('蒸散发Evapotranspiration')" :class="{'active': currentCategory === '蒸散发Evapotranspiration'}">蒸散发Evapotranspiration</span></el-col>
-                    <el-col :span="24" v-if="currentTab === '植被和气候要素的监测'"><span @click="onCategoryClick('土地覆盖类型')" :class="{'active': currentCategory === '土地覆盖类型'}">土地覆盖类型</span></el-col>
+                    <el-col :span="24"><span @click="onCategoryClick('LST')" :class="{'active': currentCategory === 'LST'}">地表温度LST</span></el-col>
+                    <el-col :span="24"><span @click="onCategoryClick('LAI')" :class="{'active': currentCategory === 'LAI'}">叶面积指数LAI</span></el-col>
+                    <el-col :span="24"><span @click="onCategoryClick('EVI')" :class="{'active': currentCategory === 'EVI'}">增强植被指数EVI</span></el-col>
+                    <el-col :span="24"><span @click="onCategoryClick('NDVI')" :class="{'active': currentCategory === 'NDVI'}">归一化植被指数NDVI</span></el-col>
+                    <el-col :span="24"><span @click="onCategoryClick('Albedo')" :class="{'active': currentCategory === 'Albedo'}">反照率Albedo</span></el-col>
+                    <el-col :span="24"><span @click="onCategoryClick('Evapotranspiration')" :class="{'active': currentCategory === 'Evapotranspiration'}">蒸散发Evapotranspiration</span></el-col>
+                    <el-col :span="24" v-if="currentTab === 'element-monitor'"><span @click="onCategoryClick('土地覆盖类型')" :class="{'active': currentCategory === '土地覆盖类型'}">土地覆盖类型</span></el-col>
                 </el-row>
             </div>
-            <div class="menu-item" v-if="currentTab === '植被和气候要素的监测'">
+            <div class="menu-item" v-if="currentTab === 'element-monitor'">
                 <h2 class="tip">时间点选择</h2>
                 <el-row :gutter="12">
-                    <el-col :span="24"><span @click="onTimeClick('地表温度（01:30）')" :class="{'active': currentTime === '地表温度（01:30）'}">地表温度（01:30）</span></el-col>
-                    <el-col :span="24"><span @click="onTimeClick('地表温度（10:30）')" :class="{'active': currentTime === '地表温度（10:30）'}">地表温度（10:30）</span></el-col>
-                    <el-col :span="24"><span @click="onTimeClick('地表温度（13:30）')" :class="{'active': currentTime === '地表温度（13:30）'}">地表温度（13:30）</span></el-col>
-                    <el-col :span="24"><span @click="onTimeClick('地表温度（13:30）')" :class="{'active': currentTime === '地表温度（22:30）'}">地表温度（22:30）</span></el-col>
+                    <el-col :span="24"><span @click="onTimeClick('time0130')" :class="{'active': currentTime === 'time0130'}">地表温度（01:30）</span></el-col>
+                    <el-col :span="24"><span @click="onTimeClick('time1030')" :class="{'active': currentTime === 'time1030'}">地表温度（10:30）</span></el-col>
+                    <el-col :span="24"><span @click="onTimeClick('time1330')" :class="{'active': currentTime === 'time1330'}">地表温度（13:30）</span></el-col>
+                    <el-col :span="24"><span @click="onTimeClick('time2230')" :class="{'active': currentTime === 'time2230'}">地表温度（22:30）</span></el-col>
                 </el-row>
             </div>
         </div>
         <div class="container panel synergy-container">
             <span class="save-btn"><img src="/images/save.png" /></span>
-            <div class="element-select" v-if="currentTab === '植被和气候要素变化趋势' || currentTab === '植被和气候要素的监测'">
-                <div class="surface-temperature" v-if="currentTab === '植被和气候要素变化趋势'">
-                    <span @click="onSurfaceTemperatureClick('地表温度（01:30）')" :class="{'active': currentSurfaceTemperatureTime === '地表温度（01:30）'}">地表温度（01:30）</span>
-                    <span @click="onSurfaceTemperatureClick('地表温度（10:30）')" :class="{'active': currentSurfaceTemperatureTime === '地表温度（10:30）'}">地表温度（10:30）</span>
-                    <span @click="onSurfaceTemperatureClick('地表温度（13:30）')" :class="{'active': currentSurfaceTemperatureTime === '地表温度（13:30）'}">地表温度（13:30）</span>
-                    <span @click="onSurfaceTemperatureClick('地表温度（22:30）')" :class="{'active': currentSurfaceTemperatureTime === '地表温度（22:30）'}">地表温度（22:30）</span>
+            <div class="element-select" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'">
+                <div class="surface-temperature" v-if="currentTab === 'element-change-trend'">
+                    <span @click="onSurfaceTemperatureClick('time0130')" :class="{'active': currentSurfaceTemperatureTime === 'time0130'}">地表温度（01:30）</span>
+                    <span @click="onSurfaceTemperatureClick('time1030')" :class="{'active': currentSurfaceTemperatureTime === 'time1030'}">地表温度（10:30）</span>
+                    <span @click="onSurfaceTemperatureClick('time1330')" :class="{'active': currentSurfaceTemperatureTime === 'time1330'}">地表温度（13:30）</span>
+                    <span @click="onSurfaceTemperatureClick('time2230')" :class="{'active': currentSurfaceTemperatureTime === 'time2230'}">地表温度（22:30）</span>
                 </div>
-                <div class="surface-temperature" v-if="currentTab === '植被和气候要素的监测'">
+                <div class="surface-temperature" v-if="currentTab === 'element-monitor'">
                     <span @click="onYearClick('2000')" :class="{'active': currentYear === '2000'}">2000</span>
                     <span @click="onYearClick('2001')" :class="{'active': currentYear === '2001'}">2001</span>
                     <span @click="onYearClick('2002')" :class="{'active': currentYear === '2002'}">2002</span>
@@ -80,181 +80,44 @@
                     <span @click="onYearClick('2018')" :class="{'active': currentYear === '2018'}">2018</span>
                     <span @click="onYearClick('2019')" :class="{'active': currentYear === '2019'}">2019</span>
                     <span @click="onYearClick('2020')" :class="{'active': currentYear === '2020'}">2020</span>
-                    <span @click="onYearClick('多年平均值2000-2020')" :class="{'active': currentYear === '多年平均值2000-2020'}">多年平均值2000-2020</span>
+                    <span @click="onYearClick('multi-years')" :class="{'active': currentYear === 'multi-years'}">多年平均值2000-2020</span>
                 </div>
             </div>
             <div class="picture-view synergy-picture-view" v-if="currentTab === 'plant-change' || currentTab === 'plant-distribute'">
                 <el-row :gutter="0">
-                    <el-col :span="8">
-                        <h2 class="title">地表温度（01:30）</h2>
+                    <el-col :span="8" v-for="(item, index) in items" :key="index">
+                        <h2 class="title">{{item.title}}</h2>
                         <el-image
-                        :src="imgUrl"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="8">
-                        <h2 class="title">地表温度（10:30）</h2>
-                        <el-image
-                        src="/images/picture2.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="8">
-                        <h2 class="title">地表温度（13:30）</h2>
-                        <el-image
-                        src="/images/picture1.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="8">
-                        <h2 class="title">地表温度（22:30）</h2>
-                        <el-image
-                        src="/images/picture1.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="8">
-                        <h2 class="title">反照率</h2>
-                        <el-image
-                        src="/images/picture1.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="8">
-                        <h2 class="title">蒸散发</h2>
-                        <el-image
-                        src="/images/picture1.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
+                        :src="item.imgUrl"
+                        :preview-src-list="item.preview"
+                        :initial-index="0"
                         fit="contain"
                         >
+                            <template #error>
+                                <div class="image-slot">
+                                    <img src="/images/null-picture.png" />
+                                </div>
+                                <p class="image-tip">暂无图片</p>
+                            </template>
                         </el-image>
                     </el-col>
                 </el-row>
             </div>
-            <div class="picture-view multi-picture-view" v-if="currentTab === '植被和气候要素变化趋势' || currentTab === '植被和气候要素的监测'">
+            <div class="picture-view multi-picture-view" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'">
                 <el-row :gutter="0">
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
+                    <el-col :span="4" v-for="(item, index) in trendItems" :key="index">
                         <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
-                        fit="contain"
-                        >
-                        </el-image>
-                    </el-col>
-                    <el-col :span="4">
-                        <el-image
-                        src="/images/picture3.png"
-                        :preview-src-list="srcList"
-                        :initial-index="1"
+                        :src="item.imgUrl"
+                        :preview-src-list="item.preview"
+                        :initial-index="0"
                         fit="contain"
                         >
+                        <template #error>
+                                <div class="image-slot">
+                                    <img src="/images/null-picture.png" />
+                                </div>
+                                <p class="image-tip">暂无图片</p>
+                            </template>
                         </el-image>
                     </el-col>
                 </el-row>
@@ -275,38 +138,106 @@
             let options = reactive({
                 currentTab: 'plant-change',
                 currentElement: 'NDVI',
-                currentCategory: '地表温度LST',
-                currentTime: '地表温度（01:30）',
+                currentCategory: 'LST',
+                currentTime: 'time0130',
                 currentYear: '2000',
-                currentSurfaceTemperatureTime: '地表温度（01:30）',
+                currentSurfaceTemperatureTime: 'time0130',
                 srcList: [],
                 imgUrl: null,
                 imgUrls: [],
                 items: [{
-                    //'地表温度（10:30）', '地表温度（13:30）', '地表温度（22:30）', '反照率', '蒸散发',
                     title: '地表温度（01:30）',
-                    type: 'temperature0130'
+                    type: 'temperature0130',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '地表温度（10:30）',
+                    type: 'temperature1030',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '地表温度（13:30）',
+                    type: 'temperature1330',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '地表温度（22:30）',
+                    type: 'temperature2230',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '反照率',
+                    type: 'albedo',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    title: '蒸散发',
+                    type: 'evaporation',
+                    imgUrl: '',
+                    preview: []
+                }],
+                trendItems: [{
+                    type: 'month_01',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_02',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_03',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_04',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_05',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_06',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_07',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_08',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_09',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_10',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_11',
+                    imgUrl: '',
+                    preview: []
+                }, {
+                    type: 'month_12',
+                    imgUrl: '',
+                    preview: []
                 }]
             })
 
             onMounted(() => {
-                setImage();
+                setImage(6, options.items, options.currentElement);
             })
 
-            const setImage = () => {
-                initImage(options.currentTab, options.currentElement, 'temperature0130');
-                initImage(options.currentTab, options.currentElement, 'temperature1030');
-                initImage(options.currentTab, options.currentElement, 'temperature1330');
-                initImage(options.currentTab, options.currentElement, 'temperature2230');
-                initImage(options.currentTab, options.currentElement, 'albedo');
-                initImage(options.currentTab, options.currentElement, 'evaporation');
-
-                for (let i = 0; i < options.items.length; i++) {
-                    initImage(options.currentTab, options.currentElement, 'temperature0130');
+            const setImage = (number, values, element) => {
+                for(let index = 0; index < number; index ++){
+                    initImage(options.currentTab, element, values[index].type, index, values);
                 }
             }
 
-            const initImage = (tabName, elementName, type) => {
+            const initImage = (tabName, elementName, type, index, values) => {
                 var xhr = new XMLHttpRequest();
                 xhr.responseType = 'arraybuffer';
                 xhr.open('GET', SynergyEvaluationConfig.getUrl(tabName, elementName, type));
@@ -315,22 +246,34 @@
                     let canvas = tiff.toCanvas();
                     let image = new Image();
                     image.src = canvas.toDataURL("image/png");
-                    options.imgUrl = image.src;
-                    options.srcList = [image.src];
+                    values[index].imgUrl = image.src;
+                    values[index].preview = [image.src];
                 };
                 xhr.send();
             }
             
             const onTabClick = (name) => {
                 options.currentTab = name;
+
+                if(options.currentTab === 'plant-change' || options.currentTab === 'plant-distribute')
+                    setImage(6, options.items, options.currentElement);
+                else if(options.currentTab === 'element-change-trend')
+                    setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
+                else 
+                    setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
             }
 
             const onElementClick = (element) => {
                 options.currentElement = element;
+                setImage(6, options.items, options.currentElement);
             }
 
             const onCategoryClick = (category) => {
                 options.currentCategory = category;
+                if(options.currentTab === 'element-change-trend')
+                    setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
+                else 
+                    setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
             }
 
             const onTimeClick = (time) => {
@@ -339,10 +282,12 @@
 
             const onSurfaceTemperatureClick = (value) => {
                 options.currentSurfaceTemperatureTime = value;
+                setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
             }
 
             const onYearClick = (year) => {
                 options.currentYear = year;
+                setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
             }
 
             return {
@@ -363,9 +308,11 @@
             height: calc(~"100% - 0.6rem");
             padding: 0.2rem 0 0.2rem 0.2rem;
             .synergy-picture-view {
+                width: 100%;
                 height: 100%;
                 display: flex;
                 :deep(.el-row) {
+                    width: 100%;
                     .title {
                         padding: 0;
                         font-size: 0.22rem;
@@ -394,6 +341,7 @@
                             height: 100%;
                             display: flex;
                             align-items: center;
+                            flex-direction: column;
                         }
 
                         &:nth-of-type(6n) {
diff --git a/04.系统编码/Frontend/src/hooks/Config.ts b/04.系统编码/Frontend/src/hooks/Config.ts
index 7ea211b..5b1fd2c 100644
--- a/04.系统编码/Frontend/src/hooks/Config.ts
+++ b/04.系统编码/Frontend/src/hooks/Config.ts
@@ -22,10 +22,13 @@ export class RamanLidarConfig {
 }
 
 export class SynergyEvaluationConfig {
-    public static url: string = "/images/ecological-environment/111.tif";
-
     public static getUrl(tabName: string, elementName: string, type: string): string {
         return format('/images/ecological-environment/{0}/{1}/{2}.tif', tabName, elementName, type)
-        //return this.url+ '/' + station + '/' + type + '/' + time.format("YYYY/YYYYMM/YYYYMMDD/YYYYMMDDHHmmss.png");
+    }
+}
+
+export class DecisionSupportConfig {
+    public static getUrl(productName: string, imgName: string): string {
+        return format('/images/decision-support/{0}/{1}.tif', productName, imgName)
     }
 }
\ No newline at end of file
diff --git a/04.系统编码/Frontend/src/index.less b/04.系统编码/Frontend/src/index.less
index 72707aa..1b32064 100644
--- a/04.系统编码/Frontend/src/index.less
+++ b/04.系统编码/Frontend/src/index.less
@@ -407,27 +407,6 @@ img {
                         max-width: 100%;
                         margin: 0 auto;
                     }
-
-                    .image-slot {
-                        width: 1.5rem;
-                        height: 1.5rem;
-                        margin: 1rem auto 0 auto;
-                        text-align: center;
-                        display: flex;
-                        align-items: center;
-                        background: #F7F8FA;
-
-                        img {
-                            width: 0.8rem;
-                            height: 0.8rem;
-                            margin: 0 auto;
-                        }
-                    }
-
-                    .image-tip {
-                        text-align: center;
-                        margin-top: 10px;
-                    }
                 }
 
                 .el-image-viewer__mask {
@@ -442,6 +421,27 @@ img {
             }
         }
 
+        .image-slot {
+            width: 1.5rem;
+            height: 1.5rem;
+            margin: 1rem auto 0 auto;
+            text-align: center;
+            display: flex;
+            align-items: center;
+            background: #F7F8FA;
+
+            img {
+                width: 0.8rem;
+                height: 0.8rem;
+                margin: 0 auto;
+            }
+        }
+
+        .image-tip {
+            text-align: center;
+            margin-top: 10px;
+        }
+
         .save-btn {
             width: 0.26rem;
             cursor: pointer;