对接微信支付

src/apis/apply.js

@@ -43,4 +43,32 @@ export default {
 			data: data
 		})
 	},
+
+  //查询报考数据列表
+	getApplylist(data) {
+		return request({
+			url: '/apply/list',
+			method: 'get',
+			params: data
+		})
+	},
+
+  
+	//修改用户预约考试
+	editApply(data) {
+		return request({
+			url: '/apply/edit',
+			method: 'post',
+			data: data
+		})
+	},
+
+  //查询报考数据列表
+	getApplylist(data) {
+		return request({
+			url: '/apply/list',
+			method: 'get',
+			params: data
+		})
+	},
 }

src/apis/user.js

@@ -152,5 +152,19 @@ export default {
 			params: data
 		})
 	},
+
+  /**
+	 * @param {Object} data
+	 * 生成订单
+	 */
+   orderPlacePcOrder(data) {
+		return request({
+			url: '/order/placePcOrder',
+			method: 'POST',
+			data: data
+		})
+	},
+  
+
   
 }

src/pages/cart/index.vue

@@ -95,25 +95,26 @@
                       "
                     >
                       <el-select
-                        v-model="scope.row.gradeId"
+                        v-model="scope.row.educationId"
                         placeholder="请选择考期"
                         size="small"
                         @click.native="selectClick(scope.row, 'exam')"
                       >
                         <el-option
                           v-for="item in scope.row.examineList"
-                          :key="item.gradeId"
+                          :key="item.educationId"
                           :label="item.examineName"
-                          :value="item.gradeId"
+                          :value="item.educationId"
                         >
                         </el-option>
                       </el-select>
                       <el-cascader
                         size="small"
                         :props="props"
+                        :ref="'cascader' + scope.$index"
                         :options="provinceList"
                         v-model="scope.row.area"
-                        @change="areaChange(scope.row)"
+                        @change="areaChange(scope.row, scope.$index)"
                         clearable
                         placeholder="请选择报考地区"
                       ></el-cascader>
