fix: 修改指令中心部分样式

web_ui/src/views/DataIntelligentAnalysis.vue

@@ -2,100 +2,103 @@
   <div class="data-lligent">
     <div class="content">
       <ai
-        class="right"
-        :zblb_f="zblb_f"
-        :zblb_s="zblb_s"
-        v-if="index == 0 || index == 1 || index == 2"
+          class="right"
+          :zblb_f="zblb_f"
+          :zblb_s="zblb_s"
+          v-if="index == 0 || index == 1 || index == 2"
       ></ai>
       <gdfxyc-v-3 v-if="index == 3" class="right m"></gdfxyc-v-3>
     </div>
   </div>
 </template>
 <script>
-import Top from "@/components/Top";
-import Ai from "@/components/Ai";
-import GdfxycV3 from "./GdfxycV3.vue";
+import Top from '@/components/Top'
+import Ai from '@/components/Ai'
+import GdfxycV3 from './GdfxycV3.vue'
 
 export default {
   components: {
     Top,
     Ai,
-    GdfxycV3,
+    GdfxycV3
   },
   data() {
     return {
       permission: false,
       zblb_f: [],
       zblb_s: [],
-      unit: "亩",
+      unit: '亩',
       index: 0,
       settings: {
-        maxScrollbarLength: 60,
+        maxScrollbarLength: 60
       },
       zblb_dcjc: [
         {
-          name: "土地利用现状分析",
-          desc: "请分析2022年全国土地利用现状，并绘制一级地类的占比图。",
+          name: '土地利用现状分析',
+          desc: '请分析2022年全国土地利用现状，并绘制一级地类的占比图。'
         },
         {
-          name: "耕地总体情况分析",
-          desc: "请分析2022年全国耕地总体情况，并绘制各省级的对比图。",
+          name: '耕地总体情况分析',
+          desc: '请分析2022年全国耕地总体情况，并绘制各省级的对比图。'
         },
         {
-          name: "湿地总体情况分析",
-          desc: "请分析2022年浙江省湿地总体情况，并绘制各地级市对比图。",
+          name: '湿地总体情况分析',
+          desc: '请分析2022年浙江省湿地总体情况，并绘制各地级市对比图。'
         },
         {
-          name: "耕地变化情况分析",
-          desc: "自2019年以来，全国耕地总量的变化情况，并绘制趋势图。",
-        },
+          name: '耕地变化情况分析',
+          desc: '自2019年以来，全国耕地总量的变化情况，并绘制趋势图。'
+        }
       ],
       zblb_s_dcjc: [
         {
-          name: "区域耕地变化分析",
-          desc: "请分析浙江省近几年耕地总量变化情况，并绘制趋势图。",
+          name: '区域耕地变化分析',
+          desc: '请分析浙江省近几年耕地总量变化情况，并绘制趋势图。'
         },
         {
-          name: "耕地结构分析",
-          desc: "请分析2022年浙江省耕地总量，并按二级类进行分类分析。",
+          name: '耕地结构分析',
+          desc: '请分析2022年浙江省耕地总量，并按二级类进行分类分析。'
         },
         {
-          name: "区域耕地同比分析",
-          desc: "请分析自2020年以来浙江省耕地同比变化情况。",
+          name: '区域耕地同比分析',
+          desc: '请分析自2020年以来浙江省耕地同比变化情况。'
         },
         {
-          name: "区域地类分析",
-          desc: "请分析2019-2022年浙江省红树林地的变化情况，并生成趋势图。",
-        },
+          name: '区域地类分析',
+          desc: '请分析2019-2022年浙江省红树林地的变化情况，并生成趋势图。'
+        }
       ],
-      permission: false,
-    };
+      permission: false
+    }
   },
   mounted() {
-    this.index = 0;
-    this.zblb_f = this.zblb_dcjc;
-    this.zblb_s = this.zblb_s_dcjc;
-  },
-  methods: {
+    this.index = 0
+    this.zblb_f = this.zblb_dcjc
+    this.zblb_s = this.zblb_s_dcjc
   },
-};
+  methods: {}
+}
 </script>
 <style lang="scss" scoped>
 .data-lligent {
   width: 100%;
   height: 100%;
   display: flex;
+  background: linear-gradient(180deg, #F0F8FF 0%, #FAFCFF 34%, #FFFFFF 100%);
+
   .content {
-    width: 100%;
+    width: 1000px;
     height: 100%;
+    margin: 0 auto;
+
     .right {
       border-top: 1px solid #e8e8e8;
       width: 100%;
       padding: 43px 20px 0px 20px;
-      background: #eff6ff;
       position: relative;
       height: 100%;
     }
+
     .m {
       padding: 0px 0px 0px 0px;
     }