| | |
| | | <img src="../../public/btn1.png" /> |
| | | </div> |
| | | <div class="btn" v-if="showBtn == 1" @click="confirmClick1"> |
| | | <img src="../../public/confirm1.png" /> |
| | | <img v-if='taskData&&taskData.canStarted' src="../../public/confirm1.png" /> |
| | | <img v-else src="../../public/confirm2.png" /> |
| | | </div> |
| | | <div class="btn" v-if="showBtn == 2"> |
| | | <img src="../../public/confirm2.png" /> |
| | |
| | | return []; |
| | | }, |
| | | }, |
| | | safeProduce:{ |
| | | type: [String], |
| | | default: () => { |
| | | return ''; |
| | | }, |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | showBtn:1, |
| | | num: 0, |
| | | timer: null, |
| | | message: "请确认生产安全!", |
| | | message: this.safeProduce, |
| | | messageError: "", |
| | | resParams: {}, |
| | | isLoading:false, |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.message=this.safeProduce; |
| | | this.getInfo(); |
| | | }, |
| | | watch: { |
| | | taskData(val) { |
| | | this.message=this.safeProduce; |
| | | this.getInfo(); |
| | | }, |
| | | num() { |
| | |
| | | confirmClick1() { |
| | | this.num = 0; |
| | | this.showBtn = 2; |
| | | (this.message = "请确认生产安全!"), |
| | | (this.message = this.safeProduce), |
| | | (this.timer = setInterval(() => { |
| | | this.num = this.num + 1; |
| | | }, 1000)); |
| | |
| | | formatDate(value) { |
| | | if (value) { |
| | | const now = value ? new Date(value * 1000) : new Date(); |
| | | let time = this.getDateObj(now, "yyyy-MM-dd"); |
| | | let time = this.getDateObj(now, "MM-dd hh:mm"); |
| | | return time; |
| | | } else { |
| | | return ""; |
| | |
| | | clearInterval(this.timer); |
| | | // this.num = 30; |
| | | // this.showBtn = 2; |
| | | this.message = "请确认生产安全!"; |
| | | this.message = this.safeProduce; |
| | | |
| | | this.num = 0; |
| | | this.showBtn= 1 |
| | |
| | | clearInterval(this.timer); |
| | | this.num = 30; |
| | | this.showBtn = 2; |
| | | this.message = "请确认生产安全!"; |
| | | this.message =this.safeProduce; |
| | | } |
| | | }, |
| | | shutdown() { |
| | |
| | | .gif-box{ |
| | | width:230px; |
| | | margin:0 auto; |
| | | margin-bottom:5px; |
| | | .gif-right{ |
| | | width:210px; |
| | | font-size:14px; |
| | |
| | | } |
| | | } |
| | | .gif{ |
| | | width:56px; |
| | | width:55px; |
| | | vertical-align: middle; |
| | | float:left; |
| | | margin-right:20px; |
| | |
| | | width:100%; |
| | | } |
| | | .yuandian { |
| | | width: 56px; |
| | | height: 56px; |
| | | display: inline-block; |
| | | width: 55px; |
| | | height: 55px; |
| | | float:left; |
| | | // background: #15d815; |
| | | background:red; |
| | | border-radius: 50%; |
| | | margin-top:-5px; |
| | | // margin-top:-5px; |
| | | vertical-align: middle; |
| | | } |
| | | } |