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

feat(): 给渗压管设置管口高程

master
李神峰 2025-11-24 17:27:36 +08:00
parent b3c0cef3e2
commit e986bbc5d5
3 changed files with 245 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -24,6 +24,7 @@ yarn-debug.log*
yarn-error.log*
yarn.lock
build.7z
build1.zip
#ai
.serena/

232
src/views/gcaqjc/gcaqfx/jrx/jrxOptions.js
View File

@ -1,7 +1,7 @@
export default function jrxOptions(data = {}, type = "1",typeName='1') {
import pieMonth from "./pieMonth";
export default function jrxOptions(data = {}, type = "1", typeName = '1') {
// debugger
console.log("data",data);
console.log("data", data);
// data.rz = 112
// 根据断面类型确定y轴刻度以及最大和最小
const yMin = type == "3" ? 70 : type == "2" ? 67 :
@ -14,10 +14,10 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
const type2 = ["UPD10", "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 type5 = ["UPD3", "UPD6", "UPD12"];
const type6 = ["UPD9", "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 :
@ -29,7 +29,6 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
typeName == "7" ? type7 :
typeName == "8" ? type8 :
[];
// 字体颜色
const textColor = '#666'
const imageUrl370 = `${process.env.PUBLIC_URL}/assets/images/zb370.png `
@ -62,64 +61,161 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
[[0, 102], [4, 102], [xValue, data?.rz]]
: [];
// gz1、gz2、gz3、gz4分别为渗压管
const gz1 = data[alltype[0]] ?
type == "3" ? [[typeName =='5' ?47:51, typeName =='5' ?90.50:81.85], [typeName =='5' ?47:51, data[alltype[0]]]] :
type == "2" ? [[typeName =='3' ? 45.5:50, typeName =='3' ?84.41:83.78], [typeName =='3' ? 45.5:50, data[alltype[0]]]] :
type == "1" ? [[typeName =='1' ?44:51.5, typeName =='1' ?80.11:78.64], [typeName =='1' ?44:51.5, data[alltype[0]]]] :
[[55, typeName =='7'?109.08:108.77], [55, data[alltype[0]]]]
: [];
// const gz1 = data[alltype[0]] ?
// type == "3" ? [[typeName == '5' ? 47 : 51, typeName == '5' ? 90.50 : 81.85], [typeName == '5' ? 47 : 51, data[alltype[0]]]] :
// type == "2" ? [[typeName == '3' ? 45.5 : 50, typeName == '3' ? 84.41 : 83.78], [typeName == '3' ? 45.5 : 50, data[alltype[0]]]] :
// type == "1" ? [[typeName == '1' ? 44 : 51.5, typeName == '1' ? 80.11 : 78.64], [typeName == '1' ? 44 : 51.5, data[alltype[0]]]] :
// [[55, typeName == '7' ? 109.08 : 108.77], [55, data[alltype[0]]]]
// : [];
const gz2 = data[alltype[1]] ?
type == "3" ? [[typeName =='5' ?51:62, typeName =='5' ?90.94:84.85], [typeName =='5' ?51:62, data[alltype[1]]]] :
type == "2" ? [[typeName =='3' ?50:61, typeName =='3' ?84.04:81.05], [typeName =='3' ?50:61, data[alltype[1]]]] :
type == "1" ? [[typeName =='1' ?51.5:58, typeName =='1' ?78.61:82.75], [typeName =='1' ?51.5:58, data[alltype[1]]]] :
[[65, typeName =='7'?109.32:109.36], [65, data[alltype[1]]]] :
[];
// const gz2 = data[alltype[1]] ?
// type == "3" ? [[typeName == '5' ? 51 : 62, typeName == '5' ? 90.94 : 84.85], [typeName == '5' ? 51 : 62, data[alltype[1]]]] :
// type == "2" ? [[typeName == '3' ? 50 : 61, typeName == '3' ? 84.04 : 81.05], [typeName == '3' ? 50 : 61, data[alltype[1]]]] :
// type == "1" ? [[typeName == '1' ? 51.5 : 58, typeName == '1' ? 78.61 : 82.75], [typeName == '1' ? 51.5 : 58, data[alltype[1]]]] :
// [[65, typeName == '7' ? 109.32 : 109.36], [65, data[alltype[1]]]] :
// [];
const gz3 = data[alltype[2]] ?
type == "3" ? [[62, 92.65], [62, data[alltype[2]]]] :
type == "2" ? [[61, 83.93], [61, data[alltype[2]]]] :
type == "1" ? [[58, 81.38], [58, data[alltype[2]]]] :
[[77, typeName =='7'?109.01:108.87], [77, data[alltype[2]]]] : [];
// const gz3 = data[alltype[2]] ?
// type == "3" ? [[62, 92.65], [62, data[alltype[2]]]] :
// type == "2" ? [[61, 83.93], [61, data[alltype[2]]]] :
// type == "1" ? [[58, 81.38], [58, data[alltype[2]]]] :
// [[77, typeName == '7' ? 109.01 : 108.87], [77, data[alltype[2]]]] : [];
const gz4 = data[alltype[3]] ?
type == "3" ? [] :
type == "2" ? [[79, 79.57], [79, data[alltype[3]]]] :
type == "1" ? [[79, 79.09], [79, data[alltype[3]]]] :
[[85, 166], [85, data[alltype[3]]]] : [];
// const gz4 = data[alltype[3]] ?
// type == "3" ? [] :
// type == "2" ? [[79, 79.57], [79, data[alltype[3]]]] :
// type == "1" ? [[79, 79.09], [79, data[alltype[3]]]] :
// [[85, 166], [85, data[alltype[3]]]] : [];
// 将渗压管连起来的线
// 心墙中心两点（插入到连线中）
const xCenter = type === "3" ? 49 : (type === "2" ? 47.5 : (type === "1" ? 47.5 : 60));
// 简化规则：typeName 为 2/4/6 → 渗压管都在右侧；FB0+010/FB0+030（typeName 为 7/8）不绘制心墙连线
const rightSideOnly = ['2', '4', '6'].includes(typeName);
const skipCenterLine = ['7', '8'].includes(typeName);
// 左/右管取值（右侧优先 alltype[0]，无则 alltype[1]）
const leftSyg = rightSideOnly ? undefined : data[alltype[0]];
const rightSyg = rightSideOnly ? (data[alltype[0]] ?? data[alltype[1]]) : data[alltype[1]];
let midPts = [];
if (!skipCenterLine && data?.rz) {
if (leftSyg !== undefined && leftSyg !== null) {
const A = leftSyg - 1;
const B = (rightSyg !== undefined && rightSyg !== null) ? (rightSyg + 0.5) : undefined;
if (B !== undefined) {
if (A > B) {
midPts = [[xCenter, A], [xCenter, B]];
} else {
midPts = [[xCenter, leftSyg], [xCenter, rightSyg]];
}
}
} else if (rightSyg !== undefined && rightSyg !== null) {
// 左边无渗压管：第一个点为（X, 水位-1），第二个点为（X, 右管+0.5）
midPts = [[xCenter, data.rz - 1], [xCenter, rightSyg + 0.5]];
}
}
const baseY1 = type == "3" ? (typeName =='5' ?90.50:81.85)
: type == "2" ? (typeName =='3' ?84.41:83.78)
: type == "1" ? (typeName =='1' ?80.11:78.64)
: (typeName =='7'?109.08:108.77);
const baseY2 = type == "3" ? (typeName =='5' ?90.94:84.85)
: type == "2" ? (typeName =='3' ?84.04:81.05)
: type == "1" ? (typeName =='1' ?78.61:82.75)
: (typeName =='7'?109.32:109.36);
const baseY3 = type == "3" ? 92.65
: type == "2" ? 83.93
: type == "1" ? 81.38
: (typeName =='7'?109.01:108.87);
const baseY4 = type == "3" ? null
: type == "2" ? 79.57
: type == "1" ? 79.09
: 166;
// 各管的 X（取你原来的 X）
const x1 = type == "3" ? (typeName =='5' ?47:51)
: type == "2" ? (typeName =='3' ? 45.5:50)
: type == "1" ? (typeName =='1' ?44:51.5)
: 53.5;
const x2 = type == "3" ? (typeName =='5' ?51:63)
: type == "2" ? (typeName =='3' ?50:61)
: type == "1" ? (typeName =='1' ?51.5:61)
: 66;
const x3 = type == "3" ? 63
: type == "2" ? 61
: type == "1" ? 61
: 77;
const x4 = type == "3" ? null
: type == "2" ? 79
: type == "1" ? 81
: 85;
// 管口高程（可能为空）
const mouth1 = pieMonth[alltype[0]];
const mouth2 = pieMonth[alltype[1]];
const mouth3 = pieMonth[alltype[2]];
const mouth4 = pieMonth[alltype[3]];
// 蓝色段：从“管口（若有）/管底”到 UPD 值
const gz1 = data[alltype[0]] ? [[x1, baseY1], [x1, data[alltype[0]]]] : [];
const gz2 = data[alltype[1]] ? [[x2, baseY2], [x2, data[alltype[1]]]] : [];
const gz3 = data[alltype[2]] ? [[x3, baseY3], [x3, data[alltype[2]]]] : [];
const gz4 = data[alltype[3]] && x4 !== null ? [[x4, baseY4], [x4, data[alltype[3]]]] : [];
// 灰色段：从“管底”到“管口”（仅当 mouth 存在）
const gk1 = (mouth1 !== null && mouth1 !== undefined) ? [[x1, baseY1], [x1, mouth1]] : [];
const gk2 = (mouth2 !== null && mouth2 !== undefined) ? [[x2, baseY2], [x2, mouth2]] : [];
const gk3 = (mouth3 !== null && mouth3 !== undefined) ? [[x3, baseY3], [x3, mouth3]] : [];
const gk4 = (mouth4 !== null && mouth4 !== undefined && x4 !== null) ? [[x4, baseY4], [x4, mouth4]] : [];
// 将渗压管连起来的线（插入 midPts）
const line = data?.rz ?
type == "3" ?
[
[xValue, data?.rz],
[typeName =='5' ?47:51, data[alltype[0]]],
[typeName =='5' ?51:62, data[alltype[1]]],
[62, data[alltype[2]]],
...(rightSideOnly ? midPts : []),
[typeName == '5' ? 47 : 51, data[alltype[0]]],
...(!rightSideOnly ? midPts : []),
[typeName == '5' ? 51 : 63, data[alltype[1]]],
[63, data[alltype[2]]],
] :
type == "2" ?
[
[xValue, data?.rz],
[typeName =='3' ? 45.5:50, data[alltype[0]]],
[typeName =='3' ?50:61, data[alltype[1]]],
...(rightSideOnly ? midPts : []),
[typeName == '3' ? 45.5 : 50, data[alltype[0]]],
...(!rightSideOnly ? midPts : []),
[typeName == '3' ? 50 : 61, data[alltype[1]]],
[61, data[alltype[2]]],
[79, data[alltype[3]]]
] :
type == "1"?
type == "1" ?
[
[xValue, data?.rz],
[typeName =='1' ?44:51.5, data[alltype[0]]],
[typeName =='1' ?51.5:58, data[alltype[1]]],
[58, data[alltype[2]]],
[79, data[alltype[3]]]
]:
...(rightSideOnly ? midPts : []),
[typeName == '1' ? 44 : 51.5, data[alltype[0]]],
...(!rightSideOnly ? midPts : []),
[typeName == '1' ? 51.5 : 61, data[alltype[1]]],
[61, data[alltype[2]]],
[81, data[alltype[3]]]
] :
[
[xValue, data?.rz],
[55, data[alltype[0]]],
[65, data[alltype[1]]],
...(rightSideOnly ? midPts : []),
[53.5, data[alltype[0]]],
...(!rightSideOnly ? midPts : []),
[66, data[alltype[1]]],
[77, data[alltype[2]]],
[85, data[alltype[3]]]
]
@ -219,7 +315,7 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
},
yAxis: {
type: 'value',
min:yMin,
min: yMin,
max: yMax,
interval: 5,
// data:[155,160,180,190,210],
@ -275,7 +371,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]
},
{
@ -321,6 +417,42 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
color: '#5487FF'
},
data: rz1
},
{
type: 'line',
symbol: 'none',
symbolSize: 10,
z: 1,
itemStyle: { color: 'rgba(154, 160, 166,.4)' },
lineStyle: { color: 'rgba(154, 160, 166,.4)', width: 6 },
data: gk1
},
{
type: 'line',
symbol: 'none',
symbolSize: 10,
z: 1,
itemStyle: { color: 'rgba(154, 160, 166,.4)' },
lineStyle: { color: 'rgba(154, 160, 166,.4)', width: 6 },
data: gk2
},
{
type: 'line',
symbol: 'none',
symbolSize: 10,
z: 1,
itemStyle: { color: 'rgba(154, 160, 166,.4)' },
lineStyle: { color: 'rgba(154, 160, 166,.4)', width: 6 },
data: gk3
},
{
type: 'line',
symbol: 'none',
symbolSize: 10,
z: 1,
itemStyle: { color: 'rgba(154, 160, 166,.4)' },
lineStyle: { color: 'rgba(154, 160, 166,.4)', width: 6 },
data: gk4
},
// 管位
{
@ -385,15 +517,15 @@ export default function jrxOptions(data = {}, type = "1",typeName='1') {
symbol: 'none',
symbolSize: 10,
z: 1,
smooth: 0.6, // 设置平滑度
smoothMonotone: 'x', // 保持 x 方向的单调性
// smooth: 0.6, // 设置平滑度
// smoothMonotone: 'x', // 保持 x 方向的单调性
itemStyle: {
color: '#5487FF'
},
lineStyle: {
color: '#5487FF',
width: 2,
curveness: 0.5 // 增加曲线程度
// curveness: 0.5 // 增加曲线程度
},
data: filteredArray
},

40
src/views/gcaqjc/gcaqfx/jrx/pieMonth.js Normal file
View File

@ -0,0 +1,40 @@
export default {
// ZB0+130
UPD1: 113.66,
UPD4: 113.66,
UPD7: 105.27,
UPD16: 89.54,
// ZB0+132
UPD10: 113.66,
UPD13: 105.38,
// ZB0+250
UPD2: 113.98,
UPD5: 114.53,
UPD8: 104.45,
UPD17: 91.33,
// ZB0+252
UPD11: 114.36,
UPD14: 104.49,
// ZB0+370
UPD3: 114.12,
UPD6: 114.34,
UPD12: 104.52,
// ZB0+372
UPD9: 114.28,
UPD15: 105.16,
// FB0+010
UPD24: 114.22,
UPD26: 114.44,
UPD28: 112.28,
// FB0+030
UPD25: 114.22,
UPD27: 114.48,
UPD29: 112.28,
};