【类 型】:feat

【主	题】:销售统计页面 (未写完成)
【描	述】:
	[原因]:
	[过程]:
	[影响]:
【结	束】

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
This commit is contained in:
tk 2024-06-19 19:48:02 +08:00
parent d758c7d554
commit 6ec284c9d3

View File

@ -0,0 +1,74 @@
<template>
<div class="app-container">
<!-- 用户select选项 -->
<el-row :gutter="15" class="m-t-0">
<el-col :span="4">
<SelectionShopId class="w-100" v-model="shop_id" :allSel="true" />
</el-col>
<el-col :span="8">
<DatePickerOrder class="w-100" />
</el-col>
</el-row>
<!-- 统计标签 -->
<el-row :gutter="10" class="m-t-20">
<el-col :span="8">
<div class="statBox rad4 flex p-10">
<div class="flex3 flex mc column">
<div class="flex">
<div class="p-4 bg-white rad2 fc-b fb">成交额</div>
<div class="p-4 m-l-5">23441.44</div>
</div>
<div class="flex m-t-5">
<div class="p-4 bg-white rad2 fc-b fb">退款额</div>
<div class="p-4 m-l-5">23441.44</div>
</div>
<div class="flex m-t-5">
<div class="p-4 bg-white rad2 fc-b fb">订单总数</div>
<div class="p-4 m-l-5">18</div>
</div>
</div>
<div class="flex1 flex mc mac">
<div class="rad-c w-50px h-50px bg-white fb fc f-s-32 fc-b l-h-50"></div>
</div>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
import SelectionShopId from '@/components/SelectionShopId.vue'
import DatePickerOrder from '@/components/DatePickerOrder.vue'
export default {
name: 'Stat',
data () {
return {
shop_id: '' // id
}
},
components: {
SelectionShopId,
DatePickerOrder
},
computed: {
},
methods: {
},
watch: {
},
created () {
}
}
</script>
<style lang="scss" scoped>
@import "@/styles/theme.scss";
.statBox {
background-color: $brand-color;
height: 30vh;
color: $white-color;
}
</style>