分类渲染数据类型 : 岗位详情 公司详情 岗位收藏 公司收藏 浏览记录 预约列表

packageA/pages/myResume/myResume.vue

@@ -5,6 +5,13 @@
         <image src="@/static/icon/back-white.png" @click="navBack"></image>
       </view>
     </template>
+    <view v-if="userInfo.resumeOcrStatus && showNotice" class="notice-line" :class="userInfo.resumeOcrStatus?.includes('成功')?'green':'blue'">
+      <image v-if="userInfo.resumeOcrStatus?.includes('成功')" class="icon" src="@/static/icon/notice-green.png" />
+      <image v-else class="icon" src="@/static/icon/notice-blue.png" />
+      <view class="text">{{userInfo.resumeOcrStatus}}</view>
+      <image @click="closeNotice" v-if="userInfo.resumeOcrStatus?.includes('成功')" class="close" src="@/static/icon/close-green.png" />
+      <image @click="closeNotice" v-else class="close" src="@/static/icon/close-blue.png" />
+    </view>
     <view class="mys-container">
       <!-- 个人信息 -->
       <view
@@ -164,10 +171,15 @@ const { getUserResume } = useUserStore();
 const { getDictData, oneDictData } = useDictStore();
 import config from "@/config.js";
 
+const showNotice = ref(true)
 onLoad(() => {
   getUserResume();
 });
 
+function closeNotice() {
+  showNotice.value=false
+}
+
 function chooseResume() {
   uni.chooseImage({
     sizeType: ["original", "compressed"],
@@ -254,6 +266,36 @@ function uploadResume(tempFilePath, loading) {
         text-align: center;
     }
 }
+
+.notice-line
+  width 100%;
+  height:60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding:0 30rpx
+  margin-bottom: 20rpx
+  .icon
+    width:35rpx;
+    height:35rpx;
+  .text
+    flex: 1;
+    overflow hidden
+    padding:0 25rpx
+  .close
+    width:25rpx;
+    height:25rpx;
+  
+.notice-line.blue{
+  background: #E8F1FF
+  color: #1677ff
+}
+.notice-line.green{
+  background: #D4FFF1
+  color: #38bb8f
+}
+
 image{
     width: 100%;
     height: 100%