| | |
| | | ><i class="el-icon-s-operation"></i |
| | | ></el-link> |
| | | </el-form-item> |
| | | <el-form-item label="比例尺"> |
| | | <el-form-item> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | |
| | | > |
| | | <el-table-column type="index" width="50" label="序号"> |
| | | </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="descr" label="标题"> </el-table-column> |
| | | <el-table-column property="name" label="文件名称"> </el-table-column> |
| | | <el-table-column property="createName" 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"> |
| | | <el-link |
| | |
| | | tableData: [], |
| | | exportable: [], |
| | | multipleSelection: [], |
| | | options: [{ label: '1:20万', value: '1:20万' }], |
| | | value: '1:20万', |
| | | options: [ |
| | | { label: 'A0', value: 'A0' }, |
| | | { label: 'A1', value: 'A1' }, |
| | | { label: 'A2', value: 'A2' }, |
| | | { label: 'A3', value: 'A3' }, |
| | | { label: 'A4', value: 'A4' }, |
| | | { label: 'A5', value: 'A5' }, |
| | | { label: 'A6', value: 'A6' }, |
| | | ], |
| | | value: 'A4', |
| | | data: [ |
| | | { |
| | | id: 1, |
| | |
| | | |
| | | this.count = data.count; |
| | | }, |
| | | |
| | | getYMD() { |
| | | let myDate = new Date(); |
| | | let myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????) |
| | | let myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月) |
| | | let myToday = myDate.getDate(); //获取当前日(1-31) |
| | | myMonth = myMonth > 9 ? myMonth : '0' + myMonth; |
| | | myToday = myToday > 9 ? myToday : '0' + myToday; |
| | | let nowDate = 'V' + myYear + myMonth + myToday; |
| | | return nowDate; |
| | | }, |
| | | setExportMapLayer(res) { |
| | | var token = '?token=' + getToken(); |
| | | var data = { |
| | | token: token.replace('?token=', ''), |
| | | title: this.form.name, |
| | | pageSize: 'A4', |
| | | pageSize: this.value, |
| | | province: '山东省', |
| | | scale: this.value, |
| | | scale: '1:20万', |
| | | resolution: '20米', |
| | | date: '2022.11.14', |
| | | date: this.getYMD(), |
| | | layers: res.toString(), |
| | | rotation: 0, |
| | | xmin: this.layerExtent.xmin, |
| | |
| | | } |
| | | if (this.isActive) { |
| | | val_data.push('矢量图'); |
| | | val_data.push('矢量注记'); |
| | | } else { |
| | | val_data.push('影像'); |
| | | val_data.push('影像注记'); |
| | | val_data.push('影像图'); |
| | | } |
| | | this.setExportMapLayer(val_data); |
| | | this.showMapApply = false; |
| | |
| | | initMap() { |
| | | var TiandiLayer = new TileLayer({ |
| | | source: new XYZ({ |
| | | url: 'http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=94a34772eb88317fcbf8428e10448561', |
| | | url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}', |
| | | }), |
| | | }); |
| | | var TiandiTitle = new TileLayer({ |
| | | source: new XYZ({ |
| | | url: 'http://t0.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=94a34772eb88317fcbf8428e10448561', |
| | | }), |
| | | }); |
| | | |
| | | var GaoDeLayer = new TileLayer({ |
| | | source: new XYZ({ |
| | | url: 'http://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=6', |
| | |
| | | }); |
| | | window.mapView = new Map({ |
| | | target: 'mapView', |
| | | layers: [TiandiLayer, TiandiTitle, GaoDeLayer, GaoDeTitle], |
| | | layers: [TiandiLayer, GaoDeLayer, GaoDeTitle], |
| | | view: new View({ |
| | | center: transform([105.02, 34.9], 'EPSG:4326', 'EPSG:3857'), |
| | | zoom: 4, |
| | | projection: 'EPSG:3857', |
| | | }), |
| | | }); |
| | | mapView.getLayers().item(1).setVisible(false); |
| | | mapView.getLayers().item(2).setVisible(false); |
| | | mapView.getLayers().item(3).setVisible(false); |
| | | this.formInline.role = mapView.getView().getRotation(); |
| | | }, |
| | | //切换底图 |
| | |
| | | }, |
| | | setLayerVisible() { |
| | | if (this.isActive == true) { |
| | | mapView.getLayers().item(2).setVisible(false); |
| | | mapView.getLayers().item(3).setVisible(false); |
| | | mapView.getLayers().item(0).setVisible(true); |
| | | mapView.getLayers().item(1).setVisible(true); |
| | | } else { |
| | | mapView.getLayers().item(2).setVisible(true); |
| | | mapView.getLayers().item(3).setVisible(true); |
| | | mapView.getLayers().item(0).setVisible(false); |
| | | mapView.getLayers().item(1).setVisible(false); |
| | | mapView.getLayers().item(2).setVisible(false); |
| | | mapView.getLayers().item(0).setVisible(true); |
| | | } else { |
| | | mapView.getLayers().item(1).setVisible(true); |
| | | mapView.getLayers().item(2).setVisible(true); |
| | | mapView.getLayers().item(0).setVisible(false); |
| | | } |
| | | }, |
| | | }, |