uu
This commit is contained in:
parent
946451701a
commit
67e1bd39cd
@ -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,
|
||||
}
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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() {
|
||||
},
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user