调整管理员页面

src/views/Administrator.vue

@@ -18,7 +18,7 @@
 				@click="handleClick"
             >
 
-                <div v-for="(menu) in rootSubmenuKeys" :key="menu.key" >
+				<div v-for="(menu) in rootSubmenuKeys" :key="menu.key" >
                     <a-menu-item :key="menu.key" :name="menu.name" :route="menu.route" v-if="!menu.children">
                         <template #icon>
 							<span :class="['icon','iconfont', 'menu_icon', menu.icon]"></span>
@@ -75,6 +75,7 @@ import { useStore } from "vuex";
 import { useRouter,useRoute } from 'vue-router'
 import GO from "@/tool/GO";
 import { getCookie } from "@/tool/cookie";
+import { country } from "@/tool/country";
 import { getUploadUrl } from "@/tool/util";
 // import { forEach } from "jszip";
 import scaleImage from "@/component/HomePage/scaleImage.vue";
@@ -92,7 +93,7 @@ export default defineComponent({
         const route:any = useRoute()
 		const state:any = reactive({
 		rootSubmenuKeys: [{
-			name:'Trial User',
+			name:'All User',
 			route:'/administrator/allUser',
 			icon:'yonghu',
 			expandIcon:'icon-xiala',
@@ -123,16 +124,75 @@ export default defineComponent({
 			key:'sub2',
 			isShow:true,
 		},{
-			name:'Trial User Approval',
-			route:'/administrator/trialApproval',
+			name:'Trial User',
 			icon:'usetime',
-			key:'sub3',
 			expandIcon:'icon-xiala',
+			key:'sub3',
 			isShow:true,
+			children:[
+				{
+					name:'Trial All User',
+					route:'/administrator/trialAllUser',
+					icon:'usetime',
+					key:'sub3-1',
+					isShow:true,
+				},{
+					name:'Trial User Approval',
+					route:'/administrator/trialApproval',
+					icon:'usetime',
+					key:'sub3-2',
+					isShow:true,
+				},{
+					name:'Trial User CHART',
+					route:'/administrator/trialUserCountry',
+					icon:'',
+					key:'sub3-3',
+					isShow:true,
+				},{
+					name:'Conversion Rate',
+					route:'/administrator/trialUserConversionRateChart',
+					icon:'',
+					key:'sub3-4',
+					isShow:true,
+				},
+			]
+		},{
+			name:'Function Use CHART',
+			route:'/administrator/recentActiveChart',
+			icon:'usetime',
+			key:'sub4',
+			isShow:true,
+		},{
+			name:'Active User',
+			icon:'usetime',
+			route:'/administrator/recentActiveUser',
+			key:'sub5',
+			isShow:true,
+		},{
+			name:'New User',
+			icon:'usetime',
+			expandIcon:'icon-xiala',
+			key:'sub6',
+			isShow:true,
+			children:[
+				{
+					name:'New User List',
+					route:'/administrator/recentNewUser',
+					icon:'',
+					key:'sub6-1',
+					isShow:true,
+				},{
+					name:'New User CHART',
+					route:'/administrator/recentNewUserChart',
+					icon:'',
+					key:'sub6-2',
+					isShow:true,
+				},
+			]
 		},{
 			name:'Events',
 			icon:'usetime',
-			key:'sub4',
+			key:'sub9',
 			expandIcon:'icon-xiala',
 			isShow:true,
 			children: [
@@ -140,7 +200,7 @@ export default defineComponent({
 					name:'Questionnaire Survey',
 					route:'/administrator/questionnaire',
 					icon:'',
-					key:'sub4-1',
+					key:'sub9-1',
 					isShow:true,
 				},
 				// {
@@ -200,6 +260,14 @@ export default defineComponent({
 					}
 				}
 			});
+			//储存所有用户id和name
+			Https.axiosGet(Https.httpUrls.getAllUserId,).then((rv: any) => {
+				if (rv) {
+					sessionStorage.setItem('allUserList',JSON.stringify(rv));
+				}
+			})
+			let allCountry = country
+			sessionStorage.setItem('allCountry',JSON.stringify(allCountry));
 			// state.nowPageName = state.rootSubmenuKeys[0].name
 			// router.push(state.rootSubmenuKeys[0].route)
             
@@ -268,6 +336,7 @@ export default defineComponent({
 		}
 	}
 	.administrator_page_left{
+		width: 20%;
 		padding-top: 20px;
 		.modal_title_text{
 			// font-size: var(--aida-fsize1-8);
@@ -276,11 +345,15 @@ export default defineComponent({
 		}
 		.ant-menu-dark.menu_list_content{
             padding-left: 1.8rem;
-            width: 30rem;
-            height: calc(100% - 59px);
+            // width: 30rem;
+			width: 100%;
+            height: calc(100% - 16rem);
             background: #FFFFFF;
             flex-shrink: 0;
-
+			overflow-y: auto;
+			&::-webkit-scrollbar{
+				width: 0;
+			}
             .menu_icon{
                 font-size: 2.4rem;
                 color: #808185;
@@ -315,12 +388,6 @@ export default defineComponent({
                 font-family: Adobe Heiti Std;
                 font-weight: normal;
                 color: #808185;
-				white-space: nowrap; /* 禁止文本换行 */
-				overflow: hidden; /* 溢出隐藏 */
-				text-overflow: ellipsis; /* 文本溢出时显示省略号 */
-				width: 100%;
-				display: block;
-
             }
             .ant-menu-item-selected{
                 background: #F3F4F8;
@@ -337,6 +404,7 @@ export default defineComponent({
 	}
 	.administrator_page_right{
 		flex: 1;
+		width: 80%;
 		.administrator_page_right_header{
 			display: flex;
             justify-content: space-between;