121 lines
3.4 KiB
Vue
121 lines
3.4 KiB
Vue
|
<template>
|
|||
|
|
<view class="box">
|
|||
|
|
<view class="pl-lg pr-lg pb-lg fill-base">
|
|||
|
|
<view class="box-item">
|
|||
|
|
<view class="box-item-title f-paragraph pb-md text-bold flex">反馈类型</view>
|
|||
|
|
<view class="radius-10 rel box-item-cont text-center">
|
|||
|
|
<view class="box-item-bg" :style="{backgroundColor:primaryColor }"></view>
|
|||
|
|
<text class="abs f-caption box-item-cont-text" :style="{color:primaryColor}">{{feedInfo.type_name}}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="box-item pt-md">
|
|||
|
|
<view class="box-item-title f-paragraph pb-md text-bold flex">订单编号</view>
|
|||
|
|
<view class="c-paragraph f-mini-title">{{feedInfo.order_code || '无'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="box-item pt-md">
|
|||
|
|
<view class="box-item-title f-paragraph pb-md text-bold flex">反馈内容</view>
|
|||
|
|
<view class="c-paragraph box-item-content f-paragraph fill-body pd-lg radius-16" >{{feedInfo.content || '无'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="box-item pt-md flex" v-if="feedInfo.images&&feedInfo.images.length">
|
|||
|
|
<bolck v-for="(item,index) in feedInfo.images" :key="index">
|
|||
|
|
<image @tap="$util.previewImage({current:item ,urls:feedInfo.images})" :src="item" mode="aspectFill" class="item-image radius-16" :class="index > 0 && 'ml-md'"></image>
|
|||
|
|
</bolck>
|
|||
|
|
</view>
|
|||
|
|
<view class="box-item pt-md flex" v-if="feedInfo.video_url">
|
|||
|
|
<video :src="feedInfo.video_url" class="item-image radius-16"></video>
|
|||
|
|
</view>
|
|||
|
|
<view class="c-caption f-caption pt-md">注: 您反馈的意见问题，平台不会透露给他人，保护您的隐私</view>
|
|||
|
|
<view class="box-item pt-md" v-if="feedInfo.status == 2">
|
|||
|
|
<view class="box-item-title f-paragraph pb-md text-bold flex">平台回复</view>
|
|||
|
|
<view class="c-paragraph f-paragraph fill-body pd-lg radius-16" style="white-space: pre-wrap">{{feedInfo.reply_content || '无'}}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="space-footer"></view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
mapState,
|
|||
|
|
mapActions,
|
|||
|
|
mapMutations
|
|||
|
|
} from "vuex"
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
options: {},
|
|||
|
|
feedInfo:{}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: mapState({
|
|||
|
|
primaryColor: state => state.config.configInfo.primaryColor,
|
|||
|
|
subColor: state => state.config.configInfo.subColor,
|
|||
|
|
configInfo: state => state.config.configInfo,
|
|||
|
|
userInfo: state => state.user.userInfo,
|
|||
|
|
}),
|
|||
|
|
onLoad(options) {
|
|||
|
|
this.options = options
|
|||
|
|
this.initIndex()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
async initIndex(refresh = false){
|
|||
|
|
// #ifdef H5
|
|||
|
|
if (!refresh && this.$jweixin.isWechat()) {
|
|||
|
|
await this.$jweixin.initJssdk();
|
|||
|
|
this.$jweixin.wxReady(() => {
|
|||
|
|
this.$jweixin.hideOptionMenu()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
this.$util.showLoading()
|
|||
|
|
let { id } = this.options
|
|||
|
|
this.feedInfo = await this.$api.mine.feedbackInfo({id})
|
|||
|
|
this.$util.hideAll()
|
|||
|
|
this.$util.setNavigationBarColor({
|
|||
|
|
bg: this.primaryColor
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
page{
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.box-item {
|
|||
|
|
.box-item-title {
|
|||
|
|
padding-top: 40rpx;
|
|||
|
|
}
|
|||
|
|
.c-5A677E {
|
|||
|
|
color: #5A677E;
|
|||
|
|
}
|
|||
|
|
.box-item-cont{
|
|||
|
|
line-height: 47rpx;
|
|||
|
|
height: 47rpx;
|
|||
|
|
width: 146rpx;
|
|||
|
|
overflow: hidden;
|
|||
|
|
.box-item-bg{
|
|||
|
|
width: 146rpx;
|
|||
|
|
height: 47rpx;
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
.box-item-cont-text{
|
|||
|
|
left: 0;
|
|||
|
|
line-height: 47rpx;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.item-image{
|
|||
|
|
width: 216rpx;
|
|||
|
|
height: 216rpx;
|
|||
|
|
}
|
|||
|
|
.box-item-content{
|
|||
|
|
white-space: pre-wrap;
|
|||
|
|
max-height: 400rpx;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|