From 4a005e0d39e74f0175d67d0d6f06ae438f3a6c50 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期四, 30 五月 2024 18:32:27 +0800
Subject: [PATCH] 分页修改
---
src/books/sportsAndHealth/view/chapter002.vue | 116 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 81 insertions(+), 35 deletions(-)
diff --git a/src/books/sportsAndHealth/view/chapter002.vue b/src/books/sportsAndHealth/view/chapter002.vue
index b7e6f05..bfffd9b 100644
--- a/src/books/sportsAndHealth/view/chapter002.vue
+++ b/src/books/sportsAndHealth/view/chapter002.vue
@@ -46,15 +46,16 @@
<p>
浠�涔堟槸鐪熸鐨勫仴搴峰憿锛熷湪涓嶅悓鏃朵唬锛屼汉浠殑鍥炵瓟鍚勪笉鐩稿悓銆傞殢鐫�缁忔祹銆佺ぞ浼氱殑鍙戝睍锛屽仴搴风殑鍐呮兜宸蹭粠鐢熷瓨鎰忎箟涓婄殑韬綋鍋ュ悍锛屽彂灞曞埌韬績鍋ュ悍锛屽啀鍙戝睍鍒板缁村仴搴枫�傚叾鏈川鏄垜浠叏闈€�佸畬鏁村強鍜岃皭鍦板彂灞曘�傚叾涓紝鍏ㄩ潰鍙戝睍鎸囧痉鏅轰綋缇庡姵鍏ㄩ潰涓斿潎琛″彂灞曪紱瀹屾暣鍙戝睍鎸囪函浣撱�佸績鐞嗐�佺ぞ浼氶�傚簲鑳藉姏鍙婇亾寰烽殢鐫�骞撮緞鐨勫闀挎湁绉╁簭鍦般�佸畬鏁村湴鍙戝睍锛涘拰璋愬彂灞曟寚娉ㄩ噸鍚勫熀鏈礌璐ㄩ�傚綋銆佸崗璋冦�佸钩琛″彂灞曘�傚仴搴锋槸鍏ㄩ潰銆佸畬鏁淬�佸拰璋愬彂灞曠殑缁熶竴锛屾槸瀛︽牎浣撹偛鐨勭洰鏍囷紝鏇存槸瀛︽牎鏁欒偛鐨勬渶缁堢洰鏍囦箣涓�銆�
</p>
+ <br />
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 瀛︿竴瀛�
+ 路 瀛︿竴瀛� 路 鍋ュ悍姒傚康鐨勬紨鍙�
<div class="icon" @click="activityXyx1">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -94,15 +95,16 @@
>鏌ラ槄鈥滃仴搴锋蹇电殑婕斿彉鈥濄��
</p> -->
</div>
+ <br />
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 娴嬩竴娴�
+ 路 娴嬩竴娴� 路 涓栫晫鍗敓缁勭粐浜旈」韬績鍋ュ悍鎸囨爣璇勪环
<div class="icon" @click="activityXyx2">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -408,8 +410,8 @@
<span style="color: red">{{ chapter002.score1 }}</span>
</div>
<div class="btn">
- <span @click="submit01()">鎻愪氦</span>
- <span @click="resetData01()">閲嶅仛</span>
+ <span @click="submit(1)">鎻愪氦</span>
+ <span @click="resetData(1)">閲嶅仛</span>
</div>
</div>
</div>
@@ -457,13 +459,13 @@
<p><br /></p>
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 姣斾竴姣�
+ 路 姣斾竴姣� 路 8 绉嶅仴搴风姸鍐垫祴璇�
<div class="icon" @click="activityXyx3">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -812,15 +814,16 @@
姝ｅ父鐨勫ぇ姘斻�佹按銆佸湡澹ゃ�佸井灏忔皵鍊欑瓑鏄垜浠禆浠ョ敓瀛樸�佷笉鍙垨缂虹殑鍘熺敓鐜銆傜洰鍓嶏紝宸ュ啘涓氱敓浜у拰浜虹被娲诲姩绛変骇鐢熺殑娆＄敓鐜闂锛堝妫灄瑕嗙洊闈㈢Н鍑忓皯銆佹按鍦熸祦澶便�佺┖姘旀薄鏌撶瓑锛夋棩鐩婂嵄瀹崇潃鎴戜滑鐨勫仴搴枫�傛澶栵紝鑷劧鐜涓殑鐗╃悊鍥犵礌锛堝姘旀俯銆佹皵鍘嬨�佸櫔澹般�佽緪灏勭瓑锛�
涓庡寲瀛﹀洜绱狅紙濡傚ぉ鐒舵垨浜哄伐鍚堟垚鐨勬煇浜涘寲瀛︾墿璐ㄥ強鍔ㄧ墿鍜屽井鐢熺墿浣撳唴鐨勬煇浜涘寲瀛﹀厓绱狅級锛屼笌浜轰綋鎺ヨЕ瓒呰繃涓�瀹氶檺搴︼紝涔熶細瀵规垜浠殑鍋ュ悍浜х敓鍗卞銆�
</p>
+ <br />
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 娴嬩竴娴�
+ 路 娴嬩竴娴� 路 鐢熸椿浜嬩欢璇勪环
<div class="icon" @click="activityXyx4">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -2180,6 +2183,19 @@
</tr>
</tbody>
</table>
+ <div class="table-bottom">
+ <div class="score" v-if="!isShowScore2">
+ 鎮ㄧ殑寰楀垎锛�<span style="color: red">璇锋彁浜ゅ悗鏌ョ湅锛�</span>
+ </div>
+ <div class="score" v-if="isShowScore2">
+ 鎮ㄧ殑寰楀垎锛�
+ <span style="color: red">{{ chapter002.score2 }}</span>
+ </div>
+ <div class="btn">
+ <span @click="submit(2)">鎻愪氦</span>
+ <span @click="resetData(2)">閲嶅仛</span>
+ </div>
+ </div>
</div>
<p style="font-size: 14px">
娉細浜洪檯鍘嬪姏 锛� 1銆�2銆�4銆�15锛夈�佸涔犲帇鍔� 锛�
@@ -2242,12 +2258,22 @@
<h4 class="h4-dy3" id="d066">
<span class="h4-dy3s">涓�</span>銆�浜嗚В涔掍箵鐞冭繍鍔�
</h4>
- <p>
- 涔掍箵鐞冭繍鍔ㄦ槸涓�椤圭敱涓ゅ悕鎴栧洓鍚嶈繍鍔ㄥ憳鍦ㄤ箳涔撶悆妗屼笂杩涜闅旂綉鏀诲畧鐨勮繍鍔紝鍦ㄤ笘鐣屼笂璁稿鍦版柟娴佽銆備箳涔撶悆杩愬姩1900骞磋捣婧愪簬鑻卞浗锛�20涓栫邯鍒濆湪娆ф床鍜屼簹娲茶摤鍕冨紑灞曡捣鏉ャ�備箳涔撶悆杩愬姩鏄撲簬寮�灞曪紝鎵撴硶澶氭牱锛岀悆璺彉鍖栦赴瀵岋紝鎶�鏈姩浣滆姹傚崗璋冦�佺伒鏁忋�佺簿纭紝瑙傝祻鎬у己銆備箳涔撶悆杩愬姩鑳芥湁鏁堝彂灞曞姏閲忋�侀�熷害銆佽�愬姏銆佺伒鏁忔�х瓑韬綋绱犺川锛屽悓鏃朵篃鑳介敾鐐煎拰鍩瑰吇鍕囨暍銆侀〗寮恒�佹満鏅恒�佹灉鏂瓑蹇冪悊鍝佽川銆備箳涔撶悆杩愬姩瀵逛粖鍚庝粠浜嬮渶涔呭潗銆佷箙绔欑殑鑱屼笟锛屽挨鍏舵槸闇�瑕佽繘琛岀簿缁嗗寲鎿嶄綔鐨勮亴涓氫汉缇よ韩浣撶姸鍐电殑鏀瑰杽鏈夌Н鏋佺殑浣滅敤銆傗�滀箳涔撶簿绁炩�濇墍钑村惈鐨勬妧鏈垱鏂板拰绮剧泭姹傜簿涔熸槸鍚屽浠簲璇ュ涔犲拰璺佃鐨勮亴涓氱簿绁炪�備箳涔撶悆杩愬姩鍦ㄥ浗鍐呭骞挎硾寮�灞曪紝涔掍箵鐞冧笘鐣屾澂銆佷笘閿﹁禌涓庡ゥ杩愪細骞剁О涓栫晫涔掍箵鐞冧笁澶ц禌浜嬨��
- </p>
- <div class="pdf-con">
- <div class="pdf-view"><img :src="pingpang" alt=""><span @click="toUrl(1)">涔掍箵鐞冪殑甯哥敤鏈锛堜竴锛�</span></div>
- <div class="pdf-view"><img :src="pingpang" alt=""><span @click="toUrl(2)">涔掍箵鐞冪殑甯哥敤鏈锛堜簩锛�</span></div>
+ <div class="pdf-text">
+ <p>
+ 涔掍箵鐞冭繍鍔ㄦ槸涓�椤圭敱涓ゅ悕鎴栧洓鍚嶈繍鍔ㄥ憳鍦ㄤ箳涔撶悆妗屼笂杩涜闅旂綉鏀诲畧鐨勮繍鍔紝鍦ㄤ笘鐣屼笂璁稿鍦版柟娴佽銆備箳涔撶悆杩愬姩1900骞磋捣婧愪簬鑻卞浗锛�20涓栫邯鍒濆湪娆ф床鍜屼簹娲茶摤鍕冨紑灞曡捣鏉ャ�備箳涔撶悆杩愬姩鏄撲簬寮�灞曪紝鎵撴硶澶氭牱锛岀悆璺彉鍖栦赴瀵岋紝鎶�鏈姩浣滆姹傚崗璋冦�佺伒鏁忋�佺簿纭紝瑙傝祻鎬у己銆備箳涔撶悆杩愬姩鑳芥湁鏁堝彂灞曞姏閲忋�侀�熷害銆佽�愬姏銆佺伒鏁忔�х瓑韬綋绱犺川锛屽悓鏃朵篃鑳介敾鐐煎拰鍩瑰吇鍕囨暍銆侀〗寮恒�佹満鏅恒�佹灉鏂瓑蹇冪悊鍝佽川銆備箳涔撶悆杩愬姩瀵逛粖鍚庝粠浜嬮渶涔呭潗銆佷箙绔欑殑鑱屼笟锛屽挨鍏舵槸闇�瑕佽繘琛岀簿缁嗗寲鎿嶄綔鐨勮亴涓氫汉缇よ韩浣撶姸鍐电殑鏀瑰杽鏈夌Н鏋佺殑浣滅敤銆傗�滀箳涔撶簿绁炩�濇墍钑村惈鐨勬妧鏈垱鏂板拰绮剧泭姹傜簿涔熸槸鍚屽浠簲璇ュ涔犲拰璺佃鐨勮亴涓氱簿绁炪�備箳涔撶悆杩愬姩鍦ㄥ浗鍐呭骞挎硾寮�灞曪紝涔掍箵鐞冧笘鐣屾澂銆佷笘閿﹁禌涓庡ゥ杩愪細骞剁О涓栫晫涔掍箵鐞冧笁澶ц禌浜嬨��
+ </p>
+ <div class="pdf-con">
+ <div class="pdf-view">
+ <img :src="pingpang" alt="" /><span @click="toUrl(1)"
+ >涔掍箵鐞冪殑甯哥敤鏈锛堜竴锛�</span
+ >
+ </div>
+ <div class="pdf-view">
+ <img :src="pingpang" alt="" /><span @click="toUrl(2)"
+ >涔掍箵鐞冪殑甯哥敤鏈锛堜簩锛�</span
+ >
+ </div>
+ </div>
</div>
</div>
</div>
@@ -2269,11 +2295,12 @@
data() {
return {
isShowScore1: false,
+ isShowScore2: false,
picArr: [require("../image/0017-1.jpg")],
picOneUrl: require("../image/0017-1.jpg"),
picArr2: [require("../image/0021-1.jpg")],
picOneUrl2: require("../image/0021-1.jpg"),
- pingpang:require('../image/pdf.png'),
+ pingpang: require("../image/pdf.png"),
chapter002: {
isShowXyx01: true,
isShowXyx02: true,
@@ -2282,6 +2309,7 @@
isShowXyx05: true,
isShowXyx06: true,
score1: 0,
+ score2: 0,
tablexyx1: {},
tablexyx02: {
text2: "绗竴娆¤窇锛屾劅瑙夋湁鐐瑰効绱紝寰堟灟鐕�",
@@ -2298,7 +2326,6 @@
const localData = JSON.parse(localStorage.getItem("chapter002"));
if (localData) {
this.chapter002 = { ...Object.assign(this.chapter002, localData) };
- console.log(this.chapter002);
}
},
methods: {
@@ -2318,18 +2345,26 @@
activityXyx5() {
this.chapter002.isShowXyx05 = !this.chapter002.isShowXyx05;
},
- toUrl(val){
- if(val ==1){
- window.open(getResourcePath('54741d14a21eb47b2ed06a2231271cd5'))
- }else {
- window.open(getResourcePath('1b7ecc924bfab900ec10f0ed4bb2466b'))
+ toUrl(val) {
+ if (val == 1) {
+ window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
+ } else {
+ window.open(getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
}
},
- submit01() {
- this.isShowScore1 = true;
+ submit(val) {
+ if (val == 1) this.isShowScore1 = true;
+ if (val == 2) this.isShowScore2 = true;
+ localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
- resetData01() {
- this.chapter002.tablexyx1 = {};
+ resetData(val) {
+ const localData = JSON.parse(localStorage.getItem("chapter002"));
+ if (localData) {
+ if (val == 1) localData.tablexyx1 = {};localData.score1=0;
+ if (val == 2) localData.tablecyc2 = {};localData.score2=0;
+ this.chapter002 = { ...Object.assign(this.chapter002, localData) };
+ }
+ localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
changeBox(e, val) {
this.isShowScore1 = false;
@@ -2351,7 +2386,18 @@
localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
changecyc2(e, val) {
+ this.isShowScore2 = false;
this.chapter002.tablecyc2[val] = e.target.checked;
+ if (e.target.checked) {
+ this.chapter002.score2 += Number(e.target.value);
+ } else {
+ if (this.chapter002.score2 == 0) {
+ return false;
+ }
+ if (!e.target.checked) {
+ this.chapter002.score2 -= Number(e.target.value);
+ }
+ }
localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
changeAssess(e, val) {
--
Gitblit v1.9.1