修改水波图
This commit is contained in:
Vce
parent
d1d8ebd656
commit
85f3c8575e
@ -24,13 +24,13 @@ NODE_ENV = 'development'
|
||||
# VITE_API_URL = 'http://182.90.224.237:15551'
|
||||
# agjt
|
||||
# VITE_API_URL = 'http://42.180.188.17:9809' #生产环境
|
||||
# VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
|
||||
VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
|
||||
# VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
|
||||
# VITE_API_URL = 'http://jxj.zhgdyun.com:19812'
|
||||
# 苏立信
|
||||
# VITE_API_URL = 'http://101.43.164.214:11111'
|
||||
# 中科安信
|
||||
VITE_API_URL = 'http://8.136.222.164:8808'
|
||||
# VITE_API_URL = 'http://8.136.222.164:8808'
|
||||
# 上传
|
||||
VITE_ULD_API_URL = 'http://192.168.34.155:8012/onlinePreview?url='
|
||||
|
||||
|
||||
@ -22,11 +22,11 @@ NODE_ENV = "production"
|
||||
# VITE_API_URL = 'http://182.90.224.237:15551'
|
||||
# agjt
|
||||
# VITE_API_URL = 'http://42.180.188.17:9809' #生产环境
|
||||
# VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
|
||||
VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
|
||||
# 苏立信
|
||||
# VITE_API_URL = 'http://101.43.164.214:11111'
|
||||
# 中科安信
|
||||
VITE_API_URL = 'http://8.136.222.164:8808'
|
||||
# VITE_API_URL = 'http://8.136.222.164:8808'
|
||||
|
||||
# 打包
|
||||
VITE_ULD_API_URL = 'http://jxj.zhgdyun.com:8012/onlinePreview?url='
|
||||
|
||||
4903
package-lock.json
generated
4903
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -35,8 +35,8 @@
|
||||
"dhtmlx-gantt": "^8.0.6",
|
||||
"driver.js": "^0.9.8",
|
||||
"echarts": "^4.9.0",
|
||||
"echarts-gl": "^2.0.9",
|
||||
"echarts-liquidfill": "^3.1.0",
|
||||
"echarts-gl": "^1.1.2",
|
||||
"echarts-liquidfill": "^2.0.6",
|
||||
"element-china-area-data": "^5.0.2",
|
||||
"element-plus": "^2.2.30",
|
||||
"ezuikit-js": "^7.7.8",
|
||||
|
||||
@ -28,7 +28,7 @@ export const BASE_IMAGE_URL = import.meta.env.VITE_BASE_IMAGE_URL;
|
||||
// export const COMPANY: string = "zsbf"; //中水北方
|
||||
// export const COMPANY: string = "as"; //鞍山项目
|
||||
// export const COMPANY: string = "agjt"; //鞍钢集团
|
||||
// export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏
|
||||
export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏
|
||||
// export const COMPANY: string = "slx"; //苏立信项目
|
||||
// export const COMPANY: string = "hfqc"; //合肥启程项目
|
||||
// export const COMPANY: string = "jsyc"; // 江苏盐城项目
|
||||
@ -37,4 +37,4 @@ export const BASE_IMAGE_URL = import.meta.env.VITE_BASE_IMAGE_URL;
|
||||
// export const COMPANY: string = "phmw"; //鄱湖美湾医疗、医美产业集群项目 (需要去src\routers\modules\staticRouter.ts更换首页)
|
||||
// export const COMPANY: string = "xjnb"; // 新建宁波项目
|
||||
// export const COMPANY: string = "ahsa"; // 安徽水安项目
|
||||
export const COMPANY: string = "zkax"; // 中科安信项目
|
||||
// export const COMPANY: string = "zkax"; // 中科安信项目
|
||||
|
||||
@ -24,8 +24,8 @@ export const staticRouter: RouteRecordRaw[] = [
|
||||
{
|
||||
path: "/large",
|
||||
name: "大屏",
|
||||
component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版
|
||||
// component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
|
||||
// component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版
|
||||
component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
|
||||
// component: () => import("@/views/sevenLargeScreen/indexL_syhy.vue"), // 只有一级路由(盘锦、嘉兴、鄱湖美湾医疗项目需切换至该首页)
|
||||
children: [
|
||||
{
|
||||
|
||||
@ -2,35 +2,40 @@
|
||||
<div class="centerTop">
|
||||
<div class="top-content">
|
||||
<div class="content-div aq">
|
||||
<div class="circle-box">
|
||||
<!-- <div class="circle-box">
|
||||
<span>{{ statScore.hiddenDangerScore }}分</span>
|
||||
</div>
|
||||
<span>安全隐患治理</span>
|
||||
</div> -->
|
||||
<div id="waterAq" style="width:80%;height:80%;transform:translateY(-25px)"></div>
|
||||
<span style="transform:translateY(-50px)">安全隐患治理</span>
|
||||
</div>
|
||||
<div class="content-div wd">
|
||||
<div class="circle-box">
|
||||
<!-- <div class="circle-box">
|
||||
<span>{{ statScore.dangerEngScore }}分</span>
|
||||
</div>
|
||||
<span>危大工程</span>
|
||||
</div> -->
|
||||
<div id="waterWd" style="width:80%;height:80%;transform:translateY(-25px)"></div>
|
||||
<span style="transform:translateY(-50px)">危大工程</span>
|
||||
</div>
|
||||
<div class="content-div jy">
|
||||
<div class="circle-box">
|
||||
<!-- <div class="circle-box"> -->
|
||||
<!-- <span>{{statScore}}分</span> -->
|
||||
<span>25分</span>
|
||||
</div>
|
||||
<span>安全教育</span>
|
||||
<!-- <span>25分</span>
|
||||
</div> -->
|
||||
<div id="waterJy" style="width:80%;height:80%;transform:translateY(-25px)"></div>
|
||||
<span style="transform:translateY(-50px)">安全教育</span>
|
||||
</div>
|
||||
<div class="content-div fx">
|
||||
<div class="circle-box">
|
||||
<!-- <div class="circle-box">
|
||||
<span>{{ statScore.riskScore }}分</span>
|
||||
</div>
|
||||
<span>风险管理</span>
|
||||
</div> -->
|
||||
<div id="waterFx" style="width:80%;height:80%;transform:translateY(-25px)"></div>
|
||||
<span style="transform:translateY(-50px)">风险管理</span>
|
||||
</div>
|
||||
<div class="content-div zn">
|
||||
<div class="circle-box">
|
||||
<!-- <div class="circle-box">
|
||||
<span>{{ statScore.aiScore }}分</span>
|
||||
</div>
|
||||
<span>AI警报</span>
|
||||
</div> -->
|
||||
<div id="waterZn" style="width:80%;height:80%;transform:translateY(-25px)"></div>
|
||||
<span style="transform:translateY(-50px)">AI警报</span>
|
||||
</div>
|
||||
<div class="count-div">
|
||||
<div class="count-div-item">
|
||||
@ -107,6 +112,8 @@ import Card from "@/components/card.vue";
|
||||
import { ref, onMounted, watch } from "vue";
|
||||
import { GlobalStore } from "@/stores";
|
||||
import { ElMessage } from "element-plus";
|
||||
import * as echarts from "echarts";
|
||||
import 'echarts-liquidfill';
|
||||
|
||||
import { editProjectInfo, eidtProjectShowConfig, queryBySnData } from "@/api/modules/projectOverview";
|
||||
import { getStatsDirectorateBigScreenApi, getStatScoreApi } from "@/api/modules/agjtCommandApi";
|
||||
@ -141,6 +148,401 @@ watch(
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
//绘画安全隐患治理水波图
|
||||
function drawAqWater(){
|
||||
type EChartsOption = echarts.EChartsOption;
|
||||
var chartDom = document.getElementById("waterAq")!;
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option: EChartsOption;
|
||||
// 配置项
|
||||
option = {
|
||||
series: [
|
||||
{
|
||||
type: "liquidFill", //设置图表类型
|
||||
// data: [0.6], // 设置水位，值为0到1之间
|
||||
data:[0.001,0.001,0.001,0.001,0.001], //设置水位，可以写多个值，用来设置多个水位
|
||||
// data: [
|
||||
// 0.2,
|
||||
// {
|
||||
// value: 0.3, // 图形数据写法二
|
||||
// direction: "left", // 水波运动方向
|
||||
// itemStyle: {
|
||||
// color: "blue", // 水波颜色
|
||||
// opacity: 0.8, // 透明度
|
||||
// },
|
||||
// emphasis: {
|
||||
// itemStyle: {
|
||||
// color: "lightblue", // 鼠标移入时的水波颜色
|
||||
// opacity: 1, // 鼠标移入时的透明度
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
waveAnimation:true,//是否开启水波动画,
|
||||
amplitude: 15, // 设置振幅，值越大波形越尖
|
||||
waveLength:150,//水波的长度，值越大水波越长
|
||||
shape: "circle", //设置形状，可选为'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
|
||||
direction: "right", //设置方向，可选为'left', 'right', 'top', 'bottom',
|
||||
radius: "60%", // 设置图的大小 默认为50%
|
||||
// color:['#1E90FF','#191970','#000080','#6495ED','#0000FF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
color:['#156ACF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
center:['50%','50%'],//中心点的位置1E90FF
|
||||
// animationEasing:'linear',
|
||||
animationEasing:'easeOut',
|
||||
outline: {
|
||||
borderDistance: 4, // 外边框距离
|
||||
itemStyle: {
|
||||
borderWidth: 2, // 外边框宽度
|
||||
borderColor: "#156ACF", // 外边框颜色
|
||||
},
|
||||
},
|
||||
// // 水波样式
|
||||
// itemStyle:{
|
||||
// opacity:0.5, // 透明度
|
||||
// color:'red', // 统一配置水波的颜色
|
||||
// shadowBlur:10, // 水波阴影大小
|
||||
// shadowColor:'red', // 阴影颜色
|
||||
// shadowOffsetX:10, // 阴影水平偏移量
|
||||
// shadowOffsetY:10, // 阴影竖直偏移量
|
||||
// },
|
||||
backgroundStyle: {
|
||||
color: "rgba(0,0,0,0)", // 背景色
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
formatter: function(){
|
||||
return statScore.value.hiddenDangerScore + "分"
|
||||
},
|
||||
textStyle: {
|
||||
// color: "#6495ED", //蓝色
|
||||
color: "#fff",
|
||||
insideColor: "#fff",
|
||||
fontSize: 16,
|
||||
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
// 使用配置项设置图表
|
||||
myChart.setOption(option);
|
||||
}
|
||||
//绘画危大工程水波图
|
||||
function drawWdWater(){
|
||||
type EChartsOption = echarts.EChartsOption;
|
||||
var chartDom = document.getElementById("waterWd")!;
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option: EChartsOption;
|
||||
// 配置项
|
||||
option = {
|
||||
series: [
|
||||
{
|
||||
type: "liquidFill", //设置图表类型
|
||||
// data: [0.6], // 设置水位，值为0到1之间
|
||||
data:[0.001,0.001,0.001,0.001,0.001], //设置水位，可以写多个值，用来设置多个水位
|
||||
// data: [
|
||||
// 0.2,
|
||||
// {
|
||||
// value: 0.3, // 图形数据写法二
|
||||
// direction: "left", // 水波运动方向
|
||||
// itemStyle: {
|
||||
// color: "blue", // 水波颜色
|
||||
// opacity: 0.8, // 透明度
|
||||
// },
|
||||
// emphasis: {
|
||||
// itemStyle: {
|
||||
// color: "lightblue", // 鼠标移入时的水波颜色
|
||||
// opacity: 1, // 鼠标移入时的透明度
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
waveAnimation:true,//是否开启水波动画,
|
||||
amplitude: 15, // 设置振幅，值越大波形越尖
|
||||
waveLength:150,//水波的长度，值越大水波越长
|
||||
shape: "circle", //设置形状，可选为'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
|
||||
direction: "right", //设置方向，可选为'left', 'right', 'top', 'bottom',
|
||||
radius: "60%", // 设置图的大小 默认为50%
|
||||
// color:['#1E90FF','#191970','#000080','#6495ED','#0000FF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
color:['#156ACF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
center:['50%','50%'],//中心点的位置1E90FF
|
||||
// animationEasing:'linear',
|
||||
animationEasing:'easeOut',
|
||||
outline: {
|
||||
borderDistance: 4, // 外边框距离
|
||||
itemStyle: {
|
||||
borderWidth: 2, // 外边框宽度
|
||||
borderColor: "#156ACF", // 外边框颜色
|
||||
},
|
||||
},
|
||||
// // 水波样式
|
||||
// itemStyle:{
|
||||
// opacity:0.5, // 透明度
|
||||
// color:'red', // 统一配置水波的颜色
|
||||
// shadowBlur:10, // 水波阴影大小
|
||||
// shadowColor:'red', // 阴影颜色
|
||||
// shadowOffsetX:10, // 阴影水平偏移量
|
||||
// shadowOffsetY:10, // 阴影竖直偏移量
|
||||
// },
|
||||
backgroundStyle: {
|
||||
color: "rgba(0,0,0,0)", // 背景色
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
formatter: function(){
|
||||
return statScore.value.dangerEngScore + "分"
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
insideColor: "#fff",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
// 使用配置项设置图表
|
||||
myChart.setOption(option);
|
||||
}
|
||||
//绘画安全隐患治理水波图
|
||||
function drawJyWater(){
|
||||
type EChartsOption = echarts.EChartsOption;
|
||||
var chartDom = document.getElementById("waterJy")!;
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option: EChartsOption;
|
||||
// 配置项
|
||||
option = {
|
||||
series: [
|
||||
{
|
||||
type: "liquidFill", //设置图表类型
|
||||
// data: [0.6], // 设置水位，值为0到1之间
|
||||
data:[0.001,0.001,0.001,0.001,0.001], //设置水位，可以写多个值，用来设置多个水位
|
||||
// data: [
|
||||
// 0.2,
|
||||
// {
|
||||
// value: 0.3, // 图形数据写法二
|
||||
// direction: "left", // 水波运动方向
|
||||
// itemStyle: {
|
||||
// color: "blue", // 水波颜色
|
||||
// opacity: 0.8, // 透明度
|
||||
// },
|
||||
// emphasis: {
|
||||
// itemStyle: {
|
||||
// color: "lightblue", // 鼠标移入时的水波颜色
|
||||
// opacity: 1, // 鼠标移入时的透明度
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
waveAnimation:true,//是否开启水波动画,
|
||||
amplitude: 15, // 设置振幅，值越大波形越尖
|
||||
waveLength:150,//水波的长度，值越大水波越长
|
||||
shape: "circle", //设置形状，可选为'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
|
||||
direction: "right", //设置方向，可选为'left', 'right', 'top', 'bottom',
|
||||
radius: "60%", // 设置图的大小 默认为50%
|
||||
// color:['#1E90FF','#191970','#000080','#6495ED','#0000FF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
color:['#156ACF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
center:['50%','50%'],//中心点的位置1E90FF
|
||||
// animationEasing:'linear',
|
||||
animationEasing:'easeOut',
|
||||
outline: {
|
||||
borderDistance: 4, // 外边框距离
|
||||
itemStyle: {
|
||||
borderWidth: 2, // 外边框宽度
|
||||
borderColor: "#156ACF", // 外边框颜色
|
||||
},
|
||||
},
|
||||
// // 水波样式
|
||||
// itemStyle:{
|
||||
// opacity:0.5, // 透明度
|
||||
// color:'red', // 统一配置水波的颜色
|
||||
// shadowBlur:10, // 水波阴影大小
|
||||
// shadowColor:'red', // 阴影颜色
|
||||
// shadowOffsetX:10, // 阴影水平偏移量
|
||||
// shadowOffsetY:10, // 阴影竖直偏移量
|
||||
// },
|
||||
backgroundStyle: {
|
||||
color: "rgba(0,0,0,0)", // 背景色
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
formatter: function(){
|
||||
// return statScore.value + "分"
|
||||
return "25分"
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
insideColor: "#fff",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
// 使用配置项设置图表
|
||||
myChart.setOption(option);
|
||||
}
|
||||
//绘画安全隐患治理水波图
|
||||
function drawFxWater(){
|
||||
type EChartsOption = echarts.EChartsOption;
|
||||
var chartDom = document.getElementById("waterFx")!;
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option: EChartsOption;
|
||||
// 配置项
|
||||
option = {
|
||||
series: [
|
||||
{
|
||||
type: "liquidFill", //设置图表类型
|
||||
// data: [0.6], // 设置水位，值为0到1之间
|
||||
data:[0.001,0.001,0.001,0.001,0.001], //设置水位，可以写多个值，用来设置多个水位
|
||||
// data: [
|
||||
// 0.2,
|
||||
// {
|
||||
// value: 0.3, // 图形数据写法二
|
||||
// direction: "left", // 水波运动方向
|
||||
// itemStyle: {
|
||||
// color: "blue", // 水波颜色
|
||||
// opacity: 0.8, // 透明度
|
||||
// },
|
||||
// emphasis: {
|
||||
// itemStyle: {
|
||||
// color: "lightblue", // 鼠标移入时的水波颜色
|
||||
// opacity: 1, // 鼠标移入时的透明度
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
waveAnimation:true,//是否开启水波动画,
|
||||
amplitude: 15, // 设置振幅，值越大波形越尖
|
||||
waveLength:150,//水波的长度，值越大水波越长
|
||||
shape: "circle", //设置形状，可选为'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
|
||||
direction: "right", //设置方向，可选为'left', 'right', 'top', 'bottom',
|
||||
radius: "60%", // 设置图的大小 默认为50%
|
||||
// color:['#1E90FF','#191970','#000080','#6495ED','#0000FF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
color:['#156ACF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
center:['50%','50%'],//中心点的位置1E90FF
|
||||
// animationEasing:'linear',
|
||||
animationEasing:'easeOut',
|
||||
outline: {
|
||||
borderDistance: 4, // 外边框距离
|
||||
itemStyle: {
|
||||
borderWidth: 2, // 外边框宽度
|
||||
borderColor: "#156ACF", // 外边框颜色
|
||||
},
|
||||
},
|
||||
// // 水波样式
|
||||
// itemStyle:{
|
||||
// opacity:0.5, // 透明度
|
||||
// color:'red', // 统一配置水波的颜色
|
||||
// shadowBlur:10, // 水波阴影大小
|
||||
// shadowColor:'red', // 阴影颜色
|
||||
// shadowOffsetX:10, // 阴影水平偏移量
|
||||
// shadowOffsetY:10, // 阴影竖直偏移量
|
||||
// },
|
||||
backgroundStyle: {
|
||||
color: "rgba(0,0,0,0)", // 背景色
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
formatter: function(){
|
||||
return statScore.value.riskScore + "分"
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
insideColor: "#fff",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
// 使用配置项设置图表
|
||||
myChart.setOption(option);
|
||||
}
|
||||
//绘画安全隐患治理水波图
|
||||
function drawZnWater(){
|
||||
type EChartsOption = echarts.EChartsOption;
|
||||
var chartDom = document.getElementById("waterZn")!;
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option: EChartsOption;
|
||||
// 配置项
|
||||
option = {
|
||||
series: [
|
||||
{
|
||||
type: "liquidFill", //设置图表类型
|
||||
// data: [0.6], // 设置水位，值为0到1之间
|
||||
data:[0.001,0.001,0.001,0.001,0.001], //设置水位，可以写多个值，用来设置多个水位
|
||||
// data: [
|
||||
// 0.2,
|
||||
// {
|
||||
// value: 0.3, // 图形数据写法二
|
||||
// direction: "left", // 水波运动方向
|
||||
// itemStyle: {
|
||||
// color: "blue", // 水波颜色
|
||||
// opacity: 0.8, // 透明度
|
||||
// },
|
||||
// emphasis: {
|
||||
// itemStyle: {
|
||||
// color: "lightblue", // 鼠标移入时的水波颜色
|
||||
// opacity: 1, // 鼠标移入时的透明度
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
waveAnimation:true,//是否开启水波动画,
|
||||
amplitude: 15, // 设置振幅，值越大波形越尖
|
||||
waveLength:150,//水波的长度，值越大水波越长
|
||||
shape: "circle", //设置形状，可选为'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
|
||||
direction: "right", //设置方向，可选为'left', 'right', 'top', 'bottom',
|
||||
radius: "60%", // 设置图的大小 默认为50%
|
||||
// color:['#1E90FF','#191970','#000080','#6495ED','#0000FF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
color:['#156ACF'] ,// 设置颜色，可以设置多个值，用来设置多个水位
|
||||
center:['50%','50%'],//中心点的位置1E90FF
|
||||
// animationEasing:'linear',
|
||||
animationEasing:'easeOut',
|
||||
outline: {
|
||||
borderDistance: 4, // 外边框距离
|
||||
itemStyle: {
|
||||
borderWidth: 2, // 外边框宽度
|
||||
borderColor: "#156ACF", // 外边框颜色
|
||||
},
|
||||
},
|
||||
// // 水波样式
|
||||
// itemStyle:{
|
||||
// opacity:0.5, // 透明度
|
||||
// color:'red', // 统一配置水波的颜色
|
||||
// shadowBlur:10, // 水波阴影大小
|
||||
// shadowColor:'red', // 阴影颜色
|
||||
// shadowOffsetX:10, // 阴影水平偏移量
|
||||
// shadowOffsetY:10, // 阴影竖直偏移量
|
||||
// },
|
||||
backgroundStyle: {
|
||||
color: "rgba(0,0,0,0)", // 背景色
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
formatter: function(){
|
||||
return statScore.value.aiScore + "分"
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
insideColor: "#fff",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
// 使用配置项设置图表
|
||||
myChart.setOption(option);
|
||||
}
|
||||
|
||||
//效果图
|
||||
const picUrl = ref("" as any);
|
||||
|
||||
@ -205,6 +607,12 @@ const getStatScore = async () => {
|
||||
const res = await getStatScoreApi({ projectSn: store.sn });
|
||||
console.log("获取项目信息6666666666666666666666666666666666", res);
|
||||
statScore.value = res.result;
|
||||
|
||||
drawAqWater()
|
||||
drawWdWater()
|
||||
drawJyWater()
|
||||
drawFxWater()
|
||||
drawZnWater()
|
||||
};
|
||||
|
||||
function boxStyle(item: any) {
|
||||
@ -285,6 +693,7 @@ const setIntervalFn = () => {
|
||||
getQueryBySnData();
|
||||
getStatsDirectorateBigScreen();
|
||||
getStatScore();
|
||||
drawAqWater()
|
||||
};
|
||||
onMounted(async () => {
|
||||
setIntervalFn();
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user