apply-clients 3.0.4 → 3.0.5-ys

package/src/components/product/Process/Processes/CustomerRecordMessage.vue

@@ -1,753 +1,1457 @@
-<template>
-  <div class="flex">
-    <div class="form-inline auto" style="margin-bottom: 5px;">
-      <label v-if="key == '户档案管理'">用户查找：</label>
-      <label v-if="key == '表档案管理'">表信息查找：</label>
-      <input type="text" class="form-control" placeholder='请输入查找的用户姓名' v-model="param"
-             @keyup.enter="filterParams(param)" v-if="key == '户档案管理'">
-      <input type="text" class="form-control" placeholder='请输入表品牌' v-model="param"
-             @keyup.enter="filterParam(param)" v-else>
-      <button v-if="key == '户档案管理'" type="button" class="btn btn-primary" @click="filterParams(param)">查询</button>
-      <button v-else type="button" class="btn btn-primary" @click="filterParam(param)">查询</button>
-      <button type="button" class="btn btn-warning" @click="add()" v-show="edit">新增</button>
-      <div class="form-inline" style="float: right;margin-left: 1%" v-if="key == '户档案管理' && edit == true">
-        <export-excel :data="{condition: ` 1=1 and f_process_id = '${selectdata.f_process_id}'`}"
-                      :field="getfield"
-                      sqlurl="rs/logic/fileExport" sql-name="singleTableUser" template-name='报建户档案导出'
-                      :choose-col="false"></export-excel>
-      </div>
-      <div class="form-inline" style="float: right; margin-left: 1%"
-           v-if="$login.f.f_fengongsi.includes('中燃') && key == '表档案管理'">
-        <button type="button" class="btn btn-warning add-postition" @click="impexcel()" v-show="edit">导入表档案</button>
-      </div>
-      <div class="form-inline" style="float: right" v-if="key == '户档案管理'">
-        <button type="button" class="btn btn-warning add-postition" @click="impexcel()" v-show="edit">导入户档案</button>
-      </div>
-      <div class="form-inline" style="float: right; margin-right: 1%" v-if="key == '户档案管理'">
-        <button type="button" class="btn btn-primary add-postition" @click="changeState()" v-show="edit">户档案转营收</button>
-      </div>
-    </div>
-    <!--户档案管理组件-->
-    <div class="col-sm-12 span recordTable" style="margin-top: 10px;min-height: 500px" v-if="key == '户档案管理'">
-      <partial-view v-ref:single-load>
-        <data-grid :model="model" v-ref:params @select-changed="selected">
-          <template partial='head'>
-            <tr>
-              <th></th>
-              <th>序号</th>
-              <th v-for="item in $parent.$parent.$parent.userHeadData">
-                <nobr>{{item}}</nobr>
-              </th>
-              <th  v-show="$parent.$parent.$parent.edit">操作</th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <td>
-              <input v-bind:disabled="row.f_user_state == '正常'" type="checkbox" name="checkbox"
-                     @change="$parent.$parent.$parent.chooseOne($event,row,model.rows)">
-            </td>
-            <td>{{$index+1}}</td>
-            <td style="text-align: center;" v-for="item in $parent.$parent.$parent.userBodyData">
-              <button v-if="item == 'f_userinfo_id' " type="button" class="btn btn-link"
-                      v-on:click="getUserFiles(row)">{{row[item]? row[item]:0}}
-              </button>
-              <nobr v-if="item != 'f_userinfo_id' ">{{row[item]? row[item]:0}}</nobr>
-            </td>
-            <td class="flex-around" v-show="$parent.$parent.$parent.edit">
-              <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.modifyParam(row)" >修改
-              </button>
-              <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.deleteItem(row)">删除
-              </button>
-            </td>
-          </template>
-        </data-grid>
-      </partial-view>
-    </div>
-    <!--表档案管理组件-->
-    <div class="col-sm-12 span recordTable" style="margin-top: 10px;min-height: 500px" v-if="key == '表档案管理'">
-      <partial-view v-ref:single-load>
-        <data-grid :model="model" v-ref:grid>
-          <template partial='head'>
-            <tr>
-              <th>序号</th>
-              <th v-for="item in $parent.$parent.$parent.surHeadData">
-                <nobr>{{item}}</nobr>
-              </th>
-              <th v-show="$parent.$parent.$parent.edit">操作</th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <td>{{$index+1}}</td>
-            <td style="text-align: center;" v-for="item in $parent.$parent.$parent.surBodyData">
-              <nobr>{{row[item]? row[item]:0}}</nobr>
-            </td>
-            <td class="flex-around" v-show="$parent.$parent.$parent.edit">
-              <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.deleteItem(row)">删除
-              </button>
-            </td>
-          </template>
-        </data-grid>
-      </partial-view>
-    </div>
-  </div>
-  <modal :show.sync="show" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="close"><span>&times;</span></button>
-      <h4 class="modal-title">配置</h4>
-    </header>
-    <!--户档案新增-->
-    <article slot="modal-body" class="modal-body" v-if="key == '户档案管理'">
-      <div class="from-group">
-        <label>用户姓名</label>
-        <input type="text" class="form-control" v-model="selectItem.f_user_name"/>
-      </div>
-      <div class="from-group">
-        <label>用户电话</label>
-        <input type="text" class="form-control" v-model="selectItem.f_user_phone">
-      </div>
-      <div class="from-group">
-        <label>区</label>
-        <input type="text" class="form-control" v-model="selectItem.f_area">
-      </div>
-      <div class="from-group">
-        <label>片区</label>
-        <input type="text" class="form-control" v-model="selectItem.f_slice_area">
-      </div>
-      <div class="from-group">
-        <label>街道名称</label>
-        <input type="text" class="form-control" v-model="selectItem.f_street">
-      </div>
-      <div class="from-group">
-        <label>小区名称</label>
-        <input type="text" class="form-control" v-model="selectItem.f_residential_area">
-      </div>
-      <div class="from-group">
-        <label>楼号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_building">
-      </div>
-      <div class="from-group">
-        <label>单元号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_unit">
-      </div>
-      <div class="from-group">
-        <label>楼层</label>
-        <input type="text" class="form-control" v-model="selectItem.f_floor">
-      </div>
-      <div class="from-group">
-        <label>门牌号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_room">
-      </div>
-      <div class="from-group" v-if="!this.$login.f.f_fengongsi.includes('中燃')">
-        <label>用户类型</label>
-        <input type="text" class="form-control" v-model="selectItem.f_user_type" options='usertypes'>
-      </div>
-      <div class="from-group">
-        <label>用气性质</label>
-        <input type="text" class="form-control" v-model="selectItem.f_gasproperties" options='gasproperties'>
-      </div>
-      <div class="from-group">
-        <label>用户状态</label>
-        <input type="text" class="form-control" v-model="selectItem.f_user_state" options='userstates'>
-      </div>
-    </article>
-    <!--表档案新增-->
-    <article slot="modal-body" class="modal-body" v-if="key == '表档案管理'">
-      <div class="from-group">
-        <label>户档案编号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_userinfo_id"/>
-      </div>
-      <div class="from-group">
-        <label>气表品牌</label>
-        <input type="text" class="form-control" v-model="selectItem.f_meter_brand">
-      </div>
-      <div class="from-group">
-        <label>表型号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_meter_style">
-      </div>
-      <div class="from-group">
-        <label>表号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_meternumber">
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
-      <button v-show="show" type="button" class="btn btn-success" @click='confirm'>确认</button>
-    </footer>
-  </modal>
-  <modal :show.sync="showFile" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
-      <h4 class="modal-title">档案导入</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="form-group">
-        <file-upload class="my-file-uploader" :name="key+Math.random()"
-                     action="rs/file/uploadFile" tagname="文件导入" :headers="headers" v-ref:file></file-upload>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer"></footer>
-  </modal>
-
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-
-  export default {
-    title: '档案信息',
-    props: ['selectdata', 'key','edit'],
-    data() {
-      return {
-        headers: {'username': this.$login.f.name, 'blodid': this.selectdata.f_process_id, 'fusetype': '报建execl导入用户档案'},
-        //户档案表头
-        userHeadData: ['档案编号', '用户姓名', '用户电话', '区', '片区', '街道名称', '小区名称', '楼号', '单元号', '楼层', '门牌号', '用气性质', '用户状态'],
-        //户档案内容
-        userBodyData: ['f_userinfo_id', 'f_user_name', 'f_user_phone', 'f_area', 'f_slice_area', 'f_street', 'f_residential_area', 'f_building', 'f_unit', 'f_floor', 'f_room', 'f_gasproperties', 'f_user_state'],
-        //表档案表头
-        surHeadData: ['户档案编号', '表号', '气表品牌', '表型号'],
-        //表档案内容
-        surBodyData: ['f_userinfo_id', 'f_meternumber', 'f_meter_brand', 'f_meter_style'],
-        //设备表头
-        eqHeadData: ['户档案编号', '设备编号', '设备类型', '设备品牌','设备型号','设备数量'],
-        //设备内容
-        eqBodyData: ['f_userinfo_id', 'f_devices_no', 'f_devices_type', 'f_brand','f_devices_model','f_devices_num'],
-        params: null,
-        record: {},
-        selectItem: {},
-        model: {
-          rows: []
-        },
-        params: { // 选择的具体内容
-          rows: []
-        },
-        condition: '',
-        show: false,
-        showFile: false,
-        ischecked: false,
-        getfield: {},
-        checked: [],
-      }
-    },
-    ready() {
-
-    },
-    watch: {
-      'selectdata'() {
-        this.headers.blodid = this.selectdata.f_process_id
-        this.load()
-      }
-    },
-    computed: {
-      funit() {
-        return AppData.getParam('小区类型')
-      },
-      ffloor() {
-        return AppData.getParam('房屋类型')
-      },
-      usertypes() {
-        return AppData.getParam('用户类型')
-      },
-      credentials() {
-        return AppData.getParam('证件类型')
-      },
-      costtypes() {
-        return AppData.getParam('缴费类型')
-      },
-      gasproperties() {
-        let rs = []
-        if (this.record.f_user_type.length === 1) {
-          rs = AppData.getParam(this.record.f_user_type[0])
-        }
-        return rs
-      },
-      userstates() {
-        return AppData.getParam('用户状态')
-      },
-      address() {
-        let strAddress = `${this.record.f_area ? this.record.f_area
-          + '-' : ''}${this.record.f_street ? this.record.f_street
-          + '-' : ''}${this.record.f_residential_area ? this.record.f_residential_area
-          + '' : ''}${this.record.f_building ? this.record.f_building
-          + '号楼' : ''}${this.record.f_unit ? this.record.f_unit
-          + '单元' : ''}${this.record.f_floor ? this.record.f_floor
-          + '层' : ''}${this.record.f_room ? this.record.f_room
-          + '室' : ''}`
-        this.record.f_address = strAddress
-        return strAddress
-      },
-      getfield() {
-        let data = {}
-        this.userBodyData.forEach((value, index) => {
-          data[this.userBodyData[index]] = this.userHeadData[index]
-        })
-
-        console.log('data', data)
-        return data
-      }
-    },
-    methods: {
-      selected (val) {
-        this.selectItem = {"q":"q"}
-      },
-      //选择需要转银收的户档案
-      chooseOne(e, row, rows) {
-        console.log('row', row)
-        console.log('e', e)
-        this.ischecked = e.target.checked
-        console.log("state", e.target.checked)
-        //判断当前行是否被选中
-        if (this.ischecked) {
-          this.checked.push(row)
-        }
-      },
-      //修改选中的数据状态
-      changeState() {
-        if (this.checked.length > 0) {
-          let http = new HttpResetClass()
-          http.load('POST', 'rs/logic/updateUserState', {data: {rows: this.checked}}).then((res) => {
-            this.show = false
-            this.ischecked = false
-            // 如果没有id，需要在数组中添加
-            this.load()
-            this.checked = []
-          })
-        }
-      },
-      // 父组件更新子组件属性
-      updateData(val) {
-        this.headers.blodid = val.f_process_id
-        this.selectdata = val
-      },
-      async load() {
-        if (!this.selectdata)
-          return
-        let data = {
-          tablename: 't_userinfo',
-          condition: 'f_process_id=' + '\'' + this.selectdata.f_process_id + '\''
-        }
-        let self = this
-        let http = new HttpResetClass()
-        let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
-          resolveMsg: null,
-          rejectMsg: '获取户档案信息失败'
-        })
-        self.model.rows = []
-        if (self.key == '户档案管理') {
-          self.model.rows = res.data
-          self.params = res.data
-          // 备份用于查询
-        } else if (self.key == '表档案管理') {
-          for (var i = 0; i < res.data.length; i++) {
-            // row.f_userinfo_id  户编号
-            data = {
-              tablename: 't_userfiles',
-              condition: `f_userinfo_id=${res.data[i].f_userinfo_id}`
-            }
-            http = new HttpResetClass()
-            let resUserfiles = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
-              resolveMsg: null,
-              rejectMsg: '获取表档案信息失败'
-            })
-            if (resUserfiles.data.length == 0) {
-              continue
-            }
-            for (let i = 0; i < resUserfiles.data.length; i++) {
-              data = {
-                tablename: 't_gasbrand',
-                condition: `id=${resUserfiles.data[i].f_gasbrand_id}`
-              }
-              http = new HttpResetClass()
-              let resGasbrand = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
-                resolveMsg: null,
-                rejectMsg: '获取档案信息失败'
-              })
-
-              data = {
-                tablename: 't_gasmodel',
-                condition: `id=${resUserfiles.data[i].f_gasmodel_id}`
-              }
-              http = new HttpResetClass()
-              let resModel = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
-                resolveMsg: null,
-                rejectMsg: '获取档案信息失败'
-              })
-              self.model.rows.push({
-                f_user_id: resUserfiles.data[i].f_user_id,
-                f_userinfo_id: resUserfiles.data[i].f_userinfo_id,
-                f_meternumber: resUserfiles.data[i].f_meternumber,
-                f_meter_brand: resGasbrand.data[0].f_meter_brand,
-                f_meter_style: resModel.data[0].f_meter_style
-              })
-              self.params = self.model.rows
-            }
-          }
-        }else if (self.key == '设备管理') {
-          debugger
-           for (var i = 0; i < res.data.length; i++) {
-          data = {
-            tablename: 't_devices',
-            condition: 'f_process_id=' + '\'' + String(this.selectdata.f_process_id) + '\''
-          }// eqBodyData: ['f_userinfo_id', 'f_devices_no', 'f_devices_type', 'f_brand','f_devices_model','f_devices_num'],
-          this.$resetpost('rs/sql/singleTable', {data: data}, {resolveMsg: null, rejectMsg: '查询失败'})
-            .then((dev) => {
-              self.model.rows.push({
-                f_userinfo_id: res.data[i].f_userinfo_id,
-                f_devices_no: dev.data[0].f_devices_no,
-                f_devices_type: dev.data[0].f_devices_type,
-                f_brand: dev.data[0].f_brand,
-                f_devices_model: dev.data[0].f_devices_model,
-                f_devices_num: dev.data[0].f_devices_num,
-              })
-              //self.model.rows = dev.data
-            })
-        }
-        }
-      },
-      impexcel() {
-        this.showFile = true
-      },
-      closeFile() {
-        this.showFile = false
-        // 将选的文件清空
-        this.$refs.file.$el.querySelector('input').value = ''
-      },
-      deleteItem(row) {
-        debugger
-        if (this.key == '户档案管理') {
-          this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
-            if (res === 'confirm') {
-              let http = new HttpResetClass()
-              http.load('DELETE', `rs/entity/t_userinfo/${row.f_userinfo_id}`).then((res) => {
-                this.load()
-              })
-            }
-          })
-        } else {
-          this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
-            if (res === 'confirm') {
-              let http = new HttpResetClass()
-              http.load('DELETE', `rs/entity/t_userfiles/${row.f_user_id}`).then((res) => {
-                this.load()
-              })
-            }
-          })
-        }
-      },
-      //户档案查询
-      filterParams(param) {
-        debugger
-        if (param && param !== "") {
-          let temp = []
-          for (var i = 0; i < this.model.rows.length; i++) {
-            if (this.model.rows[i].f_user_name.includes(param)) {
-              temp.push(this.model.rows[i])
-            }
-          }
-          this.model.rows = temp
-        } else {
-          this.model.rows = this.params
-        }
-      },
-      //表档案查询
-      filterParam(param) {
-        if (param && param !== "") {
-          let temp = []
-          for (var i = 0; i < this.model.rows.length; i++) {
-            if (this.model.rows[i].f_meter_brand.includes(param)) {
-              temp.push(this.model.rows[i])
-            }
-          }
-          this.model.rows = temp
-        } else {
-          this.model.rows = this.params
-        }
-      },
-      //设备列表查询
-      findEq(param) {
-        debugger
-        if (param && param !== "") {
-          let temp = []
-          for (var i = 0; i < this.model.rows.length; i++) {
-            if (this.model.rows[i].f_meter_brand.includes(param)) {
-              temp.push(this.model.rows[i])
-            }
-          }
-          this.model.rows = temp
-        } else {
-          this.model.rows = this.params
-        }
-      },
-      add() {
-        this.show = true
-        console.log("点击了添加")
-      },
-      // 修改按钮
-      modifyParam(row) {
-        this.$set('selectItem.f_userinfo_id', row.f_userinfo_id)
-        this.$set('selectItem.f_user_name', row.f_user_name)
-        this.$set('selectItem.f_user_phone', row.f_user_phone)
-        this.$set('selectItem.f_area', row.f_area)
-        this.$set('selectItem.f_slice_area', row.f_slice_area)
-        this.$set('selectItem.f_street', row.f_street)
-        this.$set('selectItem.f_residential_area', row.f_residential_area)
-        this.$set('selectItem.f_building', row.f_building)
-        this.$set('selectItem.f_unit', row.f_unit)
-        this.$set('selectItem.f_floor', row.f_floor)
-        this.$set('selectItem.f_room', row.f_room)
-        this.$set('selectItem.f_user_type', row.f_user_type)
-        this.$set('selectItem.f_gasproperties', row.f_gasproperties)
-        this.$set('selectItem.f_user_state', row.f_user_state)
-        this.$set('selectItem.version', row.version)
-        this.$set('selectItem.f_user_state', row.f_user_state)
-        this.show = true
-      },
-      //获取当前用户表档案信息
-      getUserFiles(row) {
-        this.isShowFiles = true
-        console.log('获取户档案信息')
-
-        data = {
-          tablename: 't_userfiles',
-          condition: `f_userinfo_id=${row.f_userinfo_id}`
-        }
-        http = new HttpResetClass()
-        let resGasbrand = http.load('POST', 'rs/sql/singleTable', {data: data}, {
-          resolveMsg: null,
-          rejectMsg: '获取档案信息失败'
-        })
-        self.model.rows = []
-        self.model.rows = res.data
-      },
-      //表档案修改
-      filesModify(row) {
-        this.$set('selectItem.f_userinfo_id', row.f_userinfo_id)
-        this.$set('selectItem.f_user_id', row.f_user_id)
-        this.$set('selectItem.f_meter_brand', row.f_meter_brand)
-        this.$set('selectItem.f_meter_style', row.f_meter_style)
-        this.$set('selectItem.f_meternumber', row.f_meternumber)
-        this.show = true
-      },
-      //新增修改或删除提交
-      async confirm() {
-        if (this.key == '户档案管理') {
-          // 无主键为插入
-          if (!this.selectItem.f_userinfo_id) {
-            this.selectItem.version = 1
-            this.selectItem.f_user_state = '报建'
-            this.selectItem.f_process_id = this.selectdata.f_process_id
-            let data = {
-              tablename: 't_userinfo',
-              parameters: this.selectItem
-            }
-            let http = new HttpResetClass()
-            await http.load('POST', 'rs/entity/t_userinfo', this.selectItem).then((res) => {
-              this.show = false
-              // 如果没有id，需要在数组中添加
-              this.load()
-              this.selectItem = {}
-            })
-          } else { // 有主键为更新
-            let data = {
-              tablename: 't_userinfo',
-              parameters: this.selectItem
-            }
-            let http = new HttpResetClass()
-            await http.load('POST', 'rs/entity/t_userinfo', this.selectItem).then((res) => {
-              this.show = false
-              // 如果没有id，需要在数组中添加
-              this.load()
-              this.selectItem = {}
-            })
-          }
-        } else if (this.key == '表档案管理') {
-          if (!this.selectItem.f_user_id) {
-            //新增
-            //根据户档案编号查询户档案
-            this.$resetpost('rs/sql/findUserInfo', {
-              data: {
-                f_userinfo_id: this.selectItem.f_userinfo_id,
-                process_id: this.selectdata.f_process_id
-              }
-            }).then((res) => {
-              if (res.data != null && res.data.length > 0) {
-                //判断重复
-                this.$resetpost('rs/sql/findFilesByUserId', {data: {f_userinfo_id: this.selectItem.f_userinfo_id}}).then((res) => {
-                  if (res.data.length > 0) {
-                    this.$showMessage("该户档案编号的表档案已存在！")
-                    return
-                  }
-                  //根据提交的气表品牌、表型号分别查询对应的表具信息
-                  let data = {
-                    tablename: 't_gasbrand',
-                    condition: `f_meter_brand= '${this.selectItem.f_meter_brand}'`
-                  }
-                  let http = new HttpResetClass()
-                  http.load('POST', 'rs/sql/singleTable', {data: data}).then((res) => {
-                    if (res.data.length > 0) {
-                      //表型号
-                      data = {
-                        tablename: 't_gasmodel',
-                        condition: `f_meter_style= '${this.selectItem.f_meter_style}'`
-                      }
-                      http = new HttpResetClass()
-                      http.load('POST', 'rs/sql/singleTable', {data: data}).then((re) => {
-                        if (re.data.length > 0) {
-                          this.selectItem.version = 1
-                          this.selectItem.f_table_state = '正常'
-                          this.selectItem.f_gasbrand_id = res.data[0].id
-                          this.selectItem.f_gasmodel_id = re.data[0].id
-                          data = {
-                            tablename: 't_userfiles',
-                            parameters: this.selectItem
-                          }
-                          let http = new HttpResetClass()
-                          http.load('POST', 'rs/entity/t_userfiles', this.selectItem, {
-                            resolveMsg: null,
-                            rejectMsg: null,
-                          }).then((res) => {
-                            this.show = false
-                            // 如果没有id，需要在数组中添加
-                            this.load()
-                            this.selectItem = {}
-                          })
-                        }
-                      })
-                    } else {
-                      this.$showMessage("表品牌信息错误！")
-                      return
-                    }
-                  })
-                })
-              } else {
-                this.$showMessage("该编号户档案不存在，请先添加户档案")
-                return
-              }
-            })
-          } else {
-            //根据提交的气表品牌、表型号分别查询对应的表具信息
-            let data = {
-              tablename: 't_gasbrand',
-              condition: `f_meter_brand= '${this.selectItem.f_meter_brand}'`
-            }
-            let http = new HttpResetClass()
-            http.load('POST', 'rs/sql/singleTable', {data: data}).then((res) => {
-              if (res.data.length > 0) {
-                //表型号
-                data = {
-                  tablename: 't_gasmodel',
-                  condition: `f_meter_style= '${this.selectItem.f_meter_style}'`
-                }
-                http = new HttpResetClass()
-                http.load('POST', 'rs/sql/singleTable', {data: data}).then((re) => {
-                  if (re.data.length > 0) {
-                    this.selectItem.f_gasbrand_id = res.data[0].id
-                    this.selectItem.f_gasmodel_id = re.data[0].id
-                    data = {
-                      tablename: 't_userfiles',
-                      parameters: this.selectItem
-                    }
-                    let http = new HttpResetClass()
-                    http.load('POST', 'rs/entity/t_userfiles', this.selectItem, {
-                      resolveMsg: null,
-                      rejectMsg: null,
-                    }).then((res) => {
-                      this.show = false
-                      // 如果没有id，需要在数组中添加
-                      this.load()
-                      this.selectItem = {}
-                    })
-                  }
-                })
-              } else {
-                this.$showMessage("表品牌信息错误！")
-                return
-              }
-            })
-          }
-        }
-      },
-
-      // 关闭模态框
-      close() {
-        this.show = false
-        this.selectItem = {}
-      },
-    },
-    events: {
-      async onFileUpload(file, res) {
-        if (!this.selectdata.f_process_id) {
-          this.$showMessage("数据异常，导入失败")
-          return
-        }
-        //户档案导入
-        if (this.key == '户档案管理') {
-          let data = {
-            tablename: 't_userinfo',
-            filepath: res.f_downloadpath,
-            f_process_id: this.selectdata.f_process_id,
-            f_key: this.$login.f.f_orgids,
-            f_operator: this.$login.f.name,
-            f_filiale: this.$login.f.f_fengongsi,
-            f_outlets: this.$login.f.f_parentname,
-            f_orgstr: this.$login.f.orgpathstr,
-            f_filialeids: this.$login.f.f_orgids,
-            f_filialeid: this.$login.f.f_orgids.split('.')[this.$login.f.f_orgids.split('.').length - 2] + '.'
-          }
-          let http2 = new HttpResetClass()
-          await http2.load('POST', 'rs/logic/recordImport', data, {
-            resolveMsg: "导入成功！",
-            rejectMsg: "导入失败！",
-          }).then((res) => {
-            this.load()
-            this.closeFile()
-          })
-        }
-        //表档案导入
-        if (this.key == '表档案管理') {
-          let data = {
-            tablename: 't_userfiles',
-            filepath: res.f_downloadpath,
-            f_process_id: this.selectdata.f_process_id,
-            f_key: this.$login.f.f_orgids,
-            f_operator: this.$login.f.name,
-            f_filiale: this.$login.f.f_fengongsi,
-            f_outlets: this.$login.f.f_parentname,
-            f_orgstr: this.$login.f.orgpathstr,
-            f_filialeids: this.$login.f.f_orgids,
-            f_filialeid: this.$login.f.f_orgids.split('.')[this.$login.f.f_orgids.split('.').length - 2] + '.'
-          }
-          let http2 = new HttpResetClass()
-          await http2.load('POST', 'rs/logic/grandImport', data, {
-            resolveMsg: null,
-            rejectMsg: '上传失败'
-          }).then((res) => {
-            console.log(">>>>>>>>>>>", res)
-            this.load()
-            this.closeFile()
-            if (res.data.msg != null && res.data.msg != "") {
-              this.$showMessage(res.data.msg)
-            } else if (res.data.userIds.length > 0) {
-              this.$showMessage("以下编号的户档案不存在,请先添加户档案再添加表档案：" + res.data.userIds.toString())
-            } else if (res.data.reuserIds.length > 0) {
-              this.$showMessage("以下户档案编号的表档案已存在,请删除后重新导入：" + res.data.reuserIds.toString())
-            } else {
-              this.$showMessage("导入成功！")
-            }
-          })
-        }
-      }
-    }
-  }
-</script>
-<style>
-  .recordTable table tr th {
-    font-weight: bold;
-  }
-
-  .recordTable table tr:hover {
-    background-color: rgb(230, 230, 230);
-  }
-</style>
+<template>
+  <div class="flex col-sm-12" style="margin-top:0px;">
+    <div class="auto" style="overflow:auto;margin: 15px 0 0 15px;">
+      <div class="form-inline auto col-sm-12">
+        <div class="row col-sm-12">
+          <div class="form-group col-sm-3">
+            <label class=" control-label" >客户姓名</label>
+            <input type="text" class="input_search" placeholder='客户姓名' v-model="model.f_user_name"
+                 @keyup.enter="filterParams(param)" >
+          </div>
+          <div class="form-group col-sm-3">
+            <label class=" control-label" >客户电话</label>
+            <input type="text" class="input_search" placeholder='客户电话' v-model="model.f_user_phone"
+                   @keyup.enter="filterParams(param)" >
+          </div>
+          <div class="form-group col-sm-5" >
+            <button type="button" class="btn btn-default" @click="filterParams(param),this.user_search()">查询</button>
+            <button style="margin-left:10px;"  type="button" class="btn btn-success" @click="impexcel()" v-show="edit">导入档案</button>
+            <button style="margin-left:10px;"  type="button" class="btn btn-success" v-show="edit">
+              <a href="rs/excel/applyinstall/Excel/new-user-roster_max.xls" style="color: white">下载模板</a>
+            </button>
+            <button style="margin-left:10px;"  type="button" class="btn btn-success" @click="impexcel1()" v-show="this.selectdata.defname == '安装施工'">导入气表信息</button>
+<!--            <button style="margin-left:10px;"  type="button" class="btn btn-success" @click="impexcel1()" v-show="this.selectdata.defname == '安装施工'">气表模板下载</button>-->
+            <export-excel progress="apply_getExportProgress"
+                          :data="{fengongsi: this.$login.f.orgs, f_process_id: this.selectdata.f_process_id}"
+                          :field="getHeader"
+                          sqlurl="rs/logic/apply_exportfile"
+                          sql-name="meterDynamic"
+                          template-name='动态气表模板导出'
+                          :choose-col="true">
+            </export-excel>
+          </div>
+        </div>
+        <div class="row col-sm-12">
+          <div class="form-group col-sm-3">
+          </div>
+          <div class="form-group col-sm-3">
+          </div>
+          <div class="form-group col-sm-5" style="margin-left: 59px;">
+            <button style="margin-left:10px;"  type="button" class="btn btn-success" @click="meterUpload()" v-show="this.selectdata.defname == '安装施工'">气表模板下载</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--户档案管理组件-->
+    <div class="col-sm-12 span recordTable" style="margin-top: 10px;height:70vh;">
+
+      <partial-view v-ref:single-load>
+        <data-grid :model="model" v-ref:grid>
+          <template partial='head'>
+            <tr>
+              <th>档案编号</th>
+              <th>用户姓名</th>
+              <th>用户电话</th>
+              <th>地址</th>
+              <th>用户状态</th>
+              <th >操作</th>
+            </tr>
+          </template>
+          <template partial='body' >
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_userinfo_id}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_user_name}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_user_phone}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_address}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_user_state}}</td>
+            <td v-show="edit"><input type="checkbox" v-model="row.f_pay" @click="$parent.$parent.$parent.paychange(row)"/></td>
+            <td class="" style="text-align: center">
+              <button type="button" name="button" class="btn btn-link" v-if="this.$login.f.deps != '管理层'"
+                      @click.stop="$parent.$parent.$parent.modifyParam(row)" >修改
+              </button>
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.deleteinfo(row)">销户
+              </button>
+              <!--<button type="button" name="button" class="btn btn-link"-->
+              <!--@click.stop="$parent.$parent.$parent.deleteItem(row)">删除-->
+              <!--</button>-->
+            </td>
+          </template>
+        </data-grid>
+
+      </partial-view>
+    </div>
+
+    <div class="col-sm-12 span recordTable" style="margin-top: -154px;height:auto;" v-if="isShowdetail" >
+      <p class="text-center" style="padding: 8px;font-size: 20px">表档案列表
+
+        <button type="button" class="close" @click="isShowdetail=false" aria-hidden="true">&times;</button>
+      </p>
+      <partial-view v-ref:single-load>
+        <data-grid :model="batchmodel"  v-ref:batchgrid>
+          <template partial='head'>
+            <tr>
+              <th>序号</th>
+              <th>户档案编号</th>
+              <th>表档案编号</th>
+              <th>表号</th>
+              <th>表箱号</th>
+              <th>气表品牌</th>
+              <th>气表型号</th>
+              <th>气表状态</th>
+              <th>通气人</th>
+              <th>通气时间</th>
+              <th>操作</th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <td style="text-align: center">{{$index+1}}</td>
+            <td style="text-align: center">{{row.f_userinfo_id}}</td>
+            <td style="text-align: center">{{row.f_userfiles_id}}</td>
+            <td style="text-align: center">{{row.f_meternumber}}</td>
+            <td style="text-align: center">{{row.f_metertitles}}</td>
+            <td style="text-align: center">{{row.f_meter_brand}}</td>
+            <td style="text-align: center">{{row.f_meter_style}}</td>
+            <td style="text-align: center">{{row.f_table_state}}</td>
+            <td style="text-align: center">{{row.f_gas_person}}</td>
+            <td style="text-align: center">{{row.f_gas_date}}</td>
+            <!--<td>{{row.f_remarks}}</td>-->
+            <td class="" style="text-align: center">
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.filesModify(row)" >修改
+              </button>
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.stopItem(row)">停用
+              </button>
+            </td>
+          </template>
+        </data-grid>
+
+
+
+
+      </partial-view>
+    </div>
+
+  </div>
+  <modal :show.sync="show" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="close"><span>&times;</span></button>
+      <h4 class="modal-title">配置</h4>
+    </header>
+    <!--户档案修改-->
+    <article slot="modal-body" class="modal-body" >
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">用户姓名</label>
+        <input type="text" class="form-control" readonly="readonly" v-model="selectItem.f_user_name" style="width: 80%;float: left"/>
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">用户电话</label>
+        <input type="text" class="form-control" readonly="readonly" v-model="selectItem.f_user_phone" style="width: 80%;float: left">
+      </div>
+<!--      <div class="from-group" style="width: 100%">-->
+<!--        <label  style="width: 15%;float: left">区/县</label>-->
+<!--        <input type="text" class="form-control" v-model="selectItem.f_pcd" style="width: 80%;float: left">-->
+<!--      </div>-->
+<!--      <div class="from-group" style="width: 100%">-->
+<!--        <label  style="width: 15%;float: left">片区</label>-->
+<!--        <input type="text" class="form-control" v-model="selectItem.f_slice_area" style="width: 80%;float: left">-->
+<!--      </div>-->
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">街道</label>
+        <input type="text" class="form-control" v-model="selectItem.f_street" style="width: 80%;float: left">
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">小区</label>
+        <input type="text" class="form-control" v-model="selectItem.f_residential_area" style="width: 80%;float: left">
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">楼号</label>
+        <input type="text" class="form-control" v-model="selectItem.f_building" style="width: 80%;float: left">
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">单元号</label>
+        <input type="text" class="form-control" v-model="selectItem.f_unit" style="width: 80%;float: left">
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">楼层</label>
+        <input type="text" class="form-control" v-model="selectItem.f_floor" style="width: 80%;float: left">
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">门牌号</label>
+        <input type="text" class="form-control" v-model="selectItem.f_room" style="width: 80%;float: left">
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">人口数</label>
+        <input type="number" class="form-control" v-model="selectItem.f_people_num"  style="width: 80%;float: left">
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">用户状态</label>
+        <v-select :value.sync="selectItem.f_user_state" v-model="selectItem.f_user_state"
+                  :options='userstate' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+    </article>
+
+
+    <footer slot="modal-footer" class="modal-footer">
+      <div class="from-group" style="width: 100%;float: left">
+      <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
+      <button v-show="show" type="button" class="btn btn-success" @click='confirm'>确认</button>
+      </div>
+    </footer>
+  </modal>
+
+
+  <modal :show.sync="addshow" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="addclose"><span>&times;</span></button>
+      <h4 class="modal-title">配置</h4>
+    </header>
+    <!--表档案修改-->
+    <article slot="modal-body" class="modal-body" >
+      <div class="from-group">
+        <label style="width: 20%;float: left">表号</label>
+        <input type="text" style="width: 80%;float: left" class="form-control" v-model="selectItem.f_meternumber"/>
+      </div>
+
+      <div class="from-group">
+        <label style="width: 20%;float: left">表箱号</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_metertitles"/>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname != '通气'">
+        <label style="width: 20%;float: left">气表品牌</label>
+        <v-select :value.sync="selectItem.f_meter_brand" v-model="selectItem.f_meter_brand"
+                  :options='meterbrand' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select search="">
+        </v-select>
+      </div>
+      <!--   通气时显示   -->
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">气表品牌</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_meter_brand"/>
+      </div>
+
+      <div class="from-group" v-if="this.selectdata.defname != '通气'">
+        <label style="width: 20%;float: left">气表型号</label>
+        <v-select :value.sync="selectItem.f_meter_style" v-model="selectItem.f_meter_style"
+                  :options='meterstyle' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <!--   通气时显示   -->
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">气表型号</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_meter_style"/>
+      </div>
+
+      <div class="from-group" v-if="this.selectdata.defname != '通气'">
+        <label style="width: 20%;float: left">左右表</label>
+        <v-select :value.sync="selectItem.f_aroundmeter" v-model="selectItem.f_aroundmeter"
+                  :options='aroundmeter' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <!--   通气时显示   -->
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">左右表</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_aroundmeter"/>
+      </div>
+
+      <div class="from-group">
+        <label style="width: 20%;float: left">表状态</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_table_state" readonly="readonly"/>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">气价名称</label>
+        <v-select :value.sync="selectItem.f_price_name" v-model="selectItem.f_price_name"
+                  :options='pricename' placeholder='请选择' style="width: 80%;float: left" :width="'80%'" @change="priceChange"
+                  close-on-select >
+        </v-select>
+      </div>
+<!--      <div class="from-group">-->
+<!--        <label style="width: 20%;float: left">客户类型</label>-->
+<!--        <v-select :value.sync="selectItem.f_user_type" v-model="selectItem.f_user_type" :width="'80%'"-->
+<!--                  :options='usertypes' placeholder='请选择' style="width: 80%;float: left"-->
+<!--                  close-on-select >-->
+<!--        </v-select>-->
+<!--      </div>-->
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">客户类型</label>
+        <input type="text" style="width: 80%;float: left" class="form-control" v-model="selectItem.f_user_type" />
+      </div>
+<!--      <div class="from-group">-->
+<!--        <label style="width: 20%;float: left">用气性质</label>-->
+<!--        <v-select :value.sync="selectItem.f_gasproperties" v-model="selectItem.f_gasproperties"-->
+<!--                  :options='gasproperties' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"-->
+<!--                  close-on-select >-->
+<!--        </v-select>-->
+<!--      </div>-->
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">用气性质</label>
+        <input type="text" style="width: 80%;float: left" class="form-control" v-model="selectItem.f_gasproperties"/>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">价格</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_price"/>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">气价类型</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_price_type"/>
+      </div>
+<!--      <div class="from-group">-->
+<!--        <label style="width: 20%;float: left">气价类型</label>-->
+<!--        <v-select :value.sync="selectItem.f_price_type" v-model="selectItem.f_price_type"-->
+<!--                  :options='pricetype' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"-->
+<!--                  close-on-select >-->
+<!--        </v-select>-->
+<!--      </div>-->
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">气表类型</label>
+        <v-select :value.sync="selectItem.f_meter_classify" v-model="selectItem.f_meter_classify"
+                  :options='meterclassify' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">安装位置</label>
+        <v-select :value.sync="selectItem.f_position" v-model="selectItem.f_position"
+                  :options='position' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">抄表员</label>
+        <v-select :value.sync="selectItem.f_inputtor" v-model="selectItem.f_inputtor"
+                  :options='inputtor' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气' && this.super_book">
+        <label style="width: 20%;float: left">抄表本</label>
+        <v-select :value.sync="selectItem.f_super_book" v-model="selectItem.f_super_book"
+                  :options='super_book_array' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">通气人</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_gas_person"/>
+      </div>
+      <div class="from-group" v-if="this.selectdata.defname == '通气'">
+        <label style="width: 20%;float: left">通气时间</label>
+        <datepicker style="width: 80%;float: left" :width="'80%'"
+          :value.sync="selectItem.f_gas_date"
+          :format="'yyyy-MM-dd HH:mm:ss'"
+          v-model="selectItem.f_gas_date"
+          :readonly="true"
+          :show-reset-button="reset">
+        </datepicker>
+      </div>
+<!--      <div class="from-group">-->
+<!--        <label style="width: 20%;float: left">通气表号</label>-->
+<!--        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_gas_meternumber"/>-->
+<!--      </div>-->
+      <!--<div class="from-group">
+        <label style="width: 20%;float: left">输损率</label>
+        <input type="number" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_lossrate" v-validate:f_lossrate='{dctest: [1, "<" ] }'/>
+      </div>-->
+
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button  type="button" class="btn btn-default" @click='addclose'>取消</button>
+      <button  type="button" class="btn btn-success" v-if="showqueren" @click='addconfirm'>确认</button>
+      <button  type="button" class="btn btn-success" v-else>提交中</button>
+    </footer>
+  </modal>
+
+  <modal :show.sync="updateshow" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="updateclose"><span>&times;</span></button>
+      <h4 class="modal-title">配置</h4>
+    </header>
+    <!--户档案修改-->
+    <article slot="modal-body" class="modal-body" >
+      <div class="from-group">
+        <label style="width: 20%;float: left">表号</label>
+        <input type="text" style="width: 80%;float: left" class="form-control" v-model="selectItem.f_meternumber"/>
+      </div>
+      <div class="from-group">
+        <label style="width: 20%;float: left">气表品牌</label>
+        <v-select :value.sync="selectItem.f_meter_brand" v-model="selectItem.f_meter_brand"
+                  :options='meterbrand' placeholder='请选择' style="width: 80%;float: left"
+                  close-on-select search="">
+        </v-select>
+      </div>
+      <div class="from-group">
+        <label style="width: 20%;float: left">表型号</label>
+        <v-select :value.sync="selectItem.f_meter_style" v-model="selectItem.f_meter_style"
+                  :options='meterstyle' placeholder='请选择' style="width: 80%;float: left"
+                  close-on-select >
+        </v-select>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button  type="button" class="btn btn-default" @click='updateclose'>取消</button>
+      <button  type="button" class="btn btn-success" @click='updateconfirm'>确认</button>
+    </footer>
+  </modal>
+
+
+  <modal :show.sync="showFile" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
+      <h4 class="modal-title">档案导入</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="form-group">
+        <file-upload class="my-file-uploader" :name="key+(Math.random()+3)+8882" :id="key+(Math.random()+3)+8882"
+                     action="rs/file/uploadFile" tagname="文件导入" :headers="headers" v-ref:file></file-upload>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer"></footer>
+  </modal>
+  <modal :show.sync="showInfo" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
+      <h4 class="modal-title">表信息导入</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="form-group">
+        <file-upload class="my-file-uploader" :name="key+(Math.random()+3)+8882" :id="key+(Math.random()+3)+8882"
+                     action="rs/file/uploadFile" tagname="文件导入" :headers="headers" v-ref:file></file-upload>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer"></footer>
+  </modal>
+  <!-- 建档花名册下载 -->
+  <modal :show.sync="upload_meter" backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <h4 class="modal-title">建档花名册下载</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="col-sm-12 span recordTable" style="margin-top: 10px;height:70vh;">
+        <upload v-ref:file :blodid = "selectdata.f_process_id" :isusetype = "true" :isremark = "true"  :defname="selectdata.defname"></upload>-->
+                    <!--<customer-file v-ref:file :selectdata="selectdata"></customer-file>-->
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <div class="from-group" style="width: 100%;float: left">
+        <button v-show="upload_meter" type="button" class="btn btn-default" @click='upload_meter_close'>关闭</button>
+<!--        <button v-show="upload_meter" type="button" class="btn btn-success" @click='showClose'>-->
+<!--          确认-->
+<!--        </button>-->
+      </div>
+    </footer>
+  </modal>
+  <work-busy :is-busy="iswork" v-show="iswork"></work-busy>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  import axios from 'axios'
+  import Vue from 'vue'
+  export default {
+    title: '档案信息',
+    props: ['selectdata', 'key','edit'],
+    data() {
+      return {
+        iswork:false,
+        headers: {'username': this.$login.f.name, 'blodid': this.selectdata.f_process_id, 'fusetype': '报建execl导入用户档案'},
+        //户档案表头
+        userHeadData: ['档案编号', '用户姓名', '用户电话', '区', '片区', '街道名称', '小区名称', '楼号', '单元号', '楼层', '门牌号', '用气性质', '用户状态'],
+        //户档案内容
+        userBodyData: ['f_userinfo_id', 'f_user_name', 'f_user_phone', 'f_area', 'f_slice_area', 'f_street', 'f_residential_area', 'f_building', 'f_unit', 'f_floor', 'f_room', 'f_gasproperties', 'f_user_state'],
+        //表档案表头
+        surHeadData: ['户档案编号', '表号', '气表品牌', '表型号','通气表号','通气人','通气时间','被修改表号'],
+        //表档案内容
+        surBodyData: ['f_userinfo_id', 'f_meternumber', 'f_meter_brand', 'f_meter_style','f_gas_meternumber','f_gas_person','f_gas_date','f_gas_meternumber'],
+        //设备表头
+        eqHeadData: ['户档案编号', '设备编号', '设备类型', '设备品牌','设备型号','设备数量'],
+        //设备内容
+        eqBodyData: ['f_userinfo_id', 'f_devices_no', 'f_devices_type', 'f_brand','f_devices_model','f_devices_num'],
+        //动态模板导出表头
+        getHeader: {
+          'f_user_name': '用户姓名',
+          'f_user_phone': '电话',
+          'f_credentials': '证件类型',
+          'f_idnumber': '证件号码',
+          'f_pcd': '区/县',
+          'f_street': '街道/镇',
+          'f_residential_area': '小区名称/村',
+          'f_building': '楼号/社/组',
+          'f_unit': '单元号',
+          'f_floor': '楼层',
+          'f_room': '门牌号',
+          'f_people_num': '人口数',
+          'f_comments': '备注',
+
+          'f_super_length': '超长距离',
+          'f_super_money': '超长费用',
+          'f_install_money': '安装费',
+          'f_charge_date': '交款日期',
+          'f_invoice_num': '收据号',
+
+          'f_meter_brand': '气表品牌',
+          'f_meter_style': '气表型号',
+          'f_table_state': '表状态',
+          'f_aroundmeter': '左右表',
+          'f_meternumber': '表编号',
+          'f_metertitles': '表箱号'
+        },
+        record: {},
+        selectItem: {
+          'f_meternumber': null,
+          'f_metertitles': null,
+          'f_meter_brand': null,
+          'f_meter_style': null,
+          'f_aroundmeter': null,
+          'f_table_state': null,
+          'f_price_name': null,
+          'f_price_type': null,
+          'f_price': null,
+          'f_gasproperties': null,
+          'f_user_type': null,
+          'f_meter_classify': null,
+          'f_position': null,
+          'f_inputtor': null,
+          'f_gas_person': null,
+          'f_gas_date': null,
+          'f_super_book': null
+        },
+        pricetype:[],
+        pricename:[],
+        model: {
+          rows: []
+        },
+        batchmodel :{
+          rows: []
+        },
+        params: { // 选择的具体内容
+          rows: []
+        },
+        condition: '',
+        show: false,
+        showFile: false,
+        showInfo: false,//  表信息导入
+        showCon: false,
+        ischecked: false,
+        getfield: {},
+        checked: [],
+        isShowdetail:false,
+        userinfo_id: null,
+        addshow:false,
+        meterstyle:[],
+        meterbrand:[],
+        styletype:[],
+        updateshow:false,
+        importtype:null,
+        showqueren:true,
+        userstate:this.$appdata.getParam('用户状态'),
+        checker:this.$appdata.getParam('安全员'),
+        coststate:this.$appdata.getParam('结算状态'),
+        costtype:this.$appdata.getParam('缴费类型'),
+        aroundmeter:this.$appdata.getParam('左右表'),
+        // gasproperties:this.$appdata.getParam('用气性质'),
+        // usertypes:this.$appdata.getParam('用户类型'),
+        // tablestate:this.$appdata.getParam('表状态'),
+        meterclassify:this.$appdata.getParam('气表类型'),
+        whetherhairpin:this.$appdata.getParam('是否发卡'),
+        position:this.$appdata.getParam('安装位置'),
+        inputtor:null,
+        viewPage: false,
+        userinfo_array: [],
+        super_book: false,
+        super_book_array: [],
+        upload_meter: false
+      }
+    },
+    ready() {
+      //  获取抄表员
+      let data = []
+      let array = []
+      data = this.$login.f.f_gasman.map(item => {
+        return item.name;
+      })
+      for (let q = 0; q < data.length; q++) {
+        let arraydata = {
+          'label': data[q],
+          'value': data[q]
+        }
+        if (array.length != 0) {
+          for (let w = 0; w < array.length; w++) {
+            if (array[w].label == data[q]) {
+              break
+            }
+            while (w == array.length - 1) {
+              array.push(arraydata)
+              break
+            }
+          }
+        } else {
+          array.push(arraydata)
+        }
+      }
+      this.inputtor = array
+      this.load()
+      this.getitem()
+      this.getPriceInfo()
+    },
+    watch: {
+      'selectdata'() {
+        this.headers.blodid = this.selectdata.f_process_id
+        this.load()
+      },
+      'selectItem.f_meter_classify[0]'(val) {
+        if (val == '机表') {
+          this.super_book = true
+          this.getMeterBook()
+        }else {
+          this.super_book = false
+        }
+      },
+      'selectItem.f_meter_brand[0]'(val) {
+        console.log('选择的品牌改变了',val)
+        if (!val){
+          return
+        }
+        this.$resetpost('rs/logic/getMeterStyle', {data:{f_meter_brand :val, f_orgid: this.$login.f.orgid}} ,{resolveMsg: null, rejectMsg: null}).then((res) => {
+          console.log('获取的选项',res)
+          let house2 = []
+          for (let row of res.data){
+            house2.push({label: row.f_meter_style,value: row.f_meter_style})
+          }
+          this.meterstyle = house2
+        })
+      },
+      'selectItem.f_meternumber'() {
+        if (this.selectItem.hasOwnProperty("f_meternumber")) {
+          if (this.selectItem.f_meternumber == null || this.selectItem.f_meternumber == undefined || this.selectItem.f_meternumber == '' || this.selectItem.f_meternumber.trim().length == 0){
+            this.$set('selectItem.f_table_state', "待安装")
+          }else {
+            this.$set('selectItem.f_table_state', "正常")
+          }
+        }
+
+      }
+    },
+
+    computed: {
+      address() {
+        let strAddress = `${this.record.f_area ? this.record.f_area
+          + '-' : ''}${this.record.f_street ? this.record.f_street
+          + '-' : ''}${this.record.f_residential_area ? this.record.f_residential_area
+          + '' : ''}${this.record.f_building ? this.record.f_building
+          + '号楼' : ''}${this.record.f_unit ? this.record.f_unit
+          + '单元' : ''}${this.record.f_floor ? this.record.f_floor
+          + '层' : ''}${this.record.f_room ? this.record.f_room
+          + '室' : ''}`
+        this.record.f_address = strAddress
+        return strAddress
+      },
+      getfield() {
+        let data = {}
+        this.userBodyData.forEach((value, index) => {
+          data[this.userBodyData[index]] = this.userHeadData[index]
+        })
+
+        console.log('data', data)
+        return data
+      }
+    },
+    methods: {
+      // 获取气价信息
+      async getPriceInfo() {
+        console.log('开始获取气价信息')
+        let http = new HttpResetClass()
+        let condition = " f_filialeid in ('" + this.$login.f.orgid + "')"
+        let res = await http.load('POST','rs/sql/applysingleTable',{data:{tablename:'t_stairprice',condition:condition}}, {resolveMsg: null, rejectMsg: null})
+        let data = []
+        let array = []
+        data = res.data.map(item => {
+          return item.f_price_name;
+        })
+        for (let q = 0; q < data.length; q++) {
+          let arraydata = {
+            'label': data[q],
+            'value': data[q]
+          }
+          if (array.length != 0) {
+            for (let w = 0; w < array.length; w++) {
+              if (array[w].label == data[q]) {
+                break
+              }
+              while (w == array.length - 1) {
+                array.push(arraydata)
+                break
+              }
+            }
+          } else {
+            array.push(arraydata)
+          }
+        }
+        this.pricename = array
+      },
+      // 获取抄表册
+      async getMeterBook() {
+        let http = new HttpResetClass()
+        let condition = " f_orgname = '" + this.$login.f.orgs + "'"
+        let res = await http.load('POST','rs/sql/applysingleTable',{data:{tablename: 't_meter_book', condition: condition}}, {resolveMsg: null, rejectMsg: "获取抄表本失败"})
+        let data = []
+        let array = []
+        data = res.data.map(item => {
+          return item.f_book_name;
+        })
+        for (let q = 0; q < data.length; q++) {
+          let arraydata = {
+            'label': data[q],
+            'value': data[q]
+          }
+          if (array.length != 0) {
+            for (let w = 0; w < array.length; w++) {
+              if (array[w].label == data[q]) {
+                break
+              }
+              while (w == array.length - 1) {
+                array.push(arraydata)
+                break
+              }
+            }
+          } else {
+            array.push(arraydata)
+          }
+        }
+        this.super_book_array = array
+
+      },
+      // 根据气价名称获取其他相对应数据
+      priceChange(val) {
+        console.log("被选中的数据:" + val)
+        this.getData(val)
+      },
+      async getData(val) {
+        let http2 = new HttpResetClass()
+        let condition2 = "s.f_filialeid = '" + this.$login.f.orgid + "'" + " and s.f_price_name = '" + val + "'"
+        http2.load('POST','rs/sql/searchGasPrice',{data:{condition:condition2}}, {resolveMsg: null, rejectMsg: null}).then((res2)=>{
+          console.log("气价数据：" + JSON.stringify(res2.data))
+          // for (let j = 0; j < this.$refs.service_show.data.fields.length; j++) {
+          //   if (this.$refs.service_show.data.fields[j].label == '气价类型') {
+          //     console.log("气价类型：" + res2.data[0])
+          // console.log("气价类型1：" + res2.data[0].f_price_type)
+          // Vue.set(this.selectItem,'f_price_type',res2.data[0].f_price_type)
+          // this.selectItem.f_price_type = res2.data[0].f_price_type
+          // console.log("气价类型2：" + this.$refs.service_show.data.fields[j].value)
+          // }
+          //气价拼接
+          // if (this.$refs.service_show.data.fields[j].label == '价格') {
+          let p = 1
+          let resultPrice = ''
+          for(let l = 0; l < res2.data.length; l++){
+            resultPrice = resultPrice + res2.data[l].price + ' |'
+            if (p == 3) {
+              break
+            }
+            p++
+          }
+          console.log("拼接的价格:" + resultPrice)
+          //this.selectItem.f_price = resultPrice
+          this.$set('selectItem.f_price',resultPrice)
+          this.$set('selectItem.f_gasproperties',res2.data[0].f_gasproperties)
+          this.$set('selectItem.f_user_type',res2.data[0].f_user_type)
+          this.$set('selectItem.f_price_type',res2.data[0].f_price_type)
+          // }
+          // if (this.$refs.service_show.data.fields[j].label == '用气性质') {
+          //   this.$set(this.selectItem,'f_gasproperties',res2.data[0].f_gasproperties)
+          //this.selectItem.f_gasproperties = res2.data[0].f_gasproperties
+          // }
+          // if (this.$refs.service_show.data.fields[j].label == '客户类型') {
+          //this.selectItem.f_user_type = res2.data[0].f_user_type
+          // }
+          // }
+        })
+
+      },
+      getitem(){
+        console.log('开始获取品牌')
+        let condition = '1=1'
+        let http = new HttpResetClass()
+        let data = {
+          condition: condition,
+          f_orgid: this.$login.f.orgid
+        }
+        http.load('POST','rs/logic/getRecordItem', {data: data}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          console.log('获取的选项',res)
+          let house2 = []
+          for (let row of res.data.meterbrand){
+            house2.push({label: row.f_meter_brand,value: row.f_meter_brand})
+          }
+          this.meterbrand = house2
+        })
+        // 初始化气表品牌
+        // let brandArr = []
+        // this.$GetSaleParam.getGasbrand().forEach((item) => {
+        //   let temp1 = {}
+        //   temp1.label = item.label
+        //   temp1.value = item.value.f_meter_brand
+        //   brandArr.push(temp1)
+        // })
+        // this.meterbrand = [{label: '全部', value: ''}, ...brandArr]
+      },
+      upload_meter_close(){
+        this.upload_meter = false
+      },
+      addDetailed(){
+        this.importtype='2'
+        this.showFile = true
+      },
+      addclose(){
+        this.addshow = false
+        this.selectItem = {}
+      },
+
+      updateclose(){
+        this.updateshow = false
+        this.selectItem = {}
+      },
+      showdetail(val) {
+
+          console.log(val)
+          this.userinfo_id = val
+          this.isShowdetail=true
+         this.loadfiles()
+      },
+      async loadfiles() {
+        if (!this.selectdata)
+          return
+        let data = {
+          tablename: 't_userfiles',
+          condition: 'a.f_userinfo_id=' + '\'' + this.userinfo_id + '\''
+        }
+
+        let self = this
+        let http = new HttpResetClass()
+        let res = await http.load('POST', 'rs/sql/getUserfiles', {data: data}, {
+          resolveMsg: null,
+          rejectMsg: '获取表档案信息失败'
+        })
+        self.batchmodel.rows = []
+
+        self.batchmodel.rows = res.data
+      },
+      selected (val) {
+        this.selectItem = {"q":"q"}
+      },
+      //选择需要转银收的户档案
+      chooseOne(e, row, rows) {
+        console.log('row', row)
+        console.log('e', e)
+        this.ischecked = e.target.checked
+        console.log("state", e.target.checked)
+        //判断当前行是否被选中
+        if (this.ischecked) {
+          this.checked.push(row)
+        }
+      },
+      //修改选中的数据状态
+      changeState() {
+        if (this.checked.length > 0) {
+          let http = new HttpResetClass()
+          http.load('POST', 'rs/logic/updateUserState', {data: {rows: this.checked}}).then((res) => {
+            this.show = false
+            this.ischecked = false
+            // 如果没有id，需要在数组中添加
+            this.load()
+            this.checked = []
+          })
+        }
+      },
+      // 父组件更新子组件属性
+      updateData(val) {
+        this.headers.blodid = val.f_process_id
+        this.selectdata = val
+      },
+      async load() {
+        if (!this.selectdata)
+          return
+        let data = {
+          f_process_id: this.selectdata.f_process_id
+        }
+        let self = this
+        let http = new HttpResetClass()
+        let res = await http.load('POST', 'rs/sql/getUserArchives', {data: data}, {
+          resolveMsg: null,
+          rejectMsg: '获取户档案信息失败'
+        })
+        self.model.rows = []
+          self.model.rows = res.data
+          self.params = res.data
+
+
+      },
+      impexcel() {
+        this.importtype='1'
+        this.showFile = true
+      },
+      getfields() {
+        let report = {
+          'f_user_name': '用户姓名',
+          'f_user_phone': '电话',
+          'f_credentials': '证件类型',
+          'f_idnumber': '证件号码',
+          'f_pcd': '区/县',
+          'f_street': '街道/镇',
+          'f_residential_area': '小区名称/村',
+          'f_building': '楼号/社/组',
+          'f_unit': '单元号',
+          'f_floor': '楼层',
+          'f_room': '门牌号',
+          'f_people_num': '人口数',
+          'f_comments': '备注',
+
+          'f_super_length': '超长距离',
+          'f_super_money': '超长费用',
+          'f_install_money': '安装费',
+          'f_charge_date': '交款日期',
+          'f_invoice_num': '收据号',
+
+          'f_meter_brand': '气表品牌',
+          'f_meter_style': '气表型号',
+          'f_table_state': '表状态',
+          'f_aroundmeter': '左右表',
+          'f_meternumber': '表编号',
+          'f_metertitles': '表箱号'
+        }
+        return report
+      },
+      meterUpload() {
+        this.importtype='1'
+        this.upload_meter = true
+      },
+      impexcel1() {
+        this.importtype='1'
+        for (let i = 0; i < this.model.rows.length; i++) {
+          this.userinfo_array.push(this.model.rows[i].f_userinfo_id)
+        }
+        this.showInfo = true
+        // this.showCon = true
+      },
+      showClose() {
+        this.showCon = false
+      },
+      closeFile() {
+        this.showFile = false
+        this.showInfo = false
+        // 将选的文件清空
+        this.$refs.file.$el.querySelector('input').value = ''
+      },
+      delete(row){
+        console.log('开始删除')
+        let http = new HttpResetClass()
+        http.load('POST', 'rs/logic/deleteUserinfo', {data: {f_userinfo_id: row.f_userinfo_id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          console.log('返回的数据：',res)
+          if (res.data != null && res.data != "") {
+            this.$showMessage(res.data)
+          }else {
+            this.$showMessage("删除成功！")
+            this.load()
+          }
+        })
+      },
+      deleteinfo(row){
+        this.$showMessage('确认销户吗？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            console.log('开始销户')
+            let http = new HttpResetClass()
+            http.load('POST', 'rs/logic/deleteUserinfo', {data: {f_userinfo_id: row.f_userinfo_id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+              console.log('返回的数据：',res)
+              this.$showMessage(res.data)
+              this.load()
+              // if (res.data != null && res.data != "") {
+              //   this.$showMessage(res.data)
+              // }else {
+              //   this.$showMessage("删除成功！")
+              //   this.load()
+              // }
+            })
+          }
+        })
+
+      },
+      deleteItem(row) {
+
+          this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
+            if (res === 'confirm') {
+              let http = new HttpResetClass()
+              console.log("用户id:" + row.f_userfiles_id)
+              http.load('DELETE', `rs/entity/t_userfiles/${row.f_userfiles_id}`).then((res) => {
+                this.loadfiles()
+              })
+            }
+          })
+
+      },
+      stopItem (row) {
+        this.$showMessage('确认停用吗？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            console.log('开始停用')
+            let http = new HttpResetClass()
+            http.load('POST', 'rs/logic/stopUserFiles', {data: {f_userfiles_id: row.f_userfiles_id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+              console.log('返回的数据：',res)
+              this.$showMessage(res.data)
+              this.loadfiles()
+            })
+          }
+        })
+
+      },
+      //户档案查询
+      filterParams(param) {
+        this.isShowdetail=false
+        if (param && param !== "") {
+          let temp = []
+          for (var i = 0; i < this.model.rows.length; i++) {
+            if (this.model.rows[i].f_user_name.includes(param)) {
+              temp.push(this.model.rows[i])
+            }
+          }
+          this.model.rows = temp
+        } else {
+          this.model.rows = this.params
+        }
+      },
+      //表档案查询
+      filterParam(param) {
+        if (param && param !== "") {
+          let temp = []
+          for (var i = 0; i < this.model.rows.length; i++) {
+            if (this.model.rows[i].f_meter_brand.includes(param)) {
+              temp.push(this.model.rows[i])
+            }
+          }
+          this.model.rows = temp
+        } else {
+          this.model.rows = this.params
+        }
+      },
+      //设备列表查询
+      findEq(param) {
+        if (param && param !== "") {
+          let temp = []
+          for (var i = 0; i < this.model.rows.length; i++) {
+            if (this.model.rows[i].f_meter_brand.includes(param)) {
+              temp.push(this.model.rows[i])
+            }
+          }
+          this.model.rows = temp
+        } else {
+          this.model.rows = this.params
+        }
+      },
+      add() {
+        this.show = true
+        console.log("点击了添加")
+      },
+      async user_search() {
+        if (!this.selectdata)
+          return
+        let data = {
+          data: {
+            fengongsi: this.$login.f.orgs,
+            company: this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? " 1 = 1 or 1 = 1 " : " a.f_filiale = '" + this.$login.f.orgs + "'"
+          },
+          condition: ' 1 = 1'
+        }
+        if (this.model.f_user_name != null && this.model.f_user_name != undefined && this.model.f_user_name != '') {
+          data.condition = ' u.f_user_name = ' + '\'' + this.model.f_user_name + '\'' + " and u.f_process_id = '" + this.selectdata.f_process_id + "'"
+        }else if (this.model.f_user_phone != null && this.model.f_user_phone != undefined && this.model.f_user_phone != '') {
+          data.condition = ' u.f_user_phone = ' + '\'' + this.model.f_user_phone + '\'' + " and u.f_process_id = '" + this.selectdata.f_process_id + "'"
+        }else if (this.model.f_user_name != undefined && this.model.f_user_phone != undefined) {
+          data.condition = ' u.f_user_phone = ' + '\'' + this.model.f_user_phone + '\'' + ' and u.f_user_name = ' + '\'' + this.model.f_user_name + '\'' + " and u.f_process_id = '" + this.selectdata.f_process_id + "'"
+        }
+        let self = this
+        let http = new HttpResetClass()
+        let res = await http.load('POST', 'rs/sql/reportFormUser', {data: data}, {
+          resolveMsg: null,
+          rejectMsg: '获取户档案信息失败'
+        })
+        self.model.rows = []
+        self.model.rows = res.data
+        if (res.data.length == 0) {
+          this.$showMessage("该用户无数据")
+        }
+      },
+      // 修改按钮
+      modifyParam(row) {
+        this.$set('selectItem.f_userinfo_id', row.f_userinfo_id)
+        this.$set('selectItem.f_user_name', row.f_user_name)
+        this.$set('selectItem.f_user_phone', row.f_user_phone)
+        // this.$set('selectItem.f_pcd', row.f_pcd)
+        // this.$set('selectItem.f_slice_area', row.f_slice_area)
+        this.$set('selectItem.f_area', row.f_area)
+        this.$set('selectItem.f_street', row.f_street)
+        this.$set('selectItem.f_residential_area', row.f_residential_area)
+        this.$set('selectItem.f_building', row.f_building)
+        this.$set('selectItem.f_unit', row.f_unit)
+        this.$set('selectItem.f_floor', row.f_floor)
+        this.$set('selectItem.f_room', row.f_room)
+        // this.selectItem.f_cost_type= [row.f_cost_type]
+        // this.selectItem.f_cost_state=[row.f_cost_state]
+        this.$set('selectItem.f_people_num', row.f_people_num)
+        // this.selectItem.f_checker=[row.f_checker]
+        this.selectItem.f_user_state= [row.f_user_state]
+        this.$set('selectItem.version', row.version)
+        this.show = true
+      },
+
+      //获取当前用户表档案信息
+      getUserFiles(row) {
+        this.isShowFiles = true
+        console.log('获取户档案信息')
+
+        let data = {
+          tablename: 't_userfiles',
+          condition: `f_userinfo_id=${row.f_userinfo_id}`
+        }
+        let http = new HttpResetClass()
+        let resGasbrand = http.load('POST', 'rs/sql/singleTable', {data: data}, {
+          resolveMsg: null,
+          rejectMsg: '获取档案信息失败'
+        })
+        self.model.rows = []
+        self.model.rows = res.data
+      },
+      //表档案修改
+      filesModify(row) {
+        this.getPriceInfo()
+        console.log('表档案数据',row)
+        this.$set('selectItem.f_userinfo_id', row.f_userinfo_id)
+        this.$set('selectItem.f_user_id', row.f_user_id)
+        //  表号
+        this.$set('selectItem.f_meternumber', row.f_meternumber)
+        //  表箱号
+        this.$set('selectItem.f_metertitles', row.f_metertitles)
+        //  气表品牌
+        // let data1 = row.f_meter_brand
+        // let array1 = []
+        // let arraydata1 = {
+        //   'label': data1,
+        //   'value': data1
+        // }
+        // array1.push(arraydata1)
+        this.$set('selectItem.f_meter_brand', row.f_meter_brand)
+        //  气表型号
+        // let data2 = row.f_meter_style
+        // let array2 = []
+        // let arraydata2 = {
+        //   'label': data2,
+        //   'value': data2
+        // }
+        // array2.push(arraydata2)
+        this.$set('selectItem.f_meter_style', row.f_meter_style)
+        //  左右表
+        // let data3 = row.f_aroundmeter
+        // let array3 = []
+        // let arraydata3 = {
+        //   'label': data3,
+        //   'value': data3
+        // }
+        // array3.push(arraydata3)
+        this.$set('selectItem.f_aroundmeter', row.f_aroundmeter)
+        //  表状态
+        // console.log("表状态：" + row.f_table_state)
+        // let data4 = row.f_table_state
+        // let array4 = []
+        // let arraydata4 = {
+        //   'label': data4,
+        //   'value': data4
+        // }
+        // array4.push(arraydata4)
+        // this.$set('selectItem.f_table_state', array4)
+        //  气价名称
+        // let data5 = row.f_price_name
+        // let array5 = []
+        // let arraydata5 = {
+        //   'label': data5,
+        //   'value': data5
+        // }
+        // array5.push(arraydata5)
+        this.$set('selectItem.f_price_name', row.f_price_name)
+        //  客户类型
+        this.$set('selectItem.f_user_type', row.f_user_type)
+        //  用气性质
+        this.$set('selectItem.f_gasproperties', row.f_gasproperties)
+        //  价格
+        this.$set('selectItem.f_price', row.f_price)
+        //  气价类型
+        this.$set('selectItem.f_price_type', row.f_price_type)
+        //  气表类型
+        // let data6 = row.f_meter_classify
+        // let array6 = []
+        // let arraydata6 = {
+        //   'label': data6,
+        //   'value': data6
+        // }
+        // array6.push(arraydata6)
+        this.$set('selectItem.f_meter_classify', row.f_meter_classify)
+        //  安装位置
+        // let data7 = row.f_position
+        // let array7 = []
+        // let arraydata7 = {
+        //   'label': data7,
+        //   'value': data7
+        // }
+        // array7.push(arraydata7)
+        this.$set('selectItem.f_position', row.f_position)
+        //  抄表员
+        // let data8 = row.f_inputtor
+        // let array8 = []
+        // let arraydata8 = {
+        //   'label': data8,
+        //   'value': data8
+        // }
+        // array8.push(arraydata8)
+        this.$set('selectItem.f_inputtor', row.f_inputtor)
+        //  通气人
+        this.$set('selectItem.f_gas_person', row.f_gas_person)
+        //  通气时间
+        this.$set('selectItem.f_gas_date', row.f_gas_date)
+        console.log("气表品牌：" + row.f_meter_brand,"气表型号：" + row.f_meter_style)
+        this.$set('selectItem.version', row.version)
+        // this.$set('selectItem.f_meter_base', row.f_meter_base)
+        // this.$set('selectItem.f_heater_gas', row.f_heater_gas)
+        // this.$set('selectItem.f_whether_hairpin', row.f_whether_hairpin)
+        // this.$set('selectItem.f_lossrate', row.f_lossrate)
+        this.addshow = true
+        this.getpricetype()
+
+      },
+      getpricetype(){
+        // console.log('开始获取气价类别')
+        // let condition =`f_user_type = '${this.selectItem.f_user_type}' and  f_filiale  = '${this.$login.f.f_fengongsi}'
+        //                 and f_gasproperties = '${this.selectItem.f_gasproperties}'`
+        // this.$resetpost('rs/logic/getRecordItem', {condition}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        //   console.log('获取的选项',res)
+        //   let house2 = []
+        //   for (let row of res.data.pricetype){
+        //     house2.push({label: row.f_price_type,value: row.f_price_type})
+        //   }
+        //   // this.pricetype = house2
+        //   let house = []
+        //   for (let row of res.data.meterbrand){
+        //     house.push({label: row.f_meter_brand,value: row.f_meter_brand})
+        //   }
+        //   this.meterbrand = house
+        //   let house3 = []
+        //   for (let row of res.data.pricename){
+        //     house3.push({label: row.f_price_name,value: row.f_price_name})
+        //   }
+        //   //this.pricename = house3
+        // })
+      },
+      //新增修改或删除提交
+      async confirm() {
+            let http = new HttpResetClass()
+            await http.load('POST', 'rs/logic/recordSave', this.selectItem).then((res) => {
+              this.show = false
+              // 如果没有id，需要在数组中添加
+              this.load()
+              this.selectItem = {}
+            })
+
+        },
+
+      async addconfirm() {
+        if (this.selectItem.f_meternumber == null || this.selectItem.f_meternumber == undefined || this.selectItem.f_meternumber.trim().length == 0){
+          this.$showAlert("表号不能为空","warning", 3000)
+          return
+        }
+        if (this.selectItem.f_metertitles == null || this.selectItem.f_metertitles == undefined || this.selectItem.f_metertitles.trim().length == 0){
+          this.$showAlert("表箱号不能为空","warning", 3000)
+          return
+        }
+        console.log("==========+++++++++=============:" + this.selectItem,"okk:" + JSON.stringify(this.selectItem))
+        if (this.selectItem.f_meter_brand != null){
+          if (this.selectItem.f_meter_brand[0] == null || this.selectItem.f_meter_brand[0] == undefined || this.selectItem.f_meter_brand[0].trim().length == 0){
+            this.$showAlert("气表品牌不能为空","warning", 3000)
+            return
+          }
+        }else {
+          this.$showAlert("气表品牌不能为空","warning", 3000)
+          return
+        }
+        //  气表型号不能为空
+        if (this.selectItem.f_meter_style != null){
+          if (this.selectItem.f_meter_style[0] == null || this.selectItem.f_meter_style[0] == undefined || this.selectItem.f_meter_style[0].trim().length == 0){
+            this.$showAlert("气表型号不能为空","warning", 3000)
+            return
+          }
+        }else {
+          this.$showAlert("气表型号不能为空","warning", 3000)
+          return
+        }
+        //  左右表不能为空
+        if (this.selectItem.f_aroundmeter != null){
+          if (this.selectItem.f_aroundmeter[0] == null || this.selectItem.f_aroundmeter[0] == undefined || this.selectItem.f_aroundmeter[0].trim().length == 0){
+            this.$showAlert("左右表不能为空","warning", 3000)
+            return
+          }
+        }else {
+          this.$showAlert("左右表不能为空","warning", 3000)
+          return
+        }
+
+
+        this.showqueren = false
+        let http = new HttpResetClass()
+        this.$set('selectItem.f_userinfo_id', this.userinfo_id)
+        this.selectItem.f_filiale = this.$login.f.orgs
+        this.selectItem.orgid = this.$login.f.orgid
+        this.selectItem.defname = this.selectdata.defname
+        await http.load('POST', 'rs/logic/addmeterrecord', this.selectItem).then((res) => {
+          this.addshow = false
+          // 如果没有id，需要在数组中添加
+          this.loadfiles()
+          this.selectItem = {}
+          if (res.data.msg != null && res.data.msg != "") {
+            this.$showMessage(res.data.msg)
+          }else {
+            this.$showMessage("修改成功！")
+          }
+        })
+        this.showqueren = true
+      },
+      async updateconfirm(){
+        let http = new HttpResetClass()
+
+        await http.load('POST', 'rs/logic/updatemetrecord', this.selectItem,{resolveMsg: null, rejectMsg: '修改失败'}).then((res) => {
+          this.updateshow = false
+          // 如果没有id，需要在数组中添加
+          this.loadfiles()
+          this.selectItem = {}
+
+        })
+      },
+      userinfoArray(val) {
+        console.log("1213---------------" + val)
+        if (val == null || val == undefined || val.length == 0) {
+          for (let i = 0; i < this.userinfo_array.length; i++) {
+            if (this.userinfo_array[i] != val) {
+              this.userinfo_array.delete(row.f_userinfo_id)
+            }
+          }
+        }else {
+          for (let i = 0; i < this.userinfo_array.length; i++) {
+            if (this.userinfo_array[i] != val) {
+              this.userinfo_array.push(val)
+            }
+          }
+
+        }
+
+      },
+
+      // 关闭模态框
+      close() {
+        this.show = false
+        this.selectItem = {}
+      },
+    },
+    events: {
+      async onFileUpload(file, res) {
+        if (!this.selectdata.f_process_id) {
+          this.$showMessage("数据异常，导入失败")
+          return
+        }
+        if (this.showFile) {
+          this.iswork = true;
+          //档案导入
+          let data = {
+            tablename: 't_userinfo',
+            filepath: res.f_downloadpath,
+            f_area:this.selectdata.f_area,
+            f_slice_area:this.selectdata.f_slice_area,
+            f_street:this.selectdata.f_street,
+            f_residential_area:this.selectdata.f_residential_area,
+            f_process_id: this.selectdata.f_process_id,
+            f_key: this.$login.f.f_orgid,
+            f_orgid: this.selectdata.f_orgid,
+            f_operator:this.$login.f.name,
+            f_operatorid:this.$login.f.id,
+            f_orgname:this.selectdata.f_filiale,
+            f_depid: this.$login.f.depids,
+            f_depname: this.$login.f.deps,
+            f_user_type: this.selectdata.f_user_type,
+            f_gasproperties: this.selectdata.f_gasproperties
+          };
+          console.log('即将转发的数据',data);
+          try{
+            await axios.post('rs/logic/recordImport',
+              data).then((res)=>{
+              if(res.data){
+                this.iswork=false;
+                this.load();
+                this.closeFile();
+                let mm = '';
+                for(var i=0;i<res.data.msg.length;i++){
+                  mm+=`${res.data.msg[i].msg}` + "   "
+                }
+                let msg = `共导入${res.data.alllength}条,失败${res.data.errorlen}条,失败信息:${mm}`
+                this.$showMessage(msg)
+              }
+            })
+          }catch(e){
+            this.iswork=false;
+            this.$showAlert('导入出错,请检查导入文件模板格式!','danger',2000);
+          }
+        }
+        //  表信息
+        if (this.showInfo) {
+          this.iswork = true;
+          //表信息导入
+          let data = {
+            tablename: 't_userfiles',
+            filepath: res.f_downloadpath,
+            f_process_id: this.selectdata.f_process_id,
+            f_key: this.$login.f.f_orgids,
+            f_operator: this.$login.f.name,
+            f_orgid: this.$login.f.orgid,
+            f_operatorid:this.$login.f.id,
+            f_orgname:this.$login.f.orgs,
+            f_depid: this.$login.f.depids,
+            f_depname: this.$login.f.deps,
+            userinfo_array: this.userinfo_array
+          };
+          console.log('即将转发的数据',data);
+          try{
+            await axios.post('rs/logic/addMeterInfo',
+              data).then((res)=>{
+              if(res.data){
+                this.iswork=false;
+                this.load();
+                this.closeFile();
+                let mm = '';
+                for(var i=0;i<res.data.msg.length;i++){
+                  mm+= `${res.data.msg[i].msg}`
+                }
+                let msg = `共导入${res.data.alllength}条,失败${res.data.errorlen}条,失败信息:${mm}`
+                this.$showMessage(msg)
+              }
+            })
+          }catch(e){
+            this.iswork=false;
+            this.$showAlert('导入出错,请检查导入文件模板格式!','danger',2000);
+          }
+        }
+      }
+    }
+  }
+</script>
+<style>
+  .recordTable table tr th {
+    font-weight: bold;
+  }
+
+  .recordTable table tr:hover {
+    background-color: rgb(230, 230, 230);
+  }
+</style>