样式与逻辑的修改,打包报错的更新

src/components/mapView/range.vue

@@ -30,7 +30,10 @@
           >导入</el-button
         >
       </el-upload>
-      <div class="clear" @click="clearAll">清除</div>
+      <!-- <div class="clear" @click="clearAll">清除</div> -->
+      <el-button size="mini" @click="clearAll"
+          >清除</el-button>
+      
     </div>
   </div>
 </template>

src/views/ConstructionApplication3D/Layers/LayerTree.vue

@@ -1,203 +1,202 @@
 <template>
-    <div class="treePanel">
-        <el-tree ref="tree" default-expand-all :data="treeNodes" show-checkbox node-key="id"
-            :default-checked-keys="checkKeys" :props="defaultProps" @check-change="handleCheckChange"></el-tree>
-    </div>
+  <div class="treePanel">
+    <el-tree
+      ref="tree"
+      default-expand-all
+      :data="treeNodes"
+      show-checkbox
+      node-key="id"
+      :default-checked-keys="checkKeys"
+      :props="defaultProps"
+      @check-change="handleCheckChange"
+    ></el-tree>
+  </div>
 </template>
 <script>
-import { forEach } from 'lodash';
+import { forEach } from "lodash";
 export default {
-    name: "LayerTree",
-    data() {
-        return {
-            defaultProps: {
-                children: 'children',
-                label: 'label'
-            },
-            treeNodes: [
-                // {
-                //     id: 0,
-                //     label: '所有图层',
-                //     layerName: '',
-                //     children: [
-                //         {
-                //             id: 1,
-                //             label: '一山湖',
-                //             layerName: '一山湖'
-                //         },
-                //         {
-                //             id: 2,
-                //             label: '植被',
-                //             layerName: '植被'
-                //         },
-                //         {
-                //             id: 3,
-                //             label: '白天',
-                //             layerName: '白天'
-                //         },
-                //         {
-                //             id: 4,
-                //             label: '夜晚',
-                //             layerName: '夜晚'
-                //         },
-                //         {
-                //             id: 5,
-                //             label: '体育馆',
-                //             layerName: '体育馆'
-                //         },
-                //         {
-                //             id: 6,
-                //             label: '水系',
-                //             layerName: '水系'
-                //         },
-                //         {
-                //             id: 7,
-                //             label: '道路面',
-                //             layerName: '道路面'
-                //         }
-
-                //     ]
-                // },
-            ],
-            checkKeys: []
+  name: "LayerTree",
+  data() {
+    return {
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      treeNodes: [
+        // {
+        //     id: 0,
+        //     label: '所有图层',
+        //     layerName: '',
+        //     children: [
+        //         {
+        //             id: 1,
+        //             label: '一山湖',
+        //             layerName: '一山湖'
+        //         },
+        //         {
+        //             id: 2,
+        //             label: '植被',
+        //             layerName: '植被'
+        //         },
+        //         {
+        //             id: 3,
+        //             label: '白天',
+        //             layerName: '白天'
+        //         },
+        //         {
+        //             id: 4,
+        //             label: '夜晚',
+        //             layerName: '夜晚'
+        //         },
+        //         {
+        //             id: 5,
+        //             label: '体育馆',
+        //             layerName: '体育馆'
+        //         },
+        //         {
+        //             id: 6,
+        //             label: '水系',
+        //             layerName: '水系'
+        //         },
+        //         {
+        //             id: 7,
+        //             label: '道路面',
+        //             layerName: '道路面'
+        //         }
+        //     ]
+        // },
+      ],
+      checkKeys: [],
+    };
+  },
+
+  created() {
+    // debugger
+    this.initTreeNodes();
+  },
+  methods: {
+    /**
+     * 初始化图层树
+     */
+    initTreeNodes() {
+      var layer;
+      var that = this;
+      that.checkKeys = [];
+      that.treeNodes = window.layerTreeNodes;
+      this.treeNodes.forEach((node) => {
+        if (node.children && node.children.length > 0) {
+          node.children.forEach((child) => {
+            debugger;
+            layer = viewer.scene.layers.find(child.layerName);
+            if (layer) {
+              if (layer.visible === true) {
+                that.checkKeys.push(child.id);
+              }
+            }
+          });
         }
+      });
     },
-
-    created() {
-        // debugger
-        this.initTreeNodes()
+    handleNodeClick(data) {
+      console.log(data);
     },
-    methods: {
-        /**
-         * 初始化图层树
-         */
-        initTreeNodes() {
-
-            var layer;
-            var that = this;
-            that.checkKeys = [];
-            that.treeNodes = window.layerTreeNodes
-            this.treeNodes.forEach((node) => {
-
-                if (node.children && node.children.length > 0) {
-                    node.children.forEach((child) => {
-                        debugger
-                        layer = viewer.scene.layers.find(child.layerName)
-                        if (layer) {
-                            if (layer.visible === true) {
-                                that.checkKeys.push(child.id)
-                            }
-                        }
-                    })
-                }
-            })
-        },
-        handleNodeClick(data) {
-            console.log(data);
-        },
-        handleCheckChange(node, checkstate, children) {
-            var that = this
-            that.checkKeys = this.$refs.tree.getCheckedKeys();
-            var index = -1
-            var layer;
-            this.treeNodes.forEach((node) => {
-                if (node.children && node.children.length > 0) {
-                    node.children.forEach((child) => {
-                        index = that.checkKeys.findIndex(t => t == child.id)
-                        if (index > -1) {
-                            layer = viewer.scene.layers.find(child.layerName)
-                            if (layer)
-                                layer.visible = true;
-                        }
-                        else {
-                            layer = viewer.scene.layers.find(child.layerName)
-                            if (layer)
-                                layer.visible = false;
-                        }
-                    })
-                }
-            })
+    handleCheckChange(node, checkstate, children) {
+      var that = this;
+      that.checkKeys = this.$refs.tree.getCheckedKeys();
+      var index = -1;
+      var layer;
+      this.treeNodes.forEach((node) => {
+        if (node.children && node.children.length > 0) {
+          node.children.forEach((child) => {
+            index = that.checkKeys.findIndex((t) => t == child.id);
+            if (index > -1) {
+              layer = viewer.scene.layers.find(child.layerName);
+              if (layer) layer.visible = true;
+            } else {
+              layer = viewer.scene.layers.find(child.layerName);
+              if (layer) layer.visible = false;
+            }
+          });
         }
-    }
+      });
+    },
+  },
 };
 </script>
 <style lang="scss">
 @import "@/../../zt.scss";
-
 </style>
 <style scoped>
-
 .treePanel {
-    padding: 1rem;
-    height: 100%;
-    width: 100%;
+  padding: 1rem;
+  height: 100%;
+  width: 100%;
 }
 
 .el-tree {
-    position: relative;
-    cursor: default;
-    background: transparent;
-    color: #02a7f0;
+  position: relative;
+  cursor: default;
+  background: transparent;
+  color: #02a7f0;
 }
 
-.el-tree-node:focus>.el-tree-node__content {
-    background-color: #02f0dc8c;
+.el-tree-node:focus > .el-tree-node__content {
+  background-color: #02f0dc8c;
 }
 
 .el-tree-node is-expanded is-focusable {
-    background-color: #02f0dc8c;
-
+  background-color: #02f0dc8c;
 }
 
 .is-current {
-    background-color: #02f0dc8c;
+  background-color: #02f0dc8c;
 }
 
 .card_body_style {
-    border: 1px dashed #02a7f0;
+  border: 1px dashed #02a7f0;
 }
 
 .hover_style:hover {
-    border: 1px solid #02a7f0;
+  border: 1px solid #02a7f0;
 }
 
 .checkedState {
-    position: relative;
+  position: relative;
 }
 
 .status {
-    position: absolute;
-    right: 0;
-    top: 0;
-    // z-index: 2;
-    overflow: hidden;
-    // border-radius: 6px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  /* // z-index: 2; */
+  overflow: hidden;
+  /* // border-radius: 6px; */
 }
 
 .icon {
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: 2rem;
-    height: 2rem;
-    border: 8px;
-    background: #ffff80;
-    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
-    clip-path: polygon(100% 0, 0 0, 100% 100%);
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 2rem;
+  height: 2rem;
+  border: 8px;
+  background: #ffff80;
+  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
+  clip-path: polygon(100% 0, 0 0, 100% 100%);
 }
 
 .txts {
-    line-height: 2.6rem;
-    text-align: center;
-    transform: rotate(45deg);
-    transform-origin: center center;
-    color: #ec808c;
-    // font-size: 18px;
+  line-height: 2.6rem;
+  text-align: center;
+  transform: rotate(45deg);
+  transform-origin: center center;
+  color: #ec808c;
+  /* // font-size: 18px; */
 }
 
 /* 带圆角的话这个status 和 txts的宽度/宽度 是要比icon的宽度/高度小的,效果可以自己慢慢调 */
 .ce {
-    width: 4rem;
-    height: 4rem;
+  width: 4rem;
+  height: 4rem;
 }
 </style>

src/views/siteselection/components/fzxz.vue

@@ -473,17 +473,8 @@ export default {
       }),
         this.$refs.ruleForm.resetFields();
     },
-
     // 影响因子条件展示
     yztj(val) {
-      // switch (val) {
-      //   case 'C':
-      //     return ''
-      //     break;
-
-      //   default:
-      //     break;
-      // }
       if (val == "identity") {
         return "范围内";
       } else if (val == "n_identity") {
@@ -495,7 +486,6 @@ export default {
       }
     },
     yzpz() {
-      // this.dialogVisible = true;
       this.$refs.yxyzPop.dialogVisible = true;
     },
   },

src/views/siteselection/components/xzjg.vue

@@ -3,17 +3,10 @@
     <div>项目名称:选址结果</div>
     <div class="box-sizing" style="height: 47%; width: 100%">
       <div class="title block-title">
-        <!-- <span class="block-title"
-          >意向地块{{ bgList ? bgList.length : 0 }}）</span
-        > -->
         意向地块（{{ bgList ? bgList.length : 0 }}）
         <span @click="download" class="export">导出报告</span>
       </div>
-      <el-scrollbar
-        class="height-100-50 max-width"
-        style="border: 1px solid #e8e8e8"
-      >
-        <!-- {{ xzjgObj }} -->
+      <div class="bxCon" style="height: 90%;">
         <el-collapse accordion v-model="activeNames">
           <el-collapse-item
             :name="'gb' + index1"
@@ -21,7 +14,6 @@
             :key="index1"
           >
             <template slot="title">
-              <!-- 地块编号B_P_123 -->
               地块编号{{ item1.properties.dkbm }} ({{
                 item1.properties.ydmj.toFixed(0)
               }})
@@ -51,20 +43,17 @@
             </div>
           </el-collapse-item>
         </el-collapse>
-      </el-scrollbar>
+      </div>
     </div>
-    <div class="box-sizing padding-bottom-60" style="height: 47%; width: 100%">
-      <div class="title height-50 flex-box align-center">
+    <div style="height: 47%; width: 100%">
+      <div class="title flex-box">
         <span class="block-title"
           >备选地块（{{
             xzjgObj.features ? xzjgObj.features.length : 0
           }}）</span
         >
       </div>
-      <el-scrollbar
-        class="height-100-50 max-width"
-        style="border: 1px solid #e8e8e8"
-      >
+      <div class="bxCon">
         <el-collapse accordion v-model="activeNames">
           <el-collapse-item
             :name="index"
@@ -103,7 +92,7 @@
             </div>
           </el-collapse-item>
         </el-collapse>
-      </el-scrollbar>
+      </div>
     </div>
 
     <!-- <div class="xz-btn flex-box" style="justify-content: space-between">
@@ -165,15 +154,15 @@ export default {
       },
       geoJsonEntities: null,
       xzjgObj: ghjgData,
-      tempObj: ghjgData,
+      tempObj: JSON.parse(JSON.stringify(ghjgData)),
       copyData: null,
       arrww: [],
     };
   },
   mounted() {
     this.copyData = JSON.parse(JSON.stringify(ghjgData));
-    this.addPolygon("规划结果", "ghjg",'#0000FF');
-    this.addPolygon("draw", "draw",'#FF0000');
+    this.addPolygon("规划结果", "ghjg", "#0000FF");
+    this.addPolygon("draw", "draw", "#FF0000");
   },
   methods: {
     download() {
@@ -186,9 +175,9 @@ export default {
       );
     },
     // 加载GeoJSON数据
-    addPolygon(label, id,color) {
+    addPolygon(label, id, color) {
       let _this = this;
-      let yanse = color
+      let yanse = color;
       let polygon = Cesium.GeoJsonDataSource.load(
         `static/data/${label}.geojson`,
         {
@@ -223,12 +212,14 @@ export default {
 
     deleteprogramme(e, item) {
       e.stopPropagation();
+      console.log(item,this.bgList);
       this.bgList = this.bgList.filter((item1) => {
         return item1.properties.dkbm != item.properties.dkbm;
       });
+      console.log(this.tempObj);
       const temp = JSON.parse(
         JSON.stringify(
-          this.tempObj.items.filter((item1) => {
+          this.tempObj.features.filter((item1) => {
             return item1.properties.dkbm == item.properties.dkbm;
           })
         )
@@ -328,7 +319,8 @@ export default {
 <style lang="scss" scoped>
 .xzjg {
   // height: calc(100vh - 108px);
-  height: 49vh;
+  // height: 49vh;
+  height: 100%;
   min-width: 300px;
   box-sizing: border-box;
   padding: 0px 10px;
@@ -431,6 +423,13 @@ export default {
     }
   }
 }
+.bxCon {
+  width: 100%;
+  height: 94%;
+  // background-color: #9aff8b87;
+  overflow: hidden;
+  overflow-y: auto;
+}
 /deep/ .el-collapse {
   // width: 95%;
   border: none;

src/views/siteselection/components/yxyzPop.vue

@@ -4,7 +4,7 @@
       title="选址因子设置"
       :visible.sync="dialogVisible"
       width="40%"
-      :before-close="handleClose"
+      :before-close="close"
       :modal-append-to-body="false"
       :close-on-click-modal="false"
     >
@@ -120,441 +120,424 @@ export default {
         label: "yxyzmc",
       },
       dialogVisible: false,
-      options: [
-        // {
-        //   value: "控制线",
-        //   label: "规划控制线",
-        //   disabled: false,
-        //   children: [],
-        // },
-        // {
-        //   value: "专项规划",
-        //   label: "专项规划",
-        //   disabled: false,
-        //   children: [],
-        // },
-        // {
-        //   value: "基础设施",
-        //   label: "兴趣点",
-        //   disabled: false,
-        //   children: [],
-        // },
-      ],
-      kxyzList: [
-        {
-          bsm: "BWG",
-          yxyzmc: "博物馆",
-          level: 1,
-          parent_bsm: "GGFWSS",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "CZKFBJ",
-          yxyzmc: "城镇开发边界",
-          level: 1,
-          parent_bsm: "DXGK",
-          has_yxz: false,
-          spatial_type: "contain",
-        },
-        {
-          bsm: "DL",
-          yxyzmc: "电力",
-          level: 2,
-          parent_bsm: "GX",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "DX",
-          yxyzmc: "电信",
-          level: 2,
-          parent_bsm: "GX",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "DXGK",
-          yxyzmc: "底线管控",
-          level: 0,
-          parent_bsm: null,
-          has_yxz: null,
-          spatial_type: null,
-        },
-        {
-          bsm: "GGFWSS",
-          yxyzmc: "公共服务设施",
-          level: 0,
-          parent_bsm: null,
-          has_yxz: null,
-          spatial_type: null,
-        },
-        {
-          bsm: "GL",
-          yxyzmc: "公路",
-          level: 2,
-          parent_bsm: "JT",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "GS",
-          yxyzmc: "供水",
-          level: 2,
-          parent_bsm: "GX",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "GX",
-          yxyzmc: "管线",
-          level: 1,
-          parent_bsm: "SZSS",
-          has_yxz: null,
-          spatial_type: null,
-        },
-        {
-          bsm: "GY",
-          yxyzmc: "公园",
-          level: 1,
-          parent_bsm: "GGFWSS",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "JT",
-          yxyzmc: "交通",
-          level: 1,
-          parent_bsm: "SZSS",
-          has_yxz: null,
-          spatial_type: null,
-        },
-        {
-          bsm: "JYZ",
-          yxyzmc: "加油站",
-          level: 2,
-          parent_bsm: "JT",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "LD",
-          yxyzmc: "绿地",
-          level: 1,
-          parent_bsm: "GGFWSS",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "LJCLSS",
-          yxyzmc: "垃圾处理设施",
-          level: 2,
-          parent_bsm: "QT",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "PS",
-          yxyzmc: "排水",
-          level: 2,
-          parent_bsm: "GX",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "QT",
-          yxyzmc: "其他",
-          level: 1,
-          parent_bsm: "SZSS",
-          has_yxz: null,
-          spatial_type: null,
-        },
-        {
-          bsm: "RQ",
-          yxyzmc: "燃气",
-          level: 2,
-          parent_bsm: "GX",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "STBHHX",
-          yxyzmc: "生态保护红线",
-          level: 1,
-          parent_bsm: "DXGK",
-          has_yxz: false,
-          spatial_type: "contain",
-        },
-        {
-          bsm: "SY",
-          yxyzmc: "输油",
-          level: 2,
-          parent_bsm: "GX",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "SZSS",
-          yxyzmc: "市政设施",
-          level: 0,
-          parent_bsm: null,
-          has_yxz: null,
-          spatial_type: null,
-        },
-        {
-          bsm: "TCC",
-          yxyzmc: "停车场",
-          level: 2,
-          parent_bsm: "JT",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "TL",
-          yxyzmc: "铁路",
-          level: 2,
-          parent_bsm: "JT",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "TSG",
-          yxyzmc: "图书馆",
-          level: 1,
-          parent_bsm: "GGFWSS",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "TYG",
-          yxyzmc: "体育馆",
-          level: 1,
-          parent_bsm: "GGFWSS",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "WSCLC",
-          yxyzmc: "污水处理厂",
-          level: 2,
-          parent_bsm: "QT",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "XX",
-          yxyzmc: "学校",
-          level: 1,
-          parent_bsm: "GGFWSS",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "YJJBNT",
-          yxyzmc: "永久基本农田",
-          level: 1,
-          parent_bsm: "DXGK",
-          has_yxz: false,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "YY",
-          yxyzmc: "医院",
-          level: 1,
-          parent_bsm: "GGFWSS",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "ZRWHBHQ",
-          yxyzmc: "自然文化保护区",
-          level: 1,
-          parent_bsm: "DXGK",
-          has_yxz: false,
-          spatial_type: "identity",
-        },
-        {
-          bsm: "ZYCRK",
-          yxyzmc: "主要出入口",
-          level: 2,
-          parent_bsm: "JT",
-          has_yxz: true,
-          spatial_type: "identity",
-        },
-      ],
+      options: [],
+      kxyzList:[],
+      tempList:[],
+      // kxyzList: [
+      //   {
+      //     bsm: "BWG",
+      //     yxyzmc: "博物馆",
+      //     level: 1,
+      //     parent_bsm: "GGFWSS",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "CZKFBJ",
+      //     yxyzmc: "城镇开发边界",
+      //     level: 1,
+      //     parent_bsm: "DXGK",
+      //     has_yxz: false,
+      //     spatial_type: "contain",
+      //   },
+      //   {
+      //     bsm: "DL",
+      //     yxyzmc: "电力",
+      //     level: 2,
+      //     parent_bsm: "GX",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "DX",
+      //     yxyzmc: "电信",
+      //     level: 2,
+      //     parent_bsm: "GX",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "DXGK",
+      //     yxyzmc: "底线管控",
+      //     level: 0,
+      //     parent_bsm: null,
+      //     has_yxz: null,
+      //     spatial_type: null,
+      //   },
+      //   {
+      //     bsm: "GGFWSS",
+      //     yxyzmc: "公共服务设施",
+      //     level: 0,
+      //     parent_bsm: null,
+      //     has_yxz: null,
+      //     spatial_type: null,
+      //   },
+      //   {
+      //     bsm: "GL",
+      //     yxyzmc: "公路",
+      //     level: 2,
+      //     parent_bsm: "JT",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "GS",
+      //     yxyzmc: "供水",
+      //     level: 2,
+      //     parent_bsm: "GX",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "GX",
+      //     yxyzmc: "管线",
+      //     level: 1,
+      //     parent_bsm: "SZSS",
+      //     has_yxz: null,
+      //     spatial_type: null,
+      //   },
+      //   {
+      //     bsm: "GY",
+      //     yxyzmc: "公园",
+      //     level: 1,
+      //     parent_bsm: "GGFWSS",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "JT",
+      //     yxyzmc: "交通",
+      //     level: 1,
+      //     parent_bsm: "SZSS",
+      //     has_yxz: null,
+      //     spatial_type: null,
+      //   },
+      //   {
+      //     bsm: "JYZ",
+      //     yxyzmc: "加油站",
+      //     level: 2,
+      //     parent_bsm: "JT",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "LD",
+      //     yxyzmc: "绿地",
+      //     level: 1,
+      //     parent_bsm: "GGFWSS",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "LJCLSS",
+      //     yxyzmc: "垃圾处理设施",
+      //     level: 2,
+      //     parent_bsm: "QT",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "PS",
+      //     yxyzmc: "排水",
+      //     level: 2,
+      //     parent_bsm: "GX",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "QT",
+      //     yxyzmc: "其他",
+      //     level: 1,
+      //     parent_bsm: "SZSS",
+      //     has_yxz: null,
+      //     spatial_type: null,
+      //   },
+      //   {
+      //     bsm: "RQ",
+      //     yxyzmc: "燃气",
+      //     level: 2,
+      //     parent_bsm: "GX",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "STBHHX",
+      //     yxyzmc: "生态保护红线",
+      //     level: 1,
+      //     parent_bsm: "DXGK",
+      //     has_yxz: false,
+      //     spatial_type: "contain",
+      //   },
+      //   {
+      //     bsm: "SY",
+      //     yxyzmc: "输油",
+      //     level: 2,
+      //     parent_bsm: "GX",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "SZSS",
+      //     yxyzmc: "市政设施",
+      //     level: 0,
+      //     parent_bsm: null,
+      //     has_yxz: null,
+      //     spatial_type: null,
+      //   },
+      //   {
+      //     bsm: "TCC",
+      //     yxyzmc: "停车场",
+      //     level: 2,
+      //     parent_bsm: "JT",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "TL",
+      //     yxyzmc: "铁路",
+      //     level: 2,
+      //     parent_bsm: "JT",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "TSG",
+      //     yxyzmc: "图书馆",
+      //     level: 1,
+      //     parent_bsm: "GGFWSS",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "TYG",
+      //     yxyzmc: "体育馆",
+      //     level: 1,
+      //     parent_bsm: "GGFWSS",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "WSCLC",
+      //     yxyzmc: "污水处理厂",
+      //     level: 2,
+      //     parent_bsm: "QT",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "XX",
+      //     yxyzmc: "学校",
+      //     level: 1,
+      //     parent_bsm: "GGFWSS",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "YJJBNT",
+      //     yxyzmc: "永久基本农田",
+      //     level: 1,
+      //     parent_bsm: "DXGK",
+      //     has_yxz: false,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "YY",
+      //     yxyzmc: "医院",
+      //     level: 1,
+      //     parent_bsm: "GGFWSS",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "ZRWHBHQ",
+      //     yxyzmc: "自然文化保护区",
+      //     level: 1,
+      //     parent_bsm: "DXGK",
+      //     has_yxz: false,
+      //     spatial_type: "identity",
+      //   },
+      //   {
+      //     bsm: "ZYCRK",
+      //     yxyzmc: "主要出入口",
+      //     level: 2,
+      //     parent_bsm: "JT",
+      //     has_yxz: true,
+      //     spatial_type: "identity",
+      //   },
+      // ],
 
-      tempList: [
-        {
-          bsm: "CZKFBJ",
-          yxyzmc: "城镇开发边界",
-          yztj: "C",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "SDE.CZKFBJ_150502_202212",
-          gltj: null,
-          fxjg_c: "地块位于城镇开发边界以内",
-          fxjg_n: "地块位于城镇开发边界以外",
-        },
-        {
-          bsm: "YJJBNT",
-          yxyzmc: "永久基本农田",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "SDE.YJJBNTBHTB_150502_202212",
-          gltj: null,
-          fxjg_c: "地块位于永久基本农田以内",
-          fxjg_n: "地块未压占永久基本农田",
-        },
-        {
-          bsm: "STBHHX",
-          yxyzmc: "生态保护红线",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "SDE.STBHHX_150502_202212",
-          gltj: null,
-          fxjg_c: "地块位于生态保护红线以内",
-          fxjg_n: "地块未压占生态保护红线以内",
-        },
-        {
-          bsm: "SCHOOL",
-          yxyzmc: "学校",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ02",
-          sjlx: "SDE",
-          sjy: "BASEPORDOS.Ordos_V_BUCP",
-          gltj: "GB = '340101'",
-          fxjg_c: "地块{YXZ}米范围内包含{COUNT}座学校，分别是{[YZ.NAME]}；",
-          fxjg_n:
-            "地块{YXZ}米范围内不包含学校，距离最近的{YZ.NAME}直线距离约{DIST}米；",
-        },
-        {
-          bsm: "HOSPITAL",
-          yxyzmc: "医院",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ02",
-          sjlx: "SDE",
-          sjy: "BASEPORDOS.Ordos_V_BUCP",
-          gltj: "GB = '340102'",
-          fxjg_c: "地块{YXZ}米范围内包含{COUNT}座医院，分别是{[YZ.NAME]}；",
-          fxjg_n:
-            "地块{YXZ}米范围内不包含医院，距离最近的{YZ.NAME}直线距离约{DIST}米；",
-        },
-        {
-          bsm: "PARK",
-          yxyzmc: "公园",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ02",
-          sjlx: "SDE",
-          sjy: null,
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "JZXQ",
-          yxyzmc: "居住小区",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ02",
-          sjlx: "SDE",
-          sjy: null,
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "KCZYKZX",
-          yxyzmc: "矿产资源控制线",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "KJGH_QY.KCZYKZX",
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "LSWHBHX",
-          yxyzmc: "历史文化保护线",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "KJGH_QY.LSWHBHX",
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "JD",
-          yxyzmc: "景点",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ02",
-          sjlx: "SDE",
-          sjy: null,
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "ZXCQCSLX",
-          yxyzmc: "中心城区城市蓝线",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "KJGH_QY.ZXCQCSLX",
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "ZXCQCSLVX",
-          yxyzmc: "中心城区城市绿线",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "KJGH_QY.ZXCQCSLVX",
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "ZXCQCSZX",
-          yxyzmc: "中心城区城市紫线",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "KJGH_QY.ZXCQCSZX",
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-        {
-          bsm: "ZXCQCSHX",
-          yxyzmc: "中心城区城市黄线",
-          yztj: "N",
-          yxz: null,
-          lx: "FZXZ01",
-          sjlx: "SDE",
-          sjy: "KJGH_QY.ZXCQCSHX",
-          gltj: null,
-          fxjg_c: null,
-          fxjg_n: null,
-        },
-      ],
+      // tempList: [
+      //   {
+      //     bsm: "CZKFBJ",
+      //     yxyzmc: "城镇开发边界",
+      //     yztj: "C",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "SDE.CZKFBJ_150502_202212",
+      //     gltj: null,
+      //     fxjg_c: "地块位于城镇开发边界以内",
+      //     fxjg_n: "地块位于城镇开发边界以外",
+      //   },
+      //   {
+      //     bsm: "YJJBNT",
+      //     yxyzmc: "永久基本农田",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "SDE.YJJBNTBHTB_150502_202212",
+      //     gltj: null,
+      //     fxjg_c: "地块位于永久基本农田以内",
+      //     fxjg_n: "地块未压占永久基本农田",
+      //   },
+      //   {
+      //     bsm: "STBHHX",
+      //     yxyzmc: "生态保护红线",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "SDE.STBHHX_150502_202212",
+      //     gltj: null,
+      //     fxjg_c: "地块位于生态保护红线以内",
+      //     fxjg_n: "地块未压占生态保护红线以内",
+      //   },
+      //   {
+      //     bsm: "SCHOOL",
+      //     yxyzmc: "学校",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ02",
+      //     sjlx: "SDE",
+      //     sjy: "BASEPORDOS.Ordos_V_BUCP",
+      //     gltj: "GB = '340101'",
+      //     fxjg_c: "地块{YXZ}米范围内包含{COUNT}座学校，分别是{[YZ.NAME]}；",
+      //     fxjg_n:
+      //       "地块{YXZ}米范围内不包含学校，距离最近的{YZ.NAME}直线距离约{DIST}米；",
+      //   },
+      //   {
+      //     bsm: "HOSPITAL",
+      //     yxyzmc: "医院",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ02",
+      //     sjlx: "SDE",
+      //     sjy: "BASEPORDOS.Ordos_V_BUCP",
+      //     gltj: "GB = '340102'",
+      //     fxjg_c: "地块{YXZ}米范围内包含{COUNT}座医院，分别是{[YZ.NAME]}；",
+      //     fxjg_n:
+      //       "地块{YXZ}米范围内不包含医院，距离最近的{YZ.NAME}直线距离约{DIST}米；",
+      //   },
+      //   {
+      //     bsm: "PARK",
+      //     yxyzmc: "公园",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ02",
+      //     sjlx: "SDE",
+      //     sjy: null,
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "JZXQ",
+      //     yxyzmc: "居住小区",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ02",
+      //     sjlx: "SDE",
+      //     sjy: null,
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "KCZYKZX",
+      //     yxyzmc: "矿产资源控制线",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "KJGH_QY.KCZYKZX",
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "LSWHBHX",
+      //     yxyzmc: "历史文化保护线",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "KJGH_QY.LSWHBHX",
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "JD",
+      //     yxyzmc: "景点",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ02",
+      //     sjlx: "SDE",
+      //     sjy: null,
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "ZXCQCSLX",
+      //     yxyzmc: "中心城区城市蓝线",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "KJGH_QY.ZXCQCSLX",
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "ZXCQCSLVX",
+      //     yxyzmc: "中心城区城市绿线",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "KJGH_QY.ZXCQCSLVX",
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "ZXCQCSZX",
+      //     yxyzmc: "中心城区城市紫线",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "KJGH_QY.ZXCQCSZX",
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      //   {
+      //     bsm: "ZXCQCSHX",
+      //     yxyzmc: "中心城区城市黄线",
+      //     yztj: "N",
+      //     yxz: null,
+      //     lx: "FZXZ01",
+      //     sjlx: "SDE",
+      //     sjy: "KJGH_QY.ZXCQCSHX",
+      //     gltj: null,
+      //     fxjg_c: null,
+      //     fxjg_n: null,
+      //   },
+      // ],
       optionsTemp: [],
       selectdialogData: [],
       dialogData: [],
@@ -578,9 +561,8 @@ export default {
     },
   },
   mounted() {
-    // this.getList();
+    console.log(888888);
     this.GetFxyzList();
-    this.getTreeList();
   },
   methods: {
     close() {
@@ -589,6 +571,8 @@ export default {
     GetFxyzList() {
       GetFxyzList().then((res) => {
         this.kxyzList = res.data;
+        this.tempList = JSON.parse(JSON.stringify(res.data));
+        this.getTreeList()
       });
     },
 
@@ -608,7 +592,6 @@ export default {
         }
         return tree;
       }
-
       this.options = arrayToTreeLoop(this.kxyzList);
       this.optionsTemp = JSON.parse(JSON.stringify(this.options));
     },

src/views/siteselection/index.vue

@@ -72,7 +72,7 @@ export default {
       loading: false,
       historyList: [
         {
-          xmmc: "规划选址",
+          xmmc: "东岸卓越城项目选址",
           xmlx: "规划选址",
           jsdw: "国土空间总体规划",
           bsm:'8979e8f6a9364828a9d6b2e459c8fd76',

static/css/index.css

@@ -1,338 +1,333 @@
 .drawCur {
-    cursor: url(../../static/images/cur/draw.cur), auto;
+  cursor: url(/static/images/cur/draw.cur), auto;
 }
 
 .measureCur {
-    cursor: url(../../static/images/cur/measure.cur), auto;
+  cursor: url(/static/images/cur/measure.cur), auto;
 }
 
 html,
 body {
-    background-color: black;
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    color: #eee;
+  background-color: black;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  color: #eee;
 }
 
 #loadingbar {
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    position: absolute;
-    right: 0;
-    top: 0;
-    z-index: 999999;
-    display: none;
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 999999;
+  display: none;
 }
 
 
 /* 滚动条整体样式(高宽分别对应横竖滚动条的尺寸) */
 
 body::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+  width: 10px;
+  height: 10px;
 }
 
 
 /* 滚动条里面小方块 */
 
 body::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-    /* background: rgba(85, 229, 38, 0.71); */
-    background: rgba(105,186,255,0.5);
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  /* background: rgba(85, 229, 38, 0.71); */
+  background: rgba(105, 186, 255, 0.5);
 }
 
 
 /* 滚动条里面轨道 */
 
 body::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-    border-radius: 10px;
-    /* background: #2a4fd1b3; */
-    background: rgba(105,186,255,0.1);
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  /* background: #2a4fd1b3; */
+  background: rgba(105, 186, 255, 0.1);
 }
 
 
 /* 滚动条整体样式(高宽分别对应横竖滚动条的尺寸) */
 
 div::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+  width: 10px;
+  height: 10px;
 }
 
 
 /* 滚动条里面小方块 */
 
 div::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-    /* background: rgba(85, 229, 38, 0.71); */
-    background: rgba(105,186,255,0.5);
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  /* background: rgba(85, 229, 38, 0.71); */
+  background: rgba(105, 186, 255, 0.5);
 }
 
 
 /* 滚动条里面轨道 */
 div::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-    border-radius: 10px;
-    /* background: #2a4fd1b3; */
-    background: rgba(105,186,255,0.1);
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  /* background: #2a4fd1b3; */
+  background: rgba(105, 186, 255, 0.1);
 }
 
 .messageIndex,
 .el-message {
-    z-index: 300000000000 !important;
+  z-index: 300000000000 !important;
 }
 
 .el-dialog {
-    background: transparent !important;
-    background: url(/static/images/popup/background.png) no-repeat !important;
-    background-size: 100% 100% !important;
-    background-position: center !important;
+  background: transparent !important;
+  background: url(/static/images/popup/background.png) no-repeat !important;
+  background-size: 100% 100% !important;
+  background-position: center !important;
 }
 
 .el-dialog__title,
 .el-form-item__label {
-    color: white !important;
+  color: white !important;
 }
 
 .el-dialog__header {
-    background: url(/static/images/popup/title.png) no-repeat !important;
-    background-size: 100% 100% !important;
-    background-position: center !important;
+  background: url(/static/images/popup/title.png) no-repeat !important;
+  background-size: 100% 100% !important;
+  background-position: center !important;
 }
 
 .el-dialog__headerbtn .el-dialog__close {
-    color: white !important;
-}
-
-
-/* 中图合入代码 */
-.vl-notify.vl-notify-alert h2.vl-notice-title {
-    border-bottom: 0px solid #eee !important;
-    background-color: #fff0 !important;
-    background: url(/static/images/popup/title.png) no-repeat !important;
-    background-size: 100% 100% !important;
-  }
-  
-  .vl-notify.vl-notify-iframe {
-    background-color: #fff0 !important;
-    background: url(/static/images/popup/background.png) no-repeat !important;
-    background-size: 100% 100% !important;
-  }
-  .vl-notify.vl-notify-alert {
-    background-color: #fff0 !important;
-    background: url(/static/images/popup/background.png) no-repeat !important;
-    background-size: 100% 100% !important;
-  }
-  
-  .vl-notify.vl-notify-main {
-    border: 0px solid #eee !important;
-    background-color: #fff0 !important;
-  }
-  /*-----------中图代码-----------------  */
-  .vl-notify.vl-notify-iframe {
-    /* background-color: #fff0 !important;
-    background: url(/static/images/popup/background.png) no-repeat !important;
-    background-size: 100% 100% !important; */
-  }
-  .vl-notify.vl-notify-alert {
-    /* background-color: #fff0 !important;
-    background: url(/static/images/popup/background.png) no-repeat !important;
-    background-size: 100% 100% !important; */
-  }
-  
-  .vl-notify {
-    border: none !important;
-    border-radius: .4vw !important;
-    background: rgba(4, 28, 50, 0.76) !important;
-  }
-  
-  div::-webkit-scrollbar{
-    width: 5px;
-    height: 5px;
-  }
-  div::-webkit-scrollbar-thumb{
-    background: rgba(63, 147, 245, 0.6);
-    border-radius: 5px;
-  }
-  div::-webkit-scrollbar-track{
-     background: rgba(4, 28, 50, 0.6);
-  }
-  
-  .vl-notice-title{
-    width: auto !important;
-    padding: 0 !important;
-    margin: 0 15px !important;
-    background: unset !important;
-    border: none !important;
-    position: relative;
-  }
-  
-  .vl-notice-title:after{
-      width: 100%;
-      height: 4px;
-      content: '';
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      background: linear-gradient(180deg, #0061a8 0%, #123568 46%, #11478e 100%);
-      border-radius: 4px;
-      z-index: -1;
-  }
-  
-  
-  .vl-notice-title>span{
-    font-size: 16px;
-    font-weight: 700;
-    letter-spacing: 1px;
-  }
-  
-  .icon-remove{
-    width: 22px;
-    height: 22px;
-    color: #fff !important;
-    background-color: rgba(51, 95, 135, 1);
-    line-height: 23px;
-    padding: 0 5px;
-    border-radius: 4px;
-    right: 0 !important;
-    top: 10px !important;
-  }
-  
-  .lv-icon-maxmini> i {
-    color: #fff !important;
-  }
-  
-  .lv-icon-maxmini .vlicon-max{
-    display: none;
-  }
-  
-  .el-input>input,.el-select-dropdown,.el-textarea>textarea{
-    color: #fff !important;
-    background-color: rgba(4, 28, 50, 0.5) !important;
-    border:1px solid rgba(15, 122, 200, 0.4) !important;
-  }
-  .el-input .el-input-group__append{
-    color: #fff !important;
-    background-color: rgba(4, 28, 50, 0.5) !important;
-    border:1px solid rgba(15, 122, 200, 0.4) !important;
-  }
-  .el-input-group__append>button{
-    color: #fff !important;
-    background-color: rgba(4, 28, 50, 0.5) !important;
-    border:1px solid rgba(15, 122, 200, 0.4) !important;
-    padding:6px 20px;
-  }
-  .el-select-dropdown__item{
-    color: #ebebeb !important;
-  }
-  
-  .el-button--primary,.notify-btn-primary{
-    background: #0F7AC8 !important;
-    border-color: #0F7AC8 !important;
-    color: #fff !important;
-  }
-  
-  .el-button--primary:hover,.notify-btn-primary:hover{
-    background: #0f7bc8d8 !important;
-    border-color: #0f7bc8d8 !important;
-    color: #fff !important;
-  }
-  
-  .el-icon-search{
-    color: #20A0FC !important;
-  }
-  
-  .el-button--default,.notify-btn-default{
-    background: rgba(63, 147, 245, 0.2) !important;
-    border-color:#3F93F5!important;
-    color: rgba(182, 224, 255, 1) !important;
-  }
-  
-  .el-button--default:hover,.notify-btn-default:hover{
-    background: rgba(63, 148, 245, 0.432) !important;
-    border-color:#3F93F5!important;
-    color: rgba(182, 224, 255, 1) !important;
-  }
-  
-  
-  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
-    color: #fff !important;
-    background-color: rgba(255,255,255,.35) !important;
-  }
-  .el-cascader__dropdown,.el-picker-panel,.el-picker-panel__footer{
-    color: #fff !important;
-    background-color: rgba(4, 28, 50, 0.5) !important;
-    border:1px solid rgba(15, 122, 200, 0.4) !important;
-  }
-  .el-time-panel{
-    background-color: rgba(4, 28, 50, 0.85) !important;
-  }
-  
-  .el-time-spinner__item{
-    color: #fff !important;
-  }
-  
-  .el-time-spinner__item:hover{
-    color: #fff !important;
-    background: rgba(63, 148, 245, 0.432) !important;
-  }
-  
-  .el-time-panel__footer>button:nth-child(1),.el-date-table th,.el-picker-panel__icon-btn,.el-date-picker__header-label{
-    color: #fff !important;
-  }
-  
-  .el-pagination>button,.el-pager li{
-    color: #c2c2c2 !important;
-    background-color: rgba(4, 28, 50, 0.5) !important;
-  }
-  
-  .el-pager li.active{
-    color: #fff !important;
-    background-color: rgba(4, 28, 50, 0.5) !important;
-  }
-  
-  .el-color-picker__panel{
-    background-color: rgba(4, 28, 50, 0.5) !important;
-  }
-  
-  
-  .el-cascader-node{
-    color: #fff!important;
-  }
-  .el-cascader-node:hover{
-    color: #fff !important;
-    background-color: rgba(255,255,255,.35) !important;
-  }
-  /* .el-cascader-node:not(.is-disabled):hover */
-  .el-cascader-node:not(.is-disabled):focus{
-    background-color: rgba(4, 28, 50, 0.5) !important;
-  }
-  
-  .el-checkbox__input>.el-checkbox__inner{
-    border:1px solid #96A9B7;
-    background-color: rgba(4, 28, 50, 0.6);
-  }
-  
-  .el-icon-s-operation,.el-icon-location-outline,.el-icon-share,.el-icon-delete{
-    color: #20A0FC;
-  }
-  
-  .el-icon-s-operation + a,.el-icon-location-outline+ a,.el-icon-share+ a,.el-icon-delete+ a{
-    color: #CDDEEB;
-  }
-  
-  .el-pagination__jump{
-    color: #CDDEEB !important;
-  }
-  .el-input-number__decrease,.el-input-number__increase{
-    color: #fff !important;
-    background-color: rgba(4, 28, 50, 0.5) !important;
-    border:1px solid rgba(15, 122, 200, 0.4) !important;
-  }
-  /* ---------------------------- */
+  color: white !important;
+}
+
+.vl-notify {
+  border: none !important;
+  border-radius: .4vw !important;
+  background: rgba(4, 28, 50, 0.76) !important;
+}
+
+div::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+div::-webkit-scrollbar-thumb {
+  background: rgba(63, 147, 245, 0.6);
+  border-radius: 5px;
+}
+
+div::-webkit-scrollbar-track {
+  background: rgba(4, 28, 50, 0.6);
+}
+
+.vl-notice-title {
+  width: auto !important;
+  padding: 0 !important;
+  margin: 0 15px !important;
+  background: unset !important;
+  border: none !important;
+  position: relative;
+}
+
+.vl-notice-title:after {
+  width: 100%;
+  height: 4px;
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  background: linear-gradient(180deg, #0061a8 0%, #123568 46%, #11478e 100%);
+  border-radius: 4px;
+  z-index: -1;
+}
+
+
+.vl-notice-title>span {
+  font-size: 16px;
+  font-weight: 700;
+  letter-spacing: 1px;
+}
+
+.icon-remove {
+  width: 22px;
+  height: 22px;
+  color: #fff !important;
+  background-color: rgba(51, 95, 135, 1);
+  line-height: 23px;
+  padding: 0 5px;
+  border-radius: 4px;
+  right: 0 !important;
+  top: 10px !important;
+}
+
+.lv-icon-maxmini>i {
+  color: #fff !important;
+}
+
+.lv-icon-maxmini .vlicon-max {
+  display: none;
+}
+
+/* .el-input>input, */
+.el-select-dropdown,
+.el-textarea>textarea {
+  color: #fff !important;
+  background-color: rgba(4, 28, 50, 0.5) !important;
+  border: 1px solid rgba(15, 122, 200, 0.4) !important;
+}
+
+.el-input .el-input-group__append {
+  color: #fff !important;
+  background-color: rgba(4, 28, 50, 0.5) !important;
+  border: 1px solid rgba(15, 122, 200, 0.4) !important;
+}
+
+.el-input-group__append>button {
+  color: #fff !important;
+  background-color: rgba(4, 28, 50, 0.5) !important;
+  border: 1px solid rgba(15, 122, 200, 0.4) !important;
+  padding: 6px 20px;
+}
+
+.el-select-dropdown__item {
+  color: #ebebeb !important;
+}
+
+.el-button--primary,
+.notify-btn-primary {
+  background: #0F7AC8 !important;
+  border-color: #0F7AC8 !important;
+  color: #fff !important;
+}
+
+.el-button--primary:hover,
+.notify-btn-primary:hover {
+  background: #0f7bc8d8 !important;
+  border-color: #0f7bc8d8 !important;
+  color: #fff !important;
+}
+
+.el-icon-search {
+  color: #20A0FC !important;
+}
+
+/* .el-button--default,
+.notify-btn-default {
+  background: rgba(63, 147, 245, 0.2) !important;
+  border-color: #3F93F5 !important;
+  color: rgba(182, 224, 255, 1) !important;
+} */
+
+.el-button--default:hover,
+.notify-btn-default:hover {
+  background: rgba(63, 148, 245, 0.432) !important;
+  border-color: #3F93F5 !important;
+  color: rgba(182, 224, 255, 1) !important;
+}
+
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+  color: #fff !important;
+  background-color: rgba(255, 255, 255, .35) !important;
+}
+
+.el-cascader__dropdown,
+.el-picker-panel,
+.el-picker-panel__footer {
+  color: #fff !important;
+  background-color: rgba(4, 28, 50, 0.5) !important;
+  border: 1px solid rgba(15, 122, 200, 0.4) !important;
+}
+
+.el-time-panel {
+  background-color: rgba(4, 28, 50, 0.85) !important;
+}
+
+.el-time-spinner__item {
+  color: #fff !important;
+}
+
+.el-time-spinner__item:hover {
+  color: #fff !important;
+  background: rgba(63, 148, 245, 0.432) !important;
+}
+
+.el-time-panel__footer>button:nth-child(1),
+.el-date-table th,
+.el-picker-panel__icon-btn,
+.el-date-picker__header-label {
+  color: #fff !important;
+}
+
+.el-pagination>button,
+.el-pager li {
+  color: #c2c2c2 !important;
+  background-color: rgba(4, 28, 50, 0.5) !important;
+}
+
+.el-pager li.active {
+  color: #fff !important;
+  background-color: rgba(4, 28, 50, 0.5) !important;
+}
+
+.el-color-picker__panel {
+  background-color: rgba(4, 28, 50, 0.5) !important;
+}
+
+
+.el-cascader-node {
+  color: #fff !important;
+}
+
+.el-cascader-node:hover {
+  color: #fff !important;
+  background-color: rgba(255, 255, 255, .35) !important;
+}
+
+/* .el-cascader-node:not(.is-disabled):hover */
+.el-cascader-node:not(.is-disabled):focus {
+  background-color: rgba(4, 28, 50, 0.5) !important;
+}
+
+.el-checkbox__input>.el-checkbox__inner {
+  border: 1px solid #96A9B7;
+  background-color: rgba(4, 28, 50, 0.6);
+}
+
+.el-icon-s-operation,
+.el-icon-location-outline,
+.el-icon-share,
+.el-icon-delete {
+  color: #20A0FC;
+}
+
+.el-icon-s-operation+a,
+.el-icon-location-outline+a,
+.el-icon-share+a,
+.el-icon-delete+a {
+  color: #CDDEEB;
+}
+
+.el-pagination__jump {
+  color: #CDDEEB !important;
+}
+
+.el-input-number__decrease,
+.el-input-number__increase {
+  color: #fff !important;
+  background-color: rgba(4, 28, 50, 0.5) !important;
+  border: 1px solid rgba(15, 122, 200, 0.4) !important;
+}
+
+/* ---------------------------- */

static/data/ghss/data.js

@@ -1,7 +1,7 @@
 
 var data = {
     datalist: [{
-        xmmc: '合规性测试', xzmj: 62.1, xmlx: '合规性分析', jsdw: "建设单位", rwzt: 2,
+        xmmc: '东岸卓越城项目合规性分析', xzmj: 62.1, xmlx: '合规性分析', jsdw: "建设单位", rwzt: 2,
         bsm: '767d0754a41f43fb86982678134ff768',
         geojson: '/static/data/ghss/导入.geojson',
         fxbg: "@/../static/data/ghss/合规性分析报告.docx",