lishenfeng
/
tsg-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(): 添加fb0类型浸润线

master
李神峰 2025-10-13 17:52:14 +08:00
parent 1cce27996d
commit 3661da3195
3 changed files with 387 additions and 368 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/aqjc/dataUrl1/fb010.js Normal file
View File

File diff suppressed because one or more lines are too long

718
pages/aqjc/index.vue
View File

@ -1,5 +1,5 @@
<template>
<view :style="{height:'100vh',overflow:'hidden',backgroundColor:'#fff'}">
<view :style="{ height: '100vh', overflow: 'hidden', backgroundColor: '#fff' }">
<!-- <u-status-bar></u-status-bar>
<u-navbar title="安全监测" :autoBack="true" :titleStyle="{
fontSize:'18px'
@ -7,7 +7,7 @@
</u-navbar> -->
<picker @change="bindPickerChange" :range="array" range-key="profileName" style="margin-top:0px;padding: 0 10px;">
<view class="uni-input12">
<view>{{profileName}}</view>
<view>{{ profileName }}</view>
<u-icon name="arrow-down-fill" color="#000" size="15"></u-icon>
</view>
</picker>
@ -16,11 +16,11 @@
<view class="time-ranger">
<view class="start-time">
<text>开始时间</text>
<text @click="showTime=true" style="margin-left:10%;color:#3399ef">{{stm}}</text>
<text @click="showTime = true" style="margin-left:10%;color:#3399ef">{{ stm }}</text>
</view>
<view class="end-time">
<text>结束时间</text>
<text @click="showTime1=true" style="margin:0 10%;color:#3399ef">{{etm}}</text>
<text @click="showTime1 = true" style="margin:0 10%;color:#3399ef">{{ etm }}</text>
<view class="search-btn" @click="searchHandle">
搜索
</view>
@ -34,7 +34,7 @@
<u-button @click="sx" class="aqjc-custom-style">-</u-button>
</view>
<view class="play-btn">
<uni-icons type="videocam" size="40" :color="swiper ? '#2979ff':'#909399' " @click="play"></uni-icons>
<uni-icons type="videocam" size="40" :color="swiper ? '#2979ff' : '#909399'" @click="play"></uni-icons>
</view>
</view>
<view class="jcsj-charts">
@ -51,394 +51,406 @@
</view>
<u-datetime-picker :show="showTime" v-model="startTime" mode="datetime" @confirm="handleStartTime"
@cancel="showTime=false"></u-datetime-picker>
@cancel="showTime = false"></u-datetime-picker>
<u-datetime-picker :show="showTime1" v-model="endTime" mode="datetime" @confirm="handleEndTime"
@cancel="showTime1=false"></u-datetime-picker>
@cancel="showTime1 = false"></u-datetime-picker>
</view>
</view>
</template>
<script>
import moment from "moment"
import drpOption from './jrxOptions';
import JcsjTable from "./jcsjTable"
const stm = moment().subtract(1, 'days').add(1, 'hour').set({
minute: 0,
second: 0
}).format("YYYY-MM-DD HH:mm");
const etm = moment().add(1, 'hour').set({
minute: 0,
second: 0
}).format("YYYY-MM-DD HH:mm");
const typeName = {
'ZB0+130': '1',
'ZB0+132': '2',
'ZB0+250': '3',
'ZB0+252': '4',
'ZB0+370': '5',
'ZB0+372': '6',
}
export default {
import moment from "moment"
import drpOption from './jrxOptions';
import JcsjTable from "./jcsjTable"
const stm = moment().subtract(1, 'days').add(1, 'hour').set({
minute: 0,
second: 0
}).format("YYYY-MM-DD HH:mm");
const etm = moment().add(1, 'hour').set({
minute: 0,
second: 0
}).format("YYYY-MM-DD HH:mm");
const typeName = {
'ZB0+130': '1',
'ZB0+132': '2',
'ZB0+250': '3',
'ZB0+252': '4',
'ZB0+370': '5',
'ZB0+372': '6',
'FB0+010': '7',
'FB0+030': '8',
}
export default {
data() {
return {
startTime: stm,
endTime: etm,
stm,
etm,
showTime: false,
showTime1: false,
array: [],
profileCode: '',
dbType: '',
type1:'',
trData: [],
dataSources: [],
chartData: {
chartData: {},
eopts: {}
},
areaStyle: {
left: "-450px"
},
scaleValue: 0.5,
swiper: false,
timer: 100,
columns: [],
cols1: [{
title: '序号',
key: 'index',
width: 60,
align: 'center',
},
{
title: '时间',
key: 'time',
width: 120,
align: 'center',
},
{
title: '库水位(m)',
key: 'rz',
dataIndex: 'rz',
width: 150,
align: "center"
},
],
cols2: [{
title: '结果分析',
key: 'status',
dataIndex: 'status',
width: 150,
align: "center",
}],
newCol: []
data() {
return {
startTime: stm,
endTime: etm,
stm,
etm,
showTime: false,
showTime1: false,
array: [],
profileCode: '',
dbType: '',
type1: '',
trData: [],
dataSources: [],
chartData: {
chartData: {},
eopts: {}
},
areaStyle: {
left: "-450px"
},
scaleValue: 0.5,
swiper: false,
timer: 100,
columns: [],
cols1: [{
title: '序号',
key: 'index',
width: 60,
align: 'center',
},
{
title: '时间',
key: 'time',
width: 120,
align: 'center',
},
{
title: '库水位(m)',
key: 'rz',
dataIndex: 'rz',
width: 150,
align: "center"
},
],
cols2: [{
title: '结果分析',
key: 'status',
dataIndex: 'status',
width: 150,
align: "center",
}],
newCol: []
}
},
components: {
JcsjTable
},
computed: {
profileName() {
if (this.array.length > 0) {
return this.array.find(item => item.profileCode == this.profileCode).profileName;
} else {
return '';
}
},
components: {
JcsjTable
},
computed: {
profileName() {
if (this.array.length > 0) {
return this.array.find(item => item.profileCode == this.profileCode).profileName;
} else {
return '';
}
},
},
watch: {
profileCode: {
handler(newVal, oldVal) {
if (newVal) {
let name = this.array.find(item => item.profileCode == newVal).profileName;
this.dbType =(name == "ZB0+130" || name == "ZB0+132") ? "1" :
(name == "ZB0+250" || name == "ZB0+252") ? "2" :
(name == "ZB0+370" || name == "ZB0+372") ? "3" : '';
this.type1 = typeName[name];
this.getDmTree();
}
},
immediate: true,
},
trData: {
handler(newVal, oldVal) {
if (newVal) {
this.getTableData()
}
},
deep: true,
},
dataSources: {
handler(newVal, oldVal) {
if (newVal) {
this.chartData = {
...drpOption(newVal[0], this.dbType,this.type1)
}
}
},
deep: true,
immediate: true,
},
swiper(newVal) {
console.log("ww", newVal);
},
watch: {
profileCode: {
handler(newVal, oldVal) {
if (newVal) {
this.InitialScroll(this.dataSources)
} else {
clearInterval(this.timer)
let name = this.array.find(item => item.profileCode == newVal).profileName;
this.dbType = (name == "ZB0+130" || name == "ZB0+132") ? "1" :
(name == "ZB0+250" || name == "ZB0+252") ? "2" :
(name == "ZB0+370" || name == "ZB0+372") ? "3" :
(name == "FB0+010" || name == "FB0+030") ? '4' : '';
this.type1 = typeName[name];
this.getDmTree();
}
},
immediate: true,
},
trData: {
handler(newVal, oldVal) {
if (newVal) {
this.getTableData()
}
},
deep: true,
},
dataSources: {
handler(newVal, oldVal) {
if (newVal) {
this.chartData = {
...drpOption(newVal[0], this.dbType, this.type1)
}
}
},
deep: true,
immediate: true,
},
swiper(newVal) {
console.log("ww", newVal);
if (newVal) {
this.InitialScroll(this.dataSources)
} else {
clearInterval(this.timer)
}
}
},
methods: {
InitialScroll(data) {
let index = 0;
this.timer = setInterval(() => {
console.log("data", data[index % data.length]);
this.chartData = {
...drpOption(data[index % data.length], this.dbType, this.type1)
}
index++;
}, 1000)
},
// 播放
play() {
this.swiper = !this.swiper;
},
// 放大回调
fd() {
if (this.scaleValue == 4) {
return;
} else {
this.scaleValue += 0.1;
}
},
methods: {
InitialScroll(data) {
let index = 0;
this.timer = setInterval(() => {
console.log("data", data[index % data.length]);
// 缩小回调
sx() {
if (this.scaleValue == 0.5) {
return ''
} else {
this.scaleValue -= 0.1;
}
},
// 缩放
scale(e) {
this.areaStyle.left = -(e.detail.scale + 1) * 450 + 'px';
},
searchHandle() {
this.getTableData();
},
handleStartTime(e) {
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
console.log("time", time);
this.chartData = {
...drpOption(data[index % data.length], this.dbType,this.type1)
}
index++;
}, 1000)
},
// 播放
play() {
this.swiper = !this.swiper;
},
// 放大回调
fd() {
if (this.scaleValue == 4) {
return;
} else {
this.scaleValue += 0.1;
}
},
// 缩小回调
sx() {
if (this.scaleValue == 0.5) {
return ''
} else {
this.scaleValue -= 0.1;
}
},
// 缩放
scale(e) {
this.areaStyle.left = -(e.detail.scale + 1) * 450 + 'px';
},
searchHandle() {
this.getTableData();
},
handleStartTime(e) {
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
console.log("time", time);
this.stm = time
this.showTime = false
},
handleEndTime(e) {
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
this.etm = time;
this.showTime1 = false
},
handleRanger(e) {
console.log(e);
this.tm = [...e]
},
bindPickerChange(e) {
this.profileCode = this.array[e.target.value].profileCode
},
// 获取监测点数据
async getMonthData() {
uni.showLoading({
this.stm = time
this.showTime = false
},
handleEndTime(e) {
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
this.etm = time;
this.showTime1 = false
},
handleRanger(e) {
console.log(e);
this.tm = [...e]
},
bindPickerChange(e) {
this.profileCode = this.array[e.target.value].profileCode
},
// 获取监测点数据
async getMonthData() {
uni.showLoading({
title: "加载中...",
mask: true,
});
try {
const {
data
} = await uni.$http.post(
`/gunshiApp/tsg/attDamProfile/list`, )
if (data.code == 200) {
try {
const {
data
} = await uni.$http.post(
`/gunshiApp/tsg/attDamProfile/list`,)
if (data.code == 200) {
uni.hideLoading();
const filterData = data.data.filter(item => item?.profileName?.split('+')[0] == 'ZB0')
console.log("filterData",filterData);
this.array = filterData
this.profileCode = filterData[0].profileCode;
}
} catch (e) {
uni.$showMsg();
}
},
const filterData = data.data.filter(item => (item?.profileName?.split('+')[0] == 'ZB0' || item?.profileName?.split('+')[0] == 'FB0'))
console.log("filterData", filterData);
const sortedData = filterData.sort((a, b) => {
// 判断a、b是否为ZB0开头
const isAZB0 = a.profileCode.startsWith('ZB0');
const isBZB0 = b.profileCode.startsWith('ZB0');
// 获取坝面上点位数据
async getTableData() {
uni.showLoading({
// 规则：ZB0开头的排前面；同类型（都ZB0/都非ZB0）保持原顺序
if (isAZB0 && !isBZB0) return -1; // a是ZB0，b不是 → a在前
if (!isAZB0 && isBZB0) return 1; // a不是ZB0，b是 → b在前
return 0; // 同类型，保持原始相对顺序
});
this.array = sortedData
this.profileCode = sortedData[0].profileCode;
}
} catch (e) {
uni.$showMsg();
}
},
// 获取坝面上点位数据
async getTableData() {
uni.showLoading({
title: "加载中...",
mask: true,
});
try {
const {
data
} = await uni.$http.post(
"/gunshiApp/tsg/osmoticPressR/infiltra/line", {
stationCodes: this.trData,
dateTimeRangeSo: {
start: moment(this.stm).format("YYYY-MM-DD HH:mm:00"),
end: moment(this.etm).format("YYYY-MM-DD HH:mm:00"),
}
try {
const {
data
} = await uni.$http.post(
"/gunshiApp/tsg/osmoticPressR/infiltra/line", {
stationCodes: this.trData,
dateTimeRangeSo: {
start: moment(this.stm).format("YYYY-MM-DD HH:mm:00"),
end: moment(this.etm).format("YYYY-MM-DD HH:mm:00"),
}
}
)
if (data.code == 200) {
uni.hideLoading();
let newArr = [];
let newData = data.data.map((s, i) => {
newArr.push(s.list.map(c => ({
[c.stationCode]: c.value || '-',
tm: c.tm,
})))
return {
tm: s.tm,
rz: s.rz,
status: s.status || '',
inx: i + 1
}
)
if (data.code == 200) {
uni.hideLoading();
let newArr = [];
let newData = data.data.map((s, i) => {
newArr.push(s.list.map(c => ({
[c.stationCode]: c.value || '-',
tm: c.tm,
})))
return {
tm: s.tm,
rz: s.rz,
status: s.status || '',
inx: i + 1
})
let filterData = newArr.filter(s => s.length > 0).flat()
let result = newData.map(s => {
let tm1 = s.tm;
let r = filterData.filter(t => {
return t.tm == tm1
})
let obj = {};
r.forEach(s1 => {
obj = {
...s1,
...obj
}
})
let filterData = newArr.filter(s => s.length > 0).flat()
let result = newData.map(s => {
let tm1 = s.tm;
let r = filterData.filter(t => {
return t.tm == tm1
})
let obj = {};
r.forEach(s1 => {
obj = {
...s1,
...obj
}
})
return {
...s,
...obj,
}
})
this.dataSources = [...result];
}
} catch (error) {
uni.$showMsg();
return {
...s,
...obj,
}
})
this.dataSources = [...result];
}
},
// 获取各点
async getDmTree() {
try {
const {
data
} = await uni.$http.post("/gunshiApp/tsg/attDamProfile/tree")
if (data.code == 200) {
console.log("data", data);
} catch (error) {
uni.$showMsg();
}
},
// 获取各点
async getDmTree() {
try {
const {
data
} = await uni.$http.post("/gunshiApp/tsg/attDamProfile/tree")
if (data.code == 200) {
console.log("data", data);
let filterData = data.data.filter(s => s.profileCode == this.profileCode)
this.trData = filterData[0].children;
const newCol = filterData[0].children.map(s => ({
title: `${s}(m)`,
key: s,
dataIndex: s,
width: 150,
align: "center",
}))
this.columns = [...this.cols1, ...newCol, ...this.cols2]
this.newCol = newCol;
}
} catch (error) {
uni.$showMsg();
let filterData = data.data.filter(s => s.profileCode == this.profileCode)
this.trData = filterData[0].children;
const newCol = filterData[0].children.map(s => ({
title: `${s}(m)`,
key: s,
dataIndex: s,
width: 150,
align: "center",
}))
this.columns = [...this.cols1, ...newCol, ...this.cols2]
this.newCol = newCol;
}
},
} catch (error) {
uni.$showMsg();
}
},
// 拖动回调
onChange(e) {
console.log(e);
},
// 拖动回调
onChange(e) {
console.log(e);
},
mounted() {
this.getMonthData()
this.getDmTree()
},
}
},
mounted() {
this.getMonthData()
this.getDmTree()
},
}
</script>
<style lang="scss" scoped>
.uni-input12 {
display: flex;
justify-content: center;
column-gap: 30px;
align-items: center;
padding: 5px 0;
border: 1px solid #f2f2f2;
border-left: none;
border-right: none;
// background-image: '../../static/images/';
}
.uni-input12 {
display: flex;
justify-content: center;
column-gap: 30px;
align-items: center;
padding: 5px 0;
border: 1px solid #f2f2f2;
border-left: none;
border-right: none;
// background-image: '../../static/images/';
}
.jcsj-box {
padding: 0 10px;
.jcsj-box {
padding: 0 10px;
.jcsj-content {
max-height: 100vh;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.jcsj-content {
max-height: 100vh;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.tool-btn {
.tool-btn {
display: flex;
justify-content: space-between;
align-items: "center";
padding: 5px;
.scale-btn {
display: flex;
justify-content: space-between;
align-items: "center";
padding: 5px;
.scale-btn {
display: flex;
button {
height: 40px;
}
button {
height: 40px;
}
}
}
.jcsj-charts {
width: 1310px;
height: 250px;
overflow-y: auto;
// margin-top: 20px;
&>movable-area {
height: 250px;
width: 3000px;
// position:fixed;
overflow: hidden;
z-index: 1;
background-color: #efefef;
movable-view {
display: flex;
justify-content: center;
width: 1310px;
height: 380px;
background-color: #fff;
left: 450px;
top: 10px
}
}
.active {
border-color: #68bbff !important;
color: #68bbff;
}
}
.aqjc-custom-style {
width: 80rpx;
}
}
.jcsj-charts {
width: 1310px;
height: 250px;
overflow-y: auto;
// margin-top: 20px;
&>movable-area {
height: 250px;
width: 3000px;
// position:fixed;
overflow: hidden;
z-index: 1;
background-color: #efefef;
movable-view {
display: flex;
justify-content: center;
width: 1310px;
height: 380px;
background-color: #fff;
left: 450px;
top: 10px
}
}
.active {
border-color: #68bbff !important;
color: #68bbff;
}
}
.aqjc-custom-style {
width: 80rpx;
}
}
</style>

35
pages/aqjc/jrxOptions.js
View File

@ -3,9 +3,10 @@ import { imageUrl060,imageUrl090,rule } from './dataUrl'
import imageUrl130 from './dataUrl1/zb130';
import imageUrl250 from './dataUrl1/zb250';
import imageUrl370 from './dataUrl1/zb370';
import imageUrl010 from './dataUrl1/fb010';
export default function jrxOptions(data = {}, type = "1",typeName='1') {
export default function jrxOptions(data = {}, type = "1", typeName = '1') {
// const yMin = type == "1" ? 70 : type == "2" ? 70 : 70;
// const yMax = type == "1" ? 154 : type == "2" ? 150 : 150;
// const type1 = ["SY05", "SY06", "SY07", "SY08"]
@ -76,21 +77,26 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
// : []
const yMin = type == "3" ? 70 : type == "2" ? 67 :
type == '1' ? 58 : 70;
type == '1' ? 58 : 99;
const yMax = type == "3" ? 129 : type == "2" ? 117
: type == "1" ? 118 : 150;
: type == "1" ? 118 : 116;
const type1 = ["UPD1", "UPD4", "UPD10", "UPD16"];
const type2 = ["UPD7", "UPD13"];
const type3 = ["UPD2", "UPD5", "UPD8", "UPD17"];
const type4 = ["UPD11", "UPD14"];
const type5 = ["UPD3", "UPD6", "UPD9"];
const type6 = ["UPD12", "UPD15"];
const type7 = ["UPD24", "UPD26","UPD28"]; //UPD24:109.87,UPD26:109.75,UPD28:109.43
const type8 = ["UPD25", "UPD27","UPD29"]; //UPD25:109.87,UPD27:109.75,UPD29:109.43
const alltype = typeName == "1" ? type1 :
typeName == "2" ? type2 :
typeName == "3" ? type3 :
typeName == "4" ? type4 :
typeName == "5" ? type5 :
typeName == "6" ? type6 :[]
typeName == "6" ? type6 :
typeName == "7" ? type7 :
typeName == "8" ? type8 :
[];
;
// 字体颜色
@ -100,15 +106,14 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
// const imageUrl130 = `${process.env.PUBLIC_URL}/assets/images/zb130.png `
const imageUrl = type == "1" ? imageUrl130 :
type == "2" ? imageUrl250 :
type == "3" ? imageUrl370 : imageUrl370
;
type == "3" ? imageUrl370 : imageUrl010;
// const rule = `${process.env.PUBLIC_URL}/assets/images/ruler.png `
// rz 是最上面那条线 rz1是那条贴近坝面的线 xValue求解的是最上面那条线的末尾横坐标
const xValue = type == "3" ? (((data?.rz - 86) + 0.6 * 5) / 0.6) :
type == "2" ? (((data?.rz - 87) + 0.63 * 7) / 0.63) :
type == "1" ? (((data?.rz - 87) + 0.67 * 10) / 0.67) :
(((data?.rz - 99) + 1 * 14) / 1)
(((data?.rz - 102) + 0.25 * 4) / 0.25)
const rz = data?.rz ?
[[xValue, data?.rz], [0, data?.rz],] :
[]
@ -121,7 +126,7 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
type == "1" ?
[[0, 87], [8, 87], [xValue, data?.rz]]
:
[[0, 99], [14, 99], [xValue, data?.rz]]
[[0, 102], [4, 102], [xValue, data?.rz]]
:
[]
// gz1、gz2、gz3、gz4分别为渗压管
@ -129,21 +134,21 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
type == "3" ? [[52, typeName =='5' ?76.56:92.18], [52, data[alltype[0]]]] :
type == "2" ? [[52, typeName =='3' ?76.16:77.18], [52, data[alltype[0]]]] :
type == "1" ? [[49, typeName =='1' ?79.16:77.18], [49, data[alltype[0]]]] :
[[47.5, 158], [85, data[alltype[0]]]]
[[62, 109.87], [62, data[alltype[0]]]]
: [];
const gz2 = data[alltype[1]] ?
type == "3" ? [[57, typeName =='5' ?77.18:83.50], [57, data[alltype[1]]]] :
type == "2" ? [[55, typeName =='3' ?77.18:77.50], [55, data[alltype[1]]]] :
type == "1" ? [[57, typeName =='1' ?77.18:74.5], [57, data[alltype[1]]]] :
[[53.6, 158], [53.6, data[alltype[1]]]] :
[[72, 109.75], [72, data[alltype[1]]]] :
[];
const gz3 = data[alltype[2]] ?
type == "3" ? [[65, 81.50], [65, data[alltype[2]]]] :
type == "2" ? [[63, 80.50], [63, data[alltype[2]]]] :
type == "1" ? [[67, 66.50], [79, data[alltype[2]]]] :
[[73, 161], [73, data[alltype[2]]]] : [];
[[87, 109.43], [87, data[alltype[2]]]] : [];
const gz4 = data[alltype[3]] ?
@ -180,9 +185,9 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
] :
[
[xValue, data?.rz],
[51.6, data[alltype[0]]],
[53.6, data[alltype[1]]],
[73, data[alltype[2]]],
[62, data[alltype[0]]],
[72, data[alltype[1]]],
[87, data[alltype[2]]],
[85, data[alltype[3]]]
]
: [];
@ -317,7 +322,7 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
origin: "end",
color: 'rgba(0, 128, 255, 0.3)' // 设置区域填充颜色
},
data:[...rz,...rz1]
data:[...rz, ...rz1]
},
{