apply-clients 4.1.10-11 → 4.1.10-weinan

package/src/components/product/Procedures/ProceduresDataGrid.vue

@@ -1,1022 +0,0 @@
-<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)">-->
-      <input type="text" class="form-control" placeholder='请输入查找的用户姓名' v-model="searchModel.f_user_name"
-             @keyup.enter="searchFilter(searchModel)">
-      <label>地址查找：</label>
-      <input type="text" class="form-control" placeholder='请输入查找的地址' v-model="searchModel.f_address"
-             @keyup.enter="searchFilter(searchModel)">
-      <button type="button" class="btn btn-primary" @click="searchFilter(searchModel)">查询</button>
-      <button  type="button" class="btn btn-primary" @click="load()">立即刷新</button>
-      <button type="button"  class="btn btn-primary" @click.stop="export2(searchModel)">通水档案导出 </button>
-      <button type="button"  class="btn btn-primary" @click.stop="addDetailed()">通水导入 </button>
-    </div>
-
-
-    <!--户档案管理组件-->
-    <div class="col-sm-12 span recordTable" style="margin-top: 10px;height:70%;">
-
-      <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>
-              <th>操作</th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_userinfo_id}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_user_name}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_user_phone}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_user_type}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_address}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_checker}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_cost_type}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_cost_state}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" style="text-align: center">{{row.f_people_num}}</td>
-            <td @click="$parent.$parent.$parent.showdetail(row)" 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:30%;" v-if="isShowdetail">
-      <p class="text-center" style="padding: 8px;font-size: 20px">表档案列表
-
-        <button type="button" class="close" @click="isShowdetail=false" aria-hidden="true">&times;</button>
-      </p>
-      <partial-view v-ref:single-load>
-        <data-grid :model="batchmodel" v-ref:batchgrid>
-          <template partial='head'>
-            <tr>
-              <th>序号</th>
-              <th>户档案编号</th>
-              <th>表档案编号</th>
-              <th>表号</th>
-              <th>水表品牌</th>
-              <th>表型号</th>
-              <th>通水表号</th>
-              <th>通水人</th>
-              <th>通水时间</th>
-              <th>被修改表号</th>
-              <th>操作</th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <td style="text-align: center">{{$index+1}}</td>
-            <td style="text-align: center">{{row.f_userinfo_id}}</td>
-            <td style="text-align: center">{{row.f_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_gas_meternumber}}</td>
-            <td style="text-align: center">{{row.f_gas_person}}</td>
-            <td style="text-align: center">{{row.f_gas_date}}</td>
-            <td style="text-align: center">{{row.f_gas_meternumber_back}}</td>
-
-            <!--<td>{{row.f_remarks}}</td>-->
-            <td class="" style="text-align: center">
-              <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.filesModify(row)">修改
-              </button>
-              <button type="button" name="button" class="btn btn-link"
-                      @click.stop="$parent.$parent.$parent.deleteItem(row)">删除
-              </button>
-              <!-- <button type="button" name="button" class="btn btn-link"
-                       @click.stop="$parent.$parent.$parent.deleteItem(row)" >删除
-               </button>-->
-            </td>
-          </template>
-        </data-grid>
-
-
-      </partial-view>
-    </div>
-
-  </div>
-  <modal :show.sync="show" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="close"><span>&times;</span></button>
-      <h4 class="modal-title">配置</h4>
-    </header>
-    <!--户档案修改-->
-    <article slot="modal-body" class="modal-body">
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">用户姓名</label>
-        <input type="text" class="form-control" v-model="selectItem.f_user_name" style="width: 80%;float: left"/>
-      </div>
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">用户电话</label>
-        <input type="text" class="form-control" v-model="selectItem.f_user_phone" style="width: 80%;float: left">
-      </div>
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">楼号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_building" style="width: 80%;float: left">
-      </div>
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">单元号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_unit" style="width: 80%;float: left">
-      </div>
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">楼层</label>
-        <input type="text" class="form-control" v-model="selectItem.f_floor" style="width: 80%;float: left">
-      </div>
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">门牌号</label>
-        <input type="text" class="form-control" v-model="selectItem.f_room" style="width: 80%;float: left">
-      </div>
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">人口数</label>
-        <input type="number" class="form-control" v-model="selectItem.f_people_num" style="width: 80%;float: left">
-      </div>
-      <div class="from-group" style="width: 100%">
-        <label style="width: 15%;float: left">缴费类型</label>
-        <v-select width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%"  :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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 width="80%" :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="text" style="width: 80%;float: left" class="form-control" v-model="selectItem.f_gas_person"/>
-      </div>
-      <div class="from-group">
-        <label style="width: 20%;float: left">通水时间</label>
-        <datepicker width="80%" style="width: 80%;float: left"
-                    :value.sync="selectItem.f_gas_date"
-                    :format="'yyyy-MM-dd HH:mm:ss'"
-                    v-model="selectItem.f_gas_date"
-                    :readonly="true"
-                    :show-reset-button="reset">
-        </datepicker>
-      </div>
-      <div class="from-group">
-        <label style="width: 20%;float: left">通水表号</label>
-        <input type="text" style="width: 80%;float: left" class="form-control" v-model="selectItem.f_gas_meternumber"/>
-      </div>
-      <!--<div class="from-group">
-        <label style="width: 20%;float: left">输损率</label>
-        <input type="number" style="width: 80%;float: left"  class="form-control" v-model="selectItem.f_lossrate" v-validate:f_lossrate='{dctest: [1, "<" ] }'/>
-      </div>-->
-
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-default" @click='addclose'>取消</button>
-      <button type="button" class="btn btn-success" v-if="showqueren" @click='addconfirm'>确认</button>
-      <button type="button" class="btn btn-success" v-else>提交中</button>
-    </footer>
-  </modal>
-
-  <modal :show.sync="updateshow" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="updateclose"><span>&times;</span></button>
-      <h4 class="modal-title">配置</h4>
-    </header>
-    <!--户档案修改-->
-    <article slot="modal-body" class="modal-body">
-      <div class="from-group">
-        <label style="width: 20%;float: left">表号</label>
-        <input type="text" style="width: 80%;float: left" class="form-control" v-model="selectItem.f_meternumber"/>
-      </div>
-      <div class="from-group">
-        <label style="width: 20%;float: left">水表品牌</label>
-        <v-select :value.sync="selectItem.f_meter_brand" v-model="selectItem.f_meter_brand"
-                  :options='meterbrand' placeholder='请选择' style="width: 80%;float: left"
-                  close-on-select search="">
-        </v-select>
-      </div>
-      <div class="from-group">
-        <label style="width: 20%;float: left">表型号</label>
-        <v-select :value.sync="selectItem.f_meter_style" v-model="selectItem.f_meter_style"
-                  :options='meterstyle' placeholder='请选择' style="width: 80%;float: left"
-                  close-on-select>
-        </v-select>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-default" @click='updateclose'>取消</button>
-      <button type="button" class="btn btn-success" @click='updateconfirm'>确认</button>
-    </footer>
-  </modal>
-
-
-  <modal :show.sync="showFile" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
-      <h4 class="modal-title">档案导入</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="form-group">
-        <file-upload class="my-file-uploader" :name="key+Math.random()"
-                     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: {
-      key: {
-        default: '办理手续环节'
-      },
-      edit: {
-        default: true
-      }
-    },
-    data() {
-      return {
-        searchModel:{},
-        selectdata: {
-          f_process_id: ''
-        },
-        // headers: {'username': this.$login.f.name, 'blodid': this.selectdata.f_process_id, 'fusetype': '报建execl导入用户档案'},
-        //户档案表头
-        userHeadData: ['档案编号', '用户姓名', '用户电话', '区', '片区', '街道名称', '小区名称', '楼号', '单元号', '楼层', '门牌号', '用水性质', '用户状态'],
-        //户档案内容
-        userBodyData: ['f_userinfo_id', 'f_user_name', 'f_user_phone', 'f_area', 'f_slice_area', 'f_street', 'f_residential_area', 'f_building', 'f_unit', 'f_floor', 'f_room', 'f_gasproperties', 'f_user_state'],
-        //表档案表头
-        surHeadData: ['户档案编号', '表号', '水表品牌', '表型号', '通水表号', '通水人', '通水时间', '被修改表号'],
-        //表档案内容
-        surBodyData: ['f_userinfo_id', 'f_meternumber', 'f_meter_brand', 'f_meter_style', 'f_gas_meternumber', 'f_gas_person', 'f_gas_date', 'f_gas_meternumber_back'],
-        //设备表头
-        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: []
-        },
-        timer: null, // 定时查询定时器
-        condition: '',
-        show: false,
-        showFile: false,
-        ischecked: false,
-        getfield: {},
-        checked: [],
-        isShowdetail: false,
-        userinfo_id: null,
-        addshow: false,
-        meterstyle: [],
-        meterbrand: [],
-        updateshow: false,
-        importtype: null,
-        showqueren: true,
-        userstate: this.$appdata.getParam('用户状态'),
-        checker: this.$appdata.getParam('安全员'),
-        coststate: this.$appdata.getParam('结算状态'),
-        costtype: this.$appdata.getParam('缴费类型'),
-        aroundmeter: this.$appdata.getParam('左右表'),
-        gasproperties: this.$appdata.getParam('用水性质'),
-        usertypes: this.$appdata.getParam('用户类型'),
-        tablestate: this.$appdata.getParam('表状态'),
-        meterclassify: this.$appdata.getParam('水表类型'),
-        whetherhairpin: this.$appdata.getParam('是否发卡'),
-        position: this.$appdata.getParam('安装位置'),
-        inputtor: this.$appdata.getParam('抄表员')
-      }
-    },
-    ready() {
-      this.timer = setInterval(this.load(), 600000);
-      // this.load()
-      this.getitem()
-    },
-    beforeDestroy() {
-      clearInterval(this.timer);
-    },
-    watch: {
-      'selectdata,f_process_id'() {
-        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: {
-      // 导出
-      async export2(searchModel) {
-        console.log("导出",searchModel)
-
-        let condition = `  (f_process_id is not null or f_process_id !='') `
-        if(searchModel.f_user_name){
-          condition+=` and ui.f_user_name like '%${searchModel.f_user_name}%' `
-        }
-        if(searchModel.f_address){
-          condition+=` and ui.f_address like '%${searchModel.f_address}%' `
-        }
-        // ['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_user_type','f_gasproperties','f_price_type','f_price_name', 'f_user_state','f_meternumber', 'f_meter_brand', 'f_meter_style', 'f_gas_meternumber', 'f_gas_person', 'f_gas_date']
-
-          // ['档案编号', '用户姓名', '用户电话', '区', '片区', '街道名称', '小区名称', '楼号', '单元号', '楼层', '门牌号','用户类型', '用水性质','水价类型','水价名称','用户状态','表号', '水表品牌', '表型号', '通水表号', '通水人', '通水时间']
-
-          // ["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_user_type:用户类型","f_gasproperties:用水性质","f_price_type:水价类型","f_price_name:水价名称","f_user_state:用户状态","f_meternumber:表号","f_meter_brand:水表品牌","f_meter_style:表型号","f_gas_meternumber:通水表号","f_gas_person:通水人","f_gas_date:通水时间"]
-        let exportdata = {
-          body:{
-            data:{
-              condition:condition,  // 查询条件
-              items:"'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_user_type','f_user_state','f_meternumber', 'f_gas_person', 'f_gas_date'"
-            },
-            field:["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_user_type:用户类型","f_user_state:用户状态","f_meternumber:表号","f_gas_person:通水人","f_gas_date:通水时间"],
-            sqlName:"recordExport",
-            templateName:"档案导出"
-          }
-        }
-        let httpExport = new HttpResetClass()
-        let res = await httpExport.load('POST', 'rs/logic/exportfile', {data: exportdata}, {
-          resolveMsg: null,
-          rejectMsg: "材料导出失败"
-        }, {silent: true})
-        //res :[{"filename":"/D:/服务文件/apache-5002/webapps/manage/excel/流程监控全部导出.xlsx"}]
-        let downloadPath = res.data[0].filename
-        let downloadURL = "http://" + location.host + "/excel" + downloadPath.split('excel')[1]
-        // js 下载
-        let aTag = document.createElement('a')
-        aTag.download = "档案导出.xlsx"
-        aTag.href = downloadURL
-        aTag.click()
-        URL.revokeObjectURL(aTag.href)
-        // $("<a href=" + downloadURL + " />")[0].click()
-      },
-      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.selectdata.f_process_id = val.f_process_id
-        this.userinfo_id = val.f_userinfo_id
-        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/getUserfiles2', {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 searchFilter(searchModel){
-        this.isShowdetail = false
-        let condition = `  (ui.f_process_id is not null or ui.f_process_id !='' ) `
-        if(searchModel.f_user_name){
-          condition+=` and ui.f_user_name like '%${searchModel.f_user_name}%' `
-        }
-        if(searchModel.f_address){
-          condition+=` and ui.f_address like '%${searchModel.f_address}%' `
-        }
-
-        let self = this
-        let http = new HttpResetClass()
-        let res = await http.load('POST', 'rs/sql/applyRcordExport', {data:{condition: condition}}, {
-          resolveMsg: null,
-          rejectMsg: '获取户档案信息失败'
-        })
-        self.model.rows = []
-        self.model.rows = res.data
-        self.params = res.data
-      },
-      async load() {
-        this.isShowdetail = false
-        let self = this
-        let http = new HttpResetClass()
-        let res = await http.load('POST', 'rs/sql/applyRcordExport', {data:{condition: ` (ui.f_process_id is not null or ui.f_process_id !='') `}}, {
-          resolveMsg: null,
-          rejectMsg: '获取户档案信息失败'
-        })
-        self.model.rows = []
-        self.model.rows = res.data
-        self.params = res.data
-      },
-      impexcel() {
-        this.importtype = '1'
-        this.showFile = true
-      },
-      closeFile() {
-        this.showFile = false
-        // 将选的文件清空
-        this.$refs.file.$el.querySelector('input').value = ''
-      },
-      delete(row) {
-        console.log('开始删除')
-        let http = new HttpResetClass()
-        http.load('POST', 'rs/logic/deleteUserinfo', {data: {f_userinfo_id: row.f_userinfo_id}}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          console.log('返回的数据：', res)
-          if (res.data != null && res.data != "") {
-            this.$showMessage(res.data)
-          } else {
-            this.$showMessage("删除成功！")
-            this.load()
-          }
-        })
-      },
-
-      deleteItem(row) {
-
-
-        /* this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
-           if (res === 'confirm') {
-             let http = new HttpResetClass()
-             http.load('DELETE', `rs/entity/t_userinfo/${row.f_userinfo_id}`).then((res) => {
-               this.load()
-             })
-           }
-         })*/
-
-        this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            let http = new HttpResetClass()
-            http.load('DELETE', `rs/entity/t_userfiles/${row.f_user_id}`).then((res) => {
-              this.loadfiles()
-            })
-          }
-        })
-
-      },
-      //户档案查询
-      filterParams(param) {
-        this.isShowdetail = false
-        if (param && param !== "") {
-          let temp = []
-          for (var i = 0; i < this.model.rows.length; i++) {
-            if (this.model.rows[i].f_user_name.includes(param)) {
-              temp.push(this.model.rows[i])
-            }
-          }
-          this.model.rows = temp
-        } else {
-          this.model.rows = this.params
-        }
-      },
-      //表档案查询
-      filterParam(param) {
-        if (param && param !== "") {
-          let temp = []
-          for (var i = 0; i < this.model.rows.length; i++) {
-            if (this.model.rows[i].f_meter_brand.includes(param)) {
-              temp.push(this.model.rows[i])
-            }
-          }
-          this.model.rows = temp
-        } else {
-          this.model.rows = this.params
-        }
-      },
-      //设备列表查询
-      findEq(param) {
-        if (param && param !== "") {
-          let temp = []
-          for (var i = 0; i < this.model.rows.length; i++) {
-            if (this.model.rows[i].f_meter_brand.includes(param)) {
-              temp.push(this.model.rows[i])
-            }
-          }
-          this.model.rows = temp
-        } else {
-          this.model.rows = this.params
-        }
-      },
-      add() {
-        this.show = true
-        console.log("点击了添加")
-      },
-      // 修改按钮
-      modifyParam(row) {
-        this.$set('selectItem.f_userinfo_id', row.f_userinfo_id)
-        this.$set('selectItem.f_user_name', row.f_user_name)
-        this.$set('selectItem.f_user_phone', row.f_user_phone)
-        this.$set('selectItem.f_area', row.f_area)
-        this.$set('selectItem.f_slice_area', row.f_slice_area)
-        this.$set('selectItem.f_street', row.f_street)
-        this.$set('selectItem.f_residential_area', row.f_residential_area)
-        this.$set('selectItem.f_building', row.f_building)
-        this.$set('selectItem.f_unit', row.f_unit)
-        this.$set('selectItem.f_floor', row.f_floor)
-        this.$set('selectItem.f_room', row.f_room)
-        this.selectItem.f_cost_type = [row.f_cost_type]
-        this.selectItem.f_cost_state = [row.f_cost_state]
-        this.$set('selectItem.f_people_num', row.f_people_num)
-        this.selectItem.f_checker = [row.f_checker]
-        this.selectItem.f_user_state = [row.f_user_state]
-        this.$set('selectItem.version', row.version)
-        this.show = true
-      },
-
-      //获取当前用户表档案信息
-      getUserFiles(row) {
-        this.isShowFiles = true
-        console.log('获取户档案信息')
-
-        data = {
-          tablename: 't_userfiles',
-          condition: `f_userinfo_id=${row.f_userinfo_id}`
-        }
-        http = new HttpResetClass()
-        let resGasbrand = http.load('POST', 'rs/sql/singleTable', {data: data}, {
-          resolveMsg: null,
-          rejectMsg: '获取档案信息失败'
-        })
-        self.model.rows = []
-        self.model.rows = res.data
-      },
-      //表档案修改
-      filesModify(row) {
-        console.log('表档案数据', row)
-        this.$set('selectItem.f_userinfo_id', row.f_userinfo_id)
-        this.$set('selectItem.f_user_id', row.f_user_id)
-        this.$set('selectItem.f_meternumber', row.f_meternumber)
-        this.selectItem.version = row.version
-        this.selectItem.f_user_type = [row.f_user_type]
-        this.selectItem.f_gasproperties = [row.f_gasproperties]
-        this.$set('selectItem.f_meter_base', row.f_meter_base)
-        this.selectItem.f_meter_brand = [row.f_meter_brand]
-        this.selectItem.f_meter_style = [row.f_meter_style]
-        this.selectItem.f_aroundmeter = [row.f_aroundmeter]
-        this.selectItem.f_price_type = [row.f_price_type]
-        this.selectItem.f_price_name = [row.f_price_name]
-        this.$set('selectItem.f_heater_gas', row.f_heater_gas)
-        this.selectItem.f_table_state = [row.f_table_state]
-        this.selectItem.f_meter_classify = [row.f_meter_classify]
-        this.selectItem.f_whether_hairpin = [row.f_whether_hairpin]
-        this.selectItem.f_position = [row.f_position]
-        this.selectItem.f_inputtor = [row.f_inputtor]
-        this.$set('selectItem.f_lossrate', row.f_lossrate)
-        this.addshow = true
-        this.getpricetype()
-
-      },
-      getpricetype() {
-        console.log('开始获取水价类别')
-        let condition = `f_user_type = '${this.selectItem.f_user_type}' and  f_filiale  = '${this.$login.f.f_fengongsi}'
-                        and f_gasproperties = '${this.selectItem.f_gasproperties}'`
-        this.$resetpost('rs/logic/getRecordItem', {condition}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          console.log('获取的选项', res)
-          let house2 = []
-          for (let row of res.data.pricetype) {
-            house2.push({label: row.f_price_type, value: row.f_price_type})
-          }
-          this.pricetype = house2
-          let house = []
-          for (let row of res.data.meterbrand) {
-            house.push({label: row.f_meter_brand, value: row.f_meter_brand})
-          }
-          this.meterbrand = house
-          let house3 = []
-          for (let row of res.data.pricename) {
-            house3.push({label: row.f_price_name, value: row.f_price_name})
-          }
-          this.pricename = house3
-        })
-      },
-      //新增修改或删除提交
-      async confirm() {
-        let http = new HttpResetClass()
-        await http.load('POST', 'rs/logic/recordSave', this.selectItem).then((res) => {
-          this.show = false
-          // 如果没有id，需要在数组中添加
-          this.load()
-          this.selectItem = {}
-        })
-
-      },
-
-      async addconfirm() {
-        if (!this.selectItem.f_price_type[0]) {
-          this.$showAlert("水价类型不能为空", "warning", 1500)
-          return
-        }
-        if (!this.selectItem.f_price_name[0]) {
-          this.$showAlert("水价名称不能为空", "warning", 1500)
-          return
-        }
-        if (this.selectItem.f_gas_meternumber != this.selectItem.f_meternumber) {
-          let res = await this.$showMessage(`通水表号和安装表号不一致请确认是否修改安装表号`, ['confirm', 'cancel'])
-            if (res === 'confirm') {
-              this.$set('selectItem.f_gas_meternumber_back', this.selectItem.f_meternumber)
-              this.selectItem.f_meternumber = this.selectItem.f_gas_meternumber
-            } else {
-              return
-            }
-        }
-        this.showqueren = false
-        let http = new HttpResetClass()
-        this.$set('selectItem.f_userinfo_id', this.userinfo_id)
-        this.selectItem.f_filiale = this.$login.f.f_fengongsi
-        await http.load('POST', 'rs/logic/addmeterrecord', this.selectItem).then((res) => {
-          this.addshow = false
-          // 如果没有id，需要在数组中添加
-          this.loadfiles()
-          this.selectItem = {}
-          if (res.data.msg != null && res.data.msg != "") {
-            this.$showMessage(res.data.msg)
-          } else {
-            this.$showMessage("修改成功！")
-          }
-        })
-        this.showqueren = true
-      },
-      async updateconfirm() {
-        let http = new HttpResetClass()
-
-        await http.load('POST', 'rs/logic/updatemetrecord', this.selectItem, {
-          resolveMsg: null,
-          rejectMsg: '修改失败'
-        }).then((res) => {
-          this.updateshow = false
-          // 如果没有id，需要在数组中添加
-          this.loadfiles()
-          this.selectItem = {}
-
-        })
-      },
-
-
-      // 关闭模态框
-      close() {
-        this.show = false
-        this.selectItem = {}
-      },
-    },
-    events: {
-      async onFileUpload(file, res) {
-         if (this.importtype === '2') {
-          //户档案导入
-          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_user_type: this.selectdata.f_user_type,
-            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/tcImport', 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>