After Width: | Height: | Size: 294 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 862 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 6.5 KiB |
Before Width: | Height: | Size: 7.2 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 164 KiB |
After Width: | Height: | Size: 3.6 KiB |
@ -0,0 +1,118 @@ |
||||
<template> |
||||
<view class=""> |
||||
<u-tabs :list="tablist" @click="click" |
||||
:activeStyle="{ color: '#08BF77' }" |
||||
:scrollable="false" lineColor="#08BF77"></u-tabs> |
||||
<view class="complainContent"> |
||||
<view class="complain"> |
||||
<view class="orderNum"> |
||||
<text>服务单号:23090399233</text> |
||||
<text class="status">处理中</text> |
||||
</view> |
||||
<view class="name"> |
||||
<view class=""> |
||||
<view class=""> |
||||
服务项目:泰式按摩服务 |
||||
</view> |
||||
<view class="time"> |
||||
2023-03-22 13:35:32 |
||||
</view> |
||||
</view> |
||||
<view class="btn" @click="goshensu"> |
||||
申诉 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
list:[], |
||||
total:0, |
||||
tablist: [ |
||||
{name: '全部'}, {name: '处理中'},{name: '已处理'},{name: '已关闭'},] |
||||
} |
||||
}, |
||||
methods:{ |
||||
async getComplainList(){ |
||||
let res = await this.$api.mine.getComplainList({ |
||||
status:0 |
||||
}); |
||||
this.list = res.list; |
||||
this.total = res.total; |
||||
}, |
||||
click(item){ |
||||
console.log(item,"0000") |
||||
}, |
||||
goshensu(){ |
||||
this.$util.goUrl({url:`/user/pages/chapingList/shensu`}) |
||||
} |
||||
}, |
||||
onLoad() { |
||||
this.getComplainList() |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.complainContent{ |
||||
margin-top:24rpx; |
||||
.complain{ |
||||
margin:0 24rpx; |
||||
margin-bottom:20rpx; |
||||
background: #FFFFFF; |
||||
border-radius: 30rpx; |
||||
padding:40rpx 30rpx; |
||||
.orderNum{ |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.status{ |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #08BF77; |
||||
} |
||||
} |
||||
.name{ |
||||
margin-top:30rpx; |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
display:flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.time{ |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #999999; |
||||
margin-top:24rpx; |
||||
} |
||||
.btn{ |
||||
width: 160rpx; |
||||
height: 60rpx; |
||||
background: #08BF77; |
||||
border: 1px solid #08BF77; |
||||
border-radius: 30rpx; |
||||
line-height: 56rpx; |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
@ -0,0 +1,99 @@ |
||||
<template> |
||||
<view class=""> |
||||
<view class="top"> |
||||
<view class=""> |
||||
服务单号:23090399233222 |
||||
</view> |
||||
<view style="margin-top:30rpx;"> |
||||
服务技师:王静静 |
||||
</view> |
||||
<u--textarea v-model="value1" |
||||
border="none" |
||||
placeholder="请描述您需要反馈的问题" ></u--textarea> |
||||
</view> |
||||
<view class="bottom"> |
||||
<view class="title"> |
||||
请上传相关问题图片 |
||||
</view> |
||||
<u-upload |
||||
:fileList="fileList3" |
||||
@afterRead="afterRead" |
||||
@delete="deletePic" |
||||
name="3" |
||||
multiple |
||||
:maxCount="10" |
||||
:previewFullImage="true" |
||||
></u-upload> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
value1:'', |
||||
fileList3: [{ |
||||
url: 'https://cdn.uviewui.com/uview/swiper/1.jpg', |
||||
}], |
||||
} |
||||
}, |
||||
methods:{ |
||||
afterRead(){ |
||||
uni.uploadFile({ |
||||
// 完整上传路径 H5端需要解决跨域问题 |
||||
// url: 'http://' + domain + '/admin/sys-file/upload', |
||||
// // 本地上传读取到的url |
||||
// filePath: url, |
||||
// name: 'file', |
||||
// // 请求头 |
||||
// header: header, |
||||
// // 附加表单对象 |
||||
// formData: { |
||||
// user: 'test' |
||||
// }, |
||||
// success: res => { |
||||
// // 这里res是普通对象,但是res.data为JSON字符串,需要转一下 |
||||
// const result = JSON.parse(res.data); |
||||
// // 获取上传成功后的文件地址 |
||||
// const formUrl = result.data.url; |
||||
// // 赋值表单数据(后台需要) |
||||
// this.dataForm.picture = formUrl; |
||||
// // 把文件的二进制对象抛出去用于图片预览 |
||||
// resolve(res.data.data); |
||||
// } |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.top{ |
||||
background: #FFFFFF; |
||||
border-radius: 30rpx; |
||||
margin:20rpx 24rpx; |
||||
padding:40rpx 30rpx; |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
} |
||||
/deep/.u-textarea{ |
||||
background: #F9F9F9; |
||||
margin-top:30rpx; |
||||
} |
||||
.bottom{ |
||||
background: #FFFFFF; |
||||
border-radius: 30rpx; |
||||
padding:40rpx 30rpx; |
||||
margin:0 24rpx; |
||||
.title{ |
||||
font-size: 34rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
margin-bottom:28rpx; |
||||
} |
||||
} |
||||
</style> |
@ -0,0 +1,99 @@ |
||||
<template> |
||||
<view class=""> |
||||
<view class="top"> |
||||
<view class=""> |
||||
服务单号:23090399233222 |
||||
</view> |
||||
<view style="margin-top:30rpx;"> |
||||
服务技师:王静静 |
||||
</view> |
||||
<u--textarea v-model="value1" |
||||
border="none" |
||||
placeholder="请描述您需要反馈的问题" ></u--textarea> |
||||
</view> |
||||
<view class="bottom"> |
||||
<view class="title"> |
||||
请上传相关问题图片 |
||||
</view> |
||||
<u-upload |
||||
:fileList="fileList3" |
||||
@afterRead="afterRead" |
||||
@delete="deletePic" |
||||
name="3" |
||||
multiple |
||||
:maxCount="10" |
||||
:previewFullImage="true" |
||||
></u-upload> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
value1:'', |
||||
fileList3: [{ |
||||
url: 'https://cdn.uviewui.com/uview/swiper/1.jpg', |
||||
}], |
||||
} |
||||
}, |
||||
methods:{ |
||||
afterRead(){ |
||||
uni.uploadFile({ |
||||
// 完整上传路径 H5端需要解决跨域问题 |
||||
// url: 'http://' + domain + '/admin/sys-file/upload', |
||||
// // 本地上传读取到的url |
||||
// filePath: url, |
||||
// name: 'file', |
||||
// // 请求头 |
||||
// header: header, |
||||
// // 附加表单对象 |
||||
// formData: { |
||||
// user: 'test' |
||||
// }, |
||||
// success: res => { |
||||
// // 这里res是普通对象,但是res.data为JSON字符串,需要转一下 |
||||
// const result = JSON.parse(res.data); |
||||
// // 获取上传成功后的文件地址 |
||||
// const formUrl = result.data.url; |
||||
// // 赋值表单数据(后台需要) |
||||
// this.dataForm.picture = formUrl; |
||||
// // 把文件的二进制对象抛出去用于图片预览 |
||||
// resolve(res.data.data); |
||||
// } |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.top{ |
||||
background: #FFFFFF; |
||||
border-radius: 30rpx; |
||||
margin:20rpx 24rpx; |
||||
padding:40rpx 30rpx; |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
} |
||||
/deep/.u-textarea{ |
||||
background: #F9F9F9; |
||||
margin-top:30rpx; |
||||
} |
||||
.bottom{ |
||||
background: #FFFFFF; |
||||
border-radius: 30rpx; |
||||
padding:40rpx 30rpx; |
||||
margin:0 24rpx; |
||||
.title{ |
||||
font-size: 34rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
margin-bottom:28rpx; |
||||
} |
||||
} |
||||
</style> |
@ -0,0 +1,115 @@ |
||||
<template> |
||||
<view class=""> |
||||
<u-tabs :list="tablist" @click="click" |
||||
:activeStyle="{ color: '#08BF77' }" |
||||
:scrollable="false" lineColor="#08BF77"></u-tabs> |
||||
<view class="complainContent"> |
||||
<view class="complain"> |
||||
<view class="orderNum"> |
||||
<text>服务单号:23090399233</text> |
||||
<text class="status">处理中</text> |
||||
</view> |
||||
<view class="name"> |
||||
<view class=""> |
||||
<view class=""> |
||||
服务技师:王静静 |
||||
</view> |
||||
<view class="time"> |
||||
2023-03-22 13:35:32 |
||||
</view> |
||||
</view> |
||||
<view class="btn"> |
||||
关闭 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
list:[], |
||||
total:0, |
||||
tablist: [ |
||||
{name: '全部'}, {name: '处理中'},{name: '已处理'},{name: '已关闭'},] |
||||
} |
||||
}, |
||||
methods:{ |
||||
async chapingList(){ |
||||
let res = await this.$api.mine.chapingList({ |
||||
status:0 |
||||
}); |
||||
this.list = res.list; |
||||
this.total = res.total; |
||||
}, |
||||
click(item){ |
||||
console.log(item,"0000") |
||||
} |
||||
}, |
||||
onLoad() { |
||||
this.chapingList() |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.complainContent{ |
||||
margin-top:24rpx; |
||||
.complain{ |
||||
margin:0 24rpx; |
||||
margin-bottom:20rpx; |
||||
background: #FFFFFF; |
||||
border-radius: 30rpx; |
||||
padding:40rpx 30rpx; |
||||
.orderNum{ |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.status{ |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #08BF77; |
||||
} |
||||
} |
||||
.name{ |
||||
margin-top:30rpx; |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
display:flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.time{ |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #999999; |
||||
margin-top:24rpx; |
||||
} |
||||
.btn{ |
||||
width: 160rpx; |
||||
height: 60rpx; |
||||
background: #08BF77; |
||||
border: 1px solid #08BF77; |
||||
border-radius: 30rpx; |
||||
line-height: 56rpx; |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
@ -0,0 +1,31 @@ |
||||
<template> |
||||
<view class=""> |
||||
<view v-html="content"> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
onLoad(option) { |
||||
console.log(option) |
||||
this.getDetails(option.id) |
||||
}, |
||||
data(){ |
||||
return{ |
||||
content:'' |
||||
} |
||||
}, |
||||
methods:{ |
||||
async getDetails(id){ |
||||
let res = await this.$api.mine.getAnnouncementDetails({id:id}) |
||||
console.log(res,"0000") |
||||
this.content = res.content |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
</style> |
@ -0,0 +1,150 @@ |
||||
<template> |
||||
<view class="traffic"> |
||||
<view class="trafficItem" @click="showDistance=true"> |
||||
<text>接单距离(公里)</text> |
||||
<view class="right"> |
||||
<text>{{form.max_distance}}</text> |
||||
<u-icon name="arrow-right" color="#999999" size="16"></u-icon> |
||||
</view> |
||||
</view> |
||||
<view class="trafficItem" @click="getActionSheet('day')"> |
||||
<text>白天车费类型</text> |
||||
<view class="right"> |
||||
<text>{{form.day_car_name}}</text> |
||||
<u-icon name="arrow-right" color="#999999" size="16"></u-icon> |
||||
</view> |
||||
</view> |
||||
<view class="trafficItem" @click="getActionSheet('night')"> |
||||
<text>晚上车费类型</text> |
||||
<view class="right"> |
||||
<text>{{form.night_car_name}}</text> |
||||
<u-icon name="arrow-right" color="#999999" size="16"></u-icon> |
||||
</view> |
||||
</view> |
||||
<view class="btn" @click="trafficList"> |
||||
保存 |
||||
</view> |
||||
<u-action-sheet :actions="list" |
||||
:closeOnClickOverlay="true" |
||||
@close="closeHandle" |
||||
@select="selectHandle" |
||||
:show="show"></u-action-sheet> |
||||
<u-action-sheet :actions="list1" |
||||
:closeOnClickOverlay="true" |
||||
@close="closeDistanceHandle" |
||||
@select="selectDistanceHandle" |
||||
:show="showDistance"></u-action-sheet> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
list1:[ |
||||
{name:10},{name:20},{name:30},{name:40},{name:50},{name:60},{name:70},{name:80} |
||||
], |
||||
list: [ |
||||
{ |
||||
name:'免费', |
||||
value:0 |
||||
}, |
||||
{ |
||||
name:'单程', |
||||
value:1 |
||||
}, |
||||
{ |
||||
name:'双程', |
||||
value:2 |
||||
}, |
||||
], |
||||
show: false, |
||||
showDistance:false, |
||||
form:{ |
||||
day_car:0, |
||||
day_car_name:'免费', |
||||
night_car:0, |
||||
night_car_name:'免费', |
||||
max_distance:20 |
||||
}, |
||||
handleName:'' |
||||
} |
||||
}, |
||||
methods:{ |
||||
closeHandle(){ |
||||
this.show = false |
||||
}, |
||||
closeDistanceHandle(){ |
||||
this.showDistance = false |
||||
}, |
||||
selectDistanceHandle(item){ |
||||
this.form.max_distance = item.name; |
||||
}, |
||||
selectHandle(item){ |
||||
console.log(item,"0000") |
||||
if(this.handleName=='day'){ |
||||
this.form.day_car = item.value; |
||||
this.form.day_car_name = item.name |
||||
} |
||||
if(this.handleName=='night'){ |
||||
this.form.night_car = item.value; |
||||
this.form.night_car_name = item.name |
||||
} |
||||
}, |
||||
getActionSheet(val){ |
||||
console.log(val) |
||||
this.show = true; |
||||
this.handleName=val |
||||
}, |
||||
async trafficList(){ |
||||
let res= await this.$api.mine.trafficList({ |
||||
day_car:this.form.day_car, |
||||
night_car:this.form.night_car, |
||||
max_distance:this.form.max_distance |
||||
}) |
||||
console.log(res,"nnn") |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.traffic{ |
||||
background: #FFFFFF; |
||||
border-radius: 30rpx; |
||||
margin:20rpx 24rpx; |
||||
position: relative; |
||||
} |
||||
.trafficItem{ |
||||
// border:1px solid red; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
margin:0 30rpx; |
||||
padding:40rpx 0; |
||||
border-bottom:1px solid #eaeaea; |
||||
text{ |
||||
font-size: 28rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
color: #333333; |
||||
} |
||||
.right{ |
||||
display:flex; |
||||
} |
||||
} |
||||
.btn{ |
||||
position: fixed; |
||||
bottom:66rpx; |
||||
padding:31rpx 0; |
||||
background: #08BF77; |
||||
border-radius: 45px; |
||||
left:8%; |
||||
width:84%; |
||||
font-size: 30rpx; |
||||
font-family: Alibaba PuHuiTi; |
||||
font-weight: 400; |
||||
text-align: center; |
||||
color: #FFFFFF; |
||||
} |
||||
</style> |
@ -0,0 +1,3 @@ |
||||
包名:com.xxdj.app.util |
||||
别名:xixidaojia |
||||
安卓应用签名:8ab1119528c490efb1fd90c4a5f3b419 |