uu
This commit is contained in:
aihe
parent
aea9335afe
commit
a7192a41be
@ -7,7 +7,7 @@
|
||||
<view class="dt-tle">
|
||||
<view class="com-section">物品信息</view>
|
||||
<view>
|
||||
<u-button custom-style="font-size: 28rpx;height: 56rpx;border-radius: 16rpx;" plain="true">选择历史</u-button>
|
||||
<u-button custom-style="font-size: 28rpx;height: 56rpx;border-radius: 16rpx;" plain="true" type="primary">选择历史</u-button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-cont">
|
||||
|
||||
114
components/buns-post-edit-templates/bpe-cost-tmp.vue
Normal file
114
components/buns-post-edit-templates/bpe-cost-tmp.vue
Normal file
@ -0,0 +1,114 @@
|
||||
<template>
|
||||
<view class="shet-cont">
|
||||
<view class="jsfm-item" style="padding-top: 0;">
|
||||
<u-row>
|
||||
<view class="lft1 font-28">计费方式</view>
|
||||
<view style="flex: 1;">
|
||||
<u-radio-group v-model="submitInfo.costType"
|
||||
@change="groupChange"
|
||||
>
|
||||
<u-radio v-for="(item, index) in costTypeList" :label="item.title" :name="item.val"
|
||||
activeColor="#B12D29" size="30" labelSize="26" :custom-style="`margin-right: ${index+1<costTypeList.length?30:0}rpx;`"
|
||||
>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
</u-row>
|
||||
</view>
|
||||
<view class="jsfm-item">
|
||||
<u-row>
|
||||
<view class="lft1 font-28">
|
||||
<tpx-select :list="[]" v-model:value="submitInfo.kehuid" placeholder="清关费" mode="drop" :isWhite="true"></tpx-select>
|
||||
</view>
|
||||
<u-row custom-style="flex:1;">
|
||||
<tpx-input v-model:value="submitInfo.ke1" :isWhite="true" custom-style="width: 120rpx;"></tpx-input>
|
||||
<text class="font-26 pl-20 pr-10">续重</text>
|
||||
<tpx-input v-model:value="submitInfo.xuzh" :isWhite="true" custom-style="width: 120rpx;" suffix="KG"></tpx-input>
|
||||
</u-row>
|
||||
<view class="delicon">
|
||||
<u-icon name="minus-circle" size="30"></u-icon>
|
||||
</view>
|
||||
</u-row>
|
||||
<view class="mt-10">运输费计算公式: </view>
|
||||
</view>
|
||||
|
||||
<view class="jsfm-item">
|
||||
<u-row>
|
||||
<view class="lft1 font-28">
|
||||
<tpx-select :list="[]" v-model:value="submitInfo.kehuid" placeholder="清关费" mode="drop" :isWhite="true"></tpx-select>
|
||||
</view>
|
||||
<u-row custom-style="flex:1;">
|
||||
<tpx-input v-model:value="submitInfo.fei" :isWhite="true" custom-style="" suffix="CNY"></tpx-input>
|
||||
</u-row>
|
||||
<view class="delicon">
|
||||
<u-icon name="minus-circle" size="30"></u-icon>
|
||||
</view>
|
||||
</u-row>
|
||||
</view>
|
||||
|
||||
<u-row justify="center">
|
||||
<u-button custom-style="border-radius: 16rpx;height:60rpx;font-size: 30rpx;margin-top: 20rpx;" :plain="true" type="primary">
|
||||
<u-icon name="plus" size="30" color="#B12D29"></u-icon>
|
||||
<text class="pl-10">增加收费项</text>
|
||||
</u-button>
|
||||
</u-row>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
submitInfo: {
|
||||
get(){
|
||||
return this.value
|
||||
}
|
||||
}
|
||||
},
|
||||
props: {
|
||||
value: {
|
||||
default () {
|
||||
return { }
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
costTypeList: [
|
||||
{ title: '按重量', val: 1 },
|
||||
{ title: '按体积', val: 2 },
|
||||
{ title: '一口价', val: 3 },
|
||||
]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
unmounted() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.shet-cont{
|
||||
}
|
||||
.jsfm-item{
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 2rpx solid #F6F6F6;
|
||||
.lft1{
|
||||
width: 150rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.delicon{
|
||||
padding: 16rpx 0 16rpx 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,99 @@
|
||||
<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;" 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>
|
||||
66
components/buns-post-edit-templates/bpe-goodphoto-tmp.vue
Normal file
66
components/buns-post-edit-templates/bpe-goodphoto-tmp.vue
Normal file
@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<view v-if="title" class="mb-20">{{title}}</view>
|
||||
<tpx-upload v-model:value="submitInfo[filedName]" maxLen="10"></tpx-upload>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
submitInfo: {
|
||||
get(){
|
||||
return this.value
|
||||
}
|
||||
}
|
||||
},
|
||||
props: {
|
||||
title: {
|
||||
default () {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
filedName:{
|
||||
default () {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
value: {
|
||||
default () {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
unmounted() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</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>
|
||||
84
components/buns-post-edit-templates/bpe-goodstatic-tmp.vue
Normal file
84
components/buns-post-edit-templates/bpe-goodstatic-tmp.vue
Normal file
@ -0,0 +1,84 @@
|
||||
<template>
|
||||
<view v-for="(item) in submitInfo.gdList" class="yditem">
|
||||
<view class="ydi-lab">
|
||||
<text class="font-weight">女士针织棉上衣</text>
|
||||
<text>实发: 300</text>
|
||||
</view>
|
||||
<view class="ydi-lab mt-10">
|
||||
<text class="clr-sub">无 12L 中国内地</text>
|
||||
<!-- <text>实入仓: 0</text> -->
|
||||
</view>
|
||||
<view class="ydi-lab mt-10">
|
||||
<text class="clr-prm">12 CNY</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="dt-item">
|
||||
<view class="font-28">
|
||||
<u-row justify="space-between">
|
||||
<text>总件数:<text class="font-weight">10</text>件</text>
|
||||
<text>总体积:<text class="font-weight">50</text>m³</text>
|
||||
<text>总重量:<text class="font-weight">150</text>kg</text>
|
||||
</u-row>
|
||||
</view>
|
||||
<view class="font-28 mt-10">
|
||||
<u-row justify="space-between">
|
||||
<text>实际重量:<text class="font-weight">150</text>kg</text>
|
||||
<text class="pl-20">结算重量:<text class="font-weight">150</text>kg</text>
|
||||
</u-row>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
submitInfo: {
|
||||
get(){
|
||||
return this.value
|
||||
}
|
||||
}
|
||||
},
|
||||
props: {
|
||||
value: {
|
||||
default () {
|
||||
return { }
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
unmounted() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</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>
|
||||
Loading…
Reference in New Issue
Block a user