From ef37c59e055a990ce247b265b27d3fcef430a243 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期五, 15 八月 2025 10:19:18 +0800
Subject: [PATCH] first submit
---
src/views/personalCenter/index.vue | 196 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 196 insertions(+), 0 deletions(-)
diff --git a/src/views/personalCenter/index.vue b/src/views/personalCenter/index.vue
new file mode 100644
index 0000000..a9a52d8
--- /dev/null
+++ b/src/views/personalCenter/index.vue
@@ -0,0 +1,196 @@
+<template>
+ <div class="contentBox">
+ <div class="aboutUs">
+ <div class="title">浣滆�呬笌璇昏�呮湇鍔�</div>
+ <div
+ v-for="(item, index) in tabSelect"
+ :key="index"
+ :class="tabsSelected == index ? 'selected' : ''"
+ @click="
+ () => {
+ tabsSelected = index;
+ }
+ "
+ >
+ {{ item.name }}
+ <i class="el-icon-arrow-right" style="float: right"></i>
+ </div>
+ </div>
+ <div class="detailArea">
+ <div v-if="tabsSelected != 2 && tabsSelected != 3" class="title">
+ {{
+ tabSelect[tabsSelected].title
+ ? tabSelect[tabsSelected].title
+ : tabSelect[tabsSelected].name
+ }}
+ <span>{{ tabSelect[tabsSelected].englishName }}</span>
+ </div>
+ <BasicInformation v-if="tabsSelected == 0"></BasicInformation>
+ <TeacherRegister v-if="tabsSelected == 1"></TeacherRegister>
+ <MyCollection v-if="tabsSelected == 2"></MyCollection>
+ <OrderList v-if="tabsSelected == 3"></OrderList>
+ <SampleApplication v-if="tabsSelected == 4"></SampleApplication>
+ <ElectronicSampleBook v-if="tabsSelected == 5"></ElectronicSampleBook>
+ <PaperSampleBook v-if="tabsSelected == 6"></PaperSampleBook>
+ <AddressManagement v-if="tabsSelected == 7"></AddressManagement>
+ <DownloadApplication v-if="tabsSelected == 8"></DownloadApplication>
+ <AuthorContribution v-if="tabsSelected == 9"></AuthorContribution>
+ </div>
+ </div>
+</template>
+<script>
+import BasicInformation from "./components/basicInformation.vue";
+import MyCollection from "./components/myCollection.vue";
+import OrderList from "./components/orderList.vue";
+import SampleApplication from "./components/sampleApplication.vue";
+import ElectronicSampleBook from "./components/electronicSampleBook.vue";
+import PaperSampleBook from "./components/paperSampleBook.vue";
+import TeacherRegister from "./components/teacherRegister";
+import AddressManagement from "./components/addressManagement.vue";
+import DownloadApplication from "./components/downloadApplication.vue";
+import AuthorContribution from "./components/authorContribution.vue";
+export default {
+ name: "home",
+ components: {
+ BasicInformation,
+ MyCollection,
+ OrderList,
+ SampleApplication,
+ ElectronicSampleBook,
+ PaperSampleBook,
+ TeacherRegister,
+ AddressManagement,
+ DownloadApplication,
+ AuthorContribution
+ },
+ data() {
+ return {
+ tabsSelected: 0,
+ tabSelect: [
+ {
+ name: "鍩虹淇℃伅",
+ englishName: "BASIC INFORMATION"
+ },
+ {
+ name: "鏁欏笀璁よ瘉",
+ title: "璁よ瘉淇℃伅",
+ englishName: "AUTHENTICATION INFORMATION"
+ },
+ {
+ name: "鎴戠殑鏀惰棌",
+ englishName: "MY COLLECTION"
+ },
+ {
+ name: "璁㈠崟鍒楄〃",
+ englishName: "MY COLLECTION"
+ },
+ {
+ name: "鏍蜂功鐢宠",
+ englishName: "SAMPLE APPLICATION"
+ },
+ {
+ name: "鐢靛瓙鏍蜂功",
+ englishName: "ELECTRONIC BOOKS"
+ },
+ {
+ name: "绾歌川鏍蜂功",
+ englishName: "PAPER COPIES"
+ },
+ {
+ name: "鍦板潃绠＄悊",
+ englishName: "ADDRESS MANAGEMENT"
+ },
+ {
+ name: "涓嬭浇鐢宠",
+ englishName: "DOWNLOAD THE APPLICATION"
+ },
+ {
+ name: "浣滆�呮姇绋�",
+ englishName: "THE AUTHOR CONTRIBUTIONS"
+ }
+ ]
+ };
+ },
+ created() {
+ if (this.$route.query.tabsSelected) {
+ this.tabsSelected = this.$route.query.tabsSelected;
+ }
+ // 鑾峰彇璁㈠崟
+ if (localStorage.getItem("selectedTab")) {
+ this.tabsSelected = JSON.parse(localStorage.getItem("selectedTab"));
+ localStorage.removeItem("selectedTab");
+ }
+ },
+ methods: {
+ changeSelected(index) {
+ this.tabsSelected = index;
+ }
+ }
+};
+</script>
+<style lang="less" scoped>
+.contentBox {
+ display: flex;
+ justify-content: space-between;
+ padding-bottom: 100px;
+ margin-top: 50px;
+ .aboutUs {
+ width: 377px;
+ height: 833px;
+ font-size: 16px;
+ background-color: #fff;
+ .selected {
+ color: #00873c;
+ i {
+ color: #00873c;
+ }
+ }
+ .title {
+ font-size: 18px;
+ margin: 0;
+ padding: 0;
+ border-top: 2px solid #00873c;
+ font-weight: 700;
+ text-align: center;
+ background: #d8f7e6;
+ color: #00873c;
+ line-height: 60px;
+ border-bottom: 0;
+ cursor: auto;
+ }
+ div {
+ padding: 30px 0;
+ margin: 0 30px;
+ // border-bottom: 1px solid #ededed;
+ cursor: pointer;
+ }
+ :last-child {
+ border-bottom: 0;
+ }
+ }
+ .detailArea {
+ width: 813px;
+ background-color: #fff;
+ .title {
+ font-size: 18px;
+ font-weight: 700;
+ letter-spacing: 1.8px;
+ border-top: 2px solid #008e3f;
+ line-height: 36px;
+ padding-left: 40px;
+ background: #d8f7e6;
+ line-height: 60px;
+ color: #00873c;
+ .splitline {
+ width: 1px;
+ height: 24px;
+ background-color: #008e3f;
+ }
+ span {
+ font-size: 16px;
+ font-weight: 500;
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.1