From b6145e675c314b3140e609a80cd2072e087e5ac3 Mon Sep 17 00:00:00 2001 From: 懒羊羊 <15939171744@163.com> Date: 星期二, 23 一月 2024 17:03:00 +0800 Subject: [PATCH] 首页 --- jcdm-ui/src/views/main/cfkb/Instructions/index.vue | 54 +++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 49 insertions(+), 5 deletions(-) diff --git a/jcdm-ui/src/views/main/cfkb/Instructions/index.vue b/jcdm-ui/src/views/main/cfkb/Instructions/index.vue index 1001b5c..7c57df7 100644 --- a/jcdm-ui/src/views/main/cfkb/Instructions/index.vue +++ b/jcdm-ui/src/views/main/cfkb/Instructions/index.vue @@ -69,17 +69,35 @@ </el-col> </el-row> + <div> + <el-dialog + title="宸ヨ壓鏂囦欢" + :visible.sync="dialogVisible" + width="70%" + @close="closeMethod" + + > + <div><el-image style="height: 1090px;width: 960px;margin-left: 33px" :src="mainProcessSrc"></el-image></div> + <span slot="footer" class="dialog-footer"> + <el-button type="primary" @click="dialogVisible = false" style="margin-right: 80px">纭� 瀹�</el-button> + </span> + </el-dialog> + </div> </div> + </template> <script> -import {listFormulaChild, getProductProcess} from "@/api/main/bs/formulaChild/formulaChild"; +import {getMainProductProcess, getProductProcess} from "@/api/main/bs/formulaChild/formulaChild"; import {listStationConf,getIp} from "@/api/main/sc/stationConf"; export default { name: "index", data() { return { + dialogVisible: false, + mainProcessSrc: '', + mainProcess: [], isClickd: '', // 鍒濆鍖栦负鏈偣鍑荤姸鎬� locationCode: "鏈厤缃�", locationName: "鏈厤缃伐浣�", @@ -149,7 +167,7 @@ mounted() { this.getStationConf() // this.changeProducts(this.productCode) - this.changeProducts("2V91") + // this.changeProducts("2V91") this.getNowTime() // this.autoShow() }, @@ -166,8 +184,15 @@ listStationConf(queryParams).then(response => { this.locationName = response.rows[0].processesName this.locationCode = response.rows[0].processesCode + console.log('llllll',this.locationCode) + this.changeProducts("2V91") }); + }); + + }, + closeMethod(){ + this.mainProcessSrc = '' }, //鑾峰彇褰撳墠鏃堕棿 getNowTime () { @@ -198,6 +223,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') { @@ -234,12 +263,20 @@ this.getUpOrDown(1) }, processDocuments(){ - + getMainProductProcess(this.queryParams).then(res => { + this.mainProcess = res.rows + if (res.rows!=null && res.rows.length>0){ + this.mainProcessSrc = res.rows[0].img + } + }) + this.dialogVisible = true }, changeProducts(val){ + console.log("------鏇存崲鍥剧墖",val) console.log("------鐩綍==============",this.tableData) + console.log("locationCode",this.locationCode) this.productCode = val const _this = this @@ -247,8 +284,9 @@ /** 鏌ヨ閰嶆柟閰嶇疆瀛愪俊鎭垪琛� */ this.queryParams.productCode = val; this.queryParams.processesCode = this.locationCode - listFormulaChild(this.queryParams).then(response => { + getProductProcess(this.queryParams).then(response => { this.tableData = []; + this.cleanImg() this.tableData = response.rows; this.$nextTick(() => { clearInterval(this.intervalId); @@ -329,6 +367,12 @@ .active { background-color: #31b431; /* 鐐瑰嚮鍚庣殑鑳屾櫙鑹� */ } - +::v-deep .el-dialog { + height: 90%; + overflow-y: auto; +} +::v-deep .el-dialog__footer{ + margin-top: 10px; +} </style> -- Gitblit v1.9.3