From 9e6c2a5aa1bcfd4f84126f622da3c8a7729fcbf1 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Tue, 27 Sep 2022 12:30:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:readyexamination=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E9=81=8D=E5=8E=86=E5=92=8C=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/examination/ReadyExamination.vue | 137 +++++++++++++++++++--
 src/views/investigat/InvestigatPage.vue    |   4 +-
 2 files changed, 128 insertions(+), 13 deletions(-)

diff --git a/src/views/examination/ReadyExamination.vue b/src/views/examination/ReadyExamination.vue
index ec49014..386c491 100644
--- a/src/views/examination/ReadyExamination.vue
+++ b/src/views/examination/ReadyExamination.vue
@@ -16,6 +16,21 @@
                             判断题
                         </div>
                     </div>
+
+                    <!-- 循环遍历生成判断题的问题和选项 -->
+                    <!-- <div class="questions"
+                            v-for="(q,index) in j_questions"
+                            :key="index">
+                        <div class="questiontitle"                            >
+                            {{q.text}}
+                        </div>
+                        <div class="btnswitch" v-for="(j,index) in j_options"
+                        :key="index">
+                            <div class="checkoutbtn"></div>
+                            <div class="select">{{j.text}}</div>
+                        </div>
+                    </div> -->
+
                     <div class="questions">
                         <div class="questiontitle">
                             1、控制计划是由工艺部门完成 （4分）
@@ -55,11 +70,37 @@
                             <div class="select">错误</div>
                         </div>
                     </div>
+                    
+
                     <div class="questiontype clearfix">
                         <div class="type">
                             选择题
                         </div>
                     </div>
+
+                    <!-- 循环遍历生成选择题的问题和选项 -->
+                    <!-- <div class="questions"
+                            v-for="(q,index) in s_questions"
+                            :key="index">
+                        <div class="questiontitle">
+                            {{q.text}}
+                        </div>
+                        <div class="btnswitch" v-for="(s,index) in s_options"
+                        :key="index"
+                        @click="selectBtn(value)"
+                        >
+                            <div class="checkoutbtn"
+                            :style="{
+                                backgroundImage:
+                                value.selected === true
+                                ? 'url( ../../assets/image/checkbox.png )'
+                                : 'url( ../../assets/image/checkbox2.png )'
+                            }"
+                            ></div>
+                            <div class="select">{{s.text}}</div>
+                        </div>
+                    </div> -->
+                    
                     <div class="questions">
                         <div class="questiontitle">
                             4、.FMEA 是一种（ ）工具（4分）
@@ -81,11 +122,13 @@
                             <div class="select">风险分析</div>
                         </div>
                     </div>
+
                     <div class="btnbox">
                         <div class="submitbtn">
                             提交试卷
                         </div>
                     </div>
+
                 </div>
             </div>
         </div>
@@ -93,15 +136,88 @@
 </template>
 
 <script>
-// import { reactive, toRefs } from "vue";
+// import { reactive,toRefs } from "vue";
 import TitleHead from "@/components/TitleHead.vue";
 export default {
-  name: "ReadyExamination",
-  components: {
-    TitleHead,
-  },
-  setup() {
-  },
+    name: "ReadyExamination",
+    components: {
+        TitleHead,
+    },
+    // setup() {
+    //     const state = reactive({
+    //         j_questions: [
+    //             {
+    //                 type: "judge",
+    //                 id: 1,
+    //                 text: "1、控制计划是由工艺部门完成 （4分）",
+    //             },
+    //             {
+    //                 type: "judge",
+    //                 id: 2,
+    //                 text: "2、.PFMEA假定所设计的产品能满足设计要求",
+    //             },
+    //             {
+    //                 type: "judge",
+    //                 id: 3,
+    //                 text: "3、PFMEA假定所设计的产品能满足设计要求 （4分）",
+    //             },
+    //         ],
+    //         s_questions: [
+    //             {
+    //                 type: "choice",
+    //                 id: 1,
+    //                 text: "4、.FMEA 是一种（ ）工具（4分）",
+    //             },
+    //         ],
+    //         j_options: [
+    //             {
+    //                 id: 1,
+    //                 text: "正确",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 2,
+    //                 text: "错误",
+    //                 selected: false,
+    //             },
+    //         ],
+    //         s_options: [
+    //             {
+    //                 id: 1,
+    //                 text: "问题解决",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 2,
+    //                 text: "项目策划",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 3,
+    //                 text: "过程分析",
+    //                 selected: false,
+    //             },
+    //             {
+    //                 id: 4,
+    //                 text: "风险分析",
+    //                 selected: false,
+    //             },
+    //         ]
+    //     });
+    //     const selectBtn = (value) => {
+    //         let arr = state.s_options;
+    //         arr.map((i) => {
+    //             if (i.id === value.id) {
+    //                 i.selected = !i.selected;
+    //             }
+    //         });
+    //         state.s_options = arr;
+    //     };
+    //     return {
+    //         ...toRefs(state),
+    //         selectBtn,
+    //     };
+    // }
 };
 </script>
 <style lang="scss" scoped>
@@ -169,8 +285,8 @@ export default {
                     width: 100%;
                     margin-left: 9.5px;
                     .questiontitle{
-                        margin-bottom: 20px;
-                    }
+                        margin-bottom: 18px;
+                        }
                         .btnswitch{
                             display: flex;
                             height: 13.6px;
@@ -187,7 +303,8 @@ export default {
                             .select{
                                 font-size: 13px;
                             }
-                        }
+                        
+                    }
                 }
                 .btnbox{
                     width: 83px;
diff --git a/src/views/investigat/InvestigatPage.vue b/src/views/investigat/InvestigatPage.vue
index ec8c6e3..6181955 100644
--- a/src/views/investigat/InvestigatPage.vue
+++ b/src/views/investigat/InvestigatPage.vue
@@ -57,7 +57,7 @@
               @click="selectPeople(value)"
             >
               <img
-                style="width: 14px; height: 13px; cursor: pointer"
+                style="width: 14px; height: 13px;"
                 :src="
                   value.select
                     ? require('../../assets/image/investigat/checkbox.png')
@@ -284,7 +284,6 @@ export default {
                   align-items: center;
                   justify-content: center;
                   // margin-left: 10px;
-                  cursor: pointer;
                 }
               }
             }
@@ -323,7 +322,6 @@ export default {
           display: flex;
           align-items: center;
           justify-content: center;
-          cursor: pointer;
           margin-top: 10.5px;
           margin-bottom: 30px;
         }