From 48d575a147ecf5b5ea042dc38d99ed58df68ddfd Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期五, 15 一月 2021 18:02:53 +0800
Subject: [PATCH] 增加mapbox插接件和功能
---
src/views/baseInfoMgr/pipeline/PipeLineList.vue | 194 ++++++++++++++++++++++++++++++------------------
1 files changed, 122 insertions(+), 72 deletions(-)
diff --git a/src/views/baseInfoMgr/pipeline/PipeLineList.vue b/src/views/baseInfoMgr/pipeline/PipeLineList.vue
index 9eaaa4a..5df1afb 100644
--- a/src/views/baseInfoMgr/pipeline/PipeLineList.vue
+++ b/src/views/baseInfoMgr/pipeline/PipeLineList.vue
@@ -1,86 +1,136 @@
<template>
- <div class="listTable">
- <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 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'
+import 'leaflet/dist/leaflet.css'
- export default {
- name: 'PipeLineList',
- datas: {},
- mounted() {
- this.$nextTick(() => {
- this.init()
- })
- },
- methods: {}
- }
+export default {
+ name: 'PipeLineList',
+ datas: {},
+ mounted () {
+ this.$nextTick(() => {
+ this.init()
+ })
+ },
+ methods: {}
+}
</script>
<style lang="less">
- .listTable {
+ .pipe-line-table {
z-index: 999;
- min-height: 300px;
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