v1.0.0

pages/Pay/css/pay.css

@@ -421,6 +421,7 @@ page::-webkit-scrollbar-thumb {
 .container .leaveMess button {
   width: 170rpx;
   height: 80rpx;
+  margin: 0 auto;
   margin-top: 30rpx;
   background: #298def;
   border-radius: 4px;

pages/Pay/css/pay.scss

@@ -375,6 +375,7 @@ page {
         button {
             width: 170rpx;
             height: 80rpx;
+            margin: 0 auto;
             margin-top: 30rpx;
             background: #298def;
             border-radius: 4px;

pages/Pay/pay.vue

@@ -1,8 +1,5 @@
 <template>
   <view class="container">
-    <view class="status_bar">
-      <!-- 这里是状态栏 -->
-    </view>
     <button class="order" @click="toOrder()" v-show="showOrder">
       订单查询
     </button>
@@ -70,7 +67,7 @@
           hover-class="navigator-hover"
           @click="toLeaveMess"
         >
-          对此订单有疑问？
+          信息有误？点击反馈
         </navigator>
       </view>
     </view>
@@ -185,7 +182,7 @@ export default {
     };
   },
   onLoad(options) {
-    this.loginFilter(); //获取用户cardNumber
+    // this.loginFilter(); //获取用户cardNumber
   },
   methods: {
     toSearch() {
@@ -565,7 +562,7 @@ export default {
               });
             } else {
               uni.showToast({
-                title: "信息查询中",
+                title: "信息加载中",
                 icon: "loading",
                 mask: true,
                 duration: 500,
@@ -579,6 +576,8 @@ export default {
               that.className = res.className;
               that.realPayAmount = res.realPayAmount;
               that.getPayDetail(res.payItemDetail);
+              that.SeaStudentNo = "";
+              that.SeaStudentName = "";
               if (res.pay) {
                 that.payStatu1 = false;
                 that.payStatu2 = true;

pages/parentPay/css/parentPay.css

@@ -92,20 +92,20 @@ page::-webkit-scrollbar-thumb {
   width: 318rpx;
   height: 80rpx;
   margin: 0 auto;
-  margin-top: 140rpx;
+  margin-top: 150rpx;
   background: #298def;
   border-radius: 10rpx;
-  border: 1rpx solid #fff;
+  border: 2rpx solid #fff;
   color: #fff;
   line-height: 80rpx;
   font-size: 28rpx;
 }
 
 .content1 .messageCard button:nth-of-type(2) {
-  margin-top: 60rpx;
+  margin-top: 40rpx;
   background: #fff;
   color: #298def;
-  border: 1rpx solid #298def;
+  border: 2rpx solid #298def;
 }
 
 .content1 .messageBg1 {
@@ -342,6 +342,7 @@ page::-webkit-scrollbar-thumb {
 .content2 .messageCard button {
   width: 618rpx;
   height: 100rpx;
+  margin: 0 auto;
   background: #298def;
   font-size: 28rpx;
   color: #fff;
@@ -363,11 +364,21 @@ page::-webkit-scrollbar-thumb {
 }
 
 .content2 .messageCard .bottom-a {
+  display: flex;
+  justify-content: flex-end;
   width: 618rpx;
-  height: 40rpx;
+  height: 80rpx;
   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: 145rpx;
@@ -389,3 +400,122 @@ page::-webkit-scrollbar-thumb {
   opacity: 0.5;
   border-radius: 14rpx;
 }
+
+.content2 .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;
+}
+
+.content2 .leaveMess .top {
+  display: flex;
+  justify-content: space-between;
+  width: 650rpx;
+  height: 90rpx;
+  background: #e7eef5;
+  line-height: 90rpx;
+}
+
+.content2 .leaveMess .top text {
+  width: 161rpx;
+  height: 90rpx;
+  margin-left: 35rpx;
+  line-height: 90rpx;
+  font-size: 32rpx;
+  color: #333333;
+}
+
+.content2 .leaveMess .top .close {
+  position: relative;
+  width: 120rpx;
+  height: 80rpx;
+  background: #e7eef5;
+}
+
+.content2 .leaveMess .top .close .image {
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  width: 18rpx;
+  height: 18rpx;
+  background-image: url(../../static/images/close.png);
+  background-size: 100%;
+}
+
+.content2 .leaveMess .name,
+.content2 .leaveMess .tel {
+  display: flex;
+  justify-content: space-between;
+  width: 570rpx;
+  height: 56rpx;
+  margin: 0 auto;
+  margin-top: 30rpx;
+}
+
+.content2 .leaveMess .name text,
+.content2 .leaveMess .tel text {
+  width: 101rpx;
+  height: 56rpx;
+  font-size: 28rpx;
+  color: #333333;
+  text-align: center;
+  line-height: 56rpx;
+}
+
+.content2 .leaveMess .name input,
+.content2 .leaveMess .tel input {
+  width: 453rpx;
+  height: 56rpx;
+  font-size: 28rpx;
+  border: 1rpx solid #bfbfbf;
+  border-radius: 5rpx;
+  text-align: left;
+  text-indent: 10rpx;
+}
+
+.content2 .leaveMess .name text {
+  text-align: right;
+}
+
+.content2 .leaveMess .title {
+  width: 570rpx;
+  height: 30rpx;
+  margin: 0 auto;
+  margin-top: 40rpx;
+  color: #333333;
+  font-size: 28rpx;
+  line-height: 30rpx;
+}
+
+.content2 .leaveMess textarea {
+  width: 570rpx;
+  height: 230rpx;
+  border: 1rpx solid #cccccc;
+  border-radius: 10rpx;
+  margin: 0 auto;
+  margin-top: 20rpx;
+}
+
+.content2 .leaveMess button {
+  width: 170rpx;
+  height: 80rpx;
+  margin: 0 auto;
+  margin-top: 30rpx;
+  background: #298def;
+  border-radius: 4px;
+  color: #fff;
+  text-align: center;
+  line-height: 80rpx;
+}

pages/parentPay/css/parentPay.scss

@@ -79,19 +79,19 @@ page {
             width: 318rpx;
             height: 80rpx;
             margin: 0 auto;
-            margin-top: 140rpx;
+            margin-top: 150rpx;
             background: #298def;
             border-radius: 10rpx;
-            border: 1rpx solid #fff;
+            border: 2rpx solid #fff;
             color: #fff;
             line-height: 80rpx;
             font-size: 28rpx;
         }
         & button:nth-of-type(2) {
-            margin-top: 60rpx;
+            margin-top: 40rpx;
             background: #fff;
             color: #298def;
-            border: 1rpx solid #298def;
+            border: 2rpx solid #298def;
         }
     }
     .messageBg1 {
@@ -301,6 +301,7 @@ page {
         button {
             width: 618rpx;
             height: 100rpx;
+            margin: 0 auto;
             background: #298def;
             font-size: 28rpx;
             color: #fff;
@@ -320,9 +321,18 @@ page {
             line-height: 100rpx;
         }
         .bottom-a {
+            display: flex;
+            justify-content: flex-end;
             width: 618rpx;
-            height: 40rpx;
+            height: 80rpx;
             margin: 0 auto;
+            navigator {
+                height: 80rpx;
+                font-size: 26rpx;
+                color: #298def;
+                text-align: center;
+                line-height: 80rpx;
+            }
         }
     }
 
@@ -347,4 +357,111 @@ page {
         opacity: 0.5;
         border-radius: 14rpx;
     }
+    .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: 0 auto;
+            margin-top: 30rpx;
+            background: #298def;
+            border-radius: 4px;
+            color: #fff;
+            text-align: center;
+            line-height: 80rpx;
+        }
+    }
 }

pages/parentPay/parentPay.vue

@@ -47,7 +47,7 @@
       </view>
     </view>
     <view class="content2" v-if="showMess">
-      <view class="mark" v-show="showSearch"></view>
+      <view class="mark" v-show="showLeaveMess" @click="toLeaveMess()"></view>
       <view class="messageBg1"></view>
       <view class="messageBg2"></view>
       <view class="messageCard">
@@ -92,7 +92,50 @@
           支付
         </button>
         <text class="okPay" v-if="payStatu2">已支付</text>
-        <view class="bottom-a"></view>
+        <view class="bottom-a">
+          <navigator
+            url="#"
+            open-type="navigate"
+            hover-class="navigator-hover"
+            @click="toLeaveMess()"
+          >
+            信息有误？点击反馈
+          </navigator>
+        </view>
+      </view>
+      <view class="leaveMess" v-show="showLeaveMess">
+        <view class="top">
+          <text>信息反馈</text>
+          <view class="close" @click="toLeaveMess()">
+            <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>
   </view>
@@ -105,6 +148,7 @@ export default {
       content1: true,
       showMess: false,
       showSearch: false,
+      showLeaveMess: false,
       studentName: "",
       studentNo: "",
       SeaStudentName: "",
@@ -116,7 +160,11 @@ export default {
       Arr: [],
       payStatu1: true,
       payStatu2: false,
-      homeUrl: "https://jtishfw.ncjti.edu.cn/jiaofei/backendApi",
+      feedbackPersonName: "",
+      feedbackPersonPhone: "",
+      feedbackInfo: "",
+      // homeUrl: "https://jtishfw.ncjti.edu.cn/jiaofei/backendApi",
+      homeUrl: "http://192.168.161.230:9999",
       notifyUrl:
         "https://jtishfw.ncjti.edu.cn/jiaofei/backendApi/pay/jxnxs/notify/",
       openId: "",
@@ -132,9 +180,12 @@ export default {
     };
   },
   onLoad(options) {
-    this.getOpenId();
+    // this.getOpenId();
   },
   methods: {
+    toLeaveMess() {
+      this.showLeaveMess = !this.showLeaveMess;
+    },
     toSearch() {
       this.showSearch = !this.showSearch;
     },
@@ -205,7 +256,7 @@ export default {
               });
             } else {
               uni.showToast({
-                title: "信息查询中",
+                title: "信息加载中",
                 icon: "loading",
                 mask: true,
                 duration: 500,
@@ -220,6 +271,8 @@ export default {
               that.className = res.className;
               that.realPayAmount = res.realPayAmount;
               that.getPayDetail(res.payItemDetail);
+              that.SeaStudentNo = "";
+              that.SeaStudentName = "";
               if (res.pay) {
                 that.payStatu1 = false;
                 that.payStatu2 = true;
@@ -453,6 +506,55 @@ export default {
       }
       return decodeURIComponent(matcher[1]); // 输出指定的参数值 中文也可以
     },
+
+    //提交反馈信息
+    putMess() {
+      let that = this;
+
+      let cardNumber = sessionStorage.getItem("cardNumber");
+
+      let url = that.homeUrl + "/tuitionpayment/feedbackmsg/save";
+
+      uni.request({
+        url: url,
+        data: {
+          feedbackPersonName: that.feedbackPersonName,
+          feedbackPersonPhone: that.feedbackPersonPhone,
+          feedbackInfo: that.feedbackInfo,
+        },
+        header: {
+          card_number: cardNumber,
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          "X-Requested-With": "XMLHttpRequest",
+        },
+        method: "POST",
+        sslVerify: true,
+        success: ({ data, statusCode, header }) => {
+          if (data.success) {
+            uni.showToast({
+              title: data.message,
+              icon: "success",
+              mask: true,
+              duration: 1000,
+            });
+            that.toLeaveMess();
+            that.feedbackPersonName = "";
+            that.feedbackPersonPhone = "";
+            that.feedbackInfo = "";
+          } else {
+            uni.showToast({
+              title: data.message,
+              icon: "error",
+              mask: true,
+              duration: 1000,
+            });
+          }
+        },
+        fail: (error) => {},
+      });
+    },
+
     //跳转订单页面
     toOrder() {
       uni.redirectTo({ url: "/pages/order/order" });