@@ -205,8 +206,16 @@ export default {
   },
   methods: {
     ...mapMutations(["setCheckGoodsList"]),
-    areaChange(row) {
+    areaChange(row, index) {
       console.log(row);
+      let node = this.$refs["cascader" + index].getCheckedNodes()[0]; //选中的根节点
+      console.log(node);
+      row.applyAreas = {
+        areaName: node.parent.label,
+        areaId: node.parent.value,
+        cityId: node.value,
+        cityName: node.label,
+      };
     },
     lazyLoad(node, resolve) {
       const { level } = node;
@@ -346,7 +355,7 @@ export default {
         let item = this.$refs.multipleTable.selection[i];
 
         if (item.templateType == "class" && item.goodsType == 1) {
-          if (!item.gradeId) {
+          if (!item.gradeId && item.gradeId !== 0) {
             this.$message({
               message: "请选择班级",
               type: "warning",
@@ -354,9 +363,57 @@ export default {
             return;
           }
         }
+
+        if (item.templateType == "apply" && item.goodsType == 1) {
+          // if (!item.applyAreas.areaName) {
+          // 	uni.showModal({
+          // 		title: '提示',
+          // 		content: '请选择报考地区',
+          // 		showCancel: false
+          // 	});
+          // 	return false;
+          // }
+          if (!item.applyAreas.areaName) {
+            this.$message({
+              message: "请选择考期",
+              type: "warning",
+            });
+            return false;
+          }
+        }
       }
 
-      this.setCheckGoodsList(this.$refs.multipleTable.selection);
+      let selectGoodsList = JSON.parse(
+        JSON.stringify(this.$refs.multipleTable.selection)
+      );
+      selectGoodsList.forEach((item) => {
+        if (item.goodsType == 1) {
+          if (item.templateType == "class") {
+            let goodsInputData = {
+              type: "class",
+              gradeId: item.gradeId,
+              gradeJson: JSON.stringify(
+                item.gradeList.find((grade) => grade.gradeId == item.gradeId)
+              ),
+            };
+            item.goodsInputData = goodsInputData;
+          }
+          if (item.templateType == "apply") {
+            let goodsInputData = {
+              type: "apply",
+              applyAreasJson: JSON.stringify(item.applyAreas),
+              examDateJson: JSON.stringify(
+                item.examineList.find(
+                  (exam) => exam.educationId == item.educationId
+                )
+              ),
+            };
+            item.goodsInputData = goodsInputData;
+          }
+        }
+      });
+
+      this.setCheckGoodsList(selectGoodsList);
 
       this.$router.push({
         path: "/payment",

src/pages/payment/index.vue

@@ -100,6 +100,7 @@ export default {
     ...mapGetters(["checkGoodsList"]),
   },
   mounted() {
+    console.log(this.checkGoodsList);
     if (this.checkGoodsList.length <= 0) {
       this.$router.replace("/cart");
     }
@@ -111,18 +112,31 @@ export default {
       this.total = 0;
       this.checkGoodsList.forEach((item) => {
         this.total += item.standPrice;
+        console.log(this.total);
       });
     },
     pay() {
       if (this.radio == 1) {
-        this.qrCodeShow = true;
+        //微信
 
-        setTimeout(() => {
-          this.qrCodeShow = false;
-          this.$router.push({
-            path: "payment-success",
+        this.$request
+          .orderPlacePcOrder({ goodsList: this.checkGoodsList })
+          .then((res) => {
+            console.log(res);
+          })
+          .catch((err) => {
+            console.log(err);
           });
-        }, 2000);
+        // this.qrCodeShow = true;
+
+        // setTimeout(() => {
+        //   this.qrCodeShow = false;
+        //   this.$router.push({
+        //     path: "payment-success",
+        //   });
+        // }, 2000);
+      } else {
+        //银联
       }
     },
   },

src/pages/person-center/my-examination/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="my-examination">
     <div class="my-examination__header">
-      <el-tabs v-model="activeName">
+      <el-tabs :value="activeName" @tab-click="tabChange">
         <el-tab-pane label="考试预约" name="1"></el-tab-pane>
         <el-tab-pane label="考试成绩和证书" name="2"></el-tab-pane>
       </el-tabs>
@@ -13,173 +13,276 @@
         <div class="tabs-list">
           <div
             class="tabs-list__item"
-            :class="{ 'tabs-list__item--active': tabIndex == 0 }"
-            @click="tabIndex = 0"
-          >
-            已预约（2）
-          </div>
-          <div
-            class="tabs-list__item"
-            :class="{ 'tabs-list__item--active': tabIndex == 1 }"
-            @click="tabIndex = 1"
-          >
-            已取消（2）
-          </div>
-          <div
-            class="tabs-list__item"
-            :class="{ 'tabs-list__item--active': tabIndex == 2 }"
-            @click="tabIndex = 2"
+            :class="{ 'tabs-list__item--active': tabIndex == index }"
+            v-for="(item, index) in examList"
+            :key="index"
+            @click="examChange(item, index)"
           >
-            已过期（2）
+            {{ item.label }} {{ item.count ? `(${item.count})` : "" }}
           </div>
         </div>
 
-        <div class="content-list">
-          <div
-            class="content-list__item"
-            v-for="(item, index) in 3"
-            :key="index"
-          >
-            <div class="content-list__item__header">
-              <div class="text">
-                <div class="title">二级建造师建设工程施工管理</div>
-                <div class="desc">2022-12-1 17:51:51</div>
-              </div>
-              <div class="btn">取消预约</div>
-            </div>
-            <div class="content-list__item__body clearfix">
-              <div class="left-box">
-                <div class="title">报考学员信息</div>
-                <div class="desc-list">
-                  <div class="desc-list__item">
-                    姓名：<span class="note">倪虹洁</span>
-                  </div>
-                  <div class="desc-list__item">
-                    身份证：<span class="note">440463548723689646352</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考试身份：<span class="note">非补考学员</span>
+        <template v-if="listData.length == 0">
+          <div class="no-data" v-if="listData.length == 0">
+            您暂无相关考试预约哦~
+          </div>
+        </template>
+
+        <template v-else>
+          <div class="content-list">
+            <div
+              class="content-list__item"
+              v-for="(item, index) in listData"
+              :key="index"
+            >
+              <div class="content-list__item__header">
+                <div class="text">
+                  <div class="title">{{ item.goodsName }}</div>
+                  <div class="desc">
+                    {{ $tools.timestampToTime(item.createTime, false) }}
                   </div>
                 </div>
+                <el-button
+                  v-if="isShowFun(item)"
+                  type="primary"
+                  plain
+                  round
+                  class="btn"
+                  @click="cancel(item)"
+                  >取消预约</el-button
+                >
               </div>
-              <div class="center-box">
-                <div class="title">考试预约信息</div>
-                <div class="desc-list">
-                  <div class="desc-list__item desc-list__item--red">
-                    报名开放时间: 2022-03-01至2022-03-31
+              <div class="content-list__item__body clearfix">
+                <div class="left-box">
+                  <div class="title">报考学员信息</div>
+                  <div class="desc-list">
+                    <div class="desc-list__item">
+                      姓名：<span class="note">{{ item.realname }}</span>
+                    </div>
+                    <div class="desc-list__item">
+                      身份证：<span class="note">{{ item.idCard }}</span>
+                    </div>
+                    <div class="desc-list__item">
+                      考试身份：<span class="note">{{
+                        item.studentType == 1
+                          ? "非补考学员"
+                          : item.studentType == 2
+                          ? "补考学员"
+                          : ""
+                      }}</span>
+                    </div>
                   </div>
-                  <div class="desc-list__item">
-                    报考专业：<span class="note">一级建造师</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考试地点：<span class="note">广州市天河区燕岭路123号</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考试时间：<span class="note">2022-03-30 10:00:00</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考前培训地点：<span class="note"
-                      >广州市天河区燕岭路123号</span
+                </div>
+                <div class="center-box">
+                  <div class="title">考试预约信息</div>
+                  <div class="desc-list">
+                    <div class="desc-list__item desc-list__item--red">
+                      报名开放时间:
+                      {{ $tools.timestampToTime(item.applyStartTime) }} ~
+                      {{ $tools.timestampToTime(item.applyEndTime) }}
+                    </div>
+                    <div class="desc-list__item">
+                      报考专业：<span class="note"
+                        >{{ item.categoryName }}专业</span
+                      >
+                    </div>
+                    <div class="desc-list__item">
+                      考试地点：<span class="note">{{
+                        item.applySiteAddress
+                      }}</span>
+                    </div>
+                    <div class="desc-list__item">
+                      考试时间：<span class="note"
+                        >{{ $tools.timestampToTime(item.applySiteExamTime) }}
+                        {{ item.applySiteStartTime }} ~
+                        {{ item.applySiteEndTime }}</span
+                      >
+                    </div>
+                    <div class="desc-list__item">
+                      考前培训地点：<span class="note">{{
+                        item.applySiteAddressTrain
+                      }}</span>
+                    </div>
+                    <div
+                      class="desc-list__item"
+                      v-if="
+                        item.applySiteExamTrainTime &&
+                        item.applySiteStartTrainTime &&
+                        item.applySiteEndTrainTime
+                      "
                     >
-                  </div>
-                  <div class="desc-list__item">
-                    考前培训时间：<span class="note">2022-03-30 10:00:00</span>
+                      考前培训时间：<span class="note"
+                        >{{
+                          $tools.timestampToTime(item.applySiteExamTrainTime)
+                        }}
+                        {{ item.applySiteStartTrainTime }} ~
+                        {{ item.applySiteEndTrainTime }}</span
+                      >
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
+          <div class="pagination">
+            <el-pagination
+              @current-change="currentChange"
+              background
+              layout="prev, pager, next"
+              :total="total"
+              :pager-count="5"
+            >
+            </el-pagination>
+          </div>
+        </template>
       </template>
       <!-- 考试成绩和证书 -->
       <template v-if="activeName == 2">
         <div class="tabs-list">
           <div
             class="tabs-list__item"
-            :class="{ 'tabs-list__item--active': tabIndex == 0 }"
-            @click="tabIndex = 0"
-          >
-            通过
-          </div>
-          <div
-            class="tabs-list__item"
-            :class="{ 'tabs-list__item--active': tabIndex == 1 }"
-            @click="tabIndex = 1"
+            :class="{ 'tabs-list__item--active': resultIndex == index }"
+            v-for="(item, index) in resultList"
+            :key="index"
+            @click="resultChange(item, index)"
           >
-            未通过
+            {{ item.label }}
           </div>
         </div>
 
-        <div class="content-list">
-          <div
-            class="content-list__item"
-            v-for="(item, index) in 3"
-            :key="index"
-          >
-            <div class="content-list__item__header">
-              <div class="text">
-                <div class="title">二级建造师建设工程施工管理</div>
-                <div class="desc">2022-12-1 17:51:51</div>
-              </div>
-              <div class="btn">取消预约</div>
-            </div>
-            <div class="content-list__item__body clearfix">
-              <div class="left-box">
-                <div class="title">报考学员信息</div>
-                <div class="desc-list">
-                  <div class="desc-list__item">
-                    姓名：<span class="note">倪虹洁</span>
-                  </div>
-                  <div class="desc-list__item">
-                    身份证：<span class="note">440463548723689646352</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考试身份：<span class="note">非补考学员</span>
+        <template v-if="listData.length == 0">
+          <div class="no-data" v-if="listData.length == 0">
+            您暂无相关考试成绩和证书哦~
+          </div>
+        </template>
+
+        <template v-else>
+          <div class="content-list">
+            <div
+              class="content-list__item"
+              v-for="(item, index) in listData"
+              :key="index"
+            >
+              <div class="content-list__item__header">
+                <div class="text">
+                  <div class="title">{{ item.goodsName }}</div>
+                  <div class="desc">
+                    {{ $tools.timestampToTime(item.createTime, false) }}
                   </div>
                 </div>
+                <!-- <div class="btn">取消预约</div> -->
               </div>
-              <div class="center-box">
-                <div class="title">考试预约信息</div>
-                <div class="desc-list">
-                  <div class="desc-list__item desc-list__item--red">
-                    报名开放时间: 2022-03-01至2022-03-31
-                  </div>
-                  <div class="desc-list__item">
-                    报考专业：<span class="note">一级建造师</span>
+              <div class="content-list__item__body clearfix">
+                <div class="left-box">
+                  <div class="title">报考学员信息</div>
+                  <div class="desc-list">
+                    <div class="desc-list__item">
+                      姓名：<span class="note">{{ item.goodsName }}</span>
+                    </div>
+                    <div class="desc-list__item">
+                      身份证：<span class="note">{{ item.idCard }}</span>
+                    </div>
+                    <div class="desc-list__item">
+                      考试身份：<span class="note">{{
+                        item.studentType == 1
+                          ? "非补考学员"
+                          : item.studentType == 2
+                          ? "补考学员"
+                          : ""
+                      }}</span>
+                    </div>
                   </div>
-                  <div class="desc-list__item">
-                    考试地点：<span class="note">广州市天河区燕岭路123号</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考试时间：<span class="note">2022-03-30 10:00:00</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考前培训地点：<span class="note"
-                      >广州市天河区燕岭路123号</span
+                </div>
+                <div class="center-box">
+                  <div class="title">考试预约信息</div>
+                  <div class="desc-list">
+                    <div class="desc-list__item desc-list__item--red">
+                      报名开放时间:
+                      {{ $tools.timestampToTime(item.applyStartTime) }} ~
+                      {{ $tools.timestampToTime(item.applyEndTime) }}
+                    </div>
+                    <div class="desc-list__item">
+                      报考专业：<span class="note">{{
+                        item.categoryName
+                      }}</span>
+                    </div>
+                    <div class="desc-list__item">
+                      考试地点：<span class="note">{{
+                        item.applySiteAddress
+                      }}</span>
+                    </div>
+                    <div class="desc-list__item">
+                      考试时间：<span class="note"
+                        >{{ $tools.timestampToTime(item.applySiteExamTime) }}
+                        {{ item.applySiteStartTime }} ~
+                        {{ item.applySiteEndTime }}</span
+                      >
+                    </div>
+                    <div
+                      class="desc-list__item"
+                      v-if="item.applySiteAddressTrain"
                     >
-                  </div>
-                  <div class="desc-list__item">
-                    考前培训时间：<span class="note">2022-03-30 10:00:00</span>
+                      考前培训地点：<span class="note">{{
+                        item.applySiteAddressTrain
+                      }}</span>
+                    </div>
+                    <div
+                      class="desc-list__item"
+                      v-if="
+                        item.applySiteExamTrainTime &&
+                        item.applySiteStartTrainTime &&
+                        item.applySiteEndTrainTime
+                      "
+                    >
+                      考前培训时间：<span class="note">{{
+                        $tools.timestampToTime(item.applySiteExamTrainTime) +
+                        " " +
+                        item.applySiteStartTrainTime +
+                        "~" +
+                        item.applySiteEndTrainTime
+                      }}</span>
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div class="right-box">
-                <div class="title">考试成绩和证书信息</div>
-                <div class="desc-list">
-                  <div class="desc-list__item">
-                    考试成绩：<span class="note">100分</span>
-                  </div>
-                  <div class="desc-list__item">
-                    考试结果：<span class="note">通过</span>
-                  </div>
-                  <div class="desc-list__item">
-                    证书编号：<span class="note">ZSBH2022384987</span>
+                <div class="right-box">
+                  <div class="title">考试成绩和证书信息</div>
+                  <div class="desc-list">
+                    <div class="desc-list__item">
+                      考试成绩：<span class="note"
+                        >{{ item.performance }}分</span
+                      >
+                    </div>
+                    <div class="desc-list__item">
+                      考试结果：<span
+                        class="note note--success"
+                        v-if="item.result === 1"
+                        >通过</span
+                      >
+                      <span class="note note--error" v-if="item.result === 0"
+                        >未通过</span
+                      >
+                    </div>
+                    <div class="desc-list__item" v-if="item.result === 1">
+                      证书编号：<span class="note">{{
+                        item.certificateCode
+                      }}</span>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
+          <div class="pagination">
+            <el-pagination
+              @current-change="currentChange"
+              background
+              layout="prev, pager, next"
+              :total="total"
+              :pager-count="5"
+            >
+            </el-pagination>
+          </div>
+        </template>
       </template>
     </div>
   </div>
@@ -190,12 +293,242 @@ export default {
   name: "MyExamination",
   data() {
     return {
+      subscribeStatus: 1,
+      exceedExamExpend: 2,
+      result: "",
       tabIndex: 0,
+      resultIndex: 0,
       activeName: "1",
+      resultList: [
+        {
+          label: "通过",
+          count: 0,
+          result: 1,
+        },
+        {
+          label: "未通过",
+          count: 0,
+          result: 0,
+        },
+      ],
+      examList: [
+        {
+          label: "已预约",
+          count: 0,
+          subscribeStatus: 1,
+          exceedExamExpend: 2,
+        },
+        {
+          label: "已取消",
+          count: 0,
+          subscribeStatus: 2,
+          exceedExamExpend: "",
+        },
+        {
+          label: "已过期",
+          count: 0,
+          subscribeStatus: 1,
+          exceedExamExpend: 1,
+        },
+      ],
+      total: 0,
+      param: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      listData: [],
     };
   },
-  mounted() {},
-  methods: {},
+  mounted() {
+    this.getApplylist();
+    this.getCount();
+  },
+  methods: {
+    getCount() {
+      this.$request
+        .getApplylist({
+          pageNum: 1,
+          pageSize: 1,
+          subscribeStatus: 1,
+          exceedExamExpend: 2,
+        })
+        .then((res) => {
+          this.examList[0].count = res.total;
+        });
+
+      this.$request
+        .getApplylist({
+          pageNum: 1,
+          pageSize: 1,
+          subscribeStatus: 2,
+          exceedExamExpend: "",
+        })
+        .then((res) => {
+          this.examList[1].count = res.total;
+        });
+
+      this.$request
+        .getApplylist({
+          pageNum: 1,
+          pageSize: 1,
+          subscribeStatus: 1,
+          exceedExamExpend: 1,
+        })
+        .then((res) => {
+          this.examList[2].count = res.total;
+        });
+    },
+    tabChange(e) {
+      if (this.activeName == e.name) {
+        return;
+      }
+      this.activeName = e.name;
+
+      if (this.activeName == "1") {
+        this.tabIndex = 0;
+        this.result = "";
+        this.param.pageNum = 1;
+        this.subscribeStatus = 1;
+        this.exceedExamExpend = 2;
+        this.getApplylist();
+      } else {
+        this.resultIndex = 0;
+        this.result = 1;
+        this.param.pageNum = 1;
+        this.subscribeStatus = "";
+        this.exceedExamExpend = "";
+        this.getApplylist();
+      }
+    },
+    resultChange(item, index) {
+      if (this.resultIndex == index) return;
+      this.resultIndex = index;
+      this.result = item.result;
+      this.param.pageNum = 1;
+      this.subscribeStatus = "";
+      this.exceedExamExpend = "";
+      this.getApplylist();
+    },
+    examChange(item, index) {
+      if (this.tabIndex == index) return;
+      this.tabIndex = index;
+      this.subscribeStatus = item.subscribeStatus;
+      this.exceedExamExpend = item.exceedExamExpend;
+      this.param.pageNum = 1;
+      this.getApplylist();
+    },
+    getApplylist() {
+      this.$request
+        .getApplylist({
+          pageNum: this.param.pageNum,
+          pageSize: this.param.pageSize,
+          subscribeStatus: this.subscribeStatus,
+          exceedExamExpend: this.exceedExamExpend,
+          result: this.result,
+        })
+        .then((res) => {
+          this.listData = res.rows;
+          this.total = res.total;
+        });
+    },
+    isShowFun(item) {
+      var timestamp = parseInt(new Date().getTime() / 1000);
+      var newDataAge = parseInt(
+        new Date(new Date().toLocaleDateString()).getTime() / 1000
+      );
+      //报名开放时间”过了“结束时间点”，【取消预约】按钮隐藏
+      if (item.applyEndTime <= timestamp) {
+        return false;
+      } else {
+        //报名开放时间-进行中，【前培标记：已开通】，【取消预约】按钮隐藏
+        if (item.beforeStatus === 1) {
+          console.log(1);
+          return false;
+        } else if (item.examStatus !== 0) {
+          console.log(2);
+          return false;
+        } else if (item.applySiteExamTime < newDataAge) {
+          console.log(3);
+          return false;
+        } else if (item.applySiteExamTime > newDataAge) {
+          console.log(4);
+          return true;
+        } else if (item.applySiteExamTime == newDataAge) {
+          console.log(5);
+          var hours = new Date().getHours();
+          var mins = new Date().getMinutes();
+          var arrays = item.applySiteStartTime.split(":").map(Number);
+          if (arrays[0] > hours) {
+            return true;
+          } else if (arrays[0] < hours) {
+            return false;
+          } else {
+            if (arrays[1] <= mins) {
+              return false;
+            } else {
+              return true;
+            }
+          }
+        } else {
+          return true;
+        }
+      }
+    },
+    cancel(item) {
+      const confirmText = [
+        "每次考试均有名额限制，",
+        "取消预约后，您可能无法再次预约本次考试。",
+        "请慎重考虑。",
+        "您确定要取消本次考试预约吗？",
+      ];
+      const newDatas = [];
+      const h = this.$createElement;
+      for (const i in confirmText) {
+        newDatas.push(h("p", null, confirmText[i]));
+      }
+      this.$confirm(h("div", null, newDatas), "温馨提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        closeOnClickModal: false,
+        closeOnPressEscape: false,
+        distinguishCancelAndClose: false,
+        showClose: false,
+      })
+        .then((_) => {
+          var bols = this.isShowFun(item);
+          console.log(bols);
+          if (!bols) {
+            this.$message({
+              type: "warning",
+              message: "当前已无法取消预约",
+            });
+            return;
+          }
+          this.$request
+            .editApply({
+              subscribeId: item.subscribeId,
+              subscribeStatus: 2,
+            })
+            .then((res) => {
+              this.$request
+                .getApplylist({ subscribeStatus: 1, exceedExamExpend: 2 })
+                .then((res) => {
+                  this.listData = res.rows;
+                  this.getApplylist();
+                  this.getCount();
+                });
+            });
+        })
+        .catch((_) => {
+          console.log(_);
+        });
+    },
+
+    currentChange(e) {
+      this.param.pageNum = e;
+      this.getApplylist();
+    },
+  },
 };
 </script>
 
@@ -266,13 +599,11 @@ export default {
           .btn {
             width: 122px;
             height: 32px;
-            border: 1px solid #3f8dfd;
             border-radius: 16px;
+            padding: 0;
             text-align: center;
-            line-height: 30px;
-            color: #3f8dfd;
+            line-height: 32px;
             font-size: 16px;
-            cursor: pointer;
           }
         }
 
@@ -311,6 +642,14 @@ export default {
                   font-family: Microsoft YaHei;
                   font-weight: 400;
                   color: #666666;
+
+                  &--success {
+                    color: #56dc68;
+                  }
+
+                  &--error {
+                    color: #ff3b30;
+                  }
                 }
               }
             }
@@ -326,6 +665,18 @@ export default {
         }
       }
     }
+
+    .no-data {
+      text-align: center;
+      padding: 50px 0;
+      color: #666;
+      font-size: 16px;
+    }
+
+    .pagination {
+      padding: 30px 0;
+      text-align: center;
+    }
   }
 }
 </style>