feat:更新

src/views/activity/recruitment/components/review/index.vue

 <script setup lang="ts">
 <script setup lang="ts">
-
+const isSuccess = ref(false)
+const isFail = ref(false)
+const isJudge = ref(false)
 </script>
 </script>
 <template>
 <template>
     <div class="review-wrap">
     <div class="review-wrap">
         <!-- 成功  -->
         <!-- 成功  -->
-        <div class="success"></div>
+        <div class="success" v-show="isSuccess">
+            <img src="../../image/success.png" alt="">
+            <span class="result">簽約成功</span>
+            <span class="content">愿你在全新的舞台上光芒四射， 直播事业一路长红！</span>
+        </div>
         <!-- 審核中 -->
         <!-- 審核中 -->
-        <div class="judge"></div>
+        <div class="judge" v-show="isJudge">
+            <img src="../../image/judge.png" alt="">
+            <span class="result">審核中</span>
+            <span class="content">您的签约資料正在审核中， 请耐心等待。 </span>
+        </div>
         <!-- 駁回 -->
         <!-- 駁回 -->
-        <div class="failure"></div>
+        <div class="failure" v-show="isFail">
+            <img src="../../image/fail.png" alt="">
+            <span class="result">簽約駁回</span>
+            <span class="content">您的签约申请暂未通过审核， 請聯繫公會人員了解情況。</span>
+        </div>
     </div>
     </div>
 </template>
 </template>
 <style scoped lang="scss">
 <style scoped lang="scss">
 .review-wrap {
 .review-wrap {
-    .success {}
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .success {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        img {
+            width: 400px;
+            height: 329px;
+        }
+    }
+
+    .judge {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        img {
+            width: 400px;
+            height: 329px;
+        }
+    }
+
+    .failure {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        img {
+            width: 400px;
+            height: 329px;
+        }
+
+        .result {
+            color: #F64848;
+        }
+    }
 
 
-    .judge {}
+    .result {
+        font-family: PingFang SC;
+        font-weight: bold;
+        font-size: 52px;
+        color: #111;
+        padding: 40px 0 34px 0;
+    }
 
 
-    .failure {}
+    .content {
+        width: 400px;
+        height: 68px;
+        font-family: PingFang SC;
+        font-weight: 500;
+        font-size: 28px;
+        color: #444444;
+        line-height: 42px;
+        text-align: center;
+    }
 }
 }
 </style>
 </style>
\ No newline at end of file

src/views/activity/recruitment/components/sign/index.vue

@@ -797,6 +797,7 @@ const onSubmit = (values: any) => {
                 color: #FFFFFF;
                 color: #FFFFFF;
                 width: 592px;
                 width: 592px;
                 height: 60px;
                 height: 60px;
+                text-align: center;
             }
             }
 
 
             img {
             img {

src/views/activity/recruitment/index.vue

 <script setup lang="ts">
 <script setup lang="ts">
 import review from './components/review/index.vue'
 import review from './components/review/index.vue'
 import sign from './components/sign/index.vue'
 import sign from './components/sign/index.vue'
+
+const isShowReview = ref(false)
 </script>
 </script>
 <template>
 <template>
-    <sign />
-    <review />
+    <sign v-if="!isShowReview" />
+    <review v-else />
 </template>
 </template>
 <style scoped lang="scss"></style>
 <style scoped lang="scss"></style>
\ No newline at end of file