From bac7941b8dc29e70643c44fb393c49d2eaa3015b Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期三, 07 八月 2024 16:06:22 +0800 Subject: [PATCH] 体育与健康完成 --- src/books/sportsAndHealth/view/components/chapter007.vue | 172 ++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 102 insertions(+), 70 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter007.vue b/src/books/sportsAndHealth/view/components/chapter007.vue index bf9c1de..27961fe 100644 --- a/src/books/sportsAndHealth/view/components/chapter007.vue +++ b/src/books/sportsAndHealth/view/components/chapter007.vue @@ -33,16 +33,17 @@ </div> </div> <!-- 217 --> - <div class="page-box" page="227"> - <div class="header-odd"> - <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> - <span class="sub-title">姘翠笂绫昏繍鍔�</span> - <div class="line-page"></div> - <span class="sub-page">217</span> - </div> + <div class="page-box" page="228"> - <div v-if="showPageList.indexOf(227) > -1"> + <div v-if="showPageList.indexOf(228) > -1"> + <div class="header-odd"> + <span class="mk">鎷撳睍妯″潡</span> + <span class="sub">绗竷鍗曞厓鈥�</span> + <span class="sub-title">姘翠笂绫昏繍鍔�</span> + <div class="line-page"></div> + <span class="sub-page">217</span> + </div> + <div class="bodystyle"> <h3 class="lefth3" id="c016"> <img class="img-gh1" alt="" src="../../image/dy7-xm1.jpg" /> @@ -96,8 +97,8 @@ </div> <!-- 218 --> - <div class="page-box" page="228"> - <div v-if="showPageList.indexOf(228) > -1"> + <div class="page-box" page="229"> + <div v-if="showPageList.indexOf(229) > -1"> <div class="header-even"> <span class="sub-page">218</span> <div class="line-page"></div> @@ -207,11 +208,11 @@ </div> <!-- 219 --> - <div class="page-box" page="229"> - <div v-if="showPageList.indexOf(229) > -1"> + <div class="page-box" page="230"> + <div v-if="showPageList.indexOf(230) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">219</span> @@ -347,8 +348,8 @@ </div> <!-- 220 --> - <div class="page-box" page="230"> - <div v-if="showPageList.indexOf(230) > -1"> + <div class="page-box" page="231"> + <div v-if="showPageList.indexOf(231) > -1"> <div class="header-even"> <span class="sub-page">220</span> <div class="line-page"></div> @@ -498,11 +499,11 @@ </div> <!-- 221 --> - <div class="page-box" page="231"> - <div v-if="showPageList.indexOf(231) > -1"> + <div class="page-box" page="232"> + <div v-if="showPageList.indexOf(232) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">221</span> @@ -628,8 +629,8 @@ </div> <!-- 222 --> - <div class="page-box" page="232"> - <div v-if="showPageList.indexOf(232) > -1"> + <div class="page-box" page="233"> + <div v-if="showPageList.indexOf(233) > -1"> <div class="header-even"> <span class="sub-page">222</span> <div class="line-page"></div> @@ -744,11 +745,11 @@ </div> <!-- 223 --> - <div class="page-box" page="233"> - <div v-if="showPageList.indexOf(233) > -1"> + <div class="page-box" page="234"> + <div v-if="showPageList.indexOf(234) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">223</span> @@ -847,8 +848,8 @@ </div> <!-- 224 --> - <div class="page-box" page="234"> - <div v-if="showPageList.indexOf(234) > -1"> + <div class="page-box" page="235"> + <div v-if="showPageList.indexOf(235) > -1"> <div class="header-even"> <span class="sub-page">224</span> <div class="line-page"></div> @@ -979,11 +980,11 @@ </div> <!-- 225 --> - <div class="page-box" page="235"> - <div v-if="showPageList.indexOf(235) > -1"> + <div class="page-box" page="236"> + <div v-if="showPageList.indexOf(236) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">225</span> @@ -1123,8 +1124,8 @@ </div> <!-- 226 --> - <div class="page-box" page="236"> - <div v-if="showPageList.indexOf(236) > -1"> + <div class="page-box" page="237"> + <div v-if="showPageList.indexOf(237) > -1"> <div class="header-even"> <span class="sub-page">226</span> <div class="line-page"></div> @@ -1147,6 +1148,9 @@ <div class="subsectionContent"> 锛�2锛夊缁冨缓璁� + <div class="subsectionContent"> + 鈶犻檰涓婃ā浠跨粌涔犮�� + </div> <div class="subsectionContent"> 鍗曡噦鍒掓墜涓庡懠鍚哥殑閰嶅悎缁冧範锛氬憟寮撴绔欑珛浜庢睜杈癸紝涓�鍙墜鎾戜綇鑶濆叧鑺傦紝鍙︿竴鍙墜鍒掕噦鍚� 鏃堕厤鍚堝懠鍚搞�傛缁冧範鐨勭洰鐨勫湪浜庢帉鎻″垝鑷備笌鍛煎惛鐨勯厤鍚堢粏鑺傚姩浣溿�� @@ -1226,11 +1230,11 @@ </div> <!-- 227 --> - <div class="page-box" page="237"> - <div v-if="showPageList.indexOf(237) > -1"> + <div class="page-box" page="238"> + <div v-if="showPageList.indexOf(238) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">227</span> @@ -1325,8 +1329,8 @@ </div> <!-- 228 --> - <div class="page-box" page="238"> - <div v-if="showPageList.indexOf(238) > -1"> + <div class="page-box" page="239"> + <div v-if="showPageList.indexOf(239) > -1"> <div class="header-even"> <span class="sub-page">228</span> <div class="line-page"></div> @@ -1446,11 +1450,11 @@ </div> <!-- 229 --> - <div class="page-box" page="239"> - <div v-if="showPageList.indexOf(239) > -1"> + <div class="page-box" page="240"> + <div v-if="showPageList.indexOf(240) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">229</span> @@ -1574,8 +1578,8 @@ </div> <!-- 230 --> - <div class="page-box" page="240"> - <div v-if="showPageList.indexOf(240) > -1"> + <div class="page-box" page="241"> + <div v-if="showPageList.indexOf(241) > -1"> <div class="header-even"> <span class="sub-page">230</span> <div class="line-page"></div> @@ -1622,11 +1626,11 @@ </div> <!-- 231 --> - <div class="page-box" page="241"> - <div v-if="showPageList.indexOf(241) > -1"> + <div class="page-box" page="242"> + <div v-if="showPageList.indexOf(242) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">231</span> @@ -1679,6 +1683,7 @@ <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../images/Unit7/p231/231-1.jpg" /> + </div> </div> <div class="swiper-slide"> @@ -1689,6 +1694,7 @@ <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../images/Unit7/p231/231-3.jpg" /> + </div> </div> </div> @@ -1696,7 +1702,9 @@ <div class="swiper-button-prev"></div> </div> </div> - + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 7-2-2鈥� 鍙嶈洐娉� + </p> <p> 鈶� 鍙嶈洐娉宠吙閮ㄧ殑鎶�鏈被浼艰洐娉炽�傛敹鑵跨粨鏉熸椂锛屼袱鑶濈害瀹戒簬鑲╋紝澶ц吙鍜屽皬鑵垮唴渚у悜鍚庡 @@ -1730,8 +1738,8 @@ </div> <!-- 232 --> - <div class="page-box" page="242"> - <div v-if="showPageList.indexOf(242) > -1"> + <div class="page-box" page="243"> + <div v-if="showPageList.indexOf(243) > -1"> <div class="header-even"> <span class="sub-page">232</span> <div class="line-page"></div> @@ -1756,7 +1764,9 @@ <div class="swiper-button-prev"></div> </div> </div> - + <p class="img" style="color: #ac92c4; font-size: 14px"> + 鍥� 7-2-3鈥� 韪╂按 + </p> <p> 涓よ吙鍚屾椂韫す姘存妧鏈細涓庤洐娉宠吙閮ㄥ姩浣滅浉浼硷紝澶ц吙鐨勫姩 浣滃箙搴﹀皬銆傚綋涓よ吙杩樻湭瀹屽叏韫洿鏃舵敹鑵匡紝鍔ㄤ綔瑕佽繛璐�� @@ -1850,11 +1860,11 @@ </div> <!-- 233 --> - <div class="page-box" page="243"> - <div v-if="showPageList.indexOf(243) > -1"> + <div class="page-box" page="244"> + <div v-if="showPageList.indexOf(244) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">233</span> @@ -1966,8 +1976,8 @@ </div> <!-- 234 --> - <div class="page-box" page="244"> - <div v-if="showPageList.indexOf(244) > -1"> + <div class="page-box" page="245"> + <div v-if="showPageList.indexOf(245) > -1"> <div class="header-even"> <span class="sub-page">234</span> <div class="line-page"></div> @@ -2113,11 +2123,11 @@ </div> <!-- 235 --> - <div class="page-box" page="245"> - <div v-if="showPageList.indexOf(245) > -1"> + <div class="page-box" page="246"> + <div v-if="showPageList.indexOf(246) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">235</span> @@ -2185,8 +2195,8 @@ </div> <!-- 236 --> - <div class="page-box" page="246"> - <div v-if="showPageList.indexOf(246) > -1"> + <div class="page-box" page="247"> + <div v-if="showPageList.indexOf(247) > -1"> <div class="header-even"> <span class="sub-page">236</span> <div class="line-page"></div> @@ -2361,11 +2371,11 @@ </div> <!-- 237 --> - <div class="page-box" page="247"> - <div v-if="showPageList.indexOf(247) > -1"> + <div class="page-box" page="248"> + <div v-if="showPageList.indexOf(248) > -1"> <div class="header-odd"> <span class="mk">鎷撳睍妯″潡</span> - <span class="sub">绗叚鍗曞厓鈥�</span> + <span class="sub">绗竷鍗曞厓鈥�</span> <span class="sub-title">姘翠笂绫昏繍鍔�</span> <div class="line-page"></div> <span class="sub-page">237</span> @@ -2395,10 +2405,25 @@ </div> </div> </div> + + <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false" + class="custom-dialog"> + <div slot="title" class="header_title"> + <span>{{ pdfTitle }}</span> + <span @click="closeDialog"> x </span> + </div> + <div class="pdfModal" v-if="dialogVisible"> + <preView :isClear="dialogVisible" :md5="p_md5"></preView> + </div> + </el-dialog> + + + </div> </template> <script> +import preView from '@/components/pdfview' import { getResourcePath } from '@/assets/methods/resources' export default { name: 'chapter007-page', @@ -2414,9 +2439,14 @@ default: false, }, }, - components: {}, + components: { + preView, + }, data() { return { + pdfTitle: '', + p_md5: '', + dialogVisible: false, isShowXyx01: false, isShowXyx02: false, isShowXyx03: false, @@ -2530,6 +2560,10 @@ computed: {}, watch: {}, created() { + const localData = JSON.parse(localStorage.getItem('chapter007')) + if (localData) { + this.chapter007 = { ...Object.assign(this.chapter007, localData) } + } if (!this.isSearch) { this.getVideo(this.chapter007.videoMd5.v1.md5, 'v1') } @@ -2542,16 +2576,14 @@ this.chapter007.videoUrl[val] = data }, + closeDialog() { + this.dialogVisible = false + }, toUrl(val) { if (val) { - const obj = { - type: 'pdf', - data: { - md5: this.chapter007.pdfMd5[val].md5, - title: this.chapter007.pdfMd5[val].name, - }, - } - this.$emit('openPDFChange', obj) + this.dialogVisible = true; + this.p_md5 = this.chapter007.pdfMd5[val].md5; + this.pdfTitle = this.chapter007.pdfMd5[val].name; } }, -- Gitblit v1.9.1