机械分厂工位屏 update

This commit is contained in:
hzz 2024-02-02 17:04:43 +08:00
parent 4f63645031
commit 700c8b7d7b
2 changed files with 17 additions and 20 deletions

View File

@ -1,6 +1,6 @@
const BASE_API = process.env.VUE_APP_BASE_API
@ -19,10 +19,10 @@ export default function getOriToData(ori_data: Object) {
{ key: data['activation']||0 + "%", val: "稼动率" }, { key: data['activation']||0 + "%", val: "稼动率" },
{ key: data['in1'] == "0"?'停止':'启动', val: "设备状态" }, { key: data['in1'] == "0"?'停止':'启动', val: "设备状态" },
{ key: data['in3'] == "0"?'上电':'断电', val: "上电状态" }, { key: data['in3'] == "0"?'上电':'断电', val: "上电状态" },
{ key: parseInt(data['speed0']) + "rpm", val: "设备转速" } { key: parseInt(data['speed0']) + "", val: "设备转速" }
], ],
bottom: { bottom: {
image: getImage(data['image']), image: BASE_API + data['image'],
data: [ data: [
{ key: data['adc1'] + 'mm', val: "操作台距原点距离" }, { key: data['adc1'] + 'mm', val: "操作台距原点距离" },
{ key: data['in7'] == "0"?'工作':'空挡', val: "档杆状态" }, { key: data['in7'] == "0"?'工作':'空挡', val: "档杆状态" },
@ -36,11 +36,11 @@ export default function getOriToData(ori_data: Object) {
top: [ top: [
{ key: data['activation']||0 + "%", val: "稼动率" }, { key: data['activation']||0 + "%", val: "稼动率" },
{ key: getDevStatus(), val: "设备状态" }, { key: getDevStatus(), val: "设备状态" },
{ key: parseInt(data['speed0']) + 'rpm', val: "钻头转速" }, { key: parseInt(data['speed0']) + '', val: "钻头转速" },
{ key: data['in8'] == "0"?'下降':'未下降', val: "钻头状态" } { key: data['in8'] == "0"?'下降':'未下降', val: "钻头状态" }
], ],
bottom: { bottom: {
image: getImage(data['image']), image: BASE_API + data['image'],
data: [ data: [
{ key: getRotateGear(), val: "设备状态" }, { key: getRotateGear(), val: "设备状态" },
{ key: [data['adc1'] + 'mm', parseFloat(data['speed1']).toFixed(1)+'mm/s'], val: "平台X轴距原点位置和速度" }, { key: [data['adc1'] + 'mm', parseFloat(data['speed1']).toFixed(1)+'mm/s'], val: "平台X轴距原点位置和速度" },
@ -52,9 +52,7 @@ export default function getOriToData(ori_data: Object) {
}, },
} }
function getImage(url) {
return process.env.VUE_APP_BASE_API + data['image']
}
/** /**
* *

View File

@ -36,24 +36,24 @@ let route = useRoute();
let ori_data = ref({ let ori_data = ref({
"id": "", "id": "",
"name": "卧式车床0412", "name": "卧式车床0412",
"image": "/profile/upload/2023/12/17/cba7a03d86a94775b6bdde70b0d069e6.png", "image": "",
"speed0": "0", "speed0": "0",
"speed1": "0", "speed1": "0",
"activation": "70.0", "activation": "",
"signalGroup": "JJ412", "signalGroup": "",
"ts": null, "ts": null,
"in1": "0", "in1": "0",
"in2": "1", "in2": "1",
"in3": "1", "in3": "1",
"in4": "0", "in4": "0",
"in7": "1", "in7": "1",
"adc1": "187", "adc1": "",
"adc2": "79", "adc2": "",
"adc3": "25", "adc3": "",
"in8": "0" "in8": ""
}) })
let topData = ref([]); let topData = ref([]);
document.title = "设备数据监控平台";
let bottomData = ref({}) let bottomData = ref({})
function getHologramDataMF() { function getHologramDataMF() {
@ -75,8 +75,6 @@ function getWebsocket(val) {
if (data.type == "HologramDataMFInfo") { if (data.type == "HologramDataMFInfo") {
let msg = data.msg; let msg = data.msg;
if (ori_data.value.id == msg.id) { if (ori_data.value.id == msg.id) {
console.log(msg);
ori_data.value.in1 = msg.IN1; ori_data.value.in1 = msg.IN1;
ori_data.value.in2 = msg.IN2; ori_data.value.in2 = msg.IN2;
ori_data.value.in3 = msg.IN3; ori_data.value.in3 = msg.IN3;
@ -121,7 +119,9 @@ onMounted(() => {
background-position: center center; background-position: center center;
color: #aeeefa; color: #aeeefa;
.text {
}
.bj .text {
position: absolute; position: absolute;
top: 25px; top: 25px;
left: 38px; left: 38px;
@ -131,7 +131,6 @@ onMounted(() => {
color: #aeeefa; color: #aeeefa;
font-family: "华文新魏", sans-serif; font-family: "华文新魏", sans-serif;
} }
}
.date { .date {
font-size: 28px; font-size: 28px;