会员认证

张猛
Showing 3 changed files with 87 additions and 56 deletions
myCenter/auth.vue
myCenter/goPay.vue
personal/home.vue
--- a/myCenter/auth.vue
View file @441a011
+++ b/myCenter/auth.vue
View file @441a011
 <template>
  <view :class="{ 'lock-scroll': popupShow }">
    <view v-if="showDirectly&&directUnderFlag==0">
-      <view class="flexbox">
+      <view class="head-box">
-        <view>
+        <view class="flexbox ">
-          有效日期至
+          <view class="title">{{ form.name }}</view>
-          <text class="text-primary">{{ form?.validityDate?.slice(0, 10) }}</text>
+          <view>
+            <text v-if="activeStatus==0&&authenticationStatusa" class="text-danger">未激活</text>
+            <text v-else>
+              <text v-if="authenticationStatusa == 0 ||!authenticationStatusa" class="text-danger">未认证</text>
+              <text v-if="authenticationStatusa == 1" class="text-success">认证中</text>
+              <text v-if="authenticationStatusa == 2" class="text-success">已认证</text>
+              <text v-if="authenticationStatusa == 3" class="text-danger">认证未通过</text>
+              <text v-if="authenticationStatusa == 4" class="text-danger">即将过期</text>
+              <text v-if="authenticationStatusa == 5" class="text-danger">已过期</text>
+            </text>
+          </view>
        </view>
-        <view>
+        <view class="flexbox">
-          <text v-if="activeStatus==0&&authenticationStatusa" class="text-danger">未激活</text>
+          <view>
-          <text v-else>
+            有效日期至
-            <text v-if="authenticationStatusa == 0 ||!authenticationStatusa" class="text-danger">未认证</text>
+            <text class="highlight">{{ form?.validityDate?.slice(0, 10) }}</text>
-            <text v-if="authenticationStatusa == 1" class="text-success">认证中</text>
+          </view>
-            <text v-if="authenticationStatusa == 2" class="text-success">已认证</text>
-            <text v-if="authenticationStatusa == 3" class="text-danger">认证未通过</text>
-            <text v-if="authenticationStatusa == 4" class="text-danger">即将过期</text>
-            <text v-if="authenticationStatusa == 5" class="text-danger">已过期</text>
-          </text>
        </view>
-      </view>
+        <view class="flexbox" style="justify-content: flex-end;padding: 20rpx 40rpx 30rpx 40rpx;">
-      <view class="flexbox" style="justify-content: flex-end;padding: 0 30rpx 40rpx;">
+          <button v-if="activeStatus==0&&authenticationStatusa" class="btn-red" size="mini"
-        <button v-if="activeStatus==0&&authenticationStatusa" class="btn-red" size="mini"
+                  style="margin: 0 20rpx 0 0;" @click="payTheFees">激活
-                style="margin: 0 20rpx 0 0;" @click="payTheFees">激活
-        </button>
-        <view v-else>
-          <!-- :disabled="auditStatus==1||auditStatus==2||form.isPoints==0" class="btn-red" -->
-          <!-- <button v-if="form.deptType==6"
-                  size="mini"
-                  style="margin: 0 20rpx 0 0;"
-                  @click="showApplyDialog">考点申请
-          </button> -->
-          <!-- <button v-if="form.deptType==6"
-                  class="btn-red-kx"
-                  size="mini"
-                  style="margin: 0 20rpx 0 0;"
-                  @click="auditEditFN(2)">考点详情
-          </button> -->
-          <button :disabled="btn" class="btn-red" size="mini" style="margin: 0 20rpx 0 0;"
-                  @click="payTheFees">去缴费
-          </button>
-          <button v-if="form.deptType!=1" class="btn-red-kx" size="mini" style="margin: 0 20rpx 0 0;"
-                  @click="auditEditFN(1)">审核详情
          </button>
+          <view v-else>
+            <!-- :disabled="auditStatus==1||auditStatus==2||form.isPoints==0" class="btn-red" -->
+            <!-- <button v-if="form.deptType==6"
+                    size="mini"
+                    style="margin: 0 20rpx 0 0;"
+                    @click="showApplyDialog">考点申请
+            </button> -->
+            <!-- <button v-if="form.deptType==6"
+                    class="btn-red-kx"
+                    size="mini"
+                    style="margin: 0 20rpx 0 0;"
+                    @click="auditEditFN(2)">考点详情
+            </button> -->
+            <button :disabled="btn" class="btn-red" size="mini" style="margin: 0 20rpx 0 0;"
+                    @click="payTheFees">去缴费
+            </button>
+            <button v-if="form.deptType!=1" class="btn-red-kx" size="mini" style="margin: 0 20rpx 0 0;"
+                    @click="auditEditFN(1)">审核详情
+            </button>
+          </view>
        </view>
      </view>
    </view>
    <view class="mainbox">
      <uni-list>
        <uni-list-item v-if="authenticationStatusa != 1&&authenticationStatusa != 0&&authenticationStatusa != 3"
@@ -121,6 +129,7 @@
        </uni-list-item>
      </uni-list>
    </view>
    <!-- 弹窗添加触摸事件拦截 -->
    <uni-popup ref="applyPopup" type="center" @close="onPopupClose" @open="onPopupOpen"
               @touchmove.stop.prevent="() => {}">
