This commit is contained in:
aihe 2024-02-01 13:48:01 +08:00
parent a7192a41be
commit 71ccffaf4e
3 changed files with 252 additions and 2 deletions

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

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

View File

@ -1,8 +1,8 @@
<template>
<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>
@ -77,6 +77,7 @@
} else {
this.handleCloseModal()
this.$emit('onClose')
this.$emit('onCancel')
}
}
}