From 0a465050c773d8b420f2b99d598de3d5dc9aef2b Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 17 五月 2024 15:45:28 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/content/view/chapter001.vue |  536 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 536 insertions(+), 0 deletions(-)

diff --git a/src/books/content/view/chapter001.vue b/src/books/content/view/chapter001.vue
new file mode 100644
index 0000000..e26f33c
--- /dev/null
+++ b/src/books/content/view/chapter001.vue
@@ -0,0 +1,536 @@
+<template>
+  <div class="page-content-box">
+    <div class="page-box">
+      <div class="bodystyle">
+        <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.瑙i噴濠村辜鍎跨敓娲讳繚鑲茬殑姒傚康銆�</p>
+          <p class="block">2.璇村嚭鎴戝浗濠村辜鍎夸繚鑲插伐浣滅殑鍙戝睍鍘嗙▼鍜岀壒鐐广��</p>
+          <p class="block">
+            3.缁撳悎鑷繁鐨勭悊瑙o紝瑙i噴濠村辜鍎夸繚鑲茬殑鐩爣鍙婂伐浣滅殑鎰忎箟銆�
+          </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" />
+            </p>
+          </div>
+          <p class="block">
+            涓轰簡鑾峰緱鏇村ソ鐨勫涔犳晥鏋滐紝寤鸿鍚屽浠湪瀛︿範杩欓儴鍒嗗唴瀹规椂鍋氬埌浠ヤ笅鍑犵偣銆�
+          </p>
+          <p class="block">
+            1.涓�0锝�3宀佸┐骞煎効鐨勫闀挎垨鎵樿偛鍥伐浣滀汉鍛樹氦娴併�佷簡瑙e┐骞煎効鐢熸椿淇濊偛鐨勪富瑕佸唴瀹广��
+          </p>
+          <p class="block">
+            2.鐧诲綍鍥藉鍗敓鍋ュ悍濮斿憳浼氭垨鍦版柟鏀垮簻鐨勫崼鐢熷仴搴峰鍛樹細缃戠珯锛屾敹闆嗗苟闃呰鏈夊叧0锝�3宀佸┐骞煎効鐓ф姢鐨勬枃浠躲��
+          </p>
+          <p class="block">
+            3.鍒╃敤鍛ㄦ湯鎴栧亣鏈燂紝鍒版墭鑲叉満鏋勮繘琛岀ぞ浼氬疄璺碉紝鍔犳繁鑷繁瀵瑰┐骞煎効鐢熸椿淇濊偛鐨勭悊瑙c��
+          </p>
+          <p class="block">寤鸿瀛︽椂锛�1瀛︽椂銆�</p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box">
+      <!-- <Header/> -->
+      <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 :src="picOneUrl" :preview-src-list="picArr" />
+          </p>
+          <!-- <p class="center">
+          <img class="img-a" alt="" 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" />
+            </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>
+        <h3 id="c001">
+          <span class="bk-h3"
+            ><span class="bj1-h3">涓�</span>銆�銆�璧拌繎濠村辜鍎跨敓娲讳繚鑲层��</span
+          >
+        </h3>
+        <p>
+          3宀佸墠鐨勫┐骞煎効姝e浜庣敓鍛界殑璧锋闃舵锛岀敓闀垮彂鑲插崄鍒嗚繀閫燂紝鐢变簬韬績鍙戣偛涓嶅畬鍠勶紝鎵�浠ュ鑷劧鐜鍜岀ぞ浼氱幆澧冪殑閫傚簲鑳藉姏寮憋紝瀵圭柧鐥呯殑鎶垫姉鍔涘樊銆傚悓鏃讹紝濠村辜鍎胯嚜鎴戠収鏂欏強鑷垜淇濇姢鐨勮兘鍔涖�佺煡璇嗐�佺粡楠岀瓑閮芥瘮杈冪己涔忥紝浠栦滑鏃犳硶绂诲紑鎴愪汉鑰岀嫭鑷湪绀句細涓敓瀛樸�傛垚浜洪渶瑕佷负浠栦滑鎻愪緵蹇呴渶鐨勭敓娲荤幆澧冧笌鏉′欢锛屽苟绮惧績鍦扮収鎶ゅ拰鍏昏偛锛岃繖鏄┐骞煎効寰椾互鐢熷瓨鍜屽仴搴锋垚闀跨殑閲嶈淇濊瘉銆傛湁鍏宠繖鏂归潰鐨勫伐浣滐紝鍦ㄦ墭鑲叉満鏋勪腑閫氬父琚О涓轰繚鑲插伐浣溿��
+        </p>
+        <p>
+          鍦ㄥ�″鐜颁唬鏁欒偛鐞嗗康銆侀噸瑙嗘棭鏈熸暀鑲茬殑浠婂ぉ锛屾洿搴旀敞閲嶅濠村辜鍎跨殑绉戝淇濊偛銆傞偅涔堬紝绉戝鐨勫┐骞煎効鐢熸椿淇濊偛鏄粈涔堟牱鐨勫憿锛�
+        </p>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氭墭鑲插伐浣滀汉鍛樿濠村辜鍎跨敓娲讳繚闅�<img
+              src="../icons/video.png"
+              @click="activityOne"
+              alt=""
+            />
+          </div>
+          <div class="tips-file" v-if="isOpenOne">
+            <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="videOneUrl"
+            ></video>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box">
+      <div class="bodystyle">
+        <h4 id="d001">
+          鈻垛柖 娲诲姩1锛氳В閲婂┐骞煎効鐢熸椿淇濊偛鐨勬蹇�<span class="fontsz1"
+            >锛烇紴锛烇紴锛烇紴锛烇紴</span
+          >
+        </h4>
+        <p>
+          淇濊偛鍛樺皬鐜嬭涓猴紝濠村辜鍎跨敓娲讳繚鑲插氨鏄濂藉┐骞煎効鐨勫悆銆佸枬銆佹媺銆佹拻銆佺潯銆備綘璁や负灏忕帇鐨勮娉曞鍚楋紵涓轰粈涔堬紵
+        </p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text1"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </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 class="tableOne">
+          <customTable />
+          <!-- <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宀佺殑绔ョ涓婁簡鎵樿偛鍥紝涓�娆★紝绔ョ鍦ㄧ彮绾х粍缁囩殑鎴峰娲诲姩涓病鏈夌帺灏藉叴锛屾椿鍔ㄧ粨鏉熷洖鍒扮彮绾у悗杩樻兂鍑哄幓缁х画鐜╋紝淇濊偛鍛樻病鏈夌瓟搴旂绔ョ殑瑕佹眰銆傝繃浜嗕竴浼氬効锛岀绔ヤ妇鎵嬭瑕佸幓鍘曟墍锛屼繚鑲插憳褰撴椂姝e繖鐫�缁欏叾浠栧皬鏈嬪弸鎺ユ按灏辩瓟搴斾簡銆傛病鎯冲埌绔ョ鍑哄幓鍚庣洿濂旀粦姊尯灏藉叴鍦扮帺浜嗚捣鏉ワ紝缁撴灉鍥犱负婊戜笅鍘荤殑鏃跺�欐病鏈変汉鍦ㄦ梺鐩戞姢锛屼粬鐨勮。棰嗚婊戞涓婄殑涓�涓灪涓濇寕浣忎簡锛岄�犳垚绐掓伅鎬ф浜°��
+          </p>
+        </div>
+        <div class="bk-qjms">
+          <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p>
+          <p class="block">
+            鎵樿偛鍥殑瀛╁瓙姝e湪鍗堢潯锛屽�肩彮鐨勪繚鑲插憳鎰熻寰堢柌鎯紝灏卞湪瀵濆鐨勪竴寮犵┖搴婁笂鐫$潃浜嗐�傚皬姹熸捣鎯宠捣搴婁笂鍘曟墍锛屼絾鍥犵湅涓嶅埌淇濊偛鍛橈紝涓�鐩存唻鐫�涓嶆暍璧锋潵锛屽悗鏉ュ疄鍦ㄦ唻涓嶄綇浜嗭紝鍙ソ鑷繁鎬ユ�ュ繖蹇欏湴浠庡簥涓婁笅鏉ュ噯澶囧幓鍘曟墍锛岀粨鏋滀粬涓�涓嬪瓙浠庡簥涓婃帀浜嗕笅鍘伙紝琚簥杈圭殑妞呭瓙纰扮牬浜嗗ご锛屽張鐢变簬鎲嬪翱澶箙锛屾憯鍊掑悗閫犳垚鑶�鑳卞彈鎹熴��
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box">
+      <div class="bodystyle">
+        <p>1.濡傛灉浣犳槸浠ヤ笂鎯呭涓殑淇濊偛鍛橈紝璇ュ浣曢伩鍏嶆剰澶栫殑鍙戠敓锛�</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text2"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>
+          2.缁撳悎闃呰鎵嬪唽鐨勪笓棰樹竴鐨勫唴瀹癸紝灏忕粍璁ㄨ濠村辜鍎跨敓娲讳繚鑲插伐浣滅殑鐩爣鍙婃剰涔夈��
+        </p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text3"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <h3 id="c002">
+          <span class="bk-h3"
+            ><span class="bj1-h3">浜�</span>銆�銆�璧拌鎵樿偛鍥��</span
+          >
+        </h3>
+        <p>
+          鎵樿偛鍥槸涓�0锝�3宀佸┐骞煎効鎻愪緵鐓ф姢鐨勫満鎵�銆傛墭鑲插洯淇濊偛鏄┐骞煎効鐓ф姢鏈嶅姟鐨勯噸瑕佺粍鎴愰儴鍒嗭紝鏄敓鍛藉叏鍛ㄦ湡鏈嶅姟绠$悊鐨勯噸瑕佸唴瀹广�傛墭鑲插洯搴斿垱璁鹃�傚疁鐨勭幆澧冿紝鍚堢悊瀹夋帓濠村辜鍎跨殑涓�鏃ョ敓娲诲拰娲诲姩锛屼粠鐢熸椿鐓ф枡銆佸畨鍏ㄧ湅鎶ゃ�佸钩琛¤喅椋熷拰鏃╂湡瀛︿範绛夋柟闈績杩涘┐骞煎効韬綋鍜屽績鐞嗙殑鍏ㄩ潰鍙戝睍銆傚┐骞煎効鐢熸椿淇濊偛涓昏鍖呮嫭缁欏┐骞煎効鎻愪緵瀹夊叏鍙帰绱㈢殑鐜銆佽惀鍏荤殑椋熺墿锛屼繚璇佸┐骞煎効鍏呰冻鐨勭潯鐪狅紝鎸囧濠村辜鍎垮涔犵洢娲椼�佸鍘曘�佺┛鑴辫。鏈嶇瓑鐢熸椿鎶�鑳斤紝閫愭鍏绘垚鑹ソ鐨勯ギ椋熷崼鐢熶範鎯紝浠ュ強鐙嚜鍏ョ潯鍜屼綔鎭寰嬬殑鑹ソ鐫$湢涔犳儻銆�
+        </p>
+        <p>
+          鎵樿偛鍥殑涓�鏃ョ敓娲绘祦绋嬫槸鎬庢牱鐨勶紵鎵樿偛鍥殑淇濊偛瑕佹眰鍙婂叿浣撳唴瀹瑰張鏄粈涔堬紵鍙や汉璇达細鈥滆�抽椈涔嬩笉濡傜洰瑙佷箣锛岀洰瑙佷箣涓嶅瓒宠返涔嬶紝瓒宠返涔嬩笉濡傛墜杈ㄤ箣銆傗�濊鎯崇湡姝d簡瑙f墭鑲插洯锛岃繕闇�瑕佸疄鍦拌蛋璁挎墠琛屻��
+        </p>
+        <h4 id="d004">
+          鈻垛柖 娲诲姩1锛氬埗璁㈣皟鐮旇鍒�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
+        </h4>
+        <p><b>鈶犳椿鍔ㄥ噯澶�</b></p>
+        <p>
+          1.闃呰锛氶槄璇绘墜鍐岀殑涓撻涓�锛屼互鍙娿�婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨�婁笂娴峰競鎵樺辜鏈烘瀯淇濊偛宸ヤ綔鎵嬪唽銆嬶紙涓婃捣鏁欒偛鍑虹増绀撅紝2010骞寸増锛夈��
+        </p>
+      </div>
+    </div>
+    <div class="page-box">
+      <div class="bodystyle">
+        <p>2.鍑嗗璧勬枡锛氫簰鑱旂綉涓婄殑鐩稿叧璧勬枡銆�</p>
+        <p>
+          3.鎿嶄綔鏉愭枡鍜岃澶囷細褰╄壊绾歌嫢骞层�佸僵绗旇嫢骞层�佺瀛楃瑪銆佺閾佽嫢骞层�佺數鑴戙�佹祦鐣呯殑缃戠粶銆�
+        </p>
+        <p><b>鈶℃椿鍔ㄨ繃绋�</b></p>
+        <p>
+          1.鎴愮珛璋冪爺灏忕粍銆備緷鎹嚜鐢辩粍鍚堝吋椤句釜浜虹壒闀跨殑鍘熷垯纭畾灏忕粍浜洪�夛紝璁剧珛缁勯暱1鍚嶃�傛牴鎹垚鍛樼殑鐗归暱鍒嗛厤鍏蜂綋浠诲姟锛屽闄堣堪銆佽褰曘�佹媿鐓х瓑銆傚啓鏄庡皬缁勬垚鍛樺強鍒嗗伐銆�
+        </p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text4"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>2.鍒惰璋冪爺璁″垝銆�</p>
+        <p>锛�1锛夎蛋璁挎墭鑲插洯闇�鎺屾彙鐨勪俊鎭槸浠�涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text5"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>锛�2锛夋嫙瑙e喅鐨勯棶棰樻湁鍝簺锛�</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text6"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>锛�3锛夎蛋璁跨殑涓昏浠诲姟鍙婂唴瀹规槸浠�涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text7"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="page-box">
+      <div class="bodystyle">
+        <p>锛�4锛夎蛋璁跨殑涓昏娴佺▼鏈夊摢浜涳紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text8"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>锛�5锛夎蛋璁跨殑鏃堕棿銆佹柟寮忋�佷富瑕佽仈绯讳汉鍙婅仈绯绘柟寮忔槸浠�涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text9"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>
+          3.鏌ユ壘鎵�闇�淇℃伅銆傞噸鐐规敹闆嗗懆杈规墭鑲插洯鐨勫悕绉般�佽妯°�佽窛绂汇�佸湴鍧�銆佽仈绯讳汉绛夎皟鐮斿璞$殑淇℃伅锛屽苟纭畾瑕佽蛋璁跨殑鎵樿偛鍥��
+        </p>
+        <p>锛�1锛夋敹闆嗙殑涓昏淇℃伅鏄粈涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text10"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>锛�2锛夎璧拌鐨勬墭鑲插洯鐨勫悕绉版槸浠�涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text11"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>锛�3锛夐�夋嫨璧拌璇ュ洯鐨勫師鍥犳槸浠�涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text12"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="page-box">
+      <div class="bodystyle">
+        <p>
+          4.鍋氬ソ鍑鸿瑙勫垝銆傛煡鎵捐矾绾夸俊鎭紝纭畾鍑鸿鏂瑰紡銆佸ぇ鑷磋垂鐢紝骞剁‘瀹氬ソ瀵规柟鐨勮仈绯讳汉銆�
+        </p>
+        <p>浣犱滑缁勭殑鍑鸿瑙勫垝鏄粈涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text13"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <h4 id="d005">
+          鈻垛柖 娲诲姩2锛氳皟鏌ユ墭鑲插洯涓�鏃ョ敓娲讳繚鑲�<span class="fontsz1"
+            >锛烇紴锛烇紴锛烇紴锛烇紴</span
+          >
+        </h4>
+        <p><b>鈶犳椿鍔ㄥ噯澶�</b></p>
+        <p>1.闃呰锛氶槄璇绘墜鍐岀殑涓撻涓�銆併�婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨��</p>
+        <p>2.棰勭害锛氫笌鎵樿偛鍥殑鑱旂郴浜烘彁鍓嶉绾﹁蛋璁挎椂闂淬��</p>
+        <p>3.鍑鸿锛氱‘璁ゅ嚭琛岃矾绾裤�佷氦閫氭柟寮忥紝鏍规嵁棰勭害濂界殑鏃堕棿鍑鸿銆�</p>
+        <p>
+          4.鎿嶄綔鏉愭枡鍜岃澶囷細绛惧瓧绗斻�佽褰曟湰銆佺収鐩告満涓庡綍闊崇瑪锛堟垨鍙互鎷嶇収銆佸綍鍍忕殑鏅鸿兘鎵嬫満锛夈��
+        </p>
+        <p><b>鈶℃椿鍔ㄨ繃绋�</b></p>
+        <p>
+          1.鍙栧緱璋冪爺瀵硅薄鐨勯厤鍚堛�傛壘鍒版彁鍓嶉绾︾殑鑱旂郴浜猴紝浠嬬粛鑷繁骞惰鏄庢潵鎰忥紝濮旀墭鑱旂郴浜烘彁渚涙弧瓒宠皟鐮旈渶瑕佺殑瀵硅薄锛屽苟鍙栧緱璋冪爺瀵硅薄鐨勯厤鍚堛��
+        </p>
+        <p>2.寮�灞曢棶棰樿皟鐮斻�傞噸鐐硅皟鐮旀墭鑲插洯鐨勪竴鏃ョ敓娲汇�佷繚鑲茶姹傚強鍏蜂綋鍐呭銆�</p>
+        <p>3.鏀堕泦璋冪爺璧勬枡銆傛敹闆嗕笌璋冪爺鍐呭鐩稿叧鐨勬枃鏈�佺収鐗囥�佽棰戙�侀煶棰戠瓑銆�</p>
+        <p>4.姹囨�昏皟鐮斾俊鎭��</p>
+        <p>锛�1锛夎蛋璁跨殑鎵樿偛鍥殑鍚嶇О鏄粈涔堬紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text14"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>锛�2锛夎蛋璁跨殑鎵樿偛鍥竴鏃ョ敓娲荤殑涓昏鐜妭鏈夊摢浜涳紵</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text15"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="page-box">
+      <div class="bodystyle">
+        <p>锛�3锛変簡瑙h蛋璁跨殑鎵樿偛鍥埗璁竴鏃ョ敓娲绘棩绋嬬殑渚濇嵁骞跺~琛ㄣ��</p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text16"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>璧拌鐨勬墭鑲插洯涓�鏃ョ敓娲绘棩绋嬭琛�1-1-2銆�</p>
+        <p class="img">琛�1-1-2銆�______鎵樿偛鍥竴鏃ョ敓娲绘棩绋�</p>
+        <p class="center">
+          <img class="img-a" alt="" src="../image/0024-1.jpg" />
+        </p>
+      </div>
+    </div>
+    <div class="page-box">
+      <div class="bodystyle">
+        <p>璧拌鐨勬墭鑲插洯涓�鏃ョ敓娲讳繚鑲茶姹傚強鍏蜂綋鍐呭瑙佽〃1-1-3銆�</p>
+        <p class="img">琛�1-1-3銆�______鎵樿偛鍥竴鏃ョ敓娲讳繚鑲茶姹傚強鍏蜂綋鍐呭</p>
+        <p class="center">
+          <img class="img-a" alt="" src="../image/0025-1.jpg" />
+        </p>
+        <p>
+          锛�4锛夐�氳繃涓庢墭鑲插洯鑰佸笀鐨勪氦娴侊紝浣犺涓哄紑灞曞┐骞煎効鐢熸椿淇濊偛闇�瑕佸叿澶囩殑鐭ヨ瘑鍜屾妧鑳芥湁鍝簺锛�
+        </p>
+        <div class="bk-tx">
+          <el-input
+            style="border: 0"
+            type="textarea"
+            v-model="text18"
+            :rows="4"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+          />
+        </div>
+        <p>
+          锛�5锛夋敹闆嗗洖璁夸俊鎭�傝皟鐮旀墽琛屽畬姣曞悗锛岀暀涓嬭皟鐮斿璞$殑鑱旂郴鏂瑰紡锛岀粨鏉熷悗濡傚彂鐜板皻鏈В鍐崇殑闂锛屽彲閫氳繃缃戠粶銆佺數璇濈瓑褰㈠紡鍥炶銆�
+        </p>
+        <h4 id="d006">
+          鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
+        </h4>
+        <p><b>璁鸿堪棰�</b></p>
+        <p>
+          1.鏍规嵁璧拌鎵樿偛鍥墍鑾峰緱鐨勪俊鎭紝鎵惧嚭骞舵鎷墭鑲插洯涓�鏃ョ敓娲讳繚鑲蹭笌銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬬浉瀵瑰簲鐨勫唴瀹广��
+        </p>
+        <p>
+          2.璧拌鎵樿偛鍥紝璋堣皥浣犲銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬩腑鐨勬墭鑲叉満鏋勪繚鑲插簲閬靛惊鐨勫皧閲嶅効绔ャ�佸畨鍏ㄥ仴搴枫�佺Н鏋佸洖搴斻�佺瀛﹁鑼冨洓涓熀鏈師鍒欑殑鐞嗚В銆�
+        </p>
+        <p>
+          3.鎴戜滑甯歌0锝�3宀佺殑濠村辜鍎挎槸鏈�鈥滄煍杞�濈殑缇や綋锛屾垜浠濡備綍鍛垫姢杩欎釜缇や綋锛�
+        </p>
+        <p><br /></p>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            浜戞祴璇曪細鍗曞厓涓�搴旂敤涓庡疄璺�<img
+              src="../icons/sub.png"
+              @click="activityThree"
+              alt=""
+            />
+          </div>
+          <div v-if="idOpenThree" class="tips-file">
+            <examinations :cardList="qustionData[9]" />
+          </div>
+          <!-- <div class="tips-file" v-if="isOpenOne">
+            
+            <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="videOneUrl"
+            ></video>
+          </div> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import getResourcePath from "@/assets/methods/resources.js";
+import getQuestionData from "@/assets/methods/examination.js";
+import testData from "../js/examinationList.js";
+import customTable from "../components/customTable.vue";
+import examinations from "@/components/examinations/index.vue";
+export default {
+  name: "chapter001",
+  data() {
+    return {
+      videOneUrl: "",
+      picOneUrl: require("../image/0018-1.jpg"),
+      picArr: [require("../image/0018-1.jpg")],
+      isOpenOne: true,
+      idOpenThree: true,
+      qustionData: {},
+      text1: "",
+      text2: "",
+      text3: "",
+      text4: "",
+      text5: "",
+      text6: "",
+      text7: "",
+      text8: "",
+      text9: "",
+      text10: "",
+      text11: "",
+      text12: "",
+      text13: "",
+      text14: "",
+      text15: "",
+      text16: "",
+      text17: "",
+      text18: "",
+    };
+  },
+  components: {
+    examinations,
+    customTable,
+  },
+  async created() {
+    this.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
+    this.qustionData = await getQuestionData(testData[1]);
+  },
+  methods: {
+    activityOne() {
+      this.isOpenOne = !this.isOpenOne;
+    },
+    activityThree() {
+      this.idOpenThree = !this.idOpenThree;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

--
Gitblit v1.9.1