telephone-clients 3.0.104-17 → 3.0.104-18

package/src/filiale/wenxi/android/PhoneUpUserinfo.vue

@@ -1,1053 +1,1053 @@
-<template>
-  <work-busy :is-busy="excessive"></work-busy>
-  <div style="height: 100%">
-    <div class="panel auto">
-      <div class="panel-heading" @click="selectVal('基本信息')" style="background-color: #ffffff">
-        <span class="spanboder">
-          <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">基本信息
-          <img class="butt3" :src="imgback('基本信息')">
-        </span>
-      </div>
-      <div class="panel-body " id="upuserinfo_sel" v-show="headername=='基本信息'">
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">用户编号:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_userinfo_code" readonly/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">用户名称:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_name" readonly/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">身份证号:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_idnumber"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">用户状态:</labe>
-          <!--          <v-select :value.sync="userinfo.baseinfo.base.f_user_state" class="input-font" style="margin-left: 5%;"-->
-          <!--                    :width="'60%'"-->
-          <!--                    v-model="userinfo.baseinfo.base.f_user_state"-->
-          <!--                    :options='userTypes' placeholder='用户状态' close-on-select clear-button value-single></v-select>-->
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_state" readonly/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">用户电话:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_phone"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">合同日期:</labe>
-          <datepicker class="rightipt"
-                      :value.sync="userinfo.baseinfo.base.f_contractdate"
-                      v-model="userinfo.baseinfo.base.f_contractdate"
-                      :disabled-days-of-Week="[]"
-                      :format="'yyyy-MM-dd 00:00:00'"
-                      :show-reset-button="reset" readonly="readonly"
-          >
-          </datepicker>
-          <!--          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_contractdate"  />-->
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">租户姓名:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_rent_name"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">租户电话:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_zuhu_phone"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">地址类型:</labe>
-          <div class="rightipt" style="display: flex;justify-content: space-around;margin-top: 5px">
-            <div><input type="radio" v-model="addressType" name="addressType" @change="changeAddressType"
-                        id="phone_addressType1" value="普通地址"/><label style="font-weight: normal;padding-left: 2px"
-                                                                     for="phone_addressType1">普通地址</label></div>
-            <div><input type="radio" v-model="addressType" name="addressType" @change="changeAddressType"
-                        id="phone_addressType2" value="特殊地址"/><label style="font-weight: normal;padding-left: 2px"
-                                                                     for="phone_addressType2">特殊地址</label></div>
-          </div>
-          <!--<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />-->
-          <!--<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd"  />-->
-          <!--<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"
-                    :width="'60%'"
-                    v-model="userinfo.addressinfo.f_iscity"
-                    :options='cityTypes' placeholder='地区类型'  close-on-select clear-button value-single @change="area_change()"></v-select>-->
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">地区类型:</labe>
-          <!--<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />-->
-          <input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_iscity"/>
-          <!--<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"
-                    :width="'60%'"
-                    :disabled="true"
-                    v-model="userinfo.addressinfo.f_iscity"
-                    :options='cityTypes' placeholder='地区类型'  close-on-select clear-button value-single ></v-select>-->
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">省&ensp;市&ensp;区:</labe>
-          <!--<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />-->
-          <!--<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd"  />-->
-          <v-select :value.sync="selectPcd" class="input-font" style="margin-left: 5%;"
-                    :width="'60%'"
-                    v-model="selectPcd"
-                    :options='pcds' placeholder='请选择省市区' close-on-select clear-button value-single
-                    @change="pcd_change()"></v-select>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">街道名称:</labe>
-          <!--<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_street"  />-->
-          <v-select :value.sync="selectStreet" class="input-font" style="margin-left: 5%;"
-                    :width="'60%'"
-                    v-model="selectStreet"
-                    :options='streets' placeholder='请选择街道' close-on-select clear-button value-single
-                    @change="street_change()"></v-select>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">集收单位:</labe>
-          <input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area"/>
-          <!--          <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"-->
-          <!--                    :width="'60%'"-->
-          <!--                    v-model="selectArea"-->
-          <!--                    :timeout="500"-->
-          <!--                    @select-search="select_search"-->
-          <!--                    readonly-->
-          <!--                    :options='area' placeholder='请选择集收单位'  close-on-select clear-button value-single @change="area_change()"></v-select>-->
-        </div>
-        <!--<div class="row auto" style="margin: 5px 0"  v-show="addressType=='特殊地址'">
-          <labe class="righttxt">集收单位:</labe>
-          &lt;!&ndash;<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area"  />&ndash;&gt;
-          <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"
-                    :width="'60%'"
-                    v-model="selectArea"
-                    @select-search="select_search"
-                    :options='area' placeholder='请选择集收单位'  close-on-select clear-button value-single @change="area_changeTC()"></v-select>
-        </div>-->
-        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
-          <labe class="righttxt">楼&ensp;&ensp;&ensp;&ensp;号:</labe>
-          <input type="text" @change="changeNewAddress" class="form-control rightipt"
-                 v-model="userinfo.addressinfo.f_building"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
-          <labe class="righttxt">单&ensp;&ensp;&ensp;&ensp;元:</labe>
-          <input type="text" @change="changeNewAddress" class="form-control rightipt"
-                 v-model="userinfo.addressinfo.f_unit"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
-          <labe class="righttxt">楼&ensp;&ensp;&ensp;&ensp;层:</labe>
-          <input type="text" @change="changeNewAddress" class="form-control rightipt"
-                 v-model="userinfo.addressinfo.f_floor"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
-          <labe class="righttxt">门&ensp;牌&ensp;号:</labe>
-          <input type="text" @change="changeNewAddress" class="form-control rightipt"
-                 v-model="userinfo.addressinfo.f_room"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">详细地址:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo_old.addressinfo.f_address"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">新&ensp;地&ensp;址:</labe>
-          <!--<input type="text" class="form-control rightipt" readonly v-model="getaddress()"  />-->
-          <textarea readonly class="form-control rightipt" style="height: 80px"
-                    v-model="userinfo.addressinfo.f_address"></textarea>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">备&ensp;&ensp;&ensp;&ensp;注:</labe>
-          <textarea class="form-control rightipt" style="height: 150px"
-                    v-model="userinfo.baseinfo.base.f_remark"></textarea>
-          <!--<input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_remark"  />-->
-        </div>
-      </div>
-    </div>
-    <div class="panel auto">
-      <div class="panel-heading" @click="selectVal('表具信息')" style="background-color: #ffffff">
-        <span class="spanboder">
-          <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">表具信息
-          <img class="butt3" :src="imgback('表具信息')">
-        </span>
-      </div>
-      <div class="panel-body " v-show="headername=='表具信息'">
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">表&ensp;&ensp;&ensp;&ensp;号:</labe>
-          <input type="text"
-                 :readonly="userinfo.meterinfo[0].f_table_state != '待开通'"
-                 class="form-control rightipt"
-                 style="width: 45%" v-model="userinfo.meterinfo[0].f_meternumber"/>
-          <button type="button"
-                  :disabled="userinfo.meterinfo[0].f_table_state != '待开通'"
-                  name="button"
-                  class="btn btn-primary" style="width: 15%" @click="scan">扫码
-          </button>
-        </div>
-
-        <!--<div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_meter_classify=='机表'">
-          <div class="auto">
-            <div class="panel" style="padding: 0px 15px 5px 10px;">
-              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
-                <div class="row" style="height: 240px;">
-                  <div class="col-sm-4">
-                    <img-self :src="f_meterno_path" alt="表号照片" width="150" height="200"></img-self>
-                  </div>
-                </div>
-                <div class="row text-right div-photo" :class="style__">
-                  <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_meterno_path', '表号照片')">拍照</button>
-                  <img src="../../../assets/remove.png" :class="style__" @click="delfile('f_meterno_path', this.f_meterno_path)" style="width: 25%;"></img>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>-->
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">表&ensp;封&ensp;号:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles"
-                 :readonly="userinfo.meterinfo[0].f_table_state != '待开通'"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">表&ensp;位&ensp;置:</labe>
-          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_position"
-                    v-model="userinfo.meterinfo[0].f_position"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :options="wz_types"
-                    close-on-select value-single></v-select>
-        </div>
-        <div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_table_state == '待开通'">
-          <labe class="righttxt">表&ensp;品&ensp;牌:</labe>
-          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_gasbrand"
-                    v-model="userinfo.meterinfo[0].f_gasbrand"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :options="gasbrands"
-                    close-on-select value-single></v-select>
-        </div>
-        <div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_table_state == '待开通'">
-          <labe class="righttxt">气表型号:</labe>
-          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_gasmodel"
-                    v-model="userinfo.meterinfo[0].f_gasmodel"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :disabled="gasmodels.length == 0"
-                    :options="gasmodels"
-                    close-on-select value-single></v-select>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">初始底数:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meter_base"/>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">左&ensp;右&ensp;表:</labe>
-          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_aroundmeter"
-                    v-model="userinfo.meterinfo[0].f_aroundmeter"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :options="aroundmeters"
-                    close-on-select value-single></v-select>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <labe class="righttxt">气表类型:</labe>
-          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_meter_classify"
-                    v-model="userinfo.meterinfo[0].f_meter_classify"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :disabled="true"
-                    :options="meter_classifys"
-                    close-on-select value-single></v-select>
-        </div>
-        <div class="row auto" style="margin: 5px 0">
-          <div style="display: flex;justify-content: center;">
-            <button v-if="userinfo.meterinfo[0].f_meter_classify=='机表'" class="col-sm-3 btn btn-primary"
-                    @click="upUserState()">机表关阀停用
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="panel auto">
-      <div class="panel-heading" @click="selectVal('设备信息')" style="background-color: #ffffff">
-        <span class="spanboder"><img src="../../../assets/list.png" style="width: 22px;margin-right: 8px;">设备信息<img
-          class="butt3" :src="imgback('设备信息')"></span>
-      </div>
-      <div class="panel-body" v-show="headername=='设备信息'">
-        <div class="row" v-for="row in model"
-             style="border:2px solid #A2C2EB; border-top:10px solid #A2C2EB; box-shadow: #00b3ee;margin-bottom: 10px">
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">设备类型:</labe>
-            <v-select class="rightipt" :value.sync="row.f_devices_type"
-                      v-model="row.f_devices_type"
-                      placeholder='请选择'
-                      :width='wid'
-                      readonly
-                      :options="devices_types"
-                      close-on-select value-single></v-select>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">设备品牌:</labe>
-            <input type="text" class="form-control rightipt" v-model="row.f_brand"/>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">设备型号:</labe>
-            <input type="text" class="form-control rightipt" v-model="row.f_devices_model"/>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">生产日期:</labe>
-            <datepicker class="rightipt"
-                        :value.sync="row.f_make_date"
-                        v-model="row.f_make_date"
-                        :disabled-days-of-Week="[]"
-                        :format="'yyyy-MM-dd'"
-                        :show-reset-button="reset" readonly="readonly">
-            </datepicker>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">使用年限:</labe>
-            <input type="number" class="form-control rightipt" v-model="row.f_service_life"/>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">到期日期:</labe>
-            <datepicker class="rightipt"
-                        :value.sync="row.f_expire_date"
-                        v-model="row.f_expire_date"
-                        :disabled-days-of-Week="[]"
-                        :format="'yyyy-MM-dd'"
-                        :show-reset-button="reset" readonly="readonly">
-            </datepicker>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">安&ensp;装&ensp;人:</labe>
-            <input type="text" class="form-control rightipt" v-model="row.f_input_person"/>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">安装日期:</labe>
-            <datepicker class="rightipt"
-                        :value.sync="row.f_input_date"
-                        v-model="row.f_input_date"
-                        :disabled-days-of-Week="[]"
-                        :format="'yyyy-MM-dd'"
-                        :show-reset-button="reset" readonly="readonly">
-            </datepicker>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">设备数量:</labe>
-            <input type="number" class="form-control rightipt" v-model="row.f_devices_num"/>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">有无不锈钢波纹管:</labe>
-            <v-select class="rightipt" :value.sync="row.f_pipe_type"
-                      v-model="row.f_pipe_type"
-                      placeholder='请选择'
-                      :width='wid'
-                      readonly
-                      :options="pipetypes"
-                      close-on-select value-single></v-select>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">波纹管数量:</labe>
-            <input type="text" class="form-control rightipt" v-model="row.f_pipe_num"/>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">管道安装日期:</labe>
-            <datepicker class="rightipt"
-                        :value.sync="row.f_pipeinstall_date"
-                        v-model="row.f_pipeinstall_date"
-                        :disabled-days-of-Week="[]"
-                        :format="'yyyy-MM-dd'"
-                        :show-reset-button="reset" readonly="readonly">
-            </datepicker>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">管道到期日期:</labe>
-            <datepicker class="rightipt"
-                        :value.sync="row.f_pipeexpire_date"
-                        v-model="row.f_pipeexpire_date"
-                        :disabled-days-of-Week="[]"
-                        :format="'yyyy-MM-dd'"
-                        :show-reset-button="reset" readonly="readonly">
-            </datepicker>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">有无自闭阀:</labe>
-            <v-select class="rightipt" :value.sync="row.f_is_zibifa"
-                      v-model="row.f_is_zibifa"
-                      placeholder='请选择'
-                      :width='wid'
-                      :options="is_zibifa"
-                      close-on-select value-single></v-select>
-          </div>
-          <div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">自闭阀数量:</labe>
-            <input type="text" class="form-control rightipt" v-model="row.f_zibifa_num"/>
-          </div>
-          <!--<div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">管道类型:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.f_pipe_type"  />
-          </div>-->
-          <!--<div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">设备状态:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.f_userinfodevices_state"  />
-          </div>-->
-          <!--<div class="row auto" style="margin: 5px 0">
-            <labe class="righttxt">购买方式:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.watchpurchase"  />
-          </div>-->
-          <div style="display: flex;justify-content: center;margin-bottom: 3px"
-               v-if="$index>this.userinfo_old.devicesinfo.length-1 || this.userinfo_old.devicesinfo.length==0">
-            <button class="btn btn-warning" @click="delDevices($index)">删除设备</button>
-          </div>
-        </div>
-        <div style="display: flex;justify-content: space-around;">
-          <button class="col-sm-3 btn btn-primary" @click="addDevices($index)">新增设备</button>
-        </div>
-      </div>
-    </div>
-    <div class="panel auto">
-      <div class="panel-body">
-        <div style="display: flex;justify-content: center;">
-          <button class="col-sm-3 btn btn-primary" :disabled="enable" @click="editUserInfo()">上传</button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-  import * as Util from "../../../components/Util";
-  import Vue from 'vue'
-
-  export default {
-    title: '设备查看',
-    data() {
-      return {
-        model: [],
-        show: false,
-        row: Object,
-        userinfo: Object,
-        userinfo_old: Object,
-        wid: "60%",
-        devices_types: [],
-        gasbrands: [],
-        gasbrand: [],
-        gasmodels: [],
-        gasmodel: [],
-        meter_classifys: this.$appdata.getParam('气表类型'),
-        pipe_types: this.$appdata.getParam('管道类型'),
-        pipetypes: [{label: '有', value: '不锈钢波纹管'}, {label: '无', value: ''}],
-        wz_types: [],
-        cityTypes: [{label: '市区', value: '市区'}, {label: '城镇', value: '城镇'}],
-        aroundmeters: this.$appdata.getParam('左右表'),
-        is_zibifa: this.$appdata.getParam('有无自闭阀'),
-        pcds: [],
-        userTypes: Vue.$appdata.getParam('用户状态'),
-        streets: [],
-        update: false,
-        headername: '基本信息',
-        excessive: false,
-        area: [],
-        enable: false,
-        f_meterno_path: Vue.nopic,
-        selectArea: {id: ''},
-        selectPcd: {id: ''},
-        selectStreet: {id: ''},
-        changemeterno: false,//是否修改了机表表号
-        approveChange: false,//是否需要进行信息变更审核
-        newAddress: '',
-        addressType: '',
-        //需要审核的字段
-        checkField: {
-          checkUserinfoField: [
-            'f_user_name'
-          ],
-          checkUserFilesField: [
-            'f_meternumber'
-          ],
-          checkAddressField: [
-            'f_pcd_id',
-            'f_street_id',
-            'f_residential_area_id',
-            'f_building',
-            'f_unit',
-            'f_floor',
-            'f_room',
-            'f_slice_area',
-            'f_special',
-            'f_address'
-          ],
-        }
-      }
-    },
-    props: {
-      user: {
-        type: Object
-      },
-      f_userinfo_id: '',
-      f_source: ''
-    },
-    methods: {
-      scan() {
-        HostApp.__this__ = this,
-          HostApp.scanCode({callback: "javascript:HostApp.__this__.getCode();"})
-      },
-      getCode() {
-        var datapa = HostApp.getCode().data;
-        this.userinfo.meterinfo[0].f_meternumber = datapa
-      },
-      checkVal() {
-        this.approveChange = false
-        this.changemeterno = false
-        let checked = {ischeck: true, msg: ''}
-        if (!this.userinfo.baseinfo.base.f_user_name) {
-          checked = {ischeck: false, msg: '请输入用户名称！'}
-        }
-        if (!this.selectPcd.id) {
-          checked = {ischeck: false, msg: '请选择省市区！'}
-        }
-        if (!this.selectStreet.id) {
-          checked = {ischeck: false, msg: '请选择街道！'}
-        }
-        if (!this.userinfo.addressinfo.f_address) {
-          checked = {ischeck: false, msg: '新地址不能为空！'}
-        }
-        if (this.addressType == '普通地址') {
-          if (!this.selectArea.id) {
-            checked = {ischeck: false, msg: '请选择集收单位！'}
-          }
-          if (!this.userinfo.addressinfo.f_room) {
-            checked = {ischeck: false, msg: '新输入门牌号！'}
-          }
-        }
-        if (this.userinfo.meterinfo[0].f_meter_classify == '机表' && this.userinfo_old.meterinfo[0].f_meternumber) {
-          if (this.userinfo.meterinfo[0].f_meternumber) {
-            if (this.userinfo.meterinfo[0].f_meternumber != this.userinfo_old.meterinfo[0].f_meternumber) {
-              if (!this.f_meterno_path || this.f_meterno_path == Vue.nopic) {
-                checked = {ischeck: false, msg: '请拍摄表号照片！'}
-              } else {
-                this.changemeterno = true
-              }
-            }
-          } else {
-            checked = {ischeck: false, msg: '请输入表号！'}
-          }
-        }
-        for (let check in this.checkField) {
-          if (typeof check != 'function') {
-            for (let i = 0; i < this.checkField[check].length; i++) {
-              if (check == 'checkUserinfoField') {
-                if (this.userinfo.baseinfo.base[this.checkField[check][i]] != this.userinfo_old.baseinfo.base[this.checkField[check][i]]) {
-                  this.approveChange = true
-                }
-              } else if (check == 'checkUserFilesField') {
-                if (this.userinfo.meterinfo[0][this.checkField[check][i]] != this.userinfo_old.meterinfo[0][this.checkField[check][i]]) {
-                  this.approveChange = true
-                }
-              } else if (check == 'checkAddressField') {
-                if (this.userinfo.addressinfo[this.checkField[check][i]] != this.userinfo_old.addressinfo[this.checkField[check][i]]) {
-                  this.approveChange = true
-                }
-              }
-            }
-          }
-        }
-        return checked
-      },
-      select_search(text) {
-        if (this.selectStreet.id) {
-          let pcdText = text ? `and f_street_id=${this.selectStreet.id} and f_residential_area like '%${text}%'` : `and f_street_id=${this.selectStreet.id}`
-          new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
-            data: {
-              items: "*",
-              tablename: "t_area",
-              orderitem: "id",
-              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText} `
-            }
-          }, {resolveMsg: null, rejectMsg: null}).then((res) => {
-            if (res.data.length > 0) {
-              this.area = []
-              res.data.forEach((result) => {
-                this.area.push({label: result.f_residential_area, value: result})
-              })
-            }
-          })
-        } else {
-          this.area = []
-        }
-      },
-      cameraCallBack(prop, fileName) {
-        HostApp.__this__.$set(prop, fileName + '?' + Math.random())
-        //tag
-        HostApp.__callback__ = null
-        HostApp.__this__ = null
-      },
-      takePic(prop, title) {
-        HostApp.__callback__ = this.cameraCallBack
-        HostApp.__this__ = this
-        let fileName
-        if (!this[prop] || this[prop].includes("nopic.png")) {
-          fileName = Util.guid() + '-' + prop + '.jpg'
-        } else {
-          fileName = Util.getFileName(this[prop])
-        }
-        HostApp._open_a_page({
-          type: 'boomerang',
-          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-          param: {
-            file: fileName,
-            requestCode: 111,
-            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
-          }
-        })
-      },
-      delfile(prop, fileName) {
-        if (fileName == Vue.nopic)
-          return
-        else {
-          HostApp.delfile(fileName)
-          this[prop] = Vue.nopic
-        }
-      },
-      editUserInfo() {
-        for (let i = 0; i < this.model.length; i++) {
-          this.model[i].f_user_id = this.userinfo.meterinfo[0].f_user_id
-        }
-        this.$showMessage('确定是否修改上传审核用户信息？', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            this.excessive = true
-            let userinfoms = Object.assign({}, this.userinfo_old.baseinfo.base)
-            userinfoms.f_user_phone = this.userinfo.baseinfo.base.f_user_phone
-            userinfoms.f_idnumber = this.userinfo.baseinfo.base.f_idnumber
-            userinfoms.f_rent_name = this.userinfo.baseinfo.base.f_rent_name
-            userinfoms.f_zuhu_phone = this.userinfo.baseinfo.base.f_zuhu_phone
-            userinfoms.f_user_state = this.userinfo.baseinfo.base.f_user_state
-            userinfoms.f_operator_record = Vue.user.name
-            userinfoms.f_operatorid_record = Vue.user.id
-            userinfoms.f_remark = this.userinfo.baseinfo.base.f_remark
-            userinfoms.f_orgid_record = Vue.user.orgid
-            userinfoms.f_orgname_record = Vue.user.orgs
-            userinfoms.f_depid_record = Vue.user.depids
-            userinfoms.f_depname_record = Vue.user.deps
-            userinfoms.f_contractdate = this.userinfo.baseinfo.base.f_contractdate
-            userinfoms.f_contract_date = this.userinfo.baseinfo.base.f_contractdate
-            this.userinfo_old.meterinfo[0].f_metertitles = this.userinfo.meterinfo[0].f_metertitles
-            this.userinfo_old.meterinfo[0].f_table_state = this.userinfo.meterinfo[0].f_table_state
-            this.userinfo_old.meterinfo[0].f_position = this.userinfo.meterinfo[0].f_position
-            this.userinfo_old.meterinfo[0].f_meternumber = this.userinfo.meterinfo[0].f_meternumber
-            this.userinfo_old.meterinfo[0].f_meter_base = this.userinfo.meterinfo[0].f_meter_base
-            this.userinfo_old.meterinfo[0].f_aroundmeter = this.userinfo.meterinfo[0].f_aroundmeter
-            this.userinfo_old.meterinfo[0].f_initial_base = this.userinfo.meterinfo[0].f_meter_base
-            this.userinfo_old.meterinfo[0].f_meter_classify = this.userinfo.meterinfo[0].f_meter_classify
-            this.userinfo_old.meterinfo[0].f_gasbrand_id = this.userinfo.meterinfo[0].f_gasbrand_id
-            this.userinfo_old.meterinfo[0].f_gasmodel_id = this.userinfo.meterinfo[0].f_gasmodel_id
-            userinfoms.userfiles = []
-            this.userinfo_old.meterinfo[0].devicesinfo = this.model
-            userinfoms.userfiles.push(this.userinfo_old.meterinfo[0])
-            new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/filemanage_fileSave`, {
-              data: {
-                userinfo: userinfoms,
-                modifyReason: this.f_source ? `${this.f_source}维护档案信息` : '',
-                address: {
-                  id: this.userinfo_old.addressinfo.id,
-                  oldid: this.userinfo_old.addressinfo.id,
-                  f_address: this.userinfo_old.addressinfo.f_address ? this.userinfo_old.addressinfo.f_address : this.userinfo.addressinfo.f_address
-                }
-              }
-            }, {resolveMsg: null, rejectMsg: null}).then((res1) => {
-              if (res1.data.status == 200) {
-                let data = this.userinfo.addressinfo
-                data.f_address = this.userinfo_old.addressinfo.f_address ? this.userinfo_old.addressinfo.f_address : this.userinfo.addressinfo.f_address
-                data.f_operator = Vue.user.name
-                new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/address_updateuseraddress`, {data: data}).then((res2) => {
-                  this.$showMessage("修改用户地址信息成功！")
-                }).catch(error => {
-                  this.$showMessage("修改用户地址信息！")
-                })
-                this.$showMessage("修改用户信息成功！")
-                this.enable = true
-                this.excessive = false
-              }
-            }).catch((msg) => {
-              this.$showMessage("修改用户信息失败,请检查手机网络状况！")
-              this.excessive = false
-            })
-          }
-        })
-      },
-      imgback(header) {
-        if (this.headername == header) {
-          return require('../../../assets/xiangxia1.png')
-        } else {
-          return require('../../../assets/xiangyou1.png')
-        }
-        this.headername = header
-      },
-      selectVal(header) {
-        if (this.headername == header) {
-          this.headername = ''
-        } else {
-          this.headername = header
-        }
-      },
-      changeNewAddress() {
-        this.userinfo.addressinfo.f_address = this.addressType == '普通地址' ? this.getAddress : this.getAddressTS
-      },
-      area_change() {
-        this.userinfo.addressinfo.f_residential_area = this.selectArea.f_residential_area
-        this.userinfo.addressinfo.f_residential_area_id = this.selectArea.id
-        this.userinfo.addressinfo.f_slice_area = this.selectArea.f_slice_area
-        this.changeNewAddress()
-      },
-      async street_change() {
-        if (this.selectStreet.id) {
-          this.userinfo.addressinfo.f_street = this.selectStreet.f_street
-          this.userinfo.addressinfo.f_street_id = this.selectStreet.id
-          this.userinfo.addressinfo.f_iscity = this.selectStreet.f_iscity
-          this.userinfo.addressinfo.f_residential_area = ''
-          this.userinfo.addressinfo.f_residential_area_id = ''
-          this.userinfo.addressinfo.f_slice_area = ''
-          this.selectArea = {id: ''}
-          this.area = []
-          let pcdText = ` and f_street_id=${this.selectStreet.id}`
-          let res = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
-            data: {
-              items: "*",
-              tablename: "t_area",
-              orderitem: "id",
-              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText} `
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          res.data.forEach((result) => {
-            this.area.push({label: result.f_residential_area, value: result})
-          })
-        } else {
-          this.area = []
-        }
-        this.changeNewAddress()
-      },
-      async pcd_change() {
-        if (this.selectPcd.id) {
-          this.userinfo.addressinfo.f_pcd = this.selectPcd.f_pcd
-          this.userinfo.addressinfo.f_pcd_id = this.selectPcd.id
-          this.selectStreet = {id: ''}
-          this.userinfo.addressinfo.f_street = ''
-          this.userinfo.addressinfo.f_street_id = ''
-          this.userinfo.addressinfo.f_iscity = ''
-          this.selectArea = {id: ''}
-          this.userinfo.addressinfo.f_residential_area = ''
-          this.userinfo.addressinfo.f_residential_area_id = ''
-          this.userinfo.addressinfo.f_slice_area = ''
-          this.streets = []
-          let pcdText = `and f_pcd_id=${this.selectPcd.id}`
-          let streetlist = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
-            data: {
-              items: "*",
-              tablename: "t_street",
-              orderitem: "id",
-              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          streetlist.data.forEach((result) => {
-            this.streets.push({label: result.f_street, value: result})
-          })
-        } else {
-          this.streets = []
-        }
-        this.changeNewAddress()
-      },
-      upUserState() {
-        if (this.userinfo.meterinfo[0].f_table_state == '正常') {
-          let data = {
-            f_userfiles_id: {
-              f_userfiles_id: this.userinfo.meterinfo[0].f_userfiles_id,
-              f_table_state: '停用',
-              version: this.userinfo.meterinfo[0].version
-            },
-            f_userfile_id: this.userinfo.meterinfo[0].f_userfiles_id,
-            f_user_id: this.userinfo.meterinfo[0].f_user_id,
-            f_userinfo_id: this.userinfo.meterinfo[0].f_userinfo_id,
-            f_user_name: this.userinfo.baseinfo.base.f_user_name,
-            f_comments: '安检时发现问题关闭阀门',
-            f_othereason: '',
-            f_operat_type: '停用',
-            f_describe: `${Vue.user.name}对客户${this.userinfo.baseinfo.base.f_user_name}进行表具停用操作`,
-            f_state: '有效',
-            f_operator: Vue.user.name,
-            f_operatorid: Vue.user.id,
-            f_orgid: Vue.user.orgid,
-            f_orgname: Vue.user.orgs,
-            f_depid: Vue.user.depids,
-            f_depname: Vue.user.deps,
-            f_zoneid: Vue.user.zoneid,
-            f_zones: Vue.user.zones
-          }
-          new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/entity/t_disable`,
-            data, {resolveMsg: null, rejectMsg: null}).then((row) => {
-            this.$showMessage('已成功关阀停气！')
-            this.userinfo.meterinfo[0].f_table_state = '停用'
-          })
-        } else {
-          this.$showMessage('该用户已被关阀停用，请勿重复操作！')
-        }
-
-      },
-      addDevices() {
-        let obj = {
-          "f_operator": Vue.user.name,
-          "f_picture": null,
-          "f_pipe_type": null,
-          "f_pipeinstall_date": null,
-          "f_pipe_connection": null,
-          "f_expire_date": null,
-          "f_pipeexpire_date": null,
-          "f_comments": null,
-          "f_operate_date": Util.toStandardTimeString(),
-          "f_operatorid": Vue.user.id,
-          "f_devices_num": null,
-          "f_process_id": null,
-          "f_devices_type": null,
-          "f_make_date": null,
-          "f_input_date": null,
-          "f_state": "有效",
-          "f_brand": null,
-          "f_devices_model": null,
-          "f_devices_no": null,
-          "img": {"content": null, "filename": null}
-        }
-        this.model.push(obj)
-      },
-      delDevices(idx) {
-        this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            this.model.splice(idx, 1)
-          }
-        })
-      },
-      async getAreaList(text) {
-        if (this.selectStreet.id) {
-          this.area = []
-          let pcdText = text ? `and f_street_id=${this.selectStreet.id} and f_residential_area like '%${text}%'` : `and f_street_id=${this.selectStreet.id}`
-          let res = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
-            data: {
-              items: "*",
-              tablename: "t_area",
-              orderitem: "id",
-              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          res.data.forEach((result) => {
-            this.area.push({label: result.f_residential_area, value: result})
-          })
-          this.area.push({
-            label: this.userinfo.addressinfo.f_residential_area,
-            value: {
-              id: this.userinfo.addressinfo.f_residential_area_id,
-              f_residential_area: this.userinfo.addressinfo.f_residential_area
-            }
-          })
-        } else {
-          this.area = []
-        }
-      },
-      async getStreetList() {
-        if (this.selectPcd.id) {
-          this.streets = []
-          let pcdText = `and f_pcd_id=${this.selectPcd.id}`
-          let streetlist = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
-            data: {
-              items: "*",
-              tablename: "t_street",
-              orderitem: "id",
-              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
-            }
-          }, {resolveMsg: null, rejectMsg: null})
-          streetlist.data.forEach((result) => {
-            if (this.selectStreet.id && this.selectStreet.id == result.id) {
-              this.userinfo.addressinfo.f_iscity = result.f_iscity
-            }
-            this.streets.push({label: result.f_street, value: result})
-          })
-        } else {
-          this.streets = []
-        }
-      },
-      changeAddressType(val) {
-        if (this.addressType == '普通地址') {
-          this.userinfo.addressinfo.f_special = null
-        } else if (this.addressType == '特殊地址') {
-          this.userinfo.addressinfo.f_special = 1
-          this.userinfo.addressinfo.f_building = null
-          this.userinfo.addressinfo.f_unit = null
-          this.userinfo.addressinfo.f_floor = null
-          this.userinfo.addressinfo.f_room = null
-        }
-        this.changeNewAddress()
-      }
-    },
-    computed: {
-      getAddress() {
-        return (this.userinfo.addressinfo.f_pcd ? this.userinfo.addressinfo.f_pcd : '') +
-          (this.userinfo.addressinfo.f_street ? this.userinfo.addressinfo.f_street : '') +
-          (this.userinfo.addressinfo.f_residential_area ? this.userinfo.addressinfo.f_residential_area : '') +
-          (this.userinfo.addressinfo.f_building ? this.userinfo.addressinfo.f_building + (this.userinfo.addressinfo.f_building_suffix ? this.userinfo.addressinfo.f_building_suffix : '-') : '') +
-          (this.userinfo.addressinfo.f_unit ? this.userinfo.addressinfo.f_unit + (this.userinfo.addressinfo.f_unit_suffix ? this.userinfo.addressinfo.f_unit_suffix : '-') : '') +
-          (this.userinfo.addressinfo.f_floor ? this.userinfo.addressinfo.f_floor + (this.userinfo.addressinfo.f_floor_suffix ? this.userinfo.addressinfo.f_floor_suffix : '-') : '') +
-          (this.userinfo.addressinfo.f_room ? this.userinfo.addressinfo.f_room + (this.userinfo.addressinfo.f_room_suffix ? this.userinfo.addressinfo.f_room_suffix : '-') : '')
-      },
-      getAddressTS() {
-        return (this.userinfo.addressinfo.f_pcd ? this.userinfo.addressinfo.f_pcd : '') +
-          (this.userinfo.addressinfo.f_street ? this.userinfo.addressinfo.f_street : '') +
-          (this.userinfo.addressinfo.f_residential_area ? this.userinfo.addressinfo.f_residential_area : '')
-      }
-    },
-    watch: {
-      'userinfo.meterinfo[0].f_gasbrand'(val) {
-        this.gasmodels = []
-        if (!val) {
-          return
-        }
-        this.userinfo.meterinfo[0].f_gasbrand_id = this.gasbrand.find(item => item.f_meter_brand == val).id
-        this.userinfo.meterinfo[0].f_meter_classify = this.gasbrand.find(item => item.f_meter_brand == val).f_meter_type
-        new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
-          data: {
-            items: "*",
-            tablename: "t_gasmodel",
-            orderitem: "1",
-            condition: ` f_gasbrand_id = '${this.userinfo.meterinfo[0].f_gasbrand_id}'`
-          }
-        }, {resolveMsg: null, rejectMsg: null}).then(response => {
-          this.gasmodel = response.data
-          response.data.forEach(item => {
-            this.gasmodels.push({label: item.f_meter_style, value: item.f_meter_style})
-          })
-        })
-      },
-      'userinfo.meterinfo[0].f_gasmodel'(val) {
-        if (!val) {
-          return
-        }
-        this.userinfo.meterinfo[0].f_gasmodel_id = this.gasmodel.find(item => item.f_meter_style == val && item.f_gasbrand_id == this.userinfo.meterinfo[0].f_gasbrand_id).id
-      },
-    },
-    async ready() {
-      if (!this.f_userinfo_id) {
-        this.$showMessage("未检测到用户！")
-        this.enable = true
-        return
-      }
-      try {
-        this.devices_types = Vue.$appdata.getParam('设备类型')
-        this.wz_types = Vue.$appdata.getParam('安装位置')
-        this.excessive = true
-        let pcdlist = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
-          data: {
-            items: "*",
-            tablename: "t_pcd",
-            orderitem: "id",
-            condition: `f_orgid = '${Vue.user.orgid}'`
-          }
-        }, {resolveMsg: null, rejectMsg: null})
-
-        let gasbrand = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
-          data: {
-            items: "*",
-            tablename: "t_gasbrand",
-            orderitem: "1",
-            condition: ` 1=1`
-          }
-        }, {resolveMsg: null, rejectMsg: null})
-        this.gasbrand = gasbrand.data
-        gasbrand.data.forEach(item => {
-          this.gasbrands.push({label: item.f_meter_brand, value: item.f_meter_brand})
-        })
-        pcdlist.data.forEach((result) => {
-          this.pcds.push({label: result.f_pcd, value: result})
-        })
-        let res = await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/logic/filemanage_getFilesDetail`, {
-          f_userinfo_id: this.f_userinfo_id
-        }, {resolveMsg: null, rejectMsg: null})
-        this.userinfo = res.data
-        this.userinfo_old = JSON.parse(JSON.stringify(res.data))
-        this.model = this.userinfo.meterinfo[0].devicesinfo
-        this.selectArea.id = this.userinfo.addressinfo.f_residential_area_id
-        this.selectPcd.id = this.userinfo.addressinfo.f_pcd_id
-        this.selectPcd.f_pcd = this.userinfo.addressinfo.f_pcd
-        this.selectStreet.id = this.userinfo.addressinfo.f_street_id
-        this.selectStreet.f_street = this.userinfo.addressinfo.f_street
-        await this.getStreetList()
-        await this.getAreaList()
-        this.excessive = false
-        this.addressType = this.userinfo.addressinfo.f_special == 1 ? '特殊地址' : '普通地址'
-      } catch (e) {
-        this.excessive = false
-        this.enable = true
-        this.$showMessage('获取用户信息出错,请检查网络状况！')
-      }
-    }
-  }
-</script>
-<style lang="less" scoped>
-  .butt3 {
-    float: right;
-    width: 12px;
-    margin: 1% 2% 0 0;
-  }
-
-  .rightipt {
-    width: 60%;
-    float: left;
-    margin-left: 5%;
-  }
-
-  .righttxt {
-    border: none;
-    margin-left: 5px;
-    float: left;
-    width: 25%;
-    margin-bottom: 3px;
-    text-align: left;
-    word-wrap: break-word;
-    white-space: normal;
-  }
-
-  .tit1 {
-    background-image: url('../../../assets/用户姓名.png');
-    background-repeat: no-repeat;
-    background-position: center;
-  }
-
-  .spanboder {
-    border-bottom: 2px solid #499edf;
-    padding-bottom: 8px
-  }
-
-  #upuserinfo_sel /deep/ ul {
-    width: 100% !important;
-    left: 0 !important;
-  }
-
-  .btn-photo {
-    border: 0;
-    border-radius: 7px;
-    background-color: #7dc1f4;
-    font: 15px PingFang-SC-Bold;
-    height: 20%;
-  }
-
-  .panel-self {
-    border-radius: 10px;
-    border: 1px solid #499EDF;
-    background-color: #F8F8F8;
-  }
-
-  .div-photo {
-    width: auto;
-    height: auto;
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-  }
-</style>
-<style lang="less">
-  #upuserinfo_sel ul {
-    width: 100% !important;
-    left: 0 !important;
-  }
-</style>
+<template>
+  <work-busy :is-busy="excessive"></work-busy>
+  <div style="height: 100%">
+    <div class="panel auto">
+      <div class="panel-heading" @click="selectVal('基本信息')" style="background-color: #ffffff">
+        <span class="spanboder">
+          <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">基本信息
+          <img class="butt3" :src="imgback('基本信息')">
+        </span>
+      </div>
+      <div class="panel-body " id="upuserinfo_sel" v-show="headername=='基本信息'">
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">用户编号:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_userinfo_code" readonly/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">用户名称:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_name" readonly/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">身份证号:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_idnumber"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">用户状态:</labe>
+          <!--          <v-select :value.sync="userinfo.baseinfo.base.f_user_state" class="input-font" style="margin-left: 5%;"-->
+          <!--                    :width="'60%'"-->
+          <!--                    v-model="userinfo.baseinfo.base.f_user_state"-->
+          <!--                    :options='userTypes' placeholder='用户状态' close-on-select clear-button value-single></v-select>-->
+          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_state" readonly/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">用户电话:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_phone"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">合同日期:</labe>
+          <datepicker class="rightipt"
+                      :value.sync="userinfo.baseinfo.base.f_contractdate"
+                      v-model="userinfo.baseinfo.base.f_contractdate"
+                      :disabled-days-of-Week="[]"
+                      :format="'yyyy-MM-dd 00:00:00'"
+                      :show-reset-button="reset" readonly="readonly"
+          >
+          </datepicker>
+          <!--          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_contractdate"  />-->
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">租户姓名:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_rent_name"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">租户电话:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_zuhu_phone"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">地址类型:</labe>
+          <div class="rightipt" style="display: flex;justify-content: space-around;margin-top: 5px">
+            <div><input type="radio" v-model="addressType" name="addressType" @change="changeAddressType"
+                        id="phone_addressType1" value="普通地址"/><label style="font-weight: normal;padding-left: 2px"
+                                                                     for="phone_addressType1">普通地址</label></div>
+            <div><input type="radio" v-model="addressType" name="addressType" @change="changeAddressType"
+                        id="phone_addressType2" value="特殊地址"/><label style="font-weight: normal;padding-left: 2px"
+                                                                     for="phone_addressType2">特殊地址</label></div>
+          </div>
+          <!--<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />-->
+          <!--<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd"  />-->
+          <!--<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"
+                    :width="'60%'"
+                    v-model="userinfo.addressinfo.f_iscity"
+                    :options='cityTypes' placeholder='地区类型'  close-on-select clear-button value-single @change="area_change()"></v-select>-->
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">地区类型:</labe>
+          <!--<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />-->
+          <input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_iscity"/>
+          <!--<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"
+                    :width="'60%'"
+                    :disabled="true"
+                    v-model="userinfo.addressinfo.f_iscity"
+                    :options='cityTypes' placeholder='地区类型'  close-on-select clear-button value-single ></v-select>-->
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">省&ensp;市&ensp;区:</labe>
+          <!--<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />-->
+          <!--<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd"  />-->
+          <v-select :value.sync="selectPcd" class="input-font" style="margin-left: 5%;"
+                    :width="'60%'"
+                    v-model="selectPcd"
+                    :options='pcds' placeholder='请选择省市区' close-on-select clear-button value-single
+                    @change="pcd_change()"></v-select>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">街道名称:</labe>
+          <!--<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_street"  />-->
+          <v-select :value.sync="selectStreet" class="input-font" style="margin-left: 5%;"
+                    :width="'60%'"
+                    v-model="selectStreet"
+                    :options='streets' placeholder='请选择街道' close-on-select clear-button value-single
+                    @change="street_change()"></v-select>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">集收单位:</labe>
+          <input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area"/>
+          <!--          <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"-->
+          <!--                    :width="'60%'"-->
+          <!--                    v-model="selectArea"-->
+          <!--                    :timeout="500"-->
+          <!--                    @select-search="select_search"-->
+          <!--                    readonly-->
+          <!--                    :options='area' placeholder='请选择集收单位'  close-on-select clear-button value-single @change="area_change()"></v-select>-->
+        </div>
+        <!--<div class="row auto" style="margin: 5px 0"  v-show="addressType=='特殊地址'">
+          <labe class="righttxt">集收单位:</labe>
+          &lt;!&ndash;<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area"  />&ndash;&gt;
+          <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"
+                    :width="'60%'"
+                    v-model="selectArea"
+                    @select-search="select_search"
+                    :options='area' placeholder='请选择集收单位'  close-on-select clear-button value-single @change="area_changeTC()"></v-select>
+        </div>-->
+        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
+          <labe class="righttxt">楼&ensp;&ensp;&ensp;&ensp;号:</labe>
+          <input type="text" @change="changeNewAddress" class="form-control rightipt"
+                 v-model="userinfo.addressinfo.f_building"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
+          <labe class="righttxt">单&ensp;&ensp;&ensp;&ensp;元:</labe>
+          <input type="text" @change="changeNewAddress" class="form-control rightipt"
+                 v-model="userinfo.addressinfo.f_unit"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
+          <labe class="righttxt">楼&ensp;&ensp;&ensp;&ensp;层:</labe>
+          <input type="text" @change="changeNewAddress" class="form-control rightipt"
+                 v-model="userinfo.addressinfo.f_floor"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址' ">
+          <labe class="righttxt">门&ensp;牌&ensp;号:</labe>
+          <input type="text" @change="changeNewAddress" class="form-control rightipt"
+                 v-model="userinfo.addressinfo.f_room"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">详细地址:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo_old.addressinfo.f_address"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">新&ensp;地&ensp;址:</labe>
+          <!--<input type="text" class="form-control rightipt" readonly v-model="getaddress()"  />-->
+          <textarea readonly class="form-control rightipt" style="height: 80px"
+                    v-model="userinfo.addressinfo.f_address"></textarea>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">备&ensp;&ensp;&ensp;&ensp;注:</labe>
+          <textarea class="form-control rightipt" style="height: 150px"
+                    v-model="userinfo.baseinfo.base.f_remark"></textarea>
+          <!--<input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_remark"  />-->
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div class="panel-heading" @click="selectVal('表具信息')" style="background-color: #ffffff">
+        <span class="spanboder">
+          <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">表具信息
+          <img class="butt3" :src="imgback('表具信息')">
+        </span>
+      </div>
+      <div class="panel-body " v-show="headername=='表具信息'">
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">表&ensp;&ensp;&ensp;&ensp;号:</labe>
+          <input type="text"
+                 :readonly="userinfo.meterinfo[0].f_table_state != '待开通'"
+                 class="form-control rightipt"
+                 style="width: 45%" v-model="userinfo.meterinfo[0].f_meternumber"/>
+          <button type="button"
+                  :disabled="userinfo.meterinfo[0].f_table_state != '待开通'"
+                  name="button"
+                  class="btn btn-primary" style="width: 15%" @click="scan">扫码
+          </button>
+        </div>
+
+        <!--<div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_meter_classify=='机表'">
+          <div class="auto">
+            <div class="panel" style="padding: 0px 15px 5px 10px;">
+              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+                <div class="row" style="height: 240px;">
+                  <div class="col-sm-4">
+                    <img-self :src="f_meterno_path" alt="表号照片" width="150" height="200"></img-self>
+                  </div>
+                </div>
+                <div class="row text-right div-photo" :class="style__">
+                  <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_meterno_path', '表号照片')">拍照</button>
+                  <img src="../../../assets/remove.png" :class="style__" @click="delfile('f_meterno_path', this.f_meterno_path)" style="width: 25%;"></img>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>-->
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">表&ensp;封&ensp;号:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles"
+                 :readonly="userinfo.meterinfo[0].f_table_state != '待开通'"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">表&ensp;位&ensp;置:</labe>
+          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_position"
+                    v-model="userinfo.meterinfo[0].f_position"
+                    placeholder='请选择'
+                    :width='wid'
+                    readonly
+                    :options="wz_types"
+                    close-on-select value-single></v-select>
+        </div>
+        <div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_table_state == '待开通'">
+          <labe class="righttxt">表&ensp;品&ensp;牌:</labe>
+          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_gasbrand"
+                    v-model="userinfo.meterinfo[0].f_gasbrand"
+                    placeholder='请选择'
+                    :width='wid'
+                    readonly
+                    :options="gasbrands"
+                    close-on-select value-single></v-select>
+        </div>
+        <div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_table_state == '待开通'">
+          <labe class="righttxt">气表型号:</labe>
+          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_gasmodel"
+                    v-model="userinfo.meterinfo[0].f_gasmodel"
+                    placeholder='请选择'
+                    :width='wid'
+                    readonly
+                    :disabled="gasmodels.length == 0"
+                    :options="gasmodels"
+                    close-on-select value-single></v-select>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">初始底数:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meter_base"/>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">左&ensp;右&ensp;表:</labe>
+          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_aroundmeter"
+                    v-model="userinfo.meterinfo[0].f_aroundmeter"
+                    placeholder='请选择'
+                    :width='wid'
+                    readonly
+                    :options="aroundmeters"
+                    close-on-select value-single></v-select>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <labe class="righttxt">气表类型:</labe>
+          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_meter_classify"
+                    v-model="userinfo.meterinfo[0].f_meter_classify"
+                    placeholder='请选择'
+                    :width='wid'
+                    readonly
+                    :disabled="true"
+                    :options="meter_classifys"
+                    close-on-select value-single></v-select>
+        </div>
+        <div class="row auto" style="margin: 5px 0">
+          <div style="display: flex;justify-content: center;">
+            <button v-if="userinfo.meterinfo[0].f_meter_classify=='机表'" class="col-sm-3 btn btn-primary"
+                    @click="upUserState()">机表关阀停用
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div class="panel-heading" @click="selectVal('设备信息')" style="background-color: #ffffff">
+        <span class="spanboder"><img src="../../../assets/list.png" style="width: 22px;margin-right: 8px;">设备信息<img
+          class="butt3" :src="imgback('设备信息')"></span>
+      </div>
+      <div class="panel-body" v-show="headername=='设备信息'">
+        <div class="row" v-for="row in model"
+             style="border:2px solid #A2C2EB; border-top:10px solid #A2C2EB; box-shadow: #00b3ee;margin-bottom: 10px">
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">设备类型:</labe>
+            <v-select class="rightipt" :value.sync="row.f_devices_type"
+                      v-model="row.f_devices_type"
+                      placeholder='请选择'
+                      :width='wid'
+                      readonly
+                      :options="devices_types"
+                      close-on-select value-single></v-select>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">设备品牌:</labe>
+            <input type="text" class="form-control rightipt" v-model="row.f_brand"/>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">设备型号:</labe>
+            <input type="text" class="form-control rightipt" v-model="row.f_devices_model"/>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">生产日期:</labe>
+            <datepicker class="rightipt"
+                        :value.sync="row.f_make_date"
+                        v-model="row.f_make_date"
+                        :disabled-days-of-Week="[]"
+                        :format="'yyyy-MM-dd'"
+                        :show-reset-button="reset" readonly="readonly">
+            </datepicker>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">使用年限:</labe>
+            <input type="number" class="form-control rightipt" v-model="row.f_service_life"/>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">到期日期:</labe>
+            <datepicker class="rightipt"
+                        :value.sync="row.f_expire_date"
+                        v-model="row.f_expire_date"
+                        :disabled-days-of-Week="[]"
+                        :format="'yyyy-MM-dd'"
+                        :show-reset-button="reset" readonly="readonly">
+            </datepicker>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">安&ensp;装&ensp;人:</labe>
+            <input type="text" class="form-control rightipt" v-model="row.f_input_person"/>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">安装日期:</labe>
+            <datepicker class="rightipt"
+                        :value.sync="row.f_input_date"
+                        v-model="row.f_input_date"
+                        :disabled-days-of-Week="[]"
+                        :format="'yyyy-MM-dd'"
+                        :show-reset-button="reset" readonly="readonly">
+            </datepicker>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">设备数量:</labe>
+            <input type="number" class="form-control rightipt" v-model="row.f_devices_num"/>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">有无不锈钢波纹管:</labe>
+            <v-select class="rightipt" :value.sync="row.f_pipe_type"
+                      v-model="row.f_pipe_type"
+                      placeholder='请选择'
+                      :width='wid'
+                      readonly
+                      :options="pipetypes"
+                      close-on-select value-single></v-select>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">波纹管数量:</labe>
+            <input type="text" class="form-control rightipt" v-model="row.f_pipe_num"/>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">管道安装日期:</labe>
+            <datepicker class="rightipt"
+                        :value.sync="row.f_pipeinstall_date"
+                        v-model="row.f_pipeinstall_date"
+                        :disabled-days-of-Week="[]"
+                        :format="'yyyy-MM-dd'"
+                        :show-reset-button="reset" readonly="readonly">
+            </datepicker>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">管道到期日期:</labe>
+            <datepicker class="rightipt"
+                        :value.sync="row.f_pipeexpire_date"
+                        v-model="row.f_pipeexpire_date"
+                        :disabled-days-of-Week="[]"
+                        :format="'yyyy-MM-dd'"
+                        :show-reset-button="reset" readonly="readonly">
+            </datepicker>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">有无自闭阀:</labe>
+            <v-select class="rightipt" :value.sync="row.f_is_zibifa"
+                      v-model="row.f_is_zibifa"
+                      placeholder='请选择'
+                      :width='wid'
+                      :options="is_zibifa"
+                      close-on-select value-single></v-select>
+          </div>
+          <div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">自闭阀数量:</labe>
+            <input type="text" class="form-control rightipt" v-model="row.f_zibifa_num"/>
+          </div>
+          <!--<div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">管道类型:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.f_pipe_type"  />
+          </div>-->
+          <!--<div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">设备状态:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.f_userinfodevices_state"  />
+          </div>-->
+          <!--<div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">购买方式:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.watchpurchase"  />
+          </div>-->
+          <div style="display: flex;justify-content: center;margin-bottom: 3px"
+               v-if="$index>this.userinfo_old.devicesinfo.length-1 || this.userinfo_old.devicesinfo.length==0">
+            <button class="btn btn-warning" @click="delDevices($index)">删除设备</button>
+          </div>
+        </div>
+        <div style="display: flex;justify-content: space-around;">
+          <button class="col-sm-3 btn btn-primary" @click="addDevices($index)">新增设备</button>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div class="panel-body">
+        <div style="display: flex;justify-content: center;">
+          <button class="col-sm-3 btn btn-primary" :disabled="enable" @click="editUserInfo()">上传</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  import * as Util from "../../../components/Util";
+  import Vue from 'vue'
+
+  export default {
+    title: '设备查看',
+    data() {
+      return {
+        model: [],
+        show: false,
+        row: Object,
+        userinfo: Object,
+        userinfo_old: Object,
+        wid: "60%",
+        devices_types: [],
+        gasbrands: [],
+        gasbrand: [],
+        gasmodels: [],
+        gasmodel: [],
+        meter_classifys: this.$appdata.getParam('气表类型'),
+        pipe_types: this.$appdata.getParam('管道类型'),
+        pipetypes: [{label: '有', value: '不锈钢波纹管'}, {label: '无', value: ''}],
+        wz_types: [],
+        cityTypes: [{label: '市区', value: '市区'}, {label: '城镇', value: '城镇'}],
+        aroundmeters: this.$appdata.getParam('左右表'),
+        is_zibifa: this.$appdata.getParam('有无自闭阀'),
+        pcds: [],
+        userTypes: Vue.$appdata.getParam('用户状态'),
+        streets: [],
+        update: false,
+        headername: '基本信息',
+        excessive: false,
+        area: [],
+        enable: false,
+        f_meterno_path: Vue.nopic,
+        selectArea: {id: ''},
+        selectPcd: {id: ''},
+        selectStreet: {id: ''},
+        changemeterno: false,//是否修改了机表表号
+        approveChange: false,//是否需要进行信息变更审核
+        newAddress: '',
+        addressType: '',
+        //需要审核的字段
+        checkField: {
+          checkUserinfoField: [
+            'f_user_name'
+          ],
+          checkUserFilesField: [
+            'f_meternumber'
+          ],
+          checkAddressField: [
+            'f_pcd_id',
+            'f_street_id',
+            'f_residential_area_id',
+            'f_building',
+            'f_unit',
+            'f_floor',
+            'f_room',
+            'f_slice_area',
+            'f_special',
+            'f_address'
+          ],
+        }
+      }
+    },
+    props: {
+      user: {
+        type: Object
+      },
+      f_userinfo_id: '',
+      f_source: ''
+    },
+    methods: {
+      scan() {
+        HostApp.__this__ = this,
+          HostApp.scanCode({callback: "javascript:HostApp.__this__.getCode();"})
+      },
+      getCode() {
+        var datapa = HostApp.getCode().data;
+        this.userinfo.meterinfo[0].f_meternumber = datapa
+      },
+      checkVal() {
+        this.approveChange = false
+        this.changemeterno = false
+        let checked = {ischeck: true, msg: ''}
+        if (!this.userinfo.baseinfo.base.f_user_name) {
+          checked = {ischeck: false, msg: '请输入用户名称！'}
+        }
+        if (!this.selectPcd.id) {
+          checked = {ischeck: false, msg: '请选择省市区！'}
+        }
+        if (!this.selectStreet.id) {
+          checked = {ischeck: false, msg: '请选择街道！'}
+        }
+        if (!this.userinfo.addressinfo.f_address) {
+          checked = {ischeck: false, msg: '新地址不能为空！'}
+        }
+        if (this.addressType == '普通地址') {
+          if (!this.selectArea.id) {
+            checked = {ischeck: false, msg: '请选择集收单位！'}
+          }
+          if (!this.userinfo.addressinfo.f_room) {
+            checked = {ischeck: false, msg: '新输入门牌号！'}
+          }
+        }
+        if (this.userinfo.meterinfo[0].f_meter_classify == '机表' && this.userinfo_old.meterinfo[0].f_meternumber) {
+          if (this.userinfo.meterinfo[0].f_meternumber) {
+            if (this.userinfo.meterinfo[0].f_meternumber != this.userinfo_old.meterinfo[0].f_meternumber) {
+              if (!this.f_meterno_path || this.f_meterno_path == Vue.nopic) {
+                checked = {ischeck: false, msg: '请拍摄表号照片！'}
+              } else {
+                this.changemeterno = true
+              }
+            }
+          } else {
+            checked = {ischeck: false, msg: '请输入表号！'}
+          }
+        }
+        for (let check in this.checkField) {
+          if (typeof check != 'function') {
+            for (let i = 0; i < this.checkField[check].length; i++) {
+              if (check == 'checkUserinfoField') {
+                if (this.userinfo.baseinfo.base[this.checkField[check][i]] != this.userinfo_old.baseinfo.base[this.checkField[check][i]]) {
+                  this.approveChange = true
+                }
+              } else if (check == 'checkUserFilesField') {
+                if (this.userinfo.meterinfo[0][this.checkField[check][i]] != this.userinfo_old.meterinfo[0][this.checkField[check][i]]) {
+                  this.approveChange = true
+                }
+              } else if (check == 'checkAddressField') {
+                if (this.userinfo.addressinfo[this.checkField[check][i]] != this.userinfo_old.addressinfo[this.checkField[check][i]]) {
+                  this.approveChange = true
+                }
+              }
+            }
+          }
+        }
+        return checked
+      },
+      select_search(text) {
+        if (this.selectStreet.id) {
+          let pcdText = text ? `and f_street_id=${this.selectStreet.id} and f_residential_area like '%${text}%'` : `and f_street_id=${this.selectStreet.id}`
+          new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
+            data: {
+              items: "*",
+              tablename: "t_area",
+              orderitem: "id",
+              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText} `
+            }
+          }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+            if (res.data.length > 0) {
+              this.area = []
+              res.data.forEach((result) => {
+                this.area.push({label: result.f_residential_area, value: result})
+              })
+            }
+          })
+        } else {
+          this.area = []
+        }
+      },
+      cameraCallBack(prop, fileName) {
+        HostApp.__this__.$set(prop, fileName + '?' + Math.random())
+        //tag
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      takePic(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack
+        HostApp.__this__ = this
+        let fileName
+        if (!this[prop] || this[prop].includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this[prop])
+        }
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+          }
+        })
+      },
+      delfile(prop, fileName) {
+        if (fileName == Vue.nopic)
+          return
+        else {
+          HostApp.delfile(fileName)
+          this[prop] = Vue.nopic
+        }
+      },
+      editUserInfo() {
+        for (let i = 0; i < this.model.length; i++) {
+          this.model[i].f_user_id = this.userinfo.meterinfo[0].f_user_id
+        }
+        this.$showMessage('确定是否修改上传审核用户信息？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.excessive = true
+            let userinfoms = Object.assign({}, this.userinfo_old.baseinfo.base)
+            userinfoms.f_user_phone = this.userinfo.baseinfo.base.f_user_phone
+            userinfoms.f_idnumber = this.userinfo.baseinfo.base.f_idnumber
+            userinfoms.f_rent_name = this.userinfo.baseinfo.base.f_rent_name
+            userinfoms.f_zuhu_phone = this.userinfo.baseinfo.base.f_zuhu_phone
+            userinfoms.f_user_state = this.userinfo.baseinfo.base.f_user_state
+            userinfoms.f_operator_record = Vue.user.name
+            userinfoms.f_operatorid_record = Vue.user.id
+            userinfoms.f_remark = this.userinfo.baseinfo.base.f_remark
+            userinfoms.f_orgid_record = Vue.user.orgid
+            userinfoms.f_orgname_record = Vue.user.orgs
+            userinfoms.f_depid_record = Vue.user.depids
+            userinfoms.f_depname_record = Vue.user.deps
+            userinfoms.f_contractdate = this.userinfo.baseinfo.base.f_contractdate
+            userinfoms.f_contract_date = this.userinfo.baseinfo.base.f_contractdate
+            this.userinfo_old.meterinfo[0].f_metertitles = this.userinfo.meterinfo[0].f_metertitles
+            this.userinfo_old.meterinfo[0].f_table_state = this.userinfo.meterinfo[0].f_table_state
+            this.userinfo_old.meterinfo[0].f_position = this.userinfo.meterinfo[0].f_position
+            this.userinfo_old.meterinfo[0].f_meternumber = this.userinfo.meterinfo[0].f_meternumber
+            this.userinfo_old.meterinfo[0].f_meter_base = this.userinfo.meterinfo[0].f_meter_base
+            this.userinfo_old.meterinfo[0].f_aroundmeter = this.userinfo.meterinfo[0].f_aroundmeter
+            this.userinfo_old.meterinfo[0].f_initial_base = this.userinfo.meterinfo[0].f_meter_base
+            this.userinfo_old.meterinfo[0].f_meter_classify = this.userinfo.meterinfo[0].f_meter_classify
+            this.userinfo_old.meterinfo[0].f_gasbrand_id = this.userinfo.meterinfo[0].f_gasbrand_id
+            this.userinfo_old.meterinfo[0].f_gasmodel_id = this.userinfo.meterinfo[0].f_gasmodel_id
+            userinfoms.userfiles = []
+            this.userinfo_old.meterinfo[0].devicesinfo = this.model
+            userinfoms.userfiles.push(this.userinfo_old.meterinfo[0])
+            new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/filemanage_fileSave`, {
+              data: {
+                userinfo: userinfoms,
+                modifyReason: this.f_source ? `${this.f_source}维护档案信息` : '',
+                address: {
+                  id: this.userinfo_old.addressinfo.id,
+                  oldid: this.userinfo_old.addressinfo.id,
+                  f_address: this.userinfo_old.addressinfo.f_address ? this.userinfo_old.addressinfo.f_address : this.userinfo.addressinfo.f_address
+                }
+              }
+            }, {resolveMsg: null, rejectMsg: null}).then((res1) => {
+              if (res1.data.status == 200) {
+                let data = this.userinfo.addressinfo
+                data.f_address = this.userinfo_old.addressinfo.f_address ? this.userinfo_old.addressinfo.f_address : this.userinfo.addressinfo.f_address
+                data.f_operator = Vue.user.name
+                new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/address_updateuseraddress`, {data: data}).then((res2) => {
+                  this.$showMessage("修改用户地址信息成功！")
+                }).catch(error => {
+                  this.$showMessage("修改用户地址信息！")
+                })
+                this.$showMessage("修改用户信息成功！")
+                this.enable = true
+                this.excessive = false
+              }
+            }).catch((msg) => {
+              this.$showMessage("修改用户信息失败,请检查手机网络状况！")
+              this.excessive = false
+            })
+          }
+        })
+      },
+      imgback(header) {
+        if (this.headername == header) {
+          return require('../../../assets/xiangxia1.png')
+        } else {
+          return require('../../../assets/xiangyou1.png')
+        }
+        this.headername = header
+      },
+      selectVal(header) {
+        if (this.headername == header) {
+          this.headername = ''
+        } else {
+          this.headername = header
+        }
+      },
+      changeNewAddress() {
+        this.userinfo.addressinfo.f_address = this.addressType == '普通地址' ? this.getAddress : this.getAddressTS
+      },
+      area_change() {
+        this.userinfo.addressinfo.f_residential_area = this.selectArea.f_residential_area
+        this.userinfo.addressinfo.f_residential_area_id = this.selectArea.id
+        this.userinfo.addressinfo.f_slice_area = this.selectArea.f_slice_area
+        this.changeNewAddress()
+      },
+      async street_change() {
+        if (this.selectStreet.id) {
+          this.userinfo.addressinfo.f_street = this.selectStreet.f_street
+          this.userinfo.addressinfo.f_street_id = this.selectStreet.id
+          this.userinfo.addressinfo.f_iscity = this.selectStreet.f_iscity
+          this.userinfo.addressinfo.f_residential_area = ''
+          this.userinfo.addressinfo.f_residential_area_id = ''
+          this.userinfo.addressinfo.f_slice_area = ''
+          this.selectArea = {id: ''}
+          this.area = []
+          let pcdText = ` and f_street_id=${this.selectStreet.id}`
+          let res = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
+            data: {
+              items: "*",
+              tablename: "t_area",
+              orderitem: "id",
+              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText} `
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          res.data.forEach((result) => {
+            this.area.push({label: result.f_residential_area, value: result})
+          })
+        } else {
+          this.area = []
+        }
+        this.changeNewAddress()
+      },
+      async pcd_change() {
+        if (this.selectPcd.id) {
+          this.userinfo.addressinfo.f_pcd = this.selectPcd.f_pcd
+          this.userinfo.addressinfo.f_pcd_id = this.selectPcd.id
+          this.selectStreet = {id: ''}
+          this.userinfo.addressinfo.f_street = ''
+          this.userinfo.addressinfo.f_street_id = ''
+          this.userinfo.addressinfo.f_iscity = ''
+          this.selectArea = {id: ''}
+          this.userinfo.addressinfo.f_residential_area = ''
+          this.userinfo.addressinfo.f_residential_area_id = ''
+          this.userinfo.addressinfo.f_slice_area = ''
+          this.streets = []
+          let pcdText = `and f_pcd_id=${this.selectPcd.id}`
+          let streetlist = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
+            data: {
+              items: "*",
+              tablename: "t_street",
+              orderitem: "id",
+              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          streetlist.data.forEach((result) => {
+            this.streets.push({label: result.f_street, value: result})
+          })
+        } else {
+          this.streets = []
+        }
+        this.changeNewAddress()
+      },
+      upUserState() {
+        if (this.userinfo.meterinfo[0].f_table_state == '正常') {
+          let data = {
+            f_userfiles_id: {
+              f_userfiles_id: this.userinfo.meterinfo[0].f_userfiles_id,
+              f_table_state: '停用',
+              version: this.userinfo.meterinfo[0].version
+            },
+            f_userfile_id: this.userinfo.meterinfo[0].f_userfiles_id,
+            f_user_id: this.userinfo.meterinfo[0].f_user_id,
+            f_userinfo_id: this.userinfo.meterinfo[0].f_userinfo_id,
+            f_user_name: this.userinfo.baseinfo.base.f_user_name,
+            f_comments: '安检时发现问题关闭阀门',
+            f_othereason: '',
+            f_operat_type: '停用',
+            f_describe: `${Vue.user.name}对客户${this.userinfo.baseinfo.base.f_user_name}进行表具停用操作`,
+            f_state: '有效',
+            f_operator: Vue.user.name,
+            f_operatorid: Vue.user.id,
+            f_orgid: Vue.user.orgid,
+            f_orgname: Vue.user.orgs,
+            f_depid: Vue.user.depids,
+            f_depname: Vue.user.deps,
+            f_zoneid: Vue.user.zoneid,
+            f_zones: Vue.user.zones
+          }
+          new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/entity/t_disable`,
+            data, {resolveMsg: null, rejectMsg: null}).then((row) => {
+            this.$showMessage('已成功关阀停气！')
+            this.userinfo.meterinfo[0].f_table_state = '停用'
+          })
+        } else {
+          this.$showMessage('该用户已被关阀停用，请勿重复操作！')
+        }
+
+      },
+      addDevices() {
+        let obj = {
+          "f_operator": Vue.user.name,
+          "f_picture": null,
+          "f_pipe_type": null,
+          "f_pipeinstall_date": null,
+          "f_pipe_connection": null,
+          "f_expire_date": null,
+          "f_pipeexpire_date": null,
+          "f_comments": null,
+          "f_operate_date": Util.toStandardTimeString(),
+          "f_operatorid": Vue.user.id,
+          "f_devices_num": null,
+          "f_process_id": null,
+          "f_devices_type": null,
+          "f_make_date": null,
+          "f_input_date": null,
+          "f_state": "有效",
+          "f_brand": null,
+          "f_devices_model": null,
+          "f_devices_no": null,
+          "img": {"content": null, "filename": null}
+        }
+        this.model.push(obj)
+      },
+      delDevices(idx) {
+        this.$showMessage('删除后不可恢复，确认删除吗？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.model.splice(idx, 1)
+          }
+        })
+      },
+      async getAreaList(text) {
+        if (this.selectStreet.id) {
+          this.area = []
+          let pcdText = text ? `and f_street_id=${this.selectStreet.id} and f_residential_area like '%${text}%'` : `and f_street_id=${this.selectStreet.id}`
+          let res = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
+            data: {
+              items: "*",
+              tablename: "t_area",
+              orderitem: "id",
+              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          res.data.forEach((result) => {
+            this.area.push({label: result.f_residential_area, value: result})
+          })
+          this.area.push({
+            label: this.userinfo.addressinfo.f_residential_area,
+            value: {
+              id: this.userinfo.addressinfo.f_residential_area_id,
+              f_residential_area: this.userinfo.addressinfo.f_residential_area
+            }
+          })
+        } else {
+          this.area = []
+        }
+      },
+      async getStreetList() {
+        if (this.selectPcd.id) {
+          this.streets = []
+          let pcdText = `and f_pcd_id=${this.selectPcd.id}`
+          let streetlist = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
+            data: {
+              items: "*",
+              tablename: "t_street",
+              orderitem: "id",
+              condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          streetlist.data.forEach((result) => {
+            if (this.selectStreet.id && this.selectStreet.id == result.id) {
+              this.userinfo.addressinfo.f_iscity = result.f_iscity
+            }
+            this.streets.push({label: result.f_street, value: result})
+          })
+        } else {
+          this.streets = []
+        }
+      },
+      changeAddressType(val) {
+        if (this.addressType == '普通地址') {
+          this.userinfo.addressinfo.f_special = null
+        } else if (this.addressType == '特殊地址') {
+          this.userinfo.addressinfo.f_special = 1
+          this.userinfo.addressinfo.f_building = null
+          this.userinfo.addressinfo.f_unit = null
+          this.userinfo.addressinfo.f_floor = null
+          this.userinfo.addressinfo.f_room = null
+        }
+        this.changeNewAddress()
+      }
+    },
+    computed: {
+      getAddress() {
+        return (this.userinfo.addressinfo.f_pcd ? this.userinfo.addressinfo.f_pcd : '') +
+          (this.userinfo.addressinfo.f_street ? this.userinfo.addressinfo.f_street : '') +
+          (this.userinfo.addressinfo.f_residential_area ? this.userinfo.addressinfo.f_residential_area : '') +
+          (this.userinfo.addressinfo.f_building ? this.userinfo.addressinfo.f_building + (this.userinfo.addressinfo.f_building_suffix ? this.userinfo.addressinfo.f_building_suffix : '-') : '') +
+          (this.userinfo.addressinfo.f_unit ? this.userinfo.addressinfo.f_unit + (this.userinfo.addressinfo.f_unit_suffix ? this.userinfo.addressinfo.f_unit_suffix : '-') : '') +
+          (this.userinfo.addressinfo.f_floor ? this.userinfo.addressinfo.f_floor + (this.userinfo.addressinfo.f_floor_suffix ? this.userinfo.addressinfo.f_floor_suffix : '-') : '') +
+          (this.userinfo.addressinfo.f_room ? this.userinfo.addressinfo.f_room + (this.userinfo.addressinfo.f_room_suffix ? this.userinfo.addressinfo.f_room_suffix : '-') : '')
+      },
+      getAddressTS() {
+        return (this.userinfo.addressinfo.f_pcd ? this.userinfo.addressinfo.f_pcd : '') +
+          (this.userinfo.addressinfo.f_street ? this.userinfo.addressinfo.f_street : '') +
+          (this.userinfo.addressinfo.f_residential_area ? this.userinfo.addressinfo.f_residential_area : '')
+      }
+    },
+    watch: {
+      'userinfo.meterinfo[0].f_gasbrand'(val) {
+        this.gasmodels = []
+        if (!val) {
+          return
+        }
+        this.userinfo.meterinfo[0].f_gasbrand_id = this.gasbrand.find(item => item.f_meter_brand == val).id
+        this.userinfo.meterinfo[0].f_meter_classify = this.gasbrand.find(item => item.f_meter_brand == val).f_meter_type
+        new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
+          data: {
+            items: "*",
+            tablename: "t_gasmodel",
+            orderitem: "1",
+            condition: ` f_gasbrand_id = '${this.userinfo.meterinfo[0].f_gasbrand_id}'`
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then(response => {
+          this.gasmodel = response.data
+          response.data.forEach(item => {
+            this.gasmodels.push({label: item.f_meter_style, value: item.f_meter_style})
+          })
+        })
+      },
+      'userinfo.meterinfo[0].f_gasmodel'(val) {
+        if (!val) {
+          return
+        }
+        this.userinfo.meterinfo[0].f_gasmodel_id = this.gasmodel.find(item => item.f_meter_style == val && item.f_gasbrand_id == this.userinfo.meterinfo[0].f_gasbrand_id).id
+      },
+    },
+    async ready() {
+      if (!this.f_userinfo_id) {
+        this.$showMessage("未检测到用户！")
+        this.enable = true
+        return
+      }
+      try {
+        this.devices_types = Vue.$appdata.getParam('设备类型')
+        this.wz_types = Vue.$appdata.getParam('安装位置')
+        this.excessive = true
+        let pcdlist = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
+          data: {
+            items: "*",
+            tablename: "t_pcd",
+            orderitem: "id",
+            condition: `f_orgid = '${Vue.user.orgid}'`
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+
+        let gasbrand = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
+          data: {
+            items: "*",
+            tablename: "t_gasbrand",
+            orderitem: "1",
+            condition: ` 1=1`
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+        this.gasbrand = gasbrand.data
+        gasbrand.data.forEach(item => {
+          this.gasbrands.push({label: item.f_meter_brand, value: item.f_meter_brand})
+        })
+        pcdlist.data.forEach((result) => {
+          this.pcds.push({label: result.f_pcd, value: result})
+        })
+        let res = await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/logic/filemanage_getFilesDetail`, {
+          f_userinfo_id: this.f_userinfo_id
+        }, {resolveMsg: null, rejectMsg: null})
+        this.userinfo = res.data
+        this.userinfo_old = JSON.parse(JSON.stringify(res.data))
+        this.model = this.userinfo.meterinfo[0].devicesinfo
+        this.selectArea.id = this.userinfo.addressinfo.f_residential_area_id
+        this.selectPcd.id = this.userinfo.addressinfo.f_pcd_id
+        this.selectPcd.f_pcd = this.userinfo.addressinfo.f_pcd
+        this.selectStreet.id = this.userinfo.addressinfo.f_street_id
+        this.selectStreet.f_street = this.userinfo.addressinfo.f_street
+        await this.getStreetList()
+        await this.getAreaList()
+        this.excessive = false
+        this.addressType = this.userinfo.addressinfo.f_special == 1 ? '特殊地址' : '普通地址'
+      } catch (e) {
+        this.excessive = false
+        this.enable = true
+        this.$showMessage('获取用户信息出错,请检查网络状况！')
+      }
+    }
+  }
+</script>
+<style lang="less" scoped>
+  .butt3 {
+    float: right;
+    width: 12px;
+    margin: 1% 2% 0 0;
+  }
+
+  .rightipt {
+    width: 60%;
+    float: left;
+    margin-left: 5%;
+  }
+
+  .righttxt {
+    border: none;
+    margin-left: 5px;
+    float: left;
+    width: 25%;
+    margin-bottom: 3px;
+    text-align: left;
+    word-wrap: break-word;
+    white-space: normal;
+  }
+
+  .tit1 {
+    background-image: url('../../../assets/用户姓名.png');
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+
+  .spanboder {
+    border-bottom: 2px solid #499edf;
+    padding-bottom: 8px
+  }
+
+  #upuserinfo_sel /deep/ ul {
+    width: 100% !important;
+    left: 0 !important;
+  }
+
+  .btn-photo {
+    border: 0;
+    border-radius: 7px;
+    background-color: #7dc1f4;
+    font: 15px PingFang-SC-Bold;
+    height: 20%;
+  }
+
+  .panel-self {
+    border-radius: 10px;
+    border: 1px solid #499EDF;
+    background-color: #F8F8F8;
+  }
+
+  .div-photo {
+    width: auto;
+    height: auto;
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+  }
+</style>
+<style lang="less">
+  #upuserinfo_sel ul {
+    width: 100% !important;
+    left: 0 !important;
+  }
+</style>