发布管理改，资源查询界面修改

Surpriseplus

2023-09-08 78345e3940e5252c63e2e52b57a1fd18af982a2b

 src/views/resourceQuery/resourceQuery.vue

@@ -1,6 +1,18 @@
<template>
  <div class="resourceQuery">
    <moon-map></moon-map>
    <div class="bottom_btn_TWO">
      <div
        v-show="mapFlag == '2D'"
        class="ChangeMap twoImg"
        @click="setMapImg('2D')"
      ></div>
      <div
        v-show="mapFlag != '2D'"
        class="ChangeMap threeImg"
        @click="setMapImg('3D')"
      ></div>
    </div>
    <div
      class="left_menu"
      @click="leftDialog =true"
@@ -104,7 +116,7 @@
                @click="setDrawMenu(5)"
              >
                <span>清除</span>
                <div class="btn_bg db"></div>
                <div class="btn_bg qc"></div>
              </div>
            </div>
          </div>
@@ -166,19 +178,19 @@
              <span class="attribute_content">{{ e.name }}</span>
            </div>
            <div class="attribute">
              <span class="attribute_title">存情位量：</span>
              <span class="attribute_content">{{ e.time }}</span>
              <span class="attribute_title">存储位置：</span>
              <span class="attribute_content">{{ e.dirName }}</span>
            </div>
            <div class="attribute">
              <span class="attribute_title">生产时间：</span>
              <span class="attribute_content">{{ e.data }}</span>
              <span class="attribute_content">{{ e.createTime }}</span>
            </div>
            <div
              class="attribute"
              style="margin: 0"
            >
              <span class="attribute_title">数据大小：</span>
              <span class="attribute_content">dsadas</span>
              <span class="attribute_content">{{ e.sizes }}M</span>
            </div>
          </div>
          <div
