diff --git a/04.系统编码/Frontend/.idea/runConfigurations.xml b/04.系统编码/Frontend/.idea/runConfigurations.xml
new file mode 100644
index 0000000..797acea
--- /dev/null
+++ b/04.系统编码/Frontend/.idea/runConfigurations.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RunConfigurationProducerService">
+    <option name="ignoredProducers">
+      <set>
+        <option value="com.android.tools.idea.compose.preview.runconfiguration.ComposePreviewRunConfigurationProducer" />
+      </set>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
index 18404db..e4cbeee 100644
--- a/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
+++ b/04.系统编码/Frontend/src/components/MicrowaveRadiation.vue
@@ -107,8 +107,8 @@
 <!--              @change="onchangeSeason"-->
 <!--              active-value="1"-->
 <!--              inactive-value="2"-->
-<!--              active-text="普通"-->
-<!--              inactive-text="特殊"-->
+<!--              active-text="夏"-->
+<!--              inactive-text="冬"-->
 <!--          />-->
           <div class="picture special-picture">
             <h2 class="title">质控前</h2>
@@ -882,7 +882,7 @@ export default {
                 '#FEA61B', '#FDED2A', '#C1FE46', '#7AFD86',
                 '#2BFDCD', '#05E6FD', '#14A0FA', '#1B5AFB',
                 '#1C1FF9', '#1310C4', '#09067C'],
-              [999, 15, 12, 11, 9, 7, 5, 3, 1, -1, -3, -5, -7, -9, -11, -999]
+              [999, -5, -7, -9, -11, -13, -15, -17, -19, -21, -23, -25, -27, -29, -31, -999]
           );
         default:
           throw new Error("无效的type类型");
diff --git a/04.系统编码/Frontend/src/components/RamanLidar.vue b/04.系统编码/Frontend/src/components/RamanLidar.vue
index 5713f8d..1b32e52 100644
--- a/04.系统编码/Frontend/src/components/RamanLidar.vue
+++ b/04.系统编码/Frontend/src/components/RamanLidar.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="tabs">
-    <div :class="{'active': currentTab === 'MWR'}" class="tab-item" @click="onTabClick('MWR')">
+    <div :class="{'active': currentTab === 'MWR'}" class="tab-item"
+         @click="onTabClick('MWR')">
       质控对比
       <img v-if="currentTab === 'MWR'" src="/images/line.png"/>
     </div>
@@ -14,7 +15,8 @@
       光学特性
       <img v-if="currentTab === 'optical-property'" src="/images/line.png"/>
     </div>
-    <div :class="{'active': currentTab === 'aerosol-product'}" class="tab-item" @click="onTabClick('aerosol-product')">
+    <div :class="{'active': currentTab === 'aerosol-product'}" class="tab-item"
+         @click="onTabClick('aerosol-product')">
       气溶胶产品
       <img v-if="currentTab === 'aerosol-product'" src="/images/line.png"/>
     </div>
@@ -153,7 +155,8 @@
           </div>
 
           <div class="picture">
-            <h2 class="title">云顶高度</h2>
+            <h2 class="title">
+              云顶高度</h2>
             <div id="cloudTopHeight" style="width: 650px;height: 450px" v-loading="loadingCloudTopHeightStatus"
                  custom-class="loading" element-loading-text="加载中"></div>
           </div>
@@ -248,8 +251,8 @@ export default {
       currentRegion: 'jn',
       currentElement: 'PBLH',
       currentType: '边界层高度',
-      // date: moment('2022-04-01 12:00:00').format('YYYY-MM-DD HH:mm:ss'),
-      date: moment().format('YYYY-MM-DD HH:mm:ss'),
+      date: moment('2022-04-01 12:00:00').format('YYYY-MM-DD HH:mm:ss'),
+      // date: moment().format('YYYY-MM-DD HH:mm:ss'),
       times: [],
       currentTime: null,
       downloadImgUrl: '/images/default-picture.png',
@@ -332,8 +335,8 @@ export default {
     const LidarRatioInit = () => {
       creates.LidarRatio = new HighChartCreate('LidarRatio');
       creates.LidarRatio.setChart();
-      creates.LidarRatio.setSpecialXAxis('', 120, 0, 20);
-      creates.LidarRatio.setYAxis('高度(米)', 12000, 0, 2000, 7);
+      creates.LidarRatio.setSpecialXAxis('sr', 120, 0, 20);
+      creates.LidarRatio.setYAxis('高度(米)', 3000, 0, 500, 7);
       creates.LidarRatio.setLegend();
       creates.LidarRatio.setTooltip('高度: {point.y}');
       for (let i = 0; i < 24; i++) {
@@ -506,7 +509,7 @@ export default {
         creates.pm2Point5Drawer.close();
       }
       let matrix = converCloudRecognition(201, result, 'pm2_5');
-      creates.pm2Point5Drawer = new HeatMapDrawer(800, 600, matrix, "pm2_5_chart",'', 'PM2_5');
+      creates.pm2Point5Drawer = new HeatMapDrawer(800, 600, matrix, "pm2_5_chart",'μg/m³', 'PM2_5');
       creates.pm2Point5Drawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 1000, 2000, 3000], true, true));
       creates.pm2Point5Drawer.setColorChart(preparePmColors());
       creates.pm2Point5Drawer.draw();
@@ -521,7 +524,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(201, result, 'pm10');
-      creates.pm10Drawer = new HeatMapDrawer(800, 600, matrix, "pm10_chart", '', 'PM10');
+      creates.pm10Drawer = new HeatMapDrawer(800, 600, matrix, "pm10_chart", 'μg/m³', 'PM10');
       creates.pm10Drawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 1000, 2000, 3000], true, true));
       creates.pm10Drawer.setColorChart(preparePmColors());
       creates.pm10Drawer.draw();
