管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-04-15 44517cf9375441d8a84808ca52d7ce474d8e0b17
地图更改为本地服务,柱状图效果更改
已添加2个文件
已修改8个文件
187 ■■■■ 文件已修改
public/config/config.js 6 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/img/imageLayer/25dizhi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/img/imageLayer/dixing.png 补丁 | 查看 | 原始文档 | blame | 历史
src/components/MapView/mapSpacePop.vue 16 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/Screen/bottom.vue 39 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/Screen/mapsdk.vue 34 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/mapol.vue 13 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/mapsdk.vue 33 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Synthesis/LeftMenu.vue 35 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Tools/AddOnlineMap.vue 11 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/config/config.js
@@ -43,6 +43,12 @@
  fly: 'http://' + iisHost + '/LFData/fly/' + (isWeb ? "lfgd.fly" : "lfgd_127.fly"),
  //
  positionBtn: [],
  //影像
  baseUrl: "http://" + iisHost + "/LFData/2d/tiles/img/{z}/{x}/{y}.png",
  //矢量
  baseUrl_sl: 'http://' + iisHost + '/LFData/2d/tiles/vec/{z}/{x}/{y}.png',
  //地形
  baseUrl_yx: 'http://' + iisHost + '/LFData/2d/tiles/ter/{z}/{x}/{y}.png'
};
//工点信息表
var workSite = [
src/assets/img/imageLayer/25dizhi.png
src/assets/img/imageLayer/dixing.png
src/components/MapView/mapSpacePop.vue
@@ -359,7 +359,9 @@
        { 'name': '卵石', 'color': 'rgba(54,83,173,1)' },
        { 'name': '泥岩', 'color': 'rgba(47,30,13,1)' },
        { 'name': '细砂', 'color': 'rgba(93,88,15,1)' },
        { 'name': '中砂', 'color': 'rgba(164,140,21,1)' }
        { 'name': '中砂', 'color': 'rgba(164,140,21,1)' },
        { 'name': '淤泥质土', 'color': 'rgba(75,74,78,1)' },
        { 'name': '其他', 'color': 'rgba(225,225,225,1)' },
      ]
    }
  },
@@ -909,6 +911,14 @@
            return res
          }
        })
        console.log(1, col)
        if (col.length == 0) {
          col = outlineList.filter((ste) => {
            if (ste.name == '其他') {
              return res
            }
          })
        }
        line = col[0].color
        var height = num - std[i].botdepth
@@ -1036,7 +1046,9 @@
        { 'name': '卵石', 'color': [54, 83, 173, 1] },
        { 'name': '泥岩', 'color': [47, 30, 13, 1] },
        { 'name': '细砂', 'color': [93, 88, 15, 1] },
        { 'name': '中砂', 'color': [164, 140, 21, 1] }
        { 'name': '中砂', 'color': [164, 140, 21, 1] },
        { 'name': '淤泥质土', 'color': [75, 74, 78, 1] },
        { 'name': '其他', 'color': [225, 225, 225, 1] }
      ]
      for (var i = 0; i < list.length; i++) {
        var out_color = list[i].color
src/components/Screen/bottom.vue
@@ -228,6 +228,7 @@
  methods: {
    ChangeBaseLayer(name) {
      this.currYX = name
      Viewer.imageryLayers._layers[2].show = false
      Viewer.imageryLayers._layers[1].show = false
      // Viewer.imageryLayers._layers[2].show = false
      // Viewer.imageryLayers._layers[3].show = false
@@ -253,17 +254,30 @@
            //   true,
            //   ""
            // )
            var urls = "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=";
            var tokne = "94a34772eb88317fcbf8428e10448561"
            yunxuanLayer = Viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
              url: urls + tokne,
              layer: "tdtImgLayer",
              style: "default",
              format: "image/jpeg",
              tileMatrixSetID: "GoogleMapsCompatible",
            }))
            Viewer.imageryLayers.lowerToBottom(yunxuanLayer);//将图层移到最底层
            // var urls = "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=";
            // var tokne = "94a34772eb88317fcbf8428e10448561"
            // yunxuanLayer = Viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
            //   url: urls + tokne,
            //   layer: "tdtImgLayer",
            //   style: "default",
            //   format: "image/jpeg",
            //   tileMatrixSetID: "GoogleMapsCompatible",
            // }))
            var baseUrl_yx = window.sceneConfig.baseUrl_yx;
            if (baseUrl_yx.indexOf('{host}') > -1) {
              baseUrl_yx = baseUrl_yx.replace("{host}", iisHost)
            }
            debugger
            yunxuanLayer = Viewer.imageryLayers.addImageryProvider(
              new Cesium.UrlTemplateImageryProvider({
                url: baseUrl_yx,
                maximumLevel: 22,
              })
            );
            Viewer.imageryLayers.lowerToBottom(yunxuanLayer);//将图层移到最底层
            Viewer.imageryLayers.raise(yunxuanLayer);//将图层上移一层
          }
