解决中图样式冲突,添加三维报建等模块离开页面关闭事件

src/views/ConstructionApplication3D/BenchmarkLandPriceAnalysis/BenchmarkLandPrice.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         根据2020年《三亚市国有建设用地土地定级与基准地价》和《三亚市集体建设用地土地定级与基准地价》编制成果，实现指定范围基准地价的自动预估。
@@ -182,7 +185,7 @@ export default {
 
       form: {
         id: "",
-        ProjectScope: "",
+        ProjectScope: [],
         ProjectName: "",
         ProjectType: "",
         ConstructionUnit: "",
@@ -308,9 +311,11 @@ export default {
             "YYYY-MM-DD HH:mm:ss"
           );
           window.BenchmarkLandPriceList.push(that.form);
+          debugger;
+          that.openAnalyzeResults(JSON.parse(JSON.stringify(that.form)));
           that.resetForm(formName);
           that.$message({
-            message: "保存成功",
+            message: "开始分析",
             type: "success",
           });
         } else {

src/views/ConstructionApplication3D/BenchmarkLandPriceAnalysis/jzdjfxsmInfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         根据2020年《三亚市国有建设用地土地定级与基准地价》和《三亚市集体建设用地土地定级与基准地价》编制成果，实现指定范围内国有建设用地和集体建设用的基准地价预估。
@@ -89,6 +92,9 @@
     </el-row>
   </div>
 </template>
+<style lang="scss">
+@import "@/../../zt.scss";
+</style>
 <style scoped>
 #tab1 table,
 th,

src/views/ConstructionApplication3D/BenchmarkLandPriceAnalysis/jzdjfxsmjg.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10" style="display: flex; align-items: center">
       <el-col :span="18">
         {{ info.BenchmarkLandPrice.ProjectName }}
@@ -29,9 +32,9 @@
           >
             <div class="con-col" style="align-items: flex-start">
               <a style="color: white">分析面积（平方米）</a>
-              <a style="font-weight: bold; color: rgba(2, 167, 240, 1)"
-                >66666</a
-              >
+              <a style="font-weight: bold; color: rgba(2, 167, 240, 1)">{{
+                formData.fxzmj
+              }}</a>
             </div>
           </el-col>
         </el-row>
@@ -167,7 +170,6 @@
 <script>
 import { v4 as uuidv4 } from "uuid";
 import moment from "moment";
-import jzdjfxsmInfo from "./jzdjfxsmInfo.vue";
 import elementResizeDetectorMaker from "element-resize-detector";
 import {
   cartesian3ToWGS84,
@@ -176,29 +178,29 @@ import {
   mercator2lonLat,
   undergroundMode,
 } from "@/utils/MapHelper/MapHelper.js";
+import {
+  area,
+  intersect,
+  polygon,
+  point,
+  midpoint,
+  difference,
+} from "@turf/turf";
 export default {
   data() {
     return {
       tooltip: createTooltip(document.body),
       zt_jzdj_LandUse: window.dict.zt_jzdj_LandUse,
-      /**
-       * tabs 标签
-       */
-      activeName: "first",
-      //绘制事件
-      handlerPolygon: null,
       jzdj_LandUse: "商服用地",
-      rules: {
-        ProjectName: [
-          { required: true, message: "请输入项目名称", trigger: "blur" },
-        ],
-        ProjectScope: [
-          { required: true, message: "请添加项目范围", trigger: "blur" },
-        ],
-      },
-      BenchmarkLandPriceList: [],
       GYmyChart: null,
       JTmyChart: null,
+      formData: {
+        fxzmj: 0,
+      },
+      LayerData: {
+        GYData: [],
+        JTData: [],
+      },
     };
   },
   props: {
@@ -239,156 +241,119 @@ export default {
   },
   methods: {
     init() {
-      this.BenchmarkLandPriceList = window.BenchmarkLandPriceList;
+      debugger;
+      this.CalculateAnalysisArea();
+      this.getLandOwnership();
       this.initGY();
       this.initJT();
     },
     /**
-     * tas切换
-     * @param {String} tab
-     * @param {Object} event
-     */
-    handleClick(tab, event) {
-      console.log(tab, event);
-    },
-
-    /**
-     *基准地价说明
+     * 计算分析面积
      */
-    jzdjsmShow() {
-      var that = this;
-      if (that.layerid) that.$layer.close(that.layerid);
-      var width = "40rem";
-      var height = "30rem";
-
-      that.layerid = that.$layer.iframe({
-        content: {
-          content: jzdjfxsmInfo, //传递的组件对象
-          parent: this, //当前的vue对象
-          data: {}, //props
-        },
-
-        area: [width.toString(), height.toString()],
-        title: "基准地价分析说明",
-        maxmin: false,
-        shade: false, //是否显示遮罩
-        shadeClose: false, //点击遮罩是否关闭
-        cancel: () => {
-          //关闭事件
-          // alert("关闭iframe");
-        },
-      });
+    CalculateAnalysisArea() {
+      this.formData.fxzmj = 0;
+      let points = this.info.BenchmarkLandPrice.ProjectScope;
+      let DataPs = points.map((item) => [item.x, item.y]);
+      if (DataPs.length > 0) {
+        if (
+          JSON.stringify(DataPs[0]) != JSON.stringify(DataPs[DataPs.length - 1])
+        ) {
+          DataPs.push(DataPs[0]);
+        }
+        let polygonPs = polygon([DataPs]);
+        let areaPs = area(polygonPs);
+        this.formData.fxzmj += +Number(areaPs).toFixed(2);
+      }
     },
     /**
-     * 绘制范围
+     * 查询区域内土地权属
      */
-    getProjectScope() {
+    async getLandOwnership() {
       let that = this;
-      this.clear();
-      this.handlerPolygon = new Cesium.DrawHandler(
-        viewer,
-        Cesium.DrawMode.Polygon,
-        Cesium.ClampMode.Space
+      //查询国有使用权
+      let layer = flatten(window.layerTree).find(
+        (item) => item.core == "007001"
       );
-      this.handlerPolygon.activate();
-      this.handlerPolygon.activeEvt.addEventListener(function (isActive) {
-        if (isActive == true) {
-          viewer.enableCursorStyle = false;
-          viewer._element.style.cursor = "";
-          document.body.classList.add("drawCur");
-        } else {
-          viewer.enableCursorStyle = true;
-          document.body.classList.remove("drawCur");
-        }
-      });
-      this.handlerPolygon.movingEvt.addEventListener((windowPosition) => {
-        that.tooltip.showAt(
-          windowPosition,
-          "<p>点击鼠标左键开始绘制分析区域</p>"
-        );
-      });
-      this.handlerPolygon.drawEvt.addEventListener((result) => {
-        that.tooltip.setVisible(false);
-        var polygon = result.object;
-        if (!polygon) {
-          return;
-        }
-        let points = [];
-        let positions = polygon.positions;
-        //遍历多边形，取出所有点
-        for (var i = 0, len = positions.length; i < len; i++) {
-          let xyz = cartesian3ToWGS84(positions[i]);
-          points.push({ x: xyz.lng, y: xyz.lat, z: xyz.alt });
-        }
-        if (points.length > 0) {
-          if (points[0] != points[points.length - 1]) {
-            points.push(points[0]);
+      let points = this.info.BenchmarkLandPrice.ProjectScope;
+      let geo = {
+        id: 0,
+        style: null,
+        parts: [points.length],
+        points: points,
+        type: "REGION",
+        prjCoordSys: {
+          epsgCode: null,
+        },
+      };
+      let queryByGeometryParameters = {
+        getFeatureMode: "SPATIAL",
+        datasetNames: [
+          layer.date_server.dataSourceName +
+            ":" +
+            layer.date_server.datasetName,
+        ],
+        geometry: geo,
+        spatialQueryMode: "INTERSECT",
+        hasGeometry: "true",
+      };
+      let e = await mapQuery(
+        layer.date_server.url + "/featureResults.json?returnContent=true",
+        queryByGeometryParameters
+      );
+      if (e && e.totalCount > 0) {
+        e.features.forEach((feature) => {
+          let featureData = {
+            id: uuidv4(),
+            layerInfo: layer,
+            data: [],
+            geometry: feature.geometry,
+          };
+
+          feature.fieldNames.forEach((fieldName, i) => {
+            let Field = e.datasetInfos
+              ? e.datasetInfos[0].fieldInfos.find(
+                  (c) =>
+                    c.name &&
+                    c.name.toUpperCase() == fieldName.toUpperCase() &&
+                    c.name.toUpperCase().indexOf("SM") == -1
+                )
+              : null;
+            if (Field) {
+              GHYDlayerData.data.push({
+                label: fieldName,
+                labelCN: Field ? Field.caption : fieldName,
+                value: e.features[0].fieldValues[i],
+              });
+            }
+          });
+
+          let ps = [];
+          for (
+            let index = 0;
+            index < featureData.geometry.points.length;
+            index++
+          ) {
+            const element = featureData.geometry.points[index];
+            ps.push(element.x);
+            ps.push(element.y);
           }
-        }
-        that.form.ProjectScope = points;
-      });
-    },
-    clear() {
-      if (this.handlerPolygon) {
-        this.handlerPolygon.clear();
-        this.handlerPolygon.deactivate();
-        this.handlerPolygon = null;
-      }
-      this.tooltip.setVisible(false);
-    },
 
-    submitForm(formName) {
-      let that = this;
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          that.form.id = uuidv4();
-          that.form.analysisDate = moment(new Date()).format(
-            "YYYY-MM-DD HH:mm:ss"
-          );
-          window.BenchmarkLandPriceList.push(that.form);
-          that.resetForm(formName);
-          that.$message({
-            message: "保存成功",
-            type: "success",
+          var orangePolygon1 = viewer.entities.add({
+            id: "DLTB-" + DLTBlayerData.id,
+            polygon: {
+              hierarchy: Cesium.Cartesian3.fromDegreesArray(ps),
+              material: Cesium.Color.ORANGE.withAlpha(0.7),
+              outline: true,
+              outlineColor: Cesium.Color.BLACK,
+              outlineWidth: 2.0,
+            },
           });
-        } else {
-          return false;
-        }
-      });
-    },
-    resetForm(formName) {
-      this.clear();
-      this.$refs[formName].resetFields();
-    },
 
-    // 打开分析结果弹窗
-    openAnalyzeResults() {
-      if (this.FXJGInfolayerid) {
-        this.$layer.close(this.FXJGInfolayerid);
+          that.LayerData.GYData.push(featureData);
+        });
       }
-      let that = this;
-      let w = document.body.offsetWidth;
-      let h = document.body.offsetHeight;
-      //左上角(left=弹窗宽/2;top=弹窗高/2+header高)
-      //右上角 (left=w-弹窗宽+(弹窗宽/2);top=弹窗高/2+header高);
-      let left = w - 430 + 430 / 2;
-      let top = 430 / 2 + 60;
-      this.FXJGInfolayerid = this.$layer.iframe({
-        content: {
-          content: HighLimitAnalysis, //传递的组件对象
-          parent: this, //当前的vue对象
-          data: { info: {} }, //props
-        },
-        offset: [left, top], //left top
-        area: ["430px", "430px"], //宽 高
-        title: "分析结果",
-        maxmin: false,
-        shade: false, //是否显示遮罩
-        shadeClose: false, //点击遮罩是否关闭
-        cancel: () => {},
-      });
     },
-
+    clear() {},
     initGY() {
       this.GYmyChart = window.echarts.init(this.$refs.GYEcharts);
 

src/views/ConstructionApplication3D/ConstructionModelInfo/ConstructionModelInfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-descriptions :title="'模型名称：' + info.modelname" column="1">

src/views/ConstructionApplication3D/ConstructionModelInfo/addConstructionModelInfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-form

src/views/ConstructionApplication3D/Demolition/QMSetInfo.vue

@@ -1,292 +1,312 @@
-
 <template>
-    <!-- @blur="selectBlur($event, index)"  -->
-    <div style="padding: 1rem; ;width: 100%;">
-        <el-row :gutter="10">
-            <el-col :span="6">青苗补偿标准：</el-col>
-            <el-col :span="18">
-                <el-select v-model="bcbz" style="width: 90%;">
-                    <el-option v-for=" item in bcbzList" :key="item.value" :label="item.label" 
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-col>
-        </el-row>
-  
-        <el-row>
-            <el-col :span="6">农作物补偿：</el-col>
-            <el-col :span="16"><el-input style="width: 100%;" type="number" placeholder="请输入" readonly
-                    v-model="curBCBZ.BCBZ.TDCZ" ></el-input>
-            </el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">经济作物：</el-col>
-            <el-col :span="16"> <el-input style="width: 100%;" placeholder="请输入" v-model="curBCBZ.BCBZ.TDBCBS" ></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>      
-        <el-row>
-            <el-col :span="6">树木补偿：</el-col>
-            <el-col :span="16"> <el-input style="width: 100%;" placeholder="请输入" v-model="curBCBZ.BCBZ.TDBCBS" ></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>       
-        <el-row justify="center" type="flex">
-          
-                <el-button type="primary" @click="save()">保存</el-button>
-                <el-button type="primary" @click="saveAs()">另存为</el-button>
-                <el-button type="primary" @click="reset()">重置</el-button>
-         
-        </el-row>
-        <el-dialog title="标准名称设置" modal="false" :visible.sync="dialogFormVisible" modal-append-to-body>
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
-                <el-form-item label="名称" prop="name">
-                    <el-input v-model="ruleForm.name" autocomplete="off"></el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="dialogFormVisible = false">取消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
-            </div>
-        </el-dialog>
-    </div>
+  <!-- @blur="selectBlur($event, index)"  -->
+  <div class="ZTGlobal" style="padding: 1rem; width: 100%">
+    <el-row :gutter="10">
+      <el-col :span="6">青苗补偿标准：</el-col>
+      <el-col :span="18">
+        <el-select v-model="bcbz" style="width: 90%">
+          <el-option
+            v-for="item in bcbzList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">农作物补偿：</el-col>
+      <el-col :span="16"
+        ><el-input
+          style="width: 100%"
+          type="number"
+          placeholder="请输入"
+          readonly
+          v-model="curBCBZ.BCBZ.TDCZ"
+        ></el-input>
+      </el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">经济作物：</el-col>
+      <el-col :span="16">
+        <el-input
+          style="width: 100%"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDBCBS"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">树木补偿：</el-col>
+      <el-col :span="16">
+        <el-input
+          style="width: 100%"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDBCBS"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row justify="center" type="flex">
+      <el-button type="primary" @click="save()">保存</el-button>
+      <el-button type="primary" @click="saveAs()">另存为</el-button>
+      <el-button type="primary" @click="reset()">重置</el-button>
+    </el-row>
+    <el-dialog
+      title="标准名称设置"
+      modal="false"
+      :visible.sync="dialogFormVisible"
+      modal-append-to-body
+    >
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="ruleForm.name" autocomplete="off"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="submitForm('ruleForm')"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
 </template>
 <script>
 export default {
-    props: ["zdValue"],
-    name: 'QMSetInfo',
-    data() {
-        return {
-            dialogFormVisible: false,
-            ruleForm: {
-                name: null,
+  props: ["zdValue"],
+  name: "QMSetInfo",
+  data() {
+    return {
+      dialogFormVisible: false,
+      ruleForm: {
+        name: null,
+      },
+      rules: {
+        name: [
+          { required: true, message: "请输入名称", trigger: "blur" },
+          // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
+        ],
+      },
+      /**
+       * 补偿标准绑定值
+       */
+      bcbz: "",
+      // curLabel: '',
+      /**
+       * 补偿标准列表
+       */
+      bcbzList: JSON.parse(JSON.stringify(window.ZSBC.ZDBCList)),
+      /**
+       * 当前标准
+       */
+      curBCBZ: {
+        label: "",
+        value: "",
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: 0,
+          /**
+           * 土地补偿倍数
+           */
 
-            },
-            rules: {
-                name: [
-                    { required: true, message: '请输入名称', trigger: 'blur' },
-                    // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
-                ]
-            },
-            /**
-             * 补偿标准绑定值
-             */
-            bcbz: '',
-            // curLabel: '',
-            /**
-             * 补偿标准列表
-             */
-            bcbzList: JSON.parse(JSON.stringify(window.ZSBC.ZDBCList)),
-            /**
-             * 当前标准
-             */
-            curBCBZ: {
-                label: "",
-                value: "",
-                BCBZ: {
-                    /** 
-                     * 土地统一年产值
-                     */
-                    TDCZ: 0,
-                    /**
-                     * 土地补偿倍数
-                     */
+          TDBCBS: 0,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: 0,
+          /**
+           * 安置补偿倍数
+           */
 
-                    TDBCBS: 0,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: 0,
-                    /**
-                     * 安置补偿倍数
-                     */
-
-                    AZBCBS: 0,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: 0,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: 0,
-                }
-            }
-        }
+          AZBCBS: 0,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: 0,
+          /**
+           * 补偿合计
+           */
+          BCHJ: 0,
+        },
+      },
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    initForm() {
+      debugger;
+      if (this.zdValue && this.zdValue != "") {
+        this.bcbz = this.zdValue;
+        var item = this.bcbzList.find((t) => t.value == this.bcbz);
+        this.curBCBZ = item;
+      }
     },
-    mounted() {
-        this.initForm()
+    selectZDBZ() {
+      debugger;
+      if (this.bcbz && this.bcbz != "") {
+        this.curBCBZ = this.bcbzList.find((t) => t.value == this.bcbz);
+      }
+      this.changeZDBZ();
     },
-    methods:
-    {
-        initForm() {
-            debugger
-            if (this.zdValue && this.zdValue != "") {
-                this.bcbz = this.zdValue
-                var item = this.bcbzList.find(t => t.value == this.bcbz)
-                this.curBCBZ = item
-            }
-        },
-        selectZDBZ() {
-            debugger
-            if (this.bcbz && this.bcbz != "") {
-                this.curBCBZ = this.bcbzList.find(t => t.value == this.bcbz)
-            }
-            this.changeZDBZ()
-        },
-        /**
-         * 选择标准改变
-         */
-        changeZDBZ() {
-
-            this.curBCBZ.BCBZ.TDBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS
-            this.curBCBZ.BCBZ.AZBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS
-            this.curBCBZ.BCBZ.BCHJ = this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF
-
-        },
-        /**
-         * 重置
-         */
-        reset() {
-            // var val = this.bcbz
-            this.bcbzList = JSON.parse(JSON.stringify(window.ZSBC.ZDBCList))
-            var item = this.bcbzList.find(t => t.value == this.bcbz)
-            debugger
-            this.curBCBZ = {
-                label: item.label, value: item.value, BCBZ: {
-                    /** 
-                     * 土地统一年产值
-                     */
-                    TDCZ: item.BCBZ.TDCZ,
-                    /**
-                     * 土地补偿倍数
-                     */
-
-                    TDBCBS: item.BCBZ.TDBCBS,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: item.BCBZ.TDBCF,
-                    /**
-                     * 安置补偿倍数
-                     */
-
-                    AZBCBS: item.BCBZ.AZBCBS,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: item.BCBZ.AZBCF,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: item.BCBZ.BCHJ,
-                }
-            }
-
-            //     var item = this.bcbzList.find(t => t.value == this.bcbz)
-            // this.bcbz = val;
-        },
-        /**
-         * 保存修改
-         */
-        save() {
-            if (this.bcbz == "") {
-                this.$layer.alert("请选择补偿标准");
-                return;
-            }
-            debugger
-            var index = window.ZSBC.ZDBCList.findIndex(t => t.value == this.bcbz)
-            if (index > -1) {
-                window.ZSBC.ZDBCList[index] = this.curBCBZ
-                this.$layer.alert("保存完成");
-            }
-
-        },
-        /***
-         * 另存为
-         */
-        saveAs() {
-            // if (this.bcbz == "") {
-            //     this.$layer.alert("请选择补偿标准");
-            //     return
-            // }
-            this.dialogFormVisible = true;
+    /**
+     * 选择标准改变
+     */
+    changeZDBZ() {
+      this.curBCBZ.BCBZ.TDBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS;
+      this.curBCBZ.BCBZ.AZBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS;
+      this.curBCBZ.BCBZ.BCHJ =
+        this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF;
+    },
+    /**
+     * 重置
+     */
+    reset() {
+      // var val = this.bcbz
+      this.bcbzList = JSON.parse(JSON.stringify(window.ZSBC.ZDBCList));
+      var item = this.bcbzList.find((t) => t.value == this.bcbz);
+      debugger;
+      this.curBCBZ = {
+        label: item.label,
+        value: item.value,
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: item.BCBZ.TDCZ,
+          /**
+           * 土地补偿倍数
+           */
 
+          TDBCBS: item.BCBZ.TDBCBS,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: item.BCBZ.TDBCF,
+          /**
+           * 安置补偿倍数
+           */
 
+          AZBCBS: item.BCBZ.AZBCBS,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: item.BCBZ.AZBCF,
+          /**
+           * 补偿合计
+           */
+          BCHJ: item.BCBZ.BCHJ,
         },
-        submitForm(formName) {
-            this.$refs[formName].validate((valid) => {
-                if (valid) {
-                    // alert('submit!');
-                    this.dialogFormVisible = false
-                    this.saveData()
-                    // this.$layer.alert("保存完成");
-                } else {
-                    console.log('error submit!!');
-                    return false;
-                }
-            });
-        },
-        /**
-         * 另存数据
-         */
-        saveData() {
-            debugger
-            var val = (window.ZSBC.ZDBCList.length + 1).toString()
-            var newBCBZ = {
-
-                label: this.ruleForm.name,
-                value: val,
-                BCBZ: {
-                    /** 
-                                 * 土地统一年产值
-                                 */
-                    TDCZ: this.curBCBZ.BCBZ.TDCZ,
-                    /**
-                     * 土地补偿倍数
-                     */
+      };
 
-                    TDBCBS: this.curBCBZ.BCBZ.TDBCBS,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: this.curBCBZ.BCBZ.TDBCF,
-                    /**
-                     * 安置补偿倍数
-                     */
-
-                    AZBCBS: this.curBCBZ.BCBZ.AZBCBS,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: this.curBCBZ.BCBZ.AZBCF,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: this.curBCBZ.BCBZ.BCHJ,
-                },
-            }
-            window.ZSBC.ZDBCList.push(newBCBZ)
-            this.bcbzList = window.ZSBC.ZDBCList;
-            this.bcbz = val
+      //     var item = this.bcbzList.find(t => t.value == this.bcbz)
+      // this.bcbz = val;
+    },
+    /**
+     * 保存修改
+     */
+    save() {
+      if (this.bcbz == "") {
+        this.$layer.alert("请选择补偿标准");
+        return;
+      }
+      debugger;
+      var index = window.ZSBC.ZDBCList.findIndex((t) => t.value == this.bcbz);
+      if (index > -1) {
+        window.ZSBC.ZDBCList[index] = this.curBCBZ;
+        this.$layer.alert("保存完成");
+      }
+    },
+    /***
+     * 另存为
+     */
+    saveAs() {
+      // if (this.bcbz == "") {
+      //     this.$layer.alert("请选择补偿标准");
+      //     return
+      // }
+      this.dialogFormVisible = true;
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          // alert('submit!');
+          this.dialogFormVisible = false;
+          this.saveData();
+          // this.$layer.alert("保存完成");
+        } else {
+          console.log("error submit!!");
+          return false;
         }
+      });
+    },
+    /**
+     * 另存数据
+     */
+    saveData() {
+      debugger;
+      var val = (window.ZSBC.ZDBCList.length + 1).toString();
+      var newBCBZ = {
+        label: this.ruleForm.name,
+        value: val,
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: this.curBCBZ.BCBZ.TDCZ,
+          /**
+           * 土地补偿倍数
+           */
 
+          TDBCBS: this.curBCBZ.BCBZ.TDBCBS,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: this.curBCBZ.BCBZ.TDBCF,
+          /**
+           * 安置补偿倍数
+           */
 
-
-    }
-}
+          AZBCBS: this.curBCBZ.BCBZ.AZBCBS,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: this.curBCBZ.BCBZ.AZBCF,
+          /**
+           * 补偿合计
+           */
+          BCHJ: this.curBCBZ.BCBZ.BCHJ,
+        },
+      };
+      window.ZSBC.ZDBCList.push(newBCBZ);
+      this.bcbzList = window.ZSBC.ZDBCList;
+      this.bcbz = val;
+    },
+  },
+};
 </script>
 <style lang="scss">
 @import "@/../../zt.scss";
 </style>
 <style scoped>
 .el-row {
-    /* padding: 0.5rem 0 0.5rem 0; */
-    /* display: inline-flex; */
-    /* align-items: center; */
-    margin-bottom: 0.5rem;
+  /* padding: 0.5rem 0 0.5rem 0; */
+  /* display: inline-flex; */
+  /* align-items: center; */
+  margin-bottom: 0.5rem;
 }
 .subtitle {
-    color: #02a7f0;
-    font-weight: 400;
+  color: #02a7f0;
+  font-weight: 400;
 }
 
 /* .el -input>input, .el-select-dropdown, .el-textarea>textarea
@@ -301,4 +321,4 @@ export default {
 {
    text-align: center;
 } */
-</style>
+</style>

src/views/ConstructionApplication3D/Demolition/QMShowInfo.vue

@@ -1,132 +1,150 @@
-
 <template>
-    <div style="padding: 1rem; ;width: 100%;">
-        <el-row :gutter="10">
-            <el-col :span="6">青苗补偿标准：</el-col>
-            <el-col :span="18">
-                <el-select v-model="bcbz" style="width: 90%;">
-                    <el-option v-for=" item in bcbzList" :key="item.value" :label="item.label" 
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-col>
-        </el-row>
+  <div class="ZTGlobal" style="padding: 1rem; width: 100%">
+    <el-row :gutter="10">
+      <el-col :span="6">青苗补偿标准：</el-col>
+      <el-col :span="18">
+        <el-select v-model="bcbz" style="width: 90%">
+          <el-option
+            v-for="item in bcbzList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-col>
+    </el-row>
 
-        <el-row>
-            <el-col :span="6">农作物补偿：</el-col>
-            <el-col :span="16"><el-input style="width: 100%;" type="number" placeholder="请输入" readonly
-                    v-model="curBCBZ.BCBZ.TDCZ" ></el-input>
-            </el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">经济作物：</el-col>
-            <el-col :span="16"> <el-input style="width: 100%;" placeholder="请输入" v-model="curBCBZ.BCBZ.TDBCBS" ></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>      
-        <el-row>
-            <el-col :span="6">树木补偿：</el-col>
-            <el-col :span="16"> <el-input style="width: 100%;" placeholder="请输入" v-model="curBCBZ.BCBZ.TDBCBS" ></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>      
-    </div>
+    <el-row>
+      <el-col :span="6">农作物补偿：</el-col>
+      <el-col :span="16"
+        ><el-input
+          style="width: 100%"
+          type="number"
+          placeholder="请输入"
+          readonly
+          v-model="curBCBZ.BCBZ.TDCZ"
+        ></el-input>
+      </el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">经济作物：</el-col>
+      <el-col :span="16">
+        <el-input
+          style="width: 100%"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDBCBS"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">树木补偿：</el-col>
+      <el-col :span="16">
+        <el-input
+          style="width: 100%"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDBCBS"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+  </div>
 </template>
 <script>
 export default {
-    props: ["zdValue"],
-    name: 'QMShowInfo',
-    data() {
-        return {
-            /**
-             * 补偿标准绑定值
-             */
-            bcbz: '',
-            /**
-             * 补偿标准列表
-             */
-            bcbzList: [],
-            /**
-             * 当前标准
-             */
-            curBCBZ: {
-                label: "征地标准01",
-                value: "1",
-                BCBZ: {
-                    /** 
-                     * 土地统一年产值
-                     */
-                    TDCZ: 1000,
-                    /**
-                     * 土地补偿倍数
-                     */
-
-                    TDBCBS: 10,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: 10000,
-                    /**
-                     * 安置补偿倍数
-                     */
-
-                    AZBCBS: 10,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: 10000,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: 20000,
-                }
-            }
-        }
-    },
-    mounted() {
-        this.initForm()
-    },
-
-    computed() {
+  props: ["zdValue"],
+  name: "QMShowInfo",
+  data() {
+    return {
+      /**
+       * 补偿标准绑定值
+       */
+      bcbz: "",
+      /**
+       * 补偿标准列表
+       */
+      bcbzList: [],
+      /**
+       * 当前标准
+       */
+      curBCBZ: {
+        label: "征地标准01",
+        value: "1",
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: 1000,
+          /**
+           * 土地补偿倍数
+           */
 
-        FYJS()
-        {
+          TDBCBS: 10,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: 10000,
+          /**
+           * 安置补偿倍数
+           */
 
-        }
-
-    },
-    methods:
-    {
-        initForm() {
-            // debugger
-            this.bcbzList = window.ZSBC.ZDBCList
-            this.bcbz = this.zdValue
-            this.curBCBZ = this.bcbzList.find(t => t.value == this.bcbz)
+          AZBCBS: 10,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: 10000,
+          /**
+           * 补偿合计
+           */
+          BCHJ: 20000,
         },
-        /**
-         * 选择标准改变
-         */
-        changeZDBZ() {
-            debugger
-            this.curBCBZ.BCBZ.TDBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS
-            this.curBCBZ.BCBZ.AZBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS
-            this.curBCBZ.BCBZ.BCHJ = this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF
-
-        }
+      },
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
 
+  computed() {
+    FYJS();
+    {
     }
-}
+  },
+  methods: {
+    initForm() {
+      // debugger
+      this.bcbzList = window.ZSBC.ZDBCList;
+      this.bcbz = this.zdValue;
+      this.curBCBZ = this.bcbzList.find((t) => t.value == this.bcbz);
+    },
+    /**
+     * 选择标准改变
+     */
+    changeZDBZ() {
+      debugger;
+      this.curBCBZ.BCBZ.TDBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS;
+      this.curBCBZ.BCBZ.AZBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS;
+      this.curBCBZ.BCBZ.BCHJ =
+        this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF;
+    },
+  },
+};
 </script>
 <style lang="scss">
 @import "@/../../zt.scss";
 </style>
 <style scoped>
 .el-row {
-    /* padding: 0.5rem 0 0.5rem 0; */
-    /* display: inline-flex; */
-    /* align-items: center; */
-    margin-bottom: 0.5rem;
+  /* padding: 0.5rem 0 0.5rem 0; */
+  /* display: inline-flex; */
+  /* align-items: center; */
+  margin-bottom: 0.5rem;
 }
 .subtitle {
-    color: #02a7f0;
-    /* font-weight: 400; */
+  color: #02a7f0;
+  /* font-weight: 400; */
 }
-</style>
+</style>

src/views/ConstructionApplication3D/Demolition/ZDSetInfo.vue

@@ -1,317 +1,369 @@
-
 <template>
-    <!-- @blur="selectBlur($event, index)"  -->
-    <div style="width: 100%;padding: 1rem;">
-        <el-row >
-            <el-col :span="6">征地补偿标准：</el-col>
-            <el-col :span="18">
-                <el-select v-model="bcbz" style="width: 90%;" @change="selectZDBZ" placeholder="请选择">
-                    <el-option v-for=" item in bcbzList" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">统一年产值</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">土地年产值：</el-col>
-            <el-col :span="16"><el-input style="width: 100%;" type="number" placeholder="请输入" v-model="curBCBZ.BCBZ.TDCZ"
-                    @change="changeZDBZ"></el-input>
-            </el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">土地补偿费</el-col>
-            <el-col :span="12" style="font-size: small;color: aqua;">统一年产值 X 综合补偿倍数</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">综合补偿倍数：</el-col>
-            <el-col :span="16"><el-input style="width: 100%;" type="number" placeholder="请输入" v-model="curBCBZ.BCBZ.TDBCBS"
-                    @change="changeZDBZ"></el-input></el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">土地补偿费：</el-col>
-            <el-col :span="16">
-                <el-input placeholder="自动计算" readonly v-model="curBCBZ.BCBZ.TDBCF"></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">安置补偿费</el-col>
-            <el-col :span="12" style="font-size: small;color: aqua;">统一年产值 X 综合补偿倍数</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">综合补偿倍数</el-col>
-            <el-col :span="16"><el-input type="number" style="width: 100%;" placeholder="请输入" v-model="curBCBZ.BCBZ.AZBCBS"
-                    @change="changeZDBZ"></el-input></el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">安置补偿费：</el-col>
-            <el-col :span="16"><el-input v-model="curBCBZ.BCBZ.AZBCF" readonly placeholder="自动计算"></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">补偿费及安置补助费合计</el-col>
-            <el-col :span="12" style="font-size: small;color: aqua;">统一年产值 X 综合补偿倍数</el-col>
-        </el-row>
-        <el-row >
-            <el-col :span="6">征地补偿合计：</el-col> <el-col :span="16"><el-input v-model="curBCBZ.BCBZ.BCHJ" readonly
-                    placeholder="自动计算"></el-input></el-col> <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row justify="center" type="flex">
-                <el-button type="primary" @click="save()">保存</el-button>
-                <el-button type="primary" @click="saveAs()">另存为</el-button>
-                <el-button type="primary" @click="reset()">重置</el-button>
-        </el-row>
-        <el-dialog title="标准名称设置" modal="false" :visible.sync="dialogFormVisible" modal-append-to-body>
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
-                <el-form-item label="名称" prop="name">
-                    <el-input v-model="ruleForm.name" autocomplete="off"></el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="dialogFormVisible = false">取消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
-            </div>
-        </el-dialog>
-    </div>
+  <!-- @blur="selectBlur($event, index)"  -->
+  <div class="ZTGlobal" style="width: 100%; padding: 1rem">
+    <el-row>
+      <el-col :span="6">征地补偿标准：</el-col>
+      <el-col :span="18">
+        <el-select
+          v-model="bcbz"
+          style="width: 90%"
+          @change="selectZDBZ"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in bcbzList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">统一年产值</el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">土地年产值：</el-col>
+      <el-col :span="16"
+        ><el-input
+          style="width: 100%"
+          type="number"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDCZ"
+          @change="changeZDBZ"
+        ></el-input>
+      </el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">土地补偿费</el-col>
+      <el-col :span="12" style="font-size: small; color: aqua"
+        >统一年产值 X 综合补偿倍数</el-col
+      >
+    </el-row>
+    <el-row>
+      <el-col :span="6">综合补偿倍数：</el-col>
+      <el-col :span="16"
+        ><el-input
+          style="width: 100%"
+          type="number"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDBCBS"
+          @change="changeZDBZ"
+        ></el-input
+      ></el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">土地补偿费：</el-col>
+      <el-col :span="16">
+        <el-input
+          placeholder="自动计算"
+          readonly
+          v-model="curBCBZ.BCBZ.TDBCF"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">安置补偿费</el-col>
+      <el-col :span="12" style="font-size: small; color: aqua"
+        >统一年产值 X 综合补偿倍数</el-col
+      >
+    </el-row>
+    <el-row>
+      <el-col :span="6">综合补偿倍数</el-col>
+      <el-col :span="16"
+        ><el-input
+          type="number"
+          style="width: 100%"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.AZBCBS"
+          @change="changeZDBZ"
+        ></el-input
+      ></el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">安置补偿费：</el-col>
+      <el-col :span="16"
+        ><el-input
+          v-model="curBCBZ.BCBZ.AZBCF"
+          readonly
+          placeholder="自动计算"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">补偿费及安置补助费合计</el-col>
+      <el-col :span="12" style="font-size: small; color: aqua"
+        >统一年产值 X 综合补偿倍数</el-col
+      >
+    </el-row>
+    <el-row>
+      <el-col :span="6">征地补偿合计：</el-col>
+      <el-col :span="16"
+        ><el-input
+          v-model="curBCBZ.BCBZ.BCHJ"
+          readonly
+          placeholder="自动计算"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row justify="center" type="flex">
+      <el-button type="primary" @click="save()">保存</el-button>
+      <el-button type="primary" @click="saveAs()">另存为</el-button>
+      <el-button type="primary" @click="reset()">重置</el-button>
+    </el-row>
+    <el-dialog
+      title="标准名称设置"
+      modal="false"
+      :visible.sync="dialogFormVisible"
+      modal-append-to-body
+    >
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="ruleForm.name" autocomplete="off"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="submitForm('ruleForm')"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
 </template>
 <script>
 export default {
-    props: ["zdValue"],
-    name: 'ZDShowInfo',
-    data() {
-        return {
-            dialogFormVisible: false,
-            ruleForm: {
-                name: null,
-
-            },
-            rules: {
-                name: [
-                    { required: true, message: '请输入名称', trigger: 'blur' },
-                    // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
-                ]
-            },
-            /**
-             * 补偿标准绑定值
-             */
-            bcbz: '',
-            // curLabel: '',
-            /**
-             * 补偿标准列表
-             */
-            bcbzList: JSON.parse(JSON.stringify(window.ZSBC.ZDBCList)),
-            /**
-             * 当前标准
-             */
-            curBCBZ: {
-                label: "",
-                value: "",
-                BCBZ: {
-                    /** 
-                     * 土地统一年产值
-                     */
-                    TDCZ: 0,
-                    /**
-                     * 土地补偿倍数
-                     */
+  props: ["zdValue"],
+  name: "ZDShowInfo",
+  data() {
+    return {
+      dialogFormVisible: false,
+      ruleForm: {
+        name: null,
+      },
+      rules: {
+        name: [
+          { required: true, message: "请输入名称", trigger: "blur" },
+          // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
+        ],
+      },
+      /**
+       * 补偿标准绑定值
+       */
+      bcbz: "",
+      // curLabel: '',
+      /**
+       * 补偿标准列表
+       */
+      bcbzList: JSON.parse(JSON.stringify(window.ZSBC.ZDBCList)),
+      /**
+       * 当前标准
+       */
+      curBCBZ: {
+        label: "",
+        value: "",
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: 0,
+          /**
+           * 土地补偿倍数
+           */
 
-                    TDBCBS: 0,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: 0,
-                    /**
-                     * 安置补偿倍数
-                     */
+          TDBCBS: 0,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: 0,
+          /**
+           * 安置补偿倍数
+           */
 
-                    AZBCBS: 0,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: 0,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: 0,
-                }
-            }
-        }
+          AZBCBS: 0,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: 0,
+          /**
+           * 补偿合计
+           */
+          BCHJ: 0,
+        },
+      },
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    initForm() {
+      debugger;
+      if (this.zdValue && this.zdValue != "") {
+        this.bcbz = this.zdValue;
+        var item = this.bcbzList.find((t) => t.value == this.bcbz);
+        this.curBCBZ = item;
+      }
     },
-    mounted() {
-        this.initForm()
+    selectZDBZ() {
+      debugger;
+      if (this.bcbz && this.bcbz != "") {
+        this.curBCBZ = this.bcbzList.find((t) => t.value == this.bcbz);
+      }
+      this.changeZDBZ();
     },
-    methods:
-    {
-        initForm() {
-            debugger
-            if (this.zdValue && this.zdValue != "") {
-                this.bcbz = this.zdValue
-                var item = this.bcbzList.find(t => t.value == this.bcbz)
-                this.curBCBZ = item
-            }
-        },
-        selectZDBZ() {
-            debugger
-            if (this.bcbz && this.bcbz != "") {
-                this.curBCBZ = this.bcbzList.find(t => t.value == this.bcbz)
-            }
-            this.changeZDBZ()
-        },
-        /**
-         * 选择标准改变
-         */
-        changeZDBZ() {
-
-            this.curBCBZ.BCBZ.TDBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS
-            this.curBCBZ.BCBZ.AZBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS
-            this.curBCBZ.BCBZ.BCHJ = this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF
-
-        },
-        /**
-         * 重置
-         */
-        reset() {
-            // var val = this.bcbz
-            this.bcbzList = JSON.parse(JSON.stringify(window.ZSBC.ZDBCList))
-            var item = this.bcbzList.find(t => t.value == this.bcbz)
-            debugger
-            this.curBCBZ = {
-                label: item.label, value: item.value, BCBZ: {
-                    /** 
-                     * 土地统一年产值
-                     */
-                    TDCZ: item.BCBZ.TDCZ,
-                    /**
-                     * 土地补偿倍数
-                     */
-
-                    TDBCBS: item.BCBZ.TDBCBS,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: item.BCBZ.TDBCF,
-                    /**
-                     * 安置补偿倍数
-                     */
-
-                    AZBCBS: item.BCBZ.AZBCBS,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: item.BCBZ.AZBCF,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: item.BCBZ.BCHJ,
-                }
-            }
-
-            //     var item = this.bcbzList.find(t => t.value == this.bcbz)
-            // this.bcbz = val;
-        },
-        /**
-         * 保存修改
-         */
-        save() {
-            if (this.bcbz == "") {
-                this.$layer.alert("请选择补偿标准");
-                return;
-            }
-            debugger
-            var index = window.ZSBC.ZDBCList.findIndex(t => t.value == this.bcbz)
-            if (index > -1) {
-                window.ZSBC.ZDBCList[index] = this.curBCBZ
-                this.$layer.alert("保存完成");
-            }
-
-        },
-        /***
-         * 另存为
-         */
-        saveAs() {
-            // if (this.bcbz == "") {
-            //     this.$layer.alert("请选择补偿标准");
-            //     return
-            // }
-            this.dialogFormVisible = true;
+    /**
+     * 选择标准改变
+     */
+    changeZDBZ() {
+      this.curBCBZ.BCBZ.TDBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS;
+      this.curBCBZ.BCBZ.AZBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS;
+      this.curBCBZ.BCBZ.BCHJ =
+        this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF;
+    },
+    /**
+     * 重置
+     */
+    reset() {
+      // var val = this.bcbz
+      this.bcbzList = JSON.parse(JSON.stringify(window.ZSBC.ZDBCList));
+      var item = this.bcbzList.find((t) => t.value == this.bcbz);
+      debugger;
+      this.curBCBZ = {
+        label: item.label,
+        value: item.value,
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: item.BCBZ.TDCZ,
+          /**
+           * 土地补偿倍数
+           */
 
+          TDBCBS: item.BCBZ.TDBCBS,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: item.BCBZ.TDBCF,
+          /**
+           * 安置补偿倍数
+           */
 
+          AZBCBS: item.BCBZ.AZBCBS,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: item.BCBZ.AZBCF,
+          /**
+           * 补偿合计
+           */
+          BCHJ: item.BCBZ.BCHJ,
         },
-        submitForm(formName) {
-            this.$refs[formName].validate((valid) => {
-                if (valid) {
-                    // alert('submit!');
-                    this.dialogFormVisible = false
-                    this.saveData()
-                    // this.$layer.alert("保存完成");
-                } else {
-                    console.log('error submit!!');
-                    return false;
-                }
-            });
-        },
-        /**
-         * 另存数据
-         */
-        saveData() {
-            debugger
-            var val = (window.ZSBC.ZDBCList.length + 1).toString()
-            var newBCBZ = {
-
-                label: this.ruleForm.name,
-                value: val,
-                BCBZ: {
-                    /** 
-                                 * 土地统一年产值
-                                 */
-                    TDCZ: this.curBCBZ.BCBZ.TDCZ,
-                    /**
-                     * 土地补偿倍数
-                     */
-
-                    TDBCBS: this.curBCBZ.BCBZ.TDBCBS,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: this.curBCBZ.BCBZ.TDBCF,
-                    /**
-                     * 安置补偿倍数
-                     */
+      };
 
-                    AZBCBS: this.curBCBZ.BCBZ.AZBCBS,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: this.curBCBZ.BCBZ.AZBCF,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: this.curBCBZ.BCBZ.BCHJ,
-                },
-            }
-            window.ZSBC.ZDBCList.push(newBCBZ)
-            this.bcbzList = window.ZSBC.ZDBCList;
-            this.bcbz = val
+      //     var item = this.bcbzList.find(t => t.value == this.bcbz)
+      // this.bcbz = val;
+    },
+    /**
+     * 保存修改
+     */
+    save() {
+      if (this.bcbz == "") {
+        this.$layer.alert("请选择补偿标准");
+        return;
+      }
+      debugger;
+      var index = window.ZSBC.ZDBCList.findIndex((t) => t.value == this.bcbz);
+      if (index > -1) {
+        window.ZSBC.ZDBCList[index] = this.curBCBZ;
+        this.$layer.alert("保存完成");
+      }
+    },
+    /***
+     * 另存为
+     */
+    saveAs() {
+      // if (this.bcbz == "") {
+      //     this.$layer.alert("请选择补偿标准");
+      //     return
+      // }
+      this.dialogFormVisible = true;
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          // alert('submit!');
+          this.dialogFormVisible = false;
+          this.saveData();
+          // this.$layer.alert("保存完成");
+        } else {
+          console.log("error submit!!");
+          return false;
         }
+      });
+    },
+    /**
+     * 另存数据
+     */
+    saveData() {
+      debugger;
+      var val = (window.ZSBC.ZDBCList.length + 1).toString();
+      var newBCBZ = {
+        label: this.ruleForm.name,
+        value: val,
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: this.curBCBZ.BCBZ.TDCZ,
+          /**
+           * 土地补偿倍数
+           */
 
+          TDBCBS: this.curBCBZ.BCBZ.TDBCBS,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: this.curBCBZ.BCBZ.TDBCF,
+          /**
+           * 安置补偿倍数
+           */
 
-
-    }
-}
+          AZBCBS: this.curBCBZ.BCBZ.AZBCBS,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: this.curBCBZ.BCBZ.AZBCF,
+          /**
+           * 补偿合计
+           */
+          BCHJ: this.curBCBZ.BCBZ.BCHJ,
+        },
+      };
+      window.ZSBC.ZDBCList.push(newBCBZ);
+      this.bcbzList = window.ZSBC.ZDBCList;
+      this.bcbz = val;
+    },
+  },
+};
 </script>
 <style lang="scss">
 @import "@/../../zt.scss";
 </style>
 <style scoped>
-.el-row 
-{
-    margin-bottom: 0.5rem;
+.el-row {
+  margin-bottom: 0.5rem;
 }
 .subtitle {
-    color: #02a7f0;
-    font-weight: 400;
+  color: #02a7f0;
+  font-weight: 400;
 }
 
 /* .el -input>input, .el-select-dropdown, .el-textarea>textarea
@@ -326,4 +378,4 @@ export default {
 {
    text-align: center;
 } */
-</style>
+</style>

src/views/ConstructionApplication3D/Demolition/ZDShowInfo.vue

@@ -1,160 +1,207 @@
-
 <template>
-   <div style="width: 100%;padding: 1rem;">
-        <el-row >
-            <el-col :span="6">征地补偿标准：</el-col>
-            <el-col :span="18">
-                <el-select v-model="bcbz" style="width: 90%;" @change="selectZDBZ" placeholder="请选择">
-                    <el-option v-for=" item in bcbzList" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">统一年产值</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">土地年产值：</el-col>
-            <el-col :span="16"><el-input style="width: 100%;" type="number" placeholder="请输入" v-model="curBCBZ.BCBZ.TDCZ"
-                    @change="changeZDBZ"></el-input>
-            </el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">土地补偿费</el-col>
-            <el-col :span="12" style="font-size: small;color: aqua;">统一年产值 X 综合补偿倍数</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">综合补偿倍数：</el-col>
-            <el-col :span="16"><el-input style="width: 100%;" type="number" placeholder="请输入" v-model="curBCBZ.BCBZ.TDBCBS"
-                    @change="changeZDBZ"></el-input></el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">土地补偿费：</el-col>
-            <el-col :span="16">
-                <el-input placeholder="自动计算" readonly v-model="curBCBZ.BCBZ.TDBCF"></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">安置补偿费</el-col>
-            <el-col :span="12" style="font-size: small;color: aqua;">统一年产值 X 综合补偿倍数</el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">综合补偿倍数</el-col>
-            <el-col :span="16"><el-input type="number" style="width: 100%;" placeholder="请输入" v-model="curBCBZ.BCBZ.AZBCBS"
-                    @change="changeZDBZ"></el-input></el-col>
-        </el-row>
-        <el-row>
-            <el-col :span="6">安置补偿费：</el-col>
-            <el-col :span="16"><el-input v-model="curBCBZ.BCBZ.AZBCF" readonly placeholder="自动计算"></el-input></el-col>
-            <el-col :span="2">元/亩</el-col>
-        </el-row>
-        <el-row class="subtitle">
-            <el-col :span="12">补偿费及安置补助费合计</el-col>
-            <el-col :span="12" style="font-size: small;color: aqua;">统一年产值 X 综合补偿倍数</el-col>
-        </el-row>
-        <el-row >
-            <el-col :span="6">征地补偿合计：</el-col> <el-col :span="16"><el-input v-model="curBCBZ.BCBZ.BCHJ" readonly
-                    placeholder="自动计算"></el-input></el-col> <el-col :span="2">元/亩</el-col>
-        </el-row>
-   </div>
-
+  <div class="ZTGlobal" style="width: 100%; padding: 1rem">
+    <el-row>
+      <el-col :span="6">征地补偿标准：</el-col>
+      <el-col :span="18">
+        <el-select
+          v-model="bcbz"
+          style="width: 90%"
+          @change="selectZDBZ"
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in bcbzList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">统一年产值</el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">土地年产值：</el-col>
+      <el-col :span="16"
+        ><el-input
+          style="width: 100%"
+          type="number"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDCZ"
+          @change="changeZDBZ"
+        ></el-input>
+      </el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">土地补偿费</el-col>
+      <el-col :span="12" style="font-size: small; color: aqua"
+        >统一年产值 X 综合补偿倍数</el-col
+      >
+    </el-row>
+    <el-row>
+      <el-col :span="6">综合补偿倍数：</el-col>
+      <el-col :span="16"
+        ><el-input
+          style="width: 100%"
+          type="number"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.TDBCBS"
+          @change="changeZDBZ"
+        ></el-input
+      ></el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">土地补偿费：</el-col>
+      <el-col :span="16">
+        <el-input
+          placeholder="自动计算"
+          readonly
+          v-model="curBCBZ.BCBZ.TDBCF"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">安置补偿费</el-col>
+      <el-col :span="12" style="font-size: small; color: aqua"
+        >统一年产值 X 综合补偿倍数</el-col
+      >
+    </el-row>
+    <el-row>
+      <el-col :span="6">综合补偿倍数</el-col>
+      <el-col :span="16"
+        ><el-input
+          type="number"
+          style="width: 100%"
+          placeholder="请输入"
+          v-model="curBCBZ.BCBZ.AZBCBS"
+          @change="changeZDBZ"
+        ></el-input
+      ></el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">安置补偿费：</el-col>
+      <el-col :span="16"
+        ><el-input
+          v-model="curBCBZ.BCBZ.AZBCF"
+          readonly
+          placeholder="自动计算"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+    <el-row class="subtitle">
+      <el-col :span="12">补偿费及安置补助费合计</el-col>
+      <el-col :span="12" style="font-size: small; color: aqua"
+        >统一年产值 X 综合补偿倍数</el-col
+      >
+    </el-row>
+    <el-row>
+      <el-col :span="6">征地补偿合计：</el-col>
+      <el-col :span="16"
+        ><el-input
+          v-model="curBCBZ.BCBZ.BCHJ"
+          readonly
+          placeholder="自动计算"
+        ></el-input
+      ></el-col>
+      <el-col :span="2">元/亩</el-col>
+    </el-row>
+  </div>
 </template>
 <script>
 export default {
-    props: ["zdValue"],
-    name: 'ZDShowInfo',
-    data() {
-        return {
-            /**
-             * 补偿标准绑定值
-             */
-            bcbz: '',
-            /**
-             * 补偿标准列表
-             */
-            bcbzList: [],
-            /**
-             * 当前标准
-             */
-            curBCBZ: {
-                label: "征地标准01",
-                value: "1",
-                BCBZ: {
-                    /** 
-                     * 土地统一年产值
-                     */
-                    TDCZ: 1000,
-                    /**
-                     * 土地补偿倍数
-                     */
-
-                    TDBCBS: 10,
-                    /**
-                     * 土地补偿费
-                     */
-                    TDBCF: 10000,
-                    /**
-                     * 安置补偿倍数
-                     */
-
-                    AZBCBS: 10,
-                    /**
-                     * 安置补偿费
-                     */
-                    AZBCF: 10000,
-                    /**
-                     * 补偿合计
-                     */
-                    BCHJ: 20000,
-                }
-            }
-        }
-    },
-    mounted() {
-        this.initForm()
-    },
-
-    computed() {
-
-        FYJS()
-        {
+  props: ["zdValue"],
+  name: "ZDShowInfo",
+  data() {
+    return {
+      /**
+       * 补偿标准绑定值
+       */
+      bcbz: "",
+      /**
+       * 补偿标准列表
+       */
+      bcbzList: [],
+      /**
+       * 当前标准
+       */
+      curBCBZ: {
+        label: "征地标准01",
+        value: "1",
+        BCBZ: {
+          /**
+           * 土地统一年产值
+           */
+          TDCZ: 1000,
+          /**
+           * 土地补偿倍数
+           */
 
-        }
+          TDBCBS: 10,
+          /**
+           * 土地补偿费
+           */
+          TDBCF: 10000,
+          /**
+           * 安置补偿倍数
+           */
 
-    },
-    methods:
-    {
-        initForm() {
-            // debugger
-            this.bcbzList = window.ZSBC.ZDBCList
-            this.bcbz = this.zdValue
-            this.curBCBZ = this.bcbzList.find(t => t.value == this.bcbz)
+          AZBCBS: 10,
+          /**
+           * 安置补偿费
+           */
+          AZBCF: 10000,
+          /**
+           * 补偿合计
+           */
+          BCHJ: 20000,
         },
-        /**
-         * 选择标准改变
-         */
-        changeZDBZ() {
-            debugger
-            this.curBCBZ.BCBZ.TDBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS
-            this.curBCBZ.BCBZ.AZBCF = this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS
-            this.curBCBZ.BCBZ.BCHJ = this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF
-
-        }
+      },
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
 
+  computed() {
+    FYJS();
+    {
     }
-}
+  },
+  methods: {
+    initForm() {
+      // debugger
+      this.bcbzList = window.ZSBC.ZDBCList;
+      this.bcbz = this.zdValue;
+      this.curBCBZ = this.bcbzList.find((t) => t.value == this.bcbz);
+    },
+    /**
+     * 选择标准改变
+     */
+    changeZDBZ() {
+      debugger;
+      this.curBCBZ.BCBZ.TDBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.TDBCBS;
+      this.curBCBZ.BCBZ.AZBCF =
+        this.curBCBZ.BCBZ.TDCZ * this.curBCBZ.BCBZ.AZBCBS;
+      this.curBCBZ.BCBZ.BCHJ =
+        this.curBCBZ.BCBZ.TDBCF + this.curBCBZ.BCBZ.AZBCF;
+    },
+  },
+};
 </script>
 <style lang="scss">
 @import "@/../../zt.scss";
 </style>
 <style scoped>
-.el-row 
-{
-    margin-bottom: 0.5rem;
+.el-row {
+  margin-bottom: 0.5rem;
 }
 .subtitle {
-    color: #02a7f0;
-    font-weight: 400;
+  color: #02a7f0;
+  font-weight: 400;
 }
-</style>
+</style>

src/views/ConstructionApplication3D/HighLimitAnalysis/HighLimitAnalysis.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <div class="titleHeader">

src/views/ConstructionApplication3D/Layers/LayerTree.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="treePanel">
+  <div class="ZTGlobal treePanel">
     <el-tree
       ref="tree"
       default-expand-all

src/views/ConstructionApplication3D/MXDBinfo/MXDBinfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-button

src/views/ConstructionApplication3D/NightscapeAnalysis/NightscapeAnalysis.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <div class="titleHeader">
@@ -70,7 +73,6 @@
               <el-form-item label="光源颜色">
                 <el-color-picker
                   size="mini"
-                  popper-class="colorPicker"
                   v-model="dgyform.gyColor"
                 ></el-color-picker>
                 <el-button size="mini" @click="addPoint"

src/views/ConstructionApplication3D/PlanningPlot/PlanningPlotInfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-descriptions column="1">

src/views/ConstructionApplication3D/SunlightAnalysis/SunlightAnalysis.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1.1rem 0rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1.1rem 0rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <div class="titleHeader">

src/views/ConstructionApplication3D/ZBFXAnalysisinfo/ZBFXAnalysisinfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-row

src/views/ConstructionApplication3D/ZYAnalysisinfo/ZYAnalysisinfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <div class="titleHeader">

src/views/ConstructionApplication3D/backLineAnalysis/backLineAnalysisinfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <div class="titleHeader">

src/views/ConstructionApplication3D/billboard/addBiillboardModel.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="height: 100%; padding: 10px; color: white">
+  <div class="ZTGlobal" style="height: 100%; padding: 10px; color: white">
     <el-row>
       <span>模型名称：</span
       ><el-input

src/views/ConstructionApplication3D/billboard/addBillboardPoject.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-form ref="ruleForm" :model="form" :rules="rules" label-width="90px">

src/views/ConstructionApplication3D/billboard/billboardCheckList.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 400px; padding: 5px; font-size: 10px; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 400px; padding: 5px; font-size: 10px; color: white"
+  >
     <el-row>
       <el-col :span="12">
         <el-col :span="12">广告位：</el-col>
@@ -187,4 +190,7 @@ export default {
   },
 };
 </script>
+<style lang="scss">
+@import "@/../../zt.scss";
+</style>
 <style scoped></style>

src/views/ConstructionApplication3D/billboard/billboardChekInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 400px; padding: 5px; height: 100%">
+  <div class="ZTGlobal" style="width: 400px; padding: 5px; height: 100%">
     <el-row>
       <span style="color: white">{{ info.billboardType }}</span>
     </el-row>
@@ -366,6 +366,9 @@ export default {
   },
 };
 </script>
+<style lang="scss">
+@import "@/../../zt.scss";
+</style>
 <style scoped>
 div
   .el-row

src/views/ConstructionApplication3D/billboard/billboardDesign.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="18">
         <el-input
@@ -504,7 +507,7 @@ export default {
     height: 4rem;
   }
 }
-.con-col{
+.con-col {
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;

src/views/ConstructionApplication3D/billboard/billboarddetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="height: 100%; width: 100%; padding: 5px">
+  <div class="ZTGlobal" style="height: 100%; width: 100%; padding: 5px">
     <el-row>
       <el-col span="24">
         <el-descriptions
@@ -77,4 +77,7 @@ export default {
   },
 };
 </script>
+<style lang="scss">
+@import "@/../../zt.scss";
+</style>
 <style scoped></style>

src/views/ConstructionApplication3D/projectInfo/addProjectInfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-form ref="ruleForm" :model="form" :rules="rules" label-width="90px">

src/views/ConstructionApplication3D/projectInfo/projectInfo.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <el-descriptions :title="'项目名称：' + info.projectname" column="1">

src/views/ConstructionApplication3D/projectManagement/projectManagement.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="12">
         <el-input
@@ -108,7 +111,7 @@
                         <el-row>
                           <el-col :span="6">
                             <div
-                              class="containersd hover_style"
+                              class="con-col hover_style"
                               style="cursor: pointer"
                               @click.stop="openConstructionModel(itemModel)"
                             >
@@ -124,7 +127,7 @@
                           </el-col>
                           <el-col :span="6">
                             <div
-                              class="containersd hover_style"
+                              class="con-col hover_style"
                               style="cursor: pointer"
                               @click.stop="positionModel(itemModel)"
                             >
@@ -138,7 +141,7 @@
                           </el-col>
                           <el-col :span="6">
                             <div
-                              class="containersd hover_style"
+                              class="con-col hover_style"
                               style="cursor: pointer"
                               @click.stop="openAnalyzeList(itemModel)"
                             >
@@ -154,7 +157,7 @@
                           </el-col>
                           <el-col :span="6">
                             <div
-                              class="containersd hover_style"
+                              class="con-col hover_style"
                               style="cursor: pointer"
                               @click.stop="removeConstructionmodel(itemModel)"
                             >
@@ -305,11 +308,7 @@
                     :key="itemModel.id"
                   >
                     <el-col :span="24">
-                      <div
-                        class="checkedState"
-                        :ref="'Model' + itemModel.id"
-                        @click="SelectConstructionModelHendle(itemModel)"
-                      >
+                      <div class="checkedState" :ref="'Model' + itemModel.id">
                         <div
                           class="status ce"
                           :style="{
@@ -343,7 +342,7 @@
                           <el-row>
                             <el-col :span="6">
                               <div
-                                class="containersd hover_style"
+                                class="con-col hover_style"
                                 style="cursor: pointer"
                                 @click.stop="openConstructionModel(itemModel)"
                               >
@@ -360,7 +359,7 @@
                             </el-col>
                             <el-col :span="6">
                               <div
-                                class="containersd hover_style"
+                                class="con-col hover_style"
                                 style="cursor: pointer"
                                 @click.stop="positionModel(itemModel)"
                               >
@@ -376,7 +375,7 @@
                             </el-col>
                             <el-col :span="6">
                               <div
-                                class="containersd hover_style"
+                                class="con-col hover_style"
                                 style="cursor: pointer"
                                 @click.stop="openAnalyzeList(itemModel)"
                               >
@@ -392,7 +391,7 @@
                             </el-col>
                             <el-col :span="6">
                               <div
-                                class="containersd hover_style"
+                                class="con-col hover_style"
                                 style="cursor: pointer"
                                 @click.stop="removeConstructionmodel(itemModel)"
                               >
@@ -2760,4 +2759,11 @@ export default {
     height: 4rem;
   }
 }
+.con-col {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+}
 </style>

src/views/ConstructionApplication3D/skylineAnalysis/skylineAnalysis.vue

@@ -1,5 +1,8 @@
 <template>
-  <div style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white">
+  <div
+    class="ZTGlobal"
+    style="width: 100%; padding: 1rem 1rem 0rem 1rem; color: white"
+  >
     <el-row :gutter="10">
       <el-col :span="24">
         <div class="titleHeader">

src/views/ConstructionApplication3D/zt.scss

@@ -1,134 +1,328 @@
-.colorPicker {
-  z-index: 999999 !important;
+.ZTGlobal{
+  .colorPicker {
+  // z-index: 999999 !important;
 }
+
 .el-row {
   margin-bottom: 1rem;
+
   &:last-child {
     margin-bottom: 0;
   }
 }
+
 .el-col {
   border-radius: 4px;
 }
+
 .bg-purple-dark {
   background: #99a9bf;
 }
+
 .bg-purple {
   background: #d3dce6;
 }
+
 .bg-purple-light {
   background: #e5e9f2;
 }
+
 .grid-content {
   border-radius: 4px;
   min-height: 36px;
 }
+
 .row-bg {
   padding: 10px 0;
   background-color: #f9fafc;
 }
+
 .xmtabls {
   background-color: rgba(10, 36, 80, 1);
   width: 100%;
 }
+
 .el-tabs__item {
   color: white;
 }
+.el-table__fixed-right::before{
+  background-color:transparent;
+}
+
 .el-collapse-item__header {
   color: #fff;
   background-color: #fff0;
   border-bottom: 0px solid #ebeef5;
 }
+
 .el-collapse-item__wrap {
   background-color: #fff0;
   border-bottom: 0px solid #ebeef5;
   overflow: unset;
 }
+
 .el-collapse {
-  border-top: 0px solid #ebeef5;
-  border-bottom: 0px solid #ebeef5;
+  // border-top: 0px solid #ebeef5;
+  // border-bottom: 0px solid #ebeef5;
+  border: none;
+  
 }
+
 .el-card {
   color: #fff;
-  
+
   background-color: #fff0;
 }
+
 .el-radio {
   color: #fff;
 }
 
 .containersd {
-  display: flex; /* 使用Flexbox布局 */
-  flex-direction: column; /* 子标签竖向排列 */
+  display: flex;
+  /* 使用Flexbox布局 */
+  flex-direction: column;
+  /* 子标签竖向排列 */
   justify-content: center;
   align-items: center;
   border-radius: 4px;
 }
+
 .none {
   display: none;
 }
+
 .block {
   display: block;
 }
+
 .el-switch__label {
   color: #fff;
 }
 
- 
- 
+
+
 
 .el-descriptions {
   color: #fff;
 }
+
 .el-descriptions__body {
   color: #fff;
   background-color: #fff0;
 }
 
-.titleHeader{
-text-align: left;
+.titleHeader {
+  text-align: left;
 }
 
 
 .el-table {
-   
+
   color: #fff;
 }
 
-.el-table  {
+.el-table {
   background-color: #fff0 !important;
 }
+
 .el-table thead {
   color: #fff;
   background-color: #fff0 !important;
 }
+
 .el-table__body tr.el-table__row {
-  background-color: #fff0 !important; /* 浅灰色背景 */
+  background-color: #fff0 !important;
+  /* 浅灰色背景 */
 }
- 
+
 // 修改表格背景颜色
-.el-table, .el-table__expanded-cell{
+.el-table,
+.el-table__expanded-cell {
   background-color: #fff0 !important;
 }
+
 // 鼠标悬浮该行时的背景颜色
-.el-table--enable-row-hover .el-table__body tr:hover > td{
+.el-table--enable-row-hover .el-table__body tr:hover>td {
   background-color: #40a0ff42 !important;
 }
-       
-    
+
+
 .el-table th,
 .el-table tr,
 .el-table td {
   background-color: #fff0 !important;
 }
-.el-table__body tr.current-row > td {
+
+.el-table__body tr.current-row>td {
   background-color: #40a0ff59 !important;
 }
-    
-.SaveCenter{
+
+.SaveCenter {
   text-align: center;
-  padding: 1rem 0 ;
+  padding: 1rem 0;
 }
+
 .el-checkbox {
   color: #ffffff;
-}
+}
+
+
+
+
+
+.el-button.is-plain {
+  background: #0F7AC8;
+  color: #fff;
+}
+
+.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, 0.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, 0.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;
+}
+}

src/views/baselandprice.vue

@@ -7,7 +7,9 @@ import BenchmarkLandPriceAnalysis from "@/views/ConstructionApplication3D/Benchm
 export default {
   name: "baselandprice",
   data() {
-    return {};
+    return {
+      layerid:''
+    };
   },
   created() {},
   methods: {
@@ -42,6 +44,9 @@ export default {
   mounted() {
     this.openDialog("BenchmarkLandPriceAnalysis");
   },
+  beforeDestroy(){
+    this.$layer.close(this.layerid);
+  }
 };
 </script>
 

src/views/billboardplan.vue

@@ -7,7 +7,9 @@ import BillboardDesign from "@/views/ConstructionApplication3D/billboard/billboa
 export default {
   name: "billboardplan",
   data() {
-    return {};
+    return {
+      layerid:''
+    };
   },
   created() {},
   methods: {
@@ -42,6 +44,9 @@ export default {
   mounted() {
     this.openDialog("BillboardDesign");
   },
+  beforeDestroy(){
+    this.$layer.close(this.layerid);
+  }
 };
 </script>
 

src/views/checkmodel.vue

@@ -9,14 +9,16 @@ import ConstructionApplication3D from "@/views/ConstructionApplication3D/project
 export default {
   name: "checkmodel",
   data() {
-    return {};
+    return {
+      layerid:'',
+    };
   },
   created() {},
   methods: {
     openDialog(componentName) {
       switch (componentName) {
         case "ConstructionApplication3D":
-          let layerid = this.$layer.iframe({
+          this.layerid = this.$layer.iframe({
             content: {
               content: ConstructionApplication3D, //传递的组件对象
               parent: this, //当前的vue对象
@@ -43,6 +45,9 @@ export default {
   mounted() {
     this.openDialog("ConstructionApplication3D");
   },
+  beforeDestroy(){
+    this.$layer.close(this.layerid);
+  }
 };
 </script>
 

src/views/complianceAnalysis/ghzc.scss

@@ -425,33 +425,42 @@
 
 
 
-//   .el-cascader-node {
-//     color: #fff !important;
-//   }
+  .el-cascader-node {
+    color: #fff !important;
+  }
   
-//   .el-cascader-node:hover {
-//     color: #fff !important;
-//     background-color: rgba(255, 255, 255, 0.35) !important;
-//   }
+  .el-cascader-node:hover {
+    color: #fff !important;
+    background-color: rgba(255, 255, 255, 0.35) !important;
+  }
   
-//   .el-cascader-node:not(.is-disabled):focus {
-//     background-color: rgba(4, 28, 50, 0.5) !important;
-//   }
+  .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-select-dropdown__item.hover,
-// .el-select-dropdown__item:hover {
-//   color: #fff !important;
-//   background-color: rgba(255, 255, 255, 0.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-checkbox__input>.el-checkbox__inner {
+    border: 1px solid #96a9b7;
+    background-color: rgba(4, 28, 50, 0.6);
+  }
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+  color: #fff !important;
+  background-color: rgba(255, 255, 255, 0.35) !important;
+}
+.el-select-dropdown{
+    color: #fff !important;
+    background-color: rgba(4, 28, 50, 0.5) !important;
+    border: 1px solid rgba(15, 122, 200, 0.4) !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-cascader--mini{
+    right: 0px !important;
+}

src/views/demolitioncom.vue

@@ -7,7 +7,9 @@ import DemolitionList from "@/views/ConstructionApplication3D/Demolition/Demolit
 export default {
   name: "demolitioncom",
   data() {
-    return {};
+    return {
+      layerid:''
+    };
   },
   created() {},
   methods: {
@@ -40,6 +42,9 @@ export default {
   mounted() {
     this.openDialog("DemolitionList");
   },
+  beforeDestroy(){
+    this.$layer.close(this.layerid);
+  }
 };
 </script>
 

static/css/index.css

@@ -59,29 +59,10 @@ body::-webkit-scrollbar-track {
 
 /* 滚动条整体样式(高宽分别对应横竖滚动条的尺寸) */
 
-div::-webkit-scrollbar {
+/* div::-webkit-scrollbar {
   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);
-}
-
-
-/* 滚动条里面轨道 */
-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);
-}
+} */
 
 .messageIndex,
 .el-message {
@@ -110,7 +91,70 @@ div::-webkit-scrollbar-track {
   color: white !important;
 }
 
+div::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+div::-webkit-scrollbar-thumb {
+  background: rgba(63, 147, 245, 0.6);
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+}
+
+div::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  background: rgba(4, 28, 50, 0.6);
+}
+
+.el-message-box {
+  background-color: #02213e9a !important;
+  border: none !important;
+  color: #fff;
+}
+
+.el-message-box__header {
+  background-color: transparent !important;
+  padding: 10px 16px 7px !important
+}
+
+.el-message-box__title {
+  color: #fff !important;
+  border-bottom: 1px solid #2A5277 !important;
+  height: 30px !important;
+}
+
+.el-message-box__content {
+  color: #fff !important;
+}
+
+.el-message-box__headerbtn .el-message-box__close {
+  color: #fff !important;
+  width: 22px;
+  height: 22px;
+  background: #335F87;
+  border-radius: 4px;
+  border: 1px solid rgba(123, 162, 198, 0.5);
+  line-height: 21px;
+}
+
+.el-message-box__headerbtn {
+  top: 13px !important;
+  border-radius: 4px;
+}
+
+.el-message-box__status.el-icon-warning {
+  color: #2d8cf0b3;
+}
+
+.el-message-box__btns .el-button{
+  background: #0f7ac8 !important;
+  border-color: #0f7ac8 !important;
+  color: #fff !important;
+}
 
+/* ---------------中图弹窗---------------- */
 .vl-notify.vl-notify-alert h2.vl-notice-title {
   line-height: 32px !important;
   border-bottom: 0px solid #eee !important;
@@ -124,7 +168,6 @@ div::-webkit-scrollbar-track {
   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;
@@ -141,12 +184,10 @@ 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);
 }
@@ -182,12 +223,11 @@ div::-webkit-scrollbar-track {
   z-index: -1;
 }
 
-.vl-notice-title>span {
+.vl-notice-title > span {
   font-size: 16px;
   font-weight: 700;
   letter-spacing: 1px;
 }
-
 .icon-remove {
   width: 22px;
   height: 22px;
@@ -200,205 +240,11 @@ div::-webkit-scrollbar-track {
   top: 10px !important;
 }
 
-.lv-icon-maxmini>i {
+.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, 0.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, 0.35) !important;
-}
-
-.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;
-}
-
-.el-message-box {
-  background-color: #02213e9a !important;
-  border: none !important;
-  color: #fff;
-}
-
-.el-message-box__header {
-  background-color: transparent !important;
-  padding: 10px 16px 7px !important
-}
-
-.el-message-box__title {
-  color: #fff !important;
-  border-bottom: 1px solid #2A5277 !important;
-  height: 30px !important;
-}
-
-.el-message-box__content {
-  color: #fff !important;
-}
-
-.el-message-box__headerbtn .el-message-box__close {
-  color: #fff !important;
-  width: 22px;
-  height: 22px;
-  background: #335F87;
-  border-radius: 4px;
-  border: 1px solid rgba(123, 162, 198, 0.5);
-  line-height: 21px;
-}
-
-.el-message-box__headerbtn {
-  top: 13px !important;
-  border-radius: 4px;
-}
-
-.el-message-box__status.el-icon-warning {
-  color: #2d8cf0b3;
-}
-
-.el-message-box__btns .el-button{
-  background: #0f7ac8 !important;
-  border-color: #0f7ac8 !important;
-  color: #fff !important;
-}
+/* -----------中图弹窗------------ */