Merge branch 'master' of http://114.55.169.15:3000/huxiaofeng666/jwl-applet into dev-hxf

Reviewed-on: http://114.55.169.15:3000/huxiaofeng666/jwl-applet/pulls/12

src/jtools/pay/index.js

@@ -0,0 +1,165 @@
+import request from '../request/index.js';
+// #ifdef H5
+import wxsdk from '@/jtools/wechat/sdk'
+// #endif
+import wechat from '@/jtools/wechat/wechat'
+import $platform from '@/jtools/platform';
+
+/**
+ * 支付
+ * 
+ * @param {String} payment = ['wechat','alipay','wallet']  	- 支付方式
+ * @param {Object} order = {}  								- 订单详情
+ * @param {String} orderType = ['goods','recharge'] 		- 订单类型
+ */
+
+export default class JtoolsPay {
+
+
+  //						wxOfficialAccount			wxMiniProgram			App						H5
+  // 			wechat			公众号JSSDK支付				小程序支付			微信开放平台支付			H5网页支付
+  //			alipay			复制网址						复制网址				支付宝开放平台支付		    直接跳转链接
+  // 			wallet			v							v					v						v
+
+
+  constructor(payment, order, orderType) {
+    this.payment = payment;
+    this.order = order;
+    this.orderType = orderType;
+    this.platform = $platform.get();
+    let payMehod = this.getPayMethod();
+    payMehod();
+
+  }
+
+  getPayMethod() {
+    var payMethod = {
+      'wxMiniProgram': {
+        'wechat': () => {
+          this.wxMiniProgramPay()
+        },
+      },
+      'App': {
+        'wechat': () => {
+          this.wechatPay()
+        },
+        'alipay': () => {
+          this.aliPay()
+        },
+      },
+    }
+    return payMethod[this.platform][this.payment];
+  }
+
+
+
+  // 预支付
+  prepay() {
+    let that = this;
+    return new Promise((resolve, reject) => {
+      const p = $platform.device()
+      const tradeInfoType = p == 'android' ? 'Android' : p == 'ios' ? 'iOS' : 'Wap'
+      let params = {
+        orderId: this.order.orderId,
+        orderPayType: this.order.orderPayType,
+        money: this.order.money,
+        microServiceName: this.order.microServiceName,
+        prepayParamUrl: this.order.prepayParamUrl,
+        paymentType: 'weChatPay',
+        payType: 'JSAPI',
+        tradeInfoType: tradeInfoType,
+        tenantId: '-1',
+        clientType: 'miniWx'
+      }
+      if (uni.getStorageSync('openId')) {
+        params.openId = uni.getStorageSync('openId');
+      }
+      request({
+       url: 'driver-api/applet/pay/prepay',
+       method: 'POST',
+       param,
+      }).then(res => {
+				if (res.code == 'SUCCESS') {
+					resolve(res);
+				}
+			})
+    });
+  }
+
+
+  // 微信小程序支付
+  async wxMiniProgramPay() {
+    let that = this;
+    let result = await this.prepay();
+    const params = result.data.jsApiResult
+    uni.requestPayment({
+      provider: 'wxpay',
+      ...{
+        appId: params.appId, //公众号名称，由商户传入
+        timeStamp: params.timestamp, //时间戳，自1970年以来的秒数
+        nonceStr: params.nonceStr, //随机串
+        package: `prepay_id=${params.prepay_id}`,
+        signType: params.signType, //微信签名方式：
+        paySign: params.paySign, //微信签名
+      },
+      success: res => {
+        that.payResult('success', result.data.orderPayNo)
+      },
+      fail: err => {
+        console.log('支付取消或者失败:', err);
+        err.errMsg !== "requestPayment:fail cancel" && that.payResult('fail')
+      }
+    });
+  }
+
+
+
+  // 支付宝支付
+  async aliPay() {
+    let that = this;
+    let result = await this.prepay();
+    if (result.code === 1) {
+      uni.requestPayment({
+        provider: 'alipay',
+        orderInfo: result.data.pay_data, //支付宝订单数据
+        success: res => {
+          that.payResult('success')
+        },
+        fail: err => {
+          console.log('支付取消或者失败:', err);
+          err.errMsg !== "requestPayment:fail cancel" && that.payResult('fail')
+        }
+      });
+    }
+  }
+
+  // 微信支付
+  async wechatPay() {
+    let that = this;
+    let result = await this.prepay();
+    if (result.code === 1) {
+      uni.requestPayment({
+        provider: 'wxpay',
+        orderInfo: JSON.parse(result.data.pay_data), //微信订单数据(官方说是string。实测为object)
+        success: res => {
+          that.payResult('success')
+        },
+        fail: err => {
+          err.errMsg !== "requestPayment:fail cancel" && that.payResult('fail')
+          console.log('支付取消或者失败:', err);
+        }
+      });
+    }
+  }
+
+
+  // 支付结果跳转,success:成功，fail:失败
+  payResult(resultType, orderPayNo) {
+    const that = this;
+    let path = ''
+		uni.navigateTo({
+			url:path
+		})
+  }
+
+}

