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

<template>
    <view class="gas-fill">
        <!-- 瓦斯上报列表 -->
        <view v-if="!isShowAdd">
            <view class="top-gas-list">
                <!-- <view class="search-box" @click="getChangeTimeTb">
                    <text class="dialog-label">填报时间：</text>
                    <u--input v-model="tbTime" placeholder="请选择填报时间" inputAlign="center"
                        suffixIcon="arrow-right"></u--input>
                    <u-datetime-picker :show="showCalendarTb" v-model="timeRan" mode="date" closeOnClickOverlay
                        @confirm="confirmTb" @cancel="showCalendarTb = false" @change="changeTb"
                        @close="showCalendarTb = false"></u-datetime-picker>
                </view> -->
                <u-button type="primary" icon="camera-fill" size="small" @click="chooseImage"
                    style="margin: 2px 0px;">从相册选取</u-button>
                <!-- 图片预览 -->
                <view class="imgView">
                    <image v-if="imageSrc" style="width:150px" :src="imageSrc" mode="widthFix"></image>
                </view>
                <view style="width:100%;display: flex;justify-content: space-between;margin: 2px 0px;">
                    <u-button icon="plus" v-if="hasPermission('gasReport:add')" type="primary" size="small"
                        style="width:32%;margin:0" @click="getAdd">新增</u-button>
                    <u-button icon="eye" type="primary" size="small" style="width:32%;margin:0"
                        @click="getGasIdentify">识别</u-button>
                    <u-button icon="trash" type="primary" size="small" style="width:32%;margin:0"
                        @click="delSb">删除</u-button>
                </view>
            </view>
            <!-- 识别列表 -->
            <view class="sb-list" v-if="indexList.length != 0">
                <u-list>
                    <u-list-item v-for="(item, index) in indexList" :key="index">
                        <u-cell :title="item['检查地点']">
                            <view slot="value" class="u-slot-title">
                                <u-tag text="选择" plain size="mini" type="warning" @click="choiceSb(item)">
                                </u-tag>
                            </view>
                        </u-cell>
                    </u-list-item>
                </u-list>
            </view>

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

                    <view class="dialog-item">
                        <text class="dialog-label">CH₄(%)：</text>
                        <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.ch4"
                            :placeholder="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.jw"
                                placeholder="请输入"></u--input> -->
                        <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>

            <view class="dialog-btn">
                <u-button type="success" size="small" v-if="!isDisabled" @click="getConfirm">保存</u-button>
                <u-button type="primary" size="small" @click="getCancel">取消</u-button>
            </view>
        </view>

    </view>
</template>

