地图更改为本地服务，柱状图效果更改

Surpriseplus

2023-04-15 44517cf9375441d8a84808ca52d7ce474d8e0b17

 src/views/Synthesis/LeftMenu.vue

@@ -192,6 +192,156 @@

      </div>
    </el-dialog>
    <el-dialog
      title="数据申请"
      :visible.sync="dialogInsertVisible"
      width="30%"
      top="35vh"
      :modal="false"
      :before-close="handleInsertClose"
    >
      <div style="width: 100%; max-height: 450px; overflow-y: auto">
        <el-form
          ref="form"
          :model="ruleForm"
          label-width="100px"
        >
          <el-form-item label="审核单位">
            <div>
              <ul>
                <li v-for="item in ruleForm.depid">
                  {{ item.name }}
                </li>
              </ul>
            </div>
          </el-form-item>
          <el-form-item label="表名">
            <div>
              <ul>
                <li v-for="item in ruleForm.tabs">
                  {{ item.tabDesc }}
                </li>
              </ul>
            </div>
          </el-form-item>
          <el-form-item label="条件">
            <el-input
              :title="ruleForm.wkt"
              v-model="ruleForm.wkt"
              disabled
            ></el-input>
          </el-form-item>
          <el-form-item label="描述">
            <el-input
              type="textarea"
              placeholder="请输入内容"
              v-model="ruleForm.descr"
              maxlength="50"
              show-word-limit
            >
            </el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              class="primary"
              size="small"
              @click="getInsertDownz()"
            >{{
              $t("common.confirm")
            }}</el-button>
            <el-button
              type="info"
              size="small"
              @click="closeInsertDown"
            >{{
              $t("common.cancel")
            }}</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
    <el-dialog
      :title="$t('common.passworld')"
      :visible.sync="dialogVisible1"
      width="30%"
      top="35vh"
      :modal="false"
      :before-close="handleCloseDown1"
    >
      <el-form
        :model="codeForm"
        :rules="rules"
        ref="codeForm"
        label-width="100px"
        class="codeForm"
      >
        <el-form-item
          :label="$t('common.passworld')"
          prop="password"
        >
          <el-input
            type="password"
            v-model="codeForm.password"
            show-password
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('common.SPassword')"
          prop="repassword"
        >
          <el-input
            type="password"
            v-model="codeForm.repassword"
            show-password
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button
            class="primary"
            size="small"
            @click="downloadx('codeForm')"
          >{{ $t("common.confirm") }}</el-button>
          <el-button
            type="info"
            size="small"
            @click="closeDownx('codeForm')"
          >{{
            $t("common.cancel")
          }}</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <el-dialog
      title="范围"
      :visible.sync="dialogExtentVisible"
      width="30%"
      :before-close="handleExtentClose"
      :modal="false"
      :lock-scroll="false"
      :close-on-click-modal="false"
    >

      <el-row :gutter="20">
        <el-col :span="16">
          <el-input v-model="setExtent"></el-input>
        </el-col>
        <el-col :span="6">
          <div>
            单位：（m）
          </div>
        </el-col>
      </el-row>
      <span
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="handleExtentClose">取 消</el-button>
        <el-button
          @click="handleExtentinsert"
          type="primary"
        >确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

