assess-app/pages/statistics/module/stat_single_data.vue

<template>
	<view class="stat_single m-t20 ">
		<view class="page-box-bg-fff row-justify-sb center p-lr30 m-t20 r-30 p-tb25" v-if="genre == 1">
			<text class="num r-10 size-28 sys-weight-600 text-color-12">任务统计汇总</text>
			<view class="row center">
				<image class="wh-80 m-r20" src="/static/img/statistics/stat-num.png" mode=""></image>
				<text class="size-48 sys-weight-600 color-059374 m-r10">45</text>
				<text class="size-26 text-color-666">次</text>
			</view>
		</view>
		<view class="page-box-bg-fff row-justify-sb center p-lr30 m-t20 r-30 p-tb25" v-else>
			<view class="row-c">
				<image class="wh-80 m-r16" :src="`/static/img/statistics/${iconList[type]}.png`" mode=""></image>
				<view class="row-c">
					<text class="size-40 sys-weight-600 text-color-E83">{{(totalMoney*1).toFixed(2)}}</text>
					<text class="size-24 text-color-666 m-l10">万</text>
				</view>
			</view>
			<text class="num r-10 size-24 text-color-666">{{text}}{{totalNum}}笔</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'head_filter',
		props: {
			is_fixed: {
				type: Boolean,
				default: false
			},
			type: {
				type: Number,
				default: 0
			},
			genre: {
				type: Number,
				default: 0
			},
			totalMoney: {
				default: 0
			},
			totalNum: {
				default: 0
			},
			text: {
				default: '放款'
			}
		},
		data() {
			return {
				current: 0,
				iconList: ['stat-up', 'stat-noloan', 'stat-loan', 'stat-sign']
			};
		}
	}
</script>

<style lang="scss" scoped>
	.tabs {
		// width: calc(100% - 60rpx);
	}
</style>