safecheck-client 3.0.30-9 → 3.0.30-90

package/src/components/rongcheng/PhoneUpUserinfo.vue

@@ -8,34 +8,34 @@
           <img class="butt3" :src="imgback('基本信息')">
         </span>
       </div>
-      <div class="panel-body " id="upuserinfo_sel" v-show="headername=='基本信息'">
+      <div class="panel-body " id="upuserinfo_sel" v-show="headername == '基本信息'">
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">用户编号:</label>
-          <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_userinfo_code" readonly/>
+          <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">
           <label class="righttxt">用户名称:</label><input type="text" class="form-control rightipt"
-                                                      v-model="userinfo.baseinfo.base.f_user_name" readonly/>
+                                                          v-model="userinfo.baseinfo.base.f_user_name" readonly />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">用户状态:</label><input type="text" class="form-control rightipt" readonly
-                                                      v-model="userinfo.baseinfo.base.f_user_state"/>
+                                                          v-model="userinfo.baseinfo.base.f_user_state" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">用户电话:</label><input type="text" class="form-control rightipt"
-                                                      v-model="userinfo.baseinfo.base.f_user_phone"/>
+                                                          v-model="userinfo.baseinfo.base.f_user_phone" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">租户姓名:</label><input type="text" class="form-control rightipt"
-                                                      v-model="userinfo.baseinfo.base.f_rent_name"/>
+                                                          v-model="userinfo.baseinfo.base.f_rent_name" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">租户电话:</label><input type="text" class="form-control rightipt"
-                                                      v-model="userinfo.baseinfo.base.f_zuhu_phone"/>
+                                                          v-model="userinfo.baseinfo.base.f_zuhu_phone" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">建档日期:</label><input type="text" class="form-control rightipt"
-                                                      v-model="userinfo.baseinfo.base.f_createfile_date" readonly/>
+                                                          v-model="userinfo.baseinfo.base.f_createfile_date" readonly />
         </div>
         <!--        <div class="row auto" style="margin: 5px 0">
                   <label class="righttxt">开户日期:</label><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_open_date" readonly  />
@@ -44,11 +44,11 @@
           <label class="righttxt">地址类型:</label>
           <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>
+                        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>
+                        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"  />-->
@@ -60,7 +60,7 @@
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">地区类型:</label>
           <!--<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"/>
+          <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"
@@ -71,31 +71,23 @@
           <label class="righttxt">省&ensp;市&ensp;区:</label>
           <!--<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
+          <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">
           <label class="righttxt">街道名称:</label>
           <!--<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
+          <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">
           <label class="righttxt">集收单位:</label>
           <!--<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>
+          <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=='特殊地址'">
           <label class="righttxt">集收单位:</label>
@@ -106,34 +98,30 @@
                     @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=='普通地址'">
+        <div class="row auto" style="margin: 5px 0" v-show="addressType == '普通地址'">
           <label class="righttxt">楼&ensp;&ensp;&ensp;&ensp;号:</label><input type="text" @change="changeNewAddress"
-                                                                            class="form-control rightipt"
-                                                                            v-model="userinfo.addressinfo.f_building"/>
+                                                                              class="form-control rightipt" v-model="userinfo.addressinfo.f_building" />
         </div>
-        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">
+        <div class="row auto" style="margin: 5px 0" v-show="addressType == '普通地址'">
           <label class="righttxt">单&ensp;&ensp;&ensp;&ensp;元:</label><input type="text" @change="changeNewAddress"
-                                                                            class="form-control rightipt"
-                                                                            v-model="userinfo.addressinfo.f_unit"/>
+                                                                              class="form-control rightipt" v-model="userinfo.addressinfo.f_unit" />
         </div>
-        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">
+        <div class="row auto" style="margin: 5px 0" v-show="addressType == '普通地址'">
           <label class="righttxt">楼&ensp;&ensp;&ensp;&ensp;层:</label><input type="text" @change="changeNewAddress"
-                                                                            class="form-control rightipt"
-                                                                            v-model="userinfo.addressinfo.f_floor"/>
+                                                                              class="form-control rightipt" v-model="userinfo.addressinfo.f_floor" />
         </div>
