admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flx：修改总览大屏样式问题 指挥部大屏显示问题

Browse Source
This commit is contained in:
X_Rian 2024-06-24 14:27:58 +08:00
parent 2695f1efd0
commit ef179d8ae7
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/commandScreen/components/radarMapOption.vue
View File

@ -58,15 +58,15 @@ function radarMapEchart() {
'<div style="display:flex;justify-content:space-between;"><div>' + '<div style="display:flex;justify-content:space-between;"><div>' +
props.randerInfo.indicator[index].name + props.randerInfo.indicator[index].name +
"：" + "：" +
item * 100 + (item * 100).toFixed(2) +
"%</div>"; "%</div>";
} else { } else {
htmlobj = "<div>" + props.randerInfo.indicator[index].name + "：" + item * 100 + "%</div></div>"; htmlobj = "<div>" + props.randerInfo.indicator[index].name + "：" + (item * 100).toFixed(2) + "%</div></div>";
} }
return htmlobj; return htmlobj;
}) })
.join(""); .join("");
console.log(11111111, textHTML); // console.log(11111111, textHTML);
return textHTML; return textHTML;
} }
} }
@ -85,12 +85,12 @@ function radarMapEchart() {
const itemUp = const itemUp =
props.randerInfo.workerList[index] > 1 props.randerInfo.workerList[index] > 1
? props.randerInfo.workerList[index] ? props.randerInfo.workerList[index]
: props.randerInfo.workerList[index] * 100 + "%"; : (props.randerInfo.workerList[index] * 100).toFixed(2) + "%";
htmlobj = "<div>" + props.randerInfo.indicator[index].name + "：" + itemUp + "</div>"; htmlobj = "<div>" + props.randerInfo.indicator[index].name + "：" + itemUp + "</div>";
return htmlobj; return htmlobj;
}) })
.join(""); .join("");
console.log(11111111, textHTML); // console.log(11111111, textHTML);
return textHTML; return textHTML;
} }
} }

16
src/views/overviewScreen/commandCenter/rightAll.vue
View File

@ -658,8 +658,10 @@ function getManAnalysisEchart() {
}, },
legend: { legend: {
trigger: "item", trigger: "item",
type: "scroll", //legend要多，进行分页处理
position: "inside", position: "inside",
top: "3%", top: "3%",
left: "1%",
x: "center", x: "center",
textStyle: { textStyle: {
color: "#fff" color: "#fff"
@ -667,7 +669,19 @@ function getManAnalysisEchart() {
itemWidth: 10, itemWidth: 10,
itemHeight: 10, itemHeight: 10,
icon: "roundRect", icon: "roundRect",
data: workerRegionInfo.workerRegionList.map((item: any) => item.regionName) data: workerRegionInfo.workerRegionList.map((item: any) => item.regionName),
formatter: function (data: any) {
if (workerRegionInfo.workerRegionList && workerRegionInfo.workerRegionList.length) {
for (let i = 0; i < workerRegionInfo.workerRegionList.length; i++) {
if (data === workerRegionInfo.workerRegionList[i].regionName) {
if (data == "无") return;
const newData = data.length > 5 ? data.substr(0, 5) + "..." : data;
return newData;
}
}
}
}
}, },
// color: ["#2BA5FF", "#F97766", "#1EF1FF", "#1EF1FF"], // color: ["#2BA5FF", "#F97766", "#1EF1FF", "#1EF1FF"],
grid: { grid: {