This commit is contained in:
aihe 2023-12-18 15:32:21 +08:00
parent 946451701a
commit 67e1bd39cd
6 changed files with 267 additions and 48 deletions

View File

@ -131,6 +131,34 @@ const baoguanList = [
{ title: '退税报关', val: baoguanEnum.tuishui },
]
const packTypeEnum = {
zhixiang: 1,
muxiang: 2,
zhenzhi: 3,
other: 4
}
const packTypeList = [
{ title: '纸箱', val: packTypeEnum.zhixiang },
{ title: '木箱', val: packTypeEnum.muxiang },
{ title: '针织袋', val: packTypeEnum.zhenzhi },
{ title: '其他', val: packTypeEnum.other },
]
const kuaidiTypeEnum = {
shunfeng: 1,
debang: 2,
yunda: 3,
other: 4
}
const kuaidiTypeList = [
{ title: '顺丰', val: kuaidiTypeEnum.shunfeng },
{ title: '德邦', val: kuaidiTypeEnum.debang },
{ title: '韵达', val: kuaidiTypeEnum.yunda },
{ title: '其他', val: kuaidiTypeEnum.other },
]
export {
ordStaEnum,
ordStatusList,
@ -150,4 +178,8 @@ export {
qingguanList,
baoguanEnum,
baoguanList,
packTypeEnum,
packTypeList,
kuaidiTypeEnum,
kuaidiTypeList,
}

View File

@ -30,31 +30,46 @@
<view style="width: 70%;">
<u-row justify="between">
<u-col span="3.7">
<u-input placeholder="长(cm)" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 10rpx 20rpx;"
placeholder-style="color: #999; text-align:right;"
></u-input>
<u-input placeholder="长" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="宽(cm)" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 10rpx 20rpx;"
placeholder-style="color: #999; text-align:right;"
></u-input>
<u-input placeholder="宽" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="高(cm)" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 10rpx 20rpx;"
placeholder-style="color: #999; text-align:right;"
></u-input>
<u-input placeholder="高" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
</u-row>
<u-row customStyle="margin: 20rpx 0 0 0;">
<u-input placeholder="m³" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 10rpx 20rpx;"
placeholder-style="color: #999;text-align:right; "
></u-input>
<!-- <text class="font-26 clr-sub pl-10"></text> -->
<u-input placeholder="" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">m³</text>
</template>
</u-input>
</u-row>
</view>

View File

@ -1,7 +1,7 @@
<template>
<u-input shape="circle" :placeholder="placeholder" :modelValue="value" :clearable="true"
custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"
placeholder-style="color: #0E0708; " @change="handleChange"
:custom-style="`border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;${customStyle};`"
:placeholder-style="`color: #0E0708;${placeholderStyle};` " @change="handleChange"
></u-input>
</template>
@ -19,6 +19,16 @@
return ''
}
},
customStyle:{
default () {
return ''
}
},
placeholderStyle:{
default () {
return ''
}
},
},
data() {
},

View File

@ -1,6 +1,6 @@
<template>
<view :style="`${customstyle};flex-direction: ${direction};`" class="up-cont">
<view v-if="list.length < maxLen">
<view v-if="list.length < maxLen" style="width: 100%;">
<view v-if="!isSlot" @click="handleChooseFile" class="camer-btn" :style="`width:${width}rpx;height:${height}rpx;`">
<template v-if="btnText">
<u-icon name="plus" size="40"></u-icon>
@ -18,7 +18,7 @@
</view>
</template >
</view>
<view v-if="isSlot" @click="handleChooseFile">
<view v-if="isSlot" @click="handleChooseFile" style="width: 100%;">
<slot></slot>
</view>
</view>
@ -224,6 +224,7 @@
<style scoped lang="scss">
.up-cont{
width: 100%;
display: flex;
flex-wrap: wrap;
}

View File

