派生自 wuyushui/SewerAndRainNetwork
| src/components/base-page/enterprise-emergency/AsWhole.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/base-page/enterprise-emergency/PipelineFile.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/base-page/enterprise-emergency/PositionChange.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/topicSearch/SewersSearch.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/topicSearch/sewers-select/SewersAnalysis.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/topicSearch/sewers-select/analysis-choose/Connectivity.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/components/panel/topicSearch/sewers-select/analysis-choose/CrossSectional.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/utils/dragBoxes.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/components/base-page/enterprise-emergency/AsWhole.vue
New file @@ -0,0 +1,14 @@ <template> <div class="as-whole"> </div> </template> <script> export default { name: 'AsWhole' } </script> <style lang="less" scoped> </style> src/components/base-page/enterprise-emergency/PipelineFile.vue
@@ -1,6 +1,13 @@ <template> <div class="pipeline-file map-background" v-show="pipelineFile"> <span>管线文件选择</span> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="管线名称"> <el-input v-model="form.pipeName" suffix-icon="el-icon-search"></el-input> </el-form-item> <el-form-item label="管段编码"> <el-input v-model="form.pipeCode" suffix-icon="el-icon-search"></el-input> </el-form-item> </el-form> </div> </template> @@ -10,11 +17,16 @@ name: 'PipelineFile', data () { return { pipelineFile: false pipelineFile: false, form: { pipeName: '', pipeCode: '' } } }, mounted () { eventBus.$on('pipelineFile-choose', (obj) => { // console.log(obj) this.pipelineFile = obj }) } src/components/base-page/enterprise-emergency/PositionChange.vue
@@ -4,7 +4,7 @@ <el-tab-pane label="点击定位" name="first"> <div class="click-location"> <el-input v-model="clickLocation"></el-input> <el-button type="primary">确认</el-button> <el-button type="primary" @click="confirm">确认</el-button> </div> </el-tab-pane> <el-tab-pane label="管线定位" name="second"> @@ -18,7 +18,7 @@ </el-form-item> </el-form> <el-button type="primary" size="mini">搜索</el-button> <el-button type="primary">确认</el-button> <el-button type="primary" @click="confirm">确认</el-button> </div> </el-tab-pane> <el-tab-pane label="经纬度定位" name="third"> @@ -34,7 +34,7 @@ </el-form> <el-button type="primary" size="mini">定位</el-button> </div> <el-button type="primary">确认</el-button> <el-button type="primary" @click="confirm">确认</el-button> </div> </el-tab-pane> </el-tabs> @@ -61,18 +61,34 @@ linePos: { lineName: '', affFac: '' } }, tabLabel: '' } }, mounted () { // 接收规定 每次重新选择定位 都指定 选择第一个开始 eventBus.$on('tab-change', (obj) => { this.activeName = obj }) }, methods: { handleClick (tab, event) { // console.log(tab) // console.log(event) // tab 切换用于判断 handleClick (tab) { // 控制第三层页面 管线名称/管段代码选择页面 if (tab.label === '管线定位') { // 如果 是管线定位 显示三级附属框 进行选择文件操作 eventBus.$emit('pipelineFile-choose', true) } else { // eles 不进行显示 eventBus.$emit('pipelineFile-choose', false) } }, // 点击确认按钮事件 confirm () { // 子组件通过事件 传递数据 控制自身显示隐藏 this.$emit('localCation', false) // 通过bus 控制三级附属弹框的隐藏 eventBus.$emit('pipelineFile-choose', false) } } } src/components/panel/topicSearch/SewersSearch.vue
@@ -148,13 +148,13 @@ // tab切换 handleClick (tab, event) { console.log(tab, event) // if (tab.label === '分析') { // // 关闭弹窗 // window.mapManager.clickDialogSwitch = false // } else { // // 打开弹窗 // window.mapManager.clickDialogSwitch = true // } if (tab.label === '分析') { // 关闭弹窗 window.mapManager.clickDialogSwitch = false } else { // 打开弹窗 window.mapManager.clickDialogSwitch = true } }, // 根据返回数据 确认展示图片 getImgSrc () { src/components/panel/topicSearch/sewers-select/SewersAnalysis.vue
@@ -110,44 +110,4 @@ /deep/ .el-tab-pane { min-height: 506.19px; } /*/deep/ .el-tabs--top .el-tabs__item.is-top:nth-child(2) {*/ /* padding-left: 20px;*/ /*}*/ /*/deep/ .el-tabs--border-card {*/ /* background: none;*/ /* border: none;*/ /* box-shadow: none;*/ /*}*/ /*/deep/ .el-tabs--border-card > .el-tabs__header {*/ /* background: none;*/ /* border-bottom: none;*/ /* margin: 0;*/ /*}*/ /*/deep/ .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {*/ /* color: #409EFF;*/ /* background: none;*/ /* border: none;*/ /*}*/ /*/deep/ .el-tabs--border-card > .el-tabs__header .el-tabs__item {*/ /* border: none;*/ /*}*/ /*/deep/ .panel-right ::-webkit-scrollbar-thumb {*/ /* background: none;*/ /* border: none;*/ /*}*/ /*/deep/ .el-card__body {*/ /* padding: 0;*/ /*}*/ /*/deep/ .el-table__fixed-right {*/ /* bottom: 0;*/ /* padding: 0;*/ /* margin: 0;*/ /*}*/ </style> src/components/panel/topicSearch/sewers-select/analysis-choose/Connectivity.vue
@@ -95,7 +95,7 @@ // 地图上点击 selectPipeLine () { window.map.on('click', this.selectClick) window.mapManager.clickDialogSwitch = false // window.mapManager.clickDialogSwitch = false }, // 地图上点击回调 selectClick (e) { src/components/panel/topicSearch/sewers-select/analysis-choose/CrossSectional.vue
@@ -139,30 +139,12 @@ }, // 对获取到的数据进行处理 dealWithData (dataList) { console.log(dataList) // const dataPoint = e.data.point // const spacingList = e.data.pointInterval.reverse() // const dataList = [] // for (let i = 0; i < dataPoint.length; i++) { // const obj = { // mediumtype: dataPoint[i].pipelines.extraData.mediumtype, // startpointz: dataPoint[i].pipelines.extraData.startpointz, // diameter: dataPoint[i].pipelines.extraData.diameter, // spacing: spacingList[i - 1], // x: parseFloat(dataPoint[i].crossPoint3D.x).toFixed(8), // y: parseFloat(dataPoint[i].crossPoint3D.y).toFixed(8), // z: parseFloat(dataPoint[i].crossPoint3D.z).toFixed(2) // } // dataList.push(obj) // } // console.log(dataList) // 横向坐标数据 const xAxisData = [] const dataObj = [] for (let i = 0; i < dataList.length; i++) { xAxisData.push(dataList[i].mediumtype) // if (dataList[i].mediumtype === '雨水') { // dataObj.color = 'red' // } dataObj.push(dataList[i].startpointz) } this.selectRow(xAxisData, dataObj) src/utils/dragBoxes.js
@@ -38,3 +38,80 @@ } }) export default drag // function dialogDragBox (el) { // const dialogHeaderEl = el.querySelector('.public-bounced-title') // const dragDom = el.querySelector('.report-box') // // dialogHeaderEl.style.cssText += ';cursor:move;' // dragDom.style.cssText += ';top:0px;' // // // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null); // const sty = (() => { // if (window.document.currentStyle) { // return (dom, attr) => dom.currentStyle[attr] // } else { // return (dom, attr) => getComputedStyle(dom, false)[attr] // } // })() // // dialogHeaderEl.onmousedown = (e) => { // // 鼠标按下，计算当前元素距离可视区的距离 // const disX = e.clientX - dialogHeaderEl.offsetLeft // const disY = e.clientY - dialogHeaderEl.offsetTop // // const screenWidth = document.body.clientWidth // body当前宽度 // const screenHeight = document.documentElement.clientHeight // 可见区域高度(应为body高度，可某些环境下无法获取) // // const dragDomWidth = dragDom.offsetWidth // 对话框宽度 // const dragDomheight = dragDom.offsetHeight // 对话框高度 // // const minDragDomLeft = dragDom.offsetLeft // const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth // // const minDragDomTop = dragDom.offsetTop // const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight // // // 获取到的值带px 正则匹配替换 // let styL = sty(dragDom, 'left') // let styT = sty(dragDom, 'top') // // // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px // if (styL.includes('%')) { // styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100) // styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100) // } else { // styL = +styL.replace(/px/g, '') // styT = +styT.replace(/px/g, '') // } // // document.onmousemove = function (e) { // // 通过事件委托，计算移动的距离 // let left = e.clientX - disX // let top = e.clientY - disY // // // 边界处理 // if (-(left) > minDragDomLeft) { // left = -(minDragDomLeft) // } else if (left > maxDragDomLeft) { // left = maxDragDomLeft // } // // if (-(top) > minDragDomTop) { // top = -(minDragDomTop) // } else if (top > maxDragDomTop) { // top = maxDragDomTop // } // // // 移动当前元素 // dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;` // } // // document.onmouseup = function (e) { // document.onmousemove = null // document.onmouseup = null // } // } // } // // export default dialogDragBox