-        <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">
+        <div class="row auto" style="margin: 5px 0" v-show="addressType == '普通地址'">
           <label class="righttxt">门&ensp;牌&ensp;号:</label><input type="text" @change="changeNewAddress"
-                                                                 class="form-control rightipt"
-                                                                 v-model="userinfo.addressinfo.f_room"/>
+                                                                    class="form-control rightipt" v-model="userinfo.addressinfo.f_room" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">详细地址:</label><input type="text" class="form-control rightipt" readonly
-                                                      v-model="userinfo_old.addressinfo.f_address"/>
+                                                          v-model="userinfo_old.addressinfo.f_address" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">新&ensp;地&ensp;址:</label>
           <!--<input type="text" class="form-control rightipt" readonly v-model="getaddress()"  />-->
-          <textarea :readonly="addressType=='普通地址'" class="form-control rightipt" : style="height: 80px"
+          <textarea :readonly="addressType == '普通地址'" class="form-control rightipt" : style="height: 80px"
                     v-model="userinfo.addressinfo.f_address"></textarea>
         </div>
 
@@ -144,8 +132,7 @@
 
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">备&ensp;&ensp;&ensp;&ensp;注:</label><textarea class="form-control rightipt"
-                                                                               style="height: 150px"
-                                                                               v-model="userinfo.baseinfo.base.f_remark"></textarea>
+                                                                                 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>
@@ -157,96 +144,68 @@
           <img class="butt3" :src="imgback('表具信息')">
         </span>
       </div>
-      <div class="panel-body " v-show="headername=='表具信息'">
+      <div class="panel-body " v-show="headername == '表具信息'">
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">表&ensp;&ensp;&ensp;&ensp;号:</label>
-          <input type="text" :readonly="userinfo.meterinfo[0].f_meter_classify!='机表'" class="form-control rightipt"
-                 style="width: 45%" v-model="userinfo.meterinfo[0].f_meternumber"/>
+          <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=='机表' || userinfo.meterinfo[0].f_meter_classify=='金额卡表' || userinfo.meterinfo[0].f_meter_classify=='气量卡表')"
+                  :disabled="!(userinfo.meterinfo[0].f_meter_classify == '机表' || userinfo.meterinfo[0].f_meter_classify == '金额卡表' || 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">
           <label class="righttxt">通&ensp;气&ensp;人:</label>
-          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_gas_person"/>
+          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_gas_person" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">通气时间:</label>
-          <datepicker class="rightipt"
-                      :value.sync="userinfo.meterinfo[0].f_gas_date"
-                      v-model="userinfo.meterinfo[0].f_gas_date"
-                      :disabled-days-of-Week="[]"
-                      :format="'yyyy-MM-dd'"
+          <datepicker class="rightipt" :value.sync="userinfo.meterinfo[0].f_gas_date"
+                      v-model="userinfo.meterinfo[0].f_gas_date" :disabled-days-of-Week="[]" :format="'yyyy-MM-dd'"
                       :show-reset-button="reset">
           </datepicker>
         </div>
         <div class="row auto" style="margin: 5px 0" v-show="showBox">
           <label class="righttxt">调&ensp;压&ensp;箱:</label>
-          <v-select class="rightipt"
-                    :value.sync="userinfo.meterinfo[0].f_adjustable_id"
-                    v-model="userinfo.meterinfo[0].f_adjustable_id"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :options="boxOptions"
-                    close-on-select value-single></v-select>
+          <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_adjustable_id"
+                    v-model="userinfo.meterinfo[0].f_adjustable_id" placeholder='请选择' :width='wid' readonly
+                    :options="boxOptions" close-on-select value-single></v-select>
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">是否直通:</label>
-          <v-select
-            :value.sync="userinfo.meterinfo[0].f_if_direct"
-            class="input-font"
-            style="margin-left: 5%;"
-            :width="'60%'"
-            v-model="userinfo.meterinfo[0].f_if_direct"
-            :options='directOptions'
-            placeholder='是否直通'
-            close-on-select
-            clear-button
-            value-single>
+          <v-select :value.sync="userinfo.meterinfo[0].f_if_direct" class="input-font" style="margin-left: 5%;"
+                    :width="'60%'" v-model="userinfo.meterinfo[0].f_if_direct" :options='directOptions' placeholder='是否直通'
+                    close-on-select clear-button value-single>
           </v-select>
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">表&ensp;封&ensp;号:</label>
-          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles"/>
+          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles" />
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">表&ensp;位&ensp;置:</label>
           <!--<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"
