czg_team/cashier_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

同步代码

Browse Source
This commit is contained in:
GaoHao
2025-02-07 14:49:20 +08:00
commit 0740c3f349
1141 changed files with 167372 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
pageProduct/invoicing-list/components/list-item.vue Normal file
View File

@@ -0,0 +1,140 @@
<template>
<view class="item bg-fff border-r-12">
<view class="u-flex u-text-left u-row-between border-bottom u-p-b-30">
<view class="">
<uni-dateformat format="yyyy-MM-dd hh:mm:ss" :date="data.createdAt"></uni-dateformat>
</view>
<view class="tag">{{data.type}}</view>
</view>
<view class="u-flex u-text-left u-row-left u-m-t-30">
<view class="name">{{data.productName}}</view>
<!-- <view class="category u-flex u-m-l-10">
<view class="tag">分类</view>
</view> -->
<view class="id color-999 u-font-24 bg-gray u-m-l-10">
ID:{{data.id}}
</view>
</view>
<view class="info u-flex bg-gray u-p-24 u-m-t-20 u-row-between">
<view class="u-text-right">
<!-- <view>
<text>总价值</text>
<text class="u-m-l-10">3</text>
</view>
<view class="u-m-t-10">
<text>单价</text>
<text class="u-m-l-10">2</text>
</view>
<view class="u-m-t-10">
<text>货品编码</text>
<text class="u-m-l-10">2</text>
</view>
<view class="u-m-t-10">
<text>供应商名称</text>
<text class="u-m-l-10">2</text>
</view> -->
<view class="u-flex">
<view class="text-ming-w">订单号</view>
<text class="u-m-l-10 u-font-24 color-main">{{data.orderNo||''}}</text>
</view>
<view class="u-m-t-10 u-flex u-relative">
<view class="text-ming-w">库存</view>
<view class="u-relative">
<text class="u-m-l-10">{{data.leftNumber}}</text>
<view class="u-absolute u-flex addNumber">
<uni-icons type="arrow-right" :color="color.ColorMain" size="16"></uni-icons>
<text class="color-main u-m-l-10">{{data.leftNumber+data.stockNumber}}</text>
</view>
</view>
</view>
<view class="u-m-t-10 u-flex">
<view class="text-ming-w">剩余库存</view>
<view class="u-m-l-10 color-main">{{data.leftNumber+data.stockNumber}}{{data.unitName}}</view>
</view>
</view>
<view class="u-flex-1 u-flex u-row-right">
<view>
<view class="no-wrap">
<text class="color-main font-bold" v-if="data.stockNumber>0">{{data.stockNumber}}</text>
<text class="color-red font-bold" v-else>{{data.stockNumber}}</text>
<text>{{data.unitName}}</text>
</view>
<!-- <view class="u-m-t-10">剩余库存</view> -->
</view>
</view>
</view>
<!-- <view class="u-flex u-row-right u-m-t-20">
<view class="u-flex u-m-r-30">
<my-button shape="circle" height="70" type="default" @tap="del">
<view class="u-p-l-30 u-p-r-30">
删除
</view>
</my-button>
</view>
<view class="u-flex">
<my-button shape="circle" height="70" plain type="primary" @tap="more">更多操作</my-button>
</view>
</view> -->
</view>
</template>
<script setup>
import go from '@/commons/utils/go.js'
import color from '@/commons/color.js'
function del() {
console.log('del');
}
const props = defineProps({
index: {
type: Number
},
data: {
type: Object,
default: () => {
return {}
}
}
})
const emits = defineEmits(['more'])
function more() {
emits('more', props.index)
}
</script>
<style lang="scss" scoped>
.text-ming-w{
min-width: calc(28rpx * 5);
}
.item {
padding: 32rpx 32rpx 28rpx 28rpx;
.tag {
color: $my-main-color;
background-color: rgb(234, 244, 255);
border-radius: 8rpx;
padding: 2rpx 10rpx;
font-size: 24rpx;
}
.id {
padding: 2rpx 10rpx;
border-radius: 8rpx;
}
.info {}
}
.addNumber {
position: absolute;
left: 100%;
top: 50%;
padding-left: 20rpx;
transform: translateY(-50%);
}
</style>