管道基础大数据平台系统开发-【前端】-新系統界面
TreeWish
2023-03-03 b6c8e7c61f0270598ba7fdbc44f79512e010d0fe
src/components/MapView/mapMenuPop.vue
@@ -1,7 +1,10 @@
<template>
  <div class="menuPop">
    <div class="leftBox">
      <div class="leftDown" v-if="$store.state.download">
      <div
        class="leftDown"
        v-if="$store.state.download"
      >
        <div @click="getDownloadDep">
          <el-link icon="el-icon-download"> </el-link>
        </div>
@@ -21,8 +24,9 @@
        <el-table
          :data="tableData"
          ref="dialogPayChannel"
          height="300px"
          height="100%"
          style="width: 100%"
          border
        >
          <el-table-column
            align="center"
@@ -30,7 +34,11 @@
            label="序号"
            width="50"
          />
          <el-table-column label="定位" width="100" align="center">
          <el-table-column
            label="定位"
            width="100"
            align="center"
          >
            <template slot-scope="scope">
              <el-button
                icon="el-icon-map-location"
@@ -49,7 +57,10 @@
          ></el-table-column>
        </el-table>
      </div>
      <div class="pagination_box">
      <div
        class="pagination_box"
        style="margin-top:10px"
      >
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -77,14 +88,20 @@
        label-width="100px"
        class="codeForm"
      >
        <el-form-item :label="$t('common.passworld')" prop="password">
        <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-form-item
          :label="$t('common.SPassword')"
          prop="repassword"
        >
          <el-input
            type="password"
            v-model="codeForm.repassword"
@@ -96,9 +113,12 @@
            class="primary"
            size="small"
            @click="download('codeForm')"
            >{{ $t("common.confirm") }}</el-button
          >
          <el-button type="info" size="small" @click="closeDown('codeForm')">{{
          >{{ $t("common.confirm") }}</el-button>
          <el-button
            type="info"
            size="small"
            @click="closeDown('codeForm')"
          >{{
            $t("common.cancel")
          }}</el-button>
        </el-form-item>
@@ -113,7 +133,11 @@
      :before-close="handleInsertClose"
    >
      <div style="width: 100%; max-height: 450px; overflow-y: auto">
        <el-form ref="form" :model="ruleForm" label-width="100px">
        <el-form
          ref="form"
          :model="ruleForm"
          label-width="100px"
        >
          <el-form-item label="审核单位">
            <div>
              <ul>
@@ -150,10 +174,18 @@
            </el-input>
          </el-form-item>
          <el-form-item>
            <el-button class="primary" size="small" @click="getInsertDown">{{
            <el-button
              class="primary"
              size="small"
              @click="getInsertDown"
            >{{
              $t("common.confirm")
            }}</el-button>
            <el-button type="info" size="small" @click="closeInsertDown">{{
            <el-button
              type="info"
              size="small"
              @click="closeInsertDown"
            >{{
              $t("common.cancel")
            }}</el-button>
          </el-form-item>
@@ -274,7 +306,7 @@
        .then((_) => {
          this.closeInsertDown();
        })
        .catch((_) => {});
        .catch((_) => { });
    },
    closeInsertDown() {
      this.ruleForm = {
@@ -419,7 +451,7 @@
        .then((_) => {
          this.closeDown();
        })
        .catch((_) => {});
        .catch((_) => { });
    },
    closeDown() {
      this.dialogVisible = false;
@@ -435,6 +467,7 @@
    },
    clearQuerInfo() {
      if (this.$store.state.queryInfo.length != 0) {
        sgworld.Creator.SimpleGraphic.clear();
        for (var i in this.$store.state.queryInfo) {
          sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]);
        }
@@ -513,7 +546,7 @@
          this.imagePoint = null;
        }
        var wkt = this.$wkt.parse(val1);
        this.setMapLoaction(wkt);
        this.setMapLoaction(wkt, row);
      }
    },
    setMapLoaction(res) {
@@ -571,6 +604,7 @@
      this.listdata.pageIndex = 1;
      this.listdata.pageSize = 10;
      this.listdata.name = res.entity;
      this.$store.state.propertiesName = res;
      this.getTableDateHidder();
    },
    handleSizeChange(val) {
@@ -609,6 +643,7 @@
    },
    async showAllImage(res) {
      for (var i in res) {
        let properties = res[i];
        var param = {
          gid: res[i].gid,
          name: this.listdata.name,
@@ -621,7 +656,7 @@
        if (val1) {
          var wkt = this.$wkt.parse(val1);
          // this.getprimitiLayer(wkt);
          this.primitivesAddLayer(wkt);
          this.primitivesAddLayer(wkt, properties);
        }
      }
    },
@@ -634,7 +669,7 @@
          break;
      }
    },
    primitivesAddLayer(res) {
    primitivesAddLayer(res, properties) {
      switch (res.type) {
        case "Point":
          var val = Cesium.Cartesian3.fromDegrees(
@@ -643,6 +678,8 @@
          );
          var point = Viewer.entities.add({
            position: val,
            properties: properties,
            tag: "properties_point",
            billboard: {
              // 图像地址,URI或Canvas的属性
              image: SmartEarthRootUrl + "Workers/image/mark.png",
@@ -661,6 +698,29 @@
          });
          point.billboard.disableDepthTestDistance = Number.POSITIVE_INFINITY;
          this.$store.state.queryInfo.push(point);
          //点击事件
          window.propertieshandler = new Cesium.ScreenSpaceEventHandler(
            sgworld.Viewer.scene.canvas
          );
          window.propertieshandler.setInputAction(event => {
            let pick = sgworld.Viewer.scene.pick(event.position);
            // ;
            if (pick && pick.id && pick.id.tag == "properties_point") {
              this.$store.state.propertiesFlag = '1';
              let properties = pick.id.properties;
              let propertyNames = pick.id.properties.propertyNames;
              let obj = {};
              obj["eventid"] = properties['_eventid']._value;
              this.attributeData.forEach(item => {
                propertyNames.forEach(itemElement => {
                  if (itemElement == item.field) {
                    obj[item.alias] = properties[itemElement]._value
                  }
                })
              })
              this.$store.state.propertiesInfo = obj;
            }
          }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
          break;
        case "LineString":
        case "MultiLineString":
@@ -719,6 +779,9 @@
      }
    });
  },
  destroyed() {
    this.$store.state.propertiesFlag = null;
  }
};
</script>
@@ -765,7 +828,8 @@
      width: 100%;
    }
    .tableBox {
      height: 327px;
      position: relative;
      height: 89%;
    }
    .rightPage {
      margin-left: 50px;