This commit is contained in:
aihe 2024-01-29 18:05:13 +08:00
parent 5633d17386
commit e82b589ce5
14 changed files with 373 additions and 34 deletions

View File

@ -2,7 +2,7 @@
<view class="shet-cont">
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28 font-weight">件数</text>
<text class="font-28">件数</text>
<view>
<uni-number-box v-model="submitInfo.jianshu" :min="1" :max="10000"></uni-number-box>
</view>
@ -10,7 +10,7 @@
</view>
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28 font-weight">包裹重量</text>
<text class="font-28">包裹重量</text>
<view>
<uni-number-box v-model="submitInfo.zhl" :min="1" :max="10000"></uni-number-box>
</view>
@ -19,12 +19,12 @@
<view class="jsfm-item">
<u-row justify="between" align="top">
<text class="font-28 font-weight pt-20">体积</text>
<text class="font-28 pt-20">体积</text>
<view style="width: 70%;">
<u-row justify="between">
<u-col span="3.7">
<u-input placeholder="长" v-model="submitInfo.chang"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
@ -34,7 +34,7 @@
</u-col>
<u-col span="3.7">
<u-input placeholder="宽" v-model="submitInfo.kuan"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
@ -44,7 +44,7 @@
</u-col>
<u-col span="3.7">
<u-input placeholder="高" v-model="submitInfo.gao"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
@ -56,7 +56,7 @@
<u-row customStyle="margin: 20rpx 0 0 0;">
<u-input placeholder="" v-model="submitInfo.pingfang"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>

View File

@ -1,7 +1,7 @@
<template>
<view @click="handleSelectDate" class="pos-rlt">
<u-input :placeholder="placeholder" :fontSize="fontSize" :modelValue="inputValue"
:custom-style="`border-radius: 10rpx;padding: 8rpx 12rpx;${customStyle};`"
:custom-style="`border-radius: 10rpx;padding: 11rpx 20rpx;${customStyle};`"
readonly="true"
>
<template v-slot:suffix>

View File

