From 2b557e6c3dffbfb3aa99f251be97278dd54dbae8 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期五, 18 十二月 2020 17:24:22 +0800
Subject: [PATCH] 管段列表信息
---
src/views/baseInfoMgr/pipeline/PipeLineList.vue | 172 +++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 111 insertions(+), 61 deletions(-)
diff --git a/src/views/baseInfoMgr/pipeline/PipeLineList.vue b/src/views/baseInfoMgr/pipeline/PipeLineList.vue
index 9eaaa4a..59606ce 100644
--- a/src/views/baseInfoMgr/pipeline/PipeLineList.vue
+++ b/src/views/baseInfoMgr/pipeline/PipeLineList.vue
@@ -1,63 +1,88 @@
<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>
@@ -77,10 +102,35 @@
</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