From 03a7c3ceafc59c80f57954b0a70e7164314ce0ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=99=E8=BF=90=E6=A8=A1?= <1724894114@qq.com>
Date: Tue, 26 Nov 2024 18:40:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=A2=E6=88=B7=E7=AB=AF?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/Feedback.vue                 |  13 +
 src/assets/icons/index.js                     |   1 +
 src/components/scCustomer/index.vue           |  15 +-
 src/router/scrollBehavior.js                  |   6 +-
 src/store/modules/global.js                   |   2 +-
 src/views/maintenance/index.vue               | 308 ++++--------------
 src/views/maintenance/mainView.vue            | 269 +++++++++++++++
 .../personalCenter/components/editAccount.vue |  11 +-
 .../personalCenter/components/feedback.vue    |  15 +
 src/views/personalCenter/index.vue            |  90 +++--
 src/views/serveView/components/commonPage.vue |  10 +-
 src/views/serveView/components/order.vue      |   6 +-
 src/views/serveView/components/term.vue       |  28 +-
 src/views/serveView/components/widget.vue     |   6 +-
 src/views/serveView/index.vue                 |  81 ++---
 src/views/service/infoQuery.vue               |   6 +-
 src/views/setting/user/index.vue              |   5 +
 17 files changed, 472 insertions(+), 400 deletions(-)
 create mode 100644 src/assets/icons/Feedback.vue
 create mode 100644 src/views/maintenance/mainView.vue
 create mode 100644 src/views/personalCenter/components/feedback.vue