<script>
import api from "@/api/api";
import moment from 'moment'
// import testNfc from "@/common/util/hexiii-nfc.js"
import { mapGetters } from "vuex";
import configService from '@/common/service/config.service.js'
export default {
    name: 'gasFill',
    props: {},

    data() {
        return {
            indexList: [],//识别数据
            indexParam: {},//当前选中识别的数据
            imageSrc: '',
            imageSrcList: [],
            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: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
                ch4: '',
                co2: '',
                co: '',
                o2: '',
                jw: '',
                gw: '',
                bxy: '',
                tbrq: moment(new Date()).format('YYYY-MM-DD'),
                temp: '',
                mcgzm: '',
            },
        };
    },
    computed: {
        username: function () {
            return uni.getStorageSync('login_user_info')['realname']
        },
        cardIds: function () {
            return this.$store.getters.nfcreadtxt
        }
    },
    watch: {
        cardIds: {
            handler(newV, oldV) {
                this.getCardLists(newV)
            },
            immediate: true
        }
    },
    mounted() {
        console.log(uni.getStorageSync('login_user_info'), 'ceshi00-----------')
        this.getGasList()
        this.getMcList()
    },
    methods: {
        hasPermission(param) {
            let permission = uni.getStorageSync('btnPermission')
            return permission.filter(v => v.action == param).length != 0 ? true : false
        },
        //获取图片识别数据
        getGasIdentify() {
            let that = this
            // let formData = new FormData();
            // formData.append('img', that.imageSrcList[0]);
            // formData.append('user', that.username);
            // console.log(that.imageSrcList,formData,'111')
            // new Promise((resolve, reject) => {
            //     api
            //         .gasIdentify({img: that.imageSrcList[0],user:that.username})
            //         .then((response) => {
            //             if (response.data.code == 200) {
            //                 let data = response.data.result
            //                 console.log(data, '图片识别数据--------')
            //             } else {
            //                 reject(response);
            //             }
            //         })
            //         .catch((error) => {
            //             console.log("catch===>response", response);
            //             reject(error);
            //         });
            // });
            let apiUrl = configService.apiUrl;
            uni.request({
                url: `${apiUrl}/gasIdentify`,
                data: {
                    img: that.imageSrcList[0].name,
                    user:that.username
                },
                method: 'POST', // 参数类型
                header: {
                    "Content-Type": "application/x-www-form-urlencoded"
                }, // 请求头
                success: (res) => {
                    console.log(res, 'hhhhhhhhhhhhh')
                },
                complete: () => { },
                fail: (res) => { }
            })


            // this.indexList = [
            //     {
            //         "日期": "2025年3月5日",
            //         "班次": "早班",
            //         "检查地点": "22106综采工作面设备列车",
            //         "检查时间": "0:04",
            //         "CH4%": "0.00",
            //         "CO2%": "0.04",
            //         "O2%": "20.9",
            //         "CO(ppm)": "1",
            //         "温度(℃)": "17",
            //         "检查人": "xxx"
            //     },
            //     {
            //         "日期": "2025年3月5日",
            //         "班次": "早班",
            //         "检查地点": "22106综采工作面设备列车",
            //         "检查时间": "8:13",
            //         "CH4%": "0.00",
            //         "CO2%": "0.04",
            //         "O2%": "20.9",
            //         "CO(ppm)": "1",
            //         "温度(℃)": "17",
            //         "检查人": "xxx"
            //     },
            //     {
            //         "日期": "2025年3月5日",
            //         "班次": "早班",
            //         "检查地点": "22106综采工作面设备列车",
            //         "检查时间": "16:15",
            //         "CH4%": "0.00",
            //         "CO2%": "0.04",
            //         "O2%": "20.9",
            //         "CO(ppm)": "1",
            //         "温度(℃)": "17",
            //         "检查人": "xxx"
            //     }


            // ]
        },
        // 选择图片的方法
        chooseImage() {
            uni.chooseImage({
                success: (res) => {
                    console.log(res, 'res===')
                    // 获取选中的图片路径，这里我们只取第一张图进行预览
                    this.imageSrc = res.tempFilePaths[0];
                    this.imageSrcList = res.tempFiles
                },
                fail: (err) => {
                    console.error('选择图片失败:', err);
                }
            });
        },
        //进行选择识别
        choiceSb(item) {
            console.log(item, '选择识别---')
            this.indexParam = Object.assign({}, item)
            this.indexList = []
        },
        //删除
        delSb() {
            this.indexList = []
            this.indexParam = {}
        },
        //班次下拉选项切换
        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) {
            console.log(val, '000')
            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 {
                        console.log(111)
                        this.formState.co2 = ''
                        this.isRule = false
                    }
                } else {
                    this.formState.co2 = val
                    this.isRule = true
                }
            } else {
                console.log(222)
                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.id
                            that.deviceId = data.id
                        }
                    })
            });
        },
        //瓦斯新增
        getAdd() {
            let that = this
            that.isStatus = 'add'
            that.isShowAdd = true
            // that.formState.jcy = this.username
            // if (that.nfcShow) {
            //     testNfc.listenNFCStatus()
            //     testNfc.readData();
            //     // //根据NFC读取数据获取监测地点信息
            //     // that.getCardLists(ids)
            // }
            that.formState = {
                id: '',
                bc: that.indexParam['班次'],
                count: '',
                jcdd: '',
                jcy: that.indexParam['检查人'],
                time: '',
                ch4: that.indexParam['CH4%'],
                co2: that.indexParam['CO2%  '],
                co: that.indexParam['CO(ppm)'],
                o2: that.indexParam['O2%'],
                jw: '',
                gw: '',
                bxy: '',
                tbrq: '',
                temp: that.indexParam['温度(℃)'],
                mcgzm: '',
            }
        },
        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
            console.log(that.saveShowList, '999999999999999999999999999999999')
            that.isStatus = JSON.stringify(that.saveShowList) != '{}' ? 'edit' : 'add'
            if (that.isStatus == 'add') {
                that.getAddSave()
            } else {
                that.getEditSave()
            }
        },

        clearData() {
            this.formState = {
                id: '',
                bc: '',
                count: '',
                jcdd: '',
                mcgzm: '',
                jcy: '',
                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);
                    });
            });
        },
    },

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

    .sb-list {
        width: 100%;
        height: 150px;
        padding: 10px;
        box-sizing: border-box;
        background-color: #FFF;
        margin-bottom: 2px;
        overflow-y: auto;
    }

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

    .bot-gas-list1 {
        width: 100%;
        height: calc(100% - 244px);
        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>