+                    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">
           <label class="righttxt">表&ensp;&ensp;&ensp;&ensp;向:</label>
           <!--<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_aroundmeter"
-                    v-model="userinfo.meterinfo[0].f_aroundmeter"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :options="aroundmeters"
-                    close-on-select value-single></v-select>
+                    v-model="userinfo.meterinfo[0].f_aroundmeter" placeholder='请选择' :width='wid' readonly
+                    :options="aroundmeters" close-on-select value-single></v-select>
         </div>
         <div class="row auto" style="margin: 5px 0">
           <label class="righttxt">气表类型:</label>
-          <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meter_classify" readonly/>
+          <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">
           <label class="righttxt">表前阀状态:</label>
           <!--<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_bqf_state"
-                    v-model="userinfo.meterinfo[0].f_bqf_state"
-                    placeholder='请选择'
-                    :width='wid'
-                    readonly
-                    :options="bqf_states"
+                    v-model="userinfo.meterinfo[0].f_bqf_state" placeholder='请选择' :width='wid' readonly :options="bqf_states"
                     close-on-select value-single></v-select>
         </div>
         <!--        <div class="row auto" style="margin: 5px 0">
@@ -261,94 +220,69 @@
         <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="(idx,row) in model"
+      <div class="panel-body" v-show="headername == '设备信息'">
+        <div class="row" v-for="(idx, 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">
             <label class="righttxt">设备类型:</label>
             <!--<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='请选择'
-                      @change="getServiceLife(idx,row.f_devices_type)"
-                      :width='wid'
-                      readonly
-                      :options="devices_types"
+            <v-select class="rightipt" :value.sync="row.f_devices_type" v-model="row.f_devices_type" placeholder='请选择'
+                      @change="getServiceLife(idx, row.f_devices_type)" :width='wid' readonly :options="devices_types"
                       close-on-select value-single></v-select>
           </div>
           <div class="row auto" style="margin: 5px 0">
             <label class="righttxt">设备品牌:</label>
-            <input type="text" class="form-control rightipt"
-                   v-model="row.f_brand"/>
+            <input type="text" class="form-control rightipt" v-model="row.f_brand" />
           </div>
           <div class="row auto" style="margin: 5px 0">
             <label class="righttxt">设备型号:</label><input type="text" class="form-control rightipt"
-                                                        v-model="row.f_devices_model"/>
+                                                            v-model="row.f_devices_model" />
           </div>
           <div class="row auto" style="margin: 5px 0" v-if="false">
             <label class="righttxt">生产日期:</label>
-            <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 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">
             <label class="righttxt">安装日期:</label>
-            <datepicker class="rightipt"
-                        @change="countExpireFate(idx,row.f_input_date)"
-                        :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 class="rightipt" @change="countExpireFate(idx, row.f_input_date)" :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">
             <label class="righttxt">使用年限:</label><input type="number" class="form-control rightipt"
-                                                        v-model="row.f_service_life" readonly/>
+                                                            v-model="row.f_service_life" readonly />
           </div>
           <div class="row auto" style="margin: 5px 0">
             <label class="righttxt">到期日期:</label>
-            <input type="text" class="form-control rightipt"
-                   v-model="row.f_expire_date" readonly/>
+            <input type="text" class="form-control rightipt" v-model="row.f_expire_date" readonly />
           </div>
           <div class="row auto" style="margin: 5px 0">
             <label class="righttxt">安&ensp;装&ensp;人:</label><input type="text" class="form-control rightipt"
-                                                                   v-model="row.f_input_person"/>
+                                                                      v-model="row.f_input_person" />
           </div>
           <div class="row auto" style="margin:  5px 0">
             <label class="righttxt">设备数量:</label><input type="number" class="form-control rightipt"
