From ca790d9db4a32304490edc23252451814f3a7748 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 28 五月 2024 18:45:02 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/lifeCare/view/chapter001.vue | 599 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 307 insertions(+), 292 deletions(-)
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/chapter001.vue
index 96322b8..d34487c 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/chapter001.vue
@@ -1,86 +1,89 @@
<template>
<div class="chapter" num="2">
<div class="page-box" page="7">
- <div class="bodystyle topImg">
- <h2 id="b001">
- <img class="img-0" alt="" src="../image/dy1.jpg" />
- </h2>
- <div class="bk">
- <div class="bj1">
- <p class="left">
- <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+ <div v-if="showPageList.indexOf(7) > -1">
+ <div class="bodystyle topImg">
+ <h2 id="b001">
+ <img class="img-0" alt="" src="../image/dy1.jpg" />
+ </h2>
+ <div class="bk">
+ <div class="bj1">
+ <p class="left">
+ <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+ </p>
+ </div>
+ <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
+ <p class="block">1.瑙ｉ噴濠村辜鍎跨敓娲讳繚鑲茬殑姒傚康銆�</p>
+ <p class="block">2.璇村嚭鎴戝浗濠村辜鍎夸繚鑲插伐浣滅殑鍙戝睍鍘嗙▼鍜岀壒鐐广��</p>
+ <p class="block">
+ 3.缁撳悎鑷繁鐨勭悊瑙ｏ紝瑙ｉ噴濠村辜鍎夸繚鑲茬殑鐩爣鍙婂伐浣滅殑鎰忎箟銆�
+ </p>
+ <p class="block">
+ 4.灏忕粍鍚堜綔璁捐鎵樿偛鍥蛋璁挎柟妗堬紝寮�灞曞鎵樿偛鍥殑璋冪爺銆�
+ </p>
+ <p class="block">
+ 5.閫氳繃璁板綍銆佹媿鐓с�佹憚鍍忕瓑鏂瑰紡锛岃褰曟墭鑲插洯鐨勪竴鏃ョ敓娲伙紝璇村嚭涓�鏃ョ敓娲荤殑鍚勭幆鑺傜殑鍚嶇О銆�
+ </p>
+ <p class="block">
+ 6.閫氳繃鏁寸悊鎵樿偛鍥竴鏃ョ敓娲讳腑淇濊偛鐨勮姹傚強鍏蜂綋鍐呭锛屽綊绾虫墭鑲插洯涓�鏃ョ敓娲讳繚鑲茬殑涓昏鍐呭銆�
+ </p>
+ <p class="block">7.鍒濇浜嗚В銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨��</p>
+ <p class="block">
+ 8.閫氳繃璧拌鎵樿偛鍥紝寤虹珛鐑埍濠村辜鍎裤�佸皧閲嶇敓鍛界殑鑱屼笟鎯呮劅銆�
</p>
</div>
- <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
- <p class="block">1.瑙ｉ噴濠村辜鍎跨敓娲讳繚鑲茬殑姒傚康銆�</p>
- <p class="block">2.璇村嚭鎴戝浗濠村辜鍎夸繚鑲插伐浣滅殑鍙戝睍鍘嗙▼鍜岀壒鐐广��</p>
- <p class="block">
- 3.缁撳悎鑷繁鐨勭悊瑙ｏ紝瑙ｉ噴濠村辜鍎夸繚鑲茬殑鐩爣鍙婂伐浣滅殑鎰忎箟銆�
- </p>
- <p class="block">
- 4.灏忕粍鍚堜綔璁捐鎵樿偛鍥蛋璁挎柟妗堬紝寮�灞曞鎵樿偛鍥殑璋冪爺銆�
- </p>
- <p class="block">
- 5.閫氳繃璁板綍銆佹媿鐓с�佹憚鍍忕瓑鏂瑰紡锛岃褰曟墭鑲插洯鐨勪竴鏃ョ敓娲伙紝璇村嚭涓�鏃ョ敓娲荤殑鍚勭幆鑺傜殑鍚嶇О銆�
- </p>
- <p class="block">
- 6.閫氳繃鏁寸悊鎵樿偛鍥竴鏃ョ敓娲讳腑淇濊偛鐨勮姹傚強鍏蜂綋鍐呭锛屽綊绾虫墭鑲插洯涓�鏃ョ敓娲讳繚鑲茬殑涓昏鍐呭銆�
- </p>
- <p class="block">7.鍒濇浜嗚В銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨��</p>
- <p class="block">
- 8.閫氳繃璧拌鎵樿偛鍥紝寤虹珛鐑埍濠村辜鍎裤�佸皧閲嶇敓鍛界殑鑱屼笟鎯呮劅銆�
- </p>
- </div>
- <div class="bk">
- <div class="bj1">
- <p class="left">
- <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+ <div class="bk">
+ <div class="bj1">
+ <p class="left">
+ <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+ </p>
+ </div>
+ <p class="block">
+ 涓轰簡鑾峰緱鏇村ソ鐨勫涔犳晥鏋滐紝寤鸿鍚屽浠湪瀛︿範杩欓儴鍒嗗唴瀹规椂鍋氬埌浠ヤ笅鍑犵偣銆�
</p>
+ <p class="block">
+ 1.涓�0锝�3宀佸┐骞煎効鐨勫闀挎垨鎵樿偛鍥伐浣滀汉鍛樹氦娴併�佷簡瑙ｅ┐骞煎効鐢熸椿淇濊偛鐨勪富瑕佸唴瀹广��
+ </p>
+ <p class="block">
+ 2.鐧诲綍鍥藉鍗敓鍋ュ悍濮斿憳浼氭垨鍦版柟鏀垮簻鐨勫崼鐢熷仴搴峰鍛樹細缃戠珯锛屾敹闆嗗苟闃呰鏈夊叧0锝�3宀佸┐骞煎効鐓ф姢鐨勬枃浠躲��
+ </p>
+ <p class="block">
+ 3.鍒╃敤鍛ㄦ湯鎴栧亣鏈燂紝鍒版墭鑲叉満鏋勮繘琛岀ぞ浼氬疄璺碉紝鍔犳繁鑷繁瀵瑰┐骞煎効鐢熸椿淇濊偛鐨勭悊瑙ｃ��
+ </p>
+ <p class="block">寤鸿瀛︽椂锛�1瀛︽椂銆�</p>
</div>
- <p class="block">
- 涓轰簡鑾峰緱鏇村ソ鐨勫涔犳晥鏋滐紝寤鸿鍚屽浠湪瀛︿範杩欓儴鍒嗗唴瀹规椂鍋氬埌浠ヤ笅鍑犵偣銆�
- </p>
- <p class="block">
- 1.涓�0锝�3宀佸┐骞煎効鐨勫闀挎垨鎵樿偛鍥伐浣滀汉鍛樹氦娴併�佷簡瑙ｅ┐骞煎効鐢熸椿淇濊偛鐨勪富瑕佸唴瀹广��
- </p>
- <p class="block">
- 2.鐧诲綍鍥藉鍗敓鍋ュ悍濮斿憳浼氭垨鍦版柟鏀垮簻鐨勫崼鐢熷仴搴峰鍛樹細缃戠珯锛屾敹闆嗗苟闃呰鏈夊叧0锝�3宀佸┐骞煎効鐓ф姢鐨勬枃浠躲��
- </p>
- <p class="block">
- 3.鍒╃敤鍛ㄦ湯鎴栧亣鏈燂紝鍒版墭鑲叉満鏋勮繘琛岀ぞ浼氬疄璺碉紝鍔犳繁鑷繁瀵瑰┐骞煎効鐢熸椿淇濊偛鐨勭悊瑙ｃ��
- </p>
- <p class="block">寤鸿瀛︽椂锛�1瀛︽椂銆�</p>
</div>
</div>
</div>
<div class="page-box" page="8">
- <div class="header">
- <div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">1-2</div>
- <div class="title">
- <img src="../image/chapter.png" alt="" />
- <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+ <div v-if="showPageList.indexOf(8) > -1">
+ <div class="header">
+ <div class="pageHeader-first">
+ <div class="header-bj"></div>
+ <div class="content">
+ <div class="pageStr">1-2</div>
+ <div class="title">
+ <img src="../image/chapter.png" alt="" />
+ <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+ </div>
</div>
</div>
</div>
- </div>
- <div class="bodystyle">
- <div class="bk">
- <div class="bj1">
- <p class="left">
- <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+ <div class="bodystyle">
+ <div class="bk">
+ <div class="bj1">
+ <p class="left">
+ <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+ </p>
+ </div>
+ <p class="center">
+ <el-image
+ class="chapter001-img-0018"
+ :src="picOneUrl"
+ :preview-src-list="picArr"
+ />
</p>
- </div>
- <p class="center">
- <el-image
- class="chapter001-img-0018"
- :src="picOneUrl"
- :preview-src-list="picArr"
- />
- </p>
- <!-- <p class="center">
+ <!-- <p class="center">
<img
class="img-a"
alt=""
@@ -88,237 +91,240 @@
src="../image/0018-1.jpg"
/>
</p> -->
- </div>
- <div class="bk">
- <div class="bj1">
- <p class="left">
- <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+ </div>
+ <div class="bk">
+ <div class="bj1">
+ <p class="left">
+ <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+ </p>
+ </div>
+ <p class="center"><b>鎵樿偛鍥殑涓�澶�</b></p>
+ <p class="block">
+ 7锛�30鈥�9锛�30銆�瀹堕暱閫佸皬鏈嬪弸鍏ュ洯銆傚湪杩涘叆鏁欏涔嬪墠锛屽闀垮彲浠ユ妸灏忔湅鍙嬬殑澶栧鎸傚湪鎸囧畾鐨勮。鏋朵笂銆傛鏃讹紝淇濆仴鍖荤敓杩涜姣忔棩鏅ㄦ锛堟祴閲忎綋娓┿�佷笌瀹堕暱娌熼�氬瀛愮殑鍩烘湰韬綋鎯呭喌绛夛級銆�
+ </p>
+ <p class="block">
+ 9锛�30鈥�11锛�30銆�灏忔湅鍙嬮泦浣撴帓闃燂紝鎴村ソ缁熶竴鐨勫附瀛愶紝涓や袱鎷夋墜锛屽皬鏈嬪弸闈犲彸璧帮紝鑰佸笀闈犲乏璧帮紝涓�璧峰埌鎴峰娲诲姩鍦哄湴鐜╄�嶃�傝�佸笀鍜屽皬鏈嬪弸涓�璧疯烦缁炽�佸仛娓告垙銆佹斁椋庣瓭銆佺帺娓镐箰璁炬柦绛夈�傛埛澶栨椿鍔ㄧ粨鏉熷悗锛岃�佸笀浼氬紩瀵煎皬鏈嬪弸鍋氱浉搴旂殑鍗敓娓呮磥宸ヤ綔锛堝鍘曘�佹礂鎵嬶級锛屾帴鐫�璁╁皬鏈嬪弸鍠濇按鎴栧悆鐐瑰績銆傛彁鍊¤嚜宸辩殑浜嬫儏鑷繁鍋氾紝鍩瑰吇灏忔湅鍙嬬殑鍔ㄦ墜鍜岃嚜鐞嗚兘鍔涖��
+ </p>
+ <p class="block">
+ 11锛�30鈥�12锛�00銆�鍥炲埌鍥尯鍚庢湁鍗婂皬鏃剁殑娲诲姩鏃堕棿锛岃�佸笀浼氳骞撮緞绋嶅ぇ鐨勫皬鏈嬪弸鑷繁鐪嬬粯鏈紝骞剁収鐪嬪叾浠栧皬鏈嬪弸鐜╄�嶃��
+ </p>
+ <p class="block">
+ 12锛�00鈥�13锛�00銆�鍒颁簡鍗堥鏃堕棿锛岃�佸笀浼氳灏忔湅鍙嬭嚜宸遍�夋嫨鍚冨灏戦鐗╋紝鎵�鏈夊皬鏈嬪弸閮芥嬁鍒伴鐗╁悗鎵嶅紑椁愩�傚洜涓哄皬鏈嬪弸鐨勮嚜鐞嗚兘鍔涢兘姣旇緝寮猴紝鍚冮キ銆佹暣鐞嗛鍏枫�佹竻娲佸崼鐢熺瓑浜嬫儏閮藉仛寰楅潪甯稿ソ銆�
+ </p>
+ <p class="block">
+ 13锛�00鈥�14锛�30銆�鍒颁簡鍗堢潯鏃堕棿锛岃�佸笀浼氬畨闈欏湴瀹堝湪涓�鏃侊紝鐓ф姢灏忔湅鍙嬪崍鐫°��
+ </p>
+ <p class="block">
+ 14锛�30鈥�16锛�30銆�鍒颁簡涓嬪崍锛屽皬鏈嬪弸鍦ㄨ�佸笀鐨勫甫棰嗕笅鏉ュ埌鎿嶅満灏芥儏鍦扮帺鑰嶃��
+ </p>
+ <p class="block">
+ 16锛�30鈥�17锛�30銆�鍒颁簡瀹堕暱鎺ュ瀛愮殑鏃堕棿锛屽闀夸笌鑰佸笀浜ゆ祦鍚庯紝渚垮甫棰嗗皬鏈嬪弸鍥炲浜嗐��
</p>
</div>
- <p class="center"><b>鎵樿偛鍥殑涓�澶�</b></p>
- <p class="block">
- 7锛�30鈥�9锛�30銆�瀹堕暱閫佸皬鏈嬪弸鍏ュ洯銆傚湪杩涘叆鏁欏涔嬪墠锛屽闀垮彲浠ユ妸灏忔湅鍙嬬殑澶栧鎸傚湪鎸囧畾鐨勮。鏋朵笂銆傛鏃讹紝淇濆仴鍖荤敓杩涜姣忔棩鏅ㄦ锛堟祴閲忎綋娓┿�佷笌瀹堕暱娌熼�氬瀛愮殑鍩烘湰韬綋鎯呭喌绛夛級銆�
+ <h3 id="c001">
+ <span class="bk-h3"
+ ><span class="bj1-h3">涓�</span>銆�銆�璧拌繎濠村辜鍎跨敓娲讳繚鑲层��</span
+ >
+ </h3>
+ <p>
+ 3宀佸墠鐨勫┐骞煎効姝ｅ浜庣敓鍛界殑璧锋闃舵锛岀敓闀垮彂鑲插崄鍒嗚繀閫燂紝鐢变簬韬績鍙戣偛涓嶅畬鍠勶紝鎵�浠ュ鑷劧鐜鍜岀ぞ浼氱幆澧冪殑閫傚簲鑳藉姏寮憋紝瀵圭柧鐥呯殑鎶垫姉鍔涘樊銆傚悓鏃讹紝濠村辜鍎胯嚜鎴戠収鏂欏強鑷垜淇濇姢鐨勮兘鍔涖�佺煡璇嗐�佺粡楠岀瓑閮芥瘮杈冪己涔忥紝浠栦滑鏃犳硶绂诲紑鎴愪汉鑰岀嫭鑷湪绀句細涓敓瀛樸�傛垚浜洪渶瑕佷负浠栦滑鎻愪緵蹇呴渶鐨勭敓娲荤幆澧冧笌鏉′欢锛屽苟绮惧績鍦扮収鎶ゅ拰鍏昏偛锛岃繖鏄┐骞煎効寰椾互鐢熷瓨鍜屽仴搴锋垚闀跨殑閲嶈淇濊瘉銆傛湁鍏宠繖鏂归潰鐨勫伐浣滐紝鍦ㄦ墭鑲叉満鏋勪腑閫氬父琚О涓轰繚鑲插伐浣溿��
</p>
- <p class="block">
- 9锛�30鈥�11锛�30銆�灏忔湅鍙嬮泦浣撴帓闃燂紝鎴村ソ缁熶竴鐨勫附瀛愶紝涓や袱鎷夋墜锛屽皬鏈嬪弸闈犲彸璧帮紝鑰佸笀闈犲乏璧帮紝涓�璧峰埌鎴峰娲诲姩鍦哄湴鐜╄�嶃�傝�佸笀鍜屽皬鏈嬪弸涓�璧疯烦缁炽�佸仛娓告垙銆佹斁椋庣瓭銆佺帺娓镐箰璁炬柦绛夈�傛埛澶栨椿鍔ㄧ粨鏉熷悗锛岃�佸笀浼氬紩瀵煎皬鏈嬪弸鍋氱浉搴旂殑鍗敓娓呮磥宸ヤ綔锛堝鍘曘�佹礂鎵嬶級锛屾帴鐫�璁╁皬鏈嬪弸鍠濇按鎴栧悆鐐瑰績銆傛彁鍊¤嚜宸辩殑浜嬫儏鑷繁鍋氾紝鍩瑰吇灏忔湅鍙嬬殑鍔ㄦ墜鍜岃嚜鐞嗚兘鍔涖��
+ <p>
+ 鍦ㄥ�″鐜颁唬鏁欒偛鐞嗗康銆侀噸瑙嗘棭鏈熸暀鑲茬殑浠婂ぉ锛屾洿搴旀敞閲嶅濠村辜鍎跨殑绉戝淇濊偛銆傞偅涔堬紝绉戝鐨勫┐骞煎効鐢熸椿淇濊偛鏄粈涔堟牱鐨勫憿锛�
</p>
- <p class="block">
- 11锛�30鈥�12锛�00銆�鍥炲埌鍥尯鍚庢湁鍗婂皬鏃剁殑娲诲姩鏃堕棿锛岃�佸笀浼氳骞撮緞绋嶅ぇ鐨勫皬鏈嬪弸鑷繁鐪嬬粯鏈紝骞剁収鐪嬪叾浠栧皬鏈嬪弸鐜╄�嶃��
- </p>
- <p class="block">
- 12锛�00鈥�13锛�00銆�鍒颁簡鍗堥鏃堕棿锛岃�佸笀浼氳灏忔湅鍙嬭嚜宸遍�夋嫨鍚冨灏戦鐗╋紝鎵�鏈夊皬鏈嬪弸閮芥嬁鍒伴鐗╁悗鎵嶅紑椁愩�傚洜涓哄皬鏈嬪弸鐨勮嚜鐞嗚兘鍔涢兘姣旇緝寮猴紝鍚冮キ銆佹暣鐞嗛鍏枫�佹竻娲佸崼鐢熺瓑浜嬫儏閮藉仛寰楅潪甯稿ソ銆�
- </p>
- <p class="block">
- 13锛�00鈥�14锛�30銆�鍒颁簡鍗堢潯鏃堕棿锛岃�佸笀浼氬畨闈欏湴瀹堝湪涓�鏃侊紝鐓ф姢灏忔湅鍙嬪崍鐫°��
- </p>
- <p class="block">
- 14锛�30鈥�16锛�30銆�鍒颁簡涓嬪崍锛屽皬鏈嬪弸鍦ㄨ�佸笀鐨勫甫棰嗕笅鏉ュ埌鎿嶅満灏芥儏鍦扮帺鑰嶃��
- </p>
- <p class="block">
- 16锛�30鈥�17锛�30銆�鍒颁簡瀹堕暱鎺ュ瀛愮殑鏃堕棿锛屽闀夸笌鑰佸笀浜ゆ祦鍚庯紝渚垮甫棰嗗皬鏈嬪弸鍥炲浜嗐��
- </p>
- </div>
- <h3 id="c001">
- <span class="bk-h3"
- ><span class="bj1-h3">涓�</span>銆�銆�璧拌繎濠村辜鍎跨敓娲讳繚鑲层��</span
- >
- </h3>
- <p>
- 3宀佸墠鐨勫┐骞煎効姝ｅ浜庣敓鍛界殑璧锋闃舵锛岀敓闀垮彂鑲插崄鍒嗚繀閫燂紝鐢变簬韬績鍙戣偛涓嶅畬鍠勶紝鎵�浠ュ鑷劧鐜鍜岀ぞ浼氱幆澧冪殑閫傚簲鑳藉姏寮憋紝瀵圭柧鐥呯殑鎶垫姉鍔涘樊銆傚悓鏃讹紝濠村辜鍎胯嚜鎴戠収鏂欏強鑷垜淇濇姢鐨勮兘鍔涖�佺煡璇嗐�佺粡楠岀瓑閮芥瘮杈冪己涔忥紝浠栦滑鏃犳硶绂诲紑鎴愪汉鑰岀嫭鑷湪绀句細涓敓瀛樸�傛垚浜洪渶瑕佷负浠栦滑鎻愪緵蹇呴渶鐨勭敓娲荤幆澧冧笌鏉′欢锛屽苟绮惧績鍦扮収鎶ゅ拰鍏昏偛锛岃繖鏄┐骞煎効寰椾互鐢熷瓨鍜屽仴搴锋垚闀跨殑閲嶈淇濊瘉銆傛湁鍏宠繖鏂归潰鐨勫伐浣滐紝鍦ㄦ墭鑲叉満鏋勪腑閫氬父琚О涓轰繚鑲插伐浣溿��
- </p>
- <p>
- 鍦ㄥ�″鐜颁唬鏁欒偛鐞嗗康銆侀噸瑙嗘棭鏈熸暀鑲茬殑浠婂ぉ锛屾洿搴旀敞閲嶅濠村辜鍎跨殑绉戝淇濊偛銆傞偅涔堬紝绉戝鐨勫┐骞煎効鐢熸椿淇濊偛鏄粈涔堟牱鐨勫憿锛�
- </p>
- <div class="tips-bk">
- <div class="bj-tip">
- 瑙嗛锛氭墭鑲插伐浣滀汉鍛樿濠村辜鍎跨敓娲讳繚闅�
- <div @click="activityOne">
- <svg
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- width="20.863"
- height="20.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 class="tips-bk">
+ <div class="bj-tip">
+ 瑙嗛锛氭墭鑲插伐浣滀汉鍛樿濠村辜鍎跨敓娲讳繚闅�
+ <div @click="activityOne">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20.863"
+ height="20.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>
- </div>
- <div
- class="tips-file"
- v-if="chapter001.isOpenOne && chapter001.videOneUrl"
- >
- <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="chapter001.videOneUrl"
- ></video>
+ <div
+ class="tips-file"
+ v-if="chapter001.isOpenOne && chapter001.videOneUrl"
+ >
+ <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="chapter001.videOneUrl"
+ ></video>
+ </div>
</div>
</div>
</div>
</div>
<div class="page-box" page="9">
- <div class="header">
- <div class="pageHeader-second">
- <div class="second-con">
- <div class="second-left"></div>
- <div class="second-right">
- <img src="../image/pageImg.png" alt="" />
- <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
- <span class="pageNum">1-3</span>
+ <div v-if="showPageList.indexOf(9) > -1">
+ <div class="header">
+ <div class="pageHeader-second">
+ <div class="second-con">
+ <div class="second-left"></div>
+ <div class="second-right">
+ <img src="../image/pageImg.png" alt="" />
+ <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum">1-3</span>
+ </div>
</div>
+ <div class="borderLine"></div>
</div>
- <div class="borderLine"></div>
</div>
- </div>
- <div class="bodystyle">
- <h4 id="d001">
- 鈻垛柖 娲诲姩1锛氳В閲婂┐骞煎効鐢熸椿淇濊偛鐨勬蹇�<span class="fontsz1"
- >锛烇紴锛烇紴锛烇紴锛烇紴</span
- >
- </h4>
- <p>
- 淇濊偛鍛樺皬鐜嬭涓猴紝濠村辜鍎跨敓娲讳繚鑲插氨鏄濂藉┐骞煎効鐨勫悆銆佸枬銆佹媺銆佹拻銆佺潯銆備綘璁や负灏忕帇鐨勮娉曞鍚楋紵涓轰粈涔堬紵
- </p>
- <div class="bk-tx">
- <textarea
- v-model="chapter001.textAreaItem.text1"
- style="border: 0"
- placeholder="璇疯緭鍏ュ唴瀹�"
- rows="5"
- @blur="onBlurChange('text1')"
- ></textarea>
- </div>
- <h4 id="d002">
- 鈻垛柖 娲诲姩2锛氬綊绾虫垜鍥戒繚鑲插伐浣滅殑鍙戝睍鍘嗙▼鍜岀壒鐐�<span class="fontsz1"
- >锛烇紴锛烇紴锛烇紴锛烇紴</span
- >
- </h4>
- <p>瀛︿範闃呰鎵嬪唽鐨勪笓棰樹竴鐨勫唴瀹癸紝濉啓琛�1-1-1銆�</p>
- <p class="img">琛�1-1-1銆�鎴戝浗淇濊偛宸ヤ綔鐨勫彂灞曞巻绋嬪拰鐗圭偣</p>
- <!-- <el-table/> -->
- <div style="margin-bottom: 40px">
- <table class="table111">
- <thead>
- <tr>
- <th>鏃堕棿</th>
- <th>淇濊偛鏈烘瀯鐨勫悕绉�</th>
- <th>鐗圭偣</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1949骞�</td>
- <td>
- <input
- v-model="chapter001.table111.tbText1"
- @blur="onBlurChangeTable('tbText1')"
- />
- </td>
- <td>
- <input
- v-model="chapter001.table111.tbText2"
- @blur="onBlurChangeTable('tbText2')"
- />
- </td>
- </tr>
- <tr>
- <td>1949-1980骞�</td>
- <td>
- <input
- v-model="chapter001.table111.tbText3"
- @blur="onBlurChangeTable('tbText3')"
- />
- </td>
- <td>
- <input
- v-model="chapter001.table111.tbText4"
- @blur="onBlurChangeTable('tbText4')"
- />
- </td>
- </tr>
- <tr>
- <td>1980-1990骞�</td>
- <td>
- <input
- v-model="chapter001.table111.tbText5"
- @blur="onBlurChangeTable('tbText5')"
- />
- </td>
- <td>
- <input
- v-model="chapter001.table111.tbText6"
- @blur="onBlurChangeTable('tbText6')"
- />
- </td>
- </tr>
- <tr>
- <td>1990-2000骞�</td>
- <td>
- <input
- v-model="chapter001.table111.tbText7"
- @blur="onBlurChangeTable('tbText7')"
- />
- </td>
- <td>
- <input
- v-model="chapter001.table111.tbText8"
- @blur="onBlurChangeTable('tbText8')"
- />
- </td>
- </tr>
- <tr>
- <td>2000骞磋嚦浠�</td>
- <td>
- <input
- v-model="chapter001.table111.tbText9"
- @blur="onBlurChangeTable('tbText9')"
- />
- </td>
- <td>
- <input
- v-model="chapter001.table111.tbText10"
- @blur="onBlurChangeTable('tbText10')"
- />
- </td>
- </tr>
- </tbody>
- </table>
- <!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> -->
- </div>
- <h4 id="d003">
- 鈻垛柖 娲诲姩3锛氳鏄庡┐骞煎効鐢熸椿淇濊偛宸ヤ綔鐨勭洰鏍囧強鎰忎箟<span class="fontsz1"
- >锛烇紴锛烇紴锛烇紴锛烇紴</span
- >
- </h4>
- <div class="bk-qjms">
- <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪1銆�鈯�</p>
- <p class="block">
- 3宀佺殑绔ョ涓婁簡鎵樿偛鍥紝涓�娆★紝绔ョ鍦ㄧ彮绾х粍缁囩殑鎴峰娲诲姩涓病鏈夌帺灏藉叴锛屾椿鍔ㄧ粨鏉熷洖鍒扮彮绾у悗杩樻兂鍑哄幓缁х画鐜╋紝淇濊偛鍛樻病鏈夌瓟搴旂绔ョ殑瑕佹眰銆傝繃浜嗕竴浼氬効锛岀绔ヤ妇鎵嬭瑕佸幓鍘曟墍锛屼繚鑲插憳褰撴椂姝ｅ繖鐫�缁欏叾浠栧皬鏈嬪弸鎺ユ按灏辩瓟搴斾簡銆傛病鎯冲埌绔ョ鍑哄幓鍚庣洿濂旀粦姊尯灏藉叴鍦扮帺浜嗚捣鏉ワ紝缁撴灉鍥犱负婊戜笅鍘荤殑鏃跺�欐病鏈変汉鍦ㄦ梺鐩戞姢锛屼粬鐨勮。棰嗚婊戞涓婄殑涓�涓灪涓濇寕浣忎簡锛岄�犳垚绐掓伅鎬ф浜°��
+ <div class="bodystyle">
+ <h4 id="d001">
+ 鈻垛柖 娲诲姩1锛氳В閲婂┐骞煎効鐢熸椿淇濊偛鐨勬蹇�<span class="fontsz1"
+ >锛烇紴锛烇紴锛烇紴锛烇紴</span
+ >
+ </h4>
+ <p>
+ 淇濊偛鍛樺皬鐜嬭涓猴紝濠村辜鍎跨敓娲讳繚鑲插氨鏄濂藉┐骞煎効鐨勫悆銆佸枬銆佹媺銆佹拻銆佺潯銆備綘璁や负灏忕帇鐨勮娉曞鍚楋紵涓轰粈涔堬紵
</p>
- </div>
- <div class="bk-qjms">
- <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p>
- <p class="block">
- 鎵樿偛鍥殑瀛╁瓙姝ｅ湪鍗堢潯锛屽�肩彮鐨勪繚鑲插憳鎰熻寰堢柌鎯紝灏卞湪瀵濆鐨勪竴寮犵┖搴婁笂鐫＄潃浜嗐�傚皬姹熸捣鎯宠捣搴婁笂鍘曟墍锛屼絾鍥犵湅涓嶅埌淇濊偛鍛橈紝涓�鐩存唻鐫�涓嶆暍璧锋潵锛屽悗鏉ュ疄鍦ㄦ唻涓嶄綇浜嗭紝鍙ソ鑷繁鎬ユ�ュ繖蹇欏湴浠庡簥涓婁笅鏉ュ噯澶囧幓鍘曟墍锛岀粨鏋滀粬涓�涓嬪瓙浠庡簥涓婃帀浜嗕笅鍘伙紝琚簥杈圭殑妞呭瓙纰扮牬浜嗗ご锛屽張鐢变簬鎲嬪翱澶箙锛屾憯鍊掑悗閫犳垚鑶�鑳卞彈鎹熴��
- </p>
+ <div class="bk-tx">
+ <textarea
+ v-model="chapter001.textAreaItem.text1"
+ style="border: 0"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ @blur="onBlurChange('text1')"
+ ></textarea>
+ </div>
+ <h4 id="d002">
+ 鈻垛柖 娲诲姩2锛氬綊绾虫垜鍥戒繚鑲插伐浣滅殑鍙戝睍鍘嗙▼鍜岀壒鐐�<span class="fontsz1"
+ >锛烇紴锛烇紴锛烇紴锛烇紴</span
+ >
+ </h4>
+ <p>瀛︿範闃呰鎵嬪唽鐨勪笓棰樹竴鐨勫唴瀹癸紝濉啓琛�1-1-1銆�</p>
+ <p class="img">琛�1-1-1銆�鎴戝浗淇濊偛宸ヤ綔鐨勫彂灞曞巻绋嬪拰鐗圭偣</p>
+ <!-- <el-table/> -->
+ <div style="margin-bottom: 40px">
+ <table class="table111">
+ <thead>
+ <tr>
+ <th>鏃堕棿</th>
+ <th>淇濊偛鏈烘瀯鐨勫悕绉�</th>
+ <th>鐗圭偣</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>1949骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText1"
+ @blur="onBlurChangeTable('tbText1')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText2"
+ @blur="onBlurChangeTable('tbText2')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>1949-1980骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText3"
+ @blur="onBlurChangeTable('tbText3')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText4"
+ @blur="onBlurChangeTable('tbText4')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>1980-1990骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText5"
+ @blur="onBlurChangeTable('tbText5')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText6"
+ @blur="onBlurChangeTable('tbText6')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>1990-2000骞�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText7"
+ @blur="onBlurChangeTable('tbText7')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText8"
+ @blur="onBlurChangeTable('tbText8')"
+ />
+ </td>
+ </tr>
+ <tr>
+ <td>2000骞磋嚦浠�</td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText9"
+ @blur="onBlurChangeTable('tbText9')"
+ />
+ </td>
+ <td>
+ <input
+ v-model="chapter001.table111.tbText10"
+ @blur="onBlurChangeTable('tbText10')"
+ />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> -->
+ </div>
+ <h4 id="d003">
+ 鈻垛柖 娲诲姩3锛氳鏄庡┐骞煎効鐢熸椿淇濊偛宸ヤ綔鐨勭洰鏍囧強鎰忎箟<span class="fontsz1"
+ >锛烇紴锛烇紴锛烇紴锛烇紴</span
+ >
+ </h4>
+ <div class="bk-qjms">
+ <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪1銆�鈯�</p>
+ <p class="block">
+ 3宀佺殑绔ョ涓婁簡鎵樿偛鍥紝涓�娆★紝绔ョ鍦ㄧ彮绾х粍缁囩殑鎴峰娲诲姩涓病鏈夌帺灏藉叴锛屾椿鍔ㄧ粨鏉熷洖鍒扮彮绾у悗杩樻兂鍑哄幓缁х画鐜╋紝淇濊偛鍛樻病鏈夌瓟搴旂绔ョ殑瑕佹眰銆傝繃浜嗕竴浼氬効锛岀绔ヤ妇鎵嬭瑕佸幓鍘曟墍锛屼繚鑲插憳褰撴椂姝ｅ繖鐫�缁欏叾浠栧皬鏈嬪弸鎺ユ按灏辩瓟搴斾簡銆傛病鎯冲埌绔ョ鍑哄幓鍚庣洿濂旀粦姊尯灏藉叴鍦扮帺浜嗚捣鏉ワ紝缁撴灉鍥犱负婊戜笅鍘荤殑鏃跺�欐病鏈変汉鍦ㄦ梺鐩戞姢锛屼粬鐨勮。棰嗚婊戞涓婄殑涓�涓灪涓濇寕浣忎簡锛岄�犳垚绐掓伅鎬ф浜°��
+ </p>
+ </div>
+ <div class="bk-qjms">
+ <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p>
+ <p class="block">
+ 鎵樿偛鍥殑瀛╁瓙姝ｅ湪鍗堢潯锛屽�肩彮鐨勪繚鑲插憳鎰熻寰堢柌鎯紝灏卞湪瀵濆鐨勪竴寮犵┖搴婁笂鐫＄潃浜嗐�傚皬姹熸捣鎯宠捣搴婁笂鍘曟墍锛屼絾鍥犵湅涓嶅埌淇濊偛鍛橈紝涓�鐩存唻鐫�涓嶆暍璧锋潵锛屽悗鏉ュ疄鍦ㄦ唻涓嶄綇浜嗭紝鍙ソ鑷繁鎬ユ�ュ繖蹇欏湴浠庡簥涓婁笅鏉ュ噯澶囧幓鍘曟墍锛岀粨鏋滀粬涓�涓嬪瓙浠庡簥涓婃帀浜嗕笅鍘伙紝琚簥杈圭殑妞呭瓙纰扮牬浜嗗ご锛屽張鐢变簬鎲嬪翱澶箙锛屾憯鍊掑悗閫犳垚鑶�鑳卞彈鎹熴��
+ </p>
+ </div>
</div>
</div>
</div>
@@ -1391,12 +1397,19 @@
<script>
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";
export default {
name: "chapter001",
+ props: {
+ showPageList: {
+ type: Array,
+ default: [],
+ },
+ questionData: {
+ type: Object,
+ },
+ },
data() {
return {
picOneUrl: require("../image/0018-1.jpg"),
@@ -1420,7 +1433,9 @@
examinations,
},
async created() {
+ console.log(this.showPageList,'shoepage')
const localData = JSON.parse(localStorage.getItem("chapter001"));
+ this.chapter001.qustionData = this.questionData
if (localData) {
this.chapter001 = { ...Object.assign(this.chapter001, localData) };
}
@@ -1428,11 +1443,11 @@
this.chapter001.videOneUrl = getResourcePath(
"68ebd5c05bcb742999a9ebdce4b4bd53"
);
- this.chapter001.qustionData = await getQuestionData(
- "1",
- testData[1],
- this.config.activeBook
- );
+ // this.chapter001.qustionData = await getQuestionData(
+ // "1",
+ // testData[1],
+ // this.config.activeBook
+ // );
},
methods: {
activityOne() {
--
Gitblit v1.9.1