@@ -537,7 +540,6 @@ export default {
     const drawLidarRatioCharts = (result: CustomeArray<any>) => {
       if (result.length != 24) return;
       const data = LidarRatioPrepareChartData(result);
-
       for (let i = 0; i < 24; i++) {
         creates.LidarRatio.updateSeries(i, data[i]);
       }
@@ -610,20 +612,22 @@ export default {
       result.forEach(item => {
         if (item.data == null) {
           let temp = [];
-          for (let i = 0; i < 801; i++) {
+          for (let i = 0; i < 201; i++) {
             temp.push([NaN])
           }
           item.data = temp
         }
-        item.data.forEach((item, index) => {
+        let newData = item.data.slice(0,201)
+        newData.forEach((item, index) => {
           prepareData.push([item[0], index * 15])
         })
       })
       let results = [];
-      for (let i = 0; i < prepareData.length; i+= 801) {
-        results.push(prepareData.slice(i, i + 801))
+      for (let i = 0; i < prepareData.length; i+= 201) {
+        results.push(prepareData.slice(i, i + 201))
       }
       return results;
+
     }
 
     const preparePmColors = () => {
@@ -656,7 +660,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(801, result, 'extinctionOptics');
-      creates.opticsExtinctionDrawer = new HeatMapDrawer(800, 600, matrix, "extinction_optics_chart",'/km');
+      creates.opticsExtinctionDrawer = new HeatMapDrawer(800, 600, matrix, "extinction_optics_chart",'/km/sr');
       creates.opticsExtinctionDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
       creates.opticsExtinctionDrawer.setColorChart(prepareExtinctionnColors());
       creates.opticsExtinctionDrawer.draw();
@@ -671,7 +675,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(101, result, 'singleWatervapor');
-      creates.singleWatervaporDrawer = new HeatMapDrawer(800, 600, matrix, "watervapor_single_chart");
+      creates.singleWatervaporDrawer = new HeatMapDrawer(800, 600, matrix, "watervapor_single_chart",' g/g');
       creates.singleWatervaporDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 500, 1000, 1500], true, true));
       creates.singleWatervaporDrawer.setColorChart(prepareWatervaporColors());
       creates.singleWatervaporDrawer.draw();
@@ -686,7 +690,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(101, result, 'watervapor');
-      creates.watervaporDrawer = new HeatMapDrawer(800, 600, matrix, "watervapor_chart");
+      creates.watervaporDrawer = new HeatMapDrawer(800, 600, matrix, "watervapor_chart",'g/g');
       creates.watervaporDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 500, 1000, 1500], true, true));
       creates.watervaporDrawer.setColorChart(prepareWatervaporColors());
       creates.watervaporDrawer.draw();
@@ -708,7 +712,7 @@ export default {
       }
 
       let matrix = converCloudRecognition(801, result, 'extinction');
-      creates.extinctionDrawer = new HeatMapDrawer(800, 600, matrix, "extinction_chart", '/km');
+      creates.extinctionDrawer = new HeatMapDrawer(800, 600, matrix, "extinction_chart", '/km/sr');
       creates.extinctionDrawer.setAxis(new CoordinateScale(options.timeArray), new CoordinateScale([0, 2000, 4000, 6000, 8000, 10000, 12000], true, true));
       creates.extinctionDrawer.setColorChart(prepareExtinctionnColors());
       creates.extinctionDrawer.draw();
@@ -856,7 +860,6 @@ export default {
       if (name === 'boundary-layer-height') {
 
       } else if (name === 'optical-property') {
-
         opticalThicknessInit()
       } else if (name === 'aerosol-product') {
         LidarRatioInit()
@@ -870,10 +873,10 @@ export default {
     //区域切换
     const onRegionClick = (region) => {
       options.currentRegion = region;
-      reloadChangeData()
-      // cancelActive();
-      // setTitle(moment(options.date));
-      // activeImage();
+      setTimeout(() => {
+        initEcharts(options.currentRegion)
+        reloadChangeData()
+      }, 500)
     }
 
     //要素选择
@@ -1246,11 +1249,11 @@ export default {
         }
 
         #pm2_5_chart {
-          transform: scale(0.7, 0.45) translate(-236px, 417px);
+          transform: scale(0.7, 0.43) translate(-236px, 417px);
         }
 
         #pm10_chart {
-          transform: scale(0.7, 0.45) translate(-236px, -338px);
+          transform: scale(0.7, 0.43) translate(-236px, -393px);
 
         }
 
diff --git a/04.系统编码/Frontend/src/model/heat-map-drawer.ts b/04.系统编码/Frontend/src/model/heat-map-drawer.ts
index 9d50ce1..8597ca8 100644
--- a/04.系统编码/Frontend/src/model/heat-map-drawer.ts
+++ b/04.系统编码/Frontend/src/model/heat-map-drawer.ts
@@ -16,7 +16,7 @@ export class HeatMapDrawer{
     private readonly paddingLeft: number = 150;
     private readonly paddingRight: number = 100;
     private readonly paddingTop: number = 60;
-    private readonly paddingBottom: number = 100;
+    private readonly paddingBottom: number = 120;
     private colorChart: ColorChart = null;
     private values: any = null;
 
@@ -306,7 +306,7 @@ export class HeatMapDrawer{
             this.canvasContext.stroke();
 
             if (true){
-                this.canvasContext.font = "normal 15px Verdana";
+                this.canvasContext.font = "normal 18px Verdana";
                 this.canvasContext.fillStyle = "#000000";
                 this.canvasContext.fillText(this.xAxis.scales[index], _x -  this.canvasContext.measureText(this.xAxis.scales[index]).width / 2, startY + this.verticalScaleLine + this.borderHeight + 36);
             }