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

Merge branch 'shenzhen-dev' of http://139.9.66.234:18023/yjlHub/zhgdlarge into bjxz-rain

Browse Source
This commit is contained in:
X_Rian 2024-06-06 17:01:17 +08:00
commit 18847896db
9 changed files with 5264 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -24,7 +24,7 @@ VITE_API_URL = 'http://192.168.34.221:9111' #雄哥本地
# 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'
# 苏立信

4
.env.production
View File

@ -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
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@ -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",

4
src/config/config.ts
View File

@ -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"; // 中科安信项目

4
src/config/staticMenu.ts
View File

@ -1340,7 +1340,7 @@ export const ZKAXMenu: Array<any> = [
modulePath: "/securityManagement"
},
{
menuName: "进度计划",
companyPath: "/schedulePlan"
moduleName: "进度计划",
modulePath: "/schedulePlan"
}
];

440
src/views/commandScreen/commandCenter/centerTop.vue
View File

@ -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);
@ -208,6 +610,12 @@ const getStatScore = async (showLoading: boolean) => {
const res = await getStatScoreApi({ projectSn: store.sn }, showLoading);
console.log("获取项目信息6666666666666666666666666666666666", res);
statScore.value = res.result;
drawAqWater()
drawWdWater()
drawJyWater()
drawFxWater()
drawZnWater()
};
function boxStyle(item: any) {

2
src/views/sevenLargeScreen/indexL copy.vue
View File

@ -569,6 +569,8 @@ function jumpBgd() {
window.location.replace("http://182.90.224.237:15551/#/login?token=" + store.token);
}else if(COMPANY === "agjt"){
window.location.replace(BASEURL + "/#/login?token=" + store.token);
}else if(COMPANY === "zkax"){
window.location.replace("http://8.136.222.164:8809/#/login?token=" + store.token);
} else {
// 新项目通用(百色服务器)
window.location.replace("http://101.43.164.214:11111/#/login?token=" + store.token);

2
src/views/sevenLargeScreen/indexL.vue
View File

@ -578,6 +578,8 @@ function jumpBgd() {
window.location.replace("http://182.90.224.237:15551/#/login?token=" + store.token);
}else if(COMPANY === "agjt"){
window.location.replace(BASEURL + "/#/login?token=" + store.token);
}else if(COMPANY === "zkax"){
window.location.replace("http://8.136.222.164:8809/#/login?token=" + store.token);
} else {
// 新项目通用(百色服务器)
window.location.replace("http://101.43.164.214:11111/#/login?token=" + store.token);