静态页面

src/pages/WoDe/DingDanLiuShui/index.vue

@@ -4,33 +4,21 @@
       <scroller :on-refresh="Refresh" :on-infinite="Infinite" ref="MyScroller">
         <div class="Container">
           <ul>
-            <li v-for="(item, index) in PageList" :key="index">
-              <ul>
-                <router-link tag="li" v-for="(subItem, subIndex) in item.List" :key="subIndex" :to="{name: 'DingDanXiangQing', query: {id: subItem.OrderId}}" class="flex-h">
-                  <div class="Time">
-                    <span v-if="subIndex === 0" class="Month">{{item.Day}} <em>{{item.Month}}</em></span>
-                    <span>{{subItem.CreateDate}}</span>
-                  </div>
-                  <div class="flex-item flex-h">
-                    <div class="Icon">
-                      <img :src="subItem.Icon" class="centerLabel contain" alt="">
-                    </div>
-                    <div class="flex-item">
-                      <div>
-                        <span>{{subItem.Name}}</span>
-                        <div class="flex-h">
-                          <div class="flex-item">
-                            <span v-if="subItem.Status === 1">中奖：<em>￥{{subItem.PrizeNum}}</em></span>
-                            <span v-else>投注：<b>￥-{{subItem.PayNum}}</b></span>
-                          </div>
-                          <span :class="[subItem.Status === 0 ? 'Black' : subItem.Status === 1 ? 'Red' : '']">{{subItem.Status === 0 ? '未开奖' : subItem.Status === 1 ? '已中奖' : '未中奖'}}</span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </router-link>
-              </ul>
-            </li>
+            <router-link tag="li" v-for="(item, index) in PageList" :key="index" :to="{name: 'DingDanXiangQing', query: {id: item.orderId}}">
+              <div class="Title flex-h">
+                <span class="flex-item">{{item.customerBetting.lotteryName}}</span>
+                <span class="Prize" v-if="item.customerBetting.isWinning">奖金：<em>{{item.customerBetting.winAmount}}</em>牛币</span>
+                <span class="Status" :class="[item.customerBetting.isWinning ? 'Red' : 'Black']">{{!item.customerBetting.isDrawn ? '未出票' : !item.customerBetting.isOpen ? '未开奖' : !item.customerBetting.isWinning ? '未中奖' : !item.customerBetting.isCashed ? '待派奖' : '已派奖'}}</span>
+              </div>
+              <div class="OrderId">
+                <span>订单号：</span>
+                <span>{{item.orderId}}</span>
+              </div>
+              <div class="Date">
+                <span>{{item.customerBetting.totalPrice}}牛币</span>
+                <span>下单时间：{{ToolClass.DateFormat(item.createDate)}}</span>
+              </div>
+            </router-link>
           </ul>
         </div>
       </scroller>
