no message

.hbuilderx/launch.json

@@ -0,0 +1,11 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+            "type": "uniCloud",
+            "default": {
+                "launchtype": "local"
+            }
+        }
+    ]
+}

manifest.json

@@ -71,6 +71,7 @@
     "h5" : {
         "router" : {
             "base" : "/jiaofei/jiaofeiH5/"
-        }
+        },
+        "title" : "线上缴费"
     }
 }

pages.json

@@ -3,7 +3,7 @@
 		{
 			"path": "pages/Pay/pay",
 			"style":{
-				"navigationBarTitleText": "在线缴费",
+				"navigationBarTitleText": "线上缴费",
 				"navigationStyle": "custom"	
 				
 			}
@@ -18,7 +18,7 @@
 			{
 			"path": "pages/parentPay/parentPay",
 			"style":{	
-				"navigationBarTitleText": "在线缴费",	
+				"navigationBarTitleText": "线上缴费",	
 				"navigationStyle": "custom"
 				
 			}

pages/Pay/css/pay.css

@@ -114,7 +114,7 @@ page {
 .container .messageCard .item-form .item .ite,
 .container .messageCard .item-form .item-pay .ite {
   display: inline-block;
-  width: 150rpx;
+  width: 200rpx;
   height: 60rpx;
   line-height: 89rpx;
   margin-left: 20rpx;
@@ -232,11 +232,19 @@ page {
   color: #333333;
 }
 
-.container .pop-up .top image {
+.container .pop-up .top .close {
+  position: relative;
+  width: 120rpx;
+  height: 90rpx;
+  background: #e7eef5;
+}
+
+.container .pop-up .top .close image {
+  position: absolute;
+  top: 40%;
+  left: 50%;
   max-width: 18rpx;
   max-height: 18rpx;
-  margin-top: 36rpx;
-  margin-right: 48rpx;
 }
 
 .container .pop-up .name,
@@ -343,11 +351,19 @@ page {
   color: #333333;
 }
 
-.container .leaveMess .top image {
+.container .leaveMess .top .close {
+  position: relative;
+  width: 120rpx;
+  height: 90rpx;
+  background: #e7eef5;
+}
+
+.container .leaveMess .top .close image {
+  position: absolute;
+  top: 40%;
+  left: 50%;
   max-width: 18rpx;
   max-height: 18rpx;
-  margin-top: 36rpx;
-  margin-right: 48rpx;
 }
 
 .container .leaveMess .name,
@@ -374,9 +390,11 @@ page {
 .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 {

pages/Pay/css/pay.scss

@@ -103,7 +103,7 @@ page {
                 box-sizing: border-box;
                 .ite {
                     display: inline-block;
-                    width: 150rpx;
+                    width: 200rpx;
                     height: 60rpx;
                     line-height: 89rpx;
                     margin-left: 20rpx;
@@ -213,11 +213,18 @@ page {
                 font-size: 32rpx;
                 color: #333333;
             }
-            image {
-                max-width: 18rpx;
-                max-height: 18rpx;
-                margin-top: 36rpx;
-                margin-right: 48rpx;
+            .close {
+                position: relative;
+                width: 120rpx;
+                height: 90rpx;
+                background: #e7eef5;
+                image {
+                    position: absolute;
+                    top: 40%;
+                    left: 50%;
+                    max-width: 18rpx;
+                    max-height: 18rpx;
+                }
             }
         }
         .name,
@@ -311,11 +318,18 @@ page {
                 font-size: 32rpx;
                 color: #333333;
             }
-            image {
-                max-width: 18rpx;
-                max-height: 18rpx;
-                margin-top: 36rpx;
-                margin-right: 48rpx;
+            .close {
+                position: relative;
+                width: 120rpx;
+                height: 90rpx;
+                background: #e7eef5;
+                image {
+                    position: absolute;
+                    top: 40%;
+                    left: 50%;
+                    max-width: 18rpx;
+                    max-height: 18rpx;
+                }
             }
         }
         .name,
@@ -337,9 +351,11 @@ page {
             input {
                 width: 453rpx;
                 height: 56rpx;
+                font-size: 28rpx;
                 border: 1rpx solid #bfbfbf;
                 border-radius: 5rpx;
                 text-align: left;
+                text-indent: 10rpx;
             }
         }
         .name {

pages/Pay/pay.vue

@@ -18,7 +18,7 @@
           <text class="content">{{ studentName }}</text>
         </view>
         <view class="item">
-          <text class="ite">证件号 </text>
+          <text class="ite">学号 </text>
           <text class="content">{{ studentNo }}</text>
         </view>
         <view class="item">
@@ -71,32 +71,34 @@
     <view class="pop-up" v-show="showSearch">
       <view class="top">
         <text>代缴人信息</text>
-        <image
-          src="../../static/images/close.png"
-          mode="scaleToFill"
-          @click="close1"
-        />
+        <view class="close" @click="close1">
+          <image
+            src="../../static/images/close.png"
+            mode="scaleToFill"
+            @click="close1"
+          />
+        </view>
       </view>
       <view class="name">
         <text>姓 名</text>
         <input
-          v-model="studentName"
+          v-model="SeaStudentName"
           type="text"
           placeholder="请输入姓名"
           placeholder-style="color:rgba(0, 0, 0, 0.29);"
         />
       </view>
       <view class="studentNo">
-        <text>身份证</text>
+        <text>学 号</text>
         <input
-          v-model="studentNo"
+          v-model="SeaStudentNo"
           type="text"
-          placeholder="请输入身份证"
+          placeholder="请输入学号"
           placeholder-style="color:rgba(0, 0, 0, 0.29);"
         />
       </view>
       <view class="remark">
-        说明：新生输入身份证号码代替学号，老生输入学号
+        备注：新生输入身份证号码代替学号，老生输入学号
       </view>
       <view class="confirm">
         <button hover-class="button-hover" @click="close1">取消</button>
@@ -108,11 +110,13 @@
     <view class="leaveMess" v-show="showLeaveMess">
       <view class="top">
         <text>信息反馈</text>
-        <image
-          src="../../static/images/close.png"
-          mode="scaleToFill"
-          @click="close2"
-        />
+        <view class="close" @click="close2">
+          <image
+            src="../../static/images/close.png"
+            mode="scaleToFill"
+            @click="close2"
+          />
+        </view>
       </view>
       <view class="name">
         <text>姓&#12288;名 :</text>
@@ -120,6 +124,7 @@
           type="text"
           placeholder="请输入姓名"
           v-model="feedbackPersonName"
+          placeholder-style="color: #B3B3B3;"
         />
       </view>
       <view class="tel">
@@ -128,6 +133,7 @@
           type="text"
           placeholder="请输入联系人手机号码"
           v-model="feedbackPersonPhone"
+          placeholder-style="color: #B3B3B3;"
         />
       </view>
       <text class="title">反馈信息 ：</text>
@@ -150,6 +156,8 @@ export default {
       showSearch: false,
       studentName: "",
       studentNo: "",
+      SeaStudentNo: "",
+      SeaStudentName: "",
       majorName: "",
       className: "",
       years: "",
@@ -176,7 +184,7 @@ export default {
     };
   },
   onLoad(options) {
-    // this.loginFilter(); //获取用户cardNumber
+    this.loginFilter(); //获取用户cardNumber
   },
   methods: {
     toSearch() {
@@ -444,56 +452,65 @@ export default {
 
     //代缴费
     searchDetailMess() {
-      let that = this;
-      let cardNumber = localStorage.getItem("cardNumber");
-      let url =
-        that.homeUrl +
-        `/tuitionpayment/payableinfo/payableInfo/${that.studentNo}/${that.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 }) => {
-          if (!data.success) {
-            uni.showToast({
-              title: data.message,
-              icon: "error",
-              mask: true,
-              duration: 1000,
-            });
-          } else {
-            uni.showToast({
-              title: "信息查询中",
-              icon: "loading",
-              mask: true,
-              duration: 500,
-            });
-            that.showSearch = !that.showSearch;
-            let res = data.data;
-            that.studentName = res.studentName;
-            that.studentNo = res.studentNo;
-            that.years = res.years;
-            that.majorName = res.majorName;
-            that.className = res.className;
-            that.realPayAmount = res.realPayAmount;
-            that.getPayDetail(res.payItemDetail);
-            if (res.pay) {
-              that.payStatu1 = false;
-              that.payStatu2 = true;
+      if (!this.SeaStudentNo || !this.SeaStudentName) {
+        uni.showToast({
+          title: "学号或姓名不能为空",
+          icon: "error",
+          mask: true,
+          duration: 1000,
+        });
+      } else {
+        let that = this;
+        let cardNumber = localStorage.getItem("cardNumber");
+        let url =
+          that.homeUrl +
+          `/tuitionpayment/payableinfo/payableInfo/${that.SeaStudentNo}/${that.SeaStudentName}`;
+        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 }) => {
+            if (!data.success) {
+              uni.showToast({
+                title: data.message,
+                icon: "error",
+                mask: true,
+                duration: 1000,
+              });
             } else {
-              that.payStatu1 = true;
-              that.payStatu2 = false;
+              uni.showToast({
+                title: "信息查询中",
+                icon: "loading",
+                mask: true,
+                duration: 500,
+              });
+              that.showSearch = !that.showSearch;
+              let res = data.data;
+              that.studentName = res.studentName;
+              that.studentNo = res.studentNo;
+              that.years = res.years;
+              that.majorName = res.majorName;
+              that.className = res.className;
+              that.realPayAmount = res.realPayAmount;
+              that.getPayDetail(res.payItemDetail);
+              if (res.pay) {
+                that.payStatu1 = false;
+                that.payStatu2 = true;
+              } else {
+                that.payStatu1 = true;
+                that.payStatu2 = false;
+              }
             }
-          }
-        },
-        fail: (error) => {},
-      });
+          },
+          fail: (error) => {},
+        });
+      }
     },
 
     //提交反馈信息

pages/parentPay/css/parentPay.css

@@ -129,11 +129,19 @@ page {
   color: #333333;
 }
 
-.content1 .pop-up .top image {
+.content1 .pop-up .top .close {
+  position: relative;
+  width: 120rpx;
+  height: 90rpx;
+  background: #e7eef5;
+}
+
+.content1 .pop-up .top .close image {
+  position: absolute;
+  top: 40%;
+  left: 50%;
   max-width: 18rpx;
   max-height: 18rpx;
-  margin-top: 36rpx;
-  margin-right: 48rpx;
 }
 
 .content1 .pop-up .name,
@@ -186,6 +194,10 @@ page {
   margin: 0 auto;
 }
 
+.content1 .pop-up .confirm button::after {
+  border: none;
+}
+
 .content1 .pop-up .confirm button {
   width: 170rpx;
   height: 80rpx;
@@ -207,7 +219,7 @@ page {
 .content2 {
   position: relative;
   width: 100%;
-  height: 100%;
+  height: 1334rpx;
   font-family: "MicrosoftYaHei";
   font-weight: 400;
   background-image: url(../../static/images/bg.png);
@@ -216,10 +228,6 @@ page {
   background-repeat: no-repeat;
 }
 
-.content2 button::after {
-  border: none;
-}
-
 .content2 .order {
   position: absolute;
   top: 115rpx;
@@ -233,6 +241,57 @@ page {
   text-align: right;
 }
 
+.content2 button::after {
+  border: none;
+}
+
+.content2 .mark {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: #000000;
+  opacity: 0.2;
+  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;
@@ -269,7 +328,7 @@ page {
 .content2 .messageCard .item-form .item .ite,
 .content2 .messageCard .item-form .item-pay .ite {
   display: inline-block;
-  width: 150rpx;
+  width: 200rpx;
   height: 60rpx;
   line-height: 89rpx;
   margin-left: 20rpx;
@@ -315,21 +374,11 @@ page {
 }
 
 .content2 .messageCard .bottom-a {
-  display: flex;
-  justify-content: space-between;
   width: 618rpx;
-  height: 80rpx;
+  height: 40rpx;
   margin: 0 auto;
 }
 
-.content2 .messageCard .bottom-a navigator {
-  height: 80rpx;
-  font-size: 26rpx;
-  color: #298def;
-  text-align: center;
-  line-height: 80rpx;
-}
-
 .content2 .messageBg1 {
   position: absolute;
   top: 190rpx;

pages/parentPay/css/parentPay.scss

@@ -114,11 +114,18 @@ page {
                 font-size: 32rpx;
                 color: #333333;
             }
-            image {
-                max-width: 18rpx;
-                max-height: 18rpx;
-                margin-top: 36rpx;
-                margin-right: 48rpx;
+            .close {
+                position: relative;
+                width: 120rpx;
+                height: 90rpx;
+                background: #e7eef5;
+                image {
+                    position: absolute;
+                    top: 40%;
+                    left: 50%;
+                    max-width: 18rpx;
+                    max-height: 18rpx;
+                }
             }
         }
         .name,
@@ -163,6 +170,9 @@ page {
             width: 410rpx;
             height: 254rpx;
             margin: 0 auto;
+            button::after {
+                border: none;
+            }
             button {
                 width: 170rpx;
                 height: 80rpx;
@@ -185,16 +195,13 @@ page {
 .content2 {
     position: relative;
     width: 100%;
-    height: 100%;
+    height: 1334rpx;
     font-family: "MicrosoftYaHei";
     font-weight: 400;
     background-image: url(../../static/images/bg.png);
     background-size: 100% 100%;
     background-attachment: fixed;
     background-repeat: no-repeat;
-    button::after {
-        border: none;
-    }
     .order {
         position: absolute;
         top: 115rpx;
@@ -207,6 +214,54 @@ page {
         line-height: 54rpx;
         text-align: right;
     }
+    button::after {
+        border: none;
+    }
+    .mark {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background: #000000;
+        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;
@@ -238,7 +293,7 @@ page {
                 box-sizing: border-box;
                 .ite {
                     display: inline-block;
-                    width: 150rpx;
+                    width: 200rpx;
                     height: 60rpx;
                     line-height: 89rpx;
                     margin-left: 20rpx;
@@ -281,18 +336,9 @@ page {
             line-height: 100rpx;
         }
         .bottom-a {
-            display: flex;
-            justify-content: space-between;
             width: 618rpx;
-            height: 80rpx;
+            height: 40rpx;
             margin: 0 auto;
-            navigator {
-                height: 80rpx;
-                font-size: 26rpx;
-                color: #298def;
-                text-align: center;
-                line-height: 80rpx;
-            }
         }
     }
 

pages/parentPay/parentPay.vue

@@ -12,32 +12,34 @@
       <view class="pop-up" v-show="showSearch">
         <view class="top">
           <text>代缴人信息</text>
-          <image
-            src="../../static/images/close.png"
-            mode="scaleToFill"
-            @click="close1"
-          />
+          <view class="close" @click="close1">
+            <image
+              src="../../static/images/close.png"
+              mode="scaleToFill"
+              @click="close1"
+            />
+          </view>
         </view>
         <view class="name">
           <text>姓 名</text>
           <input
-            v-model="studentName"
+            v-model="SeaStudentName"
             type="text"
             placeholder="请输入姓名"
             placeholder-style="color:rgba(0, 0, 0, 0.29);"
           />
         </view>
         <view class="studentNo">
-          <text>身份证</text>
+          <text>学 号</text>
           <input
-            v-model="studentNo"
+            v-model="SeaStudentNo"
             type="text"
-            placeholder="请输入身份证"
+            placeholder="请输入学号"
             placeholder-style="color:rgba(0, 0, 0, 0.29);"
           />
         </view>
         <view class="remark">
-          说明：新生输入身份证号码代替学号，老生输入学号
+          备注：新生输入身份证号码代替学号，老生输入学号
         </view>
         <view class="confirm">
           <button hover-class="button-hover" @click="close1">取消</button>
@@ -63,7 +65,7 @@
             <text class="content">{{ studentName }}</text>
           </view>
           <view class="item">
-            <text class="ite">证件号 </text>
+            <text class="ite">学号 </text>
             <text class="content">{{ studentNo }}</text>
           </view>
           <view class="item">
@@ -94,6 +96,7 @@
           支付
         </button>
         <text class="okPay" v-if="payStatu2">已支付</text>
+        <view class="bottom-a"></view>
       </view>
     </view>
   </view>
@@ -108,6 +111,8 @@ export default {
       showSearch: false,
       studentName: "",
       studentNo: "",
+      SeaStudentName: "",
+      SeaStudentNo: "",
       majorName: "",
       className: "",
       years: "",
@@ -168,57 +173,66 @@ export default {
 
     //代缴费
     searchDetailMess() {
-      let that = this;
-      let cardNumber = localStorage.getItem("cardNumber");
-      let url =
-        that.homeUrl +
-        `/tuitionpayment/payableinfo/payableInfo/${that.studentNo}/${that.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 }) => {
-          if (!data.success) {
-            uni.showToast({
-              title: data.message,
-              icon: "error",
-              mask: true,
-              duration: 1000,
-            });
-          } else {
-            uni.showToast({
-              title: "信息查询中",
-              icon: "loading",
-              mask: true,
-              duration: 500,
-            });
-            that.showSearch = !that.showSearch;
-            that.toShowMess();
-            let res = data.data;
-            that.studentName = res.studentName;
-            that.studentNo = res.studentNo;
-            that.years = res.years;
-            that.majorName = res.majorName;
-            that.className = res.className;
-            that.realPayAmount = res.realPayAmount;
-            that.getPayDetail(res.payItemDetail);
-            if (res.pay) {
-              that.payStatu1 = false;
-              that.payStatu2 = true;
+      if (!this.SeaStudentNo || !this.SeaStudentName) {
+        uni.showToast({
+          title: "学号或姓名不能为空",
+          icon: "error",
+          mask: true,
+          duration: 1000,
+        });
+      } else {
+        let that = this;
+        let cardNumber = localStorage.getItem("cardNumber");
+        let url =
+          that.homeUrl +
+          `/tuitionpayment/payableinfo/payableInfo/${that.SeaStudentNo}/${that.SeaStudentName}`;
+        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 }) => {
+            if (!data.success) {
+              uni.showToast({
+                title: data.message,
+                icon: "error",
+                mask: true,
+                duration: 1000,
+              });
             } else {
-              that.payStatu1 = true;
-              that.payStatu2 = false;
+              uni.showToast({
+                title: "信息查询中",
+                icon: "loading",
+                mask: true,
+                duration: 500,
+              });
+              that.showSearch = !that.showSearch;
+              that.toShowMess();
+              let res = data.data;
+              that.studentName = res.studentName;
+              that.studentNo = res.studentNo;
+              that.years = res.years;
+              that.majorName = res.majorName;
+              that.className = res.className;
+              that.realPayAmount = res.realPayAmount;
+              that.getPayDetail(res.payItemDetail);
+              if (res.pay) {
+                that.payStatu1 = false;
+                that.payStatu2 = true;
+              } else {
+                that.payStatu1 = true;
+                that.payStatu2 = false;
+              }
             }
-          }
-        },
-        fail: (error) => {},
-      });
+          },
+          fail: (error) => {},
+        });
+      }
     },
 
     //获取学费明细