老登陆，经营分析，被挤掉提示

components/analysis-card/analysis-card.vue

@@ -0,0 +1,85 @@
+<template>
+	<view class="margin radius bg-white">
+		<view class="main-money ">
+			<view class="padding-xs flex align-center">
+				<view class="flex-sub text-center padding-top-lg">
+					<view class="txet-xxs">
+						<text class="">交易金额(元)</text>
+					</view>
+					<view class=" text-sl padding padding-top-xs"><text class="">
+							￥{{basicData.totalAmout|numberFilter}}
+
+						</text></view>
+				</view>
+			</view>
+		</view>
+		<view class="bg-white  to-top">
+			<view class=" flex ">
+				<view class="padding text-center flex-sub">
+					<text>交易笔数</text>
+					<view class="padding-sm">
+						<text class="oil-main-color">{{basicData.totalCount}}</text>
+					</view>
+				</view>
+				<view class="padding text-center flex-sub">
+					<text>客单均价</text>
+					<view class="padding-sm">
+						<text class="oil-main-color">￥{{basicData.totalAmout/basicData.totalAccount|numberFilter}}</text>
+					</view>
+				</view>
+				<view class="padding text-center flex-sub">
+					<text>顾客数</text>
+					<view class="padding-sm">
+						<text class="oil-main-color">{{basicData.totalAccount}}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			basicData: {
+				type: Object,
+				default () {}
+			}
+		},
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+			showModal() {
+				this.$emit('showModal')
+			}
+		},
+		watch: {
+		  basicData: {
+		    handler(newVal, oldVal) {
+		      console.log('深度监听', newVal, oldVal)
+		      this.basicData = newVal
+		    },
+		    deep: true
+		  }
+		},
+		filters: {
+			numberFilter(value) {
+				if (value) {
+					value = value - 1 + 1
+					return value.toFixed(2)
+				} else {
+					return '0.00'
+				}
+
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>