safecheck-client 3.0.30-gongyi → 3.0.33-gongyi

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

@@ -1,957 +1,957 @@
-<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" :style="{color:(true?'#000000':'red')}" 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" readonly v-model="userinfo.baseinfo.base.f_user_state"  />
-        </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" :readonly="f_source=='安检'" />
-        </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"
-                    :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" readonly 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="addressType=='普通地址'" class="form-control rightipt" : style="height: 80px" v-model="userinfo.addressinfo.f_address"></textarea>
-        </div>
-
-        <!--<div class="row auto" style="margin: 5px 0" v-show="addressType=='特殊地址'">
-          <labe class="righttxt">新&ensp;地&ensp;址:</labe>&lt;!&ndash;<input type="text" class="form-control rightipt" v-model="userinfo.addressinfo.f_address"  />&ndash;&gt;
-          <textarea class="form-control rightipt" style="height: 80px" v-model="getAddressTS"></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_meter_classify=='物联网表'" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meternumber" />
-        </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" />
-        </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_position"  readonly/>-->
-          <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">
-          <labe class="righttxt">气表类型:</labe>
-          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meter_classify"  readonly/>
-        </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].pricename" readonly/>
-        </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>
-            <!--<input type="text" class="form-control rightipt" readonly v-model="row.f_devices_type"  />-->
-            <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><!--<input type="text" class="form-control rightipt"   v-model="row.f_make_date"  />-->
-            <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><!--<input type="text" class="form-control rightipt"   v-model="row.f_expire_date"  />-->
-            <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><!--<input type="text" class="form-control rightipt"   v-model="row.f_input_date"  />-->
-            <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><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 { PagedList,HttpResetClass } from 'vue-client'
-  import * as Util from "../../Util";
-  import Vue from 'vue'
-  import co from 'co'
-  import coerceBoolean from "vue-client/src/vue-strap/src/utils/coerceBoolean";
-  export default {
-    title: '设备查看',
-    data () {
-      return {
-        model: [],
-        show: false,
-        row: Object,
-        userinfo:Object,
-        userinfo_old:Object,
-        wid:"60%",
-        devices_types:[],
-        pipe_types:[{label:'橡胶管',value:'橡胶管'},{label:'波纹管',value:'波纹管'},{label:'钢管',value:'钢管'}],
-        wz_types:[],
-        cityTypes:[{label:'市区',value:'市区'},{label:'城镇',value:'城镇'}],
-        pcds:[],
-        streets:[],
-        update:false,
-        headername:'基本信息',
-        excessive:false,
-        area:[],
-        enable:false,
-        isAreaReady: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_user_phone:'',
-      f_source:'',
-      isback: {
-        type: Boolean,
-        coerce: coerceBoolean,
-        default: false
-      }
-    },
-    methods: {
-      //数据检查
-      checkVal(){
-        //检查一些必要信息是否未填
-        this.approveChange=false
-        this.changemeterno=false
-        let checked={ischeck:true,msg:''}
-        console.log("表号改动验证 源表号---"+this.userinfo_old.meterinfo[0].f_meternumber)
-        console.log("表号改动验证 新表号---"+this.userinfo.meterinfo[0].f_meternumber)
-        console.log("表号改动验证 新表号---"+this.userinfo.meterinfo[0].f_meter_classify)
-        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){
-
-          console.log("表号改动验证 源表号---"+this.userinfo_old.meterinfo[0].f_meternumber)
-          console.log("表号改动验证 新表号---"+this.userinfo.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){
-          console.log('check:'+check)
-          if(typeof check!='function'){
-            for(let i = 0;i < this.checkField[check].length;i++){
-              console.log("this.checkField[check][i]:"+this.checkField[check][i])
-              if(check=='checkUserinfoField'){
-                console.log("用户信息源内容---"+this.userinfo_old.baseinfo.base[this.checkField[check][i]])
-                console.log("用户信息新内容---"+this.userinfo.baseinfo.base[this.checkField[check][i]])
-                if(this.userinfo.baseinfo.base[this.checkField[check][i]]!=this.userinfo_old.baseinfo.base[this.checkField[check][i]]){
-                  console.log("用户信息需要审核？")
-                  this.approveChange=true
-                }
-              }else if(check=='checkUserFilesField'){
-                console.log("表信息原内容---"+this.userinfo_old.meterinfo[0][this.checkField[check][i]])
-                console.log("表信息新内容---"+this.userinfo.meterinfo[0][this.checkField[check][i]])
-                if(this.userinfo.meterinfo[0][this.checkField[check][i]]!=this.userinfo_old.meterinfo[0][this.checkField[check][i]]){
-                  console.log("表信息需要审核？")
-                  this.approveChange=true
-                }
-              }else if(check=='checkAddressField'){
-                console.log("原地址---"+this.userinfo_old.addressinfo[this.checkField[check][i]])
-                console.log("新地址---"+this.userinfo.addressinfo[this.checkField[check][i]])
-                if(this.userinfo.addressinfo[this.checkField[check][i]]!=this.userinfo_old.addressinfo[this.checkField[check][i]]){
-                  console.log("地址信息需要审核？")
-                  this.approveChange=true
-                }
-              }
-            }
-          }
-        }
-        console.log("检查遍历完成---："+this.approveChange+"修改表号"+this.changemeterno)
-        return checked
-      },
-      select_search(text){
-        console.log("----------------"+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)=>{
-                //console.log('请求发送完成！！！！！'+JSON.stringify(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())
-        console.log('photo file name:' + HostApp.__this__.f_nongasuser_path)
-        HostApp.__callback__ = null
-        HostApp.__this__ = null
-      },
-      takePic(prop, title) {
-        HostApp.__callback__ = this.cameraCallBack
-        HostApp.__this__ = this
-        console.log('this[prop]:' + this[prop])
-        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() {
-        let checked=this.checkVal()
-        if(!checked.ischeck){
-          this.$showMessage(checked.msg)
-          return
-        }
-        this.$showMessage('确定是否修改上传审核用户信息？', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            this.excessive=true
-            let userinfoms=Object.assign({},this.userinfo_old.baseinfo.base)
-            //userinfoms.f_user_name=row.f_user_name
-            userinfoms.f_user_phone=this.userinfo.baseinfo.base.f_user_phone
-            userinfoms.f_rent_name=this.userinfo.baseinfo.base.f_rent_name
-            userinfoms.f_zuhu_phone=this.userinfo.baseinfo.base.f_zuhu_phone
-            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
-            this.userinfo_old.meterinfo[0].f_metertitles=this.userinfo.meterinfo[0].f_metertitles
-            this.userinfo_old.meterinfo[0].f_position=this.userinfo.meterinfo[0].f_position
-            userinfoms.userfiles=[]
-            this.userinfo_old.meterinfo[0].devicesinfo=this.model
-            userinfoms.userfiles.push(this.userinfo_old.meterinfo[0])
-            console.log("----------"+JSON.stringify(userinfoms))
-            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}}},{resolveMsg: null, rejectMsg: null}).then((res1)=>{
-              console.log("返回结果----"+JSON.stringify(res1)+res1.data.status)
-              if(res1.data.status==200){
-                //本次修改信息包含需要审核信息
-                if(this.approveChange){
-                  console.log("执行bzlogic----")
-                  let res2=this.$androidUtil.bzLogic('safe_upUserinfoApprove', {
-                    row: {
-                      f_time: Util.toStandardTimeString(),
-                      f_modifier: Vue.user.name,//Vue.user.name
-                      f_modifier_id: Vue.user.id,//Vue.user.id
-                      f_modify_type: '用户档案',
-                      f_userinfoid: this.userinfo.baseinfo.base.f_userinfo_id,
-                      f_userinfo_code: this.userinfo.baseinfo.base.f_userinfo_code,
-                      f_approved: '未审核',
-                      filialestr: Vue.user.orgid,//Vue.user.orgid
-                      version: 1,
-                      f_user_name:this.userinfo.baseinfo.base.f_user_name,
-                      f_user_phone: this.userinfo.baseinfo.base.f_user_phone,
-                      f_street: this.userinfo.addressinfo.f_street,
-                      f_building: this.userinfo.addressinfo.f_building,
-                      f_unit: this.userinfo.addressinfo.f_unit,
-                      f_floor: this.userinfo.addressinfo.f_floor,
-                      f_room: this.userinfo.addressinfo.f_room,
-                      f_building_suffix:this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_building_suffix,
-                      f_unit_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_unit_suffix,
-                      f_floor_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_floor_suffix,
-                      f_room_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_room_suffix,
-                      f_residential_area: this.userinfo.addressinfo.f_residential_area,
-                      f_address:this.userinfo.addressinfo.f_address,
-                      f_pcd:this.userinfo.addressinfo.f_pcd,
-                      f_pcd_id:this.userinfo.addressinfo.f_pcd_id,
-                      f_street_id:this.userinfo.addressinfo.f_street_id,
-                      f_residential_area_id:this.userinfo.addressinfo.f_residential_area_id,
-                      f_used_name:this.userinfo.baseinfo.base.f_used_name,
-                      f_rent_phone:this.userinfo.baseinfo.base.f_rent_phone,
-                      f_slice_area:this.userinfo.addressinfo.f_slice_area,
-                      f_remark:this.userinfo.baseinfo.base.f_remark,
-                      f_source:this.f_source,
-                      f_meterno_path:this.f_meterno_path,
-                      f_iscity:this.userinfo.addressinfo.f_iscity,
-                      f_special:this.userinfo.addressinfo.f_special,
-                      f_meternumber:this.userinfo.meterinfo[0].f_meternumber,
-                      changemeterno:this.changemeterno
-                    },
-                    tablename: 't_modify_userinfo'
-                  })
-                  console.log("res*---------"+JSON.stringify(res2))
-                  if(res2.code==200){
-                    this.$showMessage("变更用户信息成功,需要审核的信息已提交审核，等待管理员处理！")
-                    this.enable=true
-                    this.excessive=false
-                    if(this.isback){
-                      this.$dispatch('confirm')
-                    }
-                  }else{
-                    this.$showMessage("上传审核信息失败，请检查图片和网络状况是否正常！")
-                    this.excessive=false
-                  }
-                }else{
-                  this.$showMessage("修改用户信息成功！")
-
-                  this.enable=true
-                  this.excessive=false
-                  if(this.isback){
-                    this.$dispatch('confirm')
-                  }
-                }
-
-              }
-            }).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(){
-        console.log("area改变")
-        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()
-        //this.userinfo.addressinfo.f_residential_area=this.f_residential_area.f_residential_area
-      },
-      async street_change(){
-        console.log("street改变----"+this.selectStreet.id)
-        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})
-          //console.log('请求发送完成！！！！！'+JSON.stringify(res))
-          res.data.forEach((result)=>{
-            this.area.push({label:result.f_residential_area,value:result})
-          })
-        }else{
-          this.area=[]
-        }
-
-        this.changeNewAddress()
-      },
-      async pcd_change(){
-        console.log("selectPcd.id--------"+this.selectPcd.id)
-        if(this.selectPcd.id){
-          console.log("pcd改变")
-          //如果省市区改变-重新赋值
-          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(){
-        console.log('--------??????---------------'+JSON.stringify(this.selectArea))
-        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,//${Vue.$login.f.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(){
-        //Vue.user.name
-        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){
-        console.log("idx---"+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})
-          //console.log('请求发送完成！！！！！'+JSON.stringify(res))
-          res.data.forEach((result)=>{
-            this.area.push({label:result.f_residential_area,value:result})
-          })
-          console.log('加入自己当前的小区'+this.userinfo.addressinfo.f_residential_area_id+this.userinfo.addressinfo.f_residential_area)
-          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){
-          console.log("pcd改变-------"+this.selectStreet.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)=>{
-            //如果第一次进来有地址id 就拿下地址区域
-            if(this.selectStreet.id && this.selectStreet.id==result.id){
-              console.log("匹配到了？？？？？？？-----"+JSON.stringify(result))
-              this.userinfo.addressinfo.f_iscity=result.f_iscity
-            }
-            this.streets.push({label:result.f_street,value:result})
-          })
-        }else{
-          this.streets=[]
-        }
-      },
-      changeAddressType (val) {
-        console.log("addressType--------"+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()
-      },
-      changeAddressType (val) {
-        console.log("addressType--------"+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: {
-
-      /*'selectPcd.id' (val) {
-        console.log("selectPcd.id--------"+val)
-        if(this.selectPcd.id){
-          this.getStreetList()
-        }
-      },
-      'selectStreet.id' (val) {
-        console.log("selectStreet.id--------"+val)
-        if(this.selectStreet.id){
-          this.getAreaList()
-        }
-      },*/
-      'userinfo.addressinfo.f_iscity'(val){
-        console.log("地区类型发生变化------------------"+val)
-        if(val=='乡镇'){
-          this.userinfo.addressinfo.f_building_suffix='组'
-          this.userinfo.addressinfo.f_unit_suffix='排'
-          this.userinfo.addressinfo.f_floor_suffix='层'
-          this.userinfo.addressinfo.f_room_suffix='号'
-        }else{
-          this.userinfo.addressinfo.f_building_suffix='号楼'
-          this.userinfo.addressinfo.f_unit_suffix='单元'
-          this.userinfo.addressinfo.f_floor_suffix='层'
-          this.userinfo.addressinfo.f_room_suffix='室'
-        }
-      }
-    },
-    async ready () {
-      /*console.log('1开始执行ready'+this.$androidUtil.getProxyUrl())1753539
-
-      console.log('2开始执行ready'+this.$androidUtil.getProxyUrl())1997541
-      console.log('3开始执行ready'+this.$androidUtil.getProxyUrl())*/
-      //this.f_userinfo_id=1997541
-      if(!this.f_userinfo_id){
-        this.$showMessage("未检测到用户！")
-        this.enable=true
-        return
-      }
-      try{
-        this.devices_types=Vue.$appdata.getParam('设备类型')
-        this.wz_types=Vue.$appdata.getParam('安装位置')
-        //console.log('开始执行ready'+this.$androidUtil.getProxyUrl())
-        this.excessive=true
-        //Vue.user.orgid ${this.f_userinfo_id} ${Vue.user.orgid}    ${Vue.user.orgid}
-
-        let pcdlist= await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {data:{items:"*",tablename:"t_pcd",orderitem:"id",condition:`f_orgid = '${Vue.user.orgid}'`}}, {resolveMsg: null, rejectMsg: null})
-        console.log('请求发送完成！！！！！'+JSON.stringify(res))
-        pcdlist.data.forEach((result)=>{
-          this.pcds.push({label:result.f_pcd,value:result})
-        })
-        //console.log('获取地址单位配置文件！！！！！'+JSON.stringify(addressUnit))
-        let res=await new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/logic/filemanage_getFilesDetail`, {
-          //f_userinfo_code:'12381344',
-          f_userinfo_id:this.f_userinfo_id
-        }, {resolveMsg: null, rejectMsg: null})
-        console.log('相應請求----')
-        console.log(res.data)
-        this.userinfo = res.data
-        this.userinfo_old=JSON.parse(JSON.stringify(res.data))
-        this.model = this.userinfo.meterinfo[0].devicesinfo
-        this.selectPcd.id=this.userinfo.addressinfo.f_pcd_id
-        this.selectPcd.f_pcd=this.userinfo.addressinfo.f_pcd
-        console.log('相應請求----'+this.selectStreet.id+'--------'+this.userinfo.addressinfo.f_street_id)
-        this.selectStreet.id=this.userinfo.addressinfo.f_street_id
-        this.selectStreet.f_street=this.userinfo.addressinfo.f_street
-        this.selectArea.id=this.userinfo.addressinfo.f_residential_area_id
-        await this.getStreetList()
-        await this.getAreaList()
-        this.addressType=this.userinfo.addressinfo.f_special==1?'特殊地址':'普通地址'
-        if(this.f_user_phone){
-            this.userinfo.baseinfo.base.f_user_phone=this.f_user_phone
-        }
-        this.excessive=false
-        //this.userinfo.addressinfo.f_special=1
-        console.log('請求jieshu----')
-        this.isAreaReady=true
-
-      }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;
-    /*border-left: 5px solid #A2C2EB;*/
-    float: left;
-    width: 25%;
-    margin-bottom: 3px;
-    text-align: left;
-    word-wrap: break-word;
-    white-space: normal;
-  }
-  .tit1{
-    /*background: #ffffff url('../../assets/用户姓名.png') no-repeat fixed center;*/
-    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;
-    /* margin-top: 10px; */
-    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" :style="{color:(true?'#000000':'red')}" 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" readonly v-model="userinfo.baseinfo.base.f_user_state"  />
+        </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" :readonly="f_source=='安检'" />
+        </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"
+                    :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" readonly 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="addressType=='普通地址'" class="form-control rightipt" : style="height: 80px" v-model="userinfo.addressinfo.f_address"></textarea>
+        </div>
+
+        <!--<div class="row auto" style="margin: 5px 0" v-show="addressType=='特殊地址'">
+          <labe class="righttxt">新&ensp;地&ensp;址:</labe>&lt;!&ndash;<input type="text" class="form-control rightipt" v-model="userinfo.addressinfo.f_address"  />&ndash;&gt;
+          <textarea class="form-control rightipt" style="height: 80px" v-model="getAddressTS"></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_meter_classify=='物联网表'" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meternumber" />
+        </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" />
+        </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_position"  readonly/>-->
+          <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">
+          <labe class="righttxt">气表类型:</labe>
+          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meter_classify"  readonly/>
+        </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].pricename" readonly/>
+        </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>
+            <!--<input type="text" class="form-control rightipt" readonly v-model="row.f_devices_type"  />-->
+            <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><!--<input type="text" class="form-control rightipt"   v-model="row.f_make_date"  />-->
+            <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><!--<input type="text" class="form-control rightipt"   v-model="row.f_expire_date"  />-->
+            <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><!--<input type="text" class="form-control rightipt"   v-model="row.f_input_date"  />-->
+            <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><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 { PagedList,HttpResetClass } from 'vue-client'
+  import * as Util from "../../Util";
+  import Vue from 'vue'
+  import co from 'co'
+  import coerceBoolean from "vue-client/src/vue-strap/src/utils/coerceBoolean";
+  export default {
+    title: '设备查看',
+    data () {
+      return {
+        model: [],
+        show: false,
+        row: Object,
+        userinfo:Object,
+        userinfo_old:Object,
+        wid:"60%",
+        devices_types:[],
+        pipe_types:[{label:'橡胶管',value:'橡胶管'},{label:'波纹管',value:'波纹管'},{label:'钢管',value:'钢管'}],
+        wz_types:[],
+        cityTypes:[{label:'市区',value:'市区'},{label:'城镇',value:'城镇'}],
+        pcds:[],
+        streets:[],
+        update:false,
+        headername:'基本信息',
+        excessive:false,
+        area:[],
+        enable:false,
+        isAreaReady: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_user_phone:'',
+      f_source:'',
+      isback: {
+        type: Boolean,
+        coerce: coerceBoolean,
+        default: false
+      }
+    },
+    methods: {
+      //数据检查
+      checkVal(){
+        //检查一些必要信息是否未填
+        this.approveChange=false
+        this.changemeterno=false
+        let checked={ischeck:true,msg:''}
+        console.log("表号改动验证 源表号---"+this.userinfo_old.meterinfo[0].f_meternumber)
+        console.log("表号改动验证 新表号---"+this.userinfo.meterinfo[0].f_meternumber)
+        console.log("表号改动验证 新表号---"+this.userinfo.meterinfo[0].f_meter_classify)
+        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){
+
+          console.log("表号改动验证 源表号---"+this.userinfo_old.meterinfo[0].f_meternumber)
+          console.log("表号改动验证 新表号---"+this.userinfo.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){
+          console.log('check:'+check)
+          if(typeof check!='function'){
+            for(let i = 0;i < this.checkField[check].length;i++){
+              console.log("this.checkField[check][i]:"+this.checkField[check][i])
+              if(check=='checkUserinfoField'){
+                console.log("用户信息源内容---"+this.userinfo_old.baseinfo.base[this.checkField[check][i]])
+                console.log("用户信息新内容---"+this.userinfo.baseinfo.base[this.checkField[check][i]])
+                if(this.userinfo.baseinfo.base[this.checkField[check][i]]!=this.userinfo_old.baseinfo.base[this.checkField[check][i]]){
+                  console.log("用户信息需要审核？")
+                  this.approveChange=true
+                }
+              }else if(check=='checkUserFilesField'){
+                console.log("表信息原内容---"+this.userinfo_old.meterinfo[0][this.checkField[check][i]])
+                console.log("表信息新内容---"+this.userinfo.meterinfo[0][this.checkField[check][i]])
+                if(this.userinfo.meterinfo[0][this.checkField[check][i]]!=this.userinfo_old.meterinfo[0][this.checkField[check][i]]){
+                  console.log("表信息需要审核？")
+                  this.approveChange=true
+                }
+              }else if(check=='checkAddressField'){
+                console.log("原地址---"+this.userinfo_old.addressinfo[this.checkField[check][i]])
+                console.log("新地址---"+this.userinfo.addressinfo[this.checkField[check][i]])
+                if(this.userinfo.addressinfo[this.checkField[check][i]]!=this.userinfo_old.addressinfo[this.checkField[check][i]]){
+                  console.log("地址信息需要审核？")
+                  this.approveChange=true
+                }
+              }
+            }
+          }
+        }
+        console.log("检查遍历完成---："+this.approveChange+"修改表号"+this.changemeterno)
+        return checked
+      },
+      select_search(text){
+        console.log("----------------"+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)=>{
+                //console.log('请求发送完成！！！！！'+JSON.stringify(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())
+        console.log('photo file name:' + HostApp.__this__.f_nongasuser_path)
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      takePic(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack
+        HostApp.__this__ = this
+        console.log('this[prop]:' + this[prop])
+        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() {
+        let checked=this.checkVal()
+        if(!checked.ischeck){
+          this.$showMessage(checked.msg)
+          return
+        }
+        this.$showMessage('确定是否修改上传审核用户信息？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.excessive=true
+            let userinfoms=Object.assign({},this.userinfo_old.baseinfo.base)
+            //userinfoms.f_user_name=row.f_user_name
+            userinfoms.f_user_phone=this.userinfo.baseinfo.base.f_user_phone
+            userinfoms.f_rent_name=this.userinfo.baseinfo.base.f_rent_name
+            userinfoms.f_zuhu_phone=this.userinfo.baseinfo.base.f_zuhu_phone
+            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
+            this.userinfo_old.meterinfo[0].f_metertitles=this.userinfo.meterinfo[0].f_metertitles
+            this.userinfo_old.meterinfo[0].f_position=this.userinfo.meterinfo[0].f_position
+            userinfoms.userfiles=[]
+            this.userinfo_old.meterinfo[0].devicesinfo=this.model
+            userinfoms.userfiles.push(this.userinfo_old.meterinfo[0])
+            console.log("----------"+JSON.stringify(userinfoms))
+            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}}},{resolveMsg: null, rejectMsg: null}).then((res1)=>{
+              console.log("返回结果----"+JSON.stringify(res1)+res1.data.status)
+              if(res1.data.status==200){
+                //本次修改信息包含需要审核信息
+                if(this.approveChange){
+                  console.log("执行bzlogic----")
+                  let res2=this.$androidUtil.bzLogic('safe_upUserinfoApprove', {
+                    row: {
+                      f_time: Util.toStandardTimeString(),
+                      f_modifier: Vue.user.name,//Vue.user.name
+                      f_modifier_id: Vue.user.id,//Vue.user.id
+                      f_modify_type: '用户档案',
+                      f_userinfoid: this.userinfo.baseinfo.base.f_userinfo_id,
+                      f_userinfo_code: this.userinfo.baseinfo.base.f_userinfo_code,
+                      f_approved: '未审核',
+                      filialestr: Vue.user.orgid,//Vue.user.orgid
+                      version: 1,
+                      f_user_name:this.userinfo.baseinfo.base.f_user_name,
+                      f_user_phone: this.userinfo.baseinfo.base.f_user_phone,
+                      f_street: this.userinfo.addressinfo.f_street,
+                      f_building: this.userinfo.addressinfo.f_building,
+                      f_unit: this.userinfo.addressinfo.f_unit,
+                      f_floor: this.userinfo.addressinfo.f_floor,
+                      f_room: this.userinfo.addressinfo.f_room,
+                      f_building_suffix:this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_building_suffix,
+                      f_unit_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_unit_suffix,
+                      f_floor_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_floor_suffix,
+                      f_room_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_room_suffix,
+                      f_residential_area: this.userinfo.addressinfo.f_residential_area,
+                      f_address:this.userinfo.addressinfo.f_address,
+                      f_pcd:this.userinfo.addressinfo.f_pcd,
+                      f_pcd_id:this.userinfo.addressinfo.f_pcd_id,
+                      f_street_id:this.userinfo.addressinfo.f_street_id,
+                      f_residential_area_id:this.userinfo.addressinfo.f_residential_area_id,
+                      f_used_name:this.userinfo.baseinfo.base.f_used_name,
+                      f_rent_phone:this.userinfo.baseinfo.base.f_rent_phone,
+                      f_slice_area:this.userinfo.addressinfo.f_slice_area,
+                      f_remark:this.userinfo.baseinfo.base.f_remark,
+                      f_source:this.f_source,
+                      f_meterno_path:this.f_meterno_path,
+                      f_iscity:this.userinfo.addressinfo.f_iscity,
+                      f_special:this.userinfo.addressinfo.f_special,
+                      f_meternumber:this.userinfo.meterinfo[0].f_meternumber,
+                      changemeterno:this.changemeterno
+                    },
+                    tablename: 't_modify_userinfo'
+                  })
+                  console.log("res*---------"+JSON.stringify(res2))
+                  if(res2.code==200){
+                    this.$showMessage("变更用户信息成功,需要审核的信息已提交审核，等待管理员处理！")
+                    this.enable=true
+                    this.excessive=false
+                    if(this.isback){
+                      this.$dispatch('confirm')
+                    }
+                  }else{
+                    this.$showMessage("上传审核信息失败，请检查图片和网络状况是否正常！")
+                    this.excessive=false
+                  }
+                }else{
+                  this.$showMessage("修改用户信息成功！")
+
+                  this.enable=true
+                  this.excessive=false
+                  if(this.isback){
+                    this.$dispatch('confirm')
+                  }
+                }
+
+              }
+            }).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(){
+        console.log("area改变")
+        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()
+        //this.userinfo.addressinfo.f_residential_area=this.f_residential_area.f_residential_area
+      },
+      async street_change(){
+        console.log("street改变----"+this.selectStreet.id)
+        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})
+          //console.log('请求发送完成！！！！！'+JSON.stringify(res))
+          res.data.forEach((result)=>{
+            this.area.push({label:result.f_residential_area,value:result})
+          })
+        }else{
+          this.area=[]
+        }
+
+        this.changeNewAddress()
+      },
+      async pcd_change(){
+        console.log("selectPcd.id--------"+this.selectPcd.id)
+        if(this.selectPcd.id){
+          console.log("pcd改变")
+          //如果省市区改变-重新赋值
+          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(){
+        console.log('--------??????---------------'+JSON.stringify(this.selectArea))
+        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,//${Vue.$login.f.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(){
+        //Vue.user.name
+        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){
+        console.log("idx---"+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})
+          //console.log('请求发送完成！！！！！'+JSON.stringify(res))
+          res.data.forEach((result)=>{
+            this.area.push({label:result.f_residential_area,value:result})
+          })
+          console.log('加入自己当前的小区'+this.userinfo.addressinfo.f_residential_area_id+this.userinfo.addressinfo.f_residential_area)
+          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){
+          console.log("pcd改变-------"+this.selectStreet.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)=>{
+            //如果第一次进来有地址id 就拿下地址区域
+            if(this.selectStreet.id && this.selectStreet.id==result.id){
+              console.log("匹配到了？？？？？？？-----"+JSON.stringify(result))
+              this.userinfo.addressinfo.f_iscity=result.f_iscity
+            }
+            this.streets.push({label:result.f_street,value:result})
+          })
+        }else{
+          this.streets=[]
+        }
+      },
+      changeAddressType (val) {
+        console.log("addressType--------"+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()
+      },
+      changeAddressType (val) {
+        console.log("addressType--------"+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: {
+
+      /*'selectPcd.id' (val) {
+        console.log("selectPcd.id--------"+val)
+        if(this.selectPcd.id){
+          this.getStreetList()
+        }
+      },
+      'selectStreet.id' (val) {
+        console.log("selectStreet.id--------"+val)
+        if(this.selectStreet.id){
+          this.getAreaList()
+        }
+      },*/
+      'userinfo.addressinfo.f_iscity'(val){
+        console.log("地区类型发生变化------------------"+val)
+        if(val=='乡镇'){
+          this.userinfo.addressinfo.f_building_suffix='组'
+          this.userinfo.addressinfo.f_unit_suffix='排'
+          this.userinfo.addressinfo.f_floor_suffix='层'
+          this.userinfo.addressinfo.f_room_suffix='号'
+        }else{
+          this.userinfo.addressinfo.f_building_suffix='号楼'
+          this.userinfo.addressinfo.f_unit_suffix='单元'
+          this.userinfo.addressinfo.f_floor_suffix='层'
+          this.userinfo.addressinfo.f_room_suffix='室'
+        }
+      }
+    },
+    async ready () {
+      /*console.log('1开始执行ready'+this.$androidUtil.getProxyUrl())1753539
+
+      console.log('2开始执行ready'+this.$androidUtil.getProxyUrl())1997541
+      console.log('3开始执行ready'+this.$androidUtil.getProxyUrl())*/
+      //this.f_userinfo_id=1997541
+      if(!this.f_userinfo_id){
+        this.$showMessage("未检测到用户！")
+        this.enable=true
+        return
+      }
+      try{
+        this.devices_types=Vue.$appdata.getParam('设备类型')
+        this.wz_types=Vue.$appdata.getParam('安装位置')
+        //console.log('开始执行ready'+this.$androidUtil.getProxyUrl())
+        this.excessive=true
+        //Vue.user.orgid ${this.f_userinfo_id} ${Vue.user.orgid}    ${Vue.user.orgid}
+
+        let pcdlist= await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {data:{items:"*",tablename:"t_pcd",orderitem:"id",condition:`f_orgid = '${Vue.user.orgid}'`}}, {resolveMsg: null, rejectMsg: null})
+        console.log('请求发送完成！！！！！'+JSON.stringify(res))
+        pcdlist.data.forEach((result)=>{
+          this.pcds.push({label:result.f_pcd,value:result})
+        })
+        //console.log('获取地址单位配置文件！！！！！'+JSON.stringify(addressUnit))
+        let res=await new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/logic/filemanage_getFilesDetail`, {
+          //f_userinfo_code:'12381344',
+          f_userinfo_id:this.f_userinfo_id
+        }, {resolveMsg: null, rejectMsg: null})
+        console.log('相應請求----')
+        console.log(res.data)
+        this.userinfo = res.data
+        this.userinfo_old=JSON.parse(JSON.stringify(res.data))
+        this.model = this.userinfo.meterinfo[0].devicesinfo
+        this.selectPcd.id=this.userinfo.addressinfo.f_pcd_id
+        this.selectPcd.f_pcd=this.userinfo.addressinfo.f_pcd
+        console.log('相應請求----'+this.selectStreet.id+'--------'+this.userinfo.addressinfo.f_street_id)
+        this.selectStreet.id=this.userinfo.addressinfo.f_street_id
+        this.selectStreet.f_street=this.userinfo.addressinfo.f_street
+        this.selectArea.id=this.userinfo.addressinfo.f_residential_area_id
+        await this.getStreetList()
+        await this.getAreaList()
+        this.addressType=this.userinfo.addressinfo.f_special==1?'特殊地址':'普通地址'
+        if(this.f_user_phone){
+            this.userinfo.baseinfo.base.f_user_phone=this.f_user_phone
+        }
+        this.excessive=false
+        //this.userinfo.addressinfo.f_special=1
+        console.log('請求jieshu----')
+        this.isAreaReady=true
+
+      }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;
+    /*border-left: 5px solid #A2C2EB;*/
+    float: left;
+    width: 25%;
+    margin-bottom: 3px;
+    text-align: left;
+    word-wrap: break-word;
+    white-space: normal;
+  }
+  .tit1{
+    /*background: #ffffff url('../../assets/用户姓名.png') no-repeat fixed center;*/
+    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;
+    /* margin-top: 10px; */
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+  }
+</style>
+<style lang="less">
+  #upuserinfo_sel ul{
+    width: 100% !important;
+    left:0 !important;
+  }
+</style>