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 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" :disabled="formStateEdit.timeEarly1 == ''"
                            placeholder="请选择检测时间" inputAlign="center" suffixIcon="arrow-right"></u--input>
                    </view>

                    <view class="dialog-item">
                        <text class="dialog-label">瓦斯检查工：</text>
                        <u--input inputAlign="center" :disabled="formStateEdit.checkPersonEarly == ''"
                            v-model="formStateEdit.checkPersonEarly" placeholder="请输入"></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">CH₄：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.ch4Early1" placeholder="请输入"
                            :disabled="formStateEdit.ch4Early1 == ''"></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'"
                            :disabled="formStateEdit.co2Early1 == ''"></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"
                            :disabled="formStateEdit.coEarly1 == ''" @blur="getBlurCO1"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">O₂：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.o2Early1" placeholder="请输入"
                            :disabled="formStateEdit.o2Early1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">温度：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.tEarly1" placeholder="请输入"
                            :disabled="formStateEdit.tEarly1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">甲烷传感器：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.jwSdzEarly1" placeholder="请输入"
                            :disabled="formStateEdit.jwSdzEarly1 == ''"></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'"
                            :disabled="formStateEdit.gwSdzEarly1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">便携仪测量数据：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.bxySdzEarly1" placeholder="请输入"
                            :disabled="formStateEdit.bxySdzEarly1 == ''"></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" :disabled="formStateEdit.timeEarly2 == ''"></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="formStateEdit.checkPersonEarly == ''"
                            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="请输入"
                            :disabled="formStateEdit.ch4Early2 == ''"></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'"
                            :disabled="formStateEdit.co2Early2 == ''"></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" :disabled="formStateEdit.coEarly2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">O₂：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.o2Early2" placeholder="请输入"
                            :disabled="formStateEdit.o2Early2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">温度：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.tEarly2" placeholder="请输入"
                            :disabled="formStateEdit.tEarly2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">甲烷传感器：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.jwSdzEarly2" placeholder="请输入"
                            :disabled="formStateEdit.jwSdzEarly2 == ''"></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'"
                            :disabled="formStateEdit.gwSdzEarly2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">便携仪测量数据：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.bxySdzEarly2" placeholder="请输入"
                            :disabled="formStateEdit.bxySdzEarly2 == ''"></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" :disabled="formStateEdit.timeNoon1 == ''"></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="formStateEdit.checkPersonNoon == ''"
                            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="请输入"
                            :disabled="formStateEdit.ch4Noon1 == ''"></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'"
                            :disabled="formStateEdit.co2Noon1 == ''"></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" :disabled="formStateEdit.coNoon1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">O₂：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.o2Noon1" placeholder="请输入"
                            :disabled="formStateEdit.o2Noon1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">温度：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.tNoon1" placeholder="请输入"
                            :disabled="formStateEdit.tNoon1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">甲烷传感器：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.jwSdzNoon1" placeholder="请输入"
                            :disabled="formStateEdit.jwSdzNoon1 == ''"></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'"
                            :disabled="formStateEdit.gwSdzNoon1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">便携仪测量数据：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.bxySdzNoon1" placeholder="请输入"
                            :disabled="formStateEdit.bxySdzNoon1 == ''"></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" :disabled="formStateEdit.timeNoon2 == ''"></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="formStateEdit.checkPersonNoon == ''"
                            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="请输入"
                            :disabled="formStateEdit.ch4Noon2 == ''"></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'"
                            :disabled="formStateEdit.co2Noon2 == ''"></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" :disabled="formStateEdit.coNoon2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">O₂：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.o2Noon2" placeholder="请输入"
                            :disabled="formStateEdit.o2Noon2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">温度：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.tNoon2" placeholder="请输入"
                            :disabled="formStateEdit.tNoon2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">甲烷传感器：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.jwSdzNoon2" placeholder="请输入"
                            :disabled="formStateEdit.jwSdzNoon2 == ''"></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'"
                            :disabled="formStateEdit.gwSdzNoon2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">便携仪测量数据：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.bxySdzNoon2" placeholder="请输入"
                            :disabled="formStateEdit.bxySdzNoon2 == ''"></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" :disabled="formStateEdit.timeNight1 == ''"></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="formStateEdit.checkPersonNight == ''"
                            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="请输入"
                            :disabled="formStateEdit.ch4Night1 == ''"></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'"
                            :disabled="formStateEdit.co2Night1 == ''"></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" :disabled="formStateEdit.coNight1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">O₂：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.o2Night1" placeholder="请输入"
                            :disabled="formStateEdit.o2Night1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">温度：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.tNight1" placeholder="请输入"
                            :disabled="formStateEdit.tNight1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">甲烷传感器：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.jwSdzNight1" placeholder="请输入"
                            :disabled="formStateEdit.jwSdzNight1 == ''"></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'"
                            :disabled="formStateEdit.gwSdzNight1 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">便携仪测量数据：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.bxySdzNight1" placeholder="请输入"
                            :disabled="formStateEdit.bxySdzNight1 == ''"></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" :disabled="formStateEdit.timeNight2 == ''"></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="formStateEdit.checkPersonNight == ''"
                            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="请输入"
                            :disabled="formStateEdit.ch4Night2 == ''"></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'"
                            :disabled="formStateEdit.co2Night2 == ''"></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" :disabled="formStateEdit.coNight2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">O₂：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.o2Night2" placeholder="请输入"
                            :disabled="formStateEdit.o2Night2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">温度：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.tNight2" placeholder="请输入"
                            :disabled="formStateEdit.tNight2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">甲烷传感器：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.jwSdzNight2" placeholder="请输入"
                            :disabled="formStateEdit.jwSdzNight2 == ''"></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'"
                            :disabled="formStateEdit.gwSdzNight2 == ''"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">便携仪测量数据：</text>
                        <u--input inputAlign="center" v-model="formStateEdit.bxySdzNight2" placeholder="请输入"
                            :disabled="formStateEdit.bxySdzNight2 == ''"></u--input>
                    </view>
                </view>
                <view class="dialog-btn">
                    <u-button type="success" size="small" v-if="isSaveEdit.length != 0 ? true : false"
                        @click="confirmEdit">保存</u-button>
                    <u-button type="primary" size="small" @click="cancelEdit">取消</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 {
            deviceId: '',
            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,

            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: '',
            },
            showZb1: false,
            showZb2: false,
            showWb1: false,
            showWb2: false,
            showNb1: false,
            showNb2: false,
            isSaveEdit: []
        };
    },
    computed: {
        username: function () {
            return uni.getStorageSync('login_user_info')['realname']
        }
    },
    mounted() {
        console.log(uni.getStorageSync('login_user_info'), 'ceshi00-----------')
        this.getGasList()
        this.getMcList()
    },
    methods: {
        //班次下拉选项切换
        changeBc(e) {
            console.log(e, '班次----------')
            this.formState.bc = e
        },
        //监测次数选项切换
        changeCount(e) {
            this.formState.count = e
        },
        //检测地点拉选项切换
        changeJc(e) {
            let that = this
            that.formState.jcdd = e
            that.deviceId = that.rangeJcdd.filter(v => v.text == e)[0].deviceId
            new Promise((resolve, reject) => {
                api
                    .getGas({ reportTime: that.formState.tbrq, deviceId: that.deviceId })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            if (data.length != 0) {
                                that.isShowEdit = true
                                that.isShowAdd = false
                                that.formState.jcy = that.username
                                that.saveShowList = data[0]
                                that.formStateEdit = {
                                    id: that.formStateEdit.id || '',
                                    bxySdzEarly1: that.formStateEdit.bxySdzEarly1 || '',
                                    ch4Early1: that.formStateEdit.ch4Early1 || '',
                                    checkPersonEarly: that.formState.jcy,
                                    co2Early1: that.formStateEdit.co2Early1 || '',
                                    coEarly1: that.formStateEdit.coEarly1 || '',
                                    gwSdzEarly1: that.formStateEdit.gwSdzEarly1 || '',
                                    jwSdzEarly1: that.formStateEdit.jwSdzEarly1 || '',
                                    o2Early1: that.formStateEdit.o2Early1 || '',
                                    timeEarly1: that.formStateEdit.timeEarly1 || '',
                                    tEarly1: that.formStateEdit.tEarly1 || '',

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

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

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

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

                                    bxySdzNight2: that.formStateEdit.bxySdzNight2 || '',
                                    ch4Night2: that.formStateEdit.ch4Night2 || '',
                                    co2Night2: that.formStateEdit.co2Night2 || '',
                                    coNight2: that.formStateEdit.coNight2 || '',
                                    gwSdzNight2: that.formStateEdit.gwSdzNight2 || '',
                                    jwSdzNight2: that.formStateEdit.jwSdzNight2 || '',
                                    o2Night2: that.formStateEdit.o2Night2 || '',
                                    timeNight2: that.formStateEdit.timeNight2 || '',
                                    tNight2: that.formStateEdit.tNight2 || '',
                                }
                                that.isSaveEdit = Object.keys(that.formStateEdit).filter(v => that.formStateEdit[v] == '')
                            } else {
                                that.isShowEdit = true
                                that.isShowAdd = false
                                that.isSaveEdit=[]
                                that.formState = {
                                    id: '',
                                    bc: that.formState.bc || '',
                                    count: that.formState.count || '',
                                    jcdd: that.formState.jcdd || '',
                                    mcgzm: that.formState.mcgzm || '',
                                    jcy: that.username,
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    ch4: '',
                                    co2: '',
                                    co: '',
                                    o2: '',
                                    jw: '',
                                    gw: '',
                                    bxy: '',
                                    temp: '',
                                }
                            }
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });

        },
        //工作面煤层选项切换
        changeMc(e) {
            this.formState.mcgzm = e
            this.getSelectList()
        },
        //检测时间下拉选项切换
        change(e) {
            let that = this
            that.formState.time = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
            that.formState.tbrq = moment(e.value).format('YYYY-MM-DD')
            new Promise((resolve, reject) => {
                api
                    .getGas({ reportTime: that.formState.tbrq, deviceId: that.deviceId })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            if (data.length != 0) {
                                that.isShowEdit = true
                                that.isShowAdd = false
                                that.formState.jcy = that.username
                                that.saveShowList = data[0]
                                that.formStateEdit = {
                                    id: that.formStateEdit.id || '',
                                    bxySdzEarly1: that.formStateEdit.bxySdzEarly1 || '',
                                    ch4Early1: that.formStateEdit.ch4Early1 || '',
                                    checkPersonEarly: that.formState.jcy,
                                    co2Early1: that.formStateEdit.co2Early1 || '',
                                    coEarly1: that.formStateEdit.coEarly1 || '',
                                    gwSdzEarly1: that.formStateEdit.gwSdzEarly1 || '',
                                    jwSdzEarly1: that.formStateEdit.jwSdzEarly1 || '',
                                    o2Early1: that.formStateEdit.o2Early1 || '',
                                    timeEarly1: that.formStateEdit.timeEarly1 || '',
                                    tEarly1: that.formStateEdit.tEarly1 || '',

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

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

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

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

                                    bxySdzNight2: that.formStateEdit.bxySdzNight2 || '',
                                    ch4Night2: that.formStateEdit.ch4Night2 || '',
                                    co2Night2: that.formStateEdit.co2Night2 || '',
                                    coNight2: that.formStateEdit.coNight2 || '',
                                    gwSdzNight2: that.formStateEdit.gwSdzNight2 || '',
                                    jwSdzNight2: that.formStateEdit.jwSdzNight2 || '',
                                    o2Night2: that.formStateEdit.o2Night2 || '',
                                    timeNight2: that.formStateEdit.timeNight2 || '',
                                    tNight2: that.formStateEdit.tNight2 || '',
                                }
                                that.isSaveEdit = Object.keys(that.formStateEdit).filter(v => that.formStateEdit[v] == '')

                            } else {
                                that.isShowEdit = false
                                that.isShowAdd = true
                                that.isSaveEdit=[]
                                that.formState = {
                                    id: '',
                                    bc: that.formState.bc || '',
                                    count: that.formState.count || '',
                                    jcdd: that.formState.jcdd || '',
                                    mcgzm: that.formState.mcgzm || '',
                                    jcy: that.username,
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    ch4: '',
                                    co2: '',
                                    co: '',
                                    o2: '',
                                    jw: '',
                                    gw: '',
                                    bxy: '',
                                    temp: '',
                                }
                            }
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });

        },
        //编辑-早班第一次编辑选项切换
        getChangeZb1() {
            this.showZb1 = true
        },
        //编辑-早班第一次编辑选项切换
        changeZb1(e) {
            this.formStateEdit.timeEarly1 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //编辑-早班第二次编辑选项切换
        getChangeZb2() {
            this.showZb2 = true
        },
        //编辑-早班第二次编辑选项切换
        changeZb2(e) {
            this.formStateEdit.timeEarly2 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //编辑-午班第一次编辑选项切换
        getChangeWb1() {
            this.showWb1 = true
        },
        //编辑-午班第一次编辑选项切换
        changeWb1(e) {
            this.formStateEdit.timeNoon1 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //编辑-午班第二次编辑选项切换
        getChangeWb2() {
            this.showWb2 = true
        },
        //编辑-午班第二次编辑选项切换
        changeWb2(e) {
            this.formStateEdit.timeNoon2 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //编辑-晚班第一次编辑选项切换
        getChangeNb1() {
            this.showNb1 = true
        },
        //编辑-晚班第一次编辑选项切换
        changeNb1(e) {
            this.formStateEdit.timeNight1 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },
        //编辑-晚班第二次编辑选型切换
        getChangeNb2() {
            this.showNb2 = true
        },
        //编辑-晚班第二次编辑选项切换
        changeNb2(e) {
            this.formStateEdit.timeNight2 = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
        },

        changeTb(e) {
            this.tbTime = moment(e.value).format('YYYY-MM-DD')
        },
        //点击弹出日期下拉选项
        getChangeTime() {
            this.showCalendar = true
        },
        getChangeTimeTb() {
            this.showCalendarTb = true
        },
        confirmTb() {
            this.showCalendarTb = false
            this.getGasList()
        },

        //新增光瓦失去焦点时参数校验
        getBlur(val) {
            if (val.slice(-1) === '0' || val.slice(-1) === '2' || val.slice(-1) === '4' || val.slice(-1) === '6' || val.slice(-1) === '8') {
                this.formState.gw = val
                this.isRule1 = true
            } else {
                this.formState.gw = ''
                this.isRule1 = false
            }
        },
        //新增CO2失去焦点时参数校验
        getBlurCO2(val) {
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                this.formState.co2 = val
                this.isRule = true
            } else {
                this.formState.co2 = ''
                this.isRule = false
            }
        },
        getBlurCO(val) {
            if (parseFloat(val) <= 24) {
                this.formState.co = val
                this.isRule14 = true
            } else {
                this.formState.co = ''
                this.isRule14 = false
            }
        },
        //编辑第一次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
            }
        },
        getBlurCO1(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coEarly1 = val
                this.isRule15 = true
            } else {
                this.formStateEdit.coEarly1 = ''
                this.isRule15 = 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
            }
        },
        getBlurC2(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coEarly2 = val
                this.isRule16 = true
            } else {
                this.formStateEdit.coEarly2 = ''
                this.isRule16 = 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
            }
        },
        getBlurCO3(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNoon1 = val
                this.isRule17 = true
            } else {
                this.formStateEdit.coNoon1 = ''
                this.isRule17 = 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
            }
        },
        getBlurCO4(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNoon2 = val
                this.isRule18 = true
            } else {
                this.formStateEdit.coNoon2 = ''
                this.isRule18 = 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
            }
        },
        getBlurCO5(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNight1 = val
                this.isRule19 = true
            } else {
                this.formStateEdit.coNight1 = ''
                this.isRule19 = 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
            }
        },
        getBlurCO6(val) {
            if (parseFloat(val) <= 24) {
                this.formStateEdit.coNight2 = val
                this.isRule20 = true
            } else {
                this.formStateEdit.coNight2 = ''
                this.isRule20 = 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
            }
        },


        //瓦斯新增
        getAdd() {
            let that = this
            that.isShowAdd = true
            that.isShowEdit = false
            that.formState.jcy = this.username
        },
        getAddSave() {
            let that = this
            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) {
                            that.getGasList()
                            that.isShowAdd = false
                            that.isShowEdit = false
                            that.clearData()
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });


        },
        //新增保存
        getConfirm() {
            let that = this
            that.getAddSave()
        },

        clearData() {
            this.formState = {
                id: '',
                bc: '',
                count: '',
                jcdd: '',
                mcgzm: '',
                jcy: this.username,
                time: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
                ch4: '',
                co2: '',
                co: '',
                o2: '',
                jw: '',
                gw: '',
                bxy: '',
                tbrq: moment(new Date()).format('YYYY-MM-DD'),
                temp: '',
            }
            this.isRule = true
            this.isRule1 = true
            this.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.isShowEdit = false
            this.clearData()
        },
        //编辑保存
        confirmEdit() {
            let that = this
            new Promise((resolve, reject) => {
                api
                    .getEdit({ ...that.formStateEdit })
                    .then((response) => {
                        if (response.data.code == 200) {
                            that.getGasList()
                            that.isShowAdd = false
                            that.isShowEdit = false
                            that.isSaveEdit=[]
                            that.clearData()
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        // 编辑关闭
        cancelEdit() {
            this.isShowAdd = false
            this.isShowEdit = false
            this.clearData()
        },
        convertToTimestamp(datetime) {
            const datetimeArr = datetime.split(' '); // 根据空格将字符串分割为日期和时间部分
            const dateArr = datetimeArr[0].split('-'); // 分割日期部分
            const timeArr = datetimeArr[1].split(':'); // 分割时间部分

            const year = parseInt(dateArr[0]);
            const month = parseInt(dateArr[1]) - 1; // 月份从0开始
            const day = parseInt(dateArr[2]);
            const hour = parseInt(timeArr[0]);
            const minute = parseInt(timeArr[1]);
            const second = parseInt(timeArr[2]);

            const timestamp = new Date(year, month, day, hour, minute, second).getTime();
            return timestamp;
        },
        filterToday(timestamps) {
            const today = new Date();
            today.setHours(0, 0, 0, 0); // 设置到今天的凌晨
            const todayTimestamp = today.getTime(); // 获取今天的时间戳

            return timestamps.filter(timestamp => {
                const date = new Date(timestamp);
                return date.getTime() >= todayTimestamp && date.getTime() < todayTimestamp + 24 * 60 * 60 * 1000;
            });
        },

        //获取瓦斯上报列表数据
        getGasList() {
            let that = this
            new Promise((resolve, reject) => {
                api
                    .getGas({ reportTime: that.tbTime, })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            let tableList = []
                            data.forEach(el => {
                                tableList.push(that.convertToTimestamp(el.createTime))
                            })
                            let todayData = that.filterToday(tableList)
                            that.gasList = []
                            todayData.forEach(v => {
                                let itemData = data.filter(m => that.convertToTimestamp(m.createTime) == v)[0]
                                that.gasList.push(itemData)
                            })
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //获取煤层工作面列表数据
        getMcList() {
            new Promise((resolve, reject) => {
                api
                    .getDictItems({ dictCode: 'coalseam' })
                    .then((response) => {
                        let data = response.data
                        this.rangeMcgzm = data.map(el => {
                            return {
                                text: el.label,
                                value: el.value,
                            }
                        })
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //获取安装位置下拉选项
        getSelectList() {
            let param = this.rangeMcgzm.filter(v => this.formState.mcgzm == v.value)[0].value
            new Promise((resolve, reject) => {
                api
                    .getSelect({ coalseam: param, devicekind: 'gasDayReport' })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result
                            this.rangeJcdd = data.map(v => {
                                return {
                                    text: v.strinstallpos,
                                    value: v.strinstallpos,
                                    deviceId: v.id,
                                }
                            })
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
    },

};
</script>

<style lang="scss" scoped>
.gas-report {
    position: relative;
    box-sizing: border-box;

    .gas-content {
        height: 708px;
        margin-top: 85px;
        box-sizing: border-box;
        overflow-y: auto;

        .top-title {
            height: 28px;
            margin-bottom: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .top-content {
            .content-title {
                height: 26px;
                line-height: 26px;
                padding: 0px 20px;
                font-size: 12px;
                background: url('/static/warndata/title.png') no-repeat;
                background-size: 100% 100%;
            }

            .content-item-box {
                padding: 10px 0px;

                .content-item {
                    height: 50px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    background: linear-gradient(to right, rgba(55, 135, 254, 0.08), rgba(4, 184, 255, 0.08), rgba(60, 161, 237, 0.08));
                    border-radius: 10px;
                    margin-bottom: 5px;

                    .item-l {
                        width: calc(50% - 2px);
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                    }

                    .item-c {
                        width: 4px;
                        height: 70%;
                        border-left: 2px solid;
                        border-image: linear-gradient(to bottom, transparent, rgba(140, 203, 254, 1), transparent) 1 1 1;
                    }

                    .item-r {
                        width: calc(50% - 2px);
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
        }

        .item-value {
            height: 20px;
            line-height: 20px;
            color: #0eb4fc;
            font-weight: bold;
        }

        .item-label {
            font-size: 12px;
        }

        .top-dialog-area,
        .center-dialog-area,
        .bottom-dialog-area {
            width: 100%;
            padding: 10px;
            box-sizing: border-box;
            background-color: #FFF;
            margin-bottom: 2px;
        }

        .top-gas-list {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            padding: 10px 20px;
            box-sizing: border-box;
            background-color: #FFF;
            margin-bottom: 2px;
        }

        .bot-gas-list {
            width: 100%;
            height: calc(100% - 94px);
            padding: 10px;
            box-sizing: border-box;
            background-color: #FFF;
            margin-bottom: 2px;
            overflow-y: auto;
        }

        .dialog-btn {
            display: flex;
            width: 100%;
            padding: 8px 10px;
            box-sizing: border-box;
            background-color: #FFF;

            // margin-bottom: 2px;
            .u-button {
                margin: 0px 10px;
            }
        }

        .dialog-title {
            height: 26px;
            line-height: 26px;
            padding: 0px 20px;
            margin-bottom: 10px;
            font-size: 12px;
            background: url('/static/warndata/title.png') no-repeat;
            background-size: 100% 100%;
        }

        .dialog-item {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;

            .dialog-label {
                width: 120px;
                text-align: right;
            }
        }

        .search-box {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;

            .dialog-label {
                width: 80px;
                text-align: right;
            }
        }

        .content-title-gas {
            position: relative;
            height: 26px;
            line-height: 26px;
            padding-left: 20px;
            font-size: 12px;
            background: url('/static/warndata/title.png') no-repeat;
            background-size: 100% 100%;
        }

        .icon-gas-edit {
            position: absolute;
            right: 35px;
            top: 0;
            cursor: pointer;
        }

        .icon-gas-del {
            position: absolute;
            right: 10px;
            top: 0;
            cursor: pointer;
        }
    }
}

::v-deep .u-input {
    padding: 2px 6px !important;
}

::v-deep .u-popup {
    flex: 0;
}

::v-deep .uni-select {
    height: 30px;
    border: 1px solid #dadbde;
}

::v-deep .uni-select__input-box {
    height: 30px;
}

::v-deep .uni-select__input-placeholder {
    font-size: 14px;
    text-align: center;
    color: rgb(192, 196, 204);
}
</style>