Skip to content

U
uni-pdtravel
Commit 1d181316 authored by 潘永坪's avatar 潘永坪
Browse files
Options

建议投诉开发

parent d51acd0d
Hide whitespace changes
Inline Side-by-side
Showing with 461 additions and 2 deletions
App.vue
View file @ 1d181316
...@@ -137,6 +137,19 @@ export default { ...@@ -137,6 +137,19 @@ export default {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
//全屏按钮
.full-btn{
display: inline-block;
width: 100%;
height: 88rpx;
background: #FE6600;
border-radius: 44rpx;
text-align: center;
line-height: 88rpx;
font-size: 32rpx;
font-weight: 600;
color: #ffffff;
}
/*单行溢出*/ /*单行溢出*/
.one-txt-cut { .one-txt-cut {
......
pages.json
View file @ 1d181316
...@@ -289,9 +289,30 @@ ...@@ -289,9 +289,30 @@
"navigationBarTitleText" : "兑换结果" "navigationBarTitleText" : "兑换结果"
} }
}, },
{ {
"path" : "exchangeCode/exchangeChoose/exchangeChoose", "path" : "exchangeCode/exchangeChoose/exchangeChoose",
"style": { "navigationBarTitleText": "胖丁旅游", "enablePullDownRefresh": false } "style": { "navigationBarTitleText": "胖丁旅游", "enablePullDownRefresh": false }
},
{
"path" : "suggestComplaint/list/list",
"style" :
{
"navigationBarTitleText" : "建议投诉"
}
},
{
"path" : "suggestComplaint/commit/commit",
"style" :
{
"navigationBarTitleText" : "建议投诉"
}
},
{
"path" : "suggestComplaint/detail/detail",
"style" :
{
"navigationBarTitleText" : "详情"
}
} }
] ]
}, },
......
pages/indexs/center/center.vue
View file @ 1d181316
...@@ -169,6 +169,14 @@ ...@@ -169,6 +169,14 @@
咨询电话 咨询电话
</view> </view>
</view> </view>
<view class="middle3-list" @click="goSuggest()">
<view>
<image src="@/static/img/my/center/suggest.png"></image>
</view>
<view>
建议投诉
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -271,7 +279,12 @@ export default { ...@@ -271,7 +279,12 @@ export default {
url:'/pages/my/order/afterSale/afterSaleList/afterSaleList' url:'/pages/my/order/afterSale/afterSaleList/afterSaleList'
}) })
}, },
//---跳转建议投诉
goSuggest(){
uni.navigateTo({
url:'/pages/my/suggestComplaint/list/list'
})
},
} }
} }
</script> </script>
......
pages/my/suggestComplaint/commit/commit.vue 0 → 100644
View file @ 1d181316
<template>
<view class="wrap">
<view class="top">
<view class="top-list">
<view>
<text class="title">投诉类别</text>
<text class="grey">（单选）</text>
<text class="red">*</text>
</view>
<view class="choose">
<text v-for="(item,index) in typeList" :key="index" class="choose-list" :class="{on:active==index}" @click="typeChange(index)">
{{item}}
</text>
</view>
</view>
<view class="top-list">
<view>
<text class="title">投诉描述</text>
<text class="red">*</text>
</view>
<view style="margin-top: 24rpx;">
<u--textarea v-model="value2" placeholder="请描述您遇到的问题,我们会尽快处理" count maxlength='400' height='200'>
</u--textarea>
</view>
</view>
<view class="top-list">
<view>
<text class="title">相关图片</text>
<text class="grey">（最多三张）</text>
</view>
<view style="margin-top: 24rpx;">
<u-upload
:fileList="fileList5"
@afterRead="afterRead"
@delete="deletePic"
name="5"
multiple
:maxCount="3"
width='160'
height='160'
></u-upload>
</view>
</view>
<view class="top-list" style="border-bottom:none;">
<view class="title">
<text>联系手机</text>
</view>
<view class="phone">
<input class="uni-input" type="number" placeholder="请输入您的手机号码" />
</view>
</view>
</view>
<view class="bottom">
<text class="full-btn">提交</text>
</view>
</view>
</template>
<script>
export default{
data(){
return{
active:0,//默认下标
typeList:['服务类','设施类','环境类','票务类','其他类'],
value2:''
}
},
methods:{
//---投诉类型改变
typeChange(index){
this.active=index
}
}
}
</script>
<style lang="scss" scoped>
.wrap{
background: #ffffff;
min-height: 100%;
}
.top{
padding: 0 40rpx;
}
.top-list{
padding: 40rpx 0;
border-bottom: 1px solid #f5f5f5;
}
.top-list view:first-child{
display: flex;
align-items: center;
}
.title{
color: #000000;
}
.grey{
color: #999999;
}
.red{
color: #F53F3F;
}
.choose{
background: #F7F8FA;
padding: 0 0 24rpx 24rpx;
margin-top: 24rpx;
}
.choose-list{
display: inline-block;
width: 170rpx;
height: 70rpx;
border-radius: 35rpx;
background: #ffffff;
text-align: center;
line-height: 70rpx;
margin: 24rpx 24rpx 0 0;
}
.choose-list.on{
background: #FE6600;
color: #ffffff;
}
.phone{
margin-top: 24rpx;
background: #F7F8FA;
padding:32rpx;
}
.bottom{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
padding: 20rpx 32rpx 32rpx 32rpx;
border-top: 1px solid #E9E9E9;;
}
.top-list /deep/ .uicon-camera-fill{
font-size: 36px !important;
line-height: 36px !important;
}
</style>
\ No newline at end of file
pages/my/suggestComplaint/detail/detail.vue 0 → 100644
View file @ 1d181316
<template>
<view class="wrap">
<view class="top">
<view>
<text>发起日期:</text>
<text>2024-11-11 11:02:31</text>
</view>
<view>
<text>投诉类别:</text>
<text>票务类</text>
</view>
<view>
<text>联系方式:</text>
<text>15808046328</text>
</view>
</view>
<view class="middle">
<view class="middle-title">处理记录</view>
<view class="step">
<view class="step-list" v-for="(item,index) in 5" :key="index">
<view class="list-left">
<view class="circle">
<text v-if="index!=0"></text>
</view>
<view class="line" v-if="index!=4"></view>
</view>
<view class="list-right">
<view class="right-title">
<text>您再次发起投诉</text>
<text>11-20 09:48</text>
</view>
<view class="right-content">
问题没解决,没收到退款
</view>
<view class="right-img">
<image src="../../static/takeNumber/sdMap.jpg"></image>
</view>
</view>
</view>
</view>
</view>
<view class="bottom">
<text class="full-btn">再次投诉</text>
</view>
</view>
</template>
<script>
export default{
}
</script>
<style scoped lang="scss">
.top{
padding: 24rpx 40rpx;
background: #ffffff;
}
.top view:not(:first-child){
margin-top: 10rpx;
}
.top view text:first-child{
color: #999999;
margin-right: 20rpx;
}
.middle{
margin-top: 20rpx;
background: #ffffff;
padding: 30rpx 30rpx 150rpx 30rpx;
}
.middle-title{
font-size: 32rpx;
font-weight: 600;
}
.step{
margin-top: 40rpx;
}
.step-list{
display: flex;
}
.list-left{
margin-right: 10rpx;
flex-shrink: 0;
display: flex;
flex-direction: column;
padding-top: 6rpx;
}
.circle{
width: 24rpx;
height: 24rpx;
border-radius: 50%;
background: #FE6600;
position: relative;
text{
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background: #ffffff;
position: absolute;
top: 4rpx;
left: 4rpx;
}
}
.line{
width: 4rpx;
flex: 1;
background: #FFEDD6;
position: relative;
left: 10rpx;
}
.list-right{
flex: 1;
padding-bottom: 40rpx;
}
.right-title{
text:first-child{
font-size: 32rpx;
font-weight: 600;
margin-right: 20rpx;
}
text:last-child{
color: #999999;
}
}
.right-content{
margin-top: 12rpx;
font-size: 24rpx;
}
.right-img{
margin-top: 20rpx;
image{
width: 92rpx;
height: 92rpx;
margin-right: 20rpx;
}
}
.bottom{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
padding: 20rpx 32rpx 32rpx 32rpx;
}
</style>
\ No newline at end of file
pages/my/suggestComplaint/list/list.vue 0 → 100644
View file @ 1d181316
<template>
<view class="wrap">
<view class="top">
<view v-for="(item,index) in tabList" :key="index" @click="tabChange(index)" :class="{on:active==index}">
<view>{{item}}</view>
<view class="line" v-show="active==index"></view>
</view>
</view>
<view class="middle">
<!-- 建议列表 -->
<view class="middle-list" v-for="(item,index) in 10" :key="index" v-if="active==0" @click="goDetail()">
<view class="list-time">
<text>2024-11-16 11:02:31</text>
<text>查看回复</text>
</view>
<view class="list-content">
第一次来长江索道, 经门口的人介绍扫码买票，以为是买长江素道的门票, 误买了三张缆…
</view>
</view>
<!-- 投诉列表 -->
<view class="middle-list" v-for="(item,index) in 10" :key="index" v-else @click="goDetail()">
<view class="list-time">
<text>2024-11-16 11:02:31</text>
<text>查看回复</text>
</view>
<view class="list-content">
第一次来长江索道, 经门口的人介绍扫码买票，以为是买长江素道的门票, 误买了三张缆…
</view>
</view>
</view>
<view class="bottom">
<text class="full-btn" v-if="active==0" @click="goCommit()">我要建议</text>
<text class="full-btn" v-else @click="goCommit()">我要投诉</text>
</view>
</view>
</template>
<script>
export default{
data(){
return{
active:0,//导航下标
tabList:['建议','投诉']//导航列表
}
},
methods:{
//---导航切换
tabChange(index){
this.active=index
},
//---跳转提交页面
goCommit(){
uni.navigateTo({
url:'/pages/my/suggestComplaint/commit/commit'
})
},
//---跳转详情页面
goDetail(){
uni.navigateTo({
url:'/pages/my/suggestComplaint/detail/detail'
})
}
}
}
</script>
<style lang="scss" scoped>
.top{
background: #ffffff;
display: flex;
justify-content: space-around;
align-items: center;
position: fixed;
top: 0;
left:0;
width: 100%;
height: 120rpx;
color: #999;
view.on{
color: #333333;
}
}
.line{
height: 6rpx;
background: #000000;
border-radius: 6rpx;
margin-top: 6rpx;
}
.middle{
padding: 120rpx 20rpx 160rpx 20rpx;
}
.middle-list{
background: #ffffff;
border-radius: 8rpx;
padding: 40rpx;
margin-top: 20rpx;
}
.list-time{
display: flex;
justify-content: space-between;
text:last-child{
color: #1C397C;
}
}
.list-content{
margin-top: 24rpx;
line-height: 36rpx;
}
.bottom{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
padding: 20rpx 32rpx 32rpx 32rpx;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment