小程序

src/views/mobile/mainPage.vue

@@ -1,5 +1,5 @@
 <template>
-	<div id="app" ref="appContainer">
+  <!-- <div id="app" ref="appContainer">
 		<vant-list @load="getList" :finished="!hasNextPage" class="view-list">
 			<el-card-group v-for="(item, index) in orgList" :key="index" class="view-list-card">
 				<el-card :title="item.name" :desc="item.description" @click="selectOrg(item)">
@@ -9,95 +9,138 @@
 				</el-card>
 			</el-card-group>
 		</vant-list>
-	</div>
-  </template>
+	</div> -->
+
+  <div id="app">
+    <!-- <div class="logo-section"></div> -->
+
+    <div class="center-content">
+      <h1 class="platform-name">杏聆荟健康平台</h1>
+
+      <div class="entry-section">
+        <div class="entry-item" @click="selectOrg('0001')">
+          <div class="entry-icon view-photograph"></div>
+          <p>养老在存人员</p>
+        </div>
+
+        <div class="entry-item" @click="selectOrg('0002')">
+          <div class="entry-icon view-people-search"></div>
+          <p>离岗在岗村医</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="footer" style="display: none">
+      <button @click="logout()">退出登录</button>
+    </div>
+  </div>
+</template>
 
 <script>
-  import { CardGroup, Card } from 'element-plus';
-  import { List } from "vant";
-  export default {
-	components: { CardGroup, Card, VantList: List, },
-	data() {
-	  return {
-		orgList: [
-		  { id: '0001', name: '养老在存人员', description: '' },
-		  { id: '0002', name: '离岗在岗村医', description: '' },
-		],
-		selectedOrg: null // 当前选中的机构
-	  };
-	},
-	methods: {
-		selectOrg(org) {
-			this.$router.push({ path: "/registerIndex", query: { openId: this.openId, government: org.id } });
-		}
-	},
-	mounted() {
-	  // 如果需要动态加载数据，可以在这里进行获取并添加到orgList
-	}
-  }
+import store from "@/store";
+import { CardGroup, Card } from "element-plus";
+import { List } from "vant";
+export default {
+  components: { CardGroup, Card, VantList: List },
+  data() {
+    return {
+      openId: "",
+      government: "",
+      orgList: [
+        { id: "0001", name: "养老在存人员", description: "" },
+        { id: "0002", name: "离岗在岗村医", description: "" },
+      ],
+      selectedOrg: null, // 当前选中的机构
+    };
+  },
+  created: function () {
+    this.openId = this.$route.query.openid || this.$route.query.openId;
+    this.government = this.$route.query.government;
+    if (this.$route.query.addressName) {
+      store.state.userInfo.addressName = this.$route.query.addressName;
+    }
+    if (this.$route.query.address) {
+      store.state.userInfo.address = this.$route.query.address;
+    }
+  },
+  methods: {
+    selectOrg(org) {
+      this.$router.push({
+        path: "/mainPage",
+        query: { openId: this.openId, government: org },
+      });
+    },
+  },
+  mounted() {
+    // 如果需要动态加载数据，可以在这里进行获取并添加到orgList
+  },
+};
 </script>
 <style scoped>
 #app {
-	text-align: center;
-	height:auto;
+  text-align: center;
 }
 
-.view-list {
-	display: flex; /* 将 .view-list 转换为 Flex 容器 */
-	flex-direction: column; /* 设置主轴方向为垂直方向 */
-	align-items: center; /* 在交叉轴（垂直方向）上居中对齐子元素 */
-	font-size: 14px;
-	height: 100vh; /* 为了让内容始终垂直居中，可以设置高度为视窗高度 */
-	justify-content: center; /* 可选，如果希望在主轴方向也居中，可以加上此属性 */
+.logo-section {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background-image: url("../../../public/favicon.ico");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
 }
 
-.view-list-card {
-	width: 80%;
-	padding-top: 20px;
-	padding-bottom: 20px;
+.center-content {
+  position: absolute;
+  top: 35%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
-.view-list-card-item {
-	font-size: 36px;
-	font-weight: bold;
+.platform-name {
+  font-size: 25px;
+  margin-bottom: 30px;
+  color: #3d87fd;
 }
 
-
-/* 为 el-card 的上边框和右边框设置渐变色 */
-.view-list-card > .el-card {
-  position: relative; /* 需要相对定位以便放置伪元素 */
-
-  /* 先清除原有的边框样式 */
-  border-top-width: 0;
-  border-right-width: 0;
+.entry-section {
+  display: flex;
+  justify-content: center;
+  gap: 30px;
+  font-size: 16px;
 }
 
-/* 使用伪元素创建渐变边框 */
-.view-list-card > .el-card::before,
-.view-list-card > .el-card::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 2px;
-  pointer-events: none; /* 避免伪元素影响鼠标事件 */
-
-  background-image: linear-gradient(to right, rgb(109, 89, 158), rgb(213, 209, 223));
-  opacity: 1;
+.entry-icon {
+  width: 100px;
+  height: 100px;
+  background-color: white;
+  margin: 10px 20px 10px 20px;
+  border-radius: 22px;
+  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
 }
 
-/* 上边框 */
-.view-list-card > .el-card::before {
-  top: 0;
-  left: 0;
-  right: 0;
+.view-photograph {
+  background-image: url("../../../public/img/government1.png");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
 }
 
-/* 右边框 */
-.view-list-card > .el-card::after {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 1px;
+.view-people-search {
+  background-image: url("../../../public/img/government2.png");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
 }
 
+.footer {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+}
 </style>

src/views/mobile/registerAdd.vue

@@ -116,7 +116,7 @@ export default {
 	created: function () {
 		this.openId = this.$route.query.openId;
 		this.user = { Sex: 1, IsNormal: true };
-		this.user.Government = this.$route.query.government;
+		this.user.Government = store.state.userInfo.government;
 		this.user.HeadImg = this.$route.query.headImg;
 		this.user.Organization = store.state.userInfo.addressName;
 		this.user.Nautical = store.state.userInfo.address;

src/views/mobile/registerIndex.vue

@@ -32,6 +32,10 @@ export default {
 		if(this.$route.query.address)
 		{
 			store.state.userInfo.address = this.$route.query.address;
+		}		
+		if(this.$route.query.government)
+		{
+			store.state.userInfo.government = this.$route.query.government;
 		}
 	},
 	methods: {

src/views/mobile/registerPersons.vue

@@ -99,6 +99,7 @@
 </template>
 
 <script>
+import store from "@/store";
 import moment from "moment";
 import { List } from "vant";
 export default {
@@ -123,7 +124,7 @@ export default {
 	},
 	created: async function () {
 		this.openId = this.$route.query.openId;
-		this.government = this.$route.query.government;
+		this.government = store.state.userInfo.government;
 		await this.search();
 	},
 	methods: {