From cc7bbbd9b6a859235c9985cc09836effc1157fe8 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 07 六月 2024 10:51:38 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/childHealth/view/content/components/chapter008.vue | 26
src/books/artAndDance/assets/images/image27-4.jpg | 0
src/books/artAndDance/assets/images/image28-1.jpg | 0
src/books/lifeCare/view/chapter003.vue | 304 +
src/books/sportsAndHealth/image/352-3.png | 0
src/books/lifeCare/view/chapter011.vue | 4
src/books/childHealth/view/content/index.vue | 26
src/books/lifeCare/view/chapter001.vue | 22
src/books/sportsAndHealth/image/355-3.png | 0
src/books/sportsAndHealth/view/text.html | 59
src/books/sportsAndHealth/image/354-4.png | 0
src/books/artAndDance/assets/images/image27-2.jpg | 0
src/books/lifeCare/view/chapter013.vue | 1
src/books/embedded/view/components/index.vue | 302 ++
src/books/sportsAndHealth/image/355-1.png | 0
src/books/childHealth/view/content/components/chapter006.vue | 26
src/books/sportsAndHealth/image/352-1.png | 0
src/books/sportsAndHealth/image/357-4.png | 0
src/books/artAndDance/view/components/chapter002.vue | 38
src/components/matching/matching.vue | 54
src/books/artAndDance/assets/images/crane.png | 0
src/books/lifeCare/view/chapter008.vue | 119
src/books/childHealth/view/content/components/chapter003.vue | 78
src/books/artAndDance/view/components/chapter003.vue | 184 +
src/books/artAndDance/assets/images/image26-2.jpg | 0
src/books/artAndDance/assets/images/chapter-four-header.png | 0
src/books/lifeCare/view/chapter006.vue | 144 +
src/books/sportsAndHealth/image/353-3.png | 0
src/books/sportsAndHealth/image/356-4.png | 0
src/books/artAndDance/assets/images/image29-3.jpg | 0
src/books/artAndDance/assets/images/07.gif | 0
src/books/sportsAndHealth/image/354-1.png | 0
src/books/childHealth/view/content/components/chapter005.vue | 20
src/books/sportsAndHealth/image/357-2.png | 0
src/components/examinations/index.vue | 4
src/assets/methods/resources.js | 37
src/books/English/view/components/index.vue | 333 ++
src/books/childHealth/view/content/components/chapter001.vue | 494 ++-
src/books/artAndDance/assets/images/chapter-five-header.png | 0
src/books/sportsAndHealth/css/default.less | 308 ++
src/books/artAndDance/assets/images/image29-1.jpg | 0
src/books/artAndDance/assets/images/image30-2.jpg | 0
src/books/sportsAndHealth/view/chapter001.vue | 4
src/books/artAndDance/assets/images/09.gif | 0
src/books/artAndDance/view/components/chapter005.vue | 243 ++
src/books/sportsAndHealth/index.vue | 23
src/books/artAndDance/assets/images/image28-3.jpg | 0
src/books/sportsAndHealth/image/356-2.png | 0
src/books/sportsAndHealth/image/353-1.png | 0
src/books/lifeCare/index.vue | 29
src/books/sportsAndHealth/view/chapter005.html | 26
src/books/artAndDance/assets/images/image30-4.jpg | 0
src/books/lifeCare/view/chapter004.vue | 43
src/components/miniAudio/index.vue | 95
src/books/sportsAndHealth/image/356-1.png | 0
src/books/lifeCare/view/chapter002.vue | 58
src/books/childHealth/view/content/components/header.vue | 4
src/books/childHealth/view/content/components/chapter009.vue | 26
src/books/lifeCare/view/chapter010.vue | 9
src/books/artAndDance/view/components/index.vue | 243 +
src/books/sportsAndHealth/view/testPp.vue | 1613 ++++++++++++++
src/books/artAndDance/assets/images/chapter-three-header.png | 0
src/books/artAndDance/assets/images/image28-2.jpg | 0
src/books/sportsAndHealth/image/352-2.png | 0
src/books/childHealth/view/content/components/chapter0004.vue | 281 +
src/books/artAndDance/view/components/chapter001.vue | 58
src/books/lifeCare/view/chapter009.vue | 5
src/books/sportsAndHealth/image/355-2.png | 0
src/books/artAndDance/assets/images/image26-4.jpg | 0
src/books/sportsAndHealth/image/357-5.png | 0
src/books/lifeCare/view/chapter012.vue | 1
src/books/artAndDance/view/components/header.vue | 6
src/books/sportsAndHealth/image/354-3.png | 0
src/books/artAndDance/assets/images/image27-3.jpg | 0
src/books/childHealth/view/content/components/chapter007.vue | 8
src/books/sportsAndHealth/image/gif/T-zi.gif | 0
src/books/sportsAndHealth/view/front001.vue | 10
src/books/artAndDance/assets/images/rise.png | 0
src/books/sportsAndHealth/view/testDynaicTable.vue | 93
src/books/embedded/view/components/chapter001.vue | 80
src/books/English/view/components/chapter001.vue | 58
src/books/artAndDance/assets/images/06.gif | 0
src/books/sportsAndHealth/image/356-5.png | 0
src/books/lifeCare/css/default.less | 148 +
src/books/sportsAndHealth/image/354-2.png | 0
src/books/childHealth/view/content/components/chapter002.vue | 68
src/books/lifeCare/view/chapter007.vue | 77
src/books/sportsAndHealth/image/357-3.png | 0
src/books/artAndDance/assets/main.less | 49
src/books/artAndDance/assets/images/image27-1.jpg | 0
src/books/sportsAndHealth/view/chapter002.vue | 165
src/books/childHealth/view/content/components/chapter010.vue | 26
src/books/lifeCare/view/chapter014.vue | 4
src/books/artAndDance/assets/images/08.gif | 0
src/books/artAndDance/assets/images/image30-1.jpg | 0
src/books/artAndDance/view/components/chapter004.vue | 188 +
src/books/artAndDance/assets/images/image26-3.jpg | 0
src/books/sportsAndHealth/image/353-4.png | 0
src/books/artAndDance/assets/images/10-2.gif | 0
src/books/sportsAndHealth/image/353-2.png | 0
src/books/artAndDance/view/components/chapter006.vue | 333 ++
src/books/lifeCare/view/chapter005.vue | 99
src/books/sportsAndHealth/image/356-3.png | 0
src/books/sportsAndHealth/image/mk.png | 0
src/books/sportsAndHealth/image/sports02.png | 0
src/books/artAndDance/assets/images/image30-3.jpg | 0
src/books/sportsAndHealth/image/357-1.png | 0
src/books/lifeCare/image/ydsc.jpg | 0
/dev/null | 51
src/books/artAndDance/assets/images/image29-2.jpg | 0
src/books/artAndDance/assets/images/image26-1.jpg | 0
src/App.vue | 2
src/books/artAndDance/assets/images/image28-4.jpg | 0
113 files changed, 5,613 insertions(+), 1,196 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 57de654..4bc027e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -72,7 +72,7 @@
// embedded
// english
// artAndDance
- this.config.resourceCtx + "lifeCare"
+ this.config.resourceCtx + "childHealth"
);
// 娴嬭瘯璇曡30椤�
// this.activeBook.tryPageCount = 10;
diff --git a/src/assets/methods/resources.js b/src/assets/methods/resources.js
index 37168bb..bd860ff 100644
--- a/src/assets/methods/resources.js
+++ b/src/assets/methods/resources.js
@@ -1,19 +1,22 @@
-import fileApi from '@/assets/js/middleGround/api/file'
-export const getResourcePath = async(md5,appRefCode = "jingshieke") => {
- let path = ''
- await fileApi.getAliVod({
- md5,appRefCode
- }).then(res => {
- if(res.data.length) {
- path = res.data
- } else {
- path = process.env.VUE_APP_API_URL + '/file/api/ApiDownload?md5=' + md5
- }
- })
- return path
-}
+import fileApi from "@/assets/js/middleGround/api/file";
+export const getResourcePath = async (md5, appRefCode = "jingshieke") => {
+ let path = "";
+ await fileApi
+ .getAliVod({
+ md5,
+ appRefCode,
+ })
+ .then((res) => {
+ if (res?.data != "" && res?.data != undefined) {
+ path = res.data;
+ } else {
+ path = process.env.VUE_APP_API_URL + "/file/api/ApiDownload?md5=" + md5;
+ }
+ });
+ return path;
+};
const MT = {
- getResourcePath
-}
+ getResourcePath,
+};
-export default MT
\ No newline at end of file
+export default MT;
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 11382cc..60d65a7 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -505,7 +505,12 @@
<div class="bodystyle">
<h3 id="c002" class="fl al-cn">
<span class="bjh3">Listening</span>
- <audio :src="resource.listenOne" controls></audio>
+ <audio
+ :src="resource.listenOne"
+ controls
+ class="audio"
+ @play="audioPlay"
+ ></audio>
</h3>
<p>
<b
@@ -514,19 +519,24 @@
corresponding descriptions.</b
>
</p>
- <p class="center">
+ <!-- <p class="center">
<img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
- </p>
+ </p> -->
<div>
<ul class="fl ju-bt">
<li>Speakers銆�Chinese Cultural Symbols</li>
- <li style="width:40%;text-align:center">Descriptions</li>
- </ul>
+ <li style="width: 40%; text-align: center">Descriptions</li>
+ </ul>
<matching :rawData="rawData" :item="question"></matching>
</div>
<h3 id="c003" class="fl al-cn">
<span class="bjh3">Reading</span>
- <audio :src="resource.readingOne" controls></audio>
+ <audio
+ :src="resource.readingOne"
+ controls
+ class="audio"
+ @play="audioPlay"
+ ></audio>
</h3>
<p>
1.How was Chinese culture introduced to the world in ancient
@@ -735,6 +745,8 @@
:src="resource.readingTwo"
controls
style="margin-left: 10px"
+ class="audio"
+ @play="audioPlay"
></audio>
<p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p>
<div class="bkbj">
@@ -2280,14 +2292,14 @@
</div>
<div class="w100 fl ju-cn">
<div class="fl ju-ev mt-40" style="width: 80%">
- <button @click="setDropdownData" class="btn-border btn-w">
- 淇濆瓨
- </button>
<button
class="btn-border btn-w"
@click="handleDropdown('judge')"
>
鎻愪氦
+ </button>
+ <button @click="setDropdownData" class="btn-border btn-w">
+ 淇濆瓨
</button>
<button class="btn-border btn-w" @click="changeDropdown">
閲嶅仛
@@ -2315,7 +2327,7 @@
import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapter-one",
- components:{matching},
+ components: { matching },
props: {
showPageList: {
type: Array,
@@ -2376,22 +2388,26 @@
answer: [
{
id: "FB34",
- linkValue: "The clothing material is quite popular among Roman women inancient times.",
+ linkValue:
+ "The clothing material is quite popular among Roman women inancient times.",
value: "Silk",
},
{
id: "64D6",
- linkValue: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ linkValue:
+ "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
value: "The Great Wall",
},
{
id: "2ED4",
- linkValue: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ linkValue:
+ "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
value: "Chinese Food",
},
{
id: "44DE",
- linkValue: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+ linkValue:
+ "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
value: "Chinese Tea",
},
],
@@ -2415,7 +2431,6 @@
oldId: "2ED4",
txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
},
-
],
values: [
{
@@ -2444,7 +2459,7 @@
titleDescription: "1",
userChoise: [],
value: [],
- answerImg:require("@/books/English/assets/images/matching-one.png")
+ answerImg: require("@/books/English/assets/images/matching-one.png"),
},
questionData: {
warnUp: {
@@ -2740,6 +2755,9 @@
saveData() {
console.log(this.testData);
},
+ audioPlay() {
+ this.$emit("closeMiniAudio");
+ },
},
};
</script>
@@ -2800,5 +2818,11 @@
select {
height: 24px;
}
-
+.mini-audio {
+ width: 200px;
+ height: 200px;
+ position: fixed;
+ right: 0;
+ background-color: red;
+}
</style>
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index a8700d0..a62ae6a 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -14,16 +14,24 @@
></pageHeader>
<chapterOne
@saveCharacters="saveCharacters"
+ @closeMiniAudio="closeMiniAudio"
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
></chapterOne>
</div>
+ <miniAudio
+ :path="audioPath"
+ :currentTime="currentTime"
+ @closeMiniAudio="closeMiniAudio"
+ ref="audioPlayer"
+ ></miniAudio>
</div>
</template>
<script>
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
+import miniAudio from "@/components/miniAudio/index.vue";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
@@ -33,7 +41,7 @@
export default {
data() {
return {
- catalogLength: 2, // 鎬荤珷鑺傛暟
+ catalogLength: 14, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -42,8 +50,12 @@
observer: null,
loadPageObserver: null,
loadPageList: [],
- questionData: {},
+ questionDataMap: {},
renderSignMap: {},
+ highlightData: null,
+ audioPath: "",
+ currentTime: null,
+ videoList: [],
};
},
computed: {
@@ -81,6 +93,14 @@
}, 200);
},
},
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
},
mounted() {
// 榛樿鍔犺浇绔犺妭
@@ -107,6 +127,14 @@
// 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
delSign: (data) => {
this.delSign(data);
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
},
});
}
@@ -148,13 +176,41 @@
// });
// }, 2000);
// }, 5000);
- // }, 1000);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 5000);
},
methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
// 婊氬姩鐩戝惉
scrollFun(event) {
// 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
if (event.target.scrollTop > this.previousScrollTop) {
+ this.getAduio()
// 鍚戜笅
const currentScrollTop =
event.target.scrollTop + event.target.offsetHeight;
@@ -178,6 +234,7 @@
}
}
} else if (event.target.scrollTop < this.previousScrollTop) {
+ this.handleAudio()
// 鍚戜笂
const currentScrollTop = event.target.scrollTop;
if (currentScrollTop <= this.loadThreshold) {
@@ -243,6 +300,10 @@
// 娓叉煋鏍囪
renderSign(type, data) {
+ // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+ if (this.$store.state.qiankun.disableSign) {
+ return false;
+ }
const existence = (
this.container ? this.container : document
).querySelector(`[dataid="${data.id}"]`);
@@ -252,10 +313,7 @@
this.container ? this.container : document
).querySelector(`[page="${data.page}"]`);
// 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
- const treeWalker = document.createTreeWalker(
- pageDom,
- NodeFilter.SHOW_TEXT
- );
+ const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT);
const allTextNodes = [];
let currentNode = treeWalker.nextNode();
while (currentNode) {
@@ -431,6 +489,7 @@
});
},
getParentWithClass(element, className) {
+ console.log(element, className, "element, className");
while (element.parentElement) {
element = element.parentElement;
if (element.classList.contains(className)) {
@@ -480,11 +539,11 @@
"chapter"
);
const catalog = catalogDom.getAttribute("num");
- // if (!this.questionData[page]) {
+ // if (!this.questionDataMap[page]) {
// if (testData && testData[catalog]) {
// if (testData[catalog][page]) {
// if (Array.isArray(testData[catalog][page])) {
- // this.questionData[page] = await getQuestionList(
+ // this.questionDataMap[page] = await getQuestionList(
// page,
// testData[catalog][page],
// this.config.activeBook
@@ -498,9 +557,9 @@
// this.config.activeBook
// );
// }
- // this.questionData[page] = obj;
+ // this.questionDataMap[page] = obj;
// }
- // console.log("棰樼洰", this.questionData);
+ // console.log("棰樼洰", this.questionDataMap);
// }
// }
// }
@@ -513,6 +572,36 @@
this.renderSign(key, item);
});
}
+ }
+ // 澶勭悊楂樹寒
+ if (this.highlightData) {
+ // 楂樹寒琛�
+ setTimeout(() => {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
+ if (txtIndex > -1) {
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
+ }
+ }
+ }, 100);
}
if (this.loadPageList.length > 5) {
// 瓒呰繃5椤�
@@ -565,40 +654,40 @@
for (let i = 0; i < pptDoms.length; i++) {
const dom = pptDoms[i];
new Swiper(dom, {
- loop: false, // 鏃犵紳
- autoplay: false,
- paginationClickable: true,
- slidesPerView: 1, // 涓�缁勪笁涓�
- spaceBetween: 30, // 闂撮殧
- // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
- navigation: {
- nextEl: (this.container ? this.container : document).querySelector(
- ".swiper-button-next"
- ),
- prevEl: (this.container ? this.container : document).querySelector(
- ".swiper-button-prev"
- ),
- },
- // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
- observer: true,
- observeParents: true,
- on: {
- init:(value) => {
- let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
- let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
- var paginationInfoEl = dom.querySelector('.pageBox');
- if(paginationInfoEl)
- paginationInfoEl.textContent = currentPage + '/' + totalPages;
+ loop: false, // 鏃犵紳
+ autoplay: false,
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: (this.container ? this.container : document).querySelector(
+ ".swiper-button-next"
+ ),
+ prevEl: (this.container ? this.container : document).querySelector(
+ ".swiper-button-prev"
+ ),
},
- slideChange:(value) => {
- let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
- let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
- var paginationInfoEl = dom.querySelector('.pageBox');
- if(paginationInfoEl)
- paginationInfoEl.textContent = currentPage + '/' + totalPages;
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ observer: true,
+ observeParents: true,
+ on: {
+ init: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ slideChange: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
},
- },
- });
+ });
}
},
initViewer() {
@@ -617,12 +706,116 @@
});
}
},
- // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳�
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ chapterOne,
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT);
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ }
+ }
+ }
+ }
+ // 杈撳嚭鎼滅储缁撴灉
+ console.log(searchResult);
+ return searchResult;
+ },
+ // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+ searchItemLocation(data) {
+ // 璁板綍楂樹寒淇℃伅
+ this.highlightData = data;
+ // 璺宠浆
+ this.gotoPage(data.catalog, data.page, () => {});
+ },
+ // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳�
saveCharacters(event, word) {
console.log("鐢熷兓瀛�", event, word);
if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
this.$store.state.qiankun.chooseWords({
- type:"word",
+ type: "word",
word,
x: event.pageX,
y: event.pageY,
@@ -630,10 +823,60 @@
}
// chooseWords
},
+ // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+ getAduio() {
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ this.videoList = allVideo;
+ if (allVideo.length) {
+ // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉￠煶棰�
+ const playAudio = allVideo
+ .reverse()
+ .find((item) => item.paused == false);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap < 0) {
+ playAudio.pause();
+ this.audioPath = playAudio.src;
+ this.currentTime = playAudio.currentTime;
+ }
+ }
+ }
+ },
+ // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+ handleAudio() {
+ if (!this.audioPath) return false;
+ let allVideo = (
+ this.container ? this.container : document
+ ).querySelectorAll(".audio");
+ allVideo = Array.from(allVideo);
+ if (allVideo.length) {
+ //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+ const playAudio = allVideo.find((item) => item.src == this.audioPath);
+ if (playAudio) {
+ const bottomGap = playAudio.getBoundingClientRect().bottom;
+ if (bottomGap >= 0) {
+ if (this.$refs.audioPlayer) {
+ const playerState = this.$refs.audioPlayer.getVideoPlayer();
+ this.audioPath = "";
+ playAudio.currentTime = playerState.currentTime;
+ if (!playerState.paused) playAudio.play();
+ }
+ }
+ }
+ }
+ },
+ // 鍏抽棴mini video
+ closeMiniAudio() {
+ this.audioPath = ''
+ }
},
components: {
pageHeader,
chapterOne,
+ miniAudio
},
};
</script>
diff --git a/src/books/artAndDance/assets/images/06.gif b/src/books/artAndDance/assets/images/06.gif
new file mode 100644
index 0000000..d898022
--- /dev/null
+++ b/src/books/artAndDance/assets/images/06.gif
Binary files differ
diff --git a/src/books/artAndDance/assets/images/07.gif b/src/books/artAndDance/assets/images/07.gif
new file mode 100644
index 0000000..b1ea008
--- /dev/null
+++ b/src/books/artAndDance/assets/images/07.gif
Binary files differ
diff --git a/src/books/artAndDance/assets/images/08.gif b/src/books/artAndDance/assets/images/08.gif
new file mode 100644
index 0000000..e1d2936
--- /dev/null
+++ b/src/books/artAndDance/assets/images/08.gif
Binary files differ
diff --git a/src/books/artAndDance/assets/images/09.gif b/src/books/artAndDance/assets/images/09.gif
new file mode 100644
index 0000000..e93c1c3
--- /dev/null
+++ b/src/books/artAndDance/assets/images/09.gif
Binary files differ
diff --git a/src/books/artAndDance/assets/images/10-2.gif b/src/books/artAndDance/assets/images/10-2.gif
new file mode 100644
index 0000000..8913cc7
--- /dev/null
+++ b/src/books/artAndDance/assets/images/10-2.gif
Binary files differ
diff --git a/src/books/artAndDance/assets/images/chapter-five-header.png b/src/books/artAndDance/assets/images/chapter-five-header.png
new file mode 100644
index 0000000..69c447b
--- /dev/null
+++ b/src/books/artAndDance/assets/images/chapter-five-header.png
Binary files differ
diff --git a/src/books/artAndDance/assets/images/chapter-four-header.png b/src/books/artAndDance/assets/images/chapter-four-header.png
new file mode 100644
index 0000000..b7de987
--- /dev/null
+++ b/src/books/artAndDance/assets/images/chapter-four-header.png
Binary files differ
diff --git a/src/books/artAndDance/assets/images/chapter-three-header.png b/src/books/artAndDance/assets/images/chapter-three-header.png
new file mode 100644
index 0000000..2f960d3
--- /dev/null
+++ b/src/books/artAndDance/assets/images/chapter-three-header.png
Binary files differ
diff --git a/src/books/artAndDance/assets/images/crane.png b/src/books/artAndDance/assets/images/crane.png
new file mode 100644
index 0000000..42102e4
--- /dev/null
+++ b/src/books/artAndDance/assets/images/crane.png
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image26-1.jpg b/src/books/artAndDance/assets/images/image26-1.jpg
index 71a2cf8..7b2ccca 100644
--- a/src/books/artAndDance/assets/images/image26-1.jpg
+++ b/src/books/artAndDance/assets/images/image26-1.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image26-2.jpg b/src/books/artAndDance/assets/images/image26-2.jpg
index b60baf1..0e602b1 100644
--- a/src/books/artAndDance/assets/images/image26-2.jpg
+++ b/src/books/artAndDance/assets/images/image26-2.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image26-3.jpg b/src/books/artAndDance/assets/images/image26-3.jpg
index 353ca5e..db761e8 100644
--- a/src/books/artAndDance/assets/images/image26-3.jpg
+++ b/src/books/artAndDance/assets/images/image26-3.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image26-4.jpg b/src/books/artAndDance/assets/images/image26-4.jpg
index 3095046..b624f0f 100644
--- a/src/books/artAndDance/assets/images/image26-4.jpg
+++ b/src/books/artAndDance/assets/images/image26-4.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image27-1.jpg b/src/books/artAndDance/assets/images/image27-1.jpg
index 484eb1c..252f193 100644
--- a/src/books/artAndDance/assets/images/image27-1.jpg
+++ b/src/books/artAndDance/assets/images/image27-1.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image27-2.jpg b/src/books/artAndDance/assets/images/image27-2.jpg
index eab8076..66b0489 100644
--- a/src/books/artAndDance/assets/images/image27-2.jpg
+++ b/src/books/artAndDance/assets/images/image27-2.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image27-3.jpg b/src/books/artAndDance/assets/images/image27-3.jpg
index 7eed5d8..d584d64 100644
--- a/src/books/artAndDance/assets/images/image27-3.jpg
+++ b/src/books/artAndDance/assets/images/image27-3.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image27-4.jpg b/src/books/artAndDance/assets/images/image27-4.jpg
index 9b55c8f..000d0db 100644
--- a/src/books/artAndDance/assets/images/image27-4.jpg
+++ b/src/books/artAndDance/assets/images/image27-4.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image28-1.jpg b/src/books/artAndDance/assets/images/image28-1.jpg
index 6867c09..1e983cc 100644
--- a/src/books/artAndDance/assets/images/image28-1.jpg
+++ b/src/books/artAndDance/assets/images/image28-1.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image28-2.jpg b/src/books/artAndDance/assets/images/image28-2.jpg
index aae4239..9ed2a18 100644
--- a/src/books/artAndDance/assets/images/image28-2.jpg
+++ b/src/books/artAndDance/assets/images/image28-2.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image28-3.jpg b/src/books/artAndDance/assets/images/image28-3.jpg
index b8fdeff..2dc30b8 100644
--- a/src/books/artAndDance/assets/images/image28-3.jpg
+++ b/src/books/artAndDance/assets/images/image28-3.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image28-4.jpg b/src/books/artAndDance/assets/images/image28-4.jpg
index 5d60b1a..cd3e38d 100644
--- a/src/books/artAndDance/assets/images/image28-4.jpg
+++ b/src/books/artAndDance/assets/images/image28-4.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image29-1.jpg b/src/books/artAndDance/assets/images/image29-1.jpg
index 6012bb2..b1e92eb 100644
--- a/src/books/artAndDance/assets/images/image29-1.jpg
+++ b/src/books/artAndDance/assets/images/image29-1.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image29-2.jpg b/src/books/artAndDance/assets/images/image29-2.jpg
index 274329e..87ef8c6 100644
--- a/src/books/artAndDance/assets/images/image29-2.jpg
+++ b/src/books/artAndDance/assets/images/image29-2.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image29-3.jpg b/src/books/artAndDance/assets/images/image29-3.jpg
index cc68bb1..7be96b2 100644
--- a/src/books/artAndDance/assets/images/image29-3.jpg
+++ b/src/books/artAndDance/assets/images/image29-3.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image30-1.jpg b/src/books/artAndDance/assets/images/image30-1.jpg
index feed285..c22dbaa 100644
--- a/src/books/artAndDance/assets/images/image30-1.jpg
+++ b/src/books/artAndDance/assets/images/image30-1.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image30-2.jpg b/src/books/artAndDance/assets/images/image30-2.jpg
index 08f475d..e8bee76 100644
--- a/src/books/artAndDance/assets/images/image30-2.jpg
+++ b/src/books/artAndDance/assets/images/image30-2.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image30-3.jpg b/src/books/artAndDance/assets/images/image30-3.jpg
index 0d05cb9..ff3703d 100644
--- a/src/books/artAndDance/assets/images/image30-3.jpg
+++ b/src/books/artAndDance/assets/images/image30-3.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/image30-4.jpg b/src/books/artAndDance/assets/images/image30-4.jpg
index e5ef59a..0685c41 100644
--- a/src/books/artAndDance/assets/images/image30-4.jpg
+++ b/src/books/artAndDance/assets/images/image30-4.jpg
Binary files differ
diff --git a/src/books/artAndDance/assets/images/rise.png b/src/books/artAndDance/assets/images/rise.png
new file mode 100644
index 0000000..bbf2dfe
--- /dev/null
+++ b/src/books/artAndDance/assets/images/rise.png
Binary files differ
diff --git a/src/books/artAndDance/assets/main.less b/src/books/artAndDance/assets/main.less
index ba003e5..5642906 100644
--- a/src/books/artAndDance/assets/main.less
+++ b/src/books/artAndDance/assets/main.less
@@ -159,7 +159,7 @@
h2.whleft2 {
text-align: left;
color: #af0206;
- font-size: 1.2em;
+ font-size: 38px;
margin-top: 0.2em;
margin-bottom: 0.2em;
text-indent: 0em;
@@ -369,6 +369,12 @@
.m0 {
margin: 0;
}
+ .mr-8 {
+ margin-right: 8px;
+ }
+ .mt-20 {
+ margin-top: 20px;
+ }
.mt-40 {
margin-top: 40px !important;
}
@@ -400,9 +406,30 @@
position: absolute;
bottom: 0;
}
+ .m16-0 {
+ margin: 16px 0;
+ }
+ .fm-son {
+ font-family: "瀹嬩綋", SimSun, sans-serif;
+ }
+ .auido-text {
+ font-size: 22px;
+ font-family: "FangSong", "PMingLiU", serif;
+ font-weight: bold;
+ }
}
/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 430px) {
+ .ans-dance {
+ .page-box {
+ min-height: 750px;
+ }
+ .pg-mh {
+ min-height: 815px;
+ }
+ }
+}
@media (max-width: 660px) {
.ans-dance {
/* 鍒嗛〉padding */
@@ -416,6 +443,16 @@
.video-box {
max-width: 260px;
}
+ .audio-box {
+ margin-top: 20px;
+ flex-wrap: wrap;
+ li {
+ width: 100%;
+ }
+ li:nth-child(2) {
+ margin-top: 10px;
+ }
+ }
}
}
@media (min-width: 660px) {
@@ -429,5 +466,15 @@
.video-box {
max-width: 370px;
}
+ .audio-box {
+ margin-top: 20px;
+ flex-wrap: nowrap;
+ li {
+ width: 58%;
+ }
+ li:nth-child(2) {
+ margin-left: 10px;
+ }
+ }
}
}
\ No newline at end of file
diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index 2c63268..5d13903 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -1,13 +1,14 @@
<template>
<div class="chapter" num="2">
- <div class="page-box" page="4" style="min-height: auto;">
+ <div class="page-box" page="4" style="min-height: auto">
<div v-if="showPageList.indexOf(4) > -1">
<img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
<img src="../../assets/images/01.gif" alt="" style="width: 53%;" class="cover-img">
+ <audio></audio>
</div>
</div>
<div class="page-box" page="5">
- <div v-if="showPageList.indexOf(5) > -1" class="pg-mh fl fl-cl ju-bt">
+ <div v-if="showPageList.indexOf(5) > -1" class="pg-mh fl fl-cl">
<img
src="../../assets/images/pageContentHeader.jpg"
alt=""
@@ -28,7 +29,7 @@
<p class="block2 fz-26">閰嶅悎姝ヤ紣</p>
<p class="block1 w70"><span class="ls fz-26">鈥斺�斾笂姝ユ檭鎵�</span></p>
</div>
- <ul>
+ <ul class="pb-box">
<li class="ml-40">
<img src="../../assets/images/icon/tree.jpg" />
<span class="dl-ib"> 2 </span>
@@ -51,6 +52,24 @@
<h2 class="lefth2" id="b002">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
+ <ul class="fl fl-cl al-cn audio-box">
+ <li class="fl al-cn">
+ <span class="wh-nr auido-text mr-8 ">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls></audio>
+ </li>
+ <li class="fl al-cn mt-20 " >
+ <span class="wh-nr auido-text mr-8 ">
+ 濂崇闊�
+ </span>
+ <audio :src="auidoPathTwo" controls></audio>
+ </li>
+ </ul>
+ <h3 id="c003">榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</h3>
+ <p class="block2 fm-son ">銆斿攼銆曟潕鐧�</p>
+ <p class="block2 m16-0">鏁呬汉瑗胯緸榛勯工妤硷紝</p>
+ <p class="block2 m16-0">鐑熻姳涓夋湀涓嬫壃宸炪��</p>
+ <p class="block2 m16-0">瀛ゅ竼杩滃奖纰х┖灏斤紝</p>
+ <p class="block2 m16-0">鍞闀挎睙澶╅檯娴併��</p>
<video
:src="videoPathOne"
webkit-playsinline="true"
@@ -61,19 +80,8 @@
x5-playsinline=""
controls
class="w100"
+ style="margin-top: 40px;"
></video>
- <h3 id="c003">榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</h3>
- <p class="block2">銆斿攼銆曟潕鐧�</p>
- <p class="block2">鏁呬汉瑗胯緸榛勯工妤硷紝</p>
- <p class="block2">鐑熻姳涓夋湀涓嬫壃宸炪��</p>
- <p class="block2">瀛ゅ竼杩滃奖纰х┖灏斤紝</p>
- <p class="block2">鍞闀挎睙澶╅檯娴併��</p>
- <p class="center">
- <img class="img-g" alt="" src="image/i0007-1.jpg" />
- </p>
- <h2 class="lefth2" id="b003">
- <img class="img-gn" alt="" src="image/czysj.jpg" />
- </h2>
</div>
<ul>
<li class="fl ju-end mr-40">
@@ -96,6 +104,9 @@
class="w100 mb-40"
/>
<div class="padding-96">
+ <h2 class="lefth2" id="b003">
+ <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
+ </h2>
<div class="bj1">
<p class="block">
<img
@@ -120,7 +131,6 @@
鍏呭垎鐞嗚В鍙よ瘲琛ㄨ揪鐨勬儏鎰燂紝鏍规嵁宸插鑸炶箞鍏冪礌锛屽垱缂栧甫鏈夐�佸埆鎰忓懗鐨勫崟涓�鑸炶箞鍔ㄤ綔鎴栭�犲瀷鍚с��
</p>
</div>
- <p class="center"><img class="img-0" alt="" src="image/ym.jpg" /></p>
</div>
<ul class="pb-box">
<li class="ml-40">
@@ -137,7 +147,7 @@
</template>
<script>
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterOne",
props: {
@@ -151,11 +161,16 @@
data() {
return {
videoPathOne: "",
+ auidoPathOne:"",
+ auidoPathTwo:"",
+
};
},
methods: {
- getVidoePath() {
- this.videoPathOne = getResourcePath("db8040667457cc6fc9b0209009acb316");
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath("db8040667457cc6fc9b0209009acb316");
+ this.auidoPathOne = await getResourcePath("2c5f6c69b0f9f7a3c03e473cb8c977f5");
+ this.auidoPathTwo = await getResourcePath("e93c0fdde08be5a4386c8c863892a287");
},
},
};
@@ -176,4 +191,9 @@
top: 33%;
left: 23%;
}
+.division-line {
+ width: 2px;
+ height: 100%;
+ background-color: red;
+}
</style>
diff --git a/src/books/artAndDance/view/components/chapter002.vue b/src/books/artAndDance/view/components/chapter002.vue
index 36c736e..6364b3b 100644
--- a/src/books/artAndDance/view/components/chapter002.vue
+++ b/src/books/artAndDance/view/components/chapter002.vue
@@ -62,10 +62,22 @@
<h2 class="lefth2" id="b006">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
+ <ul class="fl fl-cl al-cn audio-box">
+ <li class="fl al-cn">
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls></audio>
+ </li>
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8">
+ 濂崇闊�
+ </span>
+ <audio :src="auidoPathTwo" controls></audio>
+ </li>
+ </ul>
<h3 id="c006">浜＄緤琛ョ墷</h3>
- <p class="block2">甯竴鍏�</p>
- <p class="block2">缇婂晩缇婂晩鍜╁挬鍙紝鏈夊彧灏忕緤涓嶈浜嗐��</p>
- <p class="block2">澧欏晩澧欏晩鍨掗珮楂橈紝澧欎笂鏈変釜澶х獰绐裤��</p>
+ <p class="block2 fm-son">甯竴鍏�</p>
+ <p class="block2 m16-0">缇婂晩缇婂晩鍜╁挬鍙紝鏈夊彧灏忕緤涓嶈浜嗐��</p>
+ <p class="block2 m16-0">澧欏晩澧欏晩鍨掗珮楂橈紝澧欎笂鏈変釜澶х獰绐裤��</p>
</div>
<ul>
<li class="fl ju-end mr-40">
@@ -88,8 +100,8 @@
class="w100 mb-40"
/>
<div class="padding-96">
- <p class="block2">缇婂晩缇婂晩鍜╁挬鍙紝缇婂効鍏ㄩ兘鍚撳潖浜嗐��</p>
- <p class="block2">绐熺绐熺榛戞礊娲烇紝蹇揩琛ヤ笂鎵嶅畨蹇冦��</p>
+ <p class="block2 m16-0">缇婂晩缇婂晩鍜╁挬鍙紝缇婂効鍏ㄩ兘鍚撳潖浜嗐��</p>
+ <p class="block2 m16-0">绐熺绐熺榛戞礊娲烇紝蹇揩琛ヤ笂鎵嶅畨蹇冦��</p>
<p class="center">
<!-- <img class="img-g" alt="" src="../../assets/images/i0012-1.jpg" /> -->
</p>
@@ -103,6 +115,7 @@
x5-playsinline=""
controls
class="w100"
+ style="margin-top: 40px;"
></video>
<h2 class="lefth2 mt-40" id="b007">
<img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
@@ -134,7 +147,7 @@
</div>
<!-- <p class="center"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></p> -->
</div>
- <ul class="pb-box">
+ <ul style="margin-top: 20px">
<li class="ml-40">
<img src="../../assets/images/icon/tree.jpg" />
<span class="dl-ib"> 8 </span>
@@ -149,7 +162,7 @@
</template>
<script>
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterTwo",
props: {
@@ -174,12 +187,17 @@
videoPathOne: "",
num:0,
addTimer:null,
- cutTimer:null
+ cutTimer:null,
+ auidoPathOne:"",
+ auidoPathTwo:"",
+
};
},
methods: {
- getVidoePath() {
- this.videoPathOne = getResourcePath("f6aaaed901868114d948031615250bed");
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath("f6aaaed901868114d948031615250bed");
+ this.auidoPathOne = await getResourcePath("39fd9a021904ed3de1b8b9e036777ea3");
+ this.auidoPathTwo = await getResourcePath("a143777eff52ee24e53521d16afc85d9");
},
addNum() {
this.addTimer = setInterval(() => {
diff --git a/src/books/artAndDance/view/components/chapter003.vue b/src/books/artAndDance/view/components/chapter003.vue
new file mode 100644
index 0000000..5004bac
--- /dev/null
+++ b/src/books/artAndDance/view/components/chapter003.vue
@@ -0,0 +1,184 @@
+<template>
+ <div class="chapter" num="4">
+ <div class="page-box" page="12" style="min-height: auto">
+ <div v-if="showPageList.indexOf(12) > -1">
+ <img class="img-0" alt="" src="../../assets/images/dy3.jpg" />
+ <img src="../../assets/images/07.gif" alt="" style="width: 56%;" class="cover-gif">
+ </div>
+ </div>
+ <div class="page-box" page="13">
+ <div v-if="showPageList.indexOf(13) > -1" class="pg-mh fl fl-cl">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/06.gif" />
+ </p>
+ <h2 class="lefth2" id="b001">
+ <img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
+ </h2>
+ <h3 id="c001" class="fw-400 fz-26 mb-20">鍏冪礌</h3>
+ <p class="block2 fw-400 fz-26">鍙屾墜鎸変簬韬綋涓ゆ梺锛屾ā浠垮绔ュぉ鐪熷彲鐖辩殑鏍峰瓙</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�旀梺鎸夋墜</span></p>
+ <p class="block2 fz-26">鍗曟墜鏃佹寜锛屾寚鍚�1鐐规柟鍚�</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�旀ā浠块挀楸�</span></p>
+ <p class="block2 fz-26">鍗曡吙浜ゆ浛鍚歌烦</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿惛璺虫</span></p>
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 10 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="14">
+ <div v-if="showPageList.indexOf(14) > -1">
+ <div>
+ <img src="../../assets/images/chapter-three-header.png" class="w100" />
+ </div>
+ <div class="padding-96">
+ <h3 id="c002">绌洪棿涓庢柟鍚�</h3>
+ <p class="block2">楂樸�佷腑绌洪棿</p>
+ <p class="block2">1銆�2銆�4銆�8鐐规柟鍚�</p>
+ <h2 class="lefth2" id="b002">
+ <img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
+ </h2>
+ <ul class="fl fl-cl al-cn audio-box">
+ <li class="fl al-cn">
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls></audio>
+ </li>
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8">
+ 濂崇闊�
+ </span>
+ <audio :src="auidoPathTwo" controls></audio>
+ </li>
+ </ul>
+ <h3 id="c009">灏忓効鍨傞挀</h3>
+ <p class="block2 fm-son">銆斿攼銆曡儭浠よ兘</p>
+ <p class="block2 m16-0">钃ご绋氬瓙瀛﹀瀭绾讹紝</p>
+ <p class="block2 m16-0">渚у潗鑾撹嫈鑽夋槧韬��</p>
+ <p class="block2 m16-0">璺汉鍊熼棶閬ユ嫑鎵嬶紝</p>
+ <p class="block2 m16-0">鎬曞緱楸兼儕涓嶅簲浜恒��</p>
+ <video
+ :src="videoPathOne"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="w100"
+ style="margin-top: 40px;"
+ ></video>
+ </div>
+ <ul>
+ <li class="fl ju-end mr-40">
+ <div>
+ <span class="dl-ib"> 11 </span>
+ <img src="../../assets/images/icon/tree.jpg" />
+ </div>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="15">
+ <div v-if="showPageList.indexOf(15) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <h2 class="lefth2" id="b003">
+ <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
+ </h2>
+ <div class="bj1">
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />杩愮敤鎵�瀛﹁垶韫堝厓绱狅紝璁剧珛瀛╃閽撻奔鐨勪袱涓笉鍚屽満鏅��
+ </p>
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />瀛︾敓鑷効鍒嗙粍锛屾瘡缁勮嚜琛岃缃笌璇ヨ瘲鎯呮劅鐩稿叧鐨勪富棰橈紝鍦ㄦ暀甯堢殑寮曞涓嬭繘琛屽垱缂栵紝骞跺瘜鏈夋儏鎰熷湴灞曠ず鍑烘潵銆�
+ </p>
+ </div>
+ <h2 class="lefth2" id="b004">
+ <img class="img-gn1" alt="" src="../../assets/images/tz.jpg" />
+ </h2>
+ <div class="bj2">
+ <p class="block">
+ 瑙傚療鐢熸椿涓挀楸艰�呯殑褰㈣薄锛屾牴鎹凡瀛﹁垶韫堝厓绱狅紝鍒涚紪鍑烘柊鐨勫崟涓�鑸炶箞鍔ㄤ綔鎴栬�呴�犲瀷鍚с��
+ </p>
+ </div>
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 12 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import {getResourcePath} from "@/assets/methods/resources";
+ export default {
+ name:"chapterThree",
+ props:{
+ showPageList:{
+ type:Array,
+ }
+ },
+ mounted() {
+ this.getVidoePath()
+ },
+ data() {
+ return {
+ videoPathOne:"",
+ auidoPathOne:"",
+ auidoPathTwo:""
+ }
+ },
+ methods: {
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath("36a2cffb28e494bea887f9a905b11863");
+ this.auidoPathOne = await getResourcePath("85923e871441c541991be07fe4ce8771");
+ this.auidoPathTwo = await getResourcePath("c018f7a6434abfac0b0e0da1174d643a");
+ },
+ },
+ }
+</script>
+
+<style lang="less" scoped>
+.cover-gif {
+ position: absolute;
+ top: 32%;
+ left: 22%;
+
+}
+</style>
\ No newline at end of file
diff --git a/src/books/artAndDance/view/components/chapter004.vue b/src/books/artAndDance/view/components/chapter004.vue
new file mode 100644
index 0000000..f81c6c4
--- /dev/null
+++ b/src/books/artAndDance/view/components/chapter004.vue
@@ -0,0 +1,188 @@
+<template>
+ <div class="chapter" num="5">
+ <div class="page-box" page="16" style="min-height: auto;">
+ <div v-if="showPageList.indexOf(16) > -1">
+ <img class="img-0" alt="" src="../../assets/images/dy4.jpg" />
+ <img src="../../assets/images/08.gif" alt="" style="width: 55%;" class="cover-gif">
+ </div>
+ </div>
+ <div class="page-box" page="17">
+ <div v-if="showPageList.indexOf(17) > -1" class="pg-mh fl fl-cl ju-bt">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/09.gif" />
+ </p>
+ <h2 class="lefth2" id="b001">
+ <img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
+ </h2>
+ <h3 id="c001" class="fw-400 fz-26 mb-20">鍏冪礌</h3>
+ <p class="block2 fw-400 fz-26">鐢风敓銆佸コ鐢熷熀鏈墜褰�</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿叞鑺辨寚锛堝コ锛夈�佹帉褰㈡墜锛堢敺锛�</span></p>
+ <p class="block2 fz-26">鍗曡噦鎴栧弻鑷備簬浣撴梺</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿崟灞辫唨銆佸弻灞辫唨</span></p>
+ <p class="block2 fz-26">鍗曡噦浜庡ご椤朵笂鏂�</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿崟鎵樻帉</span></p>
+ <p class="block2 fz-26">鍗曟墜鎴栧弻鎵嬩簬鑳稿墠</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿崟鎸夋帉銆佽兏鍓嶄氦鍙夋寜鎺�</span></p>
+ </div>
+ <ul>
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 14 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="18">
+ <div v-if="showPageList.indexOf(18) > -1">
+ <div>
+ <img src="../../assets/images/chapter-four-header.png" class="w100" />
+ </div>
+ <div class="padding-96">
+ <p class="block2 fz-26">鍗曟墭鎺屽拰鍗曞北鑶�鎵�</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�旈『椋庢棗</span></p>
+ <p class="block2 fz-26">鍙岃噦鍚屾椂浣撳墠鍒掑渾</p>
+ <p class="block1 w70"><span class="ls fz-26">鈥斺�斿弻鏅冩墜</span></p>
+ <h3 id="c002">绌洪棿涓庢柟鍚�</h3>
+ <p class="block2">楂樸�佷腑绌洪棿</p>
+ <p class="block2">1-8鐐规柟鍚�</p>
+ <h2 class="lefth2" id="b002">
+ <img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
+ </h2>
+ <ul class="fl fl-cl al-cn audio-box">
+ <li class="fl al-cn">
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls></audio>
+ </li>
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8">
+ 濂崇闊�
+ </span>
+ <audio :src="auidoPathTwo" controls></audio>
+ </li>
+ </ul>
+ <h3 id="c012">瀵婚殣鑰呬笉閬�</h3>
+ <p class="block2 fm-son">銆斿攼銆曡淳宀�</p>
+ <p class="block2 m16-0">鏉句笅闂瀛愶紝瑷�甯堥噰鑽幓銆�</p>
+ <p class="block2 m16-0">鍙湪姝ゅ北涓紝浜戞繁涓嶇煡澶勩��</p>
+ <video
+ :src="videoPathOne"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="w100"
+ style="margin-top: 40px;"
+ ></video>
+ </div>
+ <ul>
+ <li class="fl ju-end mr-40">
+ <div>
+ <span class="dl-ib"> 15 </span>
+ <img src="../../assets/images/icon/tree.jpg" />
+ </div>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="19">
+ <div v-if="showPageList.indexOf(19) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <h2 class="lefth2" id="b003">
+ <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
+ </h2>
+ <div class="bj1">
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />杩愮敤鎵�瀛﹁垶韫堝厓绱狅紝璁剧珛璇㈤棶浠栦汉鐨勪袱涓笉鍚屽満鏅��
+ </p>
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />瀛︾敓鑷効鍒嗙粍锛屾瘡缁勮嚜琛岃缃笌璇ヨ瘲鎯呮劅鐩稿叧鐨勪富棰橈紝鍦ㄦ暀甯堢殑寮曞涓嬭繘琛屽垱缂栵紝骞跺瘜鏈夋儏鎰熷湴灞曠ず鍑烘潵銆�
+ </p>
+ </div>
+ <h2 class="lefth2" id="b004">
+ <img class="img-gn1" alt="" src="../../assets/images/tz.jpg" />
+ </h2>
+ <div class="bj2">
+ <p class="block">
+ 璇锋�濊�冧竴涓嬶紝闄や簡鑸炶箞涓�滃彧鍦ㄦ灞变腑鈥濈殑鍔ㄤ綔涔嬪锛岃繕鏈変粈涔堣垶韫堝姩浣滀篃鍙互浣撶幇杩欏彞璇楃殑鍚箟鍛紵
+ </p>
+ </div>
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 16 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import {getResourcePath} from "@/assets/methods/resources";
+ export default {
+ name:"chapterFour",
+ props:{
+ showPageList:{
+ type:Array,
+ }
+ },
+ mounted() {
+ this.getVidoePath()
+ },
+ data() {
+ return {
+ videoPathOne:"",
+ auidoPathOne:"",
+ auidoPathTwo:""
+ }
+ },
+ methods: {
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath("20b7d2311433c78a4fddf69d09a5fb43");
+ this.auidoPathOne = await getResourcePath("a865ff99b91fa24d87ac81a883be54db");
+ this.auidoPathTwo = await getResourcePath("66f3cc00d272a120514201e13e87fb9d");
+ },
+ },
+ }
+</script>
+
+<style lang="less" scoped>
+.cover-gif {
+ position: absolute;
+ top: 32%;
+ left: 22%;
+
+}
+</style>
\ No newline at end of file
diff --git a/src/books/artAndDance/view/components/chapter005.vue b/src/books/artAndDance/view/components/chapter005.vue
new file mode 100644
index 0000000..9868bb5
--- /dev/null
+++ b/src/books/artAndDance/view/components/chapter005.vue
@@ -0,0 +1,243 @@
+<template>
+ <div class="chapter" num="6">
+ <div class="page-box" page="20" style="min-height: auto">
+ <div v-if="showPageList.indexOf(20) > -1">
+ <img class="img-0" alt="" src="../../assets/images/dy5.jpg" />
+ <img
+ src="../../assets/images/10-2.gif"
+ alt=""
+ style="width: 54%"
+ class="cover-gif"
+ />
+ </div>
+ </div>
+ <div class="page-box" page="21">
+ <div v-if="showPageList.indexOf(21) > -1" class="pg-mh fl fl-cl">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <ul class="fl fl-cl al-cn img-state" style="margin-top: 100px">
+ <li style="width: 45%">
+ <img
+ src="../../assets/images/crane.png"
+ alt=""
+ class="w100"
+ :style="{ opacity: (10 - num) / 10 }"
+ />
+ </li>
+ <li style="width: 35%">
+ <img
+ src="../../assets/images/rise.png"
+ alt=""
+ class="w100"
+ :style="{ opacity: num / 10 }"
+ />
+ </li>
+ </ul>
+ <p class="img">鈥滆タ濉炲北鍓嶇櫧楣鈥濆姩浣�</p>
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 18 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="22">
+ <div v-if="showPageList.indexOf(22) > -1">
+ <div>
+ <img
+ src="../../assets/images/chapter-five-header.png"
+ class="w100"
+ />
+ </div>
+ <div class="padding-96">
+ <h2 class="lefth2" id="b001">
+ <img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
+ </h2>
+ <h3 id="c001" class="fw-400 fz-26 mb-20">鍏冪礌</h3>
+ <p class="block2 fw-400 fz-26">妯′豢鐧介弓杞绘墖缈呰唨</p>
+ <p class="block1 w70">
+ <span class="ls fz-26">鈥斺�斿皬娉㈡氮鎵�</span>
+ </p>
+ <p class="block2 fz-26">妯′豢鐧介弓缈辩繑</p>
+ <p class="block1 w70">
+ <span class="ls fz-26">鈥斺�斿ぇ娉㈡氮鎵�</span>
+ </p>
+ <h3 id="c002">绌洪棿涓庢柟鍚�</h3>
+ <p class="block2">楂樸�佷腑銆佷綆绌洪棿</p>
+ <p class="block2">1銆�2銆�3銆�7銆�8鐐规柟鍚�</p>
+ <h2 class="lefth2" id="b002">
+ <img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
+ </h2>
+ <ul class="fl fl-cl al-cn audio-box">
+ <li class="fl al-cn">
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls></audio>
+ </li>
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8"> 濂崇闊� </span>
+ <audio :src="auidoPathTwo" controls></audio>
+ </li>
+ </ul>
+ <h3 id="c015">娓旀瓕瀛�</h3>
+ <p class="block2 fm-son">銆斿攼銆曞紶蹇楀拰</p>
+ <p class="block2 m16-0">瑗垮灞卞墠鐧介弓椋烇紝</p>
+ <p class="block2 m16-0">妗冭姳娴佹按槌滈奔鑲ャ��</p>
+ </div>
+ <ul>
+ <li class="fl ju-end mr-40">
+ <div>
+ <span class="dl-ib"> 19 </span>
+ <img src="../../assets/images/icon/tree.jpg" />
+ </div>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="23">
+ <div v-if="showPageList.indexOf(23) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <p class="block2 m16-0">闈掔绗狅紝缁胯搼琛ｏ紝</p>
+ <p class="block2 m16-0">鏂滈缁嗛洦涓嶉』褰掋��</p>
+ <video
+ :src="videoPathOne"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="w100"
+ style="margin:38px 0"
+ ></video>
+ <h2 class="lefth2" id="b003">
+ <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
+ </h2>
+ <div class="bj1">
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />杩愮敤鎵�瀛﹁垶韫堝厓绱狅紝璁剧珛鐧介弓椋炵繑鐨勪袱涓笉鍚屽満鏅��
+ </p>
+ <p class="block">
+ <img
+ class="inline"
+ alt=""
+ src="../../assets/images/dn.png"
+ />瀛︾敓鑷効鍒嗙粍锛屾瘡缁勮嚜琛岃缃笌璇ヨ瘲鎯呮劅鐩稿叧鐨勪富棰橈紝鍦ㄦ暀甯堢殑寮曞涓嬭繘琛屽垱缂栵紝骞跺瘜鏈夋儏鎰熷湴灞曠ず鍑烘潵銆�
+ </p>
+ </div>
+ <h2 class="lefth2" id="b004">
+ <img class="img-gn1" alt="" src="../../assets/images/tz.jpg" />
+ </h2>
+ <div class="bj2">
+ <p class="block">
+ 鏍规嵁鏈崟鍏冩墍瀛︾殑鑸炶箞鍏冪礌浠ュ強鍙よ瘲瀵撴剰锛屽彂鎸ユ兂璞★紝鍒涚紪鏂扮殑鍗曚竴鑸炶箞鍔ㄤ綔鎴栭�犲瀷鍚с��
+ </p>
+ </div>
+ </div>
+ <ul>
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 20 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+export default {
+ name: "chapterFive",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+ mounted() {
+ this.getVidoePath();
+ this.addNum();
+ },
+ data() {
+ return {
+ videoPathOne: "",
+ auidoPathOne: "",
+ auidoPathTwo: "",
+ num: 0,
+ };
+ },
+ unmounted() {
+ if (this.addTimer) {
+ clearInterval(this.addTimer);
+ }
+ if (this.cutTimer) {
+ clearInterval(this.cutTimer);
+ }
+ },
+ methods: {
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath(
+ "97758c885b8668f42c9df0b3ff030672"
+ );
+ this.auidoPathOne = await getResourcePath(
+ "aed4d7b398283b35df0ca46f7c0bbdd4"
+ );
+ this.auidoPathTwo = await getResourcePath(
+ "ec8b7f69df81b1d6230968ad2313132c"
+ );
+ },
+ addNum() {
+ this.addTimer = setInterval(() => {
+ if (this.num < 10) {
+ this.num++;
+ } else {
+ clearInterval(this.addTimer);
+ this.cutNum();
+ }
+ }, 200);
+ },
+ cutNum() {
+ this.cutTimer = setInterval(() => {
+ if (this.num > 0) {
+ this.num--;
+ } else {
+ clearInterval(this.cutTimer);
+ this.addNum();
+ }
+ }, 200);
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.cover-gif {
+ position: absolute;
+ top: 32%;
+ left: 22%;
+}
+</style>
diff --git a/src/books/artAndDance/view/components/chapter006.vue b/src/books/artAndDance/view/components/chapter006.vue
new file mode 100644
index 0000000..ba07dae
--- /dev/null
+++ b/src/books/artAndDance/view/components/chapter006.vue
@@ -0,0 +1,333 @@
+<template>
+ <div class="chapter" num="7">
+ <div class="page-box" page="24" style="min-height: auto">
+ <div v-if="showPageList.indexOf(24) > -1">
+ <img class="img-0" alt="" src="../../assets/images/dzk.jpg" />
+ </div>
+ </div>
+ <div class="page-box" page="25">
+ <div v-if="showPageList.indexOf(25) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <h2 class="whleft2" id="b021">绗竴鍗曞厓 榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</h2>
+ <div class="banshi 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="../../assets/images/image26-1.jpg"
+ alt="1 鈥滄晠浜鸿タ杈為粍楣ゆゼ鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image26-2.jpg"
+ alt="2 鈥滅儫鑺变笁鏈堜笅鎵窞鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image26-3.jpg"
+ alt="3 鈥滃甯嗚繙褰辩ⅶ绌哄敖鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image26-4.jpg"
+ alt="4 鈥滃敮瑙侀暱姹熷ぉ闄呮祦鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-pagination"></div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ </div>
+ <ul>
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 22 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="26">
+ <div v-if="showPageList.indexOf(26) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <h2 class="whleft2" id="b022">绗簩鍗曞厓 浜＄緤琛ョ墷</h2>
+ <div class="banshi 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="../../assets/images/image27-1.jpg"
+ alt="1 鈥滅緤瑙掑紡鈥濊垶濮�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image27-2.jpg"
+ alt="2 妯′豢鈥滅獰绐库�濊垶濮�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image27-3.jpg"
+ alt="3 鈥滄崅鍢寸姸鈥濊垶濮�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image27-4.jpg"
+ alt="4 鈥滃弻浜洪厤鍚堚�濊垶濮�"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-pagination"></div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ </div>
+ <ul>
+ <li class="fl ju-end mr-40">
+ <div>
+ <span class="dl-ib"> 23 </span>
+ <img src="../../assets/images/icon/tree.jpg" />
+ </div>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="27">
+ <div v-if="showPageList.indexOf(27) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <h2 class="whleft2" id="b023">绗笁鍗曞厓 灏忓効鍨傞挀</h2>
+ <div class="banshi 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="../../assets/images/image28-1.jpg"
+ alt="1 鍚歌烦姝�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image28-2.jpg"
+ alt="2 鈥滀晶鍧愯帗鑻旇崏鏄犺韩鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image28-3.jpg"
+ alt="3 鈥滆矾浜哄�熼棶閬ユ嫑鎵嬧�濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image28-4.jpg"
+ alt="4 妯′豢鈥滈挀楸尖�濊垶濮�"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-pagination"></div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ </div>
+ <ul class="pb-box">
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 24 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="28">
+ <div v-if="showPageList.indexOf(28) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <h2 class="whleft2" id="b024">绗洓鍗曞厓 瀵婚殣鑰呬笉閬�</h2>
+ <div class="banshi 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="../../assets/images/image29-1.jpg"
+ alt="1 鈥滄澗涓嬮棶绔ュ瓙鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image29-2.jpg"
+ alt="2 鈥滆█甯堥噰鑽幓鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image29-3.jpg"
+ alt="3 鈥滀簯娣变笉鐭ュ鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-pagination"></div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ </div>
+ <ul>
+ <li class="fl ju-end mr-40">
+ <div>
+ <span class="dl-ib"> 25 </span>
+ <img src="../../assets/images/icon/tree.jpg" />
+ </div>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="page-box" page="29">
+ <div v-if="showPageList.indexOf(29) > -1" class="pg-mh">
+ <img
+ src="../../assets/images/pageContentHeader.jpg"
+ alt=""
+ class="w100 mb-40"
+ />
+ <div class="padding-96">
+ <h2 class="whleft2" id="b025">绗簲鍗曞厓 娓旀瓕瀛�</h2>
+ <div class="banshi 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="../../assets/images/image30-1.jpg"
+ alt="1 鍚歌烦姝�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image30-2.jpg"
+ alt="2 鈥滀晶鍧愯帗鑻旇崏鏄犺韩鈥濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image30-3.jpg"
+ alt="3 鈥滆矾浜哄�熼棶閬ユ嫑鎵嬧�濆姩浣�"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../assets/images/image30-4.jpg"
+ alt="4 妯′豢鈥滈挀楸尖�濊垶濮�"
+ />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-pagination"></div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ </div>
+ <ul >
+ <li class="ml-40">
+ <img src="../../assets/images/icon/tree.jpg" />
+ <span class="dl-ib"> 26 </span>
+ </li>
+ <li>
+ <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "chapterSix",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.banshi {
+ width: 100%;
+ height: 800px;
+}
+</style>
diff --git a/src/books/artAndDance/view/components/header.vue b/src/books/artAndDance/view/components/header.vue
index 9e03cea..eda72e8 100644
--- a/src/books/artAndDance/view/components/header.vue
+++ b/src/books/artAndDance/view/components/header.vue
@@ -11,12 +11,12 @@
</div>
<div class="page-box" page="3">
<div v-if="showPageList.indexOf(3) > -1">
- <ul class="fl fl-cl ju-bt" style="min-height: 1150px">
+ <ul class="fl fl-cl ju-bt pg-mh">
<li>
<img src="../../assets/images/pageHeader.png" alt="" class="w100" />
</li>
<li>
- <div class="bodystyle">
+ <div class="bodystyle" style="margin-bottom: 100px">
<h1 id="a003" class="front">缂栧浼�</h1>
<hr />
<p>椤俱��銆�闂細<span class="kaiti">褰悏璞°��鍚曡壓鐢�</span></p>
@@ -48,7 +48,7 @@
<p>銆�銆�銆�銆�銆�</p>
<p>銆�銆�銆�銆�銆�</p>
</div>
- <p class="center">
+ <p class="center pb-box">
<img class="img-0" alt="" src="../../assets/images/ym.jpg" />
</p>
</li>
diff --git a/src/books/artAndDance/view/components/index.vue b/src/books/artAndDance/view/components/index.vue
index 6a63a4f..78947f5 100644
--- a/src/books/artAndDance/view/components/index.vue
+++ b/src/books/artAndDance/view/components/index.vue
@@ -1,5 +1,8 @@
<template>
<div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
+ </div>
<div
class="page-content"
:style="{
@@ -13,7 +16,6 @@
:showPageList="loadPageList"
></pageHeader>
<chapterOne
- @saveCharacters="saveCharacters"
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
></chapterOne>
@@ -22,7 +24,24 @@
:showPageList="loadPageList"
>
</chapterTwo>
+ <chapterThree
+ v-if="showCatalogList.indexOf(4) > -1"
+ :showPageList="loadPageList"
+ ></chapterThree>
+ <chapterFour
+ v-if="showCatalogList.indexOf(5) > -1"
+ :showPageList="loadPageList"
+ ></chapterFour>
+ <chapterFive
+ v-if="showCatalogList.indexOf(6) > -1"
+ :showPageList="loadPageList"
+ ></chapterFive>
+ <chapterSix
+ v-if="showCatalogList.indexOf(7) > -1"
+ :showPageList="loadPageList"
+ ></chapterSix>
</div>
+
</div>
</template>
@@ -30,6 +49,10 @@
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
import chapterTwo from "./chapter002.vue";
+import chapterThree from "./chapter003.vue"
+import chapterFour from './chapter004.vue'
+import chapterFive from './chapter005.vue'
+import chapterSix from './chapter006.vue'
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
@@ -39,7 +62,7 @@
export default {
data() {
return {
- catalogLength: 3, // 鎬荤珷鑺傛暟
+ catalogLength: 7, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -48,8 +71,9 @@
observer: null,
loadPageObserver: null,
loadPageList: [],
- questionData: {},
+ questionDataMap: {},
renderSignMap: {},
+ highlightData: null,
};
},
computed: {
@@ -87,6 +111,14 @@
}, 200);
},
},
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
},
mounted() {
// 榛樿鍔犺浇绔犺妭
@@ -113,6 +145,14 @@
// 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
delSign: (data) => {
this.delSign(data);
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
},
});
}
@@ -154,9 +194,36 @@
// });
// }, 2000);
// }, 5000);
- // }, 1000);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 5000);
},
methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
// 婊氬姩鐩戝惉
scrollFun(event) {
// 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
@@ -249,6 +316,10 @@
// 娓叉煋鏍囪
renderSign(type, data) {
+ // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+ if (this.$store.state.qiankun.disableSign) {
+ return false;
+ }
const existence = (
this.container ? this.container : document
).querySelector(`[dataid="${data.id}"]`);
@@ -258,10 +329,7 @@
this.container ? this.container : document
).querySelector(`[page="${data.page}"]`);
// 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
- const treeWalker = document.createTreeWalker(
- pageDom,
- NodeFilter.SHOW_TEXT
- );
+ const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT);
const allTextNodes = [];
let currentNode = treeWalker.nextNode();
while (currentNode) {
@@ -437,6 +505,7 @@
});
},
getParentWithClass(element, className) {
+ console.log(element, className, "element, className");
while (element.parentElement) {
element = element.parentElement;
if (element.classList.contains(className)) {
@@ -486,11 +555,11 @@
"chapter"
);
const catalog = catalogDom.getAttribute("num");
- // if (!this.questionData[page]) {
+ // if (!this.questionDataMap[page]) {
// if (testData && testData[catalog]) {
// if (testData[catalog][page]) {
// if (Array.isArray(testData[catalog][page])) {
- // this.questionData[page] = await getQuestionList(
+ // this.questionDataMap[page] = await getQuestionList(
// page,
// testData[catalog][page],
// this.config.activeBook
@@ -504,9 +573,9 @@
// this.config.activeBook
// );
// }
- // this.questionData[page] = obj;
+ // this.questionDataMap[page] = obj;
// }
- // console.log("棰樼洰", this.questionData);
+ // console.log("棰樼洰", this.questionDataMap);
// }
// }
// }
@@ -519,6 +588,36 @@
this.renderSign(key, item);
});
}
+ }
+ // 澶勭悊楂樹寒
+ if (this.highlightData) {
+ // 楂樹寒琛�
+ setTimeout(() => {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
+ if (txtIndex > -1) {
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
+ }
+ }
+ }, 100);
}
if (this.loadPageList.length > 5) {
// 瓒呰繃5椤�
@@ -623,24 +722,124 @@
});
}
},
- // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳�
- saveCharacters(event, word) {
- console.log("鐢熷兓瀛�", event, word);
- if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
- this.$store.state.qiankun.chooseWords({
- type: "word",
- word,
- x: event.pageX,
- y: event.pageY,
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ chapterOne,
+ chapterTwo,
+ chapterThree,
+ chapterFour,
+ chapterFive,
+ chapterSix,
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ },
});
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT);
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ }
+ }
+ }
}
- // chooseWords
+ // 杈撳嚭鎼滅储缁撴灉
+ console.log(searchResult);
+ return searchResult;
+ },
+ // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+ searchItemLocation(data) {
+ // 璁板綍楂樹寒淇℃伅
+ this.highlightData = data;
+ // 璺宠浆
+ this.gotoPage(data.catalog, data.page, () => {});
},
},
components: {
pageHeader,
chapterOne,
chapterTwo,
+ chapterThree,
+ chapterFour,
+ chapterFive,
+ chapterSix,
},
};
</script>
diff --git a/src/books/childHealth/view/components/pageHeader/evenHeader.vue b/src/books/childHealth/view/components/pageHeader/evenHeader.vue
deleted file mode 100644
index a5208e4..0000000
--- a/src/books/childHealth/view/components/pageHeader/evenHeader.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
- <div class="header-box">
- <div class="header-border-box"></div>
- <div class="header-num-box">
- <span class="fw-b italic">{{num}}</span>
- <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
- </div>
- </div>
-</template>
-
-<script>
-export default {
- name: "even-header",
- props:["num"],
- methods: {},
-};
-</script>
-
-<style lang="less" scoped></style>
diff --git a/src/books/childHealth/view/components/pageHeader/oddHeader.vue b/src/books/childHealth/view/components/pageHeader/oddHeader.vue
deleted file mode 100644
index eb612fc..0000000
--- a/src/books/childHealth/view/components/pageHeader/oddHeader.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
- <div class="page-header-box">
- <span class="page-header-text" v-if="special == 1"
- >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
- >
- <span class="page-header-text" v-if="special == 2"
- >涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span
- >
- <span class="page-header-text" v-if="special == 3"
- >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
- >
- <span class="page-header-text" v-if="special == 4"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
- <span class="page-header-text" v-if="special == 5"
- >涓撻浜� 瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
- >
- <span class="page-header-text" v-if="special == 6"
- >涓撻鍏� 瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
- >
- <span class="page-header-text" v-if="special == 7"
- >涓撻涓� 瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
- >
- <span class="page-header-text" v-if="special == 8"
- >涓撻鍏� 瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
- >
- <span class="page-header-text" v-if="special == 9"
- >涓撻涔� 瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
- >
- <span class="page-header-text" v-if="special == 10"
- >涓撻涔� 鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
- >
- <span class="page-header-text" v-if="special == 11"
- >缁煎悎浜戞祴璇�</span
- >
- <span class="page-header-text" v-if="special == 12"
- >鍙傝�冩枃鐚�</span
- >
- <span class="page-header-num">{{ num }}</span>
- </div>
-</template>
-
-<script>
-export default {
- name: "even-header",
- props: ["special", "num"],
- methods: {},
-};
-</script>
-
-<style lang="less" scoped></style>
diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue
index 845ed3d..fb1f240 100644
--- a/src/books/childHealth/view/content/components/chapter0004.vue
+++ b/src/books/childHealth/view/content/components/chapter0004.vue
@@ -46,7 +46,11 @@
涓撻瀵煎
</h6>
<p class="blockh6 m0-t0 openImgBox">
- <img src="../../../assets/images/chapterFour/0094-1.jpg" alt="" class="w100 mt-20">
+ <img
+ src="../../../assets/images/chapterFour/0094-1.jpg"
+ alt=""
+ class="w100 mt-20"
+ />
</p>
</div>
</div>
@@ -71,15 +75,28 @@
涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨鍗敓涓庝繚鍋ヨ嚜涓诲涔犱换鍔″崟 瀛︿範鎸囧崡</span
>
<span class="t0 svg-btn" @click="changeResources('learnTableOne')">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="16"
+ height="17"
+ viewBox="0 0 19.28 20.563"
+ >
<g transform="translate(-109.056 -82.941)">
- <path class="a"
+ <path
+ class="a"
d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
- transform="translate(-3316.14 15289.201)" />
- <path class="a"
+ transform="translate(-3316.14 15289.201)"
+ />
+ <path
+ class="a"
d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
- transform="translate(-196.896 -148.921)" />
- <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ transform="translate(-196.896 -148.921)"
+ />
+ <path
+ class="a"
+ d="M763.392,793.79l3.262-3.262h-3.262Z"
+ transform="translate(-638.661 -690.634)"
+ />
</g>
</svg>
</span>
@@ -156,6 +173,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺?</span>
<textarea
@@ -165,6 +183,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.鐢熺悊鏈鸿兘鎸囨爣鏈夊摢浜�?</span>
<textarea
@@ -174,6 +193,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺?</span
@@ -185,6 +205,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.浠�涔堟槸楠ㄩ骞撮緞?</span>
<textarea
@@ -194,6 +215,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.鎴戝浗鍗敓閮ㄨ瀹氱殑鍎跨瀹氭湡鍋ュ悍妫�鏌ョ殑鏃堕棿鏄摢浜涙椂鍊�?</span
@@ -205,6 +227,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰?</span>
<textarea
@@ -214,6 +237,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.韬珮銆佷綋閲嶃�佸ご鑳稿洿銆佸潗楂樼殑鐢熺墿瀛︾壒寰佸強鍗敓瀛︽剰涔夋槸浠�涔�?</span
@@ -225,6 +249,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.鎬庢牱娴嬮噺瀛﹀墠鍎跨鐨勫ご鑳稿洿銆佽韩楂樹互鍙婁綋閲�?</span
@@ -236,6 +261,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -262,6 +288,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="400"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩板鍓嶅効绔ョ敓闀垮彂鑲茬殑璇勪环鎸囨爣銆佽瘎浠锋爣鍑嗗拰璇勪环鏂规硶浠ュ強瀹氭湡鍋ュ悍妫�鏌ョ殑鐩稿叧鐭ヨ瘑锛屼互鏈熶负瀹堕暱鍜屽辜鏁欏伐浣滆�呭瀛﹀墠鍎跨杩涜韬綋鍋ュ悍璇勪环鎻愪緵鎸囧銆�
@@ -317,9 +344,7 @@
<div class="page-box" page="91">
<div v-if="showPageList.indexOf(91) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">83</span>
</div>
<div class="padding-96">
@@ -372,7 +397,7 @@
浣撻噸娴嬮噺搴斿湪鏃╂櫒銆佺┖鑵广�佷究鍚庤繘琛屻�傚効绔ュ彲瑁镐綋鎴栫┛鑳屽績銆佺煭瑁わ紝涔熷彲鍦ㄦ祴鍚庢墸闄よ。鏈嶈川閲忋��
</p> -->
<p>锛�2锛夎韩楂橈紙闀匡級</p>
-
+
<p>
韬珮锛堥暱锛夋槸浜轰綋绔欑珛鏃堕椤跺埌鑴氳窡锛堜笌鍦伴潰鐩稿強澶勶級鐨勫瀭鐩撮珮搴︺��3宀佷互涓嬪効绔ョ珛浣嶆祴閲忎笉鍑嗙‘锛屽簲閲囩敤浠板崸浣嶆祴閲忥紝鏁呰韩楂樺張绉拌韩闀匡紱3宀佷互鍚庡彲绔嬩綅娴嬮噺锛岀О韬珮銆傜珛浣嶄笌浠板崸浣嶆祴閲忓�肩浉宸�1锝�2鍘樼背銆�
</p>
@@ -409,7 +434,7 @@
<p>
3宀佷互涓婂効绔ョ敤韬珮璁℃祴閲忚韩楂樸�傚湪浣跨敤韬珮璁℃祴閲忔椂锛屽彈娴嬪効绔ヨ劚鍘婚瀷甯斤紝鍙栫珛姝ｅЭ鍔跨珯鍦ㄨ韩楂樿鐨勫簳鏉夸笂锛屽ご閮ㄤ繚鎸佹鐩达紝涓ょ溂骞宠鍓嶆柟锛岃兏閮ㄧ◢鎸鸿捣锛屼袱鑷傝嚜鐒朵笅鍨傦紝鎵嬫寚骞舵嫝锛岃剼璺熼潬鎷紝瓒冲皷鍒嗗紑锛岃冻璺熴�佽噣閮ㄣ�佷袱鑲╄儧闂翠笁鐐瑰悓鏃堕潬鍦ㄨ韩楂樿鐨勫瀭鐩寸珛鏌变笂锛岀劧鍚庢祴閲忋�傛祴閲忚�呭皢婊戜晶鏉胯交杞荤Щ鍔紝鐩磋嚦鎺ヨЕ鍙楁祴鍎跨澶撮《锛岃绔嬫煴涓婃暟瀛楋紝璇樊涓嶅緱瓒呰繃0.1鍘樼背銆�
</p>
-
+
<div class="fl fl-around">
<div class="left" style="width: 38%">
<p>
@@ -439,11 +464,11 @@
</p>
</div>
</div>
- </div>
+ </div>
</div>
<!-- 84 -->
<div class="page-box" page="92">
- <div v-if="showPageList.indexOf(92) > -1">
+ <div v-if="showPageList.indexOf(92) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -508,15 +533,13 @@
鐢熼暱鍙戣偛鐨勪富瑕佸舰鎬佹寚鏍囪繕鍖呮嫭浠ｈ〃钀ュ吇鐘跺喌鐨勮噦鍥淬�佽吂鍥村拰鍚勯儴浣嶇毊瑜跺帤搴︾瓑銆�
</p>
</div>
- </div>
+ </div>
</div>
<!-- 85 -->
<div class="page-box" page="93">
- <div v-if="showPageList.indexOf(93) > -1">
+ <div v-if="showPageList.indexOf(93) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">85</span>
</div>
<div class="padding-96">
@@ -574,11 +597,11 @@
灏挎恫涓�鑸�х姸妫�鏌ュ寘鎷翱娑茬殑姘斿懗銆佸翱閲忋�侀鑹层�侀�忔槑搴︾瓑銆傚翱娑叉湁鑵愯嚟鍛筹紝鍙浜庢硨灏跨郴缁熷寲鑴撹弻鎰熸煋锛涘翱閲忓噺灏戯紝鍙浜庢�ユ�ц偩灏忕悆鑲剧値銆侀珮鐑�佸憰鍚愬拰鑵规郴锛涘翱娑查鑹�
</p>
</div>
- </div>
+ </div>
</div>
<!-- 86 -->
<div class="page-box" page="94">
- <div v-if="showPageList.indexOf(94) > -1">
+ <div v-if="showPageList.indexOf(94) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -620,15 +643,13 @@
鐞嗘兂鏍囧噯鎵�閫夋牱鏈槸鐢熸椿鍦ㄦ渶閫傚疁鐜涓殑鍎跨锛屽杺鍏诲拰鑶抽瀹夋帓鍚堢悊锛岃惀鍏讳緵缁欏厖瓒筹紝鏈夎壇濂界殑鐢熸椿灞呬綇鐜锛屽彲浠ュ緱鍒拌壇濂界殑鍖荤枟淇濆仴鏈嶅姟銆傚湪杩欎竴鐜涓敓娲荤殑鍎跨锛屽叾鐢熼暱娼滃姏寰楀埌杈冨ソ鐨勫彂鎸ワ紝鐢熼暱鍙戣偛鐘跺喌杈冧负鐞嗘兂銆傚洜鑰岀悊鎯虫爣鍑嗛珮浜庣幇鐘舵爣鍑嗭紝楂樹簬涓�鑸効绔ョ殑鍙戣偛姘村钩銆傜洰鍓嶅浗闄呬笂甯哥敤鐨勭編鍥藉浗瀹跺仴搴风粺璁′腑蹇冨埗瀹氱殑鍥介檯鏍囧噯鎴栫О涓栫晫鍗敓缁勭粐锛圵HO锛夋爣鍑嗗嵆涓虹悊鎯虫爣鍑嗐��
</p>
</div>
- </div>
+ </div>
</div>
<!-- 87 -->
<div class="page-box" page="95">
- <div v-if="showPageList.indexOf(95) > -1">
+ <div v-if="showPageList.indexOf(95) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">87</span>
</div>
<div class="padding-96">
@@ -668,11 +689,11 @@
绛夌骇璇勪环娉曞父鐢ㄧ殑鎸囨爣鏄韩楂樺拰浣撻噸銆備釜浣撳効绔ョ殑韬珮銆佷綋閲嶆暟鍊煎湪鏍囧噯鍧囧�悸�2涓爣鍑嗗樊鑼冨洿鍐咃紝鍧囪瑙嗕负姝ｅ父锛屽ぇ绾�95%鐨勫効绔ュ睘浜庤鑼冨洿銆傚湪鏍囧噯鍧囧�悸�2涓爣鍑嗗樊浠ュ
</p>
</div>
- </div>
+ </div>
</div>
<!-- 88 -->
<div class="page-box" page="96">
- <div v-if="showPageList.indexOf(96) > -1">
+ <div v-if="showPageList.indexOf(96) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -713,15 +734,13 @@
鍙戣偛骞撮緞鍙堢О涓虹敓鐗╁勾榫勬垨鐢熺悊骞撮緞銆傚彈閬椾紶鍜岀幆澧冪殑褰卞搷锛屽効绔ョ殑鐢熼暱鍙戣偛瀛樺湪涓�
</p>
</div>
- </div>
+ </div>
</div>
<!-- 89 -->
<div class="page-box" page="97">
- <div v-if="showPageList.indexOf(97) > -1">
+ <div v-if="showPageList.indexOf(97) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">89</span>
</div>
<div class="padding-96">
@@ -773,11 +792,11 @@
</div>
</div>
</div>
- </div>
+ </div>
</div>
<!-- 90 -->
<div class="page-box" page="98">
- <div v-if="showPageList.indexOf(98) > -1">
+ <div v-if="showPageList.indexOf(98) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -816,19 +835,19 @@
<p>鈶犲ご閮ㄣ�傚ご棰呭ぇ灏忋�佸墠鍥熷ぇ灏忓強闂悎鎯呭喌锛屾湁鏃犳柟棰呭強棰呴杞寲銆�</p>
<p>鈶＄溂銆傜溂鐫戝舰鐘躲�佸珐鑶滈鑹层�佽鍔涖�佺溂璺濈瓑鏄惁姝ｅ父銆�</p>
<p>鈶㈣�炽�傛湁鏃犲鑰崇暩褰紝鑰抽亾缁撴瀯銆佸惉鍔涚瓑鏄惁姝ｅ父銆�</p>
- <p>鈶ｅ彛鑵斻�傚彛鑵旈鑹插拰褰㈢姸銆佸彛鑵旈粡鑶溿�佺墮榻挎暟鐩槸鍚︽甯革紝鏄惁鏈夐緥榻跨瓑銆�</p>
+ <p>
+ 鈶ｅ彛鑵斻�傚彛鑵旈鑹插拰褰㈢姸銆佸彛鑵旈粡鑶溿�佺墮榻挎暟鐩槸鍚︽甯革紝鏄惁鏈夐緥榻跨瓑銆�
+ </p>
<p>鈶よ兏閮ㄣ�傝兏寤撴湁鏃犵暩褰紝鍚瘖鏈夋棤蹇冭剰鏉傞煶鍙婅偤鍐呭暟闊炽��</p>
<p>鈶ヨ吂閮ㄣ�傝吂閮ㄦ湁鏃犲紓甯稿寘鍧椼�佽倽鑴炬湁鏃犲紓甯歌偪澶с��</p>
</div>
- </div>
+ </div>
</div>
<!-- 91 -->
<div class="page-box" page="99">
- <div v-if="showPageList.indexOf(99) > -1">
+ <div v-if="showPageList.indexOf(99) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">91</span>
</div>
<div class="padding-96">
@@ -849,7 +868,12 @@
</h6>
<p class="blockh6-c">
<span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span>
- <examinations v-if="questionData && questionData[99]" :cardList="questionData[99]" :chapter="4" :page="91" />
+ <examinations
+ v-if="questionData && questionData[99]"
+ :cardList="questionData[99]"
+ :chapter="4"
+ :page="91"
+ />
</p>
<h2 class="module_block" id="b017">
<div class="custom1">瀛︿範涓婚浜�</div>
@@ -861,15 +885,28 @@
>涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勮瘎浠疯嚜涓诲涔犱换鍔″崟</span
>
<span class="t0 svg-btn" @click="changeResources('learnTableTwo')">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="16"
+ height="17"
+ viewBox="0 0 19.28 20.563"
+ >
<g transform="translate(-109.056 -82.941)">
- <path class="a"
+ <path
+ class="a"
d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
- transform="translate(-3316.14 15289.201)" />
- <path class="a"
+ transform="translate(-3316.14 15289.201)"
+ />
+ <path
+ class="a"
d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
- transform="translate(-196.896 -148.921)" />
- <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+ transform="translate(-196.896 -148.921)"
+ />
+ <path
+ class="a"
+ d="M763.392,793.79l3.262-3.262h-3.262Z"
+ transform="translate(-638.661 -690.634)"
+ />
</g>
</svg>
</span>
@@ -940,6 +977,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.瀛﹀墠鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔�?</span>
<textarea
@@ -949,6 +987,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.鎸夌収娴嬮獙鐨勭洰鐨勫垝鍒嗭紝蹇冪悊娴嬮獙鍙互鍒嗕负鍝袱澶х被?</span
@@ -960,6 +999,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.浠�涔堟槸绛涙煡鎬ф祴璇�?浠�涔堟槸璇婃柇鎬ф祴璇�?甯歌鐨勭瓫鏌ユ�ф祴璇曞拰璇婃柇鎬ф祴璇曟湁鍝簺?</span
@@ -971,6 +1011,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.鏌ヨ祫鏂欙紝璋堣皥浠�涔堟槸缁樹汉娴嬭瘯?濡備綍寮�灞�?</span
@@ -982,6 +1023,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.鏌ラ槄璧勬枡锛岄煢鍏嬫柉鍕掑鍓嶅効绔ユ櫤鍔涢噺琛ㄥ寘鎷摢浜涘唴瀹�?濡備綍寮�灞�?</span
@@ -993,6 +1035,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1001,7 +1044,9 @@
</tr>
<tr>
<td>
- <span class="ds-bl">閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span>
+ <span class="ds-bl"
+ >閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span
+ >
</td>
</tr>
</table>
@@ -1017,6 +1062,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩板鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐩稿叧鍐呭浠ュ強鍑犵甯歌鐨勮瘎浠峰鍓嶅効绔ュ績鐞嗗仴搴风殑鏂规硶锛屼互鎸囧骞兼暀宸ヤ綔鑰呮洿濂藉湴寮�灞曞鍓嶅効绔ュ績鐞嗕繚鍋ュ伐浣溿��
@@ -1037,7 +1083,7 @@
</div>
<!-- 92 -->
<div class="page-box" page="100">
- <div v-if="showPageList.indexOf(100) > -1">
+ <div v-if="showPageList.indexOf(100) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1081,11 +1127,9 @@
</div>
<!-- 93 -->
<div class="page-box" page="101">
- <div v-if="showPageList.indexOf(101) > -1">
+ <div v-if="showPageList.indexOf(101) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">93</span>
</div>
<div class="padding-96">
@@ -1127,11 +1171,11 @@
<p>绗叓锛岀敤椋熸寚銆佹媷鎸囩鎹忓皬涓革紝鎹忔椂鑵曢儴绂绘闈紝浠庝笂闈㈡崗銆�</p>
<p>绗節锛屼复鎽圭敾鍦嗭紝涓嶅彲绀鸿寖锛屼笉鍙鍑哄悕绉般�傜嚎鐨勫ご灏捐繛鎺ユ垚鍦嗗嵆鍙��</p>
</div>
- </div>
+ </div>
</div>
<!-- 94 -->
<div class="page-box" page="102">
- <div v-if="showPageList.indexOf(102) > -1">
+ <div v-if="showPageList.indexOf(102) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1184,15 +1228,13 @@
绗簩鍗佸叓锛屽槺鍎跨鍚庨��璧帮紝鍓嶈剼璺熶笌鍚庤剼灏栫殑璺濈涓嶈秴杩�2.5鍘樼背銆傛鏌ヨ�呭彲绀鸿寖锛岃姹傚効绔ヨ繛缁��4姝ャ�傦紙3璇�2鎴愬姛绠楅�氳繃銆傦級
</p>
</div>
- </div>
+ </div>
</div>
<!-- 95 -->
<div class="page-box" page="103">
- <div v-if="showPageList.indexOf(103) > -1">
+ <div v-if="showPageList.indexOf(103) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">95</span>
</div>
<div class="padding-96">
@@ -1264,7 +1306,7 @@
</div>
<!-- 96 -->
<div class="page-box" page="104">
- <div v-if="showPageList.indexOf(104) > -1">
+ <div v-if="showPageList.indexOf(104) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1313,15 +1355,13 @@
璐濆埄濠村効鍙戣偛閲忚〃璇勪及濠村辜鍎挎櫤鍔涘彂鑲叉按骞崇浉瀵硅緝鍏ㄩ潰銆佺簿纭�傛瘡娆℃祴楠屾椂闂�45锝�60鍒嗛挓锛屼腑鍥藉凡鏈夋爣鍑嗗寲鐨勯噺琛ㄣ��
</p>
</div>
- </div>
+ </div>
</div>
<!-- 97 -->
<div class="page-box" page="105">
- <div v-if="showPageList.indexOf(105) > -1">
+ <div v-if="showPageList.indexOf(105) > -1">
<div class="page-header-box">
- <span class="page-header-text"
- >涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span
- >
+ <span class="page-header-text">涓撻鍥� 瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
<span class="page-header-num">97</span>
</div>
<div class="padding-96">
@@ -1351,7 +1391,12 @@
</h6>
<p class="blockh6-c center">
<span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span>
- <examinations v-if="questionData && questionData[105]" :cardList="questionData[105]" :chapter="4" :page="97" />
+ <examinations
+ v-if="questionData && questionData[105]"
+ :cardList="questionData[105]"
+ :chapter="4"
+ :page="97"
+ />
</p>
<h6 class="Conclusion-title4">涓撻灏忕粨</h6>
<p class="blockh6">
@@ -1367,11 +1412,11 @@
瑙ｄ簹瀹併�佹埓鏅撻槼锛氥�婂疄鐢ㄥ績鐞嗘祴楠屻�嬶紝30锝�35椤碉紝鍖椾含锛屼腑鍥藉尰鑽鎶�鍑虹増绀撅紝2006銆�
</p>
</div>
- </div>
+ </div>
</div>
<!-- 98 -->
<div class="page-box" page="106">
- <div v-if="showPageList.indexOf(106) > -1">
+ <div v-if="showPageList.indexOf(106) > -1">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1387,6 +1432,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFourData.question.short.qOne"
+ @input="saveChapterOneData"
></textarea>
<p>2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳槸浠�涔堬紵</p>
<textarea
@@ -1394,6 +1440,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFourData.question.short.qTwo"
+ @input="saveChapterOneData"
></textarea>
<p>3.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺锛�</p>
<textarea
@@ -1401,6 +1448,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFourData.question.short.qThree"
+ @input="saveChapterOneData"
></textarea>
<p>4.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰锛�</p>
<textarea
@@ -1408,6 +1456,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFourData.question.short.qFour"
+ @input="saveChapterOneData"
></textarea>
<p>5.鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔堬紵</p>
<textarea
@@ -1415,6 +1464,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterFourData.question.short.qFive"
+ @input="saveChapterOneData"
></textarea>
<h6 class="Conclusion-title2">
<img
@@ -1427,10 +1477,20 @@
<p class="blockh6-c">
瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
- <examinations v-if="questionData && questionData[106][1]" :cardList="questionData[106][1]" :chapter="4" :page="981" />
+ <examinations
+ v-if="questionData && questionData[106][1]"
+ :cardList="questionData[106][1]"
+ :chapter="4"
+ :page="981"
+ />
<span class="span-border"></span>
<span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
- <examinations v-if="questionData && questionData[106][2]" :cardList="questionData[106][2]" :chapter="4" :page="982" />
+ <examinations
+ v-if="questionData && questionData[106][2]"
+ :cardList="questionData[106][2]"
+ :chapter="4"
+ :page="982"
+ />
</p>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
<p>1.娴嬮噺骞煎効鐨勮韩楂樸�佷綋閲嶃�佸ご鍥村拰鑳稿洿銆�</p>
@@ -1446,26 +1506,31 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="500"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</p>
</div>
- </div>
+ </div>
</div>
</div>
</template>
<script>
import examinations from "@/components/examinations/index.vue";
-import {getResourcePath} from "@/assets/methods/resources";
+import { getResourcePath } from "@/assets/methods/resources";
export default {
- components: { examinations },
- props:{
- questionData:{
- type:Object
+ components: { examinations },
+ props: {
+ questionData: {
+ type: Object,
},
- showPageList:{
- type:Array
- }
+ showPageList: {
+ type: Array,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -1477,7 +1542,6 @@
pathFour: "",
pathFive: "",
pathSix: "",
- saveTime:20,
chapterFourData: {
experienceOne: "",
experienceTwo: "",
@@ -1489,9 +1553,9 @@
qFour: "",
qFive: "",
qSix: "",
- qSeven:"",
- qEnight:"",
- qNine:""
+ qSeven: "",
+ qEnight: "",
+ qNine: "",
},
learnTableTwo: {
qOne: "",
@@ -1505,32 +1569,22 @@
short: {
qOne: "",
qTwo: "",
- qThree:"",
- qFour:"",
- qFive:"",
+ qThree: "",
+ qFour: "",
+ qFive: "",
},
},
},
};
},
async mounted() {
- const localData = localStorage.getItem("chapterFourData");
- if (localData) {
- this.chapterFourData = JSON.parse(localData);
- }
- window.timerFour = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if (!this.isSearch) {
+ const localData = localStorage.getItem("chapterFourData");
+ if (localData) {
+ this.chapterFourData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath()
- },
- unmounted() {
- if (window.timerFour) {
- clearInterval(window.timerFour);
+ this.getVideoPath();
}
- localStorage.setItem("chapterFourData", JSON.stringify(this.chapterFourData));
},
methods: {
changeResources(type) {
@@ -1541,17 +1595,26 @@
}
},
async getVideoPath() {
- this.$data.pathOne = await getResourcePath("f2980359eb32cb3b74b284bf5348a596");
- this.$data.pathTwo = await getResourcePath("2677fc38748eeac767a4b3fab5989a38");
+ this.$data.pathOne = await getResourcePath(
+ "f2980359eb32cb3b74b284bf5348a596"
+ );
+ this.$data.pathTwo = await getResourcePath(
+ "2677fc38748eeac767a4b3fab5989a38"
+ );
this.$data.pathThree = await getResourcePath(
"87836d6f409df33817589b6b67514979"
);
- this.$data.pathFour = await getResourcePath("24a624217470bdea16d22e3a25cc8aa5");
- this.$data.pathFive = await getResourcePath("df98433d6a6cbd5e768ec1bf721619e4");
- this.$data.pathSix = await getResourcePath("14916e143d49e15f94964ad0f8c372f1");
+ this.$data.pathFour = await getResourcePath(
+ "24a624217470bdea16d22e3a25cc8aa5"
+ );
+ this.$data.pathFive = await getResourcePath(
+ "df98433d6a6cbd5e768ec1bf721619e4"
+ );
+ this.$data.pathSix = await getResourcePath(
+ "14916e143d49e15f94964ad0f8c372f1"
+ );
},
saveChapterOneData() {
- this.saveTime = 20;
localStorage.setItem(
"chapterFourData",
JSON.stringify(this.chapterFourData)
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 4722135..ea4e46b 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -60,7 +60,7 @@
</div>
</div>
<!-- 2 -->
- <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1">
+ <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1">
<div v-show="showPageList.indexOf(10) > -1">
<div class="header-box">
<div class="header-border-box"></div>
@@ -179,6 +179,7 @@
v-model="chapterOneData.learnTableOne.qOne"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.瀛﹀墠鍎跨鐨勯锛堥锛夋湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ュ浣曚繚鍋ワ紵</span
@@ -189,6 +190,7 @@
v-model="chapterOneData.learnTableOne.qTwo"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.涓轰粈涔堝鍓嶅効绔ヤ笉瀹滀粠浜嬫嫈娌炽�佹攢宀┿�佸紩浣撳悜涓婄瓑娲诲姩锛�</span
@@ -199,6 +201,7 @@
v-model="chapterOneData.learnTableOne.qTHree"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.瀛﹀墠鍎跨楠ㄩ鑲屾湁浠�涔堢壒鐐癸紵杩愬姩杩囩▼涓簲璇ユ敞鎰忓摢浜涗簨椤癸紵</span
@@ -209,6 +212,7 @@
v-model="chapterOneData.learnTableOne.qFour"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.骞煎効鍥兘缁勭粐骞煎効缁冧範鍐欏瓧鍚楋紵涓轰粈涔堬紵</span
@@ -219,6 +223,7 @@
v-model="chapterOneData.learnTableOne.qFive"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.瀛﹀墠鍎跨鐨勫叧鑺傛湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ユ敞鎰忓摢浜涢棶棰橈紵</span
@@ -229,6 +234,7 @@
v-model="chapterOneData.learnTableOne.qSix"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.浠�涔堟槸鎵佸钩瓒筹紵鎬庢牱棰勯槻瀛﹀墠鍎跨褰㈡垚鎵佸钩瓒筹紵</span
@@ -239,6 +245,7 @@
v-model="chapterOneData.learnTableOne.qSeven"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐规湁鍝簺锛�</span
@@ -249,6 +256,7 @@
v-model="chapterOneData.learnTableOne.qEight"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.鏃ュ父淇濇暀娲诲姩涓紝濡備綍绉戝缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔紵</span
@@ -259,6 +267,7 @@
v-model="chapterOneData.learnTableOne.qNine"
placeholder="璇疯緭鍏ュ唴瀹�"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -375,6 +384,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
</p>
<p class="block">
@@ -389,7 +399,11 @@
</p>
<div class="text-img-box">
<div style="margin-right: 50px" class="openImgBox">
- <img src="../../../assets/images/chapterOne/0015-5.jpg" class="w100" alt="">
+ <img
+ src="../../../assets/images/chapterOne/0015-5.jpg"
+ class="w100"
+ alt=""
+ />
<span class="img">鍥�1-1 浜轰綋鍏ㄨ韩楠ㄩ锛堝墠闈㈣锛�</span>
</div>
<div>
@@ -458,34 +472,25 @@
</div>
<div class="bottom-right" style="width: 35%">
<div class="mt-40">
- <div class="banshi openImgBox" style="height: 364px;">
+ <div class="banshi openImgBox" style="height: 364px">
<div class="swiper-container swiper-img">
<div class="swiper-wrapper">
<div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
+ <div class="imgBox" style="width: 100%; height: 100%">
<img
src="../../../assets/images/chapterOne/bones1.png"
/>
</div>
</div>
<div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
+ <div class="imgBox" style="width: 100%; height: 100%">
<img
src="../../../assets/images/chapterOne/bones2.png"
/>
</div>
</div>
<div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
+ <div class="imgBox" style="width: 100%; height: 100%">
<img
src="../../../assets/images/chapterOne/bones3.png"
/>
@@ -528,7 +533,11 @@
class="left fl fl-di fl-evenly openImgBox"
style="width: 30%; margin-top: 5px"
>
- <img src="../../../assets/images/chapterOne/0017-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0017-1.jpg"
+ alt=""
+ class="w100"
+ />
<p class="img">鍥�1-3 鍏宠妭妯″紡鍥�</p>
</div>
<div class="right" style="width: 70%; padding-left: 20px">
@@ -546,33 +555,29 @@
<div class="fl">
<div class="left" style="width: 30%">
<div class="banshi 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="../../../assets/images/chapterOne/foot-01.png" alt="姝ｅ父瓒�"
- />
- </div>
- </div>
- <div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
- <img
- src="../../../assets/images/chapterOne/foot-02.png" alt="鎵佸钩瓒�"
- />
- </div>
+ <div class="swiper-container swiper-img">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/foot-01.png"
+ alt="姝ｅ父瓒�"
+ />
</div>
</div>
- <div class="swiper-button-next"></div>
- <div class="swiper-button-prev"></div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/foot-02.png"
+ alt="鎵佸钩瓒�"
+ />
+ </div>
+ </div>
</div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
</div>
+ </div>
<p class="img">鍥�1-4 姝ｅ父瓒冲拰鎵佸钩瓒�</p>
</div>
<div class="right" style="width: 70%; padding-left: 20px">
@@ -609,43 +614,34 @@
</p>
<div class="right fl fl-cn fl-di" style="width: 55%">
<div class="banshi 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="../../../assets/images/chapterOne/posture-01.png"
- />
- </div>
- </div>
- <div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
- <img
- src="../../../assets/images/chapterOne/posture-02.png"
- />
- </div>
- </div>
- <div class="swiper-slide">
- <div
- class="imgBox"
- style="width: 100%; height: 100%"
- >
- <img
- src="../../../assets/images/chapterOne/posture-03.png"
- />
- </div>
+ <div class="swiper-container swiper-img">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/posture-01.png"
+ />
</div>
</div>
- <div class="swiper-button-next"></div>
- <div class="swiper-button-prev"></div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/posture-02.png"
+ />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img
+ src="../../../assets/images/chapterOne/posture-03.png"
+ />
+ </div>
+ </div>
</div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
</div>
+ </div>
<p class="img">鍥�1-5 鍧愬Э瀵硅剨鏌辩殑褰卞搷</p>
</div>
</div>
@@ -842,6 +838,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.瀛﹀墠鍎跨鐨勯蓟鑵旀湁浠�涔堢壒鐐�?鎬庢牱杩涜绉戝淇濆仴?</span
@@ -853,6 +850,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀛﹀墠鍎跨鐨勫０甯︽湁浠�涔堢壒鐐�?骞煎効鏁欏笀璁茶瘽涓轰粈涔堣杞诲０缁嗚?</span
@@ -864,6 +862,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.瀛﹀墠鍎跨寮犲彛鍛煎惛鏈夊摢浜涘嵄瀹�?鎬庢牱绾犳?</span
@@ -875,6 +874,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.瀛﹀墠鍎跨鐨勫懠鍚歌繍鍔ㄦ湁浠�涔堢壒鐐�?</span>
<textarea
@@ -884,6 +884,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.瀛﹀墠鍎跨浠ヤ粈涔堟ā寮忕殑鍛煎惛涓轰富?</span>
<textarea
@@ -893,6 +894,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.鎿ら蓟娑曠殑姝ｇ‘鏂规硶鏄粈涔�?</span>
<textarea
@@ -902,6 +904,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.閽堝瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭壒鐐癸紝濡備綍鍩瑰吇瀛﹀墠鍎跨鑹ソ鐨勫崼鐢熶範鎯�?</span
@@ -913,6 +916,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -957,6 +961,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
褰撳闀垮強骞煎効鍥暀甯堝彂鐜板瀛愮殑榧昏厰鍐呮湁寮傜墿鏃讹紝鍒囧嬁绱у紶鎬ヨ簛锛屾洿涓嶈兘涓ュ帀璁枼鍜屾墦楠傚瀛愶紝浠ュ厤瀛╁瓙鎯婃厡鍝椆锛屽皢寮傜墿鍚稿叆涓嬪懠鍚搁亾锛屽鑷村懠鍚搁亾寮傜墿鐨勪弗閲嶅悗鏋溿�傚悓鏃讹紝鍗冧竾鍒敤鎵嬨�侀晩瀛愮瓑澶瑰彇榧昏厰寮傜墿锛岃繖鏈夊彲鑳借嚧浣垮紓鐗╄秺闄疯秺娣憋紝闅句互鍙栧嚭锛屼篃寰堝鏄撻�犳垚灏忓榧昏厰榛忚啘鎹熶激锛屽紩璧峰嚭琛�鎴栧彂鐐庛�傝�屽簲璁炬硶鍔濋樆瀛╁瓙鍝椆锛屾敼鐢ㄥ彛鑵斿懠鍚革紝鐒跺悗杩呴�熼�佸線鍖婚櫌妫�鏌ャ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ヤ究骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝鍦板瀛﹀墠鍎跨鐨勫懠鍚哥郴缁熷紑灞曚繚鍋ュ伐浣溿��
@@ -975,7 +980,11 @@
<h5 id="e012">1.榧�</h5>
</div>
<div class="right openImgBox" style="width: 50%">
- <img src="../../../assets/images/chapterOne/0020-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0020-2.jpg"
+ alt=""
+ class="w100"
+ />
<p class="img">鍥�1-6 鍛煎惛绯荤粺绀烘剰鍥�</p>
</div>
</div>
@@ -1046,7 +1055,11 @@
</div>
<div class="right" style="width: 20%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0021-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0021-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-7 鍠夎厰妯″紡鍥�</p>
</div>
@@ -1070,7 +1083,11 @@
</p>
<p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0021-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0021-2.jpg"
+ alt=""
+ class="w100"
+ />
</p>
</div>
</div>
@@ -1292,6 +1309,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.寰幆绯荤粺鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍚勮嚜鐨勭粨鏋勫拰鍔熻兘鏄粈涔�?</span
@@ -1303,6 +1321,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀛﹀墠鍎跨鐨勫績鑴忔湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span
@@ -1314,6 +1333,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.瀛﹀墠鍎跨鐨勮绠℃湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span
@@ -1325,6 +1345,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.瀛﹀墠鍎跨鐨勬穻宸寸郴缁熸湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span
@@ -1336,6 +1357,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.涓轰粈涔堣棰勯槻瀛﹀墠鍎跨缂洪搧鎬ц传琛�?鎬庢牱棰勯槻?</span
@@ -1347,6 +1369,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.濡備綍缁勭粐骞煎効鍙傚姞閫傚悎骞撮緞鐗圭偣鐨勪綋鑲查敾鐐煎拰鎴峰娲诲姩鎵嶅埄浜庡叾琛�娑插惊鐜殑淇濆仴?</span
@@ -1358,6 +1381,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.瀛﹀墠鍎跨浼氭偅鍔ㄨ剦绮ユ牱纭寲鍚�?濡備綍鏃╂湡棰勯槻鍔ㄨ剦鏍风‖鍖�?</span
@@ -1369,6 +1393,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1395,6 +1420,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
瑕佹兂浜嗚В杩欎簺闂锛屽氨蹇呴』浜嗚В瀛﹀墠鍎跨寰幆绯荤粺鐨勭壒鐐广�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨寰幆绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愭槑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熶繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熺殑淇濆仴宸ヤ綔銆�
@@ -1420,7 +1446,11 @@
寰幆绯荤粺鍖呮嫭琛�娑插惊鐜郴缁燂紙蹇冭绠＄郴缁燂級鍜屾穻宸寸郴缁熴�傝娑插惊鐜郴缁熺敱蹇冭剰鍜岃绠＄粍鎴愶紝琛�绠″寘鎷姩鑴夈�侀潤鑴夊拰姣涚粏琛�绠★紙瑙佸浘1-8锛夈�傛穻宸寸郴缁熺敱娣嬪反绠￠亾銆佹穻宸村櫒瀹樺拰娣嬪反缁勭粐缁勬垚銆�
</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0024-1.jpg" alt="" style="width:80%">
+ <img
+ src="../../../assets/images/chapterOne/0024-1.jpg"
+ alt=""
+ style="width: 80%"
+ />
</p>
<p class="img">鍥�1-8 琛�娑插惊鐜ず鎰忓浘</p>
@@ -1456,7 +1486,11 @@
<p>锛�1锛夎娑查噺鍗犱綋閲嶇殑姣斾緥澶т簬鎴愪汉锛堣琛�1-2锛�</p>
<p class="img">琛�1-2 涓嶅悓骞撮緞鐨勮娑查噺</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0024-3.jpg" alt="" class="w100" />
+ <img
+ src="../../../assets/images/chapterOne/0024-3.jpg"
+ alt=""
+ class="w100"
+ />
</p>
</div>
</div>
@@ -1507,7 +1541,11 @@
</p>
<p class="img">琛�1-3 涓嶅悓骞撮緞鐨勫績鐜�</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0025-1.jpg" alt="" class="w100" />
+ <img
+ src="../../../assets/images/chapterOne/0025-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
</div>
</div>
@@ -1616,7 +1654,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
<examinations
:cardList="questionData[22]"
- v-if="questionData && questionData[22]"
+ v-if="questionData && questionData[22]"
:chapter="1"
:page="14"
/>
@@ -1729,6 +1767,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.涔崇墮鐨勭粨鏋勭壒鐐规槸浠�涔�?闄ゅ拃鍤奸鐗╁锛屼钩鐗欒繕鏈夊摢浜涗綔鐢�?</span
@@ -1740,6 +1779,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.涔崇墮涓�鍏辨湁澶氬皯棰�?浠�涔堟椂鍊欏叏閮ㄥ嚭榻�?</span
@@ -1751,6 +1791,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.浠�涔堝彨榫嬮娇?榫嬮娇闇�瑕佹不鐤楀悧?</span>
<textarea
@@ -1760,6 +1801,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.涓轰粈涔� 3~6涓湀鐨勫┐鍎垮鏄撳彂鐢熲�滅敓鐞嗘�ф祦娑庘��?</span
@@ -1771,6 +1813,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.涓轰粈涔堟柊鐢熷効瀹规槗婧㈠ザ?</span>
<textarea
@@ -1780,6 +1823,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.瀛﹀墠鍎跨鐨勮偁閬撴湁浠�涔堢壒鐐�?</span>
<textarea
@@ -1789,6 +1833,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.鏃ュ父鐢熸椿涓浣曚繚鎶や钩鐗�?</span>
<textarea
@@ -1798,6 +1843,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.瀛﹀墠鍎跨娑堝寲绯荤粺鐨勪繚鍋ヨ鐐规湁鍝簺?</span
@@ -1809,6 +1855,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1835,6 +1882,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
涓嶆柇鍦颁负鏈轰綋渚涘簲鍚勭钀ュ吇绱犳槸缁存寔姝ｅ父鐢熺悊鍔熻兘鍜屼績杩涚敓闀垮彂鑲茬殑鍓嶆彁銆傝�屽绉嶈惀鍏绘垚鍒嗭紝灏ゅ叾鏄骇鑳借惀鍏荤礌鐨勭粨鏋勬瘮杈冨鏉傦紝鎽勫叆鐨勯鐗╀笉鑳界洿鎺ヤ负浜轰綋鎵�鐢紝蹇呴』閫氳繃娑堝寲绯荤粺灏嗛鐗╄浆鍙樻垚缁撴瀯绠�鍗曠殑钀ュ吇鐗╄川锛屾墠鑳戒緵鏈轰綋鍚告敹銆佸埄鐢ㄣ�傚鍓嶅効绔ョ殑娑堝寲绯荤粺鍙戣偛灏氫笉瀹屽杽锛岄渶瑕佹垚浜烘牴鎹叾鐗圭偣锛屽悎鐞嗗杺鍏汇�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨娑堝寲绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愯堪瀵瑰鍓嶅効绔ユ秷鍖栫郴缁熻繘琛屼繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝寮�灞曞鍓嶅効绔ユ秷鍖栫郴缁熺殑淇濆仴宸ヤ綔銆�
@@ -1869,7 +1917,11 @@
</div>
<div class="right" style="width: 35%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0028-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0028-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-9 娑堝寲绯荤粺妯″紡鍥�</p>
</div>
@@ -1929,11 +1981,19 @@
<p>姣忎竴棰椾钩鐗欏拰鎭掔墮鐨勮悓鍑洪兘鏈夊浐瀹氱殑鏃堕棿锛岃琛�1-4銆佽〃1-5銆�</p>
<p class="img">琛�1-4 涔崇墮钀屽嚭鏃堕棿椤哄簭锛堜互鏈堥緞璁＄畻锛�</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0029-1.jpg" alt="" class="w100" />
+ <img
+ src="../../../assets/images/chapterOne/0029-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">琛�1-5 鎭掔墮钀屽嚭鏃堕棿</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0029-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0029-2.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<h5 id="e021">2.鑸�</h5>
<p>
@@ -2079,7 +2139,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span>
<examinations
:cardList="questionData[27]"
- v-if="questionData && questionData[27]"
+ v-if="questionData && questionData[27]"
:chapter="1"
:page="19"
/>
@@ -2223,6 +2283,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.瀛﹀墠鍎跨鐨勮偩鑴忔湁鍝簺鐗圭偣?鏃ュ父鐢熸椿涓簲濡備綍淇濆仴?</span
@@ -2234,6 +2295,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀛﹀墠鍎跨鐨勮唨鑳辨湁浠�涔堢壒鐐�?杩欎簺鐗圭偣瀵艰嚧鍝簺琛ㄧ幇?</span
@@ -2245,6 +2307,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.涓轰粈涔堝鍓嶅効绔ュ鏄撳嚭鐜伴仐灏跨幇璞�?</span
@@ -2256,6 +2319,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.浠�涔堟槸涓婅鎬ф硨灏跨郴缁熸劅鏌�?搴斿浣曢闃�?</span
@@ -2267,6 +2331,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.瀛﹀墠鍎跨娉屽翱绯荤粺鐨勬棩甯镐繚鍋ヨ鐐规湁鍝簺?</span
@@ -2278,6 +2343,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -2304,6 +2370,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
</div>
</div>
@@ -2328,7 +2395,11 @@
<div class="fl fl-around">
<div class="left" style="width: 35%">
<p class="center openImgBox" style="margin-top: 0">
- <img src="../../../assets/images/chapterOne/0033-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0033-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-10 娉屽翱绯荤粺妯″紡鍥撅紙鐢锋�э級</p>
</div>
@@ -2546,6 +2617,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.瀛﹀墠鍎跨鐢熸畺绯荤粺鏈変粈涔堢壒鐐�?</span>
<textarea
@@ -2555,6 +2627,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀛﹀墠鍎跨鐢熸畺绯荤粺鐨勬棩甯镐繚鍋ユ帾鏂芥湁鍝簺?</span
@@ -2566,6 +2639,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.瀛﹀墠鍎跨鐢熸畺鍣ㄥ畼鐨勬竻娲佸崼鐢熷伐浣滄湁鍝簺娉ㄦ剰瑕佺偣?</span
@@ -2577,6 +2651,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.涓轰粈涔堣閲嶈瀛﹀墠鍎跨鏃╂湡鎬ф暀鑲�?濡備綍寮�灞�?</span
@@ -2588,6 +2663,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -2614,6 +2690,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鍎跨閫氬父鍦ㄤ袱涓夊瞾鏃朵細瀵规�т骇鐢熷ソ濂囷紝浠栦滑鎯充簡瑙ｈ澶氭湁鍏虫�у樊鍒殑闂锛屽鏋滃ぇ浜哄浠栦滑閲囧彇闅愮瀿鎴栧洖閬跨殑鎬佸害锛屽効绔ュ績涓氨浼氫骇鐢熲�滄�ф槸涓嶅彲浠ョ煡閬撶殑鈥濊蹇碉紝骞跺鎬т骇鐢熶笉姝ｅ綋鐨勫ソ濂囧績銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熸畺绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ュ府鍔╁辜鍎挎暀甯堝湪鏁欒偛鏁欏杩囩▼涓纭紑灞曞鍓嶅効绔ョ敓娈栫郴缁熺殑淇濆仴宸ヤ綔銆�
@@ -2641,13 +2718,21 @@
<div class="fl">
<div class="left" style="width: 50%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0036-1.png" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0036-1.png"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-11 鐢锋�х敓娈栫郴缁熺ず鎰忓浘</p>
</div>
<div class="right" style="width: 50%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0036-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0036-2.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-12 濂虫�х敓娈栫郴缁熺ず鎰忓浘</p>
</div>
@@ -2703,7 +2788,7 @@
>
<examinations
:cardList="questionData[32]"
- v-if="questionData && questionData[32]"
+ v-if="questionData && questionData[32]"
:chapter="1"
:page="24"
/>
@@ -2829,6 +2914,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.鍐呭垎娉岀郴缁熺殑鍔熻兘鏈夊摢浜�?</span>
<textarea
@@ -2838,6 +2924,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.浠�涔堟槸鍛嗗皬鐥�?鍝簺鍥犵礌浼氬奖鍝嶇敳鐘惰吅绱犵殑鐢熺悊鍔熻兘?</span
@@ -2849,6 +2936,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.瀛﹀墠鍎跨鐨勮剳鍨備綋鏈変粈涔堢壒鐐�?涓轰粈涔堢潯鐪犱笉瓒充細褰卞搷韬珮鐨勫闀�?</span
@@ -2860,6 +2948,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.浠�涔堟槸渚忕棁?</span>
<textarea
@@ -2869,6 +2958,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑淇濆仴瑕佺偣鏈夊摢浜�?璧勬簮灏忚创澹�?</span
@@ -2880,6 +2970,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -2906,6 +2997,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
涓撳鎻愰啋锛屾兂瑕佸瀛愰暱楂橈紝闄や簡娉ㄦ剰钀ュ吇銆佽繍鍔ㄣ�佺潯鐪犵瓑澶栵紝杩樿娉ㄦ剰鏌愪簺鐤剧梾锛屽挨鍏舵槸鍐呭垎娉岀郴缁熺柧鐥咃紝瀹冩槸褰卞搷瀛╁瓙韬珮鏈�甯歌鐨勭柧鐥呭洜绱犮�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑鐢熺悊鐗圭偣鍙婄浉鍏崇殑淇濆仴鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀绉戝瀹夋帓骞煎効鐨勭敓娲伙紝淇濋殰瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑姝ｅ父鍙戣偛鍜岃壇濂藉彂灞曘��
@@ -2966,7 +3058,11 @@
</div>
<div class="right" style="width: 50%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0038-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0038-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-13 鍐呭垎娉岀郴缁熺ず鎰忓浘</p>
</div>
@@ -2989,7 +3085,11 @@
</div>
<div class="right" style="width: 36%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0038-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0038-2.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-14 鎴愬勾渚忓剴鐥囨偅鑰呬笌姝ｅ父鎴愪汉鐨勮韩楂樻瘮杈�</p>
</div>
@@ -3041,7 +3141,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
<examinations
:cardList="questionData[34]"
- v-if="questionData && questionData[34]"
+ v-if="questionData && questionData[34]"
:chapter="1"
:page="26"
/>
@@ -3157,6 +3257,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.浠�涔堟槸绁炵粡鍏�?绁炵粡鍏冪敱鍝嚑閮ㄥ垎缁勬垚?绁炵粡鍏冪殑鍔熻兘鏄粈涔�?</span
@@ -3168,6 +3269,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.浠�涔堟槸鑴婇珦?鑴婇珦鐨勫姛鑳芥槸浠�涔�?</span>
<textarea
@@ -3177,6 +3279,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.浠�涔堟槸鍙嶅皠?鍙嶅皠鍒嗕负鍝袱绫�?</span>
<textarea
@@ -3186,6 +3289,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.鑴戠敱鍝嚑涓儴鍒嗙粨鏋�?鍚勯儴鍒嗙殑鍔熻兘鏄粈涔�?</span
@@ -3197,6 +3301,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.瀛﹀墠鍎跨绁炵粡绯荤粺鐨勭壒鐐规湁鍝簺?</span>
<textarea
@@ -3206,6 +3311,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.鏃ュ父鐢熸椿涓紝濡備綍瀵瑰鍓嶅効绔ョ殑绁炵粡绯荤粺杩涜淇濆仴?</span
@@ -3217,6 +3323,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -3243,6 +3350,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樿杩板鍓嶅効绔ョ缁忕郴缁熺殑鐢熺悊鐗圭偣鍜岀浉鍏崇殑淇濇暀鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝缁勭粐鏁欒偛娲诲姩锛屽悎鐞嗗紑鍙戝効绔ョ殑鏅哄姏銆�
@@ -3277,7 +3385,11 @@
</div>
<div class="right" style="width: 50%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0040-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0040-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img cneter">鍥�1-15 绁炵粡鍏冩ā寮忓浘</p>
</div>
@@ -3342,13 +3454,21 @@
澶ц剳鍒嗗乏銆佸彸涓ゅ崐鐞冿紙瑙佸浘1-16锛夛紝琛ㄩ潰鍑瑰嚫涓嶅钩锛屽嚬闄峰绉颁负鈥滄矡鈥濓紝闅嗚捣澶勭О涓衡�滃洖鈥濓紝鈥滄矡鈥濅笌鈥滃洖鈥濆ぇ澶у鍔犱簡澶ц剳鐨勮〃闈㈢Н銆傝緝澶х殑娌熸湁涓ぎ娌熴�佸ぇ鑴戝渚ф矡鍜岄《鏋曟矡锛岃繖浜涙矡灏嗗ぇ鑴戣〃闈㈠垎鎴愰鍙躲�侀《鍙躲�侀鍙跺拰鏋曞彾鍥涢儴鍒嗐��
</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0041-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0041-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-16 澶ц剳宸︺�佸彸涓ゅ崐鐞冪殑鍔熻兘姣旇緝</p>
<div class="fl fl-around">
<div class="left" style="width: 48%; margin-right: 10px">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0041-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0041-2.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-17 澶ц剳鐨眰鍒嗗尯鍥�</p>
</div>
@@ -3411,7 +3531,11 @@
</p>
<p class="img">琛�1-6 浜ゆ劅绁炵粡鍜屽壇浜ゆ劅绁炵粡鐨勪綔鐢ㄤ笌鍖哄埆</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0042-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0042-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<h3 id="c016">浜屻�佸鍓嶅効绔ョ缁忕郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3>
<h4 id="d056">锛堜竴锛夎剳鍙戣偛闈炲父杩呴��</h4>
@@ -3437,7 +3561,11 @@
</p>
<p class="img">琛�1-7 涓嶅悓骞撮緞鑴戣川閲忕殑鍙樺寲</p>
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0043-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0043-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<h4 id="d057">锛堜簩锛変腑鏋㈢缁忕郴缁熺殑鍙戣偛涓嶅潎琛�</h4>
<p>
@@ -3506,7 +3634,7 @@
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍏�</span>
<examinations
:cardList="questionData[39]"
- v-if="questionData && questionData[39]"
+ v-if="questionData && questionData[39]"
:chapter="1"
:page="31"
/>
@@ -3665,6 +3793,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.鐪笺�佽�炽�佺毊鑲ゅ悇鑷殑缁勬垚缁撴瀯鏄粈涔�?瀹冧滑鍚勬湁浠�涔堝姛鑳�?</span
@@ -3676,6 +3805,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀛﹀墠鍎跨鐨勭溂鐞冩湁浠�涔堢壒鐐�?濡備綍杩涜鐪肩殑淇濆仴?</span
@@ -3687,6 +3817,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.浠�涔堝彨鐢熺悊鎬ц繎瑙�?濡備綍棰勯槻鍜岀籂姝�?</span
@@ -3698,6 +3829,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.瀛﹀墠鍎跨鐨勮�虫湹鏈変粈涔堢壒鐐�?濡備綍杩涜鑰崇殑淇濆仴?</span
@@ -3709,6 +3841,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.濡備綍棰勯槻涓�崇値?</span>
<textarea
@@ -3718,6 +3851,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.瀛﹀墠鍎跨鐨勭毊鑲ゆ湁浠�涔堢壒鐐�?濡備綍杩涜鐨偆淇濆仴?</span
@@ -3729,6 +3863,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.瀛﹀墠鍎跨鐨勯蓟銆佽垖鏈変粈涔堢壒鐐�?濡備綍杩涜榧汇�佽垖鐨勪繚鍋�?</span
@@ -3740,6 +3875,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -3766,6 +3902,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鐩稿叧璋冩煡鍙戠幇锛屽辜鍎跨殑瑙嗗姏闂宸茬粡鎴愪负瓒婃潵瓒婂鐨勫闀垮拰骞煎効鐨勫洶鎵帮紝鑰屼笖鏈夊勾榫勮秼灏忕殑琛ㄧ幇銆傚辜鍎胯鍔涚殑淇濇姢鍒讳笉瀹圭紦銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勭敓鐞嗙煡璇嗗強淇濊偛淇濆仴瑕佺偣锛屼互甯姪骞煎効鏁欏笀浜嗚В濡備綍淇冭繘瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勬甯稿彂鑲插拰鑹ソ鍙戝睍銆�
@@ -3828,7 +3965,11 @@
</div>
<div class="right" style="width: 35%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0046-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0046-2.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-18 鐪肩悆缁撴瀯妯″紡鍥�</p>
</div>
@@ -3937,7 +4078,11 @@
</div>
<div class="right" style="width: 58%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0048-1.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0048-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-19 鑰崇殑缁撴瀯鍥�</p>
</div>
@@ -3960,7 +4105,11 @@
</div>
<div class="right" style="width: 48%">
<p class="center openImgBox">
- <img src="../../../assets/images/chapterOne/0048-2.jpg" alt="" class="w100">
+ <img
+ src="../../../assets/images/chapterOne/0048-2.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="img">鍥�1-20 鎴愪汉鍜屽鍓嶅効绔ュ捊榧撶涔嬫瘮杈�</p>
</div>
@@ -4273,7 +4422,7 @@
<!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
<span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涔�</span>
<examinations
- :cardList="questionData[48] "
+ :cardList="questionData[48]"
v-if="questionData && questionData[48]"
:chapter="1"
:page="40"
@@ -4290,6 +4439,7 @@
type="text"
class="judge-input"
v-model="chapterOneData.question.judge.qOne"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -4313,6 +4463,7 @@
type="text"
class="judge-input"
v-model="chapterOneData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -4320,6 +4471,8 @@
type="text"
class="judge-input"
v-model="chapterOneData.question.judge.qThree"
+ @input="saveChapterOneData"
+
/>锛�
</p>
<p class="block">
@@ -4327,6 +4480,7 @@
type="text"
class="judge-input"
v-model="chapterOneData.question.judge.qFour"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -4335,10 +4489,12 @@
type="text"
class="lineInput completion-input"
v-model="chapterOneData.question.fill.qOne.one"
+ @input="saveChapterOneData"
/>鐨勬甯稿彂鑲层�傚辜鍎胯繃浜庤偉鑳栵紝璧拌矾銆佺珯绔嬫椂闂磋繃闀匡紝鎴栬礋閲嶈繃搴︼紝閮藉彲鑳藉鑷磋冻寮撳闄凤紝寮曡捣<input
type="text"
class="lineInput completion-input"
v-model="chapterOneData.question.fill.qOne.two"
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="block">
@@ -4346,10 +4502,12 @@
type="text"
class="lineInput completion-input"
chapterOneData.question.fill.qTwo.one
+ @input="saveChapterOneData"
/>鐨勫姏閲忥紝淇冭繘鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鍏�<input
type="text"
class="lineInput completion-input"
chapterOneData.question.fill.qTwo.two
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="block">
@@ -4357,10 +4515,12 @@
type="text"
class="lineInput completion-input"
chapterOneData.question.fill.qThree.one
+ @input="saveChapterOneData"
/>杈冨樊锛屾墍浠ワ紝濠村辜鍎跨敤鑽墏閲忚姣旀垚浜哄皬锛涘鍓嶅効绔ヨ倽绯栧師鍌ㄥ瓨杈冨皯锛岄ゥ楗挎椂鏄撳彂鐢�<input
type="text"
class="lineInput completion-input"
chapterOneData.question.fill.qThree.two
+ @input="saveChapterOneData"
/>锛涘鍓嶅効绔ョ殑鑳嗘眮鍒嗘硨涔熻緝灏戯紝鍥犳瀵瑰樊銆�
</p>
<p class="block">
@@ -4368,17 +4528,20 @@
type="text"
class="lineInput completion-input"
chapterOneData.question.fill.qThree.one
+ @input="saveChapterOneData"
/>杩囩▼寮轰簬<input
type="text"
class="lineInput completion-input"
chapterOneData.question.fill.qThree.two
+ @input="saveChapterOneData"
/>杩囩▼銆�
</p>
<p class="block">
5.涓轰繚鎶ゅ鍓嶅効绔ョ殑瑙嗗姏锛岃瀹氭湡涓哄鍓嶅効绔ヨ皟鎹㈠骇浣嶏紝浠ラ槻<input
type="text"
class="lineInput completion-input"
- />鎴�<input type="text" class="lineInput completion-input" />銆�
+ @input="saveChapterOneData"
+ />鎴�<input type="text" class="lineInput completion-input" @input="saveChapterOneData" />銆�
</p>
<p class="block"><b>涓夈�佹�濊��</b></p>
<p class="block">
@@ -4389,6 +4552,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterOneData.question.short.qOne"
+ @input="saveChapterOneData"
></textarea>
<p class="block">2.瀛﹀墠鍎跨澹板甫鏈変粈涔堢壒鐐癸紵鎬庢牱淇濇姢澹板甫锛�</p>
<textarea
@@ -4396,6 +4560,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterOneData.question.short.qTwo"
+ @input="saveChapterOneData"
></textarea>
<p class="block">3.涔崇墮鏈夊摢浜涚敓鐞嗗姛鑳斤紵濡備綍淇濇姢涔崇墮锛�</p>
<textarea
@@ -4403,6 +4568,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterOneData.question.short.qThree"
+ @input="saveChapterOneData"
></textarea>
<p class="block">4.瀛﹀墠鍎跨鐨偆鏈夊摢浜涚壒鐐癸紵濡備綍淇濇姢鐨偆锛�</p>
<textarea
@@ -4410,6 +4576,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterOneData.question.short.qFour"
+ @input="saveChapterOneData"
></textarea>
<p class="block">5.瀛﹀墠鍎跨鐨勭溂鐫涙湁鍝簺鐢熺悊鐗圭偣锛熷浣曚繚鎶ょ溂鐫涳紵</p>
<textarea
@@ -4417,6 +4584,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterOneData.question.short.qFive"
+ @input="saveChapterOneData"
></textarea>
<p class="block">6.瀛﹀墠鍎跨鐨勮�虫湁鍝簺鐢熺悊鐗圭偣锛熸�庢牱淇濇姢鑰筹紵</p>
<textarea
@@ -4424,6 +4592,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterOneData.question.short.qSix"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
7.璁粌瀛﹀墠鍎跨鍡呰銆佸懗瑙夊拰瑙﹁鏈夊摢浜涙剰涔夛紵濡備綍璁粌锛�
@@ -4433,6 +4602,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterOneData.question.short.qSeven"
+ @input="saveChapterOneData"
></textarea>
<div>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -4509,6 +4679,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="800"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</p>
</div>
@@ -4518,18 +4689,22 @@
</template>
<script>
import examinations from "@/components/examinations/index.vue";
-import {getResourcePath} from "@/assets/methods/resources";
+import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapter-one",
components: { examinations },
props: {
showPageList: {
type: Array,
- default: []
+ default: [],
},
questionData: {
- type: Object
- }
+ type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -4560,7 +4735,6 @@
pathEight: "",
pathNine: "",
pathTen: "",
- saveTime: 20,
chapterOneData: {
experienceOne: "",
experienceTwo: "",
@@ -4581,7 +4755,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableTwo: {
qOne: "",
@@ -4592,7 +4766,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableThree: {
qOne: "",
@@ -4603,7 +4777,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableFour: {
qOne: "",
@@ -4614,7 +4788,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableFive: {
qOne: "",
@@ -4625,14 +4799,14 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableSix: {
qOne: "",
qTwo: "",
qThree: "",
qFour: "",
- qFive: ""
+ qFive: "",
},
learnTableSeven: {
qOne: "",
@@ -4641,7 +4815,7 @@
qFour: "",
qFive: "",
qSix: "",
- qSeven: ""
+ qSeven: "",
},
learnTableEnight: {
qOne: "",
@@ -4652,7 +4826,7 @@
qSix: "",
qSeven: "",
qEight: "",
- qNine: ""
+ qNine: "",
},
learnTableNine: {
qOne: "",
@@ -4662,36 +4836,36 @@
qFive: "",
qSix: "",
qSeven: "",
- qEight: ""
+ qEight: "",
},
question: {
judge: {
qOne: "",
qTwo: "",
qThree: "",
- qFour: ""
+ qFour: "",
},
fill: {
qOne: {
one: "",
- two: ""
+ two: "",
},
qTwo: {
oen: "",
- two: ""
+ two: "",
},
qThree: {
one: "",
- two: ""
+ two: "",
},
qFour: {
one: "",
- two: ""
+ two: "",
},
qFive: {
one: "",
- two: ""
- }
+ two: "",
+ },
},
short: {
qOne: "",
@@ -4700,47 +4874,24 @@
qFour: "",
qFive: "",
qSix: "",
- qSeven: ""
- }
- }
+ qSeven: "",
+ },
+ },
},
- swiper: null
+ swiper: null,
};
},
async mounted() {
- this.getVideoPath();
- const localData = localStorage.getItem("chapterOneData");
- if (localData) {
- this.chapterOneData = JSON.parse(localData);
- }
- window.timerOne = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
- }
- }, 1000);
- // this.$data.questionData = await getQuestionData(
- // "1",
- // testData[1],
- // this.config.activeBook
- // );
- },
- unmounted() {
- if (window.timerOne) {
- clearInterval(window.timerOne);
- }
- localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData));
- },
- watch: {
- showPageList: {
- handler(newVal, oldVal) {
- console.log(newVal, "绔犺妭鎺ユ敹鍐呭");
+ if (!this.isSearch) {
+ this.getVideoPath();
+ const localData = localStorage.getItem("chapterOneData");
+ if (localData) {
+ this.chapterOneData = JSON.parse(localData);
}
}
},
methods: {
changeResources(type) {
- console.log("鐐瑰嚮", this.$props.questionData);
if (type == "learnTbaleOne") {
this.$data.learnTbaleOne = !this.$data.learnTbaleOne;
} else if (type == "videoOne") {
@@ -4766,33 +4917,44 @@
}
},
async getVideoPath() {
- console.log('pathOne',await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1"))
- this.$data.pathOne = await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1");
- this.$data.pathTwo = await getResourcePath("e5993b62684fe55d13190cfe52bf00ed");
+ this.$data.pathOne = await getResourcePath(
+ "f6f6588a75086576b87bed2fb9ca1ec1"
+ );
+ this.$data.pathTwo = await getResourcePath(
+ "e5993b62684fe55d13190cfe52bf00ed"
+ );
this.$data.pathThree = getResourcePath(
"6b6d42213aa85aa5ff7724aaf96ffee6"
);
- this.$data.pathFour = await getResourcePath("17fb1555f98c8fceabce5ff75077af58");
- this.$data.pathFive = await getResourcePath("163c06871b763954952d1cd74373c618");
- this.$data.pathSix = await getResourcePath("1d57d897974b22f7f3191f4073ea0641");
- this.$data.pathSeven = await getResourcePath(
+ this.$data.pathFour = await getResourcePath(
+ "17fb1555f98c8fceabce5ff75077af58"
+ );
+ this.$data.pathFive = await getResourcePath(
+ "163c06871b763954952d1cd74373c618"
+ );
+ this.$data.pathSix = await getResourcePath(
+ "1d57d897974b22f7f3191f4073ea0641"
+ );
+ this.$data.pathSeven = await getResourcePath(
"e67262b8e73ca5b05374b903defd874f"
);
this.$data.pathEight = await getResourcePath(
"6731ebf8ea78297eedcb56521726481d"
);
- this.$data.pathNine = await getResourcePath("5ef5496040abee4013a5f61e3c5b42b9");
- this.$data.pathTen = await getResourcePath("4afe59338bb841a498593cbe458c7d7d");
+ this.$data.pathNine = await getResourcePath(
+ "5ef5496040abee4013a5f61e3c5b42b9"
+ );
+ this.$data.pathTen = await getResourcePath(
+ "4afe59338bb841a498593cbe458c7d7d"
+ );
},
saveChapterOneData() {
- // 璁板綍绗竴寮犺緭鍏ユ暟鎹�
- this.saveTime = 20;
localStorage.setItem(
"chapterOneData",
JSON.stringify(this.chapterOneData)
);
},
- }
+ },
};
</script>
diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index 3b41e7e..9c242ff 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -148,6 +148,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.瀹為檯宸ヤ綔涓竴鑸皢瀛﹀墠鍎跨鐨勭敓闀垮彂鑲插垝鍒嗕负鍝嚑涓樁娈�?</span
@@ -159,6 +160,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">3.鈥滃崄鏈堟��鑳庘�濇槸鏁村崄涓湀鍚�?</span>
<textarea
@@ -168,6 +170,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.鑳庡効鏈熺殑鐗圭偣鏈夊摢浜�?</span>
<textarea
@@ -177,6 +180,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.鏂扮敓鍎挎湡鏈夊摢浜涚壒鐐�??</span>
<textarea
@@ -186,6 +190,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.濠村効鏈熷寘鎷柊鐢熷効鏈熷悧?</span>
<textarea
@@ -195,6 +200,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.濠村効浠�涔堟椂鍊欐柇濂跺悎閫傦紝鏈夋病鏈夋槑纭瀹�?</span
@@ -206,6 +212,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.骞煎効鍓嶆湡鐨勪富瑕佺壒鐐规湁鍝簺?</span>
<textarea
@@ -215,6 +222,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">9.濡備綍鍋氬ソ骞煎皬琛旀帴涓殑淇濆仴宸ヤ綔?</span>
<textarea
@@ -224,6 +232,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -250,6 +259,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩扮敓闀裤�佸彂鑲插拰鎴愮啛鐨勬蹇碉紝闃愯堪瀛﹀墠鍎跨鍚勫勾榫勬鐨勫垝鍒嗗強鍚勯樁娈电敓闀垮彂鑲茬殑鐗圭偣锛屼互甯姪淇濇暀浜哄憳鏍规嵁瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勭壒鐐圭瀛﹀湴寮�灞曚繚鏁欏伐浣溿��
@@ -466,6 +476,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.瀛﹀墠鍎跨鐢熼暱鍙戝睍鐨勮寰嬫湁鍝簺?</span>
<textarea
@@ -475,6 +486,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.浠�涔堟槸鐢熼暱鍙戣偛鐨勮繛缁��?浠�涔堟槸鐢熼暱鍙戣偛鐨勯樁娈垫��?</span
@@ -486,6 +498,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.浠�涔堟槸鐢熼暱鍙戣偛鐨勭▼搴忔��?</span>
<textarea
@@ -495,6 +508,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.浜轰綋鍣ㄥ畼鎴栬�呯郴缁熸湁鍝簺鐢熼暱鍙戣偛妯″紡?</span
@@ -506,6 +520,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">6.浠�涔堟槸鐢熼暱鍙戣偛鐨勪笉鍧囪 鎬�?</span>
<textarea
@@ -515,6 +530,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">7.浠�涔堝彨杩借刀鎬х敓闀�?</span>
<textarea
@@ -524,6 +540,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">8.浣犲惉璇磋繃鍏抽敭鐢熼暱鏈熷悧?</span>
<textarea
@@ -533,6 +550,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.鍦ㄥ┐骞煎効鐨勭敓闀垮彂鑲茶繃绋嬩腑锛屽姩浣滃彂灞曠殑涓�鑸『搴忔槸鎬庢牱鐨�?</span
@@ -544,6 +562,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>10.鍝簺绯荤粺鐨勭敓闀垮彂鑲叉ā寮忓睘浜�-涓�鑸瀷"?</span
@@ -555,6 +574,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>11.涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span
@@ -566,6 +586,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -590,6 +611,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
浜轰綋鐨勭敓闀垮彂鑲插悓鍏朵粬浜嬬墿涓�鏍凤紝涔熸湁鑷韩鐨勫瑙傝寰嬨�傝繖涓寰嬫槸姝ｅ父浜轰綋鍦ㄤ竴瀹氱敓娲绘潯浠朵笅鐢熼暱鍙戣偛鐨勫繀鐒惰秼鍔垮拰鏈川鑱旂郴銆傜爺绌跺鍓嶅効绔ユ甯哥殑鐢熼暱鍙戣偛瑙勫緥锛屾墠鍙兘鍙戠幇寮傚父銆佸鎵惧師鍥狅紝浠ヤ究绾犳鎴栨不鐤楋紝骞惰娉曚績杩涘叾姝ｅ父鐨勭敓闀垮拰鍙戣偛銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勮寰嬶紝浠ュ府鍔╁辜鏁欏伐浣滆�呮纭垽鏂拰鍒嗘瀽鎸囧瀛﹀墠鍎跨鐨勭敓闀垮彂鑲蹭繚鍋ュ伐浣溿��
@@ -892,6 +914,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.鍚屽嵉鍙岃優鑳庡湪鐢熼暱鍙戣偛杩囩▼涓繚鎸佺浉鍚岀殑鍥犵礌鏈夊摢浜�?</span
@@ -903,6 +926,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.鐜鍥犵礌褰卞搷鐢熼暱鍙戣偛鐨勮繘绋嬶紝涓昏鍖呮嫭鍝簺鍥犵礌?</span
@@ -914,6 +938,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.閫傚綋鐨勪綋鑲查敾鐐间細瀵圭敓闀垮彂鑲蹭骇鐢熷摢浜涘奖鍝�?</span
@@ -925,6 +950,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">5.瀛ｈ妭瀵瑰効绔ョ敓闀垮彂鑲叉湁鍝簺褰卞搷?</span>
<textarea
@@ -934,6 +960,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.涓轰粈涔堝悓鍗靛弻鑳炶儙涔熷瓨鍦ㄥ緢澶氫笉鍚岀壒寰�?</span
@@ -945,6 +972,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.闄や簡鏁欐潗鎻愬埌鐨勫洜绱狅紝杩樻湁鍝簺鍚庡ぉ鍥犵礌鍙兘浼氬奖鍝嶅効绔ョ殑鐢熼暱鍙戣偛?</span
@@ -956,6 +984,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1023,6 +1052,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆�
@@ -1171,6 +1201,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qOne"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1178,6 +1209,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
</div>
@@ -1199,6 +1231,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qThree"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1206,6 +1239,7 @@
type="text"
class="judge-input"
v-model="chapterTwoData.question.judge.qFour"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -1214,6 +1248,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qOne.one"
+ @input="saveChapterOneData"
/>鐨勮寰嬨��
</p>
<p class="block">
@@ -1221,10 +1256,12 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qTwo.one"
+ @input="saveChapterOneData"
/>涓婂崌锛岃�屾槸<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qTwo.Two"
+ @input="saveChapterOneData"
/>涓婂崌銆�
</p>
<p class="block">
@@ -1232,18 +1269,22 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.one"
+ @input="saveChapterOneData"
/>鎬э紝鐜鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.Two"
+ @input="saveChapterOneData"
/>鎬с�傚鍓嶅効绔ョ殑鐢熼暱鍙戣偛灏辨槸涓綋鐨�<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.Three"
+ @input="saveChapterOneData"
/>鍥犵礌涓�<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qThree.Four"
+ @input="saveChapterOneData"
/>鍥犵礌鐩镐簰浣滅敤鐨勮繃绋嬨��
</p>
<p class="block">
@@ -1251,6 +1292,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qFour.one"
+ @input="saveChapterOneData"
/>鍩虹銆�
</p>
<p class="block">
@@ -1258,10 +1300,12 @@
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qFive.one"
+ @input="saveChapterOneData"
/>鍥犵礌鐨勫奖鍝嶏紱鍐滄潙骞煎効鍜屽煄甯傚辜鍎跨敓闀垮彂鑲茬姸鍐典笉鍚岋紝杩欎綋鐜颁簡<input
type="text"
class="lineInput completion-input"
v-model="chapterTwoData.question.fill.qFive.Two"
+ @input="saveChapterOneData"
/>鍥犵礌瀵瑰鍓嶅効绔ョ敓闀垮彂鑲茬殑褰卞搷銆�
</p>
<p class="block"><b>涓夈�佹�濊��</b></p>
@@ -1271,6 +1315,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTwoData.question.short.qOne"
+ @input="saveChapterOneData"
></textarea>
<p class="block">2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳湁鍝簺锛�</p>
<textarea
@@ -1278,6 +1323,7 @@
:rows="8"
placeholder="璇疯緭鍏ュ唴瀹�"
v-model="chapterTwoData.question.short.qTwo"
+ @input="saveChapterOneData"
></textarea>
<div>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1316,6 +1362,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="800"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</p>
</div>
@@ -1336,6 +1383,10 @@
},
showPageList:{
type:Array
+ },
+ isSearch:{
+ type:Boolean,
+ default:false
}
},
data() {
@@ -1348,7 +1399,6 @@
pathOne: "",
pathTwo: "",
pathThree: "",
- saveTime: 20,
chapterTwoData: {
experienceOne: "",
experienceTwo: "",
@@ -1426,23 +1476,13 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterTwoData");
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterTwoData");
if (localData) {
this.chapterTwoData = JSON.parse(localData);
}
- window.timerTwo = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
- }
- }, 1000);
this.getVideoPath();
- },
- unmounted() {
- if (window.timerTwo) {
- clearInterval(window.timerTwo);
}
- localStorage.setItem("chapterTwoData", JSON.stringify(this.chapterTwoData));
},
methods: {
changeResources(type) {
@@ -1465,8 +1505,6 @@
);
},
saveChapterOneData() {
- this.saveTime = 20;
- console.log(this.chapterTwoData);
localStorage.setItem(
"chapterTwoData",
JSON.stringify(this.chapterTwoData)
diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index 5c64ef2..f28a590 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -155,6 +155,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.涓轰粈涔堝彂鐜板効绔ユ湁鍔ㄤ綔杩熺紦鍜屽紓甯哥幇璞¤鍙婃椂鎺掓煡鍘熷洜?</span
@@ -166,6 +167,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.3宀佸墠鍎跨鍦ㄨ璇嗕笘鐣岀殑杩囩▼涓紝鍝簺鎰熻璧风潃閲嶈浣滅敤?3宀佸悗鏈変粈涔堝彉鍖�?</span
@@ -177,6 +179,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.鍞愯瘲鈥滃皯灏忕瀹惰�佸ぇ鍥烇紝涔￠煶鏈敼楝撴瘺琛�"璇存槑浜嗗効绔ヨ瑷�鍙戝睍鍝釜鏂归潰鐨勭壒寰�?</span
@@ -188,6 +191,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.鍙骞煎効鍦ㄥ辜鍎垮洯涓嶅摥銆佷笉闂癸紝灏辫鏄庝粬鎯呯华娌￠棶棰�?</span
@@ -199,6 +203,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.鍎跨涓�х殑鍙戝睍浼氬彈鍒板摢浜涘洜绱犵殑鍙戝睍?涓轰粈涔堣鑹ソ鐨勫績鐞嗙幆澧冩槸淇濊瘉鍎跨鍋ュ叏浜烘牸鐨勯噸瑕佸墠鎻�?</span
@@ -210,6 +215,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.褰卞搷瀛﹀墠鍎跨蹇冪悊鍙戝睍鐨勫洜绱犳湁鍝簺?</span
@@ -221,6 +227,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.閬椾紶鍥犵礌瀵瑰効绔ュ績鐞嗗彂灞曠殑浣滅敤涓昏琛ㄧ幇鍦ㄥ摢浜涙柟闈�?</span
@@ -232,6 +239,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>9.浠�涔堟槸鍎跨鍙戝睍鐨勫叧閿湡?瀹冧笌鍝釜褰卞搷鍥犵礌鐩稿叧?</span
@@ -243,6 +251,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>10.绀句細鐢熸椿鏉′欢鍜屾暀鑲插鍎跨鐨勫彂灞曡捣鍝簺浣滅敤?</span
@@ -254,6 +263,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>11.鎬庢牱鐪嬪緟鍎跨鑷韩鐨勪富瑙傝兘鍔ㄦ�у湪鍏跺彂灞曚腑鐨勪綔鐢�?</span
@@ -265,6 +275,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">12.瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勬爣蹇楁槸浠�涔�?</span>
<textarea
@@ -274,6 +285,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -300,6 +312,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="600"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
蹇冪悊瀛︾爺绌惰〃鏄庯紝杩欎簺鐜拌薄鏄敱鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰拰瑙勫緥閫犳垚鐨勩�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰強褰卞搷鍥犵礌锛屼负骞磋交鐨勭埗姣嶅強瀛﹀墠鏁欒偛鏈烘瀯鐨勮�佸笀寮�灞曠瀛︾殑鏃╂湡鏁欒偛鎻愪緵渚濇嵁銆�
@@ -770,6 +783,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>2.涓轰綍鎶婂鍓嶅効绔ョ殑蹇冪悊闂绉颁负琛屼负闂?</span
@@ -781,6 +795,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.瀵艰嚧瀛﹀墠鍎跨鍑虹幇蹇冪悊琛屼负闂鐨勫師鍥犳湁鍝簺?鍘嬪姏鏄睘浜庡叾涓殑鍝釜鍘熷洜?</span
@@ -792,6 +807,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>4.寮曡捣瀛﹀墠鍎跨浜х敓鍘嬪姏鐨勫師鍥犳湁鍝簺?</span
@@ -803,6 +819,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.鍎跨甯歌鐨勫績鐞嗚涓洪棶棰橀�氬父鏈夊摢浜�?</span
@@ -814,6 +831,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.瀵逛簬鍟冨挰鎸囩敳鐨勫勾骞煎瀛愶紝鎬庢牱寮曞鏁堟灉鏇村ソ?瀵逛簬鍟冨挰鎸囩敳涓ラ噸鐨勫効绔ワ紝鍙噰鐢ㄤ粈涔堢煫娌荤殑鏂规硶?</span
@@ -825,6 +843,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.瀵艰嚧鍎跨鍑虹幇杩囧害渚濊禆鐨勫師鍥犱富瑕佹湁鍝簺?鍏堕珮鍙戝勾鏄嚑宀�?</span
@@ -836,6 +855,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.鈥滃鍓嶅効绔ョ殑鍋风獌鏄搧寰锋伓鍔ｇ殑琛屼负锛屼竴瀹氳鎶婂叾娑堢伃鍦ㄨ悓鑺界姸鎬併��"杩欎釜瑙傜偣瀵瑰悧?涓轰粈涔�?</span
@@ -847,6 +867,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -863,6 +884,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="400"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩板鍓嶅効绔ヤ骇鐢熷帇鍔涚殑鍘熷洜銆佸鍓嶅効绔ュ父瑙佺殑蹇冪悊琛屼负闂鍙婂叾寮曞鐨勭浉鍏崇煡璇嗭紝浠ユ湡涓哄闀垮強骞煎効鏁欒偛鏈烘瀯鐨勮�佸笀姝ｇ‘瀵瑰緟瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樻彁渚涘府鍔┿��
@@ -1322,6 +1344,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">2.鍎跨鏈熷父瑙佺殑蹇冪悊鐤剧梾鏈夊摢浜�?</span>
<textarea
@@ -1331,6 +1354,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>3.鍒ゆ柇濠村効鏈夋棤鍙戣偛闅滅鐨勪緷鎹湁鍝簺?涓轰粈涔堣鎻愬�℃棭鍙戠幇銆佹棭璇婃柇銆佹棭娌荤枟?</span
@@ -1342,6 +1366,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">4.璇婃柇涓昏瑙ｅ喅鍝簺闂?</span>
<textarea
@@ -1351,6 +1376,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>5.浠�涔堟槸瑷�璇�?浠�涔堟槸璇█?涓よ�呮槸浠�涔堝叧绯�?</span
@@ -1362,6 +1388,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>6.浠�涔堟槸瑷�璇拰璇█闅滅?浠�涔堟槸娌熼�氶殰纰�?涓よ�呭張鏄粈涔堝叧绯�?</span
@@ -1373,6 +1400,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>7.2宀佺殑瀛╁瓙杩樹笉寮�鍙ｈ璇濓紝濂跺ザ璇�:鈥滆吹浜鸿杩熲�欙紝娌″叧绯汇�傗�濆姝わ紝浣犳�庝箞鐪�?</span
@@ -1384,6 +1412,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>8.浠�涔堟槸绮剧鍙戣偛杩熸粸?瀹冪殑鍙戠敓鐜囨槸澶氬皯?</span
@@ -1395,6 +1424,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10">9.浠�涔堟槸瀛ょ嫭鐥�?瀹冩湁鍝簺涓村簥琛ㄧ幇?</span>
<textarea
@@ -1404,6 +1434,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>10.瀛ょ嫭鐥囩殑鍙戠敓鐜囨槸澶氬皯?鎬庢牱杩涜娌荤枟?</span
@@ -1415,6 +1446,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>11.浠�涔堟槸鍎跨澶氬姩鐥�?瀹冪殑鏍稿績鐥囩姸鏈夊摢浜�?涓村簥琛ㄧ幇鏈夊摢浜�?</span
@@ -1426,6 +1458,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>12.鍖哄埆澶氬姩鐥囦笌闈炲鍔ㄧ棁鐨勯噸瑕佹寚鏍囨槸浠�涔�?</span
@@ -1437,6 +1470,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
<span class="ds-bl mt-10"
>13.鍎跨澶氬姩鐥囩殑鍙戠敓鐜囨槸澶氬皯?鎬庢牱杩涜娌荤枟?</span
@@ -1448,6 +1482,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="300"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</td>
</tr>
@@ -1493,6 +1528,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="200"
class="w100 ta-br fm-st cl-66 fz-14"
+ @input="saveChapterOneData"
></textarea>
<p class="block">
鏈富棰樹富瑕佽杩板鍓嶅効绔ュ父瑙佺殑鐢遍仐浼犲洜绱犮�佽韩浣撳洜绱犲拰蹇冪悊绀句細鍥犵礌寮曡捣鐨勫績鐞嗙柧鐥呮柟闈㈢殑鐭ヨ瘑锛屽笇鏈涜兘涓哄闀垮拰闆嗕綋鏁欒偛鏈烘瀯鐨勮�佸笀鎻愪緵涓�浜涜瘖鏂拰淇濊偛鏂归潰鐨勪俊鎭紝浠ヤ究涓烘湁鐗规畩闇�瑕佺殑鍎跨鎻愪緵鏇村ソ鐨勬湇鍔°��
@@ -1760,6 +1796,7 @@
type="text"
class="judge-input"
v-model="chapterThreeData.question.judge.qOne"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1767,6 +1804,7 @@
type="text"
class="judge-input"
v-model="chapterThreeData.question.judge.qTwo"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1774,6 +1812,7 @@
type="text"
class="judge-input"
v-model="chapterThreeData.question.judge.qThree"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1781,6 +1820,7 @@
type="text"
class="judge-input"
v-model="chapterThreeData.question.judge.qFour"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1788,6 +1828,7 @@
type="text"
class="judge-input"
v-model="chapterThreeData.question.judge.qFive"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block">
@@ -1795,6 +1836,7 @@
type="text"
class="judge-input"
v-model="chapterThreeData.question.judge.qSix"
+ @input="saveChapterOneData"
/>锛�
</p>
<p class="block"><b>浜屻�佸～绌�</b></p>
@@ -1803,6 +1845,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qOne.one"
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="block">
@@ -1810,6 +1853,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qTwo.one"
+ @input="saveChapterOneData"
/>锛屾渶鍚庡埌杈捐剼閮ㄣ��
</p>
<p class="block">
@@ -1817,6 +1861,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qThree.one"
+ @input="saveChapterOneData"
/>宀佹椂鍙戦煶鏈哄埗宸插紑濮嬪畾鍨嬶紝浠ュ悗鍐嶅彂鍒殑闊筹紝灏卞鏄撴湁鍙ｉ煶銆�
</p>
<p class="block">
@@ -1824,6 +1869,7 @@
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qFour.one"
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="block">
@@ -1831,31 +1877,37 @@
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qFive.one"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qFive.two"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qFive.three"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qFive.four"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qThree.five"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qFive.six"
+ @input="saveChapterOneData"
/>绛夈��
</p>
</div>
@@ -1877,21 +1929,25 @@
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qSix.one"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qSix.two"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qSix.three"
+ @input="saveChapterOneData"
/>銆�
<input
type="text"
class="lineInput completion-input"
v-model="chapterThreeData.question.fill.qSix.four"
+ @input="saveChapterOneData"
/>銆�
</p>
<p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1930,6 +1986,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
maxlength="800"
class="w100 ta-br textarea-text"
+ @input="saveChapterOneData"
></textarea>
</p>
</div>
@@ -1950,6 +2007,10 @@
},
showPageList:{
type:Array
+ },
+ isSearch:{
+ type:Boolean,
+ default:false
}
},
data() {
@@ -1965,7 +2026,6 @@
pathFour: "",
pathFive: "",
pathSix: "",
- saveTime: 20,
chapterThreeData: {
experienceOne: "",
experienceTwo: "",
@@ -2056,23 +2116,14 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterThreeData");
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterThreeData");
if (localData) {
this.chapterThreeData = JSON.parse(localData);
}
- window.timerThree = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
- }
- }, 1000);
this.getVideoPath()
- },
- unmounted() {
- if (window.timerThree) {
- clearInterval(window.timerThree);
}
- localStorage.setItem("chapterThreeData", JSON.stringify(this.chapterThreeData));
+
},
methods: {
changeResources(type) {
@@ -2097,7 +2148,6 @@
this.$data.pathSix = await getResourcePath("bc3af85cd899b20adf885c308c595fbb");
},
saveChapterOneData() {
- this.saveTime = 20;
localStorage.setItem(
"chapterThreeData",
JSON.stringify(this.chapterThreeData)
diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index 1b8da2b..690fcda 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -2734,6 +2734,10 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -2837,22 +2841,7 @@
if (localData) {
this.chapterFiveData = JSON.parse(localData);
}
- window.timerFive = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
- }
- }, 1000);
this.getVideoPath();
- },
- unmounted() {
- if (window.timerFive) {
- clearInterval(window.timerFive);
- }
- localStorage.setItem(
- "chapterFiveData",
- JSON.stringify(this.chapterFiveData)
- );
},
methods: {
changeResources(type) {
@@ -2869,7 +2858,6 @@
}
},
saveChapterOneData() {
- this.saveTime = 20;
localStorage.setItem(
"chapterFiveData",
JSON.stringify(this.chapterFiveData)
diff --git a/src/books/childHealth/view/content/components/chapter006.vue b/src/books/childHealth/view/content/components/chapter006.vue
index fb2997a..a7c5fe3 100644
--- a/src/books/childHealth/view/content/components/chapter006.vue
+++ b/src/books/childHealth/view/content/components/chapter006.vue
@@ -2731,6 +2731,10 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -2850,17 +2854,19 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterSixData");
- if (localData) {
- this.chapterSixData = JSON.parse(localData);
- }
- window.timerSix = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterSixData");
+ if (localData) {
+ this.chapterSixData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath();
+ window.timerSix = setInterval(() => {
+ this.saveTime--;
+ if (this.saveTime == 0) {
+ this.saveChapterOneData();
+ }
+ }, 1000);
+ this.getVideoPath();
+ }
},
unmounted() {
if (window.timerSix) {
diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue
index 3d97cd9..7284f1d 100644
--- a/src/books/childHealth/view/content/components/chapter007.vue
+++ b/src/books/childHealth/view/content/components/chapter007.vue
@@ -3616,6 +3616,10 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -3745,7 +3749,8 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterSevenData");
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterSevenData");
if (localData) {
this.chapterSevenData = JSON.parse(localData);
}
@@ -3756,6 +3761,7 @@
}
}, 1000);
this.getVideoPath()
+ }
},
unmounted() {
if (window.timerSeven) {
diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index 33762ff..e5bd495 100644
--- a/src/books/childHealth/view/content/components/chapter008.vue
+++ b/src/books/childHealth/view/content/components/chapter008.vue
@@ -2406,6 +2406,10 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -2510,17 +2514,19 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterEnightData");
- if (localData) {
- this.chapterEnightData = JSON.parse(localData);
- }
- window.timerEnight = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterEnightData");
+ if (localData) {
+ this.chapterEnightData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath();
+ window.timerEnight = setInterval(() => {
+ this.saveTime--;
+ if (this.saveTime == 0) {
+ this.saveChapterOneData();
+ }
+ }, 1000);
+ this.getVideoPath();
+ }
},
unmounted() {
if (window.timerEnight) {
diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue
index aa3beca..29af446 100644
--- a/src/books/childHealth/view/content/components/chapter009.vue
+++ b/src/books/childHealth/view/content/components/chapter009.vue
@@ -1746,6 +1746,10 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -1830,17 +1834,19 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterNineData");
- if (localData) {
- this.chapterNineData = JSON.parse(localData);
- }
- window.timerNine = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterNineData");
+ if (localData) {
+ this.chapterNineData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath();
+ window.timerNine = setInterval(() => {
+ this.saveTime--;
+ if (this.saveTime == 0) {
+ this.saveChapterOneData();
+ }
+ }, 1000);
+ this.getVideoPath();
+ }
},
unmounted() {
if (window.timerNine) {
diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue
index 2715bc8..64cc7d2 100644
--- a/src/books/childHealth/view/content/components/chapter010.vue
+++ b/src/books/childHealth/view/content/components/chapter010.vue
@@ -1364,6 +1364,10 @@
showPageList: {
type: Array,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -1426,17 +1430,19 @@
};
},
async mounted() {
- const localData = localStorage.getItem("chapterTenData");
- if (localData) {
- this.chapterTenData = JSON.parse(localData);
- }
- window.timerTen = setInterval(() => {
- this.saveTime--;
- if (this.saveTime == 0) {
- this.saveChapterOneData();
+ if(!this.isSearch) {
+ const localData = localStorage.getItem("chapterTenData");
+ if (localData) {
+ this.chapterTenData = JSON.parse(localData);
}
- }, 1000);
- this.getVideoPath();
+ window.timerTen = setInterval(() => {
+ this.saveTime--;
+ if (this.saveTime == 0) {
+ this.saveChapterOneData();
+ }
+ }, 1000);
+ this.getVideoPath();
+ }
},
unmounted() {
if (window.timerTen) {
diff --git a/src/books/childHealth/view/content/components/header.vue b/src/books/childHealth/view/content/components/header.vue
index 855a0ce..4e2b6a5 100644
--- a/src/books/childHealth/view/content/components/header.vue
+++ b/src/books/childHealth/view/content/components/header.vue
@@ -193,10 +193,8 @@
</template>
<script>
-import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
export default {
name: "page-header",
- components: { evenHeaderVue },
props: {
showPageList: {
type: Array,
@@ -215,7 +213,7 @@
object-fit: contain;
}
.box {
- width: 400px;
+ max-width: 400px;
margin: 0 auto;
}
.line {
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index b4d7bd8..d06a8e9 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -21,51 +21,61 @@
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterOne>
<chapterTwo
v-if="showCatalogList.indexOf(3) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterTwo>
<chapterThree
v-if="showCatalogList.indexOf(4) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterThree>
<chapterFour
v-if="showCatalogList.indexOf(5) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterFour>
<chapterFive
v-if="showCatalogList.indexOf(6) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterFive>
<chapterSix
v-if="showCatalogList.indexOf(7) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterSix>
<chapterSeven
v-if="showCatalogList.indexOf(8) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterSeven>
<chapterEight
v-if="showCatalogList.indexOf(9) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterEight>
<chapterNine
v-if="showCatalogList.indexOf(10) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterNine>
<chapterTen
v-if="showCatalogList.indexOf(11) > -1"
:showPageList="loadPageList"
:questionData="questionDataMap"
+ :isSearch="isSearch"
></chapterTen>
<chapterEleven
v-if="showCatalogList.indexOf(12) > -1"
@@ -122,7 +132,8 @@
loadPageList: [],
questionDataMap: {},
renderSignMap: {},
- highlightData: null
+ highlightData: null,
+ isSearch:false
};
},
computed: {
@@ -619,11 +630,14 @@
} else {
const obj = {};
for (let key in testData[catalog][page]) {
- obj[key] = await getQuestionList(
- [],
- testData[catalog][page][key],
- this.config.activeBook
- );
+ const token = localStorage.getItem('jsek-token')
+ if(token) {
+ obj[key] = await getQuestionList(
+ [],
+ testData[catalog][page][key],
+ this.config.activeBook
+ );
+ }
}
this.questionDataMap[page] = obj;
}
diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index 9a59f99..c8a686f 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -51,10 +51,12 @@
闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">1</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">1</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 2 -->
@@ -293,10 +295,12 @@
锛�2锛夎澶囩獥鍙ｆ槸MCGS宓屽叆鐗堢郴缁熶笌澶栧洿璁惧鑱旂郴鐨勫獟浠嬨�傝澶囩獥鍙ｄ笓闂ㄧ敤鏉ユ斁缃笉鍚�
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">3</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">3</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 4 -->
@@ -457,10 +461,12 @@
锛�5锛塗PC7062K鍚姩銆備娇鐢�24V鐩存祦鐢垫簮缁橳PC渚涚數锛屽紑鏈哄惎鍔ㄥ悗灞忓箷鍑虹幇鈥滄鍦ㄥ惎鍔ㄢ�濇彁绀鸿繘搴︽潯锛屾鏃朵笉闇�浠讳綍鎿嶄綔鑷姩杩涘叆宸ョ▼杩愯鐣岄潰锛屽鍥�1-11鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">5</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">5</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 6 -->
@@ -741,10 +747,12 @@
鍦ㄥ畨瑁呯▼搴忕獥鍙ｄ腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">7</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">7</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 8 -->
@@ -1116,10 +1124,12 @@
锛�2锛夊崟鍑烩�滅獥鍙ｅ睘鎬р�濇寜閽紝寮瑰嚭鈥滅敤鎴风獥鍙ｅ睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗★紝灏嗏�滅獥鍙ｅ悕绉扳�濅慨鏀逛负鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繘琛屼繚瀛橈紝濡傚浘1-23鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">9</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">9</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 10 -->
@@ -1274,10 +1284,12 @@
锛�6锛夊崟鍑诲伐鍏风涓殑鈥滆緭鍏ユ鈥濇寜閽紝鍦ㄧ獥鍙ｆ寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰袱涓竴瀹氬ぇ灏忕殑鈥滆緭鍏ユ鈥濓紝鍒嗗埆鎽嗘斁鍦ㄢ�滅姸鎬佹樉绀�1锛氣�濇爣绛俱�佲�滅姸鎬佹樉绀�2锛氣�濇爣绛剧殑鏃佽竟浣嶇疆锛屽鍥�1-32鎵�绀恒��
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">11</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">11</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 12 -->
@@ -1485,10 +1497,12 @@
/>鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝杩炴帴鏂瑰紡閫夋嫨鈥淭CP/IP缃戠粶閫氫俊鈥濓紝璁剧疆瑙︽懜灞廔P涓庤绠楁満IP鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫�
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">13</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">13</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
<!-- 14 -->
@@ -1881,10 +1895,12 @@
></textarea>
</p>
</div>
- <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
- <li class="footer-num">15</li>
- <li class="footer-box"></li>
- </ul>
+ <div class="fl ju-ed">
+ <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+ <li class="footer-num">15</li>
+ <li class="footer-box"></li>
+ </ul>
+ </div>
</div>
</div>
</div>
diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue
index aa243a5..7a56f5c 100644
--- a/src/books/embedded/view/components/index.vue
+++ b/src/books/embedded/view/components/index.vue
@@ -1,5 +1,8 @@
<template>
<div class="page-main" @scroll="throttledScrollHandler">
+ <div id="searchDomBox" style="display: none">
+ <div id="searchContent"></div>
+ </div>
<div
class="page-content"
:style="{
@@ -40,8 +43,9 @@
observer: null,
loadPageObserver: null,
loadPageList: [],
- questionData: {},
- renderSignMap: {}
+ questionDataMap: {},
+ renderSignMap: {},
+ highlightData: null,
};
},
computed: {
@@ -50,7 +54,7 @@
},
pageZoom() {
return this.$store.state.qiankun.scale / 100;
- }
+ },
},
watch: {
showCatalogList: {
@@ -61,7 +65,7 @@
) {
// 璋冪敤鐖跺眰鏂规硶
this.$store.state.qiankun.catalogChange({
- showCatalogList: newVal
+ showCatalogList: newVal,
});
}
// 鍚姩椤电爜瑙傚療
@@ -69,17 +73,24 @@
this.initObservation();
this.initThemeColor();
}, 500);
- }
+ },
},
loadPageList: {
handler(newVal, oldVal) {
- console.log(newVal, "this.loadPageList");
setTimeout(() => {
this.initSwiper();
this.initViewer();
}, 200);
- }
- }
+ },
+ },
+ pageZoom: {
+ handler(newVal, oldVal) {
+ const scrollBox = (
+ this.container ? this.container : document
+ ).querySelector(".page-main");
+ scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+ },
+ },
},
mounted() {
// 榛樿鍔犺浇绔犺妭
@@ -106,7 +117,15 @@
// 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
delSign: (data) => {
this.delSign(data);
- }
+ },
+ // 鍏ㄦ枃妫�绱�
+ searchBookByKeyword: (keyword) => {
+ return this.searchTextByPage(keyword);
+ },
+ // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+ jumpSearchItem: (data) => {
+ this.searchItemLocation(data);
+ },
});
}
@@ -115,13 +134,13 @@
this.observer = new IntersectionObserver(this.pageChangeCallback, {
root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
- threshold: 0.5 // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
});
this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
- threshold: 0 // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+ threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
});
// 鍚姩椤电爜瑙傚療
@@ -147,9 +166,36 @@
// });
// }, 2000);
// }, 5000);
- // }, 1000);
+
+ // const pageDom = (this.container ? this.container : document)
+ // .querySelector("#app")
+ // .querySelectorAll(".page-box");
+ // 妫�绱�
+ // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+ // 妫�绱㈣烦杞�
+ // this.searchItemLocation({
+ // catalog: 2,
+ // page: 10,
+ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+ // txtIndex: 57
+ // });
+ // }, 5000);
},
methods: {
+ // setZoom1() {
+ // let scale = this.$store.state.qiankun.scale + 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
+ // setZoom2() {
+ // let scale = this.$store.state.qiankun.scale - 10;
+ // const scrollBox = (
+ // this.container ? this.container : document
+ // ).querySelector(".page-main");
+ // this.$store.commit("setZoom", scale);
+ // },
// 婊氬姩鐩戝惉
scrollFun(event) {
// 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
@@ -205,7 +251,7 @@
this.showCatalogList = [
this.catalogLength - 2,
this.catalogLength - 1,
- this.catalogLength
+ this.catalogLength,
];
} else {
this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -232,6 +278,7 @@
// 绔嬪嵆娓叉煋
this.renderSign(type, data);
}
+
// 鍌ㄥ瓨鏁版嵁
if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
if (!this.renderSignMap[type][data.page])
@@ -241,6 +288,10 @@
// 娓叉煋鏍囪
renderSign(type, data) {
+ // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+ if (this.$store.state.qiankun.disableSign) {
+ return false;
+ }
const existence = (
this.container ? this.container : document
).querySelector(`[dataid="${data.id}"]`);
@@ -250,10 +301,7 @@
this.container ? this.container : document
).querySelector(`[page="${data.page}"]`);
// 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
- const treeWalker = document.createTreeWalker(
- pageDom,
- NodeFilter.SHOW_TEXT
- );
+ const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT);
const allTextNodes = [];
let currentNode = treeWalker.nextNode();
while (currentNode) {
@@ -429,6 +477,7 @@
});
},
getParentWithClass(element, className) {
+ console.log(element, className, "element, className");
while (element.parentElement) {
element = element.parentElement;
if (element.classList.contains(className)) {
@@ -458,7 +507,7 @@
this.$store.state.qiankun.pageChange({
page: page,
catalog: catalog,
- text
+ text,
});
// const sections = Array.from(document.querySelectorAll(".section"));
//sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
@@ -478,16 +527,15 @@
"chapter"
);
const catalog = catalogDom.getAttribute("num");
- // if (!this.questionData[page]) {
+ // if (!this.questionDataMap[page]) {
// if (testData && testData[catalog]) {
// if (testData[catalog][page]) {
// if (Array.isArray(testData[catalog][page])) {
- // this.questionData[page] = await getQuestionList(
+ // this.questionDataMap[page] = await getQuestionList(
// page,
// testData[catalog][page],
// this.config.activeBook
// );
-
// } else {
// const obj = {};
// for (let key in testData[catalog][page]) {
@@ -497,9 +545,9 @@
// this.config.activeBook
// );
// }
- // this.questionData[page] = obj;
+ // this.questionDataMap[page] = obj;
// }
- // console.log('棰樼洰',this.questionData);
+ // console.log("棰樼洰", this.questionDataMap);
// }
// }
// }
@@ -512,6 +560,36 @@
this.renderSign(key, item);
});
}
+ }
+ // 澶勭悊楂樹寒
+ if (this.highlightData) {
+ // 楂樹寒琛�
+ setTimeout(() => {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(
+ this.highlightData.txt
+ );
+ if (txtIndex > -1) {
+ textDom.parentNode.style.transition =
+ "background-color 0.8s";
+ textDom.parentNode.scrollIntoView();
+ textDom.parentNode.style.backgroundColor = "#79bbf0";
+ setTimeout(() => {
+ textDom.parentNode.style.backgroundColor = "";
+ }, 1000);
+ }
+ }
+ }, 100);
}
if (this.loadPageList.length > 5) {
// 瓒呰繃5椤�
@@ -564,40 +642,40 @@
for (let i = 0; i < pptDoms.length; i++) {
const dom = pptDoms[i];
new Swiper(dom, {
- loop: false, // 鏃犵紳
- autoplay: false,
- paginationClickable: true,
- slidesPerView: 1, // 涓�缁勪笁涓�
- spaceBetween: 30, // 闂撮殧
- // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
- navigation: {
- nextEl: (this.container ? this.container : document).querySelector(
- ".swiper-button-next"
- ),
- prevEl: (this.container ? this.container : document).querySelector(
- ".swiper-button-prev"
- ),
- },
- // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
- observer: true,
- observeParents: true,
- on: {
- init:(value) => {
- let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
- let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
- var paginationInfoEl = dom.querySelector('.pageBox');
- if(paginationInfoEl)
- paginationInfoEl.textContent = currentPage + '/' + totalPages;
+ loop: false, // 鏃犵紳
+ autoplay: false,
+ paginationClickable: true,
+ slidesPerView: 1, // 涓�缁勪笁涓�
+ spaceBetween: 30, // 闂撮殧
+ // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+ navigation: {
+ nextEl: (this.container ? this.container : document).querySelector(
+ ".swiper-button-next"
+ ),
+ prevEl: (this.container ? this.container : document).querySelector(
+ ".swiper-button-prev"
+ ),
},
- slideChange:(value) => {
- let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
- let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
- var paginationInfoEl = dom.querySelector('.pageBox');
- if(paginationInfoEl)
- paginationInfoEl.textContent = currentPage + '/' + totalPages;
+ // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+ observer: true,
+ observeParents: true,
+ on: {
+ init: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
+ slideChange: (value) => {
+ let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+ let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+ var paginationInfoEl = dom.querySelector(".pageBox");
+ if (paginationInfoEl)
+ paginationInfoEl.textContent = currentPage + "/" + totalPages;
+ },
},
- },
- });
+ });
}
},
initViewer() {
@@ -607,18 +685,124 @@
for (let i = 0; i < doms.length; i++) {
const dom = doms[i];
new Viewer(dom, {
- container: (this.container ? this.container.querySelector("#app") : "body"),
+ container: this.container
+ ? this.container.querySelector("#app")
+ : "body",
navbar: true, // 鏄剧ず瀵艰埅鏍�
toolbar: true, // 鏄剧ず宸ュ叿鏍�
- title: true // 鏄剧ず鏍囬
+ title: true, // 鏄剧ず鏍囬
});
}
- }
+ },
+ // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+ searchTextByPage(keyword) {
+ const searchResult = [];
+ let catalogIndex = 0;
+ // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+ const pageData = {
+ pageHeader,
+ chapterOne,
+ };
+ // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+ for (const key in pageData) {
+ catalogIndex++;
+ let pageComponent, pageExample;
+ // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [],
+ questionData: {},
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇椤电爜
+ const pageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelectorAll(".page-box");
+ const pages = [];
+ for (let i = 0; i < pageDom.length; i++) {
+ const pageDomItem = pageDom[i];
+ pages.push(Number(pageDomItem.getAttribute("page")));
+ }
+ // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ // 閬嶅巻椤电爜
+ if (pages.length) {
+ for (let i = 0; i < pages.length; i++) {
+ const pageNum = pages[i];
+ // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+ pageComponent = Vue.extend(pageData[key]);
+ pageExample = new pageComponent({
+ propsData: {
+ showPageList: [pageNum],
+ questionData: {},
+ },
+ });
+ pageExample.$mount(
+ (this.container ? this.container : document).querySelector(
+ "#searchContent"
+ )
+ );
+ // 鑾峰彇瀵瑰簲椤甸潰dom
+ const thisPageDom = (this.container ? this.container : document)
+ .querySelector("#searchDomBox")
+ .querySelector(`[page="${pageNum}"]`);
+ if (thisPageDom) {
+ // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+ const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT);
+ // 鍖归厤鍏抽敭瀛�
+ const allPageTextNodes = [];
+ let currentNode = pageTextList.nextNode();
+ while (currentNode) {
+ allPageTextNodes.push(currentNode);
+ currentNode = pageTextList.nextNode();
+ }
+ for (let i = 0; i < allPageTextNodes.length; i++) {
+ const textDom = allPageTextNodes[i];
+ let txtIndex = textDom.textContent.indexOf(keyword);
+ if (txtIndex > -1) {
+ // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+ searchResult.push({
+ page: pageNum,
+ catalog: catalogIndex,
+ txt: textDom.textContent,
+ txtIndex: txtIndex,
+ });
+ }
+ }
+ // 缁撴潫锛屽嵏杞介攢姣�
+ pageExample.$destroy();
+ (this.container ? this.container : document).querySelector(
+ "#searchDomBox"
+ ).innerHTML = '<div id="searchContent"></div>';
+ }
+ }
+ }
+ }
+ // 杈撳嚭鎼滅储缁撴灉
+ console.log(searchResult);
+ return searchResult;
+ },
+ // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+ searchItemLocation(data) {
+ // 璁板綍楂樹寒淇℃伅
+ this.highlightData = data;
+ // 璺宠浆
+ this.gotoPage(data.catalog, data.page, () => {});
+ },
},
components: {
pageHeader,
chapterOne,
- }
+ },
};
</script>
<style scoped lang="less">
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index bc14f9c..4668fdb 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -44,6 +44,21 @@
top: 4%;
}
+ .zt-yy-brd {
+ padding: 5px 15px;
+ border: 3px dotted #f49a4c;
+ border-radius: 10px;
+ }
+
+ .chapter-006 {
+ position: relative;
+
+ .btn {
+ position: absolute;
+ top: 65%;
+ left: 35%;
+ }
+ }
.border-xxfs {
border-radius: 0 !important;
@@ -290,11 +305,11 @@
margin-top: -12%;
.title {
- font-size: 18px;
+ font-size: 16px;
}
.pageStr {
- font-size: 18px;
+ font-size: 16px;
}
}
}
@@ -364,10 +379,10 @@
@media (max-width: 756px) {
.second-con {
- font-size: 18px;
+ font-size: 16px;
.pageNum {
- font-size: 18px !important;
+ font-size: 16px !important;
}
}
}
@@ -434,10 +449,14 @@
tr td {
border: 1px solid #999;
- text-align: center;
+ text-align: left;
padding: 8px;
overflow: hidden;
white-space: pre-line;
+ font-family: 'FZLTXIHJW';
+ font-weight: normal;
+ font-size: 14px;
+ line-height: 23px;
input {
font-size: 14px;
@@ -578,7 +597,7 @@
cursor: pointer;
margin-left: 10px;
}
-
+
.upload_text {
color: #000;
font-size: 14px;
@@ -676,6 +695,7 @@
}
.p-text {
+ padding: 5px 10px;
p {
line-height: 22px;
@@ -986,7 +1006,7 @@
.tip-specail {
border: 1px solid #f49a4c !important;
- padding: 15px 15px;
+ padding: 10px 15px;
}
p {
@@ -1554,6 +1574,120 @@
top: -2em;
}
}
+
+ @media screen and (max-width:800px) {
+ .public-lifeCare .coverImg {
+ position: absolute;
+ top: 25%;
+ left: 0;
+ }
+
+ .chapter {
+
+ .prefaceImg {
+ width: 100% !important;
+ position: absolute;
+ left: 0%;
+ top: 4%;
+ }
+
+ .pdf-content {
+ padding: 20% 5%;
+ box-sizing: border-box;
+ }
+
+ div.bk-tx {
+ textarea {
+ min-width: 275px;
+ }
+ }
+
+ p {
+ margin-top: 0;
+ line-height: 25px;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW'
+ }
+
+ .header .pageHeader-second .second-con .second-right img {
+ height: 30px;
+ position: absolute;
+ left: -35px;
+ top: 0;
+ }
+
+ div.bj1 {
+ padding: 0.01em 1em 0.01em 1em;
+ margin-top: -2em;
+ margin-left: -4em;
+ margin-right: -1em;
+ }
+
+ .img-gn {
+ height: 40px;
+ margin-bottom: -0.4em;
+ }
+
+ h3 {
+ font-family: "FZLTZHJW";
+ font-weight: bold;
+ font-size: 16px;
+ margin-top: 2em;
+ /* margin-bottom: 2em; */
+ text-indent: 0em;
+ }
+
+ h4 {
+ text-align: left;
+ font-family: "FZLTZHJW";
+ font-weight: bold;
+ color: #f49a4c;
+ font-size: 16px;
+ margin-top: 0.2em;
+ margin-bottom: 2em;
+ text-indent: 0em;
+
+ .fontsz1 {
+ width: auto;
+ }
+
+ }
+
+ .bj-tip {
+ top: -25px;
+ left: 10px;
+ font-size: 16px;
+ font-weight: normal;
+ font-family: 'FZLTZHJW';
+
+ div {
+ width: 30px;
+ height: 27px;
+ }
+ }
+
+ p.bj1-qjms {
+ top: -1em;
+ }
+
+ .table111,
+ .table112 {
+ width: 100%;
+ border-collapse: collapse;
+
+ tr th {
+ width: auto !important;
+ }
+ }
+
+
+ .drawContent_wall {
+ margin-bottom: 2em;
+ }
+
+
+ }
+ }
}
body {
diff --git a/src/books/lifeCare/image/ydsc.jpg b/src/books/lifeCare/image/ydsc.jpg
new file mode 100644
index 0000000..06a681b
--- /dev/null
+++ b/src/books/lifeCare/image/ydsc.jpg
Binary files differ
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue
index 465e099..3e54086 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/index.vue
@@ -12,37 +12,44 @@
<front001
v-if="showCatalogList.indexOf(1) > -1"
:showPageList="loadPageList"
+ :isSearch="isSearch"
/>
<ChapterOne
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<ChapterTwo
v-if="showCatalogList.indexOf(3) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<ChapterThree
v-if="showCatalogList.indexOf(4) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<ChapterFour
v-if="showCatalogList.indexOf(5) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<ChapterFive
v-if="showCatalogList.indexOf(6) > -1"
:showPageList="loadPageList"
:questionData="questionData"
@Upload_initViewer="changeDomViewer"
+ :isSearch="isSearch"
/>
<chapterSix
v-if="showCatalogList.indexOf(7) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<chapterSeven
v-if="showCatalogList.indexOf(8) > -1"
@@ -50,16 +57,19 @@
:questionData="questionData"
@eventSwdt="swdtChange"
@Upload_initViewer="changeDomViewer"
+ :isSearch="isSearch"
/>
<chapterEight
v-if="showCatalogList.indexOf(9) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<chapterNine
v-if="showCatalogList.indexOf(10) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<chapter010
v-if="showCatalogList.indexOf(11) > -1"
@@ -143,6 +153,7 @@
loadPageList: [],
questionData: {},
renderSignMap: {},
+ isSearch: false,
};
},
computed: {
@@ -253,9 +264,9 @@
// }, 1000);
},
methods: {
- changeDomViewer(){
+ changeDomViewer() {
setTimeout(() => {
- this.initViewer()
+ this.initViewer();
}, 500);
},
// 婊氬姩鐩戝惉
@@ -633,7 +644,7 @@
autoplay: {
//鑷姩寮�濮�
delay: 3000, //鏃堕棿闂撮殧
- disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
},
paginationClickable: true,
slidesPerView: 1, // 涓�缁勪笁涓�
@@ -645,11 +656,11 @@
),
prevEl: (this.container ? this.container : document).querySelector(
".swiper-button-prev"
- )
+ ),
},
// 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
observer: true,
- observeParents: true
+ observeParents: true,
// // 濡傛灉闇�瑕佸垎椤靛櫒
// pagination: {
// el: (this.container ? this.container : document).querySelector(
@@ -677,7 +688,7 @@
),
prevEl: (this.container ? this.container : document).querySelector(
".swiper-button-prev"
- )
+ ),
},
// 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
observer: true,
@@ -696,8 +707,8 @@
var paginationInfoEl = dom.querySelector(".pageBox");
if (paginationInfoEl)
paginationInfoEl.textContent = currentPage + "/" + totalPages;
- }
- }
+ },
+ },
});
}
},
@@ -713,7 +724,7 @@
: "body",
navbar: true, // 鏄剧ず瀵艰埅鏍�
toolbar: true, // 鏄剧ず宸ュ叿鏍�
- title: true // 鏄剧ず鏍囬
+ title: true, // 鏄剧ず鏍囬
});
}
},
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/chapter001.vue
index 5a6deb5..7cc997c 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/chapter001.vue
@@ -1005,7 +1005,7 @@
<td>
<input
v-model="chapter001.table112.cell58"
- @blur="onBlurChangeTable112('cell58')"
+ @blur="onBlurChangeTable112('cell581')"
/>
</td>
<td>
@@ -1403,7 +1403,7 @@
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
export default {
@@ -1415,6 +1415,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -1440,13 +1444,15 @@
examinations,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter001"));
- if (localData) {
- this.chapter001 = { ...Object.assign(this.chapter001, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter001"));
+ if (localData) {
+ this.chapter001 = { ...Object.assign(this.chapter001, localData) };
+ }
+ this.chapter001.videOneUrl = await getResourcePath(
+ "68ebd5c05bcb742999a9ebdce4b4bd53"
+ );
}
- this.chapter001.videOneUrl = await getResourcePath(
- "68ebd5c05bcb742999a9ebdce4b4bd53"
- );
},
methods: {
activityOne() {
diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/chapter002.vue
index e82a22a..bd24f43 100644
--- a/src/books/lifeCare/view/chapter002.vue
+++ b/src/books/lifeCare/view/chapter002.vue
@@ -288,10 +288,7 @@
<tr>
<th
:style="{
- width:
- index == 1 || index == chapter002.groupData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter002.groupHeader"
:key="index"
@@ -427,7 +424,8 @@
:style="{
width:
index == 0 ||
- index == chapter002.tableData121.length - 1
+ index == chapter002.headersData.length - 2 ||
+ index == chapter002.headersData.length - 1
? '100px'
: '',
}"
@@ -707,11 +705,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter002.inspectData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter002.inspectHeader"
:key="index"
@@ -991,11 +985,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter002.designData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter002.designHeader"
:key="index"
@@ -1410,7 +1400,7 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
export default {
@@ -1422,6 +1412,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -1452,7 +1446,6 @@
"鑷煡浜虹鍚�",
], // 琛ㄥご
tableData121: [
- // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
["绌鸿皟", "", "", "", "", "", "", ""],
["鐢佃鏈�", "", "", "", "", "", "", ""],
["鐢甸鎵�", "", "", "", "", "", "", ""],
@@ -1460,6 +1453,8 @@
["鐢电伅", "", "", "", "", "", "", ""],
["鐢佃剳", "", "", "", "", "", "", ""],
["闂ㄧ獥", "", "", "", "", "", "", ""],
+ ["姘寸", "", "", "", "", "", "", ""],
+ ["鍏朵粬璁惧", "", "", "", "", "", "", ""],
],
tableData122: [
["", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],
@@ -1663,20 +1658,18 @@
examinations,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter002"));
- if (localData) {
- this.chapter002 = { ...Object.assign(this.chapter002, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter002"));
+ if (localData) {
+ this.chapter002 = { ...Object.assign(this.chapter002, localData) };
+ }
+ this.chapter002.videOneUrl = await getResourcePath(
+ "6e471afdbeb95a8891f1551cbb0cd4fd"
+ );
+ this.chapter002.videOneUrl116 = await getResourcePath(
+ "b727b78f8036a38cbd054816a81da7f8"
+ );
}
- this.chapter002.videOneUrl = await getResourcePath(
- "6e471afdbeb95a8891f1551cbb0cd4fd"
- );
- this.chapter002.videOneUrl116 = await getResourcePath(
- "b727b78f8036a38cbd054816a81da7f8"
- );
- // this.chapter002.videOneUrl116 =
- // "https:/jsek.bnuic.com/file/api/ApiDownload?md5=b727b78f8036a38cbd054816a81da7f8";
- // this.chapter002.videOneUrl =
- // "https:/jsek.bnuic.com/file/api/ApiDownload?md5=6e471afdbeb95a8891f1551cbb0cd4fd";
},
methods: {
activityOne() {
@@ -1705,6 +1698,11 @@
this.$set(this.chapter002.tableData121[rowIndex], cellIndex, value);
localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
},
+ updateCell122(rowIndex, cellIndex, value) {
+ // 鏇存柊鍗曞厓鏍兼暟鎹�
+ this.$set(this.chapter002.tableData122[rowIndex], cellIndex, value);
+ localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
+ },
updateCell123(rowIndex, cellIndex, value) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
this.$set(this.chapter002.tableData123[rowIndex], cellIndex, value);
diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/chapter003.vue
index b2b9f85..e6f56de 100644
--- a/src/books/lifeCare/view/chapter003.vue
+++ b/src/books/lifeCare/view/chapter003.vue
@@ -292,10 +292,7 @@
<tr>
<th
:style="{
- width:
- index == 1 || index == chapter003.groupData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter003.publicHeader"
:key="index"
@@ -311,6 +308,19 @@
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
<template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.groupData[rowIndex][cellIndex]"
+ @blur="
+ updateCellGroup(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else-if="cellIndex == 4">
<input
type="text"
v-model="chapter003.groupData[rowIndex][cellIndex]"
@@ -928,11 +938,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter003.scoreData1.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter003.publicHeader"
:key="index"
@@ -960,9 +966,38 @@
"
/>
</template>
+ <template v-else-if="cellIndex == 4">
+ <input
+ type="text"
+ v-model="chapter003.scoreData1[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore1(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
<template v-else>
{{ cell }}
</template>
+ <!-- <template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.scoreData1[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore1(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else>
+ {{ cell }}
+ </template> -->
</td>
</tr>
</tbody>
@@ -1254,11 +1289,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter003.scoreData2.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter003.publicHeader"
:key="index"
@@ -1273,7 +1304,36 @@
:key="rowIndex"
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
+ <!-- <template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.scoreData2[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore2(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else>
+ {{ cell }}
+ </template> -->
<template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.scoreData2[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore2(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else-if="cellIndex == 4">
<input
type="text"
v-model="chapter003.scoreData2[rowIndex][cellIndex]"
@@ -1585,11 +1645,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter003.scoreData3.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter003.publicHeader"
:key="index"
@@ -1617,9 +1673,38 @@
"
/>
</template>
+ <template v-else-if="cellIndex == 4">
+ <input
+ type="text"
+ v-model="chapter003.scoreData3[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore3(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
<template v-else>
{{ cell }}
</template>
+ <!-- <template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.scoreData3[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore3(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else>
+ {{ cell }}
+ </template> -->
</td>
</tr>
</tbody>
@@ -1800,11 +1885,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter003.scoreData4.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter003.publicHeader"
:key="index"
@@ -1832,9 +1913,38 @@
"
/>
</template>
+ <template v-else-if="cellIndex == 4">
+ <input
+ type="text"
+ v-model="chapter003.scoreData4[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore4(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
<template v-else>
{{ cell }}
</template>
+ <!-- <template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.scoreData4[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore4(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else>
+ {{ cell }}
+ </template> -->
</td>
</tr>
</tbody>
@@ -2082,11 +2192,11 @@
<p>濠村辜鍎跨粌涔犲埛鐗欑殑娉ㄦ剰浜嬮」鏄粈涔堬紵</p>
<div class="bk-tx">
<textarea
- v-model="chapter003.textAreaItem.text33"
+ v-model="chapter003.textAreaItem.text331"
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- @blur="onBlurChange('text33')"
+ @blur="onBlurChange('text331')"
></textarea>
</div>
</div>
@@ -2147,11 +2257,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter003.scoreData5.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter003.publicHeader"
:key="index"
@@ -2166,7 +2272,36 @@
:key="rowIndex"
>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">
+ <!-- <template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.scoreData5[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore5(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else>
+ {{ cell }}
+ </template> -->
<template v-if="cell === ''">
+ <input
+ type="text"
+ v-model="chapter003.scoreData5[rowIndex][cellIndex]"
+ @blur="
+ updateCellScore5(
+ rowIndex,
+ cellIndex,
+ $event.target.value
+ )
+ "
+ />
+ </template>
+ <template v-else-if="cellIndex == 4">
<input
type="text"
v-model="chapter003.scoreData5[rowIndex][cellIndex]"
@@ -2785,7 +2920,7 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
// import getQuestionData from "@/assets/methods/examination.js";
// import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";
@@ -2800,6 +2935,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -3247,70 +3386,45 @@
drawflow,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter003"));
- if (localData) {
- this.chapter003 = { ...Object.assign(this.chapter003, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter003"));
+ if (localData) {
+ this.chapter003 = { ...Object.assign(this.chapter003, localData) };
+ }
+ this.chapter003.videOneUrl = await getResourcePath(
+ "459ab85d46207bfcca4801dc9b319b9b"
+ );
+ this.chapter003.videoTwoUrl = await getResourcePath(
+ "3817bea302b25b865ff938140939a8de"
+ );
+ this.chapter003.videoFourUrl = await getResourcePath(
+ "7af72da649f6656c3b2164e708f5c132"
+ );
+ this.chapter003.videoFiveUrl = await getResourcePath(
+ "e24de9b0cdd889cb73e9b472ad6f4731"
+ );
+ this.chapter003.videoSixUrl = await getResourcePath(
+ "d95740ab777d9c7ca074c33317a835c4"
+ );
+ this.chapter003.videoSevenUrl = await getResourcePath(
+ "0b330926f3e6ed510b48144a83199fb3"
+ );
+ this.chapter003.videoEigthUrl = await getResourcePath(
+ "9f63cc4dcba6a87cbfe82a9ec4d7c77e"
+ );
+ this.chapter003.videoNineUrl = await getResourcePath(
+ "c2ecf6f102a6e9b210f3db49b17b58a4"
+ );
+ this.chapter003.videoTenUrl = await getResourcePath(
+ "b6943018923c0cbad4e414dc2097cb9a"
+ );
+ this.chapter003.videoEleUrl = await getResourcePath(
+ "eb604885f7c01cdf2d95df839c9c233a"
+ );
+ this.chapter003.videoTevUrl = await getResourcePath(
+ "f12a50c2ac57da78ff02f3d5f430163b"
+ );
}
- this.chapter003.videOneUrl = await getResourcePath(
- "459ab85d46207bfcca4801dc9b319b9b"
- );
- this.chapter003.videoTwoUrl = await getResourcePath(
- "3817bea302b25b865ff938140939a8de"
- );
- this.chapter003.videoFourUrl = await getResourcePath(
- "7af72da649f6656c3b2164e708f5c132"
- );
- this.chapter003.videoFiveUrl = await getResourcePath(
- "e24de9b0cdd889cb73e9b472ad6f4731"
- );
- this.chapter003.videoSixUrl = await getResourcePath(
- "d95740ab777d9c7ca074c33317a835c4"
- );
- this.chapter003.videoSevenUrl = await getResourcePath(
- "0b330926f3e6ed510b48144a83199fb3"
- );
- this.chapter003.videoEigthUrl = await getResourcePath(
- "9f63cc4dcba6a87cbfe82a9ec4d7c77e"
- );
- this.chapter003.videoNineUrl = await getResourcePath(
- "c2ecf6f102a6e9b210f3db49b17b58a4"
- );
- this.chapter003.videoTenUrl = await getResourcePath(
- "b6943018923c0cbad4e414dc2097cb9a"
- );
- this.chapter003.videoEleUrl = await getResourcePath(
- "eb604885f7c01cdf2d95df839c9c233a"
- );
- this.chapter003.videoTevUrl = await getResourcePath(
- "f12a50c2ac57da78ff02f3d5f430163b"
- );
- // this.chapter003.videOneUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=459ab85d46207bfcca4801dc9b319b9b";
- // this.chapter003.videoTwoUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=3817bea302b25b865ff938140939a8de";
- // this.chapter003.videoFourUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=7af72da649f6656c3b2164e708f5c132";
- // this.chapter003.videoFiveUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=e24de9b0cdd889cb73e9b472ad6f4731";
- // this.chapter003.videoSixUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=d95740ab777d9c7ca074c33317a835c4";
- // this.chapter003.videoSevenUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=0b330926f3e6ed510b48144a83199fb3";
- // this.chapter003.videoEigthUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=9f63cc4dcba6a87cbfe82a9ec4d7c77e";
- // this.chapter003.videoNineUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=c2ecf6f102a6e9b210f3db49b17b58a4";
- // this.chapter003.videoTenUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=b6943018923c0cbad4e414dc2097cb9a";
- // this.chapter003.videoEleUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=eb604885f7c01cdf2d95df839c9c233a";
- // this.chapter003.videoTevUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=f12a50c2ac57da78ff02f3d5f430163b";
- // this.chapter003.qustionData = await getQuestionData(
- // "3",
- // testData[3],
- // this.config.activeBook
- // );
},
methods: {
activityOne() {
diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/chapter004.vue
index dbb86dc..d0f3c91 100644
--- a/src/books/lifeCare/view/chapter004.vue
+++ b/src/books/lifeCare/view/chapter004.vue
@@ -476,10 +476,7 @@
<tr>
<th
:style="{
- width:
- index == 1 || index == chapter004.groupData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter004.publicHeader"
:key="index"
@@ -1355,7 +1352,7 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import drawflow from "@/components/drawflow";
export default {
@@ -1367,6 +1364,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
components: {
@@ -1446,25 +1447,21 @@
};
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter004"));
- if (localData) {
- this.chapter004 = { ...Object.assign(this.chapter004, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter004"));
+ if (localData) {
+ this.chapter004 = { ...Object.assign(this.chapter004, localData) };
+ }
+ this.chapter004.videOneUrl = await getResourcePath(
+ "c276be12bae3b1df0b3ce4aa01b14e1e"
+ );
+ this.chapter004.videoTwoUrl = await getResourcePath(
+ "7eb7fe2e3c13885a96143110ca4f5654"
+ );
+ this.chapter004.videoFourUrl = await getResourcePath(
+ "1b04691b60e5b5b207b3a4967c495d29"
+ );
}
- this.chapter004.videOneUrl = await getResourcePath(
- "c276be12bae3b1df0b3ce4aa01b14e1e"
- );
- this.chapter004.videoTwoUrl = await getResourcePath(
- "7eb7fe2e3c13885a96143110ca4f5654"
- );
- this.chapter004.videoFourUrl = await getResourcePath(
- "1b04691b60e5b5b207b3a4967c495d29"
- );
- // this.chapter004.videOneUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
- // this.chapter004.videoTwoUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
- // this.chapter004.videoFourUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
},
methods: {
activityOne() {
diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue
index 1988aab..5361ced 100644
--- a/src/books/lifeCare/view/chapter005.vue
+++ b/src/books/lifeCare/view/chapter005.vue
@@ -627,10 +627,7 @@
<tr>
<th
:style="{
- width:
- index == 1 || index == chapter005.groupData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -1156,11 +1153,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData1.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -1392,11 +1385,11 @@
<p>椁愬墠鏁欒偛鐨勬敞鎰忎簨椤规槸浠�涔堬紵</p>
<div class="bk-tx">
<textarea
- v-model="chapter005.textAreaItem.text28"
+ v-model="chapter005.textAreaItem.text228"
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- @blur="onBlurChange('text28')"
+ @blur="onBlurChange('text228')"
></textarea>
</div>
<h3 id="c017">
@@ -1666,11 +1659,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData2.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -1838,11 +1827,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData3.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -2171,11 +2156,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter005.scoreData4.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter005.publicHeader"
:key="index"
@@ -2604,7 +2585,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text1"
@blur="changeThVal($event, 'text1')"
/>
@@ -2613,7 +2594,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text2"
@blur="changeThVal($event, 'text2')"
/>
@@ -2622,7 +2603,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text3"
@blur="changeThVal($event, 'text3')"
/>
@@ -2631,7 +2612,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text4"
@blur="changeThVal($event, 'text4')"
/>
@@ -2642,7 +2623,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text5"
@blur="changeThVal($event, 'text5')"
/>
@@ -2651,7 +2632,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text6"
@blur="changeThVal($event, 'text6')"
/>
@@ -2660,7 +2641,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text7"
@blur="changeThVal($event, 'text7')"
/>
@@ -2669,7 +2650,7 @@
<td>
<textarea
rows="2"
- style="min-width: 80px;max-width:80px;font-size: 14px"
+ style="min-width: 80px; max-width: 80px; font-size: 14px"
v-model="chapter005.textTh.text8"
@blur="changeThVal($event, 'text8')"
/>
@@ -2724,7 +2705,7 @@
</tbody>
</table>
</div>
- <p><br/></p>
+ <p><br /></p>
<h3 id="c020">
<span class="bk-h3"
><span class="bj1-h3">鍏�</span>銆�銆�椁愬悗淇濊偛銆�</span
@@ -3102,7 +3083,7 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import drawflow from "@/components/drawflow";
@@ -3116,6 +3097,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -3555,30 +3540,24 @@
drawflow,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter005"));
- if (localData) {
- this.chapter005 = { ...Object.assign(this.chapter005, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter005"));
+ if (localData) {
+ this.chapter005 = { ...Object.assign(this.chapter005, localData) };
+ }
+ this.chapter005.videOneUrl = await getResourcePath(
+ "439b0bde62a5098875c77e2492676577"
+ );
+ this.chapter005.videoTwoUrl = await getResourcePath(
+ "1a878261410b01ee8e4e0602a1fe935f"
+ );
+ this.chapter005.videoFourUrl = await getResourcePath(
+ "6cf2619beb704b3d79de04f0775c8ba3"
+ );
+ this.chapter005.videoFiveUrl = await getResourcePath(
+ "8400384441ad9236d5eab24f500ec2c7"
+ );
}
- this.chapter005.videOneUrl = await getResourcePath(
- "439b0bde62a5098875c77e2492676577"
- );
- this.chapter005.videoTwoUrl = await getResourcePath(
- "1a878261410b01ee8e4e0602a1fe935f"
- );
- this.chapter005.videoFourUrl = await getResourcePath(
- "6cf2619beb704b3d79de04f0775c8ba3"
- );
- this.chapter005.videoFiveUrl = await getResourcePath(
- "8400384441ad9236d5eab24f500ec2c7"
- );
- // this.chapter005.videOneUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
- // this.chapter005.videoTwoUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=1a878261410b01ee8e4e0602a1fe935f";
- // this.chapter005.videoFourUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
- // this.chapter005.videoFiveUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
},
methods: {
activityOne() {
@@ -3749,7 +3728,7 @@
if (type == "3") {
that.chapter005.pictrueListThree.push(getPublicImage(e));
}
- that.$emit('Upload_initViewer',"")
+ that.$emit("Upload_initViewer", "");
localStorage.setItem("chapter005", JSON.stringify(that.chapter005));
}, 1000);
})
diff --git a/src/books/lifeCare/view/chapter006.vue b/src/books/lifeCare/view/chapter006.vue
index 3831b7e..28a3456 100644
--- a/src/books/lifeCare/view/chapter006.vue
+++ b/src/books/lifeCare/view/chapter006.vue
@@ -139,11 +139,11 @@
<p>鏍规嵁浠ヤ笂鎯呭锛岃灏忕粍璁ㄨ姘翠笌濠村辜鍎跨殑鍋ュ悍鏈変粈涔堝叧绯汇��</p>
<div class="bk-tx">
<textarea
- v-model="chapter006.textAreaItem.text1"
+ v-model="chapter006.textAreaItem.text1111"
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- @blur="onBlurChange('text1')"
+ @blur="onBlurChange('text1111')"
></textarea>
</div>
<h4 id="d063">
@@ -600,7 +600,7 @@
</div>
</div>
<div class="bodystyle">
- <p>
+ <!-- <p>
1.鏍规嵁浠ヤ笂鎯呭锛岄拡瀵规煇涓�骞撮緞娈碉紝浠ュ皬缁勫悎浣滅殑鏂瑰紡鍏卞悓璁捐涓�涓富棰樺楗帮紝浣垮┐骞煎効鑳藉叿浣撱�佺洿瑙傚湴鐪嬪埌鑷繁鐨勯ギ姘撮噺锛屽悓鏃朵篃渚夸簬鎵樿偛鍥搷浣溿�傚湪涓嬫柟鐢诲嚭璁捐鑽夊浘锛屽苟鍒朵綔瀹屾垚銆�
</p>
<div class="bk-tx">
@@ -611,6 +611,54 @@
rows="5"
@blur="onBlurChange('text17')"
></textarea>
+ </div> -->
+ <p class="pic-wall chapter-006">
+ <span
+ >1.鏍规嵁浠ヤ笂鎯呭锛岄拡瀵规煇涓�骞撮緞娈碉紝浠ュ皬缁勫悎浣滅殑鏂瑰紡鍏卞悓璁捐涓�涓富棰樺楗帮紝浣垮┐骞煎効鑳藉叿浣撱�佺洿瑙傚湴鐪嬪埌鑷繁鐨勯ギ姘撮噺锛屽悓鏃朵篃渚夸簬鎵樿偛鍥搷浣溿�傚湪涓嬫柟鐢诲嚭璁捐鑽夊浘锛屽苟鍒朵綔瀹屾垚銆�</span
+ >
+ <span class="btnUpload-list btn" @click="handFile('fileThree')">
+ <svg
+ t="1717059899765"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="2633"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="18"
+ height="18"
+ >
+ <path
+ d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
+ p-id="2634"
+ ></path>
+ <path
+ d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
+ p-id="2635"
+ ></path>
+ </svg>
+ </span>
+ </p>
+ <div class="bk-tx">
+ <div
+ class="upload-list"
+ v-if="chapter006.pictrueListThree.length > 0"
+ >
+ <div
+ class="demo-image__preview openImgBox"
+ v-for="item in chapter006.pictrueListThree"
+ :key="item"
+ >
+ <img style="height: 100%" :src="item" alt="" />
+ </div>
+ </div>
+ <div class="bk-inputUpload">
+ <input
+ type="file"
+ id="fileThree"
+ @change="handUploadFile($event, '3')"
+ />
+ </div>
</div>
<p>
2.妯℃嫙婕旂粌銆傛敹闆嗛ギ姘村仴搴锋暀鑲茬殑绱犳潗锛屽鍎挎瓕銆佹晠浜嬨�佺粯鏈�佹瓕鏇茬瓑锛岄�夊彇鏌愬勾榫勬锛�6锝�12鏈堛��1锝�2宀併��2锝�3宀侊級锛岄拡瀵瑰┐骞煎効涓诲姩鍠濇按鏂归潰鐨勬煇涓�闂锛屽皬缁勫悎浣滄ā鎷熻繘琛岄ギ姘村仴搴锋暀鑲诧紝缁勫唴鎴愬憳杩涜鐐硅瘎锛屽啓鍑烘敼杩涙帾鏂姐��
@@ -863,10 +911,7 @@
<tr>
<th
:style="{
- width:
- index == 1 || index == chapter006.groupData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '',
}"
v-for="(header, index) in chapter006.publicHeader"
:key="index"
@@ -1107,11 +1152,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter006.scoreData1.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter006.publicHeader"
:key="index"
@@ -1131,7 +1172,7 @@
type="text"
v-model="chapter006.scoreData1[rowIndex][cellIndex]"
@blur="
- updateCellGroup(
+ updateCellGroup1(
rowIndex,
cellIndex,
$event.target.value
@@ -1144,7 +1185,7 @@
type="text"
v-model="chapter006.scoreData1[rowIndex][cellIndex]"
@blur="
- updateCellGroup(
+ updateCellGroup1(
rowIndex,
cellIndex,
$event.target.value
@@ -1307,8 +1348,9 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
+import { getFileMd5, getPublicImage } from "../js/tool.js";
export default {
// eslint-disable-next-line vue/multi-word-component-names
@@ -1319,6 +1361,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -1332,6 +1378,7 @@
idOpenThree: true,
isScore1Open: true,
qustionData: {},
+ pictrueListThree: [],
// 鍑嗗楗按鐗╁搧鐨勮瘎鍒嗘爣鍑�
publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵ｅ垎", "寰楀垎"],
groupData: [
@@ -1455,15 +1502,15 @@
examinations,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter006"));
- if (localData) {
- this.chapter006 = { ...Object.assign(this.chapter006, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter006"));
+ if (localData) {
+ this.chapter006 = { ...Object.assign(this.chapter006, localData) };
+ }
+ this.chapter006.videOneUrl = await getResourcePath(
+ "04fafb0e896ffe0379edd6d695a92b13"
+ );
}
- this.chapter006.videOneUrl = await getResourcePath(
- "04fafb0e896ffe0379edd6d695a92b13"
- );
- // this.chapter006.videOneUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
},
methods: {
activityOne() {
@@ -1508,12 +1555,25 @@
}
localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
},
+ updateCellGroup1(rowIndex, cellIndex, value) {
+ // 鏇存柊鍗曞厓鏍兼暟鎹�
+ this.$set(this.chapter006.scoreData1[rowIndex], cellIndex, value);
+ if (cellIndex == 4) {
+ this.$set(
+ this.chapter006.scoreData1[rowIndex],
+ 5,
+ this.chapter006.scoreData1[rowIndex][2] -
+ this.chapter006.scoreData1[rowIndex][cellIndex]
+ );
+ }
+ localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
+ },
updateCell(rowIndex, cellIndex, value) {
// 鏇存柊鍗曞厓鏍兼暟鎹�
this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
},
- updateCell162(rowIndex, cellIndex, value) {
+ updateCell162() {
// 鏇存柊鍗曞厓鏍兼暟鎹�
localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
},
@@ -1523,6 +1583,42 @@
onRadioText() {
localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
},
+ handUploadFile(e, type) {
+ console.log(type);
+ var that = this;
+ const file = e.target.files[0];
+ const FileName = file.name.split(".")[0];
+ const Extension = file.name.split(".")[1];
+ const FileType = file.type;
+ let size = 1024;
+ getFileMd5(file, size * 1024)
+ .then((e) => {
+ const imgData = new FormData();
+ imgData.append("Md5", e);
+ imgData.append("FileName", FileName);
+ imgData.append("Extension", Extension);
+ imgData.append("FileType", FileType);
+ imgData.append("MetaData", null);
+ imgData.append("file", file);
+ that.MG.file.upload(imgData).then(() => {});
+ setTimeout(() => {
+ that.chapter006.pictrueListThree.push(getPublicImage(e));
+ that.isLoding = false;
+ this.$emit("Upload_initViewer", "");
+ localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
+ }, 1000);
+ })
+ .catch((e) => {
+ that.isLoding = false;
+ console.error(e);
+ });
+ },
+ handFile(str) {
+ let dom = (this.container ? this.container : document).getElementById(
+ str
+ );
+ dom.click();
+ },
},
};
</script>
diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/chapter007.vue
index ef1b3fe..c73c4d8 100644
--- a/src/books/lifeCare/view/chapter007.vue
+++ b/src/books/lifeCare/view/chapter007.vue
@@ -479,10 +479,7 @@
<tr>
<th
:style="{
- width:
- index == 1 || index == chapter007.groupData.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter007.publicHeader"
:key="index"
@@ -1121,11 +1118,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter007.scoreData1.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter007.publicHeader"
:key="index"
@@ -1315,11 +1308,7 @@
<tr>
<th
:style="{
- width:
- index == 1 ||
- index == chapter007.scoreData2.length - 1
- ? '100px'
- : '',
+ width: index == 3 ? '300px' : '50px',
}"
v-for="(header, index) in chapter007.publicHeader"
:key="index"
@@ -2414,7 +2403,7 @@
placeholder="璇疯緭鍏ュ唴瀹�"
rows="3"
class="textareaInput"
- @blur="onBlurChange('text68')"
+ @blur="onBlurChange('text681')"
></textarea>
<p class="left">鍏朵粬</p>
<textarea
@@ -2567,7 +2556,7 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
@@ -2580,6 +2569,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -2604,7 +2597,7 @@
pictrueList: [],
pictrueListTwo: [],
pictrueListThree: [],
- pictrueListFour:[],
+ pictrueListFour: [],
qustionData: {},
// 鍒涜鑹ソ鐫＄湢鐜鐨勮瘎鍒嗘爣鍑�
publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵ｅ垎", "寰楀垎"],
@@ -2841,35 +2834,27 @@
examinations,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter007"));
- if (localData) {
- this.chapter007 = { ...Object.assign(this.chapter007, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter007"));
+ if (localData) {
+ this.chapter007 = { ...Object.assign(this.chapter007, localData) };
+ }
+ this.chapter007.videOneUrl = await getResourcePath(
+ "3c35b62a39cf8beddc28c5c1c8a847ec"
+ );
+ this.chapter007.videoTwoUrl = await getResourcePath(
+ "4731be836c5c625584c3c94a61249cc9"
+ );
+ this.chapter007.videoFourUrl = await getResourcePath(
+ "4889c1899ed5716aeea6ca031cd3136d"
+ );
+ this.chapter007.videoFiveUrl = await getResourcePath(
+ "a1d60d7c5322d531939118c1aaf8feb7"
+ );
+ this.chapter007.videoSixUrl = await getResourcePath(
+ "f92c68faa37e1f6ce9ca50f234ddad90"
+ );
}
- this.chapter007.videOneUrl = await getResourcePath(
- "3c35b62a39cf8beddc28c5c1c8a847ec"
- );
- this.chapter007.videoTwoUrl = await getResourcePath(
- "4731be836c5c625584c3c94a61249cc9"
- );
- this.chapter007.videoFourUrl = await getResourcePath(
- "4889c1899ed5716aeea6ca031cd3136d"
- );
- this.chapter007.videoFiveUrl = await getResourcePath(
- "a1d60d7c5322d531939118c1aaf8feb7"
- );
- this.chapter007.videoSixUrl = await getResourcePath(
- "f92c68faa37e1f6ce9ca50f234ddad90"
- );
- // this.chapter007.videOneUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec";
- // this.chapter007.videoTwoUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=4731be836c5c625584c3c94a61249cc9";
- // this.chapter007.videoFourUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=4889c1899ed5716aeea6ca031cd3136d";
- // this.chapter007.videoFiveUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
- // this.chapter007.videoSixUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
},
methods: {
activityOne() {
@@ -2991,7 +2976,7 @@
that.chapter007.pictrueListFour.push(getPublicImage(e));
}
that.isLoding = false;
- this.$emit('Upload_initViewer',"")
+ this.$emit("Upload_initViewer", "");
localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
}, 1000);
})
diff --git a/src/books/lifeCare/view/chapter008.vue b/src/books/lifeCare/view/chapter008.vue
index 6d8ecf8..b478875 100644
--- a/src/books/lifeCare/view/chapter008.vue
+++ b/src/books/lifeCare/view/chapter008.vue
@@ -642,11 +642,52 @@
@blur="onBlurChange('text6')"
></textarea>
</div>
- <p>2.璇疯璁�6锝�12鏈堥緞濠村効鐨勪竴鏃ョ敓娲昏褰曡〃銆�</p>
+ <!-- <p>2.璇疯璁�6锝�12鏈堥緞濠村効鐨勪竴鏃ョ敓娲昏褰曡〃銆�</p> -->
+ <p class="pic-wall">
+ 2.璇疯璁�6锝�12鏈堥緞濠村効鐨勪竴鏃ョ敓娲昏褰曡〃銆�
+ <span class="btnUpload-list" @click="handFile('fileThree')">
+ <svg
+ t="1717059899765"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="2633"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="18"
+ height="18"
+ >
+ <path
+ d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
+ p-id="2634"
+ ></path>
+ <path
+ d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
+ p-id="2635"
+ ></path>
+ </svg>
+ </span>
+ </p>
<div class="bk-tx">
- <p><br /></p>
- <p><br /></p>
- <p><br /></p>
+ <div
+ class="upload-list"
+ v-if="chapter008.pictrueListThree.length > 0"
+ >
+ <div
+ class="demo-image__preview openImgBox"
+ v-for="item in chapter008.pictrueListThree"
+ :key="item"
+ >
+ <img style="height: 100%" :src="item" alt="" />
+ </div>
+ </div>
+ <div class="bk-inputUpload">
+ <input
+ type="file"
+ id="fileThree"
+ @change="handUploadFile($event, '3')"
+ />
+ </div>
</div>
<h3 id="c031">
<span class="bk-h3"
@@ -811,7 +852,7 @@
<tr>
<th
:style="{
- width: index == 1 ? '100px' : '',
+ width: index == 3 ? '330px' : '50px',
}"
v-for="(header, index) in chapter008.publicHeader"
:key="index"
@@ -1092,8 +1133,9 @@
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
+import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
+import { getFileMd5, getPublicImage } from "../js/tool.js";
export default {
// eslint-disable-next-line vue/multi-word-component-names
@@ -1104,6 +1146,10 @@
},
questionData: {
type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
},
},
data() {
@@ -1119,6 +1165,7 @@
isScore2Open: true,
isScore3Open: true,
qustionData: {},
+ pictrueListThree:[],
publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵ｅ垎", "寰楀垎"],
// 娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯
scoreData1: [
@@ -1230,20 +1277,18 @@
examinations,
},
async created() {
- const localData = JSON.parse(localStorage.getItem("chapter008"));
- if (localData) {
- this.chapter008 = { ...Object.assign(this.chapter008, localData) };
+ if (!this.isSearch) {
+ const localData = JSON.parse(localStorage.getItem("chapter008"));
+ if (localData) {
+ this.chapter008 = { ...Object.assign(this.chapter008, localData) };
+ }
+ this.chapter008.videOneUrl = await getResourcePath(
+ "80986796eb2d8ee1a47cdde606900ed0"
+ );
+ this.chapter008.videoTwoUrl = await getResourcePath(
+ "460c7bc740882a9ad93b096a2151dd1c"
+ );
}
- this.chapter008.videOneUrl = await getResourcePath(
- "80986796eb2d8ee1a47cdde606900ed0"
- );
- this.chapter008.videoTwoUrl = await getResourcePath(
- "460c7bc740882a9ad93b096a2151dd1c"
- );
- // this.chapter008.videOneUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=80986796eb2d8ee1a47cdde606900ed0";
- // this.chapter008.videoTwoUrl =
- // "https://jsek.bnuic.com/file/api/ApiDownload?md5=460c7bc740882a9ad93b096a2151dd1c";
},
methods: {
activityOne() {
@@ -1303,6 +1348,42 @@
onRadioText() {
localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
},
+ handUploadFile(e, type) {
+ console.log(type);
+ var that = this;
+ const file = e.target.files[0];
+ const FileName = file.name.split(".")[0];
+ const Extension = file.name.split(".")[1];
+ const FileType = file.type;
+ let size = 1024;
+ getFileMd5(file, size * 1024)
+ .then((e) => {
+ const imgData = new FormData();
+ imgData.append("Md5", e);
+ imgData.append("FileName", FileName);
+ imgData.append("Extension", Extension);
+ imgData.append("FileType", FileType);
+ imgData.append("MetaData", null);
+ imgData.append("file", file);
+ that.MG.file.upload(imgData).then(() => {});
+ setTimeout(() => {
+ that.chapter008.pictrueListThree.push(getPublicImage(e));
+ that.isLoding = false;
+ this.$emit("Upload_initViewer", "");
+ localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+ }, 1000);
+ })
+ .catch((e) => {
+ that.isLoding = false;
+ console.error(e);
+ });
+ },
+ handFile(str) {
+ let dom = (this.container ? this.container : document).getElementById(
+ str
+ );
+ dom.click();
+ },
},
};
</script>
diff --git a/src/books/lifeCare/view/chapter009.vue b/src/books/lifeCare/view/chapter009.vue
index 0f40a10..7d24f94 100644
--- a/src/books/lifeCare/view/chapter009.vue
+++ b/src/books/lifeCare/view/chapter009.vue
@@ -4,8 +4,8 @@
<div v-if="showPageList.indexOf(151) > -1">
<div class="bodystyle">
<template>
- <p class="center">
- <img alt="" class="imz" src="../image/0011-1.jpg" />
+ <p class="center coverImg">
+ <img alt="" class="imz" src="../image/0158-1.jpg" />
</p>
</template>
</div>
@@ -20,7 +20,6 @@
props: {
showPageList: {
type: Array,
- default: [],
},
questionData: {
type: Object,
diff --git a/src/books/lifeCare/view/chapter010.vue b/src/books/lifeCare/view/chapter010.vue
index 477031d..1add58e 100644
--- a/src/books/lifeCare/view/chapter010.vue
+++ b/src/books/lifeCare/view/chapter010.vue
@@ -56,7 +56,8 @@
</p>
</div>
<p><br /></p>
- <div class="bk-zt1">
+ <div class="zt-yy-brd">
+ <div class="bk-zt1">
<div class="bj1-zt1">
<p class="left">
<img class="img-gn-zt" alt="" src="../image/zt-my.png" />
@@ -65,6 +66,7 @@
<p>
钂欏彴姊埄锛氣�滀汉鐢熺殑澶�3骞磋儨杩囦互鍚庡彂灞曠殑鍚勪釜闃舵锛岃儨杩�3宀佺洿鍒版浜＄殑鎬诲拰銆傗��
</p>
+ </div>
</div>
<p>
濠村辜鍎挎椂鏈熸槸浜虹被鍙戝睍鐨勬渶鍒濋樁娈碉紝鏄釜浣撳彂灞曡繃绋嬩腑鐢熼暱鍙戣偛鏈�蹇殑闃舵锛屼负涓綋鐨勭粓韬彂灞曞瀹氫簡鍩虹锛屽涓綋浠婂悗鏅哄姏銆佹儏鎰熴�佽繍鍔ㄣ�佺ぞ浼氫氦寰�绛夊悇鏂归潰閮芥湁鐫�閲嶈鐨勫奖鍝嶃�傜粡楠岃〃鏄庯紝涓哄┐骞煎効鎻愪緵淇濆仴鎶ょ悊銆佸厖瓒崇殑钀ュ吇浠ュ強鏃╂湡鍙戝睍鎸囧锛岃兘鎻愰珮浠栦滑鍦ㄦ湭鏉ョ殑鏁欒偛鎴愬氨銆佸仴搴锋按骞筹紝瀵逛粬浠幏寰楁洿鍏钩鐨勭粡娴庝笌绀句細鏈轰細鍏锋湁鏄捐憲鐨勪績杩涗綔鐢ㄣ��
@@ -93,7 +95,8 @@
杩戝勾鏉ワ紝闅忕潃缁忔祹绀句細鍙戝睍锛屸�滀笁瀛╂斂绛栤�濈殑钀藉湴涓庢寔缁帹杩涳紝浜轰滑瀵�0锝�3宀佸┐骞煎効鐓ф姢鏈嶅姟鐨勯渶姹傛棩鐩婅揩鍒囷紝绀句細瀵瑰叾鐓ф姢鏈嶅姟鐨勫叧娉ㄥ害涔熶笉鏂彁鍗囥�傚厷鐨勪簩鍗佸ぇ鎻愬嚭瑕佸湪鈥滃辜鏈夋墍鑲测�濇柟闈㈡寔缁敤鍔涖�傛牴鎹�婂浗鍔￠櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬭姹傦紝鍥藉鍗敓鍋ュ悍濮斿埗瀹氬苟鍙戝竷浜嗐�婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬶紝浠ユ寚瀵兼墭鑲叉満鏋勪负3宀佷互涓嬪┐骞煎効鎻愪緵绉戝銆佽鑼冪殑鐓ф姢鏈嶅姟銆�
</p>
<p><br /></p>
- <div class="bk-zt1">
+ <div class="zt-yy-brd">
+ <div class="bk-zt1">
<div class="bj1-zt1">
<p class="left">
<img class="img-gn-zt" alt="" src="../image/zt-yy.png" />
@@ -109,6 +112,7 @@
</p>
</div>
<p>淇濊偛鐨勬蹇垫槸浠�涔堬紵</p>
+ </div>
</div>
<h3 id="c032">
<span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�濠村辜鍎跨敓娲讳繚鑲茬殑姒傚康銆�</span>
@@ -613,7 +617,6 @@
props: {
showPageList: {
type: Array,
- default: [],
},
questionData: {
type: Object,
diff --git a/src/books/lifeCare/view/chapter011.vue b/src/books/lifeCare/view/chapter011.vue
index e46248f..eaf1e97 100644
--- a/src/books/lifeCare/view/chapter011.vue
+++ b/src/books/lifeCare/view/chapter011.vue
@@ -418,9 +418,7 @@
</template>
<script>
export default {
- name: "chapter011",
-
-
+ name: "chapter-011",
props: {
showPageList: {
type: Array,
diff --git a/src/books/lifeCare/view/chapter012.vue b/src/books/lifeCare/view/chapter012.vue
index da2055e..7254693 100644
--- a/src/books/lifeCare/view/chapter012.vue
+++ b/src/books/lifeCare/view/chapter012.vue
@@ -638,7 +638,6 @@
props: {
showPageList: {
type: Array,
- default: [],
},
questionData: {
type: Object,
diff --git a/src/books/lifeCare/view/chapter013.vue b/src/books/lifeCare/view/chapter013.vue
index f472627..c439187 100644
--- a/src/books/lifeCare/view/chapter013.vue
+++ b/src/books/lifeCare/view/chapter013.vue
@@ -608,7 +608,6 @@
props: {
showPageList: {
type: Array,
- default: [],
},
questionData: {
type: Object,
diff --git a/src/books/lifeCare/view/chapter014.vue b/src/books/lifeCare/view/chapter014.vue
index f6f42af..52199e5 100644
--- a/src/books/lifeCare/view/chapter014.vue
+++ b/src/books/lifeCare/view/chapter014.vue
@@ -1011,7 +1011,6 @@
<p>
淇濊偛鍛樺彲鍒╃敤鐜╂父鎴忋�佽鏁呬簨銆佸敱姝屻�佽皥璇濈瓑褰㈠紡锛屼娇濠村辜鍎垮杩涢浜х敓鍏磋叮銆備緥濡傦紝楗彍绔嚭鍚庯紝璁╁┐骞煎効闂讳竴闂汇�佺湅涓�鐪嬶紝鍒ゆ柇楗彍锛涚敤鐚滆皽鐨勬柟寮忚濠村辜鍎跨寽鍑洪キ鑿滃悕绉帮紱杩樺彲閫氳繃璁叉晠浜嬪紩瀵煎┐骞煎効瀵归鐗╀骇鐢熸兂璞°��
</p>
- <p><br /></p>
<div class="bk-zt1">
<!-- <div class="bj1-zt1">
<p class="left">
@@ -1089,6 +1088,7 @@
</div>
</div>
</div>
+ <p><br /></p>
<h4 class="h4-zt" id="d187">锛堜簩锛変粙缁嶉キ鑿�</h4>
<p>
淇濊偛鍛樺簲浣跨敤瀵屾湁鎰熸儏鑹插僵鐨勮瑷�鍚戝┐骞煎効浠嬬粛楗彍鐨勫悕绉般�佸唴瀹瑰強钀ュ吇鎴愬垎銆傜敓鍔ㄥ湴浠嬬粛楗彍锛岃兘璧峰埌鍒烘縺鎰熷畼銆佹縺鍙戦娆茬殑浣滅敤銆傚父鐢ㄤ粙缁嶆寚瀵艰濡備笅锛堣琛�2-5-9锛夈��
@@ -1708,11 +1708,9 @@
<script>
export default {
name: "chapter-014",
-
props: {
showPageList: {
type: Array,
- default: [],
},
questionData: {
type: Object,
diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 26eec0c..56bad95 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -44,9 +44,22 @@
font-size: 18px;
.chapter {
+
+ textarea {
+ width: 100%;
+ font-family: 'FZLTXIHJW';
+ padding: 2px 5px;
+ box-sizing: border-box;
+ }
+
+ .swiper-button-prev,
+ .swiper-button-next {
+ color: #5877ba;
+ }
+
.page-box {
box-sizing: border-box;
- min-height: 1150px !important;
+ min-height: 1150px;
margin-bottom: 20px;
box-shadow: 0 3px 6px 1px #00000029;
background-color: #fff;
@@ -85,6 +98,119 @@
}
}
}
+ }
+
+ .pdf-tips-con {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ // b898c7
+
+ .pdf-wall {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ margin-left: 30px;
+
+ .pdf-item {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ border: 2px dashed #b898c7;
+ margin: 10px;
+ padding: 2px 10px;
+ border-radius: 5px;
+ box-sizing: border-box;
+
+ span {
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #b898c7;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
+ }
+
+ span:hover {
+ color: #b898c7;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
+ }
+ }
+ }
+
+ .leftTable {
+ table {
+ tr td {
+ text-align: left !important;
+ }
+ }
+ }
+
+ .parentVideo {
+ width: 100%;
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+
+ .videoItem {
+ width: 200px;
+ margin: 3px 4px;
+ border: 1px dotted #30aad1;
+
+ video {
+ width: 100%;
+ }
+
+ video::-webkit-media-text-track-display {
+ /* 杩欓噷鍙互娣诲姞鑷畾涔夌殑鏍峰紡浠ｇ爜 */
+ color: red;
+ /* 鏂囧瓧棰滆壊 */
+ background-color: yellow;
+ /* 鑳屾櫙棰滆壊 */
+ }
+
+ span {
+ display: flex;
+ justify-content: center;
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+ }
+
+ .gif-Con {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 0 !important;
+ padding: 1px !important;
+ }
+
+ .imgBox-003 {
+ width: 100%;
+ height: 220px;
}
.tablePublic {
@@ -152,8 +278,10 @@
background-color: #d6dbee;
color: #f49a4c;
text-align: center;
- padding: 5px 20px;
- font-size: 16px;
+ padding: 5px 10px;
+ font-size: 14px;
+ font-family: 'FZLTXIHJW';
+ font-weight: 900;
}
tr td {
@@ -162,6 +290,7 @@
padding: 3px 10px;
font-size: 14px;
line-height: 25px;
+ font-family: 'FZLTXIHJW';
input {
cursor: pointer;
@@ -224,7 +353,6 @@
textarea:focus {
outline: none;
- text-indent: 2em;
}
}
@@ -232,11 +360,13 @@
min-width: 100px;
display: flex;
justify-content: center;
+ align-items: center;
position: absolute;
top: -20px;
left: 10px;
background-color: #d6dbee;
- padding: 5px;
+ border: 0.15em dotted #d6dbee;
+ padding: 2px 8px 3px 2px;
box-sizing: border-box;
color: #5877ba;
font-family: "FZLTXIHJW";
@@ -248,8 +378,8 @@
width: 25px;
height: 25px;
border-radius: 5px;
- background-color: #007aff;
- border: 1px solid #007aff;
+ background-color: #b898c7;
+ border: 1px solid #b898c7;
display: flex;
justify-content: center;
align-items: center;
@@ -263,11 +393,27 @@
.icon:hover {
background-color: #fff;
- border: 1px solid #007aff;
+ border: 1px solid #b898c7;
svg {
- fill: #007aff;
+ fill: #b898c7;
}
+ }
+ }
+
+ .img-float {
+ width: 250px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ img{
+ width: 100%;
+ }
+
+ p{
+ margin: 0;
}
}
@@ -310,43 +456,54 @@
.pdf-text {
display: flex;
+ flex-direction: column;
justify-content: space-between;
- align-items: center;
+ align-items: flex-start;
+ margin-bottom: 20px;
p {
+ margin: 0;
margin-right: 10px;
}
.pdf-con {
display: flex;
- flex-direction: column;
justify-content: flex-start;
- align-items: flex-start;
- border: 2px dotted #5d78bb;
+ align-items: center;
padding: 10px 0;
box-sizing: border-box;
border-radius: 10px;
- margin-left: 10px;
- margin-top: -50px;
.pdf-view {
+ min-width: 160px;
display: flex;
- flex-direction: column;
justify-content: center;
align-items: center;
-
- img {
- width: 80px;
- }
+ border: 0.15em dashed #b898c7;
+ margin-right: 15px;
+ padding: 0 15px;
+ border-radius: 5px;
span {
- min-width: 150px;
font-size: 14px;
text-align: center;
+ font-family: 'FZLTXIHJW';
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #b898c7;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
}
span:hover {
- color: #5877ba;
+ color: #b898c7;
cursor: pointer;
text-decoration: underline;
-webkit-user-select: none;
@@ -359,6 +516,10 @@
/* 鏍囧噯璇硶 */
}
}
+ }
+
+ .pdf-con-15 {
+ margin-top: -20px;
}
}
@@ -1265,7 +1426,7 @@
div.bk-xyx {
background-color: #f9f7fc;
- border: 0.15em dotted #95b2dc;
+ border: 0.15em dotted #b898c7;
padding: 0.5em 1.2em;
margin-bottom: 2em;
margin-top: 0.5em;
@@ -1296,6 +1457,29 @@
margin-top: 0.5em;
border-radius: 1em;
position: relative;
+
+ .xspj-text {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+
+ textarea {
+ width: 100%;
+ max-width: 560px;
+ border: 1px solid #89a0d0;
+ border-radius: 5px;
+ font-size: 14px;
+ font-family: 'FZLTXIHJW';
+ text-indent: 2em;
+ line-height: 22px;
+ padding: 2px 5px;
+ box-sizing: border-box;
+ }
+
+ textarea:focus {
+ outline: none;
+ }
+ }
}
p.bj-xspj {
@@ -1424,9 +1608,13 @@
}
.bj1-mk {
- background-color: #99b4df;
+ background-image: url('../image/mk.png');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
color: #ffffff;
- padding: 0.3em 0.7em 0.3em 0.7em;
+ padding: 5px 28px 15px 25px;
+ // padding: 0.3em 0.7em 0.3em 0.7em;
font-weight: bold;
font-size: 1em;
}
@@ -1441,6 +1629,76 @@
font-weight: bold;
}
}
+
+ @media screen and (max-width: 800px) {
+ .chapter {
+ .pdf-tips-con {
+ width: 100%;
+ min-width: 200px;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ padding: 20px 0;
+
+ .pdf-wall {
+ max-width: 180px;
+ position: relative;
+ left: 30px;
+ top: 25px;
+ border: 2px dotted #5d78bb;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ border: 2px dotted #5d78bb;
+ padding: 10px;
+ box-sizing: border-box;
+ border-radius: 10px;
+
+ .pdf-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+
+ img {
+ width: 80px;
+ }
+
+ span {
+ min-width: 150px;
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ line-height: 20px;
+ }
+
+ span:hover {
+ color: #5877ba;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
+ }
+ }
+ }
+
+ .parentVideo {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ }
+ }
+ }
}
body {
diff --git a/src/books/sportsAndHealth/image/352-1.png b/src/books/sportsAndHealth/image/352-1.png
new file mode 100644
index 0000000..d3fc16e
--- /dev/null
+++ b/src/books/sportsAndHealth/image/352-1.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/352-2.png b/src/books/sportsAndHealth/image/352-2.png
new file mode 100644
index 0000000..40d41ad
--- /dev/null
+++ b/src/books/sportsAndHealth/image/352-2.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/352-3.png b/src/books/sportsAndHealth/image/352-3.png
new file mode 100644
index 0000000..d3fc16e
--- /dev/null
+++ b/src/books/sportsAndHealth/image/352-3.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/353-1.png b/src/books/sportsAndHealth/image/353-1.png
new file mode 100644
index 0000000..4bdd43d
--- /dev/null
+++ b/src/books/sportsAndHealth/image/353-1.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/353-2.png b/src/books/sportsAndHealth/image/353-2.png
new file mode 100644
index 0000000..41bddcc
--- /dev/null
+++ b/src/books/sportsAndHealth/image/353-2.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/353-3.png b/src/books/sportsAndHealth/image/353-3.png
new file mode 100644
index 0000000..b2c03f6
--- /dev/null
+++ b/src/books/sportsAndHealth/image/353-3.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/353-4.png b/src/books/sportsAndHealth/image/353-4.png
new file mode 100644
index 0000000..b8e1655
--- /dev/null
+++ b/src/books/sportsAndHealth/image/353-4.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/354-1.png b/src/books/sportsAndHealth/image/354-1.png
new file mode 100644
index 0000000..545093f
--- /dev/null
+++ b/src/books/sportsAndHealth/image/354-1.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/354-2.png b/src/books/sportsAndHealth/image/354-2.png
new file mode 100644
index 0000000..6031e01
--- /dev/null
+++ b/src/books/sportsAndHealth/image/354-2.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/354-3.png b/src/books/sportsAndHealth/image/354-3.png
new file mode 100644
index 0000000..ee7a704
--- /dev/null
+++ b/src/books/sportsAndHealth/image/354-3.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/354-4.png b/src/books/sportsAndHealth/image/354-4.png
new file mode 100644
index 0000000..933dfb2
--- /dev/null
+++ b/src/books/sportsAndHealth/image/354-4.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/355-1.png b/src/books/sportsAndHealth/image/355-1.png
new file mode 100644
index 0000000..78da8b3
--- /dev/null
+++ b/src/books/sportsAndHealth/image/355-1.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/355-2.png b/src/books/sportsAndHealth/image/355-2.png
new file mode 100644
index 0000000..e5f645a
--- /dev/null
+++ b/src/books/sportsAndHealth/image/355-2.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/355-3.png b/src/books/sportsAndHealth/image/355-3.png
new file mode 100644
index 0000000..a2539db
--- /dev/null
+++ b/src/books/sportsAndHealth/image/355-3.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/356-1.png b/src/books/sportsAndHealth/image/356-1.png
new file mode 100644
index 0000000..5783347
--- /dev/null
+++ b/src/books/sportsAndHealth/image/356-1.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/356-2.png b/src/books/sportsAndHealth/image/356-2.png
new file mode 100644
index 0000000..78c712a
--- /dev/null
+++ b/src/books/sportsAndHealth/image/356-2.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/356-3.png b/src/books/sportsAndHealth/image/356-3.png
new file mode 100644
index 0000000..d7080fd
--- /dev/null
+++ b/src/books/sportsAndHealth/image/356-3.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/356-4.png b/src/books/sportsAndHealth/image/356-4.png
new file mode 100644
index 0000000..9f28762
--- /dev/null
+++ b/src/books/sportsAndHealth/image/356-4.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/356-5.png b/src/books/sportsAndHealth/image/356-5.png
new file mode 100644
index 0000000..24e81ba
--- /dev/null
+++ b/src/books/sportsAndHealth/image/356-5.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/357-1.png b/src/books/sportsAndHealth/image/357-1.png
new file mode 100644
index 0000000..718abd4
--- /dev/null
+++ b/src/books/sportsAndHealth/image/357-1.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/357-2.png b/src/books/sportsAndHealth/image/357-2.png
new file mode 100644
index 0000000..19261f8
--- /dev/null
+++ b/src/books/sportsAndHealth/image/357-2.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/357-3.png b/src/books/sportsAndHealth/image/357-3.png
new file mode 100644
index 0000000..ad06e26
--- /dev/null
+++ b/src/books/sportsAndHealth/image/357-3.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/357-4.png b/src/books/sportsAndHealth/image/357-4.png
new file mode 100644
index 0000000..882ce5e
--- /dev/null
+++ b/src/books/sportsAndHealth/image/357-4.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/357-5.png b/src/books/sportsAndHealth/image/357-5.png
new file mode 100644
index 0000000..c00022f
--- /dev/null
+++ b/src/books/sportsAndHealth/image/357-5.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/gif/T-zi.gif b/src/books/sportsAndHealth/image/gif/T-zi.gif
new file mode 100644
index 0000000..5dfd04b
--- /dev/null
+++ b/src/books/sportsAndHealth/image/gif/T-zi.gif
Binary files differ
diff --git a/src/books/sportsAndHealth/image/mk.png b/src/books/sportsAndHealth/image/mk.png
new file mode 100644
index 0000000..aaf552f
--- /dev/null
+++ b/src/books/sportsAndHealth/image/mk.png
Binary files differ
diff --git a/src/books/sportsAndHealth/image/sports02.png b/src/books/sportsAndHealth/image/sports02.png
new file mode 100644
index 0000000..8bea6ed
--- /dev/null
+++ b/src/books/sportsAndHealth/image/sports02.png
Binary files differ
diff --git a/src/books/sportsAndHealth/index.vue b/src/books/sportsAndHealth/index.vue
index b01a85c..5c4e9a4 100644
--- a/src/books/sportsAndHealth/index.vue
+++ b/src/books/sportsAndHealth/index.vue
@@ -17,23 +17,27 @@
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
:questionData="questionData"
+ :isSearch="isSearch"
/>
<ChapterTwo
v-if="showCatalogList.indexOf(3) > -1"
:showPageList="loadPageList"
:questionData="questionData"
@eventPublic="swdtChange"
+ :isSearch="isSearch"
/>
- <!-- <ChapterThree
+ <ChapterThree
v-if="showCatalogList.indexOf(4) > -1"
:showPageList="loadPageList"
:questionData="questionData"
- /> -->
- <!-- <ChapterFour
+ :isSearch="isSearch"
+ />
+ <ChapterFour
v-if="showCatalogList.indexOf(5) > -1"
:showPageList="loadPageList"
:questionData="questionData"
- /> -->
+ :isSearch="isSearch"
+ />
<!-- <ChapterFive
v-if="showCatalogList.indexOf(6) > -1"
:showPageList="loadPageList"
@@ -104,6 +108,8 @@
import front001 from "./view/front001";
import ChapterOne from "./view/chapter001";
import ChapterTwo from "./view/chapter002";
+import ChapterThree from "./view/testDynaicTable";
+import ChapterFour from "./view/testPp";
// import ChapterThree from "./view/chapter003";
// import ChapterFour from "./view/chapter004";
// import ChapterFive from "./view/chapter005";
@@ -131,7 +137,7 @@
export default {
data() {
return {
- catalogLength: 19, // 鎬荤珷鑺傛暟
+ catalogLength: 5, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -142,6 +148,7 @@
loadPageList: [],
questionData: {},
renderSignMap: {},
+ isSearch: false,
};
},
computed: {
@@ -187,7 +194,7 @@
},
mounted() {
// 榛樿鍔犺浇绔犺妭
- this.showCatalogList = [2];
+ this.showCatalogList = [1];
// 婊氬姩鐩戝惉鑺傛祦
this.throttledScrollHandler = _.throttle(
this.scrollFun,
@@ -775,8 +782,8 @@
front001,
ChapterOne,
ChapterTwo,
- // ChapterThree,
- // ChapterFour,
+ ChapterThree,
+ ChapterFour,
// ChapterFive,
// chapterSix,
// chapterSeven,
diff --git a/src/books/sportsAndHealth/view/chapter001.vue b/src/books/sportsAndHealth/view/chapter001.vue
index 9cc9d7d..3a794dd 100644
--- a/src/books/sportsAndHealth/view/chapter001.vue
+++ b/src/books/sportsAndHealth/view/chapter001.vue
@@ -1,6 +1,6 @@
锘�<template>
<div class="chapter" num="2">
- <div class="page-box" page="12" style="background-color: rgb(240, 241, 242)">
+ <div class="page-box" page="12">
<div v-if="showPageList.indexOf(12) > -1">
<div class="bodystyle">
<div class="bodystyle-chapter001">
@@ -19,7 +19,7 @@
</p>
</div>
<div class="bj-chapter001-con-icon">
- <img src="../image/sports.png" alt="">
+ <img src="../image/sports02.png" alt="">
</div>
</div>
</div>
diff --git a/src/books/sportsAndHealth/view/chapter002.vue b/src/books/sportsAndHealth/view/chapter002.vue
index b8175dc..99343da 100644
--- a/src/books/sportsAndHealth/view/chapter002.vue
+++ b/src/books/sportsAndHealth/view/chapter002.vue
@@ -122,7 +122,7 @@
</ul>
</div>
<!-- <p>
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴<a id="w1"></a
+ 璇峰悓瀛︿滑<a id="w1"></a
><a href="chapter002.html#m1"><sup>[1]</sup></a
>鏌ラ槄鈥滃仴搴锋蹇电殑婕斿彉鈥濄��
</p> -->
@@ -459,15 +459,14 @@
<div class="page-box" page="15">
<div v-if="showPageList.indexOf(15) > -1">
<div class="bodystyle">
- <p class="center openImgBox">
- <!-- <el-image
- class="chapter001-img-0018 img-c"
- :src="picOneUrl"
- :preview-src-list="picArr"
- /> -->
- <img class="img-c" alt="" src="../image/0017-1.jpg" />
- </p>
- <p class="img">鍥�1-1-1 浜轰滑瀵瑰仴搴风殑璁よ瘑</p>
+ <div class="img-float openImgBox">
+ <img
+ class="img-c"
+ alt=""
+ src="../image/0017-1.jpg"
+ />
+ <p class="img" style="color: #f4ac94; font-size: 14px">鍥�1-1-1 浜轰滑瀵瑰仴搴风殑璁よ瘑</p>
+ </div>
<p>
鐩墠锛屼汉浠鍋ュ悍鐨勮璇嗗凡缁忎赴瀵屽埌 7
涓淮搴︼紙瑙佸浘1-1-1锛夈�傚叾涓紝韬綋缁村害鎸囪韩浣撳仴搴凤紱鎯呯华銆佺ぞ浼氬拰鑱屼笟缁村害鎸囧績鐞嗐�佺ぞ浼氬拰閬撳痉鐨勫仴搴凤紱鐞嗘櫤缁村害鎸囧鍚勭淇℃伅鐨勫鐞嗚兘鍔涳紱蹇冪伒缁村害鍖呮嫭淇″績銆佷俊浠汇�佷俊浠板拰淇″康锛涚幆澧冪淮搴﹀寘鎷釜浣撲笌绀句細銆佽嚜鐒剁晫鐨勫拰璋愬叧绯汇��
@@ -512,10 +511,8 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥�8绉嶅仴搴风姸鍐垫祴璇勨�濄��
- </div>
- <!-- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥�8绉嶅仴搴风姸鍐垫祴璇勨�濄��</p> -->
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥�8绉嶅仴搴风姸鍐垫祴璇勨�濄��</div>
+ <!-- <p>璇峰悓瀛︿滑杩涜鈥�8绉嶅仴搴风姸鍐垫祴璇勨�濄��</p> -->
<div class="bj-byb" v-if="chapter002.isShowXyx03">
<div class="byb-title">8 绉嶅仴搴风姸鍐垫祴璇�</div>
<p>
@@ -874,10 +871,8 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滅敓娲讳簨浠惰瘎浠封�濄��
- </div>
- <!-- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滅敓娲讳簨浠惰瘎浠封�濄��</p> -->
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滅敓娲讳簨浠惰瘎浠封�濄��</div>
+ <!-- <p>璇峰悓瀛︿滑杩涜鈥滅敓娲讳簨浠惰瘎浠封�濄��</p> -->
<div v-if="chapter002.isShowXyx04">
<div class="xyx-title">鐢熸椿浜嬩欢璇勪环</div>
<div class="xyx-text">
@@ -2482,7 +2477,7 @@
</div>
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴鏌ラ槄鈥滈�傚疁杩愬姩鐜鐨勯�夋嫨鈥濓紝骞朵笌鍚屽璁ㄨ鏍″洯鍐呭摢浜涘湴鏂归�傚疁閿荤偧
+ 璇峰悓瀛︿滑鏌ラ槄鈥滈�傚疁杩愬姩鐜鐨勯�夋嫨鈥濓紝骞朵笌鍚屽璁ㄨ鏍″洯鍐呭摢浜涘湴鏂归�傚疁閿荤偧
銆�
</div>
<div class="xyx-text" v-if="chapter002.isShowXyx06">
@@ -2510,12 +2505,12 @@
</p>
</div>
<!-- <p>
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴<a id="w1"></a
+ 璇峰悓瀛︿滑<a id="w1"></a
><a href="chapter002.html#m1"><sup>[1]</sup></a
>鏌ラ槄鈥滃仴搴锋蹇电殑婕斿彉鈥濄��
</p> -->
<!-- <p>
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴鏌ラ槄鈥滈�傚疁杩愬姩鐜鐨勯�夋嫨鈥濓紝骞朵笌鍚屽璁ㄨ鏍″洯鍐呭摢浜涘湴鏂归�傚疁閿荤偧銆�
+ 璇峰悓瀛︿滑鏌ラ槄鈥滈�傚疁杩愬姩鐜鐨勯�夋嫨鈥濓紝骞朵笌鍚屽璁ㄨ鏍″洯鍐呭摢浜涘湴鏂归�傚疁閿荤偧銆�
</p> -->
</div>
<div class="bk-xyx">
@@ -2538,7 +2533,7 @@
</div>
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滀釜浜鸿繍鍔ㄥ鏂瑰埗瀹氣�濈浉鍏冲唴瀹癸紝鏍规嵁鑷韩鎯呭喌璁捐涓撳睘杩愬姩澶勬柟锛屽苟鍚戣�佸笀姹囨姤銆�
+ 璇峰悓瀛︿滑瀛︿範鈥滀釜浜鸿繍鍔ㄥ鏂瑰埗瀹氣�濈浉鍏冲唴瀹癸紝鏍规嵁鑷韩鎯呭喌璁捐涓撳睘杩愬姩澶勬柟锛屽苟鍚戣�佸笀姹囨姤銆�
</div>
<div class="xyx-text" v-if="chapter002.isShowXyx07">
<div class="xyx-title">涓汉杩愬姩澶勬柟鐨勫埗瀹�</div>
@@ -2632,7 +2627,7 @@
</p>
</div>
<!-- <p>
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滀釜浜鸿繍鍔ㄥ鏂瑰埗瀹氣�濈浉鍏冲唴瀹癸紝鏍规嵁鑷韩鎯呭喌璁捐涓撳睘杩愬姩澶勬柟锛屽苟鍚戣�佸笀姹囨姤銆�
+ 璇峰悓瀛︿滑瀛︿範鈥滀釜浜鸿繍鍔ㄥ鏂瑰埗瀹氣�濈浉鍏冲唴瀹癸紝鏍规嵁鑷韩鎯呭喌璁捐涓撳睘杩愬姩澶勬柟锛屽苟鍚戣�佸笀姹囨姤銆�
</p> -->
</div>
</div>
@@ -2676,7 +2671,7 @@
</div>
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滀竴璇勪簩鎺т笁鍑忓洓鍋モ�斺�斿叏姘戝仴搴风敓娲绘柟寮忚鍔ㄢ�濄��
+ 璇峰悓瀛︿滑瀛︿範鈥滀竴璇勪簩鎺т笁鍑忓洓鍋モ�斺�斿叏姘戝仴搴风敓娲绘柟寮忚鍔ㄢ�濄��
</div>
<div class="xyx-text" v-if="chapter002.isShowXyx08">
<div class="xyx-title">
@@ -2690,7 +2685,7 @@
<p>鈥滃洓鍋モ�濆嵆鍋ュ悍浣撻噸銆佸仴搴峰彛鑵斻�佸仴搴烽楠笺�佸仴搴峰績鐞嗐��</p>
</div>
<!-- <p>
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滀竴璇勪簩鎺т笁鍑忓洓鍋モ�斺�斿叏姘戝仴搴风敓娲绘柟寮忚鍔ㄢ�濄��
+ 璇峰悓瀛︿滑瀛︿範鈥滀竴璇勪簩鎺т笁鍑忓洓鍋モ�斺�斿叏姘戝仴搴风敓娲绘柟寮忚鍔ㄢ�濄��
</p> -->
</div>
<h5 id="e011">锛堜竷锛夋敞閲嶅績鐞嗗仴搴�</h5>
@@ -2727,9 +2722,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滃仴搴风礌鍏�66鏉♀�濄��
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑瀛︿範鈥滃仴搴风礌鍏�66鏉♀�濄��</div>
<!-- <p></p> -->
<div class="xyx-text" v-if="chapter002.isShowXyx09">
<div class="xyx-title">鍋ュ悍绱犲吇66鏉�</div>
@@ -2927,11 +2920,11 @@
</svg>
</div>
</div>
- <!-- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滃仴搴疯鍔ㄨ鍒掔殑鍒惰涓庡疄鏂解�濄��</p>
+ <!-- <p>璇峰悓瀛︿滑瀛︿範鈥滃仴搴疯鍔ㄨ鍒掔殑鍒惰涓庡疄鏂解�濄��</p>
-->
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滃仴搴疯鍔ㄨ鍒掔殑鍒惰涓庡疄鏂解�濄��
+ 璇峰悓瀛︿滑瀛︿範鈥滃仴搴疯鍔ㄨ鍒掔殑鍒惰涓庡疄鏂解�濄��
</div>
<div class="xyx-text" v-if="chapter002.isShowXyx10">
<div class="xyx-title">鍋ュ悍琛屽姩璁″垝鐨勫埗璁笌瀹炴柦</div>
@@ -3100,12 +3093,21 @@
<p class="block">
1.缁撳悎鎯呭瀵煎叆涓殑妗堜緥锛岃皥涓�璋堟垜浠簲璇ュ惛鍙栧摢浜涙暀璁��
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj01"></textarea>
+ </div>
<p class="block">
2.缁撳悎鑷繁鐨勫疄闄呮儏鍐靛拰鍓嶉潰鐨勮繍鍔ㄥ鏂癸紝鍒惰涓�浠借繍鍔ㄨ鍒掞紝杩涜涓烘湡1涓湀銆佹瘡澶╄嚦灏�40鍒嗛挓鐨勮繍鍔ㄦ墦鍗℃椿鍔紝骞舵牴鎹疄鏂芥儏鍐佃繘琛岃嚜鎴戣瘎浠枫��
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj02"></textarea>
+ </div>
<p class="block">
3.瀵圭収涓亴瀛︾敓鍋ュ悍鐢熸椿鏂瑰紡涓殑鍏蜂綋鍐呭涓庤姹傦紝璇勪环涓�涓嬭嚜宸辫繕鏈夊摢浜涘仛寰椾笉澶熷ソ锛岃繍鐢ㄥ湪璇剧▼骞冲彴涓涔犲埌鐨勫仴搴疯鍔ㄨ鍒掔殑鍒惰涓庡疄鏂芥柟娉曪紝鍒惰鑷繁鐨勫仴搴疯鍔ㄨ鍒掑苟瀹炴柦锛屽敖蹇吇鎴愯嚜宸辩殑鍋ュ悍鐢熸椿鏂瑰紡銆�
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj03"></textarea>
+ </div>
</div>
<h3 id="c003">涓撻涓� 鎻愰珮蹇冪悊鍋ュ悍鐨勬按骞�</h3>
<div class="bk-ztgs">
@@ -3167,7 +3169,7 @@
</p>
<!-- <div class="bk-xyx">
<p class="bj1-xyx">瀛︿竴瀛�</p>
- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴鍙傞槄鈥滈┈鏂礇鐨勫績鐞嗗仴搴锋爣鍑嗏�濄��</p>
+ <p>璇峰悓瀛︿滑鍙傞槄鈥滈┈鏂礇鐨勫績鐞嗗仴搴锋爣鍑嗏�濄��</p>
</div> -->
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
@@ -3188,9 +3190,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴鍙傞槄鈥滈┈鏂礇鐨勫績鐞嗗仴搴锋爣鍑嗏�濄��
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑鍙傞槄鈥滈┈鏂礇鐨勫績鐞嗗仴搴锋爣鍑嗏�濄��</div>
<div v-if="chapter002.isShowXyx01">
<div class="xyx-title">椹柉娲涚殑蹇冪悊鍋ュ悍鏍囧噯</div>
<ul class="xyx-ul">
@@ -3242,7 +3242,7 @@
</ul>
</div>
<!-- <p>
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴<a id="w1"></a
+ 璇峰悓瀛︿滑<a id="w1"></a
><a href="chapter002.html#m1"><sup>[1]</sup></a
>鏌ラ槄鈥滃仴搴锋蹇电殑婕斿彉鈥濄��
</p> -->
@@ -3258,7 +3258,7 @@
</p>
<!-- <div class="bk-xyx">
<p class="bj1-xyx">娴嬩竴娴�</p>
- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滅ぞ浼氭敮鎸侀噺琛ㄢ�濈殑娴嬭瘯銆�</p>
+ <p>璇峰悓瀛︿滑杩涜鈥滅ぞ浼氭敮鎸侀噺琛ㄢ�濈殑娴嬭瘯銆�</p>
</div> -->
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
@@ -3279,9 +3279,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滅ぞ浼氭敮鎸侀噺琛ㄢ�濈殑娴嬭瘯銆�
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滅ぞ浼氭敮鎸侀噺琛ㄢ�濈殑娴嬭瘯銆�</div>
<div v-if="chapter002.isShowXyx02">
<div class="xyx-title">绀句細鏀寔閲忚〃</div>
<div class="xyx-text">
@@ -4102,7 +4100,7 @@
</p>
<!-- <div class="bk-xyx">
<p class="bj1-xyx">娴嬩竴娴�</p>
- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滄暣浣撹嚜灏婇噺琛ㄢ�濈殑娴嬭瘯銆�</p>
+ <p>璇峰悓瀛︿滑杩涜鈥滄暣浣撹嚜灏婇噺琛ㄢ�濈殑娴嬭瘯銆�</p>
</div> -->
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
@@ -4123,9 +4121,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滄暣浣撹嚜灏婇噺琛ㄢ�濈殑娴嬭瘯銆�
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滄暣浣撹嚜灏婇噺琛ㄢ�濈殑娴嬭瘯銆�</div>
<div v-if="chapter002.isShowXyx02">
<div class="xyx-title">鏁翠綋鑷皧閲忚〃</div>
<div class="xyx-text">璇锋寜涓嬭〃瀵硅嚜宸辩殑鑷皧鎯呭喌杩涜娴嬭瘎銆�</div>
@@ -4545,7 +4541,7 @@
<h5 id="e015">锛堜竴锛夎嚜鎴戜釜鎬х殑璁よ瘑</h5>
<!-- <div class="bk-xyx">
<p class="bj1-xyx">娴嬩竴娴�</p>
- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滄垜鐨勪釜鎬ф垚鐔熷害鈥濈殑娴嬭瘯銆�</p>
+ <p>璇峰悓瀛︿滑杩涜鈥滄垜鐨勪釜鎬ф垚鐔熷害鈥濈殑娴嬭瘯銆�</p>
</div> -->
<br />
<div class="bk-xyx">
@@ -4567,9 +4563,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鈥滄垜鐨勪釜鎬ф垚鐔熷害鈥濈殑娴嬭瘯
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滄垜鐨勪釜鎬ф垚鐔熷害鈥濈殑娴嬭瘯</div>
<div v-if="chapter002.isShowXyx01">
<div class="xyx-title">鎴戠殑涓�ф垚鐔熷害</div>
<p>
@@ -4643,7 +4637,7 @@
闈掓槬鏈熶釜浣撶ぞ浼氬寲鏄熀鏈ぞ浼氬寲鐨勬渶鍚庨樁娈碉紝涔熸槸鏋佷负閲嶈鐨勪汉鐢熼樁娈点�傛湁浜哄皢鍏剁О涓衡�滀汉鐢熺殑绗簩娆¤癁鐢熲�濃�滃績鐞嗘柇涔虫椂鏈熲�濈瓑銆傛垜浠棦瑕佹纭璇嗚嚜宸憋紝涔熻褰㈡垚涓庝粬浜恒�佷笌绀句細鐨勫仴搴疯仈缁撱�傝韩杈圭殑鍚屽銆佹湅鍙嬨�佽�佸笀銆佸闀跨瓑閮芥槸鎴戜滑浜洪檯鍦堥噷鐨勯噸瑕佺粍鎴愰儴鍒嗭紝濡備綍涓庝粬浠缓绔嬭壇濂界殑鍏崇郴锛屽府鍔╂垜浠洿鍔犻�傚簲杩欎釜绀句細鐨勫彂灞曞憿锛�
</p>
<p><b>1.涓庢垚骞翠汉浜ゅ線</b></p>
- <p>
+ <p style="margin-bottom: 30px">
鐢变簬闈掓槬鏈熷績鐞嗏�滀笂閿佲�濈殑鐗瑰緛锛屾垜浠鏄撲笌鑰佸笀銆佺埗姣嶅彂鐢熷啿绐侊紝鐗瑰埆鏄笌鐖舵瘝鍙戠敓鍐茬獊銆傞潰瀵瑰啿绐侊紝鎴戜滑闇�瑕佸厠鍒惰嚜宸憋紝闈欎笅蹇冩潵鎬濊�冭嚜宸卞唴蹇冪殑鎯虫硶锛屽鎵惧悎閫傜殑娌熼�氭満浼氾紱褰撴垜浠笉琚悊瑙ｃ�佷笉琚皧閲嶆椂锛屾垜浠彲浠ヨ瘯鐫�鍚戣�佸笀鎴栫埗姣嶇湡瀹炲湴琛ㄨ揪鑷繁鍐呭績鐨勬湡寰呭拰鎯虫硶锛涘湪閬囧埌鍥伴毦鏃讹紝鎴戜滑鍙互鎵捐嚜宸变俊浠诲拰灏婇噸鐨勬垚骞翠汉瀵绘眰甯姪銆�
</p>
<!-- <div class="bk-xyx">
@@ -4834,7 +4828,7 @@
<!-- <div class="bk-xyx">
<p class="bj1-xyx">娴嬩竴娴�</p>
<p class="block">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滈潚鏄ユ湡甯歌鐢熺悊闂鈥濓紝鐪嬬湅鑷繁澶勪簬鍝竴闃舵銆�
+ 璇峰悓瀛︿滑瀛︿範鈥滈潚鏄ユ湡甯歌鐢熺悊闂鈥濓紝鐪嬬湅鑷繁澶勪簬鍝竴闃舵銆�
</p>
</div> -->
<div class="bk-xyx">
@@ -4857,7 +4851,7 @@
</div>
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滈潚鏄ユ湡甯歌鐢熺悊闂鈥濓紝鐪嬬湅鑷繁澶勪簬鍝竴闃舵銆�
+ 璇峰悓瀛︿滑瀛︿範鈥滈潚鏄ユ湡甯歌鐢熺悊闂鈥濓紝鐪嬬湅鑷繁澶勪簬鍝竴闃舵銆�
</div>
<div class="xyx-text" v-if="chapter002.isShowXyx07">
<div class="xyx-title">闈掓槬鏈熷父瑙佺敓鐞嗛棶棰�</div>
@@ -4997,11 +4991,11 @@
闈掓槬鏈熸槸鍚屽浠敱蹇冪悊骞肩璧板悜蹇冪悊鎴愮啛鐨勮繃娓℃湡锛岄潚鏄ョ殑鐑︽伡鏄垚闀跨殑鍗拌銆傚悓瀛︿滑閬囧埌鐑︽伡銆佺煕鐩句笌鍥版儜鏃讹紝搴旇瀛︾潃鎺ョ撼鑷垜锛岃瘯鐫�涓庝俊浠荤殑鏈嬪弸銆佽�佸笀銆佸闀垮潶璇氫氦娴佷笌娌熼�氾紝鑾峰緱浠栦滑鐨勫府鍔╁拰鐞嗚В锛屼粠鑰岄『鍒╁钩绋冲害杩囬潚鏄ユ湡銆�
</p>
<h4 id="d015">涓夈�侀潚鏄ユ湡鎬у績鐞嗕笌寮傛�т氦寰�</h4>
- <h5 id="e026">锛堜竴锛夐潚鏄ユ湡鎬у績鐞�</h5>
+ <h5 id="e026" style="margin-bottom: 30px">锛堜竴锛夐潚鏄ユ湡鎬у績鐞�</h5>
<!-- <div class="bk-xyx">
<p class="bj1-xyx">娴嬩竴娴�</p>
<p class="block">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜寮傛�т氦寰�鎯呭喌鑷瘎锛屽苟涓庡悓瀛︿滑浜ゆ祦銆�
+ 璇峰悓瀛︿滑杩涜寮傛�т氦寰�鎯呭喌鑷瘎锛屽苟涓庡悓瀛︿滑浜ゆ祦銆�
</p>
</div> -->
<div class="bk-xyx">
@@ -5024,7 +5018,7 @@
</div>
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜寮傛�т氦寰�鎯呭喌鑷瘎锛屽苟涓庡悓瀛︿滑浜ゆ祦銆�
+ 璇峰悓瀛︿滑杩涜寮傛�т氦寰�鎯呭喌鑷瘎锛屽苟涓庡悓瀛︿滑浜ゆ祦銆�
</div>
<div v-if="chapter002.isShowXyx04">
<div class="xyx-title">寮傛�т氦寰�鎯呭喌鑷瘎</div>
@@ -5253,7 +5247,7 @@
<!-- <div class="bk-xyx">
<p class="bj1-xyx">瀛︿竴瀛�</p>
<p class="block">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滈伩瀛曟柟娉曞強閬垮瓡澶辫触鍚庣殑绱ф�ヨˉ鏁戞帾鏂解�濄��
+ 璇峰悓瀛︿滑瀛︿範鈥滈伩瀛曟柟娉曞強閬垮瓡澶辫触鍚庣殑绱ф�ヨˉ鏁戞帾鏂解�濄��
</p>
</div> -->
<div class="bk-xyx">
@@ -5276,7 +5270,7 @@
</div>
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滈伩瀛曟柟娉曞強閬垮瓡澶辫触鍚庣殑绱ф�ヨˉ鏁戞帾鏂解�濄��
+ 璇峰悓瀛︿滑瀛︿範鈥滈伩瀛曟柟娉曞強閬垮瓡澶辫触鍚庣殑绱ф�ヨˉ鏁戞帾鏂解�濄��
</div>
<div class="xyx-text" v-if="chapter002.isShowXyx07">
<div class="xyx-title">閬垮瓡鏂规硶鍙婇伩瀛曞け璐ュ悗鐨勭揣鎬ヨˉ鏁戞帾鏂�</div>
@@ -5301,31 +5295,27 @@
</div>
<div class="bk-xspj">
<p class="bj-sbx">瀛︿範璇勪环</p>
+ <p class="block">1.鎴戠殑鍚勯」鐢熼暱鍙戣偛鐢熺悊鎸囨爣</p>
<p class="block">
- 1.鎴戠殑鍚勯」鐢熼暱鍙戣偛鐢熺悊鎸囨爣<a id="w3"></a
- ><a href="#m3"><sup>[3]</sup></a
- >銆�
- </p>
- <p class="block">
- 浣撻噸鎸囨暟<a id="w4"></a
- ><a href="#m4"><sup>[4]</sup></a
- >锛�<input
+ 浣撻噸鎸囨暟锛�<input
@change="changeAssess($event, 'text22')"
maxlength="5"
- style="width:50px"
+ style="width: 50px"
:value="chapter002.tkItem01.text22"
class="assess"
type="text"
/>鍗冨厠/绫�<sup>2</sup>銆�浣庝綋閲嶃��姝ｅ父 瓒呴噸 鑲ヨ儢
</p>
- <p class="block">鑲烘椿閲忥細<input
+ <p class="block">
+ 鑲烘椿閲忥細<input
@change="changeAssess($event, 'text33')"
maxlength="5"
- style="width:50px"
+ style="width: 50px"
:value="chapter002.tkItem01.text33"
class="assess"
type="text"
- />姣崌 鍋忎綆銆�姝ｅ父銆�鑹ソ 浼樼</p>
+ />姣崌 鍋忎綆銆�姝ｅ父銆�鑹ソ 浼樼
+ </p>
<p class="block">鑴婃煴銆�姝ｅ父銆�渚у集銆�鍓嶅嚫鎴栧悗鍑�</p>
<p class="block">鎬у彂鑲诧細銆�姝ｅ父銆�寮傚父</p>
<p class="block">鎬讳綋锛� 鍋忓樊銆�姝ｅ父銆�鑹ソ</p>
@@ -5345,7 +5335,7 @@
:value="chapter002.tkItem01.text55"
class="assess"
type="text"
- style="width:30px"
+ style="width: 30px"
/>鏈燂紝鐜板湪鐨勫績鐞嗙姸鎬佹槸<input
@change="changeAssess($event, 'text66')"
maxlength="20"
@@ -5366,6 +5356,9 @@
<p class="block">
涓亴瀛︽牎涓夊勾绾уコ鐢熷皬C鍜岀敺鐢熷皬D鏄悓鐝悓瀛︼紝涓や汉缁忓父涓�璧蜂氦娴佸涔犲拰鐢熸椿涓亣鍒扮殑闂銆備笉鐭ヤ笉瑙変腑涓や汉浜х敓浜嗗ソ鎰燂紝闄峰叆浜嗘亱鐖变腑銆備竴涓懆鏈紝灏廌瓒佸閲屾病浜猴紝渚夸富鍔ㄩ個璇峰皬C鍒板閲岀帺銆傜浉澶勯棿灏廌绐佺劧蹇冪敓鏉傚康锛屾彁鍑鸿涓庡皬C鍙戠敓鎬ц涓恒�傚皬C涓�鏃舵墜瓒虫棤鎺紝涓嶇煡濡備綍鏄ソ銆�
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj04"></textarea>
+ </div>
</div>
</div>
</div>
@@ -5423,7 +5416,7 @@
</p>
<!-- <div class="bk-xyx">
<p class="bj1-xyx">瀛︿竴瀛�</p>
- <p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滅瀛﹂槻鎶わ紝杩滅缁撴牳鍗卞鈥濄��</p>
+ <p>璇峰悓瀛︿滑瀛︿範鈥滅瀛﹂槻鎶わ紝杩滅缁撴牳鍗卞鈥濄��</p>
</div> -->
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
@@ -5445,7 +5438,7 @@
</div>
<br />
<div class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滅瀛﹂槻鎶わ紝杩滅缁撴牳鍗卞鈥濄��
+ 璇峰悓瀛︿滑瀛︿範鈥滅瀛﹂槻鎶わ紝杩滅缁撴牳鍗卞鈥濄��
</div>
<div class="xyx-text" v-if="chapter002.isShowXyx07">
<div class="xyx-title">绉戝闃叉姢锛岃繙绂荤粨鏍稿嵄瀹�</div>
@@ -5645,11 +5638,11 @@
鎴戜滑瑕侀伒寰�滀笁鍑忊�濓紙鍑忕洂銆佸噺娌广�佸噺绯栵級鐨勯ギ椋熸柟寮忥紝閬垮厤鍋忛銆佹寫椋熷拰鏆撮ギ鏆撮銆�
</p>
<h5 id="e035">锛堜笁锛変笉鍚哥儫銆佷笉楗厭</h5>
- <br>
+ <br />
<!-- <div class="bk-xyx">
<p class="bj1-xyx">璁竴璁�</p>
<p>
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滅紦瑙ｅ績鐞嗗帇鍔涚殑鏂规硶鈥濓紝骞朵笌鍚屽浜ゆ祦鑷繁鐨勫績寰椾綋浼氥��
+ 璇峰悓瀛︿滑瀛︿範鈥滅紦瑙ｅ績鐞嗗帇鍔涚殑鏂规硶鈥濓紝骞朵笌鍚屽浜ゆ祦鑷繁鐨勫績寰椾綋浼氥��
</p>
</div> -->
<div class="bk-xyx">
@@ -5672,7 +5665,7 @@
</div>
<br />
<p class="public-tips">
- 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴瀛︿範鈥滅紦瑙ｅ績鐞嗗帇鍔涚殑鏂规硶鈥濓紝骞朵笌鍚屽浜ゆ祦鑷繁鐨勫績寰椾綋浼氥��
+ 璇峰悓瀛︿滑瀛︿範鈥滅紦瑙ｅ績鐞嗗帇鍔涚殑鏂规硶鈥濓紝骞朵笌鍚屽浜ゆ祦鑷繁鐨勫績寰椾綋浼氥��
</p>
<div class="xyx-text" v-if="chapter002.isShowXyx05">
<div class="xyx-title">缂撹В蹇冪悊鍘嬪姏鐨勬柟娉�</div>
@@ -5697,15 +5690,27 @@
<p class="block">
1.瀵圭収鑷韩瀹為檯锛屼綘澶勫湪鐢熸椿鏂瑰紡鐤剧梾閾句腑鐨勪粈涔堜綅缃紵搴旇鎬庢牱搴斿锛�
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj05"></textarea>
+ </div>
<p class="block">2.浣犺涓烘湁鏁堢紦瑙ｅ績鐞嗗帇鍔涚殑鏂规硶涓昏鏈夊摢浜涳紵</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj06"></textarea>
+ </div>
</div>
</div>
</div>
</div>
+
+ <!-- <div class="page-box" page="34">
+ <div v-if="showPageList.indexOf(34) > -1">
+ <div class="bodystyle">
+ </div>
+ </div>
+ </div> -->
</div>
</template>
<script>
-import getResourcePath from "@/assets/methods/resources.js";
export default {
name: "chapter-2",
props: {
@@ -5715,6 +5720,10 @@
questionData: {
type: Object,
},
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
},
data() {
return {
@@ -5722,7 +5731,6 @@
isShowScore2: false,
isShowScore3: false,
isShowScore4: false,
- pingpang: require("../image/pdf.png"),
chapter002: {
isShowXyx01: true,
isShowXyx02: true,
@@ -5804,13 +5812,6 @@
},
activityXyx11() {
this.chapter002.isShowXyx11 = !this.chapter002.isShowXyx11;
- },
- toUrl(val) {
- if (val == 1) {
- window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
- } else {
- window.open(getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
- }
},
submit(val) {
if (val == 1) this.isShowScore1 = true;
diff --git a/src/books/sportsAndHealth/view/chapter005.html b/src/books/sportsAndHealth/view/chapter005.html
index 0067d71..eb5b3e1 100644
--- a/src/books/sportsAndHealth/view/chapter005.html
+++ b/src/books/sportsAndHealth/view/chapter005.html
@@ -1028,6 +1028,8 @@
</div>
<h4 class="h4-dy3" id="d066"><span class="h4-dy3s">涓�</span>銆�浜嗚В涔掍箵鐞冭繍鍔�</h4>
<p>涔掍箵鐞冭繍鍔ㄦ槸涓�椤圭敱涓ゅ悕鎴栧洓鍚嶈繍鍔ㄥ憳鍦ㄤ箳涔撶悆妗屼笂杩涜闅旂綉鏀诲畧鐨勮繍鍔紝鍦ㄤ笘鐣屼笂璁稿鍦版柟娴佽銆備箳涔撶悆杩愬姩1900骞磋捣婧愪簬鑻卞浗锛�20涓栫邯鍒濆湪娆ф床鍜屼簹娲茶摤鍕冨紑灞曡捣鏉ャ�備箳涔撶悆杩愬姩鏄撲簬寮�灞曪紝鎵撴硶澶氭牱锛岀悆璺彉鍖栦赴瀵岋紝鎶�鏈姩浣滆姹傚崗璋冦�佺伒鏁忋�佺簿纭紝瑙傝祻鎬у己銆備箳涔撶悆杩愬姩鑳芥湁鏁堝彂灞曞姏閲忋�侀�熷害銆佽�愬姏銆佺伒鏁忔�х瓑韬綋绱犺川锛屽悓鏃朵篃鑳介敾鐐煎拰鍩瑰吇鍕囨暍銆侀〗寮恒�佹満鏅恒�佹灉鏂瓑蹇冪悊鍝佽川銆備箳涔撶悆杩愬姩瀵逛粖鍚庝粠浜嬮渶涔呭潗銆佷箙绔欑殑鑱屼笟锛屽挨鍏舵槸闇�瑕佽繘琛岀簿缁嗗寲鎿嶄綔鐨勮亴涓氫汉缇よ韩浣撶姸鍐电殑鏀瑰杽鏈夌Н鏋佺殑浣滅敤銆傗�滀箳涔撶簿绁炩�濇墍钑村惈鐨勬妧鏈垱鏂板拰绮剧泭姹傜簿涔熸槸鍚屽浠簲璇ュ涔犲拰璺佃鐨勮亴涓氱簿绁炪�備箳涔撶悆杩愬姩鍦ㄥ浗鍐呭骞挎硾寮�灞曪紝涔掍箵鐞冧笘鐣屾澂銆佷笘閿﹁禌涓庡ゥ杩愪細骞剁О涓栫晫涔掍箵鐞冧笁澶ц禌浜嬨��</p>
+
+
<h4 class="h4-dy3" id="d067"><span class="h4-dy3s">浜�</span>銆�瀛︾粌涔掍箵鐞冩妧鑳�</h4>
<h5 id="e100"><span class="bj1-mk">妯″潡涓�</span></h5>
<p>鏈ā鍧楄缃簡涔掍箵鐞冭繍鍔ㄤ腑杈冧负鍩虹鐨勬妧鎴樻湳鍐呭銆傚叾涓紝鍗曢」鎶�鏈缁冨寘鎷彙鎷嶆柟娉曚笌鏍稿績鎶�鏈�佸弽鎵嬫帹鎸°�佹鎵嬫敾鐞冿紝浠ュ強璇剧▼骞冲彴涓殑骞冲嚮鍙戠悆锛涘熀鏈垬鏈缁冨寘鎷彂骞冲嚮鐞冩姠鏀伙紝浠ュ強璇剧▼骞冲彴涓殑鎺ュ钩鍑荤悆鎶㈡敾锛涚粍鍚堟妧鑳界粌涔犺缃殑鏄�1/2 宸︽帹+鍙虫敾锛屼互鍙婅绋嬪钩鍙颁腑鐨勬帹鎸�+渚ц韩鏀汇�傚悓瀛︿滑瀛︾粌鏈ā鍧楃殑鍐呭锛岃兘澶熸彁楂樺熀鏈殑鎶�鎴樻湳姘村钩锛屼负鍙備笌鏈ā鍧楄缃殑姣旇禌鎻愪緵淇濋殰锛屼负鍚庣画妯″潡鐨勫缁冨瀹氬熀纭�銆�</p>
@@ -1050,6 +1052,8 @@
<p><span class="zt-cs">2.鍙嶆墜鎺ㄦ尅</span></p>
<p>锛�1锛夊姩浣滆棰�</p>
<p>鍑荤悆鍓嶏紝宸﹁剼绋嶅墠绔欑珛锛岃韩浣撶鍙�40锝�50鍘樼背锛涢�氳繃鑴氭绉诲姩鏉ュ埌鐞冭惤鐐圭殑渚у墠鏂癸紝鍓嶈噦鍐呮棆灏嗙悆鎷嶅悗寮曡嚦韬綋宸︿晶绋嶅悗锛涘湪涓婂崌鏈熷嚮鐞冪殑涓笂閮紱鍑荤悆鍚庡墠鑷傚悜涓婃柟澶栬浆90掳锛岀劧鍚庤繀閫熻繕鍘熸垚鍑荤悆鍓嶇殑鍑嗗濮垮娍銆�</p>
+
+
<p>锛�2锛夊缁冨缓璁�</p>
<p>鈶犲湪缁冧範杩囩▼涓厛杩涜棰犵悆缁冧範锛屽畬鎴�50娆￠鐞冨悗杩涜瀵瑰缁冧範銆�</p>
<p>鈶′笂鍙扮粌涔狅紝瀹屾垚鏀拺鍔ㄤ綔銆�</p>
@@ -1074,6 +1078,8 @@
<p>鈶′笂鍙扮粌涔狅紝瀹屾垚鏀拺鍔ㄤ綔銆�</p>
<p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愪箳涔撶悆鍗峰甫鍔ㄤ綔銆�</p>
<p>鈶ｆ嫇灞曠粌涔狅細閫氳繃鍑忔參姝ｆ墜鏀荤悆閫熷害宸╁浐鎶�鏈紝閫氳繃鍔犲揩鍑荤悆閫熷害鎻愰珮鎶�鏈川閲忋��</p>
+
+
<p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p>
<p><span class="zt-cs">鍙戝钩鍑荤悆鎶㈡敾</span></p>
<p>锛�1锛夋垬鏈柟娉�</p>
@@ -1102,7 +1108,12 @@
<p>锛�2锛夌粌涔犺姹�</p>
<p>绔欏湪鐞冨彴鐨勫乏鍗婂彴锛岀鐞冨彴40锝�50鍘樼背銆傛帹鎸′负鐩寸嚎锛屾鎵嬫敾鐞冧负鏂滅嚎锛岃惤鐐逛綅缃湪宸﹀崐鍙扮殑杈圭嚎浣嶇疆銆傞�氳繃姝ユ硶绉诲姩淇濊瘉鍑荤悆鐐瑰湪韬綋鐨勪晶鍓嶆柟銆�</p>
<h5 id="e101"><span class="bj1-mk">妯″潡浜�</span></h5>
-<p>鏈ā鍧楀湪涓婁竴妯″潡瀛︾粌鐨勫熀纭�涓婏紝杩涢樁鎬у湴璁剧疆浜嗕箳涔撶悆杩愬姩鏂扮殑瀛︾粌鍐呭銆傚叾涓紝鍗曢」鎶�鏈缁冨寘鎷敾鐞冦�佹帹鎸″拰蹇悡锛屾參鎼擄紝浠ュ強璇剧▼骞冲彴涓殑姝ｆ墜蹇甫銆佽浆涓庝笉杞悆鍙戠悆锛涘熀鏈垬鏈缁冨寘鎷鏀绘垬鏈紝浠ュ強璇剧▼骞冲彴涓殑鍙戣浆涓庝笉杞悆鎶㈡敾锛涚粍鍚堟妧鑳界粌涔犺缃殑鏄帹鎸�+渚ц韩鏀伙紝浠ュ強璇剧▼骞冲彴涓殑宸︽帹+鍙虫敾銆傚悓瀛︿滑瀛︾粌鏈ā鍧楃殑鍐呭锛屽湪鎺屾彙涓�瀹氶毦搴︽妧鎴樻湳鍜岀粍鍚堟妧鑳界殑鍩虹涓婏紝鑳藉鍙備笌鏈ā鍧楄缃殑姣旇禌娲诲姩锛屽苟涓洪毦搴︽洿楂樼殑涓嬩竴妯″潡鐨勫缁冨仛濂介摵鍨��</p>
+<p>鏈ā鍧楀湪涓婁竴妯″潡瀛︾粌鐨勫熀纭�涓婏紝杩涢樁鎬у湴璁剧疆浜嗕箳涔撶悆杩愬姩鏂扮殑瀛︾粌鍐呭銆傚叾涓紝鍗曢」鎶�鏈缁冨寘鎷敾鐞冦�佹帹鎸″拰蹇悡锛屾參鎼擄紝浠ュ強璇剧▼骞冲彴涓殑姝ｆ墜蹇甫銆佽浆涓庝笉杞悆鍙戠悆锛�
+
+
+
+
+鍩烘湰鎴樻湳瀛︾粌鍖呮嫭瀵规敾鎴樻湳锛屼互鍙婅绋嬪钩鍙颁腑鐨勫彂杞笌涓嶈浆鐞冩姠鏀伙紱缁勫悎鎶�鑳界粌涔犺缃殑鏄帹鎸�+渚ц韩鏀伙紝浠ュ強璇剧▼骞冲彴涓殑宸︽帹+鍙虫敾銆傚悓瀛︿滑瀛︾粌鏈ā鍧楃殑鍐呭锛屽湪鎺屾彙涓�瀹氶毦搴︽妧鎴樻湳鍜岀粍鍚堟妧鑳界殑鍩虹涓婏紝鑳藉鍙備笌鏈ā鍧楄缃殑姣旇禌娲诲姩锛屽苟涓洪毦搴︽洿楂樼殑涓嬩竴妯″潡鐨勫缁冨仛濂介摵鍨��</p>
<p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p>
<p><span class="zt-cs">1.鏀荤悆銆佹帹鎸″拰蹇悡</span></p>
<p>锛�1锛夊姩浣滆棰�</p>
@@ -1128,6 +1139,8 @@
<p class="center"><img class="img-b" alt="" src="../image/0122-2.jpg"/></p>
<p class="img">鍥�3-5-5 鎱㈡悡</p>
<p>鎼撶悆鏄繎鍙拌繕鍑讳笅鏃嬬悆鐨勪竴绉嶅熀鏈妧鏈紝鍙敤瀹冧负鎷夊姬鍦堢悆鍒涢�犳潯浠躲�傚畠涓庢敾鐞冩妧鏈粨鍚堣捣鏉ュ彲浠ュ舰鎴愭悡鏀绘垬鏈�傛悡鐞冨湪鎺ュ彂鐞冩椂鍙互鏈夋晥鍦拌繃娓★紝涓鸿嚜宸变笅涓�鏉垮垱閫犺繘鏀绘満浼氥��</p>
+
+
<p>锛�1锛夊姩浣滆棰�</p>
<p>鎱㈡悡瑕佹眰鍙宠剼鍦ㄥ墠鎴栦袱鑴氬钩琛岀珯绔嬶紝韬綋绂诲彴40锝�50鍘樼背銆傛墜鑷傚鏃嬩娇鎷嶉潰瑙掑害鍚庝话锛屽墠鑷傚悜宸︿笂鏂瑰紩鎷嶈嚦鑳稿墠锛屾í鎻℃媿鎵嬭厱閫傚綋澶栧睍锛岀洿鎻℃媿鎵嬭厱浣滃眻锛屾媿澶存寚鍚戞枩涓婃柟銆傚綋鏉ョ悆璺宠嚦涓嬮檷鍓嶆湡锛屽墠鑷傚甫鍔ㄦ墜鑵曞姞閫熷悜鍙冲墠涓嬫柟銆傜敤鍔涙懇鎿︾悆鎷嶉潰鍚庯紝浠板嚮鐞冪殑涓笅鍋忓渚х殑閮ㄤ綅銆傚嚮鐞冨悗锛屽墠鑷傞『鍔垮墠閫侊紝骞舵敞鎰忚繕鍘熴��</p>
<p>锛�2锛夊缁冨缓璁�</p>
@@ -1163,6 +1176,8 @@
<p><span class="zt-cs">鎺ㄦ尅+渚ц韩鏀�</span></p>
<p>锛�1锛夌粌涔犳柟娉�</p>
<p>鈶犲噯澶囧姩浣滐細宸﹁剼鍦ㄥ墠锛屽彸鑴氬湪鍚庯紝涓よ剼闂磋窛姣旇偐绋嶅锛屼綆澶村惈鑳革紝涓ょ溂骞宠锛屾墜鑵曞唴鏃嬶紝鐞冩媿鍦ㄥ弽鎵嬩綅鐨勪晶鍓嶆柟銆�</p>
+
+
<p>鈶″姩浣滆棰嗭細绔欏湪宸﹀崐鍙板厛杩涜鎺ㄦ枩绾跨粌涔狅紝鐒跺悗閫氳繃姝ユ硶绉诲姩鍒板乏渚ц竟绾垮锛屽悓鏃跺皢鎵ф媿鎵嬬Щ鍒版鎵嬩綅鐨勪晶韬綅锛岃皟鏁撮噸蹇冨埌鍙宠剼锛屽仛濂芥鎵嬫敾鏂滅嚎鐨勫噯澶囥�傚湪鍑荤悆鍓嶏紝鎵嬭厱澶栧睍锛涘嚮鐞冭繃绋嬩腑锛屼繚璇佸嚮鐞冪偣鍦ㄨ韩浣撶殑渚у墠鏂癸紝鍚屾椂鍓嶈噦甯﹀姩鎵嬭厱鐢卞灞曞彉涓哄唴鏃嬶紝鎸ユ媿鑷冲乏鐪间笂鏂癸紝鐒跺悗閫氳繃璺虫绉诲姩鑷冲弽鎵嬩綅锛屽洖鍒板噯澶囧姩浣滈樁娈点��</p>
<p>锛�2锛夌粌涔犺姹�</p>
<p>绔欏湪宸﹀崐鍙拌竟锛岀鐞冨彴40锝�50鍘樼背銆傛帹鎸″拰渚ц韩鏀讳负鏂滅嚎锛岃惤鐐瑰湪鐞冨彴鐨勪腑绾挎垨宸︿晶杈逛綅缃�傞�氳繃姝ユ硶绉诲姩瀹屾垚鎶�鏈粍鍚堝姩浣溿��</p>
@@ -1179,6 +1194,8 @@
<p>鈶″畬鎴愬崟涓姬鍦堢悆鎶�鏈粌涔犮��</p>
<p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愯繛缁殑寮у湀鐞冩妧鏈粌涔犮��</p>
<p>鈶ｆ嫇灞曠粌涔狅細閰嶅悎澶氱悆鏉ュ珐鍥烘妧鏈姩浣溿��</p>
+
+
<p><span class="zt-cs">2.姝ｆ墜鍙戝乏渚т笂锛堜笅锛夋棆鐞�</span></p>
<p>锛�1锛夊姩浣滆棰�</p>
<p>姝ｆ墜鍙戝乏渚т笂锛堜笅锛夋棆鐞冩椂锛屽乏鑴氬湪鍓嶏紝鍙宠剼鍦ㄥ悗锛岃韩浣撲晶鍚戠悆鍙帮紝韬綋閲嶅績涓嬮檷銆傚乏鎵嬪皢鐞冨悜涓婃姏璧凤紝鍚屾椂鍙宠噦鍚戝彸鍚庝笂鏂瑰紩鎷嶏紝鎻℃媿鎵嬭厱澶栧睍锛岃叞閮ㄧ暐鍚戝彸杞姩銆傚綋鐞冧笅闄嶈嚦鎺ヨ繎缃戦珮鏃讹紝鍓嶈噦鍔犻�熷悜宸﹀墠鏂规尌鎽嗭紝瑙︾悆鏃舵墜鑷傘�佹墜鑵曞彂鍔涳紝鐩存彙鎷嶆墜鑵曞唴鏃嬶紝妯彙鎷嶆墜鑵曞唴鏀讹紝鑵伴儴閰嶅悎鍚戝乏杞�傚彂渚т笂鏃嬬悆鏃讹紝鎷嶉潰鐣ュ井绔嬭捣锛屽嚮鐞冪殑涓儴鍚戝乏渚т笂鏂规懇鎿︼紱鍙戜晶涓嬫棆鐞冩椂锛屾媿闈㈢暐鍚庝话锛屽嚮鐞冪殑涓笅閮ㄥ悜宸︿晶涓嬫柟鍚戞懇鎿︺�傞殢鍔挎尌鎷嶏紝杩呴�熻繕鍘熴��</p>
@@ -1212,6 +1229,9 @@
<p>3.閫氳繃姝ユ硶绉诲姩锛屽鎵炬渶浣冲嚮鐞冪偣锛岃兘鏈夋晥鍦版彁楂樻妧鏈川閲忋��</p>
<p>4.娉ㄦ剰鍙戠悆绾胯矾鐨勫彉鍖栥��</p>
</div>
+
+
+
<p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p>
<p><span class="zt-cs">鍏ㄥ彴宸︽帹+鍙虫敾</span></p>
<p>锛�1锛夌粌涔犳柟娉�</p>
@@ -1229,6 +1249,10 @@
<h4 class="h4-dy3" id="d070"><span class="h4-dy3s">浜�</span>銆�璁粌涓撻」浣撹兘</h4>
<p>鎯宠鏇村ソ鍦板彂鎸ヨ嚜宸辩殑姘村钩锛岀涓嶅紑涓撻」浣撹兘鐨勬敮鎾戙�傚悓瀛︿滑闇�瑕佷笉鏂湴璁粌骞舵彁鍗囪嚜宸辩殑涓撻」浣撹兘锛屼负浠婂悗鏇村ソ鍦板弬涓庝箳涔撶悆杩愬姩锛屼箖鑷冲湪鑱屽満涓睍鐜板嚭鏇村ソ鐨勮韩浣撶礌璐ㄦ墦鐗㈠熀纭�銆�</p>
<p>璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鏉犻搩绠韫层�佷晶鎶涘疄蹇冪悆鍜岀怀姊娉曡缁冨強妯悜灏忔粦姝ャ�佷袱杩涗袱鍑虹殑涓撻」浣撹兘璁粌銆�</p>
+
+
+
+
<h3 class="lefth3" id="c017"><img class="img-gh1" alt="" src="../image/dy3-xm6.jpg"/></h3>
<div class="bk-tyzg">
<p class="bj1-tyzg">浣撹偛涓浗</p>
diff --git a/src/books/sportsAndHealth/view/front001.vue b/src/books/sportsAndHealth/view/front001.vue
index b9f21c8..2a03f9d 100644
--- a/src/books/sportsAndHealth/view/front001.vue
+++ b/src/books/sportsAndHealth/view/front001.vue
@@ -13,7 +13,9 @@
<div class="page-box" page="2">
<div v-if="showPageList.indexOf(2) > -1">
<div class="bodystyle">
- <p>鎵夐〉</p>
+ <p class="center coverImg">
+ <img alt="" class="imz" src="../image/Cover.jpg" />
+ </p>
</div>
</div>
</div>
@@ -196,14 +198,10 @@
<img class="img-0" alt="" src="../image/0010-1.jpg" />
</p>
<p>
- 姝ゅ锛屾湰鏁欐潗杩樺湪璇剧▼骞冲彴www.bnuic.com涓缃簡涓板瘜鐨勬嫇灞曞涔犲唴瀹癸紝渚涘悓瀛︿滑鑷富瀛︾粌銆佺粍缁囨瘮璧涖�佽瘎浠锋垚鏁堛��<a
- id="w1"
- ></a
- ><a href="front005.html#m1"><sup>[1]</sup></a>
+ 姝ゅ锛屾湰鏁欐潗杩樺湪璇剧▼骞冲彴www.bnuic.com涓缃簡涓板瘜鐨勬嫇灞曞涔犲唴瀹癸紝渚涘悓瀛︿滑鑷富瀛︾粌銆佺粍缁囨瘮璧涖�佽瘎浠锋垚鏁堛��
</p>
<hr />
<p class="note">
- <a id="m1"></a><a href="front005.html#w1">[1]</a>
鏈暀鏉愬涔犺祫婧愬叿浣撴煡鎵炬柟娉曚负锛氳繘鍏ュ涓婄綉鍧�锛屼緷娆￠�夋嫨鈥滀含甯堣亴鏁欌啋涓亴鈫掓枃鍖栧熀纭�璇锯啋浣撹偛涓庡仴搴凤紙绗�3鐗堬級鈫掓暀涓庡璧勬簮鈥濓紝鍗冲彲鏌ラ槄鏁欐潗鍏ㄩ儴璧勬簮銆�
</p>
</div>
diff --git a/src/books/sportsAndHealth/view/testDynaicTable.vue b/src/books/sportsAndHealth/view/testDynaicTable.vue
new file mode 100644
index 0000000..8f598bb
--- /dev/null
+++ b/src/books/sportsAndHealth/view/testDynaicTable.vue
@@ -0,0 +1,93 @@
+<template>
+ <div class="chapter" num="3">
+ <div class="page-box" page="33">
+ <div v-if="showPageList.indexOf(33) > -1">
+ <div class="bodystyle">
+ <p>锛�1锛夊姩鎬佷几灞�</p>
+ <p>
+ 鍔ㄦ�佷几灞曟槸鎸囨湁鑺傚涓旈�熷害鐣ュ揩鍦板娆￠噸澶嶅悓涓�鍔ㄤ綔鐨勪几灞曟柟娉曘�傚姩鎬佷几灞曞鎻愰珮鑲岃倝鐨勪几灞曟�т笌鏀剁缉鎬с�佷績杩涜娑插惊鐜�佹彁楂樿倢鑲夌殑寮规�у拰鍔ㄤ綔鏁堟灉绛夊潎鏈夎壇濂界殑浣滅敤銆傚姩鎬佷几灞曞鐢ㄤ簬鍚勭璁粌鍓嶇殑鍑嗗娲诲姩锛屼竴鑸瘡涓姩浣滄寔缁�1锝�2绉掞紝閲嶅10锝�20娆★紝瀹屾垚1锝�2缁勩��
+ </p>
+ <p>锛�2锛夐潤鎬佷几灞�</p>
+ <p>
+ 闈欐�佷几灞曟槸鎸囩紦鎱㈠湴灏嗚倢鑲夈�侀煣甯︾瓑杞粍缁囨媺闀垮埌鏈�澶х▼搴﹀悗淇濇寔涓�娈垫椂闂撮潤姝笉鍔ㄧ殑浼稿睍鏂规硶銆備娇鐢ㄩ潤鎬佷几灞曟椂锛屾敞鎰忎笉瑕佸脊闇囷紝涓�鑸瘡涓姩浣滀繚鎸�15锝�30绉掞紝瀹屾垚1锝�2缁勩�備几灞曡繃绋嬩腑濮嬬粓淇濇寔鑷劧鍛煎惛鑰屼笉鎲嬫皵銆�
+ </p>
+ <p><b>2.浼稿睍鐨勮缁冨姩浣�</b></p>
+ <p>
+ 鍔ㄦ�佷几灞曞拰闈欐�佷几灞曞潎璁捐浜嗛拡瀵逛笂涓嬭偄鍙婅函骞茬殑璁粌鍔ㄤ綔锛堣琛�2-1-5锛夈��
+ </p>
+ <p class="img">琛�2-1-5 鍔ㄦ�佷几灞曞拰闈欐�佷几灞曡缁冨姩浣�</p>
+ <!-- <p class="center">
+ <img class="img-a" alt="" src="../image/0061-1.jpg" />
+ </p> -->
+ <div class="tablePublic leftTable">
+ <table>
+ <thead>
+ <tr>
+ <th style="width: 70px;">璁粌绫诲瀷</th>
+ <th style="width: 70px;">璁粌閮ㄤ綅</th>
+ <th style="width: 70px;">鍔ㄤ綔鍚嶇О</th>
+ <th>鍔ㄤ綔绀轰緥</th>
+ <th>棰戞</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td rowspan="8">鍔ㄦ�佷几灞�</td>
+ <td rowspan="4">涓婅偄</td>
+ </tr>
+ <tr>
+ <td>绔欏Э T 瀛�</td>
+ <td class="gif-Con"><img width="200px" src="../image/gif/T-zi.gif" alt=""></td>
+ <td>
+ <span>娆℃暟锛�20 娆� </span><br/><span>缁勬暟锛�2 缁�</span><br/>闂存瓏锛�5 绉�
+ </td>
+ </tr>
+ <tr>
+ <td>绔欏Э W 瀛�</td>
+ <td><img src="" alt=""></td>
+ <td><span>娆℃暟锛�20 娆� </span><br/><span>缁勬暟锛�2 缁�</span><br/>闂存瓏锛�5 绉�</td>
+ </tr>
+ <tr>
+ <td>浜ゅ弶鎽嗚噦</td>
+ <td><img src="" alt=""></td>
+ <td><span>娆℃暟锛�20 娆� </span><br/><span>缁勬暟锛�2 缁�</span><br/>闂存瓏锛�5 绉�</td>
+ </tr>
+ <tr>
+ <td rowspan="4">涓嬭偄</td>
+ </tr>
+ <tr>
+ <td>鎻愯傅璧�</td>
+ <td><img src="" alt=""></td>
+ <td><span>娆℃暟锛�20 娆� </span><br/><span>缁勬暟锛�2 缁勶紙宸﹀彸涓や晶鍚勪竴缁勶級</span><br/>闂存瓏锛�5 绉�</td>
+ </tr>
+ <tr>
+ <td>鑴氳窡璧�</td>
+ <td><img src="" alt=""></td>
+ <td><span>娆℃暟锛�20 娆� </span><br/><span>缁勬暟锛�2 缁勶紙宸﹀彸涓や晶鍚勪竴缁勶級</span><br/>闂存瓏锛�5 绉�</td>
+ </tr>
+ <tr>
+ <td>琛岃繘闂磋偂鍥涘ご鑲屼几灞�</td>
+ <td><img src="" alt=""></td>
+ <td><span>娆℃暟锛�20 娆� </span><br/><span>缁勬暟锛�2 缁勶紙宸﹀彸涓や晶鍚勪竴缁勶級</span><br/>闂存瓏锛�5 绉�</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+export default {
+ name: "testD",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ questionData: {
+ type: Object,
+ },
+ },
+};
+</script>
diff --git a/src/books/sportsAndHealth/view/testPp.vue b/src/books/sportsAndHealth/view/testPp.vue
new file mode 100644
index 0000000..e64641a
--- /dev/null
+++ b/src/books/sportsAndHealth/view/testPp.vue
@@ -0,0 +1,1613 @@
+<template>
+ <div class="chapter" num="4">
+ <div class="page-box" page="34">
+ <div v-if="showPageList.indexOf(34) > -1">
+ <div class="bodystyle">
+ <h3 class="lefth3" id="c016">
+ <img class="img-gh1" alt="" src="../image/dy3-xm5.jpg" />
+ </h3>
+ <div class="bk-tyzg">
+ <p class="bj1-tyzg">浣撹偛涓浗</p>
+ <p class="block">
+ 鑷粠涔掍箵鐞冭鍒椾负濂ヨ繍浼氭瘮璧涢」鐩互鏉ワ紝鎴戝浗鑾峰緱浜嗗叏閮�37鏋氶噾鐗屼腑鐨�32鏋氥�傚湪2020骞翠笢浜ゥ杩愪細涓紝鎴戝浗鍏辫幏寰楃敺鍗曘�佸コ鍗曘�佺敺鍥€�佸コ鍥�4鏋氶噾鐗屻�傛埅鑷�2023骞�5鏈堝簳锛屾垜鍥戒箳涔撶悆闃熸湁117浜鸿幏寰椾笘鐣屽啝鍐涳紝鑾峰緱259鏋氶噾鐗岋紙濂ヨ繍浼氶噾鐗�32鏋氥�佷笘涔掕禌閲戠墝156鏋氥�佷笘鐣屾澂閲戠墝71鏋氾級銆�
+ </p>
+ <p class="block">
+ 鎴戝浗涔掍箵鐞冨悕灏嗕紬澶氾紝濡傞倱浜氳悕绛夊凡閫�褰圭殑涓栫晫涔掑潧浠ｈ〃浜虹墿锛屽張濡傛嬁鍒扳�滃ぇ婊¤疮鈥濈殑鐜板焦涔掍箵鐞冨浗鎵嬮┈榫欍�佽鏄曠瓑锛屽潎涓烘帹鍔ㄦ垜鍥戒箖鑷充笘鐣屼箳涔撶悆鐨勫彂灞曡捣鍒伴噸瑕佷綔鐢ㄣ��
+ </p>
+ </div>
+ <!-- <div class="bk-xyx">
+ <p class="bj1-xyx">璁竴璁�</p>
+ <p>1.璇峰悓瀛︿滑鎼滅储鈥滀箳涔撳浜も�濓紝骞惰璁哄叾瀵规垜鍥藉浜ゆ柟闈㈢殑淇冭繘浣滅敤銆�</p>
+ <p>
+ 2.璇峰悓瀛︿滑鎼滅储2020骞翠笢浜ゥ杩愪細涔掍箵鐞冨コ鍥㈤」鐩畬璧涘悗锛屾垜鍥藉浗瀹朵箳涔撶悆闃熶笌棣欐腐鍦板尯涔掍箵鐞冮槦棰佸鍚堝奖鐨勭収鐗囷紝骞惰璁哄叾绉瀬鎰忎箟銆�
+ </p>
+ <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
+ </div> -->
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">
+ 路 璁竴璁� 路
+ <div class="icon" @click="activityXyx1">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 20.243 18.417"
+ >
+ <path
+ class="a"
+ d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
+ transform="translate(-3630 14334.002)"
+ />
+ </svg>
+ </div>
+ </div>
+ <br />
+ <p class="public-tips">
+ 1.璇峰悓瀛︿滑鎼滅储鈥滀箳涔撳浜も�濓紝骞惰璁哄叾瀵规垜鍥藉浜ゆ柟闈㈢殑淇冭繘浣滅敤銆�
+ </p>
+ <div class="xyx-text" v-if="chapter002.isShowXyx01">
+ <textarea
+ rows="8"
+ @blur="ChangeBlur"
+ v-model="chapter002.textBybItem1"
+ ></textarea>
+ </div>
+ <p class="public-tips">
+ 2.璇峰悓瀛︿滑鎼滅储2020骞翠笢浜ゥ杩愪細涔掍箵鐞冨コ鍥㈤」鐩畬璧涘悗锛屾垜鍥藉浗瀹朵箳涔撶悆闃熶笌棣欐腐鍦板尯涔掍箵鐞冮槦棰佸鍚堝奖鐨勭収鐗囷紝骞惰璁哄叾绉瀬鎰忎箟銆�
+ </p>
+ <div class="xyx-text" v-if="chapter002.isShowXyx01">
+ <textarea
+ rows="8"
+ @blur="ChangeBlur"
+ v-model="chapter002.textBybItem2"
+ ></textarea>
+ </div>
+ </div>
+ <div class="bk-dy3xxmb">
+ <p class="bj1-dy3xxmb">瀛︿範鐩爣</p>
+ <p class="block">
+ 1.浜嗚В涔掍箵鐞冭繍鍔ㄧ殑鐗圭偣銆佷环鍊笺�佹妧鏈姩浣滃強鍩虹鎴樻湳閰嶅悎鐨勭浉鍏冲熀纭�鐭ヨ瘑銆�
+ </p>
+ <p class="block">
+ 2.鎺屾彙涔掍箵鐞冪殑姝ｅ弽鎵嬫敾鐞冦�佹悡鐞冨拰寮у湀鐞冩妧鏈紝宸︽帹鍙虫敾銆佹帹鎸′晶韬敾鐨勭粍鍚堟妧鑳斤紝浠ュ強鍙戠悆鎶㈡敾銆佹帴鍙戠悆鎶㈡敾銆佸鏀汇�佹悡鏀荤瓑鎴樻湳銆�
+ </p>
+ <p class="block">
+ 3.鍩瑰吇鑹ソ鐨勪綋鑲查敾鐐间範鎯�侀伒瀹堜綋鑲查亾寰凤紝绉瀬鍙傚姞鐝骇鍜屽鏍＄粍缁囩殑涔掍箵鐞冩椿鍔ㄣ�佹瘮璧涳紝鍦ㄥ缁冨拰姣旇禌涓煿鍏婚伒绾畧娉曘�佸洟缁撲簰鍔┿�佺Н鏋佷箰瑙傘�佸媷浜庢嫾鎼忕殑鍝佹牸銆�
+ </p>
+ </div>
+ <h4 class="h4-dy3" id="d066">
+ <span class="h4-dy3s">涓�</span>銆�浜嗚В涔掍箵鐞冭繍鍔�
+ </h4>
+ <div class="pdf-text">
+ <div class="pdf-con">
+ <div class="pdf-view">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ </span>
+ <span @click="toUrl(1)">涔掍箵鐞冪殑甯哥敤鏈锛堜竴锛�.pdf</span>
+ </div>
+ <div class="pdf-view">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ </span>
+ <span @click="toUrl(2)">涔掍箵鐞冪殑甯哥敤鏈锛堜簩锛�.pdf</span>
+ </div>
+ </div>
+ <p>
+ 涔掍箵鐞冭繍鍔ㄦ槸涓�椤圭敱涓ゅ悕鎴栧洓鍚嶈繍鍔ㄥ憳鍦ㄤ箳涔撶悆妗屼笂杩涜闅旂綉鏀诲畧鐨勮繍鍔紝鍦ㄤ笘鐣屼笂璁稿鍦版柟娴佽銆備箳涔撶悆杩愬姩1900骞磋捣婧愪簬鑻卞浗锛�20涓栫邯鍒濆湪娆ф床鍜屼簹娲茶摤鍕冨紑灞曡捣鏉ャ�備箳涔撶悆杩愬姩鏄撲簬寮�灞曪紝鎵撴硶澶氭牱锛岀悆璺彉鍖栦赴瀵岋紝鎶�鏈姩浣滆姹傚崗璋冦�佺伒鏁忋�佺簿纭紝瑙傝祻鎬у己銆備箳涔撶悆杩愬姩鑳芥湁鏁堝彂灞曞姏閲忋�侀�熷害銆佽�愬姏銆佺伒鏁忔�х瓑韬綋绱犺川锛屽悓鏃朵篃鑳介敾鐐煎拰鍩瑰吇鍕囨暍銆侀〗寮恒�佹満鏅恒�佹灉鏂瓑蹇冪悊鍝佽川銆備箳涔撶悆杩愬姩瀵逛粖鍚庝粠浜嬮渶涔呭潗銆佷箙绔欑殑鑱屼笟锛屽挨鍏舵槸闇�瑕佽繘琛岀簿缁嗗寲鎿嶄綔鐨勮亴涓氫汉缇よ韩浣撶姸鍐电殑鏀瑰杽鏈夌Н鏋佺殑浣滅敤銆傗�滀箳涔撶簿绁炩�濇墍钑村惈鐨勬妧鏈垱鏂板拰绮剧泭姹傜簿涔熸槸鍚屽浠簲璇ュ涔犲拰璺佃鐨勮亴涓氱簿绁炪�備箳涔撶悆杩愬姩鍦ㄥ浗鍐呭骞挎硾寮�灞曪紝涔掍箵鐞冧笘鐣屾澂銆佷笘閿﹁禌涓庡ゥ杩愪細骞剁О涓栫晫涔掍箵鐞冧笁澶ц禌浜嬨��
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="35">
+ <div v-if="showPageList.indexOf(35) > -1">
+ <div class="bodystyle">
+ <h4 class="h4-dy3" id="d067">
+ <span class="h4-dy3s">浜�</span>銆�瀛︾粌涔掍箵鐞冩妧鑳�
+ </h4>
+ <h5 id="e100"><span class="bj1-mk">妯″潡涓�</span></h5>
+ <p>
+ 鏈ā鍧楄缃簡涔掍箵鐞冭繍鍔ㄤ腑杈冧负鍩虹鐨勬妧鎴樻湳鍐呭銆傚叾涓紝鍗曢」鎶�鏈缁冨寘鎷彙鎷嶆柟娉曚笌鏍稿績鎶�鏈�佸弽鎵嬫帹鎸°�佹鎵嬫敾鐞冿紝浠ュ強璇剧▼骞冲彴涓殑骞冲嚮鍙戠悆锛涘熀鏈垬鏈缁冨寘鎷彂骞冲嚮鐞冩姠鏀伙紝浠ュ強璇剧▼骞冲彴涓殑鎺ュ钩鍑荤悆鎶㈡敾锛涚粍鍚堟妧鑳界粌涔犺缃殑鏄�1/2
+ 宸︽帹+鍙虫敾锛屼互鍙婅绋嬪钩鍙颁腑鐨勬帹鎸�+渚ц韩鏀汇�傚悓瀛︿滑瀛︾粌鏈ā鍧楃殑鍐呭锛岃兘澶熸彁楂樺熀鏈殑鎶�鎴樻湳姘村钩锛屼负鍙備笌鏈ā鍧楄缃殑姣旇禌鎻愪緵淇濋殰锛屼负鍚庣画妯″潡鐨勫缁冨瀹氬熀纭�銆�
+ </p>
+ <div class="pdf-tips-con">
+ <p class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</p>
+ <div class="pdf-wall">
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ </span>
+ <span @click="toUrl(3)"
+ >3 妯″潡涓�锛堜竴锛夊崟椤规妧鏈缁� 骞冲嚮鍙戠悆.pdf</span
+ >
+ </div>
+ </div>
+ </div>
+ <p><span class="zt-cs">1.鎻℃媿鏂规硶涓庢牳蹇冩妧鏈�</span></p>
+ <p>涔掍箵鐞冪殑鎻℃媿鏂规硶鍒嗕负鐩存澘鍜屾í鏉裤��</p>
+ <p>锛�1锛夊姩浣滆棰�</p>
+ <p>
+ 涔掍箵鐞冩牳蹇冩妧鏈殑鏀拺鍔ㄤ綔瑙勬牸鏄墠鑷傚甫鍔ㄦ墜鑵曞唴鏃�90掳锛屽舰鎴愪竴涓笌绔嚎骞宠鐨勫钩闈紝鐢ㄤ簬鍙嶆墜鏀拺鎶�鏈紱鍓嶈噦甯﹀姩鎵嬭厱澶栧睍90掳锛屽舰鎴愪竴涓笌绔嚎骞宠鐨勫钩闈紝鐢ㄤ簬姝ｆ墜鏀拺鎶�鏈�備箳涔撶悆鏍稿績鎶�鏈殑鍗峰甫鍔ㄤ綔鏄湪瀹屾垚瀵瑰弽鎵嬬悆杩涜鏀拺鐨勫熀纭�涓婏紝鍓嶈噦甯﹀姩鎵嬭厱鐢卞唴鏃嬪彉涓哄灞曪紝瀹屾垚鍙嶆墜鍑荤悆鍔ㄤ綔锛涘湪瀹屾垚瀵规鎵嬬悆杩涜鏀拺鐨勫熀纭�涓婏紝鍓嶈噦甯﹀姩鎵嬭厱鐢卞灞曞彉涓哄唴鏃嬶紝瀹屾垚鍙嶆墜鍑荤悆鍔ㄤ綔锛涘嚮鐞冪偣鍦ㄨ韩浣撶殑渚у墠鏂癸紝鍙戝姏闃舵鍦ㄥ嵎甯︽湡銆�
+ </p>
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../image/0119-1.jpg" />
+ </p>
+ <p class="img">鍥�3-5-1 鐩存澘鎻℃媿鍜屾í鏉挎彙鎷�</p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲師鍦伴鐞冪粌涔狅紝瑕佹眰绔钩鐞冩媿銆�</p>
+ <p>鈶¤杩涢棿棰犵悆缁冧範锛岃姹傝韩浣撻噸蹇冧繚鎸佹按骞崇姸鎬併��</p>
+ <p style="margin-bottom: 30px">
+ 鈶㈠澧欑粌涔狅紝鍏堣繘琛屾鍙嶆墜鐨勬敮鎾戠粌涔狅紝鍚屾椂缁撳悎鍗曟鍜屽苟姝ョ粌涔犮��
+ </p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>
+ 涔掍箵鐞冨嚮鐞冭繃绋嬬殑鏀拺鍜屽嵎甯︽槸涓�涓繛璐殑鍔ㄤ綔锛氬厛杩涜鏀拺缁冧範锛屽啀杩涜鍗峰甫缁冧範锛涘姩浣滆鍏堟參鍚庡揩锛屽姬绾胯鍏堥珮鍚庝綆锛涘厛杩涜鍗曚釜鍔ㄤ綔缁冧範锛屽啀杩涜杩炶疮鍔ㄤ綔缁冧範銆�
+ </p>
+ </div>
+ <p>
+ 鈶ｆ嫇灞曠粌涔狅細鍦ㄧ啛缁冨畬鎴愭鍙嶆墜鏀拺缁冧範鐨勫熀纭�涓婂畬鎴愭敮鎾戝嵎甯︾殑缁冧範锛屽悓鏃堕厤鍚堣剼姝ュ姩浣滐紱杩涜鐞冨彴鐨勬鍙嶆墜鏀拺缁冧範锛涘湪鏀拺鐔熺粌鐨勫熀纭�涓婏紝杩涜鐞冨彴鐨勬鍙嶆墜鏀拺鍗峰甫缁冧範銆�
+ </p>
+ <p><span class="zt-cs">2.鍙嶆墜鎺ㄦ尅</span></p>
+ <p>锛�1锛夊姩浣滆棰�</p>
+ <p>
+ 鍑荤悆鍓嶏紝宸﹁剼绋嶅墠绔欑珛锛岃韩浣撶鍙�40锝�50鍘樼背锛涢�氳繃鑴氭绉诲姩鏉ュ埌鐞冭惤鐐圭殑渚�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="36">
+ <div v-if="showPageList.indexOf(36) > -1">
+ <div class="bodystyle">
+ <p style="text-indent: 0">
+ 鍓嶆柟锛屽墠鑷傚唴鏃嬪皢鐞冩媿鍚庡紩鑷宠韩浣撳乏渚х◢鍚庯紱鍦ㄤ笂鍗囨湡鍑荤悆鐨勪腑涓婇儴锛涘嚮鐞冨悗鍓嶈噦鍚戜笂鏂瑰杞�90掳锛岀劧鍚庤繀閫熻繕鍘熸垚鍑荤悆鍓嶇殑鍑嗗濮垮娍銆�
+ </p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲湪缁冧範杩囩▼涓厛杩涜棰犵悆缁冧範锛屽畬鎴�50娆￠鐞冨悗杩涜瀵瑰缁冧範銆�</p>
+ <p>鈶′笂鍙扮粌涔狅紝瀹屾垚鏀拺鍔ㄤ綔銆�</p>
+ <p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愪箳涔撶悆鍗峰甫鍔ㄤ綔銆�</p>
+ <p>
+ 鈶ｆ嫇灞曠粌涔狅細閫氳繃涓嶆柇澧炲姞鎺ㄦ尅鐨勬鏁板珐鍥烘妧鏈紝瀹炵幇浠庨噺鍙樺埌璐ㄥ彉鐨勭洰鏍囥��
+ </p>
+ <!-- <p class="center">
+ <img class="img-c" alt="" src="../image/0120-1.jpg" />
+ </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 src="../image/352-1.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/352-2.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/352-3.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ <p class="img">鍥�3-5-2 鍙嶆墜鎺ㄦ尅</p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>1.涔掍箵鐞冪殑鎺ㄦ尅缁冧範瑕佷弗鏍兼寜鐓ф妧鏈矾绾胯繘琛屻��</p>
+ <p>
+ 2.鎺ㄦ尅鎶�鏈殑瀛︿範鍏堟參鍚庡揩锛屽厛楂樺姬绾挎敮鎾戯紝鐒跺悗鎸夊姬绾跨殑鏂瑰紡杩涜缁冧範銆�
+ </p>
+ <p>3.瀛︽帹鎸℃妧鏈墠锛岃鍏堣繘琛屽崟鐞冪粌涔狅紝鐒跺悗杩涜杩炶疮鍔ㄤ綔鐨勭粌涔犮��</p>
+ </div>
+ <p><span class="zt-cs">3.姝ｆ墜鏀荤悆</span></p>
+ <p>
+ 鏀荤悆鎶�鏈槸涔掍箵鐞冩妧鏈腑閲嶈鐨勫緱鍒嗘妧鏈箣涓�锛屽畠鍦ㄥ嚮鐞冩柟寮忎笂浠ユ挒鍑讳负涓伙紝鍥犳鍏锋湁鍑荤悆閫熷害蹇�佸姩浣滃皬銆佽繘鏀绘�у己鐨勭壒鐐广�傛敾鐞冩妧鏈彲鍒嗕负姝ｆ墜鏀荤悆鍜屽弽鎵嬫敾鐞冿紝涔掍箵鐞冩妧鏈腑鐨勬瘡涓�閮ㄥ垎鍙堣繘涓�姝ョ粏鍖栦负蹇敾銆佸揩鐐广�佸揩鎷夈�佸揩甯︺�佺獊鍑汇�佹墸鏉�銆佹寫鎵撱�佹粦鏉跨瓑鎶�鏈�傛瘡绉嶆妧鏈湁鐫�涓嶅悓鐨勭壒鐐瑰拰鎴樻湳鐩殑锛岃鎺屾彙鍏ㄩ潰鐨勬敾鐞冩妧鏈紝灏卞繀椤绘帉鎻″ソ鍩烘湰鐨勬敾鐞冩妧鏈��
+ </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 src="../image/353-1.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/353-2.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/353-3.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/353-4.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ <p class="img">鍥�3-5-3 姝ｆ墜鏀荤悆</p>
+ <p>锛�1锛夊姩浣滆棰�</p>
+ <p>
+ 鍑荤悆鍓嶏紝宸﹁剼绋嶅墠绔欑珛锛岃韩浣撶鍙扮害50鍘樼背锛涘垽鏂潵鐞冧綅缃紝鍓嶈噦澶栧睍灏嗙悆鎷嶅悗寮曡嚦韬綋鍙充晶绋嶅悗锛涘湪鐞冪殑涓婂崌鏈熸垨楂樼偣鏈熷嚮鐞冪殑涓笂閮紱鍑荤悆鐐瑰湪姝ｆ墜浣嶈韩浣撲晶鍓嶆柟锛涘嚮鐞冨悗锛岃繀閫熻繕鍘熸垚鍑荤悆鍓嶇殑鍑嗗濮垮娍銆�
+ </p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲湪缁冧範杩囩▼涓厛杩涜棰犵悆缁冧範锛屽畬鎴�50娆￠鐞冨悗杩涜瀵瑰缁冧範銆�</p>
+ <p>鈶′笂鍙扮粌涔狅紝瀹屾垚鏀拺鍔ㄤ綔銆�</p>
+ <p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愪箳涔撶悆鍗峰甫鍔ㄤ綔銆�</p>
+ <p>
+ 鈶ｆ嫇灞曠粌涔狅細閫氳繃鍑忔參姝ｆ墜鏀荤悆閫熷害宸╁浐鎶�鏈紝閫氳繃鍔犲揩鍑荤悆閫熷害鎻愰珮鎶�鏈川閲忋��
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="37">
+ <div v-if="showPageList.indexOf(37) > -1">
+ <div class="bodystyle">
+ <div class="pdf-tips-con">
+ <p class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</p>
+ <div class="pdf-wall">
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(4)"
+ >4 妯″潡涓�锛堜簩锛夊熀鏈垬鏈缁冩帴骞冲嚮鐞冩姠鏀�.pdf</span
+ >
+ </div>
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(5)"
+ >5 妯″潡涓�锛堜笁锛夌粍鍚堟妧鑳界粌涔� 鎺ㄦ尅+渚ц韩鏀�.pdf</span
+ >
+ </div>
+ </div>
+ </div>
+ <p><span class="zt-cs">鍙戝钩鍑荤悆鎶㈡敾</span></p>
+ <p>锛�1锛夋垬鏈柟娉�</p>
+ <p>鈶犲厛瑕佹爲绔嬪彂鐞冩姠鏀荤殑鎴樻湳鎰忚瘑銆�</p>
+ <p>鈶℃鎵嬪钩鍑诲彂鐞冨悗閫氳繃鑴氭绉诲姩淇濊瘉鍑荤悆鐐瑰湪鏈柟姝�<br />鎵嬬殑渚у墠鏂广��</p>
+ <p>鈶㈠湪鎶㈡敾鐨勮繃绋嬩腑淇濇寔鎶�鏈殑杩炶疮鎬с��</p>
+ <p>鈶ｅ彂鍔涢樁娈靛湪鍑荤悆鐨勫嵎甯︽湡銆�</p>
+ <p>鈶ゆ敞鎰忓姩浣滅殑杩樺師銆�</p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲厛杩涜寰掓墜鐨勫彂鎶㈢粌涔犮��</p>
+ <p>鈶¤繘琛屽悎娉曞彂鐞冨拰鎶�鏈鎺ョ粌涔犮��</p>
+ <p>鈶㈠厛杩涜鍒嗚В鍔ㄤ綔缁冧範锛屽啀杩涜瀹屾暣鎴樻湳缁冧範銆�</p>
+ <p>鈶ｆ嫇灞曠粌涔狅細閫氳繃鍒嗚В缁冧範鎻愰珮鎶㈡敾鐨勮川閲忥紝閫氳繃瀹炶返杩涜鎴樻湳搴旂敤銆�</p>
+ <p> </p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>1.鍙戠悆璐ㄩ噺鏄姠鏀荤殑鍩虹銆�</p>
+ <p>2.鍙戠悆瑕佸悎涔庤瀹氥��</p>
+ <p>3.閫氳繃鑴氭绉诲姩瀵绘壘鏈�浣冲嚮鐞冪偣锛岃兘鏈夋晥鍦版彁楂樻妧鏈川閲忋��</p>
+ <p>4.娉ㄦ剰鍙戠悆绾胯矾鐨勫彉鍖栥��</p>
+ </div>
+ <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p>
+ <p><span class="zt-cs">1/2宸︽帹+鍙虫敾</span></p>
+ <p>锛�1锛夌粌涔犳柟娉�</p>
+ <p>
+ 鈶犲噯澶囧姩浣滐細宸﹁剼鍦ㄥ墠锛屽彸鑴氬湪鍚庯紝涓よ剼闂磋窛姣旇偐绋嶅锛屼綆澶村惈鑳革紝涓ょ溂骞宠锛屾墜鑵曞唴鏃嬶紝鐞冩媿鍦ㄥ弽鎵嬩綅鐨勪晶鍓嶆柟銆�
+ </p>
+ <p>
+ 鈶″姩浣滆棰嗭細绔欏湪宸﹀崐鍙板厛杩涜鎺ㄧ洿绾跨粌涔狅紝鐒跺悗閫氳繃姝ユ硶绉诲姩鍒颁腑绾块檮杩戯紝鍚屾椂灏嗘墽鎷嶆墜绉诲埌姝ｆ墜浣嶏紝璋冩暣閲嶅績鍒板彸鑴氾紝鍋氬ソ姝ｆ墜鏀绘枩绾跨殑鍑嗗銆傚湪鍑荤悆鍓嶏紝鎵嬭厱澶栧睍锛屽湪鍑荤悆杩囩▼涓繚璇佸嚮鐞冪偣鍦ㄨ韩浣撶殑渚у墠鏂癸紝鍚屾椂鍓嶈噦甯﹀姩鎵嬭厱鐢卞灞曞彉涓哄唴鏃嬶紝鎸ユ媿鑷冲乏鐪间笂鏂癸紝鐒跺悗閫氳繃鍗曟绉诲姩鑷冲弽鎵嬩綅锛屽洖鍒板噯澶囧姩浣滈樁娈点��
+ </p>
+ <p>锛�2锛夌粌涔犺姹�</p>
+ <p>
+ 绔欏湪鐞冨彴鐨勫乏鍗婂彴锛岀鐞冨彴40锝�50鍘樼背銆傛帹鎸′负鐩寸嚎锛屾鎵嬫敾鐞冧负鏂滅嚎锛岃惤鐐逛綅缃湪宸﹀崐鍙扮殑杈圭嚎浣嶇疆銆傞�氳繃姝ユ硶绉诲姩淇濊瘉鍑荤悆鐐瑰湪韬綋鐨勪晶鍓嶆柟銆�
+ </p>
+ <h5 id="e101"><span class="bj1-mk">妯″潡浜�</span></h5>
+ <p>
+ 鏈ā鍧楀湪涓婁竴妯″潡瀛︾粌鐨勫熀纭�涓婏紝杩涢樁鎬у湴璁剧疆浜嗕箳涔撶悆杩愬姩鏂扮殑瀛︾粌鍐呭銆傚叾涓紝鍗曢」鎶�鏈缁冨寘鎷敾鐞冦�佹帹鎸″拰蹇悡锛屾參鎼擄紝浠ュ強璇剧▼骞冲彴涓殑姝ｆ墜蹇甫銆佽浆涓庝笉杞悆鍙戠悆锛�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="38">
+ <div v-if="showPageList.indexOf(38) > -1">
+ <div class="bodystyle">
+ <p>
+ 鍩烘湰鎴樻湳瀛︾粌鍖呮嫭瀵规敾鎴樻湳锛屼互鍙婅绋嬪钩鍙颁腑鐨勫彂杞笌涓嶈浆鐞冩姠鏀伙紱缁勫悎鎶�鑳界粌涔犺缃殑鏄帹鎸�+渚ц韩鏀伙紝浠ュ強璇剧▼骞冲彴涓殑宸︽帹+鍙虫敾銆傚悓瀛︿滑瀛︾粌鏈ā鍧楃殑鍐呭锛屽湪鎺屾彙涓�瀹氶毦搴︽妧鎴樻湳鍜岀粍鍚堟妧鑳界殑鍩虹涓婏紝鑳藉鍙備笌鏈ā鍧楄缃殑姣旇禌娲诲姩锛屽苟涓洪毦搴︽洿楂樼殑涓嬩竴妯″潡鐨勫缁冨仛濂介摵鍨��
+ </p>
+ <div class="pdf-tips-con">
+ <p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p>
+ <div class="pdf-wall" style="top: 60px">
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(6)"
+ >6 妯″潡浜岋紙涓�锛夊崟椤规妧鏈缁� 姝ｆ墜蹇甫.pdf</span
+ >
+ </div>
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(7)"
+ >7 妯″潡浜岋紙涓�锛夊崟椤规妧鏈缁� 杞笌涓嶈浆鐞冨彂鐞�.pdf</span
+ >
+ </div>
+ </div>
+ </div>
+ <p><span class="zt-cs">1.鏀荤悆銆佹帹鎸″拰蹇悡</span></p>
+ <p>锛�1锛夊姩浣滆棰�</p>
+ <p>
+ 鏀荤悆銆佹帹鎸°�佸揩鎼撴妧鏈寜鐓ф牳蹇冩妧鏈繘琛屽垎鏋愶紝閮芥槸鐢辨敮鎾戝拰鍗峰甫涓や釜杩炶疮鐨勫姩浣滅粍鎴愮殑銆�
+ </p>
+ <p>
+ 鈶犳鎵嬫敾鐞冿細鎸ユ媿鎵嬬敱鍓嶈噦甯﹀姩鎵嬭厱澶栧睍90掳褰㈡垚鏀拺鍔ㄤ綔锛屽湪鍑荤悆鐨勮繃绋嬩腑鍚戜晶鍓嶆柟鎸ユ媿锛屾墜鑵曠敱澶栧睍鍙樻垚鍐呮棆90掳瀹屾垚鍗峰甫鍔ㄤ綔銆�
+ </p>
+ <p>
+ 鈶℃帹鎸★細鎸ユ媿鎵嬬敱鍓嶈噦甯﹀姩鎵嬭厱鍐呮棆90掳褰㈡垚鏀拺鍔ㄤ綔锛屽湪鍑荤悆鐨勮繃绋嬩腑鍚戜晶鍓嶆柟鎸ユ媿锛屾墜鑵曠敱鍐呮棆鍙樻垚澶栧睍90掳瀹屾垚鍗峰甫鍔ㄤ綔銆�
+ </p>
+ <p>
+ 鈶㈠揩鎼擄細鎸ユ媿鎵嬬敱鍓嶈噦甯﹀姩鎵嬭厱鍐呮棆90掳褰㈡垚鏀拺鍔ㄤ綔锛屽湪鍑荤悆鐨勮繃绋嬩腑鍚戜晶涓嬫柟鎸ユ媿锛屾墜鑵曠敱鍐呮棆鍙樻垚澶栧睍90掳瀹屾垚鍗峰甫鍔ㄤ綔銆�
+ </p>
+ <!-- <p class="center">
+ <img class="img-a" alt="" src="../image/0122-1.jpg" />
+ </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 src="../image/354-1.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/354-2.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/354-3.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/354-4.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ <p class="img">鍥�3-5-4 蹇悡</p>
+ </div>
+ <br />
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲涔犳鍙嶆墜鐨勬敮鎾戝姩浣溿��</p>
+ <p>鈶℃鍙嶆墜鏀拺鍔ㄤ綔瀹屾垚鍚庯紝鍐嶅畬鎴愪晶鍓嶆柟鍗峰甫鍔ㄤ綔銆�</p>
+ <p>鈶㈡鍙嶆墜鏀拺鍔ㄤ綔瀹屾垚鍚庯紝鍐嶅畬鎴愪晶涓嬫柟鍗峰甫鍔ㄤ綔銆�</p>
+ <p>鈶ｆ嫇灞曠粌涔狅細閫氳繃姝ｅ弽鎵嬬殑杞崲缁冧範浣撻獙鏍稿績鎶�鏈殑鍖哄埆涓庤仈绯汇��</p>
+ <p style="margin-bottom: 30px"><span class="zt-cs">2.鎱㈡悡</span></p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>1.鏀拺鍔ㄤ綔涓�瀹氳骞炽��</p>
+ <p>2.鍏堥珮寮х嚎鏀拺锛岀啛缁冨悗鍐嶉�愭闄嶄綆寮х嚎銆�</p>
+ <p>3.鏀拺鐔熺粌鍚庤繘琛屾敮鎾戝嵎甯︾粌涔犮��</p>
+ <p>4.閰嶅悎閲嶅績鐨勮浆绉诲拰鑴氭鐨勭Щ鍔ㄤ繚鎸佸嚮鐞冪偣鍦ㄨ韩浣撶殑渚у墠鏂广��</p>
+ </div>
+ <!-- <p class="center">
+ <img class="img-b" alt="" src="../image/0122-2.jpg" />
+ </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 src="../image/355-1.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/355-2.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/355-3.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ <p class="img">鍥�3-5-5 鎱㈡悡</p>
+ <p>
+ 鎼撶悆鏄繎鍙拌繕鍑讳笅鏃嬬悆鐨勪竴绉嶅熀鏈妧鏈紝鍙敤瀹冧负鎷夊姬鍦堢悆鍒涢�犳潯浠躲�傚畠涓庢敾鐞冩妧鏈粨鍚堣捣鏉ュ彲浠ュ舰鎴愭悡鏀绘垬鏈�傛悡鐞冨湪鎺ュ彂鐞冩椂鍙互鏈夋晥鍦拌繃娓★紝涓鸿嚜宸变笅涓�鏉垮垱閫犺繘鏀绘満浼氥��
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="39">
+ <div v-if="showPageList.indexOf(39) > -1">
+ <div class="bodystyle">
+ <p>锛�1锛夊姩浣滆棰�</p>
+ <p>
+ 鎱㈡悡瑕佹眰鍙宠剼鍦ㄥ墠鎴栦袱鑴氬钩琛岀珯绔嬶紝韬綋绂诲彴40锝�50鍘樼背銆傛墜鑷傚鏃嬩娇鎷嶉潰瑙掑害鍚庝话锛屽墠鑷傚悜宸︿笂鏂瑰紩鎷嶈嚦鑳稿墠锛屾í鎻℃媿鎵嬭厱閫傚綋澶栧睍锛岀洿鎻℃媿鎵嬭厱浣滃眻锛屾媿澶存寚鍚戞枩涓婃柟銆傚綋鏉ョ悆璺宠嚦涓嬮檷鍓嶆湡锛屽墠鑷傚甫鍔ㄦ墜鑵曞姞閫熷悜鍙冲墠涓嬫柟銆傜敤鍔涙懇鎿︾悆鎷嶉潰鍚庯紝浠板嚮鐞冪殑涓笅鍋忓渚х殑閮ㄤ綅銆傚嚮鐞冨悗锛屽墠鑷傞『鍔垮墠閫侊紝骞舵敞鎰忚繕鍘熴��
+ </p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲厛杩涜棰犵悆缁冧範锛屽畬鎴�50娆￠鐞冨悗杩涜瀵瑰缁冧範銆�</p>
+ <p>鈶′笂鍙扮粌涔狅紝鍏堝畬鎴愭敮鎾戝姩浣溿��</p>
+ <p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愪晶涓嬫柟鍗峰甫鍔ㄤ綔銆�</p>
+ <p style="margin-bottom: 30px">
+ 鈶ｆ嫇灞曠粌涔狅細閰嶅悎姝ユ硶杩涜杩炵画鐨勬悡鐞冪粌涔狅紝骞剁粨鍚堟瘮璧涜繍鐢ㄣ��
+ </p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>1.涔掍箵鐞冪殑鎼撶悆缁冧範瑕佷弗鏍兼寜鐓ф妧鏈矾绾胯繘琛屻��</p>
+ <p>
+ 2.鍏堝涔犳參鎼擄紝鍐嶅涔犲揩鎼擄紝鍏堥珮寮х嚎鏀拺锛岀劧鍚庢寜寮х嚎鐨勬柟寮忚繘琛岀粌涔犮��
+ </p>
+ <p>3.鍏堣繘琛屽崟鐞冪粌涔狅紝鐒跺悗杩涜杩炶疮鍔ㄤ綔鐨勭粌涔犮��</p>
+ <p>4.涓�瀹氬湪鐞冪殑涓嬮檷鏈熷嚮鐞冦��</p>
+ <p>5.姝ｅ弽鎵嬫參鎼撴妧鏈姩浣滅浉鍚岋紝浣嗘柟鍚戠浉鍙嶃��</p>
+ </div>
+ <p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p>
+ <p><span class="zt-cs">瀵规敾鎴樻湳</span></p>
+ <p>锛�1锛夋垬鏈柟娉�</p>
+ <p>
+ 鍏堢粌鍘嬪弽鎵嬶紝浼烘満鎶㈡敾銆傚綋瀵规柟鍙嶆墜杈冨急鎴栬繘鏀昏兘鍔涗笉寮烘椂锛堝鐩存媿锛夛紝鍙敤鎺ㄦ尅銆佸弽鎵嬪揩鎷ㄦ垨寮у湀鐞冭繛缁帇瀵规柟鍙嶆墜锛屼己鏈哄帇涓�鏉夸腑璺紝鍔犲ぇ瑙掑害鎴栧姏閲忥紝杩娇瀵规柟鍥炵悆璐ㄩ噺涓嶉珮鍚庯紝鍐嶇獊鐒剁敤姝ｆ墜杩涙敾銆傜浜屽帇鍙嶆墜鍙樻鎵嬶紝濡傛灉瀵规柟渚ц韩鐨勬剰璇嗗拰鑳藉姏寰堝己锛岃繖鏃跺啀杩炲帇鍙嶆墜灏卞彲鑳介�傚緱鍏跺弽锛岃�岃涓诲姩閲囧彇浼烘満鍙樻鎵嬬殑鏂瑰紡锛屾棦鍙伔琚鏂规鎵嬩綅绌哄綋锛屽張鍙壍鍒跺鏂圭殑渚ц韩鎶㈡敾锛屼竴涓句袱寰椼�傚鏋滆嚜宸辩殑鍙嶆墜涓嶅瀵规柟鑰屾鎵嬭繘鏀昏兘鍔涜緝寮猴紝鍙富鍔ㄥ彉绾垮舰鎴愭鎵嬪鏀汇��
+ </p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犺繘琛屽緬鎵嬬殑瀵规敾缁冧範銆�</p>
+ <p>鈶¤繘琛屽悎娉曞彂鐞冨拰鎶�鏈鎺ョ粌涔犮��</p>
+ <p>鈶㈠厛杩涜鍒嗚В鍔ㄤ綔缁冧範锛屽啀杩涜瀹屾暣鎴樻湳缁冧範銆�</p>
+ <p style="margin-bottom: 30px">
+ 鈶ｆ嫇灞曠粌涔狅細閫氳繃涓嶆柇缁冧範鎻愰珮瀵规敾鐨勬垬鏈按骞冲拰璐ㄩ噺锛岄�氳繃灏忓瀷瀵规姉璧涙潵宸╁浐瀵规敾鎶�鏈��
+ </p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>1.鎶�鏈川閲忔槸鎴樻湳鐨勫熀纭�銆�</p>
+ <p>2.鎴樻湳鎰忓浘鎵ц瑕佸潥瀹氥��</p>
+ <p>3.閫氳繃姝ユ硶绉诲姩瀵绘壘鏈�浣冲嚮鐞冪偣锛岃兘鏈夋晥鍦版彁楂樻妧鏈川閲忋��</p>
+ <p>4.娉ㄦ剰鍙戠悆绾胯矾鐨勫彉鍖栥��</p>
+ </div>
+ <!-- <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p> -->
+ <div class="pdf-tips-con">
+ <p class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</p>
+ <div class="pdf-wall">
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(8)"
+ >8 妯″潡浜岋紙浜岋級鍩烘湰鎴樻湳瀛︾粌 鍙戣浆涓庝笉杞悆鎶㈡敾.pdf</span
+ >
+ </div>
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(9)"
+ >9 妯″潡浜岋紙涓夛級缁勫悎鎶�鑳界粌涔� 宸︽帹+鍙虫敾.pdf</span
+ >
+ </div>
+ </div>
+ </div>
+ <p><span class="zt-cs">鎺ㄦ尅+渚ц韩鏀�</span></p>
+ <p>锛�1锛夌粌涔犳柟娉�</p>
+ <p>
+ 鈶犲噯澶囧姩浣滐細宸﹁剼鍦ㄥ墠锛屽彸鑴氬湪鍚庯紝涓よ剼闂磋窛姣旇偐<br />绋嶅锛屼綆澶村惈鑳革紝涓ょ溂骞宠锛屾墜鑵曞唴鏃嬶紝鐞冩媿鍦ㄥ弽鎵嬩綅<br />鐨勪晶鍓嶆柟銆�
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="40">
+ <div v-if="showPageList.indexOf(40) > -1">
+ <div class="bodystyle">
+ <p>
+ 鈶″姩浣滆棰嗭細绔欏湪宸﹀崐鍙板厛杩涜鎺ㄦ枩绾跨粌涔狅紝鐒跺悗閫氳繃姝ユ硶绉诲姩鍒板乏渚ц竟绾垮锛屽悓鏃跺皢鎵ф媿鎵嬬Щ鍒版鎵嬩綅鐨勪晶韬綅锛岃皟鏁撮噸蹇冨埌鍙宠剼锛屽仛濂芥鎵嬫敾鏂滅嚎鐨勫噯澶囥�傚湪鍑荤悆鍓嶏紝鎵嬭厱澶栧睍锛涘嚮鐞冭繃绋嬩腑锛屼繚璇佸嚮鐞冪偣鍦ㄨ韩浣撶殑渚у墠鏂癸紝鍚屾椂鍓嶈噦甯﹀姩鎵嬭厱鐢卞灞曞彉涓哄唴鏃嬶紝鎸ユ媿鑷冲乏鐪间笂鏂癸紝鐒跺悗閫氳繃璺虫绉诲姩鑷冲弽鎵嬩綅锛屽洖鍒板噯澶囧姩浣滈樁娈点��
+ </p>
+ <p>锛�2锛夌粌涔犺姹�</p>
+ <p>
+ 绔欏湪宸﹀崐鍙拌竟锛岀鐞冨彴40锝�50鍘樼背銆傛帹鎸″拰渚ц韩鏀讳负鏂滅嚎锛岃惤鐐瑰湪鐞冨彴鐨勪腑绾挎垨宸︿晶杈逛綅缃�傞�氳繃姝ユ硶绉诲姩瀹屾垚鎶�鏈粍鍚堝姩浣溿��
+ </p>
+ <h5 id="e102"><span class="bj1-mk">妯″潡涓�</span></h5>
+ <p>
+ 鏈ā鍧楅毦搴︽湁鎵�澧炲姞锛屽湪鍗曢」鎶�鏈缁冩柟闈㈣缃簡姝ｆ墜寮у湀鐞冦�佹鎵嬪彂宸︿晶涓婏紙涓嬶級鏃嬬悆锛屼互鍙婅绋嬪钩鍙颁腑鐨勫姬鍦堢悆銆佸揩鎼撱�佸弽鎵嬪揩鎷紱鍩烘湰鎴樻湳瀛︾粌璁剧疆浜嗕晶韬鎵嬪彂宸︿晶涓婁笅鏃嬪悗鎶㈡敾锛屼互鍙婅绋嬪钩鍙颁腑鐨勬悡鏀绘垬鏈紱缁勫悎鎶�鑳界粌涔犺缃簡鍏ㄥ彴宸︽帹+鍙虫敾锛屼互鍙婅绋嬪钩鍙颁腑鐨勬帹鎸�+渚ц韩鏀汇�傛湰妯″潡鐨勫涔犳湁鍔╀簬鍚屽浠弬涓庢洿楂樿姹傜殑涔掍箵鐞冩瘮璧涙彁渚涢噸瑕佷繚闅溿��
+ </p>
+ <!-- <p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p> -->
+ <div class="pdf-tips-con">
+ <p><span class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</span></p>
+ <div class="pdf-wall">
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(10)"
+ >10 妯″潡涓夛紙涓�锛夊崟椤规妧鏈缁� 寮у湀鐞�.pdf</span
+ >
+ </div>
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(11)"
+ >11 妯″潡涓夛紙涓�锛夊崟椤规妧鏈缁� 蹇悡.pdf</span
+ >
+ </div>
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(12)"
+ >12 妯″潡涓夛紙涓�锛夊崟椤规妧鏈缁� 鍙嶆墜蹇嫧.pdf</span
+ >
+ </div>
+ </div>
+ </div>
+ <p><span class="zt-cs">1.姝ｆ墜寮у湀鐞�</span></p>
+ <p>锛�1锛夊姩浣滆棰�</p>
+ <p>
+ 鍑荤悆鍓嶏紝宸﹁剼绋嶅墠绔欑珛锛岃韩浣撶鍙�50锝�60鍘樼背锛涗互鍙虫墜涓轰緥锛屽紩鎷嶅悜鍙冲悗鏂癸紝鐞冩媿涓庢潵鐞冨悓楂樻垨绋嶄綆浜庢潵鐞冿紱鍦ㄧ悆鐨勪笂鍗囨湡鎴栭珮鐐规湡鍑荤悆鐨勪腑涓婇儴锛屽嚮鐞冪殑鐬棿锛屽簲灏嗗悜鍓嶇殑鎾炲嚮涓庢懇鎿︾悆鍔ㄤ綔铻嶄负涓�浣擄紱鍦ㄧ悆鐨勪笂鍗囨湡鍜岄珮鐐规湡鍑荤悆锛屽悓鏃惰繀閫熻繕鍘熴��
+ </p>
+ <!-- <p class="center">
+ <img class="img-a" alt="" src="../image/0124-1.jpg" />
+ </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 src="../image/356-1.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/356-2.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/356-3.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/356-4.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/356-5.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ <p class="img">鍥�3-5-6 姝ｆ墜寮у湀鐞�</p>
+ </div>
+ <br />
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲畬鎴�50娆″澧欑粌涔犮��</p>
+ <p>鈶″畬鎴愬崟涓姬鍦堢悆鎶�鏈粌涔犮��</p>
+ <p>鈶㈠湪鏀拺鐔熺粌鐨勫熀纭�涓婂畬鎴愯繛缁殑寮у湀鐞冩妧鏈粌涔犮��</p>
+ <p>鈶ｆ嫇灞曠粌涔狅細閰嶅悎澶氱悆鏉ュ珐鍥烘妧鏈姩浣溿��</p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="41">
+ <div v-if="showPageList.indexOf(41) > -1">
+ <div class="bodystyle">
+ <p><span class="zt-cs">2.姝ｆ墜鍙戝乏渚т笂锛堜笅锛夋棆鐞�</span></p>
+ <p>锛�1锛夊姩浣滆棰�</p>
+ <p>
+ 姝ｆ墜鍙戝乏渚т笂锛堜笅锛夋棆鐞冩椂锛屽乏鑴氬湪鍓嶏紝鍙宠剼鍦ㄥ悗锛岃韩浣撲晶鍚戠悆鍙帮紝韬綋閲嶅績涓嬮檷銆傚乏鎵嬪皢鐞冨悜涓婃姏璧凤紝鍚屾椂鍙宠噦鍚戝彸鍚庝笂鏂瑰紩鎷嶏紝鎻℃媿鎵嬭厱澶栧睍锛岃叞閮ㄧ暐鍚戝彸杞姩銆傚綋鐞冧笅闄嶈嚦鎺ヨ繎缃戦珮鏃讹紝鍓嶈噦鍔犻�熷悜宸﹀墠鏂规尌鎽嗭紝瑙︾悆鏃舵墜鑷傘�佹墜鑵曞彂鍔涳紝鐩存彙鎷嶆墜鑵曞唴鏃嬶紝妯彙鎷嶆墜鑵曞唴鏀讹紝鑵伴儴閰嶅悎鍚戝乏杞�傚彂渚т笂鏃嬬悆鏃讹紝鎷嶉潰鐣ュ井绔嬭捣锛屽嚮鐞冪殑涓儴鍚戝乏渚т笂鏂规懇鎿︼紱鍙戜晶涓嬫棆鐞冩椂锛屾媿闈㈢暐鍚庝话锛屽嚮鐞冪殑涓笅閮ㄥ悜宸︿晶涓嬫柟鍚戞懇鎿︺�傞殢鍔挎尌鎷嶏紝杩呴�熻繕鍘熴��
+ </p>
+ <!-- <p class="center">
+ <img class="img-a" alt="" src="../image/0125-1.jpg" />
+ </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 src="../image/357-1.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/357-2.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/357-3.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/357-4.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../image/357-5.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ </div>
+ <p class="img">鍥�3-5-7 姝ｆ墜鍙戝乏渚т笂锛堜笅锛夋棆鐞�</p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲涔犳纭殑鎶涚悆鍔ㄤ綔銆�</p>
+ <p>鈶¤繘琛屾棤鐞冨緬鎵嬬粌涔犮��</p>
+ <p>鈶㈣繘琛屾鎵嬪彂宸︿晶涓婏紙涓嬶級鏃嬬悆鐨勭粌涔犮��</p>
+ <p style="margin-bottom: 30px">
+ 鈶ｆ嫇灞曠粌涔狅細閫氳繃缁冧範涓嶆柇鎻愰珮鍙戠悆鐨勯�熷害鍜屽姏閲忥紝閫氳繃鐝骇瀵规姉璧涙潵宸╁浐鍙戠悆鎶�鏈��
+ </p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>1.瀛︿範姝ｆ墜鍙戠悆鏃跺厛瑕佽繘琛屽悎娉曞彂鐞冪粌涔犮��</p>
+ <p>2.姝ｆ墜鍙戝乏渚т笂锛堜笅锛夋棆鐞冭涓庢鎵嬫敾鐞冭繘琛屾湁鏁堢殑琛旀帴銆�</p>
+ <p>
+ 3.姝ｆ墜鍙戝乏渚т笂锛堜笅锛夋棆鐞冭姹傚湪鍔ㄤ綔鐩镐技鐨勫墠鎻愪笅鍙戝嚭鏃嬭浆鐞冨拰涓嶈浆鐞冦��
+ </p>
+ <p>4.姝ｅ弽鐨勫彂鐞冨姩浣滅浉鍚岋紝浣嗘柟鍚戠浉鍙嶃��</p>
+ </div>
+ <!-- <p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p> -->
+ <div class="pdf-tips-con">
+ <p><span class="zt-ls">锛堜簩锛夊熀鏈垬鏈缁�</span></p>
+ <div class="pdf-wall">
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(13)"
+ >13 妯″潡涓夛紙浜岋級鍩烘湰鎴樻湳瀛︾粌 鎼撴敾鎴樻湳.pdf</span
+ >
+ </div>
+ </div>
+ </div>
+ <p><span class="zt-cs">渚ц韩姝ｆ墜鍙戝乏渚т笂涓嬫棆鍚庢姠鏀�</span></p>
+ <p>锛�1锛夋垬鏈柟娉�</p>
+ <p>
+ 鍙戝乏渚ф棆鐞冭嚦瀵规柟鍙嶆墜浣嶃�佸弽鎵嬪簳绾垮ぇ瑙掍腑璺亸鍙嶆墜搴曠嚎鎴栬拷韬互鍙婃鎵嬪皬涓夎鐭悆锛屽啀閰嶅悎涓�鏉跨洿绾挎�ラ暱鐞冦�傚鏂逛晶韬交鎷夎嚦鍙嶆墜锛屽彲鐢ㄦ帹鎸″姞鍔涙垨蹇帇鐩寸嚎锛屼篃鍙敤渚ц韩鏀伙紙浠ラ�熷害涓轰富锛夌洿绾匡紝杩娇瀵规柟鎵戞晳姝ｆ墜浣嶏紝鍐嶅鏈哄彂鍔涳紱濡傚鏂圭敤鍙嶆墜鎺ㄦ嫧鎴栬交鎸傝嚦鍙嶆墜锛屽彲鍘嬪埗鍏朵腑璺拷韬紱濡傚鏂圭洿鎺ュ洖鑷虫鎵嬩綅锛屽彲鐢ㄦ鎵嬪揩甯︾嚎鍒板鏂规鎵嬪ぇ瑙掞紝鐒跺悗绛夋鎵嬩綅鍋氳繛缁繘鏀荤殑鍑嗗銆�
+ </p>
+ <p>锛�2锛夊缁冨缓璁�</p>
+ <p>鈶犲厛杩涜寰掓墜鐨勫彂鎶㈢粌涔犮��</p>
+ <p>鈶¤繘琛屽悎娉曞彂鐞冨拰鎶�鏈鎺ョ粌涔犮��</p>
+ <p>鈶㈠厛杩涜鍒嗚В鍔ㄤ綔缁冧範锛屽啀杩涜瀹屾暣鎴樻湳缁冧範銆�</p>
+ <p style="margin-bottom: 30px">
+ 鎷撳睍缁冧範锛氶�氳繃涓嶆柇缁冧範鎻愰珮鍙戠悆鎶㈡敾鐨勬垬鏈按骞冲拰鎶㈡敾鐨勮川閲忋��
+ </p>
+ <div class="bk-xyx">
+ <div class="bj1-xyx publicxbc">娉ㄦ剰浜嬮」</div>
+ <p>1.鍙戠悆璐ㄩ噺鏄姠鏀荤殑鍩虹銆�</p>
+ <p>2.鍙戠悆瑕佸悎涔庤瀹氥��</p>
+ <p>3.閫氳繃姝ユ硶绉诲姩锛屽鎵炬渶浣冲嚮鐞冪偣锛岃兘鏈夋晥鍦版彁楂樻妧鏈川閲忋��</p>
+ <p>4.娉ㄦ剰鍙戠悆绾胯矾鐨勫彉鍖栥��</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="42">
+ <div v-if="showPageList.indexOf(42) > -1">
+ <div class="bodystyle">
+ <!-- <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p> -->
+ <div class="pdf-tips-con">
+ <p><span class="zt-ls">锛堜笁锛夌粍鍚堟妧鑳界粌涔�</span></p>
+ <div class="pdf-wall">
+ <div class="pdf-item">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg> </span
+ ><span @click="toUrl(14)"
+ >14 妯″潡涓夛紙涓夛級缁勫悎鎶�鑳界粌涔� 鎺ㄦ尅+渚ц韩鏀�.pdf</span
+ >
+ </div>
+ </div>
+ </div>
+ <p><span class="zt-cs">鍏ㄥ彴宸︽帹+鍙虫敾</span></p>
+ <p>锛�1锛夌粌涔犳柟娉�</p>
+ <p>
+ 鈶犲噯澶囧姩浣滐細宸﹁剼鍦ㄥ墠锛屽彸鑴氬湪鍚庯紝涓よ剼闂磋窛姣旇偐绋嶅锛屼綆澶村惈鑳革紝涓ょ溂骞宠锛屾墜鑵曞唴鏃嬶紝鐞冩媿鍦ㄥ弽鎵嬩綅鐨勪晶鍓嶆柟銆�
+ </p>
+ <p>
+ 鈶″姩浣滆棰嗭細鍦ㄥ乏鍗婂彴鍏堣繘琛屾帹鐩寸嚎缁冧範锛岀劧鍚庨�氳繃姝ユ硶绉诲姩鍒版鎵嬩綅锛岃皟鏁撮噸蹇冨埌鍙宠剼锛屽仛濂芥鎵嬫敾鏂滅嚎鐨勫噯澶囥�傚湪鍑荤悆鍓嶏紝鎵嬭厱澶栧睍锛涘湪鍑荤悆杩囩▼涓紝淇濊瘉鍑荤悆鐐瑰湪韬綋鐨勪晶鍓嶆柟銆傚悓鏃讹紝鍓嶈噦甯﹀姩鎵嬭厱鐢卞灞曞彉涓哄唴鏃嬶紝鎸ユ媿鑷冲乏鐪间笂鏂癸紝鐒跺悗閫氳繃鍗曟绉诲姩鑷冲弽鎵嬩綅锛屽洖鍒板噯澶囧姩浣滈樁娈点��
+ </p>
+ <p>锛�2锛夌粌涔犺姹�</p>
+ <p>
+ 绔欏湪鐞冨彴鐨勫乏杈癸紝绂荤悆鍙�40锝�50鍘樼背銆傛帹鎸′负鐩寸嚎锛屾鎵嬫敾鐞冧负鏂滅嚎锛岃惤鐐逛綅缃湪宸﹀崐鍙扮殑杈圭嚎浣嶇疆銆傝閫氳繃姝ユ硶绉诲姩淇濊瘉鍑荤悆鐐瑰湪韬綋鐨勪晶鍓嶆柟銆�
+ </p>
+ <h4 class="h4-dy3" id="d068">
+ <span class="h4-dy3s">涓�</span>銆�鍙備笌涔掍箵鐞冩瘮璧�
+ </h4>
+ <p>
+ 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴锛屼簡瑙ｈ嚜宸辨劅鍏磋叮鐨勬瘮璧涙椿鍔ㄧ殑鏂规硶銆佽姹傚拰娉ㄦ剰浜嬮」绛夛紝鑷缁勭粐姣旇禌锛屽湪绔炶禌涓珐鍥哄缁冩垚鏋溿��
+ </p>
+
+ <p>
+ 妯″潡涓�姣旇禌鏈夛細棰犵悆姣旇禌銆佹帹鎸℃瘮璧涖�佹鎵嬫敾鐞冩瘮璧涖��11鍒嗘暀瀛︽瘮璧涳紙涓�锛夈��
+ </p>
+ <p>妯″潡浜屾瘮璧涙湁锛氬揩鎷ㄦ瘮璧涖�佸揩鏀绘瘮璧涖��11鍒嗘暀瀛︽瘮璧涳紙浜岋級銆�</p>
+ <p>妯″潡涓夋瘮璧涙湁锛氭悡鐞冩瘮璧涖�佸姬鍦堢悆姣旇禌銆�11鍒嗘暀瀛︽瘮璧涳紙涓夛級銆�</p>
+
+ <h4 class="h4-dy3" id="d069">
+ <span class="h4-dy3s">鍥�</span>銆�瀹炴柦鑷富璇勪环
+ </h4>
+ <p>
+ 鍦ㄥ墠闈㈠銆佺粌銆佽禌鐨勮繃绋嬩腑锛屽悓瀛︿滑瀵硅嚜宸卞拰韬竟鍚屽鐨勫涔犳晥鏋滄湁浜嗗垵姝ョ殑璇勫垽锛岄偅涔堝浣曠郴缁熷湴璇勪环鑷繁瀵逛箳涔撶悆杩愬姩鎶�鎴樻湳鐨勬帉鎻＄▼搴﹀拰鏁翠釜杩愬姩鐨勭悊瑙ｇ▼搴﹀憿锛熻鍚屽浠櫥褰曡绋嬪钩鍙帮紝杩涜绯荤粺銆佸叏闈㈢殑鑷富璇勪环銆�
+ </p>
+ <h4 class="h4-dy3" id="d070">
+ <span class="h4-dy3s">浜�</span>銆�璁粌涓撻」浣撹兘
+ </h4>
+ <p>
+ 鎯宠鏇村ソ鍦板彂鎸ヨ嚜宸辩殑姘村钩锛岀涓嶅紑涓撻」浣撹兘鐨勬敮鎾戙�傚悓瀛︿滑闇�瑕佷笉鏂湴璁粌骞舵彁鍗囪嚜宸辩殑涓撻」浣撹兘锛屼负浠婂悗鏇村ソ鍦板弬涓庝箳涔撶悆杩愬姩锛屼箖鑷冲湪鑱屽満涓睍鐜板嚭鏇村ソ鐨勮韩浣撶礌璐ㄦ墦鐗㈠熀纭�銆�
+ </p>
+ <p style="margin-bottom: 30px">
+ 璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜鏉犻搩绠韫层�佷晶鎶涘疄蹇冪悆鍜岀怀姊娉曡缁冨強妯悜灏忔粦姝ャ�佷袱杩涗袱鍑虹殑涓撻」浣撹兘璁粌銆�
+ </p>
+ <div class="pdf-text">
+ <div class="pdf-con pdf-con-15">
+ <div class="pdf-view">
+ <span>
+ <svg
+ t="1717640665152"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="11009"
+ width="25.098"
+ height="24.098"
+ >
+ <path
+ d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+ p-id="11010"
+ ></path>
+ </svg>
+ </span>
+ <span @click="toUrl(15)">15 鎷撳睍璧勬枡锛氫箳涔撶悆瑁佸垽娉�.pdf</span>
+ </div>
+ </div>
+ </div>
+ <br>
+ <div class="bk-xyx" style="padding: 2px 0">
+ <div class="bj1-xyx publicxbc">
+ 路 瑙嗛搴撻泦 路
+ <div class="icon" @click="activityXyx2">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="16.863"
+ height="13.817"
+ viewBox="0 0 19.863 13.817"
+ >
+ <g transform="translate(-40.961 -184.321)">
+ <path
+ class="a"
+ d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+ transform="translate(51.824 196.82) rotate(-90)"
+ />
+ <path
+ class="b"
+ d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+ transform="translate(-3269 15293.001)"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ <br />
+ <p class="public-tips">椤圭洰浜� 路 瑙嗛搴撻泦</p>
+ <div class="parentVideo" v-if="isShowXyx02">
+ <div class="videoItem" v-if="chapter002.videoShow1">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v1"
+ ></video>
+ <span>{{ chapter002.videoMd5.v1.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow1">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v2"
+ ></video>
+ <span>{{ chapter002.videoMd5.v2.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow1">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v3"
+ ></video>
+ <span>{{ chapter002.videoMd5.v3.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow1">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v4"
+ ></video>
+ <span>{{ chapter002.videoMd5.v4.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow1">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v5"
+ ></video>
+ <span>{{ chapter002.videoMd5.v5.name }}</span>
+ </div>
+
+ <div class="videoItem" v-if="chapter002.videoShow2">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v6"
+ ></video>
+ <span>{{ chapter002.videoMd5.v6.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow2">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v7"
+ ></video>
+ <span>{{ chapter002.videoMd5.v7.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow2">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v8"
+ ></video>
+ <span>{{ chapter002.videoMd5.v8.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow2">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v9"
+ ></video>
+ <span>{{ chapter002.videoMd5.v9.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow2">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v10"
+ ></video>
+ <span>{{ chapter002.videoMd5.v10.name }}</span>
+ </div>
+
+ <div class="videoItem" v-if="chapter002.videoShow3">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v11"
+ ></video>
+ <span>{{ chapter002.videoMd5.v11.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow3">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v12"
+ ></video>
+ <span>{{ chapter002.videoMd5.v12.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow3">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v13"
+ ></video>
+ <span>{{ chapter002.videoMd5.v13.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow3">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v14"
+ ></video>
+ <span>{{ chapter002.videoMd5.v14.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow3">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v15"
+ ></video>
+ <span>{{ chapter002.videoMd5.v15.name }}</span>
+ </div>
+
+ <div class="videoItem" v-if="chapter002.videoShow4">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v16"
+ ></video>
+ <span>{{ chapter002.videoMd5.v16.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow4">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v17"
+ ></video>
+ <span>{{ chapter002.videoMd5.v17.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow4">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v18"
+ ></video>
+ <span>{{ chapter002.videoMd5.v18.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow4">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v19"
+ ></video>
+ <span>{{ chapter002.videoMd5.v19.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow4">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v20"
+ ></video>
+ <span>{{ chapter002.videoMd5.v20.name }}</span>
+ </div>
+
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v21"
+ ></video>
+ <span>{{ chapter002.videoMd5.v21.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v22"
+ ></video>
+ <span>{{ chapter002.videoMd5.v22.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v23"
+ ></video>
+ <span>{{ chapter002.videoMd5.v23.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v24"
+ ></video>
+ <span>{{ chapter002.videoMd5.v24.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v25"
+ ></video>
+ <span>{{ chapter002.videoMd5.v25.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v26"
+ ></video>
+ <span>{{ chapter002.videoMd5.v26.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v27"
+ ></video>
+ <span>{{ chapter002.videoMd5.v27.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v28"
+ ></video>
+ <span>{{ chapter002.videoMd5.v28.name }}</span>
+ </div>
+ <div class="videoItem" v-if="chapter002.videoShow5">
+ <video
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ class="video-border w100"
+ :src="chapter002.videoUrl.v29"
+ ></video>
+ <span>{{ chapter002.videoMd5.v29.name }}</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+export default {
+ name: "testPp",
+ props: {
+ showPageList: {
+ type: Array,
+ },
+ questionData: {
+ type: Object,
+ },
+ isSearch: {
+ type: Boolean,
+ default: false,
+ },
+ },
+ data() {
+ return {
+ isShowXyx02: false,
+ pingpang: require("../image/pdf.png"),
+ chapter002: {
+ isShowXyx01: true,
+ textBybItem1: "",
+ pdfMd5: {
+ 1: "54741d14a21eb47b2ed06a2231271cd5",
+ 2: "1b7ecc924bfab900ec10f0ed4bb2466b",
+ 3: "f1597b91fb3110eb6fd59c84f5ddbfd1",
+ 4: "515f3dd2554dbdea779c59800a8da6b2",
+ 5: "b32afdfb8555ad8db1aa1fd95750369f",
+ 6: "57481cd4e7e7ce535eb6585d375e317e",
+ 7: "878a8bbb91f093107cae210ade9a387e",
+ 8: "e242f94d2bdc54de7b5340d452256515",
+ 9: "1ce6dc7953b1783de746e0de672ffbe4",
+ 10: "030b943ad33a4c0f31524f0f1ec9c14f",
+ 11: "2a458d11dc021318e2d3aa4f92cf3e36",
+ 12: "81957321d71fd270f67fe74f7ef2b9e8",
+ 13: "5f675eff789c96ce8a6cf80679c8a992",
+ 14: "02236dec8a8e87176b1df2435b82fb87",
+ 15: "fa38047ab9eed59f3296940778cc6cfd",
+ },
+ videoMd5: {
+ v1: { md5: "bfbb956d884e0a11ba6368846176657d", name: "1鏍稿績鎶�鏈�" },
+ v2: {
+ md5: "07cd17a31b6648cfce8065144f2cf80a",
+ name: "2姝ｅ弽鎵嬫敮鎾戝嵎甯�",
+ },
+ v3: {
+ md5: "8dea53331d520d7b39bc2a393bd1e6b6",
+ name: "3鎺ㄦ尅鍜屾鎵嬫敾鐞�",
+ },
+ v4: { md5: "3eba3ce508187071cfd72142f283766b", name: "4鍙嶆墜鎺ㄦ尅" },
+ v5: { name: "5骞冲嚮鍙戠悆", md5: "13a7382a21136ba5d284ab03bc7ad970" },
+ v6: { name: "6鎺ュ彂鐞冩姠鏀�", md5: "d97edccc25fc22dfe445b429e45c8733" },
+ v7: { name: "7浜屽垎涔嬩竴", md5: "d75d475ff7dbb48c34ff48a3a1d82613" },
+ v8: { name: "8鎺ㄦ尅渚ц韩鏀�", md5: "8a8c0d8b3853b29f339816659abd66aa" },
+ v9: { name: "9璺崇怀", md5: "9c67757467a53feb2c0a0e27ec8022a1" },
+ v10: { name: "10鍗曟缁冧範", md5: "c0f3327cad5f22ca90bcbaa86283b9d2" },
+ v11: { name: "11骞舵婊戞", md5: "948244798e8b9230372d8958aff1025a" },
+ v12: {
+ name: "12鏀荤悆銆佹帹鎸″拰鎼撶悆",
+ md5: "031ecadb43d24a19f1c127a12d616d04",
+ },
+ v13: { name: "13鎱㈡悡", md5: "f4950882dc39c94cf7142c7a6db1dfb4" },
+ v14: { name: "14姝ｆ墜蹇甫", md5: "8d4f45af584a9380f2cc7e89669f9cb4" },
+ v15: {
+ name: "15杞笌涓嶆棆鐞冨彂鐞�",
+ md5: "9bffeb833ebce386d0a501ceffa0da5b",
+ },
+ v16: {
+ name: "16鍙戞棆涓庝笉杞悆鎶㈡敾",
+ md5: "6eee3474169e5115a34f97d1e88e5a37",
+ },
+ v17: { name: "17瀵规敾鎴樻湳", md5: "73aef026f69c517a6960391e988ded40" },
+ v18: { name: "18涓夊垎涔嬩簩", md5: "62cf2e9ff7b31e506b3a916ea322a8bf" },
+ v19: { name: "19澶氱悆缁冧範", md5: "6f1d03723c1c64c3761c4274e7f5ebe6" },
+ v20: {
+ name: "20浜ゅ弶姝ョ粌涔�",
+ md5: "c1ed6663e29bdca2201cbb8b7887e9d8",
+ },
+ v21: {
+ name: "21寮у湀鐞冧笌鏀荤悆鍜屼笅鏃嬬悆",
+ md5: "95e61a853095c7a9c910f172f282096a",
+ },
+ v22: { name: "22蹇悡", md5: "e116cf8c12a0db61e03c6c0628f56942" },
+ v23: { name: "23鍙嶆墜蹇嫧", md5: "c84e3d255f83005322d0c24c043fea2a" },
+ v24: {
+ name: "24姝ｆ墜寮у湀鐞�",
+ md5: "09ba85a89ce6e025aacfff63b24ef652",
+ },
+ v25: {
+ name: "25姝ｆ墜鍙戝乏渚т笂(涓�)鏃嬬悆",
+ md5: "595aff1cc303fb4b12dfbabea28bab7b",
+ },
+ v26: {
+ name: "26渚ц韩姝ｆ墜鍙戝乏渚т笂涓嬫棆鍚庢姠鏀�",
+ md5: "d116993f5cb6fb8effa915b674235e72",
+ },
+ v27: { name: "27鎼撴敾鎴樻湳", md5: "0568c743eeaec7f4a89b1c8657e9d232" },
+ v28: {
+ name: "28鍏ㄥ彴宸︽帹鍙虫敾",
+ md5: "b46fcc0841a4a3265c6f3f1fadad2b37",
+ },
+ v29: { name: "29璺ㄦ缁冧範", md5: "89063e2b3235dfe25a688bfdfb9a147a" },
+ },
+ videoUrl: {},
+ videoShow1: false,
+ videoShow2: false,
+ videoShow3: false,
+ videoShow4: false,
+ videoShow5: false,
+ },
+ };
+ },
+ created() {
+ if (!this.isSearch) {
+ this.getVideo(this.chapter002.videoMd5.v1.md5, "v1");
+ this.getVideo(this.chapter002.videoMd5.v2.md5, "v2");
+ this.getVideo(this.chapter002.videoMd5.v3.md5, "v3");
+ this.getVideo(this.chapter002.videoMd5.v4.md5, "v4");
+ this.getVideo(this.chapter002.videoMd5.v5.md5, "v5");
+ this.getVideo(this.chapter002.videoMd5.v6.md5, "v6");
+
+ setTimeout(() => {
+ this.getVideo(this.chapter002.videoMd5.v7.md5, "v7");
+ this.getVideo(this.chapter002.videoMd5.v8.md5, "v8");
+ this.getVideo(this.chapter002.videoMd5.v9.md5, "v9");
+ this.getVideo(this.chapter002.videoMd5.v10.md5, "v10");
+ this.getVideo(this.chapter002.videoMd5.v11.md5, "v11");
+ this.getVideo(this.chapter002.videoMd5.v12.md5, "v12");
+ }, 1000);
+
+ setTimeout(() => {
+ this.getVideo(this.chapter002.videoMd5.v13.md5, "v13");
+ this.getVideo(this.chapter002.videoMd5.v14.md5, "v14");
+ this.getVideo(this.chapter002.videoMd5.v15.md5, "v15");
+ this.getVideo(this.chapter002.videoMd5.v16.md5, "v16");
+ this.getVideo(this.chapter002.videoMd5.v17.md5, "v17");
+ this.getVideo(this.chapter002.videoMd5.v18.md5, "v18");
+ }, 3000);
+
+ setTimeout(() => {
+ this.getVideo(this.chapter002.videoMd5.v19.md5, "v19");
+ this.getVideo(this.chapter002.videoMd5.v20.md5, "v20");
+ this.getVideo(this.chapter002.videoMd5.v21.md5, "v21");
+ this.getVideo(this.chapter002.videoMd5.v22.md5, "v22");
+ this.getVideo(this.chapter002.videoMd5.v23.md5, "v23");
+ this.getVideo(this.chapter002.videoMd5.v24.md5, "v24");
+ }, 5000);
+
+ setTimeout(() => {
+ this.getVideo(this.chapter002.videoMd5.v25.md5, "v25");
+ this.getVideo(this.chapter002.videoMd5.v26.md5, "v26");
+ this.getVideo(this.chapter002.videoMd5.v27.md5, "v27");
+ this.getVideo(this.chapter002.videoMd5.v28.md5, "v28");
+ this.getVideo(this.chapter002.videoMd5.v29.md5, "v29");
+ }, 7000);
+ }
+ },
+ methods: {
+ async toUrl(val) {
+ if (val) {
+ window.open(await getResourcePath(this.chapter002.pdfMd5[val]));
+ }
+ },
+ async getVideo(md5, val) {
+ const data = await getResourcePath(md5);
+ this.chapter002.videoUrl[val] = data;
+ },
+ ChangeBlur() {
+ localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
+ },
+ activityXyx1() {
+ this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
+ },
+ activityXyx2() {
+ this.isShowXyx02 = !this.isShowXyx02;
+ this.chapter002.videoShow1 = true;
+ setTimeout(() => {
+ this.chapter002.videoShow2 = true;
+ }, 1000);
+
+ setTimeout(() => {
+ this.chapter002.videoShow3 = true;
+ }, 3000);
+
+ setTimeout(() => {
+ this.chapter002.videoShow4 = true;
+ }, 5000);
+
+ setTimeout(() => {
+ this.chapter002.videoShow5 = true;
+ }, 7000);
+ },
+ },
+};
+</script>
diff --git a/src/books/sportsAndHealth/view/text.html b/src/books/sportsAndHealth/view/text.html
index 6c1a595..40ec26c 100644
--- a/src/books/sportsAndHealth/view/text.html
+++ b/src/books/sportsAndHealth/view/text.html
@@ -715,63 +715,4 @@
<a id="m5"></a><a href="chapter002.html#w5">[5]</a>
閽堝濡傛汉姘寸瓑姘旈亾鍫靛绫荤殑蹇冭偤澶嶈嫃锛屽疄鏂芥楠ゆ湁鎵�鍖哄埆锛屽簲鍏堝紑鏀炬皵閬撱�佹竻闄ゆ皵閬撲腑鐨勭Н姘村強寮傜墿锛屽啀渚濇杩涜浜哄伐鍛煎惛鍜岃兏澶栨寜鍘嬨��
</p>
-</div>
-
-<div class="page-box" page="21">
- <div v-if="showPageList.indexOf(21) > -1">
- <div class="bodystyle">
- <h3 class="lefth3" id="c016">
- <img class="img-gh1" alt="" src="../image/dy3-xm5.jpg" />
- </h3>
- <div class="bk-tyzg">
- <p class="bj1-tyzg">浣撹偛涓浗</p>
- <p class="block">
- 鑷粠涔掍箵鐞冭鍒椾负濂ヨ繍浼氭瘮璧涢」鐩互鏉ワ紝鎴戝浗鑾峰緱浜嗗叏閮�37鏋氶噾鐗屼腑鐨�32鏋氥�傚湪2020骞翠笢浜ゥ杩愪細涓紝鎴戝浗鍏辫幏寰楃敺鍗曘�佸コ鍗曘�佺敺鍥€�佸コ鍥�4鏋氶噾鐗屻�傛埅鑷�2023骞�5鏈堝簳锛屾垜鍥戒箳涔撶悆闃熸湁117浜鸿幏寰椾笘鐣屽啝鍐涳紝鑾峰緱259鏋氶噾鐗岋紙濂ヨ繍浼氶噾鐗�32鏋氥�佷笘涔掕禌閲戠墝156鏋氥�佷笘鐣屾澂閲戠墝71鏋氾級銆�
- </p>
- <p class="block">
- 鎴戝浗涔掍箵鐞冨悕灏嗕紬澶氾紝濡傞倱浜氳悕绛夊凡閫�褰圭殑涓栫晫涔掑潧浠ｈ〃浜虹墿锛屽張濡傛嬁鍒扳�滃ぇ婊¤疮鈥濈殑鐜板焦涔掍箵鐞冨浗鎵嬮┈榫欍�佽鏄曠瓑锛屽潎涓烘帹鍔ㄦ垜鍥戒箖鑷充笘鐣屼箳涔撶悆鐨勫彂灞曡捣鍒伴噸瑕佷綔鐢ㄣ��
- </p>
- </div>
- <div class="bk-xyx">
- <p class="bj1-xyx">璁竴璁�</p>
- <p>1.璇峰悓瀛︿滑鎼滅储鈥滀箳涔撳浜も�濓紝骞惰璁哄叾瀵规垜鍥藉浜ゆ柟闈㈢殑淇冭繘浣滅敤銆�</p>
- <p>
- 2.璇峰悓瀛︿滑鎼滅储2020骞翠笢浜ゥ杩愪細涔掍箵鐞冨コ鍥㈤」鐩畬璧涘悗锛屾垜鍥藉浗瀹朵箳涔撶悆闃熶笌棣欐腐鍦板尯涔掍箵鐞冮槦棰佸鍚堝奖鐨勭収鐗囷紝骞惰璁哄叾绉瀬鎰忎箟銆�
- </p>
- <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
- </div>
- <div class="bk-dy3xxmb">
- <p class="bj1-dy3xxmb">瀛︿範鐩爣</p>
- <p class="block">
- 1.浜嗚В涔掍箵鐞冭繍鍔ㄧ殑鐗圭偣銆佷环鍊笺�佹妧鏈姩浣滃強鍩虹鎴樻湳閰嶅悎鐨勭浉鍏冲熀纭�鐭ヨ瘑銆�
- </p>
- <p class="block">
- 2.鎺屾彙涔掍箵鐞冪殑姝ｅ弽鎵嬫敾鐞冦�佹悡鐞冨拰寮у湀鐞冩妧鏈紝宸︽帹鍙虫敾銆佹帹鎸′晶韬敾鐨勭粍鍚堟妧鑳斤紝浠ュ強鍙戠悆鎶㈡敾銆佹帴鍙戠悆鎶㈡敾銆佸鏀汇�佹悡鏀荤瓑鎴樻湳銆�
- </p>
- <p class="block">
- 3.鍩瑰吇鑹ソ鐨勪綋鑲查敾鐐间範鎯�侀伒瀹堜綋鑲查亾寰凤紝绉瀬鍙傚姞鐝骇鍜屽鏍＄粍缁囩殑涔掍箵鐞冩椿鍔ㄣ�佹瘮璧涳紝鍦ㄥ缁冨拰姣旇禌涓煿鍏婚伒绾畧娉曘�佸洟缁撲簰鍔┿�佺Н鏋佷箰瑙傘�佸媷浜庢嫾鎼忕殑鍝佹牸銆�
- </p>
- </div>
- <h4 class="h4-dy3" id="d066">
- <span class="h4-dy3s">涓�</span>銆�浜嗚В涔掍箵鐞冭繍鍔�
- </h4>
- <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>
</div>
\ No newline at end of file
diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index b31b7a1..9e462e0 100644
--- a/src/components/examinations/index.vue
+++ b/src/components/examinations/index.vue
@@ -573,13 +573,13 @@
},
// 淇濆瓨鎸夐挳
saveAnswer() {
- const element = document.getElementsByClassName("examination")[0];
+ const element = (this.container ? this.container : document
+ ).querySelector(".examination");
if (element) {
const pageNum = this.getParentWithClass(
element,
"page-box"
).getAttribute("page");
- console.log(this.config.activeBook.name, pageNum);
const oldAnswerData = localStorage.getItem(
this.config.activeBook.name + "oldAnswerData"
);
diff --git a/src/components/matching/matching.vue b/src/components/matching/matching.vue
index 85cb98d..15dd62d 100644
--- a/src/components/matching/matching.vue
+++ b/src/components/matching/matching.vue
@@ -15,7 +15,7 @@
:key="index"
ref="left"
@mousedown="(e) => touchstart(e, item, index)"
- :style="{backgroundColor:bc}"
+ :style="{backgroundColor:primaryColor}"
>
{{ item.label.txt }}
</div>
@@ -26,7 +26,7 @@
v-for="(item, index) in rightArr"
:key="index"
ref="right"
- :style="{backgroundColor:bc}"
+ :style="{backgroundColor:primaryColor}"
>
{{ item.label.txt }}
</div>
@@ -48,13 +48,13 @@
<!-- 鎸夐挳 -->
<div class="btn-bottom">
<el-button @click="submitData">鎻愪氦</el-button>
- <el-button @click="saveData">淇濆瓨</el-button>
- <el-button @click="redo">閲嶅仛</el-button>
- <el-button @click="handleAnswer">鏌ョ湅绛旀</el-button>
+ <el-button @click="saveData" :style="{borderColor:primaryColor}">淇濆瓨</el-button>
+ <el-button @click="redo" >閲嶅仛</el-button>
+ <el-button @click="handleAnswer" :style="{borderColor:primaryColor}">鏌ョ湅绛旀</el-button>
</div>
<!-- 瑙ｆ瀽 -->
<ul class="show-answer" v-if="isShowAnswer">
- <li>绛旀缁撴灉锛�</li>
+ <li v-if="isRight !== null">绛旀缁撴灉锛�<span v-if="isRight" style="color: #83e089;">姝ｇ‘</span> <span v-if="isRight == false" style="color:#d81e06">閿欒</span></li>
<li class="show-answer-box">
<div>绛旀:</div>
<div>
@@ -85,7 +85,7 @@
checkItemIndex: null,
isShowAnswer: false,
isRight: null,
- value:[{left:0,right:0}],
+ value:[],
pageNum:null
};
},
@@ -105,7 +105,7 @@
return [];
},
},
- bc:{
+ primaryColor:{
type:String,
default:"#0bab87"
}
@@ -181,14 +181,15 @@
},
// 瑙︽懜缁撴潫
touchend(e, index) {
- console.log("鎶捣", e, this.checkItem);
this.isDragging = false;
if (this.item.showAnswer) {
return false;
}
// let event = e.changedTouches[0];
// document.elementFromPoint 閲嶇偣锛屾牴鎹畑,y鍧愭爣 鍙栧綋鍓嶅厓绱� 鎵�鏈夎兘杩愯鐨勯�昏緫 閮戒緷鎵樹簬杩欓噷銆�
- let dom = document.elementFromPoint(e.pageX, e.pageY);
+ let dom = (
+ this.container ? this.container : document
+ ).elementFromPoint(e.pageX, e.pageY);
// 鍙宠竟鐨刣om鏄摢涓�
let right = this.rightDom.find((r) => r.bom === dom);
// 涓嶇鏄摢涓兘娓呴櫎鎺� 搴曢儴鐨勭嚎
@@ -220,12 +221,11 @@
.filter((r) => r.right !== undefined);
this.$emit("input", model);
this.item.userChoise = model;
- console.log(JSON.stringify(model));
+ // console.log(JSON.stringify(model));
},
// 瑙︽懜寮�濮�
touchstart(e, item, index) {
this.isDragging = true;
- console.log("鎸変笅", e);
this.checkItem = item;
this.checkItemIndex = index;
e.stopPropagation();
@@ -254,7 +254,6 @@
if (this.item.showAnswer) {
return false;
}
- // console.log('绉诲姩',e);
this.checkItem.line[2] = e.pageX;
this.checkItem.line[3] =
e.pageY - this.$refs.connect.getBoundingClientRect().y + this.scrollTop;
@@ -282,8 +281,8 @@
canvasA.lineWidth = 2;
for (let i = 0; i < this.leftArr.length; i++) {
const line = this.leftArr[i].line;
- console.log(line);
- console.log(this.leftArr[i]);
+ // console.log(line);
+ // console.log(this.leftArr[i]);
if (line.length) {
canvasA.moveTo(line[0], line[1]);
canvasA.lineTo(line[2], line[3]);
@@ -336,24 +335,20 @@
const rightIndex = this.item.options.linkValues.findIndex(
(citem) => citem.oldId == item.oldId
);
- debugger;
answerArr.push({
left: index,
right: rightIndex,
});
}
this.isRight = this.areArraysEqual(this.item.userChoise,answerArr)
- console.log(
- "绛旀",
- answerArr,
- this.item.userChoise,
- this.isRight
- );
+ this.isShowAnswer =true
},
// 鑾峰彇褰撳墠椤电爜
handlePage() {
let pageNum = null
- const element = document.getElementsByClassName("matching")[0];
+ const element = (
+ this.container ? this.container : document
+ ).querySelector("matching");
if (element) {
pageNum = this.getParentWithClass(
element,
@@ -381,10 +376,11 @@
saveData() {
if(this.item.userChoise.length)
localStorage.setItem(this.config.activeBook.name + '-matching-' + this.pageNum,JSON.stringify(this.item.userChoise))
- console.log('淇濆瓨鎴愬姛',this.config.activeBook.name,this.pageNum);
+ // console.log('淇濆瓨鎴愬姛',this.config.activeBook.name,this.pageNum);
},
// 閲嶅仛
redo() {
+ this.item.showAnswer = false
localStorage.removeItem(this.config.activeBook.name + '-matching-' + this.pageNum)
this.value = []
for (let index = 0; index < this.leftArr.length; index++) {
@@ -394,6 +390,7 @@
}
this.leftArr
this.drawing()
+ this.isShowAnswer = false
}
},
};
@@ -438,7 +435,7 @@
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
- line-height: 40px;
+ line-height: 24px;
padding: 6px;
}
@@ -460,10 +457,9 @@
margin: 30px auto;
width: 100%;
height: min-content;
- // background-color: pink;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- .show-answer-box {
- padding: 10px;
+ li {
+ padding:10px
}
}
.btn-bottom {
@@ -474,7 +470,7 @@
}
.el-button {
height:30px;
- padding:9px;
+ padding:7px;
min-width: 78px
}
</style>
diff --git a/src/components/miniAudio/index.vue b/src/components/miniAudio/index.vue
new file mode 100644
index 0000000..ac4a2a7
--- /dev/null
+++ b/src/components/miniAudio/index.vue
@@ -0,0 +1,95 @@
+<template>
+ <div class="mini-audio" v-if="path">
+ <audio controls :src="path" class="aduioPlayer"></audio>
+ <svg
+ @click="closeMiniAudio"
+ t="1717642737563"
+ class="icon close-btn"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="2426"
+ width="24"
+ height="24"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ >
+ <path
+ d="M512 0C794.769794 0 1024 229.805588 1024 512 1024 794.769794 794.194408 1024 512 1024 229.230208 1024 0 794.194408 0 512 0 229.230208 229.805588 0 512 0ZM512 984.615385C772.648448 984.615385 984.615385 772.81286 984.615385 512 984.615385 251.351552 772.81286 39.384615 512 39.384615 251.351552 39.384615 39.384615 251.18714 39.384615 512 39.384615 772.648448 251.18714 984.615385 512 984.615385ZM512 539.849129 358.829792 693.019336C351.139468 700.70966 338.670988 700.70966 330.980664 693.019336 323.29034 685.329012 323.29034 672.860532 330.980664 665.170208L484.150871 512 330.980664 358.829792C323.29034 351.139468 323.29034 338.670988 330.980664 330.980664 338.670988 323.29034 351.139468 323.29034 358.829792 330.980664L512 484.150871 665.170208 330.980664C672.860532 323.29034 685.329012 323.29034 693.019336 330.980664 700.70966 338.670988 700.70966 351.139468 693.019336 358.829792L539.849129 512 693.019336 665.170208C700.70966 672.860532 700.70966 685.329012 693.019336 693.019336 685.329012 700.70966 672.860532 700.70966 665.170208 693.019336L512 539.849129Z"
+
+ p-id="2427"
+ ></path>
+ </svg>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "mini-audio",
+ props: {
+ path: {
+ type: String,
+ },
+ currentTime: {
+ type: Number,
+ },
+ },
+ watch: {
+ path: {
+ handler(newVal) {
+ if (newVal) {
+ setImmediate(() => {
+ this.play();
+ }, 200);
+ }
+ },
+ },
+ },
+ methods: {
+ play() {
+ const player = (this.container ? this.container : document).querySelector(
+ ".aduioPlayer"
+ );
+ if (player) {
+ player.currentTime = this.currentTime;
+ player.play();
+ }
+ },
+ getVideoPlayer() {
+ let obj = null;
+ const player = (this.container ? this.container : document).querySelector(
+ ".aduioPlayer"
+ );
+ if (player) {
+ obj = {
+ currentTime: player.currentTime,
+ paused: player.paused,
+ };
+ }
+ return obj;
+ },
+ closeMiniAudio() {
+ this.$emit("closeMiniAudio");
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.mini-audio {
+ position: fixed;
+ right: 40px;
+ bottom: 100px;
+ display: flex;
+ align-items: center;
+ background-color: #f1f3f4;
+ border-radius: 30px;
+ padding: 0 10px 0 0px;
+}
+.close-btn {
+ cursor: pointer;
+ fill:#868383;
+ &:hover {
+ fill: #d1cbcb;
+ }
+}
+</style>
--
Gitblit v1.9.1