From 064202627b06912b306ad9affcbbc0bfb7096fe3 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期二, 29 十二月 2020 11:33:29 +0800 Subject: [PATCH] fix bug --- /dev/null | 136 --------------------------------------------- src/router/routes.js | 4 2 files changed, 2 insertions(+), 138 deletions(-) diff --git a/src/App2.vue b/src/App2.vue deleted file mode 100644 index 010714e..0000000 --- a/src/App2.vue +++ /dev/null @@ -1,36 +0,0 @@ -<template> - <div id="app" ref="app"> - <map-template></map-template> - </div> -</template> - -<script> -import MapTemplate from './views/MapTemplate.vue' - -export default { - name: 'App', - components: {MapTemplate}, - mounted(){ - this.$nextTick(()=>{ - let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //娴忚鍣ㄩ珮搴� - let topH = this.$refs.app.offsetHeight; - console.log(h) - this.height = (h - topH) + "px" - }) - } -} -</script> - -<style> -html,body,#app { - font-family: Avenir, Helvetica, Arial, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-align: center; - color: #2c3e50; - padding: 0px; - margin: 0px; - - text-align: left; -} -</style> diff --git a/src/router/routes.js b/src/router/routes.js index 76a1402..9c86e08 100644 --- a/src/router/routes.js +++ b/src/router/routes.js @@ -10,7 +10,7 @@ */ // 榛樿璺宠浆璺敱 import App from "../App"; -import Index from "../views/baseInfoMgr/pipeline/Index"; +import PipeLineIndex from "../views/baseInfoMgr/pipeline/Index"; import MapTemplate from "../views/MapTemplate"; // 搴旂敤涓氬姟鐩稿叧璺敱锛屾寕杞絤enu涓婄殑page @@ -29,7 +29,7 @@ }, { path: 'baseInfoMgr/pipeLine', name: 'baseInfoMgr', - component: Index, + component: PipeLineIndex, meta: { title: '鍩虹鏁版嵁缁存姢' } diff --git a/src/views/baseInfoMgr/pipeline/Index.vue b/src/views/baseInfoMgr/pipeline/Index.vue deleted file mode 100644 index 6e8d732..0000000 --- a/src/views/baseInfoMgr/pipeline/Index.vue +++ /dev/null @@ -1,55 +0,0 @@ -<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 deleted file mode 100644 index 59606ce..0000000 --- a/src/views/baseInfoMgr/pipeline/PipeLineList.vue +++ /dev/null @@ -1,136 +0,0 @@ -<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