|
@@ -50,34 +50,70 @@
|
50
|
50
|
<div class="conent">
|
51
|
51
|
<div class="head">
|
52
|
52
|
<p>
|
53
|
|
- 事件单号:{{item.incidentsign}}
|
|
53
|
+ 事件单号:{{ item.incidentsign }}
|
54
|
54
|
<span
|
55
|
|
- :class="{'btn':true, 'daipingjia':item.state.name=='待评价', 'daijiedan':(item.state.name=='待接单'&&item.state.name=='待接单'&&item.handlerUser&&!item.candidateGroups), 'daiqiangdan':(item.state.name=='待接单'&&item.state.name=='待接单'&&!item.handlerUser&&item.candidateGroups), 'chulizhong':item.state.name=='处理中', 'yijiejue':item.state.name=='已解决', 'yiguanbi':item.state.name=='已关闭', 'chongxinzhipai':item.state.name=='重新指派'}"
|
56
|
|
- >{{item.state.name=='待接单'?((item.handlerUser&&!item.candidateGroups)?'待接单':'待抢单'):item.state.name}}</span>
|
|
55
|
+ :class="{
|
|
56
|
+ btn: true,
|
|
57
|
+ daipingjia: item.state.name == '待评价',
|
|
58
|
+ daijiedan:
|
|
59
|
+ item.state.name == '待接单' &&
|
|
60
|
+ item.state.name == '待接单' &&
|
|
61
|
+ item.handlerUser &&
|
|
62
|
+ !item.candidateGroups,
|
|
63
|
+ daiqiangdan:
|
|
64
|
+ item.state.name == '待接单' &&
|
|
65
|
+ item.state.name == '待接单' &&
|
|
66
|
+ !item.handlerUser &&
|
|
67
|
+ item.candidateGroups,
|
|
68
|
+ chulizhong: item.state.name == '处理中',
|
|
69
|
+ yijiejue: item.state.name == '已解决',
|
|
70
|
+ yiguanbi: item.state.name == '已关闭',
|
|
71
|
+ chongxinzhipai: item.state.name == '重新指派'
|
|
72
|
+ }"
|
|
73
|
+ >{{
|
|
74
|
+ item.state.name == "待接单"
|
|
75
|
+ ? item.handlerUser && !item.candidateGroups
|
|
76
|
+ ? "待接单"
|
|
77
|
+ : "待抢单"
|
|
78
|
+ : item.state.name
|
|
79
|
+ }}</span
|
|
80
|
+ >
|
57
|
81
|
</p>
|
58
|
82
|
</div>
|
59
|
83
|
<div class="center">
|
60
|
84
|
<p class="desc">
|
61
|
85
|
<span class="fl">事件描述:</span>
|
62
|
|
- <span class="grayFont overflowEllipsis2" v-html="item.description"></span>
|
|
86
|
+ <span
|
|
87
|
+ class="grayFont overflowEllipsis2"
|
|
88
|
+ v-html="item.description"
|
|
89
|
+ ></span>
|
63
|
90
|
</p>
|
64
|
|
- <p v-if='valConfig==1'>
|
|
91
|
+ <p v-if="valConfig == 1">
|
65
|
92
|
报修人:
|
66
|
|
- <span class="grayFont">{{item.requester.name}}</span>
|
|
93
|
+ <span class="grayFont">{{ item.requester.name }}</span>
|
67
|
94
|
</p>
|
68
|
|
- <p v-if='valConfig==2'>
|
|
95
|
+ <p v-if="valConfig == 2">
|
69
|
96
|
报修科室 :
|
70
|
|
- <span class="grayFont">{{item.department?item.department.dept:''}}</span>
|
|
97
|
+ <span class="grayFont">{{
|
|
98
|
+ item.department ? item.department.dept : ""
|
|
99
|
+ }}</span>
|
71
|
100
|
</p>
|
72
|
101
|
</div>
|
73
|
|
- <div class="bottom">
|
74
|
|
- <span class="fl">联系电话:{{item.contactsInformation}}</span>
|
75
|
|
- <span class="fr">报修时间:{{item.acceptDate}}</span>
|
|
102
|
+ <div class="bottom" @click.stop>
|
|
103
|
+ <span class="fl" v-if="!item.contactsInformation"
|
|
104
|
+ >联系电话:</span
|
|
105
|
+ >
|
|
106
|
+ <span class="fl" v-if="item.contactsInformation"
|
|
107
|
+ >联系电话:<a :href="'tel:' + item.contactsInformation">{{
|
|
108
|
+ item.contactsInformation
|
|
109
|
+ }}</a></span
|
|
110
|
+ >
|
|
111
|
+ <span class="fr">报修时间:{{ item.acceptDate }}</span>
|
76
|
112
|
</div>
|
77
|
113
|
</div>
|
78
|
114
|
</div>
|
79
|
115
|
<!-- 无数据 -->
|
80
|
|
- <div class="wushuju" v-if="!dataList.length&&!newRapirLoading">
|
|
116
|
+ <div class="wushuju" v-if="!dataList.length && !newRapirLoading">
|
81
|
117
|
<img src="./../../static/images/wushuju.svg" alt />
|
82
|
118
|
<p>暂无待办事项</p>
|
83
|
119
|
</div>
|
|
@@ -98,10 +134,12 @@
|
98
|
134
|
<i class="iconfont icon-moren"></i>
|
99
|
135
|
</span>
|
100
|
136
|
</div>
|
101
|
|
- <div class="conentBox" v-if="!newNoticeNoData&&!newNoticeLoading">
|
|
137
|
+ <div class="conentBox" v-if="!newNoticeNoData && !newNoticeLoading">
|
102
|
138
|
<div class="conent" v-for="v in noticeData" @click="toGuideDetail(v)">
|
103
|
|
- <div class="head overflowEllipsis2">{{v.title}}</div>
|
104
|
|
- <div class="cot">{{v.createTime.substring(0,v.createTime.length-5)}}</div>
|
|
139
|
+ <div class="head overflowEllipsis2">{{ v.title }}</div>
|
|
140
|
+ <div class="cot">
|
|
141
|
+ {{ v.createTime.substring(0, v.createTime.length - 5) }}
|
|
142
|
+ </div>
|
105
|
143
|
</div>
|
106
|
144
|
</div>
|
107
|
145
|
<!-- 无数据 -->
|
|
@@ -131,13 +169,13 @@ export default {
|
131
|
169
|
newRapirLoading: true, //最新报修loading
|
132
|
170
|
newNoticeLoading: true, //最新公告loading
|
133
|
171
|
candidateGroups: "",
|
134
|
|
- valConfig: JSON.parse(localStorage.getItem("valConfig"))-0,//报修主体
|
|
172
|
+ valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0 //报修主体
|
135
|
173
|
};
|
136
|
174
|
},
|
137
|
175
|
methods: {
|
138
|
176
|
// 获取公告列表数据
|
139
|
177
|
getNoticData() {
|
140
|
|
- console.log(this.valConfig)
|
|
178
|
+ console.log(this.valConfig);
|
141
|
179
|
// alert('公告列表')
|
142
|
180
|
var that = this;
|
143
|
181
|
this.$http
|
|
@@ -243,7 +281,7 @@ export default {
|
243
|
281
|
},
|
244
|
282
|
created() {
|
245
|
283
|
var that = this;
|
246
|
|
- that.valConfig=JSON.parse(localStorage.getItem("valConfig"))-0
|
|
284
|
+ that.valConfig = JSON.parse(localStorage.getItem("valConfig")) - 0;
|
247
|
285
|
that.loginUser.group.forEach(element => {
|
248
|
286
|
that.candidateGroups += element.id + ",";
|
249
|
287
|
});
|
|
@@ -428,4 +466,4 @@ export default {
|
428
|
466
|
justify-content: center;
|
429
|
467
|
align-items: center;
|
430
|
468
|
}
|
431
|
|
-</style>
|
|
469
|
+</style>
|