线上缴费v1.0.0 (建行支付+农商行支付）

.hbuilderx/launch.json

@@ -2,10 +2,15 @@
   // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
     "version": "0.0",
     "configurations": [{
-            "type": "uniCloud",
-            "default": {
-                "launchtype": "local"
-            }
-        }
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"h5" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
     ]
 }

pages.json

@@ -22,6 +22,14 @@
 				"navigationStyle": "custom"
 				
 			}
+		},
+		{
+			"path": "pages/order/order",
+			"style":{
+				"navigationBarTitleText": "订单列表",
+				"navigationStyle": "custom"	
+				
+			}
 		}
 		
 	 

pages/Pay/css/pay.css

@@ -1,11 +1,29 @@
 page {
-  height: 100%;
+  height: 1334rpx;
+}
+
+page::-webkit-scrollbar {
+  width: 16px;
+  height: 16px;
+  background-color: #f5f5f5;
+}
+
+page::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+  background-color: #f5f5f5;
+}
+
+page::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: #555;
 }
 
 .container {
   position: relative;
   width: 100%;
-  height: 1334rpx;
+  height: 100%;
   font-family: "MicrosoftYaHei";
   font-weight: 400;
   background-image: url(../../static/images/bg.png);
@@ -16,15 +34,22 @@ page {
 
 .container .order {
   position: absolute;
-  top: 115rpx;
-  left: 50%;
-  transform: translateX(-345rpx);
-  width: 690rpx;
-  height: 28rpx;
+  top: 40rpx;
+  right: 50rpx;
+  width: 170rpx;
+  height: 70rpx;
+  background: #298def;
+  border-radius: 35rpx;
   font-size: 28rpx;
   color: #ffffff;
-  line-height: 54rpx;
-  text-align: right;
+  line-height: 70rpx;
+  text-align: center;
+}
+
+.container button {
+  margin: 0;
+  outline: none;
+  padding: 0;
 }
 
 .container button::after {
@@ -40,50 +65,12 @@ page {
   z-index: 4;
 }
 
-.container .status_bar {
-  position: fixed;
-  top: 0;
-  height: var(--status-bar-height);
-  width: 100%;
-  background: #f8f8f8;
-  z-index: 1000;
-}
-
-.container .navBar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 750rpx;
-  height: 55rpx;
-  margin-top: 34rpx;
-  color: #fff;
-  font-weight: bold;
-  background-color: rbga(0, 0, 0, 0.1);
-  text-align: center;
-  line-height: 55rpx;
-  z-index: 1000;
-}
-
-.container .navBar .back {
-  display: inline-block;
-  position: absolute;
-  top: 16rpx;
-  left: 30rpx;
-  width: 10px;
-  height: 10px;
-  border: none;
-  border-bottom: 4rpx solid #fff;
-  border-left: 4rpx solid #fff;
-  transform: rotate(45deg);
-  text-align: center;
-}
-
 .container .messageCard {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   position: absolute;
-  top: 170rpx;
+  top: 125rpx;
   left: 36rpx;
   width: 678rpx;
   height: 1000rpx;
@@ -93,11 +80,15 @@ page {
 
 .container .messageCard .item-form {
   width: 618rpx;
-  height: 906rpx;
+  height: 800rpx;
   margin: 0 auto;
   overflow: scroll;
 }
 
+.container .messageCard .item-form::-webkit-scrollbar {
+  display: none;
+}
+
 .container .messageCard .item-form .item,
 .container .messageCard .item-form .item-pay {
   display: flex;
@@ -120,6 +111,7 @@ page {
   margin-left: 20rpx;
   font-size: 32rpx;
   color: #808080;
+  box-sizing: border-box;
 }
 
 .container .messageCard .item-form .item .content,
@@ -134,11 +126,13 @@ page {
   margin-left: 40rpx;
   color: #000;
   background: #fff;
+  box-sizing: border-box;
 }
 
 .container .messageCard button {
   width: 618rpx;
   height: 100rpx;
+  margin: 0 auto;
   background: #298def;
   font-size: 28rpx;
   color: #fff;
@@ -177,7 +171,7 @@ page {
 
 .container .messageBg1 {
   position: absolute;
-  top: 190rpx;
+  top: 145rpx;
   left: 51rpx;
   width: 648rpx;
   height: 1005rpx;
@@ -188,7 +182,7 @@ page {
 
 .container .messageBg2 {
   position: absolute;
-  top: 209rpx;
+  top: 164rpx;
   left: 58rpx;
   width: 634rpx;
   height: 1007rpx;

pages/Pay/css/pay.scss

@@ -1,11 +1,26 @@
 page {
-    height: 100%;
+    height: 1334rpx;
+    &::-webkit-scrollbar {
+        width: 16px;
+        height: 16px;
+        background-color: #f5f5f5;
+    }
+    &::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        border-radius: 10px;
+        background-color: #f5f5f5;
+    }
+    &::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        background-color: #555;
+    }
 }
 
 .container {
     position: relative;
     width: 100%;
-    height: 1334rpx;
+    height: 100%;
     font-family: "MicrosoftYaHei";
     font-weight: 400;
     background-image: url(../../static/images/bg.png);
@@ -14,15 +29,21 @@ page {
     background-repeat: no-repeat;
     .order {
         position: absolute;
-        top: 115rpx;
-        left: 50%;
-        transform: translateX(-345rpx);
-        width: 690rpx;
-        height: 28rpx;
+        top: 40rpx;
+        right: 50rpx;
+        width: 170rpx;
+        height: 70rpx;
+        background: #298def;
+        border-radius: 35rpx;
         font-size: 28rpx;
         color: #ffffff;
-        line-height: 54rpx;
-        text-align: right;
+        line-height: 70rpx;
+        text-align: center;
+    }
+    button {
+        margin: 0;
+        outline: none;
+        padding: 0;
     }
     button::after {
         border: none;
@@ -35,61 +56,25 @@ page {
         opacity: 0.2;
         z-index: 4;
     }
-    .status_bar {
-        position: fixed;
-        top: 0;
-        height: var(--status-bar-height);
-        width: 100%;
-        background: #f8f8f8;
-        z-index: 1000;
-    }
-
-    .navBar {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 750rpx;
-        height: 55rpx;
-        margin-top: 34rpx;
-        color: #fff;
-        font-weight: bold;
-        background-color: rbga(0, 0, 0, 0.1);
-        text-align: center;
-        line-height: 55rpx;
-        z-index: 1000;
-        .back {
-            display: inline-block;
-            position: absolute;
-            top: 16rpx;
-            left: 30rpx;
-            width: 10px;
-            height: 10px;
-            border: none;
-            border-bottom: 4rpx solid #fff;
-            border-left: 4rpx solid #fff;
-            transform: rotate(45deg);
-            text-align: center;
-        }
-    }
-
     .messageCard {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         position: absolute;
-        top: 170rpx;
+        top: 125rpx;
         left: 36rpx;
         width: 678rpx;
         height: 1000rpx;
         background: #fff;
         border-radius: 14rpx;
-        // box-sizing: border-box;
-
         .item-form {
             width: 618rpx;
-            height: 906rpx;
+            height: 800rpx;
             margin: 0 auto;
             overflow: scroll;
+            &::-webkit-scrollbar {
+                display: none;
+            }
             .item,
             .item-pay {
                 display: flex;
@@ -109,6 +94,7 @@ page {
                     margin-left: 20rpx;
                     font-size: 32rpx;
                     color: #808080;
+                    box-sizing: border-box;
                 }
                 .content {
                     display: inline-block;
@@ -121,12 +107,14 @@ page {
                     margin-left: 40rpx;
                     color: #000;
                     background: #fff;
+                    box-sizing: border-box;
                 }
             }
         }
         button {
             width: 618rpx;
             height: 100rpx;
+            margin: 0 auto;
             background: #298def;
             font-size: 28rpx;
             color: #fff;
@@ -163,7 +151,7 @@ page {
 
     .messageBg1 {
         position: absolute;
-        top: 190rpx;
+        top: 145rpx;
         left: 51rpx;
         width: 648rpx;
         height: 1005rpx;
@@ -174,7 +162,7 @@ page {
 
     .messageBg2 {
         position: absolute;
-        top: 209rpx;
+        top: 164rpx;
         left: 58rpx;
         width: 634rpx;
         height: 1007rpx;

pages/Pay/pay.vue

@@ -3,16 +3,13 @@
     <view class="status_bar">
       <!-- 这里是状态栏 -->
     </view>
-    <view class="order">订单号：{{ orderNo }}</view>
+    <button class="order" @click="toOrder()" v-show="showOrder">
+      订单查询
+    </button>
     <view
       class="mark"
       v-show="showSearch || showLeaveMess"
-      @click="
-        () => {
-          this.showLeaveMess = false;
-          this.showSearch = false;
-        }
-      "
+      @click="markClose()"
     ></view>
     <view class="messageBg1"></view>
     <view class="messageBg2"></view>
@@ -155,6 +152,7 @@ export default {
     return {
       showLeaveMess: false,
       showSearch: false,
+      showOrder: false,
       studentName: "",
       studentNo: "",
       SeaStudentNo: "",
@@ -191,21 +189,26 @@ export default {
   },
   methods: {
     toSearch() {
-      this.showSearch = !this.showSearch;
+      this.showSearch = true;
     },
     close1() {
-      this.showSearch = !this.showSearch;
+      this.showSearch = false;
     },
     close2() {
-      this.showLeaveMess = !this.showLeaveMess;
+      this.showLeaveMess = false;
     },
     toLeaveMess() {
-      this.showLeaveMess = !this.showLeaveMess;
+      this.showLeaveMess = true;
+    },
+
+    markClose() {
+      this.showLeaveMess = false;
+      this.showSearch = false;
     },
 
     //获取cardNumber
     loginFilter() {
-      let cardNumber = localStorage.getItem("cardNumber");
+      let cardNumber = sessionStorage.getItem("cardNumber");
 
       if (!cardNumber) {
         let cardNumber = this.getQueryString("cardNumber");
@@ -222,7 +225,7 @@ export default {
         } else if (!cardNumber) {
           window.location.href = homeWeb;
         } else {
-          localStorage.setItem("cardNumber", cardNumber);
+          sessionStorage.setItem("cardNumber", cardNumber);
           this.getDetailMess();
         }
       } else {
@@ -234,10 +237,15 @@ export default {
     getDetailMess() {
       let that = this;
 
-      let cardNumber = localStorage.getItem("cardNumber");
+      let cardNumber = sessionStorage.getItem("cardNumber");
 
       let url = that.homeUrl + "/tuitionpayment/payableinfo/payableInfo";
-
+      uni.showToast({
+        title: "信息获取中",
+        icon: "loading",
+        mask: true,
+        duration: 1500,
+      });
       uni.request({
         url: url,
         data: {},
@@ -251,7 +259,7 @@ export default {
         sslVerify: true,
         success: ({ data, statusCode, header }) => {
           if (data.data === null) {
-            uni.navigateTo({ url: "/pages/parentPay/parentPay" });
+            uni.redirectTo({ url: "/pages/parentPay/parentPay" });
           } else {
             let res = data.data;
             that.studentName = res.studentName;
@@ -260,10 +268,12 @@ export default {
             that.className = res.className;
             that.years = res.years;
             that.realPayAmount = res.realPayAmount;
+
             that.getPayDetail(res.payItemDetail);
             if (res.pay) {
               that.payStatu1 = false;
               that.payStatu2 = true;
+              that.showOrder = true;
             } else {
               that.payStatu1 = true;
               that.payStatu2 = false;
@@ -300,6 +310,7 @@ export default {
     //获取openid
     getOpenId() {
       let openId = localStorage.getItem("openId");
+
       if (!openId) {
         let openId = this.getQueryString("openId");
         let error = this.getQueryString("error");
@@ -326,7 +337,7 @@ export default {
         title: "支付中，请稍等",
         icon: "loading",
         mask: true,
-        duration: 1000,
+        duration: 1500,
       });
       this.getOrderNo(); //获取订单号
     },
@@ -335,7 +346,7 @@ export default {
     getOrderNo() {
       let that = this;
 
-      let cardNumber = localStorage.getItem("cardNumber");
+      let cardNumber = sessionStorage.getItem("cardNumber");
 
       let url =
         that.homeUrl + `/tuitionpayment/payorder/${that.studentNo}/create`;
@@ -408,7 +419,7 @@ export default {
     getwxParam() {
       let that = this;
 
-      let cardNumber = localStorage.getItem("cardNumber");
+      let cardNumber = sessionStorage.getItem("cardNumber");
 
       let openId = localStorage.getItem("openId");
 
@@ -530,7 +541,7 @@ export default {
         });
       } else {
         let that = this;
-        let cardNumber = localStorage.getItem("cardNumber");
+        let cardNumber = sessionStorage.getItem("cardNumber");
         let url =
           that.homeUrl +
           `/tuitionpayment/payableinfo/payableInfo/${that.SeaStudentNo}/${that.SeaStudentName}`;
@@ -571,6 +582,7 @@ export default {
               if (res.pay) {
                 that.payStatu1 = false;
                 that.payStatu2 = true;
+                that.showOrder = true;
               } else {
                 that.payStatu1 = true;
                 that.payStatu2 = false;
@@ -586,7 +598,7 @@ export default {
     putMess() {
       let that = this;
 
-      let cardNumber = localStorage.getItem("cardNumber");
+      let cardNumber = sessionStorage.getItem("cardNumber");
 
       let url = that.homeUrl + "/tuitionpayment/feedbackmsg/save";
 
@@ -629,6 +641,11 @@ export default {
         fail: (error) => {},
       });
     },
+
+    //跳转订单页面
+    toOrder() {
+      uni.redirectTo({ url: "/pages/order/order" });
+    },
   },
 };
 </script>

pages/order/css/order.css

@@ -0,0 +1,400 @@
+page {
+  height: 100%;
+}
+
+page::-webkit-scrollbar {
+  width: 16px;
+  height: 16px;
+  background-color: #f5f5f5;
+}
+
+page::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+  background-color: #f5f5f5;
+}
+
+page::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: #555;
+}
+
+.container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-image: url(../../static/images/bg.png);
+  background-size: 100% 100%;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  box-sizing: border-box;
+  font-family: "Microsoft YaHei";
+  font-weight: 400;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.container .mark {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: #000000;
+  opacity: 0.2;
+  z-index: 4;
+}
+
+.container button::after {
+  border: none;
+}
+
+.container button {
+  margin: 0;
+  outline: none;
+  padding: 0;
+}
+
+.container .list {
+  width: 700rpx;
+  height: 1300rpx;
+  overflow: scroll;
+  margin: 0 auto;
+  padding-top: 63rpx;
+  border-radius: 10rpx;
+  box-sizing: border-box;
+}
+
+.container .list::-webkit-scrollbar {
+  display: none;
+}
+
+.container .list .messCard {
+  position: relative;
+  width: 690rpx;
+  height: 464rpx;
+  margin-bottom: 30rpx;
+  border-radius: 10rpx;
+  box-sizing: border-box;
+}
+
+.container .list .messCard .field {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 690rpx;
+  height: 453rpx;
+  background: #ffffff;
+  border-radius: 10rpx;
+  z-index: 3;
+  overflow: hidden;
+}
+
+.container .list .messCard .field .header {
+  display: flex;
+  justify-content: space-between;
+  width: 690rpx;
+  height: 90rpx;
+  background: #e7eef5;
+}
+
+.container .list .messCard .field .header text {
+  width: 500rpx;
+  height: 90rpx;
+  font-size: 28rpx;
+  margin-left: 20rpx;
+  color: #333333;
+  text-align: left;
+  line-height: 90rpx;
+}
+
+.container .list .messCard .field .header text:nth-child(2) {
+  width: 140rpx;
+  height: 88rpx;
+  line-height: 88rpx;
+  color: #999999;
+}
+
+.container .list .messCard .field .content {
+  width: 690rpx;
+  height: 242rpx;
+}
+
+.container .list .messCard .field .content .mess-itm {
+  display: flex;
+  justify-content: space-between;
+  width: 650rpx;
+  height: 30rpx;
+  margin: 0 auto;
+  margin-top: 28rpx;
+}
+
+.container .list .messCard .field .content .mess-itm text {
+  width: 100rpx;
+  height: 30rpx;
+  font-size: 28rpx;
+  color: #808080;
+  line-height: 30rpx;
+  text-align: left;
+}
+
+.container .list .messCard .field .content .mess-itm text:nth-child(2) {
+  width: 550rpx;
+  color: #333333;
+}
+
+.container .list .messCard .field .content .mess-itm .time {
+  width: 400rpx;
+  margin-top: 20rpx;
+  font-size: 24rpx;
+  color: #808080;
+}
+
+.container .list .messCard .field .content .mess-itm .amount {
+  width: 245px;
+  margin-top: 18rpx;
+  font-weight: bold;
+  color: #333333;
+  text-align: right;
+}
+
+.container .list .messCard .field .footer {
+  width: 690rpx;
+  height: 121rpx;
+}
+
+.container .list .messCard .field .footer .bt-item {
+  display: flex;
+  justify-content: flex-end;
+  width: 460rpx;
+  height: 70rpx;
+  margin-top: 15rpx;
+  margin-left: 210rpx;
+}
+
+.container .list .messCard .field .footer .bt-item button {
+  width: 140rpx;
+  height: 60rpx;
+  margin-left: 20rpx;
+  line-height: 60rpx;
+  text-align: center;
+  font-size: 18rpx;
+  color: #298def;
+  border: 1px solid #298def;
+  border-radius: 30rpx;
+  background: #fff;
+}
+
+.container .list .messCard .fieldBg {
+  position: absolute;
+  top: 148rpx;
+  left: 21rpx;
+  width: 648rpx;
+  height: 316rpx;
+  background: #ffffff;
+  opacity: 0.7;
+  border-radius: 14rpx;
+  z-index: 2;
+}
+
+.container .detail {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  position: absolute;
+  top: 301rpx;
+  left: 50%;
+  transform: translateX(-325rpx);
+  z-index: 5;
+  width: 650rpx;
+  height: 742rpx;
+  background: #ffffff;
+  box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(0, 0, 0, 0.29);
+  border-radius: 10rpx;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.container .detail .top {
+  display: flex;
+  justify-content: space-between;
+  width: 650rpx;
+  height: 90rpx;
+  background: #e7eef5;
+  line-height: 90rpx;
+}
+
+.container .detail .top text {
+  width: 161rpx;
+  height: 90rpx;
+  margin-left: 35rpx;
+  line-height: 90rpx;
+  font-size: 32rpx;
+  color: #333333;
+}
+
+.container .detail .top .close {
+  position: relative;
+  width: 120rpx;
+  height: 80rpx;
+  background: #e7eef5;
+}
+
+.container .detail .top .close .image {
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  width: 18rpx;
+  height: 18rpx;
+  background-image: url(../../static/images/close.png);
+  background-size: 100%;
+}
+
+.container .detail .content {
+  width: 650rpx;
+  height: 652rpx;
+  overflow-y: scroll;
+  box-sizing: border-box;
+}
+
+.container .detail .content .mess-itm,
+.container .detail .content .mess-itm-pay {
+  display: flex;
+  justify-content: flex-start;
+  width: 590rpx;
+  height: 30rpx;
+  margin: 0 auto;
+  margin-top: 32rpx;
+  box-sizing: border-box;
+}
+
+.container .detail .content .mess-itm text,
+.container .detail .content .mess-itm-pay text {
+  height: 30rpx;
+  font-size: 28rpx;
+  color: #808080;
+  line-height: 30rpx;
+  text-align: left;
+}
+
+.container .detail .content .mess-itm text:nth-child(2),
+.container .detail .content .mess-itm-pay text:nth-child(2) {
+  color: #333333;
+}
+
+.container .leaveMess {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  position: absolute;
+  top: 301rpx;
+  left: 50%;
+  transform: translateX(-325rpx);
+  z-index: 5;
+  width: 650rpx;
+  height: 732rpx;
+  background: #ffffff;
+  box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(0, 0, 0, 0.29);
+  border-radius: 10rpx;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.container .leaveMess .top {
+  display: flex;
+  justify-content: space-between;
+  width: 650rpx;
+  height: 90rpx;
+  background: #e7eef5;
+  line-height: 90rpx;
+}
+
+.container .leaveMess .top text {
+  width: 161rpx;
+  height: 90rpx;
+  margin-left: 35rpx;
+  line-height: 90rpx;
+  font-size: 32rpx;
+  color: #333333;
+}
+
+.container .leaveMess .top .close {
+  position: relative;
+  width: 120rpx;
+  height: 80rpx;
+  background: #e7eef5;
+}
+
+.container .leaveMess .top .close .image {
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  width: 18rpx;
+  height: 18rpx;
+  background-image: url(../../static/images/close.png);
+  background-size: 100%;
+}
+
+.container .leaveMess .name,
+.container .leaveMess .tel {
+  display: flex;
+  justify-content: space-between;
+  width: 570rpx;
+  height: 56rpx;
+  margin: 0 auto;
+  margin-top: 30rpx;
+}
+
+.container .leaveMess .name text,
+.container .leaveMess .tel text {
+  width: 101rpx;
+  height: 56rpx;
+  font-size: 28rpx;
+  color: #333333;
+  text-align: center;
+  line-height: 56rpx;
+}
+
+.container .leaveMess .name input,
+.container .leaveMess .tel input {
+  width: 453rpx;
+  height: 56rpx;
+  font-size: 28rpx;
+  border: 1rpx solid #bfbfbf;
+  border-radius: 5rpx;
+  text-align: left;
+  text-indent: 10rpx;
+}
+
+.container .leaveMess .name text {
+  text-align: right;
+}
+
+.container .leaveMess .title {
+  width: 570rpx;
+  height: 30rpx;
+  margin: 0 auto;
+  margin-top: 40rpx;
+  color: #333333;
+  font-size: 28rpx;
+  line-height: 30rpx;
+}
+
+.container .leaveMess textarea {
+  width: 570rpx;
+  height: 230rpx;
+  border: 1rpx solid #cccccc;
+  border-radius: 10rpx;
+  margin: 0 auto;
+  margin-top: 20rpx;
+}
+
+.container .leaveMess button {
+  width: 170rpx;
+  height: 80rpx;
+  margin-top: 30rpx;
+  background: #298def;
+  border-radius: 4px;
+  color: #fff;
+  text-align: center;
+  line-height: 80rpx;
+}

pages/order/css/order.scss

@@ -0,0 +1,355 @@
+page {
+    height: 100%;
+    &::-webkit-scrollbar {
+        width: 16px;
+        height: 16px;
+        background-color: #f5f5f5;
+    }
+    &::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        border-radius: 10px;
+        background-color: #f5f5f5;
+    }
+    &::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        background-color: #555;
+    }
+}
+.container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-image: url(../../static/images/bg.png);
+    background-size: 100% 100%;
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    box-sizing: border-box;
+    font-family: "Microsoft YaHei";
+    font-weight: 400;
+    box-sizing: border-box;
+    overflow: hidden;
+    .mark {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background: #000000;
+        opacity: 0.2;
+        z-index: 4;
+    }
+    button::after {
+        border: none;
+    }
+    button {
+        margin: 0;
+        outline: none;
+        padding: 0;
+    }
+    .list {
+        width: 700rpx;
+        height: 1300rpx;
+        overflow: scroll;
+        margin: 0 auto;
+        padding-top: 63rpx;
+        border-radius: 10rpx;
+        box-sizing: border-box;
+        &::-webkit-scrollbar {
+            display: none;
+        }
+        .messCard {
+            position: relative;
+            width: 690rpx;
+            height: 464rpx;
+            margin-bottom: 30rpx;
+            border-radius: 10rpx;
+            box-sizing: border-box;
+            .field {
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 690rpx;
+                height: 453rpx;
+                background: #ffffff;
+                border-radius: 10rpx;
+                z-index: 3;
+                overflow: hidden;
+                .header {
+                    display: flex;
+                    justify-content: space-between;
+                    width: 690rpx;
+                    height: 90rpx;
+                    background: #e7eef5;
+                    text {
+                        width: 500rpx;
+                        height: 90rpx;
+                        font-size: 28rpx;
+                        margin-left: 20rpx;
+                        color: #333333;
+                        text-align: left;
+                        line-height: 90rpx;
+                    }
+                    & text:nth-child(2) {
+                        width: 140rpx;
+                        height: 88rpx;
+                        line-height: 88rpx;
+                        color: #999999;
+                    }
+                }
+                .content {
+                    width: 690rpx;
+                    height: 242rpx;
+                    .mess-itm {
+                        display: flex;
+                        justify-content: space-between;
+                        width: 650rpx;
+                        height: 30rpx;
+                        margin: 0 auto;
+                        margin-top: 28rpx;
+                        text {
+                            width: 100rpx;
+                            height: 30rpx;
+                            font-size: 28rpx;
+                            color: #808080;
+                            line-height: 30rpx;
+                            text-align: left;
+                        }
+                        & text:nth-child(2) {
+                            width: 550rpx;
+                            color: rgba(51, 51, 51, 1);
+                        }
+                        .time {
+                            width: 400rpx;
+                            margin-top: 20rpx;
+                            font-size: 24rpx;
+                            color: #808080;
+                        }
+                        .amount {
+                            width: 245px;
+                            margin-top: 18rpx;
+                            font-weight: bold;
+                            color: #333333;
+                            text-align: right;
+                        }
+                    }
+                }
+                .footer {
+                    width: 690rpx;
+                    height: 121rpx;
+                    .bt-item {
+                        display: flex;
+                        justify-content: flex-end;
+                        width: 460rpx;
+                        height: 70rpx;
+                        margin-top: 15rpx;
+                        margin-left: 210rpx;
+                        button {
+                            width: 140rpx;
+                            height: 60rpx;
+                            margin-left: 20rpx;
+                            line-height: 60rpx;
+                            text-align: center;
+                            font-size: 18rpx;
+                            color: #298def;
+                            border: 1px solid #298def;
+                            border-radius: 30rpx;
+                            background: #fff;
+                        }
+                    }
+                }
+            }
+            .fieldBg {
+                position: absolute;
+                top: 148rpx;
+                left: 21rpx;
+                width: 648rpx;
+                height: 316rpx;
+                background: #ffffff;
+                opacity: 0.7;
+                border-radius: 14rpx;
+                z-index: 2;
+            }
+        }
+    }
+    .detail {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        position: absolute;
+        top: 301rpx;
+        left: 50%;
+        transform: translateX(-325rpx);
+        z-index: 5;
+        width: 650rpx;
+        height: 742rpx;
+        background: #ffffff;
+        box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(0, 0, 0, 0.29);
+        border-radius: 10rpx;
+        overflow: hidden;
+        box-sizing: border-box;
+        .top {
+            display: flex;
+            justify-content: space-between;
+            width: 650rpx;
+            height: 90rpx;
+            background: #e7eef5;
+            line-height: 90rpx;
+            text {
+                width: 161rpx;
+                height: 90rpx;
+                margin-left: 35rpx;
+                line-height: 90rpx;
+                font-size: 32rpx;
+                color: #333333;
+            }
+            .close {
+                position: relative;
+                width: 120rpx;
+                height: 80rpx;
+                background: #e7eef5;
+                .image {
+                    position: absolute;
+                    top: 40%;
+                    left: 50%;
+                    width: 18rpx;
+                    height: 18rpx;
+                    background-image: url(../../static/images/close.png);
+                    background-size: 100%;
+                }
+            }
+        }
+        .content {
+            width: 650rpx;
+            height: 652rpx;
+            overflow-y: scroll;
+            box-sizing: border-box;
+            .mess-itm,
+            .mess-itm-pay {
+                display: flex;
+                justify-content: flex-start;
+                width: 590rpx;
+                height: 30rpx;
+                margin: 0 auto;
+                margin-top: 32rpx;
+                box-sizing: border-box;
+                text {
+                    //   width: 200rpx;
+                    height: 30rpx;
+                    font-size: 28rpx;
+                    color: #808080;
+                    line-height: 30rpx;
+                    text-align: left;
+                }
+                & text:nth-child(2) {
+                    //   width: 550rpx;
+                    color: rgba(51, 51, 51, 1);
+                }
+            }
+        }
+    }
+    .leaveMess {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        position: absolute;
+        top: 301rpx;
+        left: 50%;
+        transform: translateX(-325rpx);
+        z-index: 5;
+        width: 650rpx;
+        height: 732rpx;
+        background: #ffffff;
+        box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(0, 0, 0, 0.29);
+        border-radius: 10rpx;
+        overflow: hidden;
+        box-sizing: border-box;
+        .top {
+            display: flex;
+            justify-content: space-between;
+            width: 650rpx;
+            height: 90rpx;
+            background: #e7eef5;
+            line-height: 90rpx;
+            text {
+                width: 161rpx;
+                height: 90rpx;
+                margin-left: 35rpx;
+                line-height: 90rpx;
+                font-size: 32rpx;
+                color: #333333;
+            }
+            .close {
+                position: relative;
+                width: 120rpx;
+                height: 80rpx;
+                background: #e7eef5;
+                .image {
+                    position: absolute;
+                    top: 40%;
+                    left: 50%;
+                    width: 18rpx;
+                    height: 18rpx;
+                    background-image: url(../../static/images/close.png);
+                    background-size: 100%;
+                }
+            }
+        }
+        .name,
+        .tel {
+            display: flex;
+            justify-content: space-between;
+            width: 570rpx;
+            height: 56rpx;
+            margin: 0 auto;
+            margin-top: 30rpx;
+            text {
+                width: 101rpx;
+                height: 56rpx;
+                font-size: 28rpx;
+                color: #333333;
+                text-align: center;
+                line-height: 56rpx;
+            }
+            input {
+                width: 453rpx;
+                height: 56rpx;
+                font-size: 28rpx;
+                border: 1rpx solid #bfbfbf;
+                border-radius: 5rpx;
+                text-align: left;
+                text-indent: 10rpx;
+            }
+        }
+        .name {
+            text {
+                text-align: right;
+            }
+        }
+        .title {
+            width: 570rpx;
+            height: 30rpx;
+            margin: 0 auto;
+            margin-top: 40rpx;
+            color: #333333;
+            font-size: 28rpx;
+            line-height: 30rpx;
+        }
+        textarea {
+            width: 570rpx;
+            height: 230rpx;
+            border: 1rpx solid #cccccc;
+            border-radius: 10rpx;
+            margin: 0 auto;
+            margin-top: 20rpx;
+        }
+        button {
+            width: 170rpx;
+            height: 80rpx;
+            margin-top: 30rpx;
+            background: #298def;
+            border-radius: 4px;
+            color: #fff;
+            text-align: center;
+            line-height: 80rpx;
+        }
+    }
+}

pages/order/order.vue

@@ -0,0 +1,309 @@
+<template>
+  <view class="container">
+    <view
+      class="mark"
+      v-show="showDetail || showLeaveMess"
+      @click="markClose()"
+    ></view>
+    <view class="list">
+      <template v-if="orderList.length !== 0">
+        <view class="messCard" v-for="item in orderList">
+          <view class="field">
+            <view class="header">
+              <text>订单号：{{ item.orderNo }}</text>
+              <text v-if="item.status == 2">缴费成功</text>
+              <text v-if="item.status == 1" style="color: #ff8b02"
+                >缴费失败</text
+              >
+            </view>
+            <view class="content">
+              <view class="mess-itm">
+                <text>姓名：</text>
+                <text>{{ item.studentName }}</text>
+              </view>
+              <view class="mess-itm">
+                <text>学号：</text>
+                <text>{{ item.payForIdentify }}</text>
+              </view>
+              <view class="mess-itm">
+                <text>班级：</text>
+                <text>{{ item.className }}</text>
+              </view>
+              <view class="mess-itm">
+                <text class="time">{{ item.createTime }}</text>
+                <text class="amount">实付款￥{{ item.orderAmount }}</text>
+              </view>
+            </view>
+            <view class="footer">
+              <view class="bt-item">
+                <view
+                  ><button
+                    @click="putMess(item.orderNo)"
+                    v-if="item.status == 1"
+                  >
+                    订单反馈
+                  </button>
+                </view>
+                <view
+                  ><button @click="toPay()" v-if="item.status == 1">
+                    继续支付
+                  </button></view
+                >
+                <view><button @click="searchDetail()">查看详情</button></view>
+              </view>
+            </view>
+          </view>
+          <view class="fieldBg"></view>
+        </view>
+      </template>
+    </view>
+    <view class="detail" v-show="showDetail">
+      <view class="top">
+        <text>订单详情</text>
+        <view class="close" @click="toShowDetail()">
+          <view class="image"></view>
+        </view>
+      </view>
+      <view class="content">
+        <view class="mess-itm">
+          <text>收费单位：</text>
+          <text>南昌交通学院</text>
+        </view>
+        <view class="mess-itm">
+          <text>姓名：</text>
+          <text>{{ studentName }}</text>
+        </view>
+        <view class="mess-itm">
+          <text>学号：</text>
+          <text>{{ payForIdentify }}</text>
+        </view>
+        <view class="mess-itm">
+          <text>专业：</text>
+          <text>{{ majorName }}</text>
+        </view>
+        <view class="mess-itm">
+          <text>班级：</text>
+          <text>{{ className }}</text>
+        </view>
+        <view class="mess-itm">
+          <text>缴费学年：</text>
+          <text>{{ years }}</text>
+        </view>
+        <view class="mess-itm-pay" v-for="item in Arr">
+          <text>{{ item.id }}：</text>
+          <text>￥{{ item.money }}</text>
+        </view>
+        <view class="mess-itm">
+          <text>总金额：</text>
+          <text>￥{{ orderAmount }}</text>
+        </view>
+      </view>
+    </view>
+    <!-- <view class="leaveMess" v-show="showLeaveMess">
+      <view class="top">
+        <text>信息反馈</text>
+        <view class="close" @click="toShowLeaveMess()">
+          <view class="image"></view>
+        </view>
+      </view>
+      <view class="name">
+        <text>姓&#12288;名 :</text>
+        <input
+          type="text"
+          placeholder="请输入姓名"
+          v-model="feedbackPersonName"
+          placeholder-style="color: #B3B3B3;"
+        />
+      </view>
+      <view class="tel">
+        <text>联系人 :</text>
+        <input
+          type="text"
+          placeholder="请输入联系人手机号码"
+          v-model="feedbackPersonPhone"
+          placeholder-style="color: #B3B3B3;"
+        />
+      </view>
+      <text class="title">反馈信息 ：</text>
+      <textarea
+        placeholder=""
+        placeholder-class="textarea-placeholder"
+        maxlength="512"
+        v-model="feedbackInfo"
+      />
+      <button hover-class="button-hover" @click="putMess">提交</button>
+    </view> -->
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      showDetail: false, //订单详情弹窗
+      showLeaveMess: false, //订单反馈弹窗
+      paySuccess: true, //缴费成功隐藏按钮
+      feedbackPersonName: "", //订单反馈联系人姓名
+      feedbackInfo: "", //订单反馈留言
+      feedbackPersonPhone: "", //订单反馈联系人电话
+      orderList: [],
+      studentName: "",
+      payForIdentify: "",
+      majorName: "",
+      className: "",
+      years: "",
+      Arr: [],
+      orderAmount: "",
+      status: "",
+      homeUrl: "https://jtishfw.ncjti.edu.cn/jiaofei/backendApi",
+    };
+  },
+
+  created() {
+    this.getOrderList();
+  },
+  methods: {
+    markClose() {
+      this.showDetail = false;
+      this.showLeaveMess = false;
+    },
+    toShowDetail() {
+      this.showDetail = !this.showDetail;
+    },
+    toShowLeaveMess() {
+      this.showLeaveMess = !this.showLeaveMess;
+    },
+    searchDetail() {
+      this.detailMess();
+      this.showDetail = !this.showDetail;
+    },
+    //获取订单列表
+    getOrderList() {
+      let cardNumber = sessionStorage.getItem("cardNumber");
+
+      let url = this.homeUrl + "/tuitionpayment/payorder/currentUserList";
+
+      uni.request({
+        url: url,
+        data: {},
+        header: {
+          card_number: cardNumber,
+          Accept: "application/json",
+          "Content-Type": " application/x-www-form-urlencoded;charset=utf-8",
+          "X-Requested-With": "XMLHttpRequest",
+        },
+        method: "GET",
+        sslVerify: true,
+        success: ({ data, statusCode, header }) => {
+          console.log(data.data.list);
+          this.orderList = data.data.list;
+          let res = data.data.list[0];
+          this.studentName = res.studentName;
+          this.payForIdentify = res.payForIdentify;
+        },
+        fail: (error) => {},
+      });
+    },
+
+    //查看详情
+    detailMess() {
+      let cardNumber = sessionStorage.getItem("cardNumber");
+
+      let url =
+        this.homeUrl +
+        `/tuitionpayment/payableinfo/payableInfo/${this.payForIdentify}/${this.studentName}`;
+
+      uni.request({
+        url: url,
+        header: {
+          card_number: cardNumber,
+          Accept: "application/json",
+          "Content-Type": "application/x-www-form-urlencoded;charset=utf-8",
+          "X-Requested-With": "XMLHttpRequest",
+        },
+        method: "GET",
+        sslVerify: true,
+        success: ({ data, statusCode, header }) => {
+          let res = data.data;
+          this.years = res.years;
+          this.majorName = res.majorName;
+          this.className = res.className;
+          this.orderAmount = res.realPayAmount;
+          this.getPayDetail(res.payItemDetail);
+        },
+        fail: (error) => {},
+      });
+    },
+
+    //提交订单反馈
+    putMess(orderNo) {
+      let cardNumber = sessionStorage.getItem("cardNumber");
+
+      let url = this.homeUrl + `/tuitionpayment/payorder/${orderNo}/orderStatu`;
+
+      uni.request({
+        url: url,
+        data: {},
+        header: {
+          card_number: cardNumber,
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          "X-Requested-With": "XMLHttpRequest",
+        },
+        method: "GET",
+        sslVerify: true,
+        success: ({ data, statusCode, header }) => {
+          let res = data.data;
+          if (res.status == 2) {
+            uni.showToast({
+              title: "支付成功",
+              icon: "error",
+              mask: true,
+              duration: 1000,
+            });
+          } else {
+            uni.showToast({
+              title: "支付失败",
+              icon: "error",
+              mask: true,
+              duration: 1000,
+            });
+          }
+        },
+        fail: (error) => {},
+      });
+    },
+
+    //跳转支付页面
+    toPay() {
+      uni.navigateTo({ url: "/pages/Pay/pay" });
+    },
+
+    //获取学费明细
+    getPayDetail(len) {
+      //获取明细款项名称数组
+      var arr = len.match(/[^\\u4e00-\\u9fa5]+/g);
+      //过滤
+      var itemIdArr = arr.filter(function (value) {
+        return value !== ".";
+      });
+      //获取明细金额数组
+      var itemMoneyArr = len.match(/([0-9]+\.[0-9]+)+/g);
+      //拼接成对象数组
+      var item = [];
+      for (var i in (itemIdArr, itemMoneyArr)) {
+        var c = {
+          id: itemIdArr[i],
+          money: itemMoneyArr[i],
+        };
+        item.push(c);
+      }
+      this.Arr = item;
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import url("./css/order.min.css");
+</style>

pages/parentPay/css/parentPay.css

@@ -1,10 +1,38 @@
 page {
-  height: 100%;
+  height: 1334rpx;
+}
+
+page::-webkit-scrollbar {
+  width: 16px;
+  height: 16px;
+  background-color: #f5f5f5;
+}
+
+page::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+  background-color: #f5f5f5;
+}
+
+page::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: #555;
 }
 
 .container {
   width: 100%;
-  height: 1334rpx;
+  height: 100%;
+}
+
+.container button {
+  margin: 0;
+  outline: none;
+  padding: 0;
+}
+
+.container button::after {
+  border: none;
 }
 
 .content1 {
@@ -33,7 +61,7 @@ page {
   flex-direction: column;
   justify-content: flex-start;
   position: absolute;
-  top: 170rpx;
+  top: 125rpx;
   left: 36rpx;
   width: 678rpx;
   height: 1000rpx;
@@ -64,17 +92,25 @@ page {
   width: 318rpx;
   height: 80rpx;
   margin: 0 auto;
-  margin-top: 224rpx;
+  margin-top: 140rpx;
   background: #298def;
   border-radius: 10rpx;
+  border: 1rpx solid #fff;
   color: #fff;
   line-height: 80rpx;
   font-size: 28rpx;
 }
 
+.content1 .messageCard button:nth-of-type(2) {
+  margin-top: 60rpx;
+  background: #fff;
+  color: #298def;
+  border: 1rpx solid #298def;
+}
+
 .content1 .messageBg1 {
   position: absolute;
-  top: 190rpx;
+  top: 145rpx;
   left: 51rpx;
   width: 648rpx;
   height: 1005rpx;
@@ -85,7 +121,7 @@ page {
 
 .content1 .messageBg2 {
   position: absolute;
-  top: 209rpx;
+  top: 164rpx;
   left: 58rpx;
   width: 634rpx;
   height: 1007rpx;
@@ -221,7 +257,7 @@ page {
 .content2 {
   position: relative;
   width: 100%;
-  height: 1334rpx;
+  height: 100%;
   font-family: "MicrosoftYaHei";
   font-weight: 400;
   background-image: url(../../static/images/bg.png);
@@ -230,23 +266,6 @@ page {
   background-repeat: no-repeat;
 }
 
-.content2 .order {
-  position: absolute;
-  top: 115rpx;
-  left: 50%;
-  transform: translateX(-345rpx);
-  width: 690rpx;
-  height: 28rpx;
-  font-size: 28rpx;
-  color: #ffffff;
-  line-height: 54rpx;
-  text-align: right;
-}
-
-.content2 button::after {
-  border: none;
-}
-
 .content2 .mark {
   position: absolute;
   width: 100%;
@@ -256,50 +275,12 @@ page {
   z-index: 4;
 }
 
-.content2 .status_bar {
-  position: fixed;
-  top: 0;
-  height: var(--status-bar-height);
-  width: 100%;
-  background: #f8f8f8;
-  z-index: 1000;
-}
-
-.content2 .navBar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 750rpx;
-  height: 55rpx;
-  margin-top: 34rpx;
-  color: #fff;
-  font-weight: bold;
-  background-color: rbga(0, 0, 0, 0.1);
-  text-align: center;
-  line-height: 55rpx;
-  z-index: 1000;
-}
-
-.content2 .navBar .back {
-  display: inline-block;
-  position: absolute;
-  top: 16rpx;
-  left: 30rpx;
-  width: 10px;
-  height: 10px;
-  border: none;
-  border-bottom: 4rpx solid #fff;
-  border-left: 4rpx solid #fff;
-  transform: rotate(45deg);
-  text-align: center;
-}
-
 .content2 .messageCard {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   position: absolute;
-  top: 170rpx;
+  top: 125rpx;
   left: 36rpx;
   width: 678rpx;
   height: 1000rpx;
@@ -309,11 +290,15 @@ page {
 
 .content2 .messageCard .item-form {
   width: 618rpx;
-  height: 906rpx;
+  height: 800rpx;
   margin: 0 auto;
   overflow: scroll;
 }
 
+.content2 .messageCard .item-form::-webkit-scrollbar {
+  display: none;
+}
+
 .content2 .messageCard .item-form .item,
 .content2 .messageCard .item-form .item-pay {
   display: flex;
@@ -336,6 +321,7 @@ page {
   margin-left: 20rpx;
   font-size: 32rpx;
   color: #808080;
+  box-sizing: border-box;
 }
 
 .content2 .messageCard .item-form .item .content,
@@ -350,6 +336,7 @@ page {
   margin-left: 40rpx;
   color: #000;
   background: #fff;
+  box-sizing: border-box;
 }
 
 .content2 .messageCard button {
@@ -383,7 +370,7 @@ page {
 
 .content2 .messageBg1 {
   position: absolute;
-  top: 190rpx;
+  top: 145rpx;
   left: 51rpx;
   width: 648rpx;
   height: 1005rpx;
@@ -394,7 +381,7 @@ page {
 
 .content2 .messageBg2 {
   position: absolute;
-  top: 209rpx;
+  top: 164rpx;
   left: 58rpx;
   width: 634rpx;
   height: 1007rpx;

pages/parentPay/css/parentPay.scss

@@ -1,9 +1,33 @@
 page {
-    height: 100%;
+    height: 1334rpx;
+
+    &::-webkit-scrollbar {
+        width: 16px;
+        height: 16px;
+        background-color: #f5f5f5;
+    }
+    &::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        border-radius: 10px;
+        background-color: #f5f5f5;
+    }
+    &::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        background-color: #555;
+    }
 }
 .container {
     width: 100%;
-    height: 1334rpx;
+    height: 100%;
+    button {
+        margin: 0;
+        outline: none;
+        padding: 0;
+    }
+    button::after {
+        border: none;
+    }
 }
 .content1 {
     position: relative;
@@ -28,7 +52,7 @@ page {
         flex-direction: column;
         justify-content: flex-start;
         position: absolute;
-        top: 170rpx;
+        top: 125rpx;
         left: 36rpx;
         width: 678rpx;
         height: 1000rpx;
@@ -55,17 +79,24 @@ page {
             width: 318rpx;
             height: 80rpx;
             margin: 0 auto;
-            margin-top: 224rpx;
+            margin-top: 140rpx;
             background: #298def;
             border-radius: 10rpx;
+            border: 1rpx solid #fff;
             color: #fff;
             line-height: 80rpx;
             font-size: 28rpx;
         }
+        & button:nth-of-type(2) {
+            margin-top: 60rpx;
+            background: #fff;
+            color: #298def;
+            border: 1rpx solid #298def;
+        }
     }
     .messageBg1 {
         position: absolute;
-        top: 190rpx;
+        top: 145rpx;
         left: 51rpx;
         width: 648rpx;
         height: 1005rpx;
@@ -76,7 +107,7 @@ page {
 
     .messageBg2 {
         position: absolute;
-        top: 209rpx;
+        top: 164rpx;
         left: 58rpx;
         width: 634rpx;
         height: 1007rpx;
@@ -197,28 +228,13 @@ page {
 .content2 {
     position: relative;
     width: 100%;
-    height: 1334rpx;
+    height: 100%;
     font-family: "MicrosoftYaHei";
     font-weight: 400;
     background-image: url(../../static/images/bg.png);
     background-size: 100% 100%;
     background-attachment: fixed;
     background-repeat: no-repeat;
-    .order {
-        position: absolute;
-        top: 115rpx;
-        left: 50%;
-        transform: translateX(-345rpx);
-        width: 690rpx;
-        height: 28rpx;
-        font-size: 28rpx;
-        color: #ffffff;
-        line-height: 54rpx;
-        text-align: right;
-    }
-    button::after {
-        border: none;
-    }
     .mark {
         position: absolute;
         width: 100%;
@@ -227,61 +243,25 @@ page {
         opacity: 0.2;
         z-index: 4;
     }
-    .status_bar {
-        position: fixed;
-        top: 0;
-        height: var(--status-bar-height);
-        width: 100%;
-        background: #f8f8f8;
-        z-index: 1000;
-    }
-
-    .navBar {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 750rpx;
-        height: 55rpx;
-        margin-top: 34rpx;
-        color: #fff;
-        font-weight: bold;
-        background-color: rbga(0, 0, 0, 0.1);
-        text-align: center;
-        line-height: 55rpx;
-        z-index: 1000;
-        .back {
-            display: inline-block;
-            position: absolute;
-            top: 16rpx;
-            left: 30rpx;
-            width: 10px;
-            height: 10px;
-            border: none;
-            border-bottom: 4rpx solid #fff;
-            border-left: 4rpx solid #fff;
-            transform: rotate(45deg);
-            text-align: center;
-        }
-    }
-
     .messageCard {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         position: absolute;
-        top: 170rpx;
+        top: 125rpx;
         left: 36rpx;
         width: 678rpx;
         height: 1000rpx;
         background: #fff;
         border-radius: 14rpx;
-        // box-sizing: border-box;
-
         .item-form {
             width: 618rpx;
-            height: 906rpx;
+            height: 800rpx;
             margin: 0 auto;
             overflow: scroll;
+            &::-webkit-scrollbar {
+                display: none;
+            }
             .item,
             .item-pay {
                 display: flex;
@@ -301,6 +281,7 @@ page {
                     margin-left: 20rpx;
                     font-size: 32rpx;
                     color: #808080;
+                    box-sizing: border-box;
                 }
                 .content {
                     display: inline-block;
@@ -313,6 +294,7 @@ page {
                     margin-left: 40rpx;
                     color: #000;
                     background: #fff;
+                    box-sizing: border-box;
                 }
             }
         }
@@ -346,7 +328,7 @@ page {
 
     .messageBg1 {
         position: absolute;
-        top: 190rpx;
+        top: 145rpx;
         left: 51rpx;
         width: 648rpx;
         height: 1005rpx;
@@ -357,7 +339,7 @@ page {
 
     .messageBg2 {
         position: absolute;
-        top: 209rpx;
+        top: 164rpx;
         left: 58rpx;
         width: 634rpx;
         height: 1007rpx;

pages/parentPay/parentPay.vue

@@ -8,6 +8,7 @@
         <image src="../../static/images/null.png" mode="scaleToFill" />
         <text>暂无缴费信息</text>
         <button hover-class="button-hover" @click="toSearch">帮人代缴</button>
+        <button hover-class="button-hover" @click="toOrder">查询订单</button>
       </view>
       <view class="pop-up" v-show="showSearch">
         <view class="top">
@@ -46,7 +47,6 @@
       </view>
     </view>
     <view class="content2" v-if="showMess">
-      <view class="order">订单号：{{ orderNo }}</view>
       <view class="mark" v-show="showSearch"></view>
       <view class="messageBg1"></view>
       <view class="messageBg2"></view>
@@ -181,7 +181,7 @@ export default {
         });
       } else {
         let that = this;
-        let cardNumber = localStorage.getItem("cardNumber");
+        let cardNumber = sessionStorage.getItem("cardNumber");
         let url =
           that.homeUrl +
           `/tuitionpayment/payableinfo/payableInfo/${that.SeaStudentNo}/${that.SeaStudentName}`;
@@ -261,7 +261,7 @@ export default {
         title: "支付中，请稍等",
         icon: "loading",
         mask: true,
-        duration: 1000,
+        duration: 1500,
       });
       this.getOrderNo(); //获取订单号
     },
@@ -270,7 +270,7 @@ export default {
     getOrderNo() {
       let that = this;
 
-      let cardNumber = localStorage.getItem("cardNumber");
+      let cardNumber = sessionStorage.getItem("cardNumber");
 
       let url =
         that.homeUrl + `/tuitionpayment/payorder/${that.studentNo}/create`;
@@ -358,7 +358,7 @@ export default {
     getwxParam() {
       let that = this;
 
-      let cardNumber = localStorage.getItem("cardNumber");
+      let cardNumber = sessionStorage.getItem("cardNumber");
 
       let openId = localStorage.getItem("openId");
 
@@ -453,6 +453,10 @@ export default {
       }
       return decodeURIComponent(matcher[1]); // 输出指定的参数值 中文也可以
     },
+    //跳转订单页面
+    toOrder() {
+      uni.redirectTo({ url: "/pages/order/order" });
+    },
   },
 };
 </script>

pages/paySuccess/css/paySuccess.css

@@ -28,8 +28,7 @@
   color: #33cc33;
 }
 
-.content .item,
-.content .item-show {
+.content .item {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -39,46 +38,19 @@
   transform: translateX(-375rpx);
   width: 750rpx;
   height: 180rpx;
-  margin-top: 300rpx;
+  margin-top: 250rpx;
   text-align: center;
 }
 
-.content .item text:nth-child(1),
-.content .item-show text:nth-child(1) {
-  font-size: 24rpx;
-  color: rgba(104, 100, 100, 0.8);
-}
-
-.content .item text:nth-child(2),
-.content .item-show text:nth-child(2) {
-  font-size: 100rpx;
-  font-weight: 700;
-  color: #000;
-}
-
-.content .item-show {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  position: absolute;
-  top: 300rpx;
-  left: 50%;
-  transform: translateX(-375rpx);
-  width: 750rpx;
-  height: 180rpx;
-  margin-top: 300rpx;
-  text-align: center;
-}
-
-.content .item-show text {
-  font-size: 100rpx;
+.content .item text {
+  font-size: 32rpx;
   font-weight: 700;
   color: #000;
 }
 
 .content button {
   position: absolute;
-  top: 1000rpx;
+  top: 900rpx;
   left: 50%;
   transform: translateX(-200rpx);
   width: 400rpx;

pages/paySuccess/css/paySuccess.scss

@@ -28,8 +28,7 @@
         color: #33cc33;
     }
 
-    .item,
-    .item-show {
+    .item {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -39,41 +38,17 @@
         transform: translateX(-375rpx);
         width: 750rpx;
         height: 180rpx;
-        margin-top: 300rpx;
-        text-align: center;
-
-        & text:nth-child(1) {
-            font-size: 24rpx;
-            color: rgba(104, 100, 100, 0.8);
-        }
-
-        & text:nth-child(2) {
-            font-size: 100rpx;
-            font-weight: 700;
-            color: #000;
-        }
-    }
-    .item-show {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        position: absolute;
-        top: 300rpx;
-        left: 50%;
-        transform: translateX(-375rpx);
-        width: 750rpx;
-        height: 180rpx;
-        margin-top: 300rpx;
+        margin-top: 250rpx;
         text-align: center;
         text {
-            font-size: 100rpx;
+            font-size: 32rpx;
             font-weight: 700;
             color: #000;
         }
     }
     button {
         position: absolute;
-        top: 1000rpx;
+        top: 900rpx;
         left: 50%;
         transform: translateX(-200rpx);
         width: 400rpx;

pages/paySuccess/paySuccess.vue

@@ -2,86 +2,21 @@
   <view class="content">
     <image src="../../static/images/pay.png" />
     <text class="tip">付款成功</text>
-    <view class="item" v-show="isShow2">
+    <view class="item">
       <text>南昌交通学院</text>
-      <text>{{ realPayAmount }}</text>
     </view>
-    <view class="item-show" v-show="isShow1">
-      <text>请通知本人查询</text>
-    </view>
-    <button @click="navigateToIndex">返回首页</button>
+    <button @click="toOrder">查询订单</button>
   </view>
 </template>
 <script>
 export default {
   data() {
-    return {
-      realPayAmount: "",
-      isShow1: false,
-      isShow2: true,
-      homeUrl: "https://jtishfw.ncjti.edu.cn/jiaofei/backendApi",
-    };
+    return {};
   },
-  onLoad(options) {},
   methods: {
-    //换取详情信息
-    getDetailMess() {
-      let that = this;
-
-      let cardNumber = localStorage.getItem("cardNumber");
-
-      let url = that.homeUrl + "/tuitionpayment/payableinfo/payableInfo";
-
-      uni.request({
-        url: url,
-        data: {},
-        header: {
-          card_number: cardNumber,
-          Accept: "application/json",
-          "Content-Type": " application/x-www-form-urlencoded;charset=utf-8",
-          "X-Requested-With": "XMLHttpRequest",
-        },
-        method: "GET",
-        sslVerify: true,
-        success: ({ data, statusCode, header }) => {
-          if (!data.success) {
-            uni.showToast({
-              title: data.message,
-              icon: " error",
-              mask: true,
-              duration: 2000,
-            });
-          } else {
-            if (data.data === null) {
-              that.isShow1 = !that.isShow1;
-              that.isShow2 = !that.isShow2;
-            } else {
-              let res = data.data;
-              that.realPayAmount = res.realPayAmount;
-            }
-          }
-        },
-        fail: (error) => {},
-      });
-    },
-
-    //获取当前URL指定参数
-    getQueryString(name) {
-      let url = window.location.href; // 获取URL
-
-      let pattern = new RegExp("[\?\&]" + name + "=([^\&]+)", "i"); // 正则匹配URL
-
-      let matcher = pattern.exec(url);
-
-      if (matcher == null || matcher.length < 1) {
-        return false;
-      }
-      return decodeURIComponent(matcher[1]); // 输出指定的参数值 中文也可以
-    },
-
-    // 退出支付成功页面
-    navigateToIndex() {
-      uni.navigateTo({ url: "/pages/Pay/pay" });
+    //查询订单列表
+    toOrder() {
+      uni.redirectTo({ url: "/pages/order/order" });
     },
   },
 };