emis-sapp/pages/complaint/complaint.vue

<template>
	<tpx-layout>
		
		<template v-slot:body>
			<view 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="T7080123982301"></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="×××"></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="×××"></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="2023-11-20 13:28:56"></u-text>	
					</u-row>
					
					<view @click="handleEditItem()"  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>
		</template>
		
		<template v-slot:footer>
			<view class="blcok-white-noradius">
				<u-button @click="handleEditItem()" type="primary" size="large" shape="circle" 
					custom-style="height:80rpx;font-size: 30rpx;"
				>新增</u-button>
			</view>
		</template>
		
	</tpx-layout>
</template>
<script>
	import getCdnUrl from "@/common/getCdnUrl"
	import { goto, goBack, setClipboardData, confirmModal, showLoading } from "@/common/untool"
	export default {
		props: {
			// hasLeftWin: {
			// 	type: Boolean
			// }
		},
		data() {
			return {
				
			}
		},
		onShareAppMessage() {
			return {
				// title: '',
				// path: 'TODO'
			}
		},
		methods: {
			getCdnUrl,
			handleEditItem(item={}) {
				goto(`complaint/edit?id=${item.id}`)
			},
		}
	}
</script>

<style lang="scss">
	@import '@/common/uni-nvue.scss';
	page{
		background: #F5F7F9;
	}
</style>
<style scoped lang="scss">
</style>