看板

2026-03-25 14:54:15 +08:00
commit ab4646b43a
827 changed files with 123812 additions and 0 deletions
@@ -0,0 +1,52 @@
+<template>
+	<view class="col u-margin-30 u-padding-20 box-shadow">
+		<view class="row u-flex" v-for="(col, idx) in props.column">
+			<view class="row-left" :style="{
+				width: `${props.labelWidth}rpx`
+			}">
+				{{col.name}}
+			</view>
+			<view class="row-right" :style="{
+				width: `calc(100% - ${props.labelWidth}rpx)`
+			}">
+				{{props.data[col.value]}}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	const props = defineProps({
+		labelWidth: {
+			type: Number,
+			default: 200
+		},
+		data:{
+			type: Object,
+			require: true
+		},
+		column: {
+			type: Array,
+			require : true
+		}
+	})
+</script>
+
+<style lang="scss">
+	.col{
+		background-color: #ffffff;
+				border-radius: 8rpx;
+		.row{
+			padding: 12rpx 0;
+			align-items: flex-start;
+			&-left{
+				color: #333333;
+			}
+			&-right{
+				padding-left: 20rpx;
+				overflow-wrap: break-word; 
+				color: #999999;
+			}
+		}
+	}
+</style>
@@ -0,0 +1,78 @@
+<template>
+	<view class="coust-chart box-shadow" :style="{
+		height: props.height>0?`${props.height}rpx`:'auto',
+		background: props.bgColor,
+		margin: props.margin,
+		padding: props.padding
+	}">
+		<view v-if="props.title" class="coust-chart-tit" :style="{
+			color: props.titFontColor,
+			borderBottom: props.showTitLine?'1rpx solid  var(--u-border-color)':'none'
+		}">{{props.title}}</view>
+		<view v-show="props.loading" class="coust-loading" >
+			<u-loading size="40" mode="flower"></u-loading>
+		</view>
+		<slot></slot>
+	</view>
+</template>
+
+<script setup>
+	import {
+		defineProps
+	} from 'vue';
+	const props = defineProps({
+		height: {
+			type: Number,
+			default: 0
+		},
+		bgColor: {
+			type: String,
+			default: '#ffffff'
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		margin: {
+			type: String,
+			default: '0'
+		},
+		padding: {
+			type: String,
+			default: '20rpx'
+		},
+		title: {
+			type: String,
+			default: ''
+		},
+		// titFontSize: {
+			
+		// },
+		titFontColor: {
+			type: String,
+			default: '#333333'
+		},
+		showTitLine:{
+			type: Boolean,
+			default: false
+		}
+	})
+</script>
+
+<style lang="scss">
+	.coust-chart {
+		width: 100%;
+		position: relative;
+
+		&-tit {
+			font-size: 28rpx;
+			font-weight: 700;
+			padding-bottom: 20rpx;
+		}
+		.coust-loading{
+			position: absolute;
+			left: 50%;transform: translate(-50%,-50%);
+			top: 50%;
+		}
+	}
+</style>