管道基础大数据平台系统开发-【前端】-新系統界面
1
Surpriseplus
2022-12-19 9c803f20cc05395bac2d3386accfe230210c07dc
src/views/exportMap/index.vue
@@ -1,7 +1,7 @@
<template>
  <div class="exportmap">
    <div id="mapView" class="mapView">
      <!-- <div class="topMenu">
      <div class="topMenu">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item>
            <el-link
@@ -38,7 +38,7 @@
          <el-form-item>
            <el-link
              style="color: white"
              @click="showMapApply = !showMapApply"
              @click="showMapApply = true"
              :underline="false"
              >出图申请
            </el-link></el-form-item
@@ -65,9 +65,9 @@
            <el-button plain size="mini" @click="setMapRemoveDraw()"
              >清除</el-button
            >
            <el-button plain size="mini" @click="setExportMapLayer"
            <!-- <el-button plain size="mini" @click="setExportMapLayer"
              >出图</el-button
            >
            > -->
          </el-form-item>
        </el-form>
      </div>
@@ -150,6 +150,12 @@
          </el-table-column>
          <el-table-column property="name" label="名称"> </el-table-column>
          <el-table-column property="type" label="类型"> </el-table-column>
          <el-table-column
            property="createTime"
            :formatter="formatTime"
            label="日期"
          >
          </el-table-column>
          <el-table-column property="descr" label="描述"> </el-table-column>
          <el-table-column label="操作" width="120">
            <template slot-scope="scope">
@@ -175,8 +181,8 @@
          >
          </el-pagination>
        </div>
      </div> -->
      <!-- <div
      </div>
      <div
        @click="changeMenulayer"
        class="center CenDiv"
        :class="{ center1: centerFlag }"
@@ -185,10 +191,10 @@
          id="cenBg"
          v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"
        ></div>
      </div> -->
      </div>
    </div>
    <!-- <el-dialog
    <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="30%"
@@ -211,7 +217,7 @@
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="setAddMapLayer">确 定</el-button>
      </span>
    </el-dialog> -->
    </el-dialog>
  </div>
</template>
@@ -235,6 +241,7 @@
import { removeToken, getToken } from '@/utils/auth';
import $ from 'jquery';
import { exportSelectByPage } from '../../api/api.js';
import moment from 'moment';
export default {
  data() {
    return {
@@ -259,7 +266,6 @@
          id: 1,
          label: '图层',
          children: [
            { label: '阀室', value: '阀室' },
            { label: '站场', value: '站场' },
            { label: '管道中心线', value: '管道中心线' },
          ],
@@ -286,6 +292,13 @@
    this.initMap();
  },
  methods: {
    formatTime(row, column) {
      let date = row[column.property];
      if (date === undefined || date === null) {
        return '';
      }
      return moment(parseInt(date)).format('YYYY-MM-DD HH:mm:ss');
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
@@ -299,9 +312,11 @@
      this.getShowMapList();
    },
    async getShowMapList() {
      const data = await exportSelectByPage(this.listdata);
      this.exportable = data.result;
      this.showMapList = true;
      const data = await exportSelectByPage(this.listdata);
      debugger;
      this.exportable = data.result;
      this.count = data.count;
    },
    setExportMapLayer(res) {
@@ -427,17 +442,17 @@
        this.arrList.push({
          name: data.label,
        });
        var wmsLayer = new Image({
          source: new ImageWMS({
            ratio: 1,
            url: data.resource,
            crossOrigin: 'anonymous',
            params: {
              VERSION: '1.3.0',
              FORMAT: 'image/png',
              LAYERS: '',
              srs: 'EPSG:900913',
              srs: 'EPSG:4326',
              tiled: true,
              styles: '',
            },