src/pages/me/vip.vue

@@ -2,8 +2,8 @@
   <view class="flex fld-c p15">
     <u-sticky>
       <view class="flex ai-c">
-        <view v-for="(item,index) in vipAllList" :key="index" class="km-item" :class="{ actived: index==current }"
-          @click="current=index">
+        <view v-for="(item, index) in vipAllList" :key="index" class="km-item" :class="{ actived: index == current }"
+          @click="current = index">
           {{ getKmTitle(item.subjects) }}
         </view>
       </view>
@@ -11,17 +11,17 @@
     <view class="mt15">
       <swiper class="swiper" :current="current" style="height: 120px;" :autoplay="false" :display-multiple-items="1.45"
         :disable-programmatic-animation="true" @change="onChange">
-        <swiper-item v-for="(item,index) in vipAllList" :key="index">
+        <swiper-item v-for="(item, index) in vipAllList" :key="index">
           <view class="relative">
             <image src="../../static/image/mine/vip_card.png" mode="widthFix" style="width:95%;"></image>
             <view class="vip-info">
               <u-avatar class="br-p50 overflow-h" style="border: 3px solid #873E1D;" :size="35" mp-avatar></u-avatar>
               <view class="ml10">
                 <view class="fs16 fwb" style="color: #7E4012;line-height: 16px;">
-                  {{item.memberName}}
+                  {{ item.memberName }}
                 </view>
                 <view class="mt5 fs12" style="color: #7E4012;line-height: 12px;">
-                  {{getExpireText(item)}}
+                  {{ getExpireText(item) }}
                 </view>
               </view>
             </view>
@@ -29,7 +29,7 @@
               VIP已开通
             </view>
             <view v-if="vipHasOpened(item)" class="renew">
-              {{item.price}}元立即续费
+              {{ item.price }}元立即续费
             </view>
             <view v-else class="buy">
               立即充值
@@ -43,10 +43,10 @@
     <view class="mt20">
       <swiper class="swiper" :current="current" style="height: 300px;" :autoplay="false"
         :disable-programmatic-animation="true" @change="onChange">
-        <swiper-item v-for="(item,index) in vipAllList" :key="index">
+        <swiper-item v-for="(item, index) in vipAllList" :key="index">
           <view v-if="index == 0 || index == 3" class="p15 br8 cor-fff">
             <view class="fs18 cor-000 fwb">
-              3步轻松学{{getKmTitle(item.subjects)}}
+              3步轻松学{{ getKmTitle(item.subjects) }}
             </view>
             <view class="mt25 flex ai-c jc-sb">
               <view class="flex ai-c">
@@ -106,7 +106,7 @@
               <view class="flex ai-c mt20">
                 <image src="../../static/image/index/index_bg.png" mode="widthFix" style="flex: 1;border-radius: 33rpx;"></image>
                 <view class="ml18 text-center">
-                  <u-button :customStyle="{width:'200rpx',height:'66rpx',borderRadius: '33rpx'}" iconColor="#fff"
+                  <u-button :customStyle="{ width: '200rpx', height: '66rpx', borderRadius: '33rpx' }" iconColor="#fff"
                     text="去看视频" color="linear-gradient(90deg, #E66501 0%, #F8A42C 100%)" icon="play-circle" @click="toPlaceLive(item)">
                   </u-button>
                   <view class="cor-333 fs15 mt17">真实考场模拟</view>
