zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

enp

This commit is contained in:
shijing 2024-01-16 15:41:08 +08:00
parent 5e1990c1a0
commit 88fcbe4518
8 changed files with 127 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.env.production
View File

@ -5,6 +5,7 @@ NODE_ENV = production
# VUE_APP_TITLE = '曲阳金隅安全智能管控平台'
# VUE_APP_TITLE = '托克逊能源管理平台'
VUE_APP_TITLE = '中建材光子科技有限公司'
# VUE_APP_TITLE = '超低排放系统'
# 接口地址

2
.gitignore vendored
View File

@ -1,6 +1,6 @@
.DS_Store
node_modules
/ignore/
/public/img/ignore/
/dist
.VSCodeCounter/

58
src/App.vue
View File

@ -132,35 +132,33 @@ export default {
padding: 0 20px 20px;
}
// 排放系统
.el-popper{
border-radius: 0;
}
.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
top: -5px;
display: none !important;
}
.el-popper.is-light{
// display: block !important;;
background: linear-gradient(to right, #116a7c, #92f2ff);
border-image-source: linear-gradient(to right, #92f2ff, #116a7c);
// background: linear-gradient(to right, #053949, #107b90);
}
.el-dropdown-menu{
padding: 0.7vh 0.7vh 0.2vh;
background: linear-gradient(to right, #053949, #107b90);
}
.el-dropdown-menu__item{
margin-bottom: 0.5vh;
background: linear-gradient(to right, #1b8fa4, #107b90 );
}
.el-dropdown-menu__item:not(.is-disabled):focus{
background: linear-gradient(to right, #053949, #107b90);
color: #ffffff;
}
.el-dropdown-menu__item{
color: #ffffff;
}
// .el-popper{
// border-radius: 0;
// }
// .el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
// top: -5px;
// display: none !important;
// }
// .el-popper.is-light{
// background: linear-gradient(to right, #116a7c, #92f2ff);
// border-image-source: linear-gradient(to right, #92f2ff, #116a7c);
// }
// .el-dropdown-menu{
// padding: 0.7vh 0.7vh 0.2vh;
// background: linear-gradient(to right, #053949, #107b90);
// }
// .el-dropdown-menu__item{
// margin-bottom: 0.5vh;
// background: linear-gradient(to right, #1b8fa4, #107b90 );
// }
// .el-dropdown-menu__item:not(.is-disabled):focus{
// background: linear-gradient(to right, #053949, #107b90);
// color: #ffffff;
// }
// .el-dropdown-menu__item{
// color: #ffffff;
// }
//排放系统
</style>

2
src/api/model/system.js
View File

@ -408,7 +408,7 @@ export default {
base: {
name: "账户信息",
req: async function(project){
return await http.get(`${config.API_URL}/system/base_config/${project}`);
return await http.get(`${config.API_URL}/system/base_config${project}`);
}
},
getInfo: {

2
src/config/route.js
View File

@ -2141,7 +2141,7 @@ const routes = [
"meta": {
"title": "数据大屏Enp",
"icon": "el-icon-platform",
"perms": ["bigScreenP"],
"perms": ["bigScreenEnp"],
"fullpage": true,
},
"component": "bigScreen/index_enp"

187
src/views/bigScreen/index_enp.vue
View File

@ -7,7 +7,7 @@
<div :class="bindClass(0)" @click="menuClick(0)">
<div class="menuItem">首页</div>
</div>
<div :class="bindClass(1)" @click="menuClick(1)">
<div :class="bindClass(1)">
<div class="menuItem">
<el-dropdown class="dropdown" trigger="click" @command="handleClick">
<span class="el-dropdown-link">
@ -24,7 +24,7 @@
</el-dropdown>
</div>
</div>
<div :class="bindClass(2)" @click="menuClick(2)">
<div :class="bindClass(2)">
<div class="menuItem">
<el-dropdown class="dropdown" trigger="click" @command="handleClick2">
<span class="el-dropdown-link">
@ -46,7 +46,7 @@
</div>
<div style="position: absolute;top:0.9vh;right: 8px;height: 65px;">
<div style="display: flex;padding-top: 1.4vh;padding-right: 1vw;justify-content: flex-end;">
<div :class="bindClass(3)" @click="menuClick(3)">
<div :class="bindClass(3)">
<div class="menuItem">
<el-dropdown class="dropdown" trigger="click" @command="handleClick3">
<span class="el-dropdown-link">
@ -62,10 +62,10 @@
</div>
<div class="menuItem">运输清洁</div>
</div>
<div :class="bindClass(4)" @click="menuClick(4)">
<div :class="bindClass(4)">
<div class="menuItem">环保管理</div>
</div>
<div :class="bindClass(5)" @click="menuClick(5)">
<div :class="bindClass(5)">
<div class="menuItem">台账管理</div>
</div>
<div class="wraning_icon"></div>
@ -88,29 +88,29 @@
<div v-show="activeIndex==0" class="left_other animate__animated animate__backInLeft">
<div class="panel">
<div class="chart" id="chart1">
<img src="/img/ignore/left1.png" style="width: 100%;height: 100%;">
<img src="img/ignore/left1.png" style="width: 100%;height: 100%;">
</div>
</div>
<div class="panel">
<div class="chart" id="chart2">
<img src="/img/ignore/left2.png" style="width: 100%;height: 100%;">
<img src="img/ignore/left2.png" style="width: 100%;height: 100%;">
</div>
</div>
<div class="panel">
<div class="chart" id="chart3">
<img src="/img/ignore/left3.png" style="width: 100%;height: 100%;">
<img src="img/ignore/left3.png" style="width: 100%;height: 100%;">
</div>
</div>
</div>
<div v-show="activeIndex==0" class="right_other animate__animated animate__backInRight">
<div class="panel">
<div class="chart" id="chart4">
<img src="/img/ignore/right1.png" style="width: 100%;height: 100%;">
<img src="img/ignore/right1.png" style="width: 100%;height: 100%;">
</div>
</div>
<div class="panel">
<div class="chart" id="chart5">
<img src="/img/ignore/right2.png" style="width: 100%;height: 100%;">
<img src="img/ignore/right2.png" style="width: 100%;height: 100%;">
</div>
</div>
</div>
@ -320,8 +320,8 @@
}
return classInfo
},
menuClick(index){
// this.activeIndex = index;
menuClick(){
this.activeIndex = 0;
},
handleClick(command){
this.activeIndex = 1;
@ -447,7 +447,7 @@
ground.material = groundMaterial;
ground.position.y = -0.1
// 加载背景图片
const backgroundImage = new BABYLON.Layer('', 'img/backgroundEnp.jpg', scene, true);
const backgroundImage = new BABYLON.Layer('', 'img/ignore/backgroundEnp.jpg', scene, true);
const camera = new BABYLON.ArcRotateCamera("camera", that.initialAlpha, that.initialBeta, that.initialRadius, new BABYLON.Vector3(0, 0, 1.2));
that.initialTarget = camera.getTarget();
camera.upperBetaLimit = Math.PI / 2.3; //无法移动到地面以下
@ -508,14 +508,17 @@
mesh_rect.addControl(mesh_name);
var remoteGlbUrl = process.env.VUE_APP_BASEURL + "/media/model/factory.glb";
BABYLON.SceneLoader.Append(remoteGlbUrl, "", scene, function (scene) {
// debugger;
// console.log(scene)
// console.table(scene.meshes)
// 判断字符串是否包含中文------ /[\u4E00-\u9FA5]+/g.test(str)
for (let key in that.sectionNames) {
const value = that.sectionNames[key];
const mesh = scene.getMeshByName(key);
if (mesh) {
const img = new BABYLON_GUI.Image('img', 'img/ignore/qm_enp.png');
img.width = '50px';
img.height = '50px';
img.top = '50%';
img.left = '50%';
img.horizontalAlignment = 10;
img.verticalAlignment = 10;
//建筑标签
const rect1 = new BABYLON_GUI.Rectangle(value + '_rect');
rect1.width = "60px";
@ -525,30 +528,12 @@
rect1.thickness = 2;
rect1.background = "green";
rect1.isPointerBlocker = true; // 防止点击穿透
advancedTexture.addControl(rect1);
advancedTexture.addControl(img);
var label = new BABYLON_GUI.TextBlock(value + '_label');
label.text = value;
label.color = 'white';
label.fontSize = '14px';
rect1.addControl(label);
rect1.linkWithMesh(mesh);
rect1.linkOffsetY = -30;
if (value == '电石渣') {
rect1.linkOffsetY = -200;
var line = new BABYLON_GUI.Line();
line.lineWidth = 4;
line.color = "Orange";
line.y1 = 10;
line.y2 = 15;
line.linkOffsetY = -15;
line.dash = [3, 3];
advancedTexture.addControl(line);
line.linkWithMesh(mesh);
let connectedControl = advancedTexture.getControlByName('电石渣_rect')
line.connectedControl = connectedControl;
// line.connectedControl = rect1;
// line.connectedControl = data_view;
}
img.linkWithMesh(mesh);
rect1.onPointerDownObservable.add(() => {
const mesh = rect1.linkedMesh;
@ -612,38 +597,38 @@
for (let j = 0; j < hd; j++) {
grid.addColumnDefinition(1 / hd);
}
for (let i = 0; i < wd; i++) {
for (let j = 0; j < hd; j++) {
var rc = new BABYLON_GUI.TextBlock("rc" + i + j);
rc.width = "100%";
// rc.height = "100%";
rc.thickness = 0;
if (j == 0 && i == 0) {
rc.width = "120px";
rc.text = "产品产量：";
rc.color = "white";
rc.fontSize = '16px';
} else if (j == 0 && i == 1) {
rc.width = "120px";
rc.color = "white";
rc.fontSize = '16px';
rc.text = "单位产品电耗：";
} else if (j == 1 && i == 0) {
// rc.text = that.mgroupValues[value].total;
rc.text = "123";
rc.width = "80px";
rc.fontSize = '18px';
rc.color = "rgb(44,237,255)";
} else if (j == 1 && i == 1) {
// rc.text = that.mgroupValues[value].total;
rc.text = "456";
rc.width = "80px";
rc.fontSize = '18px';
rc.color = "rgb(44,237,255)";
}
grid.addControl(rc, i, j);
}
}
// for (let i = 0; i < wd; i++) {
// for (let j = 0; j < hd; j++) {
// var rc = new BABYLON_GUI.TextBlock("rc" + i + j);
// rc.width = "100%";
// // rc.height = "100%";
// rc.thickness = 0;
// if (j == 0 && i == 0) {
// rc.width = "120px";
// rc.text = "产品产量：";
// rc.color = "white";
// rc.fontSize = '16px';
// } else if (j == 0 && i == 1) {
// rc.width = "120px";
// rc.color = "white";
// rc.fontSize = '16px';
// rc.text = "单位产品电耗：";
// } else if (j == 1 && i == 0) {
// // rc.text = that.mgroupValues[value].total;
// rc.text = "123";
// rc.width = "80px";
// rc.fontSize = '18px';
// rc.color = "rgb(44,237,255)";
// } else if (j == 1 && i == 1) {
// // rc.text = that.mgroupValues[value].total;
// rc.text = "456";
// rc.width = "80px";
// rc.fontSize = '18px';
// rc.color = "rgb(44,237,255)";
// }
// grid.addControl(rc, i, j);
// }
// }
data_view.addControl(grid);
var mgroup_close = BABYLON_GUI.Button.CreateSimpleButton("mgroup_close" + value, '关闭');
mgroup_close.width = "70px"
@ -657,9 +642,9 @@
console.log('data_view', data_view)
data_view.isVisible = false;
})
data_view.addControl(mgroup_close);
// data_view.addControl(mgroup_close);
// 将StackPanel添加到GUI系统中
advancedTexture.addControl(data_view);
// advancedTexture.addControl(data_view);
data_view.linkWithMesh(mesh);
data_view.linkOffsetY = -120;
if (value == '电石渣') {
@ -701,36 +686,36 @@
header.color = "white";
control_main.addControl(header);
// 工段数据checkbox
var checkbox1 = new BABYLON_GUI.Checkbox();
checkbox1.width = "20px";
checkbox1.height = "20px";
checkbox1.isChecked = true;
checkbox1.marginLeft = '16px'
checkbox1.color = "green";
checkbox1.onIsCheckedChangedObservable.add(function (value) {
if (value) {
for (let key in that.sectionNames) {
let name = that.sectionNames[key] + '_data_view';
console.log(name)
let dataView = advancedTexture.getControlByName(name);
dataView.isVisible = true;
}
} else {
for (let key in that.sectionNames) {
let name = that.sectionNames[key] + '_data_view';
console.log(name)
let dataView = advancedTexture.getControlByName(name);
dataView.isVisible = false;
}
}
});
control_main.addControl(checkbox1);
var header1 = new BABYLON_GUI.TextBlock();
header1.text = "工段数据";
header1.width = "80px";
header1.textHorizontalAlignment = BABYLON_GUI.Control.HORIZONTAL_ALIGNMENT_LEFT;
header1.color = "white";
control_main.addControl(header1);
// var checkbox1 = new BABYLON_GUI.Checkbox();
// checkbox1.width = "20px";
// checkbox1.height = "20px";
// checkbox1.isChecked = true;
// checkbox1.marginLeft = '16px'
// checkbox1.color = "green";
// checkbox1.onIsCheckedChangedObservable.add(function (value) {
// if (value) {
// for (let key in that.sectionNames) {
// let name = that.sectionNames[key] + '_data_view';
// console.log(name)
// let dataView = advancedTexture.getControlByName(name);
// dataView.isVisible = true;
// }
// } else {
// for (let key in that.sectionNames) {
// let name = that.sectionNames[key] + '_data_view';
// console.log(name)
// let dataView = advancedTexture.getControlByName(name);
// dataView.isVisible = false;
// }
// }
// });
// control_main.addControl(checkbox1);
// var header1 = new BABYLON_GUI.TextBlock();
// header1.text = "工段数据";
// header1.width = "80px";
// header1.textHorizontalAlignment = BABYLON_GUI.Control.HORIZONTAL_ALIGNMENT_LEFT;
// header1.color = "white";
// control_main.addControl(header1);
// 添加抓取事件
canvas.addEventListener('mousemove', (event) => {
// 使用 scene.pick 检测鼠标拾取

4
src/views/login/components/passwordForm.vue
View File

@ -175,6 +175,10 @@ export default {
this.$router.replace({
path: "/dashboard_photon",
});
}else if(base_name_short=='超低排放'){
this.$router.replace({
path: "/bigScreenEnp",
});
}
// if(this.$TOOL.data.get('BASE_INFO').base.base_name_short=='托克逊能管'){//托克逊
// this.$router.replace({

8
src/views/login/index.vue
View File

@ -18,7 +18,7 @@
<div class="login-form">
<div class="login-header">
<div class="logo" v-if="baseConfig.name=='photon'">
<img id="photonImg" :alt="baseConfig.base_login_img" :src="baseConfig.base_login_img">
<img id="photonImg" :alt="baseConfig.base_login" :src="baseConfig.base_login">
</div>
<div class="logo" v-else>
<img :alt="baseConfig.base_name_short" :src="baseConfig.base_logo">
@ -155,8 +155,10 @@
getDept(){
let that = this;
let project = '';
if(that.project_code==undefined){}else{
project = '?project='+that.project_code;
if(that.project_code==undefined){
project = '/';
}else{
project = '?project_code='+that.project_code;
}
that.$API.system.config.base.req(project).then((res) => {
that.baseConfig = res.base;