花材数量统计

ghsApp/src/admin/stat/productSale.vue

@@ -6,21 +6,24 @@
         <AppSearchModule placeholder="输入拼音首字母搜索" @input="searchFn"/>
       </view>
     </view>
-
 	<view class="top-bar">
 		<DateSelect class="bar" top="0" @selectDateFn="selectDateFn" />
+		<view style="margin-left:26upx;font-size:28upx;z-index:99999999">排序：
+			<view style="width:120upx;text-align:center;display:inline-block;" @click="rankByFn('amount')">按金额</view>
+			<view style="width:120upx;text-align:center;display:inline-block;" @click="rankByFn('gross')">按毛利</view>
+		</view>
 	</view>
-
 		<scroll-view scroll-y scroll-with-animation class="main-view">
 			<view class="space-view ex-table">
 				<block v-if="!$util.isEmpty(profile)">
 					<t-table :headerBackgroundColor="'#F0F2F6'">
-						<t-tr header><t-th>花材</t-th><t-th>数量</t-th><t-th>金额</t-th></t-tr>
-						<view v-for="(item, index) in profile" :key="index" @click="goDetail(item)">
+						<t-tr header><t-th>花材</t-th><t-th>总数量</t-th><t-th>总金额</t-th><t-th>毛利润</t-th></t-tr>
+						<view v-for="(item, index) in profile" :key="index">
 							<t-tr>
-								<t-td><view>{{item.name}}</view></t-td>
-								<t-td><view>{{parseFloat(item.num)}}</view></t-td>
-								<t-td><view>{{parseFloat(item.amount)}}</view></t-td>
+								<t-td><view style="color:#333333;font-size:30upx;">{{item.name}}</view></t-td>
+								<t-td><view style="color:#333333;font-size:30upx;">{{item.num ? parseFloat(item.num) : 0}}</view></t-td>
+								<t-td><view style="color:#333333;font-size:30upx;">{{item.amount ? parseFloat(item.amount) : 0}}</view></t-td>
+								<t-td><view style="color:#333333;font-size:30upx;">{{item.gross ? parseFloat(item.gross) : 0}}</view></t-td>
 							</t-tr>
 						</view>
 					</t-table>
@@ -33,7 +36,7 @@
 <script>
 import AppWrapperEmpty from "@/components/app-wrapper-empty";
 import SelectList from "@/components/plugin/selectList";
-import { getStatItemProfit } from "@/api/stat/index";
+import { getStatItemShow } from "@/api/stat";
 import { list } from "@/mixins";
 import ShopSelect from "@/components/module/shopSelect";
 import DateSelect from "@/components/module/dateSelect";
@@ -53,26 +56,6 @@ export default {
 			showTimeDropdown: false,
 			nowShop: "",
 			showShopDropdown: false,
-			columns: [
-				{
-					name: "姓名",
-					dataIndex: "name",
-					color: "info"
-				},
-				{
-					name: "开单额",
-					dataIndex: "amount",
-					color: "info",
-					width: 120,
-					align: "center"
-				},
-				{
-					name: "开单数",
-					dataIndex: "num",
-					color: "info",
-					align: "center"
-				}
-			],
 			dataList: [],
 			params:{
 				itemId: '',
@@ -80,6 +63,7 @@ export default {
 				startTime: "",
 				endTime: "",
 				shopId: "",
+				sort:"num"
 			},
 			profile:[],
 			storageData:[],
@@ -129,13 +113,17 @@ export default {
 			this.params = {...this.params,...val}
 			this.init();			
 		},
+		rankByFn(rank){
+			this.getStatList(rank)
+		},
 		async init() {
-			this.getStatList();
+			this.getStatList("num");
 		},
-		getStatList() {
+		getStatList(rank) {
 			let that = this
 			uni.showLoading()
-			getStatItemProfit(this.params).then(res => {
+			this.params.sort = rank
+			getStatItemShow(this.params).then(res => {
 				uni.hideLoading()
 				if (!this.$util.isEmpty(res.data.list)) {
 					that.storageData = res.data.list

ghsApp/src/api/stat/index.js

@@ -31,6 +31,11 @@ export const getStatProfit = data => {
 	return https.get('/stat/profit', data)
 }
 
+//花材排行
+export const getStatItemShow = data => {
+	return https.get('/stat-item/show', data)
+}
+
 //花材排行
 export const getStatItemProfit = data => {
 	return https.get('/stat-item/profile', data)