@@ -115,198 +115,198 @@
             </view>
           </view>
         </swiper-item>
-        <swiper-item>
-        </swiper-item>
       </swiper>
     </view>
   </view>
 </template>
 
 <script>
-  import useUserStore from '@/jtools/store/user'
-  export default {
-    computed: {
-      vipAllList() {
-        return useUserStore().vipAllList.filter(it=>[1,2,3,4].includes(Number(it.subjects)))
-      },
-      vipOnList() {
-        return useUserStore().vipOnList
-      },
-      
+import useUserStore from '@/jtools/store/user'
+export default {
+  computed: {
+    vipAllList() {
+      return useUserStore().vipAllList.filter(it => [1, 2, 3, 4].includes(Number(it.subjects)))
     },
-    data() {
+    vipOnList() {
+      return useUserStore().vipOnList
+    },
+
+  },
+  data() {
+    return {
+      current: 0
+    }
+  },
+  methods: {
+    onChange(e) {
+      this.current = e.detail.current
+    },
+    getKmTitle(km) {
       return {
-        current: 0
+        '1': '科一',
+        '2': '科二',
+        '3': '科三',
+        '4': '科四',
+      }[km]
+    },
+    getExpireText(item) {
+      const vipOn = this.vipOnList.find(it => it.memberId == item.memberId)
+      if (vipOn) {
+        return `${vipOn.endDate.split(' ')[0]}到期`
+      } else {
+        return '开通vip助您快速拿证'
       }
     },
-    methods: {
-      onChange(e) {
-        this.current = e.detail.current
-      },
-      getKmTitle(km) {
-        return {
-          '1': '科一',
-          '2': '科二',
-          '3': '科三',
-          '4': '科四',
-        }[km]
-      },
-      getExpireText(item) {
-        const vipOn = this.vipOnList.find(it => it.memberId == item.memberId)
-        if(vipOn) {
-          return `${vipOn.endDate.split(' ')[0]}到期`
-        } else {
-          return '开通vip助您快速拿证'
-        }
-      },
-      vipHasOpened(item) {
-        return !!this.vipOnList.find(it => it.memberId == item.memberId)
-      },
-      // 去精选500题 item=> 当前科目vip信息
-      to500(item) {
-        // 当前vip是否已开通
-        if(this.vipHasOpened(item)) {
-          // 跳转
-        } else {
-          uni.showToast({
-            title: `请先充值${this.getKmTitle(item.subjects)}vip`,
-            icon: 'none'
-          })
-        }
-      },
-      // 去真实考场 item=> 当前科目vip信息
-      toRealExam(item) {
-        // 当前vip是否已开通
-        if(this.vipHasOpened(item)) {
-          // 跳转
-        } else {
-          uni.showToast({
-            title: `请先充值${this.getKmTitle(item.subjects)}vip`,
-            icon: 'none'
-          })
-        }
-      },
-      // 去秘卷 item=> 当前科目vip信息
-      toSpecExam(item) {
-        // 当前vip是否已开通
-        if(this.vipHasOpened(item)) {
-          // 跳转
-        } else {
-          uni.showToast({
-            title: `请先充值${this.getKmTitle(item.subjects)}vip`,
-            icon: 'none'
-          })
-        }
-      },
-      // 去考场实况 item=> 当前科目vip信息
-      toPlaceLive(item) {
-        // 当前vip是否已开通
-        if(this.vipHasOpened(item)) {
-          // 跳转
-        } else {
-          uni.showToast({
-            title: `请先充值${this.getKmTitle(item.subjects)}vip`,
-            icon: 'none'
-          })
-        }
+    vipHasOpened(item) {
+      return !!this.vipOnList.find(it => it.memberId == item.memberId)
+    },
+    // 去精选500题 item=> 当前科目vip信息
+    to500(item) {
+      // 当前vip是否已开通
+      if (this.vipHasOpened(item)) {
+        // 跳转
+      } else {
+        uni.showToast({
+          title: `请先充值${this.getKmTitle(item.subjects)}vip`,
+          icon: 'none'
+        })
+      }
+    },
+    // 去真实考场 item=> 当前科目vip信息
+    toRealExam(item) {
+      // 当前vip是否已开通
+      if (this.vipHasOpened(item)) {
+        // 跳转
+      } else {
+        uni.showToast({
+          title: `请先充值${this.getKmTitle(item.subjects)}vip`,
+          icon: 'none'
+        })
+      }
+    },
+    // 去秘卷 item=> 当前科目vip信息
+    toSpecExam(item) {
+      // 当前vip是否已开通
+      if (this.vipHasOpened(item)) {
+        // 跳转
+      } else {
+        uni.showToast({
+          title: `请先充值${this.getKmTitle(item.subjects)}vip`,
+          icon: 'none'
+        })
+      }
+    },
+    // 去考场实况 item=> 当前科目vip信息
+    toPlaceLive(item) {
+      // 当前vip是否已开通
+      if (this.vipHasOpened(item)) {
+        // 跳转
+      } else {
+        uni.showToast({
+          title: `请先充值${this.getKmTitle(item.subjects)}vip`,
+          icon: 'none'
+        })
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .km-item {
-    margin-right: 8px;
-    width: 72px;
-    height: 30px;
-    line-height: 30px;
-    font-size: 12px;
-    color: #333;
-    text-align: center;
-    border-radius: 15px;
-    border: 1px solid #CCCCCC;
-  }
+.km-item {
+  margin-right: 8px;
+  width: 72px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 12px;
+  color: #333;
+  text-align: center;
+  border-radius: 15px;
+  border: 1px solid #CCCCCC;
+}
 
-  .actived {
-    background: linear-gradient(90deg, #E66501 0%, #F8A42C 100%);
-    color: #fff;
-  }
+.actived {
+  background: linear-gradient(90deg, #E66501 0%, #F8A42C 100%);
+  color: #fff;
+}
 
-  .km-item:last-of-type {
-    margin-right: 0;
-  }
+.km-item:last-of-type {
+  margin-right: 0;
+}
 
-  .vip-info {
-    position: absolute;
-    top: 15px;
-    left: 10px;
-    display: flex;
-    align-items: center;
-  }
+.vip-info {
+  position: absolute;
+  top: 15px;
+  left: 10px;
+  display: flex;
+  align-items: center;
+}
 
-  .corner {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 77px;
-    height: 23px;
-    background: linear-gradient(0deg, #E66501 0%, #F8A42C 100%);
-    opacity: 0.86;
-    border-radius: 0px 8px 0px 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 12px;
-    color: #fff;
-  }
+.corner {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 77px;
+  height: 23px;
+  background: linear-gradient(0deg, #E66501 0%, #F8A42C 100%);
+  opacity: 0.86;
+  border-radius: 0px 8px 0px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  color: #fff;
+}
 
-  .renew {
-    position: absolute;
-    right: 10%;
-    bottom: 15px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 185rpx;
-    height: 52rpx;
-    background: #873E1D;
-    border-radius: 26rpx;
-    font-size: 12px;
-    color: #F6E99F;
-  }
-  .buy {
-    position: absolute;
-    left: 45%;
-    transform: translateX(-50%);
-    bottom: 15px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 200rpx;
-    height: 60rpx;
-    background: #873E1D;
-    border-radius: 30rpx;
-    font-size: 14px;
-    color: #F6E99F;
-  }
+.renew {
+  position: absolute;
+  right: 10%;
+  bottom: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 185rpx;
+  height: 52rpx;
+  background: #873E1D;
+  border-radius: 26rpx;
+  font-size: 12px;
+  color: #F6E99F;
+}
 
-  .study {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 161rpx;
-    height: 67rpx;
-    background: #F6E99F;
-    border-radius: 34rpx;
-    font-size: 12px;
-    color: #873E1D;
-  }
-  .video-box {
-  	padding: 20rpx;
-  	width: 694rpx;
-  	height: 369rpx;
-  	background: #F9F3E7;
-  	border: 2rpx solid #CF8B6D;
-  	border-radius: 16rpx;
-  }
+.buy {
+  position: absolute;
+  left: 45%;
+  transform: translateX(-50%);
+  bottom: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 200rpx;
+  height: 60rpx;
+  background: #873E1D;
+  border-radius: 30rpx;
+  font-size: 14px;
+  color: #F6E99F;
+}
+
+.study {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 161rpx;
+  height: 67rpx;
+  background: #F6E99F;
+  border-radius: 34rpx;
+  font-size: 12px;
+  color: #873E1D;
+}
+
+.video-box {
+  padding: 20rpx;
+  width: 694rpx;
+  height: 369rpx;
+  background: #F9F3E7;
+  border: 2rpx solid #CF8B6D;
+  border-radius: 16rpx;
+}
 </style>

src/pages/questionBank/components/Question.vue

@@ -43,7 +43,7 @@
     </swiper>
 		 <view class="wp100 flex jc-sb ai-c p14 bc-fff" v-if="isShowAll" style="position: fixed;bottom: 0;left: 0;">
 			<view style="width: 220rpx;">
-				<button v-if="type==='practice'" class="btn">四步学科一</button>
+			<view v-if="type==='practice'" style="width: 220rpx;height: 80rpx;"></view>
 				<view v-else class="btn" style="text-align: center;" @tap="submitPaper">
 					<u-count-down ref="countDown_1" :time=" 1*60*60 * 1000" format="HH:mm:ss" @change="timeChange"></u-count-down>
 					<text>交卷</text>
@@ -117,7 +117,7 @@
 			<view>
 				<view class="wp100 flex jc-sb p14 bc-fff">
 					<view style="width: 220rpx;">
-						<button v-if="type==='practice'" class="btn">四步学科一</button>
+						<view v-if="type==='practice'" style="width: 220rpx;height: 80rpx;"></view>
 						<view v-else class="btn" style="text-align: center;" @tap="submitPaper">
 							<u-count-down ref="countDown_2" :time="1 * 60 * 60 * 1000" format="HH:mm:ss"></u-count-down>
 							<text>交卷</text>
@@ -508,8 +508,9 @@ export default {
     },
     sectionChange(index) {
       this.tCurrent = index
-      this.getQuestionList()
-      this.renderSwiper(0)
+      // this.getQuestionList()
+      // this.renderSwiper(0)
+			this.$emit('changeTab',index)
     },
     getQuestionList(val) {
 			const arr = JSON.parse(val)

src/pages/questionBank/exclusiveExercise.vue

@@ -30,8 +30,8 @@
 		</view>
 		<view class="mt14 p14 bc-fff" style="border-radius: 20rpx;">
 			<text class="fs18 cor-000 fw600">常见考点</text>
-			<view class="flex ai-c wp100 mt10" style="flex-wrap: wrap;">
-				<view class="wp50 flex ai-c mb10" v-for="(item,index) of testCenterList" :key="index">
+			<view class="flex ai-c wp100 mt15" style="flex-wrap: wrap;">
+				<view class="wp50 flex ai-c mb15" v-for="(item,index) of testCenterList" :key="index">
 					<view class="dot_item">{{index+1}}</view>
 					<text class="ml5">{{item.label}}</text>
 				</view>

src/pages/questionBank/questionBank.vue

@@ -3,7 +3,7 @@
 		<!-- <u-navbar :title="navTitle" @rightClick="rightClick" :autoBack="true">
 		</u-navbar> -->
 		<j-navbar>{{navTitle}}</j-navbar>
-			<Question ref="question" :tabsList="tabsList" :isShowAll="isShowAll" :subject="subject" :navTitle="navTitle"></Question>
+			<Question ref="question" :tabsList="tabsList" :isShowAll="isShowAll" :subject="subject" :navTitle="navTitle" @changeTab="changeTab"></Question>
 		</view>
 		</template>
 
@@ -93,6 +93,20 @@
 		},
 		methods: {
 			...mapActions(useUserStore,['searchUserVip']),
+			changeTab(val){
+				if(val==1){
+					let list =JSON.parse(JSON.stringify(this.questionArr))
+					list=list.map(item=>{
+						return{
+							...item,
+							clickAnswer:item.trueAnswer
+						}
+					})
+					this.$refs.question.getQuestionList(JSON.stringify(list))
+				}else{
+					this.$refs.question.getQuestionList(JSON.stringify(this.questionArr))
+				}
+			},
 			rightClick() {
 				console.log('返回');
 			},