¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="questionnaire"> |
| | | <h1>å¤å£é²æé访æ¶éé®å·</h1> |
| | | <el-form :model="formData" label-width="80px"> |
| | | <el-form-item label="é®é¢ä¸"> |
| | | <el-input v-model="formData.question1"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢äº"> |
| | | <el-input v-model="formData.question2"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢ä¸"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢å"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢äº"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="é®é¢å
"> |
| | | <el-radio-group v-model="formData.question3"> |
| | | <el-radio label="é项1">é项1</el-radio> |
| | | <el-radio label="é项2">é项2</el-radio> |
| | | <el-radio label="é项3">é项3</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">æäº¤é®å·</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | formData: { |
| | | question1: "", |
| | | question2: "", |
| | | question3: "", |
| | | }, |
| | | }; |
| | | }, |
| | | |
| | | created() { |
| | | this.getQuestionnaire(); |
| | | }, |
| | | methods: { |
| | | submitForm() { |
| | | // æäº¤è¡¨åé»è¾ |
| | | console.log(this.formData); |
| | | // å¯ä»¥å°æ°æ®æäº¤å°å端æè
è¿è¡å
¶ä»å¤ç |
| | | }, |
| | | getQuestionnaire() { |
| | | this.taskid = this.$route.query.taskid; |
| | | this.userid = this.$route.query.userid; |
| | | this.$modal.msgSuccess("ç¨æ·id为" + this.userid); |
| | | this.$modal.msgSuccess("ä»»å¡id为" + this.taskid); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .questionnaire { |
| | | max-width: 600px; |
| | | margin: 0 auto; |
| | | padding: 20px; |
| | | border: 1px solid #eee; |
| | | border-radius: 5px; |
| | | background-color: #e1f3f2; |
| | | } |
| | | </style> |