@@ -511,7 +520,6 @@ function payTheFees() {
 .frrr {
  width: 100%;
  text-align: right;
-  text-align: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
@@ -543,14 +551,34 @@ function payTheFees() {
  color: #999;
 }
-.flexbox {
+.head-box {
-  padding: 30rpx;
+  width: calc(100% - 60rpx);
+  margin: 0 auto;
  background-color: #fff;
+  border-radius: 30rpx;
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  .title {
+    font-size: 40rpx;
+    font-weight: bold;
+  }
+}
+.flexbox {
+  padding: 10rpx 30rpx;
  justify-content: space-between;
 }
+.highlight {
+  color: orange;
+}
 .mainbox {
  margin: 30rpx;
+  padding: 70rpx 20rpx;
+  border-radius: 30rpx;
+  background-color: #ffff;
 }
 .apply-dialog {
@@ -616,5 +644,8 @@ function payTheFees() {
 .btn-red, .btn-red-kx {
  padding: 0 !important;
  width: 140rpx;
+  border-radius: 30rpx;
+  height: 55rpx;
+  line-height: 55rpx;
 }
 </style>
--- a/myCenter/goPay.vue
View file @441a011
+++ b/myCenter/goPay.vue
View file @441a011
@@ -47,13 +47,13 @@
      <view class="payRow ">
        <radio-group @change="onPayTypeChange">
          <label class="radioItem">
-            <radio :checked="payType === '1'" class="custom-radio" value="1"/>
+            <radio :checked="payType === '0'" class="custom-radio" value="0"/>
            <view class="payInfo">
              <image :src="config.baseUrl_api + '/fs/static/min.png'" class="icon" mode="widthFix"></image>
              <text>民生付</text>
            </view>
          </label>
-          <label class="radioItem mt10" >
+          <label class="radioItem mt10">
            <radio :checked="payType === '3'" class="custom-radio" value="3"/>
            <view class="payInfo">
              <image :src="config.baseUrl_api + '/fs/static/min.png'" class="icon" mode="widthFix"></image>
@@ -62,16 +62,16 @@
          </label>
        </radio-group>
      </view>
      <!-- 对公转账表单 -->
      <view v-if="payType === '3'" class="card transfer-form">
        <view class="form-item">
          <text class="form-label">联系人</text>
-          <input class="form-input" v-model="form.contactPerson" placeholder="请输入联系人" />
+          <input v-model="form.contactPerson" class="form-input" placeholder="请输入联系人"/>
        </view>
        <view class="form-item">
          <text class="form-label">联系电话</text>
-          <input class="form-input" v-model="form.contactTel" type="number" placeholder="请输入联系电话" />
+          <input v-model="form.contactTel" class="form-input" placeholder="请输入联系电话" type="number"/>
        </view>
      </view>
@@ -156,7 +156,7 @@ const handelPay = async () => {
    })
    return
  }
  // 对公转账校验
  if (payType.value === '3') {
    if (!form.value.contactPerson) {
@@ -182,7 +182,7 @@ const handelPay = async () => {
      return
    }
  }
  // 显示 loading
  uni.showLoading({
    title: '支付中...',
@@ -190,19 +190,19 @@ const handelPay = async () => {
  })
  if (isPaying.value) return
  isPaying.value = true
  // 构建请求参数
  const params = {
    renewYear: form.value.renewYear,
    type: payType.value
  }
  // 对公转账需要传联系人信息
  if (payType.value === '3') {
    params.contactPerson = form.value.contactPerson
    params.contactTel = form.value.contactTel
  }
  // 创建订单 - 参考PC端逻辑
  const [orderErr, orderRes] = await to(api.certifiedNew(params))
  if (orderErr) {
@@ -214,7 +214,7 @@ const handelPay = async () => {
    })
    return
  }
  const data = orderRes.data
  // 无需支付，直接成功
  if (data.payFlag == 0) {
@@ -225,7 +225,7 @@ const handelPay = async () => {
    })
    return
  }
  // 对公转账 - 跳转转账信息页面
  if (data.payFlag == 2) {
    uni.hideLoading()
@@ -235,7 +235,7 @@ const handelPay = async () => {
    })
    return
  }
  // 民生支付
  if (data.payResult && data.payResult.encryptedData) {
    try {
@@ -452,7 +452,7 @@ async function getZtxDiscountPolicyApi() {
  align-items: center;
  padding: 20rpx 0;
  border-bottom: 1rpx solid #f5f5f5;
  &:last-child {
    border-bottom: none;
  }
--- a/personal/home.vue
View file @441a011
+++ b/personal/home.vue
View file @441a011
@@ -949,7 +949,7 @@ const confirmLogout = () => {
  padding-bottom: 20rpx;
  .logOutBtn {
-    background-image: linear-gradient(135deg, #dbbb69 10%, #f0deb0 100%);;
+    background-image: linear-gradient(135deg, #dbbb69 10%, #f0deb0 100%);
    backdrop-filter: blur(4px);
    width: 80%;
    border: 1px solid #dadada;