@@ -237,7 +387,38 @@
export default {
  components: { mapinfo, maplayer, queryinfo, terrainDig, modelAttach, undergroundModel, setPellucidity },
  data() {
    var repasswordValidator = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('请再次输入密码'));
      } else if (value !== this.codeForm.password) {
        callback(new Error('两次输入密码不一致!'));
      } else {
        callback();
      }
    };
    var passwordValidator = (rule, value, callback) => {
      var passwordreg =
        /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
      if (!passwordreg.test(value)) {
        callback(
          new Error('密码必须由数字、字母、特殊字符组合,请输入13-20位')
        );
      } else {
        callback();
      }
    };
    return {
      rules: {
        password: [{ required: true, message: '请输入密码', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }],
        repassword: [
          { required: true, message: '请输入确认密码', trigger: 'blur' },
          { validator: repasswordValidator, trigger: 'blur' },
        ],
      },
      codeForm: {
        password: '',
        repassword: '',
      },
      showTwoMenuFlag: false,
      setListTwoMenu: [],
      setListTwoMenuAll: [
@@ -641,6 +822,18 @@
        }],
      modelClip: false,
      showPickUp: false,
      dialogInsertVisible: false,
      dialogVisible1: false,
      ruleForm: {
        depname: [],
        tabs: [],
        pwd: null,
        repwd: null,
        wkt: null,
        descr: null,
      },
      dialogExtentVisible: false,
      setExtent: 10,
    };
  },
  methods: {
@@ -1835,7 +2028,12 @@
      //   }
      // }
      window.model.clippingPlanes = clippingPlanes;

      if (window.modelHeight && window.modelHeight != 0) {
        // console.log("window.modelHeight---",window.modelHeight)
        window.model.clippingPlanes.modelMatrix = Cesium.Matrix4.fromTranslation(
          new Cesium.Cartesian3(0.0, 0.0, window.modelHeight)
        );
      }
      // 绑定上移动事件
      const downHandler = new Cesium.ScreenSpaceEventHandler(
        Viewer.scene.canvas
@@ -2236,6 +2434,8 @@
      var that = this;
      var checkKey = [];
      let checkedLayers = [];
      this.$store.state.isProjectLayer = [];

      var val = std.filter((str) => {
        if (str.type == 1) {
          return str;
@@ -2251,12 +2451,15 @@
        if (str.url != null && str.type == 2 && str.isShow == 1) {
          return str;
        }
        if (str.isProject == 1 && str.type == 2) {
          this.$store.state.isProjectLayer.push(str);
        }
      })

      this.setAddLayers(value);

      var res = this.setTreeData(val);

      this.$store.state.pigCode = null;
      //存储选中图层
      // sessionStorage.setItem("checkedLayers", JSON.stringify(checkedLayers));

@@ -2294,9 +2497,75 @@
        }
      }
      if (std[0].length != 0) {
        this.setAddWmsLayer(std[0])
        if (this.$store.state.pigCode) {
          this.setPrjidWmsLayer(std[0])
        } else {

          this.setAddWmsLayer(std[0])
        }

      }
    },
    setPrjidWmsLayer(res) {
      var layer = [];
      var sql = [];
      var dirid = this.$store.state.pigCode

      for (var i in res) {
        layer.push(res[i].url)

        if (res[i].isProject == 1) {
          var val = "dirid like '" + dirid + "%'"
          sql.push(val)
        } else {
          sql.push("1 = 1")
        }
      }
      layer = layer.reverse();
      sql = sql.reverse().join(";")
      var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) {
        that.getFeatureInfo(html)
      });
      window.layerWMS = new Cesium.WebMapServiceImageryProvider({
        url: geoServerURl,
        layers: layer.toString(),
        getFeatureInfoParameters: { info_format: 'text/html' },
        enablePickFeatures: true,
        getFeatureInfoFormats: [getFeatureInfoFormat],
        parameters: {
          transparent: true,
          format: "image/png",
          srs: "EPSG:4490",
          styles: "",
          cql_filter: sql
        },
        tileWidth: 512,
        tileHeight: 512,
      });
      layerWMS.name = "Wms_Layer";

      window.Viewer.scene.imageryLayers.addImageryProvider(window.layerWMS);
      var layer2 = new Image({
        name: "Wms_Layer",
        source: new ImageWMS({
          crossOrigin: "anonymous",
          url: geoServerURl,
          params: {
            FORMAT: "image/png",
            VERSION: "1.1.1",
            LAYERS: layer.toString(),
            cql_filter: sql
          },
        }),
      });
      if (res.opacity) {
        layer2.setOpacity(parseInt(res.opacity) / 100);
      }
      window.map.addLayer(layer2);
    },



    setClearWmsLayer() {
      for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) {
        var val_id = window.Viewer.imageryLayers._layers[i].imageryProvider.name;
@@ -2420,6 +2689,34 @@
        this.getTableData()
      }
    },
    //格式化时间
    format(shijianchuo) {
      //shijianchuo是整数，否则要parseInt转换
      var time = new Date(shijianchuo);
      var y = time.getFullYear();
      var m = time.getMonth() + 1;
      var d = time.getDate();
      var h = time.getHours();
      var mm = time.getMinutes();
      var s = time.getSeconds();
      return (
        y +
        '-' +
        this.add0(m) +
        '-' +
        this.add0(d) +
        ' ' +
        h +
        ':' +
        mm +
        ':' +
        s
      );
    },
    //格式化时间
    add0(m) {
      return m < 10 ? '0' + m : m;
    },
    async getTableData() {
      this.tableData = []
      const data = await dataQuery_selectByGid(this.$store.state.pickoption)
@@ -2428,7 +2725,17 @@
      }

      var valste = data.result

      valste.dirid = valste.dirName;
      valste.depid = valste.depName;
      valste.verid = valste.verName;
      valste.createuser = valste.createName;
      valste.updateuser = valste.updateName;
      if (valste.createtime) {
        valste.createtime = this.format(valste.createtime)
      }
      if (valste.updatetime) {
        valste.updatetime = this.format(valste.updatetime)
      }

      for (var j in this.optionx) {
        if (
@@ -2445,6 +2752,8 @@
        arr[vla.alias] = valste[vla.field]
      }
      arr['eventid'] = valste.eventid


      this.$store.state.propertiesInfo = arr;

      this.$store.state.propertiesFlag = '1'
@@ -2726,8 +3035,6 @@

      if (this.$store.state.showPopBoxFlag == true) {
        this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close();


        this.$refs &&
          this.$refs.queryinfo &&
          this.$refs.queryinfo.open("属性", null, {
@@ -2748,8 +3055,65 @@
    setPellucidity() {
      this.$refs && this.$refs.setPellucidity && this.$refs.setPellucidity.open();
    },
    setDialogInsertVisible(res) {
      this.ruleForm = res;
      this.dialogInsertVisible = true;
    },
    downloadx() {
      this.$bus.$emit("setInsertDown1", this.codeForm)
      this.closeDownx();
    },
    handleCloseDown1() {
      this.$confirm("确认关闭？")
        .then(_ => {
          this.closeDownx();
        })
        .catch(_ => { })
    },
    closeDownx() {
      this.dialogVisible1 = false;
      this.codeForm = {
        password: '',
        repassword: '',
      }
    },
    closeInsertDown() {
      this.ruleForm = {
        depname: [],
        tabs: [],
        pwd: null,
        repwd: null,
        wkt: null,
        descr: null,
      }
      this.dialogInsertVisible = false
    },
    handleInsertClose() {
      this.$confirm("确认关闭？")
        .then(_ => {
          this.closeInsertDown()
        })
        .catch(_ => { })
    },
    getInsertDownz() {
      this.dialogInsertVisible = false;
      // this.dialogVisible1 = true;
      // 

      this.$bus.$emit("setInsertApply1", this.ruleForm)
    },
    handleExtentClose() {
      this.dialogExtentVisible = false
      this.setExtent = 10;
    },
    handleExtentinsert() {
      this.$bus.$emit("setExtentBUff", this.setExtent)
      this.handleExtentClose();

    }
  },
  mounted() {
    this.$bus.$off();
    this.measureData = new Map();
    this.colorAll = {
      point: Cesium.Color.fromCssColorString("#ff0000"),
@@ -2771,12 +3135,34 @@
    this.$bus.$on("showPellucidity", res => {
      this.setPellucidity();
    });
    this.$store.state.showAllLayers = true;


    this.$store.state.isProjectLayer = [],
      this.$store.state.pigCode = null,
      this.$store.state.showAllLayers = true;
    this.$store.state.layerMnage = false;
    this.$store.state.treeData = null;
    this.$store.state.checkedKeys = [];
    // this.setCoverage("a1");
    this.layersStart();


    this.$bus.$on("setDialogInsertVisible", (res) => {

      if (res == true) {
        this.dialogVisible1 = true;
      } else {
        this.setDialogInsertVisible(res);
      }
    })
    this.$bus.$on('showExtentLayer', res => {
      this.dialogExtentVisible = res;
    });





  },
  watch: {
    Obj(newVal, oldVal) {