【类 型】:feat
【主 题】:销售统计页面 (未写完成) 【描 述】: [原因]: [过程]: [影响]: 【结 束】 # 类型 包含: # feat:新功能(feature) # fix:修补bug # docs:文档(documentation) # style: 格式(不影响代码运行的变动) # refactor:重构(即不是新增功能,也不是修改bug的代码变动) # test:增加测试 # chore:构建过程或辅助工具的变动
This commit is contained in:
parent
d758c7d554
commit
6ec284c9d3
74
src/views/layout/components/main/order/stat.vue
Normal file
74
src/views/layout/components/main/order/stat.vue
Normal 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>
|
Loading…
Reference in New Issue
Block a user