|
|
@@ -1,17 +1,16 @@
|
|
1
|
1
|
<template>
|
|
2
|
2
|
<div slot="content" class="bgColor">
|
|
|
3
|
+ <div class="ssb">随手报-网络问题</div>
|
|
|
4
|
+ <div class="ssb_title">
|
|
|
5
|
+ <div class="ssb_title_content">上报身边的问题，目前仅网络问题上报，后续会不断扩展服务范围。</div>
|
|
|
6
|
+ </div>
|
|
3
|
7
|
<cube-form
|
|
4
|
8
|
:model="model"
|
|
5
|
9
|
@validate="validateHandler"
|
|
6
|
10
|
@submit="submitHandler"
|
|
7
|
11
|
>
|
|
8
|
12
|
<cube-form-group>
|
|
9
|
|
- <!-- <div class="label">
|
|
10
|
|
- 申请联系人</div>
|
|
11
|
|
- <div class="zhidu">
|
|
12
|
|
- <div>联系人:</div>
|
|
13
|
|
- <div>{{name}}</div>
|
|
14
|
|
- </div>-->
|
|
|
13
|
+ <cube-form-item :field="fields[9]"></cube-form-item>
|
|
15
|
14
|
<cube-form-item :field="fields[5]" v-if="repairMain.valueconfig == 2">
|
|
16
|
15
|
<cube-input
|
|
17
|
16
|
@input="showDeptId(model.deptId)"
|
|
|
@@ -20,39 +19,24 @@
|
|
20
|
19
|
>{{ model.deptId || "请输入申请科室" }}</cube-input
|
|
21
|
20
|
>
|
|
22
|
21
|
</cube-form-item>
|
|
23
|
|
-
|
|
24
|
22
|
<cube-form-item :field="fields[0]"></cube-form-item>
|
|
25
|
23
|
<cube-form-item :field="fields[1]"></cube-form-item>
|
|
26
|
|
- <cube-form-item
|
|
27
|
|
- :field="fields[2]"
|
|
28
|
|
- class="btn_plcaeholde"
|
|
29
|
|
- ></cube-form-item>
|
|
|
24
|
+
|
|
|
25
|
+ <div class="label">问题详情</div>
|
|
|
26
|
+ <cube-form-item :field="fields[6]" v-if="reqHasCategory.valueconfig == 1"></cube-form-item>
|
|
|
27
|
+ <cube-form-item :field="fields[2]" class="btn_plcaeholde"></cube-form-item>
|
|
30
|
28
|
<cube-form-item :field="fields[8]" v-if="ifRoom == 1"></cube-form-item>
|
|
31
|
29
|
<cube-form-item :field="fields[3]"></cube-form-item>
|
|
32
|
|
- <!-- <cube-form-item :field="fields[3]">
|
|
33
|
|
- <cube-input
|
|
34
|
|
- @focus="showAddress(model.address)"
|
|
35
|
|
- @input="showAddress(model.address)"
|
|
36
|
|
- v-model="model.address"
|
|
37
|
|
- >{{ model.address || "请输入故障地点" }}</cube-input
|
|
38
|
|
- >
|
|
39
|
|
- </cube-form-item> -->
|
|
40
|
|
- <cube-form-item
|
|
41
|
|
- :field="fields[6]"
|
|
42
|
|
- v-if="reqHasCategory.valueconfig == 1"
|
|
43
|
|
- ></cube-form-item>
|
|
44
|
|
- <div class="label">申请信息</div>
|
|
45
|
30
|
<div class="zc" v-if="wxIncidentWithCmdb == 1">
|
|
46
|
31
|
<cube-form-item :field="fields[7]" class="zc-item"></cube-form-item>
|
|
47
|
32
|
<span class="icon dash dash-saoyisao zc-sao" @click="scan()"></span>
|
|
48
|
33
|
</div>
|
|
49
|
34
|
<cube-form-item :field="fields[4]"></cube-form-item>
|
|
50
|
35
|
<div class="label">
|
|
51
|
|
- 申请图片
|
|
52
|
|
- <span>(最多可上传3张JPG或PNG,每张不能超过10M)</span>
|
|
|
36
|
+ 现场图片
|
|
|
37
|
+ <span>(最大支持1MB的图片(jpg/gif/png),每张不能超过1M)</span>
|
|
53
|
38
|
</div>
|
|
54
|
39
|
<div class="uplod">
|
|
55
|
|
- <!-- <div>申请图片:</div> -->
|
|
56
|
40
|
<cube-upload
|
|
57
|
41
|
ref="upload"
|
|
58
|
42
|
:max="3"
|
|
|
@@ -64,7 +48,7 @@
|
|
64
|
48
|
</div>
|
|
65
|
49
|
</cube-form-group>
|
|
66
|
50
|
<cube-form-group class="sub">
|
|
67
|
|
- <cube-button type="submit" @click="subVali()">提交申请</cube-button>
|
|
|
51
|
+ <cube-button type="submit" @click="subVali()">提交</cube-button>
|
|
68
|
52
|
</cube-form-group>
|
|
69
|
53
|
</cube-form>
|
|
70
|
54
|
<load-ing v-show="loadShow"></load-ing>
|
|
|
@@ -105,7 +89,7 @@ const PCA = {
|
|
105
|
89
|
click: this.showPicker
|
|
106
|
90
|
}
|
|
107
|
91
|
},
|
|
108
|
|
- this.selected.length ? this.selected.join(" ") : "请选择校区区域地点"
|
|
|
92
|
+ this.selected.length ? this.selected.join(" ") : "请选择问题地点"
|
|
109
|
93
|
);
|
|
110
|
94
|
},
|
|
111
|
95
|
mounted() {},
|
|
|
@@ -196,7 +180,7 @@ const PCA = {
|
|
196
|
180
|
console.log(collectionBranch,'collectionBranch集合');
|
|
197
|
181
|
console.log(this.selectData,'地点');
|
|
198
|
182
|
// this.picker = this.$createCascadePicker({
|
|
199
|
|
- // title: "校区区域地点选择",
|
|
|
183
|
+ // title: "问题地点选择",
|
|
200
|
184
|
// data: this.selectData,
|
|
201
|
185
|
// selectedIndex: [0, 0, 0],
|
|
202
|
186
|
// onSelect: this.selectHandler
|
|
|
@@ -215,7 +199,7 @@ const PCA = {
|
|
215
|
199
|
|
|
216
|
200
|
this.selectIndex = [branchIndex, areaIndex, placeIndex];
|
|
217
|
201
|
this.picker = this.$createCascadePicker({
|
|
218
|
|
- title: "校区区域地点选择",
|
|
|
202
|
+ title: "问题地点选择",
|
|
219
|
203
|
data: this.selectData,
|
|
220
|
204
|
selectedIndex: this.selectIndex,
|
|
221
|
205
|
onSelect: this.selectHandler
|
|
|
@@ -307,13 +291,7 @@ export default {
|
|
307
|
291
|
reqHasCategory: null,
|
|
308
|
292
|
validity: {},
|
|
309
|
293
|
valid: undefined,
|
|
310
|
|
- // action: 'http://localhost:8080/service/common/common/uploadAttachment/wechatRequesterIncident/',
|
|
311
|
|
- // action: 'http://192.168.199.164:8080/service/common/common/uploadAttachment/wechatRequesterIncident/',
|
|
312
|
294
|
action: {
|
|
313
|
|
- // "target":'http://192.168.3.100:8080/service/common/common/uploadAttachment/wechatRequesterIncident/',
|
|
314
|
|
- // "fileName":"upload",
|
|
315
|
|
- // "target":'http://localhost/service/common/common/uploadAttachment/wechatRequesterIncident/',
|
|
316
|
|
- // "target":'http://weixintest.ngser.dashitech.com/service/common/common/uploadAttachment/wechatRequesterIncident/',
|
|
317
|
295
|
target:
|
|
318
|
296
|
this.$host +
|
|
319
|
297
|
"/service/common/common/uploadAttachment/wechatRequesterIncident/",
|
|
|
@@ -324,6 +302,7 @@ export default {
|
|
324
|
302
|
name: "",
|
|
325
|
303
|
phone: "",
|
|
326
|
304
|
model: {
|
|
|
305
|
+ requesterAccount: "",
|
|
327
|
306
|
contactsInformation: "",
|
|
328
|
307
|
pcaValue: [],
|
|
329
|
308
|
address: "",
|
|
|
@@ -342,9 +321,9 @@ export default {
|
|
342
|
321
|
{
|
|
343
|
322
|
type: "input",
|
|
344
|
323
|
modelKey: "contacts",
|
|
345
|
|
- label: "联系人:",
|
|
|
324
|
+ label: "姓名:",
|
|
346
|
325
|
props: {
|
|
347
|
|
- placeholder: "请输入联系人"
|
|
|
326
|
+ placeholder: "请输入姓名"
|
|
348
|
327
|
},
|
|
349
|
328
|
rules: {
|
|
350
|
329
|
// required: this.repairMain.valueconfig == 1
|
|
|
@@ -365,12 +344,12 @@ export default {
|
|
365
|
344
|
{
|
|
366
|
345
|
component: PCA,
|
|
367
|
346
|
modelKey: "pcaValue",
|
|
368
|
|
- label: "校区区域地点:",
|
|
|
347
|
+ label: "问题地点:",
|
|
369
|
348
|
rules: {
|
|
370
|
349
|
required: true
|
|
371
|
350
|
},
|
|
372
|
351
|
messages: {
|
|
373
|
|
- required: "请选择校区区域地点"
|
|
|
352
|
+ required: "请选择问题地点"
|
|
374
|
353
|
}
|
|
375
|
354
|
},
|
|
376
|
355
|
{
|
|
|
@@ -388,9 +367,9 @@ export default {
|
|
388
|
367
|
{
|
|
389
|
368
|
type: "textarea",
|
|
390
|
369
|
modelKey: "description",
|
|
391
|
|
- label: "申请内容:",
|
|
|
370
|
+ label: "问题描述:",
|
|
392
|
371
|
props: {
|
|
393
|
|
- placeholder: "请输入申请内容"
|
|
|
372
|
+ placeholder: "请输入问题描述"
|
|
394
|
373
|
},
|
|
395
|
374
|
rules: {
|
|
396
|
375
|
required: true
|
|
|
@@ -411,9 +390,9 @@ export default {
|
|
411
|
390
|
{
|
|
412
|
391
|
type: "select",
|
|
413
|
392
|
modelKey: "categoryId",
|
|
414
|
|
- label: "申请类别:",
|
|
|
393
|
+ label: "问题类型:",
|
|
415
|
394
|
props: {
|
|
416
|
|
- placeholder: "请选择申请类别",
|
|
|
395
|
+ placeholder: "请选择问题类型",
|
|
417
|
396
|
options: []
|
|
418
|
397
|
},
|
|
419
|
398
|
rules: {
|
|
|
@@ -443,7 +422,19 @@ export default {
|
|
443
|
422
|
rules: {
|
|
444
|
423
|
required: false
|
|
445
|
424
|
}
|
|
446
|
|
- }
|
|
|
425
|
+ },
|
|
|
426
|
+ {
|
|
|
427
|
+ type: "input",
|
|
|
428
|
+ modelKey: "requesterAccount",
|
|
|
429
|
+ label: "学号/职工号:",
|
|
|
430
|
+ props: {
|
|
|
431
|
+ placeholder: "请输入学号/职工号",
|
|
|
432
|
+ disabled: true,
|
|
|
433
|
+ },
|
|
|
434
|
+ rules: {
|
|
|
435
|
+ required: true
|
|
|
436
|
+ }
|
|
|
437
|
+ },
|
|
447
|
438
|
]
|
|
448
|
439
|
};
|
|
449
|
440
|
},
|
|
|
@@ -521,7 +512,6 @@ export default {
|
|
521
|
512
|
this.model.areaId = this.model.pcaValue[1];
|
|
522
|
513
|
this.model.placeId = this.model.pcaValue[2];
|
|
523
|
514
|
}
|
|
524
|
|
-
|
|
525
|
515
|
this.model["requester"] = this.loginUser;
|
|
526
|
516
|
delete this.model.pcaValue;
|
|
527
|
517
|
this.model.fileUrl = "url";
|
|
|
@@ -670,7 +660,7 @@ export default {
|
|
670
|
660
|
},
|
|
671
|
661
|
filesAdded(files) {
|
|
672
|
662
|
let hasIgnore = false;
|
|
673
|
|
- const maxSize = 1000 * 1024 * 1024; // 1M
|
|
|
663
|
+ const maxSize = 1 * 1024 * 1024; // 1M
|
|
674
|
664
|
for (let k in files) {
|
|
675
|
665
|
const file = files[k];
|
|
676
|
666
|
if (file.size > maxSize) {
|
|
|
@@ -682,7 +672,7 @@ export default {
|
|
682
|
672
|
this.$createToast({
|
|
683
|
673
|
type: "warn",
|
|
684
|
674
|
time: 1000,
|
|
685
|
|
- txt: "不能上传超过100M的文件"
|
|
|
675
|
+ txt: "不能上传超过1M的文件"
|
|
686
|
676
|
}).show();
|
|
687
|
677
|
},
|
|
688
|
678
|
fileSubmitted(files) {
|
|
|
@@ -721,7 +711,7 @@ export default {
|
|
721
|
711
|
item.rules.required = this.repairMain.valueconfig == 1;
|
|
722
|
712
|
}
|
|
723
|
713
|
});
|
|
724
|
|
- // 获取申请类别
|
|
|
714
|
+ // 获取问题类型
|
|
725
|
715
|
this.$http
|
|
726
|
716
|
.post("service/bpm/data/fetchDataList/incidentcategory", {
|
|
727
|
717
|
idx: 0,
|
|
|
@@ -735,7 +725,7 @@ export default {
|
|
735
|
725
|
arr.push({ value: item.id, text: item.category });
|
|
736
|
726
|
});
|
|
737
|
727
|
this.fields.forEach(item => {
|
|
738
|
|
- // 初始化申请类别下拉框列表
|
|
|
728
|
+ // 初始化问题类型下拉框列表
|
|
739
|
729
|
if (item.modelKey == "categoryId") {
|
|
740
|
730
|
item.props.options = arr;
|
|
741
|
731
|
}
|
|
|
@@ -745,6 +735,7 @@ export default {
|
|
745
|
735
|
},
|
|
746
|
736
|
mounted() {
|
|
747
|
737
|
this.loginUser = JSON.parse(localStorage.getItem("loginUser"));
|
|
|
738
|
+ this.model.requesterAccount = this.loginUser.account
|
|
748
|
739
|
this.getMessage();
|
|
749
|
740
|
this.getbxcode();
|
|
750
|
741
|
// 获取申请主体
|
|
|
@@ -769,6 +760,27 @@ export default {
|
|
769
|
760
|
};
|
|
770
|
761
|
</script>
|
|
771
|
762
|
<style lang="stylus" rel="stylesheet/stylus" scoped>
|
|
|
763
|
+.ssb{
|
|
|
764
|
+ height: 1rem;
|
|
|
765
|
+ font-size: 16px;
|
|
|
766
|
+ color: #fff;
|
|
|
767
|
+ background-color: #005395;
|
|
|
768
|
+ display: flex;
|
|
|
769
|
+ justify-content: center;
|
|
|
770
|
+ align-items: center;
|
|
|
771
|
+}
|
|
|
772
|
+.ssb_title{
|
|
|
773
|
+ background-color: #f1f2f2;
|
|
|
774
|
+}
|
|
|
775
|
+.ssb_title_content{
|
|
|
776
|
+ background-color: #eaeaea;
|
|
|
777
|
+ color: #999;
|
|
|
778
|
+ padding: 16px;
|
|
|
779
|
+ margin:0 8px;
|
|
|
780
|
+ text-indent: 2em;
|
|
|
781
|
+ line-height: normal;
|
|
|
782
|
+ font-size: 14px;
|
|
|
783
|
+}
|
|
772
|
784
|
.zc{
|
|
773
|
785
|
display:flex;
|
|
774
|
786
|
position:relative;
|
|
|
@@ -783,6 +795,15 @@ export default {
|
|
783
|
795
|
font-size:0.6rem;
|
|
784
|
796
|
}
|
|
785
|
797
|
}
|
|
|
798
|
+.cube-form {
|
|
|
799
|
+ padding: 0 8px;
|
|
|
800
|
+ background-color: #f1f2f2;
|
|
|
801
|
+}
|
|
|
802
|
+
|
|
|
803
|
+.cube-form-item{
|
|
|
804
|
+ background-color:#fff!important;
|
|
|
805
|
+}
|
|
|
806
|
+
|
|
786
|
807
|
.form-custom {
|
|
787
|
808
|
.cube-form-item {
|
|
788
|
809
|
.cube-btn {
|
|
|
@@ -799,7 +820,7 @@ export default {
|
|
799
|
820
|
.label {
|
|
800
|
821
|
background-color: rgb(238, 238, 238);
|
|
801
|
822
|
height: 0.6rem;
|
|
802
|
|
- line-height: 0.5rem;
|
|
|
823
|
+ line-height: 0.6rem;
|
|
803
|
824
|
padding-left: 0.2rem;
|
|
804
|
825
|
font-size: 0.24rem;
|
|
805
|
826
|
color: #666666;
|
|
|
@@ -827,10 +848,6 @@ export default {
|
|
827
|
848
|
width: 27.5%;
|
|
828
|
849
|
padding-left: 6%;
|
|
829
|
850
|
}
|
|
830
|
|
-
|
|
831
|
|
-.uplod {
|
|
832
|
|
- padding: 0 0.24rem;
|
|
833
|
|
-}
|
|
834
|
851
|
</style>
|
|
835
|
852
|
<style>
|
|
836
|
853
|
.btn_plcaeholde .cube-btn {
|
|
|
@@ -848,8 +865,6 @@ export default {
|
|
848
|
865
|
}
|
|
849
|
866
|
.sub .cube-btn {
|
|
850
|
867
|
background-color: #005395 !important;
|
|
851
|
|
- width: 90%;
|
|
852
|
|
- margin: 0 auto;
|
|
853
|
868
|
border-radius: 8px;
|
|
854
|
869
|
}
|
|
855
|
870
|
.cube-picker-wheel-item {
|
seimin
