From a873f8930760c63fa56d29e7eedc3b0d50e87be3 Mon Sep 17 00:00:00 2001
From: hdy <1105738590@qq.com>
Date: 星期六, 20 一月 2024 13:35:32 +0800
Subject: [PATCH] 发动机数据检查页面跟新
---
jcdm-ui/src/views/main/cfkb/Instructions/index.vue | 33 +++++++++++++++++++++++++--------
1 files changed, 25 insertions(+), 8 deletions(-)
diff --git a/jcdm-ui/src/views/main/cfkb/Instructions/index.vue b/jcdm-ui/src/views/main/cfkb/Instructions/index.vue
index 26cb331..835ee13 100644
--- a/jcdm-ui/src/views/main/cfkb/Instructions/index.vue
+++ b/jcdm-ui/src/views/main/cfkb/Instructions/index.vue
@@ -24,7 +24,7 @@
<div class="container" style="height: 50px;background-color: #00afff;margin-bottom: 10px">
<span class="centered">浣滀笟娴佺▼</span>
</div>
- <div v-for="(item,index) in tableData" :key="item.sort" class="outerDiv" :id="'outerDiv'+index">
+ <div v-for="(item,index) in tableData" :key="item.index" class="outerDiv" :id="'outerDiv'+index">
<div class="innerDiv1">
<div class="innerDiv2">
<span class="content_left">{{ index+1 }}</span>
@@ -56,13 +56,13 @@
<el-button type="primary" @click="processDocuments()" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-folder-opened">宸ヨ壓鏂囦欢</el-button>
</el-row>
<el-row style="height: 80px;margin-top: 5px">
- <el-button type="success" @click="changeProducts('2V91')" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">2V91</el-button>
+ <el-button type="info" @click="changeProducts('2V91')" :class="{ 'active': isClickd === '2V91' }" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">2V91</el-button>
</el-row>
<el-row style="height: 80px;">
- <el-button type="info" @click="changeProducts('191')" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">191</el-button>
+ <el-button type="info" @click="changeProducts('191')" :class="{ 'active': isClickd === '191' }" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">191</el-button>
</el-row>
<el-row style="height: 80px;">
- <el-button type="info" @click="changeProducts('0JWF')" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">0JWF</el-button>
+ <el-button type="info" @click="changeProducts('0JWF')" :class="{ 'active': isClickd === '0JWF' }" style="height: 50px; width: 130px; font-size: 20px; float: left" icon="el-icon-s-unfold">0JWF</el-button>
</el-row>
</el-card>
</el-col>
@@ -73,13 +73,14 @@
</template>
<script>
-import {listFormulaChild} from "@/api/main/bs/formulaChild/formulaChild";
+import {listFormulaChild, getProductProcess} from "@/api/main/bs/formulaChild/formulaChild";
import {listStationConf,getIp} from "@/api/main/sc/stationConf";
export default {
name: "index",
data() {
return {
+ isClickd: '', // 鍒濆鍖栦负鏈偣鍑荤姸鎬�
locationCode: "鏈厤缃�",
locationName: "鏈厤缃伐浣�",
queryParams: {
@@ -148,7 +149,7 @@
mounted() {
this.getStationConf()
// this.changeProducts(this.productCode)
- this.changeProducts("2V91")
+ // this.changeProducts("2V91")
this.getNowTime()
// this.autoShow()
},
@@ -165,8 +166,12 @@
listStationConf(queryParams).then(response => {
this.locationName = response.rows[0].processesName
this.locationCode = response.rows[0].processesCode
+ console.log('llllll',this.locationCode)
+ this.changeProducts("2V91")
});
+
});
+
},
//鑾峰彇褰撳墠鏃堕棿
getNowTime () {
@@ -197,6 +202,10 @@
setImg(index) {
this.address = this.tableData[index].address
this.src = this.tableData[index].img
+ },
+ cleanImg(){
+ this.address = ''
+ this.src = ''
},
setBg() {
if (document.getElementById('outerDiv' + (this.tableData.length - 1)).style.background === 'yellow') {
@@ -237,16 +246,21 @@
},
changeProducts(val){
+
console.log("------鏇存崲鍥剧墖",val)
+ console.log("------鐩綍==============",this.tableData)
+ console.log("locationCode",this.locationCode)
this.productCode = val
const _this = this
+ this.isClickd = val; // 鍒囨崲isClicked鐨勫��
/** 鏌ヨ閰嶆柟閰嶇疆瀛愪俊鎭垪琛� */
this.queryParams.productCode = val;
+ this.queryParams.processesCode = this.locationCode
listFormulaChild(this.queryParams).then(response => {
- // this.tableData = [];
+ this.tableData = [];
+ this.cleanImg()
this.tableData = response.rows;
- console.log(response.rows)
this.$nextTick(() => {
clearInterval(this.intervalId);
document.getElementById('outerDiv0').style.background = 'yellow'
@@ -323,6 +337,9 @@
::v-deep .el-card__body{
height: 100px;
}
+.active {
+ background-color: #31b431; /* 鐐瑰嚮鍚庣殑鑳屾櫙鑹� */
+}
</style>
--
Gitblit v1.9.3