apply-clients 6.0.4 → 6.0.7

package/src/components/build/Install/Process/CustomerRecordMessage.vue

@@ -1,749 +1,749 @@
-<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">
-              <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.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/applysingleTable', {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/applysingleTable', {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/applysingleTable', {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/applysingleTable', {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 == '设备管理') {
-           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/applysingleTable', {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 = ''
-      },
-      async deleteItem(row) {
-        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((ress) => {
-                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((ress) => {
-                this.load()
-              })
-            }
-          })
-        }
-      },
-      //户档案查询
-      filterParams(param) {
-        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.$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/applysingleTable', {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() {
-        var _this = this
-        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) {
-            //新增
-            //根据户档案编号查询户档案
-            let http  = new HttpResetClass()
-            await http.load('POST', '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) {
-                //判断重复
-                http  = new HttpResetClass()
-                http.load('POST', '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}'`
-                  }
-                  http = new HttpResetClass()
-                  http.load('POST', 'rs/sql/applysingleTable', {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/applysingleTable', {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
-                          }
-                          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/applysingleTable', {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/applysingleTable', {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">
+    <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">
+              <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.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 == '设备管理') {
+           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 = ''
+      },
+      async deleteItem(row) {
+        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((ress) => {
+                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((ress) => {
+                this.load()
+              })
+            }
+          })
+        }
+      },
+      //户档案查询
+      filterParams(param) {
+        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.$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() {
+        var _this = this
+        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) {
+            //新增
+            //根据户档案编号查询户档案
+            let http  = new HttpResetClass()
+            await http.load('POST', '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) {
+                //判断重复
+                http  = new HttpResetClass()
+                http.load('POST', '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}'`
+                  }
+                  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
+                          }
+                          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>