apply-clients 3.0.4 → 3.0.5-4

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

@@ -1,753 +1,949 @@
-<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">
+    <div class="form-inline auto" style="margin-bottom: 5px;">
+      <label >用户查找：</label>
+      <input type="text" class="form-control" placeholder='请输入查找的用户姓名' v-model="param"
+             @keyup.enter="filterParams(param)" >
+      <button  type="button" class="btn btn-primary" @click="filterParams(param)">查询</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" >
+        <button type="button" class="btn btn-warning add-postition" @click="impexcel()" v-show="edit">导入档案</button>
+      </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>
+              <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_checker}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_cost_type}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_cost_state}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_people_num}}</td>
+            <td @click="$parent.$parent.$parent.showdetail(row.f_userinfo_id)" style="text-align: center">{{row.f_user_state}}</td>
+            <!--<td>{{row.f_remarks}}</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"
+                      @click.stop="$parent.$parent.$parent.modifyParam(row)" >修改
+              </button>
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.delete(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;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>
+              <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_user_id}}</td>
+            <td style="text-align: center">{{row.f_meternumber}}</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_user_type}}</td>
+            <td style="text-align: center">{{row.f_gas_meternumber}}</td>
+            <td style="text-align: center">{{row.f_gas_person}}</td>
+            <td style="text-align: center">{{row.f_gas_date}}</td>
+            <td style="text-align: center">{{row.f_gas_meternumber_back}}</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.deleteItem(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>
+  <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" 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" 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_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_cost_type" v-model="selectItem.f_cost_type"
+                  :options='costtype' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">结算状态</label>
+        <v-select :value.sync="selectItem.f_cost_state" v-model="selectItem.f_cost_state" :width="'80%'"
+                  :options='coststate' placeholder='请选择' style="width: 80%;float: left"
+                  close-on-select >
+        </v-select>
+      </div>
+
+      <div class="from-group" style="width: 100%">
+        <label  style="width: 15%;float: left">安全员</label>
+        <v-select :value.sync="selectItem.f_checker" v-model="selectItem.f_checker" :width="'80%'"
+                  :options='checker' placeholder='请选择' style="width: 80%;float: left"
+                  close-on-select >
+        </v-select>
+      </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" readonly 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_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">
+        <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">
+        <label style="width: 20%;float: left">表底数</label>
+        <input type="text" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_meter_base"/>
+      </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" :width="'80%'"
+                  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" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group">
+        <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">
+        <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">
+        <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%'"
+                  close-on-select >
+        </v-select>
+      </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_heater_gas"/>
+      </div>
+      <div class="from-group">
+        <label style="width: 20%;float: left">表状态</label>
+        <v-select :value.sync="selectItem.f_table_state" v-model="selectItem.f_table_state"
+                  :options='tablestate' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group">
+        <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">
+        <label style="width: 20%;float: left">是否发卡</label>
+        <v-select :value.sync="selectItem.f_whether_hairpin" v-model="selectItem.f_whether_hairpin"
+                  :options='whetherhairpin' placeholder='请选择' style="width: 80%;float: left" :width="'80%'"
+                  close-on-select >
+        </v-select>
+      </div>
+      <div class="from-group">
+        <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">
+        <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">
+        <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">
+        <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>
+
+</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','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'],
+        params: null,
+        record: {},
+        selectItem: {},
+        pricetype:[],
+        pricename:[],
+        model: {
+          rows: []
+        },
+        batchmodel :{
+          rows: []
+        },
+        params: { // 选择的具体内容
+          rows: []
+        },
+        condition: '',
+        show: false,
+        showFile: false,
+        ischecked: false,
+        getfield: {},
+        checked: [],
+        isShowdetail:false,
+        userinfo_id: null,
+        addshow:false,
+        meterstyle:[],
+        meterbrand:[],
+        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:this.$appdata.getParam('抄表员')
+      }
+    },
+    ready() {
+      this.load()
+      this.getitem()
+    },
+    watch: {
+      'selectdata'() {
+        this.headers.blodid = this.selectdata.f_process_id
+        this.load()
+      },
+
+      'selectItem.f_meter_brand[0]'(val) {
+        console.log('选择的品牌改变了',val)
+        if (!val){
+          return
+        }
+        this.$resetpost('rs/logic/getMeterStyle', {data:{f_meter_brand :val}} ,{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_user_type[0]'(val) {
+        let condition =`f_user_type = '${val}' 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
+        })
+      },
+      'selectItem.f_gasproperties[0]'(val) {
+        let condition =`f_user_type = '${this.selectItem.f_user_type}' and  f_filiale  = '${this.$login.f.f_fengongsi}'
+                        and f_gasproperties = '${val}'`
+        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
+        })
+      },
+      'selectItem.f_price_type[0]'(val) {
+        console.log('选择的品牌改变了',val)
+        if (!val){
+          return
+        }
+        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}'
+                        and f_price_type = '${val}'`
+        this.$resetpost('rs/logic/getRecordItem', {condition}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          console.log('获取的选项',res)
+          let house2 = []
+          for (let row of res.data.pricename){
+            house2.push({label: row.f_price_name,value: row.f_price_name})
+          }
+          this.pricename = house2
+        })
+
+      }
+    },
+
+    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: {
+      getitem(){
+        console.log('开始获取品牌')
+        let condition =` 1=1 `
+        this.$resetpost('rs/logic/getRecordItem', {condition}, {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
+        })
+      },
+      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 = {
+          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 = []
+
+          self.model.rows = res.data
+          self.params = res.data
+
+
+      },
+      impexcel() {
+        this.importtype='1'
+        this.showFile = true
+      },
+      closeFile() {
+        this.showFile = 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()
+          }
+        })
+      },
+
+      deleteItem(row) {
+
+
+         /* 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()
+              })
+            }
+          })*/
+
+          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.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("点击了添加")
+      },
+      // 修改按钮
+      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.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('获取户档案信息')
+
+        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) {
+        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.selectItem.version = row.version
+        this.selectItem.f_user_type = [row.f_user_type]
+        this.selectItem.f_gasproperties = [row.f_gasproperties]
+        this.$set('selectItem.f_meter_base', row.f_meter_base)
+        this.selectItem.f_meter_brand = [row.f_meter_brand]
+        this.selectItem.f_meter_style = [row.f_meter_style]
+        this.selectItem.f_aroundmeter = [row.f_aroundmeter]
+        this.selectItem.f_price_type = [row.f_price_type]
+        this.selectItem.f_price_name = [row.f_price_name]
+        this.$set('selectItem.f_heater_gas', row.f_heater_gas)
+        this.selectItem.f_table_state = [row.f_table_state]
+        this.selectItem.f_meter_classify = [row.f_meter_classify]
+        this.selectItem.f_whether_hairpin = [row.f_whether_hairpin]
+        this.selectItem.f_position=[row.f_position]
+        this.selectItem.f_inputtor=[row.f_inputtor]
+        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_price_type[0]){
+          this.$showAlert("气价类型不能为空","warning", 1500)
+          return
+        }
+        if (!this.selectItem.f_price_name[0]){
+          this.$showAlert("气价名称不能为空","warning", 1500)
+          return
+        }
+        if (this.selectItem.f_gas_meternumber != this.selectItem.f_meternumber) {
+          let res = await this.$showMessage(`通气表号和安装表号不一致请确认是否修改安装表号`, ['confirm', 'cancel'])
+          if (res === 'confirm') {
+            this.$set('selectItem.f_gas_meternumber_back', this.selectItem.f_meternumber)
+            this.selectItem.f_meternumber = this.selectItem.f_gas_meternumber
+          } else {
+            return
+          }
+        }
+        this.showqueren = false
+        let http = new HttpResetClass()
+        this.$set('selectItem.f_userinfo_id', this.userinfo_id)
+        this.selectItem.f_filiale=this.$login.f.f_fengongsi
+        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 = {}
+
+        })
+      },
+
+
+      // 关闭模态框
+      close() {
+        this.show = false
+        this.selectItem = {}
+      },
+    },
+    events: {
+      async onFileUpload(file, res) {
+        if (!this.selectdata.f_process_id) {
+          this.$showMessage("数据异常，导入失败")
+          return
+        }
+        if (this.importtype ==='1') {
+          //户档案导入
+          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_user_type: this.selectdata.f_user_type,
+            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()
+          console.log('即将转发的数据',data)
+          await http2.load('POST', 'rs/logic/recordImport', data, {
+            resolveMsg: "",
+            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>