106 lines
2.5 KiB
Vue
106 lines
2.5 KiB
Vue
<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> |