You've already forked guangan-mp
84 lines
2.2 KiB
Vue
84 lines
2.2 KiB
Vue
<template>
|
|
<view class="flex flex-column" style="width:100vw;height: 100vh;">
|
|
<i-loading v-if="loading"></i-loading>
|
|
<view class="bg-white px-3 pb-3 mx-2 rounded-lg mt-2">
|
|
<view class="pt-3 font30">
|
|
<view class="text-muted">反馈内容</view>
|
|
<view class="mt-2">{{info.content}}</view>
|
|
</view>
|
|
<view class="pt-3 font30">
|
|
<view class="text-muted">反馈地址</view>
|
|
<view class="mt-2">{{info.ticket_region}} {{info.ticket_address}}</view>
|
|
</view>
|
|
<view class="flex align-center justify-between pt-3 font30">
|
|
<view class="text-muted">反馈地址</view>
|
|
<view>{{info.create_at}}</view>
|
|
</view>
|
|
<view class="pt-3 font30" v-if="info.imgs_arr.length > 0">
|
|
<view class="text-muted">图片</view>
|
|
<view class="mt-2">
|
|
<image v-for="(item, index) in info.imgs_arr" :key="index" :src="item" mode="aspectFill" class="rounded-lg" style="width: 100px;height: 100px;margin-right: 10px;" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="info.status == 1" class="bg-white px-3 pb-3 mx-2 rounded-lg mt-2">
|
|
<view class="pt-3 font30">
|
|
<view class="text-muted">处理记录</view>
|
|
<view class="mt-2">
|
|
<view v-for="(item, index) in info.logs" :key="index" class="flex flex-column justify-between border-bottom border-light py-2">
|
|
<view>处理时间：{{item.create_at}}</view>
|
|
<view>{{item.content}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { TaAjax } from '../../common/ajax'
|
|
|
|
export default {
|
|
onLoad(options) {
|
|
console.log(options)
|
|
this.id = options.id
|
|
if (!this.id) {
|
|
uni.showToast({
|
|
title: '缺少参数',
|
|
icon: 'none'
|
|
})
|
|
return uni.navigateBack()
|
|
}
|
|
this.loadInfo()
|
|
},
|
|
data() {
|
|
return {
|
|
id: 0,
|
|
loading: false,
|
|
info: {},
|
|
}
|
|
},
|
|
methods: {
|
|
loadInfo() {
|
|
this.loading = true
|
|
TaAjax.get('/ticket/api.auth.UserShare/info?id=' + this.id).then(res => {
|
|
console.log(res)
|
|
this.info = res.data
|
|
}).catch(err => {
|
|
uni.showToast({
|
|
title: err.info,
|
|
icon: 'error',
|
|
})
|
|
uni.navigateBack()
|
|
}).finally(() => {
|
|
this.loading = false
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|