From e4e70f29e0142c4b3bc2ccb59be1e4246104050a Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期四, 13 五月 2021 16:28:56 +0800
Subject: [PATCH] 搜索 企业应急图片修改与图层控制联动。
---
src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue | 151 ++++++++++++++-----------------------------------
1 files changed, 44 insertions(+), 107 deletions(-)
diff --git a/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue b/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue
index 7eb985a..1588a23 100644
--- a/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue
+++ b/src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Connectivity.vue
@@ -9,99 +9,32 @@
<el-card class="box-card">
<el-scrollbar style="height:2rem">
<span class="clearfix">璧峰绠℃</span>
- <el-table
- ref="singleTable"
- highlight-current-row
- :data="tableData"
- max-height="200"
- style="width: 100%" size="mini">
- <el-table-column
- prop="lineloopna"
- label="绠＄嚎绫诲瀷"
- >
- </el-table-column>
- <el-table-column
- sortable
- width="100"
- prop="pipecode"
- label="绠＄嚎鍚嶇О"
- >
- </el-table-column>
- <el-table-column
- sortable
- width="100"
- prop="startpoint"
- label="璧风偣缂栧彿"
- >
- </el-table-column>
- <el-table-column
- sortable
- width="100"
- prop="endpointnu"
- label="缁堢偣缂栧彿"
- >
- </el-table-column>
- <el-table-column
- class-name="fixed-tablea"
- fixed="right"
- label="鎿嶄綔"
- >
+ <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 :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 :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>
@@ -109,39 +42,42 @@
</template>
<script>
+
export default {
name: 'Connectivity',
data () {
return {
// 杩為�氭��
linkType: 1, // 1 杩為�氭�ц捣濮嬬娈� 0 杩為�氭�х粨鏉熺娈� 鐢ㄦ潵鍒ゆ柇鏄偣鍑讳簡璧峰 杩樻槸缁撴潫绠℃
- tableData: []
+ map: window.map,
+ tableData: [],
+ startingSection: []
}
},
methods: {
- // 鍦板浘鐐瑰嚮璧峰绠℃
- linkClickStart () {
- console.log('鍦板浘鐐瑰嚮璧峰绠℃')
- this.linkType = 1
- // this.selectPipeLine()
+ // 娴佸悜鍦板浘涓婄偣鍑�
+ selectPipeLine () {
+ this.map.on('click', this.selectClick)
},
- // 鍦板浘鐐瑰嚮缁撴潫绠℃
- linkClickEnd () {
- console.log('鍦板浘鐐瑰嚮缁撴潫绠℃')
- this.linkType = 0
- // this.selectPipeLine()
+ // 鍦板浘涓婄偣鍑诲洖璋�
+ selectClick (e) {
+ this.map.off('click', this.selectClick)
+ const point = [e.latlng.lng, e.latlng.lat]
+ console.log(point)
+ // 鏍规嵁鏁版嵁杩涜鏁版嵁璇锋眰
+ // this.getPipeLine(point)
},
- // 杩為�氭�у垎鏋�
- linkQuery () {
- console.log('鐐瑰嚮杩為�氭�у垎鏋�')
- },
- // 娓呴櫎鍔熻兘
- linkClear () {
- console.log('鐐瑰嚮娓呴櫎')
- },
- // 閫夋嫨璧峰绠℃
- linkSelectStart () {
- console.log('閫夋嫨璧峰绠℃')
+ // 鏁版嵁璇锋眰
+ 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
}
}
}
@@ -151,6 +87,7 @@
/deep/ .fixed-tablea {
background: rgba(0, 16, 30, 1) !important;
}
+
/deep/ .el-table__fixed-right::before {
background: none;
}
--
Gitblit v1.8.0