cashier_admin_app/pageConsumables/viewrecords.vue

112 lines
1.9 KiB
Vue

<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>