sale-client 4.2.21 → 4.2.23

package/src/components/webMeter/MeterManage/WebMeterBatchOperationValve.vue

@@ -1,970 +1,970 @@
-<template>
-  <div class="flex-row">
-    <div  class="basic-main" :class="{'basic-main':!selectRow,'binary-left':selectRow}" style="height: 98%;">
-      <div class="span">
-        <criteria-paged :model='model' v-ref:paged>
-          <criteria :model='model' partial='criteria' v-ref:criteria @condition-changed='$parent.search'>
-            <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-              <div class="row">
-                <res-select-group :initres="$parent.$parent.initres"  :show-component="['company','department','operator','slicearea']" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
-                <div class="span" style="float:right">
-                  <button v-if="$parent.$parent.importMeterNumber === '开关阀导入表号'" class="button_new" style="margin-right: 10px"  @click="$parent.$parent.showUploadCodeCondition()">导入表号</button>
-                <import-excel v-if="$parent.$parent.batchImport === '批量开关阀导入'" template-name="批量开关阀导入Excel模板" logic-name="importBatchValue" import-json="importBatchValue.json"></import-excel>
-                <button class="button_search button_spacing"  @click="search()" v-el:cba>查询</button>
-                <button class="button_clear button_spacing"  @click="$parent.$parent.clearmsg">清空</button>
-                <label class="font_normal_body" v-if="!$parent.$parent.excelTable">超过十万条限制导出</label>
-                <export-excel v-if="$parent.$parent.excelTable"
-                              class="auto"
-                              :data="{condition: $parent.$parent.condition}"
-                              :field="$parent.$parent.getfield"
-                              sqlurl="api/af-revenue/logic/saleExport" sql-name="iot_getOpertionList"
-                              template-name='指令下发'
-                              :choose-col="true"></export-excel>
-<!--                <button class="button_search button_spacing" @click="$parent.$parent.showModal('开阀')">开阀</button>-->
-<!--                <button class="button_search button_spacing" @click="$parent.$parent.showModal('关阀')">关阀</button>-->
-                  <button
-                    class="button_search" type="button" @click="$parent.$parent.valvecontrol">
-                    开关阀
-                  </button>
-                  <button  class="button_search button_spacing"    v-if="$parent.$parent.jurisdiction.includes('自动阀控')"      v-show="$parent.$parent.famenShow1==='关闭'"  @click="$parent.$parent.openzdkf('开启')">开启自动阀控 </button>
-
-                  <button  class="button_search button_spacing"    v-if="$parent.$parent.jurisdiction.includes('自动阀控')"      v-show="$parent.$parent.famenShow1==='开启'" @click="$parent.$parent.openzdkf('关闭')">关闭自动阀控 </button>
-
-                <!--<button class="button_search" style="width: max-content"  @click="$parent.$parent.setRunParam">批量设置参数-->
-                <!--</button>-->
-                <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
-              </div>
-              </div>
-               <div class="row" v-show="$parent.$parent.criteriaShow">
-                 <div class="col-sm-2 ">
-                   <label class="font_normal_body">表&nbsp;钢&nbsp;号&nbsp;</label>
-                   <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
-                          v-model="model.f_meternumber"
-                          placeholder='表钢号'
-                          condition="f_meternumber like '%{}%'"
-                   >
-                 </div>
-                  <div class="col-sm-2 ">
-                    <label class="font_normal_body">客户编号</label>
-                    <input @keyup.enter="search" style="width:60%" type="text" class="input_search "
-                           v-model="model.f_userinfo_code"
-                           placeholder='客户号'
-                           condition="f_userinfo_code like '%{}%'"
-                    >
-                  </div>
-                  <div class="col-sm-2 ">
-                    <label class="font_normal_body">客户姓名</label>
-                    <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
-                           v-model="model.f_user_name"
-                           placeholder='客户姓名'
-                           condition="f_user_name = '{}'"
-                    >
-                  </div>
-
-                  <div class="col-sm-2 ">
-                    <label class="font_normal_body">用气地址</label>
-                    <input @keyup.enter="search" style="width:60%" type="text" class="input_search "
-                           v-model="model.f_address"
-                           placeholder='用气地址'
-                           :size="model.f_address ? model.f_address.length : 6"
-                           condition="f_address like '%{}%'"
-                    >
-                  </div>
-                 <div class="col-sm-2 ">
-                   <label class="font_normal_body">小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区</label>
-                   <v-select :value.sync="model.f_residential_area"
-                             class="select_list select"
-                             v-model="model.f_residential_area"
-                             style="width: 60%"
-                             multiple
-                             condition="f_residential_area in {}"
-                             :options='$parent.$parent.residentialArea' placeholder='选择小区'
-                             close-on-select>
-
-                   </v-select>
-                 </div>
-
-                  <div class="col-sm-2 ">
-                    <label class="font_normal_body">客户类型</label>
-                    <v-select style="width:60%"
-                      placeholder='客户类型'
-                      value-single="true"
-                      :value.sync="model.f_user_type"
-                      v-model="model.f_user_type"
-
-                      :options='$parent.$parent.userType'
-                      close-on-select condition="f_user_type ='{}'">
-                    </v-select>
-                  </div>
-                  <div class="col-sm-2 ">
-                    <label class="font_normal_body">用气性质</label>
-                    <v-select style="width:60%"
-                      placeholder='用气性质'
-                      value-single="true"
-                      :value.sync="model.f_gasproperties"
-                      v-model="model.f_gasproperties"
-                      :options='$parent.$parent.Gasproperties'
-                      close-on-select condition="f_gasproperties ='{}'">
-                    </v-select>
-                  </div>
-                  <div class="col-sm-2 ">
-                    <label class="font_normal_body">气表品牌</label>
-                    <v-select style="width:60%"
-                      placeholder='气表品牌'
-                      :value.sync="model.f_meter_brand"
-                      v-model="model.f_meter_brand"
-                      :options='$parent.$parent.meterbrand'
-                      close-on-select
-                    >
-                    </v-select>
-                  </div>
-                 <!--<div class="col-sm-3 ">
-                   <label class="font_normal_body">指令状态</label>
-                   <v-select style="width:60%" :value.sync="model.f_instruct_state" v-model="model.f_instruct_state"
-                             placeholder='指令状态'
-                             :options='$parent.$parent.instructState'
-                             close-on-select
-                             condition="f_instruct_state = '{}'"></v-select>
-                 </div>-->
-  <!--                <div class="col-sm-3 ">-->
-  <!--                  <label class="font_normal_body" style="word-break:keep-all;">安装时间</label>-->
-  <!--                  <datepicker  style="width:60%"-->
-  <!--                               placeholder="起始时间"-->
-  <!--                              :value.sync="model.f_start_date"-->
-  <!--                              v-model="model.f_start_date"-->
-  <!--                              :format="'yyyy-MM-dd HH:mm:ss'"-->
-  <!--                              condition="f_gas_date > '{}'"-->
-  <!--                  ></datepicker>-->
-  <!--                </div>-->
-  <!--                <div class="col-sm-3 ">-->
-  <!--                  <label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>-->
-  <!--                  <datepicker placeholder="结束时间"-->
-  <!--                              style="width:60%"-->
-  <!--                              :value.sync="model.f_end_date"-->
-  <!--                              v-model="model.f_end_date"-->
-  <!--                              :format="'yyyy-MM-dd HH:mm:ss'"-->
-  <!--                              condition="f_gas_date < '{}'"-->
-  <!--                  ></datepicker>-->
-  <!--                </div>-->
-                  <div class="col-sm-2 ">
-                    <label class="font_normal_body">阀门状态</label>
-  <!--                  @change="$parent.$parent.changeShow"-->
-                    <v-select style="width:60%" :value.sync="model.f_valvestate" v-model="model.f_valvestate"
-                              placeholder='全部'
-                              :options='$parent.$parent.valvestate'
-                              close-on-select
-                              condition="f_valvestate = '{}'"></v-select>
-                  </div>
-                 <div class="col-sm-2 ">
-                   <label class="font_normal_body">阀控状态</label>
-  <!--                 @change="$parent.$parent.changeShow1"-->
-                   <v-select style="width:60%" :value.sync="model.f_network_valve" v-model="model.f_network_valve"
-                             placeholder='全部'
-                             :options='$parent.$parent.f_network_valve'
-                             close-on-select
-                             condition="f_network_valve = '{}'"
-                             ></v-select>
-                 </div>
-                </div>
-              </div>
-          </criteria>
-          <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy">
-            <template partial='head'>
-              <tr>
-                <th style="text-align:center">
-                  <nobr>全选</nobr>
-                  <input @keyup.enter="search" style="width:60%" type="checkbox" v-model='checked1' :checked="$parent.$parent.$parent.checked1"
-                         @click="$parent.$parent.$parent.checkedALL()">
-                </th>
-
-                <th style="text-align:center">
-                  <nobr>客户号</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>客户类型</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>用气性质</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>客户姓名</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>用气地址</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>小区</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>片区</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>安装时间</nobr>
-                </th>
-                <th style="text-align:center;color:#3c763d">
-                  <nobr>表钢号</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>气表品牌</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>表编号</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>气表型号</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>阀门状态</nobr>
-                </th>
-                <th style="text-align:center">
-                  <nobr>阀控状态</nobr>
-                </th>
-                <!--<th style="text-align:center">
-                  <nobr>指令状态</nobr>
-                </th>-->
-                <th style="text-align:center">
-                  <nobr>组织机构</nobr>
-                </th>
-              </tr>
-            </template>
-            <template partial='body' partial='list' v-ref:grid >
-              <tr>
-                <td style="text-align:center">
-                  <input @keyup.enter="search" style="width:60%" type="checkbox"
-                         checked="checked" name="opertioninput"
-                         @click="$parent.$parent.$parent.checked(row)"></td>
-                <!--                         disabled="true"-->
-                <td style="text-align:center">
-                  <nobr>{{row.f_userinfo_code}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_user_type}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_gasproperties}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_user_name}}</nobr>
-                </td>
-                <td>
-                  <nobr>{{row.f_address}}</nobr>
-                </td>
-                <td>
-                  <nobr>{{row.f_residential_area}}</nobr>
-                </td>
-                <td>
-                  <nobr>{{row.f_zones}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_gas_date}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_meternumber}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_meter_brand}}</nobr>
-                </td>
-                <td style="text-align:center">{{row.f_userfiles_id}}</td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_meter_style}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_valvestate}}</nobr>
-                </td>
-                <td style="text-align:center">
-                  <nobr>{{row.f_network_valve}}</nobr>
-                </td>
-                <!--<td style="text-align:center">
-                  <nobr>{{row.f_instruct_state}}</nobr>
-                </td>-->
-                <td style="text-align:center">
-                  <nobr>{{row.f_orgname}}</nobr>
-                </td>
-              </tr>
-            </template>
-            <template partial='foot'></template>
-          </data-grid>
-        </criteria-paged>
-      </div>
-    </div>
-    <modal :show.sync="batchMeterShow" width="570px" title="文件导入" v-ref:modal large backdrop="false">
-      <article slot="modal-body" class="modal-body">
-        <file-upload class="my-file-uploader col-sm-9" name="meterNUmberUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-      </footer>
-    </modal>
-    <div style="height: 98%;width: 40%" class="binary-right" v-if="selectRow">
-      <sale-web-meter-operate v-if="selectRow" :row="selectRow" @research = research()></sale-web-meter-operate>
-    </div>
-  </div>
-  <!--阀控管理弹框-->
-  <modal :show.sync="valve">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="close()"><span>&times;</span></button>
-      <h4 class="modal-title" align="center">阀控管理</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="form-group col-sm-12" style="padding-left: 8px">
-        <label class="font_normal_body">阀控状态</label>
-        <div class="col-sm-3">
-          <select v-model="selectedOption" class="input_search">
-            <option value="">请选择</option>
-            <option v-for="option in networkValveOptions" :value="option">
-              {{ option }}
-            </option>
-          </select>
-        </div>
-      </div>
-
-      <div class="form-group col-sm-12 " style="padding-left: 8px">
-        <label class="font_normal_body" :class="operateReason?'':'text-danger'">操作原因</label>
-        <textarea class="form-control" style="width:80%" v-model="operateReason" rows="1"
-                  placeholder="请填写操作原因"></textarea>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <!--        <button type="button" class="button_search btn-ln fr" :disabled="!operateReason" @click='valveoperate(true,0)' title="屏蔽特殊条件下(充值开阀等)触发的自动开阀指令">强制开阀</button>-->
-      <button type="button" class="button_search button_spacing" :disabled="!operateReason"
-              @click='valveOperate(true,1)'>
-        开阀
-      </button>
-      <!--        <button type="button" class="btn btn-info btn-ln fr" :disabled="!operateReason" @click='valveoperate(false, 0)' title="屏蔽特殊条件下(欠费关阀等)触发的自动开阀指令">强制关阀</button>-->
-      <button type="button" class="button_spacing" :class="operateReason? 'button_export' : 'button_search' "
-              :disabled="!operateReason"
-              @click='valveOperate(false, 1)'>关阀
-      </button>
-    </footer>
-  </modal>
-  <modal :show.sync="isShowUserException" >
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="close()"><span>&times;</span></button>
-      <h4 class="modal-title" align="center">{{val1}}申请备注</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div style="padding-left: 8px" v-if="val1=='设置参数'">
-        <label class="font_normal_body">参数类型</label>
-        <v-select style="width:60%"
-          placeholder='参数类型'
-          :value.sync="parameterType"
-          v-model="parameterType"
-          :options='parameterTypeList'
-          close-on-select>
-        </v-select>
-      </div>
-      <div class="form-group " style="padding-left: 8px" :class="{'color-red':f_beizhu}">
-        <label class="font_normal_body">{{val1}}原因：</label>
-        <textarea class="search_area" v-model="f_beizhu" rows="10" cols="75" placeholder="备注信息"></textarea>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button  type="button" class="btn btn-success btn-ln fr" @click='addApprovalValve()'>提交</button>
-      <button  type="button" class="btn btn-info btn-ln fr" @click='close()'>取消</button>
-    </footer>
-  </modal>
-</template>
-
-<script>
-  import {PagedList} from 'vue-client'
-import Vue from 'vue'
-import * as Util from '../../../Util'
-import {HttpResetClass} from 'vue-client'
-import axios from 'axios'
-
-  let fun = (json) => {
-    let array = []
-    array.push({label: '无', value: undefined})
-    for (let i = 0; i < json.length; i++) {
-      if (json[i] == null) {
-        continue
-      }
-      array.push({label: json[i], value: json[i]})
-    }
-    return array
-  }
-  let readyGen = async function (self) {
-    await self.$LoadParams.loadParam()
-    self.initQueryParam()
-    self.getaddress()
-  }
-  export default {
-    title: '批量开关阀',
-    name: 'WebMeterBatchOperationValve',
-    data () {
-      return {
-        selectedOption: '手动',
-        delaySeconds: '',
-        networkValveOptions: [
-          '手动',
-          '自动',
-          '1小时后自动',
-          '3小时后自动',
-          '6小时后自动',
-          '12小时后自动'
-        ],
-        // 开关阀操作原因
-        operateReason: '',
-        valve: false,
-        famenShow: '', // 是否展示开关阀门按钮
-        famenShow1: '', // 阀控状态
-        meterbrand: [],
-        model: new PagedList('api/af-revenue/sql/iot_getOpertionList', 20),
-        searchshow: false,
-        criteriaShow: false,
-        condition: '',
-        orgcondition: `and f_orgid = '${this.$login.f.orgid}'`,
-        // isShowUserException: false,
-        val1: '',
-        f_beizhu: '',
-        batchImport: '',
-        Gasusertype: [],
-        Gasproperties: [],
-        metermodel: [],
-        checked1: true,
-        residentialArea: [],
-        WarningType: [
-          {label: '全部', value: ''}
-        ],
-        selectRow: '',
-        initres: {
-          org: [this.$login.f.orgid],
-          dep: [],
-          user: []
-        },
-        styles: false,
-        excelTable: true,
-        getfield: {
-          'f_orgname': '组织机构',
-          'f_userinfo_code': '客户号',
-          'f_user_type': '客户类型',
-          'f_gasproperties': '用气性质',
-          'f_user_name': '客户姓名',
-          'f_address': '用气地址',
-          'f_residential_area': '小区',
-          'f_zones': '片区',
-          'f_gas_date': '安装时间',
-          'f_meternumber': '表钢号',
-          'f_meter_brand': '气表品牌',
-          'f_userfiles_id': '表编号',
-          'f_meter_style': '气表型号',
-          'f_valvestate': '阀门状态'
-
-        },
-        obj: {
-          userid: this.$login.f.id,
-          source: `tool.getFullTree(this.getRights().where(row.getType() == $organization$))`,
-          res: this.$login.f.f_fengongsi,
-          resids: this.$login.f.orgid
-        },
-        // 开关阀权限
-        valveLimit: false,
-        uploadCodeCondition: '', // 导入表号条件
-        batchMeterShow: '', // 导入表号弹框
-        importMeterNumber: '', // 开关阀导入权限
-        // 设置参数权限
-        Setarameterermissions: false,
-        parameterType: '',
-        map: new Map()
-      }
-    },
-    ready () {
-      // this.valveLimit = this.$login.r.includes('开关阀权限')
-      // this.Setarameterermissions = this.$login.r.includes('设置参数权限')
-      this.$refs.paged.$refs.criteria.model.f_start_date = Util.toStandardDateString() + ' 00:00:00'
-      this.$refs.paged.$refs.criteria.model.f_end_date = Util.toStandardDateString() + ' 23:59:59'
-      this.$refs.paged.$refs.criteria.search()
-      // 初始化气表品牌下拉框
-      readyGen(this)
-      this.getAuthority()
-    },
-    events: {
-      'dblclick' (row) {
-        console.log('看看这个row', row)
-        this.selectRow = row
-      },
-      'onFileUpload': async function (file, res) {
-        this.iswork = true
-        let param = {
-          filepath: res.f_downloadpath,
-          importJson: this.importJson,
-          logicName: this.logicName,
-          f_operator: this.$login.f.name,
-          f_operatorid: this.$login.f.id,
-          f_orgid: this.$login.f.orgid,
-          f_orgname: this.$login.f.orgs,
-          f_depid: this.$login.f.depids,
-          f_depname: this.$login.f.deps
-        }
-        this.batchMeterShow = false
-        let self = this
-        try {
-          await axios.post('api/af-revenue/logic/importData',
-            {data: param}, {timeout: 10 * 60 * 1000}).then((res) => {
-              if (res.data) {
-                this.uploadCodeCondition = self.convertToIn(res.data.dataArr)
-                this.uploadCodeCondition = ' and f_meternumber in' + this.uploadCodeCondition
-              }
-            })
-        } catch (error) {
-          if (error.response) {
-            if (error.response.status == 500) {
-              this.$showAlert('服务繁忙,请重试!!!', 'danger', 3000)
-            } else if (error.response.status == 404) {
-              this.$showAlert('服务运行中,请耐心等待后进行重试!!', 'danger', 3000)
-            } else {
-              this.$showAlert(error.response.data, 'danger', 2000)
-            }
-            console.log(error.response.data)
-            console.log(error.response.status)
-            console.log(error.response.headers)
-          } else if (error.request) {
-            console.log(error.request)
-            this.$showAlert(error.request, 'danger', 2000)
-          } else {
-            console.log('Error', error.message)
-            this.$showAlert(error.message, 'danger', 2000)
-          }
-          this.iswork = false
-        }
-        this.batchShow = false
-      }
-    },
-    methods: {
-      // 阀控管理
-      valvecontrol () {
-        if (this.$login.r.includes('开关阀权限')) {
-          let array = []
-          this.map.forEach((value, key, map) => {
-            array.push(map.get(key))
-          })
-          this.valve = true
-          this.array = array
-          console.log('看看array和valve', array, this.valve)
-        } else {
-          this.$showAlert('您没有【开关阀权限】,请联系管理员！！', 'warning', 3000)
-        }
-      },
-      async valveOperate(oper, value) {
-        const array = this.array
-        const msg = oper ? '开阀' : '关阀'
-        const valueState = value === 0 ? '自动' : '手动'
-        const currentTime = new Date()
-        const beijingTime = new Date(currentTime.getTime() + 8 * 60 * 60 * 1000)
-        const formattedBeijingTime = beijingTime.toISOString().slice(0, 19).replace('T', ' ')
-
-        const delayMapping = {
-          '1小时后自动': 3600,
-          '3小时后自动': 10800,
-          '6小时后自动': 21600,
-          '12小时后自动': 43200,
-        }
-
-        const delaySeconds = delayMapping[this.selectedOption] || 0
-        const adjustedTime = new Date(currentTime.getTime() + delaySeconds * 1000)
-        const adjustedBeijingTime = new Date(adjustedTime.getTime() + 8 * 60 * 60 * 1000)
-        const formattedAdjustedBeijingTime = adjustedBeijingTime.toISOString().slice(0, 19).replace('T', ' ')
-
-        // 准备批量操作的数据
-        const batchData = {
-          data1: {
-            f_apply_type: '阀门控制',
-            userid: array,
-            nowDate: new Date(),
-            f_apply_value: msg,
-            f_apply_beizhu: this.operateReason,
-            f_apply_operator: Vue.$login.f.name,
-          },
-          data2: {
-            userid: array,
-            instructtype: '阀门控制',
-            isOpen: msg,
-            reasonInfo: this.operateReason,
-            f_instruct_state: '待发送',
-            inputtor: Vue.$login.f.name,
-            instructType: '阀门控制',
-            instructTitle: `手动${msg}`,
-            meterBrandName: array[0].f_alias,
-            inputtorid: Vue.$login.f.id,
-            meternumberf: array[0].f_meternumber,
-            contentData: { isOpen: oper ? 1 : 0 },
-            auto_adjust_option: this.selectedOption,
-            delaySeconds,
-            f_current_timestamp: formattedAdjustedBeijingTime,
-            executeDelayedOperation: true,
-            f_timestamp: formattedBeijingTime,
-          }
-        }
-
-        const load = new HttpResetClass()
-        await load.load('POST', 'api/af-revenue/logic/iot_instructUpdateAndDelect', {
-          data: batchData
-        }, {warnMsg: null, resolveMsg: 'null'})
-
-        this.$showAlert(`正在批量修改操作中，请稍后...`, 'warning', 5000)
-
-        this.valve = false
-        this.operateReason = ''
-
-        if (this.selectedOption !== '手动') {
-          const autoMsg = this.selectedOption !== '自动'
-            ? `阀控状态将在${this.selectedOption}后自动调整为【自动】`
-            : `阀控状态自动调整为 【自动】`
-
-          this.$showAlert(autoMsg, 'info', 3000)
-
-          await this.$resetpost('api/af-revenue/logic/iot_processDelayedOperations', { data: batchData.data2 })
-
-          this.$emit('refresh')
-          console.log('延时操作逻辑已执行')
-        } else {
-          this.$emit('refresh')
-        }
-
-        this.$showMessage(`执行完成,总共执行了${array.length}户的申请操作`)
-      },
-      close () {
-        this.valve = false
-        this.operateReason = ''
-      },
-      // 数组转in
-      convertToIn (val) {
-        let temp = ''
-        if (val instanceof Array) {
-          if (val.length >= 1) {
-            temp = '('
-            val.forEach((res) => {
-              temp += `'${res}',`
-            })
-            temp = temp.substr(0, temp.length - 1) + ')'
-          }
-        }
-        return temp
-      },
-      showUploadCodeCondition () {
-        this.batchMeterShow = true
-      },
-      getAuthority () {
-        if (this.$login.r.find(value => value == '批量开关阀导入')) {
-          this.batchImport = '批量开关阀导入'
-        }
-        if (this.$login.r.find(value => value == '开关阀导入表号')) {
-          this.importMeterNumber = '开关阀导入表号'
-        }
-      },
-      research () {
-        this.selectRow = null
-        this.$refs.paged.$refs.criteria.search()
-      },
-      async  getaddress () {
-        let HttpReset = new HttpResetClass()
-        var data = await HttpReset.load('POST', 'api/af-revenue/sql/manage_getarealist', {
-          data: {
-            condition: `1=1 and s.f_orgid = '${this.$login.f.orgid}'`
-          }
-        }, {resolveMsg: null, rejectMsg: '获取小区失败!'})
-        console.log('小区', data)
-        let house = []
-        for (let row of data.data) {
-          house.push({label: row.f_residential_area, value: row.f_residential_area})
-        }
-        this.residentialArea = house
-      },
-
-      initQueryParam () {
-        let arr = []
-        this.$GetSaleParam.getGasbrand().forEach((item) => {
-          let temp = {}
-          if(item.value.f_meter_type==='物联网表'){
-            temp.label = item.label
-            temp.value = item.value.f_meter_brand
-            arr.push(temp )
-          }
-        })
-
-        this.meterbrand = [{label: '全部', value: ''}, ...arr]
-      },
-      hidden () {
-        this.criteriaShow = !this.criteriaShow
-      },
-      async search (args) {
-        args.condition = `${args.condition} ` + this.orgcondition
-        if (this.$refs.paged.$refs.criteria.model.f_meter_brand) {
-          if (this.$refs.paged.$refs.criteria.model.f_meter_brand.length > 0) {
-            args.condition = `${args.condition} ` + `and f_meter_brand = '${this.$refs.paged.$refs.criteria.model.f_meter_brand[0]}'`
-          }
-        }
-        args.condition = `${args.condition} ` + this.uploadCodeCondition
-        this.condition = args.condition
-        await this.model.search(args.condition, args.model)
-
-        console.log(this.model.rows)
-        console.log(this.model)
-        if (this.$refs.paged.$refs.grid.model.rows.length === 0) {
-          this.famenShow = ''
-          this.famenShow1 = ''
-        } else {
-          this.famenShow = this.$refs.paged.$refs.criteria.model.f_valvestate[0]
-          this.famenShow1 = this.$refs.paged.$refs.criteria.model.f_network_valve[0]
-        }
-      },
-      mapset (array) {
-        this.map.clear()
-        for (let i = 0; i < array.length; i++) {
-          let userid = array[i].f_userfiles_id
-          let alias = array[i].f_alias
-          let userinfoid = array[i].f_userinfo_id
-          let f_orgname = array[i].f_orgname
-          let f_orgid = array[i].f_orgid
-          let f_meternumber = array[i].f_meternumber
-          let f_network_valve = array[i].f_network_valve
-          this.map.set(userid, {id: null, f_user_id: userid, f_alias: alias, f_userinfo_id: userinfoid, f_orgname: f_orgname, f_orgid: f_orgid, f_meternumber: f_meternumber, f_network_valve: f_network_valve})
-        }
-      },
-      back () {
-        this.$parent.msg = ''
-      },
-      clearmsg () {
-        this.$refs.paged.$refs.criteria.model = {}
-        // 清空表号
-        this.uploadCodeCondition = ''
-      },
-      clickshow () {
-        this.searchshow = !this.searchshow
-      },
-      getRes (obj) {
-        this.orgcondition = obj
-      },
-      checkedALL () {
-        this.checked1 = !this.checked1
-        let box = document.getElementsByName('opertioninput')
-        for (var i = 0; i < box.length; i++) {
-          box[i].checked = this.checked1
-        }
-      },
-      checked (val) {
-        let userid = val.f_userfiles_id
-        if (this.map.has(userid)) {
-          this.map.delete(userid)
-        } else {
-          this.map.set(userid, {id: null, f_user_id: userid, f_alias: val.f_alias, f_userinfo_id: val.f_userinfo_id, f_orgname: val.f_orgname, f_orgid: val.f_orgid, f_meternumber: val.f_meternumber, f_network_valve: val.f_network_valve})
-        }
-      },
-      // showModal (val) {
-      //   this.val1 = val
-      //   let valve = this.val1
-      //   let array = []
-      //   this.map.forEach((value, key, map) => {
-      //     array.push(map.get(key))
-      //   })
-      //   let temp = array.filter(item => {
-      //     console.log('valve:', valve)
-      //     return item.f_network_valve === '自动'
-      //   })
-      //   console.log('过滤后的状态信息:', temp)
-      //   if (temp.length !== 0) {
-      //     this.isShowUserException = false
-      //     this.$showAlert('请选择阀控状态为手动的选项!', 'danger', 3000)
-      //     return
-      //   }
-      //   this.isShowUserException = true
-      // },
-      openzdkf (val) {
-        let data = {
-          f_operator: this.$login.f.name,
-          f_operatorid: this.$login.f.id,
-          f_orgid: this.$login.f.orgid,
-          f_orgname: this.$login.f.orgs,
-          f_depid: this.$login.f.depids,
-          f_depname: this.$login.f.deps,
-          condition: this.condition,
-          type: val
-        }
-        let resolveMsg = ''
-        let rejectMsg = ''
-        if (val == '开启') {
-          resolveMsg = '开启自动阀控成功'
-          rejectMsg = '开启自动阀控失败'
-        } else {
-          resolveMsg = '关闭自动阀控成功'
-          rejectMsg = '关闭自动阀控失败'
-        }
-        this.$resetpost('api/af-revenue/logic/zdfkall', data, {resolveMsg: resolveMsg, rejectMsg: rejectMsg })
-      },
-      // close () {
-      //   this.isShowUserException = false
-      // },
-      // addApprovalValve () {
-      //   console.log('val1:', this.val1)
-      //   let valve = this.val1
-      //   let array = []
-      //   this.map.forEach((value, key, map) => {
-      //     array.push(map.get(key))
-      //   })
-      //   // console.log(this.map)
-      //   // console.log('array:', array)
-      //   // console.log('valve:', valve)
-      //
-      //   if (valve == '设置参数') {
-      //     if (this.parameterType == '') {
-      //       console.log(this.parameterType)
-      //       return
-      //     }
-      //     this.approvalValveControl(valve, this.parameterType[0], array)// parameterType【0】设置运行参数
-      //     console.log('')
-      //   } else {
-      //     this.approvalValveControl('阀门控制', valve, array)
-      //     console.log('进入阀门控制')
-      //   }
-      //   this.isShowUserException = false
-      // },
-      // setRunParam () {
-      //   this.val1 = '设置参数'
-      //   this.isShowUserException = true
-      // },
-
-      approvalValveControl (f_apply_type, f_apply_value, array) {
-        console.log('进入阀门指令提交')
-        console.log('f_apply_type:', f_apply_type)
-        console.log('f_apply_value:', f_apply_value)
-        console.log(array)
-        let load = new HttpResetClass()
-        let self = this
-        load.load('POST', 'api/af-revenue/logic/iot_instructUpdateAndDelect',
-          {data: {
-            data1: {
-              f_apply_type: f_apply_type,
-              userid: array,
-              nowDate: new Date(),
-              f_apply_value: f_apply_value,
-              f_apply_beizhu: this.f_beizhu,
-              f_apply_operator: Vue.$login.f.name
-            },
-            data2: {
-              userid: array,
-              instructtype: f_apply_type,
-              isOpen: f_apply_value,
-              reasonInfo: this.f_beizhu,
-              f_instruct_state: '待发送',
-              inputtor: Vue.$login.f.name
-            }
-          }
-          }).then((res) => {
-            let count = res.data.count
-            let str = `执行完成,总共执行了${array.length}户的申请操作`
-            self.$showMessage(str)
-          }).catch((res) => {
-            this.$showMessage('执行失败，具体失败原因请查看后台日志文件！本次操作已被回滚！')
-          })
-      }
-      /* operationValve(array,valve,instructtype) {
-        console.log("批量操作array======", array)
-        console.log("批量操作valve======", valve)
-        console.log("批量操作 Vue.$login.f.name======", Vue.$login.f.name)
-        let load = new HttpResetClass()
-        load.load('POST', 'api/af-revenue/logic/setParameter',
-          {data:{
-          userid: array,
-          instructtype: instructtype,
-          isOpen:valve,
-          f_instruct_state:'待审核',
-          inputtor: Vue.$login.f.name
-        }}, {rejectMsg: null, resolveMsg: null}).then((res) => {
-          let count = array.length;
-          console.log("批量操作 Vue.$login.f.name======", Vue.$login.f.name)
-        }).catch((res) => {
-          this.$showMessage("执行失败，具体失败原因请查看后台日志文件！本次操作已被回滚！")
-        })
-      } */
-    },
-    computed: {
-      /* WarningType() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表品牌')]
-      }, */
-      /* Warningstyle() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('燃气表型号')]
-      }, */
-
-      MeterTypes () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
-      },
-      TableStates () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表状态')]
-      },
-      Gasproperties () {
-        let rs = []
-        if (this.model.model.f_user_type) {
-          rs = this.$appdata.getParam(this.model.model.f_user_type[0])
-        }
-        return rs
-      },
-      // 界面细节权限
-      jurisdiction () {
-        console.log('抄表界面细节', this.$login.r)
-        return this.$login.r ? this.$login.r : []
-      },
-      parameterTypeList () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('设置参数')]
-      },
-      signtype1 () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记名称')]
-      },
-      parameterState () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记状态')]
-      },
-      userType () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
-      },
-      userfilesState () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('上报状态')]
-      },
-      valvestate () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('阀门状态')]
-      },
-      f_network_valve () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('阀控状态')]
-      },
-      instructState () {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('指令状态')]
-      }
-    },
-    watch: {
-      'model.pageIndex' () {
-        this.checked1 = false
-        this.mapset(this.model.rows)
-        this.checkedALL()
-      },
-      'model.rows' () {
-        this.checked1 = false
-        this.mapset(this.model.rows)
-        this.checkedALL()
-      },
-      'checked1' (val) {
-        if (val) {
-          this.mapset(this.model.rows)
-        } else {
-          this.map.clear()
-        }
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .PanelTR {
-    width: 100%;
-    height: 40px;
-  }
-.text-danger{
-  color:darkred;
-}
-  .PanelTD {
-    width: 5%;
-  }
-
-  .btn-relative {
-    position: relative;
-    left: 25px;
-    top: 15px;
-  }
-</style>
-
+<template>
+  <div class="flex-row">
+    <div  class="basic-main" :class="{'basic-main':!selectRow,'binary-left':selectRow}" style="height: 98%;">
+      <div class="span">
+        <criteria-paged :model='model' v-ref:paged>
+          <criteria :model='model' partial='criteria' v-ref:criteria @condition-changed='$parent.search'>
+            <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+              <div class="row">
+                <res-select-group :initres="$parent.$parent.initres"  :show-component="['company','department','operator','slicearea']" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
+                <div class="span" style="float:right">
+                  <button v-if="$parent.$parent.importMeterNumber === '开关阀导入表号'" class="button_new" style="margin-right: 10px"  @click="$parent.$parent.showUploadCodeCondition()">导入表号</button>
+                <import-excel v-if="$parent.$parent.batchImport === '批量开关阀导入'" template-name="批量开关阀导入Excel模板" logic-name="importBatchValue" import-json="importBatchValue.json"></import-excel>
+                <button class="button_search button_spacing"  @click="search()" v-el:cba>查询</button>
+                <button class="button_clear button_spacing"  @click="$parent.$parent.clearmsg">清空</button>
+                <label class="font_normal_body" v-if="!$parent.$parent.excelTable">超过十万条限制导出</label>
+                <export-excel v-if="$parent.$parent.excelTable"
+                              class="auto"
+                              :data="{condition: $parent.$parent.condition}"
+                              :field="$parent.$parent.getfield"
+                              sqlurl="api/af-revenue/logic/saleExport" sql-name="iot_getOpertionList"
+                              template-name='指令下发'
+                              :choose-col="true"></export-excel>
+<!--                <button class="button_search button_spacing" @click="$parent.$parent.showModal('开阀')">开阀</button>-->
+<!--                <button class="button_search button_spacing" @click="$parent.$parent.showModal('关阀')">关阀</button>-->
+                  <button
+                    class="button_search" type="button" @click="$parent.$parent.valvecontrol">
+                    开关阀
+                  </button>
+                  <button  class="button_search button_spacing"    v-if="$parent.$parent.jurisdiction.includes('自动阀控')"      v-show="$parent.$parent.famenShow1==='关闭'"  @click="$parent.$parent.openzdkf('开启')">开启自动阀控 </button>
+
+                  <button  class="button_search button_spacing"    v-if="$parent.$parent.jurisdiction.includes('自动阀控')"      v-show="$parent.$parent.famenShow1==='开启'" @click="$parent.$parent.openzdkf('关闭')">关闭自动阀控 </button>
+
+                <!--<button class="button_search" style="width: max-content"  @click="$parent.$parent.setRunParam">批量设置参数-->
+                <!--</button>-->
+                <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
+              </div>
+              </div>
+               <div class="row" v-show="$parent.$parent.criteriaShow">
+                 <div class="col-sm-2 ">
+                   <label class="font_normal_body">表&nbsp;钢&nbsp;号&nbsp;</label>
+                   <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
+                          v-model="model.f_meternumber"
+                          placeholder='表钢号'
+                          condition="f_meternumber like '%{}%'"
+                   >
+                 </div>
+                  <div class="col-sm-2 ">
+                    <label class="font_normal_body">客户编号</label>
+                    <input @keyup.enter="search" style="width:60%" type="text" class="input_search "
+                           v-model="model.f_userinfo_code"
+                           placeholder='客户号'
+                           condition="f_userinfo_code like '%{}%'"
+                    >
+                  </div>
+                  <div class="col-sm-2 ">
+                    <label class="font_normal_body">客户姓名</label>
+                    <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
+                           v-model="model.f_user_name"
+                           placeholder='客户姓名'
+                           condition="f_user_name = '{}'"
+                    >
+                  </div>
+
+                  <div class="col-sm-2 ">
+                    <label class="font_normal_body">用气地址</label>
+                    <input @keyup.enter="search" style="width:60%" type="text" class="input_search "
+                           v-model="model.f_address"
+                           placeholder='用气地址'
+                           :size="model.f_address ? model.f_address.length : 6"
+                           condition="f_address like '%{}%'"
+                    >
+                  </div>
+                 <div class="col-sm-2 ">
+                   <label class="font_normal_body">小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区</label>
+                   <v-select :value.sync="model.f_residential_area"
+                             class="select_list select"
+                             v-model="model.f_residential_area"
+                             style="width: 60%"
+                             multiple
+                             condition="f_residential_area in {}"
+                             :options='$parent.$parent.residentialArea' placeholder='选择小区'
+                             close-on-select>
+
+                   </v-select>
+                 </div>
+
+                  <div class="col-sm-2 ">
+                    <label class="font_normal_body">客户类型</label>
+                    <v-select style="width:60%"
+                      placeholder='客户类型'
+                      value-single="true"
+                      :value.sync="model.f_user_type"
+                      v-model="model.f_user_type"
+
+                      :options='$parent.$parent.userType'
+                      close-on-select condition="f_user_type ='{}'">
+                    </v-select>
+                  </div>
+                  <div class="col-sm-2 ">
+                    <label class="font_normal_body">用气性质</label>
+                    <v-select style="width:60%"
+                      placeholder='用气性质'
+                      value-single="true"
+                      :value.sync="model.f_gasproperties"
+                      v-model="model.f_gasproperties"
+                      :options='$parent.$parent.Gasproperties'
+                      close-on-select condition="f_gasproperties ='{}'">
+                    </v-select>
+                  </div>
+                  <div class="col-sm-2 ">
+                    <label class="font_normal_body">气表品牌</label>
+                    <v-select style="width:60%"
+                      placeholder='气表品牌'
+                      :value.sync="model.f_meter_brand"
+                      v-model="model.f_meter_brand"
+                      :options='$parent.$parent.meterbrand'
+                      close-on-select
+                    >
+                    </v-select>
+                  </div>
+                 <!--<div class="col-sm-3 ">
+                   <label class="font_normal_body">指令状态</label>
+                   <v-select style="width:60%" :value.sync="model.f_instruct_state" v-model="model.f_instruct_state"
+                             placeholder='指令状态'
+                             :options='$parent.$parent.instructState'
+                             close-on-select
+                             condition="f_instruct_state = '{}'"></v-select>
+                 </div>-->
+  <!--                <div class="col-sm-3 ">-->
+  <!--                  <label class="font_normal_body" style="word-break:keep-all;">安装时间</label>-->
+  <!--                  <datepicker  style="width:60%"-->
+  <!--                               placeholder="起始时间"-->
+  <!--                              :value.sync="model.f_start_date"-->
+  <!--                              v-model="model.f_start_date"-->
+  <!--                              :format="'yyyy-MM-dd HH:mm:ss'"-->
+  <!--                              condition="f_gas_date > '{}'"-->
+  <!--                  ></datepicker>-->
+  <!--                </div>-->
+  <!--                <div class="col-sm-3 ">-->
+  <!--                  <label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>-->
+  <!--                  <datepicker placeholder="结束时间"-->
+  <!--                              style="width:60%"-->
+  <!--                              :value.sync="model.f_end_date"-->
+  <!--                              v-model="model.f_end_date"-->
+  <!--                              :format="'yyyy-MM-dd HH:mm:ss'"-->
+  <!--                              condition="f_gas_date < '{}'"-->
+  <!--                  ></datepicker>-->
+  <!--                </div>-->
+                  <div class="col-sm-2 ">
+                    <label class="font_normal_body">阀门状态</label>
+  <!--                  @change="$parent.$parent.changeShow"-->
+                    <v-select style="width:60%" :value.sync="model.f_valvestate" v-model="model.f_valvestate"
+                              placeholder='全部'
+                              :options='$parent.$parent.valvestate'
+                              close-on-select
+                              condition="f_valvestate = '{}'"></v-select>
+                  </div>
+                 <div class="col-sm-2 ">
+                   <label class="font_normal_body">阀控状态</label>
+  <!--                 @change="$parent.$parent.changeShow1"-->
+                   <v-select style="width:60%" :value.sync="model.f_network_valve" v-model="model.f_network_valve"
+                             placeholder='全部'
+                             :options='$parent.$parent.f_network_valve'
+                             close-on-select
+                             condition="f_network_valve = '{}'"
+                             ></v-select>
+                 </div>
+                </div>
+              </div>
+          </criteria>
+          <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy">
+            <template partial='head'>
+              <tr>
+                <th style="text-align:center">
+                  <nobr>全选</nobr>
+                  <input @keyup.enter="search" style="width:60%" type="checkbox" v-model='checked1' :checked="$parent.$parent.$parent.checked1"
+                         @click="$parent.$parent.$parent.checkedALL()">
+                </th>
+
+                <th style="text-align:center">
+                  <nobr>客户号</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>客户类型</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>用气性质</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>客户姓名</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>用气地址</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>小区</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>片区</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>安装时间</nobr>
+                </th>
+                <th style="text-align:center;color:#3c763d">
+                  <nobr>表钢号</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>气表品牌</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>表编号</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>气表型号</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>阀门状态</nobr>
+                </th>
+                <th style="text-align:center">
+                  <nobr>阀控状态</nobr>
+                </th>
+                <!--<th style="text-align:center">
+                  <nobr>指令状态</nobr>
+                </th>-->
+                <th style="text-align:center">
+                  <nobr>组织机构</nobr>
+                </th>
+              </tr>
+            </template>
+            <template partial='body' partial='list' v-ref:grid >
+              <tr>
+                <td style="text-align:center">
+                  <input @keyup.enter="search" style="width:60%" type="checkbox"
+                         checked="checked" name="opertioninput"
+                         @click="$parent.$parent.$parent.checked(row)"></td>
+                <!--                         disabled="true"-->
+                <td style="text-align:center">
+                  <nobr>{{row.f_userinfo_code}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_user_type}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_gasproperties}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_user_name}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_address}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_residential_area}}</nobr>
+                </td>
+                <td>
+                  <nobr>{{row.f_zones}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_gas_date}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_meternumber}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_meter_brand}}</nobr>
+                </td>
+                <td style="text-align:center">{{row.f_userfiles_id}}</td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_meter_style}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_valvestate}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{row.f_network_valve}}</nobr>
+                </td>
+                <!--<td style="text-align:center">
+                  <nobr>{{row.f_instruct_state}}</nobr>
+                </td>-->
+                <td style="text-align:center">
+                  <nobr>{{row.f_orgname}}</nobr>
+                </td>
+              </tr>
+            </template>
+            <template partial='foot'></template>
+          </data-grid>
+        </criteria-paged>
+      </div>
+    </div>
+    <modal :show.sync="batchMeterShow" width="570px" title="文件导入" v-ref:modal large backdrop="false">
+      <article slot="modal-body" class="modal-body">
+        <file-upload class="my-file-uploader col-sm-9" name="meterNUmberUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+    <div style="height: 98%;width: 40%" class="binary-right" v-if="selectRow">
+      <sale-web-meter-operate v-if="selectRow" :row="selectRow" @research = research()></sale-web-meter-operate>
+    </div>
+  </div>
+  <!--阀控管理弹框-->
+  <modal :show.sync="valve">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="close()"><span>&times;</span></button>
+      <h4 class="modal-title" align="center">阀控管理</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="form-group col-sm-12" style="padding-left: 8px">
+        <label class="font_normal_body">阀控状态</label>
+        <div class="col-sm-3">
+          <select v-model="selectedOption" class="input_search">
+            <option value="">请选择</option>
+            <option v-for="option in networkValveOptions" :value="option">
+              {{ option }}
+            </option>
+          </select>
+        </div>
+      </div>
+
+      <div class="form-group col-sm-12 " style="padding-left: 8px">
+        <label class="font_normal_body" :class="operateReason?'':'text-danger'">操作原因</label>
+        <textarea class="form-control" style="width:80%" v-model="operateReason" rows="1"
+                  placeholder="请填写操作原因"></textarea>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <!--        <button type="button" class="button_search btn-ln fr" :disabled="!operateReason" @click='valveoperate(true,0)' title="屏蔽特殊条件下(充值开阀等)触发的自动开阀指令">强制开阀</button>-->
+      <button type="button" class="button_search button_spacing" :disabled="!operateReason"
+              @click='valveOperate(true,1)'>
+        开阀
+      </button>
+      <!--        <button type="button" class="btn btn-info btn-ln fr" :disabled="!operateReason" @click='valveoperate(false, 0)' title="屏蔽特殊条件下(欠费关阀等)触发的自动开阀指令">强制关阀</button>-->
+      <button type="button" class="button_spacing" :class="operateReason? 'button_export' : 'button_search' "
+              :disabled="!operateReason"
+              @click='valveOperate(false, 1)'>关阀
+      </button>
+    </footer>
+  </modal>
+  <modal :show.sync="isShowUserException" >
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="close()"><span>&times;</span></button>
+      <h4 class="modal-title" align="center">{{val1}}申请备注</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div style="padding-left: 8px" v-if="val1=='设置参数'">
+        <label class="font_normal_body">参数类型</label>
+        <v-select style="width:60%"
+          placeholder='参数类型'
+          :value.sync="parameterType"
+          v-model="parameterType"
+          :options='parameterTypeList'
+          close-on-select>
+        </v-select>
+      </div>
+      <div class="form-group " style="padding-left: 8px" :class="{'color-red':f_beizhu}">
+        <label class="font_normal_body">{{val1}}原因：</label>
+        <textarea class="search_area" v-model="f_beizhu" rows="10" cols="75" placeholder="备注信息"></textarea>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button  type="button" class="btn btn-success btn-ln fr" @click='addApprovalValve()'>提交</button>
+      <button  type="button" class="btn btn-info btn-ln fr" @click='close()'>取消</button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+  import {PagedList} from 'vue-client'
+import Vue from 'vue'
+import * as Util from '../../../Util'
+import {HttpResetClass} from 'vue-client'
+import axios from 'axios'
+
+  let fun = (json) => {
+    let array = []
+    array.push({label: '无', value: undefined})
+    for (let i = 0; i < json.length; i++) {
+      if (json[i] == null) {
+        continue
+      }
+      array.push({label: json[i], value: json[i]})
+    }
+    return array
+  }
+  let readyGen = async function (self) {
+    await self.$LoadParams.loadParam()
+    self.initQueryParam()
+    self.getaddress()
+  }
+  export default {
+    title: '批量开关阀',
+    name: 'WebMeterBatchOperationValve',
+    data () {
+      return {
+        selectedOption: '手动',
+        delaySeconds: '',
+        networkValveOptions: [
+          '手动',
+          '自动',
+          '1小时后自动',
+          '3小时后自动',
+          '6小时后自动',
+          '12小时后自动'
+        ],
+        // 开关阀操作原因
+        operateReason: '',
+        valve: false,
+        famenShow: '', // 是否展示开关阀门按钮
+        famenShow1: '', // 阀控状态
+        meterbrand: [],
+        model: new PagedList('api/af-revenue/sql/iot_getOpertionList', 20),
+        searchshow: false,
+        criteriaShow: false,
+        condition: '',
+        orgcondition: `and f_orgid = '${this.$login.f.orgid}'`,
+        // isShowUserException: false,
+        val1: '',
+        f_beizhu: '',
+        batchImport: '',
+        Gasusertype: [],
+        Gasproperties: [],
+        metermodel: [],
+        checked1: true,
+        residentialArea: [],
+        WarningType: [
+          {label: '全部', value: ''}
+        ],
+        selectRow: '',
+        initres: {
+          org: [this.$login.f.orgid],
+          dep: [],
+          user: []
+        },
+        styles: false,
+        excelTable: true,
+        getfield: {
+          'f_orgname': '组织机构',
+          'f_userinfo_code': '客户号',
+          'f_user_type': '客户类型',
+          'f_gasproperties': '用气性质',
+          'f_user_name': '客户姓名',
+          'f_address': '用气地址',
+          'f_residential_area': '小区',
+          'f_zones': '片区',
+          'f_gas_date': '安装时间',
+          'f_meternumber': '表钢号',
+          'f_meter_brand': '气表品牌',
+          'f_userfiles_id': '表编号',
+          'f_meter_style': '气表型号',
+          'f_valvestate': '阀门状态'
+
+        },
+        obj: {
+          userid: this.$login.f.id,
+          source: `tool.getFullTree(this.getRights().where(row.getType() == $organization$))`,
+          res: this.$login.f.f_fengongsi,
+          resids: this.$login.f.orgid
+        },
+        // 开关阀权限
+        valveLimit: false,
+        uploadCodeCondition: '', // 导入表号条件
+        batchMeterShow: '', // 导入表号弹框
+        importMeterNumber: '', // 开关阀导入权限
+        // 设置参数权限
+        Setarameterermissions: false,
+        parameterType: '',
+        map: new Map()
+      }
+    },
+    ready () {
+      // this.valveLimit = this.$login.r.includes('开关阀权限')
+      // this.Setarameterermissions = this.$login.r.includes('设置参数权限')
+      this.$refs.paged.$refs.criteria.model.f_start_date = Util.toStandardDateString() + ' 00:00:00'
+      this.$refs.paged.$refs.criteria.model.f_end_date = Util.toStandardDateString() + ' 23:59:59'
+      this.$refs.paged.$refs.criteria.search()
+      // 初始化气表品牌下拉框
+      readyGen(this)
+      this.getAuthority()
+    },
+    events: {
+      'dblclick' (row) {
+        console.log('看看这个row', row)
+        this.selectRow = row
+      },
+      'onFileUpload': async function (file, res) {
+        this.iswork = true
+        let param = {
+          filepath: res.f_downloadpath,
+          importJson: this.importJson,
+          logicName: this.logicName,
+          f_operator: this.$login.f.name,
+          f_operatorid: this.$login.f.id,
+          f_orgid: this.$login.f.orgid,
+          f_orgname: this.$login.f.orgs,
+          f_depid: this.$login.f.depids,
+          f_depname: this.$login.f.deps
+        }
+        this.batchMeterShow = false
+        let self = this
+        try {
+          await axios.post('api/af-revenue/logic/importData',
+            {data: param}, {timeout: 10 * 60 * 1000}).then((res) => {
+              if (res.data) {
+                this.uploadCodeCondition = self.convertToIn(res.data.dataArr)
+                this.uploadCodeCondition = ' and f_meternumber in' + this.uploadCodeCondition
+              }
+            })
+        } catch (error) {
+          if (error.response) {
+            if (error.response.status == 500) {
+              this.$showAlert('服务繁忙,请重试!!!', 'danger', 3000)
+            } else if (error.response.status == 404) {
+              this.$showAlert('服务运行中,请耐心等待后进行重试!!', 'danger', 3000)
+            } else {
+              this.$showAlert(error.response.data, 'danger', 2000)
+            }
+            console.log(error.response.data)
+            console.log(error.response.status)
+            console.log(error.response.headers)
+          } else if (error.request) {
+            console.log(error.request)
+            this.$showAlert(error.request, 'danger', 2000)
+          } else {
+            console.log('Error', error.message)
+            this.$showAlert(error.message, 'danger', 2000)
+          }
+          this.iswork = false
+        }
+        this.batchShow = false
+      }
+    },
+    methods: {
+      // 阀控管理
+      valvecontrol () {
+        if (this.$login.r.includes('开关阀权限')) {
+          let array = []
+          this.map.forEach((value, key, map) => {
+            array.push(map.get(key))
+          })
+          this.valve = true
+          this.array = array
+          console.log('看看array和valve', array, this.valve)
+        } else {
+          this.$showAlert('您没有【开关阀权限】,请联系管理员！！', 'warning', 3000)
+        }
+      },
+      async valveOperate(oper, value) {
+        const array = this.array
+        const msg = oper ? '开阀' : '关阀'
+        const valueState = value === 0 ? '自动' : '手动'
+        const currentTime = new Date()
+        const beijingTime = new Date(currentTime.getTime() + 8 * 60 * 60 * 1000)
+        const formattedBeijingTime = beijingTime.toISOString().slice(0, 19).replace('T', ' ')
+
+        const delayMapping = {
+          '1小时后自动': 3600,
+          '3小时后自动': 10800,
+          '6小时后自动': 21600,
+          '12小时后自动': 43200,
+        }
+
+        const delaySeconds = delayMapping[this.selectedOption] || 0
+        const adjustedTime = new Date(currentTime.getTime() + delaySeconds * 1000)
+        const adjustedBeijingTime = new Date(adjustedTime.getTime() + 8 * 60 * 60 * 1000)
+        const formattedAdjustedBeijingTime = adjustedBeijingTime.toISOString().slice(0, 19).replace('T', ' ')
+
+        // 准备批量操作的数据
+        const batchData = {
+          data1: {
+            f_apply_type: '阀门控制',
+            userid: array,
+            nowDate: new Date(),
+            f_apply_value: msg,
+            f_apply_beizhu: this.operateReason,
+            f_apply_operator: Vue.$login.f.name,
+          },
+          data2: {
+            userid: array,
+            instructtype: '阀门控制',
+            isOpen: msg,
+            reasonInfo: this.operateReason,
+            f_instruct_state: '待发送',
+            inputtor: Vue.$login.f.name,
+            instructType: '阀门控制',
+            instructTitle: `手动${msg}`,
+            meterBrandName: array[0].f_alias,
+            inputtorid: Vue.$login.f.id,
+            meternumberf: array[0].f_meternumber,
+            contentData: { isOpen: oper ? 1 : 0 },
+            auto_adjust_option: this.selectedOption,
+            delaySeconds,
+            f_current_timestamp: formattedAdjustedBeijingTime,
+            executeDelayedOperation: true,
+            f_timestamp: formattedBeijingTime,
+          }
+        }
+
+        const load = new HttpResetClass()
+        await load.load('POST', 'api/af-revenue/logic/iot_instructUpdateAndDelect', {
+          data: batchData
+        }, {warnMsg: null, resolveMsg: 'null'})
+
+        this.$showAlert(`正在批量修改操作中，请稍后...`, 'warning', 5000)
+
+        this.valve = false
+        this.operateReason = ''
+
+        if (this.selectedOption !== '手动') {
+          const autoMsg = this.selectedOption !== '自动'
+            ? `阀控状态将在${this.selectedOption}后自动调整为【自动】`
+            : `阀控状态自动调整为 【自动】`
+
+          this.$showAlert(autoMsg, 'info', 3000)
+
+          await this.$resetpost('api/af-revenue/logic/iot_processDelayedOperations', { data: batchData.data2 })
+
+          this.$emit('refresh')
+          console.log('延时操作逻辑已执行')
+        } else {
+          this.$emit('refresh')
+        }
+
+        this.$showMessage(`执行完成,总共执行了${array.length}户的申请操作`)
+      },
+      close () {
+        this.valve = false
+        this.operateReason = ''
+      },
+      // 数组转in
+      convertToIn (val) {
+        let temp = ''
+        if (val instanceof Array) {
+          if (val.length >= 1) {
+            temp = '('
+            val.forEach((res) => {
+              temp += `'${res}',`
+            })
+            temp = temp.substr(0, temp.length - 1) + ')'
+          }
+        }
+        return temp
+      },
+      showUploadCodeCondition () {
+        this.batchMeterShow = true
+      },
+      getAuthority () {
+        if (this.$login.r.find(value => value == '批量开关阀导入')) {
+          this.batchImport = '批量开关阀导入'
+        }
+        if (this.$login.r.find(value => value == '开关阀导入表号')) {
+          this.importMeterNumber = '开关阀导入表号'
+        }
+      },
+      research () {
+        this.selectRow = null
+        this.$refs.paged.$refs.criteria.search()
+      },
+      async  getaddress () {
+        let HttpReset = new HttpResetClass()
+        var data = await HttpReset.load('POST', 'api/af-revenue/sql/manage_getarealist', {
+          data: {
+            condition: `1=1 and s.f_orgid = '${this.$login.f.orgid}'`
+          }
+        }, {resolveMsg: null, rejectMsg: '获取小区失败!'})
+        console.log('小区', data)
+        let house = []
+        for (let row of data.data) {
+          house.push({label: row.f_residential_area, value: row.f_residential_area})
+        }
+        this.residentialArea = house
+      },
+
+      initQueryParam () {
+        let arr = []
+        this.$GetSaleParam.getGasbrand().forEach((item) => {
+          let temp = {}
+          if(item.value.f_meter_type==='物联网表'){
+            temp.label = item.label
+            temp.value = item.value.f_meter_brand
+            arr.push(temp )
+          }
+        })
+
+        this.meterbrand = [{label: '全部', value: ''}, ...arr]
+      },
+      hidden () {
+        this.criteriaShow = !this.criteriaShow
+      },
+      async search (args) {
+        args.condition = `${args.condition} ` + this.orgcondition
+        if (this.$refs.paged.$refs.criteria.model.f_meter_brand) {
+          if (this.$refs.paged.$refs.criteria.model.f_meter_brand.length > 0) {
+            args.condition = `${args.condition} ` + `and f_meter_brand = '${this.$refs.paged.$refs.criteria.model.f_meter_brand[0]}'`
+          }
+        }
+        args.condition = `${args.condition} ` + this.uploadCodeCondition
+        this.condition = args.condition
+        await this.model.search(args.condition, args.model)
+
+        console.log(this.model.rows)
+        console.log(this.model)
+        if (this.$refs.paged.$refs.grid.model.rows.length === 0) {
+          this.famenShow = ''
+          this.famenShow1 = ''
+        } else {
+          this.famenShow = this.$refs.paged.$refs.criteria.model.f_valvestate[0]
+          this.famenShow1 = this.$refs.paged.$refs.criteria.model.f_network_valve[0]
+        }
+      },
+      mapset (array) {
+        this.map.clear()
+        for (let i = 0; i < array.length; i++) {
+          let userid = array[i].f_userfiles_id
+          let alias = array[i].f_alias
+          let userinfoid = array[i].f_userinfo_id
+          let f_orgname = array[i].f_orgname
+          let f_orgid = array[i].f_orgid
+          let f_meternumber = array[i].f_meternumber
+          let f_network_valve = array[i].f_network_valve
+          this.map.set(userid, {id: null, f_user_id: userid, f_alias: alias, f_userinfo_id: userinfoid, f_orgname: f_orgname, f_orgid: f_orgid, f_meternumber: f_meternumber, f_network_valve: f_network_valve})
+        }
+      },
+      back () {
+        this.$parent.msg = ''
+      },
+      clearmsg () {
+        this.$refs.paged.$refs.criteria.model = {}
+        // 清空表号
+        this.uploadCodeCondition = ''
+      },
+      clickshow () {
+        this.searchshow = !this.searchshow
+      },
+      getRes (obj) {
+        this.orgcondition = obj
+      },
+      checkedALL () {
+        this.checked1 = !this.checked1
+        let box = document.getElementsByName('opertioninput')
+        for (var i = 0; i < box.length; i++) {
+          box[i].checked = this.checked1
+        }
+      },
+      checked (val) {
+        let userid = val.f_userfiles_id
+        if (this.map.has(userid)) {
+          this.map.delete(userid)
+        } else {
+          this.map.set(userid, {id: null, f_user_id: userid, f_alias: val.f_alias, f_userinfo_id: val.f_userinfo_id, f_orgname: val.f_orgname, f_orgid: val.f_orgid, f_meternumber: val.f_meternumber, f_network_valve: val.f_network_valve})
+        }
+      },
+      // showModal (val) {
+      //   this.val1 = val
+      //   let valve = this.val1
+      //   let array = []
+      //   this.map.forEach((value, key, map) => {
+      //     array.push(map.get(key))
+      //   })
+      //   let temp = array.filter(item => {
+      //     console.log('valve:', valve)
+      //     return item.f_network_valve === '自动'
+      //   })
+      //   console.log('过滤后的状态信息:', temp)
+      //   if (temp.length !== 0) {
+      //     this.isShowUserException = false
+      //     this.$showAlert('请选择阀控状态为手动的选项!', 'danger', 3000)
+      //     return
+      //   }
+      //   this.isShowUserException = true
+      // },
+      openzdkf (val) {
+        let data = {
+          f_operator: this.$login.f.name,
+          f_operatorid: this.$login.f.id,
+          f_orgid: this.$login.f.orgid,
+          f_orgname: this.$login.f.orgs,
+          f_depid: this.$login.f.depids,
+          f_depname: this.$login.f.deps,
+          condition: this.condition,
+          type: val
+        }
+        let resolveMsg = ''
+        let rejectMsg = ''
+        if (val == '开启') {
+          resolveMsg = '开启自动阀控成功'
+          rejectMsg = '开启自动阀控失败'
+        } else {
+          resolveMsg = '关闭自动阀控成功'
+          rejectMsg = '关闭自动阀控失败'
+        }
+        this.$resetpost('api/af-revenue/logic/zdfkall', data, {resolveMsg: resolveMsg, rejectMsg: rejectMsg })
+      },
+      // close () {
+      //   this.isShowUserException = false
+      // },
+      // addApprovalValve () {
+      //   console.log('val1:', this.val1)
+      //   let valve = this.val1
+      //   let array = []
+      //   this.map.forEach((value, key, map) => {
+      //     array.push(map.get(key))
+      //   })
+      //   // console.log(this.map)
+      //   // console.log('array:', array)
+      //   // console.log('valve:', valve)
+      //
+      //   if (valve == '设置参数') {
+      //     if (this.parameterType == '') {
+      //       console.log(this.parameterType)
+      //       return
+      //     }
+      //     this.approvalValveControl(valve, this.parameterType[0], array)// parameterType【0】设置运行参数
+      //     console.log('')
+      //   } else {
+      //     this.approvalValveControl('阀门控制', valve, array)
+      //     console.log('进入阀门控制')
+      //   }
+      //   this.isShowUserException = false
+      // },
+      // setRunParam () {
+      //   this.val1 = '设置参数'
+      //   this.isShowUserException = true
+      // },
+
+      approvalValveControl (f_apply_type, f_apply_value, array) {
+        console.log('进入阀门指令提交')
+        console.log('f_apply_type:', f_apply_type)
+        console.log('f_apply_value:', f_apply_value)
+        console.log(array)
+        let load = new HttpResetClass()
+        let self = this
+        load.load('POST', 'api/af-revenue/logic/iot_instructUpdateAndDelect',
+          {data: {
+            data1: {
+              f_apply_type: f_apply_type,
+              userid: array,
+              nowDate: new Date(),
+              f_apply_value: f_apply_value,
+              f_apply_beizhu: this.f_beizhu,
+              f_apply_operator: Vue.$login.f.name
+            },
+            data2: {
+              userid: array,
+              instructtype: f_apply_type,
+              isOpen: f_apply_value,
+              reasonInfo: this.f_beizhu,
+              f_instruct_state: '待发送',
+              inputtor: Vue.$login.f.name
+            }
+          }
+          }).then((res) => {
+            let count = res.data.count
+            let str = `执行完成,总共执行了${array.length}户的申请操作`
+            self.$showMessage(str)
+          }).catch((res) => {
+            this.$showMessage('执行失败，具体失败原因请查看后台日志文件！本次操作已被回滚！')
+          })
+      }
+      /* operationValve(array,valve,instructtype) {
+        console.log("批量操作array======", array)
+        console.log("批量操作valve======", valve)
+        console.log("批量操作 Vue.$login.f.name======", Vue.$login.f.name)
+        let load = new HttpResetClass()
+        load.load('POST', 'api/af-revenue/logic/setParameter',
+          {data:{
+          userid: array,
+          instructtype: instructtype,
+          isOpen:valve,
+          f_instruct_state:'待审核',
+          inputtor: Vue.$login.f.name
+        }}, {rejectMsg: null, resolveMsg: null}).then((res) => {
+          let count = array.length;
+          console.log("批量操作 Vue.$login.f.name======", Vue.$login.f.name)
+        }).catch((res) => {
+          this.$showMessage("执行失败，具体失败原因请查看后台日志文件！本次操作已被回滚！")
+        })
+      } */
+    },
+    computed: {
+      /* WarningType() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表品牌')]
+      }, */
+      /* Warningstyle() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('燃气表型号')]
+      }, */
+
+      MeterTypes () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
+      },
+      TableStates () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表状态')]
+      },
+      Gasproperties () {
+        let rs = []
+        if (this.model.model.f_user_type) {
+          rs = this.$appdata.getParam(this.model.model.f_user_type[0])
+        }
+        return rs
+      },
+      // 界面细节权限
+      jurisdiction () {
+        console.log('抄表界面细节', this.$login.r)
+        return this.$login.r ? this.$login.r : []
+      },
+      parameterTypeList () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('设置参数')]
+      },
+      signtype1 () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记名称')]
+      },
+      parameterState () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记状态')]
+      },
+      userType () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+      },
+      userfilesState () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('上报状态')]
+      },
+      valvestate () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('阀门状态')]
+      },
+      f_network_valve () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('阀控状态')]
+      },
+      instructState () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('指令状态')]
+      }
+    },
+    watch: {
+      'model.pageIndex' () {
+        this.checked1 = false
+        this.mapset(this.model.rows)
+        this.checkedALL()
+      },
+      'model.rows' () {
+        this.checked1 = false
+        this.mapset(this.model.rows)
+        this.checkedALL()
+      },
+      'checked1' (val) {
+        if (val) {
+          this.mapset(this.model.rows)
+        } else {
+          this.map.clear()
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .PanelTR {
+    width: 100%;
+    height: 40px;
+  }
+.text-danger{
+  color:darkred;
+}
+  .PanelTD {
+    width: 5%;
+  }
+
+  .btn-relative {
+    position: relative;
+    left: 25px;
+    top: 15px;
+  }
+</style>
+