397 lines
13 KiB
Vue
397 lines
13 KiB
Vue
<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="com-section mt-30">路线信息</view>
|
|
<view class="blcok-white" style="padding-top: 0;padding-bottom: 0;">
|
|
|
|
<view>
|
|
<view @click="handleDialogClick(wayModal)" class="yunf-input-item">
|
|
<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="yunf-input-item">
|
|
<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 class="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type1" :list="baoguanList"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="qingguanList"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<tpx-select v-model:value="submitParam.type2" :list="[]"
|
|
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="yunf-input-item">
|
|
<u-row justify="between">
|
|
<text class="font-26 font-weight">寄件/签收</text>
|
|
<u-row justify="end" align="center">
|
|
<text class="pr-20 clr-sub">是否短信</text>
|
|
<u-switch v-model="submitParam.morenTODO" active-color="#B12D29" size="34"></u-switch>
|
|
</u-row>
|
|
</u-row>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view class="com-section mt-30" @click="handleDialogClick(goodChooseModal)">
|
|
<u-row justify="space-between">
|
|
<text>发货信息（进仓情况）</text>
|
|
<u-icon name="edit-pen" size="42"></u-icon>
|
|
</u-row>
|
|
</view>
|
|
<view class="blcok-white">
|
|
<bpe-goodstatic-tmp v-model:value="submitParam"></bpe-goodstatic-tmp>
|
|
</view>
|
|
|
|
<view class="com-section mt-30">
|
|
<u-row justify="space-between">
|
|
<text>计费信息</text>
|
|
</u-row>
|
|
</view>
|
|
<view class="blcok-white">
|
|
<bpe-cost-tmp v-model:value="submitParam"></bpe-cost-tmp>
|
|
<view class="mt-30">
|
|
<u-textarea v-model="submitParam.otherDes" border="surround" height="120" placeholder="备注"
|
|
maxlength="50" count></u-textarea>
|
|
</view>
|
|
</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: 260rpx;height:80rpx;font-size: 30rpx;" :plain="true" type="primary">保存</u-button>
|
|
|
|
<u-button size="large" shape="circle"
|
|
custom-style="width: 400rpx;height:80rpx;font-size: 30rpx;" type="primary" >确认并打印</u-button>
|
|
</u-row>
|
|
</view>
|
|
</template>
|
|
</tpx-layout>
|
|
|
|
|
|
<buns-way-sheet v-model:show="wayModal.show" v-model:value="submitParam.wayId"></buns-way-sheet>
|
|
|
|
<buns-edit-sheet percentHeight="70" title="商品信息" v-model:show="goodChooseModal.show" v-model:value="submitParam" v-slot="tempObject">
|
|
<view class="mb-20">托寄货物描述</view>
|
|
<bpe-gooditem-edit-tmp :value="tempObject.value"></bpe-gooditem-edit-tmp>
|
|
<view class="mt-30">
|
|
<bpe-goodphoto-tmp title="货物照片" :value="tempObject.value" filedName="phName"></bpe-goodphoto-tmp>
|
|
</view>
|
|
</buns-edit-sheet>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import getCdnUrl from "@/common/getCdnUrl"
|
|
import { sendTypeEnum, sendTypeList, qingguanList, baoguanList, } from "@/common/enum"
|
|
import { goto } from "@/common/untool"
|
|
import BpeAddressinfoTmp from "@/components/buns-post-edit-templates/bpe-addressinfo-tmp"
|
|
import BpeGoodstaticTmp from "@/components/buns-post-edit-templates/bpe-goodstatic-tmp"
|
|
import BpeCostTmp from "@/components/buns-post-edit-templates/bpe-cost-tmp"
|
|
import BpeGooditemEditTmp from "@/components/buns-post-edit-templates/bpe-gooditem-edit-tmp"
|
|
import BpeGoodphotoTmp from "@/components/buns-post-edit-templates/bpe-goodphoto-tmp"
|
|
|
|
export default {
|
|
components: { BpeAddressinfoTmp, BpeGoodstaticTmp, BpeCostTmp, BpeGooditemEditTmp, BpeGoodphotoTmp },
|
|
props: {
|
|
// hasLeftWin: {
|
|
// type: Boolean
|
|
// }
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
kehuList: [{title: '李先生', val: '11'}],
|
|
...(JSON.parse(JSON.stringify({ qingguanList, baoguanList, sendTypeEnum, sendTypeList }))),
|
|
tipsList: [
|
|
|
|
],
|
|
agreePrivateRule: false,
|
|
wayModal: {
|
|
show: false,
|
|
},
|
|
goodChooseModal: {
|
|
show: false,
|
|
},
|
|
submitParam: {
|
|
yundanhao: '',
|
|
stockRoomId: '',
|
|
countryId: '',
|
|
wayId: '',
|
|
type: sendTypeList[0].val,
|
|
paytype: '',
|
|
otherDes: '',
|
|
prodId: 1,
|
|
tips: [],
|
|
revtime: '',
|
|
gdList: [{},{}]
|
|
}
|
|
}
|
|
},
|
|
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
|
|
}
|
|
}
|
|
}
|
|
</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;
|
|
}
|
|
}
|
|
|
|
.yunf-input-item{
|
|
padding: 26rpx 0;
|
|
border-bottom: 2rpx solid #F6F6F6;
|
|
}
|
|
</style> |