From b636ce580856ae22a09ea126ae0e53539d699246 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 17 五月 2024 15:04:43 +0800 Subject: [PATCH] 页眉、ui替换 --- src/books/childHealth/view/content/components/chapter003.vue | 6 src/assets/js/config.js | 2 vue.config.js | 8 src/books/childHealth/view/content/components/chapter0004.vue | 5 src/books/childHealth/view/content/components/chapter008.vue | 9 src/books/childHealth/assets/main.less | 35 src/books/childHealth/view/content/components/chapter006.vue | 15 src/books/content/view/chapter001.vue | 84 + src/assets/methods/examination.js | 23 src/books/childHealth/view/content/components/chapter011.vue | 20 src/books/childHealth/view/content/components/chapter002.vue | 584 +++++++++-- src/books/childHealth/view/content/index.vue | 17 src/books/content/components/customTable.vue | 2 src/books/content/css/default.less | 34 src/books/childHealth/view/content/components/chapter010.vue | 6 src/books/childHealth/view/content/components/chapter007.vue | 15 src/main.js | 4 src/books/childHealth/view/content/components/chapter009.vue | 6 src/books/childHealth/view/content/components/chapter005.vue | 11 src/books/childHealth/view/index.vue | 9 src/components/examinations/index.vue | 376 ++----- src/books/childHealth/view/content/components/chapter001.vue | 1518 ++++++++++++++++++++++++------- src/books/content/components/header.vue | 2 23 files changed, 1,916 insertions(+), 875 deletions(-) diff --git a/src/assets/js/config.js b/src/assets/js/config.js index 493263b..14e2c30 100644 --- a/src/assets/js/config.js +++ b/src/assets/js/config.js @@ -7,7 +7,7 @@ {id:1,name:"childHealth",bookName:"瀛﹀墠鍎跨鍗敓涓庝繚鍋�",bookId:'2358',rootCmsItemId:'24080',storeRefcode:'defaultGoodsStore3'}, {id:2,name:'content',bookName:"濠村辜鍎跨敓娲绘姢鐓�",bookId: '3335',rootCmsItemId:'66969',storeRefcode:'jsek_jslx'} ] -export const activeBook = bookList[1]; // 璧勬簮璇锋眰鍦板潃 +export const activeBook = bookList[0]; // 璧勬簮璇锋眰鍦板潃 export const appId = 3; export const requestTimeOut = 300000; // 璇锋眰瓒呮椂鏃堕棿 export const tokenKey = "jsek-token"; diff --git a/src/assets/methods/examination.js b/src/assets/methods/examination.js index dd275f7..a1dffd6 100644 --- a/src/assets/methods/examination.js +++ b/src/assets/methods/examination.js @@ -1,7 +1,7 @@ import { activeBook } from "@/assets/js/config"; import MG from "@/assets/js/middleGround/WebMiddleGroundApi"; import getPublicImage from "@/assets/js/middleGround/tool"; -const getQuestionList = async (questionList) => { +const getQuestionList = async (oldList,questionList) => { let cardList = [ { catalogName: "鍗曢�夐", @@ -52,6 +52,10 @@ }; const res = await MG.store.getProductDetail(query); res.datas.cmsDatas[0].datas.forEach((item, index) => { + let oldObj = {} + if(oldList) { + oldObj = oldList.find(item => item.id == qitem) + } const questionObj = { number: index + 1, // 棰樺彿 id: item.id, @@ -72,7 +76,7 @@ difficulty: item.Embedded_QuestionBank_Difficulty ? 4 - item.Embedded_QuestionBank_Difficulty : 0, // 闅惧害绛夌骇 - userAnswer: + userAnswer:oldObj ? oldObj.userAnswer : item.Embedded_QuestionBank_QuestionType == "completion" || item.Embedded_QuestionBank_QuestionType == "multipleChoice" ? [] @@ -204,14 +208,23 @@ citem.number = cindex + 1; } } - console.log(cardList.filter(item=>item.infoList.length > 0),"cardList.filter(item=>item.infoList.length > 0)"); return cardList.filter(item=>item.infoList.length > 0); }; -const getQuestionData = async (chapterData) => { +const getQuestionData = async (chapter,chapterData) => { const data = { ...chapterData }; + const oldAnswerData = localStorage.getItem('oldAnswerData') + const oldData = oldAnswerData ? JSON.parse(oldAnswerData) :{} + let oldChapterData + if(oldData) { + oldChapterData = oldData[chapter] + } for (let key in chapterData) { - data[key] = await getQuestionList(chapterData[key]); + let oldList = [] + if(oldChapterData) { + oldList = oldChapterData[key] + } + data[key] = await getQuestionList(oldList,chapterData[key]); } return data; }; diff --git a/src/books/childHealth/assets/main.less b/src/books/childHealth/assets/main.less index 02a39d6..4b6d3a4 100644 --- a/src/books/childHealth/assets/main.less +++ b/src/books/childHealth/assets/main.less @@ -595,6 +595,18 @@ .mt-20 { margin-top: 20px; } + .mt-40 { + margin-top: 40px; + } + .ta-br { + border-color: #C0C4CC; + } + textarea:focus { + border-color: #00a1e9; + } + .cl-66 { + color: #666; + } } body { @@ -630,3 +642,26 @@ } } } + + +::-webkit-scrollbar { + width: 8px; + height: 10px; +} + + ::-webkit-scrollbar-track-piece { + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 6px; +} + + ::-webkit-scrollbar-thumb:vertical { + height: 5px; + background-color:rgba(125, 125, 125, 0.3); + -webkit-border-radius:6px; +} + + ::-webkit-scrollbar-thumb:horizontal { + width: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; +} \ No newline at end of file diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue index 8b7b053..7c43c62 100644 --- a/src/books/childHealth/view/content/components/chapter0004.vue +++ b/src/books/childHealth/view/content/components/chapter0004.vue @@ -676,8 +676,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0104-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍥� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[91]" /> </p> <h2 class="module_block" id="b017"> @@ -1086,7 +1085,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c center"> - <!-- <span class="img">涓撻鍥� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[97]" /> </p> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index 53a50be..8cc724b 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -39,13 +39,19 @@ alt="" :src="introductionImg" :preview-src-list="[introductionImg]" - class="mb-20" + class="mb-20 open-image" /> </p> </div> <!-- 2 --> <div class="page-box" page="2"> - <evenHeaderVue :num="2" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">2</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h6 class="Conclusion-title2">鈥㈤澶囧涔犫��</h6> <p class="blockh6-c tl ti2 " > @@ -65,7 +71,7 @@ /> </span> <table - v-if="learnTbaleOne" + v-if="learnTbaleOne" align="center" border="1" cellpadding="10" @@ -131,57 +137,102 @@ <span class="ds-bl" >1.浜轰綋杩愬姩绯荤粺鐢卞摢涓変釜閮ㄥ垎缁勬垚锛熷悇閮ㄥ垎鐨勫姛鑳藉紡浠�涔堬紵</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.瀛﹀墠鍎跨鐨勯锛堥锛夋湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ュ浣曚繚鍋ワ紵</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.涓轰粈涔堝鍓嶅効绔ヤ笉瀹滀粠浜嬫嫈娌炽�佹攢宀┿�佸紩浣撳悜涓婄瓑娲诲姩锛�</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qTHree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >4.瀛﹀墠鍎跨楠ㄩ鑲屾湁浠�涔堢壒鐐癸紵杩愬姩杩囩▼涓簲璇ユ敞鎰忓摢浜涗簨椤癸紵</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >5.骞煎効鍥兘缁勭粐骞煎効缁冧範鍐欏瓧鍚楋紵涓轰粈涔堬紵</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >6.瀛﹀墠鍎跨鐨勫叧鑺傛湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ユ敞鎰忓摢浜涢棶棰橈紵</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >7.浠�涔堟槸鎵佸钩瓒筹紵鎬庢牱棰勯槻瀛﹀墠鍎跨褰㈡垚鎵佸钩瓒筹紵</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >8.瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐规湁鍝簺锛�</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qEight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >9.鏃ュ父淇濇暀娲诲姩涓紝濡備綍绉戝缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔紵</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableOne.qNine" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -237,6 +288,8 @@ v-if="testOne && questionData" ref="examinationOne" :cardList="questionData[2]" + :chapter="1" + :page="2" /> </p> <h2 class="module_block" id="b001" style="margin: 0"> @@ -249,14 +302,15 @@ <p class="block"> 澶╁ぉ2宀佸浜嗭紝铏界劧璧拌矾鎸虹ǔ锛屽彲涓婃ゼ姊湁浜涜垂鍔插効銆備负闃叉浠栬穼鍊掞紝鐜嬭�佸笀鍙槸鐢ㄥ姏鎷変簡涓�涓嬩粬鐨勫乏鎵嬶紝娌℃兂鍒颁粬绐佺劧澶у摥璧锋潵锛屽洖鍒版暀瀹ゅ悗宸﹁噦涓嶈兘鎶妇鍜屽集鏇诧紝涓嶈兘鐢ㄥ乏鎵嬫嬁椋熺墿鍜岀帺鍏凤紝涔熶笉璁╁皬鏈嬪弸瑙︾浠栫殑宸﹁噦銆備簬鏄紝鐜嬭�佸笀绔嬪嵆甯﹀ぉ澶╁埌鍖婚櫌妫�鏌ャ�傜粡鍖荤敓璇婃柇锛屽ぉ澶╃殑鎵嬭噦鍑虹幇妗¢澶村崐鑴变綅锛屼織绉扳�滅壍鎷夎倶鈥濄�備綘濡備綍鐪嬪緟姝や簨锛� </p> - <p class="block"> - <input type="text" class="lineInput" /> - </p> - <p class="block"> - <input type="text" class="lineInput" /> - </p> - <p class="block"> - <input type="text" class="lineInput" /> + <p class="block t0"> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> </p> <p class="block"> 骞煎効鏁欏笀鍙湁鐔熸倝瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭壒鐐癸紝鎵嶈兘鍦ㄥ伐浣滆繃绋嬩腑鏈夐拡瀵规�у湴寮�灞曚繚鏁欏伐浣滐紝鏈夋晥缁存姢鍜屼績杩涘鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑姝e父鍙戣偛鍜岃壇濂藉彂灞曘�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭敓鐞嗗拰淇濊偛鐭ヨ瘑锛屼负骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄥ強鏃ュ父鐢熸椿涓仛濂借繍鍔ㄧ郴缁熺殑鍗敓涓庝繚鍋ュ伐浣滄彁渚涚瀛︾殑渚濇嵁鍜屾寚瀵笺�� @@ -270,7 +324,7 @@ </p> <div class="text-img-box"> <div style="margin-right: 50px"> - <el-image :src="bonesImg" :preview-src-list="[bonesImg]" /> + <el-image :src="bonesImg" :preview-src-list="[bonesImg]" class="open-image" /> <span class="img">鍥�1-1 浜轰綋鍏ㄨ韩楠ㄩ锛堝墠闈㈣锛�</span> </div> <div> @@ -303,7 +357,12 @@ </div> <!-- 3 --> <div class="page-box" page="3"> - <oddHeaderVue :special="1" :num="3" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">3</span> + </div> <div class="padding-96"> <h5 id="e002">2.楠ㄦ煍闊э紝鏄撳彉褰�</h5> <p class="lh2 tl-ju"> @@ -336,7 +395,7 @@ <div class="bottom-right" style="width: 35%"> <el-carousel trigger="click" - class="bones-carousel" + class="bones-carousel carousel-image" arrow="always" indicator-position="none" > @@ -349,6 +408,7 @@ :src="item" :preview-src-list="bonesList" :preview-teleported="true" + class="open-image" /> </el-carousel-item> </el-carousel> @@ -361,7 +421,13 @@ </div> <!-- 4 --> <div class="page-box" page="4"> - <evenHeaderVue :num="4" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">4</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="lh2 t0 tl-ju"> 鐨勫闀匡紝楠ㄩ鑲屽崰浣撻噸鐨勭櫨鍒嗘瘮閫愭笎涓婂崌锛�5宀佹椂杈�1/3宸﹀彸锛岃�屽埌闈掓槬鍙戣偛鏈熻揪杩�1/2銆傚鍓嶅効绔ラ楠艰倢涓墍鍚按鍒嗙浉瀵硅緝澶氾紝铔嬬櫧璐ㄣ�佽倢绯栧師鍜屾棤鏈虹洂杈冩垚浜哄皯锛屽洜姝わ紝鑲岃倝鏌斿锛屾敹缂╁姏杈冨樊锛屽姏閲忓皬锛屾槗鐤插姵銆備絾鐢变簬鏂伴檲浠h阿鏃虹洓锛屽鍓嶅効绔ョ柌鍔冲悗鎭㈠杈冨揩銆傚勾榫勮秺灏忥紝杩欎簺鐗圭偣瓒婃槑鏄俱�� @@ -376,7 +442,7 @@ class="left fl fl-di fl-evenly" style="width: 30%; margin-top: 5px" > - <el-image :src="jointImg" :preview-src-list="[jointImg]" /> + <el-image :src="jointImg" :preview-src-list="[jointImg]" class="open-image" /> <p class="img">鍥�1-3 鍏宠妭妯″紡鍥�</p> </div> <div class="right" style="width: 70%; padding-left: 20px"> @@ -396,7 +462,7 @@ <el-carousel loop trigger="click" - class="bones-carousel" + class="bones-carousel carousel-image" arrow="always" indicator-position="none" > @@ -409,6 +475,7 @@ :src="item" :preview-src-list="footList" :preview-teleported="true" + class="open-image" /> </el-carousel-item> </el-carousel> @@ -428,7 +495,12 @@ </div> <!-- 5 --> <div class="page-box" page="5"> - <oddHeaderVue :special="1" :num="5" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">5</span> + </div> <div class="padding-96"> <h3 id="c002">浜屻�佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑淇濆仴</h3> <h4 id="d004">锛堜竴锛夋寚瀵煎鍓嶅効绔ヤ繚鎸佹纭Э鍔匡紝闃叉鑴婃煴鍜岃兏寤撶暩褰�</h4> @@ -444,7 +516,7 @@ <el-carousel loop trigger="click" - class="posure-carousel" + class="posure-carousel carousel-image" style="width: 300px" arrow="always" indicator-position="none" @@ -458,6 +530,7 @@ :src="item" :preview-src-list="posureList" :preview-teleported="true" + class="open-image" /> </el-carousel-item> </el-carousel> @@ -493,7 +566,13 @@ </div> <!-- 6 --> <div class="page-box" page="6"> - <evenHeaderVue :num="6" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">6</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h4 id="d007">锛堝洓锛変緵缁欏厖瓒崇殑钀ュ吇</h4> <p class="lh2"> @@ -508,9 +587,12 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> - <examinations :cardList="questionData[6]" v-if="questionData" /> - + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> + <examinations + :cardList="questionData[6]" + v-if="questionData" + :chapter="1" + :page="6" /> </p> <h4 id="d008">锛堜簲锛夋敞鎰忎繚鎶ゅソ鍏宠妭鍜岄煣甯�</h4> <p class="lh2"> @@ -612,43 +694,83 @@ <span class="ds-bl" >1.浜轰綋鍛煎惛绯荤粺鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍚勮嚜鐨勭粨鏋勫拰鍔熻兘鏄粈涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.瀛﹀墠鍎跨鐨勯蓟鑵旀湁浠�涔堢壒鐐�?鎬庢牱杩涜绉戝淇濆仴?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.瀛﹀墠鍎跨鐨勫0甯︽湁浠�涔堢壒鐐�?骞煎効鏁欏笀璁茶瘽涓轰粈涔堣杞诲0缁嗚?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.瀛﹀墠鍎跨寮犲彛鍛煎惛鏈夊摢浜涘嵄瀹�?鎬庢牱绾犳?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.瀛﹀墠鍎跨鐨勫懠鍚歌繍鍔ㄦ湁浠�涔堢壒鐐�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.瀛﹀墠鍎跨浠ヤ粈涔堟ā寮忕殑鍛煎惛涓轰富?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">7.鎿ら蓟娑曠殑姝g‘鏂规硶鏄粈涔�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >8.閽堝瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭壒鐐癸紝濡備綍鍩瑰吇瀛﹀墠鍎跨鑹ソ鐨勫崼鐢熶範鎯�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableTwo.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -672,15 +794,25 @@ </div> <!-- 7 --> <div class="page-box" page="7"> - <oddHeaderVue :special="1" :num="7" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">7</span> + </div> <div class="padding-96"> <div class="fieldset"> <p class="block t0"> 灏嗚姳鐢熺背澶瑰嚭鏉ワ紝鍙病鎯冲埌锛岃秺澶硅姳鐢熺背瓒婂線榧诲瓙閲屸�滆窇鈥濄�備笉涓�浼氬効锛屽惈鍚唻寰楁弧鑴搁�氱孩锛屽懠鍚歌秺鏉ヨ秺鍥伴毦锛岀埜鐖告�ュ緱鎵嬪繖鑴氫贡銆傜粡鏈嬪弸鎻愰啋锛岀埜鐖告墠鎶婂惈鍚�佸線鍖婚櫌銆傚崄鍑犲垎閽熷悗锛岀粡楠屼赴瀵岀殑鑰抽蓟鍠夌鍖荤敓鍊熷姪涓撲笟鍖荤枟鍣ㄦ锛屽皬蹇冪考缈煎湴浠庡惈鍚殑榧昏厰鍐呮妸鑺辩敓绫冲彇浜嗗嚭鏉ャ�傛浜嬪浣犳湁浣曞惎绀猴紵 </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 褰撳闀垮強骞煎効鍥暀甯堝彂鐜板瀛愮殑榧昏厰鍐呮湁寮傜墿鏃讹紝鍒囧嬁绱у紶鎬ヨ簛锛屾洿涓嶈兘涓ュ帀璁枼鍜屾墦楠傚瀛愶紝浠ュ厤瀛╁瓙鎯婃厡鍝椆锛屽皢寮傜墿鍚稿叆涓嬪懠鍚搁亾锛屽鑷村懠鍚搁亾寮傜墿鐨勪弗閲嶅悗鏋溿�傚悓鏃讹紝鍗冧竾鍒敤鎵嬨�侀晩瀛愮瓑澶瑰彇榧昏厰寮傜墿锛岃繖鏈夊彲鑳借嚧浣垮紓鐗╄秺闄疯秺娣憋紝闅句互鍙栧嚭锛屼篃寰堝鏄撻�犳垚灏忓榧昏厰榛忚啘鎹熶激锛屽紩璧峰嚭琛�鎴栧彂鐐庛�傝�屽簲璁炬硶鍔濋樆瀛╁瓙鍝椆锛屾敼鐢ㄥ彛鑵斿懠鍚革紝鐒跺悗杩呴�熼�佸線鍖婚櫌妫�鏌ャ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ヤ究骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝鍦板瀛﹀墠鍎跨鐨勫懠鍚哥郴缁熷紑灞曚繚鍋ュ伐浣溿�� </p> @@ -698,7 +830,7 @@ <h5 id="e012">1.榧�</h5> </div> <div class="right" style="width: 50%"> - <el-image :src="breathing" :preview-src-list="[breathing]" /> + <el-image :src="breathing" :preview-src-list="[breathing]" class="open-image" /> <p class="img">鍥�1-6 鍛煎惛绯荤粺绀烘剰鍥�</p> </div> </div> @@ -711,7 +843,13 @@ </div> <!-- 8 --> <div class="page-box" page="8"> - <evenHeaderVue :num="8" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">8</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <div class="fl fl-around"> <div class="left" style="width: 38%"> @@ -757,7 +895,7 @@ </div> <div class="right" style="width: 20%"> <p class="center"> - <el-image :src="throat" :preview-src-list="[throat]" /> + <el-image :src="throat" :preview-src-list="[throat]" class="open-image" /> </p> <p class="img">鍥�1-7 鍠夎厰妯″紡鍥�</p> </div> @@ -781,13 +919,18 @@ </p> <p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p> <p class="center"> - <el-image :src="tableOne" :preview-src-list="[tableOne]" /> + <el-image :src="tableOne" :preview-src-list="[tableOne]" class="open-image" /> </p> </div> </div> <!-- 9 --> <div class="page-box" page="9"> - <oddHeaderVue :special="1" :num="9" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">9</span> + </div> <div class="padding-96"> <p class="lh2"> 鍥犺皟鑺傚懠鍚歌繍鍔ㄧ殑绁炵粡涓灑鍙戣偛灏氭湭瀹屽杽锛屽鍓嶅効绔ュ懠鍚歌妭寰嬪父涓嶇ǔ瀹氥�傚洜鍛煎惛鑲岃緝寮憋紝鎵�浠ュ鍓嶅効绔ヤ互鑵瑰紡鍛煎惛涓轰富銆� @@ -836,8 +979,13 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[9]" v-if="questionData" /> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> + <examinations + :cardList="questionData[9]" + v-if="questionData" + :chapter="1" + :page="9" + /> </p> <h4 id="d015">锛堜簲锛変繚鎶ゅ0甯�</h4> <p class="lh2">閫夋嫨閫傚悎瀛﹀墠鍎跨闊冲煙鐗圭偣鐨勬瓕鏇叉垨鏈楄鏉愭枡锛屾瘡娆″敱姝屾垨鏈楄鐨勬椂闂翠笉瀹滆繃闀匡紙鏈�澶�5鍒嗛挓锛夛紝鏇翠笉鑳介珮澹板枈鍙紝浠ラ槻澹板甫鍏呰銆佽偪鑳�銆佸彉鍘氾紝閫犳垚澹伴煶鍢跺搼銆傜粌涔犲彂澹扮殑</p> @@ -845,7 +993,13 @@ </div> <!-- 10 --> <div class="page-box" page="10"> - <evenHeaderVue :num="10" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">10</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="lh2"> 鍦烘墍搴斾繚鎸佺┖姘旀祦閫氾紝娓╁害銆佹箍搴﹂�傚疁銆傚啲瀛d笉瑕佸湪瀹ゅ缁冨0锛岃閬垮厤瀛﹀墠鍎跨鍦ㄦ俯搴﹂鍙樼殑鎯呭喌涓嬬粌涔犲彂澹般�傚綋鍜介儴鏈夌値鐥囨椂锛屽簲鍑忓皯鍙戦煶锛岀洿鍒板畬鍏ㄥ悍澶嶃�� @@ -941,43 +1095,83 @@ <span class="ds-bl" >1.寰幆绯荤粺鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍚勮嚜鐨勭粨鏋勫拰鍔熻兘鏄粈涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.寰幆绯荤粺鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍚勮嚜鐨勭粨鏋勫拰鍔熻兘鏄粈涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.瀛﹀墠鍎跨鐨勫績鑴忔湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.瀛﹀墠鍎跨鐨勮绠℃湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.瀛﹀墠鍎跨鐨勬穻宸寸郴缁熸湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.涓轰粈涔堣棰勯槻瀛﹀墠鍎跨缂洪搧鎬ц传琛�?鎬庢牱棰勯槻?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">7.濡備綍缁勭粐骞煎効鍙傚姞閫傚悎骞撮緞鐗圭偣鐨勪綋鑲查敾鐐煎拰鎴峰娲诲姩鎵嶅埄浜庡叾琛�娑插惊鐜殑淇濆仴?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >8.瀛﹀墠鍎跨浼氭偅鍔ㄨ剦绮ユ牱纭寲鍚�?濡備綍鏃╂湡棰勯槻鍔ㄨ剦鏍风‖鍖�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableThree.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -996,9 +1190,14 @@ <p class="block"> 涓轰粈涔堝皬瀛╁瓙鍙椾激鍑鸿鍚庯紝鍑濊杈冩參锛熶负浠�涔堝鍓嶅効绔ョ殑鎵佹浣撳鏄撳彂鐐庯紵涓轰粈涔堝鍓嶅効绔ュ勾榫勮秺灏忥紝蹇冪巼瓒婂揩锛熲�︹�﹁鏌ラ槄璇昏祫鏂欙紝璋堣皥浣犵殑鐪嬫硶銆� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 瑕佹兂浜嗚В杩欎簺闂锛屽氨蹇呴』浜嗚В瀛﹀墠鍎跨寰幆绯荤粺鐨勭壒鐐广�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨寰幆绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愭槑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熶繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熺殑淇濆仴宸ヤ綔銆� </p> @@ -1007,7 +1206,12 @@ </div> <!-- 11 --> <div class="page-box" page="11"> - <oddHeaderVue :special="1" :num="11" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">11</span> + </div> <div class="padding-96"> <p> 浜轰綋鍦ㄦ柊闄堜唬璋㈣繃绋嬩腑锛屾満浣撶粍缁囬渶瑕佹簮婧愪笉鏂湴鑾峰緱姘ф皵鍜屽吇鏂欙紝鍚屾椂鍙堣鎶婁唬璋骇鐢熺殑浜屾哀鍖栫⒊鍜屽叾浠栧簾鐗╂帓鍑轰綋澶栵紝杩欎釜杩囩▼涓昏鐢卞惊鐜郴缁熸潵瀹屾垚銆� @@ -1016,7 +1220,7 @@ 寰幆绯荤粺鍖呮嫭琛�娑插惊鐜郴缁燂紙蹇冭绠$郴缁燂級鍜屾穻宸寸郴缁熴�傝娑插惊鐜郴缁熺敱蹇冭剰鍜岃绠$粍鎴愶紝琛�绠″寘鎷姩鑴夈�侀潤鑴夊拰姣涚粏琛�绠★紙瑙佸浘1-8锛夈�傛穻宸寸郴缁熺敱娣嬪反绠¢亾銆佹穻宸村櫒瀹樺拰娣嬪反缁勭粐缁勬垚銆� </p> <p class="center"> - <el-image :src="blood" :preview-src-list="[blood]" style="width: 60%" /> + <el-image :src="blood" :preview-src-list="[blood]" style="width: 60%" class="open-image" /> </p> <p class="img">鍥�1-8 琛�娑插惊鐜ず鎰忓浘</p> @@ -1052,13 +1256,19 @@ <p>锛�1锛夎娑查噺鍗犱綋閲嶇殑姣斾緥澶т簬鎴愪汉锛堣琛�1-2锛�</p> <p class="img">琛�1-2 涓嶅悓骞撮緞鐨勮娑查噺</p> <p class="center"> - <el-image :src="tableTwo" :preview-src-list="[tableTwo]" /> + <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" /> </p> </div> </div> <!-- 12 --> <div class="page-box" page="12"> - <evenHeaderVue :num="12" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">12</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p> 瀛﹀墠鍎跨琛�娑查噺鍗犱綋閲嶇殑姣斾緥澶т簬鎴愪汉锛屼负8%锝�10%銆傚勾榫勮秺灏忥紝姣斾緥瓒婂ぇ銆備絾骞煎効鐨勯�犺鍣ㄥ畼鏄撳彈浼ゅ锛屾煇浜涜嵂鐗╁強鏀惧皠鎬ф薄鏌撳閫犺鍣ㄥ畼鍗卞鏋佸ぇ銆� @@ -1095,13 +1305,18 @@ </p> <p class="img">琛�1-3 涓嶅悓骞撮緞鐨勫績鐜�</p> <p class="center"> - <el-image :src="tableThree" :preview-src-list="[tableThree]" /> + <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" /> </p> </div> </div> <!-- 13 --> <div class="page-box" page="13"> - <oddHeaderVue :special="1" :num="13" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">13</span> + </div> <div class="padding-96"> <h5 id="e019">3.瀛﹀墠鍎跨琛�绠$殑鐗圭偣</h5> <p>锛�1锛夎绠″唴寰勭浉瀵硅緝绮楋紝姣涚粏琛�绠′赴瀵�</p> @@ -1153,7 +1368,13 @@ </div> <!-- 14 --> <div class="page-box" page="14"> - <evenHeaderVue :num="14" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">14</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h4 id="d020">锛堜笁锛夊悎鐞嗙粍缁囦綋鑲查敾鐐硷紝澧炲己浣撹川</h4> <p> @@ -1178,8 +1399,13 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[14]" v-if="questionData" /> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> + <examinations + :cardList="questionData[14]" + v-if="questionData" + :chapter="1" + :page="14" + /> </p> <h2 class="module_block" id="b004"> <div class="custom1">瀛︿範涓婚鍥�</div> @@ -1254,45 +1480,90 @@ <span class="ds-bl" >1.娑堝寲绯荤粺鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍚勮嚜鐨勭粨鏋勫強鍔熻兘鏄粈涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.涔崇墮鐨勭粨鏋勭壒鐐规槸浠�涔�?闄ゅ拃鍤奸鐗╁锛屼钩鐗欒繕鏈夊摢浜涗綔鐢�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.涔崇墮涓�鍏辨湁澶氬皯棰�?浠�涔堟椂鍊欏叏閮ㄥ嚭榻�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qTHree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.浠�涔堝彨榫嬮娇?榫嬮娇闇�瑕佹不鐤楀悧?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.涓轰粈涔� 3~6涓湀鐨勫┐鍎垮鏄撳彂鐢熲�滅敓鐞嗘�ф祦娑庘��?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.涓轰粈涔堟柊鐢熷効瀹规槗婧㈠ザ?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">7.瀛﹀墠鍎跨鐨勮偁閬撴湁浠�涔堢壒鐐�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">8.鏃ュ父鐢熸椿涓浣曚繚鎶や钩鐗�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">9.瀛﹀墠鍎跨娑堝寲绯荤粺鐨勪繚鍋ヨ鐐规湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFour.qNine" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -1311,9 +1582,14 @@ <p class="block"> 鍙彲浠婂勾2宀侊紝浣撻噸鎵�9鍗冨厠锛岃繎鍗婂勾浣撻噸澧炲姞涓嶅埌1鍗冨厠锛岀敤濡堝鐨勮瘽璇村氨鏄�滆繖瀛╁瓙浠�涔堥兘濂斤紝灏辨槸鍚冮キ澶垂浜嬩簡鈥濄�傛瘡椁愰キ閮借鍚冧竴灏忔椂锛屼笉鏄湅鐫�鐢佃鍚冨氨鏄渶瑕佽拷鐫�鍠傦紝鐖卞悆鐨勫悆鍑犲彛锛屼笉鐖卞悆鐨勫槾閮戒笉寮犱竴涓嬨�傚摢涓�澶╁悆寰楀鐐逛簡锛屽懠鍑虹殑鍙f皵閮芥湁閰歌厫鍛炽�傝�屼笖锛屽悆涓滆タ绋嶄笉娉ㄦ剰鎴栬�呬竴鐫�鍑夊氨鎷夎倸瀛愶紝鐒跺悗鑳冨彛浼氭洿宸�傛劅鍐掓槸甯告湁鐨勪簨锛屽緱涓夊ぉ涓ゅご寰�鍖婚櫌璺戔�︹�� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 涓嶆柇鍦颁负鏈轰綋渚涘簲鍚勭钀ュ吇绱犳槸缁存寔姝e父鐢熺悊鍔熻兘鍜屼績杩涚敓闀垮彂鑲茬殑鍓嶆彁銆傝�屽绉嶈惀鍏绘垚鍒嗭紝灏ゅ叾鏄骇鑳借惀鍏荤礌鐨勭粨鏋勬瘮杈冨鏉傦紝鎽勫叆鐨勯鐗╀笉鑳界洿鎺ヤ负浜轰綋鎵�鐢紝蹇呴』閫氳繃娑堝寲绯荤粺灏嗛鐗╄浆鍙樻垚缁撴瀯绠�鍗曠殑钀ュ吇鐗╄川锛屾墠鑳戒緵鏈轰綋鍚告敹銆佸埄鐢ㄣ�傚鍓嶅効绔ョ殑娑堝寲绯荤粺鍙戣偛灏氫笉瀹屽杽锛岄渶瑕佹垚浜烘牴鎹叾鐗圭偣锛屽悎鐞嗗杺鍏汇�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨娑堝寲绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愯堪瀵瑰鍓嶅効绔ユ秷鍖栫郴缁熻繘琛屼繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝寮�灞曞鍓嶅効绔ユ秷鍖栫郴缁熺殑淇濆仴宸ヤ綔銆� </p> @@ -1325,7 +1601,12 @@ </div> <!-- 15 --> <div class="page-box" page="15"> - <oddHeaderVue :special="1" :num="15" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">15</span> + </div> <div class="padding-96"> <div class="fl fl-around"> <div class="left" style="width: 62%"> @@ -1340,7 +1621,7 @@ </div> <div class="right" style="width: 35%"> <p class="center"> - <el-image :src="digestion" :preview-src-list="[digestion]" /> + <el-image :src="digestion" :preview-src-list="[digestion]" class="open-image" /> </p> <p class="img">鍥�1-9 娑堝寲绯荤粺妯″紡鍥�</p> </div> @@ -1384,7 +1665,13 @@ </div> <!-- 16 --> <div class="page-box" page="16"> - <evenHeaderVue :num="16" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">16</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p> 涔崇墮鐨勬甯歌悓鍑猴紝杩樻湁鍔╀簬瀛╁瓙姝e父鍙戦煶锛屽彛榻夸级淇愩�傚彟澶栵紝涔崇墮榻愭暣瀵规亽鐗欓『鍒╄悓鍑烘湁閲嶈浣滅敤銆傝嫢涔崇墮杩囨棭缂哄け锛岄偦杩戠殑鐗欏悜绌洪殭鍊惧�掞紝鎭掔墮灏变笉鑳藉湪姝e父浣嶇疆钀屽嚭锛屽鑷寸墮鎺掑垪涓嶉綈銆� @@ -1396,6 +1683,7 @@ :src="tableFive" :preview-src-list="[tableFive]" style="width: 100%" + class="open-image" /> </p> <p class="img">琛�1-5 鎭掔墮钀屽嚭鏃堕棿</p> @@ -1404,6 +1692,7 @@ :src="tableSix" :preview-src-list="[tableSix]" style="width: 100%" + class="open-image" /> </p> <h5 id="e021">2.鑸�</h5> @@ -1424,7 +1713,12 @@ </div> <!-- 17 --> <div class="page-box" page="17"> - <oddHeaderVue :special="1" :num="17" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">17</span> + </div> <div class="padding-96"> <p class="t0" > 寮憋紝寮瑰姏缁勭粐鍙婅倢灞傚皻涓嶅彂杈撅紝瀹规槗婧钩銆傚鍓嶅効绔ョ殑椋熺姣旀垚浜虹殑鐭�岀嫮绐勶紝榛忚啘钖勫锛岀澹佽倢鑲夌粍缁囧強寮规�х氦缁村彂鑲茶緝宸紝鏄撲簬鎹熶激銆� @@ -1462,7 +1756,13 @@ </div> <!-- 18 --> <div class="page-box" page="18"> - <evenHeaderVue :num="18" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">18</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p> 绮夊拰鑴傝偑鐨勬秷鍖栬兘鍔涜緝寮憋紝涓昏渚濋潬灏忚偁娑叉潵娑堝寲銆傞殢鐫�骞撮緞鐨勫闀匡紝鑳扮殑鍔熻兘鏃ヨ秼瀹屽杽銆� @@ -1502,7 +1802,12 @@ </div> <!-- 19 --> <div class="page-box" page="19"> - <oddHeaderVue :special="1" :num="19" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">19</span> + </div> <div class="padding-96"> <h4 id="d031">锛堜笁锛夐キ鍓嶉キ鍚庝笉瑕佽繘琛屽墽鐑堣繍鍔�</h4> <p> @@ -1517,8 +1822,13 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <examinations :cardList="questionData[19]" v-if="questionData" /> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍥�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span> + <examinations + :cardList="questionData[19]" + v-if="questionData" + :chapter="1" + :page="19" + /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -1624,33 +1934,63 @@ <span class="ds-bl" >1.娉屽翱绯荤粺鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍚勮嚜鐨勭粨鏋勫強鍔熻兘鏄粈涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFive.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.瀛﹀墠鍎跨鐨勮偩鑴忔湁鍝簺鐗圭偣?鏃ュ父鐢熸椿涓簲濡備綍淇濆仴?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFive.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.瀛﹀墠鍎跨鐨勮唨鑳辨湁浠�涔堢壒鐐�?杩欎簺鐗圭偣瀵艰嚧鍝簺琛ㄧ幇?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFive.qTHree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.涓轰粈涔堝鍓嶅効绔ュ鏄撳嚭鐜伴仐灏跨幇璞�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFive.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.浠�涔堟槸涓婅鎬ф硨灏跨郴缁熸劅鏌�?搴斿浣曢闃�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFive.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.瀛﹀墠鍎跨娉屽翱绯荤粺鐨勬棩甯镐繚鍋ヨ鐐规湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableFive.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -1669,16 +2009,26 @@ <p class="block"> 灏忛箯鏈�杩戝湪瀹堕噷鎬绘槸涓嶅仠鍦颁笂鍘曟墍锛屼竴灏忔椂瑕佸幓濂藉嚑娆★紝涓斿皬渚挎椂缁忓父鎰熷埌鐤肩棝銆傚皬楣忓憡璇夊濡堬紝鍦ㄥ辜鍎垮洯鏃讹紝浠栫粡甯告唻灏匡紝寮�濮嬫劅瑙夋湁鐐瑰翱鎬ワ紝浣嗘唻鐫�鎲嬬潃灏变笉鎯充笂鍘曟墍浜嗐�傜粡璇婃柇锛屽皬楣忔槸鍥犱负鎲嬪翱寮曡捣浜嗗翱璺値鐥囥�傝鏌ラ槄鐩稿叧璧勬枡锛岃皥璋堜綘瀵规浜嬬殑鐪嬫硶銆� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> </div> </div> </div> <!-- 20 --> <div class="page-box" page="20"> - <evenHeaderVue :num="20" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">20</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <div class="fieldset" > <p class="block"> @@ -1688,7 +2038,7 @@ <div class="fl fl-around"> <div class="left" style="width: 35%"> <p class="center" style="margin-top: 0"> - <el-image :src="urology" :preview-src-list="[urology]" /> + <el-image :src="urology" :preview-src-list="[urology]" class="open-image" /> </p> <p class="img">鍥�1-10 娉屽翱绯荤粺妯″紡鍥撅紙鐢锋�э級</p> </div> @@ -1722,7 +2072,13 @@ </div> <!-- 21 --> <div class="page-box" page="21"> - <oddHeaderVue :special="1" :num="21" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">21</span> + </div> + <div class="padding-96"> <p class="t0" >锝�7娆°�傚崐宀佷互鍐咃紝姣忔灏块噺绾︿负30姣崌锛�1宀佹椂绾︿负60姣崌锛�7锝�8宀佹椂绾︿负150姣崌銆�</p> <p> @@ -1761,7 +2117,13 @@ </div> <!-- 22 --> <div class="page-box" page="22"> - <evenHeaderVue :num="22" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">22</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -1849,29 +2211,54 @@ <span class="ds-bl" >1.鐢熸畺绯荤粺鍙垎涓哄摢涓ょ被?鍚勮嚜鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍏跺姛鑳芥槸浠�涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSix.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.瀛﹀墠鍎跨鐢熸畺绯荤粺鏈変粈涔堢壒鐐�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSix.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.瀛﹀墠鍎跨鐢熸畺绯荤粺鐨勬棩甯镐繚鍋ユ帾鏂芥湁鍝簺?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSix.qTHree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.瀛﹀墠鍎跨鐢熸畺鍣ㄥ畼鐨勬竻娲佸崼鐢熷伐浣滄湁鍝簺娉ㄦ剰瑕佺偣?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSix.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.涓轰粈涔堣閲嶈瀛﹀墠鍎跨鏃╂湡鎬ф暀鑲�?濡備綍寮�灞�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSix.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -1890,9 +2277,14 @@ <p class="block"> 鏅氫笂锛岀幉鐜茬珯鐫�灏忎究銆傚濡堥棶濂逛负浠�涔堬紝鐜茬幉璇达細鈥滃辜鍎垮洯鐨勭敺鐢熼兘鏄珯鐫�灏跨殑锛屼负浠�涔堝コ鐢熻韫茬潃锛熲�濆濡堣锛氣�滈偅鏄洜涓虹敺鐢熼暱鐫�灏忛浮楦★紝鎵�浠ワ紝浠栦滑鍙互绔欑潃灏胯�屼笉浼氭妸瑁ゅ瓙灏挎箍銆傗�濊皝鐭ワ紝鐜茬幉绱ф帴鐫�闂亾锛氣�滀负浠�涔堢敺鐢熼暱鐫�灏忛浮楦★紵涓轰粈涔堝濡堟湁涓や釜濂跺瓙鑰岀埜鐖告病鏈夛紵骞煎効鍥殑灏忔湅鍙嬭鎴戞槸浠庡濡堢殑鑳宠偄绐濆嚭鐢熺殑锛屾槸鍚楋紵鈥濆濡堝悆浜嗕竴鎯婏紝绔嬪嵆璇达細鈥滆繖涔堝皬灏遍棶杩欑闂锛岀緸姝讳簡锛岀瓑浣犻暱澶у悗灏变細鐭ラ亾浜嗐�傗�濆濡堝姝ゅ洖绛斿ソ鍚楋紵涓轰粈涔堬紵 </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 鍎跨閫氬父鍦ㄤ袱涓夊瞾鏃朵細瀵规�т骇鐢熷ソ濂囷紝浠栦滑鎯充簡瑙h澶氭湁鍏虫�у樊鍒殑闂锛屽鏋滃ぇ浜哄浠栦滑閲囧彇闅愮瀿鎴栧洖閬跨殑鎬佸害锛屽効绔ュ績涓氨浼氫骇鐢熲�滄�ф槸涓嶅彲浠ョ煡閬撶殑鈥濊蹇碉紝骞跺鎬т骇鐢熶笉姝e綋鐨勫ソ濂囧績銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熸畺绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ュ府鍔╁辜鍎挎暀甯堝湪鏁欒偛鏁欏杩囩▼涓纭紑灞曞鍓嶅効绔ョ敓娈栫郴缁熺殑淇濆仴宸ヤ綔銆� </p> @@ -1904,17 +2296,22 @@ </div> <!-- 23 --> <div class="page-box" page="23"> - <oddHeaderVue :special="1" :num="23" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">23</span> + </div> <div class="padding-96"> <p class="t0" >宸€�佽緭鍗电銆佸瓙瀹拰闃撮亾锛屽鐢熸畺鍣ㄥ寘鎷槾鍞囥�佸皬闃村攪鍜岄槾钂傜瓑锛堣鍥�1-12锛夈��</P> <div class="fl"> <div class="left" style="width: 50%"> - <p class="center"><el-image :src="man" :preview-src-list="[man]" /></p> + <p class="center"><el-image :src="man" :preview-src-list="[man]" class="open-image" /></p> <p class="img">鍥�1-11 鐢锋�х敓娈栫郴缁熺ず鎰忓浘</p> </div> <div class="right" style="width: 50%"> <p class="center"> - <el-image :src="woman" :preview-src-list="[woman]" /> + <el-image :src="woman" :preview-src-list="[woman]" class="open-image" /> </p> <p class="img">鍥�1-12 濂虫�х敓娈栫郴缁熺ず鎰忓浘</p> </div> @@ -1941,7 +2338,13 @@ </div> <!-- 24 --> <div class="page-box" page="24"> - <evenHeaderVue :num="24" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">24</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h4 id="d044">锛堝洓锛夋纭湅寰呭鍓嶅効绔ョ帺寮勭敓娈栧櫒绛変笉鑹幇璞�</h4> <p> @@ -1953,8 +2356,13 @@ </h6> <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0036-3.jpg" /><br /> --> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜斻�佸涔犱富棰樺叚</span> --> - <examinations :cardList="questionData[24]" v-if="questionData" /> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜斻�佸涔犱富棰樺叚</span> + <examinations + :cardList="questionData[24]" + v-if="questionData" + :chapter="1" + :page="24" + /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -2041,33 +2449,63 @@ <span class="ds-bl" >1.浜轰綋涓昏鐨勫唴鍒嗘硨鑵烘湁鍝簺?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSeven.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.鍐呭垎娉岀郴缁熺殑鍔熻兘鏈夊摢浜�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSeven.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.浠�涔堟槸鍛嗗皬鐥�?鍝簺鍥犵礌浼氬奖鍝嶇敳鐘惰吅绱犵殑鐢熺悊鍔熻兘?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSeven.qTHree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.瀛﹀墠鍎跨鐨勮剳鍨備綋鏈変粈涔堢壒鐐�?涓轰粈涔堢潯鐪犱笉瓒充細褰卞搷韬珮鐨勫闀�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSeven.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.浠�涔堟槸渚忕棁?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSeven.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑淇濆仴瑕佺偣鏈夊摢浜�?璧勬簮灏忚创澹�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableSeven.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -2086,9 +2524,14 @@ <p class="block"> 鈥滃尰鐢燂紝鎴戝拰瀛╁瓙浠栫埜閮戒笉鐭紝涓轰粈涔堝瀛愬氨鏄暱涓嶉珮锛熲�濃�滄垜瀹跺瀛愬墠涓ゅ勾闀垮緱鎸哄揩鐨勶紝鍙槸鏈�杩戝崐骞村嵈涓嶉暱浜嗭紝涓嶇煡閬撴槸鎬庝箞鍥炰簨锛熲�濃�︹�﹂潰瀵瑰瀛愮殑韬珮闂锛岃澶氬闀块兘鏈夌枒闂�� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 涓撳鎻愰啋锛屾兂瑕佸瀛愰暱楂橈紝闄や簡娉ㄦ剰钀ュ吇銆佽繍鍔ㄣ�佺潯鐪犵瓑澶栵紝杩樿娉ㄦ剰鏌愪簺鐤剧梾锛屽挨鍏舵槸鍐呭垎娉岀郴缁熺柧鐥咃紝瀹冩槸褰卞搷瀛╁瓙韬珮鏈�甯歌鐨勭柧鐥呭洜绱犮�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑鐢熺悊鐗圭偣鍙婄浉鍏崇殑淇濆仴鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀绉戝瀹夋帓骞煎効鐨勭敓娲伙紝淇濋殰瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑姝e父鍙戣偛鍜岃壇濂藉彂灞曘�� </p> @@ -2124,7 +2567,12 @@ </div> <!-- 25 --> <div class="page-box" page="25"> - <oddHeaderVue :special="1" :num="25" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">25</span> + </div> <div class="padding-96"> <div class="fl"> @@ -2140,7 +2588,7 @@ </div> <div class="right" style="width: 50%"> <p class="center"> - <el-image :src="endocrineImg" :preview-src-list="[endocrineImg]" /> + <el-image :src="endocrineImg" :preview-src-list="[endocrineImg]" class="open-image" /> </p> <p class="img">鍥�1-13 鍐呭垎娉岀郴缁熺ず鎰忓浘</p> </div> @@ -2163,7 +2611,7 @@ </div> <div class="right" style="width: 36%"> <p class="center"> - <el-image :src="stature" :preview-src-list="[stature]" /> + <el-image :src="stature" :preview-src-list="[stature]" class="open-image" /> </p> <p class="img">鍥�1-14 鎴愬勾渚忓剴鐥囨偅鑰呬笌姝e父鎴愪汉鐨勮韩楂樻瘮杈�</p> </div> @@ -2172,7 +2620,13 @@ </div> <!-- 26 --> <div class="page-box" page="26"> - <evenHeaderVue :num="26" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">26</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h4 id="d047">锛堜笁锛夊辜骞存椂鏈熻兏鑵哄彂鑲蹭笉鍏ㄤ細褰卞搷鍏嶇柅鍔熻兘</h4> <p> @@ -2200,7 +2654,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[26]" v-if="questionData" /> </p> <h2 class="module_block" id="b008"> @@ -2276,37 +2730,72 @@ <span class="ds-bl" >1.绁炵粡绯荤粺鐢卞摢浜涢儴鍒嗙粍鎴�?瀹冩湁浠�涔堝姛鑳�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableEnight.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.浠�涔堟槸绁炵粡鍏�?绁炵粡鍏冪敱鍝嚑閮ㄥ垎缁勬垚?绁炵粡鍏冪殑鍔熻兘鏄粈涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableEnight.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.浠�涔堟槸鑴婇珦?鑴婇珦鐨勫姛鑳芥槸浠�涔�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableEnight.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.浠�涔堟槸鍙嶅皠?鍙嶅皠鍒嗕负鍝袱绫�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableEnight.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.鑴戠敱鍝嚑涓儴鍒嗙粨鏋�?鍚勯儴鍒嗙殑鍔熻兘鏄粈涔�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableEnight.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.瀛﹀墠鍎跨绁炵粡绯荤粺鐨勭壒鐐规湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableEnight.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">7.鏃ュ父鐢熸椿涓紝濡備綍瀵瑰鍓嶅効绔ョ殑绁炵粡绯荤粺杩涜淇濆仴?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableEnight.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -2325,9 +2814,14 @@ <p class="block"> 闅忕潃绀句細鐨勫彂灞曞拰绉戞妧鐨勮繘姝ワ紝瓒婃潵瓒婂鐨勪汉璁よ瘑鍒板辜鍎挎棭鏈熸櫤鍔涘紑鍙戝拰鏃╂湡鏁欒偛鐨勯噸瑕佹�с�傜瀛︾殑鏅哄姏寮�鍙戝拰鏃╂湡鏁欒偛搴旇浠庝簡瑙e辜鍎跨殑绁炵粡绯荤粺鍙戣偛鐗圭偣寮�濮嬶紝鑰屼笉鑳界洸鐩嫈楂橈紝鍚﹀垯閫傚緱鍏跺弽銆傚姝わ紝浣犳湁浣曠湅娉曪紵 </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 鏈富棰樿杩板鍓嶅効绔ョ缁忕郴缁熺殑鐢熺悊鐗圭偣鍜岀浉鍏崇殑淇濇暀鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝缁勭粐鏁欒偛娲诲姩锛屽悎鐞嗗紑鍙戝効绔ョ殑鏅哄姏銆� </p> @@ -2336,7 +2830,12 @@ </div> <!-- 27 --> <div class="page-box" page="27"> - <oddHeaderVue :special="1" :num="27" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">27</span> + </div> <div class="padding-96"> <p> 浜轰綋鐨勬柊闄堜唬璋㈣兘澶熸甯歌繘琛岋紝浣撳唴鍚勪釜鍣ㄥ畼銆佺郴缁熻兘澶熷瘑鍒囬厤鍚堝拰鍗忚皟娲诲姩锛屼娇浜轰綋鎴愪负涓�涓粺涓�鐨勬暣浣擄紝骞朵笖涓庡鐣岀幆澧冪浉閫傚簲锛岃繖浜涗富瑕佹槸閫氳繃绁炵粡绯荤粺鐨勮皟鑺備綔鐢ㄥ畬鎴愮殑銆傚洜姝わ紝绁炵粡绯荤粺鏄汉浣撳悇绉嶇敓鐞嗗姛鑳界殑涓昏璋冭妭鑰呫�� @@ -2354,7 +2853,7 @@ </div> <div class="right" style="width: 50%"> <p class="center"> - <el-image :src="nerve" :preview-src-list="[nerve]" /> + <el-image :src="nerve" :preview-src-list="[nerve]" class="open-image" /> </p> <p class="img cneter">鍥�1-15 绁炵粡鍏冩ā寮忓浘</p> </div> @@ -2399,7 +2898,13 @@ </div> <!-- 28 --> <div class="page-box" page="28"> - <evenHeaderVue :num="28" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">28</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h5 id="e032">1.澶ц剳</h5> <p> @@ -2409,13 +2914,13 @@ 澶ц剳鍒嗗乏銆佸彸涓ゅ崐鐞冿紙瑙佸浘1-16锛夛紝琛ㄩ潰鍑瑰嚫涓嶅钩锛屽嚬闄峰绉颁负鈥滄矡鈥濓紝闅嗚捣澶勭О涓衡�滃洖鈥濓紝鈥滄矡鈥濅笌鈥滃洖鈥濆ぇ澶у鍔犱簡澶ц剳鐨勮〃闈㈢Н銆傝緝澶х殑娌熸湁涓ぎ娌熴�佸ぇ鑴戝渚ф矡鍜岄《鏋曟矡锛岃繖浜涙矡灏嗗ぇ鑴戣〃闈㈠垎鎴愰鍙躲�侀《鍙躲�侀鍙跺拰鏋曞彾鍥涢儴鍒嗐�� </p> <p class="center" > - <el-image :src="brainImg" :preview-src-list="[brainImg]" style="width:70%" /> + <el-image :src="brainImg" :preview-src-list="[brainImg]" style="width:70%" class="open-image" /> </p> <p class="img">鍥�1-16 澶ц剳宸︺�佸彸涓ゅ崐鐞冪殑鍔熻兘姣旇緝</p> <div class="fl fl-around"> <div class="left" style="width:48%;margin-right:10px"> <p class="center"> - <el-image :src="brainsImg" :preview-src-list="[brainsImg]" /> + <el-image :src="brainsImg" :preview-src-list="[brainsImg]" class="open-image" /> </p> <p class="img">鍥�1-17 澶ц剳鐨眰鍒嗗尯鍥�</p> </div> @@ -2441,7 +2946,12 @@ </div> <!-- 29 --> <div class="page-box" page="29"> - <oddHeaderVue :special="1" :num="29" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">29</span> + </div> <div class="padding-96"> <h5 id="e035">4.闂磋剳</h5> <p> @@ -2471,7 +2981,7 @@ </p> <p class="img">琛�1-6 浜ゆ劅绁炵粡鍜屽壇浜ゆ劅绁炵粡鐨勪綔鐢ㄤ笌鍖哄埆</p> <p class="center"> - <el-image :src="tableNine" :preview-src-list="[tableNine]" /> + <el-image :src="tableNine" :preview-src-list="[tableNine]" class="open-image" /> </p> <h3 id="c016">浜屻�佸鍓嶅効绔ョ缁忕郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3> <h4 id="d056">锛堜竴锛夎剳鍙戣偛闈炲父杩呴��</h4> @@ -2482,12 +2992,18 @@ </div> <!-- 30 --> <div class="page-box" page="30"> - <evenHeaderVue :num="30" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">30</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p>鑴戠殑杩呴�熺敓闀垮彲浠庤剳璐ㄩ噺鐨勫彉鍖栦笂寰楀埌鍙嶆槧銆備笉鍚屽勾榫勮剳璐ㄩ噺鐨勫彉鍖栬琛�1-7銆�</p> <p class="img">琛�1-7 涓嶅悓骞撮緞鑴戣川閲忕殑鍙樺寲</p> <p class="center"> - <el-image :src="tableTen" :preview-src-list="[tableTen]" /> + <el-image :src="tableTen" :preview-src-list="[tableTen]" class="open-image" /> </p> <h4 id="d057">锛堜簩锛変腑鏋㈢缁忕郴缁熺殑鍙戣偛涓嶅潎琛�</h4> <p> @@ -2518,7 +3034,12 @@ </div> <!-- 31 --> <div class="page-box" page="31"> - <oddHeaderVue :special="1" :num="31" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">31</span> + </div> <div class="padding-96"> <p> 瀛﹀墠鍎跨瀵圭己姘х殑鑰愬彈鍔涗笉濡傛垚浜猴紝濡傛灉灞呭绌烘皵姹℃祳锛岃剳缁嗚優鍙楀棣栧綋鍏跺啿銆傛墍浠ワ紝瀛﹀墠鍎跨鎴夸竴瀹氳瀹氭椂閫氶锛屼互淇濊瘉瀛﹀墠鍎跨瀵规哀姘旂殑闇�姹傘�� @@ -2540,7 +3061,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍏�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍏�</span> <examinations :cardList="questionData[31]" v-if="questionData" /> </p> <h4 id="d065">锛堝叚锛夊畨鎺掍赴瀵岀殑娲诲姩鍙婇�傚綋鐨勪綋鑲查敾鐐�</h4> @@ -2565,7 +3086,13 @@ </div> <!-- 32 --> <div class="page-box" page="32"> - <evenHeaderVue :num="32" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">32</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <div class="fieldset"> <p class="block">2.鍔ㄥ姏瀹氬瀷</p> @@ -2654,43 +3181,83 @@ <span class="ds-bl" >1.浜轰綋鐨勬劅瑙夊櫒瀹樻湁鍝簺?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.鐪笺�佽�炽�佺毊鑲ゅ悇鑷殑缁勬垚缁撴瀯鏄粈涔�?瀹冧滑鍚勬湁浠�涔堝姛鑳�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.瀛﹀墠鍎跨鐨勭溂鐞冩湁浠�涔堢壒鐐�?濡備綍杩涜鐪肩殑淇濆仴?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.浠�涔堝彨鐢熺悊鎬ц繎瑙�?濡備綍棰勯槻鍜岀籂姝�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.瀛﹀墠鍎跨鐨勮�虫湹鏈変粈涔堢壒鐐�?濡備綍杩涜鑰崇殑淇濆仴?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.濡備綍棰勯槻涓�崇値?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">7.瀛﹀墠鍎跨鐨勭毊鑲ゆ湁浠�涔堢壒鐐�?濡備綍杩涜鐨偆淇濆仴?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >8.瀛﹀墠鍎跨鐨勯蓟銆佽垖鏈変粈涔堢壒鐐�?濡備綍杩涜榧汇�佽垖鐨勪繚鍋�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.learnTableNine.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -2709,9 +3276,14 @@ <p class="block"> 濡備粖璧板湪澶ц涓婏紝鏃跺父浼氶亣鍒颁竴涓張涓�涓�滃皬鐪奸暅鈥濓紱瀵掓殤鍋囷紝鍚勫ぇ鍖婚櫌鍎跨鐪肩甯告湁澶ч噺鍓嶆潵灏辫瘖鐨勭溂鐤炬偅鍎裤�傚凡鏈�20澶氬勾骞煎効鏁欒偛宸ヤ綔缁忛獙鐨勭綏鑰佸笀鎰熸叏鍦拌锛氣�滆繎鍑犲勾锛岃鍔涗笉浣崇殑骞煎効鏄庢樉澧炲浜嗐�傗�濆姝わ紝浣犳湁浣曠湅娉曪紵 </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterOneData.experienceNine" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 鐩稿叧璋冩煡鍙戠幇锛屽辜鍎跨殑瑙嗗姏闂宸茬粡鎴愪负瓒婃潵瓒婂鐨勫闀垮拰骞煎効鐨勫洶鎵帮紝鑰屼笖鏈夊勾榫勮秼灏忕殑琛ㄧ幇銆傚辜鍎胯鍔涚殑淇濇姢鍒讳笉瀹圭紦銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勭敓鐞嗙煡璇嗗強淇濊偛淇濆仴瑕佺偣锛屼互甯姪骞煎効鏁欏笀浜嗚В濡備綍淇冭繘瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勬甯稿彂鑲插拰鑹ソ鍙戝睍銆� </p> @@ -2720,7 +3292,12 @@ </div> <!-- 33 --> <div class="page-box" page="33"> - <oddHeaderVue :special="1" :num="33" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">33</span> + </div> <div class="padding-96"> <p> 鎰熻鏄汉浠璇嗕笘鐣岀殑閫斿緞銆傛劅瑙夊寘鎷瑙夈�佸惉瑙夈�佸梾瑙夈�佽Е瑙夈�佸懗瑙夊強鏈綋鎰熻绛夈�傝瑙夊拰鍚鏄汉浠璇嗕笘鐣岀殑涓昏閫斿緞锛屼汉浠幏寰楃殑鐭ヨ瘑70%浠ヤ笂鏉ヨ嚜瑙嗚鍜屽惉瑙夈�� @@ -2765,7 +3342,7 @@ </div> <div class="right" style="width: 35%"> <p class="center"> - <el-image :src="eyesImg" :preview-src-list="[eyesImg]" /> + <el-image :src="eyesImg" :preview-src-list="[eyesImg]" class="open-image" /> </p> <p class="img">鍥�1-18 鐪肩悆缁撴瀯妯″紡鍥�</p> </div> @@ -2785,7 +3362,13 @@ </div> <!-- 34 --> <div class="page-box" page="34"> - <evenHeaderVue :num="34" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">34</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="t0" > 闆嗕腑鐢ㄧ溂涓�娈垫椂闂村悗搴旇繙鏈涙垨鍒版埛澶栨椿鍔紝浠ユ秷闄ょ溂鐨勭柌鍔炽�傗懁瀹规槗瀵艰嚧鍎跨鐢ㄧ溂鏃堕棿杩囬暱鐨勬椿鍔ㄤ富瑕佹槸鐪嬬數瑙嗐�佺帺鐢靛瓙娓告垙绛夛紝鍥犳锛岃闄愬埗鍎跨杩涜姝ょ被娲诲姩鐨勬椂闂达紝涓�鑸瘡鍛�1锝�2娆★紝澶с�佷腑鐝辜鍎夸笉瓒呰繃30鍒嗛挓锛屽皬鐝辜鍎挎瘡娆′笉瓒呰繃15鍒嗛挓锛岀湅瀹岀數瑙嗗拰鐜╁畬鐢靛瓙娓告垙鍚庡簲閫傚綋杩涜鎴峰娲诲姩銆� @@ -2845,7 +3428,13 @@ </div> <!-- 35 --> <div class="page-box" page="35"> - <oddHeaderVue :special="1" :num="35" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">35</span> + </div> + <div class="padding-96"> <div class="fl fl-around"> <div class="left" style="width: 40%"> @@ -2855,7 +3444,7 @@ </div> <div class="right" style="width: 58%"> <p class="center"> - <el-image :src="ersImg" :preview-src-list="[ersImg]" /> + <el-image :src="ersImg" :preview-src-list="[ersImg]" class="open-image" /> </p> <p class="img">鍥�1-19 鑰崇殑缁撴瀯鍥�</p> </div> @@ -2878,7 +3467,7 @@ </div> <div class="right" style="width: 48%"> <p class="center"> - <el-image :src="erImg" :preview-src-list="[erImg]" /> + <el-image :src="erImg" :preview-src-list="[erImg]" class="open-image" /> </p> <p class="img">鍥�1-20 鎴愪汉鍜屽鍓嶅効绔ュ捊榧撶涔嬫瘮杈�</p> </div> @@ -2893,7 +3482,13 @@ </div> <!-- 36 --> <div class="page-box" page="36"> - <evenHeaderVue :num="36" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">36</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p> 瀛﹀墠鍎跨鎸栬�虫湹銆傚洜涓鸿繖浜涢攼鍒╃殑宸ュ叿鏄撶浼ゅ鑰抽亾鐨偆锛屽紩鍙戞劅鏌擄紝杩樻湁鍙兘鎴崇牬榧撹啘锛屽奖鍝嶅惉鍔涖�� @@ -2945,7 +3540,12 @@ </div> <!-- 37 --> <div class="page-box" page="37"> - <oddHeaderVue :special="1" :num="37" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">37</span> + </div> <div class="padding-96"> <div class="fieldset"> <p class="block"> @@ -3020,7 +3620,13 @@ </div> <!-- 38 --> <div class="page-box" page="38"> - <evenHeaderVue :num="38" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">38</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p> 浠ワ紝鐨偆鏄劅瑙夊櫒瀹樸�� @@ -3058,7 +3664,12 @@ </div> <!-- 39 --> <div class="page-box" page="39"> - <oddHeaderVue :special="1" :num="39" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">39</span> + </div> <div class="padding-96"> <p class="t0" > 鐨偆鐨勮娴侀噺鐩稿姣旀垚浜哄锛屾暎鐑浉瀵硅緝蹇�佽緝澶氾紝鍔犱箣瀛﹀墠鍎跨鐨偆鐨勮〃闈㈢Н杈冨ぇ锛屾暎鐑篃杈冩垚浜哄锛屽洜姝ゅ湪澶栫晫鐜娓╁害鎬ュ墽鍙樺寲鏃讹紝瀹规槗鍙樺噳鎴栦腑鏆戙�� @@ -3102,7 +3713,13 @@ </div> <!-- 40 --> <div class="page-box" page="40"> - <evenHeaderVue :num="40" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">40</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <div class="fieldset" > <p class="block t0" >鑷�閮ㄧ毊涓嬭剛鑲赴婊★紝鑵归儴鐨笅鑴傝偑杈冭杽锛屾鐐逛笌鎴愪汉鐩稿弽銆�6锝�8涓湀鍚庯紝濠村効鐨勭毊涓嬭剛鑲敓闀垮噺缂擄紝3宀佸悗涓嶅啀鐢熼暱锛屽埌8宀佸悗鍙堢敓闀胯繀閫燂紝鐗瑰埆鏄コ瀛┿��</p> @@ -3138,7 +3755,7 @@ </h6> <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> --> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涔�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涔�</span> <examinations :cardList="questionData[40]" v-if="questionData"/> </p> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> @@ -3151,6 +3768,7 @@ 1.瀛﹀墠鍎跨鍏宠妭绐濊緝娴咃紝鍛ㄥ洿闊у甫杈冧负鏉惧紱锛屾槗鍙戠敓鑴辫嚰銆傦紙<input type="text" class="judge-input" + v-model="chapterOneData.question.judge.qOne" />锛� </p> <p class="block"> @@ -3160,24 +3778,32 @@ </div> <!-- 41 --> <div class="page-box" page="41"> - <oddHeaderVue :special="1" :num="41" /> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">41</span> + </div> <div class="padding-96"> <p class="block t0"> 鎼忋�傛祴閲忚剦鎼忔椂锛屾垜浠細鍙戠幇瀛﹀墠鍎跨鐨勮剦鎼忔瘮鎴愪汉蹇�傦紙<input type="text" class="judge-input" + v-model="chapterOneData.question.judge.qTwo" />锛� </p> <p class="block"> 3.闅忕潃瀛﹀墠鍎跨绁炵粡绯荤粺鍙戣偛鐨勪笉鏂畬鍠勶紝3锝�4宀佸辜鍎胯兘澶熷緢瀹规槗鐢荤洿绾裤�傦紙<input type="text" class="judge-input" + v-model="chapterOneData.question.judge.qThree" />锛� </p> <p class="block"> 4.鍥犱负鐫$湢鏃跺悇鍣ㄥ畼鎵�闇�瑕佺殑琛�娑查噺姣旀椿鍔ㄦ椂灏戝緱澶氾紝鑳藉噺杞诲績鑴忕殑璐熸媴銆傚洜姝わ紝瑕佷繚璇佸鍓嶅効绔ュ厖瓒崇殑鐫$湢锛岃嚦浜庝粈涔堟椂鍊欑潯骞朵笉閲嶈銆傦紙<input type="text" class="judge-input" + v-model="chapterOneData.question.judge.qFour" />锛� </p> <p class="block"><b>浜屻�佸~绌�</b></p> @@ -3185,34 +3811,41 @@ 1.骞煎効绌跨殑闉嬭繃灏忎細褰卞搷<input type="text" class="lineInput completion-input" + v-model="chapterOneData.question.fill.qOne.one" />鐨勬甯稿彂鑲层�傚辜鍎胯繃浜庤偉鑳栵紝璧拌矾銆佺珯绔嬫椂闂磋繃闀匡紝鎴栬礋閲嶈繃搴︼紝閮藉彲鑳藉鑷磋冻寮撳闄凤紝寮曡捣<input type="text" class="lineInput completion-input" + v-model="chapterOneData.question.fill.qOne.two" />銆� </p> <p class="block"> 2.缁忓父鍙傚姞鎴峰娲诲姩鍜屼綋鑲查敾鐐硷紝鍙互澧炲己瀛﹀墠鍎跨<input type="text" class="lineInput completion-input" + chapterOneData.question.fill.qTwo.one />鐨勫姏閲忥紝淇冭繘鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鍏�<input type="text" class="lineInput completion-input" + chapterOneData.question.fill.qTwo.two />銆� </p> <p class="block"> 3.瀛﹀墠鍎跨鑲濊剰鐩稿杈冨ぇ锛屼絾鑲濊剰鐨�<input type="text" class="lineInput completion-input" + chapterOneData.question.fill.qThree.one />杈冨樊锛屾墍浠ワ紝濠村辜鍎跨敤鑽墏閲忚姣旀垚浜哄皬锛涘鍓嶅効绔ヨ倽绯栧師鍌ㄥ瓨杈冨皯锛岄ゥ楗挎椂鏄撳彂鐢�<input type="text" class="lineInput completion-input" + chapterOneData.question.fill.qThree.two />锛涘鍓嶅効绔ョ殑鑳嗘眮鍒嗘硨涔熻緝灏戯紝鍥犳瀵瑰樊銆� </p> <p class="block"> 4.瀛﹀墠鍎跨楂樼骇绁炵粡娲诲姩鐨勭壒鐐规槸<input type="text" class="lineInput completion-input" - />杩囩▼寮轰簬<input type="text" class="lineInput completion-input" />杩囩▼銆� + chapterOneData.question.fill.qThree.one + />杩囩▼寮轰簬<input type="text" class="lineInput completion-input" chapterOneData.question.fill.qThree.two />杩囩▼銆� </p> <p class="block"> 5.涓轰繚鎶ゅ鍓嶅効绔ョ殑瑙嗗姏锛岃瀹氭湡涓哄鍓嶅効绔ヨ皟鎹㈠骇浣嶏紝浠ラ槻<input @@ -3228,42 +3861,49 @@ style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterOneData.question.short.qOne" ></textarea> <p class="block">2.瀛﹀墠鍎跨澹板甫鏈変粈涔堢壒鐐癸紵鎬庢牱淇濇姢澹板甫锛�</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterOneData.question.short.qTwo" ></textarea> <p class="block">3.涔崇墮鏈夊摢浜涚敓鐞嗗姛鑳斤紵濡備綍淇濇姢涔崇墮锛�</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterOneData.question.short.qThree" ></textarea> <p class="block">4.瀛﹀墠鍎跨鐨偆鏈夊摢浜涚壒鐐癸紵濡備綍淇濇姢鐨偆锛�</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterOneData.question.short.qFour" ></textarea> <p class="block">5.瀛﹀墠鍎跨鐨勭溂鐫涙湁鍝簺鐢熺悊鐗圭偣锛熷浣曚繚鎶ょ溂鐫涳紵</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterOneData.question.short.qFive" ></textarea> <p class="block">6.瀛﹀墠鍎跨鐨勮�虫湁鍝簺鐢熺悊鐗圭偣锛熸�庢牱淇濇姢鑰筹紵</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterOneData.question.short.qSix" ></textarea> <p class="block">7.璁粌瀛﹀墠鍎跨鍡呰銆佸懗瑙夊拰瑙﹁鏈夊摢浜涙剰涔夛紵濡備綍璁粌锛�</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterOneData.question.short.qSeven" ></textarea> <div> <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p> @@ -3287,7 +3927,13 @@ </div> <!-- 42 --> <div class="page-box" page="42"> - <evenHeaderVue :num="42" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">42</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="block">6.鏌ヨ祫鏂欙紝鎬荤粨瀛﹀墠鍎跨鑲ヨ儢鍜屾�ф棭鐔熺殑鍘熷洜銆�</p> <p class="block"> @@ -3307,29 +3953,18 @@ <examinations :cardList="questionData[421]" v-if="questionData" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[422]" v-if="questionData" /> + <examinations :cardList="questionData[422]" v-if="questionData" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 fl fl-di fl-cn" style="text-indent: 0"> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> + <textarea + cols="30" + rows="20" + v-model="chapterOneData.introspection" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="800" + class="w100 ta-br textarea-text" + ></textarea> </p> </div> </div> @@ -3351,7 +3986,6 @@ return { // 瀛︿範涓� introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"), - taskSheet: require("../../../assets/images/chapterOne/task-sheet.png"), bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"), foot1: require("../../../assets/images/chapterOne/foot-01.png"), foot2: require("../../../assets/images/chapterOne/foot-02.png"), @@ -3381,21 +4015,14 @@ blood: require("../../../assets/images/chapterOne/0024-1.jpg"), tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"), tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"), - taskThree: require("../../../assets/images/chapterOne/task-sheet3.png"), - taskFour: require("../../../assets/images/chapterOne/task-sheet4.png"), digestion: require("../../../assets/images/chapterOne/0028-1.jpg"), tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"), tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"), - taskFive: require("../../../assets/images/chapterOne/task-sheet5.png"), urology: require("../../../assets/images/chapterOne/0033-1.jpg"), - taskSix: require("../../../assets/images/chapterOne/task-sheet6.png"), man: require("../../../assets/images/chapterOne/0036-1.jpg"), woman: require("../../../assets/images/chapterOne/0036-2.jpg"), - taskSeven: require("../../../assets/images/chapterOne/task-sheet7.png"), endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"), stature: require("../../../assets/images/chapterOne/0038-2.jpg"), - taskenight: require("../../../assets/images/chapterOne/task-sheet8.png"), - taskNine: require("../../../assets/images/chapterOne/task-sheet9.png"), nerve: require("../../../assets/images/chapterOne/0040-1.jpg"), brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"), brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"), @@ -3426,22 +4053,172 @@ pathSeven:'', pathEight:'', pathNine:'', - pathTen:'' + pathTen:'', + saveTime:20, + chapterOneData:{ + experienceOne:'', + experienceTwo:'', + experienceThree:'', + experienceFour:'', + experienceFive:'', + experienceSix:'', + experienceSeven:'', + experienceEnight:'', + experienceNine:'', + introspection:'', + learnTableOne:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + qEight:'', + qNine:'', + }, + learnTableTwo:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + qEight:'', + qNine:'', + }, + learnTableThree:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + qEight:'', + qNine:'', + }, + learnTableFour:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + qEight:'', + qNine:'', + }, + learnTableFive:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + qEight:'', + qNine:'', + }, + learnTableSix:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + }, + learnTableSeven:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + }, + learnTableEnight:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + qEight:'', + qNine:'', + }, + learnTableNine:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + qEight:'', + }, + question:{ + judge:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + }, + fill:{ + qOne:{ + one:'', + two:'' + }, + qTwo:{ + oen:'', + two:'' + }, + qThree:{ + one:'', + two:'' + }, + qFour:{ + one:'', + two:'' + }, + qFive:{ + one:'', + two:'' + }, + }, + short:{ + qOne:'', + qTwo:'', + qThree:'', + qFour:'', + qFive:'', + qSix:'', + qSeven:'', + } + } + } }; }, async mounted() { - this.$data.questionData = await getQuestionData(testData[1]) - console.log('棰樼洰',this.$data.questionData ); - this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1') - this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed') - this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6') - this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58') - this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618') - this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641') - this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f') - this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d') - this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9') - this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d') + 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.getVideoPath() + }, + unmounted() { + if(window.timerOne) { + clearInterval(window.timerOne) + } + localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData)) }, methods: { changeResources(type) { @@ -3469,18 +4246,35 @@ this.$data.learnTableNine = !this.$data.learnTableNine } }, - // getQuestionList() { - // const testData = this.$store.state.testList.find( - // (item) => item.name == "涓撻涓�鎬昏 浜轰綋姒傝堪娴嬮獙棰�" - // ); - // this.$data.productLinkPath = testData.productLinkPath; - // if (this.$refs.examinationOne) this.$refs.examinationOne.getIdPathList(); - // }, + getVideoPath() { + this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1') + this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed') + this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6') + this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58') + this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618') + this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641') + this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f') + this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d') + this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9') + this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d') + }, + saveChapterOneData() { + // 璁板綍绗竴寮犺緭鍏ユ暟鎹� + console.log('20miao'); + this.saveTime = 20 + console.log(this.chapterOneData); + localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData)) + } }, }; </script> <style lang="less" scoped> +.block { + /deep/ .el-textarea__inner { + font-family: "STKaiti"; + } +} p { line-height: 2em !important; text-align:justify !important; diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue index 2a67fcb..1e8a046 100644 --- a/src/books/childHealth/view/content/components/chapter002.vue +++ b/src/books/childHealth/view/content/components/chapter002.vue @@ -35,12 +35,22 @@ 涓撻瀵煎 </h6> <p class="blockh6 m0-t0"> - <el-image :src="special" :preview-src-list="[special]" /> + <el-image + :src="special" + :preview-src-list="[special]" + class="open-image" + /> </p> </div> <!-- 44 --> <div class="page-box" page="44"> - <evenHeaderVue :num="44" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">44</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h2 class="module_block" id="b010"> <div class="custom1">瀛︿範涓婚涓�</div> @@ -111,45 +121,90 @@ <span class="ds-bl" >1.浠�涔堟槸鐢熼暱?浠�涔堟槸鍙戣偛?浠�涔堟槸鎴愮啛?鐢熼暱涓庡彂鑲叉槸浠�涔堝叧绯�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.瀹為檯宸ヤ綔涓竴鑸皢瀛﹀墠鍎跨鐨勭敓闀垮彂鑲插垝鍒嗕负鍝嚑涓樁娈�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">3.鈥滃崄鏈堟��鑳庘�濇槸鏁村崄涓湀鍚�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.鑳庡効鏈熺殑鐗圭偣鏈夊摢浜�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.鏂扮敓鍎挎湡鏈夊摢浜涚壒鐐�??</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.濠村効鏈熷寘鎷柊鐢熷効鏈熷悧?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >7.濠村効浠�涔堟椂鍊欐柇濂跺悎閫傦紝鏈夋病鏈夋槑纭瀹�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">8.骞煎効鍓嶆湡鐨勪富瑕佺壒鐐规湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">9.濡備綍鍋氬ソ骞煎皬琛旀帴涓殑淇濆仴宸ヤ綔?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableOne.qNine" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -168,9 +223,14 @@ <p class="block"> 瀛﹀墠鏈熷効绔ョ敓闀垮彂鑲茶繀閫燂紝鏂扮敓濠村効鏇存槸涓�澶╀竴涓牱銆傚埆鐪嬪垰鍑虹敓鐨勫┐鍎挎瘡澶╂湁2/3鐨勬椂闂撮兘鍦ㄧ潯瑙夛紝鍙�2涓湀鍚庯紝浠栧氨鎴愪簡涓�涓�滅溂瑙傚叚璺�佽�冲惉鍏柟鈥濈殑娲绘臣鍙埍鐨勫皬瀹濆疂锛�1宀佸悗锛屼粬涓嶄絾浼氱敤寰瑧鏉ュ紩璧蜂綘鐨勬敞鎰忥紝鐢氳嚦浼氱洿鎺ュぇ澹板枈浣犵殑鍚嶅瓧锛�3宀佷互鍚庯紝浠栧氨瑕佺寮�瀹跺涵锛岃繘鍏ュ辜鍎垮洯鍟︹�︹�﹁鍚戠埗姣嶄簡瑙e鍓嶅効绔ョ殑鐢熼暱鍙戣偛鍚庝笌鍚屽浜ゆ祦銆� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.experienceOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 鏈富棰樹富瑕佽杩扮敓闀裤�佸彂鑲插拰鎴愮啛鐨勬蹇碉紝闃愯堪瀛﹀墠鍎跨鍚勫勾榫勬鐨勫垝鍒嗗強鍚勯樁娈电敓闀垮彂鑲茬殑鐗圭偣锛屼互甯姪淇濇暀浜哄憳鏍规嵁瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勭壒鐐圭瀛﹀湴寮�灞曚繚鏁欏伐浣溿�� </p> @@ -228,7 +288,10 @@ </div> <!-- 45 --> <div class="page-box" page="45"> - <oddHeaderVue :special="2" :num="45" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">45</span> + </div> <div class="padding-96"> <p class="m0-t0">鑳庡効鐨勫懆榫勫嵆涓鸿儙榫勬垨濡婂榫勩��</p> <p> @@ -261,7 +324,13 @@ </div> <!-- 46 --> <div class="page-box" page="46"> - <evenHeaderVue :num="46" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">46</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="t0"> 鍠勶紝浣垮緱璇█鍜屽姩浣滅殑鍙戝睍鍑虹幇浜嗛璺冦�傛櫤鍔涘彂灞曞蹇紝鐞嗚В鑳藉姏閫愭笎鍔犲己锛屾眰鐭ユ寮猴紝濂藉蹇冨己銆佸ソ闂�佸ソ妯′豢銆傝繍鍔ㄧ殑鍗忚皟鑳藉姏閫愭笎瀹屽杽锛屽彲浠ヤ粠浜嬩竴浜涜緝缁嗚嚧鐨勬墜宸ュ拰杞诲井浣撳姏鍔冲姩锛屼篃鑳藉涔犵畝鍗曠殑鏂囧瓧銆佸浘鐢诲強姝岃埃锛屼负鍏ュ皬瀛﹀涔犲瀹氫簡鍩虹銆� @@ -275,8 +344,8 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[46]" /> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> --> </p> <h2 class="module_block" id="b011"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -353,59 +422,114 @@ <tr> <td> <span class="ds-bl">1.鍚嶈瘝瑙i噴:鐢熼暱鍙戣偛瑙勫緥銆�</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">2.瀛﹀墠鍎跨鐢熼暱鍙戝睍鐨勮寰嬫湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.浠�涔堟槸鐢熼暱鍙戣偛鐨勮繛缁��?浠�涔堟槸鐢熼暱鍙戣偛鐨勯樁娈垫��?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">4.浠�涔堟槸鐢熼暱鍙戣偛鐨勭▼搴忔��?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >5.浜轰綋鍣ㄥ畼鎴栬�呯郴缁熸湁鍝簺鐢熼暱鍙戣偛妯″紡?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">6.浠�涔堟槸鐢熼暱鍙戣偛鐨勪笉鍧囪 鎬�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">7.浠�涔堝彨杩借刀鎬х敓闀�?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">8.浣犲惉璇磋繃鍏抽敭鐢熼暱鏈熷悧?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qEnight" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >9.鍦ㄥ┐骞煎効鐨勭敓闀垮彂鑲茶繃绋嬩腑锛屽姩浣滃彂灞曠殑涓�鑸『搴忔槸鎬庢牱鐨�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qNine" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >10.鍝簺绯荤粺鐨勭敓闀垮彂鑲叉ā寮忓睘浜�-涓�鑸瀷"?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qTen" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" - >涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span + >11.涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableTwo.qEvelen" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -422,9 +546,14 @@ <p class="block"> 涓轰粈涔堟湁鐨勫瀛愯璇濇棭锛屾湁鐨勫瀛愯璇濇櫄锛熶负浠�涔堝悓骞撮緞鐨勭敺瀛╁拰濂冲鍦ㄨ韩楂樸�佷綋閲嶄笂鏈夊樊寮傦紵涓轰粈涔堝煄甯傚拰鍐滄潙鐨勫悓榫勫瀛愬湪韬珮銆佷綋閲嶄笂涔熸湁宸紓锛� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.experienceTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 浜轰綋鐨勭敓闀垮彂鑲插悓鍏朵粬浜嬬墿涓�鏍凤紝涔熸湁鑷韩鐨勫瑙傝寰嬨�傝繖涓寰嬫槸姝e父浜轰綋鍦ㄤ竴瀹氱敓娲绘潯浠朵笅鐢熼暱鍙戣偛鐨勫繀鐒惰秼鍔垮拰鏈川鑱旂郴銆傜爺绌跺鍓嶅効绔ユ甯哥殑鐢熼暱鍙戣偛瑙勫緥锛屾墠鍙兘鍙戠幇寮傚父銆佸鎵惧師鍥狅紝浠ヤ究绾犳鎴栨不鐤楋紝骞惰娉曚績杩涘叾姝e父鐨勭敓闀垮拰鍙戣偛銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勮寰嬶紝浠ュ府鍔╁辜鏁欏伐浣滆�呮纭垽鏂拰鍒嗘瀽鎸囧瀛﹀墠鍎跨鐨勭敓闀垮彂鑲蹭繚鍋ュ伐浣溿�� </p> @@ -466,7 +595,10 @@ </div> <!-- 47 --> <div class="page-box" page="47"> - <oddHeaderVue :special="2" :num="47" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">47</span> + </div> <div class="padding-96"> <p class="t0"> 瀛︿細鍙戦煶锛屽悓鏃跺浼氬惉鎳傚崟璇嶏紱鍚冨浐浣撻鐗╀箣鍓嶏紝鍏堝悆鍗婃祦璐ㄩ鐗╋紱浼氳蛋璺箣鍓嶅繀鍏堢粡杩囨姮澶淬�佽浆澶淬�佺炕韬�佸潗銆佺珯绔嬬瓑鍙戣偛姝ラ銆傚彲瑙侊紝閭d簺鐪嬩笂鍘讳技涔庢槸绐佺劧鐨勯潪杩炵画鎬х殑浜嬩欢锛屼簨瀹炰笂鏄棩澶嶄竴鏃ョН绱殑缁撴灉銆� @@ -494,7 +626,11 @@ </div> <div class="right" style="width: 35%"> <p class="center"> - <el-image :src="most" :preview-src-list="[most]" /> + <el-image + :src="most" + :preview-src-list="[most]" + class="open-image" + /> </p> <p class="img">鍥�2-1 韬綋鍣ㄥ畼鎴栫郴缁熺殑鍥涚鐢熼暱鍙戣偛妯″紡</p> </div> @@ -506,7 +642,13 @@ </div> <!-- 48 --> <div class="page-box" page="48"> - <evenHeaderVue :num="48" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">48</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <h5 id="e067">3.娣嬪反绯荤粺鍨�</h5> <p> @@ -544,7 +686,10 @@ </div> <!-- 49 --> <div class="page-box" page="49"> - <oddHeaderVue :special="2" :num="49" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">49</span> + </div> <div class="padding-96"> <p class="t0"> 璧蜂綔鐢ㄧ殑鍥犵礌锛岄兘鍙兘褰卞搷鍒板涓郴缁熴�備緥濡傦紝閫傚綋鐨勪綋鑲查敾鐐间笉浠呰兘淇冭繘杩愬姩绯荤粺鐨勫彂鑲诧紝鑰屼笖鑳戒績杩涘懠鍚哥郴缁熴�佸惊鐜郴缁熷拰绁炵粡绯荤粺鐨勫彂鑲层�� @@ -572,7 +717,7 @@ </h6> <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> --> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[49]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -589,7 +734,13 @@ </div> <!-- 50 --> <div class="page-box" page="50"> - <evenHeaderVue :num="50" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">50</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <div class="fieldset"> <p class="t0">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p> @@ -680,43 +831,78 @@ <tr> <td> <span class="ds-bl">1.褰卞搷鍎跨鐢熼暱鍙戣偛鐨勫厛澶╁洜绱犳湁鍝簺?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qOne" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >2.鍚屽嵉鍙岃優鑳庡湪鐢熼暱鍙戣偛杩囩▼涓繚鎸佺浉鍚岀殑鍥犵礌鏈夊摢浜�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >3.鐜鍥犵礌褰卞搷鐢熼暱鍙戣偛鐨勮繘绋嬶紝涓昏鍖呮嫭鍝簺鍥犵礌?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >4.閫傚綋鐨勪綋鑲查敾鐐间細瀵圭敓闀垮彂鑲蹭骇鐢熷摢浜涘奖鍝�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qFour" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10">5.瀛h妭瀵瑰効绔ョ敓闀垮彂鑲叉湁鍝簺褰卞搷?</span> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qFive" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >6.涓轰粈涔堝悓鍗靛弻鑳炶儙涔熷瓨鍦ㄥ緢澶氫笉鍚岀壒寰�?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qSix" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> <span class="ds-bl mt-10" >7.闄や簡鏁欐潗鎻愬埌鐨勫洜绱狅紝杩樻湁鍝簺鍚庡ぉ鍥犵礌鍙兘浼氬奖鍝嶅効绔ョ殑鐢熼暱鍙戣偛?</span > - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> - <input type="text" class="lineInput w100" /> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.learnTableThree.qSeven" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br textarea-text" + ></textarea> </td> </tr> <tr> @@ -737,7 +923,7 @@ src="../../../assets/images/icon/video.png" alt="" @click="changeResources('videoState')" - class="btn " + class="btn" /> </div> <div v-if="videoState"> @@ -763,9 +949,14 @@ <p class="block"> 瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘�� </p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> - <p class="block"><input type="text" class="lineInput" /></p> + <textarea + cols="30" + rows="4" + v-model="chapterTwoData.experienceThree" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="300" + class="w100 ta-br fm-st cl-66 fz-14" + ></textarea> <p class="block"> 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆� </p> @@ -778,9 +969,14 @@ </div> <!-- 51 --> <div class="page-box" page="51"> - <oddHeaderVue :special="2" :num="51" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">51</span> + </div> <div class="padding-96"> - <p class="t0">鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃��</p> + <p class="t0"> + 鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃�� + </p> <p> 鐢熼暱鍙戣偛鐨勫悇椤瑰舰鎬佹寚鏍囧拰鐢熺悊鎸囨爣锛屽韬珮銆佷綋閲嶃�佺毊涓嬭剛鑲�佽鍘嬬瓑閮芥湁涓嶅悓绋嬪害鐨勯仐浼犲�惧悜锛屽叾涓韩楂樼殑閬椾紶鍊惧悜鏇翠负鏄庢樉锛屽湪鑹ソ鐢熸椿鐜褰卞搷涓嬬殑鍎跨锛屾垚骞磋韩楂樺湪寰堝ぇ绋嬪害涓婂彇鍐充簬鐖舵瘝鐨勮韩楂樸�備竴鑸埗姣嶉珮瀛愬コ涔熼珮锛岀埗姣嶇煯瀛愬コ涔熺煯锛岃繖灏变负韬珮棰勬祴鍒涢�犱簡鏉′欢銆� </p> @@ -806,13 +1002,20 @@ 鍥犳锛岀Н鏋侀槻娌诲効绔ヤ紶鏌撶梾鍜屽瘎鐢熻櫕鐥呯瓑甯歌鐥咃紝瀵逛繚璇佸効绔ョ殑姝e父鍙戣偛鏄崄鍒嗛噸瑕佺殑銆� </p> <h4 id="d087">锛堜笁锛変綋鑲查敾鐐煎拰鍔冲姩</h4> - <p>浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲</p> + <p> + 浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲 + </p> </div> </div> <!-- 52 --> - <div class="page-box" page="52"> - <evenHeaderVue :num="52" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">52</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="t0"> 浠h阿锛屾彁楂樺懠鍚搞�佽繍鍔ㄥ拰寰幆绯荤粺鐨勫姛鑳斤紝鐗瑰埆鑳戒績杩涢楠煎拰鑲岃倝鐨勫彂鑲层�傚洜姝わ紝鍎跨缁忓父鍙傚姞浣撹偛閿荤偧锛屼笉浠呭彲浣胯倢绾ょ淮鍙樼矖锛岃倢鑲夎川閲忓鍔狅紝鑰屼笖鑳戒績杩涢楠肩殑鐢熼暱鍙戣偛锛屽姞閫熼鐨勯挋鍖栵紝浣块璐ㄦ洿鍔犵矖澹潥瀹烇紝鍚屾椂涔熶績杩涗簡闊у甫鐨勫彂鑲诧紝澧炲姞浜嗗叧鑺傜殑鐗㈠浐鎬у拰鐏垫椿鎬с�� @@ -840,19 +1043,26 @@ 姝ゅ锛屽ぇ姘斻�佹按鍜屽湡澹や腑鏈夊鐗╄川鐨勬薄鏌擄紝浠ュ強鍣0鐨勫嵄瀹筹紝瀵瑰効绔ョ敓闀垮彂鑲蹭篃鏈変笉鑹奖鍝嶃�� </p> <h6 class="Conclusion-title2"> - <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" /> + <img + class="img-gn" + alt="" + src="../../../assets/images/icon/ycs.png" + /> 浜戞祴璇� </h6> <p class="blockh6-c center"> <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> --> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[52]" /> </p> </div> </div> <!-- 53 --> <div class="page-box" page="53"> - <oddHeaderVue :special="2" :num="53" /> + <div class="page-header-box"> + <span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span> + <span class="page-header-num">53</span> + </div> <div class="padding-96"> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -882,30 +1092,40 @@ 1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qOne" />锛� </p> <p class="block"> 2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qTwo" />锛� </p> </div> </div> <!-- 54 --> <div class="page-box" page="54"> - <evenHeaderVue :num="54" /> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">54</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> <p class="block"> 3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qThree" />锛� </p> <p class="block"> 4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙<input type="text" class="judge-input" + v-model="chapterTwoData.question.judge.qFour" />锛� </p> <p class="block"><b>浜屻�佸~绌�</b></p> @@ -913,42 +1133,55 @@ 1.濠村効鏈熺殑鍔ㄤ綔鍙戣偛棣栧厛鏄細鎶ご銆佽浆澶达紝鐒跺悗浼氱炕韬�佸潗锛屾渶鍚庝細绔欑珛銆佽璧帮紝杩欐槸閬靛惊浜�<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qOne.one" />鐨勮寰嬨�� </p> <p class="block"> 2.浜虹殑鐢熼暱鍙戣偛閫熷害鏇茬嚎骞朵笉鏄殢骞撮緞鍛�<input type="text" class="lineInput completion-input" - />涓婂崌锛岃�屾槸<input type="text" class="lineInput completion-input" />涓婂崌銆� + v-model="chapterTwoData.question.fill.qTwo.one" + />涓婂崌锛岃�屾槸<input + type="text" + class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qTwo.Two" + />涓婂崌銆� </p> <p class="block"> 3.閬椾紶鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.one" />鎬э紝鐜鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.Two" />鎬с�傚鍓嶅効绔ョ殑鐢熼暱鍙戣偛灏辨槸涓綋鐨�<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.Three" />鍥犵礌涓�<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qThree.Four" />鍥犵礌鐩镐簰浣滅敤鐨勮繃绋嬨�� </p> <p class="block"> 4.钀ュ吇鏄繚璇佸辜鍎跨敓闀垮彂鑲茬殑<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qFour.one" />鍩虹銆� </p> <p class="block"> 5.鐖舵瘝鐨勭ぞ浼氬湴浣嶃�佺粡娴庣姸鍐点�佺礌璐ㄥ強鏁欒偛鏂瑰紡閮戒細褰卞搷瀛﹀墠鍎跨鐨勭敓闀垮彂鑲诧紝杩欎綋鐜颁簡<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qFive.one" />鍥犵礌鐨勫奖鍝嶏紱鍐滄潙骞煎効鍜屽煄甯傚辜鍎跨敓闀垮彂鑲茬姸鍐典笉鍚岋紝杩欎綋鐜颁簡<input type="text" class="lineInput completion-input" + v-model="chapterTwoData.question.fill.qFive.Two" />鍥犵礌瀵瑰鍓嶅効绔ョ敓闀垮彂鑲茬殑褰卞搷銆� </p> <p class="block"><b>涓夈�佹�濊��</b></p> @@ -957,12 +1190,14 @@ style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterTwoData.question.short.qOne" ></textarea> <p class="block">2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳湁鍝簺锛�</p> <textarea style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" + v-model="chapterTwoData.question.short.qOne" ></textarea> <div> <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p> @@ -977,7 +1212,11 @@ 3.鏍规嵁骞撮緞鐗圭偣锛屼负鏌愪竴骞撮緞娈电殑瀛﹀墠鍎跨鍒跺畾涓�浠戒竴鏃ョ敓娲绘棩绋嬭〃銆� </p> <h6 class="Conclusion-title2"> - <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" /> + <img + class="img-gn" + alt="" + src="../../../assets/images/icon/ycs.png" + /> 浜戞祴璇� </h6> <p class="blockh6-c"> @@ -990,10 +1229,14 @@ </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> - <input type="text" class="lineInput lh" /> + <textarea + cols="30" + rows="6" + v-model="chapterTwoData.introspection" + placeholder="璇疯緭鍏ュ唴瀹�" + maxlength="800" + class="w100 ta-br textarea-text" + ></textarea> </p> </div> </div> @@ -1001,16 +1244,16 @@ </template> <script> -import evenHeaderVue from '../../components/pageHeader/evenHeader.vue'; -import oddHeaderVue from '../../components/pageHeader/oddHeader.vue'; +import evenHeaderVue from "../../components/pageHeader/evenHeader.vue"; +import oddHeaderVue from "../../components/pageHeader/oddHeader.vue"; import examinations from "@/components/examinations/index.vue"; -import getQuestionData from '@/assets/methods/examination' -import testData from '../../../assets/examinationList' -import getResourcePath from '@/assets/methods/resources' -import {mapState} from 'vuex' +import getQuestionData from "@/assets/methods/examination"; +import testData from "../../../assets/examinationList"; +import getResourcePath from "@/assets/methods/resources"; +import { mapState } from "vuex"; export default { name: "chapterTwo", - components:{evenHeaderVue,oddHeaderVue,examinations}, + components: { evenHeaderVue, oddHeaderVue, examinations }, data() { return { taskOne: require("../../../assets/images/chapterTwo/task-sheet1.png"), @@ -1023,18 +1266,91 @@ learnTableOne: true, learnTableTwo: true, learnTableThree: true, - questionData:{}, - pathOne:'', - pathTwo:'', - pathThree:'', - + questionData: {}, + pathOne: "", + pathTwo: "", + pathThree: "", + chapterTwoData: { + experienceOne: "", + experienceTwo: "", + experienceThree: "", + introspection:'', + learnTableOne: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + qFive: "", + qSix: "", + qSeven: "", + qEight: "", + qNine: "", + }, + learnTableTwo: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + qFive: "", + qSix: "", + qSeven: "", + qEight: "", + qNine: "", + qTen: "", + qEvelen: "", + }, + learnTableThree: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + qFive: "", + qSix: "", + qSeven: "", + }, + question: { + judge: { + qOne: "", + qTwo: "", + qThree: "", + qFour: "", + }, + fill: { + qOne: { + one: "", + }, + qTwo: { + oen: "", + two: "", + }, + qThree: { + one: "", + two: "", + Three:"", + Four:"" + }, + qFour: { + one: "", + two: "", + }, + qFive: { + one: "", + two: "", + }, + }, + short: { + qOne: "", + qTwo: "", + }, + }, + }, }; }, async mounted() { - this.$data.questionData = await getQuestionData(testData[2]) - this.$data.pathOne = getResourcePath('e2b2b610e8b77c82bad7cf94c7986646') - this.$data.pathTwo = getResourcePath('b11b51863da2a4e7e21c73358fa96c1e') - this.$data.pathThree = getResourcePath('67cf97bd8295dc3aeb46982c574df8d0') + this.$data.questionData = await getQuestionData(testData[2]); + this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646"); + this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e"); + this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0"); }, methods: { changeResources(type) { diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue index 965205b..1a6bd8c 100644 --- a/src/books/childHealth/view/content/components/chapter003.vue +++ b/src/books/childHealth/view/content/components/chapter003.vue @@ -529,8 +529,8 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[64]" /> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> </p> <h2 class="module_block" id="b014"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -957,7 +957,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c center"> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[73]" /> </p> <h2 class="module_block" id="b015"> @@ -1346,7 +1346,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c center"> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[78]" /> </p> </div> diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue index f5d756a..b0165bf 100644 --- a/src/books/childHealth/view/content/components/chapter005.vue +++ b/src/books/childHealth/view/content/components/chapter005.vue @@ -1019,8 +1019,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0132-1.jpg" /><br /> --> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[119]" /> </p> <h2 class="module_block" id="b019"> @@ -1365,8 +1364,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0137-1.jpg" /><br /> --> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[124]" /> </p> <h2 class="module_block" id="b020"> @@ -1738,8 +1736,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0141-2.jpg" /><br /> --> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[129]" /> </p> <h2 class="module_block" id="b021"> @@ -2029,7 +2026,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <span class="img">涓撻浜� 瀛︿範涓婚鍥�</span> --> + <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚鍥�</span> <examinations :cardList="questionData[133]" /> </p> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> diff --git a/src/books/childHealth/view/content/components/chapter006.vue b/src/books/childHealth/view/content/components/chapter006.vue index 7040a28..66cb782 100644 --- a/src/books/childHealth/view/content/components/chapter006.vue +++ b/src/books/childHealth/view/content/components/chapter006.vue @@ -391,8 +391,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-a" alt="" src="image/0155-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[142]" /> </p> <p class="custom_tag"><b>鈥㈡墿灞曞欢浼糕��</b></p> @@ -1005,8 +1004,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0165-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[152]" /> </p> <h2 class="module_block" id="b024"> @@ -1264,8 +1262,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-a" alt="" src="image/0168-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[156]" /> </p> <p class="custom_tag"><b>鈥㈡墿灞曞欢浼糕��</b></p> @@ -1531,8 +1528,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0172-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚鍥�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚鍥�</span> <examinations :cardList="questionData[159]" /> </p> <div class="annotation-border"></div> @@ -1881,8 +1877,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0177-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[164]" /> </p> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue index b251dbd..5727228 100644 --- a/src/books/childHealth/view/content/components/chapter007.vue +++ b/src/books/childHealth/view/content/components/chapter007.vue @@ -237,8 +237,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0182-1.jpg" /><br /> --> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[169]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -659,8 +658,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0187-1.jpg" /><br /> --> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[174]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -924,8 +922,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0189-1.jpg" /><br /> --> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[177]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -1711,8 +1708,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0200-1.jpg" /><br /> --> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍥�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span> <examinations :cardList="questionData[188]" /> </p> <h2 class="module_block" id="b031"> @@ -2761,8 +2757,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0220-1.jpg" /><br /> --> - <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[207]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue index dd422c1..c00a12e 100644 --- a/src/books/childHealth/view/content/components/chapter008.vue +++ b/src/books/childHealth/view/content/components/chapter008.vue @@ -491,8 +491,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0228-2.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[215]" /> </p> </div> @@ -1350,8 +1349,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0240-2.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[227]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -1750,8 +1748,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0245-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[232]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue index be44348..0d3eb27 100644 --- a/src/books/childHealth/view/content/components/chapter009.vue +++ b/src/books/childHealth/view/content/components/chapter009.vue @@ -531,8 +531,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c center"> - <!-- <img class="img-g" alt="" src="image/0256-2.jpg" /><br /> --> - <!-- <span class="img">涓撻涔� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[243]" /> </p> </div> @@ -1263,8 +1262,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0267-1.jpg" /><br /> --> - <!-- <span class="img">涓撻涔� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[255]" /> </p> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue index 88e9fa6..da1bc4b 100644 --- a/src/books/childHealth/view/content/components/chapter010.vue +++ b/src/books/childHealth/view/content/components/chapter010.vue @@ -583,8 +583,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0279-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍗� 瀛︿範涓婚涓�</span> --> + <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚涓�</span> <examinations :cardList="questionData[267]" /> </p> <h2 class="module_block" id="b038"> @@ -933,8 +932,7 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0285-1.jpg" /><br /> --> - <!-- <span class="img">涓撻鍗� 瀛︿範涓婚浜�</span> --> + <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚浜�</span> <examinations :cardList="questionData[272]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> diff --git a/src/books/childHealth/view/content/components/chapter011.vue b/src/books/childHealth/view/content/components/chapter011.vue index 214c164..31eccc5 100644 --- a/src/books/childHealth/view/content/components/chapter011.vue +++ b/src/books/childHealth/view/content/components/chapter011.vue @@ -20,27 +20,27 @@ <el-image :src="tableOne" :preview-src-list="[tableOne]" /> </p> --> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗蜂竴</span> + <span class="block3 center dl-bl w100 mt-40">鍗蜂竴</span> <examinations :cardList="questionData[2741]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗蜂簩</span> + <span class="block3 center dl-bl w100 mt-40">鍗蜂簩</span> <examinations :cardList="questionData[2742]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗蜂笁</span> + <span class="block3 center dl-bl w100 mt-40">鍗蜂笁</span> <examinations :cardList="questionData[2743]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗峰洓</span> + <span class="block3 center dl-bl w100 mt-40">鍗峰洓</span> <examinations :cardList="questionData[2744]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗蜂簲</span> + <span class="block3 center dl-bl w100 mt-40">鍗蜂簲</span> <examinations :cardList="questionData[2745]" /> </p> </div> @@ -53,27 +53,27 @@ <el-image :src="tableTwo" :preview-src-list="[tableTwo]" /> </p> --> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗峰叚</span> + <span class="block3 center dl-bl w100 mt-40">鍗峰叚</span> <examinations :cardList="questionData[2746]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗蜂竷</span> + <span class="block3 center dl-bl w100 mt-40">鍗蜂竷</span> <examinations :cardList="questionData[2747]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗峰叓</span> + <span class="block3 center dl-bl w100 mt-40">鍗峰叓</span> <examinations :cardList="questionData[2748]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗蜂節</span> + <span class="block3 center dl-bl w100 mt-40">鍗蜂節</span> <examinations :cardList="questionData[2749]" /> </p> <span class="span-border"></span> <p class=" block3"> - <span class="block3 center dl-bl w100 mb-20">鍗峰崄</span> + <span class="block3 center dl-bl w100 mt-40">鍗峰崄</span> <examinations :cardList="questionData[27410]" /> </p> </div> diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue index 6e37da0..924583c 100644 --- a/src/books/childHealth/view/content/index.vue +++ b/src/books/childHealth/view/content/index.vue @@ -1,6 +1,7 @@ <template> <div class="page-main" @scroll="throttledScrollHandler"> - <div class="page-content"> + <div class="page-content" :style="{fontSize: fontSize ? fontSize + 'px' : '16px', + transform: `scale(${pageZoom ? pageZoom : 1})`}"> <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader> <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne> <chapterTwo v-if="showCatalogList.indexOf(2) > -1"></chapterTwo> @@ -48,6 +49,14 @@ previousScrollTop: 0, throttledScrollHandler: null }; + }, + computed:{ + fontSize() { + return this.$store.state.qiankun.fontSize + }, + pageZoom() { + return this.$store.state.qiankun.scale / 100 + } }, watch: { showCatalogList: { @@ -208,21 +217,21 @@ // 楂樹寒 pageDom.innerHTML = pageDom.innerHTML.replace( reg, - `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}')">${data.txt}</span>` + `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>` ); break; case "Dashing": // 鍒掔嚎 pageDom.innerHTML = pageDom.innerHTML.replace( reg, - `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}')">${data.txt}</span>` + `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>` ); break; case "Note": // 绗旇 pageDom.innerHTML = pageDom.innerHTML.replace( reg, - `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>` + `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>` ); break; } diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue index 0187f04..b6466cb 100644 --- a/src/books/childHealth/view/index.vue +++ b/src/books/childHealth/view/index.vue @@ -1,5 +1,5 @@ <template> - <div class="temp-book" @mouseup="handleMouseUp"> + <div class="temp-book" @mouseup="handleMouseUp" > <pageContent></pageContent> </div> </template> @@ -19,6 +19,9 @@ cardList: [], isMouseDown: false }; + }, + computed: { + }, mounted() { this.getBookInfo(); @@ -118,8 +121,8 @@ chapterNum: "", txt: "", page: "", - x: "", - y: "" + x: e.x, + y: e.y }); } } diff --git a/src/books/content/components/customTable.vue b/src/books/content/components/customTable.vue index 6a39bad..067d416 100644 --- a/src/books/content/components/customTable.vue +++ b/src/books/content/components/customTable.vue @@ -77,7 +77,7 @@ }, }; </script> -<style> +<style scoped> table { border-collapse: collapse; width: 100%; diff --git a/src/books/content/components/header.vue b/src/books/content/components/header.vue index 82d11ea..1a0a40d 100644 --- a/src/books/content/components/header.vue +++ b/src/books/content/components/header.vue @@ -22,7 +22,7 @@ data() {}, }; </script> -<style lang="less"> +<style lang="less" scoped> .header { width: 100%; height: 136px; diff --git a/src/books/content/css/default.less b/src/books/content/css/default.less index 2892225..f71a645 100644 --- a/src/books/content/css/default.less +++ b/src/books/content/css/default.less @@ -11,6 +11,38 @@ width: 100%; height: 300px; } + .bj-tip { + display: flex; + justify-content: space-around; + align-items: center; + padding: 8px 10px; + box-sizing: border-box; + border: 3px solid #f49a4c; + border-radius: 30px; + position: absolute; + top: -30px; + left: -20px; + background-color: #FFF; + color: #f49a4c; + font-weight: bold; + font-size: 20px; + img { + margin-left: 15px; + } + } + + .tips-bk { + margin-top: 80px; + border-radius: 20px; + position: relative; + } + + .tips-file { + border: 3px dotted #f49a4c; + padding: 30px 0; + box-sizing: border-box; + border-radius: 25px; + } .page-box { box-sizing: border-box; @@ -790,7 +822,7 @@ div.bk-tx { border: 3px dotted #f49a4c; - padding: 1.5em; + padding: 10px; color: #f49a4c; margin-bottom: 2em; margin-top: 0.5em; diff --git a/src/books/content/view/chapter001.vue b/src/books/content/view/chapter001.vue index 5806d0a..e26f33c 100644 --- a/src/books/content/view/chapter001.vue +++ b/src/books/content/view/chapter001.vue @@ -109,31 +109,37 @@ <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" - >锛烇紴锛烇紴锛烇紴锛烇紴<img - src="../icons/video.png" - @click="activityOne" - alt="" - /></span> + >锛烇紴锛烇紴锛烇紴锛烇紴</span + > </h4> - <div 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> <p> 淇濊偛鍛樺皬鐜嬭涓猴紝濠村辜鍎跨敓娲讳繚鑲插氨鏄濂藉┐骞煎効鐨勫悆銆佸枬銆佹媺銆佹拻銆佺潯銆備綘璁や负灏忕帇鐨勮娉曞鍚楋紵涓轰粈涔堬紵 </p> @@ -428,16 +434,8 @@ 锛�5锛夋敹闆嗗洖璁夸俊鎭�傝皟鐮旀墽琛屽畬姣曞悗锛岀暀涓嬭皟鐮斿璞$殑鑱旂郴鏂瑰紡锛岀粨鏉熷悗濡傚彂鐜板皻鏈В鍐崇殑闂锛屽彲閫氳繃缃戠粶銆佺數璇濈瓑褰㈠紡鍥炶銆� </p> <h4 id="d006"> - 鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1" - >锛烇紴锛烇紴锛烇紴锛烇紴<img - src="../icons/sub.png" - @click="activityThree" - alt="" - /></span> + 鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span> </h4> - <div v-if="idOpenThree"> - <examinations :cardList="qustionData[9]" /> - </div> <p><b>璁鸿堪棰�</b></p> <p> 1.鏍规嵁璧拌鎵樿偛鍥墍鑾峰緱鐨勪俊鎭紝鎵惧嚭骞舵鎷墭鑲插洯涓�鏃ョ敓娲讳繚鑲蹭笌銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬬浉瀵瑰簲鐨勫唴瀹广�� @@ -449,6 +447,32 @@ 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> @@ -467,8 +491,8 @@ videOneUrl: "", picOneUrl: require("../image/0018-1.jpg"), picArr: [require("../image/0018-1.jpg")], - isOpenOne: false, - idOpenThree: false, + isOpenOne: true, + idOpenThree: true, qustionData: {}, text1: "", text2: "", @@ -495,7 +519,7 @@ customTable, }, async created() { - this.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53"); + this.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53"); this.qustionData = await getQuestionData(testData[1]); }, methods: { diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue index f864104..c0c4482 100644 --- a/src/components/examinations/index.vue +++ b/src/components/examinations/index.vue @@ -1,12 +1,12 @@ <template> - <div class="examination" v-loading="loading"> + <div class="examination" v-loading="!cardList.length"> <div v-for="(item, nindex) in cardList" :key="nindex" class="border-box" v-show="item.infoList.length" > - <p class="catalogName"> + <p class="catalogName" :style="{ color: primaryColor }"> <span v-if="nindex == 0">涓�銆�</span> <span v-if="nindex == 1">浜屻��</span> <span v-if="nindex == 2">涓夈��</span> @@ -280,7 +280,7 @@ </p> <div class="headerConent sitgBox"> <p v-if="!value.isUnfold"> - <span class="analysisColor">鏌ョ湅瑙f瀽</span + <span class="analysisColor">灞曞紑瑙f瀽</span ><el-image /> </p> <p v-else> @@ -299,7 +299,48 @@ </el-collapse-item> <!-- 涓昏棰� --> </el-collapse> - <div + <el-collapse v-else v-model="value.isUnfold" accordion> + <el-collapse-item :name="value.id" class="objective"> + <template #title> + <div class="headerBox"> + <p v-if="!value.isUnfold"> + <span class="analysisColor">灞曞紑绛旀涓庤В鏋�</span> + </p> + <p v-else> + <span class="analysisColor">鏀惰捣绛旀涓庤В鏋�</span> + </p> + </div> + </template> + <div class="referBox"> + <span>鍙傝�冪瓟妗堬細</span> + <p + v-html="arrayToString(value.answer)" + class="ti-2" + :class="[ + 'subjectiveBox', + value.isUnfold ? 'showText' : 'hideText', + ]" + ></p> + </div> + <!-- 瑙f瀽 --> + <div class="referBox"> + <span>瑙f瀽锛�</span> + <p + v-if="value.analysisCon" + v-html="value.analysisCon" + :class=" + [ + 'subjectiveBox', + 'ti-2', + value.isUnfold ? 'yincang' : '', + ].join(' ') + " + ></p> + <p v-else class="ti-2">鏆傛棤鏁版嵁</p> + </div> + </el-collapse-item> + </el-collapse> + <!-- <div v-if="value.questionType == 'shortAnswer'" class="subjective subjectiveItem" > @@ -322,8 +363,6 @@ </span> </p> </div> - <!-- :class="['analysisDetailBox', value.isUnfold ? 'open' : 'close'].join(' ') --> - <!-- :class="['analysisDetailBox', value.isUnfold ? 'cartoon' : 'downCartoon'].join(' ') --> <div :class=" [ @@ -334,7 +373,6 @@ > <div class="referBox"> <span>鍙傝�冪瓟妗堬細</span> - <!-- <p v-html="arrayToString(value.answer)" class="subjectiveBox"></p> --> <p v-html="arrayToString(value.answer)" :class="[ @@ -357,35 +395,25 @@ <p v-else>鏆傛棤鏁版嵁</p> </div> </div> - </div> + </div> --> </div> </div> </li> </ul> </div> - <div class="bottom-btn" v-if="!loading"> - <el-button style="height: 30px; width: 78px; padding: 4px 10px" - >淇濆瓨</el-button - > + <el-button class="btn-box" @click="saveAnswer">淇濆瓨</el-button> <el-button @click="handleQuestion" - style=" - border-color: #1eb9ee; - height: 30px; - width: 78px; - padding: 4px 10px; - " + class="btn-box" + :style="{ borderColor: primaryColor }" >鎻愪氦</el-button > - <el-button - @click="redo" - style="height: 30px; width: 78px; padding: 4px 10px" - >閲嶅仛</el-button - > + <el-button @click="redo" class="btn-box">閲嶅仛</el-button> <el-button @click="openAnswers" - style="border-color: #1eb9ee; height: 30px; padding: 4px 10px" + class="btn-box" + :style="{ borderColor: primaryColor }" >鏌ョ湅绛旀</el-button > </div> @@ -396,7 +424,23 @@ import { getPublicImage } from "@/assets/js/middleGround/tool"; export default { name: "examination-option", - props: ["cardList"], + // props: ["cardList"], + props: { + cardList: { + type: Array, + default: [], + }, + primaryColor: { + type: String, + default: "#00aeef", + }, + chapter: { + type: Number, + }, + page: { + type: Number, + }, + }, data() { return { type: "option", @@ -465,249 +509,6 @@ watchParsing(data) { data.isUnfold = !data.isUnfold; }, - // // 鑾峰彇璇曞嵎涓嬮鐩被鍨� - // getIdPathList() { - // this.$data.loading = true; - // let query = { - // path: "*", - // queryType: "*", - // productId: this.config.bookId, - // cmsPath: "24080\\63791\\63792\\63807", - // pading: { - // start: 0, - // size: 999, - // }, - // }; - // this.MG.store.getProductDetail(query).then(async (res) => { - // console.log(this.$props.productLinkPath, res.datas.cmsDatas[0].datas); - // const idPathList = res.datas.cmsDatas[0].datas; - // await this.getQuestionList(idPathList); - // }); - // }, - // // 鑾峰彇棰樺簱棰樼洰 - // async getQuestionList(idPathList, oldData) { - // let cardList = []; - // // 娓呯┖姝g‘棰樻暟璁板綍 - // for (let index = 0; index < idPathList.length; index++) { - // const pathitem = idPathList[index]; - // const pathList = cardList; - // pathList.push({ - // path: pathitem.productLinkPath, - // catalogName: pathitem.name, - // infoList: [], - // }); - // cardList = pathList; - // // 鑾峰彇棰樼洰 - // let query = { - // path: "*", - // queryType: "*", - // productId: this.config.bookId, - // cmsPath: pathitem.productLinkPath, - // itemFields: { - // Embedded_QuestionBank_Stem: [], - // Embedded_QuestionBank_AnalysisCon: [], - // Embedded_QuestionBank_Answer: [], - // Embedded_QuestionBank_Option: [], - // Embedded_QuestionBank_QuestionType: [], - // Embedded_QuestionBank_StemStyle: [], - // Embedded_QuestionBank_OptionStyle: [], - // Embedded_QuestionBank_KnowledgePoint: [], - // Embedded_QuestionBank_Difficulty: [], - // }, - // pading: { - // start: 0, - // size: 999, - // }, - // }; - // await this.MG.store.getProductDetail(query).then((res) => { - // let oldList; - // if (oldData) { - // // 鎻愪氦杩囷紝瀛樺湪绛旈璁板綍 - // oldList = oldData.find( - // (item) => item.path == pathitem.productLinkPath - // ).infoList; - // this.setData({ - // submitStatus: true, - // }); - // } - // res.datas.cmsDatas[0].datas.forEach((item, index) => { - // let oldObj = ""; - // if (oldList) - // oldObj = oldList.find((oldItem) => oldItem.id == item.id); - // let questionObj = { - // // num: index, // 棰樺彿 - // id: item.id, - // type: pathitem.name, - // stem: - // item.Embedded_QuestionBank_QuestionType == "completion" - // ? JSON.parse(item.Embedded_QuestionBank_Stem) - // .stemTxt.replaceAll("<vacancy>", ",input,") - // .split(",") - // : JSON.parse(item.Embedded_QuestionBank_Stem), // 棰樺共 - // answer: item.Embedded_QuestionBank_Answer, // 绛旀 - // option: item.Embedded_QuestionBank_Option - // ? JSON.parse(item.Embedded_QuestionBank_Option) - // : "", // 閫夋嫨棰橀�夐」 - // analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 瑙f瀽 - // questionType: item.Embedded_QuestionBank_QuestionType, // 棰樺瀷 - // optionStyle: item.Embedded_QuestionBank_OptionStyle, // 閫夐」鏄剧ず绫诲瀷 - // stemStyle: item.Embedded_QuestionBank_StemStyle, // 棰樺共鏄剧ず绫诲瀷 - // difficulty: item.Embedded_QuestionBank_Difficulty - // ? 4 - item.Embedded_QuestionBank_Difficulty - // : 0, // 闅惧害绛夌骇 - // userAnswer: oldObj - // ? oldObj.userAnswer - // : item.Embedded_QuestionBank_QuestionType == "completion" || - // item.Embedded_QuestionBank_QuestionType == "multipleChoice" - // ? [] - // : "", - // isUserAnswer: oldObj - // ? this.isHaveAnswer(oldObj.userAnswer) - // : false, - // isRight: oldObj ? oldObj.isRight : null, - // isComplete: oldObj ? oldObj.isComplete : false, - // isCollect: false, - // isUnfold: "", // 鎺у埗瑙f瀽鐨勬姌鍙犻潰鏉挎槸鍚﹀睍寮� - // }; - // // 澶氶�夊拰濉┖绛旀鑲负鏁扮粍锛岃杞崲JSON鏍煎紡 - // if ( - // questionObj.questionType == "completion" || - // questionObj.questionType == "multipleChoice" - // ) { - // try { - // questionObj.answer = JSON.parse(questionObj.answer).toString(); - // } catch (error) { - // questionObj.answer = item.Embedded_QuestionBank_Answer; - // } - // } - // // 濉┖棰樻敼閫� - // if (questionObj.questionType == "completion") { - // let index = 0; - // for (let i = 0; i < questionObj.stem.length; i++) { - // const item = questionObj.stem[i]; - // if (item == "input") { - // questionObj.stem[i] = { - // num: index, - // data: "input", - // }; - // if (!oldObj) questionObj.userAnswer[index] = ""; - // index++; - // } - // } - // } - // // 棰樺共瀵屾枃鏈鐞� - // if (questionObj.stemStyle == "RichText") { - // // questionObj.option.txt = '' - // questionObj.stem.stemTxt = questionObj.stem.stemTxt - // .replace( - // /\<img/gi, - // '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" ' - // ) - // .replace(/\<p/gi, '<p class="stem-rich-p"') - // .replace("../file", app.config.requestCtx + "/file"); - // } - // // 閫夐」瀵屾枃鏈鐞� - // if ( - // questionObj.optionStyle == "RichText" && - // (questionObj.questionType == "singleChoice" || - // questionObj.questionType == "judge" || - // questionObj.questionType == "multipleChoice") - // ) { - // questionObj.option.forEach((item) => { - // if (item.txt) - // item.txt = item.txt - // .replace(/\<img/gi, '<img class="option-rich-img"') - // .replace(/\<p/gi, '<p class="stem-rich-p"') - // .replace("../file", app.config.requestCtx + "/file"); - // }); - // } - // // 瑙f瀽瀵屾枃鏈鐞� - // if ( - // questionObj.analysisCon && - // typeof questionObj.analysisCon == "string" - // ) { - // questionObj.analysisCon = questionObj.analysisCon.replace( - // /\<img/gi, - // '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" ' - // ); - // } - // // 鍚姏棰樹慨鏀� - // // if (questionObj.questionType == 'singleChoice') { - // // const src = this.extractSourceSrc(questionObj.stem.stemTxt) - // // if (src) { - // // questionObj.src = src - // // questionObj.stem.stemTxt = this.removeVideoAndAudioTags(questionObj.stem.stemTxt) - // // } - // // } - // // 鑾峰彇鍥剧墖 - // if ( - // questionObj.stemStyle == "Image" || - // questionObj.stemStyle == "TxtAndImage" - // ) { - // questionObj.stem.stemImage = getPublicImage( - // questionObj.stem.stemImage, - // 150 - // ); - // } - // if ( - // questionObj.optionStyle == "Image" || - // questionObj.optionStyle == "TxtAndImage" - // ) { - // questionObj.option.forEach((optionItem) => { - // if (optionItem.img) - // optionItem.img = getPublicImage(optionItem.img, 150); - // }); - // } - // // 瀹㈣棰樻�诲垎璧嬪�� - // if (questionObj.questionType !== "shortAnswer") { - // // this.setData({ - // // subjectiveGrade: this.data.subjectiveGrade + 2, - // // }); - // } - // // 鏃ф暟鎹噷 棰樼洰姝g‘ 璁板綍姝g‘鏁伴噺 - // if (questionObj.isRight) { - // // this.setData({ - // // correctNum: this.data.correctNum + 1, - // // }); - // } - // if ( - // pathitem.name == "鍒ゆ柇棰�" || - // pathitem.name == "濉┖棰�" || - // pathitem.name == "澶氶�夐" || - // pathitem.name == "鍗曢�夐" || - // pathitem.name == "鍚姏棰�" - // ) { - // if (oldObj) { - // // this.setData({ - // // subjectiveTotal: this.data.subjectiveTotal + 1, - // // }); - // } - // } - // // cardList璧嬪�� - // let cardIndex = cardList.findIndex( - // (item) => item.path == pathitem.productLinkPath - // ); - // let infoList = cardList[cardIndex].infoList; - // infoList.push(questionObj); - // cardList[cardIndex].infoList = infoList; - // let questionList = []; - // const cardUpdatedList = cardList; - // cardUpdatedList.forEach((aitem) => { - // aitem.infoList.forEach((bitem, bindex) => { - // questionList.push(bitem); - // bitem.number = bindex + 1; - // bitem.score = 2; - // }); - // }); - // cardList = cardUpdatedList; - // this.$data.cardList = cardList; - // this.$data.loading = false; - // // console.log("棰樼洰鍛�", cardList); - // // return cardList - // }); - // }); - // } - // }, // 鎵规敼棰樼洰 (缁冧範,鎴戠殑鍋氶,鎴戠殑鏀惰棌妯″紡涓�) handleQuestion() { const list = this.$props.cardList; @@ -758,13 +559,40 @@ this.$props.cardList = list; console.log(this.$props.cardList); }, + // 淇濆瓨鎸夐挳 + saveAnswer() { + console.log(this.cardList); + const oldAnswerData = localStorage.getItem("oldAnswerData"); + let oldData = oldAnswerData ? JSON.parse(oldAnswerData) : {}; + const asnwerList = []; + for (let index = 0; index < this.$props.cardList.length; index++) { + const item = this.$props.cardList[index]; + for (let cindex = 0; cindex < item.infoList.length; cindex++) { + const citem = item.infoList[cindex]; + asnwerList.push({ + id: citem.id, + userAnswer: citem.userAnswer, + }); + } + } + if(oldData[this.chapter]) { + oldData[this.chapter][this.page] = asnwerList + } else { + oldData[this.chapter] = {} + oldData[this.chapter][this.page] = asnwerList + } + console.log(oldData); + localStorage.setItem("oldAnswerData", JSON.stringify(oldData)); + }, }, }; + </script> <style lang="less" scoped> .catalogName { - color: #00aeef; + // color: #00aeef; + // color: #ff6c00; text-indent: 1em !important; font-size: 16px; } @@ -775,9 +603,17 @@ list-style: none; } } +.btn-box { + height: 30px; + width: 78px; + padding: 4px 10px; +} .border-box { padding-top: 20px; // border: 2px solid #e9e9e9; +} +.ti-2 { + text-indent: 2em !important; } .questionContent { // display: flex; @@ -873,7 +709,7 @@ } .titleText { text-align: left; - padding: 0 10px 10px 0px; + // padding: 0 10px 10px 0px; min-width: 90%; font-size: 16px; line-height: 32px; diff --git a/src/main.js b/src/main.js index 9bbb468..6ffb576 100644 --- a/src/main.js +++ b/src/main.js @@ -1,8 +1,8 @@ import Vue from "vue"; import App from "./App.vue"; import less from "less"; -// import "./books/childHealth/assets/main.less"; -import './books/content/css/default.less' +import "./books/childHealth/assets/main.less"; +// import './books/content/css/default.less' import ElementUI from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; import store from "./store"; diff --git a/vue.config.js b/vue.config.js index e848709..fda15dd 100644 --- a/vue.config.js +++ b/vue.config.js @@ -2,7 +2,7 @@ // import {publicCtx} from '@/assets/js/config' const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ - // publicPath: 'http://182.92.203.7:3007/books/book/1', + // publicPath: "http://182.92.203.7:3007/books/book/1", publicPath:'/books/book/1', transpileDependencies: true, lintOnSave: false, @@ -21,7 +21,7 @@ output: { library: `app-content`, libraryTarget: "umd", - chunkLoadingGlobal: `webpackJsonp_app-content` + chunkLoadingGlobal: `webpackJsonp_app-content`, }, }, chainWebpack: (config) => { @@ -34,8 +34,8 @@ .loader("change-prefix-loader") .options({ prefix: "el-", - replace: "gp-" + replace: "gp-", }) .end(); - } + }, }); -- Gitblit v1.9.1