zhouyonghang
/
zhuzhansheji
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

1

This commit is contained in:
lll 2023-12-04 14:49:57 +08:00
parent 687cf494d3
commit dc8d3c20d1
6 changed files with 671 additions and 681 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/router/index.js
View File

@ -26,7 +26,7 @@ const routes = [
]; ];
const router = new VueRouter({ const router = new VueRouter({
mode: "history", mode: "hash",
base: process.env.BASE_URL, base: process.env.BASE_URL,
routes, routes,
}); });

25
src/views/KHC.vue
View File

@ -561,26 +561,20 @@ export default {
) { ) {
// 计算 // 计算
let midRatio = (startRatio + endRatio) / 2; let midRatio = (startRatio + endRatio) / 2;
let startRadian = startRatio * Math.PI * 2; let startRadian = startRatio * Math.PI * 2;
let endRadian = endRatio * Math.PI * 2; let endRadian = endRatio * Math.PI * 2;
let midRadian = midRatio * Math.PI * 2; let midRadian = midRatio * Math.PI * 2;
// 如果只有一个扇形，则不实现选中效果。 // 如果只有一个扇形，则不实现选中效果。
if (startRatio === 0 && endRatio === 1) { if (startRatio === 0 && endRatio === 1) {
isSelected = false; isSelected = false;
} }
// 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3） // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
k = typeof k !== "undefined" ? k : 1 / 3; k = typeof k !== "undefined" ? k : 1 / 3;
// 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0） // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0; let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0; let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
// 计算高亮效果的放大比例（未高亮，则比例为 1） // 计算高亮效果的放大比例（未高亮，则比例为 1）
let hoverRate = isHovered ? 1.05 : 1; let hoverRate = isHovered ? 1.05 : 1;
// 返回曲面参数方程 // 返回曲面参数方程
return { return {
u: { u: {
@ -588,13 +582,11 @@ export default {
max: Math.PI * 3, max: Math.PI * 3,
step: Math.PI / 32, step: Math.PI / 32,
}, },
v: { v: {
min: 0, min: 0,
max: Math.PI * 2, max: Math.PI * 2,
step: Math.PI / 20, step: Math.PI / 20,
}, },
x: function (u, v) { x: function (u, v) {
if (u < startRadian) { if (u < startRadian) {
return ( return (
@ -884,6 +876,7 @@ export default {
}; };
this.defineEcharts("ynflzb", option); this.defineEcharts("ynflzb", option);
}, },
//地图
initMap() { initMap() {
//后端返回的数据 //后端返回的数据
var data = [ var data = [
@ -974,10 +967,9 @@ export default {
myChart.resize(); myChart.resize();
}); });
//获取山东地图数据。 //获取山东地图数据。
$.get( let src = require("../assets/shandong.json");
"https://geo.datav.aliyun.com/areas_v3/bound/370000_full.json", function registerMap() {
function (geojson) { echarts.registerMap("山东", src);
echarts.registerMap("山东", geojson);
let option = { let option = {
series: [ series: [
{ {
@ -1141,7 +1133,7 @@ export default {
// }); // });
} }
} }
); registerMap();
}, },
//用户资源分布情况 //用户资源分布情况
initfbqk() { initfbqk() {
@ -1490,9 +1482,7 @@ export default {
background: url("../assets/客户侧总体用能情况分析/用能量-框.png"); background: url("../assets/客户侧总体用能情况分析/用能量-框.png");
background-size: cover; background-size: cover;
margin-top: 6px; margin-top: 6px;
position: relative; position: relative;
.title { .title {
position: absolute; position: absolute;
left: 190px; left: 190px;
@ -1690,6 +1680,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
background: url();
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -1708,8 +1699,8 @@ export default {
} }
#yhzyfbqk { #yhzyfbqk {
width: 100%; width: 994px;
height: 100%; height: 324px;
} }
} }
} }

10
src/views/TAN.vue
View File

@ -1392,10 +1392,10 @@ export default {
myChart.resize(); myChart.resize();
}); });
//获取山东地图数据。 //获取山东地图数据。
$.get( let src = require("../assets/shandong.json");
"https://geo.datav.aliyun.com/areas_v3/bound/370000_full.json",
function (geojson) { function registerMap() {
echarts.registerMap("山东", geojson); echarts.registerMap("山东", src);
let option = { let option = {
series: [ series: [
{ {
@ -1563,7 +1563,7 @@ export default {
// }); // });
} }
} }
); registerMap();
}, },
nyxhqk() { nyxhqk() {
var attaData1 = [62, 52, 34, 61, 75, 140]; var attaData1 = [62, 52, 34, 61, 75, 140];

23
src/views/Two.vue
View File

@ -17,28 +17,28 @@
<div class="bottom"> <div class="bottom">
<div class="bottomBox"> <div class="bottomBox">
<img src="../assets/客户侧总体用能情况分析/图标.png" alt="" /> <img src="../assets/客户侧总体用能情况分析/图标.png" alt="" />
<div> <div class="box1">
<p>用电量(MWH)</p> <p>用电量(MWH)</p>
<p><span>84.00</span><span>-13.20%</span></p> <p><span>84.00</span><span>-13.20%</span></p>
</div> </div>
</div> </div>
<div class="bottomBox"> <div class="bottomBox">
<img src="../assets/客户侧总体用能情况分析/图标(1).png" alt="" /> <img src="../assets/客户侧总体用能情况分析/图标(1).png" alt="" />
<div> <div class="box1">
<p>用蒸汽量(m2)</p> <p>用蒸汽量(m2)</p>
<p><span>45.32</span><span>-23.20%</span></p> <p><span>45.32</span><span>-23.20%</span></p>
</div> </div>
</div> </div>
<div class="bottomBox"> <div class="bottomBox">
<img src="../assets/客户侧总体用能情况分析/组 3125.png" alt="" /> <img src="../assets/客户侧总体用能情况分析/组 3125.png" alt="" />
<div> <div class="box1">
<p>用水量(m2)</p> <p>用水量(m2)</p>
<p><span>56.00</span><span>-33.20%</span></p> <p><span>56.00</span><span>-33.20%</span></p>
</div> </div>
</div> </div>
<div class="bottomBox"> <div class="bottomBox">
<img src="../assets/客户侧总体用能情况分析/组 3124.png" alt="" /> <img src="../assets/客户侧总体用能情况分析/组 3124.png" alt="" />
<div> <div class="box1">
<p>用汽量(m2)</p> <p>用汽量(m2)</p>
<p><span>37.00</span><span>43.20%</span></p> <p><span>37.00</span><span>43.20%</span></p>
</div> </div>
@ -180,7 +180,7 @@ export default {
borderWidth: 2, // 高亮时的边框宽度 borderWidth: 2, // 高亮时的边框宽度
}, },
label: { label: {
fontSize: 12, // 选中地图文字字号和字体颜色 fontSize: "0.06rem", // 选中地图文字字号和字体颜色
color: "#fff", color: "#fff",
}, },
}, },
@ -194,7 +194,7 @@ export default {
}, },
textStyle: { textStyle: {
color: "#000", //文字颜色 color: "#000", //文字颜色
fontSize: 16, //文字大小 fontSize: "0.08rem", //文字大小
fontFamily: "微软雅黑", fontFamily: "微软雅黑",
// backgroundColor: { // backgroundColor: {
// image: "../assets/客户侧总体用能情况分析/光标.png", // image: "../assets/客户侧总体用能情况分析/光标.png",
@ -205,13 +205,13 @@ export default {
fline: { fline: {
padding: [0, 35], padding: [0, 35],
color: "#FDCC00", color: "#FDCC00",
fontSize: 14, fontSize: "0.07rem",
fontWeight: 600, fontWeight: 600,
}, },
tline: { tline: {
padding: [0, 27], padding: [0, 27],
color: "#fff", color: "#fff",
fontSize: 12, fontSize: "0.06rem",
}, },
}, },
}, },
@ -444,8 +444,10 @@ export default {
width: 72px; width: 72px;
height: 72px; height: 72px;
} }
.box1 {
div { display: flex;
flex-direction: column;
height: 72px;
p:nth-of-type(1) { p:nth-of-type(1) {
width: 120px; width: 120px;
margin-bottom: 10px; margin-bottom: 10px;
@ -454,7 +456,6 @@ export default {
font-family: "AlibabaPuHuiTi"; font-family: "AlibabaPuHuiTi";
font-weight: 400; font-weight: 400;
} }
span:nth-of-type(1) { span:nth-of-type(1) {
font-size: 20px; font-size: 20px;
font-family: "AlibabaPuHuiTi"; font-family: "AlibabaPuHuiTi";

9
src/views/XQXY.vue
View File

@ -1298,10 +1298,9 @@ export default {
myChart.resize(); myChart.resize();
}); });
//获取山东地图数据。 //获取山东地图数据。
$.get( let src = require("../assets/shandong.json");
"https://geo.datav.aliyun.com/areas_v3/bound/370000_full.json", function registerMap() {
function (geojson) { echarts.registerMap("山东", src);
echarts.registerMap("山东", geojson);
let option = { let option = {
series: [ series: [
{ {
@ -1464,7 +1463,7 @@ export default {
// }); // });
} }
} }
); registerMap();
}, },
}, },
mounted() { mounted() {

11
src/views/ZHDY.vue
View File

@ -1160,10 +1160,9 @@ export default {
myChart.resize(); myChart.resize();
}); });
//获取山东地图数据。 //获取山东地图数据。
$.get( let src = require("../assets/shandong.json");
"https://geo.datav.aliyun.com/areas_v3/bound/370000_full.json", function registerMap() {
function (geojson) { echarts.registerMap("山东", src);
echarts.registerMap("山东", geojson);
let option = { let option = {
series: [ series: [
{ {
@ -1330,7 +1329,7 @@ export default {
// }); // });
} }
} }
); registerMap();
}, },
}, },
mounted() { mounted() {
@ -1377,7 +1376,7 @@ export default {
line-height: 47px; line-height: 47px;
letter-spacing: 3px; letter-spacing: 3px;
color: #fff; color: #fff;
margin-left: -60px; margin-left: 60px;
} }
img:nth-of-type(1) { img:nth-of-type(1) {