123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938 |
- <template>
- <view class="ezy-order-page">
- <view class="icon-title-navBar-box">
- <view @click="goBack" class="nav-bar-icon"></view>
- <text class="nav-bar-title">我的订单</text>
- </view>
- <view class="ezy-tab-border">
- <uni-segmented-control :current="dingdanData.current" :values="dingdanData.items" active-color="#3A7FE9"
- @clickItem="onChangeTab" class="ezy-tab-box" />
- <view>
- <view v-if="dingdanData.current == 0">
- <scroll-view scroll-y="true" refresher-enabled="true" @scrolltolower="onScrolltolower"
- :refresher-triggered="dingdanData.quanbu.loading" :refresher-threshold="50"
- refresher-background="transparent" @refresherrefresh="onRefresh" class="order-scroll-view">
- <!--数学-->
- <uni-list>
- <uni-list-item v-for="(item,index) in dingdanData.quanbu.list" :key="index"
- class="order-list-item">
- <template v-slot:body>
- <view class="order-item-head">
- <view class="order-name-box">
- <icon></icon><text>鹅状元自营</text>
- </view>
- <view>
- <text>不支持退订</text>
- <text v-if="item.status ==2" class="pay-status">已付款</text>
- <text v-if="item.status ==3" class="pay-status">已关闭</text>
- <text v-if="item.status ==1" class="pay-status">待付款</text>
- </view>
- </view>
- <view class="order-content-box" @click="goDao(item2,index2)" v-for="(item2,index2) in item.cardList"
- :key="index2">
- <!-- 需要改成从接口获取的 wgy-->
- <img class="content-img" :src="item2.cover">
- <view class="content-body-box">
- <view class="content-name">{{item2.cardName}}</view>
- <view class="content-text">{{item2.intro}}</view>
- <!-- 未付款数据对一下 是否有课程包明细 wgy-->
- <view class="content-money-box">
- <view class="order-kcb-btn" v-if="item2.type ==1"
- @click.stop="detailBtn(item2,index2)">课程包明细<icon></icon>
- </view>
- <text class="content-yuanjia">¥{{item.money}}</text>
- </view>
- </view>
- </view>
- <view class="content-heji" v-if="item.cardList.length>1">合计:¥{{item.money}}</view>
- <view v-if="item.status !=2" class="order-bottom-box">
- <view class="pay-status-box"
- v-if="payType =='weixin'&¤tPlatform =='android'"
- @click="switchPayWay">
- <icon class="wx-icon"></icon>微信
- </view>
- <view class="pay-status-box"
- v-if="payType =='zhifubao'&¤tPlatform =='android'"
- @click="switchPayWay">
- <icon class="zfb-icon"></icon>支付宝
- </view>
- <view class="pay-status-box apple-status-box" v-if="currentPlatform =='ios'">
- <icon class="apple-icon"></icon>apple
- </view>
- <view v-if="currentPlatform =='android'" class="pay-btn"
- @touchstart="creatOrder(item.cardList,index)">立即支付
- </view>
- <view v-if="currentPlatform =='ios'"
- class="pay-btn" @touchstart="creatOrderIos(item.cardList,index,item.id)">立即支付
- </view>
- </view>
- </template>
- </uni-list-item>
- <uni-load-more :status="dingdanData.quanbu.state" @click="getMore(0)"
- :contentText="dingdanData.quanbu.contentText">
- </uni-load-more>
- </uni-list>
- </scroll-view>
- </view>
- <view v-if="dingdanData.current == 1">
- <scroll-view scroll-y="true" refresher-enabled="true" @scrolltolower="onScrolltolower"
- :refresher-triggered="dingdanData.daiFukuan.loading" :refresher-threshold="50"
- refresher-background="transparent" @refresherrefresh="onRefresh" class="order-scroll-view">
- <!--数学-->
- <uni-list>
- <uni-list-item v-for="(item,index) in dingdanData.daiFukuan.list" :key="index"
- class="order-list-item">
- <template v-slot:body>
- <view class="order-item-head">
- <view class="order-name-box">
- <icon></icon><text>鹅状元自营</text>
- </view>
- <view>
- <text>不支持退订</text>
- <text v-if="item.status ==2" class="pay-status">已付款</text>
- <text v-if="item.status ==3" class="pay-status">已关闭</text>
- <text v-if="item.status ==1" class="pay-status">待付款</text>
- </view>
- </view>
- <view class="order-content-box" v-for="(item2,index2) in item.cardList"
- :key="index2">
- <!-- 需要改成从接口获取的 wgy-->
- <img class="content-img" :src="item2.cover">
- <view class="content-body-box">
- <view class="content-name">{{item2.cardName}}</view>
- <view class="content-text">{{item2.intro}}</view>
- <!-- 未付款数据对一下 是否有课程包明细 wgy-->
- <view class="content-money-box">
- <view class="order-kcb-btn" v-if="item2.type ==1"
- @click="detailBtn(item2,index2)">课程包明细<icon></icon>
- </view>
- <text class="content-yuanjia">¥{{item.money}}</text>
- </view>
- </view>
- </view>
- <view class="content-heji" v-if="item.cardList.length>1">合计:¥{{item.money}}</view>
- <view v-if="item.status !=2" class="order-bottom-box">
- <view class="pay-status-box"
- v-if="payType =='weixin'&¤tPlatform =='android'"
- @click="switchPayWay">
- <icon class="wx-icon"></icon>微信
- </view>
- <view class="pay-status-box"
- v-if="payType =='zhifubao'&¤tPlatform =='android'"
- @click="switchPayWay">
- <icon class="zfb-icon"></icon>支付宝
- </view>
- <view class="pay-status-box apple-status-box" v-if="currentPlatform =='ios'">
- <icon class="apple-icon"></icon>apple
- </view>
- <view v-if="currentPlatform =='android'" class="pay-btn"
- @touchstart="creatOrder(item.cardList,index)">立即支付
- </view>
- <view v-if="currentPlatform =='ios'"
- class="pay-btn" @touchstart="creatOrderIos(item.cardList,index,item.id)">立即支付
- </view>
- </view>
-
- </template>
- </uni-list-item>
- <uni-load-more :status="dingdanData.daiFukuan.state" @click="getMore(1)"
- :contentText="dingdanData.daiFukuan.contentText">
- </uni-load-more>
- </uni-list>
- </scroll-view>
- </view>
- <view v-if="dingdanData.current == 2">
- <scroll-view scroll-y="true" refresher-enabled="true" @scrolltolower="onScrolltolower"
- :refresher-triggered="dingdanData.yiFukuan.loading" :refresher-threshold="50"
- refresher-background="transparent" @refresherrefresh="onRefresh" class="order-scroll-view">
- <!--数学-->
- <uni-list>
- <uni-list-item v-for="(item,index) in dingdanData.yiFukuan.list" :key="index"
- class="order-list-item">
- <template v-slot:body>
- <view class="order-item-head">
- <view class="order-name-box">
- <icon></icon><text>鹅状元自营</text>
- </view>
- <view>
- <text>不支持退订</text>
- <text v-if="item.status ==2" class="pay-status">已付款</text>
- <text v-if="item.status ==3" class="pay-status">已关闭</text>
- <text v-if="item.status ==1" class="pay-status">待付款</text>
- </view>
- </view>
- <view class="order-content-box" @click="goDao(item2,index2)" v-for="(item2,index2) in item.cardList"
- :key="index2">
- <!-- 需要改成从接口获取的 wgy-->
- <img class="content-img" :src="item2.cover">
- <view class="content-body-box">
- <view class="content-name">{{item2.cardName}}</view>
- <view class="content-text">{{item2.intro}}</view>
- <!-- 未付款数据对一下 是否有课程包明细 wgy-->
- <view class="content-money-box">
- <view class="order-kcb-btn" v-if="item2.type ==1"
- @click="detailBtn(item2,index2)">课程包明细<icon></icon>
- </view>
- <text class="content-yuanjia">¥{{item.money}}</text>
- </view>
- </view>
- </view>
- <view class="content-heji" v-if="item.cardList.length>1">合计:¥{{item.money}}</view>
- <view v-if="item.status !=2" class="order-bottom-box">
- <view class="pay-status-box"
- v-if="payType =='weixin'&¤tPlatform =='android'"
- @click="switchPayWay">
- <icon class="wx-icon"></icon>微信
- </view>
- <view class="pay-status-box"
- v-if="payType =='zhifubao'&¤tPlatform =='android'"
- @click="switchPayWay">
- <icon class="zfb-icon"></icon>支付宝
- </view>
- <view class="pay-status-box apple-status-box" v-if="currentPlatform =='ios'">
- <icon class="apple-icon"></icon>apple
- </view>
- <view v-if="currentPlatform =='android'" class="pay-btn"
- @touchstart="creatOrder(item.cardList,index)">立即支付
- </view>
- <view v-if="currentPlatform =='ios'"
- class="pay-btn" @touchstart="creatOrderIos(item.cardList,index,item.id)">立即支付
- </view>
- </view>
-
- </template>
- </uni-list-item>
- <uni-load-more :status="dingdanData.yiFukuan.state" @click="getMore(2)"
- :contentText="dingdanData.yiFukuan.contentText">
- </uni-load-more>
- </uni-list>
- </scroll-view>
- </view>
- </view>
- </view>
- <product-dialog ref="mallProductPopup"></product-dialog>
- <CustomTabBar></CustomTabBar>
- </view>
- </template>
- <script setup>
- import {
- reactive,
- ref
- } from "vue";
- import {
- orderAdd,
- orderPayAli,
- orderPayWx,
- orderPayApple,
- getOrderList,
- orderInfo,
- orderCheck
- } from "@/api/order.js"
- import {
- onLoad
- } from "@dcloudio/uni-app";
- import {
- toast,
- debounce,
- getUserIdentity
- } from "@/utils/common";
- import cacheManager from '@/utils/cacheManager.js';
- import CustomTabBar from '@/components/custom-tabbar/custom-tabbar.vue';
- import payComponents from '@/components/payComponents/index.vue';
- import productDialog from './productDialog.vue'
- const mallProductPopup = ref(null);
- const payComponentsRef = ref(null);
- const showPayWay = ref(true)
- let currentPlatform = ref('android')
- const payType = ref('weixin');
- let orderId = ref('');
- let productId = ref(null)
- let iapChannel = ref(null)
- let quantity = ref(1)
- let channel = ref('')
- let appleFlag = ref('')
- function switchPayWay() {
- payType.value = payType.value == 'weixin' ? 'zhifubao' : 'weixin'
- }
- function detailBtn(data, index) {
- mallProductPopup.value.detailShow(data.levelList);
- }
- const dingdanData = reactive({
- items: ['全部', '待付款', '已付款'],
- current: 0,
- quanbu: {
- page: 0,
- list: [],
- loading: false,
- state: 'more',
- contentText: {
- contentdown: '查看更多',
- contentrefresh: '加载中',
- contentnomore: '没有更多'
- }
- },
- daiFukuan: {
- page: 0,
- list: [],
- loading: false,
- state: 'more',
- contentText: {
- contentdown: '查看更多',
- contentrefresh: '加载中',
- contentnomore: '没有更多'
- }
- },
- yiFukuan: {
- page: 0,
- list: [],
- loading: false,
- state: 'more',
- contentText: {
- contentdown: '查看更多',
- contentrefresh: '加载中',
- contentnomore: '没有更多'
- }
- },
- })
- function goDao(data,index){
- console.log('data',data);
- console.log('index',index);
- if(data.type ==0 &&data.levelList.length ==1){
- cacheManager.updateObject('auth', {
- typeId: data.levelList[0].typeId,
- levelId: data.levelList[0].levelId,
- subjectId: data.levelList[0].subjectId,
- currentZhang: 0
- })
- cacheManager.remove('daoPageCache')
- uni.redirectTo({
- url: `/pages/study/index`
- })
- }
- }
- function genggaiVip(data) {
- uni.hideLoading();
- const localList = cacheManager.get('auth').levelIdList || []
- const mergeList = [...new Set([...localList, ...data.levelIdList])]
- cacheManager.updateObject('auth', {
- levelIdList: mergeList
- })
- toast("支付成功")
- dingdanData.current = 2
- getMore(2)
- // if (formPage.value == 'my') {
- // uni.redirectTo({
- // url: '/pages/my/index'
- // })
- // } else {
- // uni.redirectTo({
- // url: '/pages/study/index'
- // })
- // }
- }
- const creatOrderIos = debounce((data, index,orderId) => {
- console.log('data',data[0].cardId);
- console.log('index',index);
- console.log('orderId',orderId);
- return
- uni.showLoading({
- title: '',
- mask: true
- });
- const productMap = {
- 4: 'ezySxJstxL1', //计算特训 L1
- 6: 'ezySxTjmtL1',//图解母题 L1
- 7: 'ezySxJstxL2',//计算特训 L2
- 8: 'ezySxJstxL3',//计算特训 L3
- 9: 'ezySxJstxL4',//计算特训 L4
- 10: 'ezySxJstxL5',//计算特训 L5
- 11: 'ezySxJstxL6',//计算特训 L6
- 12: 'ezySxTjmtL2',//图解母题 L2
- 13: 'ezySxTjmtL3',//图解母题 L3
- 14: 'ezySxTjmtL4',//图解母题 L4
- 15: 'ezySxTjmtL5',//图解母题 L5
- 16: 'ezySxTjmtL6',//图解母题 L6
- 22: 'ezySxTjmtL1L6',//图解母题 L1-6
- 23: 'ezyYyZrpdL1',//自然拼读 L1
- 24: 'ezyYyZrpdL2',//自然拼读 L2
- 25: 'ezyYyZrpdL3',//自然拼读 L3
- 26: 'ezyYyZrpdL4',//自然拼读 L4
- 27: 'ezyYyZrpdL5',//自然拼读 L5
- 28: 'ezyYyZrpdL1L5',//自然拼读 L1-l5
- 29: ' ezySxJstxL1L6'//计算特训 L1-L6
- };
- const firstId = data.length > 0 ? data[0].cardId : null;
- if (firstId) {
- productId.value = productMap[firstId]
- console.log('productId.value',productId.value);
- } else {
- toast("无对应产品Id,请练习管理员")
- uni.hideLoading();
- return false
- }
- uni.hideLoading();
- orderId.value = orderId
- if(!orderId.value){
- toast(
- "无orderId!"
- )
- return false
- }
- // 测试ios 1元
- applePay()
- }, 500)
- function applePaySuccess(data) {
- uni.showLoading({
- title: '开通中',
- mask: true
- });
- let req = {
- "id": orderId.value,
- "paynum": data.transactionIdentifier,
- "receipt": data.transactionReceipt
- }
- console.log('reqreq', req);
- orderPayApple(req).then(res => {
- if (res.code == 0 && res.data) {
- iapChannel.finishTransaction(data.transactionIdentifier)
- console.log('resiapChanneliapChanneliapChannel', res);
- orderCheck({
- id: orderId.value
- }).then(res3 => {
- console.log('res3', res3);
- if (res3.code == 0&&res3.data.success) {
- genggaiVip(res3.data)
- } else {
- setTimeout(() => {
- orderCheck({
- id: orderId.value
- }).then(res4 => {
- if (res4.code == 0&&res4.data.success) {
- genggaiVip(res4.data)
- } else {
- toast(
- "开通失败,请联系管理员!"
- )
- uni
- .hideLoading();
- return false
- }
- }).catch(() => {
- uni.hideLoading();
- toast("check接口报错")
- return false
- })
- }, 5000)
- }
- }).catch(() => {
- uni.hideLoading();
- toast("check接口报错")
- return false
- })
- } else {
- iapChannel.finishTransaction(data.transactionIdentifier)
- uni.hideLoading();
- toast("苹果内购失败")
- console.log('orderPayApple失败');
- return false
- }
- })
- }
- function applePay() {
- console.log('123123');
- if (!productId.value) {
- uni.showToast({
- title: '苹果内购ID缺失,请选择其它支付方式或联系客服',
- icon: "none"
- });
- return false;
- }
- uni.showLoading({
- title: '正在支付中...'
- });
- try {
- plus.payment.getChannels(function(channels) { //判读项目支付通道开通情况
- for (var i in channels) {
- iapChannel = channels[i];
- // 获取 id 为 'appleiap' 的 channel
- console.info("支付通道", iapChannel)
- if (iapChannel.id === 'appleiap') { //开通了app应用内支付,在manifest.josn中设置,开通后需打自定议基座
- console.info("苹果支付通道", iapChannel)
- // ids 数组中的项为 App Store Connect 配置的内购买项目产品ID(productId)
- var ids = [productId.value];
- // iap 为应用内支付对象
- iapChannel.requestOrder(ids, function(e) {
- // 获取订单信息成功回调方法
- console.log('requestOrder success: ' + JSON.stringify(e));
- uni.requestPayment({
- provider: 'appleiap',
- orderInfo: {
- productid: productId.value, //产品id,来自于苹果
- quantity: quantity.value, //产品数量
- manualFinishTransaction: true
- },
- success: (e) => {
- uni.hideLoading();
- // toast("苹果内购成功")
- console.info("苹果内购成功", e)
- applePaySuccess(e)
- //e.payment.orderNo = that.orderNo
- //支付成功回调,前端调用后台接口
- },
- fail: (e) => {
- uni.hideLoading();
- toast("苹果内购失败")
- console.info("苹果内购失败", e)
- },
- })
- },
- function(e) {
- // 获取订单信息失败回调方法
- console.log('requestOrder failed: ' + JSON.stringify(e));
- });
- } else {
- console.log('不支持苹果支付')
- }
- }
- },
- function(e) {
- console.log("获取iap支付通道失败:" + e.message);
- });
- } catch (e) {
- uni.showModal({
- title: "init",
- content: e.message,
- showCancel: false
- });
- } finally {
- uni.hideLoading();
- }
- }
- function wxPay() {
- orderPayWx({
- id: orderId.value
- }).then(res2 => {
- uni.hideLoading();
- console.log('res2', res2);
- if(res2.code !=0){
- return false
- }
- uni.requestPayment({
- "provider": "wxpay",
- "orderInfo": {
- "appid": res2.data.appid, // 应用ID(AppID)
- "partnerid": res2.data.partnerId, // 商户号(PartnerID)
- "prepayid": res2.data.prepayId, // 预支付交易会话ID
- "package": res2.data.packageVal, // 固定值
- "noncestr": res2.data.nonceStr, // 随机字符串
- "timestamp": res2.data.timestamp, // 时间戳(单位:秒)
- "sign": res2.data.sign // 签名,这里用的 MD5 签名
- }, //此处为服务器返回的订单信息字符串
- success: function(res) {
- //var rawdata = JSON.parse(res.rawdata);
- // console.log('res',res);
- // console.log('支付成功');
- // console.log('rawdata', rawdata);
- uni.showLoading({
- title: '开通中,请稍后...'
- });
- orderCheck({
- id: orderId.value
- }).then(res3 => {
- console.log('res3', res3);
- if (res3.code == 0&&res3.data.success) {
- genggaiVip(res3.data)
- } else {
- setTimeout(() => {
- orderCheck({
- id: orderId.value
- }).then(res4 => {
- if (res4.code == 0&&res4.data.success) {
- genggaiVip(res4.data)
- } else {
- toast(
- "开通失败,请联系管理员!"
- )
- uni
- .hideLoading();
- return false
- }
- }).catch(() => {
- uni.hideLoading();
- toast("check接口报错")
- return false
- })
- }, 5000)
- }
- }).catch(() => {
- uni.hideLoading();
- toast("check接口报错")
- return false
- })
- },
- fail: function(err) {
- uni.hideLoading();
- // toast('支付失败:' + JSON.stringify(err));
- console.log('支付失败:' + JSON.stringify(err));
- }
- });
- }).catch((error) => {
- uni.hideLoading();
- console.log(error);
- })
- }
- function aliApy() {
- orderPayAli({
- id: orderId.value
- }).then(res2 => {
- console.log('res2', res2);
- uni.hideLoading();
- if(res2.code !=0){
- return false
- }
- uni.requestPayment({
- "provider": "alipay",
- "orderInfo": res2.data.text, //此处为服务器返回的订单信息字符串
- success: function(res) {
- // var rawdata = JSON.parse(res.rawdata);
- // console.log('支付成功');
- // console.log('rawdata', rawdata);
- uni.showLoading({
- title: '开通中,请稍后...'
- });
- orderCheck({
- id: orderId.value
- }).then(res3 => {
- if (res3.code == 0&&res3.data.success) {
- genggaiVip(res3.data)
- } else {
- setTimeout(() => {
- orderCheck({
- id: orderId.value
- }).then(res4 => {
- if (res4.code ==
- 0&&res4.data.success) {
- genggaiVip(res4.data)
- } else {
- toast(
- "开通失败,请联系管理员!"
- )
- uni
- .hideLoading();
- return false
- }
- }).catch(() => {
- uni.hideLoading();
- toast("check接口报错")
- return false
- })
- }, 5000)
- }
- }).catch(() => {
- uni.hideLoading();
- toast("check接口报错")
- return false
- })
- },
- fail: function(err) {
- console.log('支付失败:' + JSON.stringify(err));
- uni.hideLoading();
- }
- });
- })
- }
- const creatOrder = debounce((data, index) => {
- uni.showLoading({
- title: '',
- mask: true
- });
- if (payType.value == 'weixin') {
- orderId.value = data.id
- wxPay()
- } else {
- orderId.value = data.id
- aliApy()
- }
- }, 500)
- function onChangeTab(e) {
- if (dingdanData.current !== e.currentIndex) {
- dingdanData.current = e.currentIndex;
- if (dingdanData.current == 0) {
- dingdanData.quanbu.page = 0
- } else if (dingdanData.current == 1) {
- dingdanData.daiFukuan.page = 0
- } else if (dingdanData.current == 2) {
- dingdanData.yiFukuan.page = 0
- }
- refreshData(dingdanData.current);
- }
- }
- function onScrolltolower() {
- getMore(dingdanData.current)
- }
- function refreshData(code) {
- const opt = {
- page: 1,
- size: 10, // 固定查询10条
- status: code
- }
- if (code == 0) {
- dingdanData.quanbu.list = [];
- // 数学
- dingdanData.quanbu.state = 'loading';
- dingdanData.quanbu.page++;
- opt.page = dingdanData.quanbu.page;
- } else if (code == 1) {
- dingdanData.daiFukuan.list = [];
- // 英语
- dingdanData.daiFukuan.state = 'loading';
- dingdanData.daiFukuan.page++;
- opt.page = dingdanData.daiFukuan.page;
- } else if (code == 2) {
- dingdanData.yiFukuan.list = [];
- // 英语
- dingdanData.yiFukuan.state = 'loading';
- dingdanData.yiFukuan.page++;
- opt.page = dingdanData.yiFukuan.page;
- }
- getOrderList(opt).then(res => {
- if (code == 0) {
- dingdanData.quanbu.list = dingdanData.quanbu.list.concat(res.data.data);
- dingdanData.quanbu.loading = false;
- } else if (code == 1) {
- dingdanData.daiFukuan.list = dingdanData.daiFukuan.list.concat(res.data.data);
- dingdanData.daiFukuan.loading = false;
- } else if (code == 2) {
- dingdanData.yiFukuan.list = dingdanData.yiFukuan.list.concat(res.data.data);
- dingdanData.yiFukuan.loading = false;
- }
- if (code == 0) {
- if (res.data.total > dingdanData.quanbu.list.length) {
- // 数学
- dingdanData.quanbu.state = 'more';
- dingdanData.quanbu.loading = false;
- } else {
- // 数学
- dingdanData.quanbu.state = 'no-more';
- dingdanData.quanbu.loading = false;
- }
- } else if (code == 1) {
- if (res.data.total > dingdanData.daiFukuan.list.length) {
- // 英语
- dingdanData.daiFukuan.state = 'more';
- dingdanData.daiFukuan.loading = false;
- } else {
- // 英语
- dingdanData.daiFukuan.state = 'no-more';
- dingdanData.daiFukuan.loading = false;
- }
- } else if (code == 2) {
- if (res.data.total > dingdanData.yiFukuan.list.length) {
- // 英语
- dingdanData.yiFukuan.state = 'more';
- dingdanData.yiFukuan.loading = false;
- } else {
- // 英语
- dingdanData.yiFukuan.state = 'no-more';
- dingdanData.yiFukuan.loading = false;
- }
- }
- }).catch(err => {
- if (code == 0) {
- // 数学
- dingdanData.quanbu.state = 'more';
- dingdanData.quanbu.loading = false;
- } else if (code == 1) {
- // 英语
- dingdanData.daiFukuan.state = 'more';
- dingdanData.daiFukuan.loading = false;
- } else if (code == 2) {
- // 英语
- dingdanData.yiFukuan.state = 'more';
- dingdanData.yiFukuan.loading = false;
- }
- })
- }
- function onRefresh() {
- if (dingdanData.current == 0) {
- dingdanData.quanbu.page = 0;
- dingdanData.quanbu.list = [];
- dingdanData.quanbu.loading = true;
- } else if (dingdanData.current == 1) {
- dingdanData.daiFukuan.page = 0;
- dingdanData.daiFukuan.list = [];
- dingdanData.daiFukuan.loading = true;
- } else if (dingdanData.current == 2) {
- dingdanData.yiFukuan.page = 0;
- dingdanData.yiFukuan.list = [];
- dingdanData.yiFukuan.loading = true;
- }
- refreshData(dingdanData.current);
- }
- function getMore(code) {
- const opt = {
- page: 1,
- size: 10, // 固定查询10条
- status: Number(code) // 前台索引加1为学科cardId
- }
- if (code == 0) {
- if (dingdanData.quanbu.state == 'no-more') {
- return;
- }
- // 数学
- dingdanData.quanbu.state = 'loading';
- dingdanData.quanbu.page++;
- opt.page = dingdanData.quanbu.page;
- } else if (code == 1) {
- if (dingdanData.daiFukuan.state == 'no-more') {
- return;
- }
- dingdanData.daiFukuan.state = 'loading';
- dingdanData.daiFukuan.page++;
- opt.page = dingdanData.daiFukuan.page;
- } else if (code == 2) {
- if (dingdanData.yiFukuan.state == 'no-more') {
- return;
- }
- dingdanData.yiFukuan.state = 'loading';
- dingdanData.yiFukuan.page++;
- opt.page = dingdanData.yiFukuan.page;
- }
- getOrderList(opt).then(res => {
- if (code == 0) {
- dingdanData.quanbu.list = dingdanData.quanbu.list.concat(res.data.data);
- dingdanData.quanbu.loading = false;
- } else if (code == 1) {
- dingdanData.daiFukuan.list = dingdanData.daiFukuan.list.concat(res.data.data);
- dingdanData.daiFukuan.loading = false;
- } else if (code == 2) {
- dingdanData.yiFukuan.list = dingdanData.yiFukuan.list.concat(res.data.data);
- dingdanData.yiFukuan.loading = false;
- }
- if (code == 0) {
- if (res.data.total > dingdanData.quanbu.list.length) {
- // 数学
- dingdanData.quanbu.state = 'more';
- dingdanData.quanbu.state_text = '加载更多';
- dingdanData.quanbu.loading = false;
- } else {
- // 数学
- dingdanData.quanbu.state = 'no-more';
- dingdanData.quanbu.state_text = '没有更多啦';
- dingdanData.quanbu.loading = false;
- }
- } else if (code == 1) {
- if (res.data.total > dingdanData.daiFukuan.list.length) {
- // 英语
- dingdanData.daiFukuan.state = 'more';
- dingdanData.daiFukuan.state_text = '加载更多';
- dingdanData.daiFukuan.loading = false;
- } else {
- // 英语
- dingdanData.daiFukuan.state = 'no-more';
- dingdanData.daiFukuan.state_text = '没有更多啦';
- dingdanData.daiFukuan.loading = false;
- }
- } else if (code == 2) {
- if (res.data.total > dingdanData.yiFukuan.list.length) {
- // 英语
- dingdanData.yiFukuan.state = 'more';
- dingdanData.yiFukuan.state_text = '加载更多';
- dingdanData.yiFukuan.loading = false;
- } else {
- // 英语
- dingdanData.yiFukuan.state = 'no-more';
- dingdanData.yiFukuan.state_text = '没有更多啦';
- dingdanData.yiFukuan.loading = false;
- }
- }
- }).catch(err => {
- if (code == 0) {
- // 数学
- dingdanData.quanbu.state = 'more';
- dingdanData.quanbu.state_text = '加载更多';
- dingdanData.quanbu.loading = false;
- } else if (code == 1) {
- // 英语
- dingdanData.daiFukuan.state = 'more';
- dingdanData.daiFukuan.state_text = '加载更多';
- dingdanData.daiFukuan.loading = false;
- } else if (code == 2) {
- // 英语
- dingdanData.yiFukuan.state = 'more';
- dingdanData.yiFukuan.state_text = '加载更多';
- dingdanData.yiFukuan.loading = false;
- }
- })
- }
- function goBack() {
- uni.redirectTo({
- url: '/pages/my/index'
- })
- }
- const isIOSorAndroid = () => {
- const systemInfo = uni.getSystemInfoSync();
- console.log('systemInfo', systemInfo);
- if (systemInfo.platform == 'ios') {
- return currentPlatform.value = 'ios'
- } else {
- return currentPlatform.value = 'android'
- }
- }
- onLoad((options) => {
- dingdanData.current = Number(options.status) || dingdanData.current
- getMore(dingdanData.current);
- isIOSorAndroid()
- })
- </script>
- <style>
- </style>
|