禄玉堂是一款介于2B2C的系统,用户通过在平台进行预约购买产品,购买成功后,可以选择在平台进行寄售也可以选择发货。禄玉堂主要功能有预约系统,商城系统,支付系统,会员系统,寄售系统,公告系统,文章管理发布系统,转账系统,留言系统,物流系统,购物车系统等等。
禄玉堂首页主要是让用户进行预约,每天有三个时间段进行预约,预约成功后可下单
禄玉堂系统部分开发源码分享:
<div
class="status"
v-if="
(!isWeixin && orderInfo.pay_type == 'weixin') ||
orderInfo.pay_type == 'offline'
"
>
订单创建成功
</div>
<div class="status" v-else-if="orderInfo.paid">订单支付成功</div>
<div class="status" v-else>订单支付失败</div>
<div class="wrapper">
<div class="item acea-row row-between-wrapper">
<div>订单编号</div>
<div class="itemCom" v-text="orderInfo.order_id"></div>
</div>
<div class="item acea-row row-between-wrapper">
<div>下单时间</div>
<div class="itemCom" v-text="orderInfo._add_time"></div>
</div>
<div class="item acea-row row-between-wrapper">
<div>支付方式</div>
<div
class="itemCom"
v-if="orderInfo.pay_type == 'weixin' && orderInfo.is_channel == 2"
>
H5微信支付
</div>
<div
class="itemCom"
v-if="orderInfo.pay_type == 'weixin' && orderInfo.is_channel == 0"
>
微信支付
</div>
<div class="itemCom" v-if="orderInfo.pay_type == 'yue'">余额支付</div>
<div class="itemCom" v-if="orderInfo.pay_type == 'offline'">
线下支付
</div>
</div>
<div class="item acea-row row-between-wrapper">
<div>支付金额</div>
<div class="itemCom" v-text="orderInfo.pay_price"></div>
</div>
<!--失败时加上这个 -->
<div
class="item acea-row row-between-wrapper"
v-if="
orderInfo.paid == 0 &&
orderInfo.pay_type != 'offline' &&
isWeixin &&
msgContent
"
>
<div>失败原因</div>
<div class="itemCom" v-text="msgContent"></div>
</div>
</div>
<!--失败时: 重新购买 -->
<div v-if="orderInfo.pay_type == 'weixin' && orderInfo.is_channel == 2">
<div class="returnBnt bg-color-red" @click="goPages()">查看支付结果</div>
<div class="returnBnt cart-color" @click="goPages()">
支付失败重新支付
</div>
</div>
<div v-else>
<div class="returnBnt bg-color-red" @click="goPages()">查看订单</div>
<div class="returnBnt cart-color" @click="goPages('/')">返回首页</div>
</div>