<template>
    <view class="order-type-page">
        <nav-bar :navbar-data="navbarData"></nav-bar>
        <view class="pages-container" :style="'padding-top: ' + navHeight + 'px;'">
            <view>
                <view v-if="detailObj.orderType == 'NB'">
                    <view class="card_stutas">
                        <view style="padding-top: 36rpx">
                            <text class="card_stutas_desc">处方未审核</text>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order-pay.png'" />
                        </view>
                    </view>
                </view>
                <view v-if="detailObj.orderType == 'B' && !addressObj.drugStatus">
                    <view class="card_stutas">
                        <view style="padding-top: 36rpx">
                            <text class="card_stutas_desc">待支付</text>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order-pay.png'" />
                        </view>
                    </view>
                </view>
                <view v-if="detailObj.orderType == 'P' && addressObj.drugStatus === '待发药'">
                    <view class="card_stutas2">
                        <view>
                            <view style="margin-top: 10rpx">
                                <text class="card_stutas_desc" style="font-size: 32rpx">药品正在准备中......</text>
                                <view style="margin-top: 20rpx">
                                    <text class="card_stutas_desc">待发药</text>
                                    <!-- <text class="card_stutas_desc">已付款</text> -->
                                </view>
                            </view>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order_drup.png'" />
                        </view>
                    </view>
                    <!-- <view class="card_button">
			<van-button type="default" catchtap="turnReturn">申请退款</van-button>
		</view> -->
                </view>
                <view v-if="detailObj.orderType == 'P' && addressObj.drugStatus === '待取药' && addressObj.selfPickFlag === 'Y'">
                    <view class="card_stutas2">
                        <view style="margin-top: 10rpx">
                            <text class="card_stutas_desc" style="font-size: 27rpx">药品已打包完毕，自提时请出示取药码</text>
                            <view style="margin-top: 20rpx">
                                <text class="card_stutas_desc" style="font-size: 26rpx">取药码</text>
                                <text class="card_stutas_desc" style="font-size: 36rpx; margin-left: 10rpx">{{ addressObj.takeDrugCode }}</text>
                            </view>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order-get-by-mine.png'" />
                        </view>
                    </view>
                    <!-- <view class="card_button">
			<van-button type="default" catchtap="turnReturn">申请退款</van-button>
		</view> -->
                </view>
                <view v-if="detailObj.orderType == 'P' && addressObj.drugStatus === '待取药' && addressObj.selfPickFlag != 'Y'">
                    <view class="card_stutas5">
                        <view style="margin-top: 10rpx">
                            <text class="card_stutas_desc" style="font-size: 27rpx">{{ addressObj.title }}</text>
                            <view style="margin-top: 20rpx">
                                <text class="card_stutas_desc">待取药</text>
                            </view>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order-get-by-sf.png'" />
                        </view>
                    </view>
                    <view class="card_button">
                        <button type="default" custom-class="button_color" @tap.stop="showPopup">物流信息</button>
                    </view>
                </view>
                <view v-if="detailObj.orderType == 'P' && addressObj.drugStatus === '已取药' && addressObj.selfPickFlag === 'Y'">
                    <view class="card_stutas3">
                        <view style="margin-top: 10rpx">
                            <text class="card_stutas_desc" style="font-size: 26rpx">药品已自提</text>
                            <view style="margin-top: 20rpx">
                                <text class="card_stutas_desc">订单已完成</text>
                            </view>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order-hasget-by-mine.png'" />
                        </view>
                    </view>
                    <view class="card_button" style="background-color: #ffffff; padding: 20rpx 0 20rpx 0; text-align: center">
                        <text style="font-size: 24rpx; font-family: Microsoft YaHei; color: rgba(153, 153, 153, 1)">药品请遵医嘱使用，如有问题请联系就诊医生</text>
                    </view>
                </view>

                <view v-if="detailObj.orderType == 'P' && addressObj.drugStatus === '已取药' && addressObj.selfPickFlag != 'Y'">
                    <view class="card_stutas3">
                        <view style="margin-top: 10rpx">
                            <text class="card_stutas_desc" style="font-size: 27rpx">{{ addressObj.title }}</text>

                            <view style="margin-top: 20rpx">
                                <text class="card_stutas_desc">已取药</text>
                            </view>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order-hasget-by-mine.png'" />
                        </view>
                    </view>
                    <view class="card_button">
                        <button type="default" custom-class="button_color" @tap.stop="showPopup">物流信息</button>
                    </view>
                </view>

                <view v-if="detailObj.orderType == ''">
                    <view class="card_stutas4">
                        <view style="margin-top: 10rpx">
                            <text class="card_stutas_desc" style="font-size: 26rpx">您已申请退款，待审核...</text>

                            <view style="margin-top: 20rpx">
                                <text class="card_stutas_desc">退款中</text>
                            </view>
                        </view>
                        <!-- <view>
				<van-image width="136rpx" height="136rpx" fit="contain" src="{{imgHost}}/images/icon/order-return.png" />
			</view> -->
                    </view>
                </view>

                <view v-if="detailObj.orderType == ''">
                    <view class="card_stutas4">
                        <view style="margin-top: 10rpx">
                            <text class="card_stutas_desc" style="font-size: 26rpx">药品已自提</text>

                            <view style="margin-top: 20rpx">
                                <text class="card_stutas_desc">已退款</text>
                            </view>
                        </view>
                        <view>
                            <van-image width="136rpx" height="136rpx" fit="contain" :src="imgHost + '/images/icon/order-return.png'" />
                        </view>
                    </view>
                    <view class="card_button" style="background-color: #ffffff; padding: 20rpx 0 20rpx 0; text-align: center">
                        <text style="font-size: 24rpx; font-family: Microsoft YaHei; color: rgba(153, 153, 153, 1)">钱款已退回您的账户，请留意退款通知</text>
                    </view>
                </view>
            </view>
            <view>
                <view class="card_address" v-if="detailObj.orderType == 'P' && addressObj.selfPickFlag === 'N'" style="margin-top: 10rpx;">
                    <view style="padding: 20rpx 0 0 32rpx">
                        <text>{{ addressObj.receiveName }}</text>
                        <text style="margin-left: 9rpx; color: #949494">{{ addressObj.receivePhone }}</text>
                    </view>
                    <view style="padding: 20rpx 24rpx 20rpx 16rpx; display: flex">
                        <van-icon size="40rpx" color="rgba(77,193,130,1)" name="location" />
                        <text style="margin-left: 17rpx; width: 580rpx">{{ addressObj.receiveAddressDetails }}</text>
                        <view style="float: right">
                            <!-- <van-icon color="rgba(153,153,153,1)" name="arrow" /> -->
                        </view>
                    </view>
                </view>

                <view class="card_address" v-if="detailObj.orderType == 'P' && addressObj.selfPickFlag === 'Y'">
                    <view style="padding: 20rpx 24rpx 12rpx 16rpx; display: flex">
                        <van-icon size="40rpx" color="rgba(77,193,130,1)" name="location" />
                        <text style="margin-left: 17rpx; width: 580rpx; font-size: 28rpx">{{ hospAddress }}</text>
                    </view>
                    <view style="padding: 0 0 12rpx 72rpx">
                        <text style="font-size: 24rpx">预留手机：</text>
                        <text style="margin-left: 9rpx; color: #949494; font-size: 24rpx">{{ addressObj.receivePhone }}</text>
                    </view>
                    <view style="padding: 0 0 12rpx 72rpx">
                        <text style="font-size: 24rpx">自提时间：</text>
                        <!-- <text style="margin-left:9rpx;color:#FA8C16;font-size:24rpx">{{addressObj.selfPickDateTime }}</text> -->
                        <text style="margin-left: 9rpx; color: #fa8c16; font-size: 24rpx">每天8:00~17:30</text>
                    </view>
                </view>
            </view>
            <view>
                <view>
                    <view class="card" style="margin-bottom: 20rpx">
                        <view v-for="(itemName, idx) in drugArr" :key="idx">
                            <view class="card_type">
                                <text style="font-size: 30rpx; color: rgba(51, 51, 51, 1)">
                                    {{ itemName.locDesc }}{{ itemName.phaWin != '' ? '(' + itemName.phaWin + ')' : '' }}
                                </text>
                                <view style="float: right; margin-right: 20rpx" @tap="takePhone" :data-index="itemName" v-if="itemName.locPhone != ''">
                                    <van-icon size="40rpx" name="phone" />
                                </view>
                            </view>

                            <view v-for="(item1, index) in itemName.inspectMedData" :key="index">
                                <view class="border-top-before"></view>

                                <view style="display: flex; flex-direction: row">
                                    <view class="top"></view>
                                    <view class="card_drup">
                                        <text style="font-size: 28rpx; color: #333333">{{ item1.medDesc }}</text>
                                    </view>
                                    <view style="margin: 16rpx 23rpx 0 0; width: 158rpx">
                                        <view style="float: right">
                                            <text style="font-size: 24rpx; color: #999999">￥</text>
                                            <text style="font-size: 28rpx">{{ item1.price }}</text>
                                        </view>
                                    </view>
                                </view>
                            </view>

                            <view v-for="(item, index) in itemName.drugData" :key="index">
                                <view class="border-top-before"></view>

                                <view style="display: flex; flex-direction: row">
                                    <view class="top"></view>
                                    <view class="card_drup">
                                        <text style="font-size: 28rpx; color: #333333">{{ item.medDesc }}</text>
                                    </view>
                                    <view style="margin: 16rpx 23rpx 0 0; width: 158rpx">
                                        <view style="float: right">
                                            <text style="font-size: 24rpx; color: #999999">￥</text>
                                            <text style="font-size: 28rpx">{{ item.medUnitPrice }}</text>
                                        </view>
                                    </view>
                                </view>

                                <view style="display: flex; flex-direction: row; margin: 12rpx 23rpx 16rpx 50rpx">
                                    <view style="width: 400rpx">
                                        <text style="font-size: 26rpx">{{ item.medSpec }}</text>
                                    </view>
                                    <view style="width: 100%">
                                        <view style="float: right">
                                            <text style="font-size: 26rpx">x{{ item.medQty }}{{ item.medUnit }}</text>
                                        </view>
                                    </view>
                                </view>
                            </view>

                            <view class="border-top-before" style="padding: 20rpx 23rpx 20rpx 23rpx">
                                <text>小计</text>
                                <text style="float: right">
                                    ¥
                                    <text style="color: #fa541c">{{ itemName.totalPrice }}</text>
                                </text>
                            </view>

                            <view class="border-top-before"></view>
                        </view>
                        <view class="border-top-before" v-if="active == '0' || active == 0"></view>
                        <view style="margin: 20rpx 23rpx 20rpx 23rpx" v-if="active == '0' || active == 0">
                            <text>配送费</text>
                            <text style="float: right">到付</text>
                        </view>
                        <view class="border-top-before"></view>
                        <view style="margin: 20rpx 23rpx 20rpx 23rpx">
                            <text>总计</text>
                            <text style="float: right">
                                ¥
                                <text style="color: #fa541c">{{ detailObj.ordReasonPatAmt }}</text>
                            </text>
                        </view>
                        <view class="border-top-before"></view>
                        <view style="margin: 20rpx 23rpx 20rpx 23rpx">
                            <view>
                                <text>联系药房</text>
                                <text style="float: right">{{ telephone }}</text>
                            </view>
                        </view>
                        <view class="border-top-before" v-if="detailObj.orderType == 'P'"></view>
						<view style="margin: 20rpx 23rpx 20rpx 23rpx" v-if="addressObj.expressNo">
						    <text>物流单号</text>
						    <view  style="float: right; display: flex; align-items: center;" @tap="copy(addressObj.expressNo)">
								<text>{{ addressObj.expressNo }}</text>
								<image style="width: 40rpx; height: 40rpx; margin-left: 10rpx;color: #007AFF;" src="/src/static/images/copy-blue.svg" mode="aspectFill" />
							</view>
						</view>
						<view class="border-top-before"></view>
                        <view style="margin: 20rpx 23rpx 20rpx 23rpx" v-if="detailObj.orderType == 'P'">
                            <view>
                                <text>备注</text>
                                <text style="float: right">{{ addressObj.note ? addressObj.note : '无' }}</text>
                            </view>
                        </view>
						
                        <view class="border-top-before"></view>
                        <view style="margin: 20rpx 23rpx 20rpx 23rpx">
                            <view>
                                <text>{{ detailObj.orderType == 'B' || detailObj.orderType == 'NB' ? '处方流水号' : '订单编号' }}</text>
                                <text style="float: right">
                                    {{ detailObj.orderType == 'B' || detailObj.orderType == 'NB' ? detailObj.prescribeTradeNum : detailObj.payTradeNum }}
                                </text>
                            </view>
                        </view>
                        <view class="border-top-before"></view>
                        <view style="margin: 20rpx 23rpx 20rpx 23rpx">
                            <view>
                                <text v-if="detailObj.orderType == 'B' || detailObj.orderType == 'NB'">就诊时间</text>
                                <text style="float: right" v-if="detailObj.orderType == 'B' || detailObj.orderType == 'NB'">{{ detailObj.admDateTime }}</text>
                                <text v-if="detailObj.orderType == 'P'">下单时间</text>
                                <text style="float: right" v-if="detailObj.orderType == 'P'">{{ detailObj.payDateTime }}</text>
                            </view>
                        </view>
                        <view class="border-top-before"></view>
						
                        <!-- <view style="margin:20rpx 23rpx 20rpx 23rpx">
					<view>
						<text >支付方式</text>
						<text style="float:right">微信支付</text>
					</view>
				</view> -->
                    </view>
                </view>
                <view class="foot" v-if="detailObj.orderType == 'B' && !addressObj.drugStatus" style="z-index: 999">
                    <view style="float: right">
                        <text>
                            合计：￥
                            <text style="color: #fa541c; margin-right: 24rpx">{{ detailObj.ordReasonPatAmt }}</text>
                        </text>
                        <van-button type="info" custom-class="paybutton" @tap.native="turnTrans">立即支付</van-button>
                    </view>
                </view>
            </view>
        </view>

        <van-popup ref="popupRef" :show="show" @close="onClose" custom-style="height: 70%; width: 94%">
            <view class="logistics_view">
                <view class="logistics_view1">
                    <text class="address_text2">物流信息</text>
					<view class="logistics_text logistics_button" @click.stop="onClose($event, { tagId: 'button' })">
						确定
					</view>
                </view>
                <view class="logistics_view2 border-bottom-after" style="height: calc(100% - 84rpx); overflow: auto">
					<uni-steps :options="steps" active-color="#3478F7" :active="active" direction="column" />
                </view>
            </view>
        </van-popup>
        <van-dialog id="van-dialog" />
    </view>
