耗材列表

pageConsumables/viewrecords.vue

@@ -0,0 +1,112 @@
+<template>
+	<ul class="viewrecords">
+		<li v-for="item in datas.list" :key="item.id">
+			<view class="">
+				<view class="">
+					{{item.conName}}
+				</view>
+				<view class="">
+					{{item.createTime}}
+				</view>
+			</view>
+			<view class="">
+				<view class="">
+					<view class="">
+						{{item.balance}}
+					</view>
+					<view style="font-size: 24rpx;color: #666666;">
+						现有库存
+					</view>
+				</view>
+				<view class="">
+					<view class="">
+						{{ item.bizType }}{{ item.amount|0 }}
+					</view>
+					<view style="font-size: 24rpx;color: #666666;">
+						变动库存
+					</view>
+				</view>
+			</view>
+		</li>
+	</ul>
+</template>
+
+<script setup>
+	import {
+		onMounted,
+		reactive
+	} from 'vue';
+	import {
+		viewConInfoFlowget
+	} from '@/http/yskApi/requestAll.js';
+	let props = defineProps({
+		item: {
+			type: String
+		}
+	})
+	let datas = reactive({
+		list: []
+	})
+	onMounted(() => {
+		let items = JSON.parse(props.item)
+		getlist()
+	})
+	let getlist = () => {
+		viewConInfoFlowget({
+			page: 0,
+			shopId: uni.getStorageSync("shopId"),
+			size: 30,
+			sort: "createTime,desc"
+		}).then(res => {
+			datas.list = res.content
+		})
+	}
+</script>
+
+<style scoped lang="less">
+	page {
+		background-color: #f9f9f9;
+	}
+
+	ul,
+	li {
+		list-style: none;
+		padding: 0;
+	}
+
+	.viewrecords {
+		padding: 0 28rpx;
+
+		>li {
+			margin-top: 32rpx;
+			width: 694rpx;
+			height: 284rpx;
+			background: #FFFFFF;
+			border-radius: 10rpx 10rpx 10rpx 10rpx;
+			padding: 32rpx 16rpx;
+			box-sizing: border-box;
+
+			>view:first-child {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #666666;
+			}
+
+			>view:last-child {
+				width: 622rpx;
+				height: 156rpx;
+				background: #F9F9F9;
+				border-radius: 12rpx 12rpx 12rpx 12rpx;
+				margin: 24rpx 16rpx;
+				align-items: center;
+				display: flex;
+				justify-content: space-around;
+				text-align: center;
+			}
+		}
+	}
+</style>