完成发现，个人中心

pages/my-index/wallet/real-id.vue

@@ -10,6 +10,8 @@
   const { showToast } = useUI()
 
   const loading = ref(true)
+  /** 身份证状态：0 新增 1 等待审核 2 编辑 3 不可以修改和新增 */
+  const stateData = ref(0)
   const formData = reactive({
     // 修改id
     id: '',
@@ -34,9 +36,11 @@
       formData.back = res.data.idCardBackUrl
       formData.realName = res.data.realName
       formData.idCard = res.data.idCardNumber
-
       formData.frontList = [{ url: res.data.idCardFrontUrl }]
       formData.backList = [{ url: res.data.idCardBackUrl }]
+      stateData.value = res.data.status
+    } else {
+      stateData.value = 0
     }
 
     loading.value = false
@@ -62,13 +66,14 @@
     }
 
     const data = {
+      id: formData.id,
       idCardFrontUrl: formData.front,
       idCardBackUrl: formData.back,
       realName: formData.realName,
       idCardNumber: formData.idCard
     }
 
-    await addUserIdCard(data)
+    await addUserIdCard(data, stateData.value === 0 ? 'post' : 'put')
     await showToast(`添加成功`, 'success')
     navigateBack()
   }
@@ -80,42 +85,55 @@
 
 <template>
   <view v-if="!loading" class="real-id">
-    <!-- 说明 -->
-    <text class="top-text">*为保证您的账户安全,请先完成实名认证</text>
+    <view v-if="[0, 2, 3].includes(stateData)">
+      <!-- 说明 -->
+      <text class="top-text">*为保证您的账户安全,请先完成实名认证</text>
+      <CardInput :is-input="false" title="收款码">
+        <view class="qrcode-box">
+          <cb-file-picker
+            v-model="formData.front"
+            v-model:list="formData.frontList"
+            :readonly="stateData === 3"
+            isFront
+          ></cb-file-picker>
+          <cb-file-picker
+            v-model="formData.back"
+            v-model:list="formData.backList"
+            :readonly="stateData === 3"
+            isBack
+          ></cb-file-picker>
+        </view>
+      </CardInput>
 
-    <CardInput :is-input="false" title="收款码">
-      <view class="qrcode-box">
-        <cb-file-picker
-          v-model="formData.front"
-          v-model:list="formData.frontList"
-          isFront
-        ></cb-file-picker>
-        <cb-file-picker
-          v-model="formData.back"
-          v-model:list="formData.backList"
-          isBack
-        ></cb-file-picker>
-      </view>
-    </CardInput>
+      <CardInput
+        v-model="formData.realName"
+        title="姓名"
+        placeholder="请输入姓名"
+        :disabled="stateData === 3"
+      ></CardInput>
 
-    <CardInput
-      v-model="formData.realName"
-      title="姓名"
-      placeholder="请输入姓名"
-    ></CardInput>
+      <CardInput
+        v-model="formData.idCard"
+        title="身份证号"
+        placeholder="请输入身份证号"
+        :disabled="stateData === 3"
+      ></CardInput>
 
-    <CardInput
-      v-model="formData.idCard"
-      title="身份证号"
-      placeholder="请输入身份证号"
-    ></CardInput>
-
-    <!-- 底部按钮 -->
-    <bottom-view>
-      <cb-button @click="onAddCode">
-        确认{{ formData.id ? '修改' : '添加' }}
-      </cb-button>
-    </bottom-view>
+      <!-- 底部按钮 -->
+      <bottom-view v-if="stateData !== 3">
+        <cb-button @click="onAddCode">
+          确认{{ formData.id ? '修改' : '添加' }}
+        </cb-button>
+      </bottom-view>
+    </view>
+    <view v-else class="wait-view">
+      <image
+        src="/static/images/my-index/date-icon.png"
+        mode="heightFix"
+        class="icon-img"
+      ></image>
+      <text>等待审核</text>
+    </view>
   </view>
 </template>
 
@@ -132,7 +150,6 @@
       font-weight: 500;
       font-size: 24rpx;
       color: #999999;
-      text-align: left;
       margin-bottom: 32rpx;
     }
 
@@ -141,4 +158,23 @@
       justify-content: space-between;
     }
   }
+
+  .wait-view {
+    margin-top: 10vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .icon-img {
+      height: 60rpx;
+    }
+    text {
+      margin-top: 20rpx;
+      display: block;
+      font-weight: 500;
+      font-size: 30rpx;
+      color: #999999;
+      margin-bottom: 32rpx;
+    }
+  }
 </style>