From e955287ac83d12c1545db512d9af7ed5a15db21c Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期一, 10 五月 2021 15:05:47 +0800
Subject: [PATCH] 管线搜索弹框整体调整
---
src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue | 137 ++++++++++++++++++++++++---------------------
1 files changed, 74 insertions(+), 63 deletions(-)
diff --git a/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue b/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue
index 325eb98..1588a23 100644
--- a/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue
+++ b/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue
@@ -1,83 +1,94 @@
<template>
<div class="connectivity">
<el-row>
- <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-button type="primary" size="mini">娓呴櫎</el-button>
+ <el-button type="primary" size="mini" @click="linkClickStart" title="鍦板浘涓婄偣鍑婚�夋嫨闇�瑕佽繘琛岃繛閫氬垎鏋愮殑绠℃">璧峰绠℃</el-button>
+ <el-button type="primary" size="mini" @click="linkClickEnd" title="鍦板浘涓婄偣鍑讳笌鎵�閫夌娈佃繛閫氱娈�">缁撴潫绠℃</el-button>
+ <el-button type="primary" size="mini" @click="linkQuery" title="鏍规嵁璧峰銆佺粨鏉熺娈佃繘琛岃繛閫氭�у垎鏋�">杩為�氭�у垎鏋�</el-button>
+ <el-button type="primary" size="mini" @click="linkClear" title="鏍规嵁璧峰銆佺粨鏉熺娈佃繘琛岃繛閫氭�у垎鏋�">娓呴櫎</el-button>
</el-row>
- <el-table
- :data="tableData"
- height="250"
- border
- style="width: 100%">
- <el-table-column
- prop="date"
- label="绠＄嚎鍚嶇О"
- width="180">
- </el-table-column>
- <el-table-column
- prop="name"
- label="绠＄嚎绫诲瀷"
- width="180">
- </el-table-column>
- <el-table-column
- prop="address"
- label="鎿嶄綔">
- </el-table-column>
- </el-table>
- <el-table
- :data="tableData"
- height="250"
- border
- style="width: 100%">
- <el-table-column
- prop="date"
- label="绠＄嚎鍚嶇О"
- width="180">
- </el-table-column>
- <el-table-column
- prop="name"
- label="绠＄嚎绫诲瀷"
- width="180">
- </el-table-column>
- <el-table-column
- prop="address"
- label="鎿嶄綔">
- </el-table-column>
- </el-table>
+ <el-card class="box-card">
+ <el-scrollbar style="height:2rem">
+ <span class="clearfix">璧峰绠℃</span>
+ <el-table ref="singleTable" highlight-current-row :data="startingSection" max-height="200" style="width: 100%" size="mini">
+ <el-table-column prop="lineloopna" label="绠＄嚎绫诲瀷"></el-table-column>
+ <el-table-column sortable prop="pipecode" label="绠＄嚎鍚嶇О"></el-table-column>
+ <el-table-column sortable prop="startpoint" label="璧风偣缂栧彿"></el-table-column>
+ <el-table-column sortable prop="endpointnu" label="缁堢偣缂栧彿"></el-table-column>
+ <el-table-column class-name="fixed-tablea" fixed="right" label="鎿嶄綔">
+ <template slot-scope="scope">
+ <el-button @click="linkSelectStart(scope.row)" type="text" size="small">閫夋嫨</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <span class="clearfix">缁撴潫绠℃</span>
+ <el-table :data="tableData" style="width: 100%">
+ <el-table-column prop="date" label="绠＄嚎绫诲瀷"></el-table-column>
+ <el-table-column prop="name" label="绠＄嚎鍚嶇О"></el-table-column>
+ <el-table-column prop="province" label="璧风偣缂栧彿"></el-table-column>
+ <el-table-column prop="city" label="缁堢偣缂栧彿"></el-table-column>
+ <el-table-column class-name="fixed-table" fixed="right" label="鎿嶄綔"></el-table-column>
+ </el-table>
+ <span class="clearfix">鍒嗘瀽缁撴灉</span>
+ <el-table :data="tableData" style="width: 100%">
+ <el-table-column prop="date" label="绠＄嚎绫诲瀷"></el-table-column>
+ <el-table-column prop="name" label="绠＄嚎鍚嶇О"></el-table-column>
+ <el-table-column prop="province" label="璧风偣缂栧彿"></el-table-column>
+ <el-table-column prop="city" label="缁堢偣缂栧彿"></el-table-column>
+ <el-table-column class-name="fixed-table" fixed="right" label="鎿嶄綔"></el-table-column>
+ </el-table>
+ </el-scrollbar>
+ </el-card>
</div>
</template>
<script>
+
export default {
name: 'Connectivity',
data () {
return {
- tableData: [{
- date: '2016-05-02',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�'
- }, {
- date: '2016-05-04',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�'
- }, {
- date: '2016-05-01',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�'
- }, {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
- }]
+ // 杩為�氭��
+ linkType: 1, // 1 杩為�氭�ц捣濮嬬娈� 0 杩為�氭�х粨鏉熺娈� 鐢ㄦ潵鍒ゆ柇鏄偣鍑讳簡璧峰 杩樻槸缁撴潫绠℃
+ map: window.map,
+ tableData: [],
+ startingSection: []
+ }
+ },
+ methods: {
+ // 娴佸悜鍦板浘涓婄偣鍑�
+ selectPipeLine () {
+ this.map.on('click', this.selectClick)
+ },
+ // 鍦板浘涓婄偣鍑诲洖璋�
+ selectClick (e) {
+ this.map.off('click', this.selectClick)
+ const point = [e.latlng.lng, e.latlng.lat]
+ console.log(point)
+ // 鏍规嵁鏁版嵁杩涜鏁版嵁璇锋眰
+ // this.getPipeLine(point)
+ },
+ // 鏁版嵁璇锋眰
+ async getPipeLine (point) {
+ const param = {
+ x: point[0],
+ y: point[1],
+ radius: 3
+ }
+ console.log(param)
+ // const res = await api.getPipeline(param)
+ // console.log(res)
+ // this.startingSection = res.data
}
}
}
</script>
<style lang="less" scoped>
-/deep/ .el-table {
- margin-top: 15px;
+/deep/ .fixed-tablea {
+ background: rgba(0, 16, 30, 1) !important;
+}
+
+/deep/ .el-table__fixed-right::before {
+ background: none;
}
</style>
--
Gitblit v1.8.0