-                                                        v-model="row.f_devices_num"/>
+                                                            v-model="row.f_devices_num" />
           </div>
           <div class="row auto" style="margin: 5px 0">
             <label class="righttxt">管道类型:</label>
             <!--<input type="text" class="form-control rightipt" readonly v-model="row.f_devices_type"  />-->
-            <v-select class="rightipt" :value.sync="row.f_pipe_type"
-                      v-model="row.f_pipe_type"
-                      placeholder='请选择'
-                      :width='wid'
-                      readonly
-                      :options="pipe_types"
-                      close-on-select value-single></v-select>
+            <v-select class="rightipt" :value.sync="row.f_pipe_type" v-model="row.f_pipe_type" placeholder='请选择'
+                      :width='wid' readonly :options="pipe_types" close-on-select value-single></v-select>
           </div>
           <div class="row auto" style="margin: 5px 0">
             <label class="righttxt">安装日期:</label>
-            <datepicker class="rightipt"
-                        @change="countExpireFate_pipe(idx,row.f_pipeinstall_date,row.f_pipe_type)"
-                        :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 class="rightipt" @change="countExpireFate_pipe(idx, row.f_pipeinstall_date, row.f_pipe_type)"
+                        :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">
             <label class="righttxt">到期日期:</label>
-            <input type="text" class="form-control rightipt"
-                   v-model="row.f_pipeexpire_date" readonly/>
+            <input type="text" class="form-control rightipt" v-model="row.f_pipeexpire_date" readonly />
           </div>
           <!--<div class="row auto" style="margin: 5px 0">
             <label class="righttxt">设备状态:</label><input type="text" class="form-control rightipt" readonly  v-model="row.f_userinfodevices_state"  />
@@ -357,7 +291,7 @@
             <label class="righttxt">购买方式:</label><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">
+               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>
@@ -378,9 +312,10 @@
 </template>
 
 <script>
-  import {HttpResetClass} from 'vue-client'
+  import { HttpResetClass } from 'vue-client'
   import * as Util from "../Util";
   import Vue from 'vue'
+  import { toStandardDateString } from "../Util";
 
   export default {
     title: '设备查看',
@@ -394,10 +329,10 @@
         wid: "60%",
         aroundmeters: [],
         devices_types: [],
-        pipe_types: [{label: '包覆管', value: '包覆管'}, {label: '波纹管', value: '波纹管'}],
+        pipe_types: [{ label: '包覆管', value: '包覆管' }, { label: '波纹管', value: '波纹管' }],
         wz_types: [],
-        cityTypes: [{label: '市区', value: '市区'}, {label: '城镇', value: '城镇'}],
-        bqf_states: [{label: '开阀', value: '开阀'}, {label: '关阀', value: '关阀'}],
+        cityTypes: [{ label: '市区', value: '市区' }, { label: '城镇', value: '城镇' }],
+        bqf_states: [{ label: '开阀', value: '开阀' }, { label: '关阀', value: '关阀' }],
         pcds: [],
         streets: [],
         update: false,
@@ -406,9 +341,9 @@
         area: [],
         enable: false,
         f_meterno_path: Vue.nopic,
-        selectArea: {id: ''},
-        selectPcd: {id: ''},
-        selectStreet: {id: ''},
+        selectArea: { id: '' },
+        selectPcd: { id: '' },
+        selectStreet: { id: '' },
         changemeterno: false,//是否修改了机表表号
         approveChange: false,//是否需要进行信息变更审核
         newAddress: '',
@@ -436,7 +371,7 @@
         },
         boxOptions: [],
         showBox: false,
-        directOptions: [{label: '是', value: '是'}, {label: '否', value: '否'}],
+        directOptions: [{ label: '是', value: '是' }, { label: '否', value: '否' }],
         deviceBrandOption: {},
         isNeedAudit: this.$appdata.getSingleValue('信息变更是否需要审核') == 'false' ? false : true
       }
