123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859 |
- <template>
- <view class="deliver-goods">
- <header>
- <view class="order-num acea-row row-between-wrapper">
- <view class="num line1">订单号:{{ order_id }}</view>
- <view class="name line1">
- <span class="iconfont icon-yonghu2"></span>{{ delivery.nickname }}
- </view>
- </view>
- <view class="address">
- <view class="name">
- {{ delivery.real_name
- }}<span class="phone">{{ delivery.user_phone }}</span>
- </view>
- <view>{{ delivery.user_address }}</view>
- </view>
- <view class="line">
- <image src="@/static/images/line.jpg" />
- </view>
- </header>
- <view class="wrapper">
- <view class="item acea-row row-between-wrapper">
- <view>发货方式</view>
- <view class="mode acea-row row-middle row-right">
- <template v-for="(item, index) in types">
- <view v-show="item.status" class="goods" :class="(active === index || productType==3) ? 'on' : ''"
- :key="index" @click="changeType(item, index)">
- {{ item.title }}<span class="iconfont icon-xuanzhong2"></span>
- </view>
- </template>
- </view>
- </view>
- <block v-if="logistics.length>0">
- <view class="list" v-show="active === 0">
- <view class="item acea-row row-between-wrapper" v-if="delivery.config_export_open == 1">
- <view>发货类型</view>
- <view class="mode acea-row row-middle row-right">
- <view class="goods" :class="curExpress === item.key ? 'on' : ''"
- v-for="(item, index) in expressType" :key="index" @click="changeExpTpe(item, index)">
- {{ item.title }}<span class="iconfont icon-xuanzhong2"></span>
- </view>
- </view>
- </view>
- <block v-if="curExpress == 1">
- <view class="item acea-row row-between-wrapper">
- <view>快递公司</view>
- <view class="select-box">
- <picker class="pickerBox" @change="bindPickerChange" :value="seIndex" :range="logistics"
- range-key="name">
-
- <view class="uni-input">{{logistics[seIndex].name}}</view>
- </picker>
- </view>
- </view>
- <view class="item acea-row row-between-wrapper">
- <view>快递单号</view>
- <input type="text" placeholder="填写快递单号" v-model="delivery_id" class="mode" />
-
- <text class="iconfont icon-xiangji" @click="scanCode"></text>
-
-
- <text v-if="isWeixin" class="iconfont icon-xiangji" @click="scanCode"></text>
-
- </view>
- <view class="item">
- <view class="trip" v-if="curExpress == 1">顺丰请输入单号 :收件人或寄件人手机号后四位</view>
- <view class="trip" v-if="curExpress == 1">例如:SF000000000000:3941</view>
- </view>
- </block>
- <block v-if="curExpress == 2">
- <view class="item acea-row row-between-wrapper">
- <view>快递公司</view>
- <view class="select-box">
- <picker class="pickerBox" @change="bindPickerChange" :value="seIndex" :range="logistics"
- range-key="name">
-
- <view class="uni-input">{{logistics[seIndex].name}}</view>
- </picker>
- </view>
- </view>
- <view class="item acea-row row-between-wrapper" v-if="expTemp.length>0">
- <view>电子面单</view>
- <div class="picker-add">
- <picker class="pickerBox" @change="bindTempChange" :value="expIndex" :range="expTemp"
- range-key="title">
- <view class="uni-input">{{expTemp[expIndex].title}}</view>
- </picker>
- <div class="look" @click="previewImage">预览</div>
- </div>
- </view>
- <view class="item acea-row row-between-wrapper">
- <view>寄件人姓名:</view>
- <input type="text" placeholder="填写寄件人姓名" v-model="to_name" class="mode" />
- </view>
- <view class="item acea-row row-between-wrapper">
- <view>寄件人电话:</view>
- <input type="text" placeholder="填写寄件人电话" v-model="to_tel" class="mode" />
- </view>
- <view class="item acea-row row-between-wrapper">
- <view>寄件人地址:</view>
- <input type="text" placeholder="填写寄件人地址" v-model="to_addr" class="mode" />
- </view>
- </block>
- </view>
- </block>
- <view class="list" v-show="active === 1">
- <view class="item acea-row row-between-wrapper">
- <view>配送类型</view>
- <view class="mode acea-row row-middle row-right">
- <template v-for="item in deliveryTypeList">
- <view v-if="item.status" :key="item.key" :class="{ on: deliveryType == item.key }" class="goods" @click="deliveryTypeChange(item)">
- {{ item.title }}
- <text class="iconfont icon-xuanzhong2"></text>
- </view>
- </template>
- </view>
- </view>
- <view v-show="deliveryType === 2" class="item acea-row row-between-wrapper">
- <view>配送平台</view>
- <view class="mode acea-row row-middle row-right">
- <template v-for="item in deliveryPlatformList">
- <view v-if="item.status" :key="item.key" :class="{ on: station_type == item.key }" class="goods" @click="deliveryPlatformChange(item)">
- {{ item.title }}
- <text class="iconfont icon-xuanzhong2"></text>
- </view>
- </template>
- </view>
- </view>
- <view v-show="deliveryType === 2" class="item acea-row row-between-wrapper">
- <view>包裹重量</view>
- <input v-model="cargo_weight" type="digit" placeholder="填写包裹重量" class="mode" />kg
- </view>
- <textarea v-show="deliveryType === 2" v-model="remark" class="textarea" placeholder="配送备注" :maxlength="500" auto-height />
- <view v-show="deliveryType === 1" class="item acea-row row-between-wrapper">
- <view>送货人</view>
- <view class="select-box" v-if="postPeople.length>0">
- <picker class="pickerBox" @change="bindPostChange" :value="postIndex" :range="postPeople"
- range-key="wx_name">
-
- <view class="uni-input">{{postPeople[postIndex].wx_name}}</view>
- </picker>
- </view>
- </view>
- </view>
- <textarea v-show="active === 2 || (active === 1 && deliveryType == 2)" v-model="fictitious_content" class="textarea" @blur="bindTextAreaBlur"
- placeholder="备注" :maxlength="500" auto-height />
- <view class="item acea-row row-between-wrapper" v-if="totalNum>1&&active !== 2">
- <view>分单发货</view>
- <view class="mode acea-row row-middle row-right">
- <view class="goods" :class="curGoods === item.key ? 'on' : ''"
- v-for="(item, index) in orderGoods" :key="item.key" @click="changeGoods(item)">
- {{ item.title }}<span class="iconfont icon-xuanzhong2"></span>
- </view>
- </view>
- </view>
- <splitOrder :splitGoods="splitGoods" @getList="getList" v-if="curGoods"></splitOrder>
- </view>
- <view class="height-add"></view>
- <view class="confirm" @click="saveInfo">确认提交</view>
- </view>
- </template>
- <script>
- import {
- setAdminOrderDelivery,
- getLogistics,
- orderExportTemp,
- orderDeliveryInfo,
- orderOrderDelivery,
- orderSplitInfo,
- orderSplitDelivery
- } from "@/api/admin";
- import splitOrder from '@/components/splitOrder';
- export default {
- name: "GoodsDeliver",
- components: {
- splitOrder
- },
- props: {},
- data: function() {
- return {
- types: [{
- type: "express",
- title: "发货",
- key: 1,
- status: true
- },
- {
- type: "send",
- title: "送货",
- key: 2,
- status: true
- },
- {
- type: "fictitious",
- title: "无需物流",
- key: 3,
- status: true
- }
- ],
- expressType: [{
- title: '手动填写',
- key: 1
- },
- {
- title: '电子面单打印',
- key: 2
- },
- ],
- orderGoods: [
- {
- title:'开启',
- key: 1
- },
- {
- title:'关闭',
- key: 0
- }
- ],
- curExpress: 1,
- active: 0,
- order_id: "",
- delivery: [],
- logistics: [],
- delivery_type: "1",
- delivery_name: "",
- delivery_id: "",
- seIndex: 0,
- expIndex: 0,
- expTemp: [],
- to_name: '',
- to_tel: '',
- to_addr: "",
- postPeople: [],
- postIndex: 0,
- fictitious_content: '',
- listId:0,
- curGoods:0,
- splitGoods:[],
- cartIds:[],
- totalNum:0,
- productType:0,
-
- isWeixin: this.$wechat.isWeixin(),
-
- deliveryTypeList: [
- {
- title: '商家配送',
- key: 1,
- status: false
- },
- {
- title: '第三方配送',
- key: 2,
- status: false
- }
- ],
- deliveryPlatformList: [
- {
- title: '达达',
- key: 1,
- status: false
- },
- {
- title: 'UU跑腿',
- key: 2,
- status: false
- }
- ],
- deliveryType: 0,
- station_type: 0,
- cargo_weight: 0,
- remark: '',
- };
- },
- watch: {
- "$route.params.oid": function(newVal) {
- let that = this;
- if (newVal != undefined) {
- that.order_id = newVal;
- that.orderDeliveryInfo();
- }
- },
- active() {
- this.curGoods = 0;
- }
- },
- onLoad: function(option) {
- this.order_id = option.id;
- this.listId = option.listId;
- this.totalNum = option.totalNum;
- this.comeType = option.comeType;
- this.productType = option.productType
- if(this.productType==3){
- this.types.splice(0,2);
- this.delivery_type = 3;
- this.active = 2;
- }
- if(option.orderStatus == 8 || option.orderStatus == 4 || option.orderStatus == 9){
- this.curGoods = 1;
- this.orderGoods.pop();
- this.splitList();
- }
- this.getLogistics();
- this.orderDeliveryInfo()
- this.geTorderOrderDelivery()
- },
- methods: {
- getList(val){
- let that = this;
- that.splitGoods = val;
- let cartIds = [];
- val.forEach((item)=>{
- if(item.checked){
- let i = {
- cart_id:item.cart_id,
- cart_num:item.surplus_num
- }
- cartIds.push(i)
- }
- })
- this.cartIds = cartIds;
- },
- splitList(){
- orderSplitInfo(this.listId).then(res=>{
- let list = res.data;
- list.forEach((item)=>{
- item.checked = false
- item.numShow = item.surplus_num
- })
- this.splitGoods = list;
- }).catch(err=>{
- return this.$util.Tips({
- title: err
- });
- })
- },
-
- changeGoods(item){
- this.curGoods = item.key;
- if(item.key){
- this.splitList();
- }
- },
-
- scanCode() {
- // #ifdef MP
- let that = this;
- uni.scanCode({
- scanType: ['barCode'],
- success(res) {
- that.delivery_id = res.result;
- }
- })
-
-
- if (this.$wechat.isWeixin()) {
- this.$wechat.wechatEvevt('scanQRCode', {
- needResult: 1,
- scanType: ['barCode']
- }).then(res => {
- let result = res.resultStr.split(",");
- this.delivery_id = result[1];
- });
- }
-
- },
-
- previewImage() {
- uni.previewImage({
- urls: [this.expTemp[this.expIndex].pic],
- success: function() {
- },
- fail: function(error) {
- }
- });
- },
-
- geTorderOrderDelivery() {
- orderOrderDelivery().then(res => {
- this.postPeople = res.data
- })
- },
-
- bindPostChange(e) {
- this.postIndex = e.detail.value
- },
-
- changeExpTpe(item, index) {
- this.curExpress = item.key
- this.getLogistics(index || '');
- },
- changeType: function(item, index) {
- this.active = index;
- this.delivery_type = item.key;
- },
- getLogistics(status) {
- let that = this;
- getLogistics({
- status
- }).then(
- res => {
- that.logistics = res.data;
- that.getExpTemp(res.data[0].code)
- },
- error => {
- that.$util.Tips({
- title: error
- })
- }
- );
- },
- async saveInfo() {
- let that = this,
- delivery_type = that.delivery_type,
- delivery_name = that.logistics[that.seIndex].name,
- delivery_id = that.delivery_id,
- userName = that.delivery_name,
- save = {};
- save.delivery_type = delivery_type;
- save.delivery_code = that.logistics[that.seIndex].code
- save.delivery_name = that.logistics[that.seIndex].name
- save.type = that.active + 1
- if (delivery_type == 1 && this.curExpress == 1) {
- if (!delivery_id) {
- return this.$util.Tips({
- title: '请填写快递单号'
- })
- }
- save.express_record_type = that.curExpress
- save.delivery_id = delivery_id
- if(that.curGoods){
- that.setSplitInfo(save)
- }else{
- that.setInfo(save);
- }
- }
- if (delivery_type == 1 && this.curExpress == 2) {
- if (!that.to_name) {
- return this.$util.Tips({
- title: '请填写寄件人姓名'
- })
- }
- if (!that.to_tel) {
- return this.$util.Tips({
- title: '请填写寄件人手机号码'
- })
- }
- if (!(/^1[3456789]\d{9}$/.test(that.to_tel))) {
- return this.$util.Tips({
- title: '请填写寄件人手机号码'
- })
- }
- if (!that.to_addr) {
- return this.$util.Tips({
- title: '请填写寄件人地址'
- })
- }
- if (that.expTemp.length == 0) {
- return this.$util.Tips({
- title: '请选择电子面单'
- })
- }
- save.express_record_type = that.curExpress
- save.to_name = that.to_name
- save.to_tel = that.to_tel
- save.to_addr = that.to_addr
- save.express_temp_id = that.expTemp[that.expIndex].temp_id
- if(that.curGoods){
- that.setSplitInfo(save)
- }else{
- that.setInfo(save);
- }
- }
- if (delivery_type == 2) {
- let params = {}
- if (that.deliveryType == 1) {
- if(!that.postPeople.length){
- return this.$util.Tips({
- title: '请在平台后台添加送货人'
- })
- }
- let obj = this.postPeople[this.postIndex]
- params.sh_delivery_name = obj.wx_name
- params.sh_delivery_id = obj.phone
- params.sh_delivery_uid = obj.uid
- } else if (that.deliveryType == 2) {
- if(!that.cargo_weight){
- return this.$util.Tips({
- title: '请输入有效的重量'
- })
- }
- params.station_type = that.station_type
- params.cargo_weight = that.cargo_weight
- params.remark = that.remark
- params.mark = that.fictitious_content
- }
- params.type = that.delivery_type
- params.delivery_type = that.deliveryType
- if(that.curGoods){
- that.setSplitInfo(params)
- }else{
- that.setInfo(params);
- }
- }
- if (delivery_type == 3) {
- let params = {}
- params.type = that.delivery_type;
- params.fictitious_content = that.fictitious_content;
- if(that.curGoods){
- that.setSplitInfo(params)
- }else{
- that.setInfo(params);
- }
- }
- {
- // case "2":
- // if (!userName) {
- // return that.$util.Tips({
- // title: '请填写送货人姓名'
- // })
-
- {
- // return that.$util.Tips({
- // title: '请填写正确的手机号码'
- // })
-
-
-
-
-
-
- {
- // return this.$util.Tips({
- // title: '请填写快递单号'
- // })
-
-
-
-
-
-
-
-
-
- },
- setInfo: function(item) {
- let that = this;
- setAdminOrderDelivery(that.delivery.id, item).then(
- res => {
- that.$util.Tips({
- title: res.msg,
- icon: 'success',
- mask: true
- })
- setTimeout(res => {
- if(this.comeType == 2){
- uni.navigateTo({
- url:'/pages/admin/orderDetail/index?id='+this.order_id
- })
- }else{
- uni.navigateTo({
- url:'/pages/admin/orderList/index?types=1'
- })
- }
- }, 2000)
- },
- error => {
- that.$util.Tips({
- title: error
- })
- }
- );
- },
- setSplitInfo(item){
- if(!this.cartIds.length){
- return this.$util.Tips({
- title: '请选择发货商品'
- })
- }
- item.cart_ids = this.cartIds
- orderSplitDelivery(this.delivery.id, item).then(res=>{
- this.$util.Tips({
- title: res.msg,
- icon: 'success',
- mask: true
- })
- setTimeout(res => {
- if(this.comeType == 2){
- uni.navigateTo({
- url:'/pages/admin/orderDetail/index?id='+this.order_id
- })
- }else{
- uni.navigateTo({
- url:'/pages/admin/orderList/index?types=1'
- })
- }
- }, 2000)
- }).catch(err=>{
- this.$util.Tips({
- title: err
- })
- })
- },
- bindPickerChange(e) {
- this.seIndex = e.detail.value
- this.getExpTemp(this.logistics[e.detail.value].code)
- },
- bindTempChange(e) {
- this.expIndex = e.detail.value
- },
- getExpTemp(code) {
- orderExportTemp({
- com: code
- }).then(res => {
- this.expTemp = res.data.data
- })
- },
-
- orderDeliveryInfo() {
- orderDeliveryInfo(this.order_id).then(res => {
- this.delivery = res.data;
- this.to_name = res.data.to_name;
- this.to_tel = res.data.to_tel;
- this.to_addr = res.data.to_add;
- if (res.data.city_delivery_status) {
- this.deliveryTypeList.forEach(item => {
- if (item.key === 1) {
- item.status = res.data.self_delivery_status;
- } else if (item.key === 2) {
- item.status = res.data.dada_delivery_status || res.data.uu_delivery_status;
- }
- if (item.status && !this.deliveryType) {
- this.deliveryType = item.key;
- }
- });
- this.deliveryPlatformList.forEach(item => {
- if (item.key === 1) {
- item.status = res.data.dada_delivery_status;
- } else if (item.key === 2) {
- item.status = res.data.uu_delivery_status;
- }
- if (item.status && !this.station_type) {
- this.station_type = item.key;
- }
- });
- } else{
- const index = this.types.findIndex(item => item.key === 2);
- if (index !== -1) {
- that.types[index].status = false;
- }
- }
- })
- },
-
- deliveryTypeChange(item) {
- this.deliveryType = item.key;
- },
-
- deliveryPlatformChange(item) {
- this.station_type = item.key;
- }
- }
- };
- </script>
- <style lang="scss">
- .picker-add {
- display: flex;
- align-items: center;
- }
- .height-add {
- height:120upx;
- }
-
- .deliver-goods header {
- width: 100%;
- background-color: #fff;
- margin-top: 10upx;
- }
- .deliver-goods header .order-num {
- padding: 0 30upx;
- border-bottom: 1px solid #f5f5f5;
- height: 67upx;
- }
- .deliver-goods header .order-num .num {
- width: 430upx;
- font-size: 26upx;
- color: #282828;
- position: relative;
- }
- .deliver-goods header .order-num .num:after {
- position: absolute;
- content: '';
- width: 1px;
- height: 30upx;
- background-color: #ddd;
- top: 50%;
- margin-top: -15upx;
- right: 0;
- }
- .deliver-goods header .order-num .name {
- width: 260upx;
- font-size: 26upx;
- color: #282828;
- text-align: center;
- }
- .deliver-goods header .order-num .name .iconfont {
- font-size: 35upx;
- color: #477ef3;
- vertical-align: middle;
- margin-right: 10upx;
- }
- .deliver-goods header .address {
- font-size: 26upx;
- color: #868686;
- background-color: #fff;
- padding: 30upx;
- }
- .deliver-goods header .address .name {
- font-size: 34upx;
- color: #282828;
- margin-bottom: 10upx;
- }
- .deliver-goods header .address .name .phone {
- margin-left: 40upx;
- }
- .deliver-goods header .line {
- width: 100%;
- height: 3upx;
- }
- .deliver-goods header .line image {
- width: 100%;
- height: 100%;
- display: block;
- }
- .deliver-goods .wrapper {
- width: 100%;
- background-color: #fff;
- }
- .deliver-goods .wrapper .item {
- border-bottom: 1px solid #f0f0f0;
- padding: 0 30upx;
- height: 96upx;
- font-size: 32upx;
- color: #282828;
- position: relative;
- }
- .deliver-goods .wrapper .item .mode {
- width: 460upx;
- height: 100%;
- text-align: right;
- }
- .deliver-goods .wrapper .item .mode .iconfont {
- font-size: 30upx;
- margin-left: 13upx;
- }
- .deliver-goods .wrapper .item .mode .goods~.goods {
- margin-left: 30upx;
- }
- .deliver-goods .wrapper .item .mode .goods {
- color: #bbb;
- }
- .deliver-goods .wrapper .item .mode .goods.on {
- color: #477ef3;
- }
- .deliver-goods .wrapper .item .icon-up {
- position: absolute;
- font-size: 35upx;
- color: #2c2c2c;
- right: 30upx;
- }
- .deliver-goods .wrapper .item select {
- direction: rtl;
- padding-right: 60upx;
- position: relative;
- z-index: 2;
- }
- .deliver-goods .wrapper .item input::placeholder {
- color: #bbb;
- }
- .deliver-goods .confirm {
- font-size: 32upx;
- color: #fff;
- width: 100%;
- height: 100upx;
- background-color: #477ef3;
- text-align: center;
- line-height: 100upx;
- position: fixed;
- bottom: 0;
- }
- .select-box {
- flex: 1;
- height: 100%;
- .pickerBox {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- width: 100%;
- height: 100%;
- }
- }
- .look {
- margin-left: 20rpx;
- color: #1890FF;
- }
- .textarea {
- display: block;
- min-height: 192rpx;
- padding: 30rpx;
- width: 100%;
- border-bottom: 1px solid #f0f0f0;
- box-sizing: border-box;
- }
- .icon-xiangji {
- font-size: 35rpx;
- color: #477ef3;
- }
- .trip {
- font-size: 22rpx;
- color: #ccc;
- padding: 6rpx 0;
- }
- </style>
|