uu
This commit is contained in:
aihe
parent
a7192a41be
commit
71ccffaf4e
94
components/buns-post-edit-templates/bpe-addressjiami-tmp.vue
Normal file
94
components/buns-post-edit-templates/bpe-addressjiami-tmp.vue
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<u-row custom-style="position:relative;" align="top"
|
||||||
|
justify="between">
|
||||||
|
<view>
|
||||||
|
<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/ji.png`)"></image>
|
||||||
|
</view>
|
||||||
|
<view style="flex: 1;padding: 0 30rpx;">
|
||||||
|
<u-text text="寄件人信息" size="28" :bold="true"></u-text>
|
||||||
|
<view style="margin: 8rpx 0 0 0;">
|
||||||
|
<u-text text="请新建您的寄件地址信息" size="26" color="#999"></u-text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-column-center">
|
||||||
|
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/eye-off.svg`)">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view style="position: absolute;left: 20rpx;bottom: -20rpx;top: 46rpx;">
|
||||||
|
<u-line custom-style="height:100%;" direction="col" dashed="true"></u-line>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
<view style="padding-left: 76rpx;">
|
||||||
|
<u-line margin="20rpx 0"></u-line>
|
||||||
|
</view>
|
||||||
|
<u-row custom-style="position:relative;" align="top"
|
||||||
|
justify="between">
|
||||||
|
<view style="position: absolute;left: 20rpx;top: -20rpx;bottom: 100%;">
|
||||||
|
<u-line custom-style="height:100%;" direction="col" dashed="true"></u-line>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/shou.png`)">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="pr-30 pl-30" style="flex: 1;">
|
||||||
|
<u-text text="收件人信息" size="28" :bold="true"></u-text>
|
||||||
|
<view style="margin: 8rpx 0 0 0;">
|
||||||
|
<u-text text="请填写收件人国家、姓名，电话" size="26" color="#999"></u-text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-column-center">
|
||||||
|
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/eye-line.svg`)">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import getCdnUrl from "@/common/getCdnUrl"
|
||||||
|
import { goto } from "@/common/untool"
|
||||||
|
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
submitInfo: {
|
||||||
|
get(){
|
||||||
|
return this.value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default () {
|
||||||
|
return { }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
unmounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
getCdnUrl,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.shet-cont{
|
||||||
|
padding: 10rpx 0 30rpx 0;
|
||||||
|
}
|
||||||
|
.jsfm-item{
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
155
components/buns-post-edit-templates/bpe-good-kuaidi-tmp.vue
Normal file
155
components/buns-post-edit-templates/bpe-good-kuaidi-tmp.vue
Normal file
@ -0,0 +1,155 @@
|
|||||||
|
<template>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<tpx-select v-model:value="submitInfo.type1" :list="packTypeList"
|
||||||
|
mode="drop" customInput="true"
|
||||||
|
>
|
||||||
|
<u-row justify="between">
|
||||||
|
<text class="font-26 font-weight">包装类型</text>
|
||||||
|
<u-row justify="end" align="center">
|
||||||
|
<u-text align="right" margin="0 12rpx 0 0" size="26" text="选择包装类型"></u-text>
|
||||||
|
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
|
||||||
|
</u-row>
|
||||||
|
</u-row>
|
||||||
|
</tpx-select>
|
||||||
|
</view>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<tpx-select v-model:value="submitInfo.type1" :list="kuaidiTypeList"
|
||||||
|
mode="drop" customInput="true"
|
||||||
|
>
|
||||||
|
<u-row justify="between">
|
||||||
|
<text class="font-26 font-weight">同行快递</text>
|
||||||
|
<u-row justify="end" align="center">
|
||||||
|
<u-text align="right" margin="0 12rpx 0 0" size="26" text="选择快递公司"></u-text>
|
||||||
|
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
|
||||||
|
</u-row>
|
||||||
|
</u-row>
|
||||||
|
</tpx-select>
|
||||||
|
</view>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-col span="4">
|
||||||
|
<text class="font-26 font-weight">快递单号</text>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="7">
|
||||||
|
<u-input placeholder="" v-model="value1" inputAlign="right"
|
||||||
|
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
|
||||||
|
placeholder-style="color: #999; "
|
||||||
|
></u-input>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-col span="4">
|
||||||
|
<text class="font-26 font-weight">是否需要代垫运费</text>
|
||||||
|
</u-col>
|
||||||
|
<view>
|
||||||
|
<u-switch v-model="value1" active-color="#B12D29" size="34"></u-switch>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-col span="4">
|
||||||
|
<text class="font-26 font-weight">代垫预估</text>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="7">
|
||||||
|
<u-input placeholder="" v-model="value1" inputAlign="right"
|
||||||
|
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
|
||||||
|
placeholder-style="color: #999; "
|
||||||
|
>
|
||||||
|
<template #suffix>
|
||||||
|
<text class="font-26 clr-sub pl-10">元</text>
|
||||||
|
</template>
|
||||||
|
</u-input>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-col span="4">
|
||||||
|
<text class="font-26 font-weight">供应商</text>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="7">
|
||||||
|
<u-input placeholder="" v-model="value1" inputAlign="right"
|
||||||
|
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
|
||||||
|
placeholder-style="color: #999; "
|
||||||
|
></u-input>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-col span="4">
|
||||||
|
<text class="font-26 font-weight">自定义标记</text>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="7">
|
||||||
|
<u-input placeholder="" v-model="value1" inputAlign="right"
|
||||||
|
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
|
||||||
|
placeholder-style="color: #999; "
|
||||||
|
></u-input>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-col span="4">
|
||||||
|
<text class="font-26 font-weight">备注</text>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="7">
|
||||||
|
<u-input placeholder="" v-model="value1" inputAlign="right"
|
||||||
|
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
|
||||||
|
placeholder-style="color: #999; "
|
||||||
|
></u-input>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
qingguanList, baoguanList, packTypeList, kuaidiTypeList
|
||||||
|
} from "@/common/enum"
|
||||||
|
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
submitInfo: {
|
||||||
|
get(){
|
||||||
|
return this.value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default () {
|
||||||
|
return { }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
...(JSON.parse(JSON.stringify({ qingguanList, baoguanList, packTypeList, kuaidiTypeList }))),
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
unmounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.edm-input-item{
|
||||||
|
padding: 20rpx 0;
|
||||||
|
border-bottom: 2rpx solid #F6F6F6;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<tpx-dialog type="type-dialog" :show="show" :title="title" @onClose="handleCloseModal">
|
<tpx-dialog type="type-dialog" :show="show" :title="title" @onClose="handleCloseModal">
|
||||||
<view style="position: relative;min-height: 360rpx; width: 500rpx;display:flex;flex-direction: column;padding: 0 10rpx 10rpx 10rpx;">
|
<view style="position: relative;min-height: 260rpx; width: 500rpx;display:flex;flex-direction: column;padding: 0 10rpx 10rpx 10rpx;">
|
||||||
|
|
||||||
<u-row custom-style="flex: 1;" align="center">
|
<u-row custom-style="flex: 1;" align="center" justify="center">
|
||||||
<slot name="body">
|
<slot name="body">
|
||||||
|
|
||||||
</slot>
|
</slot>
|
||||||
@ -77,6 +77,7 @@
|
|||||||
} else {
|
} else {
|
||||||
this.handleCloseModal()
|
this.handleCloseModal()
|
||||||
this.$emit('onClose')
|
this.$emit('onClose')
|
||||||
|
this.$emit('onCancel')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user