aike/emis-sapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uu

Browse Source
This commit is contained in:
aihe 2023-12-18 01:44:09 +08:00
parent c37b4b4588
commit 946451701a
2 changed files with 126 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
common/enum.js
View File

@ -109,6 +109,28 @@ const wareTypeList = [
{ title: '待确认', val: wareTypeEnum.toConfirm }
]
const qingguanEnum = {
kuaidi: 1,
zishui: 2,
ziti: 3,
}
const qingguanList = [
{ title: '快递清关', val: qingguanEnum.kuaidi },
{ title: '自税清关', val: qingguanEnum.zishui },
{ title: '自清自提', val: qingguanEnum.ziti },
]
const baoguanEnum = {
kuaidi: 1,
tuishui: 2,
}
const baoguanList = [
{ title: '快递报关', val: baoguanEnum.kuaidi },
{ title: '退税报关', val: baoguanEnum.tuishui },
]
export {
ordStaEnum,
ordStatusList,
@ -123,5 +145,9 @@ export {
payStatusEnum,
payStatusList,
wareTypeEnum,
wareTypeList
wareTypeList,
qingguanEnum,
qingguanList,
baoguanEnum,
baoguanList,
}

178
pages/goods/edit.vue
View File

@ -1,80 +1,69 @@
<template>
<tpx-layout>
<template v-slot:body>
<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
<view class="blcok-white radius-20">
<u-textarea v-model="submitParam.otherDes" border="none" height="110" placeholder="粘贴或输入地址，点击“智能识别”自动拆分姓名、电话和地址" custom-style="border:0;padding: 0;"></u-textarea>
<u-row justify="end">
<view class="mt-10">
<u-button @click="handleAnsText()" type="primary" size="mini" shape="circle" custom-style="width: 130rpx;font-size: 24rpx;padding:0;">智能识别</u-button>
</view>
</u-row>
<view class="dt-block">
<view class="dt-tle">
<view class="t1">海关申报信息</view>
<view class="t2"></view>
</view>
<view class="mt-40">
<tpx-select placeholder="国家" v-model:value="country" :list="[]" :isWhite="true"
></tpx-select>
</view>
<view class="blcok-white radius-20">
<view class="">
<view style="margin-top: 10rpx;">
<u-row>
<u-col span="4">
<tpx-input v-model:value="submitParam.name" placeholder="真实姓名"></tpx-input>
</u-col>
<u-col offset="1" span="7">
<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
</u-col>
<u-line margin="20rpx 0 20rpx"></u-line>
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;" >
<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-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>
</view>
<view class="mt-40">
<tpx-select placeholder="省市区" v-model:value="country" :list="[]"
></tpx-select>
</view>
<view class="mt-30">
<tpx-textarea v-model:value="submitParam.detail" placeholder="详细地址（例如**街道**号**）"></tpx-textarea>
</view>
<view class="mt-30">
<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
</view>
<view class="mt-30">
<tpx-input v-model:value="submitParam.tel" placeholder="邮编"></tpx-input>
</view>
<view class="mt-30">
<tpx-input v-model:value="submitParam.tel" placeholder="邮箱（选填"></tpx-input>
</view>
<view class="mt-30">
<tpx-input v-model:value="submitParam.tel" placeholder="公司名称（选填）"></tpx-input>
</view>
</u-row>
</tpx-select>
</view>
<view class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;">
<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-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>
<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 v-for="(item) in baseFormData.ydList" class="yditem">
<view class="ydi-lab">
<text class="font-weight">女士针织棉上衣</text>
</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>
<view class="mt-30 pl-30 pr-30">
<u-row justify="between">
<u-button custom-style="border-radius: 16rpx;" type="primary">
<u-row justify="center">
<view>
<u-checkbox-group v-model="radiovalue1" placement="column" @change="handleFormChange()">
<u-checkbox
shape="circle"
size="30" label="默认地址" active-color="#B12D29" la
label-size="28" hange="handleFormChange()"
>
</u-checkbox>
</u-checkbox-group>
</view>
<view>
<u-text text="清空" size="28" color="#0E0708"></u-text>
<u-icon name="plus-circle" color="#fff" size="36"></u-icon>
</view>
<text class="pl-10">增加货物</text>
</u-row>
</view>
</u-button>
</view>
</template>
<template v-slot:footer>
@ -90,14 +79,7 @@
<script>
import getCdnUrl from "@/common/getCdnUrl"
import {
ordStaEnum,
ordStatusList,
payTypeEnum,
payTypeList,
dlvTypeEnum,
dlvTypeList,
dateTypeEnum,
dateTypeList
qingguanList, baoguanList
} from "@/common/enum"
import {
goto
@ -113,10 +95,12 @@
},
data() {
return {
submitParam: {
type: 1,
otherDes: ''
}
...(JSON.parse(JSON.stringify({ qingguanList, baoguanList }))),
baseFormData: {
ydList: [
{}
],
},
}
},
onShareAppMessage() {
@ -161,5 +145,41 @@
}
</style>
<style scoped lang="scss">
.dt-block {
margin-top: 30rpx;
padding: 30rpx;
background-color: #FFF;
position: relative;
}
.dt-tle {
display: flex;
flex-direction: row;
justify-content: space-between;
.t1 {
font-size: 30rpx;
font-weight: 600;
}
.t2{
font-size: 30rpx;
}
}
.dt-item {
display: flex;
flex-direction: row;
margin-bottom: 20rpx;
justify-content: space-between;
}
.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>