diff --git a/src/assets/icons/Feedback.vue b/src/assets/icons/Feedback.vue
new file mode 100644
index 0000000..98c6fb2
--- /dev/null
+++ b/src/assets/icons/Feedback.vue
@@ -0,0 +1,13 @@
+<template>
+	<svg t="1732611902838" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6137" width="200" height="200"><path d="M461.71428594 365.71428594c0-18.28571437 4.57142813-36.57142875 13.71428531-41.14285781 9.14285719-9.14285719 18.28571437-13.71428531 36.57142875-13.71428532 13.71428531 0 22.8571425 4.57142813 31.99999969 9.14285719 9.14285719 9.14285719 13.71428531 18.28571437 13.71428625 31.99999969 0 9.14285719-4.57142813 22.8571425-13.71428625 32.00000062L489.1428575 461.71428594c-9.14285719 9.14285719-13.71428531 18.28571437-13.71428625 27.42857156 0 9.14285719-4.57142813 18.28571437-4.57142813 31.99999969v45.71428593h82.28571375v-41.14285781c0-13.71428531 4.57142813-22.8571425 9.14285719-31.99999968l54.85714313-73.1428575c13.71428531-18.28571437 22.8571425-41.14285687 22.8571425-68.57142844 0-36.57142875-13.71428531-68.57142844-41.14285688-86.85714281-27.42857156-18.28571437-54.85714313-31.99999969-91.42857094-31.99999969s-64.00000031 13.71428531-91.42857187 31.99999969c-22.8571425 27.42857156-36.57142875 54.85714313-36.57142875 91.42857187v22.8571425h82.28571469v-13.71428531zM470.85714313 598.85714281h82.28571375v77.71428563H470.85714313z" p-id="6138"></path><path d="M86.85714313 82.28571406v713.14285782h269.71428562l155.42857125 141.714285 155.42857125-141.714285h274.28571469V82.28571406H86.85714313z m758.85714281 621.71428594h-214.85714344l-118.8571425 109.71428531-118.8571425-109.71428531H178.28571406V173.71428594h667.42857188v530.28571406z" p-id="6139"></path></svg>
+</template>
+
+<script>
+export default {
+	name: "Feedback"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/assets/icons/index.js b/src/assets/icons/index.js
index 5a136b9..4675135 100644
--- a/src/assets/icons/index.js
+++ b/src/assets/icons/index.js
@@ -55,6 +55,7 @@ export { default as Questionnaire } from './Questionnaire.vue'
 export { default as OrderQuery } from './OrderQuery.vue'
 export { default as ComponentQuery } from './ComponentQuery.vue'
 export { default as TermQuery } from './TermQuery.vue'
+export { default as Feedback } from './Feedback.vue'
 
 export { default as File7z } from './file/7z.vue'
 export { default as FileBmp } from './file/Bmp.vue'
diff --git a/src/components/scCustomer/index.vue b/src/components/scCustomer/index.vue
index 184e01b..19e5943 100644
--- a/src/components/scCustomer/index.vue
+++ b/src/components/scCustomer/index.vue
@@ -123,13 +123,16 @@ export default {
 			msgList:[],
 			user_id:0,
 		}
+	},
+	computed: {
+
 	},
 	mounted() {
 		let token = this.$TOOL.cookie.get('TOKEN');
 		if (token && token != null) {
 			// 登录成功连接ws
-			let global_callback = function () {};
-			this.$socketApi.createWebSocket(global_callback);
+			// let global_callback = function () {};
+			// this.$socketApi.createWebSocket(global_callback);
 
 			// 获取新消息
 			eventBus.$on('sockBack', this.getWsResult);
@@ -355,7 +358,9 @@ export default {
 			window.location.href = em.file;
 		},
 
-		scroll({scrollTop}){
+		scroll(e){
+			let {scrollTop} = e;
+			if(!scrollTop) {return false}
 			if(scrollTop>10){
 				this.$refs.tagList.style.position = "absolute";
 				this.$refs.tagList.style.background = "#fff";
@@ -373,7 +378,9 @@ export default {
 				const wrap = this.$refs.scrollbar;
 				if(wrap){
 					const e = wrap.$el.querySelector('.el-scrollbar__wrap')
-					e.scrollTop = e.scrollHeight;
+					if(e && e.scrollTop){
+						e.scrollTop = e.scrollHeight;
+					}
 				}
 			})
 		},
diff --git a/src/router/scrollBehavior.js b/src/router/scrollBehavior.js
index ec30197..de5c2de 100644
--- a/src/router/scrollBehavior.js
+++ b/src/router/scrollBehavior.js
@@ -6,7 +6,7 @@ export function beforeEach(to, from){
 	if(!adminMain){return false}
 	store.commit("updateViewTags", {
 		fullPath: from.fullPath,
-		scrollTop: adminMain.scrollTop
+		scrollTop: adminMain.scrollTop || 0
 	})
 }
 
@@ -15,8 +15,8 @@ export function afterEach(to){
 	if(!adminMain){return false}
 	nextTick(()=>{
 		var beforeRoute = store.state.viewTags.viewTags.filter(v => v.fullPath == to.fullPath)[0]
-		if(beforeRoute){
+		if(beforeRoute && adminMain.scrollTop){
 			adminMain.scrollTop = beforeRoute.scrollTop || 0
 		}
 	})
-}
\ No newline at end of file
+}
diff --git a/src/store/modules/global.js b/src/store/modules/global.js
index e7e5fb0..f4c54e5 100644
--- a/src/store/modules/global.js
+++ b/src/store/modules/global.js
@@ -27,7 +27,7 @@ export default {
 		],
 		shareRouter:[
 			{name:'我的文档',id:''}
-		]
+		],
 	},
 	mutations: {
 		SET_ismobile(state, key){
diff --git a/src/views/maintenance/index.vue b/src/views/maintenance/index.vue
index 2b63f39..6236d34 100644
--- a/src/views/maintenance/index.vue
+++ b/src/views/maintenance/index.vue
@@ -3,43 +3,11 @@
 		<commonPage title="个人中心"></commonPage>
 		<el-main class="serveMain">
 			<el-scrollbar class="mainScroll">
-				<div class="pageBody">
-					<div class="rowView">
-						<div class="rowList">
-							<div class="colItem" v-for="(item,index) in list" :key="index">
-								<div class="cardView">
-									<el-icon size="56" v-if="item.icon"><component :is="item.icon"/></el-icon>
-									<div class="name">
-										{{item.name}}
-										<el-icon class="icon" size="30"><sc-icon-ArrowRightServe/></el-icon>
-									</div>
-								</div>
-								<div class="describe">
-									<el-icon size="56" v-if="item.icon"><component :is="item.icon"/></el-icon>
-									<div class="name">
-										占位占位占位占位占位占位占位占位占位占位占位占位占位占位
-										<el-icon class="icon" size="30"><sc-icon-ArrowRightServe/></el-icon>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="recommend">
-						<div class="title">智能推荐</div>
-						<div class="mainView" ref="bubble"></div>
-					</div>
-					<div class="history">
-						<div class="title">搜索历史</div>
-						<div class="mainView">
-							<div class="viewItem" v-for="(item,index) in historyList" :key="index">{{item.name}}</div>
-						</div>
-					</div>
-				</div>
+				<keep-alive :include="['mainView', 'serveView', 'personalCenter']">
+					<component :is="componentName" />
+				</keep-alive>
 				<footerPage></footerPage>
 			</el-scrollbar>
-
-			<!--客服-->
-			<scCustomer />
 		</el-main>
 	</div>
 </template>
@@ -47,103 +15,82 @@
 <script>
 import commonPage from "@/views/serveView/components/commonPage";
 import footerPage from "@/views/serveView/components/footerPage";
+import mainView from './mainView';
+import serveView from '@/views/serveView/index';
+import personalCenter from '@/views/personalCenter/index';
+import {eventBus} from "@/utils/eventBus";
+
 export default {
 	name: "index",
 	components:{
 		commonPage,
-		footerPage
+		footerPage,
+		mainView,
+		serveView,
+		personalCenter,
 	},
 	data(){
 		return{
-			list:[
-				{name:"技术支持与服务",icon:"sc-icon-TechnicalSupport",url:''},
-				{name:"常见问题",icon:"sc-icon-Problem",url:''},
-				{name:"咨询与联系方式",icon:"sc-icon-SeekAdviceFrom",url:''},
-				{name:"其他",icon:"sc-icon-OtherServe",url:''},
-			],
-			recommendList:[
-				{name:'维保期限查询',color:'#436FFF'},
-				{name:'主控部件查询',color:'#FF8543'},
-				{name:'智能客服',color:'#22D3F6'},
-				{name:'我的产品',color:'#0FCA44'},
-				{name:'订单号查询',color:'#FBCA0A'},
-				{name:'主控部件查询',color:'#FF8543'},
-				{name:'我的产品',color:'#32af40'},
-				{name:'主控部件查询',color:'#FF8543'},
-				{name:'问题单',color:'#FF4B51'},
-				{name:'主控部件查询',color:'#FF8543'},
-				{name:'我的产品',color:'#0FCA44'},
-				{name:'问题单',color:'#FF4B51'},
-				{name:'维保期限查询',color:'#436FFF'},
-				{name:'订单号查询',color:'#FBCA0A'},
-				{name:'我的产品',color:'#0FCA44'},
-				{name:'订单号查询',color:'#FBCA0A'},
-				{name:'主控部件查询',color:'#94471d'},
-				{name:'我的产品',color:'#FF8543'},
-				{name:'主控部件查询',color:'#3d7a80'},
-				{name:'问题单',color:'#FF4B51'},
-				{name:'主控部件查询',color:'#FF8543'},
-			],
-			historyList:[
-				{name:'搜索历史文案占位……'},
-				{name:'搜索历史文案占位……'},
-				{name:'搜索历史文案占位……'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-				{name:'维保工单'},
-			]
+			componentName:"mainView"
+		}
+	},
+	created() {
+		console.log('创建了')
+		let token = this.$TOOL.cookie.get('TOKEN');
+		if (token && token != null) {
+			// 登录成功连接ws
+			let global_callback = function () {};
+			this.$socketApi.createWebSocket(global_callback);
 		}
 	},
 	mounted() {
-		for (let i = 0; i < this.recommendList.length; i++) {
-			const bubble = this.getCreateBubble(this.recommendList[i]);
-			this.$refs.bubble.appendChild(bubble);
-		}
+		eventBus.$on('headerRouterBack', this.getRouterBack);
+	},
+	beforeUnmount() {
+		console.log('我要离开了')
+	},
+	unmounted() {
+		eventBus.$off('headerRouterBack', this.getRouterBack);
 	},
 	methods:{
-		getCreateBubble(item){
-			const containerWidth = this.$refs.bubble.offsetWidth;
-			const containerHeight = this.$refs.bubble.offsetHeight;
-			const bubble = document.createElement('div');
-			bubble.className = 'bubble';
-
-			const maxX = containerWidth - 160;
-			const maxY = containerHeight - 38;
-			const x = Math.floor(Math.random() * maxX);
-			const y = Math.floor(Math.random() * maxY);
-
-			bubble.style.left = `${x}px`;
-			bubble.style.top = `${y}px`;
-			bubble.style.maxWidth = '160px';
-			bubble.style.maxHeight = '38px';
-			bubble.style.background = `${item.color}`;
-			bubble.innerText =`${item.name}`;
-			return bubble
-		},
-
+		getRouterBack(res){
+			this.componentName = res.name;
+		}
 	}
 }
 </script>
 
 <style scoped lang="scss">
+.mainScroll ::v-deep .el-scrollbar__view{
+	height: calc(100%);
+}
+.pageRight ::v-deep .mainTable .el-table .el-table__inner-wrapper:before{
+	height: 0;
+}
+.mainServeBody{
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	background: #fff;
+	.serveMain{
+		flex: 1;
+		padding: 0;
+		border-radius: 0;
+		.pageBody{
+			display: flex;
+			.pageLeft{
+				height: 100%;
+				.el-aside{
+					height: 100%;
+				}
+			}
+			.pageRight{
+				flex: 1;
+			}
+		}
+	}
+}
+
 .mainServeBody{
 	height: 100%;
 	display: flex;
@@ -155,137 +102,6 @@ export default {
 		padding: 0;
 		border-radius: 0;
 		position: relative;
-		.pageBody{
-			height: 100%;
-			display: flex;
-			flex-direction: column;
-			padding: 0 20px;
-			.rowView{
-				height: 220px;
-				padding: 20px 0;
-			}
-			.rowList{
-				max-width: 1200px;
-				margin: 0 auto;
-				height: 100%;
-				display: flex;
-				.colItem{
-					flex: 1;
-					border: 1px solid #aaa;
-					padding: 20px;
-					display: flex;
-					position: relative;
-					margin-left: -1px;
-					.cardView{
-						height: 100%;
-						width: 100%;
-						display: flex;
-						flex-direction: column;
-						justify-content: space-between;
-						.name{
-							display: flex;
-							align-items: center;
-							justify-content: space-between;
-							font-size: 18px;
-							.icon{
-								margin-left: 10px;
-							}
-						}
-					}
-
-					.describe{
-						display: none;
-					}
-				}
-				.colItem:hover{
-					border-top-color: var(--el-color-primary);
-					border-bottom-color: var(--el-color-primary);
-				}
-				.colItem:hover .describe{
-					height: 100%;
-					width: 100%;
-					background: rgba(255,255,255,1);
-					color: var(--el-color-primary);
-					position: absolute;
-					left: 0;
-					top: 0;
-					z-index: 10;
-					cursor: pointer;
-					padding: 20px;
-					display: flex;
-					flex-direction: column;
-					justify-content: space-between;
-					.name{
-						display: flex;
-						align-items: flex-end;
-						justify-content: space-between;
-						font-size: 16px;
-						.icon{
-							margin-left: 10px;
-						}
-					}
-				}
-			}
-			.recommend{
-				.title{
-					max-width: 1200px;
-					margin: 0 auto;
-					height: 80px;
-					display: flex;
-					align-items: center;
-					font-size: 22px;
-				}
-				.mainView{
-					padding: 20px 0;
-					max-width: 1200px;
-					margin: 0 auto;
-					background: #F8F8F8;
-					display: flex;
-					justify-content: flex-start;
-					flex-wrap: wrap;
-					position: relative;
-					height: 300px;
-					::v-deep .bubble{
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						border: 1px solid #F8F8F8;
-						position: absolute;
-						border-radius: 50px;
-						color: #fff;
-						padding:6px 20px;
-						box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-					}
-					::v-deep .bubble:hover{
-						transform: scale(1.1);
-						cursor: pointer;
-					}
-				}
-			}
-			.history{
-				.title{
-					max-width: 1200px;
-					margin: 0 auto;
-					height: 80px;
-					display: flex;
-					align-items: center;
-					border-bottom: 1px solid #f0f0f0;
-					font-size: 22px;
-				}
-				.mainView{
-					padding: 20px 0 80px 0;
-					max-width: 1200px;
-					margin: 0 auto;
-					display: flex;
-					flex-wrap: wrap;
-					.viewItem{
-						width: 33%;
-						padding: 10px 0;
-						font-size: 16px;
-					}
-				}
-			}
-		}
 	}
 }
 
diff --git a/src/views/maintenance/mainView.vue b/src/views/maintenance/mainView.vue
new file mode 100644
index 0000000..bfb9d4c
--- /dev/null
+++ b/src/views/maintenance/mainView.vue
@@ -0,0 +1,269 @@
+<template>
+	<div class="pageBody">
+		<div class="rowView">
+			<div class="rowList">
+				<div class="colItem" v-for="(item,index) in list" :key="index">
+					<div class="cardView">
+						<el-icon size="56" v-if="item.icon"><component :is="item.icon"/></el-icon>
+						<div class="name">
+							{{item.name}}
+							<el-icon class="icon" size="30"><sc-icon-ArrowRightServe/></el-icon>
+						</div>
+					</div>
+					<div class="describe">
+						<el-icon size="56" v-if="item.icon"><component :is="item.icon"/></el-icon>
+						<div class="name">
+							占位占位占位占位占位占位占位占位占位占位占位占位占位占位
+							<el-icon class="icon" size="30"><sc-icon-ArrowRightServe/></el-icon>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="recommend">
+			<div class="title">智能推荐</div>
+			<div class="mainView" ref="bubble"></div>
+		</div>
+		<div class="history">
+			<div class="title">搜索历史</div>
+			<div class="mainView">
+				<div class="viewItem" v-for="(item,index) in historyList" :key="index">{{item.name}}</div>
+			</div>
+		</div>
+	</div>
+
+	<!--客服-->
+	<scCustomer />
+</template>
+
+<script>
+export default {
+	name: "mainView",
+	data(){
+		return{
+			list:[
+				{name:"技术支持与服务",icon:"sc-icon-TechnicalSupport",url:''},
+				{name:"常见问题",icon:"sc-icon-Problem",url:''},
+				{name:"咨询与联系方式",icon:"sc-icon-SeekAdviceFrom",url:''},
+				{name:"其他",icon:"sc-icon-OtherServe",url:''},
+			],
+			recommendList:[
+				{name:'维保期限查询',color:'#436FFF'},
+				{name:'主控部件查询',color:'#FF8543'},
+				{name:'智能客服',color:'#22D3F6'},
+				{name:'我的产品',color:'#0FCA44'},
+				{name:'订单号查询',color:'#FBCA0A'},
+				{name:'主控部件查询',color:'#FF8543'},
+				{name:'我的产品',color:'#32af40'},
+				{name:'主控部件查询',color:'#FF8543'},
+				{name:'问题单',color:'#FF4B51'},
+				{name:'主控部件查询',color:'#FF8543'},
+				{name:'我的产品',color:'#0FCA44'},
+				{name:'问题单',color:'#FF4B51'},
+				{name:'维保期限查询',color:'#436FFF'},
+				{name:'订单号查询',color:'#FBCA0A'},
+				{name:'我的产品',color:'#0FCA44'},
+				{name:'订单号查询',color:'#FBCA0A'},
+				{name:'主控部件查询',color:'#94471d'},
+				{name:'我的产品',color:'#FF8543'},
+				{name:'主控部件查询',color:'#3d7a80'},
+				{name:'问题单',color:'#FF4B51'},
+				{name:'主控部件查询',color:'#FF8543'},
+			],
+			historyList:[
+				{name:'搜索历史文案占位……'},
+				{name:'搜索历史文案占位……'},
+				{name:'搜索历史文案占位……'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+				{name:'维保工单'},
+			]
+		}
+	},
+	activated() {
+
+	},
+	deactivated() {
+
+	},
+	mounted() {
+		for (let i = 0; i < this.recommendList.length; i++) {
+			const bubble = this.getCreateBubble(this.recommendList[i]);
+			this.$refs.bubble.appendChild(bubble);
+		}
+	},
+	beforeUnmount() {
+
+	},
+	methods:{
+		getCreateBubble(item){
+			const containerWidth = this.$refs.bubble.offsetWidth;
+			const containerHeight = this.$refs.bubble.offsetHeight;
+			const bubble = document.createElement('div');
+			bubble.className = 'bubble';
+
+			const maxX = containerWidth - 160;
+			const maxY = containerHeight - 38;
+			const x = Math.floor(Math.random() * maxX);
+			const y = Math.floor(Math.random() * maxY);
+
+			bubble.style.left = `${x}px`;
+			bubble.style.top = `${y}px`;
+			bubble.style.maxWidth = '160px';
+			bubble.style.maxHeight = '38px';
+			bubble.style.background = `${item.color}`;
+			bubble.innerText =`${item.name}`;
+			return bubble
+		},
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.pageBody{
+	display: flex;
+	flex-direction: column;
+	padding: 0 20px;
+	min-height: 800px;
+	.rowView{
+		height: 240px;
+		padding: 20px 0;
+	}
+	.rowList{
+		max-width: 1200px;
+		margin: 0 auto;
+		height: 100%;
+		display: flex;
+		.colItem{
+			flex: 1;
+			border: 1px solid #aaa;
+			padding: 20px;
+			display: flex;
+			position: relative;
+			margin-left: -1px;
+			.cardView{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				.name{
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					font-size: 18px;
+					.icon{
+						margin-left: 10px;
+					}
+				}
+			}
+
+			.describe{
+				display: none;
+			}
+		}
+		.colItem:hover{
+			border-top-color: var(--el-color-primary);
+			border-bottom-color: var(--el-color-primary);
+		}
+		.colItem:hover .describe{
+			height: 100%;
+			width: 100%;
+			background: rgba(255,255,255,1);
+			color: var(--el-color-primary);
+			position: absolute;
+			left: 0;
+			top: 0;
+			z-index: 10;
+			cursor: pointer;
+			padding: 20px;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+			.name{
+				display: flex;
+				align-items: flex-end;
+				justify-content: space-between;
+				font-size: 16px;
+				.icon{
+					margin-left: 10px;
+				}
+			}
+		}
+	}
+	.recommend{
+		.title{
+			max-width: 1200px;
+			margin: 0 auto;
+			height: 80px;
+			display: flex;
+			align-items: center;
+			font-size: 22px;
+		}
+		.mainView{
+			padding: 20px 0;
+			max-width: 1200px;
+			margin: 0 auto;
+			background: #F8F8F8;
+			display: flex;
+			justify-content: flex-start;
+			flex-wrap: wrap;
+			position: relative;
+			height: 300px;
+			::v-deep .bubble{
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border: 1px solid #F8F8F8;
+				position: absolute;
+				border-radius: 50px;
+				color: #fff;
+				padding:6px 20px;
+				box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+			}
+			::v-deep .bubble:hover{
+				transform: scale(1.1);
+				cursor: pointer;
+			}
+		}
+	}
+	.history{
+		.title{
+			max-width: 1200px;
+			margin: 0 auto;
+			height: 80px;
+			display: flex;
+			align-items: center;
+			border-bottom: 1px solid #f0f0f0;
+			font-size: 22px;
+		}
+		.mainView{
+			padding: 20px 0 80px 0;
+			max-width: 1200px;
+			margin: 0 auto;
+			display: flex;
+			flex-wrap: wrap;
+			.viewItem{
+				width: 33%;
+				padding: 10px 0;
+				font-size: 16px;
+			}
+		}
+	}
+}
+</style>
diff --git a/src/views/personalCenter/components/editAccount.vue b/src/views/personalCenter/components/editAccount.vue
index 3e5d580..30e3317 100644
--- a/src/views/personalCenter/components/editAccount.vue
+++ b/src/views/personalCenter/components/editAccount.vue
@@ -20,7 +20,7 @@
 					</div>
 				</el-form-item>
 				<el-form-item label="邮箱" prop="email" label-position="top">
-					<el-input v-model="form.company" :size="size" class="formInput" type="text" placeholder="请输入邮箱"></el-input>
+					<el-input v-model="form.email" :size="size" class="formInput" type="text" placeholder="请输入邮箱"></el-input>
 				</el-form-item>
 				<el-form-item>
 					<el-button type="primary" @click="save" :size="size" :loading="isSave">保 存</el-button>
@@ -140,10 +140,8 @@ export default {
 		window.addEventListener('storage',this.wechatStorageChange);
 	},
 	mounted() {
-		// const userInfo = this.$TOOL.data.get("USER_INFO");
-		// this.userInfo = userInfo;
-
-		// this.getUserInfo();
+		this.getUserInfo();
+		this.getInfo();
 	},
 	methods:{
 		async bindWechat(){
@@ -214,9 +212,6 @@ export default {
 			}
 		},
 
-		// parentParams(item){
-		// 	this.form.avatar = item;
-		// },
 		// 图片上传成功回调
 		async parentParams(files) {
 			let params = {
diff --git a/src/views/personalCenter/components/feedback.vue b/src/views/personalCenter/components/feedback.vue
new file mode 100644
index 0000000..21a5085
--- /dev/null
+++ b/src/views/personalCenter/components/feedback.vue
@@ -0,0 +1,15 @@
+<template>
+	<div>
+		我的反馈
+	</div>
+</template>
+
+<script>
+export default {
+	name: "feedback"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/personalCenter/index.vue b/src/views/personalCenter/index.vue
index 8438cca..03a46ba 100644
--- a/src/views/personalCenter/index.vue
+++ b/src/views/personalCenter/index.vue
@@ -1,48 +1,37 @@
 <template>
-	<div class="mainServeBody">
-		<commonPage title="个人中心"></commonPage>
-		<el-main class="serveMain">
-			<el-scrollbar class="mainScroll">
-				<div class="pageBody">
-					<div class="pageLeft">
-						<el-main>
-							<el-aside width="210px">
-								<el-menu class="menu mainMenu" :default-active="page">
-									<el-menu-item-group v-for="group in menu" :key="group.groupName" :title="group.groupName">
-										<el-menu-item v-for="item in group.list" :key="item.component" :index="item.component" @click="openPage">
-											<el-icon v-if="item.icon"><component :is="item.icon"/></el-icon>
-											<template #title>
-												<span>{{item.title}}</span>
-											</template>
-										</el-menu-item>
-									</el-menu-item-group>
-								</el-menu>
-							</el-aside>
-						</el-main>
-					</div>
-					<div class="pageRight">
-						<component :is="page"/>
-					</div>
-				</div>
-				<footerPage></footerPage>
-			</el-scrollbar>
-		</el-main>
+	<div class="pageBody">
+		<div class="pageLeft">
+			<el-main>
+				<el-aside width="210px">
+					<el-menu class="menu mainMenu" :default-active="page">
+						<el-menu-item-group v-for="group in menu" :key="group.groupName" :title="group.groupName">
+							<el-menu-item v-for="item in group.list" :key="item.component" :index="item.component" @click="openPage">
+								<el-icon v-if="item.icon"><component :is="item.icon"/></el-icon>
+								<template #title>
+									<span>{{item.title}}</span>
+								</template>
+							</el-menu-item>
+						</el-menu-item-group>
+					</el-menu>
+				</el-aside>
+			</el-main>
+		</div>
+		<div class="pageRight">
+			<component :is="page"/>
+		</div>
 	</div>
 </template>
 
 <script>
-import commonPage from "@/views/serveView/components/commonPage";
-import footerPage from "@/views/serveView/components/footerPage";
 import {defineAsyncComponent} from "vue";
 export default {
-	name: "index",
+	name: "personalCenter",
 	components:{
-		commonPage,
-		footerPage,
 		editAccount: defineAsyncComponent(() => import('./components/editAccount')),
 		companyDetail: defineAsyncComponent(() => import('./components/companyDetail')),
 		product: defineAsyncComponent(() => import('./components/product')),
 		problem: defineAsyncComponent(() => import('./components/problem')),
+		feedback: defineAsyncComponent(() => import('./components/feedback')),
 	},
 	data(){
 		return{
@@ -73,9 +62,14 @@ export default {
 						},
 						{
 							icon: "sc-icon-Questionnaire",
-							title: "问题单",
+							title: "提交问题单",
 							component: "problem"
 						},
+						{
+							icon: "sc-icon-Feedback",
+							title: "我的反馈",
+							component: "feedback"
+						},
 					]
 				},
 			],
@@ -83,6 +77,9 @@ export default {
 	},
 	mounted() {
 
+	},
+	beforeUnmount() {
+
 	},
 	methods:{
 		openPage(item){
@@ -100,28 +97,17 @@ export default {
 	height: 0;
 }
 
-.mainServeBody{
+.pageBody{
 	height: 100%;
 	display: flex;
-	flex-direction: column;
-	background: #fff;
-	.serveMain{
-		flex: 1;
-		padding: 0;
-		border-radius: 0;
-		.pageBody{
+	.pageLeft{
+		height: 100%;
+		.el-aside{
 			height: 100%;
-			display: flex;
-			.pageLeft{
-				height: 100%;
-				.el-aside{
-					height: 100%;
-				}
-			}
-			.pageRight{
-				flex: 1;
-			}
 		}
 	}
+	.pageRight{
+		flex: 1;
+	}
 }
 </style>
diff --git a/src/views/serveView/components/commonPage.vue b/src/views/serveView/components/commonPage.vue
index e912e8c..bc55571 100644
--- a/src/views/serveView/components/commonPage.vue
+++ b/src/views/serveView/components/commonPage.vue
@@ -113,7 +113,7 @@ export default {
 		//个人信息
 		handleUser(command) {
 			if (command == "uc") {
-				this.$router.push({ path: '/personalCenter' });
+				eventBus.$emit('headerRouterBack',{name:'personalCenter'});
 			}
 			if (command == "clearCache") {
 				this.$confirm('清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？', '警告', {
@@ -135,16 +135,14 @@ export default {
 			}
 		},
 		serverQuery(command){
+			eventBus.$emit('headerRouterBack',{name:'serveView'});
 			if (command == "termQuery") {
-				this.$router.push({ path: '/serve'});
 				eventBus.$emit('queryBack',{name:'term'});
 			}
 			if (command == "componentQuery") {
-				this.$router.push({ path: '/serve'});
 				eventBus.$emit('queryBack',{name:'widget'});
 			}
 			if (command == "orderQuery") {
-				this.$router.push({ path: '/serve'});
 				eventBus.$emit('queryBack',{name:'order'});
 			}
 		},
@@ -165,9 +163,7 @@ export default {
 			})
 		},
 		getBack(){
-			this.$router.push({
-				path:'/login'
-			})
+			eventBus.$emit('headerRouterBack',{name:'mainView'});
 		}
 	}
 }
diff --git a/src/views/serveView/components/order.vue b/src/views/serveView/components/order.vue
index d27921a..3330e35 100644
--- a/src/views/serveView/components/order.vue
+++ b/src/views/serveView/components/order.vue
@@ -11,12 +11,12 @@
 				</div>
 			</div>
 			<div class="mainTable">
-				<el-table height="100%" ref="table" :data="list.data" :column="list.column" stripe :size="size">
+				<scTable height="100%" ref="table" :data="list.data" :column="list.column" stripe :size="size">
 					<el-table-column type="index" label="序号"></el-table-column>
 					<template v-for="(item,index) in list.column" :key="index">
 						<el-table-column :label="item.label" :prop="item.prop" :width="item.width" show-overflow-tooltip></el-table-column>
 					</template>
-				</el-table>
+				</scTable>
 			</div>
 		</el-main>
 	</el-container>
@@ -24,7 +24,7 @@
 
 <script>
 export default {
-	name: "order",
+	name: "",
 	data(){
 		return{
 			size:'small',
diff --git a/src/views/serveView/components/term.vue b/src/views/serveView/components/term.vue
index 0961485..a54022a 100644
--- a/src/views/serveView/components/term.vue
+++ b/src/views/serveView/components/term.vue
@@ -11,12 +11,12 @@
 				</div>
 			</div>
 			<div class="mainTable">
-				<el-table height="100%" ref="table" :data="list.data" :column="list.column" stripe :size="size">
+				<scTable height="100%" class="serveTable" ref="serveTable" :data="list.data" :column="list.column" stripe :size="size">
 					<el-table-column type="index" label="序号"></el-table-column>
 					<template v-for="(item,index) in list.column" :key="index">
 						<el-table-column :label="item.label" :prop="item.prop" :width="item.width" show-overflow-tooltip></el-table-column>
 					</template>
-				</el-table>
+				</scTable>
 			</div>
 		</el-main>
 	</el-container>
@@ -24,7 +24,7 @@
 
 <script>
 export default {
-	name: "term",
+	name: "",
 	data(){
 		return{
 			size:'small',
@@ -50,24 +50,6 @@ export default {
 					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
 					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
 					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
-					{created_at:'2024-11-23 10:34:56',number:"XW1.5-1U-PWR-XW-01",name:"F62.32.C"},
 				],
 				column:[
 					{label:'创建时间',prop:'created_at',width:160,show: true},
@@ -89,5 +71,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
+	//.serveTable{
+	//	height: 100%;
+	//}
 </style>
diff --git a/src/views/serveView/components/widget.vue b/src/views/serveView/components/widget.vue
index 9d6074a..a3459e7 100644
--- a/src/views/serveView/components/widget.vue
+++ b/src/views/serveView/components/widget.vue
@@ -11,12 +11,12 @@
 				</div>
 			</div>
 			<div class="mainTable">
-				<el-table height="100%" ref="table" :data="list.data" :column="list.column" stripe :size="size">
+				<scTable height="100%" ref="table" :data="list.data" :column="list.column" stripe :size="size">
 					<el-table-column type="index" label="序号"></el-table-column>
 					<template v-for="(item,index) in list.column" :key="index">
 						<el-table-column :label="item.label" :prop="item.prop" :width="item.width" show-overflow-tooltip></el-table-column>
 					</template>
-				</el-table>
+				</scTable>
 			</div>
 		</el-main>
 	</el-container>
@@ -24,7 +24,7 @@
 
 <script>
 export default {
-	name: "widget",
+	name: "",
 	data(){
 		return{
 			size:'small',
diff --git a/src/views/serveView/index.vue b/src/views/serveView/index.vue
index a468730..4eccddd 100644
--- a/src/views/serveView/index.vue
+++ b/src/views/serveView/index.vue
@@ -1,33 +1,24 @@
 <template>
-	<div class="mainServeBody">
-		<commonPage title="个人中心"></commonPage>
-
-		<el-main class="serveMain">
-			<el-scrollbar class="mainScroll">
-				<div class="pageBody">
-					<div class="pageLeft">
-						<el-main>
-							<el-aside width="210px">
-								<el-menu class="menu mainMenu" :default-active="page">
-									<el-menu-item-group v-for="group in menu" :key="group.groupName" :title="group.groupName">
-										<el-menu-item v-for="item in group.list" :key="item.component" :index="item.component" @click="openPage">
-											<el-icon v-if="item.icon"><component :is="item.icon"/></el-icon>
-											<template #title>
-												<span>{{item.title}}</span>
-											</template>
-										</el-menu-item>
-									</el-menu-item-group>
-								</el-menu>
-							</el-aside>
-						</el-main>
-					</div>
-					<div class="pageRight">
-						<component :is="page"/>
-					</div>
-				</div>
-				<footerPage></footerPage>
-			</el-scrollbar>
-		</el-main>
+	<div class="pageBody">
+		<div class="pageLeft">
+			<el-main>
+				<el-aside width="210px">
+					<el-menu class="menu mainMenu" :default-active="page">
+						<el-menu-item-group v-for="group in menu" :key="group.groupName" :title="group.groupName">
+							<el-menu-item v-for="item in group.list" :key="item.component" :index="item.component" @click="openPage">
+								<el-icon v-if="item.icon"><component :is="item.icon"/></el-icon>
+								<template #title>
+									<span>{{item.title}}</span>
+								</template>
+							</el-menu-item>
+						</el-menu-item-group>
+					</el-menu>
+				</el-aside>
+			</el-main>
+		</div>
+		<div class="pageRight">
+			<component :is="page" />
+		</div>
 	</div>
 </template>
 
@@ -38,7 +29,7 @@ import footerPage from "@/views/serveView/components/footerPage";
 import { defineAsyncComponent } from 'vue'
 import {eventBus} from "@/utils/eventBus";
 export default {
-	name: "index",
+	name: "serveView",
 	components:{
 		commonPage,
 		footerPage,
@@ -87,7 +78,9 @@ export default {
 	},
 	methods:{
 		getQueryBack(res){
-			this.page = res.name;
+			this.$nextTick(()=>{
+				this.page = res.name;
+			})
 		},
 		openPage(item){
 			this.page = item.index
@@ -103,28 +96,18 @@ export default {
 .pageRight ::v-deep .mainTable .el-table .el-table__inner-wrapper:before{
 	height: 0;
 }
-.mainServeBody{
+
+.pageBody{
 	height: 100%;
 	display: flex;
-	flex-direction: column;
-	background: #fff;
-	.serveMain{
-		flex: 1;
-		padding: 0;
-		border-radius: 0;
-		.pageBody{
+	.pageLeft{
+		height: 100%;
+		.el-aside{
 			height: 100%;
-			display: flex;
-			.pageLeft{
-				height: 100%;
-				.el-aside{
-					height: 100%;
-				}
-			}
-			.pageRight{
-				flex: 1;
-			}
 		}
 	}
+	.pageRight{
+		flex: 1;
+	}
 }
 </style>
diff --git a/src/views/service/infoQuery.vue b/src/views/service/infoQuery.vue
index f2f9004..f1b42b9 100644
--- a/src/views/service/infoQuery.vue
+++ b/src/views/service/infoQuery.vue
@@ -419,8 +419,10 @@ export default {
 			this.$nextTick(() => {
 				const wrap = this.$refs.scrollbar;
 				if(wrap){
-					const e = wrap.$el.querySelector('.el-scrollbar__wrap')
-					e.scrollTop = e.scrollHeight;
+					const e = wrap.$el.querySelector('.el-scrollbar__wrap');
+					if(e && e.scrollTop){
+						e.scrollTop = e.scrollHeight;
+					}
 				}
 			})
 		},
diff --git a/src/views/setting/user/index.vue b/src/views/setting/user/index.vue
index 3e836e5..0c86ca6 100644
--- a/src/views/setting/user/index.vue
+++ b/src/views/setting/user/index.vue
@@ -58,6 +58,11 @@
 				<scTable ref="table" :apiObj="list.apiObj" :column="list.column" @selection-change="selectionChange" stripe :size="size">
 					<el-table-column type="selection" align="center" width="45"></el-table-column>
 					<sc-table-column label="序号" align="center" type="index"></sc-table-column>
+					<template #company_sort_name="scope">
+						<span v-if="scope.row.company_info">
+							{{scope.row.company_info.name}}
+						</span>
+					</template>
 					<template #avatar="scope">
 						<div class="userImg">
 							<el-avatar :src="scope.row.avatar" size="small">