| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </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: { |
| | |
| | | mounted() { |
| | | this.getStationConf() |
| | | // this.changeProducts(this.productCode) |
| | | this.changeProducts("2V91") |
| | | // this.changeProducts("2V91") |
| | | this.getNowTime() |
| | | // this.autoShow() |
| | | }, |
| | |
| | | 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 () { |
| | |
| | | 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') { |
| | |
| | | }, |
| | | 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' |
| | |
| | | ::v-deep .el-card__body{ |
| | | height: 100px; |
| | | } |
| | | .active { |
| | | background-color: #31b431; /* 点击后的背景色 */ |
| | | } |
| | | |
| | | |
| | | </style> |