safecheck-client 3.0.34-gongyi → 3.0.35-2

package/src/components/android/PhoneUpDetail.vue

@@ -0,0 +1,1040 @@
+<template>
+  <work-busy :is-busy="excessive"></work-busy>
+  <div style="height: 100%">
+    <!--    <div class="panel auto" >-->
+    <!--      <div class="panel-heading" @click="selectVal('基本信息')" style="background-color: #ffffff">-->
+    <!--        <span class="spanboder" >-->
+    <!--          <img  src="../../assets/person.png" style="width: 22px;margin-right: 8px;">基本信息-->
+    <!--          <img class="butt3" :src="imgback('基本信息')">-->
+    <!--        </span>-->
+    <!--      </div>-->
+    <!--      <div class="panel-body " id="upuserinfo_sel" v-show="headername=='基本信息'">-->
+    <!--        <div class="row auto" style="margin: 5px 0">-->
+    <!--          <labe class="righttxt">用户编号:</labe>-->
+    <!--          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_userinfo_code"  readonly/>-->
+    <!--        </div>-->
+    <!--        <div class="row auto" style="margin: 5px 0">-->
+    <!--          <labe class="righttxt">用户名称:</labe><input type="text" class="form-control rightipt"  v-model="userinfo.baseinfo.base.f_user_name" readonly />-->
+    <!--        </div>-->
+    <!--        <div class="row auto" style="margin: 5px 0">-->
+    <!--          <labe class="righttxt">用户状态:</labe><input type="text" class="form-control rightipt" 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"  />-->
+    <!--        </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_phone"  />-->
+    <!--        </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>-->
+    <!--          &lt;!&ndash;<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />&ndash;&gt;-->
+    <!--          &lt;!&ndash;<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd"  />&ndash;&gt;-->
+    <!--          &lt;!&ndash;<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>&ndash;&gt;-->
+    <!--        </div>-->
+    <!--        <div class="row auto" style="margin: 5px 0">-->
+    <!--          <labe class="righttxt">地区类型:</labe>-->
+    <!--          &lt;!&ndash;<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />&ndash;&gt;-->
+    <!--          <input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_iscity"  />-->
+    <!--          &lt;!&ndash;<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>&ndash;&gt;-->
+    <!--        </div>-->
+    <!--        <div class="row auto" style="margin: 5px 0">-->
+    <!--          <labe class="righttxt">省&ensp;市&ensp;区:</labe>-->
+    <!--          &lt;!&ndash;<input type="text" style="width: 75%;float:right" class="form-control"  v-model="row.f_devices_type"  />&ndash;&gt;-->
+    <!--          &lt;!&ndash;<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd"  />&ndash;&gt;-->
+    <!--          <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>&lt;!&ndash;<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_street"  />&ndash;&gt;-->
+    <!--          <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>-->
+    <!--          &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"-->
+    <!--                    :timeout="500"-->
+    <!--                    @select-search="select_search"-->
+    <!--                    :options='area' placeholder='请选择集收单位'  close-on-select clear-button value-single @change="area_change()"></v-select>-->
+    <!--        </div>-->
+    <!--        &lt;!&ndash;<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>&ndash;&gt;-->
+    <!--        <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>&lt;!&ndash;<input type="text" class="form-control rightipt" readonly v-model="getaddress()"  />&ndash;&gt;-->
+    <!--          <textarea :readonly="addressType=='普通地址'" class="form-control rightipt" : style="height: 80px" v-model="userinfo.addressinfo.f_address"></textarea>-->
+    <!--        </div>-->
+
+    <!--        &lt;!&ndash;<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>&ndash;&gt;-->
+
+    <!--        <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>&lt;!&ndash;<input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_remark"  />&ndash;&gt;-->
+    <!--        </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" style="width: 45%" v-model="userinfo.meterinfo[0].f_meternumber" />-->
+    <!--          <button type="button" :disabled="userinfo.meterinfo[0].f_meter_classify!='机表'" name="button" class="btn btn-primary" style="width: 15%" @click="scan">扫码</button>-->
+    <!--        </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].gasbrand"  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].gasmodel"  readonly />-->
+    <!--        </div>-->
+    <!--        <div class="row auto" style="margin: 5px 0">-->
+    <!--          <labe class="righttxt">气表类型:</labe>-->
+    <!--          &lt;!&ndash;<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_position"  readonly/>&ndash;&gt;-->
+    <!--          <v-select  class="rightipt"  :value.sync="userinfo.meterinfo[0].gasmodeltype"-->
+    <!--                     v-model="userinfo.meterinfo[0].gasmodeltype"-->
+    <!--                     placeholder='请选择'-->
+    <!--                     :width='wid'-->
+    <!--                     readonly-->
+    <!--                     :options="qb_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>-->
+    <!--        &lt;!&ndash;<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>-->
+
+    <!--                </div>-->
+    <!--              </div>-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--        </div>&ndash;&gt;-->
+    <!--        &lt;!&ndash;<div class="row auto" style="margin: 5px 0">&ndash;&gt;-->
+    <!--        &lt;!&ndash;<labe class="righttxt">控制器号:</labe>&ndash;&gt;-->
+    <!--        &lt;!&ndash;<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles" />&ndash;&gt;-->
+    <!--        &lt;!&ndash;</div>&ndash;&gt;-->
+    <!--        <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>-->
+    <!--          &lt;!&ndash;<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_position"  readonly/>&ndash;&gt;-->
+    <!--          <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">-->
+    <!--          <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_device_power"/>-->
+<!--          </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" v-model="row.f_pipe_type"/>-->
+            <v-select class="rightipt" :value.sync="row.f_pipe_type"
+                      v-model="row.f_pipe_type"
+                      placeholder='请选择'
+                      :width='wid'
+                      readonly
+                      :options="pipetypes"
+                      close-on-select value-single></v-select>
+          </div>
+<!--          <div class="row auto" style="margin: 5px 0">-->
+<!--            <labe class="righttxt">管道数量:</labe>-->
+<!--            <input type="text" class="form-control rightipt" v-model="row.f_pipe_num"/>-->
+<!--          </div>-->
+<!--          <div class="row auto" style="margin: 5px 0">-->
+<!--            <labe class="righttxt">管道安装日期:</labe>-->
+<!--            &lt;!&ndash;<input type="text" class="form-control rightipt"   v-model="row.f_make_date"  />&ndash;&gt;-->
+<!--            <datepicker class="rightipt"-->
+<!--                        :value.sync="row.f_pipeinstall_date"-->
+<!--                        v-model="row.f_pipeinstall_date"-->
+<!--                        :disabled-days-of-Week="[]"-->
+<!--                        :format="'yyyy-MM-dd'"-->
+<!--                        :show-reset-button="reset" readonly="readonly">-->
+<!--            </datepicker>-->
+<!--          </div>-->
+<!--          <div class="row auto" style="margin: 5px 0">-->
+<!--            <labe class="righttxt">管道到期日期:</labe>-->
+<!--            &lt;!&ndash;<input type="text" class="form-control rightipt"   v-model="row.f_make_date"  />&ndash;&gt;-->
+<!--            <datepicker class="rightipt"-->
+<!--                        :value.sync="row.f_pipeexpire_date"-->
+<!--                        v-model="row.f_pipeexpire_date"-->
+<!--                        :disabled-days-of-Week="[]"-->
+<!--                        :format="'yyyy-MM-dd'"-->
+<!--                        :show-reset-button="reset" readonly="readonly">-->
+<!--            </datepicker>-->
+<!--          </div>-->
+<!--          <div class="row auto" style="margin: 5px 0">-->
+<!--            <labe class="righttxt">有无自闭阀:</labe>-->
+<!--            &lt;!&ndash;            <input type="text" class="form-control rightipt" v-model="row.f_is_zibifa"  />&ndash;&gt;-->
+<!--            <v-select class="rightipt" :value.sync="row.f_is_zibifa"-->
+<!--                      v-model="row.f_is_zibifa"-->
+<!--                      placeholder='请选择'-->
+<!--                      :width='wid'-->
+<!--                      :options="is_zibifa"-->
+<!--                      close-on-select value-single></v-select>-->
+<!--          </div>-->
+<!--          <div class="row auto" style="margin: 5px 0">-->
+<!--            <labe class="righttxt">自闭阀数量:</labe>-->
+<!--            <input type="text" class="form-control rightipt" v-model="row.f_zibifa_num"/>-->
+<!--          </div>-->
+          <!--<div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">设备状态:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.f_userinfodevices_state"  />
+          </div>-->
+          <!--<div class="row auto" style="margin: 5px 0">
+            <labe class="righttxt">购买方式:</labe><input type="text" class="form-control rightipt" readonly  v-model="row.watchpurchase"  />
+          </div>-->
+          <div style="display: flex;justify-content: center;margin-bottom: 3px"
+               v-if="$index>this.userinfo_old.devicesinfo.length-1 || this.userinfo_old.devicesinfo.length==0">
+            <button class="btn btn-warning" @click="delDevices($index)">删除设备</button>
+          </div>
+        </div>
+        <div style="display: flex;justify-content: space-around;">
+          <button class="col-sm-3 btn btn-primary" @click="addDevices($index)">新增设备</button>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div class="panel-body">
+        <div style="display: flex;justify-content: center;">
+          <button class="col-sm-3 btn btn-primary" :disabled="enable" @click="editUserInfo()">上传</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  import * as Util from '../../components/Util'
+  import Vue from 'vue'
+
+  export default {
+    title: '设备查看',
+    data() {
+      return {
+        model: [],
+        show: false,
+        row: Object,
+        userinfo: Object,
+        userinfo_old: Object,
+        wid: "60%",
+        devices_types: [],
+        pipe_types: this.$appdata.getParam('管道类型'),
+        pipetypes: [{label: '有', value: '不锈钢波纹管'}, {label: '无', value: ''}],
+        wz_types: [],
+        qb_types: Vue.$appdata.getParam('表类型'),
+        cityTypes: [{label: '市区', value: '市区'}, {label: '城镇', value: '城镇'}],
+        is_zibifa: this.$appdata.getParam('有无自闭阀'),
+        pcds: [],
+        streets: [],
+        update: false,
+        headername: '设备信息',
+        excessive: false,
+        area: [],
+        enable: false,
+        f_meterno_path: Vue.nopic,
+        selectArea: {id: ''},
+        selectPcd: {id: ''},
+        selectStreet: {id: ''},
+        changemeterno: false,//是否修改了机表表号
+        approveChange: false,//是否需要进行信息变更审核
+        newAddress: '',
+        addressType: '',
+        //需要审核的字段
+        checkField: {
+          checkUserinfoField: [
+            'f_user_name'
+          ],
+          checkUserFilesField: [
+            'f_meternumber'
+          ],
+          checkAddressField: [
+            'f_pcd_id',
+            'f_street_id',
+            'f_residential_area_id',
+            'f_building',
+            'f_unit',
+            'f_floor',
+            'f_room',
+            'f_slice_area',
+            'f_special',
+            'f_address'
+          ],
+        }
+      }
+    },
+    props: {
+      user: {
+        type: Object
+      },
+      f_userinfo_id: {
+        type: String
+      },
+      f_source: {
+        type: String
+      }
+    },
+    methods: {
+      // scan(){
+      //   HostApp.__this__=this,
+      //     HostApp.scanCode({callback:"javascript:HostApp.__this__.getCode();"})
+      // },
+      // getCode(){
+      //   var datapa = HostApp.getCode().data;
+      //   //tag
+      //   this.userinfo.meterinfo[0].f_meternumber=datapa
+      // },
+      //数据检查
+      // checkVal(){
+      //   //检查一些必要信息是否未填
+      //   this.approveChange=false
+      //   this.changemeterno=false
+      //   let checked={ischeck:true,msg:''}
+      //   //tag
+      //   //tag
+      //   //tag
+      //   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){
+      //
+      //     //tag
+      //     //tag
+      //     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){
+      //     //tag
+      //     if(typeof check!='function'){
+      //       for(let i = 0;i < this.checkField[check].length;i++){
+      //         //tag
+      //         if(check=='checkUserinfoField'){
+      //           //tag
+      //           //tag
+      //           if(this.userinfo.baseinfo.base[this.checkField[check][i]]!=this.userinfo_old.baseinfo.base[this.checkField[check][i]]){
+      //             //tag
+      //             this.approveChange=true
+      //           }
+      //         }else if(check=='checkUserFilesField'){
+      //           //tag
+      //           //tag
+      //           if(this.userinfo.meterinfo[0][this.checkField[check][i]]!=this.userinfo_old.meterinfo[0][this.checkField[check][i]]){
+      //             //tag
+      //             this.approveChange=true
+      //           }
+      //         }else if(check=='checkAddressField'){
+      //           //tag
+      //           //tag
+      //           if(this.userinfo.addressinfo[this.checkField[check][i]]!=this.userinfo_old.addressinfo[this.checkField[check][i]]){
+      //             //tag
+      //             this.approveChange=true
+      //           }
+      //         }
+      //       }
+      //     }
+      //   }
+      //   //tag
+      //   return checked
+      // },
+      // select_search(text){
+      //   //tag
+      //   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)=>{
+      //       //tag)
+      //       if(res.data.length>0){
+      //         this.area=[]
+      //         res.data.forEach((result)=>{
+      //           this.area.push({label:result.f_residential_area,value:result})
+      //         })
+      //       }
+      //     })
+      //   }else{
+      //     this.area=[]
+      //   }
+      // },
+      cameraCallBack(prop, fileName) {
+        HostApp.__this__.$set(prop, fileName + '?' + Math.random())
+        //tag
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      takePic(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack
+        HostApp.__this__ = this
+        //tag
+        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
+        // }
+        for (let i = 0; i < this.model.length; i++) {
+          this.model[i].f_user_id = this.userinfo.meterinfo[0].f_user_id
+        }
+        this.$showMessage('确定是否修改上传设备信息？', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            this.excessive = true
+            let userinfoms = Object.assign({}, this.userinfo_old.baseinfo.base)
+            //userinfoms.f_user_name=row.f_user_name
+            userinfoms.f_user_phone = this.userinfo.baseinfo.base.f_user_phone
+            userinfoms.f_rent_phone = this.userinfo.baseinfo.base.f_rent_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])
+            //tag)
+            new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/filemanage_fileSave`, {
+              data: {
+                userinfo: userinfoms,
+                modifyReason: this.f_source ? `${this.f_source}维护档案信息` : '',
+                address: {
+                  id: this.userinfo_old.addressinfo.id,
+                  oldid: this.userinfo_old.addressinfo.id,
+                  f_address: this.userinfo_old.addressinfo.f_address ? this.userinfo_old.addressinfo.f_address : this.userinfo.addressinfo.f_address
+                }
+              }
+            }, {resolveMsg: null, rejectMsg: null}).then((res1) => {
+              //tag+res1.data.status)
+              if (res1.data.status == 200) {
+                //本次修改信息包含需要审核信息
+                if (false) {
+                  //tag
+                  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_rent_phone: this.userinfo.baseinfo.base.f_rent_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_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'
+                  })
+                  //tag)
+                  if (res2.code == 200) {
+                    this.$showMessage("变更用户信息成功,需要审核的信息已提交审核，等待管理员处理！")
+                    this.enable = true
+                    this.excessive = false
+                  } else {
+                    this.$showMessage("上传审核信息失败，请检查图片和网络状况是否正常！")
+                    this.excessive = false
+                  }
+                } else {
+                  this.$showMessage("修改用户信息成功！")
+                  this.enable = true
+                  this.excessive = false
+                }
+
+              }
+            }).catch((msg) => {
+              this.$showMessage("修改用户信息失败,请检查手机网络状况！")
+              this.excessive = false
+            })
+
+          }
+        })
+      },
+      imgback(header) {
+        if (this.headername == header) {
+          return require('../../assets/xiangxia1.png')
+        } else {
+          return require('../../assets/xiangyou1.png')
+        }
+        this.headername = header
+      },
+      selectVal(header) {
+        if (this.headername == header) {
+          this.headername = ''
+        } else {
+          this.headername = header
+        }
+
+      },
+      // changeNewAddress(){
+      //   this.userinfo.addressinfo.f_address=this.addressType=='普通地址'?this.getAddress:this.getAddressTS
+      // },
+      // area_change(){
+      //   //tag
+      //   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(){
+      //   //tag
+      //   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})
+      //     ////tag)
+      //     res.data.forEach((result)=>{
+      //       this.area.push({label:result.f_residential_area,value:result})
+      //     })
+      //   }else{
+      //     this.area=[]
+      //   }
+      //
+      //   this.changeNewAddress()
+      // },
+      // async pcd_change(){
+      //   //tag
+      //   if(this.selectPcd.id){
+      //     //tag
+      //     //如果省市区改变-重新赋值
+      //     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(){
+      //   //tag)
+      //   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_device_power": null,
+          "f_devices_no": null,
+          "img": {"content": null, "filename": null}
+        }
+        this.model.push(obj)
+      },
+      delDevices(idx) {
+        //tag
+        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})
+      //     ////tag)
+      //     res.data.forEach((result)=>{
+      //       this.area.push({label:result.f_residential_area,value:result})
+      //     })
+      //     //tag
+      //     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){
+      //     //tag
+      //     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){
+      //         //tag)
+      //         this.userinfo.addressinfo.f_iscity=result.f_iscity
+      //       }
+      //       this.streets.push({label:result.f_street,value:result})
+      //     })
+      //   }else{
+      //     this.streets=[]
+      //   }
+      // },
+      // changeAddressType (val) {
+      //   //tag
+      //   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) {
+        //tag
+        if(this.selectPcd.id){
+          this.getStreetList()
+        }
+      },
+      'selectStreet.id' (val) {
+        //tag
+        if(this.selectStreet.id){
+          this.getAreaList()
+        }
+      }*/
+    },
+    async ready() {
+
+      if (!this.f_userinfo_id) {
+        this.$showMessage("未检测到用户！")
+        this.enable = true
+        return
+      }
+      try {
+        this.devices_types = Vue.$appdata.getParam('设备类型')
+        this.wz_types = Vue.$appdata.getParam('安装位置')
+        this.excessive = true
+        let pcdlist = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
+          data: {
+            items: "*",
+            tablename: "t_pcd",
+            orderitem: "id",
+            condition: `f_orgid = '${Vue.user.orgid}'`
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+        //tag)
+        pcdlist.data.forEach((result) => {
+          this.pcds.push({label: result.f_pcd, value: result})
+        })
+        ////tag)
+        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})
+        //tag
+        //tag
+        this.userinfo = res.data
+        this.userinfo_old = JSON.parse(JSON.stringify(res.data))
+        this.model = this.userinfo.meterinfo[0].devicesinfo
+        this.selectArea.id = this.userinfo.addressinfo.f_residential_area_id
+        this.selectPcd.id = this.userinfo.addressinfo.f_pcd_id
+        this.selectPcd.f_pcd = this.userinfo.addressinfo.f_pcd
+        this.selectStreet.id = this.userinfo.addressinfo.f_street_id
+        this.selectStreet.f_street = this.userinfo.addressinfo.f_street
+        await this.getStreetList()
+        await this.getAreaList()
+        this.excessive = false
+        this.addressType = this.userinfo.addressinfo.f_special == 1 ? '特殊地址' : '普通地址'
+        //this.userinfo.addressinfo.f_special=1
+        //tag
+      } catch (e) {
+        this.excessive = false
+      }
+      new HttpResetClass().load('get', `${this.$androidUtil.getProxyUrl()}/rs/vue/UserAddress.json`, {data: {}}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((addressUnit) => {
+        this.userinfo.addressinfo.f_building_suffix = addressUnit.data.f_building_suffix
+        this.userinfo.addressinfo.f_unit_suffix = addressUnit.data.f_unit_suffix
+        this.userinfo.addressinfo.f_floor_suffix = addressUnit.data.f_floor_suffix
+        this.userinfo.addressinfo.f_room_suffix = addressUnit.data.f_room_suffix
+      }).catch((msg) => {
+      })
+    }
+  }
+</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-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>