@@ -449,34 +384,34 @@
       f_source: ''
     },
     methods: {
-      countExpireFate_pipe(index,dateTime,type){
+      countExpireFate_pipe(index, dateTime, type) {
         let old = new Date(dateTime)
-        let newYear = old.getFullYear()+Number(this.$appdata.getSingleValue(type+'-年限') || 0)
-        let month = old.getMonth()+1
-        let date  = old.getDate()
-        this.model[index].f_pipeexpire_date = newYear + '-' + (month<10? '0'+ month : month) + '-' + (date<10? '0'+ date : date)
+        let newYear = old.getFullYear() + Number(this.$appdata.getSingleValue(type + '-年限') || 0)
+        let month = old.getMonth() + 1
+        let date = old.getDate()
+        this.model[index].f_pipeexpire_date = newYear + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
       },
-      countExpireFate(index,dateTime){
+      countExpireFate(index, dateTime) {
         let old = new Date(dateTime)
-        let newYear = old.getFullYear()+Number(this.model[index].f_service_life)
-        let month = old.getMonth()+1
-        let date  = old.getDate()
-        this.model[index].f_expire_date = newYear + '-' + (month<10? '0'+ month : month) + '-' + (date<10? '0'+ date : date)
+        let newYear = old.getFullYear() + Number(this.model[index].f_service_life)
+        let month = old.getMonth() + 1
+        let date = old.getDate()
+        this.model[index].f_expire_date = newYear + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
       },
-      getServiceLife(index,type){
-        const year = this.$appdata.getSingleValue(type+'-'+this.userinfo.meterinfo[0].f_user_type+'-年限') || 0
+      getServiceLife(index, type) {
+        const year = this.$appdata.getSingleValue(type + '-' + this.userinfo.meterinfo[0].f_user_type + '-年限') || 0
         this.model[index].f_service_life = year
       },
-      dateAddYear(dateTime,year){
+      dateAddYear(dateTime, year) {
         let old = new Date(dateTime)
-        let newYear = old.getFullYear()+Number(year)
-        let month = old.getMonth()+1
-        let date  = old.getDate()
-        return newYear + '-' + (month<10? '0'+ month : month) + '-' + (date<10? '0'+ date : date)
+        let newYear = old.getFullYear() + Number(year)
+        let month = old.getMonth() + 1
+        let date = old.getDate()
+        return newYear + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
       },
       scan() {
         HostApp.__this__ = this,
-          HostApp.scanCode({callback: "javascript:HostApp.__this__.getCode();"})
+          HostApp.scanCode({ callback: "javascript:HostApp.__this__.getCode();" })
       },
       getCode() {
         var datapa = HostApp.getCode().data;
@@ -488,28 +423,28 @@
         //检查一些必要信息是否未填
         this.approveChange = false
         this.changemeterno = false
-        let checked = {ischeck: true, msg: ''}
+        let checked = { ischeck: true, msg: '' }
         //tag
         //tag
         //tag
         if (!this.userinfo.baseinfo.base.f_user_name) {
-          checked = {ischeck: false, msg: '请输入用户名称！'}
+          checked = { ischeck: false, msg: '请输入用户名称！' }
         }
         if (!this.selectPcd.id) {
-          checked = {ischeck: false, msg: '请选择省市区！'}
+          checked = { ischeck: false, msg: '请选择省市区！' }
         }
         if (!this.selectStreet.id) {
-          checked = {ischeck: false, msg: '请选择街道！'}
+          checked = { ischeck: false, msg: '请选择街道！' }
         }
         if (!this.userinfo.addressinfo.f_address) {
-          checked = {ischeck: false, msg: '新地址不能为空！'}
+          checked = { ischeck: false, msg: '新地址不能为空！' }
         }
         if (this.addressType == '普通地址') {
           if (!this.selectArea.id) {
-            checked = {ischeck: false, msg: '请选择集收单位！'}
+            checked = { ischeck: false, msg: '请选择集收单位！' }
           }
           if (!this.userinfo.addressinfo.f_room) {
-            checked = {ischeck: false, msg: '新输入门牌号！'}
+            checked = { ischeck: false, msg: '新输入门牌号！' }
           }
         }
         if (this.userinfo.meterinfo[0].f_meter_classify == '机表' && this.userinfo_old.meterinfo[0].f_meternumber) {
@@ -519,14 +454,14 @@
           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: '请拍摄表号照片！'}
+                checked = { ischeck: false, msg: '请拍摄表号照片！' }
               } else {
                 //用来标识当前有修改机表表号，后台需要进行照片上传
                 this.changemeterno = true
               }
             }
           } else {
-            checked = {ischeck: false, msg: '请输入表号！'}
+            checked = { ischeck: false, msg: '请输入表号！' }
           }
         }
         //检查本次修改信息中是否包含需要审核的内容
@@ -574,12 +509,12 @@
               orderitem: "id",
               condition: `f_orgid = '${Vue.user.orgid}' ${pcdText} `
             }
-          }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          }, { 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})
+                this.area.push({ label: result.f_residential_area, value: result })
               })
             }
           })
