aike/emis-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
7adbdcb034
emis-app/pages/post/openorder.vue

426 lines
14 KiB
Vue
Raw Normal View History

uu
2024-01-29 10:05:13 +00:00
<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;">
uu
2024-04-25 07:54:13 +00:00
<tpx-scan-input v-model:value="submitParam.billCode"></tpx-scan-input>
uu
2024-01-29 10:05:13 +00:00
</view>
<view class="pl-10">
uu
2024-04-25 07:54:13 +00:00
<u-button @click="handleCreateOrderNo()"
custom-style="font-size: 28rpx;padding:0 10rpx;height: 74rpx;" :plain="true" >系统生成</u-button>
uu
2024-01-29 10:05:13 +00:00
</view>
</u-row>
<u-row justify="between" custom-style="margin-top:20rpx;">
<view style="width: 130rpx;">客户</view>
<view style="flex:1;">
uu
2024-04-26 10:32:18 +00:00
<tpx-select v-model:resObject="kehuRes" :getListFun="getCustomerUserList" :transKeyVal="{valKey: 'id',titleKey: 'customerFullName'}" v-model:value="submitParam.userId" :isWhite="true"></tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
</u-row>
</view>
uu
2024-02-01 05:48:20 +00:00
uu
2024-02-01 06:43:06 +00:00
<view class="com-section mt-30" @click="goto('post/detail')">
uu
2024-02-01 05:48:20 +00:00
<u-row justify="space-between">
<text>订单号：TWO291929</text>
<u-icon name="bag" size="42"></u-icon>
</u-row>
</view>
uu
2024-01-29 10:05:13 +00:00
<view class="blcok-white">
<bpe-addressinfo-tmp v-model:value="submitParam"></bpe-addressinfo-tmp>
</view>
uu
2024-01-29 13:08:56 +00:00
<view class="com-section mt-30">路线信息</view>
<view class="blcok-white" style="padding-top: 0;padding-bottom: 0;">
uu
2024-01-29 10:05:13 +00:00
<view>
uu
2024-04-26 10:32:18 +00:00
<view class="yunf-input-item">
<tpx-select v-model:value="submitParam.transLine" v-model:resObject="wayRes" :getListFun="getTransLineList" :transKeyVal="{valKey: 'id',titleKey: 'lineName'}" :customInput="true"
:searchParam="waySearchParam"
>
<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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
uu
2024-04-26 10:32:18 +00:00
</tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-04-26 10:32:18 +00:00
<view class="yunf-input-item">
<tpx-select v-model:value="submitParam.proidTODO" v-model:resObject="productRes" :getListFun="getTransProductList" :transKeyVal="{valKey: 'id',titleKey: 'prodName'}" :isWhite="true" :customInput="true"
:searchParam="productSearchParam"
>
<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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
uu
2024-04-26 10:32:18 +00:00
</tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-29 13:08:56 +00:00
<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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
uu
2024-01-29 13:08:56 +00:00
</tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-29 13:08:56 +00:00
<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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
uu
2024-01-29 13:08:56 +00:00
</tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-29 13:08:56 +00:00
<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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
uu
2024-01-29 13:08:56 +00:00
</tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-29 13:08:56 +00:00
<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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
uu
2024-01-29 13:08:56 +00:00
</tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-29 13:08:56 +00:00
<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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
uu
2024-01-29 13:08:56 +00:00
</tpx-select>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-29 13:08:56 +00:00
<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>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-29 13:08:56 +00:00
<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>
uu
2024-01-29 13:11:41 +00:00
uu
2024-01-29 13:08:56 +00:00
<view class="yunf-input-item">
uu
2024-01-29 13:11:41 +00:00
<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>
uu
2024-01-29 13:08:56 +00:00
</u-row>
uu
2024-01-29 13:11:41 +00:00
</u-row>
uu
2024-01-29 13:08:56 +00:00
</view>
</view>
uu
2024-01-29 10:05:13 +00:00
</view>
uu
2024-01-30 07:40:49 +00:00
<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>
uu
2024-01-31 06:45:51 +00:00
<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>
uu
2024-01-31 06:57:46 +00:00
<view class="mt-30">
<u-textarea v-model="submitParam.otherDes" border="surround" height="120" placeholder="备注"
maxlength="50" count></u-textarea>
</view>
uu
2024-01-31 06:45:51 +00:00
</view>
uu
2024-01-29 10:05:13 +00:00
</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"
uu
2024-01-29 13:08:56 +00:00
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>
uu
2024-01-29 10:05:13 +00:00
</u-row>
</view>
</template>
</tpx-layout>
uu
2024-01-29 13:08:56 +00:00
uu
2024-01-31 09:17:34 +00:00
<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>
uu
2024-01-31 09:32:42 +00:00
<view class="mt-30">
<bpe-good-kuaidi-tmp :value="tempObject.value"></bpe-good-kuaidi-tmp>
</view>
uu
2024-01-30 07:40:49 +00:00
</buns-edit-sheet>
uu
2024-01-29 10:05:13 +00:00
</template>
<script>
uu
2024-04-25 07:54:13 +00:00
import { transListKeyTitle } from "@/common/util"
uu
2024-01-29 13:08:56 +00:00
import { sendTypeEnum, sendTypeList, qingguanList, baoguanList, } from "@/common/enum"
uu
2024-01-29 10:05:13 +00:00
import BpeAddressinfoTmp from "@/components/buns-post-edit-templates/bpe-addressinfo-tmp"
uu
2024-01-30 07:40:49 +00:00
import BpeGoodstaticTmp from "@/components/buns-post-edit-templates/bpe-goodstatic-tmp"
uu
2024-01-31 06:45:51 +00:00
import BpeCostTmp from "@/components/buns-post-edit-templates/bpe-cost-tmp"
uu
2024-01-31 09:17:34 +00:00
import BpeGooditemEditTmp from "@/components/buns-post-edit-templates/bpe-gooditem-edit-tmp"
import BpeGoodphotoTmp from "@/components/buns-post-edit-templates/bpe-goodphoto-tmp"
uu
2024-01-31 09:32:42 +00:00
import BpeGoodKuaidiTmp from "@/components/buns-post-edit-templates/bpe-good-kuaidi-tmp"
uu
2024-01-30 07:40:49 +00:00
uu
2024-04-25 07:54:13 +00:00
import * as apiService from "@/common/api"
import { getOrderModels } from "./model"
uu
2024-01-29 10:05:13 +00:00
export default {
uu
2024-01-31 09:32:42 +00:00
components: { BpeAddressinfoTmp, BpeGoodstaticTmp, BpeCostTmp, BpeGooditemEditTmp, BpeGoodphotoTmp, BpeGoodKuaidiTmp },
uu
2024-01-29 10:05:13 +00:00
props: {
// hasLeftWin: {
// type: Boolean
// }
},
computed: {
uu
2024-04-26 10:32:18 +00:00
waySearchParam() {
return { country: this.submitParam.reciever.country, fromCountry: this.submitParam.sender.country }
},
productSearchParam() {
return { transLineCode: this.submitParam.transLine }
}
uu
2024-01-29 10:05:13 +00:00
},
data() {
return {
uu
2024-01-29 13:08:56 +00:00
...(JSON.parse(JSON.stringify({ qingguanList, baoguanList, sendTypeEnum, sendTypeList }))),
uu
2024-04-26 06:37:16 +00:00
kehuRes: { list: [] },
uu
2024-04-26 10:32:18 +00:00
wayRes: { list: [] },
productRes: { list: [] },
uu
2024-01-29 10:05:13 +00:00
tipsList: [
uu
2024-01-30 07:40:49 +00:00
uu
2024-01-29 10:05:13 +00:00
],
goodChooseModal: {
show: false,
},
submitParam: {
uu
2024-04-25 07:54:13 +00:00
...getOrderModels(),
uu
2024-01-29 10:05:13 +00:00
yundanhao: '',
stockRoomId: '',
countryId: '',
wayId: '',
type: sendTypeList[0].val,
paytype: '',
otherDes: '',
prodId: 1,
tips: [],
uu
2024-01-30 07:40:49 +00:00
revtime: '',
gdList: [{},{}]
uu
2024-01-29 10:05:13 +00:00
}
}
},
onShareAppMessage() {
return {
// title: '',
// path: 'TODO'
}
},
onLoad() {
this.initData();
uu
2024-04-25 07:54:13 +00:00
this.initEvent()
uu
2024-01-29 10:05:13 +00:00
},
uu
2024-04-25 07:54:13 +00:00
unmounted() {
uu
2024-01-29 10:05:13 +00:00
},
methods: {
uu
2024-04-26 06:37:16 +00:00
getCustomerUserList: apiService.getCustomerUserList,
uu
2024-04-26 10:32:18 +00:00
getTransLineList: apiService.getTransLineList,
getTransProductList: apiService.getTransProductList,
uu
2024-04-25 07:54:13 +00:00
async initData() {
uu
2024-01-29 10:05:13 +00:00
// uni.showLoading({
// title: '加载中'
// });
uu
2024-04-25 07:54:13 +00:00
this.showLoading()
uu
2024-04-26 06:37:16 +00:00
uu
2024-04-25 07:54:13 +00:00
this.hideLoading()
uu
2024-01-29 10:05:13 +00:00
},
uu
2024-04-25 07:54:13 +00:00
initEvent() {
},
async handleCreateOrderNo() {
const res = await apiService.createOrderNo()
this.submitParam.billCode = res.data
uu
2024-01-29 10:05:13 +00:00
},
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;
}
}
uu
2024-01-29 13:08:56 +00:00
.yunf-input-item{
padding: 26rpx 0;
border-bottom: 2rpx solid #F6F6F6;
}
uu
2024-01-29 10:05:13 +00:00
</style>
Reference in New Issue Copy Permalink