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

<template>
  <view class="gas-fill">
    <!-- 瓦斯上报列表 -->
    <view v-if="!isShowAdd && !zcShow">
      <view class="top-gas-list">
        <view class="search-box" @click="getChangeTimeTb">
          <text class="dialog-label">填报时间：</text>
          <u--input
            v-model="tbTime"
            placeholder="请选择填报时间"
            inputAlign="center"
            suffixIcon="arrow-right"
          ></u--input>
          <u-datetime-picker
            :show="showCalendarTb"
            v-model="timeRan"
            mode="date"
            closeOnClickOverlay
            @confirm="confirmTb"
            @cancel="showCalendarTb = false"
            @change="changeTb"
            @close="showCalendarTb = false"
          ></u-datetime-picker>
        </view>
        <u-button
          v-if="hasPermission('gasReport:add')"
          type="primary"
          size="small"
          style="margin: 2px 0px"
          @click="getAdd"
          >新增</u-button
        >
        <u-button
          type="success"
          size="small"
          style="margin: 2px 0px"
          @click="openZc"
          >暂存列表</u-button
        >
      </view>
      <view class="bot-gas-list">
        <view class="top-title">
          <view style="font-weight: bold">瓦斯填报列表</view>
        </view>
        <view class="top-content" v-for="(item, index) in gasList" :key="index">
          <view class="content-title-gas">
            <text>
              {{ item.strInstallPos || "--" }}
            </text>
          </view>
          <view class="content-item-box">
            <view class="content-item">
              <view class="item-l">
                <view class="item-value">{{ item.timeNight1 || "--" }}</view>
                <view class="item-label">夜班监测时间一</view>
              </view>
              <view class="item-c"></view>
              <view class="item-r">
                <view class="item-value">{{ item.timeNight2 || "--" }}</view>
                <view class="item-label">夜班监测时间二</view>
              </view>
            </view>
            <view class="content-item">
              <view class="item-l">
                <view class="item-value">{{ item.timeEarly1 || "--" }}</view>
                <view class="item-label">早班监测时间一</view>
              </view>
              <view class="item-c"></view>
              <view class="item-r">
                <view class="item-value">{{ item.timeEarly2 || "--" }}</view>
                <view class="item-label">早班监测时间二</view>
              </view>
            </view>
            <view class="content-item">
              <view class="item-l">
                <view class="item-value">{{ item.timeNoon1 || "--" }}</view>
                <view class="item-label">中班监测时间一</view>
              </view>
              <view class="item-c"></view>
              <view class="item-r">
                <view class="item-value">{{ item.timeNoon2 || "--" }}</view>
                <view class="item-label">中班监测时间二</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>

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

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

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

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

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

      showCalendar: false, //控制日期选型下拉开启
      timeRan: Number(new Date()),
      gasList: [], //瓦斯填报列表数据
      tbTime: moment(new Date()).format("YYYY-MM-DD"), //查询条件-填报时间
      showCalendarTb: false, //控制填报时间组件弹出
      saveShowList: {},
      formState: {
        id: "",
        bc: "",
        count: "",
        jcdd: "",
        jcy: "",
        time: "",
        ch4: "",
        co2: "",
        co: "",
        o2: "",
        jw: "",
        // gw: '',
        // bxy: '',
        tbrq: "",
        temp: "",
        mcgzm: "",
      },
      zcList: [], //暂存列表
      zcShow: false, //是否显示暂存列表
      isShowSave: false, //控制保存提示弹窗显示隐藏
      zcParamData: {}, //当前所选中暂存数据
    };
  },
  computed: {
    username: function () {
      return uni.getStorageSync("login_user_info")["realname"];
    },
    cardIds: function () {
      return this.$store.getters.nfcreadtxt;
    },
  },
  watch: {
    cardIds: {
      async handler(newV, oldV) {
        if (newV) {
          await this.getCardLists(newV);
          this.change();
        }
      },
      immediate: true,
    },
  },
  mounted() {
    this.getGasList();
    this.getMcList();
  },
  methods: {
    hasPermission(param) {
      let permission = uni.getStorageSync("btnPermission");
      return permission.filter((v) => v.action == param).length != 0
        ? true
        : false;
    },
    //班次下拉选项切换
    changeBc(e) {
      let that = this;
      console.log(e, "班次----------");
      this.formState.bc = e;
      if (that.formState.bc == "早班" && that.formState.count == "第一次") {
        if (
          that.saveShowList.bxySdzEarly1 ||
          that.saveShowList.ch4Early1 ||
          that.saveShowList.co2Early1 ||
          that.saveShowList.coEarly1 ||
          that.saveShowList.gwSdzEarly1 ||
          that.saveShowList.jwSdzEarly1 ||
          that.saveShowList.o2Early1 ||
          that.saveShowList.tearly1
        ) {
          that.formState = {
            id: that.saveShowList.id || "",
            bc: that.formState.bc,
            count: that.formState.count,
            jcdd: that.formState.jcdd,
            jcy: that.formState.jcy,
            time: that.formState.time,
            ch4: that.saveShowList.ch4Early1 || "",
            co2: that.saveShowList.co2Early1 || "",
            co: that.saveShowList.coEarly1 || "",
            o2: that.saveShowList.o2Early1 || "",
            jw: that.saveShowList.jwSdzEarly1 || "",
            // gw: that.saveShowList.gwSdzEarly1 || '',
            // bxy: that.saveShowList.bxySdzEarly1 || '',
            tbrq: that.formState.tbrq,
            temp: that.saveShowList.tearly1 || "",
            mcgzm: that.formState.mcgzm,
          };
          that.isDisabled = true;
        } else {
          that.formState = {
            id: that.formState.id,
            bc: that.formState.bc,
            count: that.formState.count,
            jcdd: that.formState.jcdd,
            jcy: that.formState.jcy,
            time: that.formState.time,
            ch4: "",
            co2: "",
            co: "",
            o2: "",
            jw: "",
            // gw: '',
            // bxy: '',
            tbrq: that.formState.tbrq,
            temp: "",
            mcgzm: that.formState.mcgzm,
          };
          that.isDisabled = false;
        }
      } else if (
        that.formState.bc == "早班" &&
        that.formState.count == "第二次"
      ) {
        if (
          that.saveShowList.bxySdzEarly2 ||
          that.saveShowList.ch4Early2 ||
          that.saveShowList.co2Early2 ||
          that.saveShowList.coEarly2 ||
          that.saveShowList.gwSdzEarly2 ||
          that.saveShowList.jwSdzEarly2 ||
          that.saveShowList.o2Early2 ||
          that.saveShowList.tearly2
        ) {
          that.formState = {
            id: that.saveShowList.id || "",
            bc: that.formState.bc,
            count: that.formState.count,
            jcdd: that.formState.jcdd,
            jcy: that.formState.jcy,
            time: that.formState.time,
            ch4: that.saveShowList.ch4Early2 || "",
            co2: that.saveShowList.co2Early2 || "",
            co: that.saveShowList.coEarly2 || "",
            o2: that.saveShowList.o2Early2 || "",
            jw: that.saveShowList.jwSdzEarly2 || "",
            // gw: that.saveShowList.gwSdzEarly2 || '',
            // bxy: that.saveShowList.bxySdzEarly2 || '',
            tbrq: that.formState.tbrq,
            temp: that.saveShowList.tearly2 || "",
            mcgzm: that.formState.mcgzm,
          };
          that.isDisabled = true;
        } else {
          that.formState = {
            id: that.formState.id,
            bc: that.formState.bc,
            count: that.formState.count,
            jcdd: that.formState.jcdd,
            jcy: that.formState.jcy,
            time: that.formState.time,
            ch4: "",
            co2: "",
            co: "",
            o2: "",
            jw: "",
            // gw: '',
            // bxy: '',
            tbrq: that.formState.tbrq,
            temp: "",
            mcgzm: that.formState.mcgzm,
          };
          that.isDisabled = false;
        }
      } else if (
        that.formState.bc == "中班" &&
        that.formState.count == "第一次"
      ) {
        if (
          that.saveShowList.bxySdzNoon1 ||
          that.saveShowList.ch4Noon1 ||
          that.saveShowList.co2Noon1 ||
          that.saveShowList.coNoon1 ||
          that.saveShowList.gwSdzNoon1 ||
          that.saveShowList.jwSdzNoon1 ||
          that.saveShowList.o2Noon1 ||
          that.saveShowList.tnoon1
        ) {
          that.formState = {
            id: that.saveShowList.id || "",
            bc: that.formState.bc,
            count: that.formState.count,
            jcdd: that.formState.jcdd,
            jcy: that.formState.jcy,
            time: that.formState.time,
            ch4: that.saveShowList.ch4Noon1 || "",
            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.ch4Noon2 || "",
            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.ch4Noon1 || "",
            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.ch4Noon2 || "",
            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 || '',
                      ch4: that.saveShowList.ch4Noon1 || "",
                      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.ch4Noon2 || "",
                      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.ch4Noon1 || "",
                      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.ch4Noon2 || "",
                      co2: that.saveShowList.co2Noon2 || "",
                      co: that.saveShowList.coNoon2 || "",
                      o2: that.saveShowList.o2Noon2 || "",
                      jw: that.saveShowList.jwSdzNoon2 || "",
                      // gw: that.saveShowList.gwSdzNoon2 || '',
                      // bxy: that.saveShowList.bxySdzNoon2 || '',
                      tbrq: that.formState.tbrq,
                      temp: that.saveShowList.tnoon2 || "",
                      mcgzm: that.formState.mcgzm,
                    };
                    that.isDisabled = true;
                  } else {
                    that.formState = {
                      id: that.formState.id,
                      bc: that.formState.bc,
                      count: that.formState.count,
                      jcdd: that.formState.jcdd,
                      jcy: that.formState.jcy,
                      time: that.formState.time,
                      ch4: "",
                      co2: "",
                      co: "",
                      o2: "",
                      jw: "",
                      // gw: '',
                      // bxy: '',
                      tbrq: that.formState.tbrq,
                      temp: "",
                      mcgzm: that.formState.mcgzm,
                    };
                    that.isDisabled = false;
                  }
                } else if (
                  that.formState.bc == "夜班" &&
                  that.formState.count == "第一次"
                ) {
                  if (
                    that.saveShowList.bxySdzNight1 ||
                    that.saveShowList.ch4Night1 ||
                    that.saveShowList.co2Night1 ||
                    that.saveShowList.coNight1 ||
                    that.saveShowList.gwSdzNight1 ||
                    that.saveShowList.jwSdzNight1 ||
                    that.saveShowList.o2Night1 ||
                    that.saveShowList.tnight1
                  ) {
                    that.formState = {
                      id: that.saveShowList.id || "",
                      bc: that.formState.bc,
                      count: that.formState.count,
                      jcdd: that.formState.jcdd,
                      jcy: that.formState.jcy,
                      time: that.formState.time,
                      ch4: that.saveShowList.ch4Night1 || "",
                      co2: that.saveShowList.co2Night1 || "",
                      co: that.saveShowList.coNight1 || "",
                      o2: that.saveShowList.o2Night1 || "",
                      jw: that.saveShowList.jwSdzNight1 || "",
                      // gw: that.saveShowList.gwSdzNight1 || '',
                      // bxy: that.saveShowList.bxySdzNight1 || '',
                      tbrq: that.formState.tbrq,
                      temp: that.saveShowList.tnight1 || "",
                      mcgzm: that.formState.mcgzm,
                    };
                    that.isDisabled = true;
                  } else {
                    that.formState = {
                      id: that.formState.id,
                      bc: that.formState.bc,
                      count: that.formState.count,
                      jcdd: that.formState.jcdd,
                      jcy: that.formState.jcy,
                      time: that.formState.time,
                      ch4: "",
                      co2: "",
                      co: "",
                      o2: "",
                      jw: "",
                      // gw: '',
                      // bxy: '',
                      tbrq: that.formState.tbrq,
                      temp: "",
                      mcgzm: that.formState.mcgzm,
                    };
                    that.isDisabled = false;
                  }
                } else if (
                  that.formState.bc == "夜班" &&
                  that.formState.count == "第二次"
                ) {
                  if (
                    that.saveShowList.bxySdzNight2 ||
                    that.saveShowList.ch4Night2 ||
                    that.saveShowList.co2Night2 ||
                    that.saveShowList.coNight2 ||
                    that.saveShowList.gwSdzNight2 ||
                    that.saveShowList.jwSdzNight2 ||
                    that.saveShowList.o2Night2 ||
                    that.saveShowList.tnight2
                  ) {
                    that.formState = {
                      id: that.saveShowList.id || "",
                      bc: that.formState.bc,
                      count: that.formState.count,
                      jcdd: that.formState.jcdd,
                      jcy: that.formState.jcy,
                      time: that.formState.time,
                      ch4: that.saveShowList.ch4Night2 || "",
                      co2: that.saveShowList.co2Night2 || "",
                      co: that.saveShowList.coNight2 || "",
                      o2: that.saveShowList.o2Night2 || "",
                      jw: that.saveShowList.jwSdzNight2 || "",
                      // gw: that.saveShowList.gwSdzNight2 || '',
                      // bxy: that.saveShowList.bxySdzNight2 || '',
                      tbrq: that.formState.tbrq,
                      temp: that.saveShowList.tnight2 || "",
                      mcgzm: that.formState.mcgzm,
                    };
                    that.isDisabled = true;
                  } else {
                    that.formState = {
                      id: that.formState.id,
                      bc: that.formState.bc,
                      count: that.formState.count,
                      jcdd: that.formState.jcdd,
                      jcy: that.formState.jcy,
                      time: that.formState.time,
                      ch4: "",
                      co2: "",
                      co: "",
                      o2: "",
                      jw: "",
                      // gw: '',
                      // bxy: '',
                      tbrq: that.formState.tbrq,
                      temp: "",
                      mcgzm: that.formState.mcgzm,
                    };
                    that.isDisabled = false;
                  }
                }
              } else {
                that.isDisabled = false;
                that.saveShowList = {};
                that.formState = {
                  id: "",
                  bc: that.formState.bc || "",
                  count: that.formState.count || "",
                  jcdd: that.formState.jcdd || "",
                  mcgzm: that.formState.mcgzm || "",
                  jcy: that.formState.jcy || "",
                  time: that.formState.time,
                  tbrq: that.formState.tbrq,
                  ch4: "",
                  co2: "",
                  co: "",
                  o2: "",
                  jw: "",
                  // gw: '',
                  // bxy: '',
                  temp: "",
                };
              }
            } else {
              reject(response);
            }
          })
          .catch((error) => {
            console.log("catch===>response", response);
            reject(error);
          });
      });
    },
    changeTb(e) {
      this.tbTime = moment(e.value).format("YYYY-MM-DD");
    },
    //点击弹出日期下拉选项
    getChangeTime() {
      this.showCalendar = true;
    },
    getChangeTimeTb() {
      this.showCalendarTb = true;
    },
    confirmTb() {
      this.showCalendarTb = false;
      this.getGasList();
    },
    //输入框内容变换
    changeInput(val, data) {
      if (/^00/.test(val)) {
        this.formState[data] = val.replace(/^00/, "0");
      } else {
        this.formState[data] = val;
      }
    },
    //便携仪失去焦点时参数校验
    // getBlurBxy(val) {
    //     let str = val.substring(val.indexOf('.') + 1).split('')
    //     if (/^(\-|\+)?\d+$/.test(val)) {
    //         this.formState.bxy = val
    //         this.isRule3 = true
    //     } else if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val) && str.length <= 2) {
    //         this.formState.bxy = val
    //         this.isRule3 = true
    //     } else {
    //         this.formState.bxy = ''
    //         this.isRule3 = false
    //     }
    // },
    //新增光瓦失去焦点时参数校验
    // getBlur(val) {
    //     let str = val.substring(val.indexOf('.') + 1).split('')
    //     if (val.slice(-1) == '0' || val.slice(-1) == '2' || val.slice(-1) == '4' || val.slice(-1) == '6' || val.slice(-1) == '8') {
    //         if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val)) {
    //             if (str.length <= 2) {
    //                 this.formState.gw = val
    //                 this.isRule1 = true
    //             } else {
    //                 this.formState.gw = ''
    //                 this.isRule1 = false
    //             }
    //         } else {
    //             this.formState.gw = val
    //             this.isRule1 = true
    //         }
    //     } else {
    //         this.formState.gw = ''
    //         this.isRule1 = false
    //     }
    // },
    //新增CO2失去焦点时参数校验
    getBlurCO2(val) {
      let str = val.substring(val.indexOf(".") + 1).split("");
      if (
        val.slice(-1) == "0" ||
        val.slice(-1) == "2" ||
        val.slice(-1) == "4" ||
        val.slice(-1) == "6" ||
        val.slice(-1) == "8"
      ) {
        if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val)) {
          if (str.length <= 2) {
            this.formState.co2 = val;
            this.isRule = true;
          } else {
            this.formState.co2 = "";
            this.isRule = false;
          }
        } else {
          this.formState.co2 = val;
          this.isRule = true;
        }
      } else {
        this.formState.co2 = "";
        this.isRule = false;
      }
    },
    //新增CH4失去焦点时参数校验
    getBlurCH4(val) {
      let str = val.substring(val.indexOf(".") + 1).split("");
      if (
        val.slice(-1) == "0" ||
        val.slice(-1) == "2" ||
        val.slice(-1) == "4" ||
        val.slice(-1) == "6" ||
        val.slice(-1) == "8"
      ) {
        if (/^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val)) {
          if (str.length <= 2) {
            this.formState.ch4 = val;
            this.isRule2 = true;
          } else {
            this.formState.ch4 = "";
            this.isRule2 = false;
          }
        } else {
          this.formState.ch4 = val;
          this.isRule2 = true;
        }
      } else {
        this.formState.ch4 = "";
        this.isRule2 = false;
      }
    },
    getBlurCO(val) {
      let str = val.substring(val.indexOf(".") + 1).split("");
      if (/^(\-|\+)?\d+$/.test(val) && parseFloat(val) <= 24) {
        this.formState.co = val;
        this.isRule14 = true;
      } else if (
        /^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$/.test(val) &&
        str.length <= 2 &&
        parseFloat(val) <= 24
      ) {
        this.formState.co = val;
        this.isRule14 = true;
      } else {
        this.formState.co = "";
        this.isRule14 = false;
      }
    },
    //根据NFC读取数据获取监测地点信息
    getCardLists(ids) {
      let that = this;
      new Promise((resolve, reject) => {
        api
          .getCardList({ id: ids })
          .then((response) => {
            if (response.data.code == 200) {
              let data = response.data.result;
              that.formState.jcdd = data.strInstallPos;
              that.deviceId = data.deviceId;
            } else {
              uni.showToast({
                title: "检测地点识别失败!",
                icon: "none", // 可选图标，'success', 'loading', 'none'
              });
            }
          })
          .catch((e) => {
            uni.showToast({
              title: "检测地点识别失败!",
              icon: "none", // 可选图标，'success', 'loading', 'none'
            });
          });
      });
    },
    //瓦斯新增
    getAdd() {
      let that = this;
      that.isShowAdd = true;
      that.zcShow = false;
      that.isStatus = "add";
      that.formState.jcy = this.username;
      that.formState.time = moment(new Date()).format("YYYY-MM-DD HH:mm:ss");
      that.formState.tbrq = moment(new Date()).format("YYYY-MM-DD");
      if (that.nfcShow) {
        testNfc.listenNFCStatus();
        testNfc.readData();
      }
    },
    getAddSave() {
      let that = this;
      let param = {};
      if (that.formState.bc == "早班" && that.formState.count == "第一次") {
        param = {
          // id: that.formState.id,
          deviceId: that.deviceId,
          // bxySdzEarly1: that.formState.bxy,
          ch4Early1: that.formState.ch4,
          checkPersonEarly: that.formState.jcy,
          co2Early1: that.formState.co2,
          coEarly1: that.formState.co,
          // gwSdzEarly1: that.formState.gw,
          jwSdzEarly1: that.formState.ch4,
          o2Early1: that.formState.o2,
          strInstallPos: that.formState.jcdd,
          timeEarly1: that.formState.time,
          reportTime: that.formState.tbrq,
          tearly1: that.formState.temp,
        };
      } else if (
        that.formState.bc == "早班" &&
        that.formState.count == "第二次"
      ) {
        param = {
          deviceId: that.deviceId,
          // id: that.formState.id,
          // bxySdzEarly2: that.formState.bxy,
          ch4Early2: that.formState.ch4,
          checkPersonEarly: that.formState.jcy,
          co2Early2: that.formState.co2,
          coEarly2: that.formState.co,
          // gwSdzEarly2: that.formState.gw,
          jwSdzEarly2: that.formState.ch4,
          o2Early2: that.formState.o2,
          strInstallPos: that.formState.jcdd,
          timeEarly2: that.formState.time,
          reportTime: that.formState.tbrq,
          tearly2: that.formState.temp,
        };
      } else if (
        that.formState.bc == "中班" &&
        that.formState.count == "第一次"
      ) {
        param = {
          deviceId: that.deviceId,
          // id: that.formState.id,
          // bxySdzNoon1: that.formState.bxy,
          ch4Noon1: that.formState.ch4,
          checkPersonNoon: that.formState.jcy,
          co2Noon1: that.formState.co2,
          coNoon1: that.formState.co,
          // gwSdzNoon1: that.formState.gw,
          jwSdzNoon1: that.formState.ch4,
          o2Noon1: that.formState.o2,
          strInstallPos: that.formState.jcdd,
          timeNoon1: that.formState.time,
          reportTime: that.formState.tbrq,
          tnoon1: that.formState.temp,
        };
      } else if (
        that.formState.bc == "中班" &&
        that.formState.count == "第二次"
      ) {
        param = {
          deviceId: that.deviceId,
          // id: that.formState.id,
          // bxySdzNoon2: that.formState.bxy,
          ch4Noon2: that.formState.ch4,
          checkPersonNoon: that.formState.jcy,
          co2Noon2: that.formState.co2,
          coNoon2: that.formState.co,
          // gwSdzNoon2: that.formState.gw,
          jwSdzNoon2: that.formState.ch4,
          o2Noon2: that.formState.o2,
          strInstallPos: that.formState.jcdd,
          timeNoon2: that.formState.time,
          reportTime: that.formState.tbrq,
          tnoon2: that.formState.temp,
        };
      } else if (
        that.formState.bc == "夜班" &&
        that.formState.count == "第一次"
      ) {
        param = {
          deviceId: that.deviceId,
          // id: that.formState.id,
          // bxySdzNight1: that.formState.bxy,
          ch4Night1: that.formState.ch4,
          checkPersonNight: that.formState.jcy,
          co2Night1: that.formState.co2,
          coNight1: that.formState.co,
          // gwSdzNight1: that.formState.gw,
          jwSdzNight1: that.formState.ch4,
          o2Night1: that.formState.o2,
          strInstallPos: that.formState.jcdd,
          timeNight1: that.formState.time,
          reportTime: that.formState.tbrq,
          tnight1: that.formState.temp,
        };
      } else if (
        that.formState.bc == "夜班" &&
        that.formState.count == "第二次"
      ) {
        param = {
          deviceId: that.deviceId,
          // id: that.formState.id,
          // bxySdzNight2: that.formState.bxy,
          ch4Night2: that.formState.ch4,
          checkPersonNoon: that.formState.jcy,
          co2Night2: that.formState.co2,
          coNight2: that.formState.co,
          // gwSdzNight2: that.formState.gw,
          jwSdzNight2: that.formState.ch4,
          o2Night2: that.formState.o2,
          strInstallPos: that.formState.jcdd,
          timeNight2: that.formState.time,
          reportTime: that.formState.tbrq,
          tnight2: that.formState.temp,
        };
      }
      new Promise((resolve, reject) => {
        api
          .getAdd({ ...param })
          .then((response) => {
            if (response.data.code == 200) {
              that.getGasList();
              that.isShowAdd = false;
              that.isDisabled = false;
              that.saveShowList = {};
              that.zcList =
                that.zcList.filter(
                  (v) => v.cardId != that.zcParamData.cardId
                ) || [];
              uni.setStorageSync("zcList", that.zcList);
              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.zcList =
                that.zcList.filter(
                  (v) => v.cardId != that.zcParamData.cardId
                ) || [];
              uni.setStorageSync("zcList", that.zcList);
              that.clearData();
            } else {
              reject(response);
            }
          })
          .catch((error) => {
            console.log("catch===>response", response);
            reject(error);
          });
      });
    },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .dialog-title {
    height: 26px;
    line-height: 26px;
    padding: 0px 20px;
    margin-bottom: 10px;
    font-size: 12px;
    background: url("/static/warndata/1-1.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/1-1.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>