@@ -119,36 +107,7 @@ export default {
     ToGetPageList (done = () => { }) { // 获取页面列表
       if (this.HasNextPage) {
         this.GetCurrentShopOrderList({ queryData: { ...this.PageData } }).then((res) => {
-          let Arr = res.data.data.records || []
-          Arr.map((item) => {
-            if (this.PageList.length && (this.PageList[this.PageList.length - 1].List[this.PageList[this.PageList.length - 1].List.length - 1].CreateTimetamp - new Date(item.createDate).getTime() <= 1000 * 60 * 60 * 24)) {
-              this.PageList[this.PageList.length - 1].List.push({
-                OrderId: item.orderId,
-                Icon: this.ReturnIcon(item.customerBetting.lotteryId),
-                CreateDate: `${this.ToolClass.DoubleNum(new Date(item.createDate).getHours())}:${this.ToolClass.DoubleNum(new Date(item.createDate).getMinutes())}`,
-                Name: item.customerBetting.planName,
-                PayNum: 2,
-                PrizeNum: item.customerBetting.totalPrice,
-                Status: item.customerBetting.status,
-                CreateTimetamp: new Date(item.createDate).getTime()
-              })
-            } else {
-              this.PageList.push({
-                Month: this.ReturnMonth(new Date(item.createDate).getMonth() + 1),
-                Day: this.ToolClass.DoubleNum(new Date(item.createDate).getDate()),
-                List: [{
-                  OrderId: item.orderId,
-                  Icon: this.ReturnIcon(item.customerBetting.lotteryId),
-                  CreateDate: `${this.ToolClass.DoubleNum(new Date(item.createDate).getHours())}:${this.ToolClass.DoubleNum(new Date(item.createDate).getMinutes())}`,
-                  Name: item.customerBetting.planName,
-                  PayNum: 2,
-                  PrizeNum: item.customerBetting.totalPrice,
-                  Status: item.customerBetting.status,
-                  CreateTimetamp: new Date(item.createDate).getTime()
-                }]
-              })
-            }
-          })
+          this.PageList = this.PageList.concat(res.data.data.records || [])
           this.HasNextPage = res.data.data.total > this.CurrentShopOrderList.length
           done()
         }).catch(() => {

src/pages/WoDe/DingDanLiuShui/page.scss

@@ -2,98 +2,72 @@
   width: 100%;
   height: 100%;
   position: relative;
+  background: #f8f8f8;
   .Container {
     > ul {
       padding: 0 0.15rem;
       position: relative;
       overflow: hidden;
+      padding-bottom: 0.15rem;
       > li {
-        border-top: 0.01rem solid #f7f7f7;
-        &:first-child {
-          border-top: none;
-        }
-        > ul {
-          > li {
-            align-items: center;
-            padding: 0 0.15rem 0.15rem 0.15rem;
-            &:first-child {
-              > .flex-item {
-                border-top: none;
-              }
+        position: relative;
+        overflow: hidden;
+        padding: 0.15rem;
+        background: #fff;
+        border-radius: 0.06rem;
+        margin-top: 0.15rem;
+        > .Title {
+          align-items: center;
+          > .flex-item {
+            font-size: 0.16rem;
+            font-weight: bold;
+            color: #333;
+            line-height: 0.2rem;
+          }
+          > .Prize {
+            font-size: 0.12rem;
+            color: #999;
+            margin-left: 0.05rem;
+            > em {
+              color: #d91d36;
+              font-size: 0.12rem;
+              font-weight: bold;
             }
-            > .Time {
-              margin-right: 0.1rem;
-              > span {
-                display: block;
-                font-size: 0.12rem;
-                color: #666;
-                line-height: 0.2rem;
-                text-align: right;
-                min-width: 0.45rem;
-                &.Month {
-                  font-size: 0.16rem;
-                  color: #333;
-                  > em {
-                    font-size: 0.12rem;
-                    color: #333;
-                  }
-                }
-              }
+          }
+          > .Status {
+            font-size: 0.12rem;
+            color: #999;
+            margin-left: 0.05rem;
+            &.Red {
+              color: #d91d36;
             }
-            > .flex-item {
-              align-items: center;
-              padding-top: 0.15rem;
-              border-top: 0.01rem solid #f7f7f7;
-              > .Icon {
-                width: 0.4rem;
-                height: 0.4rem;
-                position: relative;
-                overflow: hidden;
-                margin-right: 0.1rem;
-              }
-              > .flex-item {
-                position: relative;
-                > div {
-                  > span {
-                    font-size: 0.14rem;
-                    color: #333;
-                    line-height: 0.2rem;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                  }
-                  > .flex-h {
-                    align-items: center;
-                    > div {
-                      > span {
-                        display: block;
-                        font-size: 0.12rem;
-                        color: #999;
-                        line-height: 0.2rem;
-                        > em {
-                          color: #07c160;
-                          font-size: 0.12rem;
-                        }
-                        > b {
-                          color: #d91d36;
-                          font-size: 0.12rem;
-                          font-weight: normal;
-                        }
-                      }
-                    }
-                    > span {
-                      font-size: 0.14rem;
-                      color: #999;
-                      &.Red {
-                        color: #d91d36;
-                      }
-                      &.Black {
-                        color: #000;
-                      }
-                    }
-                  }
-                }
-              }
+          }
+        }
+        > .OrderId {
+          font-size: 0;
+          white-space: nowrap;
+          margin-top: 0.05rem;
+          > span {
+            display: inline-block;
+            vertical-align: middle;
+            font-size: 0.12rem;
+            color: #666;
+            line-height: 0.2rem;
+          }
+        }
+        > .Date {
+          font-size: 0;
+          white-space: nowrap;
+          margin-top: 0.05rem;
+          > span {
+            display: inline-block;
+            vertical-align: middle;
+            font-size: 0.12rem;
+            color: #666;
+            line-height: 0.2rem;
+            margin-left: 0.1rem;
+            &:first-child {
+              margin-left: 0;
             }
           }
         }

src/pages/WoDe/ShouYe/index.vue

@@ -19,7 +19,7 @@
                     <router-link tag="span" :to="{ name: 'DianPuRenZheng' }">牛彩店铺 <em>（已认证）</em></router-link>
                   </div>
                 </div>
-                <span>营业额</span>
+                <router-link tag="span" :to="{ name: 'DingDanLiuShui' }">营业额</router-link>
                 <em v-if="CurrentShopInfo !== null">{{CurrentShopInfo.account.amount}}</em>
                 <i class="iconfont iconjiantouright"></i>
               </div>

src/pages/index/DingDanXiangQing/index.vue

@@ -101,7 +101,6 @@ export default {
   },
   mounted () {
     this.$nextTick(() => {
-
     })
   },
   methods: {
@@ -129,6 +128,7 @@ export default {
           this.DetailInfo.status = 1
           this.DetailInfo.bettingDetail.betting.isDrawn = true
           this.DataLock = false
+          this.$router.go(-1)
         }).catch(() => {
           this.DataLock = false
         })

src/pages/index/ShouYe/index.vue

@@ -90,6 +90,7 @@ export default {
     MainPageContainer
   },
   created () {
+    this.EmptyCurrentShopOrderList()
   },
   mounted () {
     this.$nextTick(() => {