diff --git a/common/uni.css b/common/uni.css
index a875397..57e52fa 100644
--- a/common/uni.css
+++ b/common/uni.css
@@ -26,6 +26,9 @@ progress, checkbox-group{
 form {
 	width: 100%;
 }
+.uni-con-width{
+	width: 100%;
+}
 .uni-flex {
 	display: flex;
 	flex-direction: row;
@@ -39,6 +42,9 @@ form {
 .uni-column {
 	flex-direction: column;
 }
+.uni-space-between{
+	justify-content: space-between;
+}
 .uni-link{
 	color:#576B95;
 	font-size:26rpx;
diff --git a/pages.json b/pages.json
index f6bb8b2..4f0a67a 100644
--- a/pages.json
+++ b/pages.json
@@ -13,12 +13,14 @@
   },
   "pages": [
     // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+
     {
-      "path": "pages/businessCard/buyCard",
+      "path": "pages/businessCard/provideCard",
       "style": {
-        "navigationBarTitleText": "商户卡券购买"
+        "navigationBarTitleText": "发放卡券"
       }
     },
+
     {
       "path": "pages/businessCard/businessCard",
       "style": {
@@ -26,6 +28,19 @@
       }
     },
     {
+      "path": "pages/businessCard/cardDetail",
+      "style": {
+        "navigationBarTitleText": "卡券申领明细"
+      }
+    },
+    {
+      "path": "pages/businessCard/buyCard",
+      "style": {
+        "navigationBarTitleText": "商户卡券购买"
+      }
+    },
+
+    {
       "path": "pages/parkRecordList/recordDetail",
       "style": {
         "navigationBarTitleText": "订单详情"
diff --git a/pages/businessCard/businessCard.vue b/pages/businessCard/businessCard.vue
index 328ce31..01dcbc5 100644
--- a/pages/businessCard/businessCard.vue
+++ b/pages/businessCard/businessCard.vue
@@ -23,10 +23,16 @@
                         <uni-icons type="cart-filled" size="18" color="#999"></uni-icons>
                         <text class="card-actions-item-text">购买</text>
                     </view>
-                    <view class="card-actions-item" @click="actionsClick('购买')">
+                    <view class="card-actions-item" @click="actionsClick('发放')">
                         <uni-icons type="redo-filled" size="18" color="#999"></uni-icons>
-                        <text class="card-actions-item-text">购买</text>
+                        <text class="card-actions-item-text">发放</text>
+                    </view>
+                    <view class="card-actions-item" @click="actionsClick('打印')">
+                        <uni-icons type="shop-filled" size="18" color="#999"></uni-icons>
+                        <text class="card-actions-item-text">打印</text>
                     </view>
+
+
                 </view>
             </uni-card>
         </uni-section>
diff --git a/pages/businessCard/cardDetail.vue b/pages/businessCard/cardDetail.vue
new file mode 100644
index 0000000..4c1d3a4
--- /dev/null
+++ b/pages/businessCard/cardDetail.vue
@@ -0,0 +1,302 @@
+<template>
+    <view>
+        <view class="statistics yellow-bg uni-list-cell-pd" style="color: #fff">共18张券被领取，合计金额100.00元，其中已使用16张</view>
+
+
+        <view class="uni-list">
+            <view class="uni-list-cell">
+                <view class="uni-list-cell-left">
+                    所有类型
+                </view>
+                <view class="uni-list-cell-db">
+                    <picker @change="bindPickerChange" :value="index" :range="array">
+                        <view class="uni-input">{{array[index]}}</view>
+                    </picker>
+                </view>
+            </view>
+        </view>
+
+        <view class="uni-list">
+            <view class="uni-list-cell">
+                <view class="uni-list-cell-left">
+                    所有状态
+                </view>
+                <view class="uni-list-cell-db">
+                    <picker @change="bindPickerChangeWay" :value="indexWay" :range="arrayWay">
+                        <view class="uni-input">{{arrayWay[indexWay]}}</view>
+                    </picker>
+                </view>
+            </view>
+        </view>
+
+
+        <view class="uni-list">
+            <view class="uni-list-cell">
+                <view class="uni-list-cell-left">
+                    开始时间
+                </view>
+                <view class="uni-list-cell-db">
+                    <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindStartDateChange">
+                        <view class="uni-input">{{benginDate}}</view>
+                    </picker>
+                </view>
+            </view>
+        </view>
+
+        <view class="uni-list">
+            <view class="uni-list-cell">
+                <view class="uni-list-cell-left">
+                    结束时间
+                </view>
+                <view class="uni-list-cell-db">
+                    <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindEndDateChange">
+                        <view class="uni-input">{{overDate}}</view>
+                    </picker>
+                </view>
+            </view>
+        </view>
+
+        <uni-section title="8折（折扣券）" type="line">
+            <uni-list>
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="slot-box uni-con-width">
+                            <view class="uni-flex uni-space-between ">
+                                <view class="color-blue">
+                                    JE000100011
+                                </view>
+                                <view class="color-blue">
+                                    京A123456
+                                </view>
+                            </view>
+                            <view class="uni-flex uni-space-between" style="padding: 10px 0">
+                                <view>
+                                    <text class="color-blue paddingRight" >领取时间</text>
+                                    2020-11-01 01:01:01
+                                </view>
+                                <view class="color-green">
+                                    已使用
+                                </view>
+                            </view>
+                            <view class="uni-flex uni-space-between">
+                                <view>
+                                    <text class="color-red paddingRight">使用时间</text>
+                                    2020-11-01 01:01:01
+                                </view>
+                                <view class="color-green">
+                                    5元/张
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </uni-section>
+
+
+        <uni-section title="8折（折扣券）" type="line">
+            <uni-list>
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="slot-box uni-con-width">
+                            <view class="uni-flex uni-space-between ">
+                                <view class="color-blue">
+                                    JE000100011
+                                </view>
+                                <view class="color-blue">
+                                    京A123456
+                                </view>
+                            </view>
+                            <view class="uni-flex uni-space-between" style="padding: 10px 0">
+                                <view>
+                                    <text class="color-blue paddingRight" >领取时间</text>
+                                    2020-11-01 01:01:01
+                                </view>
+                                <view class="color-red">
+                                    已失效
+                                </view>
+                            </view>
+                            <view class="uni-flex uni-space-between">
+                                <view>
+                                    <text class="color-red paddingRight">失效时间</text>
+                                    2020-11-01 01:01:01
+                                </view>
+                                <view class="color-green">
+                                    5元/张
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </uni-section>
+
+        <uni-section title="8折（折扣券）" type="line">
+            <uni-list>
+                <uni-list-item>
+                    <template v-slot:body>
+                        <view class="slot-box uni-con-width">
+                            <view class="uni-flex uni-space-between ">
+                                <view class="color-blue">
+                                    JE000100011
+                                </view>
+                                <view class="color-blue">
+                                    京A123456
+                                </view>
+                            </view>
+                            <view class="uni-flex uni-space-between" style="padding: 10px 0">
+                                <view>
+                                    <text class="color-blue paddingRight" >领取时间</text>
+                                    2020-11-01 01:01:01
+                                </view>
+                                <view class="color-blue">
+                                    未使用
+                                </view>
+                            </view>
+                            <view class="uni-flex uni-space-between">
+                                <view>
+                                    <text class="color-green paddingRight">有效截止</text>
+                                    2020-11-01 01:01:01
+                                </view>
+                                <view class="color-green">
+                                    5元/张
+                                </view>
+                            </view>
+                        </view>
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </uni-section>
+
+
+    </view>
+</template>
+
+<script>
+import common from "../../common/common.js";
+export default {
+  data() {
+    const currentDate = this.getDate({
+      format: true
+    })
+    return {
+      title: 'picker',
+      array: ['折扣券', '金额券', '单次券', '包天券', '满减券', '时长券'],
+      arrayWay: ['所有状态', '已失效', '已使用', '未使用', '已失效'],
+      index: 0,
+      indexWay: 0,
+      benginDate: currentDate,
+      overDate: currentDate,
+      rows: [],
+      pageNum: 1,//当前页
+      pageSize: 1,//每页条数
+      reload: false,
+      status: 'more',
+      contentText: {
+        contentdown: '上拉加载更多～',
+        contentrefresh: '正在加载更多～',
+        contentmore: '我是有底线的～'
+      },
+      iconType: 'auto', // 图标样式
+    }
+  },
+  onLoad(params) {
+    wx.showShareMenu({
+      withShareTicket: true
+    })
+    // this.mycarNumber = params.carNumber;
+    // this.myorderId = params.orderId;
+    // this.myparkCode = params.parkCode;
+    // this.myorderState = params.orderState;
+    // this.totalFee = params.totalFee
+    // this.unPayFee = params.unPayFee
+    // if (params.orderState == 5) {
+    //   //停车补缴单 103
+    //   this.mypaySrcType = '103'
+    // } else {
+    //   this.mypaySrcType = '101'
+    // }
+    // // this.GetbillQueryInfo(this.mycarNumber, this.myorderId, this.myparkCode);
+    // this.getWxCode();
+    // this.PDlogin();
+    //console.log("xxxmake = "+this.makedateFormat());
+  },
+  onShow() {
+    var me = this;
+    var userInfo = me.getGlobalUser("globalUser");
+    if (userInfo != null) {
+      me.phoneNumb = userInfo.userPhone;
+    }
+    var pages = getCurrentPages();
+    var currPage = pages[pages.length - 1]; //当前页面
+    console.log('currPage.data.selCoupon = ' + currPage.data.selCoupon);
+    me.selCoupon = currPage.data.selCoupon;
+    console.log(JSON.stringify(me.selCoupon));
+    // me.GetbillQueryInfo(me.mycarNumber, me.myorderId, me.myparkCode, me.selCoupon.cardNo, me.selCoupon.couponType, me.selCoupon
+    //   .discValue);
+    // GetbillQueryInfo(carnum, orderId, parkCode, cardNo, couponType, disValue) {
+  },
+  computed: {
+    startDate() {
+      return this.getDate('start');
+    },
+    endDate() {
+      return this.getDate('end');
+    }
+  },
+  methods: {
+    bindPickerChange: function (e) {
+      console.log('picker发送选择改变，携带值为', e.detail.value)
+      this.index = e.detail.value
+    },
+    bindPickerChangeWay: function (e) {
+      console.log('picker发送选择改变，携带值为', e.detail.value)
+      this.indexWay = e.detail.value
+    },
+    bindStartDateChange: function (e) {
+      this.benginDate = e.detail.value
+    },
+    bindEndDateChange: function (e) {
+      this.overDate = e.detail.value
+    },
+    getDate(type) {
+      const date = new Date();
+      let year = date.getFullYear();
+      let month = date.getMonth() + 1;
+      let day = date.getDate();
+      if (type === 'start') {
+        year = year - 60;
+      } else if (type === 'end') {
+        year = year + 2;
+      }
+      month = month > 9 ? month : '0' + month;
+      day = day > 9 ? day : '0' + day;
+      return `${year}-${month}-${day}`;
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+    .rechargeWrap {
+        position: relative;
+        .rechargeArrow {
+            position: absolute;
+            right: 10px;
+            top: 30px;
+            font-size: 20px;
+            color: #999;
+        }
+    }
+
+    .recordCon {
+        padding-right: 35px;
+        color: #999;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .paddingRight{
+        padding-right: 20px;
+    }
+</style>
diff --git a/pages/businessCard/provideCard.vue b/pages/businessCard/provideCard.vue
new file mode 100644
index 0000000..81f11f1
--- /dev/null
+++ b/pages/businessCard/provideCard.vue
@@ -0,0 +1,207 @@
+<template>
+    <view>
+        <uni-section title="50%(折扣券)" type="line">
+            <uni-card padding="0" spacing="0">
+                <uni-list>
+                    <uni-list-item title="适应车场"   rightText="万达商业广场"  >
+                        <text></text>
+                    </uni-list-item>
+                    <uni-list-item title="价格：¥5/张" rightText="商户库存：0张"></uni-list-item>
+                </uni-list>
+            </uni-card>
+        </uni-section>
+
+        <view class=" uni-card">
+            <view  style="width: 80%;height: 100px;border: 1px solid #ccc;margin: 0 auto">
+
+            </view>
+        </view>
+
+
+
+    </view>
+</template>
+
+<script>
+import common from "../../common/common.js";
+export default {
+  data() {
+    const currentDate = this.getDate({
+      format: true
+    })
+    return {
+      title: 'picker',
+      array: ['全部', '充值', '支付'],
+      arrayWay: ['所有方式', '微信', '线下公对公'],
+      index: 0,
+      indexWay: 0,
+      benginDate: currentDate,
+      overDate: currentDate,
+      rows:[],
+      pageNum:1,//当前页
+      pageSize:1,//每页条数
+      reload:false,
+      status:'more',
+      contentText:{
+        contentdown:'上拉加载更多～',
+        contentrefresh:'正在加载更多～',
+        contentmore:'我是有底线的～'
+      },
+      iconType:'auto', // 图标样式
+    }
+  },
+  onLoad(params) {
+    wx.showShareMenu({
+      withShareTicket: true
+    })
+    // this.mycarNumber = params.carNumber;
+    // this.myorderId = params.orderId;
+    // this.myparkCode = params.parkCode;
+    // this.myorderState = params.orderState;
+    // this.totalFee = params.totalFee
+    // this.unPayFee = params.unPayFee
+    // if (params.orderState == 5) {
+    //   //停车补缴单 103
+    //   this.mypaySrcType = '103'
+    // } else {
+    //   this.mypaySrcType = '101'
+    // }
+    // // this.GetbillQueryInfo(this.mycarNumber, this.myorderId, this.myparkCode);
+    // this.getWxCode();
+    // this.PDlogin();
+    //console.log("xxxmake = "+this.makedateFormat());
+  },
+  onShow() {
+    var me = this;
+    var userInfo = me.getGlobalUser("globalUser");
+    if (userInfo != null) {
+      me.phoneNumb = userInfo.userPhone;
+    }
+    var pages = getCurrentPages();
+    var currPage = pages[pages.length - 1]; //当前页面
+    console.log('currPage.data.selCoupon = ' + currPage.data.selCoupon);
+    me.selCoupon = currPage.data.selCoupon;
+    console.log(JSON.stringify(me.selCoupon));
+    // me.GetbillQueryInfo(me.mycarNumber, me.myorderId, me.myparkCode, me.selCoupon.cardNo, me.selCoupon.couponType, me.selCoupon
+    //   .discValue);
+    // GetbillQueryInfo(carnum, orderId, parkCode, cardNo, couponType, disValue) {
+  },
+  computed: {
+    startDate() {
+      return this.getDate('start');
+    },
+    endDate() {
+      return this.getDate('end');
+    }
+  },
+  methods: {
+    actionsClick(text){
+      uni.showToast({
+        title:text,
+        icon:'none'
+      })
+    },
+    bindPickerChange: function (e) {
+      console.log('picker发送选择改变，携带值为', e.detail.value)
+      this.index = e.detail.value
+    },
+    bindPickerChangeWay: function (e) {
+      console.log('picker发送选择改变，携带值为', e.detail.value)
+      this.indexWay = e.detail.value
+    },
+    bindStartDateChange: function (e) {
+      this.benginDate = e.detail.value
+    },
+    bindEndDateChange: function (e) {
+      this.overDate = e.detail.value
+    },
+    getDate(type) {
+      const date = new Date();
+      let year = date.getFullYear();
+      let month = date.getMonth() + 1;
+      let day = date.getDate();
+      if (type === 'start') {
+        year = year - 60;
+      } else if (type === 'end') {
+        year = year + 2;
+      }
+      month = month > 9 ? month : '0' + month;
+      day = day > 9 ? day : '0' + day;
+      return `${year}-${month}-${day}`;
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+    /deep/ .uni-section{
+        padding-bottom: 10px;
+    }
+    .rechargeWrap{
+        position: relative;
+        .rechargeArrow{
+            position: absolute;
+            right: 10px;
+            top: 30px;
+            font-size: 20px;
+            color: #999;
+        }
+    }
+    .recordCon {
+        padding-right: 35px;
+        color: #999;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .container {
+        overflow: hidden;
+    }
+
+    .custom-cover {
+        flex: 1;
+        flex-direction: row;
+        position: relative;
+    }
+
+    .cover-content {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 40px;
+        background-color: rgba($color: #000000, $alpha: 0.4);
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        padding-left: 15px;
+        font-size: 14px;
+        color: #fff;
+    }
+
+    .card-actions {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+        align-items: center;
+        height: 45px;
+        border-top: 1px #eee solid;
+    }
+    .card-actions-item {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+    }
+    .card-actions-item-text {
+        font-size: 12px;
+        color: #666;
+        margin-left: 5px;
+    }
+    .cover-image {
+        flex: 1;
+        height: 150px;
+    }
+    .no-border {
+        border-width: 0;
+    }
+</style>