@@ -193,7 +205,7 @@
        class="bottom_box"
        v-show="listDialog"
      >
        <span class="msg_box">显示第{{ (( (form.pageIndex - 1)*form.pageSize)+1 )}}到{{(form.pageIndex*form.pageSize)
        <span class="msg_box">显示第{{ (( (form.pageIndex - 1)* form.pageSize) + 1 )}}到{{(form.pageIndex*form.pageSize)
            
          }}条，共{{ list.length }}条记录，已选择{{
            listChecked.length
@@ -224,18 +236,19 @@
        ></i>
      </div>
      <div class="details_table">
        <div class="table_header">
          <div class="table_td">属性</div>
          <div class="table_td">属性值</div>
        </div>
        <div style="height: 430px;overflow: auto;">
          <div class="table_header">
            <div class="table_td">属性</div>
            <div class="table_td">属性值</div>
          </div>

          <div
            class="table_tr"
            v-for="(e,key, i) in tableList"
            v-for="(e, i) in tableList"
            :key="i"
          >
            <div class="table_td">{{ key}}</div>
            <div class="table_td">{{ e }}</div>
            <div class="table_td">{{ e.alias}}</div>
            <div class="table_td">{{ e.value }}</div>
          </div>
        </div>

@@ -280,7 +293,7 @@
import * as turf from "@turf/turf"
import moonMap from "../../components/MapView/moonMap.vue"; //地图
import { meta_type, sensor_type } from "../datamanage/js/layerManage";
import { select_meta_ByPageAndCount, encr } from '../../api/api'
import { select_meta_ByPageAndCount, encr, selectByPageAndCount } from '../../api/api'
export default {
  components: {
    moonMap,
@@ -291,13 +304,9 @@
        pageNo: 1,
        pageSize: 10,
      },
      tableList: [

      ],
      tableList: [],
      listChecked: [],
      list: [

      ],
      list: [],
      currentPage4: 4,
      form: {
        name: "",
@@ -320,10 +329,20 @@
      dialogVisible: false,
      bufferNumber: 100,
      geoWkt: null,
      wktEntity: null
      wktEntity: null,
      mapFlag: '2D'
    };
  },
  methods: {
    setMapImg(res) {
      if (res == "2D") {
        this.mapFlag = "3D";
        window.earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE2D;
      } else if (res == "3D") {
        this.mapFlag = "2D";
        window.earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE3D;
      }
    },
    setListCheckAll() {
      for (var i in this.list) {
        var checked = this.list[i].checked
@@ -346,9 +365,57 @@
      }
      this.listChecked = [];
    },
    details(e) {
    async details(e) {

      const data = await selectByPageAndCount({
        ns: 'lf',
        pageIndex: 1,
        pageSize: 100000,
        tab: 'sys_meta'
      })
      if (data.code != 200) return
      var std = [];
      var result = data.result;

      e.createUser = e.createName;
      e.depcode = e.depName
      e.dircode = e.dirName;
      e.updateUser = e.updateName;

      e.verid = e.verName;
      if (e.sensortype > 0) {
        for (var i in this.sensorOption) {
          if (this.sensorOption[i].value == e.sensortype) {
            e.sensortype = this.sensorOption[i].name
          }
        }
      } else {
        e.sensortype = null
      }
      if (e.mataType > 0) {
        for (var i in this.metaOption) {
          if (this.metaOption[i].value == e.mataType) {
            e.mataType = this.metaOption[i].name
          }
        }
      } else {
        e.mataType = null
      }
      for (var i in result) {
        for (var key in e) {
          if (result[i].field == key) {
            result[i].value = e[key]
          }
          if (result[i].field == 'gid' && key == 'id') {
            result[i].value = e[key]
          }

        }
      }


      this.detailsBox = true;
      this.tableList = e;
      this.tableList = result;
    },
    setQueryRestRetrieval() {
      this.listDialog = false;
@@ -358,22 +425,47 @@
      Viewer.entities.removeAll()
    },
    async setQueryRetrieval() {
      var obj = JSON.parse(JSON.stringify(this.form))
      if (this.geoWkt) {
        this.form.wkt = encr(this.geoWkt)
        obj.wkt = encr(this.geoWkt)
      } else {
        this.form.wkt = null;
        obj.wkt = null;
      }
      if (this.acqTime) {
        this.form.endDate = this.setFromDate(this.acqTime[0])
        this.form.startDate = this.setFromDate(this.acqTime[1])
        obj.endDate = this.setFromDate(this.acqTime[0])
        obj.startDate = this.setFromDate(this.acqTime[1])
      } else {
        this.form.endDate = null
        this.form.startDate = null
        obj.endDate = null
        obj.startDate = null
      }
      const data = await select_meta_ByPageAndCount(this.form);
      if (data.code != 200) return;
      if (obj.sensorType == 0) {
        obj.sensorType = ''
      }
      if (obj.mataType == 0) {
        obj.mataType = ''
      }
      const data = await select_meta_ByPageAndCount(obj);
      if (data.code != 200) return
      this.form.count = data.count;
      this.list = data.result;
      var result = data.result;
      for (var i in result) {
        if (result[i].createTime) {
          result[i].createTime = this.setFromDate(result[i].createTime)
        }
        if (result[i].updateTime) {
          result[i].updateTime = this.setFromDate(result[i].updateTime)
        }
        if (result[i].acqTime) {
          result[i].acqTime = this.setFromDate(result[i].acqTime)
        }

      }

      if (result) {
        this.list = result;
      } else {
        this.list = [];
      }
      this.listDialog = true;
    },
    setFromDate(res) {
@@ -617,7 +709,7 @@
    },
    setTurfBuffer(geom, distance, type) {

      return turf.buffer(geom, distance, { units: 'miles' });
      return turf.buffer(geom, distance, { units: 'meters' });
    },
    fixToPositon(restVal, digits = 6) {
      restVal.geometry.coordinates.forEach(coord => {
@@ -768,6 +860,10 @@
          }
          .db {
            background: url("../../assets/img/db.png") no-repeat center;
            background-size: 100% 100%;
          }
          .qc {
            background: url("../../assets/img/清除.png") no-repeat center;
            background-size: 100% 100%;
          }
        }
@@ -946,4 +1042,27 @@
.dialogContent /deep/.el-icon-plus {
  color: #606266 !important;
}
.bottom_btn_TWO {
  position: absolute;
  z-index: 39;
  /*  prettier-ignore */
  bottom: 68PX;
  /*  prettier-ignore */
  right: 70PX;

  .ChangeMap {
    /*  prettier-ignore */
    width: 30PX;
    /*  prettier-ignore */
    height: 30PX;
    /*  prettier-ignore */
    border: 1PX solid rgba(255, 255, 255, 0.1);
  }
  .twoImg {
    background: url("../../assets/img/2D.png") no-repeat;
  }
  .threeImg {
    background: url("../../assets/img/3D.png") no-repeat;
  }
}
</style>