会员认证

 <template>
   <view :class="{ 'lock-scroll': popupShow }">
     <view v-if="showDirectly&&directUnderFlag==0">
-      <view class="flexbox">
-        <view>
-          有效日期至
-          <text class="text-primary">{{ form?.validityDate?.slice(0, 10) }}</text>
+      <view class="head-box">
+        <view class="flexbox ">
+          <view class="title">{{ form.name }}</view>
+          <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>
-          <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 class="flexbox">
+          <view>
+            有效日期至
+            <text class="highlight">{{ form?.validityDate?.slice(0, 10) }}</text>
+          </view>
+        
         </view>
-      </view>
-      <view class="flexbox" style="justify-content: flex-end;padding: 0 30rpx 40rpx;">
-        <button v-if="activeStatus==0&&authenticationStatusa" class="btn-red" size="mini"
-                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)">审核详情
+        <view class="flexbox" style="justify-content: flex-end;padding: 20rpx 40rpx 30rpx 40rpx;">
+          <button v-if="activeStatus==0&&authenticationStatusa" class="btn-red" size="mini"
+                  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>
         </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 {
-  padding: 30rpx;
+.head-box {
+  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>

@@ -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;
   }

@@ -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;