From 5e8eb5e0ad0228973d9f8839b4d3a84ef245c0c9 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期二, 29 十二月 2020 11:41:34 +0800
Subject: [PATCH] 修复路由
---
src/router/routes.js | 2
src/views/baseInfoMgr/pipeline/PipeLineList.vue | 136 ++++++++++++++++++++++++++++++++++
src/views/baseInfoMgr/pipeline/PipeLineIndex.vue | 55 +++++++++++++
3 files changed, 192 insertions(+), 1 deletions(-)
diff --git a/src/router/routes.js b/src/router/routes.js
index 9c86e08..b2c4d92 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -10,7 +10,7 @@
*/
// 榛樿璺宠浆璺敱
import App from "../App";
-import PipeLineIndex from "../views/baseInfoMgr/pipeline/Index";
+import PipeLineIndex from "../views/baseInfoMgr/pipeline/PipeLineIndex";
import MapTemplate from "../views/MapTemplate";
// 搴旂敤涓氬姟鐩稿叧璺敱锛屾寕杞絤enu涓婄殑page
diff --git a/src/views/baseInfoMgr/pipeline/PipeLineIndex.vue b/src/views/baseInfoMgr/pipeline/PipeLineIndex.vue
new file mode 100644
index 0000000..6e8d732
--- /dev/null
+++ b/src/views/baseInfoMgr/pipeline/PipeLineIndex.vue
@@ -0,0 +1,55 @@
+<template>
+ <div class="full-screen">
+ <div id="map" ref="rootmap"></div>
+ <pipe-line-list></pipe-line-list>
+ </div>
+</template>
+
+<script>
+ import 'leaflet/dist/leaflet.css'
+ import Sgis from '@src/Sgis'
+ import PipeLineList from "./PipeLineList";
+ import {mapMutations} from 'vuex'
+
+ export default {
+ name: 'PipeLineIndex',
+ components: {PipeLineList},
+ mounted() {
+ this.$nextTick(() => {
+ this.init()
+ })
+ },
+ methods: {
+ ...mapMutations({
+ setMapObj: 'setMapObj',
+ setLayerHelper: 'setLayerHelper'
+ }),
+ init() {
+ const mapcontainer = this.$refs.rootmap
+ this.mapObj = Sgis.initMap(mapcontainer)
+ this.basemapHelper = Sgis.initBasemaps(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栧簳鍥�
+ this.vectorLayerHelper = Sgis.initLayers(this.mapObj.map, this.mapObj.L, {}, this.$nodeEnv) // 鍒濆鍖栦笟鍔″浘灞�
+ this.setLayerHelper(this.vectorLayerHelper)
+ return this.map
+ },
+ setLayerHelper() {
+
+ }
+ }
+ }
+</script>
+
+<style lang="less">
+ .full-screen {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ top: 0;
+
+ #map {
+ height: 100%;
+ width: 100%;
+ }
+ }
+</style>>
diff --git a/src/views/baseInfoMgr/pipeline/PipeLineList.vue b/src/views/baseInfoMgr/pipeline/PipeLineList.vue
new file mode 100644
index 0000000..59606ce
--- /dev/null
+++ b/src/views/baseInfoMgr/pipeline/PipeLineList.vue
@@ -0,0 +1,136 @@
+<template>
+ <div class="pipe-line-table">
+ <div class="table-header">
+ <div class="title">绠℃鍒楄〃淇℃伅</div>
+ <div class="form">
+ <el-form :inline="true" class="demo-form-inline">
+ <el-form-item label="绠＄嚎鐐规煡璇�:">
+ <el-input placeholder="瀹℃壒浜�" size="mini"></el-input>
+ </el-form-item>
+ <el-form-item label="杩愯鐘舵��:">
+ <el-select size="mini">
+ <el-option label="缂栬緫" value="shanghai"></el-option>
+ <el-option label="鎻愪氦" value="beijing"></el-option>
+ <el-option label="淇濆瓨" value="beijing"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="mini">鏌ヨ</el-button>
+ <el-button type="primary" size="mini">瀵煎叆绠℃灞炴�ц〃</el-button>
+ <el-button type="primary" size="mini">鍥惧舰鏄剧ず</el-button>
+ <el-button type="primary" size="mini">瀵煎嚭淇℃伅</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ <div class="table-list">
+ <el-table
+ :data="tableData"
+ style="width: 100%;height: 300px"
+ :default-sort="{prop: 'date', order: 'descending'}"
+ >
+ <el-table-column
+ prop="date"
+ label="搴忓彿"
+ sortable
+ width="180">
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="缁存姢涓庢搷浣�"
+ sortable
+ width="180">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="绠℃缂栫爜">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鎵�灞炵绾垮悕绉�">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="绠″緞(mm)">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鏉愯川">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="绠￠亾鍘嬪姏(Mpa)">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="娴佸悜">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="绠℃矡绫诲瀷">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鍩嬫病鏂瑰紡">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鍩嬫病鏃堕棿">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="鎺㈡祴鏃堕棿">
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+</template>
+
+<script>
+ import 'leaflet/dist/leaflet.css'
+
+ export default {
+ name: 'PipeLineList',
+ datas: {},
+ mounted() {
+ this.$nextTick(() => {
+ this.init()
+ })
+ },
+ methods: {}
+ }
+</script>
+
+<style lang="less">
+ .pipe-line-table {
+ z-index: 999;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+
+ .el-form--inline .el-form-item__content {
+ vertical-align: middle;
+ }
+
+ .table-header {
+ background-color: #D7D7D7;
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+
+ .title {
+ float: left;
+ width: 200px;
+ }
+
+ .form {
+ margin-left: 200px;
+ min-height: 330px;
+ }
+ }
+
+ .table-list {
+ height: 300px;
+ }
+ }
+</style>>
--
Gitblit v1.8.0