From 992e7ed8298419d0568fb6b66afeb514253864d5 Mon Sep 17 00:00:00 2001
From: Dingei <1286904325@qq.com>
Date: Thu, 28 Dec 2023 16:07:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E9=97=AE=E5=8D=B7?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/router.config.js             |  6 ++
 src/views/questionnaire/index.vue       | 88 +++++++++++++++++++++++++
 src/views/questionnaire/scss/index.scss |  3 +
 3 files changed, 97 insertions(+)
 create mode 100644 src/views/questionnaire/index.vue
 create mode 100644 src/views/questionnaire/scss/index.scss

diff --git a/src/router/router.config.js b/src/router/router.config.js
index 3138bab..c36e504 100644
--- a/src/router/router.config.js
+++ b/src/router/router.config.js
@@ -307,6 +307,12 @@ export const constantRouterMap = [
         name: 'trainingcamp',
         component: () => import('@/views/optimize/trainingcamp'),
         meta: { title: '训练营', keepAlive: false }
+      },
+      {
+        path: '/questionnaire',
+        name: 'questionnaire',
+        component: () => import('@/views/questionnaire/index'),
+        meta: { title: '问卷', keepAlive: false }
       }
     ]
   }
diff --git a/src/views/questionnaire/index.vue b/src/views/questionnaire/index.vue
new file mode 100644
index 0000000..e89800e
--- /dev/null
+++ b/src/views/questionnaire/index.vue
@@ -0,0 +1,88 @@
+<template>
+    <div class="questionnaire">
+        <van-nav-bar
+            title="调查问卷"
+            left-text=""
+            right-text="提交"
+            left-arrow
+            @click-left="onClickLeft"
+            @click-right="onClickRight"
+        />
+        <div class="main">
+            <van-form>
+                <van-field name="radio" label="单选框">
+                    <template #input>
+                        <van-radio-group v-model="form.radio" direction="horizontal">
+                            <van-radio name="1">单选框 1</van-radio>
+                            <van-radio name="2">单选框 2</van-radio>
+                        </van-radio-group>
+                    </template>
+                </van-field>
+                <van-field name="checkboxGroup" label="复选框组">
+                    <template #input>
+                        <van-checkbox-group v-model="form.checkboxGroup" direction="horizontal">
+                            <van-checkbox name="1" shape="square">复选框 1</van-checkbox>
+                            <van-checkbox name="2" shape="square">复选框 2</van-checkbox>
+                        </van-checkbox-group>
+                    </template>
+                </van-field>
+                <van-field name="switch" label="开关">
+                    <template #input>
+                        <van-switch v-model="form.switchChecked" size="20" />
+                    </template>
+                </van-field>
+                <van-field
+                    v-model="form.text"
+                    name="文本"
+                    label="文本"
+                    placeholder="请输入文本"
+                />
+                <van-field
+                    v-model="form.message"
+                    rows="3"
+                    autosize
+                    label="留言"
+                    type="textarea"
+                    placeholder="请输入留言"
+                />
+            </van-form>
+        </div>
+    </div>
+</template>
+
+<script>
+import { Form, RadioGroup, Radio } from 'vant';
+export default {
+    components: {
+        [Form.name]: Form,
+        [RadioGroup.name]: RadioGroup,
+        [Radio.name]: Radio,
+    },
+    data() {
+        return {
+            form: {
+                radio: "1",
+                checkboxGroup: [],
+                text: "",
+                message: "",
+                switchChecked: false
+            }
+        };
+    },
+    created() {
+
+    },
+    mounted() {},
+    methods: {
+        onClickLeft(value) {
+            console.log(value)
+        },
+        onClickRight() {
+            console.log(this.form)
+        }
+    }
+};
+</script>
+<style scoped lang="scss">
+    @import './scss/index.scss';
+</style>
diff --git a/src/views/questionnaire/scss/index.scss b/src/views/questionnaire/scss/index.scss
new file mode 100644
index 0000000..d9ea89c
--- /dev/null
+++ b/src/views/questionnaire/scss/index.scss
@@ -0,0 +1,3 @@
+.questionnaire {
+    
+}
\ No newline at end of file