From 9bc067a27b9519e47754605667d84b4826b3bd7a Mon Sep 17 00:00:00 2001
From: YuNan <3194726156@qq.com>
Date: Thu, 20 Feb 2025 15:08:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=BF=83=E9=87=8C=E5=81=A5?=
 =?UTF-8?q?=E5=BA=B7=E8=AF=84=E4=BC=B0=E5=86=85=E9=83=A8=E7=9A=84=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                         | 15 +++++++
 src/views/customer/AnonymousShareCircle.vue | 47 +++++++++++++++++++++
 src/views/customer/PsychologicalTest.vue    | 47 +++++++++++++++++++++
 src/views/customer/Questionnaire.vue        | 45 ++++++++++++++++++++
 4 files changed, 154 insertions(+)
 create mode 100644 src/views/customer/AnonymousShareCircle.vue
 create mode 100644 src/views/customer/PsychologicalTest.vue
 create mode 100644 src/views/customer/Questionnaire.vue

diff --git a/src/router/index.js b/src/router/index.js
index c4e94ac..6d63237 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -73,6 +73,21 @@ const routes = [
         name: 'UserProfile',
         component: UserProfile,
         meta: { title: '中医药与心理健康' }
+      },
+      {
+        path: '/customer/social-circle',
+        name: 'AnonymousShareCircle',
+        component: () => import('@/views/customer/AnonymousShareCircle.vue')
+      },
+      {
+        path: '/customer/psychological-test',
+        name: 'PsychologicalTest',
+        component: () => import('@/views/customer/PsychologicalTest.vue')
+      },
+      {
+        path: '/customer/questionnaire',
+        name: 'Questionnaire',
+        component: () => import('@/views/customer/Questionnaire.vue')
       }
     ]
   }
diff --git a/src/views/customer/AnonymousShareCircle.vue b/src/views/customer/AnonymousShareCircle.vue
new file mode 100644
index 0000000..ba232ba
--- /dev/null
+++ b/src/views/customer/AnonymousShareCircle.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="anonymous-share-circle">
+    <h1>匿名分享圈</h1>
+    <el-input v-model="newPost" placeholder="分享你的想法..."></el-input>
+    <el-button type="primary" @click="submitPost">发布</el-button>
+    <div class="posts">
+      <div v-for="post in posts" :key="post.id" class="post">
+        <p>{{ post.content }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      newPost: '',
+      posts: []
+    }
+  },
+  methods: {
+    submitPost () {
+      if (this.newPost) {
+        this.posts.push({ id: Date.now(), content: this.newPost })
+        this.newPost = ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.anonymous-share-circle {
+  padding: 20px;
+}
+
+.posts {
+  margin-top: 20px;
+}
+
+.post {
+  border: 1px solid #ccc;
+  padding: 10px;
+  margin-bottom: 10px;
+}
+</style>
diff --git a/src/views/customer/PsychologicalTest.vue b/src/views/customer/PsychologicalTest.vue
new file mode 100644
index 0000000..fe7c890
--- /dev/null
+++ b/src/views/customer/PsychologicalTest.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="psychological-test">
+    <h1>心理测试</h1>
+    <el-form @submit.prevent="submitTest">
+      <el-form-item label="问题 1">
+        <el-radio-group v-model="answers.q1">
+          <el-radio label="A">选项 A</el-radio>
+          <el-radio label="B">选项 B</el-radio>
+          <el-radio label="C">选项 C</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="问题 2">
+        <el-radio-group v-model="answers.q2">
+          <el-radio label="A">选项 A</el-radio>
+          <el-radio label="B">选项 B</el-radio>
+          <el-radio label="C">选项 C</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-button type="primary" @click="submitTest">提交测试</el-button>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      answers: {
+        q1: '',
+        q2: ''
+      }
+    }
+  },
+  methods: {
+    submitTest () {
+      console.log('提交的答案:', this.answers)
+      // 处理提交逻辑
+    }
+  }
+}
+</script>
+
+<style scoped>
+.psychological-test {
+  padding: 20px;
+}
+</style>
diff --git a/src/views/customer/Questionnaire.vue b/src/views/customer/Questionnaire.vue
new file mode 100644
index 0000000..07ebaf9
--- /dev/null
+++ b/src/views/customer/Questionnaire.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="questionnaire">
+    <h1>问卷调查</h1>
+    <el-form @submit.prevent="submitSurvey">
+      <el-form-item label="您的年龄">
+        <el-input v-model="survey.age" placeholder="请输入您的年龄"></el-input>
+      </el-form-item>
+      <el-form-item label="您的性别">
+        <el-radio-group v-model="survey.gender">
+          <el-radio label="男">男</el-radio>
+          <el-radio label="女">女</el-radio>
+          <el-radio label="其他">其他</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-button type="primary" @click="submitSurvey">提交问卷</el-button>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  // eslint-disable-next-line vue/multi-word-component-names
+  name: 'Questionnaire',
+  data () {
+    return {
+      survey: {
+        age: '',
+        gender: ''
+      }
+    }
+  },
+  methods: {
+    submitSurvey () {
+      console.log('提交的问卷:', this.survey)
+      // 处理提交逻辑
+    }
+  }
+}
+</script>
+
+<style scoped>
+.questionnaire {
+  padding: 20px;
+}
+</style>