feat: 消息中心根据流程状态做Table页

src/views/message/index.vue

@@ -3,7 +3,17 @@
 		<!-- 消息主体 -->
 		<div class="content flex align-center justify-between">
 			<!-- 左侧聊天列表 -->
-			<div class="content-l flex align-center justify-center">
+            <div class="content-l">
+                <div class="tabs">
+                    <el-tabs v-model="activeName" @tab-click="handleTabClick">
+                        <el-tab-pane label="全部" name="all"></el-tab-pane>
+                        <el-tab-pane label="已读" name="read"></el-tab-pane>
+                        <el-tab-pane label="未读" name="unread"></el-tab-pane>
+                        <el-tab-pane label="沟通过" name="communicated"></el-tab-pane>
+                        <el-tab-pane label="已邀约" name="invited"></el-tab-pane>
+                        <el-tab-pane label="面试过" name="interviewed"></el-tab-pane>
+                    </el-tabs>
+				</div>
 				<div class="content-l-box flex algin-center justify-center flex-wrap">
 					<div class="content-l-box-items" :class="selectIndex==1?'megActive':''" @click="getSysMsgList(true)"
 						v-for="(item,index) in msgList" :key="index">
@@ -633,7 +643,9 @@
 					1: '在职-月内到岗',
 					2: '在职-考虑机会',
 					3: '在职-暂不考虑'
-				}
+				},
+				activeName: 'all',
+
 			}
 		},
 		computed: {
@@ -662,6 +674,9 @@
 			}, 1000);
 		},
 		methods: {
+			handleTabClick(tab) {
+				this.activeName = tab.props.name
+			},
 			deleteMsg(item){
 				ElMessageBox.confirm(
 					'确定删除这条消息？',
@@ -1622,7 +1637,10 @@
 		height: 80vh;
 		background-color: #ffffff;
 		border-radius: 14px;
-
+        .tabs {
+            padding: 20px;
+            padding-bottom: 0;
+        }
 		.content-l-box {
 			width: 100%;
 			height: calc(80vh - 40px);

vite.config.js

@@ -20,7 +20,7 @@ export default defineConfig({
 		open: true,
 		proxy: {
 		  '^/sqx_fast': {
-			target: 'http://192.168.0.10:7155',
+			target: 'https://www.bosszan.com/',
 			secure: false,
 			changeOrigin: true,
 		  }