.

src/views/star/CreateResult.vue

@@ -1,13 +1,15 @@
 <template>
     <div class="result" :class="{ fail: status === 'FAIL' }">
-        <img class="icon" :src="info.img" alt="" />
-        <div class="text1" :style="{ color: info.color }">{{ info.title }}</div>
-        <div class="text2" v-html="info.sub"></div>
+        <template v-if="status">
+            <img class="icon" :src="info.img" alt="" />
+            <div class="text1" :style="{ color: info.color }">{{ info.title }}</div>
+            <div class="text2" v-html="info.sub"></div>
 
-        <div class="btn">
-            <van-button @click="create" type="primary" round block>继续铸造星图</van-button>
-            <van-button @click="show" type="primary" plain round block>浏览我的星图</van-button>
-        </div>
+            <div class="btn">
+                <van-button @click="create" type="primary" round block>继续铸造星图</van-button>
+                <van-button @click="show" type="primary" plain round block>浏览我的星图</van-button>
+            </div>
+        </template>
     </div>
 </template>
 
@@ -15,7 +17,7 @@
 export default {
     data() {
         return {
-            status: 'FAIL',
+            status: '',
             id: 0
         };
     },
@@ -29,13 +31,15 @@ export default {
                     sub: '审核失败，请重新铸造上传',
                     color: '#F53809'
                 };
-            } else {
+            } else if (this.status === 'PENDING') {
                 return {
                     img: require('@assets/png-fuhe.png'),
                     title: '提交成功',
                     sub: '<p>1. 绿洲宇宙的探索者，您的作品正在进行星图铸造！您可以在藏品室“个人作品”中查看您的星图！</p><p>2. 星图的铸造及审核冷却期为24小时，这期间不得进行展示与馈赠。完成铸造及审核后，即可进行展示与馈赠。</p><p>3. 赶快前往绿洲宇宙，在您的元宇宙空间及展厅中展示您的作品吧！</p>',
                     color: '#43CE00'
                 };
+            } else {
+                return '';
             }
         }
     },