safecheck-client 3.0.30-62-t6 → 3.0.30-62-t8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/DefectDealMain/DefectListNew.vue +597 -597
- package/src/components/NewDefectList/DefectListNew.vue +52 -12
- package/src/components/Util/SafecheckUpload.vue +276 -265
- package/src/components/android/CurrentCreate.vue +2 -2
- package/src/components/android/PhoneUpDetail.vue +1040 -1040
- package/src/components/android/PhoneUpUserinfo.vue +1230 -1230
- package/src/components/pc/NewCheckpaperTemp.vue +1295 -1295
- package/src/components/rongcheng/DefectList.vue +560 -560
- package/src/components/rongcheng/PhoneDevicesInfo.vue +248 -248
- package/src/components/rongcheng/PhoneUpUserinfo.vue +1236 -1236
- package/src/components/userfile/SecurityAudit.vue +243 -243
- package/src/components/userfile/UserInfoAudit.vue +316 -316
- package/src/components/userfileNew/UserInfoAuditNew.vue +274 -274
- package/src/filiale/baiyin/pc/DefectListNew.vue +597 -597
- package/src/filiale/bayan/android/PhoneUpUserinfo.vue +1377 -1377
- package/src/filiale/bayan/pc/DefectListNew.vue +597 -597
- package/src/filiale/ganquan/android/PhoneUpUserinfo.vue +986 -986
- package/src/filiale/jiaxian/android/PhoneUpUserinfo.vue +1229 -1229
- package/src/filiale/jinbin/android/PhoneUpUserinfo.vue +878 -878
- package/src/filiale/jingyang/android/PhoneUpUserinfo.vue +1234 -1234
- package/src/filiale/jingyang/pc/UserInfoAuditNew.vue +272 -272
- package/src/filiale/kelai/android/PhoneUpUserinfo.vue +1053 -1053
- package/src/filiale/kelai/pc/UserInfoAudit.vue +254 -254
- package/src/filiale/minsheng/android/PhoneUpUserinfo.vue +1269 -1269
- package/src/filiale/qianneng/android/PhoneUpUserinfo.vue +1127 -1127
- package/src/filiale/qianneng/pc/UserInfoAudit.vue +286 -286
- package/src/filiale/qingjian/android/PhoneUpUserinfo.vue +1270 -1270
- package/src/filiale/qingtongxia/android/PhoneUpUserinfo.vue +1230 -1230
- package/src/filiale/shanxian/android/PhoneUpUserinfo.vue +939 -939
- package/src/filiale/shexian/android/PhoneUpUserinfo.vue +1153 -1153
- package/src/filiale/tongchuan/android/PhoneUpDetail.vue +707 -707
- package/src/filiale/tongchuan/android/PhoneUpUserinfo.vue +1323 -1323
- package/src/filiale/weinan/android/PhoneUpDetail.vue +968 -968
- package/src/filiale/weinan/android/PhoneUpUserinfo.vue +1038 -1038
- package/src/filiale/wenxi/android/PhoneUpUserinfo.vue +1076 -1076
- package/src/filiale/wuhai/android/PhoneUpUserinfo.vue +926 -926
- package/src/filiale/yangchunboneng/android/PhoneUpUserinfo.vue +1235 -1235
- package/src/filiale/yongzhou/android/PhoneUpUserinfo.vue +1257 -1257
- package/src/filiale/yuansheng/android/PhoneUpUserinfo.vue +942 -942
- package/src/filiale/yunchengminsheng/android/PhoneUpUserinfo.vue +1198 -1198
- package/src/filiale/zhongsheng/android/PhoneUpUserinfo.vue +926 -926
- package/src/filiale/zhongsheng/pc/UserInfoAudit.vue +252 -252
- package/src/filiale/zhongyi/pc/DefectListNew.vue +514 -514
- package/src/filiale/zhoukou/android/PhoneUpUserinfo.vue +957 -957
- package/src/main.js +33 -33
@@ -1,707 +1,707 @@
|
|
1
|
-
<template >
|
2
|
-
<work-busy :is-busy="excessive"></work-busy>
|
3
|
-
<div style="height: 100%">
|
4
|
-
<!-- <div class="panel auto" >-->
|
5
|
-
<!-- <div class="panel-heading" @click="selectVal('基本信息')" style="background-color: #ffffff">-->
|
6
|
-
<!-- <span class="spanboder" >-->
|
7
|
-
<!-- <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">基本信息-->
|
8
|
-
<!-- <img class="butt3" :src="imgback('基本信息')">-->
|
9
|
-
<!-- </span>-->
|
10
|
-
<!-- </div>-->
|
11
|
-
<!-- <div class="panel-body " id="upuserinfo_sel" v-show="headername=='基本信息'">-->
|
12
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
13
|
-
<!-- <labe class="righttxt">用户编号:</labe>-->
|
14
|
-
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_userinfo_code" readonly/>-->
|
15
|
-
<!-- </div>-->
|
16
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
17
|
-
<!-- <labe class="righttxt">用户名称:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_name" readonly />-->
|
18
|
-
<!-- </div>-->
|
19
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
20
|
-
<!-- <labe class="righttxt">用户状态:</labe><input type="text" class="form-control rightipt" readonly v-model="userinfo.baseinfo.base.f_user_state" />-->
|
21
|
-
<!-- </div>-->
|
22
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
23
|
-
<!-- <labe class="righttxt">用户电话:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_phone" />-->
|
24
|
-
<!-- </div>-->
|
25
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
26
|
-
<!-- <labe class="righttxt">备用电话:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_rent_phone" />-->
|
27
|
-
<!-- </div>-->
|
28
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
29
|
-
<!-- <labe class="righttxt">租户姓名:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_rent_name" />-->
|
30
|
-
<!-- </div>-->
|
31
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
32
|
-
<!-- <labe class="righttxt">租户电话:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_zuhu_phone" />-->
|
33
|
-
<!-- </div>-->
|
34
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
35
|
-
<!-- <labe class="righttxt">地址类型:</labe>-->
|
36
|
-
<!-- <div class="rightipt" style="display: flex;justify-content: space-around;margin-top: 5px">-->
|
37
|
-
<!-- <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>-->
|
38
|
-
<!-- <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>-->
|
39
|
-
<!-- </div>-->
|
40
|
-
<!-- <!–<input type="text" style="width: 75%;float:right" class="form-control" v-model="row.f_devices_type" />–>-->
|
41
|
-
<!-- <!–<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd" />–>-->
|
42
|
-
<!-- <!–<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"-->
|
43
|
-
<!-- :width="'60%'"-->
|
44
|
-
<!-- v-model="userinfo.addressinfo.f_iscity"-->
|
45
|
-
<!-- :options='cityTypes' placeholder='地区类型' close-on-select clear-button value-single @change="area_change()"></v-select>–>-->
|
46
|
-
<!-- </div>-->
|
47
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
48
|
-
<!-- <labe class="righttxt">地区类型:</labe>-->
|
49
|
-
<!-- <!–<input type="text" style="width: 75%;float:right" class="form-control" v-model="row.f_devices_type" />–>-->
|
50
|
-
<!-- <input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_iscity" />-->
|
51
|
-
<!-- <!–<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"-->
|
52
|
-
<!-- :width="'60%'"-->
|
53
|
-
<!-- :disabled="true"-->
|
54
|
-
<!-- v-model="userinfo.addressinfo.f_iscity"-->
|
55
|
-
<!-- :options='cityTypes' placeholder='地区类型' close-on-select clear-button value-single ></v-select>–>-->
|
56
|
-
<!-- </div>-->
|
57
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
58
|
-
<!-- <labe class="righttxt">省 市 区:</labe>-->
|
59
|
-
<!-- <!–<input type="text" style="width: 75%;float:right" class="form-control" v-model="row.f_devices_type" />–>-->
|
60
|
-
<!-- <!–<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd" />–>-->
|
61
|
-
<!-- <v-select :value.sync="selectPcd" class="input-font" style="margin-left: 5%;"-->
|
62
|
-
<!-- :width="'60%'"-->
|
63
|
-
<!-- v-model="selectPcd"-->
|
64
|
-
<!-- :options='pcds' placeholder='请选择省市区' close-on-select clear-button value-single @change="pcd_change()"></v-select>-->
|
65
|
-
<!-- </div>-->
|
66
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
67
|
-
<!-- <labe class="righttxt">街道名称:</labe><!–<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_street" />–>-->
|
68
|
-
<!-- <v-select :value.sync="selectStreet" class="input-font" style="margin-left: 5%;"-->
|
69
|
-
<!-- :width="'60%'"-->
|
70
|
-
<!-- v-model="selectStreet"-->
|
71
|
-
<!-- :options='streets' placeholder='请选择街道' close-on-select clear-button value-single @change="street_change()"></v-select>-->
|
72
|
-
<!-- </div>-->
|
73
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
74
|
-
<!-- <labe class="righttxt">集收单位:</labe>-->
|
75
|
-
<!-- <!–<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area" />–>-->
|
76
|
-
<!-- <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"-->
|
77
|
-
<!-- :width="'60%'"-->
|
78
|
-
<!-- v-model="selectArea"-->
|
79
|
-
<!-- :timeout="500"-->
|
80
|
-
<!-- @select-search="select_search"-->
|
81
|
-
<!-- :options='area' placeholder='请选择集收单位' close-on-select clear-button value-single @change="area_change()"></v-select>-->
|
82
|
-
<!-- </div>-->
|
83
|
-
<!-- <!–<div class="row auto" style="margin: 5px 0" v-show="addressType=='特殊地址'">-->
|
84
|
-
<!-- <labe class="righttxt">集收单位:</labe>-->
|
85
|
-
<!-- <!–<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area" />–>-->
|
86
|
-
<!-- <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"-->
|
87
|
-
<!-- :width="'60%'"-->
|
88
|
-
<!-- v-model="selectArea"-->
|
89
|
-
<!-- @select-search="select_search"-->
|
90
|
-
<!-- :options='area' placeholder='请选择集收单位' close-on-select clear-button value-single @change="area_changeTC()"></v-select>-->
|
91
|
-
<!-- </div>–>-->
|
92
|
-
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
93
|
-
<!-- <labe class="righttxt">楼    号:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_building" />-->
|
94
|
-
<!-- </div>-->
|
95
|
-
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
96
|
-
<!-- <labe class="righttxt">单    元:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_unit" />-->
|
97
|
-
<!-- </div>-->
|
98
|
-
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
99
|
-
<!-- <labe class="righttxt">楼    层:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_floor" />-->
|
100
|
-
<!-- </div>-->
|
101
|
-
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
102
|
-
<!-- <labe class="righttxt">门 牌 号:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_room" />-->
|
103
|
-
<!-- </div>-->
|
104
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
105
|
-
<!-- <labe class="righttxt">详细地址:</labe><input type="text" class="form-control rightipt" readonly v-model="userinfo_old.addressinfo.f_address" />-->
|
106
|
-
<!-- </div>-->
|
107
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
108
|
-
<!-- <labe class="righttxt">新 地 址:</labe><!–<input type="text" class="form-control rightipt" readonly v-model="getaddress()" />–>-->
|
109
|
-
<!-- <textarea :readonly="addressType=='普通地址'" class="form-control rightipt" : style="height: 80px" v-model="userinfo.addressinfo.f_address"></textarea>-->
|
110
|
-
<!-- </div>-->
|
111
|
-
|
112
|
-
<!-- <!–<div class="row auto" style="margin: 5px 0" v-show="addressType=='特殊地址'">-->
|
113
|
-
<!-- <labe class="righttxt">新 地 址:</labe><!–<input type="text" class="form-control rightipt" v-model="userinfo.addressinfo.f_address" />–>-->
|
114
|
-
<!-- <textarea class="form-control rightipt" style="height: 80px" v-model="getAddressTS"></textarea>-->
|
115
|
-
<!-- </div>–>-->
|
116
|
-
|
117
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
118
|
-
<!-- <labe class="righttxt">备    注:</labe><textarea class="form-control rightipt" style="height: 150px" v-model="userinfo.baseinfo.base.f_remark"></textarea><!–<input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_remark" />–>-->
|
119
|
-
<!-- </div>-->
|
120
|
-
<!-- </div>-->
|
121
|
-
<!-- </div>-->
|
122
|
-
<!-- <div class="panel auto" >-->
|
123
|
-
<!-- <div class="panel-heading" @click="selectVal('表具信息')" style="background-color: #ffffff">-->
|
124
|
-
<!-- <span class="spanboder" >-->
|
125
|
-
<!-- <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">表具信息-->
|
126
|
-
<!-- <img class="butt3" :src="imgback('表具信息')">-->
|
127
|
-
<!-- </span>-->
|
128
|
-
<!-- </div>-->
|
129
|
-
<!-- <div class="panel-body " v-show="headername=='表具信息'">-->
|
130
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
131
|
-
<!-- <labe class="righttxt">表    号:</labe>-->
|
132
|
-
<!-- <input type="text" :readonly="userinfo.meterinfo[0].f_meter_classify!='机表'" class="form-control rightipt" style="width: 45%" v-model="userinfo.meterinfo[0].f_meternumber" />-->
|
133
|
-
<!-- <button type="button" :disabled="userinfo.meterinfo[0].f_meter_classify!='机表'" name="button" class="btn btn-primary" style="width: 15%" @click="scan">扫码</button>-->
|
134
|
-
<!-- </div>-->
|
135
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
136
|
-
<!-- <labe class="righttxt">气表品牌:</labe>-->
|
137
|
-
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].gasbrand" readonly />-->
|
138
|
-
<!-- </div>-->
|
139
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
140
|
-
<!-- <labe class="righttxt">气表型号:</labe>-->
|
141
|
-
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].gasmodel" readonly />-->
|
142
|
-
<!-- </div>-->
|
143
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
144
|
-
<!-- <labe class="righttxt">气表类型:</labe>-->
|
145
|
-
<!-- <!–<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_position" readonly/>–>-->
|
146
|
-
<!-- <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].gasmodeltype"-->
|
147
|
-
<!-- v-model="userinfo.meterinfo[0].gasmodeltype"-->
|
148
|
-
<!-- placeholder='请选择'-->
|
149
|
-
<!-- :width='wid'-->
|
150
|
-
<!-- readonly-->
|
151
|
-
<!-- :options="qb_types"-->
|
152
|
-
<!-- close-on-select value-single></v-select>-->
|
153
|
-
<!-- </div>-->
|
154
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
155
|
-
<!-- <labe class="righttxt">通讯模式:</labe>-->
|
156
|
-
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meter_classify" readonly/>-->
|
157
|
-
<!-- </div>-->
|
158
|
-
<!-- <!–<div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_meter_classify=='机表'">-->
|
159
|
-
<!-- <div class="auto">-->
|
160
|
-
<!-- <div class="panel" style="padding: 0px 15px 5px 10px;">-->
|
161
|
-
<!-- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">-->
|
162
|
-
<!-- <div class="row" style="height: 240px;">-->
|
163
|
-
<!-- <div class="col-sm-4">-->
|
164
|
-
<!-- <img-self :src="f_meterno_path" alt="表号照片" width="150" height="200"></img-self>-->
|
165
|
-
<!-- </div>-->
|
166
|
-
<!-- </div>-->
|
167
|
-
<!-- <div class="row text-right div-photo" :class="style__">-->
|
168
|
-
<!-- <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_meterno_path', '表号照片')">拍照</button>-->
|
169
|
-
|
170
|
-
<!-- </div>-->
|
171
|
-
<!-- </div>-->
|
172
|
-
<!-- </div>-->
|
173
|
-
<!-- </div>-->
|
174
|
-
<!-- </div>–>-->
|
175
|
-
<!-- <!–<div class="row auto" style="margin: 5px 0">–>-->
|
176
|
-
<!-- <!–<labe class="righttxt">控制器号:</labe>–>-->
|
177
|
-
<!-- <!–<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles" />–>-->
|
178
|
-
<!-- <!–</div>–>-->
|
179
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
180
|
-
<!-- <labe class="righttxt">表 封 号:</labe>-->
|
181
|
-
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles" />-->
|
182
|
-
<!-- </div>-->
|
183
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
184
|
-
<!-- <labe class="righttxt">表 位 置:</labe>-->
|
185
|
-
<!-- <!–<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_position" readonly/>–>-->
|
186
|
-
<!-- <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_position"-->
|
187
|
-
<!-- v-model="userinfo.meterinfo[0].f_position"-->
|
188
|
-
<!-- placeholder='请选择'-->
|
189
|
-
<!-- :width='wid'-->
|
190
|
-
<!-- readonly-->
|
191
|
-
<!-- :options="wz_types"-->
|
192
|
-
<!-- close-on-select value-single></v-select>-->
|
193
|
-
<!-- </div>-->
|
194
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
195
|
-
<!-- <div style="display: flex;justify-content: center;">-->
|
196
|
-
<!-- <button v-if="userinfo.meterinfo[0].f_meter_classify=='机表'" class="col-sm-3 btn btn-primary" @click="upUserState()">机表关阀停用</button>-->
|
197
|
-
<!-- </div>-->
|
198
|
-
<!-- </div>-->
|
199
|
-
<!-- </div>-->
|
200
|
-
<!-- </div>-->
|
201
|
-
<div class="panel auto">
|
202
|
-
<div class="panel-heading" @click="selectVal('设备信息')" style="background-color: #ffffff">
|
203
|
-
|
204
|
-
<span class="spanboder"><img src="../../../assets/list.png" style="width: 22px;margin-right: 8px;">设备信息<img class="butt3" :src="imgback('设备信息')"></span>
|
205
|
-
</div>
|
206
|
-
<div class="panel-body" v-show="headername=='设备信息'">
|
207
|
-
<div class="row" v-for="(i,row) in model" :style="isOverDate(row)">
|
208
|
-
<div class="row auto" style="margin: 5px 0">
|
209
|
-
<labe class="righttxt">设备类型:</labe>
|
210
|
-
<!--<input type="text" class="form-control rightipt" readonly v-model="row.f_devices_type" />-->
|
211
|
-
<v-select class="rightipt" :value.sync="row.f_devices_type"
|
212
|
-
v-model="row.f_devices_type"
|
213
|
-
placeholder='请选择'
|
214
|
-
:width='wid'
|
215
|
-
readonly
|
216
|
-
:options="devices_types"
|
217
|
-
close-on-select value-single></v-select>
|
218
|
-
</div>
|
219
|
-
<div class="row auto" style="margin: 5px 0">
|
220
|
-
<labe class="righttxt">设备品牌:</labe><input type="text" class="form-control rightipt" v-model="row.f_brand" />
|
221
|
-
</div>
|
222
|
-
<div class="row auto" style="margin: 5px 0">
|
223
|
-
<labe class="righttxt">设备型号:</labe><input type="text" class="form-control rightipt" v-model="row.f_devices_model" />
|
224
|
-
</div>
|
225
|
-
<!-- <div class="row auto" style="margin: 5px 0">-->
|
226
|
-
<!-- <labe class="righttxt">设备功率:</labe><input type="text" class="form-control rightipt" v-model="row.f_device_power" />-->
|
227
|
-
<!-- </div>-->
|
228
|
-
<div class="row auto" style="margin: 5px 0">
|
229
|
-
<labe class="righttxt">生产日期:</labe><!--<input type="text" class="form-control rightipt" v-model="row.f_make_date" />-->
|
230
|
-
<datepicker class="rightipt"
|
231
|
-
:value.sync="row.f_make_date"
|
232
|
-
v-model="row.f_make_date"
|
233
|
-
:disabled-days-of-Week="[]"
|
234
|
-
:format="'yyyy-MM-dd'"
|
235
|
-
@change="changeexpiredate(i,row)"
|
236
|
-
:show-reset-button="reset" readonly="readonly">
|
237
|
-
</datepicker>
|
238
|
-
</div>
|
239
|
-
<div class="row auto" style="margin: 5px 0">
|
240
|
-
<labe class="righttxt">使用年限:</labe><input type="number" class="form-control rightipt" v-model="row.f_service_life" @change="changeexpiredate(i,row)" />
|
241
|
-
</div>
|
242
|
-
<div class="row auto" style="margin: 5px 0">
|
243
|
-
<labe class="righttxt">到期日期:</labe><!--<input type="text" class="form-control rightipt" v-model="row.f_expire_date" />-->
|
244
|
-
<datepicker class="rightipt"
|
245
|
-
:value.sync="row.f_expire_date"
|
246
|
-
v-model="row.f_expire_date"
|
247
|
-
:disabled-days-of-Week="[]"
|
248
|
-
:format="'yyyy-MM-dd'"
|
249
|
-
disabled
|
250
|
-
:show-reset-button="reset" readonly="readonly">
|
251
|
-
</datepicker>
|
252
|
-
</div>
|
253
|
-
<div class="row auto" style="margin: 5px 0">
|
254
|
-
<labe class="righttxt">安 装 人:</labe><input type="text" class="form-control rightipt" v-model="row.f_input_person" />
|
255
|
-
</div>
|
256
|
-
<div class="row auto" style="margin: 5px 0">
|
257
|
-
<labe class="righttxt">安装日期:</labe><!--<input type="text" class="form-control rightipt" v-model="row.f_input_date" />-->
|
258
|
-
<datepicker class="rightipt"
|
259
|
-
:value.sync="row.f_input_date"
|
260
|
-
v-model="row.f_input_date"
|
261
|
-
:disabled-days-of-Week="[]"
|
262
|
-
:format="'yyyy-MM-dd'"
|
263
|
-
:show-reset-button="reset" readonly="readonly">
|
264
|
-
</datepicker>
|
265
|
-
</div>
|
266
|
-
<div class="row auto" style="margin: 5px 0">
|
267
|
-
<labe class="righttxt">设备数量:</labe><input type="number" class="form-control rightipt" v-model="row.f_devices_num" />
|
268
|
-
</div>
|
269
|
-
<!--<div class="row auto" style="margin: 5px 0">
|
270
|
-
<labe class="righttxt">管道类型:</labe><input type="text" class="form-control rightipt" readonly v-model="row.f_pipe_type" />
|
271
|
-
</div>-->
|
272
|
-
<!--<div class="row auto" style="margin: 5px 0">
|
273
|
-
<labe class="righttxt">设备状态:</labe><input type="text" class="form-control rightipt" readonly v-model="row.f_userinfodevices_state" />
|
274
|
-
</div>-->
|
275
|
-
<!--<div class="row auto" style="margin: 5px 0">
|
276
|
-
<labe class="righttxt">购买方式:</labe><input type="text" class="form-control rightipt" readonly v-model="row.watchpurchase" />
|
277
|
-
</div>-->
|
278
|
-
<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" >
|
279
|
-
<button class="btn btn-warning" @click="delDevices($index)">删除设备</button>
|
280
|
-
</div>
|
281
|
-
</div>
|
282
|
-
<div style="display: flex;justify-content: space-around;">
|
283
|
-
<button class="col-sm-3 btn btn-primary" @click="addDevices($index)">新增设备</button>
|
284
|
-
</div>
|
285
|
-
</div>
|
286
|
-
</div>
|
287
|
-
<div class="panel auto">
|
288
|
-
<div class="panel-body">
|
289
|
-
<div style="display: flex;justify-content: center;">
|
290
|
-
<button class="col-sm-3 btn btn-primary" :disabled="enable" @click="editUserInfo()">上传审核</button>
|
291
|
-
</div>
|
292
|
-
</div>
|
293
|
-
</div>
|
294
|
-
</div>
|
295
|
-
</template>
|
296
|
-
|
297
|
-
<script>
|
298
|
-
import { PagedList,HttpResetClass } from 'vue-client'
|
299
|
-
import * as Util from '../../../components/Util'
|
300
|
-
import Vue from 'vue'
|
301
|
-
import co from 'co'
|
302
|
-
export default {
|
303
|
-
title: '设备查看',
|
304
|
-
data () {
|
305
|
-
return {
|
306
|
-
model: [],
|
307
|
-
show: false,
|
308
|
-
row: Object,
|
309
|
-
userinfo:Object,
|
310
|
-
userinfo_old:Object,
|
311
|
-
f_user_type:'',
|
312
|
-
wid:"60%",
|
313
|
-
devices_types:[],
|
314
|
-
pipe_types:[{label:'橡胶管',value:'橡胶管'},{label:'波纹管',value:'波纹管'},{label:'钢管',value:'钢管'}],
|
315
|
-
wz_types:[],
|
316
|
-
qb_types:Vue.$appdata.getParam('表类型'),
|
317
|
-
cityTypes:[{label:'市区',value:'市区'},{label:'城镇',value:'城镇'}],
|
318
|
-
pcds:[],
|
319
|
-
streets:[],
|
320
|
-
update:false,
|
321
|
-
headername:'设备信息',
|
322
|
-
excessive:false,
|
323
|
-
area:[],
|
324
|
-
enable:false,
|
325
|
-
f_meterno_path:Vue.nopic,
|
326
|
-
selectArea:{id:''},
|
327
|
-
selectPcd:{id:''},
|
328
|
-
selectStreet:{id:''},
|
329
|
-
changemeterno:false,//是否修改了机表表号
|
330
|
-
approveChange:false,//是否需要进行信息变更审核
|
331
|
-
newAddress:'',
|
332
|
-
addressType:'',
|
333
|
-
//需要审核的字段
|
334
|
-
checkField:{
|
335
|
-
checkUserinfoField:[
|
336
|
-
'f_user_name'
|
337
|
-
],
|
338
|
-
checkUserFilesField:[
|
339
|
-
'f_meternumber'
|
340
|
-
],
|
341
|
-
checkAddressField:[
|
342
|
-
'f_pcd_id',
|
343
|
-
'f_street_id',
|
344
|
-
'f_residential_area_id',
|
345
|
-
'f_building',
|
346
|
-
'f_unit',
|
347
|
-
'f_floor',
|
348
|
-
'f_room',
|
349
|
-
'f_slice_area',
|
350
|
-
'f_special',
|
351
|
-
'f_address'
|
352
|
-
],
|
353
|
-
}
|
354
|
-
}
|
355
|
-
},
|
356
|
-
props: {
|
357
|
-
user: {
|
358
|
-
type: Object
|
359
|
-
},
|
360
|
-
f_userinfo_id:'',
|
361
|
-
f_source:''
|
362
|
-
},
|
363
|
-
methods: {
|
364
|
-
cameraCallBack(prop, fileName) {
|
365
|
-
HostApp.__this__.$set(prop, fileName + '?' + Math.random())
|
366
|
-
//tag
|
367
|
-
HostApp.__callback__ = null
|
368
|
-
HostApp.__this__ = null
|
369
|
-
},
|
370
|
-
takePic(prop, title) {
|
371
|
-
HostApp.__callback__ = this.cameraCallBack
|
372
|
-
HostApp.__this__ = this
|
373
|
-
//tag
|
374
|
-
let fileName
|
375
|
-
if (!this[prop] || this[prop].includes("nopic.png")) {
|
376
|
-
fileName = Util.guid() + '-' + prop + '.jpg'
|
377
|
-
} else {
|
378
|
-
fileName = Util.getFileName(this[prop])
|
379
|
-
}
|
380
|
-
HostApp._open_a_page({
|
381
|
-
type: 'boomerang',
|
382
|
-
page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
|
383
|
-
param: {
|
384
|
-
file: fileName,
|
385
|
-
requestCode: 111,
|
386
|
-
callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
|
387
|
-
watermark: title + '\t时间:' + Util.toStandardTimeString() + '\t' + Vue.user.name
|
388
|
-
}
|
389
|
-
})
|
390
|
-
},
|
391
|
-
delfile(prop, fileName) {
|
392
|
-
if (fileName == Vue.nopic)
|
393
|
-
return
|
394
|
-
else {
|
395
|
-
HostApp.delfile(fileName)
|
396
|
-
this[prop] = Vue.nopic
|
397
|
-
}
|
398
|
-
},
|
399
|
-
isOverDate(row){
|
400
|
-
console.log("9999",row)
|
401
|
-
const now = Util.toStandardTimeString()
|
402
|
-
if(row.f_expire_date){
|
403
|
-
const h = Util.computedTimeInterval(now,row.f_expire_date,'h')
|
404
|
-
if(h<=0){
|
405
|
-
return 'border:2px solid red; border-top:10px solid red; box-shadow: red;margin-bottom: 10px'
|
406
|
-
}else if(h>0 && h<=90){
|
407
|
-
return 'border:2px solid yellow; border-top:10px solid yellow; box-shadow: yellow;margin-bottom: 10px'
|
408
|
-
}
|
409
|
-
}
|
410
|
-
return 'border:2px solid #A2C2EB; border-top:10px solid #A2C2EB; box-shadow: #00b3ee;margin-bottom: 10px'
|
411
|
-
},
|
412
|
-
editUserInfo() {
|
413
|
-
// let checked=this.checkVal()
|
414
|
-
// if(!checked.ischeck){
|
415
|
-
// this.$showMessage(checked.msg)
|
416
|
-
// return
|
417
|
-
// }
|
418
|
-
this.$showMessage('确定是否修改上传审核用户信息?', ['confirm', 'cancel']).then((res) => {
|
419
|
-
if (res === 'confirm') {
|
420
|
-
this.excessive=true
|
421
|
-
let userinfoms=Object.assign({},this.userinfo_old.baseinfo.base)
|
422
|
-
//userinfoms.f_user_name=row.f_user_name
|
423
|
-
userinfoms.f_user_phone=this.userinfo.baseinfo.base.f_user_phone
|
424
|
-
userinfoms.f_rent_phone=this.userinfo.baseinfo.base.f_rent_phone
|
425
|
-
userinfoms.f_rent_name=this.userinfo.baseinfo.base.f_rent_name
|
426
|
-
userinfoms.f_zuhu_phone=this.userinfo.baseinfo.base.f_zuhu_phone
|
427
|
-
userinfoms.f_operator_record=Vue.user.name
|
428
|
-
userinfoms.f_operatorid_record=Vue.user.id
|
429
|
-
userinfoms.f_remark=this.userinfo.baseinfo.base.f_remark
|
430
|
-
userinfoms.f_orgid_record=Vue.user.orgid
|
431
|
-
userinfoms.f_orgname_record=Vue.user.orgs
|
432
|
-
userinfoms.f_depid_record=Vue.user.depids
|
433
|
-
userinfoms.f_depname_record=Vue.user.deps
|
434
|
-
this.userinfo_old.meterinfo[0].f_metertitles=this.userinfo.meterinfo[0].f_metertitles
|
435
|
-
this.userinfo_old.meterinfo[0].f_position=this.userinfo.meterinfo[0].f_position
|
436
|
-
userinfoms.userfiles=[]
|
437
|
-
this.userinfo_old.meterinfo[0].devicesinfo=this.model
|
438
|
-
userinfoms.userfiles.push(this.userinfo_old.meterinfo[0])
|
439
|
-
//tag)
|
440
|
-
new HttpResetClass().load('POST',
|
441
|
-
`${this.$androidUtil.getProxyUrl()}/api/af-safecheck/logic/filemanage_fileSave`,
|
442
|
-
{data: {userinfo: userinfoms,modifyReason:this.f_source?`${this.f_source}维护档案信息`:'',address:{id:this.userinfo_old.addressinfo.id,oldid:this.userinfo_old.addressinfo.id}}},
|
443
|
-
{resolveMsg: null, rejectMsg: null}).
|
444
|
-
then((res1)=>{
|
445
|
-
console.log(res1)
|
446
|
-
//
|
447
|
-
//tag+res1.data.status)
|
448
|
-
if(res1.data.status==200){
|
449
|
-
//本次修改信息包含需要审核信息
|
450
|
-
if(this.approveChange){
|
451
|
-
//tag
|
452
|
-
let res2=this.$androidUtil.bzLogic('safe_upUserinfoApprove', {
|
453
|
-
row: {
|
454
|
-
f_time: Util.toStandardTimeString(),
|
455
|
-
f_modifier: Vue.user.name,//Vue.user.name
|
456
|
-
f_modifier_id: Vue.user.id,//Vue.user.id
|
457
|
-
f_modify_type: '用户档案',
|
458
|
-
f_userinfoid: this.userinfo.baseinfo.base.f_userinfo_id,
|
459
|
-
f_userinfo_code: this.userinfo.baseinfo.base.f_userinfo_code,
|
460
|
-
f_approved: '未审核',
|
461
|
-
filialestr: Vue.user.orgid,//Vue.user.orgid
|
462
|
-
version: 1,
|
463
|
-
f_user_name:this.userinfo.baseinfo.base.f_user_name,
|
464
|
-
f_user_phone: this.userinfo.baseinfo.base.f_user_phone,
|
465
|
-
f_rent_phone: this.userinfo.baseinfo.base.f_rent_phone,
|
466
|
-
f_street: this.userinfo.addressinfo.f_street,
|
467
|
-
f_building: this.userinfo.addressinfo.f_building,
|
468
|
-
f_unit: this.userinfo.addressinfo.f_unit,
|
469
|
-
f_floor: this.userinfo.addressinfo.f_floor,
|
470
|
-
f_room: this.userinfo.addressinfo.f_room,
|
471
|
-
f_building_suffix:this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_building_suffix,
|
472
|
-
f_unit_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_unit_suffix,
|
473
|
-
f_floor_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_floor_suffix,
|
474
|
-
f_room_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_room_suffix,
|
475
|
-
f_residential_area: this.userinfo.addressinfo.f_residential_area,
|
476
|
-
f_address:this.userinfo.addressinfo.f_address,
|
477
|
-
f_pcd:this.userinfo.addressinfo.f_pcd,
|
478
|
-
f_pcd_id:this.userinfo.addressinfo.f_pcd_id,
|
479
|
-
f_street_id:this.userinfo.addressinfo.f_street_id,
|
480
|
-
f_residential_area_id:this.userinfo.addressinfo.f_residential_area_id,
|
481
|
-
f_used_name:this.userinfo.baseinfo.base.f_used_name,
|
482
|
-
f_rent_phone:this.userinfo.baseinfo.base.f_rent_phone,
|
483
|
-
f_slice_area:this.userinfo.addressinfo.f_slice_area,
|
484
|
-
f_remark:this.userinfo.baseinfo.base.f_remark,
|
485
|
-
f_source:this.f_source,
|
486
|
-
f_meterno_path:this.f_meterno_path,
|
487
|
-
f_iscity:this.userinfo.addressinfo.f_iscity,
|
488
|
-
f_special:this.userinfo.addressinfo.f_special,
|
489
|
-
f_meternumber:this.userinfo.meterinfo[0].f_meternumber,
|
490
|
-
changemeterno:this.changemeterno
|
491
|
-
},
|
492
|
-
tablename: 't_modify_userinfo'
|
493
|
-
})
|
494
|
-
//tag)
|
495
|
-
if(res2.code==200){
|
496
|
-
this.$showMessage("变更用户信息成功,需要审核的信息已提交审核,等待管理员处理!")
|
497
|
-
this.enable=true
|
498
|
-
this.excessive=false
|
499
|
-
}else{
|
500
|
-
this.$showMessage("上传审核信息失败,请检查图片和网络状况是否正常!")
|
501
|
-
this.excessive=false
|
502
|
-
}
|
503
|
-
}else{
|
504
|
-
this.$showMessage("修改用户信息成功!")
|
505
|
-
this.enable=true
|
506
|
-
this.excessive=false
|
507
|
-
}
|
508
|
-
|
509
|
-
}
|
510
|
-
}).catch((msg)=>{
|
511
|
-
this.$showMessage("修改用户信息失败,请检查手机网络状况!")
|
512
|
-
this.excessive=false
|
513
|
-
})
|
514
|
-
|
515
|
-
}
|
516
|
-
})
|
517
|
-
},
|
518
|
-
imgback(header){
|
519
|
-
if(this.headername==header){
|
520
|
-
return require('../../../assets/xiangxia1.png')
|
521
|
-
}else{
|
522
|
-
return require('../../../assets/xiangyou1.png')
|
523
|
-
}
|
524
|
-
this.headername=header
|
525
|
-
},
|
526
|
-
selectVal(header){
|
527
|
-
if(this.headername==header){
|
528
|
-
this.headername=''
|
529
|
-
}else{
|
530
|
-
this.headername=header
|
531
|
-
}
|
532
|
-
|
533
|
-
},
|
534
|
-
addDevices(){
|
535
|
-
//Vue.user.name
|
536
|
-
let obj={
|
537
|
-
"f_operator":Vue.user.name,
|
538
|
-
"f_picture":null,
|
539
|
-
"f_pipe_type":null,
|
540
|
-
"f_pipeinstall_date":null,
|
541
|
-
"f_pipe_connection":null,
|
542
|
-
"f_expire_date":null,
|
543
|
-
"f_pipeexpire_date":null,
|
544
|
-
"f_comments":null,
|
545
|
-
"f_operate_date":Util.toStandardTimeString(),
|
546
|
-
"f_operatorid":Vue.user.id,
|
547
|
-
"f_devices_num":null,
|
548
|
-
"f_process_id":null,
|
549
|
-
"f_devices_type":null,
|
550
|
-
"f_make_date":null,
|
551
|
-
"f_input_date":null,
|
552
|
-
"f_state":"有效",
|
553
|
-
"f_brand":null,
|
554
|
-
"f_devices_model":null,
|
555
|
-
"f_device_power":null,
|
556
|
-
"f_devices_no":null,
|
557
|
-
"img":{"content": null, "filename": null}
|
558
|
-
}
|
559
|
-
this.model.push(obj)
|
560
|
-
},
|
561
|
-
delDevices(idx){
|
562
|
-
//tag
|
563
|
-
this.$showMessage('删除后不可恢复,确认删除吗?', ['confirm', 'cancel']).then((res) => {
|
564
|
-
if (res === 'confirm') {
|
565
|
-
this.model.splice(idx,1)
|
566
|
-
}
|
567
|
-
})
|
568
|
-
},
|
569
|
-
changeexpiredate(i,row){
|
570
|
-
console.log('打印数据',this.model[i])
|
571
|
-
if (!Util.isEmpty(this.model[i].f_service_life)&&!Util.isEmpty(this.model[i].f_make_date)){
|
572
|
-
let year = this.model[i].f_make_date.substring(0,4)
|
573
|
-
let newyera = parseInt(year) + parseInt(this.model[i].f_service_life)
|
574
|
-
this.model[i].f_expire_date = this.model[i].f_make_date.replace(year,newyera)
|
575
|
-
}
|
576
|
-
console.log('打印数据22',this.model[i])
|
577
|
-
}
|
578
|
-
},
|
579
|
-
async ready () {
|
580
|
-
if(!this.f_userinfo_id){
|
581
|
-
this.$showMessage("未检测到用户!")
|
582
|
-
this.enable=true
|
583
|
-
return
|
584
|
-
}
|
585
|
-
try{
|
586
|
-
|
587
|
-
this.devices_types=Vue.$appdata.getParam('设备类型')
|
588
|
-
this.wz_types=Vue.$appdata.getParam('安装位置')
|
589
|
-
////tag)
|
590
|
-
this.excessive=true
|
591
|
-
//Vue.user.orgid ${this.f_userinfo_id} 10101 ${Vue.user.orgid}
|
592
|
-
|
593
|
-
this.wz_types=Vue.$appdata.getParam('安装位置')
|
594
|
-
////tag)
|
595
|
-
this.excessive=true
|
596
|
-
//Vue.user.orgid ${this.f_userinfo_id} 10101 ${Vue.user.orgid}
|
597
|
-
|
598
|
-
let pcdlist= await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {data:{items:"*",tablename:"t_pcd",orderitem:"id",condition:`f_orgid = '${Vue.user.orgid}'`}}, {resolveMsg: null, rejectMsg: null})
|
599
|
-
//tag)
|
600
|
-
pcdlist.data.forEach((result)=>{
|
601
|
-
this.pcds.push({label:result.f_pcd,value:result})
|
602
|
-
})
|
603
|
-
////tag)
|
604
|
-
let res=await new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/api/af-
|
605
|
-
//f_userinfo_code:'12381344',
|
606
|
-
f_userinfo_id:this.f_userinfo_id
|
607
|
-
}, {resolveMsg: null, rejectMsg: null})
|
608
|
-
//tag
|
609
|
-
//tag
|
610
|
-
this.userinfo = res.data
|
611
|
-
this.f_user_type = this.userinfo.meterinfo[0].f_user_type
|
612
|
-
this.userinfo_old=JSON.parse(JSON.stringify(res.data))
|
613
|
-
this.model = this.userinfo.meterinfo[0].devicesinfo
|
614
|
-
this.selectArea.id=this.userinfo.addressinfo.f_residential_area_id
|
615
|
-
this.selectPcd.id=this.userinfo.addressinfo.f_pcd_id
|
616
|
-
this.selectPcd.f_pcd=this.userinfo.addressinfo.f_pcd
|
617
|
-
this.selectStreet.id=this.userinfo.addressinfo.f_street_id
|
618
|
-
this.selectStreet.f_street=this.userinfo.addressinfo.f_street
|
619
|
-
await this.getStreetList()
|
620
|
-
await this.getAreaList()
|
621
|
-
this.excessive=false
|
622
|
-
this.addressType=this.userinfo.addressinfo.f_special==1?'特殊地址':'普通地址'
|
623
|
-
//this.userinfo.addressinfo.f_special=1
|
624
|
-
//tag
|
625
|
-
}catch (e) {
|
626
|
-
this.excessive=false
|
627
|
-
// this.enable=true
|
628
|
-
// this.$showMessage('获取用户信息出错,请检查网络状况!')
|
629
|
-
}
|
630
|
-
new HttpResetClass().load('get',`${this.$androidUtil.getProxyUrl()}/rs/vue/UserAddress.json`,{data: {}},{resolveMsg: null, rejectMsg: null}).then((addressUnit)=>{
|
631
|
-
//tag
|
632
|
-
//tag
|
633
|
-
//tag
|
634
|
-
//tag
|
635
|
-
this.userinfo.addressinfo.f_building_suffix=addressUnit.data.f_building_suffix
|
636
|
-
this.userinfo.addressinfo.f_unit_suffix=addressUnit.data.f_unit_suffix
|
637
|
-
this.userinfo.addressinfo.f_floor_suffix=addressUnit.data.f_floor_suffix
|
638
|
-
this.userinfo.addressinfo.f_room_suffix=addressUnit.data.f_room_suffix
|
639
|
-
}).catch((msg)=>{
|
640
|
-
//tag)
|
641
|
-
})
|
642
|
-
}
|
643
|
-
}
|
644
|
-
</script>
|
645
|
-
<style lang="less" scoped>
|
646
|
-
.butt3 {
|
647
|
-
float: right;
|
648
|
-
width: 12px;
|
649
|
-
margin: 1% 2% 0 0;
|
650
|
-
}
|
651
|
-
.rightipt{
|
652
|
-
width: 60%;
|
653
|
-
float: left;
|
654
|
-
margin-left: 5%;
|
655
|
-
}
|
656
|
-
.righttxt{
|
657
|
-
border: none;
|
658
|
-
margin-left: 5px;
|
659
|
-
/*border-left: 5px solid #A2C2EB;*/
|
660
|
-
float: left;
|
661
|
-
width: 25%;
|
662
|
-
margin-bottom: 3px;
|
663
|
-
text-align: left;
|
664
|
-
word-wrap: break-word;
|
665
|
-
white-space: normal;
|
666
|
-
}
|
667
|
-
.tit1{
|
668
|
-
/*background: #ffffff url('../../assets/用户姓名.png') no-repeat fixed center;*/
|
669
|
-
background-image: url('../../../assets/用户姓名.png');
|
670
|
-
background-repeat: no-repeat;
|
671
|
-
background-position: center;
|
672
|
-
}
|
673
|
-
.spanboder{
|
674
|
-
border-bottom:2px solid #499edf;
|
675
|
-
padding-bottom: 8px
|
676
|
-
}
|
677
|
-
#upuserinfo_sel /deep/ ul{
|
678
|
-
width: 100% !important;
|
679
|
-
left:0 !important;
|
680
|
-
}
|
681
|
-
.btn-photo {
|
682
|
-
border: 0;
|
683
|
-
border-radius: 7px;
|
684
|
-
background-color: #7dc1f4;
|
685
|
-
font: 15px PingFang-SC-Bold;
|
686
|
-
height: 20%;
|
687
|
-
}
|
688
|
-
.panel-self {
|
689
|
-
border-radius: 10px;
|
690
|
-
border: 1px solid #499EDF;
|
691
|
-
background-color: #F8F8F8;
|
692
|
-
}
|
693
|
-
.div-photo {
|
694
|
-
width: auto;
|
695
|
-
height: auto;
|
696
|
-
/* margin-top: 10px; */
|
697
|
-
position: absolute;
|
698
|
-
bottom: 10px;
|
699
|
-
right: 10px;
|
700
|
-
}
|
701
|
-
</style>
|
702
|
-
<style lang="less">
|
703
|
-
#upuserinfo_sel ul{
|
704
|
-
width: 100% !important;
|
705
|
-
left:0 !important;
|
706
|
-
}
|
707
|
-
</style>
|
1
|
+
<template >
|
2
|
+
<work-busy :is-busy="excessive"></work-busy>
|
3
|
+
<div style="height: 100%">
|
4
|
+
<!-- <div class="panel auto" >-->
|
5
|
+
<!-- <div class="panel-heading" @click="selectVal('基本信息')" style="background-color: #ffffff">-->
|
6
|
+
<!-- <span class="spanboder" >-->
|
7
|
+
<!-- <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">基本信息-->
|
8
|
+
<!-- <img class="butt3" :src="imgback('基本信息')">-->
|
9
|
+
<!-- </span>-->
|
10
|
+
<!-- </div>-->
|
11
|
+
<!-- <div class="panel-body " id="upuserinfo_sel" v-show="headername=='基本信息'">-->
|
12
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
13
|
+
<!-- <labe class="righttxt">用户编号:</labe>-->
|
14
|
+
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_userinfo_code" readonly/>-->
|
15
|
+
<!-- </div>-->
|
16
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
17
|
+
<!-- <labe class="righttxt">用户名称:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_name" readonly />-->
|
18
|
+
<!-- </div>-->
|
19
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
20
|
+
<!-- <labe class="righttxt">用户状态:</labe><input type="text" class="form-control rightipt" readonly v-model="userinfo.baseinfo.base.f_user_state" />-->
|
21
|
+
<!-- </div>-->
|
22
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
23
|
+
<!-- <labe class="righttxt">用户电话:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_user_phone" />-->
|
24
|
+
<!-- </div>-->
|
25
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
26
|
+
<!-- <labe class="righttxt">备用电话:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_rent_phone" />-->
|
27
|
+
<!-- </div>-->
|
28
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
29
|
+
<!-- <labe class="righttxt">租户姓名:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_rent_name" />-->
|
30
|
+
<!-- </div>-->
|
31
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
32
|
+
<!-- <labe class="righttxt">租户电话:</labe><input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_zuhu_phone" />-->
|
33
|
+
<!-- </div>-->
|
34
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
35
|
+
<!-- <labe class="righttxt">地址类型:</labe>-->
|
36
|
+
<!-- <div class="rightipt" style="display: flex;justify-content: space-around;margin-top: 5px">-->
|
37
|
+
<!-- <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>-->
|
38
|
+
<!-- <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>-->
|
39
|
+
<!-- </div>-->
|
40
|
+
<!-- <!–<input type="text" style="width: 75%;float:right" class="form-control" v-model="row.f_devices_type" />–>-->
|
41
|
+
<!-- <!–<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd" />–>-->
|
42
|
+
<!-- <!–<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"-->
|
43
|
+
<!-- :width="'60%'"-->
|
44
|
+
<!-- v-model="userinfo.addressinfo.f_iscity"-->
|
45
|
+
<!-- :options='cityTypes' placeholder='地区类型' close-on-select clear-button value-single @change="area_change()"></v-select>–>-->
|
46
|
+
<!-- </div>-->
|
47
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
48
|
+
<!-- <labe class="righttxt">地区类型:</labe>-->
|
49
|
+
<!-- <!–<input type="text" style="width: 75%;float:right" class="form-control" v-model="row.f_devices_type" />–>-->
|
50
|
+
<!-- <input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_iscity" />-->
|
51
|
+
<!-- <!–<v-select :value.sync="userinfo.addressinfo.f_iscity" class="input-font" style="margin-left: 5%;"-->
|
52
|
+
<!-- :width="'60%'"-->
|
53
|
+
<!-- :disabled="true"-->
|
54
|
+
<!-- v-model="userinfo.addressinfo.f_iscity"-->
|
55
|
+
<!-- :options='cityTypes' placeholder='地区类型' close-on-select clear-button value-single ></v-select>–>-->
|
56
|
+
<!-- </div>-->
|
57
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
58
|
+
<!-- <labe class="righttxt">省 市 区:</labe>-->
|
59
|
+
<!-- <!–<input type="text" style="width: 75%;float:right" class="form-control" v-model="row.f_devices_type" />–>-->
|
60
|
+
<!-- <!–<input type="text" class="form-control rightipt" readonly v-model="userinfo.addressinfo.f_pcd" />–>-->
|
61
|
+
<!-- <v-select :value.sync="selectPcd" class="input-font" style="margin-left: 5%;"-->
|
62
|
+
<!-- :width="'60%'"-->
|
63
|
+
<!-- v-model="selectPcd"-->
|
64
|
+
<!-- :options='pcds' placeholder='请选择省市区' close-on-select clear-button value-single @change="pcd_change()"></v-select>-->
|
65
|
+
<!-- </div>-->
|
66
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
67
|
+
<!-- <labe class="righttxt">街道名称:</labe><!–<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_street" />–>-->
|
68
|
+
<!-- <v-select :value.sync="selectStreet" class="input-font" style="margin-left: 5%;"-->
|
69
|
+
<!-- :width="'60%'"-->
|
70
|
+
<!-- v-model="selectStreet"-->
|
71
|
+
<!-- :options='streets' placeholder='请选择街道' close-on-select clear-button value-single @change="street_change()"></v-select>-->
|
72
|
+
<!-- </div>-->
|
73
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
74
|
+
<!-- <labe class="righttxt">集收单位:</labe>-->
|
75
|
+
<!-- <!–<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area" />–>-->
|
76
|
+
<!-- <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"-->
|
77
|
+
<!-- :width="'60%'"-->
|
78
|
+
<!-- v-model="selectArea"-->
|
79
|
+
<!-- :timeout="500"-->
|
80
|
+
<!-- @select-search="select_search"-->
|
81
|
+
<!-- :options='area' placeholder='请选择集收单位' close-on-select clear-button value-single @change="area_change()"></v-select>-->
|
82
|
+
<!-- </div>-->
|
83
|
+
<!-- <!–<div class="row auto" style="margin: 5px 0" v-show="addressType=='特殊地址'">-->
|
84
|
+
<!-- <labe class="righttxt">集收单位:</labe>-->
|
85
|
+
<!-- <!–<input type="text" readonly class="form-control rightipt" v-model="userinfo.addressinfo.f_residential_area" />–>-->
|
86
|
+
<!-- <v-select :value.sync="selectArea" class="input-font" style="margin-left: 5%;"-->
|
87
|
+
<!-- :width="'60%'"-->
|
88
|
+
<!-- v-model="selectArea"-->
|
89
|
+
<!-- @select-search="select_search"-->
|
90
|
+
<!-- :options='area' placeholder='请选择集收单位' close-on-select clear-button value-single @change="area_changeTC()"></v-select>-->
|
91
|
+
<!-- </div>–>-->
|
92
|
+
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
93
|
+
<!-- <labe class="righttxt">楼    号:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_building" />-->
|
94
|
+
<!-- </div>-->
|
95
|
+
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
96
|
+
<!-- <labe class="righttxt">单    元:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_unit" />-->
|
97
|
+
<!-- </div>-->
|
98
|
+
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
99
|
+
<!-- <labe class="righttxt">楼    层:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_floor" />-->
|
100
|
+
<!-- </div>-->
|
101
|
+
<!-- <div class="row auto" style="margin: 5px 0" v-show="addressType=='普通地址'">-->
|
102
|
+
<!-- <labe class="righttxt">门 牌 号:</labe><input type="text" @change="changeNewAddress" class="form-control rightipt" v-model="userinfo.addressinfo.f_room" />-->
|
103
|
+
<!-- </div>-->
|
104
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
105
|
+
<!-- <labe class="righttxt">详细地址:</labe><input type="text" class="form-control rightipt" readonly v-model="userinfo_old.addressinfo.f_address" />-->
|
106
|
+
<!-- </div>-->
|
107
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
108
|
+
<!-- <labe class="righttxt">新 地 址:</labe><!–<input type="text" class="form-control rightipt" readonly v-model="getaddress()" />–>-->
|
109
|
+
<!-- <textarea :readonly="addressType=='普通地址'" class="form-control rightipt" : style="height: 80px" v-model="userinfo.addressinfo.f_address"></textarea>-->
|
110
|
+
<!-- </div>-->
|
111
|
+
|
112
|
+
<!-- <!–<div class="row auto" style="margin: 5px 0" v-show="addressType=='特殊地址'">-->
|
113
|
+
<!-- <labe class="righttxt">新 地 址:</labe><!–<input type="text" class="form-control rightipt" v-model="userinfo.addressinfo.f_address" />–>-->
|
114
|
+
<!-- <textarea class="form-control rightipt" style="height: 80px" v-model="getAddressTS"></textarea>-->
|
115
|
+
<!-- </div>–>-->
|
116
|
+
|
117
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
118
|
+
<!-- <labe class="righttxt">备    注:</labe><textarea class="form-control rightipt" style="height: 150px" v-model="userinfo.baseinfo.base.f_remark"></textarea><!–<input type="text" class="form-control rightipt" v-model="userinfo.baseinfo.base.f_remark" />–>-->
|
119
|
+
<!-- </div>-->
|
120
|
+
<!-- </div>-->
|
121
|
+
<!-- </div>-->
|
122
|
+
<!-- <div class="panel auto" >-->
|
123
|
+
<!-- <div class="panel-heading" @click="selectVal('表具信息')" style="background-color: #ffffff">-->
|
124
|
+
<!-- <span class="spanboder" >-->
|
125
|
+
<!-- <img src="../../../assets/person.png" style="width: 22px;margin-right: 8px;">表具信息-->
|
126
|
+
<!-- <img class="butt3" :src="imgback('表具信息')">-->
|
127
|
+
<!-- </span>-->
|
128
|
+
<!-- </div>-->
|
129
|
+
<!-- <div class="panel-body " v-show="headername=='表具信息'">-->
|
130
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
131
|
+
<!-- <labe class="righttxt">表    号:</labe>-->
|
132
|
+
<!-- <input type="text" :readonly="userinfo.meterinfo[0].f_meter_classify!='机表'" class="form-control rightipt" style="width: 45%" v-model="userinfo.meterinfo[0].f_meternumber" />-->
|
133
|
+
<!-- <button type="button" :disabled="userinfo.meterinfo[0].f_meter_classify!='机表'" name="button" class="btn btn-primary" style="width: 15%" @click="scan">扫码</button>-->
|
134
|
+
<!-- </div>-->
|
135
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
136
|
+
<!-- <labe class="righttxt">气表品牌:</labe>-->
|
137
|
+
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].gasbrand" readonly />-->
|
138
|
+
<!-- </div>-->
|
139
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
140
|
+
<!-- <labe class="righttxt">气表型号:</labe>-->
|
141
|
+
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].gasmodel" readonly />-->
|
142
|
+
<!-- </div>-->
|
143
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
144
|
+
<!-- <labe class="righttxt">气表类型:</labe>-->
|
145
|
+
<!-- <!–<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_position" readonly/>–>-->
|
146
|
+
<!-- <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].gasmodeltype"-->
|
147
|
+
<!-- v-model="userinfo.meterinfo[0].gasmodeltype"-->
|
148
|
+
<!-- placeholder='请选择'-->
|
149
|
+
<!-- :width='wid'-->
|
150
|
+
<!-- readonly-->
|
151
|
+
<!-- :options="qb_types"-->
|
152
|
+
<!-- close-on-select value-single></v-select>-->
|
153
|
+
<!-- </div>-->
|
154
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
155
|
+
<!-- <labe class="righttxt">通讯模式:</labe>-->
|
156
|
+
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_meter_classify" readonly/>-->
|
157
|
+
<!-- </div>-->
|
158
|
+
<!-- <!–<div class="row auto" style="margin: 5px 0" v-if="userinfo.meterinfo[0].f_meter_classify=='机表'">-->
|
159
|
+
<!-- <div class="auto">-->
|
160
|
+
<!-- <div class="panel" style="padding: 0px 15px 5px 10px;">-->
|
161
|
+
<!-- <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">-->
|
162
|
+
<!-- <div class="row" style="height: 240px;">-->
|
163
|
+
<!-- <div class="col-sm-4">-->
|
164
|
+
<!-- <img-self :src="f_meterno_path" alt="表号照片" width="150" height="200"></img-self>-->
|
165
|
+
<!-- </div>-->
|
166
|
+
<!-- </div>-->
|
167
|
+
<!-- <div class="row text-right div-photo" :class="style__">-->
|
168
|
+
<!-- <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_meterno_path', '表号照片')">拍照</button>-->
|
169
|
+
|
170
|
+
<!-- </div>-->
|
171
|
+
<!-- </div>-->
|
172
|
+
<!-- </div>-->
|
173
|
+
<!-- </div>-->
|
174
|
+
<!-- </div>–>-->
|
175
|
+
<!-- <!–<div class="row auto" style="margin: 5px 0">–>-->
|
176
|
+
<!-- <!–<labe class="righttxt">控制器号:</labe>–>-->
|
177
|
+
<!-- <!–<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles" />–>-->
|
178
|
+
<!-- <!–</div>–>-->
|
179
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
180
|
+
<!-- <labe class="righttxt">表 封 号:</labe>-->
|
181
|
+
<!-- <input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_metertitles" />-->
|
182
|
+
<!-- </div>-->
|
183
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
184
|
+
<!-- <labe class="righttxt">表 位 置:</labe>-->
|
185
|
+
<!-- <!–<input type="text" class="form-control rightipt" v-model="userinfo.meterinfo[0].f_position" readonly/>–>-->
|
186
|
+
<!-- <v-select class="rightipt" :value.sync="userinfo.meterinfo[0].f_position"-->
|
187
|
+
<!-- v-model="userinfo.meterinfo[0].f_position"-->
|
188
|
+
<!-- placeholder='请选择'-->
|
189
|
+
<!-- :width='wid'-->
|
190
|
+
<!-- readonly-->
|
191
|
+
<!-- :options="wz_types"-->
|
192
|
+
<!-- close-on-select value-single></v-select>-->
|
193
|
+
<!-- </div>-->
|
194
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
195
|
+
<!-- <div style="display: flex;justify-content: center;">-->
|
196
|
+
<!-- <button v-if="userinfo.meterinfo[0].f_meter_classify=='机表'" class="col-sm-3 btn btn-primary" @click="upUserState()">机表关阀停用</button>-->
|
197
|
+
<!-- </div>-->
|
198
|
+
<!-- </div>-->
|
199
|
+
<!-- </div>-->
|
200
|
+
<!-- </div>-->
|
201
|
+
<div class="panel auto">
|
202
|
+
<div class="panel-heading" @click="selectVal('设备信息')" style="background-color: #ffffff">
|
203
|
+
|
204
|
+
<span class="spanboder"><img src="../../../assets/list.png" style="width: 22px;margin-right: 8px;">设备信息<img class="butt3" :src="imgback('设备信息')"></span>
|
205
|
+
</div>
|
206
|
+
<div class="panel-body" v-show="headername=='设备信息'">
|
207
|
+
<div class="row" v-for="(i,row) in model" :style="isOverDate(row)">
|
208
|
+
<div class="row auto" style="margin: 5px 0">
|
209
|
+
<labe class="righttxt">设备类型:</labe>
|
210
|
+
<!--<input type="text" class="form-control rightipt" readonly v-model="row.f_devices_type" />-->
|
211
|
+
<v-select class="rightipt" :value.sync="row.f_devices_type"
|
212
|
+
v-model="row.f_devices_type"
|
213
|
+
placeholder='请选择'
|
214
|
+
:width='wid'
|
215
|
+
readonly
|
216
|
+
:options="devices_types"
|
217
|
+
close-on-select value-single></v-select>
|
218
|
+
</div>
|
219
|
+
<div class="row auto" style="margin: 5px 0">
|
220
|
+
<labe class="righttxt">设备品牌:</labe><input type="text" class="form-control rightipt" v-model="row.f_brand" />
|
221
|
+
</div>
|
222
|
+
<div class="row auto" style="margin: 5px 0">
|
223
|
+
<labe class="righttxt">设备型号:</labe><input type="text" class="form-control rightipt" v-model="row.f_devices_model" />
|
224
|
+
</div>
|
225
|
+
<!-- <div class="row auto" style="margin: 5px 0">-->
|
226
|
+
<!-- <labe class="righttxt">设备功率:</labe><input type="text" class="form-control rightipt" v-model="row.f_device_power" />-->
|
227
|
+
<!-- </div>-->
|
228
|
+
<div class="row auto" style="margin: 5px 0">
|
229
|
+
<labe class="righttxt">生产日期:</labe><!--<input type="text" class="form-control rightipt" v-model="row.f_make_date" />-->
|
230
|
+
<datepicker class="rightipt"
|
231
|
+
:value.sync="row.f_make_date"
|
232
|
+
v-model="row.f_make_date"
|
233
|
+
:disabled-days-of-Week="[]"
|
234
|
+
:format="'yyyy-MM-dd'"
|
235
|
+
@change="changeexpiredate(i,row)"
|
236
|
+
:show-reset-button="reset" readonly="readonly">
|
237
|
+
</datepicker>
|
238
|
+
</div>
|
239
|
+
<div class="row auto" style="margin: 5px 0">
|
240
|
+
<labe class="righttxt">使用年限:</labe><input type="number" class="form-control rightipt" v-model="row.f_service_life" @change="changeexpiredate(i,row)" />
|
241
|
+
</div>
|
242
|
+
<div class="row auto" style="margin: 5px 0">
|
243
|
+
<labe class="righttxt">到期日期:</labe><!--<input type="text" class="form-control rightipt" v-model="row.f_expire_date" />-->
|
244
|
+
<datepicker class="rightipt"
|
245
|
+
:value.sync="row.f_expire_date"
|
246
|
+
v-model="row.f_expire_date"
|
247
|
+
:disabled-days-of-Week="[]"
|
248
|
+
:format="'yyyy-MM-dd'"
|
249
|
+
disabled
|
250
|
+
:show-reset-button="reset" readonly="readonly">
|
251
|
+
</datepicker>
|
252
|
+
</div>
|
253
|
+
<div class="row auto" style="margin: 5px 0">
|
254
|
+
<labe class="righttxt">安 装 人:</labe><input type="text" class="form-control rightipt" v-model="row.f_input_person" />
|
255
|
+
</div>
|
256
|
+
<div class="row auto" style="margin: 5px 0">
|
257
|
+
<labe class="righttxt">安装日期:</labe><!--<input type="text" class="form-control rightipt" v-model="row.f_input_date" />-->
|
258
|
+
<datepicker class="rightipt"
|
259
|
+
:value.sync="row.f_input_date"
|
260
|
+
v-model="row.f_input_date"
|
261
|
+
:disabled-days-of-Week="[]"
|
262
|
+
:format="'yyyy-MM-dd'"
|
263
|
+
:show-reset-button="reset" readonly="readonly">
|
264
|
+
</datepicker>
|
265
|
+
</div>
|
266
|
+
<div class="row auto" style="margin: 5px 0">
|
267
|
+
<labe class="righttxt">设备数量:</labe><input type="number" class="form-control rightipt" v-model="row.f_devices_num" />
|
268
|
+
</div>
|
269
|
+
<!--<div class="row auto" style="margin: 5px 0">
|
270
|
+
<labe class="righttxt">管道类型:</labe><input type="text" class="form-control rightipt" readonly v-model="row.f_pipe_type" />
|
271
|
+
</div>-->
|
272
|
+
<!--<div class="row auto" style="margin: 5px 0">
|
273
|
+
<labe class="righttxt">设备状态:</labe><input type="text" class="form-control rightipt" readonly v-model="row.f_userinfodevices_state" />
|
274
|
+
</div>-->
|
275
|
+
<!--<div class="row auto" style="margin: 5px 0">
|
276
|
+
<labe class="righttxt">购买方式:</labe><input type="text" class="form-control rightipt" readonly v-model="row.watchpurchase" />
|
277
|
+
</div>-->
|
278
|
+
<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" >
|
279
|
+
<button class="btn btn-warning" @click="delDevices($index)">删除设备</button>
|
280
|
+
</div>
|
281
|
+
</div>
|
282
|
+
<div style="display: flex;justify-content: space-around;">
|
283
|
+
<button class="col-sm-3 btn btn-primary" @click="addDevices($index)">新增设备</button>
|
284
|
+
</div>
|
285
|
+
</div>
|
286
|
+
</div>
|
287
|
+
<div class="panel auto">
|
288
|
+
<div class="panel-body">
|
289
|
+
<div style="display: flex;justify-content: center;">
|
290
|
+
<button class="col-sm-3 btn btn-primary" :disabled="enable" @click="editUserInfo()">上传审核</button>
|
291
|
+
</div>
|
292
|
+
</div>
|
293
|
+
</div>
|
294
|
+
</div>
|
295
|
+
</template>
|
296
|
+
|
297
|
+
<script>
|
298
|
+
import { PagedList,HttpResetClass } from 'vue-client'
|
299
|
+
import * as Util from '../../../components/Util'
|
300
|
+
import Vue from 'vue'
|
301
|
+
import co from 'co'
|
302
|
+
export default {
|
303
|
+
title: '设备查看',
|
304
|
+
data () {
|
305
|
+
return {
|
306
|
+
model: [],
|
307
|
+
show: false,
|
308
|
+
row: Object,
|
309
|
+
userinfo:Object,
|
310
|
+
userinfo_old:Object,
|
311
|
+
f_user_type:'',
|
312
|
+
wid:"60%",
|
313
|
+
devices_types:[],
|
314
|
+
pipe_types:[{label:'橡胶管',value:'橡胶管'},{label:'波纹管',value:'波纹管'},{label:'钢管',value:'钢管'}],
|
315
|
+
wz_types:[],
|
316
|
+
qb_types:Vue.$appdata.getParam('表类型'),
|
317
|
+
cityTypes:[{label:'市区',value:'市区'},{label:'城镇',value:'城镇'}],
|
318
|
+
pcds:[],
|
319
|
+
streets:[],
|
320
|
+
update:false,
|
321
|
+
headername:'设备信息',
|
322
|
+
excessive:false,
|
323
|
+
area:[],
|
324
|
+
enable:false,
|
325
|
+
f_meterno_path:Vue.nopic,
|
326
|
+
selectArea:{id:''},
|
327
|
+
selectPcd:{id:''},
|
328
|
+
selectStreet:{id:''},
|
329
|
+
changemeterno:false,//是否修改了机表表号
|
330
|
+
approveChange:false,//是否需要进行信息变更审核
|
331
|
+
newAddress:'',
|
332
|
+
addressType:'',
|
333
|
+
//需要审核的字段
|
334
|
+
checkField:{
|
335
|
+
checkUserinfoField:[
|
336
|
+
'f_user_name'
|
337
|
+
],
|
338
|
+
checkUserFilesField:[
|
339
|
+
'f_meternumber'
|
340
|
+
],
|
341
|
+
checkAddressField:[
|
342
|
+
'f_pcd_id',
|
343
|
+
'f_street_id',
|
344
|
+
'f_residential_area_id',
|
345
|
+
'f_building',
|
346
|
+
'f_unit',
|
347
|
+
'f_floor',
|
348
|
+
'f_room',
|
349
|
+
'f_slice_area',
|
350
|
+
'f_special',
|
351
|
+
'f_address'
|
352
|
+
],
|
353
|
+
}
|
354
|
+
}
|
355
|
+
},
|
356
|
+
props: {
|
357
|
+
user: {
|
358
|
+
type: Object
|
359
|
+
},
|
360
|
+
f_userinfo_id:'',
|
361
|
+
f_source:''
|
362
|
+
},
|
363
|
+
methods: {
|
364
|
+
cameraCallBack(prop, fileName) {
|
365
|
+
HostApp.__this__.$set(prop, fileName + '?' + Math.random())
|
366
|
+
//tag
|
367
|
+
HostApp.__callback__ = null
|
368
|
+
HostApp.__this__ = null
|
369
|
+
},
|
370
|
+
takePic(prop, title) {
|
371
|
+
HostApp.__callback__ = this.cameraCallBack
|
372
|
+
HostApp.__this__ = this
|
373
|
+
//tag
|
374
|
+
let fileName
|
375
|
+
if (!this[prop] || this[prop].includes("nopic.png")) {
|
376
|
+
fileName = Util.guid() + '-' + prop + '.jpg'
|
377
|
+
} else {
|
378
|
+
fileName = Util.getFileName(this[prop])
|
379
|
+
}
|
380
|
+
HostApp._open_a_page({
|
381
|
+
type: 'boomerang',
|
382
|
+
page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
|
383
|
+
param: {
|
384
|
+
file: fileName,
|
385
|
+
requestCode: 111,
|
386
|
+
callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
|
387
|
+
watermark: title + '\t时间:' + Util.toStandardTimeString() + '\t' + Vue.user.name
|
388
|
+
}
|
389
|
+
})
|
390
|
+
},
|
391
|
+
delfile(prop, fileName) {
|
392
|
+
if (fileName == Vue.nopic)
|
393
|
+
return
|
394
|
+
else {
|
395
|
+
HostApp.delfile(fileName)
|
396
|
+
this[prop] = Vue.nopic
|
397
|
+
}
|
398
|
+
},
|
399
|
+
isOverDate(row){
|
400
|
+
console.log("9999",row)
|
401
|
+
const now = Util.toStandardTimeString()
|
402
|
+
if(row.f_expire_date){
|
403
|
+
const h = Util.computedTimeInterval(now,row.f_expire_date,'h')
|
404
|
+
if(h<=0){
|
405
|
+
return 'border:2px solid red; border-top:10px solid red; box-shadow: red;margin-bottom: 10px'
|
406
|
+
}else if(h>0 && h<=90){
|
407
|
+
return 'border:2px solid yellow; border-top:10px solid yellow; box-shadow: yellow;margin-bottom: 10px'
|
408
|
+
}
|
409
|
+
}
|
410
|
+
return 'border:2px solid #A2C2EB; border-top:10px solid #A2C2EB; box-shadow: #00b3ee;margin-bottom: 10px'
|
411
|
+
},
|
412
|
+
editUserInfo() {
|
413
|
+
// let checked=this.checkVal()
|
414
|
+
// if(!checked.ischeck){
|
415
|
+
// this.$showMessage(checked.msg)
|
416
|
+
// return
|
417
|
+
// }
|
418
|
+
this.$showMessage('确定是否修改上传审核用户信息?', ['confirm', 'cancel']).then((res) => {
|
419
|
+
if (res === 'confirm') {
|
420
|
+
this.excessive=true
|
421
|
+
let userinfoms=Object.assign({},this.userinfo_old.baseinfo.base)
|
422
|
+
//userinfoms.f_user_name=row.f_user_name
|
423
|
+
userinfoms.f_user_phone=this.userinfo.baseinfo.base.f_user_phone
|
424
|
+
userinfoms.f_rent_phone=this.userinfo.baseinfo.base.f_rent_phone
|
425
|
+
userinfoms.f_rent_name=this.userinfo.baseinfo.base.f_rent_name
|
426
|
+
userinfoms.f_zuhu_phone=this.userinfo.baseinfo.base.f_zuhu_phone
|
427
|
+
userinfoms.f_operator_record=Vue.user.name
|
428
|
+
userinfoms.f_operatorid_record=Vue.user.id
|
429
|
+
userinfoms.f_remark=this.userinfo.baseinfo.base.f_remark
|
430
|
+
userinfoms.f_orgid_record=Vue.user.orgid
|
431
|
+
userinfoms.f_orgname_record=Vue.user.orgs
|
432
|
+
userinfoms.f_depid_record=Vue.user.depids
|
433
|
+
userinfoms.f_depname_record=Vue.user.deps
|
434
|
+
this.userinfo_old.meterinfo[0].f_metertitles=this.userinfo.meterinfo[0].f_metertitles
|
435
|
+
this.userinfo_old.meterinfo[0].f_position=this.userinfo.meterinfo[0].f_position
|
436
|
+
userinfoms.userfiles=[]
|
437
|
+
this.userinfo_old.meterinfo[0].devicesinfo=this.model
|
438
|
+
userinfoms.userfiles.push(this.userinfo_old.meterinfo[0])
|
439
|
+
//tag)
|
440
|
+
new HttpResetClass().load('POST',
|
441
|
+
`${this.$androidUtil.getProxyUrl()}/api/af-safecheck/logic/filemanage_fileSave`,
|
442
|
+
{data: {userinfo: userinfoms,modifyReason:this.f_source?`${this.f_source}维护档案信息`:'',address:{id:this.userinfo_old.addressinfo.id,oldid:this.userinfo_old.addressinfo.id}}},
|
443
|
+
{resolveMsg: null, rejectMsg: null}).
|
444
|
+
then((res1)=>{
|
445
|
+
console.log(res1)
|
446
|
+
//
|
447
|
+
//tag+res1.data.status)
|
448
|
+
if(res1.data.status==200){
|
449
|
+
//本次修改信息包含需要审核信息
|
450
|
+
if(this.approveChange){
|
451
|
+
//tag
|
452
|
+
let res2=this.$androidUtil.bzLogic('safe_upUserinfoApprove', {
|
453
|
+
row: {
|
454
|
+
f_time: Util.toStandardTimeString(),
|
455
|
+
f_modifier: Vue.user.name,//Vue.user.name
|
456
|
+
f_modifier_id: Vue.user.id,//Vue.user.id
|
457
|
+
f_modify_type: '用户档案',
|
458
|
+
f_userinfoid: this.userinfo.baseinfo.base.f_userinfo_id,
|
459
|
+
f_userinfo_code: this.userinfo.baseinfo.base.f_userinfo_code,
|
460
|
+
f_approved: '未审核',
|
461
|
+
filialestr: Vue.user.orgid,//Vue.user.orgid
|
462
|
+
version: 1,
|
463
|
+
f_user_name:this.userinfo.baseinfo.base.f_user_name,
|
464
|
+
f_user_phone: this.userinfo.baseinfo.base.f_user_phone,
|
465
|
+
f_rent_phone: this.userinfo.baseinfo.base.f_rent_phone,
|
466
|
+
f_street: this.userinfo.addressinfo.f_street,
|
467
|
+
f_building: this.userinfo.addressinfo.f_building,
|
468
|
+
f_unit: this.userinfo.addressinfo.f_unit,
|
469
|
+
f_floor: this.userinfo.addressinfo.f_floor,
|
470
|
+
f_room: this.userinfo.addressinfo.f_room,
|
471
|
+
f_building_suffix:this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_building_suffix,
|
472
|
+
f_unit_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_unit_suffix,
|
473
|
+
f_floor_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_floor_suffix,
|
474
|
+
f_room_suffix: this.userinfo.addressinfo.f_special==1?null:this.userinfo.addressinfo.f_room_suffix,
|
475
|
+
f_residential_area: this.userinfo.addressinfo.f_residential_area,
|
476
|
+
f_address:this.userinfo.addressinfo.f_address,
|
477
|
+
f_pcd:this.userinfo.addressinfo.f_pcd,
|
478
|
+
f_pcd_id:this.userinfo.addressinfo.f_pcd_id,
|
479
|
+
f_street_id:this.userinfo.addressinfo.f_street_id,
|
480
|
+
f_residential_area_id:this.userinfo.addressinfo.f_residential_area_id,
|
481
|
+
f_used_name:this.userinfo.baseinfo.base.f_used_name,
|
482
|
+
f_rent_phone:this.userinfo.baseinfo.base.f_rent_phone,
|
483
|
+
f_slice_area:this.userinfo.addressinfo.f_slice_area,
|
484
|
+
f_remark:this.userinfo.baseinfo.base.f_remark,
|
485
|
+
f_source:this.f_source,
|
486
|
+
f_meterno_path:this.f_meterno_path,
|
487
|
+
f_iscity:this.userinfo.addressinfo.f_iscity,
|
488
|
+
f_special:this.userinfo.addressinfo.f_special,
|
489
|
+
f_meternumber:this.userinfo.meterinfo[0].f_meternumber,
|
490
|
+
changemeterno:this.changemeterno
|
491
|
+
},
|
492
|
+
tablename: 't_modify_userinfo'
|
493
|
+
})
|
494
|
+
//tag)
|
495
|
+
if(res2.code==200){
|
496
|
+
this.$showMessage("变更用户信息成功,需要审核的信息已提交审核,等待管理员处理!")
|
497
|
+
this.enable=true
|
498
|
+
this.excessive=false
|
499
|
+
}else{
|
500
|
+
this.$showMessage("上传审核信息失败,请检查图片和网络状况是否正常!")
|
501
|
+
this.excessive=false
|
502
|
+
}
|
503
|
+
}else{
|
504
|
+
this.$showMessage("修改用户信息成功!")
|
505
|
+
this.enable=true
|
506
|
+
this.excessive=false
|
507
|
+
}
|
508
|
+
|
509
|
+
}
|
510
|
+
}).catch((msg)=>{
|
511
|
+
this.$showMessage("修改用户信息失败,请检查手机网络状况!")
|
512
|
+
this.excessive=false
|
513
|
+
})
|
514
|
+
|
515
|
+
}
|
516
|
+
})
|
517
|
+
},
|
518
|
+
imgback(header){
|
519
|
+
if(this.headername==header){
|
520
|
+
return require('../../../assets/xiangxia1.png')
|
521
|
+
}else{
|
522
|
+
return require('../../../assets/xiangyou1.png')
|
523
|
+
}
|
524
|
+
this.headername=header
|
525
|
+
},
|
526
|
+
selectVal(header){
|
527
|
+
if(this.headername==header){
|
528
|
+
this.headername=''
|
529
|
+
}else{
|
530
|
+
this.headername=header
|
531
|
+
}
|
532
|
+
|
533
|
+
},
|
534
|
+
addDevices(){
|
535
|
+
//Vue.user.name
|
536
|
+
let obj={
|
537
|
+
"f_operator":Vue.user.name,
|
538
|
+
"f_picture":null,
|
539
|
+
"f_pipe_type":null,
|
540
|
+
"f_pipeinstall_date":null,
|
541
|
+
"f_pipe_connection":null,
|
542
|
+
"f_expire_date":null,
|
543
|
+
"f_pipeexpire_date":null,
|
544
|
+
"f_comments":null,
|
545
|
+
"f_operate_date":Util.toStandardTimeString(),
|
546
|
+
"f_operatorid":Vue.user.id,
|
547
|
+
"f_devices_num":null,
|
548
|
+
"f_process_id":null,
|
549
|
+
"f_devices_type":null,
|
550
|
+
"f_make_date":null,
|
551
|
+
"f_input_date":null,
|
552
|
+
"f_state":"有效",
|
553
|
+
"f_brand":null,
|
554
|
+
"f_devices_model":null,
|
555
|
+
"f_device_power":null,
|
556
|
+
"f_devices_no":null,
|
557
|
+
"img":{"content": null, "filename": null}
|
558
|
+
}
|
559
|
+
this.model.push(obj)
|
560
|
+
},
|
561
|
+
delDevices(idx){
|
562
|
+
//tag
|
563
|
+
this.$showMessage('删除后不可恢复,确认删除吗?', ['confirm', 'cancel']).then((res) => {
|
564
|
+
if (res === 'confirm') {
|
565
|
+
this.model.splice(idx,1)
|
566
|
+
}
|
567
|
+
})
|
568
|
+
},
|
569
|
+
changeexpiredate(i,row){
|
570
|
+
console.log('打印数据',this.model[i])
|
571
|
+
if (!Util.isEmpty(this.model[i].f_service_life)&&!Util.isEmpty(this.model[i].f_make_date)){
|
572
|
+
let year = this.model[i].f_make_date.substring(0,4)
|
573
|
+
let newyera = parseInt(year) + parseInt(this.model[i].f_service_life)
|
574
|
+
this.model[i].f_expire_date = this.model[i].f_make_date.replace(year,newyera)
|
575
|
+
}
|
576
|
+
console.log('打印数据22',this.model[i])
|
577
|
+
}
|
578
|
+
},
|
579
|
+
async ready () {
|
580
|
+
if(!this.f_userinfo_id){
|
581
|
+
this.$showMessage("未检测到用户!")
|
582
|
+
this.enable=true
|
583
|
+
return
|
584
|
+
}
|
585
|
+
try{
|
586
|
+
|
587
|
+
this.devices_types=Vue.$appdata.getParam('设备类型')
|
588
|
+
this.wz_types=Vue.$appdata.getParam('安装位置')
|
589
|
+
////tag)
|
590
|
+
this.excessive=true
|
591
|
+
//Vue.user.orgid ${this.f_userinfo_id} 10101 ${Vue.user.orgid}
|
592
|
+
|
593
|
+
this.wz_types=Vue.$appdata.getParam('安装位置')
|
594
|
+
////tag)
|
595
|
+
this.excessive=true
|
596
|
+
//Vue.user.orgid ${this.f_userinfo_id} 10101 ${Vue.user.orgid}
|
597
|
+
|
598
|
+
let pcdlist= await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {data:{items:"*",tablename:"t_pcd",orderitem:"id",condition:`f_orgid = '${Vue.user.orgid}'`}}, {resolveMsg: null, rejectMsg: null})
|
599
|
+
//tag)
|
600
|
+
pcdlist.data.forEach((result)=>{
|
601
|
+
this.pcds.push({label:result.f_pcd,value:result})
|
602
|
+
})
|
603
|
+
////tag)
|
604
|
+
let res=await new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/filemanage_getFilesDetail`, {
|
605
|
+
//f_userinfo_code:'12381344',
|
606
|
+
f_userinfo_id:this.f_userinfo_id
|
607
|
+
}, {resolveMsg: null, rejectMsg: null})
|
608
|
+
//tag
|
609
|
+
//tag
|
610
|
+
this.userinfo = res.data
|
611
|
+
this.f_user_type = this.userinfo.meterinfo[0].f_user_type
|
612
|
+
this.userinfo_old=JSON.parse(JSON.stringify(res.data))
|
613
|
+
this.model = this.userinfo.meterinfo[0].devicesinfo
|
614
|
+
this.selectArea.id=this.userinfo.addressinfo.f_residential_area_id
|
615
|
+
this.selectPcd.id=this.userinfo.addressinfo.f_pcd_id
|
616
|
+
this.selectPcd.f_pcd=this.userinfo.addressinfo.f_pcd
|
617
|
+
this.selectStreet.id=this.userinfo.addressinfo.f_street_id
|
618
|
+
this.selectStreet.f_street=this.userinfo.addressinfo.f_street
|
619
|
+
await this.getStreetList()
|
620
|
+
await this.getAreaList()
|
621
|
+
this.excessive=false
|
622
|
+
this.addressType=this.userinfo.addressinfo.f_special==1?'特殊地址':'普通地址'
|
623
|
+
//this.userinfo.addressinfo.f_special=1
|
624
|
+
//tag
|
625
|
+
}catch (e) {
|
626
|
+
this.excessive=false
|
627
|
+
// this.enable=true
|
628
|
+
// this.$showMessage('获取用户信息出错,请检查网络状况!')
|
629
|
+
}
|
630
|
+
new HttpResetClass().load('get',`${this.$androidUtil.getProxyUrl()}/rs/vue/UserAddress.json`,{data: {}},{resolveMsg: null, rejectMsg: null}).then((addressUnit)=>{
|
631
|
+
//tag
|
632
|
+
//tag
|
633
|
+
//tag
|
634
|
+
//tag
|
635
|
+
this.userinfo.addressinfo.f_building_suffix=addressUnit.data.f_building_suffix
|
636
|
+
this.userinfo.addressinfo.f_unit_suffix=addressUnit.data.f_unit_suffix
|
637
|
+
this.userinfo.addressinfo.f_floor_suffix=addressUnit.data.f_floor_suffix
|
638
|
+
this.userinfo.addressinfo.f_room_suffix=addressUnit.data.f_room_suffix
|
639
|
+
}).catch((msg)=>{
|
640
|
+
//tag)
|
641
|
+
})
|
642
|
+
}
|
643
|
+
}
|
644
|
+
</script>
|
645
|
+
<style lang="less" scoped>
|
646
|
+
.butt3 {
|
647
|
+
float: right;
|
648
|
+
width: 12px;
|
649
|
+
margin: 1% 2% 0 0;
|
650
|
+
}
|
651
|
+
.rightipt{
|
652
|
+
width: 60%;
|
653
|
+
float: left;
|
654
|
+
margin-left: 5%;
|
655
|
+
}
|
656
|
+
.righttxt{
|
657
|
+
border: none;
|
658
|
+
margin-left: 5px;
|
659
|
+
/*border-left: 5px solid #A2C2EB;*/
|
660
|
+
float: left;
|
661
|
+
width: 25%;
|
662
|
+
margin-bottom: 3px;
|
663
|
+
text-align: left;
|
664
|
+
word-wrap: break-word;
|
665
|
+
white-space: normal;
|
666
|
+
}
|
667
|
+
.tit1{
|
668
|
+
/*background: #ffffff url('../../assets/用户姓名.png') no-repeat fixed center;*/
|
669
|
+
background-image: url('../../../assets/用户姓名.png');
|
670
|
+
background-repeat: no-repeat;
|
671
|
+
background-position: center;
|
672
|
+
}
|
673
|
+
.spanboder{
|
674
|
+
border-bottom:2px solid #499edf;
|
675
|
+
padding-bottom: 8px
|
676
|
+
}
|
677
|
+
#upuserinfo_sel /deep/ ul{
|
678
|
+
width: 100% !important;
|
679
|
+
left:0 !important;
|
680
|
+
}
|
681
|
+
.btn-photo {
|
682
|
+
border: 0;
|
683
|
+
border-radius: 7px;
|
684
|
+
background-color: #7dc1f4;
|
685
|
+
font: 15px PingFang-SC-Bold;
|
686
|
+
height: 20%;
|
687
|
+
}
|
688
|
+
.panel-self {
|
689
|
+
border-radius: 10px;
|
690
|
+
border: 1px solid #499EDF;
|
691
|
+
background-color: #F8F8F8;
|
692
|
+
}
|
693
|
+
.div-photo {
|
694
|
+
width: auto;
|
695
|
+
height: auto;
|
696
|
+
/* margin-top: 10px; */
|
697
|
+
position: absolute;
|
698
|
+
bottom: 10px;
|
699
|
+
right: 10px;
|
700
|
+
}
|
701
|
+
</style>
|
702
|
+
<style lang="less">
|
703
|
+
#upuserinfo_sel ul{
|
704
|
+
width: 100% !important;
|
705
|
+
left:0 !important;
|
706
|
+
}
|
707
|
+
</style>
|