Vent-App/pages/gasreport/gasreport.vue

<template>
    <view class="gas-report" name="gasreport">
        <u-navbar title="瓦斯上报" :safeAreaInsetTop="true" leftIcon=""> </u-navbar>
        <view class="gas-content">
            <!-- 瓦斯上报列表 -->
            <view v-if="!isShowAdd && !isShowEdit">
                <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>
                            <u-icon class="icon-gas-edit" name="edit-pen-fill" color="#0eb4fc" size="16"
                                @click="getEdit(item)"></u-icon>
                            <u-icon class="icon-gas-del" name="trash" color="#0eb4fc" size="16"
                                @click="getDel(item)"></u-icon>
                        </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.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">
                        <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" @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" v-model="formState.ch4" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO₂：</text>
                            <u--input inputAlign="center" 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" 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" v-model="formState.o2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">温度：</text>
                            <u--input inputAlign="center" 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" v-model="formState.jw" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">光瓦测量数据：</text>
                            <u--input inputAlign="center" 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" v-model="formState.bxy" placeholder="请输入"></u--input>
                        </view>

                    </view>
                </view>

                <view class="dialog-btn">
                    <u-button type="success" size="small" @click="getConfirm">保存</u-button>
                    <u-button type="primary" size="small" @click="getCancel">取消</u-button>
                </view>
            </view>
            <!-- 编辑弹窗 -->
            <view v-if="isShowEdit">
                <view>
                    <view class="center-dialog-area">
                        <div class="dialog-title">早班第一次检测数据</div>
                        <view class="dialog-item" @click="getChangeZb1">
                            <text class="dialog-label">检测时间：</text>
                            <u--input v-model="formStateEdit.timeEarly1" placeholder="请选择检测时间" inputAlign="center"
                                suffixIcon="arrow-right"></u--input>
                            <u-datetime-picker :show="showZb1" v-model="timeRan" mode="datetime" closeOnClickOverlay
                                @confirm="showZb1 = false" @cancel="showZb1 = false" @change="changeZb1"
                                @close="showZb1 = false"></u-datetime-picker>
                        </view>

                        <view class="dialog-item">
                            <text class="dialog-label">瓦斯检查工：</text>
                            <u--input inputAlign="center" disabled v-model="formStateEdit.checkPersonEarly"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CH₄：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.ch4Early1"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.co2Early1"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurFCo2"
                                :placeholderStyle="isRule2 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.coEarly1"
                                :placeholder="isRule15 ? '请输入' : '最大可输入值为24'"
                                :placeholderStyle="isRule15 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number"
                                @blur="getBlurCO1"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">O₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.o2Early1" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">温度：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.tEarly1" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">甲烷传感器：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.jwSdzEarly1"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">光瓦测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.gwSdzEarly1"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurF"
                                :placeholderStyle="isRule3 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">便携仪测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.bxySdzEarly1"
                                placeholder="请输入"></u--input>
                        </view>
                    </view>
                    <view class="center-dialog-area">
                        <div class="dialog-title">早班第二次检测数据</div>
                        <view class="dialog-item" @click="getChangeZb2">
                            <text class="dialog-label">检测时间：</text>
                            <u--input v-model="formStateEdit.timeEarly2" placeholder="请选择检测时间" inputAlign="center"
                                suffixIcon="arrow-right"></u--input>
                            <u-datetime-picker :show="showZb2" v-model="timeRan" mode="datetime" closeOnClickOverlay
                                @confirm="showZb2 = false" @cancel="showZb2 = false" @change="changeZb2"
                                @close="showZb2 = false"></u-datetime-picker>
                        </view>

                        <view class="dialog-item">
                            <text class="dialog-label">瓦斯检查工：</text>
                            <u--input inputAlign="center" disabled v-model="formStateEdit.checkPersonEarly"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CH₄：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.ch4Early2"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.co2Early2"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurSCo2"
                                :placeholderStyle="isRule4 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.coEarly2"
                                :placeholder="isRule16 ? '请输入' : '最大可输入值为24'"
                                :placeholderStyle="isRule16 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number"
                                @blur="getBlurC2"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">O₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.o2Early2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">温度：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.tEarly2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">甲烷传感器：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.jwSdzEarly2"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">光瓦测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.gwSdzEarly2"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurS"
                                :placeholderStyle="isRule5 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">便携仪测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.bxySdzEarly2"
                                placeholder="请输入"></u--input>
                        </view>
                    </view>
                    <view class="center-dialog-area">
                        <div class="dialog-title">午班第一次检测数据</div>
                        <view class="dialog-item" @click="getChangeWb1">
                            <text class="dialog-label">检测时间：</text>
                            <u--input v-model="formStateEdit.timeNoon1" placeholder="请选择检测时间" inputAlign="center"
                                suffixIcon="arrow-right"></u--input>
                            <u-datetime-picker :show="showWb1" v-model="timeRan" mode="datetime" closeOnClickOverlay
                                @confirm="showWb1 = false" @cancel="showWb1 = false" @change="changeWb1"
                                @close="showWb1 = false"></u-datetime-picker>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">瓦斯检查工：</text>
                            <u--input inputAlign="center" disabled v-model="formStateEdit.checkPersonNoon"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CH₄：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.ch4Noon1" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.co2Noon1"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurF1"
                                :placeholderStyle="isRule6 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.coNoon1"
                                :placeholder="isRule17 ? '请输入' : '最大可输入值为24'"
                                :placeholderStyle="isRule17 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number"
                                @blur="getBlurCO3"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">O₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.o2Noon1" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">温度：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.tNoon1" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">甲烷传感器：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.jwSdzNoon1"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">光瓦测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.gwSdzNoon1"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurG1"
                                :placeholderStyle="isRule7 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">便携仪测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.bxySdzNoon1"
                                placeholder="请输入"></u--input>
                        </view>
                    </view>
                    <view class="center-dialog-area">
                        <div class="dialog-title">午班第二次检测数据</div>
                        <view class="dialog-item" @click="getChangeWb2">
                            <text class="dialog-label">检测时间：</text>
                            <u--input v-model="formStateEdit.timeNoon2" placeholder="请选择检测时间" inputAlign="center"
                                suffixIcon="arrow-right"></u--input>
                            <u-datetime-picker :show="showWb2" v-model="timeRan" mode="datetime" closeOnClickOverlay
                                @confirm="showWb2 = false" @cancel="showWb2 = false" @change="changeWb2"
                                @close="showWb2 = false"></u-datetime-picker>
                        </view>

                        <view class="dialog-item">
                            <text class="dialog-label">瓦斯检查工：</text>
                            <u--input inputAlign="center" disabled v-model="formStateEdit.checkPersonNoon"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CH₄：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.ch4Noon2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.co2Noon2"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurF2"
                                :placeholderStyle="isRule8 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.coNoon2"
                                :placeholder="isRule18 ? '请输入' : '最大可输入值为24'"
                                :placeholderStyle="isRule18 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number"
                                @blur="getBlurCO4"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">O₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.o2Noon2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">温度：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.tNoon2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">甲烷传感器：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.jwSdzNoon2"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">光瓦测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.gwSdzNoon2"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurG2"
                                :placeholderStyle="isRule9 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">便携仪测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.bxySdzNoon2"
                                placeholder="请输入"></u--input>
                        </view>
                    </view>
                    <view class="center-dialog-area">
                        <div class="dialog-title">晚班第一次检测数据</div>
                        <view class="dialog-item" @click="getChangeNb1">
                            <text class="dialog-label">检测时间：</text>
                            <u--input v-model="formStateEdit.timeNight1" placeholder="请选择检测时间" inputAlign="center"
                                suffixIcon="arrow-right"></u--input>
                            <u-datetime-picker :show="showNb1" v-model="timeRan" mode="datetime" closeOnClickOverlay
                                @confirm="showNb1 = false" @cancel="showNb1 = false" @change="changeNb1"
                                @close="showNb1 = false"></u-datetime-picker>
                        </view>

                        <view class="dialog-item">
                            <text class="dialog-label">瓦斯检查工：</text>
                            <u--input inputAlign="center" disabled v-model="formStateEdit.checkPersonNight"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CH₄：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.ch4Night1"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.co2Night1"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurN1"
                                :placeholderStyle="isRule10 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.coNight1"
                                :placeholder="isRule19 ? '请输入' : '最大可输入值为24'"
                                :placeholderStyle="isRule19 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number"
                                @blur="getBlurCO5"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">O₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.o2Night1" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">温度：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.tNight1" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">甲烷传感器：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.jwSdzNight1"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">光瓦测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.gwSdzNight1"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurNG1"
                                :placeholderStyle="isRule11 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">便携仪测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.bxySdzNight1"
                                placeholder="请输入"></u--input>
                        </view>
                    </view>
                    <view class="center-dialog-area">
                        <div class="dialog-title">晚班第二次检测数据</div>
                        <view class="dialog-item" @click="getChangeNb2">
                            <text class="dialog-label">检测时间：</text>
                            <u--input v-model="formStateEdit.timeNight2" placeholder="请选择检测时间" inputAlign="center"
                                suffixIcon="arrow-right"></u--input>
                            <u-datetime-picker :show="showNb2" v-model="timeRan" mode="datetime" closeOnClickOverlay
                                @confirm="showNb2 = false" @cancel="showNb2 = false" @change="changeNb2"
                                @close="showNb2 = false"></u-datetime-picker>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">瓦斯检查工：</text>
                            <u--input inputAlign="center" disabled v-model="formStateEdit.checkPersonNight"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CH₄：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.ch4Night2"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.co2Night2"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurN2"
                                :placeholderStyle="isRule12 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">CO：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.coNight2"
                                :placeholder="isRule20 ? '请输入' : '最大可输入值为24'"
                                :placeholderStyle="isRule20 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number"
                                @blur="getBlurCO6"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">O₂：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.o2Night2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">温度：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.tNight2" placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">甲烷传感器：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.jwSdzNight2"
                                placeholder="请输入"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">光瓦测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.gwSdzNight2"
                                :placeholder="isRule ? '请输入' : '请输入偶数'" type="number" @blur="getBlurNG2"
                                :placeholderStyle="isRule13 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                        </view>
                        <view class="dialog-item">
                            <text class="dialog-label">便携仪测量数据：</text>
                            <u--input inputAlign="center" v-model="formStateEdit.bxySdzNight2"
                                placeholder="请输入"></u--input>
                        </view>
                    </view>

                </view>

                <view class="dialog-btn">
                    <u-button type="success" size="small" @click="getConfirmEdit">保存</u-button>
                    <u-button type="primary" size="small" @click="getCancelEdit">取消</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 {
            rangeBc: [
                { value: '夜班', text: "夜班" },
                { value: '早班', text: "早班" },
                { value: '中班', text: "中班" },
            ],
            rangeMcgzm: [],
            rangeJcdd: [],
            rangeCount: [
                { value: '第一次', text: '第一次' },
                { value: '第二次', text: '第二次' },
            ],
            isRule: true,
            isRule1: true,
            isRule2: true,
            isRule3: true,
            isRule4: true,
            isRule5: true,
            isRule6: true,
            isRule7: true,
            isRule8: true,
            isRule9: true,
            isRule10: true,
            isRule11: true,
            isRule12: true,
            isRule13: true,
            isRule14: true,
            isRule15: true,
            isRule16: true,
            isRule17: true,
            isRule18: true,
            isRule19: true,
            isRule20: true,
            //新增参数信息
            isShowAdd: false,//是否显示新增弹窗
            isShowEdit: false,//是否显示编辑弹窗

            showZb1: false,
            showZb2: false,
            showWb1: false,
            showWb2: false,
            showNb1: false,
            showNb2: false,

            dialogAction: [],//下拉选项列表
            showCalendar: false,//控制日期选型下拉开启
            showCalendar1: false,
            timeRan: Number(new Date()),
            gasList: [],//瓦斯填报列表数据
            tbTime: null,//查询条件-填报时间
            showCalendarTb: false,//控制填报时间组件弹出
            saveShow: '',
            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: '',
            },
            formStateEdit: {
                id: '',
                bxySdzEarly1: '',
                ch4Early1: '',
                checkPersonEarly: '',
                co2Early1: '',
                coEarly1: '',
                gwSdzEarly1: '',
                jwSdzEarly1: '',
                o2Early1: '',
                timeEarly1: '',
                tEarly1: '',

                bxySdzEarly2: '',
                ch4Early2: '',
                co2Early2: '',
                coEarly2: '',
                gwSdzEarly2: '',
                jwSdzEarly2: '',
                o2Early2: '',
                timeEarly2: '',
                tEarly2: '',

                bxySdzNoon1: '',
                ch4Noon1: '',
                checkPersonNoon: '',
                co2Noon1: '',
                coNoon1: '',
                gwSdzNoon1: '',
                jwSdzNoon1: '',
                o2Noon1: '',
                timeNoon1: '',
                tNoon1: '',

                bxySdzNoon2: '',
                ch4Noon2: '',
                co2Noon2: '',
                coNoon2: '',
                gwSdzNoon2: '',
                jwSdzNoon2: '',
                o2Noon2: '',
                timeNoon2: '',
                tNoon2: '',

                bxySdzNight1: '',
                ch4Night1: '',
                checkPersonNight: '',
                co2Night1: '',
                coNight1: '',
                gwSdzNight1: '',
                jwSdzNight1: '',
                o2Night1: '',
                timeNight1: '',
                tNight1: '',

                bxySdzNight2: '',
                ch4Night2: '',
                co2Night2: '',
                coNight2: '',
                gwSdzNight2: '',
                jwSdzNight2: '',
                o2Night2: '',
                timeNight2: '',
                tNight2: '',
            }
        };
    },
    computed: {
        ...mapGetters(['username']),
    },
    mounted() {
        console.log(this.username, 'username=-=-======')
        this.getGasList()
        this.getMcList()

    },
    methods: {

        //获取安装位置下拉选项
        getSelectList() {
            console.log(this.rangeMcgzm, '111=====')
            console.log(this.formState.mcgzm, '000======')
            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.devicekind
                                }
                            })
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //班次下拉选项切换
        changeBc(e) {
            console.log(e, '班次----------')
            this.formState.bc = e
        },
        //监测次数选项切换
        changeCount(e) {
            this.formState.count = e
        },
        //检测地点拉选项切换
        changeJc(e) {
            this.formState.jcdd = e
        },
        //工作面煤层选项切换
        changeMc(e) {
            this.formState.mcgzm = e
            this.getSelectList()
        },
        //点击弹出日期下拉选项
        getChangeTime() {
            this.showCalendar = true
        },
        getChangeTime1() {
            this.showCalendar1 = true
        },
        getChangeTimeTb() {
            this.showCalendarTb = true
        },
        confirmTb() {
            this.showCalendarTb = false
            this.getGasList()
        },
        //早班第一次编辑选项切换
        getChangeZb1() {
            this.showZb1 = true
        },
        //早班第二次编辑选项切换
        getChangeZb2() {
            this.showZb2 = true
        },
        //午班第一次编辑选项切换
        getChangeWb1() {
            this.showWb1 = true
        },
        //午班第二次编辑选项切换
        getChangeWb2() {
            this.showWb2 = true
        },
        //晚班第一次编辑选项切换
        getChangeNb1() {
            this.showNb1 = true
        },
        //晚班第二次编辑选型切换
        getChangeNb2() {
            this.showNb2 = true
        },
        //新增光瓦失去焦点时参数校验
        getBlur(val) {
            console.log(val.slice(-1), '----0000')
            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
                console.log('2222=======')
                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
            }
        },
        //编辑第一次CO2失去焦点时参数校验
        getBlurFCo2(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.co2Early1 = val
                this.isRule2 = true
            } else {
                this.formStateEdit.co2Early1 = ''
                this.isRule2 = false
            }
        },
        //编辑第一次光瓦失去焦点时参数校验
        getBlurF(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.gwSdzEarly1 = val
                this.isRule3 = true
            } else {
                this.formStateEdit.gwSdzEarly1 = ''
                this.isRule3 = false
            }
        },
        //编辑第二次CO2失去焦点时参数校验
        getBlurSCo2(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.co2Early2 = val
                this.isRule4 = true
            } else {
                this.formStateEdit.co2Early2 = ''
                this.isRule4 = false
            }
        },
        //编辑第二次光瓦失去焦点时参数校验
        getBlurS(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.gwSdzEarly2 = val
                this.isRule5 = true
            } else {
                this.formStateEdit.gwSdzEarly2 = ''
                this.isRule5 = false
            }
        },
        getBlurF1(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.co2Noon1 = val
                this.isRule6 = true
            } else {
                this.formStateEdit.co2Noon1 = ''
                this.isRule6 = false
            }
        },
        getBlurG1(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.gwSdzNoon1 = val
                this.isRule7 = true
            } else {
                this.formStateEdit.gwSdzNoon1 = ''
                this.isRule7 = false
            }
        },
        getBlurF2(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.co2Noon2 = val
                this.isRule8 = true
            } else {
                this.formStateEdit.co2Noon2 = ''
                this.isRule8 = false
            }
        },
        getBlurG2(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.gwSdzNoon2 = val
                this.isRule9 = true
            } else {
                this.formStateEdit.gwSdzNoon2 = ''
                this.isRule9 = false
            }
        },
        getBlurN1(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.co2Night1 = val
                this.isRule10 = true
            } else {
                this.formStateEdit.co2Night1 = ''
                this.isRule10 = false
            }
        },
        getBlurNG1(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.gwSdzNoon2 = val
                this.isRule11 = true
            } else {
                this.formStateEdit.gwSdzNoon2 = ''
                this.isRule11 = false
            }
        },
        getBlurN2(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.co2Night2 = val
                this.isRule12 = true
            } else {
                this.formStateEdit.co2Night2 = ''
                this.isRule12 = false
            }
        },
        getBlurNG2(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formStateEdit.gwSdzNight2 = val
                this.isRule13 = true
            } else {
                this.formStateEdit.gwSdzNight2 = ''
                this.isRule13 = false
            }
        },
        getBlurCO(val) {
            if (parseFloat(val) <= 24) {
                this.formState.co = val
                this.isRule14 = true
            } else {
                this.formState.co = ''
                this.isRule14 = false
            }
        },
        getBlurCO1(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coEarly1 = val
                this.isRule15 = true
            } else {
                this.formStateEdit.coEarly1 = ''
                this.isRule15 = false
            }
        },
        getBlurC2(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coEarly2 = val
                this.isRule16 = true
            } else {
                this.formStateEdit.coEarly2 = ''
                this.isRule16 = false
            }
        },
        getBlurCO3(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNoon1 = val
                this.isRule17 = true
            } else {
                this.formStateEdit.coNoon1 = ''
                this.isRule17 = false
            }
        },
        getBlurCO4(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNoon2 = val
                this.isRule18 = true
            } else {
                this.formStateEdit.coNoon2 = ''
                this.isRule18 = false
            }
        },
        getBlurCO5(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNight1 = val
                this.isRule19 = true
            } else {
                this.formStateEdit.coNight1 = ''
                this.isRule19 = false
            }
        },
        getBlurCO6(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNight2 = val
                this.isRule20 = true
            } else {
                this.formStateEdit.coNight2 = ''
                this.isRule20 = false
            }
        },
        //检测时间下拉选项切换
        change(e) {
            let that = this
            that.formState.jcy = that.username
            that.formState.time = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
            that.formState.tbrq = moment(e.value).format('YYYY-MM-DD')
            let params = {}
            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                params = {
                    timeEarly1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                params = {
                    timeEarly2: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                params = {
                    timeNoon1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                params = {
                    timeNoon2: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                params = {
                    timeNight1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                params = {
                    timeNight2: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else {
                that.formState.bc = '早班'
                that.formState.count = '第一次'
                params = {
                    timeEarly1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            }
            new Promise((resolve, reject) => {
                api
                    .getGas(params)
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            if (data.length != 0) {
                                that.saveShow = 'edit'
                                that.saveShowList = data[0]
                                that.formState = {
                                    id: data.id,
                                    bc: that.formState.bc,
                                    count: that.formState.count,
                                    jcdd: data.strInstallPos,
                                    jcy: that.formState.jcy,
                                    // jcy: that.formState.bc == '早班' ? data.checkPersonEarly : that.formState.bc == '中班' ? data.checkPersonNoon : data.checkPersonNight,
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    temp: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.tEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.tEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.tNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.tNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.tNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.tNight2 : '',
                                    ch4: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.ch4Early1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.ch4Early2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.ch4Noon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.ch4Noon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.ch4Night1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.ch4Night2 : '',
                                    co2: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.co2Early1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.co2Early2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.co2Noon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.co2Noon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.co2Night1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.co2Night2 : '',
                                    co: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.coEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.coEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.coNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.coNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.coNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.coNight2 : '',
                                    o2: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.o2Early1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.o2Early2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.o2Noon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.o2Noon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.o2Night1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.o2Night2 : '',
                                    jw: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.jwSdzEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.jwSdzEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.jwSdzNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.jwSdzNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.jwSdzNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.jwSdzNight2 : '',
                                    gw: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.gwSdzEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.gwSdzEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.gwSdzNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.gwSdzNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.gwSdzNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.gwSdzNight2 : '',
                                    bxy: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.bxySdzEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.bxySdzEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.bxySdzNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.bxySdzNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.bxySdzNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.bxySdzNight2 : '',
                                }

                            } else {
                                that.formState = {
                                    id: '',
                                    bc: that.formState.bc,
                                    count: that.formState.count,
                                    jcdd: '',
                                    jcy: that.formState.jcy,
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    ch4: '',
                                    co2: '',
                                    co: '',
                                    o2: '',
                                    jw: '',
                                    gw: '',
                                    bxy: '',
                                    temp: '',
                                }
                                that.saveShow = 'add'
                            }
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //早班第一次编辑选项切换
        changeZb1(e) {
            this.formStateEdit.timeEarly1 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //早班第二次编辑选项切换
        changeZb2(e) {
            this.formStateEdit.timeEarly2 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //午班第一次编辑选项切换
        changeWb1(e) {
            this.formStateEdit.timeNoon1 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //午班第二次编辑选项切换
        changeWb2(e) {
            this.formStateEdit.timeNoon2 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //晚班第一次编辑选项切换
        changeNb1(e) {
            this.formStateEdit.timeNight1 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //晚班第二次编辑选项切换
        changeNb2(e) {
            this.formStateEdit.timeNight2 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        change1(e) {
            this.formState.time0 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        changeTb(e) {
            this.tbTime = moment(e.value).format('YYYY-MM-DD')
        },
        //瓦斯新增
        getAdd() {
            let that = this
            that.isShowAdd = true
            that.formState.jcy = this.username
            let params = {}
            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                params = {
                    timeEarly1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                params = {
                    timeEarly2: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                params = {
                    timeNoon1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                params = {
                    timeNoon2: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                params = {
                    timeNight1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                params = {
                    timeNight2: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            } else {
                that.formState.bc = '早班'
                that.formState.count = '第一次'
                params = {
                    timeEarly1: that.formState.time,
                    reportTime: that.formState.tbrq
                }
            }
            new Promise((resolve, reject) => {
                api
                    .getGas(params)
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            if (data.length != 0) {
                                that.saveShow = 'edit'
                                that.saveShowList = data[0]
                                that.formState = {
                                    id: data.id,
                                    bc: that.formState.bc,
                                    count: that.formState.count,
                                    jcdd: data.strInstallPos,
                                    jcy: that.formState.jcy,
                                    // jcy: that.formState.bc == '早班' ? data.checkPersonEarly : that.formState.bc == '中班' ? data.checkPersonNoon : data.checkPersonNight,
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    temp: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.tEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.tEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.tNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.tNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.tNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.tNight2 : '',
                                    ch4: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.ch4Early1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.ch4Early2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.ch4Noon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.ch4Noon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.ch4Night1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.ch4Night2 : '',
                                    co2: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.co2Early1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.co2Early2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.co2Noon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.co2Noon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.co2Night1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.co2Night2 : '',
                                    co: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.coEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.coEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.coNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.coNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.coNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.coNight2 : '',
                                    o2: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.o2Early1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.o2Early2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.o2Noon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.o2Noon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.o2Night1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.o2Night2 : '',
                                    jw: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.jwSdzEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.jwSdzEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.jwSdzNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.jwSdzNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.jwSdzNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.jwSdzNight2 : '',
                                    gw: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.gwSdzEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.gwSdzEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.gwSdzNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.gwSdzNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.gwSdzNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.gwSdzNight2 : '',
                                    bxy: that.formState.bc == '早班' && that.formState.count == '第一次' ? data.bxySdzEarly1 : that.formState.bc == '早班' && that.formState.count == '第二次' ? data.bxySdzEarly2 : that.formState.bc == '中班' && that.formState.count == '第一次' ? data.bxySdzNoon1 : that.formState.bc == '中班' && that.formState.count == '第二次' ? data.bxySdzNoon2 : that.formState.bc == '夜班' && that.formState.count == '第一次' ? data.bxySdzNight1 : that.formState.bc == '夜班' && that.formState.count == '第二次' ? data.bxySdzNight2 : '',
                                }
                                // that.getEditSave()

                            } else {
                                that.formState = {
                                    id: '',
                                    bc: that.formState.bc,
                                    count: that.formState.count,
                                    jcdd: '',
                                    jcy: that.formState.jcy,
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    ch4: '',
                                    co2: '',
                                    co: '',
                                    o2: '',
                                    jw: '',
                                    gw: '',
                                    bxy: '',
                                    temp: '',
                                }
                                // that.getAddSave()
                                that.saveShow = 'add'
                            }
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        getAddSave() {
            let that = this
            that.formState.jcy = that.username
            let param = {}
            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                param = {
                    id: that.formState.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,
                    reportTime: that.formState.tbrq,
                    tEarly1: that.formState.temp
                }

            } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                param = {
                    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 = {
                    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 = {
                    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 = {
                    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 = {
                    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) {
                                this.getGasList()
                                this.isShowAdd = false
                                this.clearData()
                            } else {
                                reject(response);
                            }
                        })
                        .catch((error) => {
                            console.log("catch===>response", response);
                            reject(error);
                        });
                });
           

        },
        getEditSave() {
            let that = this
            that.formState.jcy = that.username
            let param = {}
            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                param = {
                    id: that.formState.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.formState.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.formState.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.formState.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.formState.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.formState.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) {
                            this.getGasList()
                            this.isShowAdd = false
                            this.clearData()
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //新增保存
        getConfirm() {
            let that = this
            if (that.saveShow = 'add') {
                that.getAddSave()
            } else {
                that.getEditSave()
            }

        },
        //编辑保存
        getConfirmEdit() {
            new Promise((resolve, reject) => {
                api
                    .getEdit({ ...this.formStateEdit })
                    .then((response) => {
                        if (response.data.code == 200) {
                            this.getGasList()
                            this.isShowEdit = false
                            this.clearEdit()
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        clearData() {
            this.formState = {
                id: '',
                bc: '',
                count: '',
                jcdd: '',
                jcy: this.username,
                time: '',
                ch4: '',
                co2: '',
                co: '',
                o2: '',
                jw: '',
                gw: '',
                bxy: '',
                tbrq: '',
                temp: '',
            }
            this.isRule = true
            this.isRule1 = true
            this.isRule2 = true
            this.isRule3 = true
            this.isRule4 = true
            this.isRule5 = true
            this.isRule6 = true
            this.isRule7 = true
            this.isRule8 = true
            this.isRule9 = true
            this.isRule10 = true
            this.isRule11 = true
            this.isRule12 = true
            this.isRule13 = true
            this.isRule14 = true
            this.isRule15 = true
            this.isRule16 = true
            this.isRule17 = true
            this.isRule18 = true
            this.isRule19 = true
            this.isRule20 = true
        },
        clearEdit() {
            this.isRule = true
            this.isRule1 = true
            this.isRule2 = true
            this.isRule3 = true
            this.isRule4 = true
            this.isRule5 = true
            this.isRule6 = true
            this.isRule7 = true
            this.isRule8 = true
            this.isRule9 = true
            this.isRule10 = true
            this.isRule11 = true
            this.isRule12 = true
            this.isRule13 = true
            this.isRule14 = true
            this.isRule15 = true
            this.isRule16 = true
            this.isRule17 = true
            this.isRule18 = true
            this.isRule19 = true
            this.isRule20 = true
        },
        //新增取消
        getCancel() {
            this.isShowAdd = false
            this.clearData()
        },
        //编辑取消
        getCancelEdit() {
            this.isShowEdit = false
            this.clearEdit()
        },
        //瓦斯编辑
        getEdit(item) {
            console.log(item, '4333=====')
            this.isShowEdit = true
            this.formState.jcy = this.username
            // this.formStateEdit = { ...item }
            this.formStateEdit = {
                id: item.id || '',
                bxySdzEarly1: item.bxySdzEarly1 || '',
                ch4Early1: item.ch4Early1 || '',
                checkPersonEarly: this.formState.jcy,
                co2Early1: item.co2Early1 || '',
                coEarly1: item.coEarly1 || '',
                gwSdzEarly1: item.gwSdzEarly1 || '',
                jwSdzEarly1: item.jwSdzEarly1 || '',
                o2Early1: item.o2Early1 || '',
                timeEarly1: item.timeEarly1 || '',
                tEarly1: item.tEarly1 || '',

                bxySdzEarly2: item.bxySdzEarly2 || '',
                ch4Early2: item.ch4Early2 || '',
                co2Early2: item.co2Early2 || '',
                coEarly2: item.coEarly2 || '',
                gwSdzEarly2: item.gwSdzEarly2 || '',
                jwSdzEarly2: item.jwSdzEarly2 || '',
                o2Early2: item.o2Early2 || '',
                timeEarly2: item.timeEarly2 || '',
                tEarly2: item.tEarly2 || '',

                bxySdzNoon1: item.bxySdzNoon1 || '',
                ch4Noon1: item.ch4Noon1 || '',
                checkPersonNoon: this.formState.jcy,
                co2Noon1: item.co2Noon1 || '',
                coNoon1: item.coNoon1 || '',
                gwSdzNoon1: item.gwSdzNoon1 || '',
                jwSdzNoon1: item.jwSdzNoon1 || '',
                o2Noon1: item.o2Noon1 || '',
                timeNoon1: item.timeNoon1 || '',
                tNoon1: item.tNoon1 || '',

                bxySdzNoon2: item.bxySdzNoon2 || '',
                ch4Noon2: item.ch4Noon2 || '',
                co2Noon2: item.co2Noon2 || '',
                coNoon2: item.coNoon2 || '',
                gwSdzNoon2: item.gwSdzNoon2 || '',
                jwSdzNoon2: item.jwSdzNoon2 || '',
                o2Noon2: item.o2Noon2 || '',
                timeNoon2: item.timeNoon2 || '',
                tNoon2: item.tNoon2 || '',

                bxySdzNight1: item.bxySdzNight1 || '',
                ch4Night1: item.ch4Night1 || '',
                checkPersonNight: this.formState.jcy,
                co2Night1: item.co2Night1 || '',
                coNight1: item.coNight1 || '',
                gwSdzNight1: item.gwSdzNight1 || '',
                jwSdzNight1: item.jwSdzNight1 || '',
                o2Night1: item.o2Night1 || '',
                timeNight1: item.timeNight1 || '',
                tNight1: item.tNight1 || '',

                bxySdzNight2: item.bxySdzNight2 || '',
                ch4Night2: item.ch4Night2 || '',
                co2Night2: item.co2Night2 || '',
                coNight2: item.coNight2 || '',
                gwSdzNight2: item.gwSdzNight2 || '',
                jwSdzNight2: item.jwSdzNight2 || '',
                o2Night2: item.o2Night2 || '',
                timeNight2: item.timeNight2 || '',
                tNight2: item.tNight2 || '',
            }
        },
        //瓦斯删除
        getDel(item) {
            new Promise((resolve, reject) => {
                api
                    .delGas({ id: item.id })
                    .then((response) => {
                        if (response.data.code == 200) {
                            this.getGasList()
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //获取瓦斯上报列表数据
        getGasList() {
            new Promise((resolve, reject) => {
                api
                    .getGas({ reportTime: this.tbTime })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            this.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) => {
                        console.log(response, '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);
                    });
            });
        }
    },

};
</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>