apply-clients 5.0.35-60 → 5.0.35-63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/package.json +1 -1
  2. package/src/components/app_apply/ApplyToDoList.vue +2820 -2820
  3. package/src/components/app_apply/Gongcheng.vue +3323 -3305
  4. package/src/components/app_apply/ServiceControl.vue +540 -495
  5. package/src/components/app_apply/ezhou/ServiceView.vue +810 -790
  6. package/src/components/product/EngineeringManagement/EngineerUpload.vue +304 -304
  7. package/src/components/product/EngineeringManagement/EngineeringManagement.vue +137 -137
  8. package/src/components/product/EngineeringManagement/EngineeringSelect.vue +588 -588
  9. package/src/components/product/EngineeringSupervisory/EngineeringApplyStopInfo.vue +281 -281
  10. package/src/components/product/EngineeringSupervisory/EngineeringSupervisoryControl.vue +130 -130
  11. package/src/components/product/EngineeringSupervisory/EngineeringSupervisoryList.vue +350 -350
  12. package/src/components/product/Function/InstallInfoSelect.vue +255 -255
  13. package/src/components/product/Function/functions/BuyerMessage.vue +512 -512
  14. package/src/components/product/Function/functions/InstallFee.vue +1144 -1145
  15. package/src/components/product/Process/ExplorationSelect.vue +640 -640
  16. package/src/components/product/Process/Processes/Service/ServiceControl.vue +39 -6
  17. package/src/components/product/Supervisory/SupervisoryList.vue +350 -350
  18. package/src/components/product/stopInfo/ApplyStopInfo.vue +281 -281
  19. package/src/ezhouAndroid.js +48 -48
