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/chapter001.vue | 224 ++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 169 insertions(+), 55 deletions(-) diff --git a/src/books/sportsAndHealth/view/components/chapter001.vue b/src/books/sportsAndHealth/view/components/chapter001.vue index 081cde8..35492ca 100644 --- a/src/books/sportsAndHealth/view/components/chapter001.vue +++ b/src/books/sportsAndHealth/view/components/chapter001.vue @@ -135,6 +135,7 @@ </ul> </div> </div> + <br /> <div class="bk-xyx"> <div class="bj1-xyx publicxbc"> @@ -1320,6 +1321,10 @@ :checked="chapter001.tablecyc2.text226" />5 </td> </tr> + + + + <tr> <td style="text-align: left">26. 閬剰澶栦簨鏁�</td> <td> @@ -1411,6 +1416,8 @@ 4.閲囩敤灏忕粍鍚堜綔鐨勫舰寮忥紝渚濇嵁涓栫晫鍗敓缁勭粐韬績鍋ュ悍鎸囨爣缂栧埗闂嵎锛� 瀵瑰悓瀛︿滑鐨勮韩蹇冨仴搴风姸鍐靛強鍏跺奖鍝嶅洜绱犺繘琛岃皟鏌ワ紝鍦ㄨ�佸笀鐨勫府鍔╀笅杩涜鏁版嵁澶勭悊涓庡垎鏋愶紝鎻愬嚭淇冭繘鍚屽浠韩蹇冨仴搴峰彂灞曠殑寤鸿銆� </p> + + <textarea rows="8" v-model="chapter001.textBybItem17" @change="setBookQuestion"></textarea> </div> <h3 id="c002">涓撻浜� 褰㈡垚鍋ュ悍鐨勭敓娲绘柟寮�</h3> <div class="bk-ztgs"> @@ -3171,6 +3178,7 @@ </div> </div> <!-- 13 --> + <div class="page-box" page="24"> <div v-if="showPageList.indexOf(24) > -1"> <div class="header-odd"> @@ -3254,6 +3262,9 @@ 5锝�8 涓嚜宸辩殑鐗瑰緛锛屽啓瀹屼笉缃插悕銆傚啓瀹屽悗灏嗘墍鏈夌殑鈥滃浜哄惎浜嬧�濇敹璧锋潵鎵撲贡椤哄簭锛屽彂缁欏叾浠栧悓瀛︼紝璁╁悓瀛︾寽鐚滆嚜宸辨嬁鍒扮殑鈥滃浜哄惎浜嬧�濇壘鐨勬槸璋侊紝骞朵笖鏍规嵁浜嬪疄闄堣堪鍒嗘瀽鐨勭悊鐢便�傛瘡浣嶅悓瀛﹀垎鏋愬畬鍚庯紝鈥滃浜哄惎浜嬧�濅笂鐨勫悓瀛︾珯鍑烘潵鈥滄彮绉樷�濄�傝繖鏍风殑杩囩▼鍙互甯姪鍚屽涔嬮棿鐩镐簰璁よ瘑涓庤瘎浠凤紝涔熻兘甯姪涓汉鏇村姞鍏ㄩ潰鍜屽瑙傚湴璁よ瘑鑷繁銆� </p> + + <textarea rows="8" v-model="chapter001.textBybItem18" @change="setBookQuestion"></textarea> + </div> <h3 id="c004">涓撻鍥� 椤哄埄搴﹁繃闈掓槬鏈�</h3> <div class="bk-ztgs"> @@ -4780,10 +4791,49 @@ 棰堝姩鑴変綅浜庡枆缁撴梺1锝�2鍘樼背澶勩�傚垽鏂偅鑰呯姸鎬佷笉鑳借秴10绉掞紝杩涜蹇冭偤澶嶈嫃鐨勫悓鏃惰瀵绘眰甯姪銆� </p> </div> - <p class="center openImgBox"> - <img class="img-a" alt="" src="../../image/0042-3.jpg" /> + + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit1/p29/29-1.jpg" /> + </div> + </div> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit1/p29/29-2.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit1/p29/29-3.jpg" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit1/p29/29-4.jpg" /> + </div> + </div> + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img"> + 鍥�1-8-1 鑳稿鎸夊帇 </p> - <p class="img">鍥�1-8-1 鑳稿鎸夊帇</p> + + + + + + <div class="bk-xyx"> <div class="bj1-xyx publicxbc">璇曚竴璇� <div class="icon" @click="activityXyx5"> @@ -4829,6 +4879,14 @@ <span class="span-P">鍥�2 妞呰儗鍐插嚮娉�</span> </div> </div> + + + + + + + + <p class="xyx-fu-yy">锛堜簲锛夋皵閬撳紓鐗╂闃荤殑棰勯槻</p> <p>绗竴锛岄伩鍏嶅悶鍜借繃閲忔垨鏄綋绉繃澶х殑椋熺墿銆�</p> <p>绗簩锛岃繘椋熸椂閬垮厤璋堣瘽鎴栧ぇ绗戙��</p> @@ -4861,20 +4919,44 @@ <div class="swiper-button-prev"></div> </div> </div> --> - <div class="fl"> - <div> - <p class="center openImgBox"> - <img class="img-b" alt="" src="../../image/0042-1.jpg" /> - </p> - <p class="img">鍥�1-8-2 浠板ご鎶娉�</p> - </div> - <div> - <p class="center openImgBox"> - <img class="img-b" alt="" src="../../image/0042-2.jpg" /> - </p> - <p class="img">鍥�1-8-3 鎺ㄤ妇涓嬮娉�</p> + + + + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img style=" height: 160px;" src="../../images/Unit1/p29/29-5.jpg" /> + <p class="img"> + 鍥�1-8-2 浠板ご鎶娉� + </p> + + </div> + </div> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img style=" height: 160px;" src="../../images/Unit1/p29/29-6.jpg" /> + <p class="img"> + 鍥�1-8-3 鎺ㄤ妇涓嬮娉� + </p> + + </div> + </div> + + + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> </div> </div> + + + + + + </div> </div> </div> @@ -4888,10 +4970,28 @@ </div> <div class="bodystyle"> <p>绗洓姝ワ紝浜哄伐鍛煎惛銆�</p> - <p class="center openImgBox"> - <img class="img-b" alt="" src="../../image/0043-1.jpg" /> + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit1/p30/30-1.jpg" /> + </div> + </div> + + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/Unit1/p30/30-2.jpg" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <p class="img"> + 鍥�1-8-4 浜哄伐鍛煎惛 </p> - <p class="img">鍥�1-8-4 浜哄伐鍛煎惛</p> <p> 姘旈亾閫氱晠鍚庡簲杩呴�熻繘琛屽彛瀵瑰彛浜哄伐鍛煎惛銆傛偅鑰呬话鍗э紝鏂芥晳鑰呬竴鎵嬫墭鍏朵笅棰屼娇澶村悗浠帮紝鍙︿竴鎵嬫崗鍏堕蓟瀛斿苟鐢ㄦ墜鎺岃竟缂樺帇浣忓叾棰濆ご銆傚惛姘斿悗瀵规偅鑰呭彛鍐呯敤鍔涘惞姘旓紙娉ㄦ剰瑕佸皢鎮h�呯殑鍢村寘涓ワ級锛岀劧鍚庢斁寮�榧诲瓟锛屽緟鑳稿粨鍥炵缉鍛兼皵銆傝繛缁惞姘�2娆★紝姣忔鍚规皵瑕佽鑳稿粨鏈夋槑鏄捐捣浼忔墠琛ㄧず鏈夋晥銆� </p> @@ -4984,12 +5084,15 @@ <div class="bk-xspj"> <p class="bj-sbx">瀛︿範璇勪环</p> <p class="block"> + <!-- 淇濆瓨涓嶄簡 :value="chapter001.tkItem03.text1" --> + <!-- 鍙互淇濆瓨 v-model="chapter001.tkItem03.text1" --> 1.鐑皠鐥呭吀鍨嬬殑涓村簥琛ㄧ幇鍜岀幇鍦哄鐞嗘柟娉曟湁<input @change="changeAssess02($event, 'text1')" maxlength="30" - :value="chapter001.tkItem03.text1" class="assess" type="text" />銆� + v-model="chapter001.tkItem03.text1" class="assess" type="text" />銆� </p> <p class="block"> 2.鍒╃敤妯℃嫙浜鸿繘琛屽績鑲哄鑻忔湳鐨勬搷浣滅粌涔狅紝妫�楠岃嚜宸辨槸鍚︽帉鎻′簡蹇冭偤澶嶈嫃鏈殑鎶�鑳斤紝骞剁粰鑷繁鎵撳垎銆� </p> + <textarea rows="6" v-model="chapter001.textXxpj011" @change="setBookQuestion"></textarea> </div> <h3 id="c008">涓撻鍏� 鎻愬崌瀹夊叏閬块櫓鐨勬湰棰�</h3> @@ -6010,14 +6113,14 @@ <div class="bk-xspj"> <p class="bj-sbx">瀛︿範璇勪环</p> <p class="block">1.鎴戣涓轰綋鑲茬簿绁炴槸<input @change="changeAssess02($event, 'text1')" maxlength="500" - :value="chapter001.tkItem04.text1" class="assess" type="text" />銆�</p> + v-model="chapter001.tkItem04.text1" class="assess" type="text" />銆�</p> <p class="block"> 2.鎴戜細閫氳繃浠ヤ笅閫斿緞濉戦�犺嚜宸辩殑浣撹偛绮剧<input @change="changeAssess02($event, 'text2')" maxlength="500" - :value="chapter001.tkItem04.text2" class="assess" type="text" />銆� + v-model="chapter001.tkItem04.text2" class="assess" type="text" />銆� </p> <p class="block"> 3.閫氳繃瀛︿範鈥滃ゥ杩愪腑鍥解�濄�佸厷鍜屽浗瀹堕瀵间汉鐨勪綋鑲叉�濇兂锛屾垜鎵撶畻浠�<input @change="changeAssess02($event, 'text3')" maxlength="500" - :value="chapter001.tkItem04.text3" class="assess" type="text" />鏂归潰鍋氳捣锛屼负鑷繁鐨勫仴搴疯礋璐o紝涓烘垜鍥戒綋鑲蹭簨涓氳础鐚嚜宸卞簲鏈夌殑涓�鍒嗗姏閲忋�� + v-model="chapter001.tkItem04.text3" class="assess" type="text" />鏂归潰鍋氳捣锛屼负鑷繁鐨勫仴搴疯礋璐o紝涓烘垜鍥戒綋鑲蹭簨涓氳础鐚嚜宸卞簲鏈夌殑涓�鍒嗗姏閲忋�� </p> <p class="block"> 4.璇锋敹闆嗛噸瑕佽禌浜嬩腑杩愬姩鍛樹娇鐢ㄥ叴濂嬪墏鐨勬渚嬶紝骞跺拰鍚屽浜ゆ祦鍏跺嵄瀹筹紝璇翠竴璇磋繖浜涙渚嬪鑷繁鏃ュ父鐢熸椿鐨勫惎绀恒�� @@ -6025,32 +6128,28 @@ <textarea rows="8" v-model="chapter001.textBybItem16" @change="setBookQuestion"></textarea> </div> <hr /> - <p class="note"> - <a id="m1"></a><a href="chapter001.html#w1">[1]</a> - 鏈暀鏉愯绋嬪钩鍙颁负www.bnuic.com锛岃繘鍏ヨ缃戝潃鍚庯紝渚濇閫夋嫨鈥滀含甯堣亴鏁欌啋涓亴鈫掓枃鍖栧熀纭�璇锯啋浣撹偛涓庡仴搴凤紙绗�3鐗堬級鈫掓暀涓庡璧勬簮鈥濓紝鍗冲彲鏌ラ槄鏁欐潗鍏ㄩ儴璧勬簮銆傚叏涔﹀悓锛屽悗涓嶈禈杩般�� - </p> - <p class="note"> - <a id="m2"></a><a href="chapter001.html#w2">[2]</a> - 闄惰鐭ワ細銆婇櫠琛岀煡鍏ㄩ泦銆嬬8鍗凤紝66椤碉紝鎴愰兘锛屽洓宸濇暀鑲插嚭鐗堢ぞ锛�2009銆� - </p> - <p class="note"> - <a id="m3"></a><a href="chapter001.html#w3">[3]</a> - 浣撻噸鎸囨暟锛堣瑙佲憽锛夈�佽偤娲婚噺鍙牴鎹�婂浗瀹跺鐢熶綋璐ㄥ仴搴锋爣鍑嗭紙2014骞翠慨璁級銆嬮珮涓�闃舵鏁版嵁璁$畻鎴栨祴璇曞緱鍑恒�傚叾涓紝鐢风敓浣撻噸鎸囨暟姝e父鍊煎尯闂翠负16.5锝�23.2锛屸墹16.4涓轰綆浣撻噸锛�23.3锝�26.3涓鸿秴閲嶏紝鈮�26.4涓鸿偉鑳栵紱濂崇敓浣撻噸鎸囨暟姝e父鍊煎尯闂翠负16.5锝�22.7锛屸墹16.4涓轰綆浣撻噸锛�22.8锝�25.2涓鸿秴閲嶏紝鈮�25.3涓鸿偉鑳栥�傜敺鐢熻偤娲婚噺鈮�2599姣崌涓轰笉鍙婃牸锛�2600锝�3799姣崌涓哄強鏍硷紝3800锝�4299姣崌涓鸿壇濂斤紝鈮�4300姣崌涓轰紭绉�锛涘コ鐢熻偤娲婚噺鈮�1749姣崌涓轰笉鍙婃牸锛�1750锝�2749姣崌涓哄強鏍硷紝2750锝�3049姣崌涓鸿壇濂斤紝鈮�3050姣崌涓轰紭绉�銆傝剨鏌便�佹�у彂鑲叉寚鏍囧彲鏍规嵁鐩稿叧鍋ュ悍浣撴鎶ュ憡濉啓銆� - </p> - <p class="note"> - <a id="m4"></a><a href="chapter001.html#w4">[4]</a> - 浣撻噸鎸囨暟鏄洰鍓嶅父鐢ㄧ殑琛¢噺浜轰綋鑳栫槮鍙婂仴搴风▼搴︾殑涓�椤规爣鍑嗭紝鍏蜂綋璁$畻鏂规硶涓轰綋閲嶆寚鏁�=浣撻噸梅韬珮<sup>2</sup>锛堜綋閲嶅崟浣嶏細鍗冨厠锛涜韩楂樺崟浣嶏細绫筹級銆� - </p> - <p class="note"> - <a id="m5"></a><a href="chapter001.html#w5">[5]</a> - 閽堝濡傛汉姘寸瓑姘旈亾鍫靛绫荤殑蹇冭偤澶嶈嫃锛屽疄鏂芥楠ゆ湁鎵�鍖哄埆锛屽簲鍏堝紑鏀炬皵閬撱�佹竻闄ゆ皵閬撲腑鐨勭Н姘村強寮傜墿锛屽啀渚濇杩涜浜哄伐鍛煎惛鍜岃兏澶栨寜鍘嬨�� - </p> </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/index.vue" export default { name: "chapter-01", props: { @@ -6065,8 +6164,14 @@ default: false, }, }, + components: { + preView, + }, data() { return { + pdfTitle: "", + p_md5: "", + dialogVisible: false, isShowScore1: false, isShowScore2: false, isShowScore3: false, @@ -6125,8 +6230,6 @@ const localData = JSON.parse(localStorage.getItem("chapter001")); - // console.log(localData); - // debugger if (localData) { this.chapter001 = { ...Object.assign(this.chapter001, localData) }; } @@ -6144,22 +6247,33 @@ this.$emit("eventPublic", data); }, // PDf md5 鏌ョ湅 + + + closeDialog() { + this.dialogVisible = false; + }, toUrl(val) { if (val) { - const obj = { - type: "pdf", - data: { - md5: this.chapter001.pdfMd5[val].md5, - title: this.chapter001.pdfMd5[val].name, - }, - }; - this.$emit("openPDFChange", obj); + // const obj = { + // type: "pdf", + // data: { + // md5: this.chapter001.pdfMd5[val].md5, + // title: this.chapter001.pdfMd5[val].name, + // }, + // }; + // this.$emit("openPDFChange", obj); - // this.dialogVisible = true; - // this.p_md5 = this.chapter002.pdfMd5[val].md5; - // this.pdfTitle = this.chapter002.pdfMd5[val].name; + this.dialogVisible = true; + this.p_md5 = this.chapter001.pdfMd5[val].md5; + this.pdfTitle = this.chapter001.pdfMd5[val].name; } }, + + + + + + activityXyx1() { this.chapter001.isShowXyx01 = !this.chapter001.isShowXyx01; }, -- Gitblit v1.9.1