|
|
@@ -1,157 +1,193 @@
|
|
|
<template>
|
|
|
<scroll-view scroll-y class="business-page">
|
|
|
- <view class="business-info">
|
|
|
- <view class="amount-view">
|
|
|
- <text class="amount-label">账户余额</text>
|
|
|
- <text class="amount-btn">
|
|
|
- 瑞景店
|
|
|
- <text class="iconfont iconsanjiao_xia"></text>
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <view class="price-view">
|
|
|
- <text class="unit">¥</text>
|
|
|
- <text class="price">{{ "278,209.20" || "--" }}</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="down-view">
|
|
|
- <view class="down-item">
|
|
|
- <text class="label">应收客户款</text>
|
|
|
- <text class="value"
|
|
|
- ><text class="unit">¥</text>{{ "278,209.20" || "--" }}</text
|
|
|
- >
|
|
|
- </view>
|
|
|
- <view class="down-item">
|
|
|
- <text class="label">应付供应商款</text>
|
|
|
- <text class="value"
|
|
|
- ><text class="unit">¥</text>{{ "278,209.20" || "--" }}</text
|
|
|
- >
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="space-view space-layout">
|
|
|
- <view class="space-left">
|
|
|
- <view class="title-bar">
|
|
|
- <image
|
|
|
- class="title-icon"
|
|
|
- src="../../../static/images/common/business-stock.png"
|
|
|
- >
|
|
|
- </image>
|
|
|
- <text class="title">
|
|
|
- 库存成本 ¥ 30,922.46
|
|
|
+ <template v-if="!$util.isEmpty(baseInfo)">
|
|
|
+ <view class="business-info">
|
|
|
+ <view class="amount-view">
|
|
|
+ <text class="amount-label">账户余额</text>
|
|
|
+ <text class="amount-btn">
|
|
|
+ 瑞景店
|
|
|
+ <text class="iconfont iconsanjiao_xia"></text>
|
|
|
</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="space-right"> </view>
|
|
|
- </view>
|
|
|
- <view class="space-view space-remark">
|
|
|
- <view class="space-left">
|
|
|
- <view class="show-item">
|
|
|
- <view class="show-name">库存总数</view>
|
|
|
- <view class="show-value">123</view>
|
|
|
+ <view class="price-view">
|
|
|
+ <text class="unit">¥</text>
|
|
|
+ <text class="price">{{ baseInfo.balance || "--" }}</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="space-right">
|
|
|
- <view class="show-item">
|
|
|
- <view class="show-name"
|
|
|
- >库存预警数
|
|
|
- <text class="iconfont iconchangjianwentixiangguanwenti2"></text
|
|
|
- ></view>
|
|
|
- <view class="show-value red">123</view>
|
|
|
+
|
|
|
+ <view class="down-view">
|
|
|
+ <view class="down-item">
|
|
|
+ <text class="label">应收客户款</text>
|
|
|
+ <text class="value"
|
|
|
+ ><text class="unit">¥</text>{{ baseInfo.mayGathering || "--" }}</text
|
|
|
+ >
|
|
|
+ </view>
|
|
|
+ <view class="down-item">
|
|
|
+ <text class="label">应付供应商款</text>
|
|
|
+ <text class="value"
|
|
|
+ ><text class="unit">¥</text>{{ baseInfo.mayPay || "--" }}</text
|
|
|
+ >
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="space-view space-layout">
|
|
|
- <view class="space-left">
|
|
|
- <view class="title-bar">
|
|
|
- <image
|
|
|
- class="title-icon"
|
|
|
- src="../../../static/images/common/business-sale.png"
|
|
|
- >
|
|
|
- </image>
|
|
|
- <text class="title">
|
|
|
- 今日销售 ¥ 30,922.46
|
|
|
- </text>
|
|
|
+ <view class="space-view space-layout">
|
|
|
+ <view class="space-left">
|
|
|
+ <view class="title-bar">
|
|
|
+ <image
|
|
|
+ class="title-icon"
|
|
|
+ src="../../../static/images/common/business-stock.png"
|
|
|
+ >
|
|
|
+ </image>
|
|
|
+ <text class="title">
|
|
|
+ 库存成本 ¥ {{baseInfo.stockCost}}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+ <view class="space-right"> </view>
|
|
|
</view>
|
|
|
- <view class="space-right">
|
|
|
- <view class="show-tag down">
|
|
|
- <view class="tag ">
|
|
|
- 同期
|
|
|
- <image class="arrow" src="../../../static/images/common/arrow.png" />
|
|
|
+ <view class="space-view space-remark">
|
|
|
+ <view class="space-left">
|
|
|
+ <view class="show-item">
|
|
|
+ <view class="show-name">库存总数</view>
|
|
|
+ <view class="show-value">{{baseInfo.stockNum}}</view>
|
|
|
</view>
|
|
|
- <text>-27.00</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="space-view space-remark">
|
|
|
- <view class="space-left">
|
|
|
- <view class="show-item">
|
|
|
- <view class="show-name">近7天销售</view>
|
|
|
- <view class="show-value"><text class="unit">¥</text>123</view>
|
|
|
-
|
|
|
- <view class="show-tag up">
|
|
|
- <view class="tag ">
|
|
|
- 同期
|
|
|
- <image class="arrow" src="../../../static/images/common/arrow.png" />
|
|
|
- </view>
|
|
|
- <text>+27.00</text>
|
|
|
+ <view class="space-right">
|
|
|
+ <view class="show-item">
|
|
|
+ <view class="show-name"
|
|
|
+ >库存预警数
|
|
|
+ <text class="iconfont iconchangjianwentixiangguanwenti2"></text
|
|
|
+ ></view>
|
|
|
+ <view class="show-value red">{{baseInfo.stockWarning}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="space-right">
|
|
|
- <view class="show-item">
|
|
|
- <view class="show-name">
|
|
|
- 近30天销售
|
|
|
+ <view class="space-view space-layout">
|
|
|
+ <view class="space-left">
|
|
|
+ <view class="title-bar">
|
|
|
+ <image
|
|
|
+ class="title-icon"
|
|
|
+ src="../../../static/images/common/business-sale.png"
|
|
|
+ >
|
|
|
+ </image>
|
|
|
+ <text class="title">
|
|
|
+ 今日销售 ¥ {{baseInfo.today}}
|
|
|
+ </text>
|
|
|
</view>
|
|
|
- <view class="show-value red"><text class="unit">¥</text>123</view>
|
|
|
- <view class="show-tag up">
|
|
|
- <view class="tag ">
|
|
|
+ </view>
|
|
|
+ <view class="space-right">
|
|
|
+ <view :class="['show-tag',baseInfo.todayCompareYesterday>0?'up':'down']">
|
|
|
+ <view class="tag">
|
|
|
同期
|
|
|
<image class="arrow" src="../../../static/images/common/arrow.png" />
|
|
|
</view>
|
|
|
- <text>+27.00</text>
|
|
|
+ <text>{{baseInfo.todayCompareYesterday}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ <view class="space-view space-remark">
|
|
|
+ <view class="space-left">
|
|
|
+ <view class="show-item">
|
|
|
+ <view class="show-name">近7天销售</view>
|
|
|
+ <view class="show-value"><text class="unit">¥</text>{{baseInfo.latestSeven}}</view>
|
|
|
|
|
|
- <view class="space-view space-layout business-list">
|
|
|
- <view class="list-tab">
|
|
|
- <view
|
|
|
- :class="['tab-item', { active: curTabIndex == index }]"
|
|
|
- v-for="(item, index) in tabList"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
- {{ item.label }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="list-main">
|
|
|
- <view class="list-item" v-for="(item, index) in bussinessList" :key="index">
|
|
|
- <view class="item-left">
|
|
|
- <view class="content-row">
|
|
|
- <text class="content-label"> 收入</text>
|
|
|
- <text class="content-value"> <text class="unit">¥</text> 36,950.00</text>
|
|
|
+ <view :class="['show-tag',baseInfo.latestSevenSameTerm>0?'up':'down']">
|
|
|
+ <view class="tag">
|
|
|
+ 同期
|
|
|
+ <image class="arrow" src="../../../static/images/common/arrow.png" />
|
|
|
+ </view>
|
|
|
+ <text>{{baseInfo.latestSevenSameTerm}}</text>
|
|
|
</view>
|
|
|
- <view class="content-row">
|
|
|
- <text class="content-label"> 支出</text>
|
|
|
- <text class="content-value"> <text class="unit">¥</text> 36,950.00</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="space-right">
|
|
|
+ <view class="show-item">
|
|
|
+ <view class="show-name">
|
|
|
+ 近30天销售
|
|
|
</view>
|
|
|
- <view class="content-row">
|
|
|
- <text class="content-label"> 收入</text>
|
|
|
- <text class="content-value"> <text class="unit">¥</text> 36,950.00</text>
|
|
|
+ <view class="show-value red"><text class="unit">¥</text>{{baseInfo.latestThirty}}</view>
|
|
|
+ <view :class="['show-tag',baseInfo.latestThirtySameTerm>0?'up':'down']">
|
|
|
+ <view class="tag ">
|
|
|
+ 同期
|
|
|
+ <image class="arrow" src="../../../static/images/common/arrow.png" />
|
|
|
+ </view>
|
|
|
+ <text>{{baseInfo.latestThirtySameTerm}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item-right">
|
|
|
- <text class="iconfont iconxiangyou"> </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="space-view space-layout business-list">
|
|
|
+ <view class="list-tab">
|
|
|
+ <view
|
|
|
+ @click="changeDate(index)"
|
|
|
+ :class="['tab-item', { active: curTabIndex == index }]"
|
|
|
+ v-for="(item, index) in tabList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ {{ item.label }}
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="list-main">
|
|
|
+ <view v-for="(item, index) in bussinessList" :key="index">
|
|
|
+ <template v-if="index == curTabIndex">
|
|
|
+ <view class="list-item" >
|
|
|
+ <view class="item-left">
|
|
|
+ <view class="content-row">
|
|
|
+ <text class="content-label"> 收入</text>
|
|
|
+ <text class="content-value"> <text class="unit">¥</text> {{item.income}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="content-row">
|
|
|
+ <text class="content-label"> 支出</text>
|
|
|
+ <text class="content-value"> <text class="unit">¥</text> {{item.expend}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item-right">
|
|
|
+ <text class="iconfont iconxiangyou"> </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list-item" >
|
|
|
+ <view class="item-left">
|
|
|
+ <view class="content-row">
|
|
|
+ <text class="content-label"> 销售数量</text>
|
|
|
+ <text class="content-value"> <text class="unit">¥</text> {{item.saleNum}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="content-row">
|
|
|
+ <text class="content-label"> 销售金额</text>
|
|
|
+ <text class="content-value"> <text class="unit">¥</text> {{item.saleAmount}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item-right">
|
|
|
+ <text class="iconfont iconxiangyou"> </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list-item" >
|
|
|
+ <view class="item-left">
|
|
|
+ <view class="content-row">
|
|
|
+ <text class="content-label"> 采购数量</text>
|
|
|
+ <text class="content-value"> <text class="unit">¥</text> {{item.purchaseNum}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="content-row">
|
|
|
+ <text class="content-label"> 采购金额</text>
|
|
|
+ <text class="content-value"> <text class="unit">¥</text> {{item.purchaseAmount}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item-right">
|
|
|
+ <!-- <text class="iconfont iconxiangyou"> </text> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </template>
|
|
|
</scroll-view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import {getMainProfile} from '@/api/statistics'
|
|
|
export default {
|
|
|
+ name:'Business',
|
|
|
data() {
|
|
|
return {
|
|
|
curTabIndex: 0,
|
|
|
@@ -173,8 +209,23 @@ export default {
|
|
|
value: "04"
|
|
|
}
|
|
|
],
|
|
|
- bussinessList: [{}, {}]
|
|
|
+ bussinessList: [{}, {}],
|
|
|
+ baseInfo:{}
|
|
|
};
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ async init(){
|
|
|
+ try {
|
|
|
+ let {data:{base,more}} = await getMainProfile({})
|
|
|
+ this.baseInfo = base
|
|
|
+ this.bussinessList = [more.today,more.yesterday,more.latestSeven,more.latestThirty]
|
|
|
+ } finally {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ changeDate(idx){
|
|
|
+ this.curTabIndex = idx;
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
</script>
|