@@ -667,13 +602,13 @@
                   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) => {
+            }, { resolveMsg: null, rejectMsg: null }).then((res1) => {
               if (res1.data.status == 200) {
                 let data = this.userinfo.addressinfo
                 data.f_address = this.userinfo_old.addressinfo.f_address ? this.userinfo_old.addressinfo.f_address : this.userinfo.addressinfo.f_address
                 //
                 data.f_operator = Vue.user.name
-                new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/address_updateuseraddress`, {data: data}).then((res2) => {
+                new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/address_updateuseraddress`, { data: data }).then((res2) => {
                   this.$showMessage("修改用户地址信息成功！")
                 }).catch(error => {
                   this.$showMessage("修改用户地址信息！")
@@ -724,9 +659,9 @@
               data: {
                 userinfo: userinfoms,
                 modifyReason: this.f_source ? `${this.f_source}维护档案信息` : '',
-                address: {id: this.userinfo_old.addressinfo.id, oldid: this.userinfo_old.addressinfo.id}
+                address: { id: this.userinfo_old.addressinfo.id, oldid: this.userinfo_old.addressinfo.id }
               }
-            }, {resolveMsg: null, rejectMsg: null}).then((res1) => {
+            }, { resolveMsg: null, rejectMsg: null }).then((res1) => {
               if (res1.data.status == 200) {
                 //本次修改信息包含需要审核信息
                 // if (this.approveChange) {
@@ -836,7 +771,7 @@
           this.userinfo.addressinfo.f_residential_area = ''
           this.userinfo.addressinfo.f_residential_area_id = ''
           this.userinfo.addressinfo.f_slice_area = ''
-          this.selectArea = {id: ''}
+          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`, {
@@ -846,10 +781,10 @@
               orderitem: "id",
               condition: `f_orgid = '${Vue.user.orgid}' ${pcdText} `
             }
-          }, {resolveMsg: null, rejectMsg: null})
+          }, { resolveMsg: null, rejectMsg: null })
           ////tag)
           res.data.forEach((result) => {
-            this.area.push({label: result.f_residential_area, value: result})
+            this.area.push({ label: result.f_residential_area, value: result })
           })
         } else {
           this.area = []
@@ -865,11 +800,11 @@
           this.userinfo.addressinfo.f_pcd = this.selectPcd.f_pcd
           this.userinfo.addressinfo.f_pcd_id = this.selectPcd.id
           //清空 选中的街道和集收单位
-          this.selectStreet = {id: ''}
+          this.selectStreet = { id: '' }
           this.userinfo.addressinfo.f_street = ''
           this.userinfo.addressinfo.f_street_id = ''
           this.userinfo.addressinfo.f_iscity = ''
-          this.selectArea = {id: ''}
+          this.selectArea = { id: '' }
           this.userinfo.addressinfo.f_residential_area = ''
           this.userinfo.addressinfo.f_residential_area_id = ''
           this.userinfo.addressinfo.f_slice_area = ''
@@ -882,9 +817,9 @@
               orderitem: "id",
               condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
             }
-          }, {resolveMsg: null, rejectMsg: null})
+          }, { resolveMsg: null, rejectMsg: null })
           streetlist.data.forEach((result) => {
-            this.streets.push({label: result.f_street, value: result})
+            this.streets.push({ label: result.f_street, value: result })
           })
         } else {
           this.streets = []
@@ -919,7 +854,7 @@
             f_zones: Vue.user.zones
           }
           new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/entity/t_disable`,
-            data, {resolveMsg: null, rejectMsg: null}).then((row) => {
+            data, { resolveMsg: null, rejectMsg: null }).then((row) => {
             this.$showMessage('已成功关阀停气！')
             this.userinfo.meterinfo[0].f_table_state = '停用'
           })
@@ -941,7 +876,7 @@
           "f_comments": null,
           "f_operate_date": Util.toStandardTimeString(),
           "f_operatorid": Vue.user.id,
-          "f_service_life":'',
+          "f_service_life": '',
           "f_devices_num": null,
           "f_process_id": null,
           "f_devices_type": null,
@@ -951,7 +886,7 @@
           "f_brand": null,
           "f_devices_model": null,
           "f_devices_no": null,
-          "img": {"content": null, "filename": null}
+          "img": { "content": null, "filename": null }
         }
         this.model.push(obj)
       },
@@ -974,10 +909,10 @@
               orderitem: "id",
               condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
             }
-          }, {resolveMsg: null, rejectMsg: null})
+          }, { resolveMsg: null, rejectMsg: null })
           ////tag)
           res.data.forEach((result) => {
-            this.area.push({label: result.f_residential_area, value: result})
+            this.area.push({ label: result.f_residential_area, value: result })
           })
           //tag
           this.area.push({
@@ -1004,14 +939,14 @@
               orderitem: "id",
               condition: `f_orgid = '${Vue.user.orgid}' ${pcdText}`
             }
-          }, {resolveMsg: null, rejectMsg: null})
+          }, { 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})
+            this.streets.push({ label: result.f_street, value: result })
           })
         } else {
           this.streets = []
@@ -1098,21 +1033,36 @@
             orderitem: "id",
             condition: `f_orgid = '${Vue.user.orgid}'`
           }
