jiangcaijun
2 years ago
11 changed files with 354 additions and 287 deletions
Split View
Diff Options
-
+7 -12components/active-card/address-list.vue
-
+55 -21components/active-card/order-list.vue
-
+10 -14pages.json
-
+3 -14pages/home/index.vue
-
+32 -0pages/my/kanwudetails.vue
-
+12 -10pages/my/kanwus.vue
-
+0 -22pages/my/my-kanwu-details.vue
-
+0 -22pages/my/my-order-details.vue
-
+0 -172pages/my/my-order-list.vue
-
+116 -0pages/my/orderdetails.vue
-
+119 -0pages/my/orders.vue
+ 7
- 12
components/active-card/address-list.vue
View File
+ 55
- 21
components/active-card/order-list.vue
View File
+ 10
- 14
pages.json
View File
+ 3
- 14
pages/home/index.vue
View File
+ 32
- 0
pages/my/kanwudetails.vue
View File
| @ -0,0 +1,32 @@ | |||
| <template> | |||
| <view class="home-pages"> | |||
| <view class="context"> | |||
| <rich-text :nodes="nodes"></rich-text> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| nodes: "<p><strong>语文 人教版</strong></p><p><strong>商品价格:￥39</strong></p><p><strong>商品原价:￥39</strong></p><p>订阅须知:</p><p>本公司提供的小学语文、数学、英语报纸均为四开四版彩色周报，每学期20期报纸+4张月考试卷，合计39元/套，订阅成功后将按照每4期为一次，共分六次配送，订阅时请注意以下几点:</p><p>一、订阅时间，以学期为单位分为两个时间段</p><p>1、期末预定:每学期期未预订下学期报纸，预订的报纸按以下时间配送。(第一周配送1-4期，后5次将每隔三周左右配送一次.)</p><p>2、开学前后订阅: 每学期开学前一周和开学后的第一个月内订阅，报纸配送的时间为订阅成功后一周左右配送1-4期的报纸，后续报纸均与预订报纸配送的时间一致。</p><p>、配送方式:班级集体订阅报纸，本公司直接配送到学校，更好的方便学生与教学同步使用报纸 (免收配送费)。</p><p>客服电话: 15819859838</p>" | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style> | |||
| .home-pages { | |||
| padding: 28rpx 29rpx 0; | |||
| min-height: 80vh; | |||
| background-color: #F7F7F7; | |||
| } | |||
| .context { | |||
| padding: 20rpx; | |||
| background-color: #FFF; | |||
| } | |||
| </style> | |||
pages/my/my-kanwu-list.vue → pages/my/kanwus.vue
View File
+ 0
- 22
pages/my/my-kanwu-details.vue
View File
| @ -1,22 +0,0 @@ | |||
| <template> | |||
| <view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style> | |||
| </style> | |||
+ 0
- 22
pages/my/my-order-details.vue
View File
| @ -1,22 +0,0 @@ | |||
| <template> | |||
| <view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style> | |||
| </style> | |||
+ 0
- 172
pages/my/my-order-list.vue
View File
| @ -1,172 +0,0 @@ | |||
| <template> | |||
| <view class="home-pages"> | |||
| <view style="color: #707070; | |||
| font-size: 28rpx;"> | |||
| </view> | |||
| <view class="home-content"> | |||
| <u-tabs | |||
| :list="tabList" | |||
| lineWidth="70" | |||
| lineHeight="3" | |||
| lineColor= "#00CCCC" | |||
| :activeStyle="{ | |||
| color: '#000000', | |||
| fontWeight: 'bold', | |||
| transform: 'scale(1.35)' | |||
| }" | |||
| :inactiveStyle="{ | |||
| color: '#000000', | |||
| transform: 'scale(1)' | |||
| }" | |||
| itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" | |||
| @click="tabClick" | |||
| > | |||
| </u-tabs> | |||
| <scroll-view scroll-y="true" class="scroll-y" | |||
| <card v-for="(item,i) in list" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></card> | |||
| </scroll-view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import card from '@/components/active-card/order-list.vue' | |||
| export default{ | |||
| components:{ | |||
| card, | |||
| }, | |||
| data(){ | |||
| return{ | |||
| params:{ | |||
| pageNo:1, | |||
| state:'0', | |||
| pageSize:10, | |||
| total: null, | |||
| isLock: true | |||
| }, | |||
| current:0, | |||
| list:[], | |||
| tabList: [ | |||
| { | |||
| id:'0', | |||
| name:'未支付' | |||
| }, | |||
| { | |||
| id:'1', | |||
| name:'已支付' | |||
| }, | |||
| { | |||
| id:'2', | |||
| name:'已发货' | |||
| }, | |||
| { | |||
| id:'3', | |||
| name:'已收货' | |||
| } | |||
| ] | |||
| } | |||
| }, | |||
| onLoad() { | |||
| this.list = []; | |||
| this.params.state = "0"; | |||
| this.params.pageNo = 1; | |||
| this.params.total = null; | |||
| this.params.isLock = true; | |||
| this.queryPageListJobRelease(); | |||
| }, | |||
| // 隐藏微信h5的标题栏 | |||
| onReady() { | |||
| this.$com.displayNav() | |||
| }, | |||
| onPullDownRefresh() { | |||
| this.list = []; | |||
| this.params.pageNo = 1; | |||
| this.params.total = null; | |||
| this.params.isLock = true; | |||
| this.queryPageListJobRelease() | |||
| }, | |||
| onReachBottom() { | |||
| if(this.params.isLock){ | |||
| this.params.isLock = false; | |||
| if(this.params.total !== null && this.params.pageNo * this.params.pageSize >= this.params.total){ | |||
| this.$Toast('没有更多数据了哦！'); | |||
| setTimeout(()=>{ | |||
| this.params.isLock = true; | |||
| },3000) | |||
| return | |||
| } | |||
| this.params.pageNo+=1; | |||
| this.$Toast('数据加载成功！'); | |||
| this.queryPageListJobRelease(); | |||
| } | |||
| }, | |||
| methods:{ | |||
| queryPageListJobRelease(){//学习列表 | |||
| if(this.pageNo>1){ | |||
| uni.showLoading({}) | |||
| } | |||
| this.$api('getOrderList',this.params) | |||
| .then(res=>{ | |||
| if(res.code == 200){ | |||
| if(this.params.total== null) { | |||
| this.params.total = res.result.total | |||
| } | |||
| if(this.params.pageNo>1){ | |||
| uni.hideLoading(); | |||
| } | |||
| this.list = this.list.concat(res.result.records); | |||
| this.params.isLock = true; | |||
| }else { | |||
| if(this.params.pageNo>1){ | |||
| uni.hideLoading(); | |||
| } | |||
| this.params.isLock = true; | |||
| } | |||
| }) | |||
| }, | |||
| tabClick(e){ | |||
| this.params.state = e.id; | |||
| this.params.pageNo =1; | |||
| this.list = []; | |||
| this.queryPageListJobRelease(); | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .home-pages { | |||
| padding: 28rpx 29rpx 0; | |||
| background-color: #F7F7F7; | |||
| .swiper{ | |||
| position: relative; | |||
| height: calc(100% -7vh); | |||
| width: 100%; | |||
| height: 1800px; | |||
| } | |||
| .scroll-Y { | |||
| height: calc(300vh - 660rpx); | |||
| padding-top: 20rpx; | |||
| } | |||
| .home-content { | |||
| .active-card{ | |||
| margin-top: 20rpx;; | |||
| border-radius: 0; | |||
| border: none; | |||
| border-style: none; | |||
| box-shadow: none; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||
+ 116
- 0
pages/my/orderdetails.vue
View File
| @ -0,0 +1,116 @@ | |||
| <template> | |||
| <view class="home-content"> | |||
| <view class="gray-line"/> | |||
| <view class="from"> | |||
| <view class="from-line"> | |||
| <span class="label-class">订单编号:</span> | |||
| <view><input v-model="release.tranNo"/></view> | |||
| </view> | |||
| <view class="from-line"> | |||
| <span class="label-class">创建时间:</span> | |||
| <view><input v-model="release.createTime"/></view> | |||
| </view> | |||
| <view class="from-line"> | |||
| <span class="label-class">姓名:</span> | |||
| <view><input v-model="release.name"/></view> | |||
| </view> | |||
| <view class="from-line"> | |||
| <span class="label-class">联系方式:</span> | |||
| <view><input v-model="release.mobile"/></view> | |||
| </view> | |||
| <view class="from-line"> | |||
| <span class="label-class">学校:</span> | |||
| <view><input v-model="release.shool"/></view> | |||
| </view> | |||
| <view class="from-line"> | |||
| <span class="label-class">年级:</span> | |||
| <view><input v-model="release.nclass"/></view> | |||
| </view> | |||
| <view class="from-line"> | |||
| <span class="label-class">班级:</span> | |||
| <view><input v-model="release.class"/></view> | |||
| </view> | |||
| </view> | |||
| <view class="gray-line"/> | |||
| <view class="from"> | |||
| <view class="from-line"> | |||
| <span class="label-class">订阅内容</span> | |||
| </view> | |||
| <view class="form-context"> | |||
| ¥ 39.00 数学 + 试卷 （共21份试卷） | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| release:{ | |||
| tranNo: "7368742356479233423", | |||
| createTime: "2031-09-09 22:10:09", | |||
| name: "廖", | |||
| mobile: "1992898292", | |||
| shool: "花样年华华盖中学", | |||
| nclass: "高中一年级", | |||
| class: "1409班" | |||
| } | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .home-content { | |||
| .gray-line { | |||
| width: 100vw; | |||
| height: 10rpx; | |||
| background-color: #F0F0F0; | |||
| } | |||
| .from { | |||
| margin-top: 20rpx; | |||
| background-color: #FFFFFF; | |||
| padding: 25rpx; | |||
| } | |||
| .from-line { | |||
| height: 78rpx; | |||
| display: flex; | |||
| background-color: #FFFFFF; | |||
| .label-class{ | |||
| line-height: 68rpx; | |||
| width: 148rpx; | |||
| color: #333; | |||
| } | |||
| input{ | |||
| padding-left: 10rpx; | |||
| height: 68rpx; | |||
| color: #aaa; | |||
| } | |||
| } | |||
| .form-context{ | |||
| padding: 36rpx; | |||
| color: #888; | |||
| font-size: 30rpx; | |||
| } | |||
| } | |||
| </style> | |||
+ 119
- 0
pages/my/orders.vue
View File
| @ -0,0 +1,119 @@ | |||
| <template> | |||
| <view class="home-pages"> | |||
| <view class="home-content"> | |||
| <card v-for="(item,i) in list" :item="item" :key="i" :i="i" @seeDetail="seeDetail"></card> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import card from '@/components/active-card/order-list.vue' | |||
| export default{ | |||
| components:{ | |||
| card, | |||
| }, | |||
| data(){ | |||
| return{ | |||
| params:{ | |||
| pageNo:1, | |||
| state:'0', | |||
| pageSize:10, | |||
| total: null, | |||
| isLock: true | |||
| }, | |||
| current:0, | |||
| list:[{tranNo: "69732894782348932"},{tranNo: "69732894782348931"}], | |||
| } | |||
| }, | |||
| onLoad() { | |||
| this.params.state = "0"; | |||
| this.params.pageNo = 1; | |||
| this.params.total = null; | |||
| this.params.isLock = true; | |||
| this.queryPageListJobRelease(); | |||
| }, | |||
| onReady() { | |||
| this.$com.displayNav() | |||
| }, | |||
| onPullDownRefresh() { | |||
| this.list = []; | |||
| this.params.pageNo = 1; | |||
| this.params.total = null; | |||
| this.params.isLock = true; | |||
| this.queryPageListJobRelease() | |||
| }, | |||
| onReachBottom() { | |||
| if(this.params.isLock){ | |||
| this.params.isLock = false; | |||
| if(this.params.total !== null && this.params.pageNo * this.params.pageSize >= this.params.total){ | |||
| this.$Toast('没有更多数据了哦！'); | |||
| setTimeout(()=>{ | |||
| this.params.isLock = true; | |||
| },3000) | |||
| return | |||
| } | |||
| this.params.pageNo+=1; | |||
| this.$Toast('数据加载成功！'); | |||
| this.queryPageListJobRelease(); | |||
| } | |||
| }, | |||
| methods:{ | |||
| queryPageListJobRelease(){//学习列表 | |||
| // if(this.pageNo>1){ | |||
| // uni.showLoading({}) | |||
| // } | |||
| // this.$api('getOrderList',this.params) | |||
| // .then(res=>{ | |||
| // if(res.code == 200){ | |||
| // if(this.params.total== null) { | |||
| // this.params.total = res.result.total | |||
| // } | |||
| // if(this.params.pageNo>1){ | |||
| // uni.hideLoading(); | |||
| // } | |||
| // this.list = this.list.concat(res.result.records); | |||
| // this.params.isLock = true; | |||
| // }else { | |||
| // if(this.params.pageNo>1){ | |||
| // uni.hideLoading(); | |||
| // } | |||
| // this.params.isLock = true; | |||
| // } | |||
| // }) | |||
| }, | |||
| tabClick(e){ | |||
| // this.params.state = e.id; | |||
| // this.params.pageNo =1; | |||
| // this.list = []; | |||
| // this.queryPageListJobRelease(); | |||
| }, | |||
| seeDetail(item){ | |||
| uni.navigateTo({ | |||
| url:`/pages/my/orderdetails` | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .home-pages { | |||
| padding: 28rpx 29rpx 0; | |||
| background-color: #F7F7F7; | |||
| min-height: 80vh; | |||
| .home-content { | |||
| min-height: 80vh; | |||
| .active-card{ | |||
| margin-top: 20rpx;; | |||
| border-radius: 0; | |||
| border: none; | |||
| border-style: none; | |||
| box-shadow: none; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||