Vent-App/pages/gasreport/components/gasFill.vue

<template>
    <view class="gas-fill">
        <!-- 瓦斯上报列表 -->
        <view v-if="!isShowAdd && !zcShow">
            <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 v-if="hasPermission('gasReport:add')" type="primary" size="small" style="margin: 2px 0px;"
                    @click="getAdd">新增</u-button>
                <u-button type="success" size="small" style="margin: 2px 0px;" @click="openZc">暂存列表</u-button>
            </view>
            <view class="bot-gas-list">
                <view class="top-title">
                    <view style="font-weight: bold;">瓦斯填报列表</view>
                </view>
                <view class="top-content" v-for="(item, index) in gasList" :key="index">
                    <view class="content-title-gas">
                        <text>
                            {{ item.strInstallPos || '--' }}
                        </text>
                    </view>
                    <view class="content-item-box">
                        <view class="content-item">
                            <view class="item-l">
                                <view class="item-value">{{ item.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 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>

                </view>
            </view>

        </view>

        <!-- 新增弹窗 -->
        <view v-else-if="isShowAdd && !zcShow">
            <view class="top-dialog-area">
                <view class="dialog-item">
                    <text class="dialog-label">班次：</text>
                    <uni-data-select placeholder="请选择班次" style="text-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="请选择检测次数" style="text-align: center;" :clear="true"
                        v-model="formState.count" :localdata="rangeCount" @change="changeCount"></uni-data-select>
                </view>
                <view class="dialog-item" v-if="!nfcShow">
                    <text class="dialog-label">煤层工作面：</text>
                    <uni-data-select placeholder="请选择煤层工作面" style="text-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 v-if="!nfcShow" placeholder="请选择检测地点" style="text-align: center;" :clear="true"
                        v-model="formState.jcdd" :localdata="rangeJcdd" @change="changeJc"></uni-data-select>
                    <u--input v-else v-model="formState.jcdd" disabled inputAlign="center"></u--input>
                </view>
                <view class="dialog-item" @click="getChangeTime">
                    <text class="dialog-label">检测时间：</text>
                    <u--input v-model="formState.time" placeholder="请选择检测时间" inputAlign="center"
                        suffixIcon="arrow-right"></u--input>
                    <u-datetime-picker :show="showCalendar" v-model="timeRan" mode="datetime" closeOnClickOverlay
                        @confirm="showCalendar = false" @cancel="showCalendar = false" @change="change"
                        @close="showCalendar = false"></u-datetime-picker>
                </view>
                <view class="dialog-item">
                    <text class="dialog-label">填报日期：</text>
                    <u--input inputAlign="center" v-model="formState.tbrq" placeholder="请选择填报日期"></u--input>
                </view>
                <view class="dialog-item">
                    <text class="dialog-label">瓦斯检查工：</text>
                    <u--input inputAlign="center" disabled v-model="formState.jcy" placeholder="请输入"></u--input>
                </view>
            </view>
            <view>
                <view class="center-dialog-area">
                    <div class="dialog-title">气体检测数据</div>

                    <view class="dialog-item">
                        <text class="dialog-label">CH₄(%)：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.ch4"
                            :placeholder="isRule2 ? '请输入' : '数据有误'" type="number" @blur="getBlurCH4"
                            @input="changeInput($event, 'ch4')" clearable
                            :placeholderStyle="isRule2 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">CO₂(%)：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.co2"
                            :placeholder="isRule ? '请输入' : '数据有误'" type="number" @blur="getBlurCO2"
                            @input="changeInput($event, 'co2')" clearable
                            :placeholderStyle="isRule ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">CO(ppm)：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.co"
                            :placeholder="isRule14 ? '请输入' : '数据有误'" clearable
                            :placeholderStyle="isRule14 ? 'color:#c0c4cc' : 'color:#ff0000'" type="number"
                            @blur="getBlurCO" @input="changeInput($event, 'co')"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">O₂(%)：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" clearable type="number"
                            v-model="formState.o2" placeholder="请输入" @input="changeInput($event, 'o2')"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">T(℃)：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" clearable type="number"
                            @input="changeInput($event, 'temp')" v-model="formState.temp" placeholder="请输入"></u--input>
                    </view>
                </view>
                <!-- <view class="bottom-dialog-area">
                    <div class="dialog-title">三对照数据</div>
                    <view class="dialog-item">
                        <text class="dialog-label">甲烷传感器：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" type="number" v-model="formState.ch4"
                            placeholder="请输入" clearable @input="changeInput($event, 'ch4')"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">光瓦测量数据：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.gw"
                            :placeholder="isRule1 ? '请输入' : '数据有误'" type="number" @blur="getBlur" clearable
                            @input="changeInput($event, 'gw')"
                            :placeholderStyle="isRule1 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
                    </view>
                    <view class="dialog-item">
                        <text class="dialog-label">便携仪测量数据：</text>
                        <u--input inputAlign="center" :disabled="isDisabled"
                            :placeholderStyle="isRule3 ? 'color:#c0c4cc' : 'color:#ff0000'"
                            :placeholder="isRule3 ? '请输入' : '数据有误'" type="number" v-model="formState.bxy" clearable
                            @blur="getBlurBxy" @input="changeInput($event, 'bxy')"></u--input>
                    </view>

                </view> -->
            </view>
            <u-modal :show="isShowSave" title="提示" width="300px" confirmText="确定" cancelText="取消" showCancelButton
                buttonReverse zoom @confirm="confrimSave" @cancel="cancelSavve">
                <slot>
                    <u-icon name="info-circle" color="orange" size="16"></u-icon>
                    <text style="margin-left:5px">请确认数据填写无误!</text>
                </slot>
            </u-modal>
            <view class="dialog-btn">
                <u-button type="warning" size="small" @click="getComfirmZc">暂存</u-button>
                <u-button type="success" size="small" v-if="!isDisabled" @click="getConfirm">保存</u-button>
                <u-button type="primary" size="small" @click="getCancel">取消</u-button>
            </view>
        </view>

        <!-- 列表 -->
        <view style="height:100%" v-else>
            <saveComponent @closeZc="closeZc"></saveComponent>
        </view>
    </view>
</template>

<script>
import api from "@/api/api";
import moment from 'moment'
import testNfc from "@/common/util/hexiii-nfc.js"
import saveComponent from './save-component.vue'
import { mapGetters } from "vuex";
export default {
    name: 'gasFill',
    components: {
        saveComponent
    },
    props: {},
    data() {
        return {
            nfcShow: true,//是否使用NFC
            isDisabled: false,
            isStatus: '',
            deviceId: '',
            rangeBc: [
                { value: '夜班', text: "夜班" },
                { value: '早班', text: "早班" },
                { value: '中班', text: "中班" },
            ],
            rangeMcgzm: [],
            rangeJcdd: [],
            rangeCount: [
                { value: '第一次', text: '第一次' },
                { value: '第二次', text: '第二次' },
            ],
            isRule: true,
            isRule1: true,
            isRule14: true,
            isRule2: true,
            isRule3: true,
            //新增参数信息
            isShowAdd: false,//是否显示新增弹窗

            showCalendar: false,//控制日期选型下拉开启
            timeRan: Number(new Date()),
            gasList: [],//瓦斯填报列表数据
            tbTime: moment(new Date()).format('YYYY-MM-DD'),//查询条件-填报时间
            showCalendarTb: false,//控制填报时间组件弹出
            saveShowList: {},
            formState: {
                id: '',
                bc: '',
                count: '',
                jcdd: '',
                jcy: '',
                time: '',
                ch4: '',
                co2: '',
                co: '',
                o2: '',
                jw: '',
                // gw: '',
                // bxy: '',
                tbrq: '',
                temp: '',
                mcgzm: '',
            },
            zcList: [],//暂存列表
            zcShow: false,//是否显示暂存列表
            isShowSave: false,//控制保存提示弹窗显示隐藏
        };
    },
    computed: {
        username: function () {
            return uni.getStorageSync('login_user_info')['realname']
        },
        cardIds: function () {
            return this.$store.getters.nfcreadtxt
        }
    },
    watch: {
        cardIds: {
            handler(newV, oldV) {
                if (newV) {
                    this.getCardLists(newV)
                }
            },
            immediate: true
        }
    },
    mounted() {
        this.getGasList()
        this.getMcList()
    },
    methods: {
        hasPermission(param) {
            let permission = uni.getStorageSync('btnPermission')
            return permission.filter(v => v.action == param).length != 0 ? true : false
        },
        //班次下拉选项切换
        changeBc(e) {
            let that = this
            console.log(e, '班次----------')
            this.formState.bc = e
            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                if (that.saveShowList.bxySdzEarly1 || that.saveShowList.ch4Early1 || that.saveShowList.co2Early1 || that.saveShowList.coEarly1 || that.saveShowList.gwSdzEarly1 || that.saveShowList.jwSdzEarly1 || that.saveShowList.o2Early1 || that.saveShowList.tearly1) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Early1 || '',
                        co2: that.saveShowList.co2Early1 || '',
                        co: that.saveShowList.coEarly1 || '',
                        o2: that.saveShowList.o2Early1 || '',
                        jw: that.saveShowList.jwSdzEarly1 || '',
                        // gw: that.saveShowList.gwSdzEarly1 || '',
                        // bxy: that.saveShowList.bxySdzEarly1 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tearly1 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                if (that.saveShowList.bxySdzEarly2 || that.saveShowList.ch4Early2 || that.saveShowList.co2Early2 || that.saveShowList.coEarly2 || that.saveShowList.gwSdzEarly2 || that.saveShowList.jwSdzEarly2 || that.saveShowList.o2Early2 || that.saveShowList.tearly2) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Early2 || '',
                        co2: that.saveShowList.co2Early2 || '',
                        co: that.saveShowList.coEarly2 || '',
                        o2: that.saveShowList.o2Early2 || '',
                        jw: that.saveShowList.jwSdzEarly2 || '',
                        // gw: that.saveShowList.gwSdzEarly2 || '',
                        // bxy: that.saveShowList.bxySdzEarly2 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tearly2 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                if (that.saveShowList.bxySdzNoon1 || that.saveShowList.ch4Noon1 || that.saveShowList.co2Noon1 || that.saveShowList.coNoon1 || that.saveShowList.gwSdzNoon1 || that.saveShowList.jwSdzNoon1 || that.saveShowList.o2Noon1 || that.saveShowList.tnoon1) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.bxySdzNoon1 || '',
                        co2: that.saveShowList.co2Noon1 || '',
                        co: that.saveShowList.coNoon1 || '',
                        o2: that.saveShowList.o2Noon1 || '',
                        jw: that.saveShowList.jwSdzNoon1 || '',
                        // gw: that.saveShowList.gwSdzNoon1 || '',
                        // bxy: that.saveShowList.bxySdzNoon1 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnoon1 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                if (that.saveShowList.bxySdzNoon2 || that.saveShowList.ch4Noon2 || that.saveShowList.co2Noon2 || that.saveShowList.coNoon2 || that.saveShowList.gwSdzNoon2 || that.saveShowList.jwSdzNoon2 || that.saveShowList.o2Noon2 || that.saveShowList.tnoon2) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.bxySdzNoon2 || '',
                        co2: that.saveShowList.co2Noon2 || '',
                        co: that.saveShowList.coNoon2 || '',
                        o2: that.saveShowList.o2Noon2 || '',
                        jw: that.saveShowList.jwSdzNoon2 || '',
                        // gw: that.saveShowList.gwSdzNoon2 || '',
                        // bxy: that.saveShowList.bxySdzNoon2 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnoon2 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                if (that.saveShowList.bxySdzNight1 || that.saveShowList.ch4Night1 || that.saveShowList.co2Night1 || that.saveShowList.coNight1 || that.saveShowList.gwSdzNight1 || that.saveShowList.jwSdzNight1 || that.saveShowList.o2Night1 || that.saveShowList.tnight1) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Night1 || '',
                        co2: that.saveShowList.co2Night1 || '',
                        co: that.saveShowList.coNight1 || '',
                        o2: that.saveShowList.o2Night1 || '',
                        jw: that.saveShowList.jwSdzNight1 || '',
                        // gw: that.saveShowList.gwSdzNight1 || '',
                        // bxy: that.saveShowList.bxySdzNight1 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnight1 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                if (that.saveShowList.bxySdzNight2 || that.saveShowList.ch4Night2 || that.saveShowList.co2Night2 || that.saveShowList.coNight2 || that.saveShowList.gwSdzNight2 || that.saveShowList.jwSdzNight2 || that.saveShowList.o2Night2 || that.saveShowList.tnight2) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Night2 || '',
                        co2: that.saveShowList.co2Night2 || '',
                        co: that.saveShowList.coNight2 || '',
                        o2: that.saveShowList.o2Night2 || '',
                        jw: that.saveShowList.jwSdzNight2 || '',
                        // gw: that.saveShowList.gwSdzNight2 || '',
                        // bxy: that.saveShowList.bxySdzNight2 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnight2 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            }
        },
        //监测次数选项切换
        changeCount(e) {
            let that = this
            that.formState.count = e
            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                if (that.saveShowList.bxySdzEarly1 || that.saveShowList.ch4Early1 || that.saveShowList.co2Early1 || that.saveShowList.coEarly1 || that.saveShowList.gwSdzEarly1 || that.saveShowList.jwSdzEarly1 || that.saveShowList.o2Early1 || that.saveShowList.tearly1) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Early1 || '',
                        co2: that.saveShowList.co2Early1 || '',
                        co: that.saveShowList.coEarly1 || '',
                        o2: that.saveShowList.o2Early1 || '',
                        jw: that.saveShowList.jwSdzEarly1 || '',
                        // gw: that.saveShowList.gwSdzEarly1 || '',
                        // bxy: that.saveShowList.bxySdzEarly1 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tearly1 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                if (that.saveShowList.bxySdzEarly2 || that.saveShowList.ch4Early2 || that.saveShowList.co2Early2 || that.saveShowList.coEarly2 || that.saveShowList.gwSdzEarly2 || that.saveShowList.jwSdzEarly2 || that.saveShowList.o2Early2 || that.saveShowList.tearly2) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Early2 || '',
                        co2: that.saveShowList.co2Early2 || '',
                        co: that.saveShowList.coEarly2 || '',
                        o2: that.saveShowList.o2Early2 || '',
                        jw: that.saveShowList.jwSdzEarly2 || '',
                        // gw: that.saveShowList.gwSdzEarly2 || '',
                        // bxy: that.saveShowList.bxySdzEarly2 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tearly2 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                if (that.saveShowList.bxySdzNoon1 || that.saveShowList.ch4Noon1 || that.saveShowList.co2Noon1 || that.saveShowList.coNoon1 || that.saveShowList.gwSdzNoon1 || that.saveShowList.jwSdzNoon1 || that.saveShowList.o2Noon1 || that.saveShowList.tnoon1) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.bxySdzNoon1 || '',
                        co2: that.saveShowList.co2Noon1 || '',
                        co: that.saveShowList.coNoon1 || '',
                        o2: that.saveShowList.o2Noon1 || '',
                        jw: that.saveShowList.jwSdzNoon1 || '',
                        // gw: that.saveShowList.gwSdzNoon1 || '',
                        // bxy: that.saveShowList.bxySdzNoon1 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnoon1 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                if (that.saveShowList.bxySdzNoon2 || that.saveShowList.ch4Noon2 || that.saveShowList.co2Noon2 || that.saveShowList.coNoon2 || that.saveShowList.gwSdzNoon2 || that.saveShowList.jwSdzNoon2 || that.saveShowList.o2Noon2 || that.saveShowList.tnoon2) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.bxySdzNoon2 || '',
                        co2: that.saveShowList.co2Noon2 || '',
                        co: that.saveShowList.coNoon2 || '',
                        o2: that.saveShowList.o2Noon2 || '',
                        jw: that.saveShowList.jwSdzNoon2 || '',
                        // gw: that.saveShowList.gwSdzNoon2 || '',
                        // bxy: that.saveShowList.bxySdzNoon2 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnoon2 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                if (that.saveShowList.bxySdzNight1 || that.saveShowList.ch4Night1 || that.saveShowList.co2Night1 || that.saveShowList.coNight1 || that.saveShowList.gwSdzNight1 || that.saveShowList.jwSdzNight1 || that.saveShowList.o2Night1 || that.saveShowList.tnight1) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Night1 || '',
                        co2: that.saveShowList.co2Night1 || '',
                        co: that.saveShowList.coNight1 || '',
                        o2: that.saveShowList.o2Night1 || '',
                        jw: that.saveShowList.jwSdzNight1 || '',
                        // gw: that.saveShowList.gwSdzNight1 || '',
                        // bxy: that.saveShowList.bxySdzNight1 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnight1 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                if (that.saveShowList.bxySdzNight2 || that.saveShowList.ch4Night2 || that.saveShowList.co2Night2 || that.saveShowList.coNight2 || that.saveShowList.gwSdzNight2 || that.saveShowList.jwSdzNight2 || that.saveShowList.o2Night2 || that.saveShowList.tnight2) {
                    that.formState = {
                        id: that.saveShowList.id || '',
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: that.saveShowList.ch4Night2 || '',
                        co2: that.saveShowList.co2Night2 || '',
                        co: that.saveShowList.coNight2 || '',
                        o2: that.saveShowList.o2Night2 || '',
                        jw: that.saveShowList.jwSdzNight2 || '',
                        // gw: that.saveShowList.gwSdzNight2 || '',
                        // bxy: that.saveShowList.bxySdzNight2 || '',
                        tbrq: that.formState.tbrq,
                        temp: that.saveShowList.tnight2 || '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = true
                } else {
                    that.formState = {
                        id: that.formState.id,
                        bc: that.formState.bc,
                        count: that.formState.count,
                        jcdd: that.formState.jcdd,
                        jcy: that.formState.jcy,
                        time: that.formState.time,
                        ch4: '',
                        co2: '',
                        co: '',
                        o2: '',
                        jw: '',
                        // gw: '',
                        // bxy: '',
                        tbrq: that.formState.tbrq,
                        temp: '',
                        mcgzm: that.formState.mcgzm,
                    }
                    that.isDisabled = false
                }
            }
        },
        //检测地点拉选项切换
        changeJc(e) {
            let that = this
            that.formState.jcdd = e
            that.deviceId = that.rangeJcdd.filter(v => v.text == e)[0].deviceId
            new Promise((resolve, reject) => {
                api
                    .getGas({ reportTime: that.formState.tbrq, deviceId: that.deviceId })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            if (data.length != 0) {
                                that.saveShowList = data[0]
                                if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                                    if (that.saveShowList.bxySdzEarly1 || that.saveShowList.ch4Early1 || that.saveShowList.co2Early1 || that.saveShowList.coEarly1 || that.saveShowList.gwSdzEarly1 || that.saveShowList.jwSdzEarly1 || that.saveShowList.o2Early1 || that.saveShowList.tearly1) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Early1 || '',
                                            co2: that.saveShowList.co2Early1 || '',
                                            co: that.saveShowList.coEarly1 || '',
                                            o2: that.saveShowList.o2Early1 || '',
                                            jw: that.saveShowList.jwSdzEarly1 || '',
                                            // gw: that.saveShowList.gwSdzEarly1 || '',
                                            // bxy: that.saveShowList.bxySdzEarly1 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tearly1 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                                    if (that.saveShowList.bxySdzEarly2 || that.saveShowList.ch4Early2 || that.saveShowList.co2Early2 || that.saveShowList.coEarly2 || that.saveShowList.gwSdzEarly2 || that.saveShowList.jwSdzEarly2 || that.saveShowList.o2Early2 || that.saveShowList.tearly2) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Early2 || '',
                                            co2: that.saveShowList.co2Early2 || '',
                                            co: that.saveShowList.coEarly2 || '',
                                            o2: that.saveShowList.o2Early2 || '',
                                            jw: that.saveShowList.jwSdzEarly2 || '',
                                            // gw: that.saveShowList.gwSdzEarly2 || '',
                                            // bxy: that.saveShowList.bxySdzEarly2 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tearly2 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                                    if (that.saveShowList.bxySdzNoon1 || that.saveShowList.ch4Noon1 || that.saveShowList.co2Noon1 || that.saveShowList.coNoon1 || that.saveShowList.gwSdzNoon1 || that.saveShowList.jwSdzNoon1 || that.saveShowList.o2Noon1 || that.saveShowList.tnoon1) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.bxySdzNoon1 || '',
                                            co2: that.saveShowList.co2Noon1 || '',
                                            co: that.saveShowList.coNoon1 || '',
                                            o2: that.saveShowList.o2Noon1 || '',
                                            jw: that.saveShowList.jwSdzNoon1 || '',
                                            // gw: that.saveShowList.gwSdzNoon1 || '',
                                            // bxy: that.saveShowList.bxySdzNoon1 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnoon1 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                                    if (that.saveShowList.bxySdzNoon2 || that.saveShowList.ch4Noon2 || that.saveShowList.co2Noon2 || that.saveShowList.coNoon2 || that.saveShowList.gwSdzNoon2 || that.saveShowList.jwSdzNoon2 || that.saveShowList.o2Noon2 || that.saveShowList.tnoon2) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.bxySdzNoon2 || '',
                                            co2: that.saveShowList.co2Noon2 || '',
                                            co: that.saveShowList.coNoon2 || '',
                                            o2: that.saveShowList.o2Noon2 || '',
                                            jw: that.saveShowList.jwSdzNoon2 || '',
                                            // gw: that.saveShowList.gwSdzNoon2 || '',
                                            // bxy: that.saveShowList.bxySdzNoon2 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnoon2 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                                    if (that.saveShowList.bxySdzNight1 || that.saveShowList.ch4Night1 || that.saveShowList.co2Night1 || that.saveShowList.coNight1 || that.saveShowList.gwSdzNight1 || that.saveShowList.jwSdzNight1 || that.saveShowList.o2Night1 || that.saveShowList.tnight1) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Night1 || '',
                                            co2: that.saveShowList.co2Night1 || '',
                                            co: that.saveShowList.coNight1 || '',
                                            o2: that.saveShowList.o2Night1 || '',
                                            jw: that.saveShowList.jwSdzNight1 || '',
                                            // gw: that.saveShowList.gwSdzNight1 || '',
                                            // bxy: that.saveShowList.bxySdzNight1 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnight1 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                                    if (that.saveShowList.bxySdzNight2 || that.saveShowList.ch4Night2 || that.saveShowList.co2Night2 || that.saveShowList.coNight2 || that.saveShowList.gwSdzNight2 || that.saveShowList.jwSdzNight2 || that.saveShowList.o2Night2 || that.saveShowList.tnight2) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Night2 || '',
                                            co2: that.saveShowList.co2Night2 || '',
                                            co: that.saveShowList.coNight2 || '',
                                            o2: that.saveShowList.o2Night2 || '',
                                            jw: that.saveShowList.jwSdzNight2 || '',
                                            // gw: that.saveShowList.gwSdzNight2 || '',
                                            // bxy: that.saveShowList.bxySdzNight2 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnight2 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                }
                            } else {
                                that.isDisabled = false
                                that.saveShowList = {}
                                that.formState = {
                                    id: '',
                                    bc: that.formState.bc || '',
                                    count: that.formState.count || '',
                                    jcdd: that.formState.jcdd || '',
                                    mcgzm: that.formState.mcgzm || '',
                                    jcy: that.formState.jcy || '',
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    ch4: '',
                                    co2: '',
                                    co: '',
                                    o2: '',
                                    jw: '',
                                    // gw: '',
                                    // bxy: '',
                                    temp: '',
                                }
                            }
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //工作面煤层选项切换
        changeMc(e) {
            this.formState.mcgzm = e
            this.getSelectList()
        },
        //检测时间下拉选项切换
        change(e) {
            let that = this
            that.formState.time = moment(e.value).format('YYYY-MM-DD HH:mm:ss')
            that.formState.tbrq = moment(e.value).format('YYYY-MM-DD')
            new Promise((resolve, reject) => {
                api
                    .getGas({ reportTime: that.formState.tbrq, deviceId: that.deviceId })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            if (data.length != 0) {
                                that.saveShowList = data[0]
                                if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                                    if (that.saveShowList.bxySdzEarly1 || that.saveShowList.ch4Early1 || that.saveShowList.co2Early1 || that.saveShowList.coEarly1 || that.saveShowList.gwSdzEarly1 || that.saveShowList.jwSdzEarly1 || that.saveShowList.o2Early1 || that.saveShowList.tearly1) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Early1 || '',
                                            co2: that.saveShowList.co2Early1 || '',
                                            co: that.saveShowList.coEarly1 || '',
                                            o2: that.saveShowList.o2Early1 || '',
                                            jw: that.saveShowList.jwSdzEarly1 || '',
                                            // gw: that.saveShowList.gwSdzEarly1 || '',
                                            // bxy: that.saveShowList.bxySdzEarly1 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tearly1 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                                    if (that.saveShowList.bxySdzEarly2 || that.saveShowList.ch4Early2 || that.saveShowList.co2Early2 || that.saveShowList.coEarly2 || that.saveShowList.gwSdzEarly2 || that.saveShowList.jwSdzEarly2 || that.saveShowList.o2Early2 || that.saveShowList.tearly2) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Early2 || '',
                                            co2: that.saveShowList.co2Early2 || '',
                                            co: that.saveShowList.coEarly2 || '',
                                            o2: that.saveShowList.o2Early2 || '',
                                            jw: that.saveShowList.jwSdzEarly2 || '',
                                            // gw: that.saveShowList.gwSdzEarly2 || '',
                                            // bxy: that.saveShowList.bxySdzEarly2 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tearly2 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                                    if (that.saveShowList.bxySdzNoon1 || that.saveShowList.ch4Noon1 || that.saveShowList.co2Noon1 || that.saveShowList.coNoon1 || that.saveShowList.gwSdzNoon1 || that.saveShowList.jwSdzNoon1 || that.saveShowList.o2Noon1 || that.saveShowList.tnoon1) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.bxySdzNoon1 || '',
                                            co2: that.saveShowList.co2Noon1 || '',
                                            co: that.saveShowList.coNoon1 || '',
                                            o2: that.saveShowList.o2Noon1 || '',
                                            jw: that.saveShowList.jwSdzNoon1 || '',
                                            // gw: that.saveShowList.gwSdzNoon1 || '',
                                            // bxy: that.saveShowList.bxySdzNoon1 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnoon1 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                                    if (that.saveShowList.bxySdzNoon2 || that.saveShowList.ch4Noon2 || that.saveShowList.co2Noon2 || that.saveShowList.coNoon2 || that.saveShowList.gwSdzNoon2 || that.saveShowList.jwSdzNoon2 || that.saveShowList.o2Noon2 || that.saveShowList.tnoon2) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.bxySdzNoon2 || '',
                                            co2: that.saveShowList.co2Noon2 || '',
                                            co: that.saveShowList.coNoon2 || '',
                                            o2: that.saveShowList.o2Noon2 || '',
                                            jw: that.saveShowList.jwSdzNoon2 || '',
                                            // gw: that.saveShowList.gwSdzNoon2 || '',
                                            // bxy: that.saveShowList.bxySdzNoon2 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnoon2 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                                    if (that.saveShowList.bxySdzNight1 || that.saveShowList.ch4Night1 || that.saveShowList.co2Night1 || that.saveShowList.coNight1 || that.saveShowList.gwSdzNight1 || that.saveShowList.jwSdzNight1 || that.saveShowList.o2Night1 || that.saveShowList.tnight1) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Night1 || '',
                                            co2: that.saveShowList.co2Night1 || '',
                                            co: that.saveShowList.coNight1 || '',
                                            o2: that.saveShowList.o2Night1 || '',
                                            jw: that.saveShowList.jwSdzNight1 || '',
                                            // gw: that.saveShowList.gwSdzNight1 || '',
                                            // bxy: that.saveShowList.bxySdzNight1 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnight1 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                                    if (that.saveShowList.bxySdzNight2 || that.saveShowList.ch4Night2 || that.saveShowList.co2Night2 || that.saveShowList.coNight2 || that.saveShowList.gwSdzNight2 || that.saveShowList.jwSdzNight2 || that.saveShowList.o2Night2 || that.saveShowList.tnight2) {
                                        that.formState = {
                                            id: that.saveShowList.id || '',
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: that.saveShowList.ch4Night2 || '',
                                            co2: that.saveShowList.co2Night2 || '',
                                            co: that.saveShowList.coNight2 || '',
                                            o2: that.saveShowList.o2Night2 || '',
                                            jw: that.saveShowList.jwSdzNight2 || '',
                                            // gw: that.saveShowList.gwSdzNight2 || '',
                                            // bxy: that.saveShowList.bxySdzNight2 || '',
                                            tbrq: that.formState.tbrq,
                                            temp: that.saveShowList.tnight2 || '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = true
                                    } else {
                                        that.formState = {
                                            id: that.formState.id,
                                            bc: that.formState.bc,
                                            count: that.formState.count,
                                            jcdd: that.formState.jcdd,
                                            jcy: that.formState.jcy,
                                            time: that.formState.time,
                                            ch4: '',
                                            co2: '',
                                            co: '',
                                            o2: '',
                                            jw: '',
                                            // gw: '',
                                            // bxy: '',
                                            tbrq: that.formState.tbrq,
                                            temp: '',
                                            mcgzm: that.formState.mcgzm,
                                        }
                                        that.isDisabled = false
                                    }
                                }
                            } else {
                                that.isDisabled = false
                                that.saveShowList = {}
                                that.formState = {
                                    id: '',
                                    bc: that.formState.bc || '',
                                    count: that.formState.count || '',
                                    jcdd: that.formState.jcdd || '',
                                    mcgzm: that.formState.mcgzm || '',
                                    jcy: that.formState.jcy || '',
                                    time: that.formState.time,
                                    tbrq: that.formState.tbrq,
                                    ch4: '',
                                    co2: '',
                                    co: '',
                                    o2: '',
                                    jw: '',
                                    // gw: '',
                                    // bxy: '',
                                    temp: '',
                                }
                            }
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });

        },
        changeTb(e) {
            this.tbTime = moment(e.value).format('YYYY-MM-DD')
        },
        //点击弹出日期下拉选项
        getChangeTime() {
            this.showCalendar = true
        },
        getChangeTimeTb() {
            this.showCalendarTb = true
        },
        confirmTb() {
            this.showCalendarTb = false
            this.getGasList()
        },
        //输入框内容变换
        changeInput(val, data) {
            if (/^00/.test(val)) {
                this.formState[data] = val.replace(/^00/, '0');
            } else {
                this.formState[data] = val
            }
        },
        //便携仪失去焦点时参数校验
        // getBlurBxy(val) {
        //     let str = val.substring(val.indexOf('.') + 1).split('')
        //     if (/^(\-|\+)?\d+$/.test(val)) {
        //         this.formState.bxy = val
        //         this.isRule3 = true
        //     } else if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val) && str.length <= 2) {
        //         this.formState.bxy = val
        //         this.isRule3 = true
        //     } else {
        //         this.formState.bxy = ''
        //         this.isRule3 = false
        //     }
        // },
        //新增光瓦失去焦点时参数校验
        // getBlur(val) {
        //     let str = val.substring(val.indexOf('.') + 1).split('')
        //     if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
        //         if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val)) {
        //             if (str.length <= 2) {
        //                 this.formState.gw = val
        //                 this.isRule1 = true
        //             } else {
        //                 this.formState.gw = ''
        //                 this.isRule1 = false
        //             }
        //         } else {
        //             this.formState.gw = val
        //             this.isRule1 = true
        //         }
        //     } else {
        //         this.formState.gw = ''
        //         this.isRule1 = false
        //     }
        // },
        //新增CO2失去焦点时参数校验
        getBlurCO2(val) {
            let str = val.substring(val.indexOf('.') + 1).split('')
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val)) {
                    if (str.length <= 2) {
                        this.formState.co2 = val
                        this.isRule = true
                    } else {
                        this.formState.co2 = ''
                        this.isRule = false
                    }
                } else {
                    this.formState.co2 = val
                    this.isRule = true
                }
            } else {
                this.formState.co2 = ''
                this.isRule = false
            }
        },
        //新增CH4失去焦点时参数校验
        getBlurCH4(val) {
            let str = val.substring(val.indexOf('.') + 1).split('')
            if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
                if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val)) {
                    if (str.length <= 2) {
                        this.formState.ch4 = val
                        this.isRule2 = true
                    } else {
                        this.formState.ch4 = ''
                        this.isRule2 = false
                    }
                } else {
                    this.formState.ch4 = val
                    this.isRule2 = true
                }
            } else {
                this.formState.ch4 = ''
                this.isRule2 = false
            }
        },
        getBlurCO(val) {
            let str = val.substring(val.indexOf('.') + 1).split('')
            if (/^(\-|\+)?\d+$/.test(val) && parseFloat(val) <= 24) {
                this.formState.co = val
                this.isRule14 = true
            } else if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val) && str.length <= 2 && parseFloat(val) <= 24) {
                this.formState.co = val
                this.isRule14 = true
            } else {
                this.formState.co = ''
                this.isRule14 = false
            }
        },
        //根据NFC读取数据获取监测地点信息
        getCardLists(ids) {
            let that = this
            new Promise((resolve, reject) => {
                api
                    .getCardList({ id: ids })
                    .then((response) => {

                        if (response.data.code == 200) {
                            let data = response.data.result
                            that.formState.jcdd = data.strInstallPos
                            that.deviceId = data.deviceId
                        } else {
                            uni.showToast({
                                title: '检测地点识别失败!',
                                icon: 'none' // 可选图标，'success', 'loading', 'none'
                            });
                        }
                    }).catch((e) => {
                        uni.showToast({
                            title: '检测地点识别失败!',
                            icon: 'none' // 可选图标，'success', 'loading', 'none'
                        });
                    })
            });
        },
        //瓦斯新增
        getAdd() {
            let that = this
            that.isShowAdd = true
            that.zcShow = false
            that.isStatus = 'add'
            that.formState.jcy = this.username
            that.formState.time = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
            that.formState. tbrq = moment(new Date()).format('YYYY-MM-DD')
            if (that.nfcShow) {
                testNfc.listenNFCStatus()
                testNfc.readData();
            }

        },
        getAddSave() {
            let that = this
            let param = {}

            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                param = {
                    // id: that.formState.id,
                    deviceId: that.deviceId,
                    // bxySdzEarly1: that.formState.bxy,
                    ch4Early1: that.formState.ch4,
                    checkPersonEarly: that.formState.jcy,
                    co2Early1: that.formState.co2,
                    coEarly1: that.formState.co,
                    // gwSdzEarly1: that.formState.gw,
                    jwSdzEarly1: that.formState.ch4,
                    o2Early1: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeEarly1: that.formState.time,
                    reportTime: that.formState.tbrq,
                    tearly1: that.formState.temp
                }

            } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                param = {
                    deviceId: that.deviceId,
                    // id: that.formState.id,
                    // bxySdzEarly2: that.formState.bxy,
                    ch4Early2: that.formState.ch4,
                    checkPersonEarly: that.formState.jcy,
                    co2Early2: that.formState.co2,
                    coEarly2: that.formState.co,
                    // gwSdzEarly2: that.formState.gw,
                    jwSdzEarly2: that.formState.ch4,
                    o2Early2: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeEarly2: that.formState.time,
                    reportTime: that.formState.tbrq,
                    tearly2: that.formState.temp
                }

            } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                param = {
                    deviceId: that.deviceId,
                    // id: that.formState.id,
                    // bxySdzNoon1: that.formState.bxy,
                    ch4Noon1: that.formState.ch4,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon1: that.formState.co2,
                    coNoon1: that.formState.co,
                    // gwSdzNoon1: that.formState.gw,
                    jwSdzNoon1: that.formState.ch4,
                    o2Noon1: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNoon1: that.formState.time,
                    reportTime: that.formState.tbrq,
                    tnoon1: that.formState.temp
                }

            } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                param = {
                    deviceId: that.deviceId,
                    // id: that.formState.id,
                    // bxySdzNoon2: that.formState.bxy,
                    ch4Noon2: that.formState.ch4,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon2: that.formState.co2,
                    coNoon2: that.formState.co,
                    // gwSdzNoon2: that.formState.gw,
                    jwSdzNoon2: that.formState.ch4,
                    o2Noon2: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNoon2: that.formState.time,
                    reportTime: that.formState.tbrq,
                    tnoon2: that.formState.temp
                }

            } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                param = {
                    deviceId: that.deviceId,
                    // id: that.formState.id,
                    // bxySdzNight1: that.formState.bxy,
                    ch4Night1: that.formState.ch4,
                    checkPersonNight: that.formState.jcy,
                    co2Night1: that.formState.co2,
                    coNight1: that.formState.co,
                    // gwSdzNight1: that.formState.gw,
                    jwSdzNight1: that.formState.ch4,
                    o2Night1: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNight1: that.formState.time,
                    reportTime: that.formState.tbrq,
                    tnight1: that.formState.temp
                }

            } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                param = {
                    deviceId: that.deviceId,
                    // id: that.formState.id,
                    // bxySdzNight2: that.formState.bxy,
                    ch4Night2: that.formState.ch4,
                    checkPersonNoon: that.formState.jcy,
                    co2Night2: that.formState.co2,
                    coNight2: that.formState.co,
                    // gwSdzNight2: that.formState.gw,
                    jwSdzNight2: that.formState.ch4,
                    o2Night2: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNight2: that.formState.time,
                    reportTime: that.formState.tbrq,
                    tnight2: that.formState.temp
                }

            }
            new Promise((resolve, reject) => {
                api
                    .getAdd({ ...param })
                    .then((response) => {
                        if (response.data.code == 200) {
                            that.getGasList()
                            that.isShowAdd = false
                            that.isDisabled = false
                            that.saveShowList = {}
                            that.clearData()
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });


        },
        getEditSave() {
            let that = this
            let param = {}

            if (that.formState.bc == '早班' && that.formState.count == '第一次') {
                param = {
                    id: that.saveShowList.id,
                    // bxySdzEarly1: that.formState.bxy,
                    ch4Early1: that.formState.ch4,
                    checkPersonEarly: that.formState.jcy,
                    co2Early1: that.formState.co2,
                    coEarly1: that.formState.co,
                    // gwSdzEarly1: that.formState.gw,
                    jwSdzEarly1: that.formState.ch4,
                    o2Early1: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeEarly1: that.formState.time,
                    tearly1: that.formState.temp,

                    bxySdzEarly2: that.saveShowList.bxySdzEarly2,
                    ch4Early2: that.saveShowList.ch4Early2,
                    co2Early2: that.saveShowList.co2Early2,
                    coEarly2: that.saveShowList.coEarly2,
                    gwSdzEarly2: that.saveShowList.gwSdzEarly2,
                    jwSdzEarly2: that.saveShowList.jwSdzEarly2,
                    o2Early2: that.saveShowList.o2Early2,
                    timeEarly2: that.saveShowList.timeEarly2,
                    tearly2: that.saveShowList.tearly2,

                    bxySdzNoon1: that.saveShowList.bxySdzNoon1,
                    ch4Noon1: that.saveShowList.ch4Noon1,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon1: that.saveShowList.co2Noon1,
                    coNoon1: that.saveShowList.coNoon1,
                    gwSdzNoon1: that.saveShowList.gwSdzNoon1,
                    jwSdzNoon1: that.saveShowList.jwSdzNoon1,
                    o2Noon1: that.saveShowList.o2Noon1,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNoon1: that.saveShowList.timeNoon1,
                    tnoon1: that.saveShowList.tnoon1,

                    bxySdzNoon2: that.saveShowList.bxySdzNoon2,
                    ch4Noon2: that.saveShowList.ch4Noon2,
                    co2Noon2: that.saveShowList.co2Noon2,
                    coNoon2: that.saveShowList.coNoon2,
                    gwSdzNoon2: that.saveShowList.gwSdzNoon2,
                    jwSdzNoon2: that.saveShowList.jwSdzNoon2,
                    o2Noon2: that.saveShowList.o2Noon2,
                    timeNoon2: that.saveShowList.timeNoon2,
                    tnoon2: that.saveShowList.tnoon2,


                    bxySdzNight1: that.saveShowList.bxySdzNight1,
                    ch4Night1: that.saveShowList.ch4Night1,
                    checkPersonNight: that.formState.jcy,
                    co2Night1: that.saveShowList.co2Night1,
                    coNight1: that.saveShowList.coNight1,
                    gwSdzNight1: that.saveShowList.gwSdzNight1,
                    jwSdzNight1: that.saveShowList.jwSdzNight1,
                    o2Night1: that.saveShowList.o2Night1,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNight1: that.saveShowList.timeNight1,
                    tnight1: that.saveShowList.tnight1,


                    bxySdzNight2: that.saveShowList.bxySdzNight2,
                    ch4Night2: that.saveShowList.ch4Night2,
                    co2Night2: that.saveShowList.co2Night2,
                    coNight2: that.saveShowList.coNight2,
                    gwSdzNight2: that.saveShowList.gwSdzNight2,
                    jwSdzNight2: that.saveShowList.jwSdzNight2,
                    o2Night2: that.saveShowList.o2Night2,
                    timeNight2: that.saveShowList.timeNight2,
                    tnight2: that.saveShowList.tnight2,
                }

            } else if (that.formState.bc == '早班' && that.formState.count == '第二次') {
                param = {
                    id: that.saveShowList.id,
                    bxySdzEarly1: that.saveShowList.bxySdzEarly1,
                    ch4Early1: that.saveShowList.ch4Early1,
                    co2Early1: that.saveShowList.co2Early1,
                    coEarly1: that.saveShowList.coEarly1,
                    gwSdzEarly1: that.saveShowList.gwSdzEarly1,
                    jwSdzEarly1: that.saveShowList.jwSdzEarly1,
                    o2Early1: that.saveShowList.o2Early1,
                    timeEarly1: that.saveShowList.timeEarly1,
                    tearly1: that.saveShowList.tearly1,

                    // bxySdzEarly2: that.formState.bxy,
                    ch4Early2: that.formState.ch4,
                    checkPersonEarly: that.formState.jcy,
                    co2Early2: that.formState.co2,
                    coEarly2: that.formState.co,
                    // gwSdzEarly2: that.formState.gw,
                    jwSdzEarly2: that.formState.ch4,
                    o2Early2: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeEarly2: that.formState.time,
                    tearly2: that.formState.temp,

                    bxySdzNoon1: that.saveShowList.bxySdzNoon1,
                    ch4Noon1: that.saveShowList.ch4Noon1,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon1: that.saveShowList.co2Noon1,
                    coNoon1: that.saveShowList.coNoon1,
                    gwSdzNoon1: that.saveShowList.gwSdzNoon1,
                    jwSdzNoon1: that.saveShowList.jwSdzNoon1,
                    o2Noon1: that.saveShowList.o2Noon1,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNoon1: that.saveShowList.timeNoon1,
                    tnoon1: that.saveShowList.tnoon1,

                    bxySdzNoon2: that.saveShowList.bxySdzNoon2,
                    ch4Noon2: that.saveShowList.ch4Noon2,
                    co2Noon2: that.saveShowList.co2Noon2,
                    coNoon2: that.saveShowList.coNoon2,
                    gwSdzNoon2: that.saveShowList.gwSdzNoon2,
                    jwSdzNoon2: that.saveShowList.jwSdzNoon2,
                    o2Noon2: that.saveShowList.o2Noon2,
                    timeNoon2: that.saveShowList.timeNoon2,
                    tnoon2: that.saveShowList.tnoon2,


                    bxySdzNight1: that.saveShowList.bxySdzNight1,
                    ch4Night1: that.saveShowList.ch4Night1,
                    checkPersonNight: that.formState.jcy,
                    co2Night1: that.saveShowList.co2Night1,
                    coNight1: that.saveShowList.coNight1,
                    gwSdzNight1: that.saveShowList.gwSdzNight1,
                    jwSdzNight1: that.saveShowList.jwSdzNight1,
                    o2Night1: that.saveShowList.o2Night1,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNight1: that.saveShowList.timeNight1,
                    tnight1: that.saveShowList.tnight1,


                    bxySdzNight2: that.saveShowList.bxySdzNight2,
                    ch4Night2: that.saveShowList.ch4Night2,
                    co2Night2: that.saveShowList.co2Night2,
                    coNight2: that.saveShowList.coNight2,
                    gwSdzNight2: that.saveShowList.gwSdzNight2,
                    jwSdzNight2: that.saveShowList.jwSdzNight2,
                    o2Night2: that.saveShowList.o2Night2,
                    timeNight2: that.saveShowList.timeNight2,
                    tnight2: that.saveShowList.tnight2,
                }

            } else if (that.formState.bc == '中班' && that.formState.count == '第一次') {
                param = {
                    id: that.saveShowList.id,
                    bxySdzEarly1: that.saveShowList.bxySdzEarly1,
                    ch4Early1: that.saveShowList.ch4Early1,
                    co2Early1: that.saveShowList.co2Early1,
                    coEarly1: that.saveShowList.coEarly1,
                    gwSdzEarly1: that.saveShowList.gwSdzEarly1,
                    jwSdzEarly1: that.saveShowList.jwSdzEarly1,
                    o2Early1: that.saveShowList.o2Early1,
                    timeEarly1: that.saveShowList.timeEarly1,
                    checkPersonEarly: that.formState.jcy,
                    strInstallPos: that.saveShowList.strInstallPos,
                    tearly1: that.saveShowList.tearly1,

                    bxySdzEarly2: that.saveShowList.bxySdzEarly2,
                    ch4Early2: that.saveShowList.ch4Early2,
                    co2Early2: that.saveShowList.co2Early2,
                    coEarly2: that.saveShowList.coEarly2,
                    gwSdzEarly2: that.saveShowList.gwSdzEarly2,
                    jwSdzEarly2: that.saveShowList.jwSdzEarly2,
                    o2Early2: that.saveShowList.o2Early2,
                    timeEarly2: that.saveShowList.timeEarly2,
                    tearly2: that.saveShowList.tearly2,

                    // bxySdzNoon1: that.formState.bxy,
                    ch4Noon1: that.formState.ch4,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon1: that.formState.co2,
                    coNoon1: that.formState.co,
                    // gwSdzNoon1: that.formState.gw,
                    jwSdzNoon1: that.formState.ch4,
                    o2Noon1: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNoon1: that.formState.time,
                    tnoon1: that.formState.temp,

                    bxySdzNoon2: that.saveShowList.bxySdzNoon2,
                    ch4Noon2: that.saveShowList.ch4Noon2,
                    co2Noon2: that.saveShowList.co2Noon2,
                    coNoon2: that.saveShowList.coNoon2,
                    gwSdzNoon2: that.saveShowList.gwSdzNoon2,
                    jwSdzNoon2: that.saveShowList.jwSdzNoon2,
                    o2Noon2: that.saveShowList.o2Noon2,
                    timeNoon2: that.saveShowList.timeNoon2,
                    tnoon2: that.saveShowList.tnoon2,


                    bxySdzNight1: that.saveShowList.bxySdzNight1,
                    ch4Night1: that.saveShowList.ch4Night1,
                    checkPersonNight: that.formState.jcy,
                    co2Night1: that.saveShowList.co2Night1,
                    coNight1: that.saveShowList.coNight1,
                    gwSdzNight1: that.saveShowList.gwSdzNight1,
                    jwSdzNight1: that.saveShowList.jwSdzNight1,
                    o2Night1: that.saveShowList.o2Night1,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNight1: that.saveShowList.timeNight1,
                    tnight1: that.saveShowList.tnight1,


                    bxySdzNight2: that.saveShowList.bxySdzNight2,
                    ch4Night2: that.saveShowList.ch4Night2,
                    co2Night2: that.saveShowList.co2Night2,
                    coNight2: that.saveShowList.coNight2,
                    gwSdzNight2: that.saveShowList.gwSdzNight2,
                    jwSdzNight2: that.saveShowList.jwSdzNight2,
                    o2Night2: that.saveShowList.o2Night2,
                    timeNight2: that.saveShowList.timeNight2,
                    tnight2: that.saveShowList.tnight2,
                }

            } else if (that.formState.bc == '中班' && that.formState.count == '第二次') {
                param = {
                    id: that.saveShowList.id,
                    bxySdzEarly1: that.saveShowList.bxySdzEarly1,
                    ch4Early1: that.saveShowList.ch4Early1,
                    co2Early1: that.saveShowList.co2Early1,
                    coEarly1: that.saveShowList.coEarly1,
                    gwSdzEarly1: that.saveShowList.gwSdzEarly1,
                    jwSdzEarly1: that.saveShowList.jwSdzEarly1,
                    o2Early1: that.saveShowList.o2Early1,
                    timeEarly1: that.saveShowList.timeEarly1,
                    checkPersonEarly: that.formState.jcy,
                    strInstallPos: that.saveShowList.strInstallPos,
                    tearly1: that.saveShowList.tearly1,

                    bxySdzEarly2: that.saveShowList.bxySdzEarly2,
                    ch4Early2: that.saveShowList.ch4Early2,
                    co2Early2: that.saveShowList.co2Early2,
                    coEarly2: that.saveShowList.coEarly2,
                    gwSdzEarly2: that.saveShowList.gwSdzEarly2,
                    jwSdzEarly2: that.saveShowList.jwSdzEarly2,
                    o2Early2: that.saveShowList.o2Early2,
                    timeEarly2: that.saveShowList.timeEarly2,
                    tearly2: that.saveShowList.tearly2,

                    bxySdzNoon1: that.saveShowList.bxySdzNoon1,
                    ch4Noon1: that.saveShowList.ch4Noon1,
                    co2Noon1: that.saveShowList.co2Noon1,
                    coNoon1: that.saveShowList.coNoon1,
                    gwSdzNoon1: that.saveShowList.gwSdzNoon1,
                    jwSdzNoon1: that.saveShowList.jwSdzNoon1,
                    o2Noon1: that.saveShowList.o2Noon1,
                    timeNoon1: that.saveShowList.timeNoon1,
                    tnoon1: that.saveShowList.tnoon1,

                    // bxySdzNoon2: that.formState.bxy,
                    ch4Noon2: that.formState.ch4,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon2: that.formState.co2,
                    coNoon2: that.formState.co,
                    // gwSdzNoon2: that.formState.gw,
                    jwSdzNoon2: that.formState.ch4,
                    o2Noon2: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNoon2: that.formState.time,
                    tnoon2: that.formState.temp,


                    bxySdzNight1: that.saveShowList.bxySdzNight1,
                    ch4Night1: that.saveShowList.ch4Night1,
                    checkPersonNight: that.formState.jcy,
                    co2Night1: that.saveShowList.co2Night1,
                    coNight1: that.saveShowList.coNight1,
                    gwSdzNight1: that.saveShowList.gwSdzNight1,
                    jwSdzNight1: that.saveShowList.jwSdzNight1,
                    o2Night1: that.saveShowList.o2Night1,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNight1: that.saveShowList.timeNight1,
                    tnight1: that.saveShowList.tnight1,


                    bxySdzNight2: that.saveShowList.bxySdzNight2,
                    ch4Night2: that.saveShowList.ch4Night2,
                    co2Night2: that.saveShowList.co2Night2,
                    coNight2: that.saveShowList.coNight2,
                    gwSdzNight2: that.saveShowList.gwSdzNight2,
                    jwSdzNight2: that.saveShowList.jwSdzNight2,
                    o2Night2: that.saveShowList.o2Night2,
                    timeNight2: that.saveShowList.timeNight2,
                    tnight2: that.saveShowList.tnight2,
                }

            } else if (that.formState.bc == '夜班' && that.formState.count == '第一次') {
                param = {
                    id: that.saveShowList.id,
                    bxySdzEarly1: that.saveShowList.bxySdzEarly1,
                    ch4Early1: that.saveShowList.ch4Early1,
                    co2Early1: that.saveShowList.co2Early1,
                    coEarly1: that.saveShowList.coEarly1,
                    gwSdzEarly1: that.saveShowList.gwSdzEarly1,
                    jwSdzEarly1: that.saveShowList.jwSdzEarly1,
                    o2Early1: that.saveShowList.o2Early1,
                    timeEarly1: that.saveShowList.timeEarly1,
                    checkPersonEarly: that.formState.jcy,
                    strInstallPos: that.saveShowList.strInstallPos,
                    tearly1: that.saveShowList.tearly1,


                    bxySdzEarly2: that.saveShowList.bxySdzEarly2,
                    ch4Early2: that.saveShowList.ch4Early2,
                    co2Early2: that.saveShowList.co2Early2,
                    coEarly2: that.saveShowList.coEarly2,
                    gwSdzEarly2: that.saveShowList.gwSdzEarly2,
                    jwSdzEarly2: that.saveShowList.jwSdzEarly2,
                    o2Early2: that.saveShowList.o2Early2,
                    timeEarly2: that.saveShowList.timeEarly2,
                    tearly2: that.saveShowList.tearly2,

                    bxySdzNoon1: that.saveShowList.bxySdzNoon1,
                    ch4Noon1: that.saveShowList.ch4Noon1,
                    co2Noon1: that.saveShowList.co2Noon1,
                    coNoon1: that.saveShowList.coNoon1,
                    gwSdzNoon1: that.saveShowList.gwSdzNoon1,
                    jwSdzNoon1: that.saveShowList.jwSdzNoon1,
                    o2Noon1: that.saveShowList.o2Noon1,
                    timeNoon1: that.saveShowList.timeNoon1,
                    tnoon1: that.saveShowList.tnoon1,

                    bxySdzNoon2: that.saveShowList.bxySdzNoon2,
                    ch4Noon2: that.saveShowList.ch4Noon2,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon2: that.saveShowList.co2Noon2,
                    coNoon2: that.saveShowList.coNoon2,
                    gwSdzNoon2: that.saveShowList.gwSdzNoon2,
                    jwSdzNoon2: that.saveShowList.jwSdzNoon2,
                    o2Noon2: that.saveShowList.o2Noon2,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNoon2: that.saveShowList.timeNoon2,
                    tnoon2: that.saveShowList.tnoon2,


                    // bxySdzNight1: that.formState.bxy,
                    ch4Night1: that.formState.ch4,
                    checkPersonNight: that.formState.jcy,
                    co2Night1: that.formState.co2,
                    coNight1: that.formState.co,
                    // gwSdzNight1: that.formState.gw,
                    jwSdzNight1: that.formState.ch4,
                    o2Night1: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNight1: that.formState.time,
                    tnight1: that.formState.temp,


                    bxySdzNight2: that.saveShowList.bxySdzNight2,
                    ch4Night2: that.saveShowList.ch4Night2,
                    co2Night2: that.saveShowList.co2Night2,
                    coNight2: that.saveShowList.coNight2,
                    gwSdzNight2: that.saveShowList.gwSdzNight2,
                    jwSdzNight2: that.saveShowList.jwSdzNight2,
                    o2Night2: that.saveShowList.o2Night2,
                    timeNight2: that.saveShowList.timeNight2,
                    tnight2: that.saveShowList.tnight2,
                }

            } else if (that.formState.bc == '夜班' && that.formState.count == '第二次') {
                param = {
                    id: that.saveShowList.id,
                    bxySdzEarly1: that.saveShowList.bxySdzEarly1,
                    ch4Early1: that.saveShowList.ch4Early1,
                    co2Early1: that.saveShowList.co2Early1,
                    coEarly1: that.saveShowList.coEarly1,
                    gwSdzEarly1: that.saveShowList.gwSdzEarly1,
                    jwSdzEarly1: that.saveShowList.jwSdzEarly1,
                    o2Early1: that.saveShowList.o2Early1,
                    timeEarly1: that.saveShowList.timeEarly1,
                    checkPersonEarly: that.formState.jcy,
                    strInstallPos: that.saveShowList.strInstallPos,
                    tearly1: that.saveShowList.tearly1,

                    bxySdzEarly2: that.saveShowList.bxySdzEarly2,
                    ch4Early2: that.saveShowList.ch4Early2,
                    co2Early2: that.saveShowList.co2Early2,
                    coEarly2: that.saveShowList.coEarly2,
                    gwSdzEarly2: that.saveShowList.gwSdzEarly2,
                    jwSdzEarly2: that.saveShowList.jwSdzEarly2,
                    o2Early2: that.saveShowList.o2Early2,
                    timeEarly2: that.saveShowList.timeEarly2,
                    tearly2: that.saveShowList.tearly2,

                    bxySdzNoon1: that.saveShowList.bxySdzNoon1,
                    ch4Noon1: that.saveShowList.ch4Noon1,
                    co2Noon1: that.saveShowList.co2Noon1,
                    coNoon1: that.saveShowList.coNoon1,
                    gwSdzNoon1: that.saveShowList.gwSdzNoon1,
                    jwSdzNoon1: that.saveShowList.jwSdzNoon1,
                    o2Noon1: that.saveShowList.o2Noon1,
                    timeNoon1: that.saveShowList.timeNoon1,
                    tnoon1: that.saveShowList.tnoon1,

                    bxySdzNoon2: that.saveShowList.bxySdzNoon2,
                    ch4Noon2: that.saveShowList.ch4Noon2,
                    checkPersonNoon: that.formState.jcy,
                    co2Noon2: that.saveShowList.co2Noon2,
                    coNoon2: that.saveShowList.coNoon2,
                    gwSdzNoon2: that.saveShowList.gwSdzNoon2,
                    jwSdzNoon2: that.saveShowList.jwSdzNoon2,
                    o2Noon2: that.saveShowList.o2Noon2,
                    strInstallPos: that.saveShowList.strInstallPos,
                    timeNoon2: that.saveShowList.timeNoon2,
                    tnoon2: that.saveShowList.tnoon2,


                    bxySdzNight1: that.saveShowList.bxySdzNight1,
                    ch4Night1: that.saveShowList.ch4Night1,
                    co2Night1: that.saveShowList.co2Night1,
                    coNight1: that.saveShowList.coNight1,
                    gwSdzNight1: that.saveShowList.gwSdzNight1,
                    jwSdzNight1: that.saveShowList.jwSdzNight1,
                    o2Night1: that.saveShowList.o2Night1,
                    timeNight1: that.saveShowList.timeNight1,
                    tnight1: that.saveShowList.tnight1,


                    // bxySdzNight2: that.formState.bxy,
                    ch4Night2: that.formState.ch4,
                    checkPersonNight: that.formState.jcy,
                    co2Night2: that.formState.co2,
                    coNight2: that.formState.co,
                    // gwSdzNight2: that.formState.gw,
                    jwSdzNight2: that.formState.ch4,
                    o2Night2: that.formState.o2,
                    strInstallPos: that.formState.jcdd,
                    timeNight2: that.formState.time,
                    tnight2: that.formState.temp,
                }

            }
            new Promise((resolve, reject) => {
                api
                    .getEdit({ ...param })
                    .then((response) => {
                        if (response.data.code == 200) {
                            that.getGasList()
                            that.isShowAdd = false
                            that.isDisabled = false
                            that.saveShowList = {}
                            that.clearData()
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },

        //新增保存
        getConfirm() {
            let that = this
            that.isShowSave = true
        },
        //保存提示弹窗-确定
        confrimSave() {
            let that = this
            that.isStatus = JSON.stringify(that.saveShowList) != '{}' ? 'edit' : 'add'
            that.isShowSave = false
            if (that.isStatus == 'add') {
                that.getAddSave()
            } else {
                that.getEditSave()
            }
        },
        //保存提示弹窗-取消
        cancelSavve() {
            let that = this
            that.isShowSave = false
        },

        clearData() {
            this.formState = {
                id: '',
                bc: '',
                count: '',
                jcdd: '',
                mcgzm: '',
                jcy: this.username,
                time: '',
                ch4: '',
                co2: '',
                co: '',
                o2: '',
                jw: '',
                // gw: '',
                // bxy: '',
                tbrq: '',
                temp: '',
            }
            this.isRule = true
            this.isRule2 = true
            this.isRule1 = true
            this.isRule3 = true
            this.isRule14 = true
        },

        //新增取消
        getCancel() {
            this.isShowAdd = false
            this.isDisabled = false
            this.saveShowList = {}
            this.clearData()
        },

        //获取瓦斯上报列表数据
        getGasList() {
            let that = this
            new Promise((resolve, reject) => {
                api
                    .getGas({ reportTime: that.tbTime, })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result.records
                            that.gasList = data
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //获取煤层工作面列表数据
        getMcList() {
            new Promise((resolve, reject) => {
                api
                    .getDictItems({ dictCode: 'coalseam' })
                    .then((response) => {
                        let data = response.data
                        this.rangeMcgzm = data.map(el => {
                            return {
                                text: el.label,
                                value: el.value,
                            }
                        })
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //获取安装位置下拉选项
        getSelectList() {
            let param = this.rangeMcgzm.filter(v => this.formState.mcgzm == v.value)[0].value
            new Promise((resolve, reject) => {
                api
                    .getSelect({ coalseam: param, devicekind: 'gasDayReport' })
                    .then((response) => {
                        if (response.data.code == 200) {
                            let data = response.data.result
                            this.rangeJcdd = data.map(v => {
                                return {
                                    text: v.strinstallpos,
                                    value: v.strinstallpos,
                                    deviceId: v.id,
                                }
                            })
                        } else {
                            reject(response);
                        }
                    })
                    .catch((error) => {
                        console.log("catch===>response", response);
                        reject(error);
                    });
            });
        },
        //本地暂存
        getComfirmZc() {
            let that = this
            that.zcList.push({ cardId: that.cardIds, bc: that.formState.bc, count: that.formState.count, info: that.formState })
            uni.setStorageSync('zcList', that.zcList)
            that.isShowAdd = false
        },
        //进入暂存列表
        openZc() {
            let that = this
            that.zcShow = true
            that.isShowAdd = false
        },
        //暂存列表跳转到填报界面保存/返回上一级
        closeZc(param) {
            let that = this
            if (param) {
                that.zcShow = false
                that.isShowAdd = true
                that.formState = Object.assign({}, param.info)
                that.getCardLists(param.cardId)
            } else {
                that.zcShow = false
            }
        }
    },

};
</script>

<style lang="scss" scoped>
.gas-fill {
    position: relative;
    width: 100%;
    height: 100%;

    .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);
}

::v-deep .u-modal__title {
    font-size: 16px;
    font-weight: bold;
    color: #606266;
    text-align: center;
    padding-top: 10px;
}

::v-deep .u-modal__content {
    padding: 12px 25px 20px 25px;
}

::v-deep .u-modal__button-group__wrapper {
    height: 36px;
}
</style>