@ -3,9 +3,9 @@
mut-bind:touchmove="true">
<view @touchmove.stop="" class="dialog-mask" @click="handleClose()"></view>
<view :class="`dialog-content ${type} pos-${closePosType}`"
:style="`padding: 30rpx;background-color:${bgColor};${contentStyle};`">
:style="`padding: 20rpx 30rpx;background-color:${bgColor};${contentStyle};`">
<view v-if="title" style="margin-bottom: 30rpx;" >
<u-row @touchmove.stop="" justify="between" custom-style="padding-bottom: 30rpx;">
<u-row @touchmove.stop="" justify="between" custom-style="padding-bottom: 20rpx;">
<view class="lgd-title">{{title}}</view>
<view @click="handleClose()">
<u-icon name="close" size="32" color="#999"></u-icon>
@ -148,7 +148,7 @@
}
.lgd-title{
font-size: 32rpx;font-weight: 600;
font-size: 30rpx;font-weight: 600;
}
.type-sheet .lgd-body::-webkit-scrollbar {

View File

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

View File

@ -1,6 +1,6 @@
<template>
<u-input :placeholder="placeholder" :fontSize="fontSize" :modelValue="value"
:custom-style="`border-radius: 10rpx;padding: 8rpx 12rpx;${customStyle};`"
:custom-style="`border-radius: 10rpx;padding: 11rpx 20rpx;${customStyle};`"
@change="handleChange"
>
<template v-if="iconPos == 'left'" v-slot:prefix>

View File

@ -1,6 +1,6 @@
<template>
<view :class="contClass" style="margin-top: 0;">
<u-row>
<view :class="contClass" :style="styles">
<u-row custom-style="width: 100%;">
<view style="flex: 1;">
<u-text :text="leftText" size="28"></u-text>
</view>
@ -25,16 +25,24 @@
return str
},
contClass() {
let pre = ['radius-20']
let pre = ['radius-10']
if (this.isWhite) {
pre.push('blcok-white')
pre.push('c-white')
} else {
pre.push('blcok-grey')
pre.push('c-grey')
}
return pre.join(" ")
},
styles() {
return `margin-top: 0;height: 62rpx;${this.customStyle}`
}
},
props: {
customStyle: {
default () {
return ''
}
},
isWhite: {
default () {
return false
@ -79,5 +87,19 @@
</script>
<style scoped lang="scss">
.c-white,.c-grey{
display: flex;
padding-left: 20rpx;
padding-right: 20rpx;
border-radius: 10rpx;
align-items: center;
}
.c-white{
background-color: #fff;
border: 1rpx solid #dadbde;
}
.c-grey{
background-color: #F6F6F6;
border: 1rpx solid #dadbde;
}
</style>

View File

@ -2,11 +2,11 @@
<view class="" style="position: relative;">
<view @click="handleSelectSwitch">
<slot v-if="customInput"></slot>
<default-select-input v-if="!customInput" :placeholder="placeholder" :show="show" :list="list" :value="value" :isWhite="isWhite"></default-select-input>
<default-select-input v-if="!customInput" :placeholder="placeholder" :show="show" :list="list" :value="value" :isWhite="isWhite" :customStyle="customStyle"></default-select-input>
</view>
<view v-if="mode == modeEnum.sheet">
<tpx-dialog :show="show" :title="title || placeholder" @onClose="handleSelectSwitch">
<tpx-dialog :show="show" :title="placeholder" @onClose="handleSelectSwitch">
<content-items :value="value" :list="list" :minChecked="minChecked" :type="type"
@onChange="handleDataItemChange"
></content-items>
@ -41,7 +41,16 @@
ContentItems, DefaultSelectInput
},
props: {
isWhite: {},
isWhite: {
default () {
return false
}
},
customStyle: {
default () {
return ''
}
},
customInput: {
default () {
return false
@ -59,12 +68,7 @@
},
placeholder: {
default () {
return ""
}
},
title: {
default () {
return ""
return "请选择"
}
},
mode: {

View File

@ -1,7 +1,7 @@
<template>
<u-textarea shape="circle" placeholder-style="color: #0E0708; "
:modelValue="value" :clearable="true" :placeholder="placeholder"
custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 15rpx 20rpx;" height="160"
></u-textarea>
</template>

View File

@ -75,6 +75,12 @@
"navigationBarTitleText": "寄件信息"
}
},
{
"path": "pages/post/openorder",
"style": {
"navigationBarTitleText": "开单"
}
},
{
"path": "pages/post/freightCalculate",
"style": {

View File

@ -13,7 +13,7 @@
</view>
<view class="mt-40">
<tpx-select placeholder="国家" v-model:value="country" :list="[]" :isWhite="true"
<tpx-select placeholder="国家" v-model:value="country" :list="[]" :isWhite="true" custom-style="border:0;"
></tpx-select>
</view>
@ -32,7 +32,7 @@
</view>
<view class="mt-40">
<tpx-select placeholder="省市区" v-model:value="country" :list="[]"
<tpx-select placeholder="省市区" v-model:value="country" :list="[]" custom-style="border:0;"
></tpx-select>
</view>

View File

@ -252,7 +252,7 @@
this.hasCalcuPost = true
},
handleGoXiaDan(){
goto(`post/post?id=${222}`)
goto(`post/openorder?id=${222}`)
},
}
}

307
pages/post/openorder.vue Normal file
View File

@ -0,0 +1,307 @@
<template>
<tpx-layout>
<template v-slot:body>
<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
<view class="blcok-white">
<u-row justify="between">
<view style="width: 130rpx;">运单号</view>
<view style="flex:1;">
<tpx-scan-input v-model:value="submitParam.yundanhao"></tpx-scan-input>
</view>
<view class="pl-10">
<u-checkbox-group placement="column" @change="handleAgree()">
<u-checkbox size="26" labelSize="26" :checked="agreePrivateRule" label="电子主单"
label-color=":#999" activeColor="#B12D29"
custom-style="margin-bottom: 10rpx;"></u-checkbox>
</u-checkbox-group>
</view>
</u-row>
<u-row justify="between" custom-style="margin-top:20rpx;">
<view style="width: 130rpx;">客户</view>
<view style="flex:1;">
<tpx-select :list="kehuList" v-model:value="submitParam.kehuid" customStyle="" :isWhite="true"></tpx-select>
</view>
</u-row>
</view>
<view class="blcok-white">
<bpe-addressinfo-tmp v-model:value="submitParam"></bpe-addressinfo-tmp>
</view>
<view class="blcok-white">
<view style="width: 80%;">
<tpx-tabs :list="sendTypeList" v-model:value="submitParam.type" @tabchange="(val)=> { }">
</tpx-tabs>
</view>
<view>
<view @click="handleDialogClick(countryModal)" class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;" >
<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>
</view>
<view @click="handleDialogClick(wayModal)" class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<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" color="#999"
text="请选择"></u-text>
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row>
</u-row>
</view>
<view @click="handleChooseGoods" class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<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" color="#999"
text="填写物品信息"></u-text>
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row>
</u-row>
</view>
<view @click="handleDialogClick(goodChooseModal)" class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;"
v-if="submitParam.type != sendTypeEnum.container"
>
<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" color="#999"
text="填写重量体积"></u-text>
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row>
</u-row>
</view>
<view @click="handleDialogClick(stockRoomModal)" class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;"
v-if="submitParam.type != sendTypeEnum.home"
>
<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" color="#999"
text="请选择"></u-text>
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row>
</u-row>
</view>
<view @click="handleDialogClick(revtimeModal)" class="pt-30 pb-30" style="border-bottom: 2rpx solid #F6F6F6;;">
<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="1小时内"></u-text>
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row>
</u-row>
</view>
<view @click="handleDialogClick(paytypeModal)" style="padding: 30rpx 0;border-bottom: 2rpx solid #F6F6F6;;">
<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="1现金/月结"></u-text>
<u-icon size="26" name="arrow-right" color="#333"></u-icon>
</u-row>
</u-row>
</view>
</view>
</view>
<view class="com-section mt-30">产品类型</view>
<view class="blcok-white yunf-list" style="padding-bottom: 2rpx;">
<tpx-checkitems :list="proList" v-model:value="submitParam.prodId" v-slot="curPro" min-checked="1" type="single">
<view slot :class="`yunf-item ${curPro.checked?'active':''}`">
<u-row justify="between">
<u-col span="8">
<u-text :text="`柬埔寨-国际特快`" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ¥80元起" size="26" color="#999"></u-text>
</u-col>
<u-col span="4">
<u-text align="right" text="运费预估" size="26" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="26" :bold="true" mode="price"
color="#B12D29"></u-text>
</u-col>
</u-row>
</view>
</tpx-checkitems>
</view>
<view class="com-section mt-30">给快递员捎话</view>
<view class="blcok-white">
<tpx-tags :list="tipsList" v-model:value="submitParam.tips"></tpx-tags>
<u-textarea v-model="submitParam.otherDes" border="surround" height="160" placeholder="其他说明"
maxlength="50" count></u-textarea>
<u-line margin="20rpx 0 10rpx 0"></u-line>
<u-row justify="between">
<u-text text="您的专属快递员" size="26" color="#999"></u-text>
<u-row>
<u-text text="李晓" size="28" :bold="true" margin="0 30rpx 0 0"></u-text>
<view>
<u-avatar size="50" :src="''"></u-avatar>
</view>
</u-row>
</u-row>
</view>
</view>
</template>
<template v-slot:footer>
<view class="pos-rlt blcok-white" style="border-radius: 0;margin-top: 0;">
<u-row>
<u-button size="large" shape="circle"
custom-style="width: 500rpx;height:80rpx;font-size: 30rpx;" type="primary">提交订单</u-button>
</u-row>
</view>
</template>
</tpx-layout>
<buns-country-sheet v-model:show="countryModal.show" v-model:value="submitParam.countryId"></buns-country-sheet>
<buns-way-sheet v-model:show="wayModal.show" v-model:value="submitParam.wayId"></buns-way-sheet>
<buns-stockroom-sheet v-model:show="stockRoomModal.show" v-model:value="submitParam.stockRoomId"></buns-stockroom-sheet>
<buns-paytype-sheet v-model:show="paytypeModal.show" v-model:value="submitParam.paytype"></buns-paytype-sheet>
<buns-privacy-dialog v-model:show="privacyModal.show"> </buns-privacy-dialog>
<buns-revtime-sheet v-model:show="revtimeModal.show" v-model:value="submitParam.revtime"></buns-revtime-sheet>
<buns-goodsize-sheet v-model:show="goodChooseModal.show" v-model:value="submitParam"></buns-goodsize-sheet>
</template>
<script>
import getCdnUrl from "@/common/getCdnUrl"
import { sendTypeEnum, sendTypeList } from "@/common/enum"
import { goto } from "@/common/untool"
import BpeAddressinfoTmp from "@/components/buns-post-edit-templates/bpe-addressinfo-tmp"
export default {
components: { BpeAddressinfoTmp },
props: {
// hasLeftWin: {
// type: Boolean
// }
},
computed: {
},
data() {
return {
kehuList: [{title: '李先生', val: '11'}],
...(JSON.parse(JSON.stringify({ sendTypeEnum, sendTypeList }))),
proList: [
{val: 1 },{ val: 2 }
],
tipsList: [
{ title: '请带纸箱', val: '请带纸箱' },
{ title: '需要爬楼', val: '需要爬楼' },
{ title: '来前电话', val: '来前电话' },
],
showCladar: false,
agreePrivateRule: false,
countryModal: {
show: false
},
wayModal: {
show: false,
},
stockRoomModal: {
show: false,
},
paytypeModal: {
show: false,
},
privacyModal: {
show: false,
},
revtimeModal: {
show: false,
},
goodChooseModal: {
show: false,
},
submitParam: {
yundanhao: '',
stockRoomId: '',
countryId: '',
wayId: '',
type: sendTypeList[0].val,
paytype: '',
otherDes: '',
prodId: 1,
tips: [],
revtime: ''
}
}
},
onShareAppMessage() {
return {
// title: '',
// path: 'TODO'
}
},
onLoad() {
this.initData();
},
onUnload() {
},
methods: {
getCdnUrl,
goto,
initData() {
// uni.showLoading({
// title: '加载中'
// });
},
handleAgree() {
this.agreePrivateRule = !this.agreePrivateRule
},
handleDialogClick(curModal){
curModal.show = true
},
handleChooseGoods(){
goto(`goods/edit?type=choose`)
}
}
}
</script>
<style lang="scss">
@import '@/common/uni-nvue.scss';
page {
background-color: #F6F6F6;
height: 100% !important;
}
</style>
<style scoped lang="scss">
.yunf-item {
margin-bottom: 20rpx;
padding: 30rpx;
background: #F6F6F6;
border-radius: 20rpx;
border: 2rpx solid transparent;
&.active {
border-color: $uni-color-primary;
}
}
</style>

View File

@ -58,7 +58,7 @@
return {
faBtnlist: [
{ title: '运单录入', subTitle: "", icon: getCdnUrl(`home/ydluru.png`), url: 'post/post' },
{ title: '运单录入', subTitle: "", icon: getCdnUrl(`home/ydluru.png`), url: 'post/openorder' },
{ title: '揽收扫描', subTitle: "", icon: getCdnUrl(`home/lshsm.png`), url: '' },
{ title: '发件扫描', subTitle: "", icon: getCdnUrl(`home/fajiansm.png`), url: '' },
{ title: '合包扫描', subTitle: "", icon: getCdnUrl(`home/hebaosm.png`), url: '' },

View File

@ -112,7 +112,7 @@
{ title: '待回款', subTitle: "12888.80", icon: getCdnUrl(`home/daihuikuan.png`), url: '' }
],
toolBtnlist: [
{ title: '运单录入', subTitle: "", icon: getCdnUrl(`home/ydluru.png`), url: 'post/post' },
{ title: '运单录入', subTitle: "", icon: getCdnUrl(`home/ydluru.png`), url: 'post/openorder' },
{ title: '问题件', subTitle: "", icon: getCdnUrl(`home/wentijian.png`), url: '' },
{ title: '货物图片', subTitle: "", icon: getCdnUrl(`home/hwtup.png`), url: '' },
{ title: '发件扫描', subTitle: "", icon: getCdnUrl(`home/fajiansm.png`), url: '' },