再登大屏修改及国际化相关修改

This commit is contained in:
123456 2023-05-15 11:57:06 +08:00
parent 05c8572071
commit 9ae87c892a
13 changed files with 215 additions and 176 deletions

View File

@ -1,5 +1,5 @@
<!--
* @FilePath: \wwwd:\code\screenFront\src\components\assembly\RotationTable.vue
* @FilePath: \screenFront\src\components\assembly\RotationTable.vue
* @Author: 王路平
* @文件版本: V1.0.0
* @Date: 2023-02-16 15:09:06
@ -20,7 +20,7 @@
<div class="box">
<h2>{{ props.title }}</h2>
</div>
<dv-scroll-board
<zd-scroll-board
ref="devList"
:config="props.data.data"
@click="dvClick"
@ -51,6 +51,7 @@ import { getCurrentInstance, onMounted, reactive, ref, watch } from "vue";
import { EDataPerson, devListType } from "@/type/InPlantProducts";
import border2 from "@/components/borderBox/border2.vue";
import border6 from "@/components/borderBox/border6.vue";
import zdScrollBoard from "@/components/data-view/index.vue";
import { useRouter } from "vue-router";
import { Offsite } from "@/store/module/offsite";
// const { proxy } = getCurrentInstance() as any;

View File

@ -7,6 +7,7 @@
*
* 版权信息 : 2023 by ${}, All Rights Reserved.
*/
import { getStoredLanguage } from '@/utils/languageStorage';
import {onMounted, onUnmounted, reactive, ref} from 'vue'
export default function( ){
let timeHtml =ref('')
@ -22,7 +23,11 @@ export default function( ){
// 周日-周六(0-6) 刚好对应数字下标
var day = time.getDay();
if (getStoredLanguage() == 'English/USD') {
var arr = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
} else {
var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
}
var hours:any = time.getHours();
var minutes:any = time.getMinutes();
var seconds:any = time.getSeconds();

View File

@ -11,7 +11,7 @@
export default {
messages: {
'energyConsume': 'Energy Consumption Real-time Monitoring System',
'ECHistoryData' :'能耗 历史数据检测系统',
'ECHistoryData' :'Energy Historical data detection System',
'generalEnvironment': 'Environment-Convention Real-time Monitoring System',
'InPlantProducts': 'Iot System Products in Factory',
'Mechanics': 'Machinery Factory Equipment Monitor and Control Center',

View File

@ -7,6 +7,8 @@
*
* 版权信息 : 2023 by ${}, All Rights Reserved.
*/
import { getStoredLanguage } from "../utils/languageStorage";
export function gettime(data = null) {
var time
if (data) {
@ -21,7 +23,13 @@ export function gettime(data=null){
// 周日-周六(0-6) 刚好对应数字下标
var day = time.getDay();
console.log(getStoredLanguage());
if (getStoredLanguage() == 'English/USD') {
var arr = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
} else {
var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
}
var hours: any = time.getHours();
var minutes: any = time.getMinutes();
var seconds: any = time.getSeconds();

View File

@ -12,7 +12,7 @@
<div class="content-left">
<el-row>
<el-col :span="6">
<gateway ref="gateway1" :title="t('messages.QiCheCommunication')" @click="toLegionProducts(5,'汽车军团')"> </gateway>
<gateway ref="gateway1" :title="t('messages.QiCheCommunication')" @click="toLegionProducts(5,t('messages.QiCheLegion'))"> </gateway>
</el-col>
<el-col :span="6">
<gateway ref="gateway2" :title="t('messages.FuZhuangCommunication')" @click="toLegionProducts(3,'服装军团')"> </gateway>

View File

@ -1,5 +1,5 @@
<!--
* @FilePath: \wwwd:\code\screenFront\src\views\Temp\Large_Format\index.vue
* @FilePath: \screenFront\src\views\Temp\Large_Format\index.vue
* @Author: 王路平
* @文件版本: V1.0.0
* @Date: 2023-02-17 15:04:50
@ -144,7 +144,7 @@ async function getDeviceDetailfun() {
"realityTime": "",
"planProductionDate": "2023年04月11日",
"customerSalesman": "王佳美",
"progress": "100",
"progress": "70",
"salesPerson": "王佳美",
"deliveryDate": "",
"tradeType": "外贸",

View File

@ -1,5 +1,5 @@
<!--
* @FilePath: \wwwd:\code\screenFront\src\views\Offsite\child\childContent\center.vue
* @FilePath: \screenFront\src\views\Temp\OffsiteDevList\childContent\center.vue
* @Author: 王路平
* @文件版本: V1.0.0
* @Date: 2023-04-12 08:46:57
@ -145,8 +145,8 @@ function changedevlist(val: any) {
res.deviceType,
res.realityDate,
JSON.parse(res.deviceStatus)
? t('messages.onLine')
: t('messages.offline'),
? `<span style="color:#20aec5;">${t('messages.onLine')}</span>`
: `<span style="color:rgb(228, 57, 97);">${t('messages.offline')}</span>`,
// "",
]);

View File

@ -1,5 +1,5 @@
<!--
* @FilePath: \wwwd:\code\screenFront\src\views\Offsite\child\childContent\chart\devTip.vue
* @FilePath: \screenFront\src\views\Temp\OffsiteDevList\childContent\chart\devTip.vue
* @Author: 王路平
* @文件版本: V1.0.0
* @Date: 2023-04-12 10:21:10
@ -33,7 +33,7 @@
<p>时间:<span>{{ res.ts }}</span></p>
</div>
<div class="item-text">
<p><span :style="{ color: JSON.parse(res.status) ? 'green' : 'red' }">{{ JSON.parse(res.status) ? t('messages.onLine') : t('messages.offline') }}</span></p>
<p><span :style="{ color: JSON.parse(res.status) ? '#20aec5' : 'rgb(228, 57, 97)' }">{{ JSON.parse(res.status) ? t('messages.onLine') : t('messages.offline') }}</span></p>
<p>{{t('messages.DevName')}}:<span>{{ res.name }}</span></p>
</div>
</div>

View File

@ -1,5 +1,5 @@
<!--
* @FilePath: \wwwd:\code\screenFront\src\views\Offsite\child\childContent\right.vue
* @FilePath: \screenFront\src\views\Temp\OffsiteDevList\childContent\right.vue
* @Author: 王路平
* @文件版本: V1.0.0
* @Date: 2023-04-13 09:09:03
@ -207,7 +207,6 @@ val.typenum.forEach(res=>{
DevType.option.series[0].data=echartdata
chartref.value.changeData(DevType.option)
data2.push(...data2)
devTipRef.value.setData(data2);
}
onMounted(() => {

View File

@ -1,5 +1,5 @@
<!--
* @FilePath: \wwwd:\code\screenFront\src\views\Offsite\child\index.vue
* @FilePath: \screenFront\src\views\Temp\OffsiteDevList\index.vue
* @Author: 王路平
* @文件版本: V1.0.0
* @Date: 2023-04-11 13:50:05
@ -11,7 +11,8 @@
<div class="container">
<div class="header">
<div class="title">
<header2 ref="headerref" :width="'100%'" :height="'100px'" :title="'再登-东莞产品物联管理系统'" :titleTip="[]" :typeFun="['comback','time']" :alarmType="[]"></header2>
<header2 ref="headerref" :width="'100%'" :height="'100px'" :title="'再登-东莞产品物联管理系统'" :titleTip="[]"
:typeFun="['comback', 'time']" :alarmType="[]"></header2>
</div>
</div>
<div class="content" ref="Acontent">
@ -127,7 +128,8 @@ let size=reactive({
clearTimeout(time.value)
time.value = null
}
time.value = setTimeout(() => {WH(contentBox)
time.value = setTimeout(() => {
WH(contentBox)
}, 1000);
})
})
@ -144,6 +146,7 @@ let size=reactive({
color: #20aec5;
background-color: #100c2a;
}
.title {
width: 100%;
display: flex;
@ -151,20 +154,24 @@ let size=reactive({
align-items: center;
position: relative;
}
.title>h1 {
font-size: 30px;
position: absolute;
top: 10px;
}
.header {
position: relative;
}
.header p {
position: absolute;
right: 50px;
bottom: 20px;
font-size: 20px;
}
.content {
width: 100%;
--header: 100px;
@ -176,10 +183,12 @@ body {
/* --content:calc(100vh - var(--header)) */
overflow: hidden !important;
-ms-overflow-style: none; /* IE + Edge */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;
/* IE + Edge */
scrollbar-width: none;
/* Firefox */
}
::-webkit-scrollbar {
display: none;
}
</style>
}</style>

View File

@ -1,3 +1,13 @@
<!--
* @Author: 123456 123456
* @Date: 2023-05-12 16:37:43
* @LastEditors: 123456 123456
* @LastEditTime: 2023-05-15 10:56:17
* @FilePath: \screenFront\src\views\Temp\Winding\index.vue
* @Description:
*
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<template>
<div :class="$style['container']">
<div class="header">
@ -29,7 +39,7 @@ import { ref } from "vue";
let header1Config = {
value: 100,
value: 80,
colors: ["#01c4f9", "#c135ff"],
borderWidth: 3,
}

View File

@ -5,7 +5,7 @@
<header2
:width="'100%'"
:height="'100px'"
:title="'能耗 历史数据检测系统'"
:title="t('messages.ECHistoryData')"
:titleTip="[]"
:typeFun="['comback','time']"
:alarmType="['']"
@ -49,6 +49,8 @@ import {
} from "@/http/energyConsume";
import { useenergyUseStore } from "@/store/module/energyUse";
const store = useenergyUseStore();
import { useI18n } from 'vue-i18n'
let {t} = useI18n();
// let titleTip = [
// {
// color: "rgb(32, 174, 197)",

View File

@ -74,11 +74,16 @@ const router = useRouter()
let severdata = reactive([])
let percentage = ref(0)
//id
const deptId = route.params.deptId
const deptId:any = route.params.deptId
const title = route.query.title
const gatwayList = ref([])
const deviceStatus = ref([])
let legion:any = {
'5': '汽车军团',
'3': '服装军团',
'4': '家纺军团',
'15': '医防军团'
}
let scrollBoardConfig = reactive({
header: [t('messages.SerialNum'), t('messages.DevName'), t('messages.model'), t('messages.RackNum'), t('messages.type'), t('messages.InstallPhase'), t('messages.DevStatus'), t('messages.AssemblyGroup'), t('messages.electronicGroup'), t('messages.inspector'), t('messages.deliveryDay')],
headerBGC: 'rgb(52, 105, 243)',
@ -122,11 +127,11 @@ const getWayStatus = ()=>{
if (res.code == 200) {
let index = res.data.findIndex((item: any) => {
return item.name == title
return item.name == legion[deptId]
})
gatwayList.value.push(res.data[index])
gatwayList.value[0].name = title
}
console.log(gatwayList.value,'gatwayList');
})
}