|
@@ -1,180 +1,181 @@
|
|
|
<template>
|
|
|
- <view class="gas-fill" >
|
|
|
- <!-- 瓦斯上报列表 -->
|
|
|
- <view v-if="!isShowAdd">
|
|
|
- <view class="top-gas-list">
|
|
|
- <view class="search-box" @click="getChangeTimeTb">
|
|
|
- <text class="dialog-label">填报时间:</text>
|
|
|
- <u--input v-model="tbTime" placeholder="请选择填报时间" inputAlign="center"
|
|
|
- suffixIcon="arrow-right"></u--input>
|
|
|
- <u-datetime-picker :show="showCalendarTb" v-model="timeRan" mode="date" closeOnClickOverlay
|
|
|
- @confirm="confirmTb" @cancel="showCalendarTb = false" @change="changeTb"
|
|
|
- @close="showCalendarTb = false"></u-datetime-picker>
|
|
|
- </view>
|
|
|
- <u-button v-if="hasPermission('gasReport:add')" type="primary" size="small" style="margin: 2px 0px;" @click="getAdd">新增</u-button>
|
|
|
+ <view class="gas-fill">
|
|
|
+ <!-- 瓦斯上报列表 -->
|
|
|
+ <view v-if="!isShowAdd">
|
|
|
+ <view class="top-gas-list">
|
|
|
+ <view class="search-box" @click="getChangeTimeTb">
|
|
|
+ <text class="dialog-label">填报时间:</text>
|
|
|
+ <u--input v-model="tbTime" placeholder="请选择填报时间" inputAlign="center"
|
|
|
+ suffixIcon="arrow-right"></u--input>
|
|
|
+ <u-datetime-picker :show="showCalendarTb" v-model="timeRan" mode="date" closeOnClickOverlay
|
|
|
+ @confirm="confirmTb" @cancel="showCalendarTb = false" @change="changeTb"
|
|
|
+ @close="showCalendarTb = false"></u-datetime-picker>
|
|
|
+ </view>
|
|
|
+ <u-button v-if="hasPermission('gasReport:add')" type="primary" size="small" style="margin: 2px 0px;"
|
|
|
+ @click="getAdd">新增</u-button>
|
|
|
+ </view>
|
|
|
+ <view class="bot-gas-list">
|
|
|
+ <view class="top-title">
|
|
|
+ <view style="font-weight: bold;">瓦斯填报列表</view>
|
|
|
</view>
|
|
|
- <view class="bot-gas-list">
|
|
|
- <view class="top-title">
|
|
|
- <view style="font-weight: bold;">瓦斯填报列表</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="top-content" v-for="(item, index) in gasList" :key="index">
|
|
|
- <view class="content-title-gas">
|
|
|
- <text>
|
|
|
- {{ item.strInstallPos || '--' }}
|
|
|
- </text>
|
|
|
+ <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-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 class="content-item">
|
|
|
+ <view class="item-l">
|
|
|
+ <view class="item-value">{{ item.timeEarly1 || '--' }}</view>
|
|
|
+ <view class="item-label">早班监测时间一</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 class="item-c"></view>
|
|
|
+ <view class="item-r">
|
|
|
+ <view class="item-value">{{ item.timeEarly2 || '--' }}</view>
|
|
|
+ <view class="item-label">早班监测时间二</view>
|
|
|
</view>
|
|
|
- <view class="content-item">
|
|
|
- <view class="item-l">
|
|
|
- <view class="item-value">{{ item.timeNoon1 || '--' }}</view>
|
|
|
- <view class="item-label">中班监测时间一</view>
|
|
|
- </view>
|
|
|
- <view class="item-c"></view>
|
|
|
- <view class="item-r">
|
|
|
- <view class="item-value">{{ item.timeNoon2 || '--' }}</view>
|
|
|
- <view class="item-label">中班监测时间二</view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view class="content-item">
|
|
|
+ <view class="item-l">
|
|
|
+ <view class="item-value">{{ item.timeNoon1 || '--' }}</view>
|
|
|
+ <view class="item-label">中班监测时间一</view>
|
|
|
+ </view>
|
|
|
+ <view class="item-c"></view>
|
|
|
+ <view class="item-r">
|
|
|
+ <view class="item-value">{{ item.timeNoon2 || '--' }}</view>
|
|
|
+ <view class="item-label">中班监测时间二</view>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
+ </view>
|
|
|
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 新增弹窗 -->
|
|
|
+ <view v-if="isShowAdd">
|
|
|
+ <view class="top-dialog-area">
|
|
|
+ <view class="dialog-item">
|
|
|
+ <text class="dialog-label">班次:</text>
|
|
|
+ <uni-data-select placeholder="请选择班次" align="center" :clear="true" v-model="formState.bc"
|
|
|
+ :localdata="rangeBc" @change="changeBc"></uni-data-select>
|
|
|
+ </view>
|
|
|
+ <view class="dialog-item">
|
|
|
+ <text class="dialog-label">检测次数:</text>
|
|
|
+ <uni-data-select placeholder="请选择检测次数" align="center" :clear="true" v-model="formState.count"
|
|
|
+ :localdata="rangeCount" @change="changeCount"></uni-data-select>
|
|
|
+ </view>
|
|
|
+ <view class="dialog-item" v-if="!nfcShow">
|
|
|
+ <text class="dialog-label">煤层工作面:</text>
|
|
|
+ <uni-data-select placeholder="请选择煤层工作面" align="center" :clear="true" v-model="formState.mcgzm"
|
|
|
+ :localdata="rangeMcgzm" @change="changeMc"></uni-data-select>
|
|
|
+ </view>
|
|
|
+ <view class="dialog-item">
|
|
|
+ <text class="dialog-label">检测地点:</text>
|
|
|
+ <uni-data-select v-if="!nfcShow" placeholder="请选择检测地点" 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 v-if="isShowAdd">
|
|
|
- <view class="top-dialog-area">
|
|
|
<view class="dialog-item">
|
|
|
- <text class="dialog-label">班次:</text>
|
|
|
- <uni-data-select placeholder="请选择班次" align="center" :clear="true" v-model="formState.bc"
|
|
|
- :localdata="rangeBc" @change="changeBc"></uni-data-select>
|
|
|
+ <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">检测次数:</text>
|
|
|
- <uni-data-select placeholder="请选择检测次数" align="center" :clear="true" v-model="formState.count"
|
|
|
- :localdata="rangeCount" @change="changeCount"></uni-data-select>
|
|
|
+ <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">煤层工作面:</text>
|
|
|
- <uni-data-select placeholder="请选择煤层工作面" align="center" :clear="true" v-model="formState.mcgzm"
|
|
|
- :localdata="rangeMcgzm" @change="changeMc"></uni-data-select>
|
|
|
+ <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">检测地点:</text>
|
|
|
- <uni-data-select placeholder="请选择检测地点" align="center" :clear="true" v-model="formState.jcdd"
|
|
|
- :localdata="rangeJcdd" @change="changeJc"></uni-data-select>
|
|
|
+ <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" @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 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" v-model="formState.tbrq" placeholder="请选择填报日期"></u--input>
|
|
|
+ <text class="dialog-label">甲烷传感器:</text>
|
|
|
+ <!-- <u--input inputAlign="center" :disabled="isDisabled" type="number" v-model="formState.jw"
|
|
|
+ placeholder="请输入"></u--input> -->
|
|
|
+ <u--input inputAlign="center" :disabled="isDisabled" type="number" v-model="formState.ch4"
|
|
|
+ placeholder="请输入" clearable @input="changeInput($event, 'ch4')"></u--input>
|
|
|
</view>
|
|
|
<view class="dialog-item">
|
|
|
- <text class="dialog-label">瓦斯检查工:</text>
|
|
|
- <u--input inputAlign="center" disabled v-model="formState.jcy" placeholder="请输入"></u--input>
|
|
|
+ <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>
|
|
|
- <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 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 class="bottom-dialog-area">
|
|
|
- <div class="dialog-title">三对照数据</div>
|
|
|
- <view class="dialog-item">
|
|
|
- <text class="dialog-label">甲烷传感器:</text>
|
|
|
- <!-- <u--input inputAlign="center" :disabled="isDisabled" type="number" v-model="formState.jw"
|
|
|
- placeholder="请输入"></u--input> -->
|
|
|
- <u--input inputAlign="center" :disabled="isDisabled" type="number" v-model="formState.ch4"
|
|
|
- placeholder="请输入" clearable @input="changeInput($event, 'ch4')"></u--input>
|
|
|
- </view>
|
|
|
- <view class="dialog-item">
|
|
|
- <text class="dialog-label">光瓦测量数据:</text>
|
|
|
- <u--input inputAlign="center" :disabled="isDisabled" v-model="formState.gw"
|
|
|
- :placeholder="isRule1 ? '请输入' : '数据有误'" type="number" @blur="getBlur" clearable
|
|
|
- @input="changeInput($event, 'gw')"
|
|
|
- :placeholderStyle="isRule1 ? 'color:#c0c4cc' : 'color:#ff0000'"></u--input>
|
|
|
- </view>
|
|
|
- <view class="dialog-item">
|
|
|
- <text class="dialog-label">便携仪测量数据:</text>
|
|
|
- <u--input inputAlign="center" :disabled="isDisabled"
|
|
|
- :placeholderStyle="isRule3 ? 'color:#c0c4cc' : 'color:#ff0000'"
|
|
|
- :placeholder="isRule3 ? '请输入' : '数据有误'" type="number" v-model="formState.bxy" clearable
|
|
|
- @blur="getBlurBxy" @input="changeInput($event, 'bxy')"></u--input>
|
|
|
- </view>
|
|
|
|
|
|
- </view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="dialog-btn">
|
|
|
- <u-button type="success" size="small" v-if="!isDisabled" @click="getConfirm">保存</u-button>
|
|
|
- <u-button type="primary" size="small" @click="getCancel">取消</u-button>
|
|
|
- </view>
|
|
|
+ <view class="dialog-btn">
|
|
|
+ <u-button type="success" size="small" v-if="!isDisabled" @click="getConfirm">保存</u-button>
|
|
|
+ <u-button type="primary" size="small" @click="getCancel">取消</u-button>
|
|
|
</view>
|
|
|
-
|
|
|
+ </view>
|
|
|
+
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
@@ -182,13 +183,15 @@
|
|
|
<script>
|
|
|
import api from "@/api/api";
|
|
|
import moment from 'moment'
|
|
|
+import testNfc from "@/common/util/hexiii-nfc.js"
|
|
|
import { mapGetters } from "vuex";
|
|
|
export default {
|
|
|
name: 'gasFill',
|
|
|
props: {},
|
|
|
- watch: {},
|
|
|
+
|
|
|
data() {
|
|
|
return {
|
|
|
+ nfcShow: true,//是否使用NFC
|
|
|
isDisabled: false,
|
|
|
isStatus: '',
|
|
|
deviceId: '',
|
|
@@ -241,6 +244,17 @@ export default {
|
|
|
username: function () {
|
|
|
return uni.getStorageSync('login_user_info')['realname']
|
|
|
},
|
|
|
+ cardIds:function(){
|
|
|
+ return this.$store.getters.nfcreadtxt
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ cardIds:{
|
|
|
+ handler(newV,oldV){
|
|
|
+ this.getCardLists(newV)
|
|
|
+ },
|
|
|
+ immediate:true
|
|
|
+ }
|
|
|
},
|
|
|
mounted() {
|
|
|
console.log(uni.getStorageSync('login_user_info'), 'ceshi00-----------')
|
|
@@ -248,9 +262,9 @@ export default {
|
|
|
this.getMcList()
|
|
|
},
|
|
|
methods: {
|
|
|
- hasPermission(param){
|
|
|
- let permission= uni.getStorageSync('btnPermission')
|
|
|
- return permission.filter(v=>v.action==param).length!=0 ? true : false
|
|
|
+ hasPermission(param) {
|
|
|
+ let permission = uni.getStorageSync('btnPermission')
|
|
|
+ return permission.filter(v => v.action == param).length != 0 ? true : false
|
|
|
},
|
|
|
//班次下拉选项切换
|
|
|
changeBc(e) {
|
|
@@ -1486,13 +1500,33 @@ export default {
|
|
|
this.isRule14 = false
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+ //根据NFC读取数据获取监测地点信息
|
|
|
+ getCardLists(ids) {
|
|
|
+ let that = this
|
|
|
+ new Promise((resolve, reject) => {
|
|
|
+ api
|
|
|
+ .getCardList({ id: ids })
|
|
|
+ .then((response) => {
|
|
|
+ if (response.data.code == 200) {
|
|
|
+ let data = response.data.result
|
|
|
+ that.formState.jcdd = data.id
|
|
|
+ that.deviceId = data.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ });
|
|
|
+ },
|
|
|
//瓦斯新增
|
|
|
getAdd() {
|
|
|
let that = this
|
|
|
that.isShowAdd = true
|
|
|
that.isStatus = 'add'
|
|
|
that.formState.jcy = this.username
|
|
|
+ if (that.nfcShow) {
|
|
|
+ testNfc.listenNFCStatus()
|
|
|
+ testNfc.readData();
|
|
|
+ // //根据NFC读取数据获取监测地点信息
|
|
|
+ // that.getCardLists(ids)
|
|
|
+ }
|
|
|
},
|
|
|
getAddSave() {
|
|
|
let that = this
|