416 lines
13 KiB
Vue
416 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.billCode"></tpx-scan-input>
|
||
</view>
|
||
<view class="pl-10">
|
||
<u-button @click="handleCreateOrderNo()"
|
||
custom-style="font-size: 28rpx;padding:0 10rpx;height: 74rpx;" :plain="true" >系统生成</u-button>
|
||
</view>
|
||
|
||
</u-row>
|
||
<u-row justify="between" custom-style="margin-top:20rpx;">
|
||
<view style="width: 130rpx;">客户</view>
|
||
<view style="flex:1;">
|
||
<tpx-select v-model:resObject="kehuRes" :getListFun="getCustomerUserList" :transKeyVal="{valKey: 'id',titleKey: 'customerFullName'}" v-model:value="submitParam.userId" customStyle="" :isWhite="true"></tpx-select>
|
||
</view>
|
||
</u-row>
|
||
</view>
|
||
|
||
<view class="com-section mt-30" @click="goto('post/detail')">
|
||
<u-row justify="space-between">
|
||
<text>订单号：TWO291929</text>
|
||
<u-icon name="bag" size="42"></u-icon>
|
||
</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>
|
||
<view class="mt-30">
|
||
<bpe-good-kuaidi-tmp :value="tempObject.value"></bpe-good-kuaidi-tmp>
|
||
</view>
|
||
</buns-edit-sheet>
|
||
|
||
</template>
|
||
|
||
<script>
|
||
|
||
import { transListKeyTitle } from "@/common/util"
|
||
import { sendTypeEnum, sendTypeList, qingguanList, baoguanList, } from "@/common/enum"
|
||
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"
|
||
import BpeGoodKuaidiTmp from "@/components/buns-post-edit-templates/bpe-good-kuaidi-tmp"
|
||
|
||
import * as apiService from "@/common/api"
|
||
import { getOrderModels } from "./model"
|
||
|
||
export default {
|
||
components: { BpeAddressinfoTmp, BpeGoodstaticTmp, BpeCostTmp, BpeGooditemEditTmp, BpeGoodphotoTmp, BpeGoodKuaidiTmp },
|
||
props: {
|
||
// hasLeftWin: {
|
||
// type: Boolean
|
||
// }
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
data() {
|
||
return {
|
||
...(JSON.parse(JSON.stringify({ qingguanList, baoguanList, sendTypeEnum, sendTypeList }))),
|
||
kehuRes: { list: [] },
|
||
tipsList: [
|
||
|
||
],
|
||
wayModal: {
|
||
show: false,
|
||
},
|
||
goodChooseModal: {
|
||
show: false,
|
||
},
|
||
submitParam: {
|
||
...getOrderModels(),
|
||
yundanhao: '',
|
||
stockRoomId: '',
|
||
countryId: '',
|
||
wayId: '',
|
||
type: sendTypeList[0].val,
|
||
paytype: '',
|
||
otherDes: '',
|
||
prodId: 1,
|
||
tips: [],
|
||
revtime: '',
|
||
gdList: [{},{}]
|
||
}
|
||
}
|
||
},
|
||
onShareAppMessage() {
|
||
return {
|
||
// title: '',
|
||
// path: 'TODO'
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.initData();
|
||
this.initEvent()
|
||
},
|
||
unmounted() {
|
||
|
||
},
|
||
methods: {
|
||
getCustomerUserList: apiService.getCustomerUserList,
|
||
async initData() {
|
||
// uni.showLoading({
|
||
// title: '加载中'
|
||
// });
|
||
this.showLoading()
|
||
|
||
|
||
this.hideLoading()
|
||
},
|
||
|
||
initEvent() {
|
||
|
||
},
|
||
async handleCreateOrderNo() {
|
||
const res = await apiService.createOrderNo()
|
||
this.submitParam.billCode = res.data
|
||
},
|
||
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> |