| | |
| | |
|
| | | <el-row :gutter="10">
|
| | | <el-col :span="12" v-for="(dataGroup, groupIndex) in jsonData" :key="groupIndex">
|
| | | <el-card class="json-block" style="width:585px;">
|
| | | <el-card class="json-block" style="width:585px;margin-bottom: 10px;">
|
| | | <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex" class="item-container">
|
| | | <div class="item-row">
|
| | | <span class="name" style="width:300px;">{{ item.name }}</span>
|
| | |
| | | <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex">
|
| | | <el-button v-if="item.button && language === 'en-US' && item.state != 0" :name="item.button.name"
|
| | | v-model="item.button.value"
|
| | | :class="{ 'action-button': true, 'error-button': item.button.name === 'Fault' && item.button.value === 1, 'error-button2': item.button.name === 'NotZero' && item.button.value === 0,'greenbutton': item.button.name !== 'NotZero' && item.button.name !== 'Fault' && item.button.value === 1 }"
|
| | | :class="{ 'action-button': true, 'error-button': item.button.name === 'Fault' && item.button.value === 1, 'error-button2': item.button.name === 'NotZero' && item.button.value === 0,'error-button3': item.button.name === 'NotZero' && item.button.value === 1,'greenbutton': item.button.name !== 'NotZero' && item.button.name !== 'Fault' && item.button.value === 1 }"
|
| | | @click="updateButtonValue(dataGroup, itemIndex); submitDataToBackend(item.button.name);">{{
|
| | | item.button.name }}</el-button>
|
| | | <el-button v-if="item.button && language === 'zh-CN' && item.state != 0" :name="item.button.name"
|
| | | v-model="item.button.value"
|
| | | :class="{ 'action-button': true, 'error-button': item.button.name === '故障' && item.button.value === 1, 'error-button2': item.button.name === '未回零' && item.button.value === 0,'greenbutton': item.button.name !== '未回零' && item.button.name !== '故障' && item.button.value === 1 }"
|
| | | :class="{ 'action-button': true, 'error-button': item.button.name === '故障' && item.button.value === 1, 'error-button2': item.button.name === '未回零' && item.button.value === 0,'error-button3': item.button.name === '未回零' && item.button.value === 1,'greenbutton': item.button.name !== '未回零' && item.button.name !== '故障' && item.button.value === 1 }"
|
| | | @click="updateButtonValue(dataGroup, itemIndex); submitDataToBackend(item.button.name);">{{
|
| | | item.button.name }}</el-button>
|
| | | </div>
|
| | |
| | | });
|
| | | }
|
| | |
|
| | | //更新实时位置
|
| | | jsonData2.forEach((item) => {
|
| | | |
| | |
|
| | | //改变状态文字
|
| | | // for (let i = 2; i < jsonData2.length; i++) {
|
| | | // let arr6 = jsonData2[i];
|
| | | // for (let j = 2; j < arr6.length; j++) {
|
| | | // let obj6 = arr6[j];
|
| | | // if (obj6.button&& (obj6.button.name === "未回零" || obj6.button.name === "NotZero")) {
|
| | | // if ( obj6.button.name.includes("未")&& this.language==="zh-CN") {
|
| | | // console.log(obj6.button.name)
|
| | | // obj6.button.name =obj6.button.name.replace("未","已") ;
|
| | | // }
|
| | | // if ( obj6.button.name.includes("NotZero")) {
|
| | | // obj6.button.name =obj6.button.name.replace("NotZero","Zero") ;
|
| | | // }
|
| | | // }
|
| | |
|
| | | |
| | | // }
|
| | | // }
|
| | |
|
| | |
|
| | |
|
| | |
|
| | | }
|
| | | }, 50);
|
| | |
|
| | | document.addEventListener('mouseover', handleMouseMove);
|
| | |
|
| | |
|
| | |
|
| | | //更新实时位置
|
| | | jsonData2.forEach((item) => {
|
| | | item.forEach((subItem) => {
|
| | | if (subItem.sending === 4) {
|
| | | subItem.value = obj.shishi1[0][0];
|
| | |
| | | }
|
| | |
|
| | |
|
| | | //改变未回零文字
|
| | | for (let i = 0; i < jsonData2.length; i++) {
|
| | | let arr = jsonData2[i];
|
| | | for (let j = 0; j < arr.length; j++) {
|
| | | let obj = arr[j];
|
| | | if (obj.button && obj.button.value===1) {
|
| | | if ( obj.button.name.includes("未回零")&& this.language==="zh-CN") {
|
| | | obj.button.name =obj.button.name.replace("未回零","已回零") ;
|
| | | }
|
| | | if ( obj.button.name.includes("NotZero")) {
|
| | | obj.button.name =obj.button.name.replace("NotZero","Zero") ;
|
| | | }
|
| | | }
|
| | |
|
| | | |
| | | }
|
| | | }
|
| | |
|
| | |
|
| | | }
|
| | | }, 200);
|
| | |
|
| | | document.addEventListener('mouseover', handleMouseMove);
|
| | | };
|
| | |
|
| | |
|
| | |
| | |
|
| | | background-color: green;
|
| | | }
|
| | | .error-button3{
|
| | | background-color: green;
|
| | |
|
| | | }
|
| | | </style> |