<template>
	<view class="con-body">
		<view class="con-bg">
			<!-- 头部 -->
			<customHeader ref="customHeaderRef" :title="'回款计划查看'" :leftFlag="true" :rightFlag="true">
				<template #right>
					<!-- <view class="head-right" @click="submitForm">
						<uni-icons custom-prefix="iconfont" type="icon-phonebaocun" size="22"
							color="#B7D2FF"></uni-icons>保存
					</view> -->
				</template>
			</customHeader>

			<!-- 高度来避免头部遮挡 -->
			<view class="top-height"></view>

			<!-- 正文内容 -->
			<view class="white-bg">
				<view class="form-con">
					<uni-forms ref="formRef" :model="formData" :rules="rules" label-width="100px">
						<uni-forms-item label="全员统计查看" name="cusName" class="f-c-right" >
							<view @click="DiligenceStatistics" class="form-item-container">
								<text class="name">{{'点击跳转'}}</text>
							</view>
						</uni-forms-item>
						<uni-forms-item label="个人详细查看" name="cusName" class="f-c-right">
							<view @click="MarketActivity" class="form-item-container">
								<text class="name">{{'点击跳转'}}</text>
							</view>
						</uni-forms-item>
					</uni-forms>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
		reactive,
		onUnmounted,
		computed
	} from 'vue'
	import customHeader from '@/components/customHeader.vue'
		import { onLoad } from '@dcloudio/uni-app'
	import { useMessage } from '@/utils/message.js'
	import cache from '@/utils/cache.js'

	
	// 选择客户页面跳转
	function DiligenceStatistics() {
		uni.navigateTo({
			url: '/pages/business/CRM/paymentCollection/fullStaffStatisticsViewingTable'
		})
	}
	// 选择客户页面跳转
	function MarketActivity() {
		uni.navigateTo({
			url: '/pages/business/CRM/paymentCollection/personalPaymentCollectionTable'
		})
	}
	
</script>

<style scoped>
	.white-bg {
		width: 750rpx;
		padding: 30rpx 0 0;
		margin-bottom: 0;
		border-radius: 8px 8px 0 0;
	}

	.form-con {
		/* #ifdef APP-PLUS */
		height: calc(120vh - 100px)
			/* #endif */
			/* #ifndef APP-PLUS */
			height:calc(120vh - 80px)
			/* #endif */
	}

	:deep(.uni-date-x) {
		display: block;
	}

	:deep(.uni-date-x .icon-calendar) {
		float: right;
		margin-top: 15rpx;
		margin-right: 20rpx;
		background: url('../../../static/images/business/icon-date.png') no-repeat;
		background-size: 32rpx 35rpx;
		width: 32rpx;
		height: 35rpx;
	}

	:deep(.uni-date-x .icon-calendar::before) {
		display: none;
	}

	:deep(.uni-date-x .uni-date__x-input) {
		padding-left: 20rpx;
		color: #919191;
	}
</style>