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 | 136 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 136 insertions(+), 0 deletions(-)
diff --git a/src/views/baseInfoMgr/pipeline/PipeLineList.vue b/src/views/baseInfoMgr/pipeline/PipeLineList.vue
new file mode 100644
index 0000000..5df1afb
--- /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