112 lines
2.9 KiB
Vue
112 lines
2.9 KiB
Vue
<template>
|
|
<tpx-page>
|
|
<tpx-layout>
|
|
<template v-slot:body>
|
|
<view class="pos-abt-all">
|
|
<tpx-scroll-view v-model:resObject="resData" :searchParam="searchParam" :getListFun="getListFun"
|
|
ref="listRef"
|
|
>
|
|
<view v-for="(item) in resData.list" class="com-jianju" style="padding-top: 30rpx;">
|
|
<view class="com-radius" style="background-color: #fff;padding: 26rpx 30rpx;">
|
|
<u-row justify="between">
|
|
<u-text size="30" color="#0E0708" :bold="true" :text="item.billCode"></u-text>
|
|
</u-row>
|
|
<u-line color="#D9D9D9" margin="26rpx 0"></u-line>
|
|
|
|
<u-row align="top">
|
|
<view class="mr-10">
|
|
<u-text size="28" color="#333" :bold="true" text="投诉原因:"></u-text>
|
|
</view>
|
|
<u-text size="26" color="#999" :text="item.cpReason"></u-text>
|
|
</u-row>
|
|
|
|
<u-row align="top" custom-style="margin-top:30rpx;">
|
|
<view class="mr-10">
|
|
<u-text size="28" color="#333" :bold="true" text="投诉描述:"></u-text>
|
|
</view>
|
|
<u-text size="26" color="#999" :text="item.remark || '-'"></u-text>
|
|
</u-row>
|
|
<u-row align="top" custom-style="margin-top:30rpx;">
|
|
<view class="mr-10">
|
|
<u-text size="28" color="#333" :bold="true" text="投诉时间:"></u-text>
|
|
</view>
|
|
<u-text size="26" color="#999" :text="item.createTime"></u-text>
|
|
</u-row>
|
|
|
|
<view @click="goto(`complaint/edit?cmpId=${item.id}`)" style="padding-top:20rpx;margin-top: 20rpx;border-top: 2rpx solid #D9D9D9">
|
|
<u-row justify="between">
|
|
<u-text align="left" size="28" text="查看详情"></u-text>
|
|
<view>
|
|
<u-icon name="arrow-right" size="" color=""></u-icon>
|
|
</view>
|
|
</u-row>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</tpx-scroll-view>
|
|
</view>
|
|
</template>
|
|
|
|
<template v-slot:footer>
|
|
<view class="blcok-white-noradius">
|
|
<u-button @click="goto(`complaint/edit`)" type="primary" size="large" shape="circle"
|
|
custom-style="height:80rpx;font-size: 30rpx;"
|
|
>新增</u-button>
|
|
</view>
|
|
</template>
|
|
|
|
</tpx-layout>
|
|
</tpx-page>
|
|
|
|
</template>
|
|
<script>
|
|
import * as apiService from "@/common/api"
|
|
export default {
|
|
props: {
|
|
// hasLeftWin: {
|
|
// type: Boolean
|
|
// }
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
searchParam: {
|
|
},
|
|
resData: { list: [] },
|
|
queryOption: {},
|
|
}
|
|
},
|
|
onShow(){
|
|
this.triggerListReload()
|
|
this.initData()
|
|
},
|
|
onLoad(queryOption) {
|
|
this.queryOption = queryOption
|
|
this.initData();
|
|
},
|
|
onUnload() {
|
|
},
|
|
methods: {
|
|
getListFun: apiService.getComplaintsList,
|
|
initData(){
|
|
|
|
},
|
|
triggerListReload(){
|
|
this?.$refs?.listRef?.getDataList?.(true) // 重置到第一页数据
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@/common/uni-nvue.scss';
|
|
page{
|
|
background: #F5F7F9;
|
|
}
|
|
</style>
|
|
<style scoped lang="scss">
|
|
</style>
|