e5b57447
 杨鑫
'分包问卷'
|
1
2
3
4
|
<template>
<view class="page">
<view class="screen-list">
<view class="list">
|
|
60cd6339
杨鑫
'最新'
|
5
|
<u-input v-model="pageindex.start" type="select" @click="typeShow = true" placeholder='服务记录' />
|
|
e5b57447
杨鑫
'分包问卷'
|
6
7
8
9
10
11
12
13
14
15
16
17
|
</view>
</view>
<!-- 记录列表 -->
<view class="record-list">
<view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)">
<view class="list">
<view class="title">
<view class="left">报修：{{item.warrantyIssue}}</view>
<view class="right"><u-icon name="arrow-rightward"></u-icon></view>
</view>
<view class="info-item">申请时间：{{item.applicationTime}}</view>
<view class="info-item">状态：<span style="color: #0FBB59;">{{item.status=='1'?'受理中':'已完成'}}</span></view>
|
|
8c0a2463
杨鑫
'最新'
|
18
19
20
|
<view style="margin-top: 10px;" v-if="item.status == '2'">
<u-button type="success" style="width:30%;height: 28px;margin: 0 10px 0 0;" @click="baoShow(0,item.id)">评价</u-button>
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
21
22
23
24
25
26
27
28
29
30
|
</view>
</view>
<view class="record-list-box" v-for="(item,index) in toushu" :key="index" @click="recordXq(item)">
<view class="list">
<view class="title">
<view class="left">投诉:{{item.complaintType}}</view>
<view class="right"><u-icon name="arrow-rightward"></u-icon></view>
</view>
<view class="info-item">申请时间：{{item.applicationTime}}</view>
<view class="info-item">状态：<span style="color: #0FBB59;">{{item.status=='1'?'受理中':'已完成'}}</span></view>
|
|
8c0a2463
杨鑫
'最新'
|
31
32
|
<view style="margin-top: 10px;" v-if="item.status == '2'">
<u-button type="success" style="width:30%;height: 28px;margin: 0 10px 0 0;" @click="baoShow(1,item.id)">评价</u-button>
|
|
45318813
杨鑫
'最新版本'
|
33
|
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
34
35
36
|
</view>
</view>
</view>
|
|
60cd6339
杨鑫
'最新'
|
37
|
<u-select v-model="typeShow" :list="activesType" @confirm="typeChange"></u-select>
|
|
8c0a2463
杨鑫
'最新'
|
38
39
40
41
42
43
44
45
46
47
48
49
|
<u-popup class="userForm" v-model="joinShow" mode="center" border-radius="20" :closeable="true" width="90%" >
<view style="padding: 30rpx;">
<view style="text-align: center;font-size: 16px;font-weight: 600;margin-bottom: 30rpx;">评价</view>
<view class="" style="background-color: #F0F0F0;border-radius: 20rpx;margin-bottom: 15px;">
<textarea cols="30" rows="10" placeholder="请输入" maxlength="150" style="font-size: 24rpx;background-color: #F0F0F0;border-radius: 20rpx;width: 96%;margin: 0 auto;padding: 20rpx;" v-model="form.estimate"></textarea>
<p style="text-align: right; font-size: 24rpx; color: #666;padding:0 20rpx 10rpx 0;">
剩余 {{ remainingCharacters }} 字
</p>
</view>
<u-button type="success" @click="submit">提交</u-button>
</view>
</u-popup>
|
|
e5b57447
杨鑫
'分包问卷'
|
50
51
52
53
54
55
56
57
58
59
60
61
|
</view>
</template>
<script>
export default {
data() {
return {
recordList:[
],
toushu:[],
pageindex: {
|
|
60cd6339
杨鑫
'最新'
|
62
|
pageNumber: 0,
|
|
e5b57447
杨鑫
'分包问卷'
|
63
64
|
pageSize: 10
},
|
|
60cd6339
杨鑫
'最新'
|
65
66
67
68
69
70
71
72
73
|
activesType: [
{
value: 0,
label: '投诉记录'
},{
value: 1,
label: '报修记录'
}
],
|
|
8c0a2463
杨鑫
'最新'
|
74
75
76
77
78
79
80
|
typeShow:false,
joinShow:false,
form:{
estimate:'',
id:''
},
indexMsg :0
|
|
e5b57447
杨鑫
'分包问卷'
|
81
82
83
84
85
|
}
},
mounted(){
this.getALL()
},
|
|
8c0a2463
杨鑫
'最新'
|
86
87
88
89
90
91
|
computed: {
remainingCharacters() {
const maxLength = 150;
return maxLength - this.form.estimate.length;
}
},
|
|
e5b57447
杨鑫
'分包问卷'
|
92
|
methods: {
|
|
8c0a2463
杨鑫
'最新'
|
93
94
95
96
97
98
|
baoShow(val,ids){
this.joinShow = true
this.form.estimate = ''
this.form.id = ids
this.indexMsg = val
},
|
|
e5b57447
杨鑫
'分包问卷'
|
99
|
getALL(){
|
|
0fd8b750
杨鑫
'最新落地1'
|
100
|
this.pageindex.createUser =uni.getStorageSync('user').phone
|
|
e5b57447
杨鑫
'分包问卷'
|
101
102
103
104
105
106
107
108
109
110
111
112
113
|
this.$http.sendRequest('/cereComplaintsSuggestions/queryByPage', 'POST',this.pageindex,1).then(res => {
this.toushu = res.data.data.content
}).catch(err => {
console.log(err)
//请求失败
})
},
recordXq(item){
const encodedItem = encodeURIComponent(JSON.stringify(item));
uni.navigateTo({
url: `/pages/serve/jiDed?item=${encodedItem}`,
})
},
|
|
60cd6339
杨鑫
'最新'
|
114
|
typeChange(e) {
|
|
e5b57447
杨鑫
'分包问卷'
|
115
|
|
|
60cd6339
杨鑫
'最新'
|
116
117
|
this.pageindex.start = e[0].labels
if(e[0].value == 0){
|
|
8c0a2463
杨鑫
'最新'
|
118
119
120
121
|
this.$http.sendRequest('/cereComplaintsSuggestions/queryByPage', 'POST',this.pageindex,1).then(res => {
this.toushu = res.data.data.content
this.recordList =[]
|
|
60cd6339
杨鑫
'最新'
|
122
123
|
})
}else{
|
|
8c0a2463
杨鑫
'最新'
|
124
125
126
|
this.$http.sendRequest('/cereReportIssuesRepairs/queryByPage', 'POST',this.pageindex,1).then(res => {
this.recordList = res.data.data.content
this.toushu = []
|
|
60cd6339
杨鑫
'最新'
|
127
128
129
|
})
}
},
|
|
45318813
杨鑫
'最新版本'
|
130
|
submit(){
|
|
8c0a2463
杨鑫
'最新'
|
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
|
if (!this.form.estimate) {
uni.showToast({
icon: 'none',
title: '请输入评价信息'
});
return;
}
if(this.indexMsg == 1){
this.$http.sendRequest('/cereComplaintsSuggestions/edit', 'POST',this.form,1).then(res => {
uni.showToast({
icon: 'success',
title: '评价成功'
});
})
this.joinShow = false
}else{
this.$http.sendRequest('/cereReportIssuesRepairs/edit', 'POST',this.form,1).then(res => {
uni.showToast({
icon: 'success',
title: '评价成功'
});
})
this.joinShow = false
}
|
|
45318813
杨鑫
'最新版本'
|
155
|
}
|
|
e5b57447
杨鑫
'分包问卷'
|
156
157
158
159
160
161
162
|
}
}
</script>
<style scoped lang="scss">
@import 'serve.scss';
</style>
|
