1

src/pages/user/index.vue

@@ -29,7 +29,7 @@
     <wd-overlay :show="displayExpired">
         <view class="popup-display-expired">
             <view class="sumbit-error">
-                <image src="@/static/image/user/displayExpired.png"></image> <view class="title">企业信息已失效</view>
+                <image class="a" src="@/static/image/user/displayExpired.png"></image> <view class="title">企业信息已失效</view>
                 <view class="txt"
                     >由于您超过 <text style="color: #1f86ff">1</text> 月未登录 现已将您的账号禁用 您可完成申述后继续使用</view
                 >
@@ -40,6 +40,17 @@
             >
         </view>
     </wd-overlay>
+    <wd-overlay :show="showOut">
+        <view class="popup-display-expired">
+            <view class="sumbit-error">
+                <image class="u" src="@/static/image/user/user-out.png"></image> <view class="title"></view>
+                <view class="txt">您的大堂经理职位 匹配的人员已超过7天未处理</view>
+                <view class="btn-box1">
+                    <view class="tz-btn btn" @tap="goToHome('/pages/recommend/index')">去看看</view>
+                </view></view
+            >
+        </view>
+    </wd-overlay>
     <div class="user-container">
         <view class="bg"></view>
         <!-- 用户信息 -->
@@ -81,6 +92,7 @@ import { getEnumText } from "@/utils/utils";
 import { ref, reactive } from "vue";
 import evn from "@/utils/config.js";
 const show = ref(false);
+const showOut = ref(true);
 const displayExpired = ref(false);
 let name = ref("");
 let id = ref("");
@@ -95,6 +107,16 @@ const navigateTo = (url, fn) => {
             url
         });
 };
+const goToHome = (url, fn) => {
+    showOut.value = false;
+    if (fn) {
+        fn();
+    }
+    url &&
+        xma.switchTab({
+            url
+        });
+};
 const navList = reactive([
     {
         icon: new URL("@/static/image/user/history.png", import.meta.url).href,
@@ -246,6 +268,13 @@ onShow(() => {
             width: 30rpx;
             height: 30rpx;
         }
+        .u {
+            width: 274rpx;
+            height: 192rpx;
+            position: absolute;
+            top: 20rpx;
+            right: 20rpx;
+        }
         .title {
             padding: 32rpx 0;
             font-size: 36rpx;
@@ -303,11 +332,18 @@ onShow(() => {
         padding: 0 32rpx 32rpx;
         background-color: #ffffff;
         border-radius: 10rpx;
-        image {
+
+        .a {
             position: absolute;
             width: 448rpx;
             height: 448rpx;
         }
+        .u {
+            width: 274rpx;
+            height: 192rpx;
+            position: absolute;
+            top: 120rpx;
+        }
         .title {
             padding: 32rpx 0;
             margin-top: 300rpx;
@@ -342,6 +378,25 @@ onShow(() => {
                 background: #1f86ff;
             }
         }
+        .btn-box1 {
+            display: flex;
+            align-items: center;
+            margin-top: 40rpx;
+            justify-content: center;
+            .btn {
+                box-sizing: border-box;
+                padding: 14rpx 34rpx;
+                border-radius: 12rpx;
+            }
+            .cancel-button {
+                color: #1f86ff;
+                background: rgb(31 134 255 / 10%);
+            }
+            .tz-btn {
+                color: #ffffff;
+                background: #1f86ff;
+            }
+        }
     }
 }
 .nav-bar {