</template>

<script>
import navBar from '@/components/navBar/index.vue';
import Dialog from '@/components/dialog/index.vue';
import Button from '@/components/button/index.vue';
import Popup from '@/components/popup/index.vue';

import Util from '@/utils/utils';
import $http from "@/utils/https";
import httpConfig from '@/utils/httpConfig';
import resultVue from '../../../index/pages/questionnaire/result/result.vue';
const app = getApp();
export default {
    components: {
        navBar,
		'van-button': Button,
		'van-popup': Popup
    },
	emits: ['close'],
    data() {
        return {
            imgHost: httpConfig && httpConfig.imgHost ? httpConfig.imgHost : 'https://np.h03.p0551.com',
            navHeight: app.globalData.navHeight,
            spaceHeight: app.globalData.spaceHeight,
            navTitleHeight: app.globalData.navTitleHeight,
            statusBarHeight: app.globalData.statusBarHeight,

            navbarData: {
                isGoHome: true,
                isGoBack: true,
                title: '订单'
            },

            hospDesc: String,
            hospAddress: String,
            telephone: String,
            detailObj: Object,

            addressObj: {
                drugStatus: '',
                selfPickFlag: '',
                takeDrugCode: '',
                title: '',
                receiveName: '',
                receivePhone: '',
                receiveAddressDetails: '',
                note: false,
				expressNo: ''
            },

            show: false,
            steps: [],
            drugArr: [],
            active: ''
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.setData({
            hospDesc: uni.getStorageSync('userData').hospDesc,
            hospAddress: uni.getStorageSync('userData').hospAddress,
            telephone: uni.getStorageSync('userData').telephone
        });
        if (options && options.admID) {
            let data = {
                params: [
                    {
                        orderType: 'A',
                        admID: options.admID
                    }
                ]
            };
            $http.post('urlS', this, {
                code: '01050003',
                data: data,
                success: function (res) {
                    if (+res.errorCode === 0) {
                        this.setData(
                            {
                                detailObj: res.result[0]
                            },
                            () => {
                                this.addressQuery();
                                this.drugQuery();
                            }
                        );
                    }
                }
            });
        } else {
            const eventChannel = this.getOpenerEventChannel();
            eventChannel.on('detailObj', (data) => {
                this.setData(
                    {
                        detailObj: data.detailObj
                    },
                    () => {
                        console.log('detailObj', this.detailObj);
                        if (this.detailObj.orderType == 'P') {
                            this.addressQuery();
                        }
                        this.drugQuery();
                    }
                );
            });
        }
    },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log('触发了source');
        let homeMsgData = uni.getStorageSync('homeMsgData');
        if (homeMsgData && homeMsgData.type === 'D') {
            if (homeMsgData.statusID && homeMsgData.statusID === '1') {
                Util.changeStatus(homeMsgData.ID, 'D');
            }
        }
    },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
		copy(expressNo) {
			uni.setClipboardData({
				data: expressNo,
				success: function () {
					uni.showToast({
						icon: "none",
						title: "复制成功",
					})
				}
			});
		},
        showPopup() {
			console.log(1111)
            this.setData({
                show: true
            });
        },

        onClose(e, _dataset) {
            /* ---处理dataset begin--- */
            this.handleDataset(e, _dataset);
            /* ---处理dataset end--- */
            this.setData({
                show: false
            });
        },

        turnOrderRefund(e) {
            let detailID = e.currentTarget.dataset['index'];
            uni.navigateTo({
                url: '../orderRefund/orderRefund'
            });
        },

        turnTrans: Util.debounce(function (e) {
			this.$cache.set('orderDetailObj', this.detailObj)
			console.log('detailObj===', this.detailObj)
            wx: uni.navigateTo({
                url: '../distributionInfo/distributionInfo',
                success: (res) => {
                    console.log('跳转成功')
                }
            });
        }),

        //拨打电话的弹窗
        takePhone: Util.debounce(function (e) {
            let locObj = e.currentTarget.dataset.index;
            Dialog.confirm({
                context: this,
                title: '热线服务',
                message: this.hospDesc + locObj.locDesc + '服务热线：' + locObj.locPhone,
                confirmButtonText: '呼叫'
                //message: this.data.hospDesc+locObj.locDesc+'服务热线：'+locObj.locPhone,
            })
                .then(() => {
                    uni.makePhoneCall({
                        phoneNumber: locObj.locPhone
                        //phoneNumber: '1112321321321',
                    });
                })
                .catch(() => {
                    //cancel
                });
        }),

        turnReturn() {
            uni.navigateTo({
                url: '../orderRefund/orderRefund'
            });
        },

        addressQuery: Util.debounce(function () {
            let { detailObj } = this;
            let data = {
                params: [
                    {
                        payTradeNum: detailObj.payTradeNum || ''
                        //payTradeNum: "25WXSF202006170000008"
                    }
                ]
            };

            $http.post('urlS', this, {
                code: '01050009',
                data: data,
                success: function (res) {
                    console.log(res)
                    if (+res.errorCode === 0) {
                        var logisticsData = res.result.expInfo.length > 0 ? res.result.expInfo[0].routeData : [];
						if(res.result && res.result.title && res.result.title.indexOf("：") > -1) res.result['expressNo'] = res.result.title.split("：")[1]
                        this.setData({
                            addressObj: res.result,
                            steps: logisticsData
                        });
                    }
                }
            });
        }),

        //发药药品及窗口查询
        drugQuery: Util.debounce(function () {
            let data = {
                params: [
                    {
                        payTradeNum: this.detailObj.orderType == 'P' ? this.detailObj.payTradeNum : '',
                        hospCode: this.$cache.get('userData').hisHospID,
                        userCode: 'wxsf',
                        prescribeTradeNum: this.detailObj.orderType == 'P' ? '' : this.detailObj.prescribeTradeNum
                    }
                ]
            };
            // uni.showLoading({
            //     mask: true
            // });
            $http.post('urlS', this, {
                code: '130982',
                data: data,
                namespace: 'UPP',
                success: function (res) {
                    uni.hideLoading();
                    if (+res.errorCode === 0) {
                        this.setData(
                            {
                                drugArr: res.result.data
                            },
                            () => {
                                console.log(res.result.data);
                            }
                        );
                    } else {
                        this.setData({
                            drugArr: []
                        });
                    }
                }
            });
        })
    }
};
</script>
<style>
/* pages/order//pages/orderType/orderType.wxss */
.order-type-page {
	display: flex;
	flex-direction: column;
}
.pages-container {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	flex: 1;
}
text {
    font-size: 32rpx;
    font-family: PingFang SC;
    color: #666666;
    line-height: 39rpx;
}

