fix:kyc拒绝原因显示

src/views/userInfo/kyc/index.vue

@@ -16,7 +16,7 @@ const kycInfo = ref<Partial<Api.KYC.KYCInfo>>({
   status: 'UNVERIFIED',
   fullName: '',
   birthDate: '',
-  rejectReason: '',
+  description: '',
   verifiedTime: ''
 });
 
@@ -122,7 +122,7 @@ const getKYCStatus = async () => {
             status: normalizedStatus,
             fullName: kycData.realName || '',
             birthDate: kycData.birthDate || '',
-            rejectReason: kycData.description || '',
+            description: kycData.description || '',
             verifiedTime: kycData.updateTime || kycData.createTime || '',
             idType: kycData.idType,
             idFile: kycData.idFile,
@@ -140,7 +140,7 @@ const getKYCStatus = async () => {
       status: 'UNVERIFIED',
       fullName: '',
       birthDate: '',
-      rejectReason: '',
+      description: '',
       verifiedTime: ''
     };
 
@@ -153,7 +153,7 @@ const getKYCStatus = async () => {
       status: 'UNVERIFIED',
       fullName: '',
       birthDate: '',
-      rejectReason: '',
+      description: '',
       verifiedTime: ''
     };
   }
@@ -369,10 +369,11 @@ onMounted(() => {
       </div>
 
       <!-- 如果有拒绝原因，显示拒绝信息 -->
-      <div v-if="kycInfo.rejectReason" class="reject-reason">
+      <div v-if="kycStatus === 'REJECTED'" class="reject-reason">
         <a-alert
-          type="warning"
-          :message="kycInfo.rejectReason"
+          type="error"
+          :message="t('page.kyc.rejectReason')"
+          :description="kycInfo.description"
           show-icon
           banner
         />
@@ -681,5 +682,23 @@ onMounted(() => {
 .reject-reason {
   margin-top: 16px;
 }
+.page-header {
+  margin-bottom: 32px;
+}
+.status-header {
+  display: flex;
+  align-items: center;
+  padding: 16px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
 
+.status-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: #1f1f1f;
+}
+
+.status-tag {
+  margin-left: 16px;
+}
 </style>