package/src/components/app_apply/ezhou/ServiceView.vue CHANGED
@@ -1,790 +1,810 @@
1
- <template>
2
- <div class="auto select-overspread">
3
- <div v-if="data.back_reason" class="panel panel-info">
4
- <span style="color: red"> 请注意被退回原因为:{{ data.back_reason }}</span>
5
- </div>
6
- <validator name="v">
7
- <form class="form-horizontal">
8
- <div class="col-sm-11 form-group">
9
- <div v-for="(index,item) in data.fields">
10
- <!--input-->
11
- <div v-if="item.type==='input'" v-show="!item.hidden"
12
- :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
13
- <label
14
- :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{
15
- item.label
16
- }}：</label>
17
- <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
18
- <input class="form-control"
19
- :type="item.type"
20
- v-model="data.fields[index].value"
21
- :placeholder="item.placeholder"
22
- :value="data.fields[index].value"
23
- :readonly="item.readonly"
24
- :disable="item.disable"
25
- @change="disabled_check(index,data.fields[index].required,data.fields[index].value)"
26
- @blur="check_disable"
27
- />
28
- </div>
29
- </div>
30
- <!--number-->
31
- <div v-if="item.type==='number'" v-show="!item.hidden"
32
- :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
33
- <label
34
- :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{
35
- item.label
36
- }}：</label>
37
- <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
38
- <input class="form-control"
39
- :type="item.type"
40
- v-model="data.fields[index].value"
41
- :placeholder="item.placeholder"
42
- :value="data.fields[index].value"
43
- :readonly="item.readonly"
44
- :disable="item.disable"
45
- @change="disabled_check(index,data.fields[index].required,data.fields[index].value)"
46
- @blur="check_disable"
47
- />
48
- </div>
49
- </div>
50
-
51
- <!--时间datepicker-->
52
- <div v-if="item.type==='datepicker'"
53
- :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-xs-12 form-group']">
54
- <label style="margin-top: 0.7em"
55
- :class="item.label_bootstraped?item.label_bootstraped +' control-label':'control-label col-sm-6'">{{
56
- item.label
57
- }}：</label>
58
- <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
59
- <datepicker
60
- :placeholder="item.placeholder"
61
- :value.sync="data.fields[index].value"
62
- :format="'yyyy-MM-dd HH:mm:ss'"
63
- v-model="data.fields[index].value"
64
- :width="'100%'"
65
- class="form-control"
66
- :readonly="item.readonly"
67
- :disabled="item.disabled"
68
- @blur="check_disable"
69
- :show-reset-button="reset">
70
- </datepicker>
71
- </div>
72
- </div>
73
-
74
-
75
- <!--textarea-->
76
- <div v-if="item.type==='textarea'"
77
- :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
78
- <label
79
- :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{
80
- item.label
81
- }}：</label>
82
- <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-10'">
83
- <textarea
84
- :readonly="item.readonly"
85
- :disabled="item.disabled"
86
- class="form-control"
87
- :rows="item.rows"
88
- v-model="data.fields[index].value"
89
- @change="disabled_check(index,data.fields[index].required,data.fields[index].value)"
90
- @blur="check_disable"
91
- >
92
- </textarea>
93
- </div>
94
- </div>
95
-
96
- <!--radio-->
97
- <div v-if="item.type==='radio'"
98
- :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
99
- <label v-if="item.label"
100
- :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{
101
- item.label
102
- }}：</label>
103
- <div class="col-xs-12">
104
- <div
105
- :class="item.value_bootstraped?item.value_bootstraped:item.items.length%2 == 0?'col-xs-5': 'col-xs-3'"
106
- v-for="(index2,row) in item.items">
107
- <label style="margin-top: 0.7em" for="row.label"
108
- :class="item.items.length%2 == 0?'col-xs-4': 'col-xs-2'">{{ row.label }}</label>
109
- <input @blur="check_disable" :class="item.items.length%2 == 0?'col-xs-1': 'col-xs-1'"
110
- :readonly="item.readonly" :disabled="item.disabled" style="margin-top: 10px" type="radio"
111
- :name="index" :id="row.label" v-bind:value="data.fields[index].items[index2].value"
112
- v-model="data.fields[index].value">
113
- </div>
114
- </div>
115
- </div>
116
-
117
- <!--select-->
118
- <div v-if="item.type==='select'"
119
- :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
120
- <label
121
- :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{
122
- item.label
123
- }}：</label>
124
- <input-select :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'" @blur="check_disable"
125
- @change="select_change(index),disabled_check(index,data.fields[index].required,data.fields[index].value)"
126
- :readonly="item.readonly" :disable="item.disabled" :value.sync="data.fields[index].value"
127
- v-model="data.fields[index].value"
128
- :options='item.options' :valueSingle="true"></input-select>
129
-
130
- </div>
131
-
132
- <!--checkbox-->
133
- <div v-if="item.type==='checkbox'"
134
- :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
135
- <label v-if="item.label"
136
- :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{
137
- item.label
138
- }}：</label>
139
- <div style="margin-top: 0.7em"
140
- :class="item.value_bootstraped?item.value_bootstraped:'control-label col-sm-2'"
141
- v-for="(index2,row) in item.items">
142
- <label class="font-size form-group col-sm-6">{{ row.label }}</label>
143
- <input :readonly="item.readonly" :disabled="item.disabled" type="checkbox" class="col-sm-6"
144
- :id="row.label" v-model="data.fields[index].items[index2].value">
145
- </div>
146
- </div>
147
-
148
-
149
- </div>
150
- </div>
151
- <div class="form-group col-sm-11">
152
- <label class="text-left font">现场照片</label>
153
-
154
- <div class="auto">
155
- <div class="panel" style="padding: 10px 10px 5px 10px;">
156
- <div class="panel-body panel-self"
157
- style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
158
- <div class="row" style="height: 240px;overflow: scroll;top: 1px">
159
- <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px"
160
- v-for="(index,img) in model.f_overall_imgs">
161
- <img-self :src="img.f_overall_path" alt="现场照片" :width="140" :height="170"></img-self>
162
- <img src="../../../assets/删除.png" @click="delfile('f_overall_path', img.f_overall_path,index)"
163
- style="width: 15px;margin-top: -80px" alt="">
164
- </div>
165
- </div>
166
- <div class="row text-right div-photo">
167
- <button type="button" name="button" class="btn btn-photo" @click="takePic('f_overall_path', '现场照片')">
168
- 拍照
169
- </button>
170
- <!--<button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_overall_path', '总体安检照片1')">拍照</button>-->
171
- <!--&nbsp;&nbsp;&nbsp;&nbsp;<img src="../../../assets/remove.png" :class="style__" @click="delfile('f_overall_path', img.f_overall_path)" style="width: 25%;"></img>-->
172
- </div>
173
- </div>
174
- </div>
175
- </div>
176
- </div>
177
- <div class="form-group col-sm-11" v-show="true">
178
- <label class="text-left font">用户签名</label>
179
- <div class="auto">
180
- <div class="panel">
181
- <div class="panel-body panel-self"
182
- style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
183
- <div class="row" style="height: 240px;overflow: scroll;top: 1px">
184
- <div class="col-sm-4">
185
- <img :src="model.f_sign_path" :width="200" :height="150"/>
186
- </div>
187
- </div>
188
- <div class="row text-right div-photo">
189
- <button type="button" name="button" class="btn btn-primary btn-photo" @click="sign">签名</button>
190
- </div>
191
- </div>
192
- </div>
193
- </div>
194
- </div>
195
-
196
- <!-- <input @click="gotohetong('民用')" type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#" @click="gotohetong('民用')">居民天然气供用气合同</a></label>-->
197
- <div class="form-group col-sm-11" v-show="kchege&&data.f_user_type=='民用'&&data.title!='现场勘查'">
198
- <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#"
199
- @click="gotohetong('民用')">居民天然气供用气合同</a></label>
200
- </div>
201
- <div class="form-group col-sm-11" v-show="kchege&&(data.f_user_type=='非民用'||data.title=='现场勘查')">
202
- <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#"
203
- @click="gotohetong('非民用1')">天然气工程建设安装合同</a>,<a
204
- href="#" @click="gotohetong('非民用2')">管道燃气供用气合同</a></label>
205
- </div>
206
- <div class="form-group col-sm-11" v-show="kcbuhege">
207
- <div class="col-sm-12 form-group">
208
- <label class="control-label col-sm-2">不合格原因：</label>
209
- <div class="col-sm-10">
210
- <textarea
211
- class="form-control"
212
- v-model="model.f_buhege_reason">
213
- </textarea>
214
- </div>
215
- </div>
216
-
217
-
218
- </div>
219
-
220
-
221
-
222
- <div class="col-sm-11 form-group" v-for="item in onetomany" style="text-align: center">
223
-
224
- <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;" @click="gotoOneToMany(item)">前往{{item.title}}</button>
225
-
226
- </div>
227
-
228
- <div class="col-sm-11 form-group">
229
- <div class="form-group col-sm-6">
230
- <label class=" col-sm-4 control-label">分公司：</label>
231
- <div class="col-sm-5">
232
- <input class="form-control" type="text" v-model="model.f_filiale" disabled>
233
- </div>
234
- </div>
235
- <div class="col-sm-6 form-group">
236
- <label class="control-label col-sm-6">部门：</label>
237
- <div class="col-sm-5">
238
- <input type="text" class="form-control" disabled v-model="model.f_parentname"/>
239
- </div>
240
- </div>
241
- </div>
242
- <div class="col-sm-11 form-group">
243
- <div class="col-sm-6 form-group">
244
- <label class="control-label col-sm-4">操作日期：</label>
245
- <div class="col-sm-5">
246
- <input type="text" class="form-control" disabled v-model="model.f_operate_date"/>
247
- </div>
248
- </div>
249
- <div class="col-sm-6 form-group">
250
- <label class="control-label col-sm-6">操作人：</label>
251
- <div class="col-sm-5">
252
- <input type="text" class="form-control" disabled v-model="model.f_operator"/>
253
- </div>
254
- </div>
255
- </div>
256
-
257
- </form>
258
- </validator>
259
- <div class="from-group col-xs-12">
260
- <center>
261
- <div v-for="(index,button) in data.buttons"
262
- :class="[data.buttons.length==4?'col-xs-3':'',data.buttons.length==3?'col-xs-4':'',data.buttons.length==2?'col-xs-6':'']">
263
- <!-- 按钮组 -->
264
- <button :disabled="(button.button_name==='提交'||button.button_name==='下发')&&disable_button"
265
- type="button" @click="clicked(index,button)" style="border-radius:5px; "
266
- :class="[(button.button_name==='提交'||button.button_name==='下发')&&disable_button?'btn btn-default':'btn btn-primary',data.buttons.length==4 ? 'col-xs-2 col-xs-offset-1':'',data.buttons.length==3 ? 'col-xs-2 col-xs-offset-2':'',data.buttons.length==2 ? 'col-xs-4 col-xs-offset-2':'']">
267
- {{ button.button_name }}
268
- </button>
269
- </div>
270
- </center>
271
- </div>
272
- <div class="form-group col-xs-12" style="height: 50px;width: 100%"></div>
273
- <!-- 模态框 -->
274
- <modal v-if="showmodal" :show.sync="showmodal" v-ref:modal backdrop="false">
275
- <header slot="modal-header" class="modal-header">
276
- <button type="button" class="close" @click="closemodal"><span>&times;</span></button>
277
- <h4 class="modal-title">{{ model.button.button_name }}</h4>
278
- </header>
279
- <article slot="modal-body" class="modal-body">
280
- <div class="col-sm-12" v-for="(index,button_field) in data.buttons[model.button.button_index].button_fields">
281
- <label class="control-label col-sm-3" style="margin-top: 10px">{{ button_field.label }}：</label>
282
- <div class="col-sm-7">
283
- <!--select-->
284
- <input-select v-if="button_field.type=='select'"
285
- :value.sync="data.buttons[model.button.button_index].button_fields[index].value"
286
- v-model="data.buttons[model.button.button_index].button_fields[index].value"
287
- :options='button_field.options'></input-select>
288
- <!-- input -->
289
- <input v-else type="text" class="form-control"
290
- v-model="data.buttons[model.button.button_index].button_fields[index].value"/>
291
- </div>
292
- </div>
293
- </article>
294
- <footer slot="modal-footer" style="border-top:none" class="modal-footer">
295
- <button v-show="showmodal" type="button" class="btn btn-primary" @click='acknowledge'>确认</button>
296
- </footer>
297
- </modal>
298
- </div>
299
- </template>
300
- <script>
301
-
302
- // Date格式化
303
-
304
-
305
- Date.prototype.Format = function (fmt) {
306
- var o = {
307
- "M+": this.getMonth() + 1, //月份
308
- "d+": this.getDate(), //日
309
- "H+": this.getHours(), //小时
310
- "m+": this.getMinutes(), //分
311
- "s+": this.getSeconds(), //秒
312
- "q+": Math.floor((this.getMonth() + 3) / 3), //季度
313
- "S": this.getMilliseconds() //毫秒
314
- };
315
- if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
316
- for (var k in o)
317
- if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
318
- return fmt;
319
- }
320
-
321
- import Vue from 'vue'
322
- import * as Util from '../../Util'
323
- import {HttpResetClass} from 'vue-client'
324
- export default {
325
- title: '报建业务通用组件',
326
- props: ['data', 'model'],
327
-
328
- data() {
329
- return {
330
- isshow: true,
331
- kchege: false,
332
- kcbuhege: false,
333
- countmoney: [0, 0, 0],
334
- data: null,
335
- showmodal: false,
336
- disable_button: true,
337
- onetomany:[]
338
- }
339
- },
340
- created() {
341
-
342
- // 初始化数据
343
- this.initializtion()
344
- },
345
- methods: {
346
- gotoOneToMany(item){
347
- item.f_process_id = this.data.f_process_id
348
- item.f_filiale = this.data.f_filiale
349
- item.f_apply_num = this.data.f_apply_num
350
- this.$dispatch('onetomany', item)
351
- },
352
- gotohetong(val) {
353
- console.log(val)
354
- console.log("进入goto")
355
- this.$dispatch('gotonewpage', val)
356
- },
357
- cameraCallBack(prop, fileName) {
358
- if (prop == 'f_overall_path') {
359
- let f_overall_path = fileName + '?' + Math.random()
360
- HostApp.__this__.model.f_overall_imgs.push({
361
- f_overall_path: f_overall_path,
362
- f_overall_name: this.data.title
363
- })
364
- } else {
365
- HostApp.__this__.model[prop] = fileName + '?' + Math.random()
366
- }
367
- HostApp.__callback__ = null
368
- HostApp.__this__ = null
369
- },
370
- takePic(prop, title, index) {
371
- HostApp.__callback__ = this.cameraCallBack
372
- HostApp.__this__ = this
373
- console.log("prop:" + prop)
374
- console.log("this.prop:" + this.model[prop])
375
- let fileName
376
- if (prop == 'f_overall_path') {
377
- if (!this.model.f_overall_imgs[index] || this.model.f_overall_imgs[index].f_overall_path.includes("nopic.png")) {
378
- fileName = Util.guid() + '-' + prop + '.jpg'
379
- } else {
380
- fileName = Util.getFileName(this.model.f_overall_imgs[index].f_overall_path)
381
- }
382
- } else {
383
- if (!this.model[prop] || this.model[prop].includes("nopic.png")) {
384
- fileName = Util.guid() + '-' + prop + '.jpg'
385
- } else {
386
- fileName = Util.getFileName(this.model[prop])
387
- }
388
- }
389
-
390
- HostApp._open_a_page({
391
- type: 'boomerang',
392
- page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
393
- param: {
394
- file: fileName,
395
- requestCode: 111,
396
- callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
397
- watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
398
- }
399
- })
400
- },
401
- signCallback(prop, fileName) {
402
- // HostApp.alert('绑定属性:' + prop + ' 文件全路径如file:///storage/sdcard0/safecheck/abc.jpg：' + fullFileName)
403
- HostApp.__this__.$set('model.f_sign_path', fileName)
404
- HostApp.__callback__ = null
405
- HostApp.__this__ = null
406
- },
407
- delAudioFile(prop, fileName) {
408
- if (!fileName)
409
- return
410
- else {
411
- HostApp.delfile(fileName)
412
- this.model[prop] = null
413
- }
414
- },
415
- sign() {
416
- this.delAudioFile('f_sign_path', this.model.f_sign_path)
417
- let prop = 'f_sign_path'
418
- let idx = 'aofeng'
419
- let fileName
420
- if (!this.model.f_sign_path) {
421
- fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
422
- } else {
423
- fileName = Util.getFileName(this.model.f_sign_path)
424
- }
425
- HostApp.__callback__ = this.signCallback
426
- HostApp.__this__ = this
427
- HostApp.getSignature({
428
- file: fileName,
429
- requestCode: 111,
430
- callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");'
431
- })
432
- },
433
- delfile(prop, fileName, index) {
434
- if (fileName == Vue.nopic)
435
- return
436
- else {
437
- if (prop == 'f_overall_path') {
438
- this.model.f_overall_imgs.splice(index, 1)
439
- HostApp.delfile(fileName)
440
- } else {
441
- HostApp.delfile(fileName)
442
- this.model[prop] = Vue.nopic
443
- }
444
- }
445
- },
446
- // 初始化数据
447
- initializtion() {
448
-
449
- if (this.data.title == '现场勘查' || this.data.title == '现场勘查定价') {
450
- this.isshow = false
451
- }
452
- console.log("5555555555555")
453
- console.log("f_apply_num",this.data.f_apply_num)
454
- console.log("f_filiale",this.data.f_filiale)
455
- console.log(this.data.f_user_type)
456
- console.log(this.isshow)
457
- Vue.nopic = 'file:///android_asset/nopic.png'
458
- if (!this.model.f_sign_path)
459
- this.$set('model.f_sign_path', Vue.nopic)
460
- console.log('!this.model.f_overall_imgs==>' + !this.model.f_overall_imgs)
461
- if (!this.model.f_overall_imgs) {
462
- let imgs = []
463
- this.$set('model.f_overall_imgs', imgs)
464
- console.log('进入setmodel.f_overall_imgs')
465
- }
466
- console.log('进入serviceview的initializtion方法')
467
- console.log(JSON.stringify(this.data))
468
- if(this.data.onetomany){
469
- console.log(JSON.stringify(this.data.onetomany))
470
- this.onetomany = this.data.onetomany
471
- }
472
- if (this.data.fields) {
473
- for (let i = 0; i < this.data.fields.length; i++) {
474
- if (this.data.fields[i].value) {
475
- if (this.data.fields[i].value == 'null') {
476
- console.log("看看为空的字段名" + this.data.fields[i].label)
477
- this.data.fields[i].value = null
478
- console.log("赋值完成")
479
- }
480
- }
481
- if (this.data.fields[i].type === 'datepicker' && !this.data.fields[i].value) {
482
- this.data.fields[i].value = new Date().Format("yyyy-MM-dd HH:mm:ss")
483
- }
484
- if(this.data.f_user_type ==='非民用'){
485
- this.data.fields[i].required = false
486
- }
487
- if (this.data.fields[i].label==='气价名称'){
488
- console.log(this.data.fields[i].options)
489
- let data={
490
- items:"f_price_name",
491
- tablename:"t_stairprice",
492
- condition:`f_filialeids = '${Vue.user.f_orgids}' and f_state= '有效' and getdate()>=f_perform_date and getdate()<=f_end_date `,
493
- orderitem:'id'
494
- }
495
- let qijia=[]
496
- new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
497
- console.log("66666666666666666666")
498
- console.log(JSON.stringify(res))
499
- console.log(typeof res)
500
- //console.log(JSON.stringify(res.data[0]))
501
- let result=res.data
502
- result.forEach(ress=>{
503
- qijia.push({
504
- label:ress.f_price_name,
505
- value:ress.f_price_name
506
- })
507
- })
508
- this.data.fields[i].options=qijia
509
- })
510
- }
511
- if (this.data.fields[i].label==='气表品牌'){
512
- console.log(this.data.fields[i].options)
513
- let data={
514
- items:"f_meter_brand",
515
- tablename:"t_gasbrand",
516
- condition:`f_filialeids = '${Vue.user.f_orgids}'`,
517
- orderitem:'id'
518
- }
519
- let pinpai=[]
520
- new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
521
- console.log("666666666666666666662")
522
- console.log(JSON.stringify(res))
523
- console.log(typeof res)
524
- //console.log(JSON.stringify(res.data[0]))
525
- let result=res.data
526
- result.forEach(ress=>{
527
- pinpai.push({
528
- label:ress.f_meter_brand,
529
- value:ress.f_meter_brand
530
- })
531
- })
532
- this.data.fields[i].options=pinpai
533
- })
534
- }
535
- }
536
- }
537
-
538
- if (this.data.filiale) {
539
- this.model.f_filiale = this.data.f_filiale
540
- } else if (Vue.user.orgs) {
541
- this.model.f_filiale = Vue.user.orgs
542
- } else {
543
- this.model.f_filiale = Vue.user.f_fengongsi
544
- }
545
- if (this.data.f_parentname) {
546
- this.model.f_parentname = this.data.f_parentname
547
- } else if (Vue.user.f_department_name) {
548
- this.model.f_parentname = Vue.user.f_department_name
549
- } else {
550
- this.model.f_parentname = Vue.user.f_parentname
551
- }
552
- if (this.data.operate_date) {
553
- this.model.f_operate_date = this.data.operate_date
554
- } else {
555
- this.model.f_operate_date = new Date().Format("yyyy-MM-dd HH:mm:ss")
556
- }
557
- if (this.data.operator) {
558
- this.model.f_operator = this.data.operator
559
- } else {
560
- this.model.f_operator = Vue.user.name
561
- }
562
- },
563
- // 模态框点击确定按钮
564
- acknowledge() {
565
- for (let i = 0; i < this.data.buttons[this.model.button.button_index].button_fields.length; i++) {
566
- this.model.button.button_fields[this.data.buttons[this.model.button.button_index].button_fields[i].field] = this.data.buttons[this.model.button.button_index].button_fields[i].value
567
- }
568
- this.showmodal = false
569
- this.$dispatch('button', this.model)
570
- },
571
- // 关闭模态框
572
- closemodal() {
573
- this.showmodal = false
574
- },
575
- watchmoney(val1, val2) {
576
- console.log("监听改变的值")
577
- console.log(val1)
578
- console.log(val2)
579
- },
580
- // 点击按钮
581
- clicked(index, button) {
582
- console.log(`点击了按钮index:${index}+button:${JSON.stringify(button)}`);
583
- if (button.button_name=='提交') {
584
- if (!this.model.f_overall_imgs || this.model.f_overall_imgs.length == 0){
585
- this.$showMessage("必须有现场照片")
586
- return;
587
- }
588
- if(Vue.nopic==this.model.f_sign_path){
589
- this.$showMessage("必须有签名照片")
590
- return;
591
- }
592
- this.model.f_overall_imgs.push({
593
- f_overall_path: this.model.f_sign_path,
594
- f_overall_name: this.data.title
595
- })
596
- }
597
-
598
-
599
- // if ((this.data.title == '现场勘查' || this.data.title == '现场勘查定价') && button.button_name=='提交') {
600
- // if (!this.model.f_overall_imgs || this.model.f_overall_imgs.length == 0){
601
- // this.$showMessage("必须有现场照片")
602
- // return;
603
- // }
604
- // }
605
- if (this.kchege == 'true') {
606
- console.log(this.model.f_hege)
607
- if (this.model.f_hege != 'true') {
608
- this.$showMessage("请勾选阅读合同")
609
- return
610
- }
611
- }
612
- // 组织model.fields数据
613
- let modeldatas = {}
614
- for (let i = 0; i < this.data.fields.length; i++) {
615
- console.log(JSON.stringify(this.data.fields[i]))
616
- // checkbox特殊处理
617
- if (this.data.fields[i].type === 'checkbox') {
618
- for (let j = 0; j < this.data.fields[i].items.length; j++) {
619
- modeldatas[this.data.fields[i].items[j].field] = this.data.fields[i].items[j].value
620
- }
621
- } else {
622
- modeldatas[this.data.fields[i].field] = this.data.fields[i].value
623
- }
624
- }
625
- modeldatas.f_process_id = this.data.f_process_id
626
- modeldatas.f_filiale = this.model.f_filiale
627
- modeldatas.f_parentname = this.model.f_parentname
628
- modeldatas.f_operator = this.model.f_operator
629
- modeldatas.f_operate_date = this.model.f_operate_date
630
- modeldatas.f_overall_imgs = this.model.f_overall_imgs
631
- modeldatas.f_sign_path = this.model.f_sign_path
632
- this.model = null
633
- this.model = modeldatas
634
- // 初始化model.button数据
635
- let buttondatas = {
636
- button_fields: {}
637
- }
638
- buttondatas.button_name = button.button_name
639
- buttondatas.button_index = index
640
- if (button.button_fields) {
641
- for (let i = 0; i < button.button_fields.length; i++) {
642
- buttondatas.button_fields[button.button_fields[i].field] = button.button_fields[i].value
643
- }
644
- }
645
- this.model.button = buttondatas
646
-
647
- if (button.button_name === '退回') {
648
- this.showmodal = true
649
- } else if (button.button_name === '下发') {
650
- this.showmodal = true
651
- } else {
652
- this.$dispatch('button', this.model)
653
- }
654
- },
655
- // 级联操作预留
656
- select_change(index) {
657
- this.$dispatch('select_cascade', index)
658
- },
659
- // 检测按钮的disable
660
- disabled_check(index, required, value) {
661
- console.log("被检测到的值是什么")
662
- console.log(index)
663
- console.log(required)
664
- console.log(value)
665
- console.log(this.data.title)
666
- if (this.data.fields[index].label=='气表品牌'){
667
- console.log("进入改变气表型号")
668
- console.log(this.data.fields[index+1].options)
669
- this.data.fields[index+1].options=[]
670
- let data={
671
- items:"gm.f_meter_style",
672
- tablename:"t_gasmodel gm left join t_gasbrand gb on gm.f_gasbrand_id=gb.id",
673
- condition:`gb.f_filialeids = '${Vue.user.f_orgids}' and gb.f_meter_brand='${value}'`,
674
- orderitem:'gm.id'
675
- }
676
- let xinghao=[]
677
- new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
678
- console.log("66666666666666666666")
679
- console.log(JSON.stringify(res))
680
- console.log(typeof res)
681
- //console.log(JSON.stringify(res.data[0]))
682
- let result=res.data
683
- result.forEach(ress=>{
684
- xinghao.push({
685
- label:ress.f_meter_style,
686
- value:ress.f_meter_style
687
- })
688
- })
689
- this.data.fields[index+1].options=xinghao
690
- })
691
- }
692
- if (this.data.title == '现场勘查') {
693
- if (index == 4) {
694
- if (value == '合格') {
695
- this.kchege = true
696
- this.kcbuhege = false
697
- console.log("1111111111" + this.kchege)
698
- } else if (value == '不合格') {
699
- this.kcbuhege = true
700
- this.kchege = false
701
- console.log("1111111111" + this.kcbuhege)
702
- }
703
- }
704
- }
705
- if (this.data.title == '现场勘查定价') {
706
- // if (index == 6 || index == 7 || index == 5) {
707
- // this.countmoney[index - 5] = parseInt(this.data.fields[index].value)
708
- // console.log(this.data.fields[index].value)
709
- // console.log("做出了改变")
710
- // }
711
- // console.log(JSON.stringify(this.countmoney))
712
- // let money = 0
713
- // for (let i = 0; i < this.countmoney.length; i++) {
714
- // money += this.countmoney[i]
715
- // }
716
- // this.$set('data.fields[8].value', money)
717
- // this.$set('data.fields[9].value', money)
718
- if (index == 7) {
719
- console.log("1111111111" + value)
720
- if (value == '合格') {
721
- this.kchege = true
722
- this.kcbuhege = false
723
- console.log("1111111111" + this.kchege)
724
- } else if (value == '不合格') {
725
- this.kcbuhege = true
726
- this.kchege = false
727
- console.log("1111111111" + this.kcbuhege)
728
- }
729
- }
730
- }
731
- if (required && value) {
732
- this.disable_button = false
733
-
734
- let fields = this.data.fields
735
- let flag = false
736
- for (let i = 0; i < fields.length; i++) {
737
- if (fields[i].type !== 'checkbox' && fields[i].required && !fields[i].value) {
738
- flag = true
739
- }
740
- }
741
- this.disable_button = flag
742
- }
743
- }
744
- },
745
- watch: {
746
- 'data.filed[12].value'(val) {
747
- console.log("变动")
748
- if (this.data.title == '现场勘查定价') {
749
-
750
- }
751
- },
752
- 'data.operate_date'() {
753
- if (this.data.filiale) {
754
- this.model.f_filiale = this.data.filiale
755
- } else {
756
- this.model.f_filiale = Vue.user.f_parentname
757
- }
758
- if (this.data.f_parentname) {
759
- this.model.f_parentname = this.data.f_parentname
760
- } else {
761
- this.model.f_parentname = Vue.user.f_parentname
762
- }
763
- if (this.data.operate_date) {
764
- this.model.f_operate_date = this.data.operate_date
765
- } else {
766
- this.model.f_operate_date = new Date().Format("yyyy-MM-dd HH:mm:ss")
767
- }
768
- if (this.data.operator) {
769
- this.model.f_operator = this.data.operator
770
- } else {
771
- this.model.f_operator = Vue.user.name
772
- }
773
- },
774
- deep: true
775
- },
776
- computed: {
777
- // 输入后按钮检测
778
- check_disable: function () {
779
- let fields = this.data.fields
780
- let flag = false
781
- for (let i = 0; i < fields.length; i++) {
782
- if (fields[i].type !== 'checkbox' && fields[i].required && !fields[i].value) {
783
- flag = true
784
- }
785
- }
786
- this.disable_button = flag
787
- }
788
- }
789
- }
790
- </script>
1
+ <template>
2
+ <div class="auto select-overspread" v-if="refresh">
3
+ <div v-if="data.back_reason" class="panel panel-info">
4
+ <span style="color: red"> 请注意被退回原因为:{{ data.back_reason }}</span>
5
+ </div>
6
+ <validator name="v">
7
+ <form class="form-horizontal">
8
+ <div class="col-sm-11 form-group">
9
+ <div v-for="(index,item) in data.fields">
10
+ <!--input-->
11
+ <div v-if="item.type==='input'" v-show="!item.hidden"
12
+ :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
13
+ <label
14
+ :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{
15
+ item.label
16
+ }}：</label>
17
+ <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
18
+ <input class="form-control"
19
+ :type="item.type"
20
+ v-model="data.fields[index].value"
21
+ :placeholder="item.placeholder"
22
+ :value="data.fields[index].value"
23
+ :readonly="item.readonly"
24
+ :disable="item.disable"
25
+ @change="disabled_check(index,data.fields[index].required,data.fields[index].value)"
26
+ @blur="check_disable"
27
+ />
28
+ </div>
29
+ </div>
30
+ <!--number-->
31
+ <div v-if="item.type==='number'" v-show="!item.hidden"
32
+ :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
33
+ <label
34
+ :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{
35
+ item.label
36
+ }}：</label>
37
+ <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
38
+ <input class="form-control"
39
+ :type="item.type"
40
+ v-model="data.fields[index].value"
41
+ :placeholder="item.placeholder"
42
+ :value="data.fields[index].value"
43
+ :readonly="item.readonly"
44
+ :disable="item.disable"
45
+ @change="disabled_check(index,data.fields[index].required,data.fields[index].value)"
46
+ @blur="check_disable"
47
+ />
48
+ </div>
49
+ </div>
50
+
51
+ <!--时间datepicker-->
52
+ <div v-if="item.type==='datepicker'"
53
+ :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-xs-12 form-group']">
54
+ <label style="margin-top: 0.7em"
55
+ :class="item.label_bootstraped?item.label_bootstraped +' control-label':'control-label col-sm-6'">{{
56
+ item.label
57
+ }}：</label>
58
+ <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
59
+ <datepicker
60
+ :placeholder="item.placeholder"
61
+ :value.sync="data.fields[index].value"
62
+ :format="'yyyy-MM-dd HH:mm:ss'"
63
+ v-model="data.fields[index].value"
64
+ :width="'100%'"
65
+ class="form-control"
66
+ :readonly="item.readonly"
67
+ :disabled="item.disabled"
68
+ @blur="check_disable"
69
+ :show-reset-button="reset">
70
+ </datepicker>
71
+ </div>
72
+ </div>
73
+
74
+
75
+ <!--textarea-->
76
+ <div v-if="item.type==='textarea'"
77
+ :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
78
+ <label
79
+ :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{
80
+ item.label
81
+ }}：</label>
82
+ <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-10'">
83
+ <textarea
84
+ :readonly="item.readonly"
85
+ :disabled="item.disabled"
86
+ class="form-control"
87
+ :rows="item.rows"
88
+ v-model="data.fields[index].value"
89
+ @change="disabled_check(index,data.fields[index].required,data.fields[index].value)"
90
+ @blur="check_disable"
91
+ >
92
+ </textarea>
93
+ </div>
94
+ </div>
95
+
96
+ <!--radio-->
97
+ <div v-if="item.type==='radio'"
98
+ :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
99
+ <label v-if="item.label"
100
+ :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{
101
+ item.label
102
+ }}：</label>
103
+ <div class="col-xs-12">
104
+ <div
105
+ :class="item.value_bootstraped?item.value_bootstraped:item.items.length%2 == 0?'col-xs-5': 'col-xs-3'"
106
+ v-for="(index2,row) in item.items">
107
+ <label style="margin-top: 0.7em" for="row.label"
108
+ :class="item.items.length%2 == 0?'col-xs-4': 'col-xs-2'">{{ row.label }}</label>
109
+ <input @blur="check_disable" :class="item.items.length%2 == 0?'col-xs-1': 'col-xs-1'"
110
+ :readonly="item.readonly" :disabled="item.disabled" style="margin-top: 10px" type="radio"
111
+ :name="index" :id="row.label" v-bind:value="data.fields[index].items[index2].value"
112
+ v-model="data.fields[index].value">
113
+ </div>
114
+ </div>
115
+ </div>
116
+
117
+ <!--select-->
118
+ <div v-if="item.type==='select'"
119
+ :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
120
+ <label
121
+ :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{
122
+ item.label
123
+ }}：</label>
124
+ <input-select :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'" @blur="check_disable"
125
+ @change="select_change(index),disabled_check(index,data.fields[index].required,data.fields[index].value)"
126
+ :readonly="item.readonly" :disable="item.disabled" :value.sync="data.fields[index].value"
127
+ v-model="data.fields[index].value"
128
+ :options='item.options' :valueSingle="true"></input-select>
129
+
130
+ </div>
131
+
132
+ <!--checkbox-->
133
+ <div v-if="item.type==='checkbox'"
134
+ :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
135
+ <label v-if="item.label"
136
+ :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{
137
+ item.label
138
+ }}：</label>
139
+ <div style="margin-top: 0.7em"
140
+ :class="item.value_bootstraped?item.value_bootstraped:'control-label col-sm-2'"
141
+ v-for="(index2,row) in item.items">
142
+ <label class="font-size form-group col-sm-6">{{ row.label }}</label>
143
+ <input :readonly="item.readonly" :disabled="item.disabled" type="checkbox" class="col-sm-6"
144
+ :id="row.label" v-model="data.fields[index].items[index2].value" @click="checkboxSelect(index,index2)">
145
+ </div>
146
+ </div>
147
+
148
+
149
+ </div>
150
+ </div>
151
+ <div class="form-group col-sm-11">
152
+ <label class="text-left font">现场照片</label>
153
+
154
+ <div class="auto">
155
+ <div class="panel" style="padding: 10px 10px 5px 10px;">
156
+ <div class="panel-body panel-self"
157
+ style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
158
+ <div class="row" style="height: 240px;overflow: scroll;top: 1px">
159
+ <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px"
160
+ v-for="(index,img) in model.f_overall_imgs">
161
+ <img-self :src="img.f_overall_path" alt="现场照片" :width="140" :height="170"></img-self>
162
+ <img src="../../../assets/删除.png" @click="delfile('f_overall_path', img.f_overall_path,index)"
163
+ style="width: 15px;margin-top: -80px" alt="">
164
+ </div>
165
+ </div>
166
+ <div class="row text-right div-photo">
167
+ <button type="button" name="button" class="btn btn-photo" @click="takePic('f_overall_path', '现场照片')">
168
+ 拍照
169
+ </button>
170
+ <!--<button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_overall_path', '总体安检照片1')">拍照</button>-->
171
+ <!--&nbsp;&nbsp;&nbsp;&nbsp;<img src="../../../assets/remove.png" :class="style__" @click="delfile('f_overall_path', img.f_overall_path)" style="width: 25%;"></img>-->
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ <div class="form-group col-sm-11" v-show="true">
178
+ <label class="text-left font">用户签名</label>
179
+ <div class="auto">
180
+ <div class="panel">
181
+ <div class="panel-body panel-self"
182
+ style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
183
+ <div class="row" style="height: 240px;overflow: scroll;top: 1px">
184
+ <div class="col-sm-4">
185
+ <img :src="model.f_sign_path" :width="200" :height="150"/>
186
+ </div>
187
+ </div>
188
+ <div class="row text-right div-photo">
189
+ <button type="button" name="button" class="btn btn-primary btn-photo" @click="sign">签名</button>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </div>
195
+
196
+ <!-- <input @click="gotohetong('民用')" type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#" @click="gotohetong('民用')">居民天然气供用气合同</a></label>-->
197
+ <div class="form-group col-sm-11" v-show="kchege&&data.f_user_type=='民用'&&data.title!='现场勘查'">
198
+ <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#"
199
+ @click="gotohetong('民用')">居民天然气供用气合同</a></label>
200
+ </div>
201
+ <div class="form-group col-sm-11" v-show="kchege&&(data.f_user_type=='非民用'||data.title=='现场勘查')">
202
+ <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#"
203
+ @click="gotohetong('非民用1')">天然气工程建设安装合同</a>,<a
204
+ href="#" @click="gotohetong('非民用2')">管道燃气供用气合同</a></label>
205
+ </div>
206
+ <div class="form-group col-sm-11" v-show="kcbuhege">
207
+ <div class="col-sm-12 form-group">
208
+ <label class="control-label col-sm-2">不合格原因：</label>
209
+ <div class="col-sm-10">
210
+ <textarea
211
+ class="form-control"
212
+ v-model="model.f_buhege_reason">
213
+ </textarea>
214
+ </div>
215
+ </div>
216
+
217
+
218
+ </div>
219
+
220
+
221
+
222
+ <div class="col-sm-11 form-group" v-for="item in onetomany" style="text-align: center">
223
+
224
+ <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;" @click="gotoOneToMany(item)">前往{{item.title}}</button>
225
+
226
+ </div>
227
+
228
+ <div class="col-sm-11 form-group">
229
+ <div class="form-group col-sm-6">
230
+ <label class=" col-sm-4 control-label">分公司：</label>
231
+ <div class="col-sm-5">
232
+ <input class="form-control" type="text" v-model="model.f_filiale" disabled>
233
+ </div>
234
+ </div>
235
+ <div class="col-sm-6 form-group">
236
+ <label class="control-label col-sm-6">部门：</label>
237
+ <div class="col-sm-5">
238
+ <input type="text" class="form-control" disabled v-model="model.f_parentname"/>
239
+ </div>
240
+ </div>
241
+ </div>
242
+ <div class="col-sm-11 form-group">
243
+ <div class="col-sm-6 form-group">
244
+ <label class="control-label col-sm-4">操作日期：</label>
245
+ <div class="col-sm-5">
246
+ <input type="text" class="form-control" disabled v-model="model.f_operate_date"/>
247
+ </div>
248
+ </div>
249
+ <div class="col-sm-6 form-group">
250
+ <label class="control-label col-sm-6">操作人：</label>
251
+ <div class="col-sm-5">
252
+ <input type="text" class="form-control" disabled v-model="model.f_operator"/>
253
+ </div>
254
+ </div>
255
+ </div>
256
+
257
+ </form>
258
+ </validator>
259
+ <div class="from-group col-xs-12">
260
+ <center>
261
+ <div v-for="(index,button) in data.buttons"
262
+ :class="[data.buttons.length==4?'col-xs-3':'',data.buttons.length==3?'col-xs-4':'',data.buttons.length==2?'col-xs-6':'']">
263
+ <!-- 按钮组 -->
264
+ <button :disabled="(button.button_name==='提交'||button.button_name==='下发')&&disable_button"
265
+ type="button" @click="clicked(index,button)" style="border-radius:5px; "
266
+ :class="[(button.button_name==='提交'||button.button_name==='下发')&&disable_button?'btn btn-default':'btn btn-primary',data.buttons.length==4 ? 'col-xs-2 col-xs-offset-1':'',data.buttons.length==3 ? 'col-xs-2 col-xs-offset-2':'',data.buttons.length==2 ? 'col-xs-4 col-xs-offset-2':'']">
267
+ {{ button.button_name }}
268
+ </button>
269
+ </div>
270
+ </center>
271
+ </div>
272
+ <div class="form-group col-xs-12" style="height: 50px;width: 100%"></div>
273
+ <!-- 模态框 -->
274
+ <modal v-if="showmodal" :show.sync="showmodal" v-ref:modal backdrop="false">
275
+ <header slot="modal-header" class="modal-header">
276
+ <button type="button" class="close" @click="closemodal"><span>&times;</span></button>
277
+ <h4 class="modal-title">{{ model.button.button_name }}</h4>
278
+ </header>
279
+ <article slot="modal-body" class="modal-body">
280
+ <div class="col-sm-12" v-for="(index,button_field) in data.buttons[model.button.button_index].button_fields">
281
+ <label class="control-label col-sm-3" style="margin-top: 10px">{{ button_field.label }}：</label>
282
+ <div class="col-sm-7">
283
+ <!--select-->
284
+ <input-select v-if="button_field.type=='select'"
285
+ :value.sync="data.buttons[model.button.button_index].button_fields[index].value"
286
+ v-model="data.buttons[model.button.button_index].button_fields[index].value"
287
+ :options='button_field.options'></input-select>
288
+ <!-- input -->
289
+ <input v-else type="text" class="form-control"
290
+ v-model="data.buttons[model.button.button_index].button_fields[index].value"/>
291
+ </div>
292
+ </div>
293
+ </article>
294
+ <footer slot="modal-footer" style="border-top:none" class="modal-footer">
295
+ <button v-show="showmodal" type="button" class="btn btn-primary" @click='acknowledge'>确认</button>
296
+ </footer>
297
+ </modal>
298
+ </div>
299
+ </template>
300
+ <script>
301
+
302
+ // Date格式化
303
+
304
+
305
+ Date.prototype.Format = function (fmt) {
306
+ var o = {
307
+ "M+": this.getMonth() + 1, //月份
308
+ "d+": this.getDate(), //日
309
+ "H+": this.getHours(), //小时
310
+ "m+": this.getMinutes(), //分
311
+ "s+": this.getSeconds(), //秒
312
+ "q+": Math.floor((this.getMonth() + 3) / 3), //季度
313
+ "S": this.getMilliseconds() //毫秒
314
+ };
315
+ if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
316
+ for (var k in o)
317
+ if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
318
+ return fmt;
319
+ }
320
+
321
+ import Vue from 'vue'
322
+ import * as Util from '../../Util'
323
+ import {HttpResetClass} from 'vue-client'
324
+ export default {
325
+ title: '报建业务通用组件',
326
+ props: ['data', 'model'],
327
+
328
+ data() {
329
+ return {
330
+ isshow: true,
331
+ kchege: false,
332
+ kcbuhege: false,
333
+ countmoney: [0, 0, 0],
334
+ data: null,
335
+ showmodal: false,
336
+ disable_button: true,
337
+ onetomany: [],
338
+ refresh: true // 控制重新渲染
339
+ }
340
+ },
341
+ created() {
342
+
343
+ // 初始化数据
344
+ this.initializtion()
345
+ },
346
+ methods: {
347
+ gotoOneToMany (item){
348
+ item.f_process_id = this.data.f_process_id
349
+ item.f_filiale = this.data.f_filiale
350
+ item.f_apply_num = this.data.f_apply_num
351
+ this.$dispatch('onetomany', item)
352
+ },
353
+ gotohetong (val) {
354
+ console.log(val)
355
+ console.log("进入goto")
356
+ this.$dispatch('gotonewpage', val)
357
+ },
358
+ cameraCallBack (prop, fileName) {
359
+ if (prop == 'f_overall_path') {
360
+ let f_overall_path = fileName + '?' + Math.random()
361
+ HostApp.__this__.model.f_overall_imgs.push({
362
+ f_overall_path: f_overall_path,
363
+ f_overall_name: this.data.title
364
+ })
365
+ } else {
366
+ HostApp.__this__.model[prop] = fileName + '?' + Math.random()
367
+ }
368
+ HostApp.__callback__ = null
369
+ HostApp.__this__ = null
370
+ },
371
+ takePic (prop, title, index) {
372
+ HostApp.__callback__ = this.cameraCallBack
373
+ HostApp.__this__ = this
374
+ console.log("prop:" + prop)
375
+ console.log("this.prop:" + this.model[prop])
376
+ let fileName
377
+ if (prop == 'f_overall_path') {
378
+ if (!this.model.f_overall_imgs[index] || this.model.f_overall_imgs[index].f_overall_path.includes("nopic.png")) {
379
+ fileName = Util.guid() + '-' + prop + '.jpg'
380
+ } else {
381
+ fileName = Util.getFileName(this.model.f_overall_imgs[index].f_overall_path)
382
+ }
383
+ } else {
384
+ if (!this.model[prop] || this.model[prop].includes("nopic.png")) {
385
+ fileName = Util.guid() + '-' + prop + '.jpg'
386
+ } else {
387
+ fileName = Util.getFileName(this.model[prop])
388
+ }
389
+ }
390
+
391
+ HostApp._open_a_page({
392
+ type: 'boomerang',
393
+ page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
394
+ param: {
395
+ file: fileName,
396
+ requestCode: 111,
397
+ callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
398
+ watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
399
+ }
400
+ })
401
+ },
402
+ signCallback (prop, fileName) {
403
+ // HostApp.alert('绑定属性:' + prop + ' 文件全路径如file:///storage/sdcard0/safecheck/abc.jpg：' + fullFileName)
404
+ HostApp.__this__.$set('model.f_sign_path', fileName)
405
+ HostApp.__callback__ = null
406
+ HostApp.__this__ = null
407
+ },
408
+ delAudioFile (prop, fileName) {
409
+ if (!fileName)
410
+ return
411
+ else {
412
+ HostApp.delfile(fileName)
413
+ this.model[prop] = null
414
+ }
415
+ },
416
+ sign () {
417
+ this.delAudioFile('f_sign_path', this.model.f_sign_path)
418
+ let prop = 'f_sign_path'
419
+ let idx = 'aofeng'
420
+ let fileName
421
+ if (!this.model.f_sign_path) {
422
+ fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
423
+ } else {
424
+ fileName = Util.getFileName(this.model.f_sign_path)
425
+ }
426
+ HostApp.__callback__ = this.signCallback
427
+ HostApp.__this__ = this
428
+ HostApp.getSignature({
429
+ file: fileName,
430
+ requestCode: 111,
431
+ callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");'
432
+ })
433
+ },
434
+ delfile (prop, fileName, index) {
435
+ if (fileName == Vue.nopic)
436
+ return
437
+ else {
438
+ if (prop == 'f_overall_path') {
439
+ this.model.f_overall_imgs.splice(index, 1)
440
+ HostApp.delfile(fileName)
441
+ } else {
442
+ HostApp.delfile(fileName)
443
+ this.model[prop] = Vue.nopic
444
+ }
445
+ }
446
+ },
447
+ // 初始化数据
448
+ initializtion () {
449
+
450
+ if (this.data.title == '现场勘查' || this.data.title == '现场勘查定价') {
451
+ this.isshow = false
452
+ }
453
+ console.log("5555555555555")
454
+ console.log("f_apply_num",this.data.f_apply_num)
455
+ console.log("f_filiale",this.data.f_filiale)
456
+ console.log(this.data.f_user_type)
457
+ console.log(this.isshow)
458
+ Vue.nopic = 'file:///android_asset/nopic.png'
459
+ if (!this.model.f_sign_path)
460
+ this.$set('model.f_sign_path', Vue.nopic)
461
+ console.log('!this.model.f_overall_imgs==>' + !this.model.f_overall_imgs)
462
+ if (!this.model.f_overall_imgs) {
463
+ let imgs = []
464
+ this.$set('model.f_overall_imgs', imgs)
465
+ console.log('进入setmodel.f_overall_imgs')
466
+ }
467
+ console.log('进入serviceview的initializtion方法')
468
+ console.log(JSON.stringify(this.data))
469
+ if(this.data.onetomany){
470
+ console.log(JSON.stringify(this.data.onetomany))
471
+ this.onetomany = this.data.onetomany
472
+ }
473
+ if (this.data.fields) {
474
+ for (let i = 0; i < this.data.fields.length; i++) {
475
+ if (this.data.fields[i].value) {
476
+ if (this.data.fields[i].value == 'null') {
477
+ console.log("看看为空的字段名" + this.data.fields[i].label)
478
+ this.data.fields[i].value = null
479
+ console.log("赋值完成")
480
+ }
481
+ }
482
+ if (this.data.fields[i].type === 'datepicker' && !this.data.fields[i].value) {
483
+ this.data.fields[i].value = new Date().Format("yyyy-MM-dd HH:mm:ss")
484
+ }
485
+ if(this.data.f_user_type ==='非民用'){
486
+ this.data.fields[i].required = false
487
+ }
488
+ if (this.data.fields[i].label==='气价名称'){
489
+ console.log(this.data.fields[i].options)
490
+ let data={
491
+ items:"f_price_name",
492
+ tablename:"t_stairprice",
493
+ condition:`f_filialeids = '${Vue.user.f_orgids}' and f_state= '有效' and getdate()>=f_perform_date and getdate()<=f_end_date `,
494
+ orderitem:'id'
495
+ }
496
+ let qijia=[]
497
+ new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
498
+ console.log("66666666666666666666")
499
+ console.log(JSON.stringify(res))
500
+ console.log(typeof res)
501
+ //console.log(JSON.stringify(res.data[0]))
502
+ let result=res.data
503
+ result.forEach(ress=>{
504
+ qijia.push({
505
+ label:ress.f_price_name,
506
+ value:ress.f_price_name
507
+ })
508
+ })
509
+ this.data.fields[i].options=qijia
510
+ })
511
+ }
512
+ if (this.data.fields[i].label==='气表品牌'){
513
+ console.log(this.data.fields[i].options)
514
+ let data={
515
+ items:"f_meter_brand",
516
+ tablename:"t_gasbrand",
517
+ condition:`f_filialeids = '${Vue.user.f_orgids}'`,
518
+ orderitem:'id'
519
+ }
520
+ let pinpai=[]
521
+ new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
522
+ console.log("666666666666666666662")
523
+ console.log(JSON.stringify(res))
524
+ console.log(typeof res)
525
+ //console.log(JSON.stringify(res.data[0]))
526
+ let result=res.data
527
+ result.forEach(ress=>{
528
+ pinpai.push({
529
+ label:ress.f_meter_brand,
530
+ value:ress.f_meter_brand
531
+ })
532
+ })
533
+ this.data.fields[i].options=pinpai
534
+ })
535
+ }
536
+ }
537
+ }
538
+
539
+ if (this.data.filiale) {
540
+ this.model.f_filiale = this.data.f_filiale
541
+ } else if (Vue.user.orgs) {
542
+ this.model.f_filiale = Vue.user.orgs
543
+ } else {
544
+ this.model.f_filiale = Vue.user.f_fengongsi
545
+ }
546
+ if (this.data.f_parentname) {
547
+ this.model.f_parentname = this.data.f_parentname
548
+ } else if (Vue.user.f_department_name) {
549
+ this.model.f_parentname = Vue.user.f_department_name
550
+ } else {
551
+ this.model.f_parentname = Vue.user.f_parentname
552
+ }
553
+ if (this.data.operate_date) {
554
+ this.model.f_operate_date = this.data.operate_date
555
+ } else {
556
+ this.model.f_operate_date = new Date().Format("yyyy-MM-dd HH:mm:ss")
557
+ }
558
+ if (this.data.operator) {
559
+ this.model.f_operator = this.data.operator
560
+ } else {
561
+ this.model.f_operator = Vue.user.name
562
+ }
563
+ },
564
+ // 模态框点击确定按钮
565
+ acknowledge () {
566
+ for (let i = 0; i < this.data.buttons[this.model.button.button_index].button_fields.length; i++) {
567
+ this.model.button.button_fields[this.data.buttons[this.model.button.button_index].button_fields[i].field] = this.data.buttons[this.model.button.button_index].button_fields[i].value
568
+ }
569
+ this.showmodal = false
570
+ this.$dispatch('button', this.model)
571
+ },
572
+ // 关闭模态框
573
+ closemodal () {
574
+ this.showmodal = false
575
+ },
576
+ watchmoney (val1, val2) {
577
+ console.log("监听改变的值")
578
+ console.log(val1)
579
+ console.log(val2)
580
+ },
581
+ // 点击按钮
582
+ clicked (index, button) {
583
+ console.log(`点击了按钮index:${index}+button:${JSON.stringify(button)}`);
584
+ if (button.button_name=='提交') {
585
+ if (!this.model.f_overall_imgs || this.model.f_overall_imgs.length == 0){
586
+ this.$showMessage("必须有现场照片")
587
+ return;
588
+ }
589
+ if(Vue.nopic==this.model.f_sign_path){
590
+ this.$showMessage("必须有签名照片")
591
+ return;
592
+ }
593
+ this.model.f_overall_imgs.push({
594
+ f_overall_path: this.model.f_sign_path,
595
+ f_overall_name: this.data.title
596
+ })
597
+ }
598
+
599
+
600
+ // if ((this.data.title == '现场勘查' || this.data.title == '现场勘查定价') && button.button_name=='提交') {
601
+ // if (!this.model.f_overall_imgs || this.model.f_overall_imgs.length == 0){
602
+ // this.$showMessage("必须有现场照片")
603
+ // return;
604
+ // }
605
+ // }
606
+ if (this.kchege == 'true') {
607
+ console.log(this.model.f_hege)
608
+ if (this.model.f_hege != 'true') {
609
+ this.$showMessage("请勾选阅读合同")
610
+ return
611
+ }
612
+ }
613
+ // 组织model.fields数据
614
+ let modeldatas = {}
615
+ for (let i = 0; i < this.data.fields.length; i++) {
616
+ console.log(JSON.stringify(this.data.fields[i]))
617
+ // checkbox特殊处理
618
+ if (this.data.fields[i].type === 'checkbox') {
619
+ for (let j = 0; j < this.data.fields[i].items.length; j++) {
620
+ modeldatas[this.data.fields[i].items[j].field] = this.data.fields[i].items[j].value
621
+ }
622
+ } else {
623
+ modeldatas[this.data.fields[i].field] = this.data.fields[i].value
624
+ }
625
+ }
626
+ modeldatas.f_process_id = this.data.f_process_id
627
+ modeldatas.f_filiale = this.model.f_filiale
628
+ modeldatas.f_parentname = this.model.f_parentname
629
+ modeldatas.f_operator = this.model.f_operator
630
+ modeldatas.f_operate_date = this.model.f_operate_date
631
+ modeldatas.f_overall_imgs = this.model.f_overall_imgs
632
+ modeldatas.f_sign_path = this.model.f_sign_path
633
+ this.model = null
634
+ this.model = modeldatas
635
+ // 初始化model.button数据
636
+ let buttondatas = {
637
+ button_fields: {}
638
+ }
639
+ buttondatas.button_name = button.button_name
640
+ buttondatas.button_index = index
641
+ if (button.button_fields) {
642
+ for (let i = 0; i < button.button_fields.length; i++) {
643
+ buttondatas.button_fields[button.button_fields[i].field] = button.button_fields[i].value
644
+ }
645
+ }
646
+ this.model.button = buttondatas
647
+
648
+ if (button.button_name === '退回') {
649
+ this.showmodal = true
650
+ } else if (button.button_name === '下发') {
651
+ this.showmodal = true
652
+ } else {
653
+ this.$dispatch('button', this.model)
654
+ }
655
+ },
656
+ // 级联操作预留
657
+ select_change (index) {
658
+ this.$dispatch('select_cascade', index)
659
+ },
660
+ // 检测按钮的disable
661
+ disabled_check (index, required, value) {
662
+ console.log("被检测到的值是什么")
663
+ console.log(index)
664
+ console.log(required)
665
+ console.log(value)
666
+ console.log(this.data.title)
667
+ if (this.data.fields[index].label=='气表品牌'){
668
+ console.log("进入改变气表型号")
669
+ console.log(this.data.fields[index+1].options)
670
+ this.data.fields[index+1].options=[]
671
+ let data={
672
+ items:"gm.f_meter_style",
673
+ tablename:"t_gasmodel gm left join t_gasbrand gb on gm.f_gasbrand_id=gb.id",
674
+ condition:`gb.f_filialeids = '${Vue.user.f_orgids}' and gb.f_meter_brand='${value}'`,
675
+ orderitem:'gm.id'
676
+ }
677
+ let xinghao=[]
678
+ new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
679
+ console.log("66666666666666666666")
680
+ console.log(JSON.stringify(res))
681
+ console.log(typeof res)
682
+ //console.log(JSON.stringify(res.data[0]))
683
+ let result=res.data
684
+ result.forEach(ress=>{
685
+ xinghao.push({
686
+ label:ress.f_meter_style,
687
+ value:ress.f_meter_style
688
+ })
689
+ })
690
+ this.data.fields[index+1].options=xinghao
691
+ })
692
+ }
693
+ if (this.data.title == '现场勘查') {
694
+ if (index == 4) {
695
+ if (value == '合格') {
696
+ this.kchege = true
697
+ this.kcbuhege = false
698
+ console.log("1111111111" + this.kchege)
699
+ } else if (value == '不合格') {
700
+ this.kcbuhege = true
701
+ this.kchege = false
702
+ console.log("1111111111" + this.kcbuhege)
703
+ }
704
+ }
705
+ }
706
+ if (this.data.title == '现场勘查定价') {
707
+ // if (index == 6 || index == 7 || index == 5) {
708
+ // this.countmoney[index - 5] = parseInt(this.data.fields[index].value)
709
+ // console.log(this.data.fields[index].value)
710
+ // console.log("做出了改变")
711
+ // }
712
+ // console.log(JSON.stringify(this.countmoney))
713
+ // let money = 0
714
+ // for (let i = 0; i < this.countmoney.length; i++) {
715
+ // money += this.countmoney[i]
716
+ // }
717
+ // this.$set('data.fields[8].value', money)
718
+ // this.$set('data.fields[9].value', money)
719
+ if (index == 7) {
720
+ console.log("1111111111" + value)
721
+ if (value == '合格') {
722
+ this.kchege = true
723
+ this.kcbuhege = false
724
+ console.log("1111111111" + this.kchege)
725
+ } else if (value == '不合格') {
726
+ this.kcbuhege = true
727
+ this.kchege = false
728
+ console.log("1111111111" + this.kcbuhege)
729
+ }
730
+ }
731
+ }
732
+ if (required && value) {
733
+ this.disable_button = false
734
+
735
+ let fields = this.data.fields
736
+ let flag = false
737
+ for (let i = 0; i < fields.length; i++) {
738
+ if (fields[i].type !== 'checkbox' && fields[i].required && !fields[i].value) {
739
+ flag = true
740
+ }
741
+ }
742
+ this.disable_button = flag
743
+ }
744
+ },
745
+ checkboxSelect (index,index1){
746
+ console.log("chufa事件");
747
+ this.$dispatch('checkboxSelectControl', index, index1)
748
+ },
749
+ // 强制刷新
750
+ update (){
751
+ this.refresh = false
752
+ this.$nextTick(() => {
753
+ this.refresh = true
754
+ })
755
+ this.initializtion()
756
+ },
757
+ },
758
+ watch: {
759
+ 'data.filed[12].value'(val) {
760
+ console.log("变动")
761
+ if (this.data.title == '现场勘查定价') {
762
+
763
+ }
764
+ },
765
+ 'data.operate_date' () {
766
+ if (this.data.filiale) {
767
+ this.model.f_filiale = this.data.filiale
768
+ } else {
769
+ this.model.f_filiale = Vue.user.f_parentname
770
+ }
771
+ if (this.data.f_parentname) {
772
+ this.model.f_parentname = this.data.f_parentname
773
+ } else {
774
+ this.model.f_parentname = Vue.user.f_parentname
775
+ }
776
+ if (this.data.operate_date) {
777
+ this.model.f_operate_date = this.data.operate_date
778
+ } else {
779
+ this.model.f_operate_date = new Date().Format("yyyy-MM-dd HH:mm:ss")
780
+ }
781
+ if (this.data.operator) {
782
+ this.model.f_operator = this.data.operator
783
+ } else {
784
+ this.model.f_operator = Vue.user.name
785
+ }
786
+ },
787
+ 'data.fields' () {
788
+ this.refresh = false
789
+ this.$nextTick(() => {
790
+ this.refresh = true
791
+ })
792
+ this.initializtion()
793
+ },
794
+ deep: true
795
+ },
796
+ computed: {
797
+ // 输入后按钮检测
798
+ check_disable: function () {
799
+ let fields = this.data.fields
800
+ let flag = false
801
+ for (let i = 0; i < fields.length; i++) {
802
+ if (fields[i].type !== 'checkbox' && fields[i].required && !fields[i].value) {
803
+ flag = true
804
+ }
805
+ }
806
+ this.disable_button = flag
807
+ }
808
+ }
809
+ }
810
+ </script>