apply-clients 5.0.36 → 5.0.37-2

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

@@ -1,907 +1,907 @@
-<template>
-  <div class="flex">
-    <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:auto;">
-
-      <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>
-            </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>{{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"
-                  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"
-                  :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"
-                  :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"
-                  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"
-                  :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"
-                  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"
-                  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>
-      <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"
-                  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"
-                  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"
-                  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"
-                  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"
-                  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"
-                  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"
-                  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"
-                  close-on-select >
-        </v-select>
-      </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" @click='addconfirm'>确认</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()"
-                     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: {},
-        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,
-        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) {
-        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.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
-        }
-        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("修改成功！")
-          }
-        })
-      },
-      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_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>
+<template>
+  <div class="flex">
+    <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:auto;">
+
+      <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>
+            </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>{{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"
+                  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"
+                  :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"
+                  :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"
+                  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"
+                  :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"
+                  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"
+                  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>
+      <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"
+                  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"
+                  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"
+                  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"
+                  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"
+                  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"
+                  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"
+                  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"
+                  close-on-select >
+        </v-select>
+      </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" @click='addconfirm'>确认</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()"
+                     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: {},
+        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,
+        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 u   left join t_user_address ua on u.f_userinfo_id=ua.f_userinfo_id',
+          condition: 'f_process_id=' + '\'' + this.selectdata.f_process_id + '\''
+        }
+        let self = this
+        let http = new HttpResetClass()
+        let res = await http.load('POST', 'rs/sql/singleTableUserInfo', {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) {
+        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.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
+        }
+        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("修改成功！")
+          }
+        })
+      },
+      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_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>