@@ -271,11 +285,10 @@
          break
        case "影像图":
          // Viewer.imageryLayers._layers[2].show = true
          Viewer.imageryLayers._layers[1].show = true
          break
        case "注记图":
          Viewer.imageryLayers._layers[1].show = true
          Viewer.imageryLayers._layers[2].show = true
          break
        default:
src/components/Screen/mapsdk.vue
@@ -67,12 +67,38 @@
        })
      }, 1000);
      Viewer.imageryLayers.addImageryProvider(
      // Viewer.imageryLayers.addImageryProvider(
      //   new Cesium.UrlTemplateImageryProvider({
      //     url: gaoDeBaseUrl[0].url,
      //   })
      // )
      //
      var base_ulr = window.sceneConfig.baseUrl;
      if (base_ulr.indexOf('{host}') > -1) {
        base_ulr = base_ulr.replace("{host}", iisHost)
      }
      window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: gaoDeBaseUrl[0].url,
          url: base_ulr,
          maximumLevel: 22,
        })
      )
      Viewer.imageryLayers._layers[1].show = false
      );
      var base_ulr_sl = window.sceneConfig.baseUrl_sl;
      if (base_ulr_sl.indexOf('{host}') > -1) {
        base_ulr_sl = base_ulr_sl.replace("{host}", iisHost)
      }
      window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: base_ulr_sl,
          maximumLevel: 22,
        })
      );
      Viewer.imageryLayers._layers[2].show = false
      // Viewer.imageryLayers.addImageryProvider(
      //   new Cesium.UrlTemplateImageryProvider({
src/components/mapol.vue
@@ -121,11 +121,14 @@
        ]),
        interactions: defaultInteractions().extend([new DragRotateAndZoom()]),
      })
      var base_ulr = window.sceneConfig.baseUrl;
      if (base_ulr.indexOf('{host}') > -1) {
        base_ulr = base_ulr.replace("{host}", iisHost)
      }
      window.olBaseMapLayer = new TileLayer({
        title: "高德地图",
        source: new XYZ({
          url: gaoDeBaseUrl[1].url,
          url: base_ulr,
          wrapX: false
        })
      });
@@ -362,7 +365,7 @@
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  //position: absolute;
  //bottom: 1%;
  //left: calc(1% + 75px);
@@ -395,7 +398,7 @@
  background-repeat: no-repeat;
  background-size: contain;
}
.changeLayer{
.changeLayer {
  position: absolute;
  bottom: 84px;
  right: 46px;
@@ -406,6 +409,6 @@
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
</style>
src/components/mapsdk.vue
@@ -409,6 +409,20 @@
                </div>
              </td>
            </tr>
            <tr>
              <td>淤泥质土</td>
              <td>
                <div style="width:100px;height:20px;background:rgba(75,74,78,1)">
                </div>
              </td>
            </tr>
            <tr>
              <td>其他</td>
              <td>
                <div style="width:100px;height:20px;background:rgba(225,225,225,1)">
                </div>
              </td>
            </tr>
          </table>
        </el-card>
      </div>
@@ -935,6 +949,23 @@
      //开启深度检测
      // sgworld.Analysis.depthTestAgainstTerrain(true)
      Viewer.scene.globe.depthTestAgainstTerrain = true;
      var base_ulr = window.sceneConfig.baseUrl;
      if (base_ulr.indexOf('{host}') > -1) {
        base_ulr = base_ulr.replace("{host}", iisHost)
      }
      window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: base_ulr,
          maximumLevel: 22,
        })
      );
      var option = {
        url: window.sceneConfig.SGUrl,
@@ -1495,7 +1526,7 @@
        return
      }
      if (res.result.length <= 0) {
        this.$message.error('暂无附件');
        this.$message('暂无附件');
        return
      }
src/views/Synthesis/LeftMenu.vue
@@ -2689,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)
@@ -2702,6 +2730,13 @@
      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 (
          this.optionx[j].domainNa != null &&
src/views/Tools/AddOnlineMap.vue
@@ -200,12 +200,12 @@
          },
          {
            name: "地形",
            image: require("../../assets/img/imageLayer/tdmap_label.jpg"),
            image: require("../../assets/img/imageLayer/dixing.png"),
            urls: "http://{host}/LFData/2d/tiles/ter/{z}/{x}/{y}.png",
          },
          {
            name: "1:20万区域地质图",
            image: require("../../assets/img/imageLayer/tdmap_label.jpg"),
            image: require("../../assets/img/imageLayer/25dizhi.png"),
            urls: "http://{host}/LFData/2d/tiles/20w_qydz/{z}/{x}/{y}.png",
          },
        ],
@@ -335,13 +335,6 @@
      Viewer.imageryLayers.raise(window.BaseMapLayer);//将图层上移一层
    },
    // 添加数据
    addData() {
      if (this.data.urls && this.data.sourceType) {