99 lines
2.1 KiB
Vue
99 lines
2.1 KiB
Vue
<template>
|
|
<view v-for="(item, index) in submitInfo.gdList" class="yditem">
|
|
<view class="ydi-lab">
|
|
<text @click="handleEditGood(item)" class="font-weight">女士针织棉上衣</text>
|
|
<view>
|
|
<u-icon @click="handleDelGood(index)" name="trash" size="32"></u-icon>
|
|
</view>
|
|
</view>
|
|
<view class="ydi-lab mt-10">
|
|
<view @click="handleEditGood(item)" style="width: 100%;">
|
|
<u-row justify="between">
|
|
<view class="clr-sub">无 12L 中国内地</view>
|
|
<view><text class="clr-sub">预报</text> 21</view>
|
|
</u-row>
|
|
<view class="clr-prm pt-10">12 CNY</view>
|
|
</view>
|
|
</view>
|
|
<view class="ydi-lab mt-10">
|
|
<u-row>
|
|
<text class="pr-20 clr-prm">异常</text>
|
|
<uni-number-box :min="0" v-model="item.yichang" :max="10000" background="#fff"></uni-number-box>
|
|
</u-row>
|
|
<u-row>
|
|
<text class="pr-20">实入仓</text>
|
|
<uni-number-box :min="0" v-model="item.shiru" :max="10000" background="#fff"></uni-number-box>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
|
|
<u-button @click="handleEditGood" custom-style="border-radius: 16rpx;height: 66rpx;" type="primary" plain="true">
|
|
<u-row justify="center">
|
|
<view>
|
|
<u-icon name="plus" size="30" color="#B12D29"></u-icon>
|
|
</view>
|
|
<text class="pl-10">增加货物</text>
|
|
</u-row>
|
|
</u-button>
|
|
|
|
<buns-goodinfo-sheet v-model:show="goodinfoModal.show" v-model:value="goodinfoModal.value"></buns-goodinfo-sheet>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
submitInfo: {
|
|
get(){
|
|
return this.value
|
|
}
|
|
}
|
|
},
|
|
props: {
|
|
value: {
|
|
default () {
|
|
return { }
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
goodinfoModal:{
|
|
show: false,
|
|
value: {}
|
|
}
|
|
}
|
|
},
|
|
created() {
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
unmounted() {
|
|
|
|
},
|
|
|
|
methods: {
|
|
handleEditGood(item = {}) {
|
|
this.goodinfoModal.show = true
|
|
this.goodinfoModal.value = item
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.yditem{
|
|
padding: 20rpx 20rpx;
|
|
background-color: #F6F6F6;
|
|
border-radius: 10rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.ydi-lab{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
</style> |