<template> <view class="gas-report" name="gasreport"> <u-navbar title="瓦斯上报" :safeAreaInsetTop="true" leftIcon=""> </u-navbar> <view class="gas-content"> <!-- 瓦斯上报列表 --> <view v-if="!isShowAdd"> <view class="top-gas-list"> <view class="search-box" @click="getChangeTimeTb"> <text class="dialog-label">填报时间:</text> <u--input v-model="tbTime" placeholder="请选择填报时间" inputAlign="center" suffixIcon="arrow-right"></u--input> <u-datetime-picker :show="showCalendarTb" v-model="timeRan" mode="date" closeOnClickOverlay @confirm="confirmTb" @cancel="showCalendarTb = false" @change="changeTb" @close="showCalendarTb = false"></u-datetime-picker> </view> <u-button type="primary" size="small" style="margin: 2px 0px;" @click="getAdd">新增</u-button> </view> <view class="bot-gas-list"> <view class="top-title"> <view style="font-weight: bold;">瓦斯填报列表</view> </view> <view class="top-content" v-for="(item, index) in gasList" :key="index"> <view class="content-title-gas"> <text> {{ item.strInstallPos || '--' }} </text> </view> <view class="content-item-box"> <view class="content-item"> <view class="item-l"> <view class="item-value">{{ item.timeEarly1 || '--' }}</view> <view class="item-label">早班测量时间一</view> </view> <view class="item-c"></view> <view class="item-r"> <view class="item-value">{{ item.timeEarly2 || '--' }}</view> <view class="item-label">早班测量时间二</view> </view> </view> <view class="content-item"> <view class="item-l"> <view class="item-value">{{ item.timeNoon1 || '--' }}</view> <view class="item-label">午班测量时间一</view> </view> <view class="item-c"></view> <view class="item-r"> <view class="item-value">{{ item.timeNoon2 || '--' }}</view> <view class="item-label">午班测量时间二</view> </view> </view> <view class="content-item"> <view class="item-l"> <view class="item-value">{{ item.timeNight1 || '--' }}</view> <view class="item-label">晚班测量时间一</view> </view> <view class="item-c"></view> <view class="item-r"> <view class="item-value">{{ item.timeNight2 || '--' }}</view> <view class="item-label">晚班测量时间二</view> </view> </view> </view> </view> </view> </view> <!-- 新增弹窗 --> <view v-if="isShowAdd"> <view class="top-dialog-area"> <view class="dialog-item"> <text class="dialog-label">班次:</text> <uni-data-select placeholder="请选择班次" align="center" :clear="true" v-model="formState.bc" :localdata="rangeBc" @change="changeBc"></uni-data-select> </view> <view class="dialog-item"> <text class="dialog-label">检测次数:</text> <uni-data-select placeholder="请选择检测次数" align="center" :clear="true" v-model="formState.count" :localdata="rangeCount" @change="changeCount"></uni-data-select> </view> <view class="dialog-item"> <text class="dialog-label">煤层工作面:</text> <uni-data-select placeholder="请选择煤层工作面" align="center" :clear="true" v-model="formState.mcgzm" :localdata="rangeMcgzm" @change="changeMc"></uni-data-select> </view> <view class="dialog-item"> <text class="dialog-label">检测地点:</text> <uni-data-select placeholder="请选择检测地点" align="center" :clear="true" v-model="formState.jcdd" :localdata="rangeJcdd" @change="changeJc"></uni-data-select> </view> <view class="dialog-item" @click="getChangeTime"> <text class="dialog-label">检测时间:</text> <u--input v-model="formState.time" placeholder="请选择检测时间" inputAlign="center" suffixIcon="arrow-right"></u--input> <u-datetime-picker :show="showCalendar" v-model="timeRan" mode="datetime" closeOnClickOverlay @confirm="showCalendar = false" @cancel="showCalendar = false" @change="change" @close="showCalendar = false"></u-datetime-picker> </view> <view class="dialog-item"> <text class="dialog-label">填报日期:</text> <u--input inputAlign="center" v-model="formState.tbrq" placeholder="请选择填报日期"></u--input> </view> <view class="dialog-item"> <text class="dialog-label">瓦斯检查工:</text> <u--input inputAlign="center" disabled v-model="formState.jcy" placeholder="请输入"></u--input> </view> </view> <view> <view class="center-dialog-area"> <div class="dialog-title">气体监测数据</div> <view class="dialog-item"> <text class="dialog-label">CH₄:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.ch4" placeholder="请输入"></u--input> </view> <view class="dialog-item"> <text class="dialog-label">CO₂:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.co2" :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurCO2" :placeholderStyle="isRule ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input> </view> <view class="dialog-item"> <text class="dialog-label">CO:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.co" :placeholder="isRule14 ? '请输入' : '最大可输入值为24'" :placeholderStyle="isRule14 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number" @blur="getBlurCO"></u--input> </view> <view class="dialog-item"> <text class="dialog-label">O₂:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.o2" placeholder="请输入"></u--input> </view> <view class="dialog-item"> <text class="dialog-label">温度:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.temp" placeholder="请输入"></u--input> </view> </view> <view class="bottom-dialog-area"> <div class="dialog-title">三对照数据</div> <view class="dialog-item"> <text class="dialog-label">甲烷传感器:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.jw" placeholder="请输入"></u--input> </view> <view class="dialog-item"> <text class="dialog-label">光瓦测量数据:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.gw" :placeholder="isRule1 ? '请输入' : '请输入偶数'" type="number" @blur="getBlur" :placeholderStyle="isRule1 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input> </view> <view class="dialog-item"> <text class="dialog-label">便携仪测量数据:</text> <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.bxy" placeholder="请输入"></u--input> </view> </view> </view> <view class="dialog-btn"> <u-button type="success" size="small" v-if="!isDisabled" @click="getConfirm">保存</u-button> <u-button type="primary" size="small" @click="getCancel">取消</u-button> </view> </view> </view> </view> </template> <script> import api from "@/api/api"; import moment from 'moment' import { mapGetters } from "vuex"; export default { name: 'gasreport', props: {}, watch: {}, data() { return { isDisabled: false, isStatus: '', deviceId: '', rangeBc: [ { value: '夜班', text: "夜班" }, { value: '早班', text: "早班" }, { value: '中班', text: "中班" }, ], rangeMcgzm: [], rangeJcdd: [], rangeCount: [ { value: '第一次', text: '第一次' }, { value: '第二次', text: '第二次' }, ], isRule: true, isRule1: true, isRule14: true, //新增参数信息 isShowAdd: false,//是否显示新增弹窗 showCalendar: false,//控制日期选型下拉开启 timeRan: Number(new Date()), gasList: [],//瓦斯填报列表数据 tbTime: moment(new Date()).format('YYYY-MM-DD'),//查询条件-填报时间 showCalendarTb: false,//控制填报时间组件弹出 saveShowList: {}, formState: { id: '', bc: '', count: '', jcdd: '', jcy: '', time: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'), ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: moment(new Date()).format('YYYY-MM-DD'), temp: '', mcgzm: '', }, }; }, computed: { username: function () { return uni.getStorageSync('login_user_info')['realname'] } }, mounted() { console.log(uni.getStorageSync('login_user_info'), 'ceshi00-----------') this.getGasList() this.getMcList() }, methods: { //班次下拉选项切换 changeBc(e) { console.log(e, '班次----------') this.formState.bc = e }, //监测次数选项切换 changeCount(e) { let that = this that.formState.count = e if (that.formState.bc == '早班' && that.formState.count == '第一次') { if (that.saveShowList.bxySdzEarly1 || that.saveShowList.ch4Early1 || that.saveShowList.co2Early1 || that.saveShowList.coEarly1 || that.saveShowList.gwSdzEarly1 || that.saveShowList.jwSdzEarly1 || that.saveShowList.o2Early1 || that.saveShowList.tEarly1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.ch4Early1 || '', co2: that.saveShowList.co2Early1 || '', co: that.saveShowList.coEarly1 || '', o2: that.saveShowList.o2Early1 || '', jw: that.saveShowList.jwSdzEarly1 || '', gw: that.saveShowList.gwSdzEarly1 || '', bxy: that.saveShowList.bxySdzEarly1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tEarly1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '早班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzEarly2 || that.saveShowList.ch4Early2 || that.saveShowList.co2Early2 || that.saveShowList.coEarly2 || that.saveShowList.gwSdzEarly2 || that.saveShowList.jwSdzEarly2 || that.saveShowList.o2Early2 || that.saveShowList.tEarly2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.ch4Early2 || '', co2: that.saveShowList.co2Early2 || '', co: that.saveShowList.coEarly2 || '', o2: that.saveShowList.o2Early2 || '', jw: that.saveShowList.jwSdzEarly2 || '', gw: that.saveShowList.gwSdzEarly2 || '', bxy: that.saveShowList.bxySdzEarly2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tEarly2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '中班' || that.formState.count == '第一次') { if (that.saveShowList.bxySdzNoon1 || that.saveShowList.ch4Noon1 || that.saveShowList.co2Noon1 || that.saveShowList.coNoon1 || that.saveShowList.gwSdzNoon1 || that.saveShowList.jwSdzNoon1 || that.saveShowList.o2Noon1 || that.saveShowList.tNoon1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNoon1 || '', co2: that.saveShowList.co2Noon1 || '', co: that.saveShowList.coNoon1 || '', o2: that.saveShowList.o2Noon1 || '', jw: that.saveShowList.jwSdzNoon1 || '', gw: that.saveShowList.gwSdzNoon1 || '', bxy: that.saveShowList.bxySdzNoon1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNoon1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '中班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzNoon2 || that.saveShowList.ch4Noon2 || that.saveShowList.co2Noon2 || that.saveShowList.coNoon2 || that.saveShowList.gwSdzNoon2 || that.saveShowList.jwSdzNoon2 || that.saveShowList.o2Noon2 || that.saveShowList.tNoon2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNoon2 || '', co2: that.saveShowList.co2Noon2 || '', co: that.saveShowList.coNoon2 || '', o2: that.saveShowList.o2Noon2 || '', jw: that.saveShowList.jwSdzNoon2 || '', gw: that.saveShowList.gwSdzNoon2 || '', bxy: that.saveShowList.bxySdzNoon2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNoon2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') { if (that.saveShowList.bxySdzNight1 || that.saveShowList.ch4Night1 || that.saveShowList.co2Night1 || that.saveShowList.coNight1 || that.saveShowList.gwSdzNight1 || that.saveShowList.jwSdzNight1 || that.saveShowList.o2Night1 || that.saveShowList.tNight1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNight1 || '', co2: that.saveShowList.co2Night1 || '', co: that.saveShowList.coNight1 || '', o2: that.saveShowList.o2Night1 || '', jw: that.saveShowList.jwSdzNight1 || '', gw: that.saveShowList.gwSdzNight1 || '', bxy: that.saveShowList.bxySdzNight1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNight1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzNight2 || that.saveShowList.ch4Night2 || that.saveShowList.co2Night2 || that.saveShowList.coNight2 || that.saveShowList.gwSdzNight2 || that.saveShowList.jwSdzNight2 || that.saveShowList.o2Night2 || that.saveShowList.tNight2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNight2 || '', co2: that.saveShowList.co2Night2 || '', co: that.saveShowList.coNight2 || '', o2: that.saveShowList.o2Night2 || '', jw: that.saveShowList.jwSdzNight2 || '', gw: that.saveShowList.gwSdzNight2 || '', bxy: that.saveShowList.bxySdzNight2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNight2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } }, //检测地点拉选项切换 changeJc(e) { let that = this that.formState.jcdd = e that.deviceId = that.rangeJcdd.filter(v => v.text == e)[0].deviceId new Promise((resolve, reject) => { api .getGas({ reportTime: that.formState.tbrq, deviceId: that.deviceId }) .then((response) => { if (response.data.code == 200) { let data = response.data.result.records if (data.length != 0) { that.saveShowList = data[0] if (that.formState.bc == '早班' && that.formState.count == '第一次') { if (that.saveShowList.bxySdzEarly1 || that.saveShowList.ch4Early1 || that.saveShowList.co2Early1 || that.saveShowList.coEarly1 || that.saveShowList.gwSdzEarly1 || that.saveShowList.jwSdzEarly1 || that.saveShowList.o2Early1 || that.saveShowList.tEarly1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.ch4Early1 || '', co2: that.saveShowList.co2Early1 || '', co: that.saveShowList.coEarly1 || '', o2: that.saveShowList.o2Early1 || '', jw: that.saveShowList.jwSdzEarly1 || '', gw: that.saveShowList.gwSdzEarly1 || '', bxy: that.saveShowList.bxySdzEarly1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tEarly1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '早班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzEarly2 || that.saveShowList.ch4Early2 || that.saveShowList.co2Early2 || that.saveShowList.coEarly2 || that.saveShowList.gwSdzEarly2 || that.saveShowList.jwSdzEarly2 || that.saveShowList.o2Early2 || that.saveShowList.tEarly2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.ch4Early2 || '', co2: that.saveShowList.co2Early2 || '', co: that.saveShowList.coEarly2 || '', o2: that.saveShowList.o2Early2 || '', jw: that.saveShowList.jwSdzEarly2 || '', gw: that.saveShowList.gwSdzEarly2 || '', bxy: that.saveShowList.bxySdzEarly2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tEarly2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '中班' || that.formState.count == '第一次') { if (that.saveShowList.bxySdzNoon1 || that.saveShowList.ch4Noon1 || that.saveShowList.co2Noon1 || that.saveShowList.coNoon1 || that.saveShowList.gwSdzNoon1 || that.saveShowList.jwSdzNoon1 || that.saveShowList.o2Noon1 || that.saveShowList.tNoon1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNoon1 || '', co2: that.saveShowList.co2Noon1 || '', co: that.saveShowList.coNoon1 || '', o2: that.saveShowList.o2Noon1 || '', jw: that.saveShowList.jwSdzNoon1 || '', gw: that.saveShowList.gwSdzNoon1 || '', bxy: that.saveShowList.bxySdzNoon1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNoon1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '中班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzNoon2 || that.saveShowList.ch4Noon2 || that.saveShowList.co2Noon2 || that.saveShowList.coNoon2 || that.saveShowList.gwSdzNoon2 || that.saveShowList.jwSdzNoon2 || that.saveShowList.o2Noon2 || that.saveShowList.tNoon2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNoon2 || '', co2: that.saveShowList.co2Noon2 || '', co: that.saveShowList.coNoon2 || '', o2: that.saveShowList.o2Noon2 || '', jw: that.saveShowList.jwSdzNoon2 || '', gw: that.saveShowList.gwSdzNoon2 || '', bxy: that.saveShowList.bxySdzNoon2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNoon2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') { if (that.saveShowList.bxySdzNight1 || that.saveShowList.ch4Night1 || that.saveShowList.co2Night1 || that.saveShowList.coNight1 || that.saveShowList.gwSdzNight1 || that.saveShowList.jwSdzNight1 || that.saveShowList.o2Night1 || that.saveShowList.tNight1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNight1 || '', co2: that.saveShowList.co2Night1 || '', co: that.saveShowList.coNight1 || '', o2: that.saveShowList.o2Night1 || '', jw: that.saveShowList.jwSdzNight1 || '', gw: that.saveShowList.gwSdzNight1 || '', bxy: that.saveShowList.bxySdzNight1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNight1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzNight2 || that.saveShowList.ch4Night2 || that.saveShowList.co2Night2 || that.saveShowList.coNight2 || that.saveShowList.gwSdzNight2 || that.saveShowList.jwSdzNight2 || that.saveShowList.o2Night2 || that.saveShowList.tNight2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNight2 || '', co2: that.saveShowList.co2Night2 || '', co: that.saveShowList.coNight2 || '', o2: that.saveShowList.o2Night2 || '', jw: that.saveShowList.jwSdzNight2 || '', gw: that.saveShowList.gwSdzNight2 || '', bxy: that.saveShowList.bxySdzNight2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNight2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } } else { that.isDisabled = false that.saveShowList = {} that.formState = { id: '', bc: that.formState.bc || '', count: that.formState.count || '', jcdd: that.formState.jcdd || '', mcgzm: that.formState.mcgzm || '', jcy: that.formState.jcy || '', time: that.formState.time, tbrq: that.formState.tbrq, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', temp: '', } } } else { reject(response); } }) .catch((error) => { console.log("catch===>response", response); reject(error); }); }); }, //工作面煤层选项切换 changeMc(e) { this.formState.mcgzm = e this.getSelectList() }, //检测时间下拉选项切换 change(e) { let that = this that.formState.time = moment(e.value).format('YYYY-MM-DD HH:mm:ss') that.formState.tbrq = moment(e.value).format('YYYY-MM-DD') new Promise((resolve, reject) => { api .getGas({ reportTime: that.formState.tbrq, deviceId: that.deviceId }) .then((response) => { if (response.data.code == 200) { let data = response.data.result.records if (data.length != 0) { that.saveShowList = data[0] if (that.formState.bc == '早班' && that.formState.count == '第一次') { if (that.saveShowList.bxySdzEarly1 || that.saveShowList.ch4Early1 || that.saveShowList.co2Early1 || that.saveShowList.coEarly1 || that.saveShowList.gwSdzEarly1 || that.saveShowList.jwSdzEarly1 || that.saveShowList.o2Early1 || that.saveShowList.tEarly1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.ch4Early1 || '', co2: that.saveShowList.co2Early1 || '', co: that.saveShowList.coEarly1 || '', o2: that.saveShowList.o2Early1 || '', jw: that.saveShowList.jwSdzEarly1 || '', gw: that.saveShowList.gwSdzEarly1 || '', bxy: that.saveShowList.bxySdzEarly1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tEarly1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '早班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzEarly2 || that.saveShowList.ch4Early2 || that.saveShowList.co2Early2 || that.saveShowList.coEarly2 || that.saveShowList.gwSdzEarly2 || that.saveShowList.jwSdzEarly2 || that.saveShowList.o2Early2 || that.saveShowList.tEarly2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.ch4Early2 || '', co2: that.saveShowList.co2Early2 || '', co: that.saveShowList.coEarly2 || '', o2: that.saveShowList.o2Early2 || '', jw: that.saveShowList.jwSdzEarly2 || '', gw: that.saveShowList.gwSdzEarly2 || '', bxy: that.saveShowList.bxySdzEarly2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tEarly2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '中班' || that.formState.count == '第一次') { if (that.saveShowList.bxySdzNoon1 || that.saveShowList.ch4Noon1 || that.saveShowList.co2Noon1 || that.saveShowList.coNoon1 || that.saveShowList.gwSdzNoon1 || that.saveShowList.jwSdzNoon1 || that.saveShowList.o2Noon1 || that.saveShowList.tNoon1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNoon1 || '', co2: that.saveShowList.co2Noon1 || '', co: that.saveShowList.coNoon1 || '', o2: that.saveShowList.o2Noon1 || '', jw: that.saveShowList.jwSdzNoon1 || '', gw: that.saveShowList.gwSdzNoon1 || '', bxy: that.saveShowList.bxySdzNoon1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNoon1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '中班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzNoon2 || that.saveShowList.ch4Noon2 || that.saveShowList.co2Noon2 || that.saveShowList.coNoon2 || that.saveShowList.gwSdzNoon2 || that.saveShowList.jwSdzNoon2 || that.saveShowList.o2Noon2 || that.saveShowList.tNoon2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNoon2 || '', co2: that.saveShowList.co2Noon2 || '', co: that.saveShowList.coNoon2 || '', o2: that.saveShowList.o2Noon2 || '', jw: that.saveShowList.jwSdzNoon2 || '', gw: that.saveShowList.gwSdzNoon2 || '', bxy: that.saveShowList.bxySdzNoon2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNoon2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') { if (that.saveShowList.bxySdzNight1 || that.saveShowList.ch4Night1 || that.saveShowList.co2Night1 || that.saveShowList.coNight1 || that.saveShowList.gwSdzNight1 || that.saveShowList.jwSdzNight1 || that.saveShowList.o2Night1 || that.saveShowList.tNight1) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNight1 || '', co2: that.saveShowList.co2Night1 || '', co: that.saveShowList.coNight1 || '', o2: that.saveShowList.o2Night1 || '', jw: that.saveShowList.jwSdzNight1 || '', gw: that.saveShowList.gwSdzNight1 || '', bxy: that.saveShowList.bxySdzNight1 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNight1 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') { if (that.saveShowList.bxySdzNight2 || that.saveShowList.ch4Night2 || that.saveShowList.co2Night2 || that.saveShowList.coNight2 || that.saveShowList.gwSdzNight2 || that.saveShowList.jwSdzNight2 || that.saveShowList.o2Night2 || that.saveShowList.tNight2) { that.formState = { id: that.saveShowList.id || '', bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: that.saveShowList.bxySdzNight2 || '', co2: that.saveShowList.co2Night2 || '', co: that.saveShowList.coNight2 || '', o2: that.saveShowList.o2Night2 || '', jw: that.saveShowList.jwSdzNight2 || '', gw: that.saveShowList.gwSdzNight2 || '', bxy: that.saveShowList.bxySdzNight2 || '', tbrq: that.formState.tbrq, temp: that.saveShowList.tNight2 || '', mcgzm: that.formState.mcgzm, } that.isDisabled = true } else { that.formState = { id: that.formState.id, bc: that.formState.bc, count: that.formState.count, jcdd: that.formState.jcdd, jcy: that.formState.jcy, time: that.formState.time, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: that.formState.tbrq, temp: '', mcgzm: that.formState.mcgzm, } that.isDisabled = false } } } else { that.isDisabled = false that.saveShowList = {} that.formState = { id: '', bc: that.formState.bc || '', count: that.formState.count || '', jcdd: that.formState.jcdd || '', mcgzm: that.formState.mcgzm || '', jcy: that.formState.jcy || '', time: that.formState.time, tbrq: that.formState.tbrq, ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', temp: '', } } } else { reject(response); } }) .catch((error) => { console.log("catch===>response", response); reject(error); }); }); }, changeTb(e) { this.tbTime = moment(e.value).format('YYYY-MM-DD') }, //点击弹出日期下拉选项 getChangeTime() { this.showCalendar = true }, getChangeTimeTb() { this.showCalendarTb = true }, confirmTb() { this.showCalendarTb = false this.getGasList() }, //新增光瓦失去焦点时参数校验 getBlur(val) { if (val.slice(-1) === '0' || val.slice(-1) === '2' || val.slice(-1) === '4' || val.slice(-1) === '6' || val.slice(-1) === '8') { this.formState.gw = val this.isRule1 = true } else { this.formState.gw = '' this.isRule1 = false } }, //新增CO2失去焦点时参数校验 getBlurCO2(val) { if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') { this.formState.co2 = val this.isRule = true } else { this.formState.co2 = '' this.isRule = false } }, getBlurCO(val) { if (parseFloat(val) <= 24) { this.formState.co = val this.isRule14 = true } else { this.formState.co = '' this.isRule14 = false } }, //瓦斯新增 getAdd() { let that = this that.isShowAdd = true that.isStatus = 'add' that.formState.jcy = this.username }, getAddSave() { let that = this let param = {} if (that.formState.bc == '早班' && that.formState.count == '第一次') { param = { id: that.formState.id, deviceId: that.deviceId, bxySdzEarly1: that.formState.bxy, ch4Early1: that.formState.ch4, checkPersonEarly: that.formState.jcy, co2Early1: that.formState.co2, coEarly1: that.formState.co, gwSdzEarly1: that.formState.gw, jwSdzEarly1: that.formState.jw, o2Early1: that.formState.o2, strInstallPos: that.formState.jcdd, timeEarly1: that.formState.time, reportTime: that.formState.tbrq, tEarly1: that.formState.temp } } else if (that.formState.bc == '早班' && that.formState.count == '第二次') { param = { deviceId: that.deviceId, id: that.formState.id, bxySdzEarly2: that.formState.bxy, ch4Early2: that.formState.ch4, checkPersonEarly: that.formState.jcy, co2Early2: that.formState.co2, coEarly2: that.formState.co, gwSdzEarly2: that.formState.gw, jwSdzEarly2: that.formState.jw, o2Early2: that.formState.o2, strInstallPos: that.formState.jcdd, timeEarly2: that.formState.time, reportTime: that.formState.tbrq, tEarly2: that.formState.temp } } else if (that.formState.bc == '中班' && that.formState.count == '第一次') { param = { deviceId: that.deviceId, id: that.formState.id, bxySdzNoon1: that.formState.bxy, ch4Noon1: that.formState.ch4, checkPersonNoon: that.formState.jcy, co2Noon1: that.formState.co2, coNoon1: that.formState.co, gwSdzNoon1: that.formState.gw, jwSdzNoon1: that.formState.jw, o2Noon1: that.formState.o2, strInstallPos: that.formState.jcdd, timeNoon1: that.formState.time, reportTime: that.formState.tbrq, tNoon1: that.formState.temp } } else if (that.formState.bc == '中班' && that.formState.count == '第二次') { param = { deviceId: that.deviceId, id: that.formState.id, bxySdzNoon2: that.formState.bxy, ch4Noon2: that.formState.ch4, checkPersonNoon: that.formState.jcy, co2Noon2: that.formState.co2, coNoon2: that.formState.co, gwSdzNoon2: that.formState.gw, jwSdzNoon2: that.formState.jw, o2Noon2: that.formState.o2, strInstallPos: that.formState.jcdd, timeNoon2: that.formState.time, reportTime: that.formState.tbrq, tNoon2: that.formState.temp } } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') { param = { deviceId: that.deviceId, id: that.formState.id, bxySdzNight1: that.formState.bxy, ch4Night1: that.formState.ch4, checkPersonNight: that.formState.jcy, co2Night1: that.formState.co2, coNight1: that.formState.co, gwSdzNight1: that.formState.gw, jwSdzNight1: that.formState.jw, o2Night1: that.formState.o2, strInstallPos: that.formState.jcdd, timeNight1: that.formState.time, reportTime: that.formState.tbrq, tNight1: that.formState.temp } } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') { param = { deviceId: that.deviceId, id: that.formState.id, bxySdzNight2: that.formState.bxy, ch4Night2: that.formState.ch4, checkPersonNoon: that.formState.jcy, co2Night2: that.formState.co2, coNight2: that.formState.co, gwSdzNight2: that.formState.gw, jwSdzNight2: that.formState.jw, o2Night2: that.formState.o2, strInstallPos: that.formState.jcdd, timeNight2: that.formState.time, reportTime: that.formState.tbrq, tNight2: that.formState.temp } } new Promise((resolve, reject) => { api .getAdd({ ...param }) .then((response) => { if (response.data.code == 200) { that.getGasList() that.isShowAdd = false that.isDisabled = false that.saveShowList = {} that.clearData() } else { reject(response); } }) .catch((error) => { console.log("catch===>response", response); reject(error); }); }); }, getEditSave() { let that = this let param = {} if (that.formState.bc == '早班' && that.formState.count == '第一次') { param = { id: that.saveShowList.id, bxySdzEarly1: that.formState.bxy, ch4Early1: that.formState.ch4, checkPersonEarly: that.formState.jcy, co2Early1: that.formState.co2, coEarly1: that.formState.co, gwSdzEarly1: that.formState.gw, jwSdzEarly1: that.formState.jw, o2Early1: that.formState.o2, strInstallPos: that.formState.jcdd, timeEarly1: that.formState.time, tEarly1: that.formState.temp, bxySdzEarly2: that.saveShowList.bxySdzEarly2, ch4Early2: that.saveShowList.ch4Early2, co2Early2: that.saveShowList.co2Early2, coEarly2: that.saveShowList.coEarly2, gwSdzEarly2: that.saveShowList.gwSdzEarly2, jwSdzEarly2: that.saveShowList.jwSdzEarly2, o2Early2: that.saveShowList.o2Early2, timeEarly2: that.saveShowList.timeEarly2, tEarly2: that.saveShowList.tEarly2, bxySdzNoon1: that.saveShowList.bxySdzNoon1, ch4Noon1: that.saveShowList.ch4Noon1, checkPersonNoon: that.formState.jcy, co2Noon1: that.saveShowList.co2Noon1, coNoon1: that.saveShowList.coNoon1, gwSdzNoon1: that.saveShowList.gwSdzNoon1, jwSdzNoon1: that.saveShowList.jwSdzNoon1, o2Noon1: that.saveShowList.o2Noon1, strInstallPos: that.saveShowList.strInstallPos, timeNoon1: that.saveShowList.timeNoon1, tNoon1: that.saveShowList.tNoon1, bxySdzNoon2: that.saveShowList.bxySdzNoon2, ch4Noon2: that.saveShowList.ch4Noon2, co2Noon2: that.saveShowList.co2Noon2, coNoon2: that.saveShowList.coNoon2, gwSdzNoon2: that.saveShowList.gwSdzNoon2, jwSdzNoon2: that.saveShowList.jwSdzNoon2, o2Noon2: that.saveShowList.o2Noon2, timeNoon2: that.saveShowList.timeNoon2, tNoon2: that.saveShowList.tNoon2, bxySdzNight1: that.saveShowList.bxySdzNight1, ch4Night1: that.saveShowList.ch4Night1, checkPersonNight: that.formState.jcy, co2Night1: that.saveShowList.co2Night1, coNight1: that.saveShowList.coNight1, gwSdzNight1: that.saveShowList.gwSdzNight1, jwSdzNight1: that.saveShowList.jwSdzNight1, o2Night1: that.saveShowList.o2Night1, strInstallPos: that.saveShowList.strInstallPos, timeNight1: that.saveShowList.timeNight1, tNight1: that.saveShowList.tNight1, bxySdzNight2: that.saveShowList.bxySdzNight2, ch4Night2: that.saveShowList.ch4Night2, co2Night2: that.saveShowList.co2Night2, coNight2: that.saveShowList.coNight2, gwSdzNight2: that.saveShowList.gwSdzNight2, jwSdzNight2: that.saveShowList.jwSdzNight2, o2Night2: that.saveShowList.o2Night2, timeNight2: that.saveShowList.timeNight2, tNight2: that.saveShowList.tNight2, } } else if (that.formState.bc == '早班' && that.formState.count == '第二次') { param = { id: that.saveShowList.id, bxySdzEarly1: that.saveShowList.bxySdzEarly1, ch4Early1: that.saveShowList.ch4Early1, co2Early1: that.saveShowList.co2Early1, coEarly1: that.saveShowList.coEarly1, gwSdzEarly1: that.saveShowList.gwSdzEarly1, jwSdzEarly1: that.saveShowList.jwSdzEarly1, o2Early1: that.saveShowList.o2Early1, timeEarly1: that.saveShowList.timeEarly1, tEarly1: that.saveShowList.tEarly1, bxySdzEarly2: that.formState.bxy, ch4Early2: that.formState.ch4, checkPersonEarly: that.formState.jcy, co2Early2: that.formState.co2, coEarly2: that.formState.co, gwSdzEarly2: that.formState.gw, jwSdzEarly2: that.formState.jw, o2Early2: that.formState.o2, strInstallPos: that.formState.jcdd, timeEarly2: that.formState.time, tEarly2: that.formState.temp, bxySdzNoon1: that.saveShowList.bxySdzNoon1, ch4Noon1: that.saveShowList.ch4Noon1, checkPersonNoon: that.formState.jcy, co2Noon1: that.saveShowList.co2Noon1, coNoon1: that.saveShowList.coNoon1, gwSdzNoon1: that.saveShowList.gwSdzNoon1, jwSdzNoon1: that.saveShowList.jwSdzNoon1, o2Noon1: that.saveShowList.o2Noon1, strInstallPos: that.saveShowList.strInstallPos, timeNoon1: that.saveShowList.timeNoon1, tNoon1: that.saveShowList.tNoon1, bxySdzNoon2: that.saveShowList.bxySdzNoon2, ch4Noon2: that.saveShowList.ch4Noon2, co2Noon2: that.saveShowList.co2Noon2, coNoon2: that.saveShowList.coNoon2, gwSdzNoon2: that.saveShowList.gwSdzNoon2, jwSdzNoon2: that.saveShowList.jwSdzNoon2, o2Noon2: that.saveShowList.o2Noon2, timeNoon2: that.saveShowList.timeNoon2, tNoon2: that.saveShowList.tNoon2, bxySdzNight1: that.saveShowList.bxySdzNight1, ch4Night1: that.saveShowList.ch4Night1, checkPersonNight: that.formState.jcy, co2Night1: that.saveShowList.co2Night1, coNight1: that.saveShowList.coNight1, gwSdzNight1: that.saveShowList.gwSdzNight1, jwSdzNight1: that.saveShowList.jwSdzNight1, o2Night1: that.saveShowList.o2Night1, strInstallPos: that.saveShowList.strInstallPos, timeNight1: that.saveShowList.timeNight1, tNight1: that.saveShowList.tNight1, bxySdzNight2: that.saveShowList.bxySdzNight2, ch4Night2: that.saveShowList.ch4Night2, co2Night2: that.saveShowList.co2Night2, coNight2: that.saveShowList.coNight2, gwSdzNight2: that.saveShowList.gwSdzNight2, jwSdzNight2: that.saveShowList.jwSdzNight2, o2Night2: that.saveShowList.o2Night2, timeNight2: that.saveShowList.timeNight2, tNight2: that.saveShowList.tNight2, } } else if (that.formState.bc == '中班' && that.formState.count == '第一次') { param = { id: that.saveShowList.id, bxySdzEarly1: that.saveShowList.bxySdzEarly1, ch4Early1: that.saveShowList.ch4Early1, co2Early1: that.saveShowList.co2Early1, coEarly1: that.saveShowList.coEarly1, gwSdzEarly1: that.saveShowList.gwSdzEarly1, jwSdzEarly1: that.saveShowList.jwSdzEarly1, o2Early1: that.saveShowList.o2Early1, timeEarly1: that.saveShowList.timeEarly1, checkPersonEarly: that.formState.jcy, strInstallPos: that.saveShowList.strInstallPos, tEarly1: that.saveShowList.tEarly1, bxySdzEarly2: that.saveShowList.bxySdzEarly2, ch4Early2: that.saveShowList.ch4Early2, co2Early2: that.saveShowList.co2Early2, coEarly2: that.saveShowList.coEarly2, gwSdzEarly2: that.saveShowList.gwSdzEarly2, jwSdzEarly2: that.saveShowList.jwSdzEarly2, o2Early2: that.saveShowList.o2Early2, timeEarly2: that.saveShowList.timeEarly2, tEarly2: that.saveShowList.tEarly2, bxySdzNoon1: that.formState.bxy, ch4Noon1: that.formState.ch4, checkPersonNoon: that.formState.jcy, co2Noon1: that.formState.co2, coNoon1: that.formState.co, gwSdzNoon1: that.formState.gw, jwSdzNoon1: that.formState.jw, o2Noon1: that.formState.o2, strInstallPos: that.formState.jcdd, timeNoon1: that.formState.time, tNoon1: that.formState.temp, bxySdzNoon2: that.saveShowList.bxySdzNoon2, ch4Noon2: that.saveShowList.ch4Noon2, co2Noon2: that.saveShowList.co2Noon2, coNoon2: that.saveShowList.coNoon2, gwSdzNoon2: that.saveShowList.gwSdzNoon2, jwSdzNoon2: that.saveShowList.jwSdzNoon2, o2Noon2: that.saveShowList.o2Noon2, timeNoon2: that.saveShowList.timeNoon2, tNoon2: that.saveShowList.tNoon2, bxySdzNight1: that.saveShowList.bxySdzNight1, ch4Night1: that.saveShowList.ch4Night1, checkPersonNight: that.formState.jcy, co2Night1: that.saveShowList.co2Night1, coNight1: that.saveShowList.coNight1, gwSdzNight1: that.saveShowList.gwSdzNight1, jwSdzNight1: that.saveShowList.jwSdzNight1, o2Night1: that.saveShowList.o2Night1, strInstallPos: that.saveShowList.strInstallPos, timeNight1: that.saveShowList.timeNight1, tNight1: that.saveShowList.tNight1, bxySdzNight2: that.saveShowList.bxySdzNight2, ch4Night2: that.saveShowList.ch4Night2, co2Night2: that.saveShowList.co2Night2, coNight2: that.saveShowList.coNight2, gwSdzNight2: that.saveShowList.gwSdzNight2, jwSdzNight2: that.saveShowList.jwSdzNight2, o2Night2: that.saveShowList.o2Night2, timeNight2: that.saveShowList.timeNight2, tNight2: that.saveShowList.tNight2, } } else if (that.formState.bc == '中班' && that.formState.count == '第二次') { param = { id: that.saveShowList.id, bxySdzEarly1: that.saveShowList.bxySdzEarly1, ch4Early1: that.saveShowList.ch4Early1, co2Early1: that.saveShowList.co2Early1, coEarly1: that.saveShowList.coEarly1, gwSdzEarly1: that.saveShowList.gwSdzEarly1, jwSdzEarly1: that.saveShowList.jwSdzEarly1, o2Early1: that.saveShowList.o2Early1, timeEarly1: that.saveShowList.timeEarly1, checkPersonEarly: that.formState.jcy, strInstallPos: that.saveShowList.strInstallPos, tEarly1: that.saveShowList.tEarly1, bxySdzEarly2: that.saveShowList.bxySdzEarly2, ch4Early2: that.saveShowList.ch4Early2, co2Early2: that.saveShowList.co2Early2, coEarly2: that.saveShowList.coEarly2, gwSdzEarly2: that.saveShowList.gwSdzEarly2, jwSdzEarly2: that.saveShowList.jwSdzEarly2, o2Early2: that.saveShowList.o2Early2, timeEarly2: that.saveShowList.timeEarly2, tEarly2: that.saveShowList.tEarly2, bxySdzNoon1: that.saveShowList.bxySdzNoon1, ch4Noon1: that.saveShowList.ch4Noon1, co2Noon1: that.saveShowList.co2Noon1, coNoon1: that.saveShowList.coNoon1, gwSdzNoon1: that.saveShowList.gwSdzNoon1, jwSdzNoon1: that.saveShowList.jwSdzNoon1, o2Noon1: that.saveShowList.o2Noon1, timeNoon1: that.saveShowList.timeNoon1, tNoon1: that.saveShowList.tNoon1, bxySdzNoon2: that.formState.bxy, ch4Noon2: that.formState.ch4, checkPersonNoon: that.formState.jcy, co2Noon2: that.formState.co2, coNoon2: that.formState.co, gwSdzNoon2: that.formState.gw, jwSdzNoon2: that.formState.jw, o2Noon2: that.formState.o2, strInstallPos: that.formState.jcdd, timeNoon2: that.formState.time, tNoon2: that.formState.temp, bxySdzNight1: that.saveShowList.bxySdzNight1, ch4Night1: that.saveShowList.ch4Night1, checkPersonNight: that.formState.jcy, co2Night1: that.saveShowList.co2Night1, coNight1: that.saveShowList.coNight1, gwSdzNight1: that.saveShowList.gwSdzNight1, jwSdzNight1: that.saveShowList.jwSdzNight1, o2Night1: that.saveShowList.o2Night1, strInstallPos: that.saveShowList.strInstallPos, timeNight1: that.saveShowList.timeNight1, tNight1: that.saveShowList.tNight1, bxySdzNight2: that.saveShowList.bxySdzNight2, ch4Night2: that.saveShowList.ch4Night2, co2Night2: that.saveShowList.co2Night2, coNight2: that.saveShowList.coNight2, gwSdzNight2: that.saveShowList.gwSdzNight2, jwSdzNight2: that.saveShowList.jwSdzNight2, o2Night2: that.saveShowList.o2Night2, timeNight2: that.saveShowList.timeNight2, tNight2: that.saveShowList.tNight2, } } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') { param = { id: that.saveShowList.id, bxySdzEarly1: that.saveShowList.bxySdzEarly1, ch4Early1: that.saveShowList.ch4Early1, co2Early1: that.saveShowList.co2Early1, coEarly1: that.saveShowList.coEarly1, gwSdzEarly1: that.saveShowList.gwSdzEarly1, jwSdzEarly1: that.saveShowList.jwSdzEarly1, o2Early1: that.saveShowList.o2Early1, timeEarly1: that.saveShowList.timeEarly1, checkPersonEarly: that.formState.jcy, strInstallPos: that.saveShowList.strInstallPos, tEarly1: that.saveShowList.tEarly1, bxySdzEarly2: that.saveShowList.bxySdzEarly2, ch4Early2: that.saveShowList.ch4Early2, co2Early2: that.saveShowList.co2Early2, coEarly2: that.saveShowList.coEarly2, gwSdzEarly2: that.saveShowList.gwSdzEarly2, jwSdzEarly2: that.saveShowList.jwSdzEarly2, o2Early2: that.saveShowList.o2Early2, timeEarly2: that.saveShowList.timeEarly2, tEarly2: that.saveShowList.tEarly2, bxySdzNoon1: that.saveShowList.bxySdzNoon1, ch4Noon1: that.saveShowList.ch4Noon1, co2Noon1: that.saveShowList.co2Noon1, coNoon1: that.saveShowList.coNoon1, gwSdzNoon1: that.saveShowList.gwSdzNoon1, jwSdzNoon1: that.saveShowList.jwSdzNoon1, o2Noon1: that.saveShowList.o2Noon1, timeNoon1: that.saveShowList.timeNoon1, tNoon1: that.saveShowList.tNoon1, bxySdzNoon2: that.saveShowList.bxySdzNoon2, ch4Noon2: that.saveShowList.ch4Noon2, checkPersonNoon: that.formState.jcy, co2Noon2: that.saveShowList.co2Noon2, coNoon2: that.saveShowList.coNoon2, gwSdzNoon2: that.saveShowList.gwSdzNoon2, jwSdzNoon2: that.saveShowList.jwSdzNoon2, o2Noon2: that.saveShowList.o2Noon2, strInstallPos: that.saveShowList.strInstallPos, timeNoon2: that.saveShowList.timeNoon2, tNoon2: that.saveShowList.tNoon2, bxySdzNight1: that.formState.bxy, ch4Night1: that.formState.ch4, checkPersonNight: that.formState.jcy, co2Night1: that.formState.co2, coNight1: that.formState.co, gwSdzNight1: that.formState.gw, jwSdzNight1: that.formState.jw, o2Night1: that.formState.o2, strInstallPos: that.formState.jcdd, timeNight1: that.formState.time, tNight1: that.formState.temp, bxySdzNight2: that.saveShowList.bxySdzNight2, ch4Night2: that.saveShowList.ch4Night2, co2Night2: that.saveShowList.co2Night2, coNight2: that.saveShowList.coNight2, gwSdzNight2: that.saveShowList.gwSdzNight2, jwSdzNight2: that.saveShowList.jwSdzNight2, o2Night2: that.saveShowList.o2Night2, timeNight2: that.saveShowList.timeNight2, tNight2: that.saveShowList.tNight2, } } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') { param = { id: that.saveShowList.id, bxySdzEarly1: that.saveShowList.bxySdzEarly1, ch4Early1: that.saveShowList.ch4Early1, co2Early1: that.saveShowList.co2Early1, coEarly1: that.saveShowList.coEarly1, gwSdzEarly1: that.saveShowList.gwSdzEarly1, jwSdzEarly1: that.saveShowList.jwSdzEarly1, o2Early1: that.saveShowList.o2Early1, timeEarly1: that.saveShowList.timeEarly1, checkPersonEarly: that.formState.jcy, strInstallPos: that.saveShowList.strInstallPos, tEarly1: that.saveShowList.tEarly1, bxySdzEarly2: that.saveShowList.bxySdzEarly2, ch4Early2: that.saveShowList.ch4Early2, co2Early2: that.saveShowList.co2Early2, coEarly2: that.saveShowList.coEarly2, gwSdzEarly2: that.saveShowList.gwSdzEarly2, jwSdzEarly2: that.saveShowList.jwSdzEarly2, o2Early2: that.saveShowList.o2Early2, timeEarly2: that.saveShowList.timeEarly2, tEarly2: that.saveShowList.tEarly2, bxySdzNoon1: that.saveShowList.bxySdzNoon1, ch4Noon1: that.saveShowList.ch4Noon1, co2Noon1: that.saveShowList.co2Noon1, coNoon1: that.saveShowList.coNoon1, gwSdzNoon1: that.saveShowList.gwSdzNoon1, jwSdzNoon1: that.saveShowList.jwSdzNoon1, o2Noon1: that.saveShowList.o2Noon1, timeNoon1: that.saveShowList.timeNoon1, tNoon1: that.saveShowList.tNoon1, bxySdzNoon2: that.saveShowList.bxySdzNoon2, ch4Noon2: that.saveShowList.ch4Noon2, checkPersonNoon: that.formState.jcy, co2Noon2: that.saveShowList.co2Noon2, coNoon2: that.saveShowList.coNoon2, gwSdzNoon2: that.saveShowList.gwSdzNoon2, jwSdzNoon2: that.saveShowList.jwSdzNoon2, o2Noon2: that.saveShowList.o2Noon2, strInstallPos: that.saveShowList.strInstallPos, timeNoon2: that.saveShowList.timeNoon2, tNoon2: that.saveShowList.tNoon2, bxySdzNight1: that.saveShowList.bxySdzNight1, ch4Night1: that.saveShowList.ch4Night1, co2Night1: that.saveShowList.co2Night1, coNight1: that.saveShowList.coNight1, gwSdzNight1: that.saveShowList.gwSdzNight1, jwSdzNight1: that.saveShowList.jwSdzNight1, o2Night1: that.saveShowList.o2Night1, timeNight1: that.saveShowList.timeNight1, tNight1: that.saveShowList.tNight1, bxySdzNight2: that.formState.bxy, ch4Night2: that.formState.ch4, checkPersonNight: that.formState.jcy, co2Night2: that.formState.co2, coNight2: that.formState.co, gwSdzNight2: that.formState.gw, jwSdzNight2: that.formState.jw, o2Night2: that.formState.o2, strInstallPos: that.formState.jcdd, timeNight2: that.formState.time, tNight2: that.formState.temp, } } new Promise((resolve, reject) => { api .getEdit({ ...param }) .then((response) => { if (response.data.code == 200) { that.getGasList() that.isShowAdd = false that.isDisabled = false that.saveShowList = {} that.clearData() } else { reject(response); } }) .catch((error) => { console.log("catch===>response", response); reject(error); }); }); }, //新增保存 getConfirm() { let that = this console.log(that.saveShowList, '999999999999999999999999999999999') that.isStatus = JSON.stringify(that.saveShowList) != '{}' ? 'edit' : 'add' if (that.isStatus == 'add') { that.getAddSave() } else { that.getEditSave() } }, clearData() { this.formState = { id: '', bc: '', count: '', jcdd: '', mcgzm: '', jcy: this.username, time: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'), ch4: '', co2: '', co: '', o2: '', jw: '', gw: '', bxy: '', tbrq: moment(new Date()).format('YYYY-MM-DD'), temp: '', } this.isRule = true this.isRule1 = true this.isRule14 = true }, //新增取消 getCancel() { this.isShowAdd = false this.isDisabled = false this.saveShowList = {} this.clearData() }, //获取瓦斯上报列表数据 getGasList() { let that = this new Promise((resolve, reject) => { api .getGas({ reportTime: that.tbTime, }) .then((response) => { if (response.data.code == 200) { let data = response.data.result.records that.gasList = data } else { reject(response); } }) .catch((error) => { console.log("catch===>response", response); reject(error); }); }); }, //获取煤层工作面列表数据 getMcList() { new Promise((resolve, reject) => { api .getDictItems({ dictCode: 'coalseam' }) .then((response) => { let data = response.data this.rangeMcgzm = data.map(el => { return { text: el.label, value: el.value, } }) }) .catch((error) => { console.log("catch===>response", response); reject(error); }); }); }, //获取安装位置下拉选项 getSelectList() { let param = this.rangeMcgzm.filter(v => this.formState.mcgzm == v.value)[0].value new Promise((resolve, reject) => { api .getSelect({ coalseam: param, devicekind: 'gasDayReport' }) .then((response) => { if (response.data.code == 200) { let data = response.data.result this.rangeJcdd = data.map(v => { return { text: v.strinstallpos, value: v.strinstallpos, deviceId: v.id, } }) } else { reject(response); } }) .catch((error) => { console.log("catch===>response", response); reject(error); }); }); }, }, }; </script> <style lang="scss" scoped> .gas-report { position: relative; box-sizing: border-box; .gas-content { height: 708px; margin-top: 85px; box-sizing: border-box; overflow-y: auto; .top-title { height: 28px; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; } .top-content { .content-title { height: 26px; line-height: 26px; padding: 0px 20px; font-size: 12px; background: url('/static/warndata/title.png') no-repeat; background-size: 100% 100%; } .content-item-box { padding: 10px 0px; .content-item { height: 50px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to right, rgba(55, 135, 254, 0.08), rgba(4, 184, 255, 0.08), rgba(60, 161, 237, 0.08)); border-radius: 10px; margin-bottom: 5px; .item-l { width: calc(50% - 2px); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .item-c { width: 4px; height: 70%; border-left: 2px solid; border-image: linear-gradient(to bottom, transparent, rgba(140, 203, 254, 1), transparent) 1 1 1; } .item-r { width: calc(50% - 2px); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } } } } .item-value { height: 20px; line-height: 20px; color: #0eb4fc; font-weight: bold; } .item-label { font-size: 12px; } .top-dialog-area, .center-dialog-area, .bottom-dialog-area { width: 100%; padding: 10px; box-sizing: border-box; background-color: #FFF; margin-bottom: 2px; } .top-gas-list { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 10px 20px; box-sizing: border-box; background-color: #FFF; margin-bottom: 2px; } .bot-gas-list { width: 100%; height: calc(100% - 94px); padding: 10px; box-sizing: border-box; background-color: #FFF; margin-bottom: 2px; overflow-y: auto; } .dialog-btn { display: flex; width: 100%; padding: 8px 10px; box-sizing: border-box; background-color: #FFF; // margin-bottom: 2px; .u-button { margin: 0px 10px; } } .dialog-title { height: 26px; line-height: 26px; padding: 0px 20px; margin-bottom: 10px; font-size: 12px; background: url('/static/warndata/title.png') no-repeat; background-size: 100% 100%; } .dialog-item { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; .dialog-label { width: 120px; text-align: right; } } .search-box { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; .dialog-label { width: 80px; text-align: right; } } .content-title-gas { position: relative; height: 26px; line-height: 26px; padding-left: 20px; font-size: 12px; background: url('/static/warndata/title.png') no-repeat; background-size: 100% 100%; } .icon-gas-edit { position: absolute; right: 35px; top: 0; cursor: pointer; } .icon-gas-del { position: absolute; right: 10px; top: 0; cursor: pointer; } } } ::v-deep .u-input { padding: 2px 6px !important; } ::v-deep .u-popup { flex: 0; } ::v-deep .uni-select { height: 30px; border: 1px solid #dadbde; } ::v-deep .uni-select__input-box { height: 30px; } ::v-deep .uni-select__input-placeholder { font-size: 14px; text-align: center; color: rgb(192, 196, 204); } </style>