-        }, {resolveMsg: null, rejectMsg: null})
+        }, { resolveMsg: null, rejectMsg: null })
         //tag)
         pcdlist.data.forEach((result) => {
-          this.pcds.push({label: result.f_pcd, value: 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})
+        }, { 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.concat(this.userinfo.meterinfo[0].devicesinfonew)
+        //已经超期
+        let now = Util.toStandardDateString()
+        let overdue = this.model.filter(item => item.f_expire_date <= now).map(item => item.f_devices_type).join(',')
+        //临近超期
+
+        const advent_time = (this.$appdata.getSingleValue('设备超期提醒') || 7) * 1000 * 60 * 60 * 24
+        let advent = this.model.filter(item => (new Date(item.f_expire_date).getTime() - new Date().getTime()) >=0 && (new Date(item.f_expire_date).getTime() - new Date().getTime()) <= advent_time ).map(item => item.f_devices_type).join(',')
+
+        if (overdue && advent) {
+          this.$showMessage(`${overdue}设备已过期，${advent}设备临近超期`)
+        } else if (advent) {
+          this.$showMessage(`${advent}设备临近超期`)
+        } else if (overdue) {
+          this.$showMessage(`${overdue}设备已过期`)
+        }
         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
@@ -1129,7 +1079,7 @@
         this.enable = true
         this.$showMessage('获取用户信息出错,请检查网络状况！')
       }
-      new HttpResetClass().load('get', `${this.$androidUtil.getProxyUrl()}/rs/vue/UserAddress.json`, {data: {}}, {
+      new HttpResetClass().load('get', `${this.$androidUtil.getProxyUrl()}/rs/vue/UserAddress.json`, { data: {} }, {
         resolveMsg: null,
         rejectMsg: null
       }).then((addressUnit) => {
@@ -1144,11 +1094,11 @@
       }).catch((msg) => {
         //tag)
       })
-      this.showBox = this.$appdata.getSingleValue('档案审核是否显示调压箱') == '是'? true : false
+      this.showBox = this.$appdata.getSingleValue('档案审核是否显示调压箱') == '是' ? true : false
       console.log(this.showBox)
       if (this.showBox) {
         // 获取调压箱
-        new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/sql/adjustableboxQuery`, {data: {condition: '1 = 1'}}, {
+        new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/sql/adjustableboxQuery`, { data: { condition: '1 = 1' } }, {
           resolveMsg: null,
           rejectMsg: null
         }).then((res) => {