.card_stutas {
    height: 146rpx;
    width: 80%;
    background: linear-gradient(90deg, rgba(239, 79, 43, 1) 0%, rgba(248, 121, 92, 1) 100%);
    border-radius: 10rpx;
    margin: 8rpx 24rpx 8rpx 24rpx;
    padding: 30rpx 54rpx 0 48rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card_stutas2 {
    height: 146rpx;
    width: 80%;
    background: linear-gradient(90deg, rgba(239, 79, 43, 1) 0%, rgba(248, 121, 92, 1) 100%);
    /* border-top-right-radius: 10rpx;
  border-top-left-radius: 10rpx; */
    border-radius: 10rpx;
    margin: 8rpx 24rpx 8rpx 24rpx;
    padding: 30rpx 54rpx 0 48rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card_stutas5 {
    height: 146rpx;
    width: 80%;
    background: linear-gradient(90deg, rgba(239, 79, 43, 1) 0%, rgba(248, 121, 92, 1) 100%);
    border-top-right-radius: 10rpx;
    border-top-left-radius: 10rpx;
    margin: 8rpx 24rpx 8rpx 24rpx;
    padding: 30rpx 54rpx 0 48rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card_stutas3 {
    height: 146rpx;
    width: 80%;
    background: linear-gradient(90deg, rgba(11, 183, 90, 1) 0%, rgba(81, 220, 145, 1) 100%);
    border-top-right-radius: 10rpx;
    border-top-left-radius: 10rpx;
    margin: 8rpx 24rpx 8rpx 24rpx;
    padding: 30rpx 54rpx 0 48rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card_stutas4 {
    height: 146rpx;
    width: 80%;
    background: linear-gradient(90deg, rgba(19, 194, 194, 1) 0%, rgba(82, 196, 26, 1) 0%, rgba(12, 191, 191, 1) 0%, rgba(91, 222, 209, 1) 100%);
    border-top-right-radius: 10rpx;
    border-top-left-radius: 10rpx;
    margin: 8rpx 24rpx 8rpx 24rpx;
    padding: 30rpx 54rpx 0 48rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card_stutas_desc {
    font-size: 40rpx;
    color: rgba(255, 255, 255, 1);
}

image {
    margin-top: -6rpx;
}

.card_order {
    background: rgba(255, 255, 255, 1);
    border-radius: 10rpx;
}

.card_button {
    margin-top: 20rpx;
    margin-left: 24rpx;
    margin-right: 24rpx;
    margin-bottom: 8rpx;
}

/* .van-button--default {
  width: 705rpx !important;
} */

.card_address {
    background: rgba(255, 255, 255, 1);
    border-radius: 10rpx;
    margin: 0 24rpx 10rpx 24rpx;
}

.card_drup {
    margin: 16rpx 0 0 10rpx;
    width: 483rpx;
}

.card {
    background: rgba(255, 255, 255, 1);
    border-radius: 10rpx;
    margin: 10rpx 25rpx 0 25rpx;
}

.top {
    width: 10rpx;
    height: 10rpx;
    background: rgba(204, 204, 204, 1);
    border-radius: 50%;
    margin: 30rpx 0 0 32rpx;
}

.card_type {
    margin: 20rpx 0 20rpx 25rpx;
}

.bottom_line {
    width: 750rpx;
    height: 1rpx;
    background: rgba(245, 244, 244, 1);
}

.van-button--round {
    border-radius: 0 !important;
}

.paycolor {
    color: #fa541c;
}

.foot {
    height: 92rpx;
    background: white;
    line-height: 92rpx;
    bottom: 0rpx;
    position: fixed;
    width: 100%;
}

.paybutton {
    width: 240rpx;
}

.button_color {
    color: #1890ff !important;
    width: 705rpx !important;
}

.logistics_text {
    color: #3478f7;
    float: right;
}

.logistics_view {
	box-sizing: border-box;
	height: 100%;
	background: #fff;
	padding: 0 20rpx 40rpx 0;
}

.logistics_view1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}

.logistics_view2 {
}

.van-popup {
    width: 100%;
}

.logistics_button {
	text-align: center;
}
</style>
