From 3002c5f4593c91cbd5dd8bc684c3800eff9ab122 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 29 五月 2024 21:58:20 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/sportsAndHealth/view/chapter002.vue |  345 +++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 273 insertions(+), 72 deletions(-)

diff --git a/src/books/sportsAndHealth/view/chapter002.vue b/src/books/sportsAndHealth/view/chapter002.vue
index 11a8ae0..69e0899 100644
--- a/src/books/sportsAndHealth/view/chapter002.vue
+++ b/src/books/sportsAndHealth/view/chapter002.vue
@@ -94,49 +94,235 @@
                 </thead>
                 <tbody>
                   <tr>
-                    <td>1. 鎴戞劅瑙夊揩涔愶紝蹇冩儏鑸掔晠</td>
-                    <td><input :value="chapter002.tablexyx1.text1" type="checkbox" />5</td>
-                    <td><input :value="chapter002.tablexyx1.text2" type="checkbox" />4</td>
-                    <td><input :value="chapter002.tablexyx1.text3" type="checkbox" />3</td>
-                    <td><input :value="chapter002.tablexyx1.text4" type="checkbox" />2</td>
-                    <td><input :value="chapter002.tablexyx1.text5" type="checkbox" />1</td>
-                    <td><input :value="chapter002.tablexyx1.text6" type="checkbox" />0</td>
+                    <td style="text-align: left">1. 鎴戞劅瑙夊揩涔愶紝蹇冩儏鑸掔晠</td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text1')"
+                        :checked="chapter002.tablexyx1.text1"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text2')"
+                        :checked="chapter002.tablexyx1.text2"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text3')"
+                        :checked="chapter002.tablexyx1.text3"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text4')"
+                        :checked="chapter002.tablexyx1.text4"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text5')"
+                        :checked="chapter002.tablexyx1.text5"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text6')"
+                        :checked="chapter002.tablexyx1.text6"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>2. 鎴戞劅瑙夊畞闈欏拰鏀炬澗</td>
-                    <td><input :value="chapter002.tablexyx1.text7" type="checkbox" />5</td>
-                    <td><input :value="chapter002.tablexyx1.text8" type="checkbox" />4</td>
-                    <td><input :value="chapter002.tablexyx1.text9" type="checkbox" />3</td>
-                    <td><input :value="chapter002.tablexyx1.text10" type="checkbox" />2</td>
-                    <td><input :value="chapter002.tablexyx1.text11" type="checkbox" />1</td>
-                    <td><input :value="chapter002.tablexyx1.text12" type="checkbox" />0</td>
+                    <td style="text-align: left">2. 鎴戞劅瑙夊畞闈欏拰鏀炬澗</td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text7')"
+                        :checked="chapter002.tablexyx1.text7"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text8')"
+                        :checked="chapter002.tablexyx1.text8"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text9')"
+                        :checked="chapter002.tablexyx1.text9"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text10')"
+                        :checked="chapter002.tablexyx1.text10"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text11')"
+                        :checked="chapter002.tablexyx1.text11"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text12')"
+                        :checked="chapter002.tablexyx1.text12"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>3. 鎴戞劅瑙夊厖婊℃椿鍔涳紝绮惧姏鍏呮矝</td>
-                    <td>5</td>
-                    <td>4</td>
-                    <td>3</td>
-                    <td>2</td>
-                    <td>1</td>
-                    <td>0</td>
+                    <td style="text-align: left">
+                      3. 鎴戞劅瑙夊厖婊℃椿鍔涳紝绮惧姏鍏呮矝
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text13')"
+                        :checked="chapter002.tablexyx1.text13"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text14')"
+                        :checked="chapter002.tablexyx1.text14"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text15')"
+                        :checked="chapter002.tablexyx1.text15"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text16')"
+                        :checked="chapter002.tablexyx1.text16"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text17')"
+                        :checked="chapter002.tablexyx1.text17"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text18')"
+                        :checked="chapter002.tablexyx1.text18"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>4. 鎴戠潯閱掓椂鎰熷埌娓呴啋锛屽緱鍒颁簡瓒冲浼戞伅</td>
-                    <td>5</td>
-                    <td>4</td>
-                    <td>3</td>
-                    <td>2</td>
-                    <td>1</td>
-                    <td>0</td>
+                    <td style="text-align: left">
+                      4. 鎴戠潯閱掓椂鎰熷埌娓呴啋锛屽緱鍒颁簡瓒冲浼戞伅
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text19')"
+                        :checked="chapter002.tablexyx1.text19"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text20')"
+                        :checked="chapter002.tablexyx1.text20"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text21')"
+                        :checked="chapter002.tablexyx1.text21"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text22')"
+                        :checked="chapter002.tablexyx1.text22"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text23')"
+                        :checked="chapter002.tablexyx1.text23"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text24')"
+                        :checked="chapter002.tablexyx1.text24"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>5. 鎴戞瘡澶╃殑鐢熸椿鍏呮弧浜嗘湁瓒g殑浜嬫儏</td>
-                    <td>5</td>
-                    <td>4</td>
-                    <td>3</td>
-                    <td>2</td>
-                    <td>1</td>
-                    <td>0</td>
+                    <td style="text-align: left">
+                      5. 鎴戞瘡澶╃殑鐢熸椿鍏呮弧浜嗘湁瓒g殑浜嬫儏
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text25')"
+                        :checked="chapter002.tablexyx1.text25"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text26')"
+                        :checked="chapter002.tablexyx1.text26"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text27')"
+                        :checked="chapter002.tablexyx1.text27"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text28')"
+                        :checked="chapter002.tablexyx1.text28"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text29')"
+                        :checked="chapter002.tablexyx1.text29"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text30')"
+                        :checked="chapter002.tablexyx1.text30"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                 </tbody>
               </table>
