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

fix: BUG修改

Browse Source
This commit is contained in:
kun 2024-04-27 13:41:36 +08:00
parent 0f4372aede
commit ac4fe32f7f
5 changed files with 174 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -3,7 +3,7 @@ NODE_ENV = 'development'
# 本地环境接口地址(/api/index.ts文件中使用)
# 后端本地
# VITE_API_URL = 'http://192.168.34.221:9111'
VITE_API_URL = 'http://192.168.34.221:9111'
# VITE_API_URL = 'http://192.168.34.221:28888'
# VITE_API_URL = 'http://121.196.214.246/api'
# VITE_API_URL = 'http://jxj.zhgdyun.com:100'
@ -15,7 +15,7 @@ NODE_ENV = 'development'
# 演示平台
# VITE_API_URL = 'http://jxj.zhgdyun.com:9809'
# 百色七参数线上地址
VITE_API_URL = 'http://101.43.164.214:11111'
# VITE_API_URL = 'http://101.43.164.214:11111'
# 七参数标准版(测试平台)
# VITE_API_URL = 'http://jxj.zhgdyun.com:15551'
# 七参数标准版(测试平台)

BIN
src/assets/images/commandScreen/top-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 MiB

4
src/config/config.ts
View File

@ -24,11 +24,11 @@ export const BASE_IMAGE_URL = import.meta.env.VITE_BASE_IMAGE_URL;
// 项目环境标识配置 部署时需更改对应的项目
// export const COMPANY: string = ""; //标准版
export const COMPANY: string = "zhzrf"; //中海·臻如府
// export const COMPANY: string = "zhzrf"; //中海·臻如府
// 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"; // 江苏盐城项目

4
src/routers/modules/staticRouter.ts
View File

@ -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: [
{

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

@ -1,6 +1,75 @@
<template>
<div class="centerTop">
<div class="top-content">
<div class="content-div aq">
<div class="circle-box">
<span>20分</span>
</div>
<span>安全隐患治理</span>
</div>
<div class="content-div wd">
<div class="circle-box">
<span>20分</span>
</div>
<span>危大工程</span>
</div>
<div class="content-div jy">
<div class="circle-box">
<span>20分</span>
</div>
<span>安全教育</span>
</div>
<div class="content-div fx">
<div class="circle-box">
<span>20分</span>
</div>
<span>风险管理</span>
</div>
<div class="content-div zn">
<div class="circle-box">
<span>20分</span>
</div>
<span>智能硬件分析</span>
</div>
<div class="count-div">
<div class="count-div-item">
<span>上月安全综合评分</span>
<span>65</span>
<span>分</span>
</div>
<div class="count-div-item">
<span>相较上月上升20%</span>
<span></span>
</div>
</div>
<div class="score-div">
<div class="score-part">
<span>78</span>
<span>分</span>
</div>
<span>安全评分</span>
</div>
<div class="classify-div">
<div class="classify-div-item">
<span>危大工程&nbsp;&nbsp;+20</span>
</div>
<div class="classify-div-item">
<span>安全教育&nbsp;&nbsp;+20</span>
</div>
<div class="classify-div-item">
<span>极端恶劣天气&nbsp;&nbsp;+20</span>
</div>
<div class="classify-div-item">
<span>风险统计&nbsp;&nbsp;+20</span>
</div>
<div class="classify-div-item">
<span>安全隐患&nbsp;&nbsp;+20</span>
</div>
<div class="classify-div-item">
<span>硬件报警&nbsp;&nbsp;+20</span>
</div>
</div>
</div>
</div>
</template>
@ -130,71 +199,6 @@ const uploadSuccess = () => {
type: "success"
});
};
// 视频文件上传 之前
function handleBeforeUploadVideo(file: any) {
console.log(file, "上传之前");
let fileType = file.type.split("/")[0];
if (fileType == "video") {
return true;
} else {
fileTypeFail("请选择正确的视频文件"); //"请选择正确的文件"
return false;
}
}
// 图片文件上传 之前
function handleBeforeUploadPic(file: any) {
console.log(file, "上传之前");
let fileType = file.type.split("/")[0];
if (fileType == "image") {
return true;
} else {
fileTypeFail("请选择正确的图片文件"); //"请选择正确的文件"
return false;
}
}
//上传失败
function handleError(file: any) {
console.log(file, "上传失败");
uploadFail(); //"上传失败，请重试"
}
// 效果图上传成功
function handleSuccess(file: any) {
console.log("效果图上传成功", file);
if (file.code == 200 || file.status == "SUCCESS") {
console.log(file);
let url = file.data[0].imageUrl;
saveEffectData(url);
}
}
// 视频上传成功
function handleSuccessTwo(file: any) {
if (file.code == 200 || file.status == "SUCCESS") {
console.log(file, "上传成功");
let url = file.data[0].imageUrl;
// this.imgUrl = url;
saveOrDeleteVideo(url);
}
}
//效果图 保存
function saveEffectData(url: any) {
// let configValue = JSON.stringify(url);
let data = {
projectSn: store.sn,
showType: 3,
showTitle: "效果图", //'效果图'
configValue: url
};
eidtProjectShowConfig(data).then((res: any) => {
if (res.code == 200) {
getQueryBySnData();
}
});
}
// 查询效果图
function getQueryBySnData() {
queryBySnData({
@ -231,5 +235,103 @@ onMounted(async () => {
<style lang="scss" scoped>
.centerTop {
// background-color: darkred;
.top-content{
height: 100%;
position: relative;
background-image: url("@/assets/images/commandScreen/top-bg.png");
background-position: center;
background-repeat: no-repeat;
.content-div{
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
.circle-box{
color: white;
font-size: 14px;
text-align: center;
padding: 23px 20px;
border: 2px solid #318FF7;
border-radius: 50%;
}
>span{
margin-top: 10px;
color: white;
}
}
.aq{
left: 40px;
top: 180px;
}
.wd{
left: 200px;
top: 80px;
}
.jy{
left: 400px;
top: 5px;
}
.fx{
right: 180px;
top: 80px;
}
.zn{
right: 40px;
top: 180px;
}
.count-div{
width: 60%;
color: white;
position: absolute;
bottom: 95px;
left: 170px;
display: flex;
align-items: center;
justify-content: space-between;
&-item{
font-size: 14px;
>span:nth-child(2){
color: #2983E1;
}
}
}
.score-div{
color: white;
position: absolute;
bottom: 210px;
left: 383px;
display: flex;
flex-direction: column;
align-items: center;
.score-part{
span:nth-child(1){
font-size: 72px;
}
span:nth-child(2){
font-size: 18px;
}
}
>span{
color: white;
font-size: 18px;
}
}
.classify-div{
width: 100%;
color: white;
position: absolute;
bottom: 0px;
left: 0px;
display: flex;
align-items: center;
justify-content: space-between;
&-item{
background-color: #0090D8;
padding: 10px 20px;
border-radius: 24px;
}
}
}
}
</style>