assess-app/page_task/credit_report/components/credit-item.vue

<template>
	<view class="p-lr20 p-b40">
		<view class="sys-background-fff r-30 text-color-12 p-20 m-t20" v-for="(item,index) in 20" :key="index">
			<view class="row-justify-sb center">
				<view class="row-c line-30">
					<text class="size-30 sys-weight-600">张三</text>
					<image class="wh-30 m-lr16" src="/static/img/task/task-phone.png" mode="aspectFill"></image>
					<text class="size-26">11212345465</text>
				</view>
				<image class="wh-80" src="/page_task/static/img/task-details/icon-5.png" mode="aspectFill"></image>
			</view>
			<view class="sys-from-background-color size-24 text-color-666 p-20 r-20 m-tb20">
				<view>
					<text>报告时间：</text>
					<text>2024.09.12 12:14:56</text>
				</view>
				<view class="m-t10">
					<text>报告编号：</text>
					<text>537000653987897457454</text>
				</view>
			</view>
			<view class="row-justify-sb center">
				<text class="size-24 text-color-999 flex">2024.10.11 12:45上传</text>
				<button class="credit-item-button sys-weight-500 size-28" type="default" hover-class="is-hover"
					@click="onSubmit">去处理</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {

		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.credit-item-button {
		width: 173rpx;
		color: #fff;
		background: #0FB160;
		line-height: 70rpx;
		border-radius: 100rpx;
	}

	button::after {
		border: none;
	}
</style>