@ -1,36 +1,33 @@
<template>
<tpx-layout>
<template v-slot:body>
<view class="dt-block">
<view class="dt-tle">
<view class="t1">海关申报信息</view>
<view class="t2"></view>
</view>
<u-line margin="20rpx 0 20rpx"></u-line>
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;" >
<view class="edm-input-item">
<tpx-select v-model:value="baseFormData.type1" :list="baoguanList"
mode="drop" customInput="true"
>
<u-row>
<view>
<u-text text="报关方式" size="28" :bold="true"></u-text>
</view>
<u-row custom-style="flex: 1;" justify="end" align="center">
<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="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;">
<view class="edm-input-item">
<tpx-select v-model:value="baseFormData.type2" :list="qingguanList"
mode="drop" customInput="true"
>
<u-row>
<view>
<u-text text="清关方式" size="28" :bold="true"></u-text>
</view>
<u-row custom-style="flex: 1;" justify="end" align="center">
<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>
@ -45,26 +42,179 @@
<view class="t2"></view>
</view>
<u-line margin="20rpx 0 20rpx"></u-line>
<view v-for="(item) in baseFormData.ydList" class="yditem">
<view v-for="(item, index) in baseFormData.ydList" class="yditem">
<view class="ydi-lab">
<text class="font-weight">女士针织棉上衣</text>
<view>
<u-icon @click="handleDelGood(index)" name="trash" size="32"></u-icon>
</view>
</view>
<view class="ydi-lab mt-10">
<text class="clr-sub">无 12L 中国内地</text>
</view>
<view class="ydi-lab mt-10">
<text class="clr-prm">12 CNY</text>
<view>
<view class="clr-sub">无 12L 中国内地</view>
<view class="clr-prm pt-10">12 CNY</view>
</view>
<view>
<uni-number-box :min="1" :max="10000" background="#fff"></uni-number-box>
</view>
</view>
</view>
<u-button custom-style="border-radius: 16rpx;" type="primary">
<u-button @click="handleAddGood" custom-style="border-radius: 16rpx;" type="primary" plain="true">
<u-row justify="center">
<view>
<u-icon name="plus-circle" color="#fff" size="36"></u-icon>
<u-icon name="plus" size="30" color="#B12D29"></u-icon>
</view>
<text class="pl-10">增加货物</text>
</u-row>
</u-button>
</view>
<view class="dt-block">
<view class="dt-tle">
<view class="t1">申报物品信息</view>
<view class="t2"></view>
</view>
<u-line margin="20rpx 0 20rpx"></u-line>
<view class="edm-input-item">
<tpx-select v-model:value="baseFormData.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="baseFormData.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: 14rpx 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: 14rpx 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: 14rpx 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: 14rpx 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: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-col>
</u-row>
</view>
</view>
<view class="dt-block">
<view class="dt-tle">
<view class="t1">单证附件</view>
<view class="t2"></view>
</view>
<u-line margin="20rpx 0 20rpx"></u-line>
<view class="yditem" >
<view v-for="(item, index) in [{}, {}, {}]">
<u-row justify="between">
<view @click="setClipboardData(`212122`)" class="pt-10 pb-10 ">
<u-text :text="`${index+1}.衣服品牌授权书.jpg`" size="26" color="#999" lines="1"></u-text>
</view>
<view class="pt-10 pb-10 pl-10">
<u-icon @click="handleDelFuJian(index)" name="trash" size="32"></u-icon>
</view>
</u-row>
</view>
</view>
<tpx-upload v-model:value="baseFormData.pic1" isSlot="true" maxLen="10">
<u-button 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>
</tpx-upload>
</view>
</template>
<template v-slot:footer>
<view class="blcok-white-noradius">
@ -79,10 +229,10 @@
<script>
import getCdnUrl from "@/common/getCdnUrl"
import {
qingguanList, baoguanList
qingguanList, baoguanList, packTypeList, kuaidiTypeList
} from "@/common/enum"
import {
goto
goto, setClipboardData
} from "@/common/untool"
export default {
props: {
@ -95,7 +245,7 @@
},
data() {
return {
...(JSON.parse(JSON.stringify({ qingguanList, baoguanList }))),
...(JSON.parse(JSON.stringify({ qingguanList, baoguanList, packTypeList, kuaidiTypeList }))),
baseFormData: {
ydList: [
{}
@ -117,18 +267,25 @@
},
methods: {
getCdnUrl,
setClipboardData,
goto,
initData() {
// uni.showLoading({
// title: '加载中'
// });
},
handleAnsText(){
handleDelGood() {
},
handleFormChange(){
handleAddGood() {
},
handleAddFuJian(){
},
handleDelFuJian() {
},
handleSubmit() {
},
@ -182,4 +339,8 @@
justify-content: space-between;
align-items: center;
}
.edm-input-item{
padding: 20rpx 0;
border-bottom: 2rpx solid #F6F6F6;
}
</style>

View File

@ -154,7 +154,7 @@
};
</script>
<style lang="scss" scoped>
$box-height: 26px;
$box-height: 36px;
$bg: #f5f5f5;
$br: 2px;
$color: #333;
@ -173,7 +173,7 @@
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0 8px;
padding: 0 12px;
background-color: $bg;
/* #ifdef H5 */
cursor: pointer;