@@ -200,59 +386,59 @@
                   <tbody>
                     <tr>
                       <td>1</td>
-                      <td>姝e父鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text1')" type="checkbox" :checked="chapter002.tablebyb1.text1" />姝e父鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text2')" type="checkbox" :checked="chapter002.tablebyb1.text2" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text2')" type="checkbox" :checked="chapter002.tablebyb1.text2" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text4')" type="checkbox" :checked="chapter002.tablebyb1.text4" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>2</td>
-                      <td>鎮茶</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text5')" type="checkbox" :checked="chapter002.tablebyb1.text5" />鎮茶</td>
+                      <td><input @change="changeByb($event,'text6')" type="checkbox" :checked="chapter002.tablebyb1.text6" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text7')" type="checkbox" :checked="chapter002.tablebyb1.text7" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text8')" type="checkbox" :checked="chapter002.tablebyb1.text8" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>3</td>
-                      <td>绀句細鏂归潰涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
-                      <td>涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text9')" type="checkbox" :checked="chapter002.tablebyb1.text9" />绀句細鏂归潰涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text10')" type="checkbox" :checked="chapter002.tablebyb1.text10" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text11')" type="checkbox" :checked="chapter002.tablebyb1.text11" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text12')" type="checkbox" :checked="chapter002.tablebyb1.text12" />涓嶅仴搴�</td>
                     </tr>
                     <tr>
                       <td>4</td>
-                      <td>鎮g枒鐥呯棁</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text13')" type="checkbox" :checked="chapter002.tablebyb1.text13" />鎮g枒鐥呯棁</td>
+                      <td><input @change="changeByb($event,'text14')" type="checkbox" :checked="chapter002.tablebyb1.text14" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text15')" type="checkbox" :checked="chapter002.tablebyb1.text15" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text16')" type="checkbox" :checked="chapter002.tablebyb1.text16" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>5</td>
-                      <td>韬綋涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text17')" type="checkbox" :checked="chapter002.tablebyb1.text17" />韬綋涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text18')" type="checkbox" :checked="chapter002.tablebyb1.text18" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text19')" type="checkbox" :checked="chapter002.tablebyb1.text19" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text20')" type="checkbox" :checked="chapter002.tablebyb1.text20" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>6</td>
-                      <td>闀挎湡鍙楃梾鎶樼(</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text21')" type="checkbox" :checked="chapter002.tablebyb1.text21" />闀挎湡鍙楃梾鎶樼(</td>
+                      <td><input @change="changeByb($event,'text22')" type="checkbox" :checked="chapter002.tablebyb1.text22" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text23')" type="checkbox" :checked="chapter002.tablebyb1.text23" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text24')" type="checkbox" :checked="chapter002.tablebyb1.text24" />鍋ュ悍</td>
                     </tr>
                     <tr>
-                      <td>7</td>
-                      <td>涔愯</td>
-                      <td>鍋ュ悍</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
+                      <td>7</td> 
+                      <td><input @change="changeByb($event,'text25')" type="checkbox" :checked="chapter002.tablebyb1.text25" />涔愯</td>
+                      <td><input @change="changeByb($event,'text26')" type="checkbox" :checked="chapter002.tablebyb1.text26" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text27')" type="checkbox" :checked="chapter002.tablebyb1.text27" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text28')" type="checkbox" :checked="chapter002.tablebyb1.text28" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>8</td>
-                      <td>鎮g梾涓ラ噸</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text29')" type="checkbox" :checked="chapter002.tablebyb1.text29" />鎮g梾涓ラ噸</td>
+                      <td><input @change="changeByb($event,'text30')" type="checkbox" :checked="chapter002.tablebyb1.text30" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text31')" type="checkbox" :checked="chapter002.tablebyb1.text31" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text32')" type="checkbox" :checked="chapter002.tablebyb1.text32" />涓嶅仴搴�</td>
                     </tr>
                   </tbody>
                 </table>
@@ -1020,13 +1206,28 @@
   },
   data() {
     return {
-      chapter002:{
-        tablexyx1:{},
-
-      }
+      chapter002: {
+        tablexyx1: {},
+        tablebyb1:{}
+      },
     };
   },
   created() {
+    const localData = JSON.parse(localStorage.getItem("chapter002"));
+    if (localData) {
+      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
+      console.log(this.chapter002);
+    }
+  },
+  methods: {
+    changeBox(e, val) {
+      this.chapter002.tablexyx1[val] = e.target.checked;
+      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
+    },
+    changeByb(e, val) {
+      this.chapter002.tablebyb1[val] = e.target.checked;
+      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
+    },
   },
 };
 </script>

--
Gitblit v1.9.1