npm - telephone-clients - Versions diffs - 3.0.103-98 → 3.0.103-99 - Mend

telephone-clients 3.0.103-98 → 3.0.103-99

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/package.json +1 -1
package/src/components/pc/RepairsWork.vue +840 -840
package/src/components/pc/WorkListAll.vue +630 -630
package/src/components/temp/HandplanInfo.vue +78 -78
package/src/components/temp/InfoTable.vue +134 -134
package/src/components/workorder/RepairDetails.vue +613 -613
package/src/filiale/shexian/pc/QueryVisitHistory.vue +237 -0
package/src/filiale/shexian/telephone.js +19 -18
package/src/filiale/wenxi/android/FailureShow.vue +61 -61
package/src/filiale/wenxi/android/PhoneUpUserinfo.vue +1053 -1053
package/src/filiale/wenxi/android/RepairInfo.vue +252 -252
package/src/filiale/wenxi/android/RepairOrderV.vue +805 -805
package/src/filiale/wenxi/android/RepairUserInfo.vue +532 -532
package/src/filiale/wenxi/pc/GasWork.vue +747 -747
package/src/filiale/wenxi/pc/MetereadInfo.vue +82 -82
package/src/filiale/wenxi/pc/TelFindUser.vue +306 -306
package/src/filiale/wenxi/telephoneAndroid.js +19 -19
package/src/filiale/zhongsheng/android/FaultAll.vue +741 -741
package/src/filiale/zhongsheng/android/RepairUserInfo.vue +559 -559
package/src/main.js +1 -1

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

@@ -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>