From 39f4904b1532acfa68eab45d0acbb3217060ecf5 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 07 六月 2024 18:31:31 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/view/components/chapter015.vue | 54 src/books/lifeCare/view/components/chapter010.vue | 62 src/books/lifeCare/view/components/chapter007.vue | 207 + src/books/lifeCare/view/components/index.vue | 351 ++- src/books/lifeCare/css/default.less | 3312 +++++++++++++++--------------- src/books/lifeCare/view/index.vue | 76 src/books/lifeCare/view/components/chapter014.vue | 118 src/books/childHealth/view/content/index.vue | 125 src/books/lifeCare/view/components/chapter001.vue | 845 +++---- src/books/lifeCare/view/components/chapter016.vue | 40 src/books/lifeCare/view/components/front001.vue | 16 src/books/lifeCare/view/components/chapter008.vue | 58 src/books/lifeCare/view/components/chapter013.vue | 50 src/books/lifeCare/view/components/chapter004.vue | 72 src/books/lifeCare/view/components/chapter017.vue | 38 src/books/lifeCare/view/components/chapter009.vue | 2 src/books/lifeCare/view/components/chapter018.vue | 2 src/books/lifeCare/view/components/chapter005.vue | 468 ++-- src/books/lifeCare/view/components/chapter012.vue | 62 src/books/lifeCare/view/components/chapter003.vue | 168 src/books/childHealth/view/index.vue | 1 src/books/lifeCare/view/components/chapter006.vue | 159 src/books/lifeCare/view/components/chapter011.vue | 36 src/App.vue | 4 src/books/lifeCare/view/components/chapter002.vue | 172 25 files changed, 3,331 insertions(+), 3,167 deletions(-) diff --git a/src/App.vue b/src/App.vue index 4bc027e..15602c5 100644 --- a/src/App.vue +++ b/src/App.vue @@ -13,7 +13,7 @@ <script> import childHealth from "./books/childHealth/view/index.vue"; -import lifeCare from "./books/lifeCare/index.vue"; +import lifeCare from "./books/lifeCare/view/index.vue"; import embedded from "./books/embedded/view/index.vue"; import english from "./books/English/view/index.vue"; import sportsAndHealth from "./books/sportsAndHealth"; @@ -72,7 +72,7 @@ // embedded // english // artAndDance - this.config.resourceCtx + "childHealth" + this.config.resourceCtx + "lifeCare" ); // 娴嬭瘯璇曡30椤� // this.activeBook.tryPageCount = 10; diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue index 1a10321..8d4ef10 100644 --- a/src/books/childHealth/view/content/index.vue +++ b/src/books/childHealth/view/content/index.vue @@ -8,7 +8,7 @@ :style="{ fontSize: fontSize ? fontSize + 'px' : '16px', transform: `scale(${pageZoom ? pageZoom : 1})`, - transformOrigin: 'center top' + transformOrigin: 'center top', }" > <pageHeader @@ -142,7 +142,7 @@ }, pageZoom() { return this.$store.state.qiankun.scale / 100; - } + }, }, watch: { showCatalogList: { @@ -153,7 +153,7 @@ ) { // 璋冪敤鐖跺眰鏂规硶 this.$store.state.qiankun.catalogChange({ - showCatalogList: newVal + showCatalogList: newVal, }); } // 鍚姩椤电爜瑙傚療 @@ -161,7 +161,7 @@ this.initObservation(); this.initThemeColor(); }, 500); - } + }, }, loadPageList: { handler(newVal, oldVal) { @@ -169,7 +169,7 @@ this.initSwiper(); this.initViewer(); }, 200); - } + }, }, pageZoom: { handler(newVal, oldVal) { @@ -177,8 +177,8 @@ this.container ? this.container : document ).querySelector(".page-main"); scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal; - } - } + }, + }, }, mounted() { // 榛樿鍔犺浇绔犺妭 @@ -213,7 +213,7 @@ // 璺宠浆妫�绱㈢粨鏋滀綅缃� jumpSearchItem: (data) => { this.searchItemLocation(data); - } + }, }); } @@ -222,13 +222,13 @@ this.observer = new IntersectionObserver(this.pageChangeCallback, { root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮�� rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚� - threshold: 0.5 // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般�� + threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般�� }); this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, { root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮�� rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚� - threshold: 0 // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般�� + threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般�� }); // 鍚姩椤电爜瑙傚療 @@ -239,34 +239,34 @@ // 娴嬭瘯椤甸潰璺宠浆 // setTimeout(() => { - // this.gotoPage(1, 10); - // setTimeout(() => { - // this.renderSign("Highlight", { - // id: "2ACA9359", - // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩", - // page: "10", - // type: "Highlight", - // color: "#F5E12A" - // }); - // setTimeout(() => { - // this.delSign({ - // ids: ["2ACA9359"] - // }); - // }, 2000); - // }, 5000); + // this.gotoPage(1, 10); + // setTimeout(() => { + // this.renderSign("Highlight", { + // id: "2ACA9359", + // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩", + // page: "10", + // type: "Highlight", + // color: "#F5E12A" + // }); + // setTimeout(() => { + // this.delSign({ + // ids: ["2ACA9359"] + // }); + // }, 2000); + // }, 5000); - // const pageDom = (this.container ? this.container : document) - // .querySelector("#app") - // .querySelectorAll(".page-box"); - // 妫�绱� - // console.log(this.searchTextByPage("鍎跨"), "searchTextByPage"); - // 妫�绱㈣烦杞� - // this.searchItemLocation({ - // catalog: 2, - // page: 10, - // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ", - // txtIndex: 57 - // }); + // const pageDom = (this.container ? this.container : document) + // .querySelector("#app") + // .querySelectorAll(".page-box"); + // 妫�绱� + // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage"); + // 妫�绱㈣烦杞� + // this.searchItemLocation({ + // catalog: 2, + // page: 10, + // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ", + // txtIndex: 57 + // }); // }, 5000); }, methods: { @@ -339,7 +339,7 @@ this.showCatalogList = [ this.catalogLength - 2, this.catalogLength - 1, - this.catalogLength + this.catalogLength, ]; } else { this.showCatalogList = [catalog - 1, catalog, catalog + 1]; @@ -389,10 +389,7 @@ this.container ? this.container : document ).querySelector(`[page="${data.page}"]`); // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁� - const treeWalker = document.createTreeWalker( - pageDom, - NodeFilter.SHOW_TEXT - ); + const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT); const allTextNodes = []; let currentNode = treeWalker.nextNode(); while (currentNode) { @@ -598,7 +595,7 @@ this.$store.state.qiankun.pageChange({ page: page, catalog: catalog, - text + text, }); // const sections = Array.from(document.querySelectorAll(".section")); //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆� @@ -656,10 +653,7 @@ // 楂樹寒琛� setTimeout(() => { // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣 - const pageTextList = document.createTreeWalker( - target, - NodeFilter.SHOW_TEXT - ); + const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT); // 鍖归厤鍏抽敭瀛� const allPageTextNodes = []; let currentNode = pageTextList.nextNode(); @@ -703,7 +697,7 @@ autoplay: { //鑷姩寮�濮� delay: 3000, //鏃堕棿闂撮殧 - disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠* + disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠* }, paginationClickable: true, slidesPerView: 1, // 涓�缁勪笁涓� @@ -715,11 +709,11 @@ ), prevEl: (this.container ? this.container : document).querySelector( ".swiper-button-prev" - ) + ), }, // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� observer: true, - observeParents: true + observeParents: true, // // 濡傛灉闇�瑕佸垎椤靛櫒 // pagination: { // el: (this.container ? this.container : document).querySelector( @@ -747,7 +741,7 @@ ), prevEl: (this.container ? this.container : document).querySelector( ".swiper-button-prev" - ) + ), }, // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔� observer: true, @@ -766,8 +760,8 @@ var paginationInfoEl = dom.querySelector(".pageBox"); if (paginationInfoEl) paginationInfoEl.textContent = currentPage + "/" + totalPages; - } - } + }, + }, }); } }, @@ -783,7 +777,7 @@ : "body", navbar: true, // 鏄剧ず瀵艰埅鏍� toolbar: true, // 鏄剧ず宸ュ叿鏍� - title: true // 鏄剧ず鏍囬 + title: true, // 鏄剧ず鏍囬 }); } }, @@ -806,7 +800,7 @@ chapterTen, chapterEleven, chapterTwelve, - chapterThirteen + chapterThirteen, }; // 閬嶅巻鎵�鏈夌珷鑺傛枃浠� for (const key in pageData) { @@ -817,8 +811,8 @@ pageExample = new pageComponent({ propsData: { showPageList: [], - questionData: {} - } + questionData: {}, + }, }); pageExample.$mount( (this.container ? this.container : document).querySelector( @@ -848,8 +842,8 @@ pageExample = new pageComponent({ propsData: { showPageList: [pageNum], - questionData: {} - } + questionData: {}, + }, }); pageExample.$mount( (this.container ? this.container : document).querySelector( @@ -862,10 +856,7 @@ .querySelector(`[page="${pageNum}"]`); if (thisPageDom) { // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣 - const pageTextList = document.createTreeWalker( - thisPageDom, - NodeFilter.SHOW_TEXT - ); + const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT); // 鍖归厤鍏抽敭瀛� const allPageTextNodes = []; let currentNode = pageTextList.nextNode(); @@ -882,7 +873,7 @@ page: pageNum, catalog: catalogIndex, txt: textDom.textContent, - txtIndex: txtIndex + txtIndex: txtIndex, }); } } @@ -905,7 +896,7 @@ this.highlightData = data; // 璺宠浆 this.gotoPage(data.catalog, data.page, () => {}); - } + }, }, components: { pageHeader, @@ -921,8 +912,8 @@ chapterTen, chapterEleven, chapterTwelve, - chapterThirteen - } + chapterThirteen, + }, }; </script> diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue index d96b1af..342cbde 100644 --- a/src/books/childHealth/view/index.vue +++ b/src/books/childHealth/view/index.vue @@ -24,6 +24,7 @@ } } }, + handleMouseUp(e) { const selection = ( this.container ? this.container : window diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index 4668fdb..1c0376d 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -1,1695 +1,1717 @@ -.page-main { +.temp-bookInnerContent { width: 100%; height: 100%; overflow: auto; -} -.public-lifeCare { - max-width: 816px; - min-width: 375px; - margin: 0 auto; - border-color: #f49a4c; - height: 100%; - - .swiper-button-prev, - .swiper-button-next { - color: #F49A4C; - } - - textarea:focus, - input:focus { - border: 0 !important; - border-color: #fff !important; - outline: none; - } - - textarea { + .page-main { width: 100%; - text-indent: 2em; - // max-width: 652px; - // min-height: 100px; - font-size: 16px; - } + height: 100%; + overflow: auto; - .coverImg { - position: absolute; - top: 0; - left: 0; - } - - .prefaceImg { - width: 92% !important; - position: absolute; - left: 4%; - top: 4%; - } - - .zt-yy-brd { - padding: 5px 15px; - border: 3px dotted #f49a4c; - border-radius: 10px; - } - - .chapter-006 { - position: relative; - - .btn { - position: absolute; - top: 65%; - left: 35%; - } - } - - .border-xxfs { - border-radius: 0 !important; - position: relative; - padding: 10px; - padding-top: 20px !important; - border: 2px dotted #00aeef !important; - - - .bj3 { - display: flex; - justify-content: flex-start; - align-items: center; - width: 105px; - height: 30px; - position: absolute; - padding: 0 !important; - padding-left: 5px !important; - box-sizing: border-box; - top: 0; - background-color: #00aeef !important; - color: #fff !important; - border-bottom-right-radius: 25px; - - .cirlce { - width: 40px; - height: 40px; - border: 2px solid #00aeef; - border-radius: 50%; - position: absolute; - left: -38px; - background: url('../image/xxfs.png'); - background-position: center; - background-size: 70% 70%; - background-repeat: no-repeat; - background-color: #fff; - } - } - } - - input { - width: 100%; - border: 0 !important; - border-color: #fff !important; - outline: none; - font-size: 16px; - text-align: center; - white-space: pre-line; - } - - .drawflow { - .main-path { - stroke: #f49a4c; - } - - .drawflow-delete { - width: 25px; - height: 25px; - line-height: 21px; - background-color: #f49a4c; - font-size: 20px; - } - - .drawflow-node { - background-color: #fff; - border: 0px solid #f49a4c; - box-shadow: 1px 1px 5px 0 #f49a4c; - - .contentWall { - width: 100%; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - - .contentTitle { - margin-bottom: 5px; - } - - .contentText { - textarea { - width: auto; - min-height: 50px; - margin: 0; - outline: none; - border-color: #f49a4c; - border-radius: 5px; - } - - textarea:focus { - border: 1px solid #fabf2e !important; - } - } - } - - .input, - .output { - border-color: #f49a4c; - border-width: 1px; - } - } - - .content { - .btn-export { - float: right; - position: absolute; - top: 4px; - right: 10px; - color: #333; - font-weight: bold; - // 0e5ba3 - border: 1px solid #ccc; - // 4ea9ff - background: #fff; - padding: 5px 10px; - border-radius: 4px; - cursor: pointer; - z-index: 5; - } - - .btn-clear { - float: right; - position: absolute; - top: 4px; - right: 85px; - color: white; - font-weight: bold; - // 96015b - border: 1px solid #f49a4c; - // e3195a - background: #f49a4c; - padding: 5px 10px; - border-radius: 4px; - cursor: pointer; - z-index: 5; - } - - .btn-export:hover { - color: #f49a4c; - border: 1px solid #f49a4c; - } - - .btn-clear:hover { - background-color: #fff; - color: #f49a4c; - border: 1px solid #f49a4c; - } - } - } - - .drawContent_wall { - width: 100%; - height: 765px; - - .drawflow { - display: flex; - flex-direction: column; - - .content { - border-top-width: 1px; - border-top-style: solid; - } - } - } - - .chapter { - font-family: "瀹嬩綋"; - - .topImg { - padding-top: 0 !important; - margin-bottom: 2em; - } - - p input { - width: 20px; - } - - .header { - width: 100%; - height: 100px; - - .pageHeader-first { - width: 100%; - height: 100%; - padding-top: 6%; - - .header-bj { - width: 78%; - height: 100%; - border-left: 2px solid #dfb27d; - border-bottom: 2px solid #dfb27d; - margin-left: 18%; - } - - .content { - background-color: #F49A4C; - width: 91%; - height: 32%; - display: flex; - justify-content: flex-start; - align-items: center; - margin-top: -6%; - margin-left: 3%; - - .pageStr { - color: #fff; - font-size: 24px; - text-align: center; - margin: 0 20px; - } - - .title { - display: flex; - justify-content: flex-start; - align-items: center; - color: #fff; - font-size: 20px; - position: relative; - - img { - height: 30px !important; - margin-right: 20px; - } - - .ztImg { - height: 40px !important; - margin-top: -4px; - } - } - } - - .zt1-content { - background-color: #f7b80a; - } - - .zt1-header-bj { - border-left-color: #a5c24f; - border-bottom-color: #a5c24f; - } - - - @media (max-width: 756px) { - .content { - margin-top: -12%; - - .title { - font-size: 16px; - } - - .pageStr { - font-size: 16px; - } - } - } - } - - .pageHeader-second { - width: 100%; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - padding-top: 3%; - - .second-con { - width: 90%; - height: 35px; - display: flex; - justify-content: space-between; - align-items: center; - font-size: 20px; - position: absolute; - right: 36px; - top: 80px; - - .second-left { - width: 23px; - height: 100%; - background-color: #f49a4c; - } - - .second-right { - height: 100%; - display: flex; - justify-content: space-between; - align-items: center; - position: relative; - - img { - height: 50px; - position: absolute; - left: -50px; - top: -20px; - } - - .pageStr { - margin-right: 10px; - } - - .pageNum { - display: block; - background-color: #f49a4c; - padding: 2px 20px; - box-sizing: border-box; - font-size: 28px; - color: #fff; - } - - .zt1-pageNum { - background-color: #a5c24f; - } - - .zt1-pageStr { - color: #a5c24f; - } - } - } - - @media (max-width: 756px) { - .second-con { - font-size: 16px; - - .pageNum { - font-size: 16px !important; - } - } - } - - @media (max-width: 1024px) { - - .second-con { - right: 20px; - top: 75px; - } - } - - .borderLine { - width: 93%; - height: 2px; - background-color: #f49a4c; - margin-top: 105px; - } - - .zt1-boderLine { - background-color: #a5c24f; - } - } - - - } - - .textareaInput { - width: 100%; - padding: 8px; - box-sizing: border-box; - border: 1px solid #999; - font-size: 15px; - color: #000; - background-color: #f9f9f9; - } - - .imgBox-003 { - width: 100%; - height: 220px; - } - - .chapter01Table { - width: 100%; - - .textareaInput:focus { - border: 1px solid #999 !important; - } - } - - .table111, - .table112 { - width: 100%; - border-collapse: collapse; - - tr th { - background-color: #f49a4c; - text-align: center; - border: 1px solid #999; - margin: 0; - padding: 8px 9px; - font-size: 16px; - } - - tr td { - border: 1px solid #999; - text-align: left; - padding: 8px; - overflow: hidden; - white-space: pre-line; - font-family: 'FZLTXIHJW'; - font-weight: normal; - font-size: 14px; - line-height: 23px; - - input { - font-size: 14px; - } - - textarea { - width: 100%; - min-height: 20px; - min-width: 80px; - border: 0; - } - } - } - - .table112 { - font-size: 16px; - - tr th { - width: 50px; - font-weight: normal; - } - } - - .table122 { - font-size: 16px; - - tr th { - font-weight: normal; - } - } - - .table162 { - tr th { - padding: 8px 0; - } - - tr td { - border: 1px solid #999; - text-align: center; - padding: 15px 0; - overflow: hidden; - } - } - - .bk-swdt { - display: flex; - justify-content: flex-start; - align-items: center; - - img { - width: 30px; - cursor: pointer; - } - } - - .bk-iframe { - width: 1200px; - height: 630px; - position: fixed; - left: -25%; - border: 1px solid #f49a4c; - z-index: 111; - background-color: #fff; - - .header-swdt { - height: 30px; - color: #000; - display: flex; - justify-content: space-between; - align-items: center; - background-color: #f49a4c; - - p { - margin: 0; - padding: 0; - padding-left: 10px; - text-indent: 0; - } - - i { - margin-right: 10px; - cursor: pointer; - } - } - } - - .btnUpload-list { - display: flex; - justify-content: center; - align-items: center; - width: 35px; - height: 30px; - border-radius: 5px; - background-color: #f49a4c; - border: 1px solid #f49a4c; - cursor: pointer; - - svg { - fill: #fff; - } - } - - .btnUpload-list:hover { - background-color: #fff; - - svg { - fill: #F49A4C; - } - } - - .pic-wall { - display: flex; - justify-content: flex-start; - align-items: center; - } - - .bk-inputUpload { - width: 100%; - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: flex-start; - min-height: 100px; - - input { - width: 250px; - margin-left: 15px; - display: none; - } - - .btnUpload { - width: 30px; - height: 30px; - display: flex; - justify-content: center; - align-items: center; - font-size: 50px; - cursor: pointer; - margin-left: 10px; - } - - .upload_text { - color: #000; - font-size: 14px; - font-weight: 700; - font-family: "榛戜綋"; - } - } - - .upload-list { - width: 100%; - display: flex; - justify-content: flex-start; - align-items: center; - flex-wrap: wrap; - } - - .demo-image__preview-swdt { - width: 100%; + .public-bookInnerContent { + max-width: 816px; + min-width: 375px; + margin: 0 auto; + border-color: #f49a4c; height: 100%; - } - .demo-image__preview { - width: 200px; - height: 100px; - border: 1px solid #f49a4c; - display: flex; - justify-content: center; - align-items: center; - margin-right: 6px; - margin-bottom: 6px; - overflow: hidden; - } - - .bj-tip { - min-width: 269px; - display: flex; - justify-content: space-around; - align-items: center; - padding: 4px 14px; - box-sizing: border-box; - border: 3px solid #f49a4c; - border-radius: 30px; - position: absolute; - top: -25px; - left: 15px; - background-color: #fff; - color: #f49a4c; - font-weight: bold; - font-size: 18px; - - div { - width: 35px; - height: 30px; - border-radius: 5px; - background-color: #f49a4c; - border: 1px solid #f49a4c; - display: flex; - justify-content: center; - align-items: center; - margin-left: 5px; - cursor: pointer; - - svg { - fill: #fff; - } + .swiper-button-prev, + .swiper-button-next { + color: #f49a4c; } - div:hover { - background-color: #fff; - border: 1px solid #f49a4c; - - svg { - fill: #f49a4c; - } + textarea:focus, + input:focus { + border: 0 !important; + border-color: #fff !important; + outline: none; } - } - - .tips-bk { - margin-top: 56px; - border-radius: 20px; - position: relative; - } - - .tips-file { - border: 3px dotted #f49a4c; - padding: 12px 10px; - box-sizing: border-box; - padding-top: 30px; - font-family: '浠垮畫'; - font-weight: 700; - - - p { - margin-top: 0px; - } - - .p-text { - padding: 5px 10px; - p { - - line-height: 22px; - font-weight: 700; - color: #666; - } - - div { - line-height: 22px; - font-size: 20px; - text-align: center; - padding-top: 10px; - } - } - } - - .page-box { - box-sizing: border-box; - min-height: 1150px !important; - margin-bottom: 20px; - box-shadow: 0 3px 6px 1px #00000029; - background-color: #fff; - position: relative; - - .w100 { - width: 100% !important; - } - } - - .imgCarousel { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - height: 287px; - max-height: 350px; - - img { - width: auto; - height: calc(100% - 50px); - } - - span { - font-size: 18px; - } - } - - .pdf-content { - padding: 5% 5%; - box-sizing: border-box; - } - - .sj1 { - text-indent: 3em; - } - - .hs1 { - color: #ffbcdd; - text-indent: 0em; - margin-bottom: 0.5em; - } - - .custom_h1 { - color: #2cb4e4; - font-size: 30px; - } - - .custom_tag3 { - background-color: #2cb4e4; - color: #ffffff; - display: inline-block; - padding: 1px; - font-size: 1em; - padding: 3px 10px 3px 10px; - font-weight: bold; - border-radius: 0em; - box-shadow: 0px 0px 0px 0px #fedf24, -15px 0px 0px 0px #fedf24; - margin: 0; - text-indent: 0em; - margin-bottom: 0.5em; - } - - @font-face { - font-family: "FZLTZHJW"; - src: url("../Fonts/FZLTZHJW.ttf"); - } - - @font-face { - font-family: "FZLTXIHJW"; - src: url("../Fonts/FZLTXIHJW.ttf"); - } - - @font-face { - font-family: "FZHTJW"; - src: url("../Fonts/FZHTJW.ttf"); - } - - .custom_tag2 { - background-color: #f1be49; - color: #ffffff; - display: inline-block; - padding: 0.5px; - border-radius: 1.5em; - font-size: 1.1em; - padding: 2px 10px 2px 10px; - font-weight: bold; - margin: 0; - text-indent: 0em; - margin-bottom: 0.5em; - } - - .custom_tag1 { - background-color: #35acd6; - color: #ffffff; - display: inline-block; - padding: 1px; - font-size: 1.1em; - padding: 3px 10px 3px 10px; - font-weight: bold; - box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e; - margin: 0; - text-indent: 0em; - margin-bottom: 0.5em; - } - - .custom_tag { - background-color: #35509f; - color: #ffffff; - display: inline-block; - padding: 1px; - border-radius: 1.5em; - font-size: 1.1em; - padding: 10px 20px 10px 20px; - font-weight: bold; - box-shadow: 30px 0px 0px 0px #f5d83e; - margin: 0; - text-indent: 0em; - margin-bottom: 0.5em; - } - - .ls1 { - font-family: "HiFont Hei GB"; - color: #30aad1; - font-weight: bold; - } - - .hs { - font-family: "HiFont Hei GB"; - color: #ea6b00; - font-weight: bold; - } - - .zs1 { - font-family: "HiFont Hei GB"; - color: #857eb4; - font-weight: bold; - } - - span.under1 { - border-bottom: 2px solid #f0bd4a; - border-width: 2px; - } - - div.bodycontent-div-center { - font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; - margin: 1em 1em 1em 1em; - font-weight: normal; - border-width: 1.5px; - border-color: #dfb27d; - padding: 1em; - } - - img.bodycontent-divcenter-image { - float: center; - clear: both; - height: 140px; - margin: 15px; - } - - div.bodycontent-div-left1 { - font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; - margin: 1em 1em 1em 1em; - font-weight: normal; - border-width: 1.5px; - border-color: #dfb27d; - padding: 1em; - background-color: #f0f8ff; - } - - div.bodycontent-div-left { - font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; - margin: 1em 1em 1em 1em; - font-weight: normal; - border-width: 1.5px; - border-color: #dfb27d; - padding: 1em; - } - - img.bodycontent-divright-image { - float: right; - clear: both; - height: 140px; - margin: 15px; - } - - img.bodycontent-divleft-image { - float: left; - clear: both; - height: 110px; - margin: 15px; - } - - .img-gn-zt { - width: 180px; - } - - div.bodystyle { - font-size: 18px; - text-align: justify; - padding: 10% 10%; - box-sizing: border-box; - font-family: '瀹嬩綋'; - } - - div.bj { - background: #fffbe8; - padding: 1em; - border-radius: 0.6em; - } - - span.zt-0 { - color: #0087af; - } - - p.pzt-0 { - color: #0087af; - font-size: 18px; - } - - p.pzt-0-right { - font-size: 18px; - color: #0087af; - text-align: right; - } - - p.pzt-1 { - font-weight: bold; - color: #0087af; - font-size: 18px; - } - - div.sgc-toc-title { - font-size: 2em; - font-weight: bold; - margin-bottom: 1em; - text-align: center; - } - - div.sgc-toc-level-1 { - margin-left: 0em; - } - - div.sgc-toc-level-2 { - margin-left: 2em; - } - - div.sgc-toc-level-3 { - margin-left: 2em; - } - - div.sgc-toc-level-4 { - margin-left: 2em; - } - - div.sgc-toc-level-5 { - margin-left: 2em; - } - - div.sgc-toc-level-6 { - margin-left: 2em; - } - - .note { - font-size: 0.85em; - } - - .img { - font-family: "FZLTXIHJW"; - text-align: center; - font-size: 0.85em; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; - } - - .img1 { - font-family: "FZLTXIHJW"; - text-align: right; - font-size: 0.85em; - margin-left: 0%; - margin-right: 2em; - text-indent: 0em; - } - - .h5-zt { - font-size: 18px; - } - - .tip-specail { - border: 1px solid #f49a4c !important; - padding: 10px 15px; - } - - p { - margin-top: 1em; - text-indent: 2em; - line-height: 30px; - font-size: 18px; - text-align: justify; - // src: url('../Fonts/msyh.ttc'); - } - - .cover { - width: 100%; - padding: 0px; - } - - .center { - text-align: center; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; - color: #666; - } - - .center1 { - text-align: center; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; - } - - .left { - text-indent: 0em; - margin-left: 0%; - margin-right: 0%; - /* width: 23%; */ - } - - .right { - text-align: right; - margin-left: 0%; - margin-right: 0%; - } - - .right1 { - text-align: right; - margin-left: 0%; - margin-right: 0%; - } - - .quote { - margin-top: 0%; - margin-bottom: 0%; - margin-left: 1em; - margin-right: 1em; - text-align: justify; - font-family: "cnepub", serif; - } - - h1 { - font-family: "FZLTZHJW"; - text-align: center; - font-size: 2em; - margin-bottom: 0.5cm; - margin-top: 0.5cm; - } - - h2 { - font-family: "FZLTZHJW"; - font-weight: bold; - font-size: 1.2em; - margin-top: 0.2em; - // margin-bottom: 0.2em; - text-indent: 0em; - } - - #b001, - #b002, - #b003, - #b004, - #b005, - #b006, - #b007, - #b008, - #b009 { - margin-bottom: 100px; - } - - h3 { - font-family: "FZLTZHJW"; - font-weight: bold; - font-size: 1.15em; - margin-top: 2em; - margin-bottom: 2em; - text-indent: 0em; - } - - h4 { - font-family: "FZLTZHJW"; - font-weight: bold; - color: #f49a4c; - font-size: 1.1em; - margin-top: 0.2em; - margin-bottom: 40px; - text-indent: 0em; - } - - h6 { - font-family: "cnepub", serif; - font-family: "FZHTJW"; - color: #36c3f4; - font-size: 1.1em; - margin-top: 10px; - text-indent: 2em; - margin-bottom: 10px; - } - - .u { - text-decoration: underline; - } - - .img-0 { - width: 100%; - } - - .imz { - width: 100%; - text-align: center; - } - - .img-a { - width: 95%; - } - - .img-b { - width: 70%; - } - - .img-c { - width: 60%; - } - - .img-d { - width: 50%; - } - - .img-e { - width: 45%; - } - - .img-f { - width: 40%; - } - - .img-g { - width: 30%; - } - - .img-h { - width: 20%; - } - - .img-i { - width: 10%; - } - - .img-j { - width: 5%; - } - - .inline { - height: 1em; - margin-bottom: -0.3em; - } - - .inline1 { - height: 1.5em; - margin-top: -1em; - margin-bottom: -0.4em; - } - - .inline2 { - height: 2.5em; - margin-top: 2em; - margin-bottom: -0.4em; - } - - .inline3 { - height: 4em; - margin-top: 2em; - margin-bottom: -0.4em; - } - - /* 锟斤拷权锟斤拷息页锟斤拷锟斤拷 */ - /* Copyright page text */ - p.kindle-cn-copyright-text { - line-height: 1.618em; - text-indent: 0em; - } - - /* Quote */ - /* 锟斤拷锟矫匡拷 */ - blockquote.kindle-cn-blockquote { - background: #f9f9f9; - border-left: 0.5em solid #ccc; - margin: 1.5em; - padding: 1em; - text-indent: 2em; - line-height: 1.5em; - } - - /* 锟斤拷锟侥讹拷锟斤拷 */ - div.block { - border-style: dotted; - border-width: 2px; - border-color: #32a59e; - padding: 0.8em; - } - - /* 锟斤拷锟较斤拷 */ - div.lt-border { - border-style: solid none none solid; - border-color: #32a59e; - border-width: 1.8px; - width: 4em; - margin: 1.5em auto -0.5em 1%; - } - - /* 锟斤拷锟铰斤拷 */ - div.lt-border2 { - border-style: none solid solid none; - border-color: #32a59e; - border-width: 1.8px; - width: 4em; - margin: -0.5em 1% 1.5em auto; - } - - .block1 { - font-family: "STKaiti"; - color: #02439b; - text-align: right; - } - - .block2 { - font-family: "STKaiti"; - color: #02439b; - text-align: center; - text-indent: 0em; - } - - .block3 { - font-family: "STKaiti"; - color: #02439b; - text-align: left; - text-indent: 0em; - } - - .kaiti { - font-family: "STKaiti"; - } - - .em_dot { - -webkit-text-emphasis-style: dot; - -moz-text-emphasis-style: dot; - -ms-text-emphasis-style: dot; - text-emphasis-style: dot; - -webkit-text-emphasis-position: under left; - -moz-text-emphasis-position: under left; - -ms-text-emphasis-position: under left; - text-emphasis-position: under left; - } - - .fieldset { - border: 1px dotted black; - border-radius: 5px; - font-size: 0.9em; - /*16px;*/ - margin-top: 1em; - margin-bottom: 1em; - padding: 1em 0.5em 1em 1em; - color: #666666; - font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; - } - - span.linethrough { - text-decoration: line-through; - } - - .border { - /*斯锟斤拷锟�-锟竭匡拷锟斤拷*/ - border-width: 1px; - border-style: solid; - } - - /* 鏂板鏍峰紡 */ - .custom_title1 { - font-family: "FZLTZHJW"; - background-color: rgb(125, 164, 64); - width: 70vw; - position: relative; - left: 50%; - transform: translateX(-50%); - color: #ffffff; - padding: 10px 0; - border-radius: 20px; - display: flex; - align-items: center; - font-size: 21px; - margin-bottom: 0.5cm; - margin-top: 0.5cm; - } - - .title_icon { - width: 50px; - margin: 0 20px 0 15px; - } - - .custom_chapter { - font-family: "FZHTJW"; - color: rgb(108, 152, 65); - padding: 15px 10px; - background-color: rgb(202, 217, 180); - position: relative; - display: inline-block; - padding: 10px; - font-size: 19px; - left: 50%; - transform: translateX(-50%); - margin-bottom: 0.2cm; - margin-top: 0.2cm; - } - - .custom_chapter::before { - font-family: "FZHTJW"; - content: ""; - width: 12px; - height: 60%; - background-color: rgb(125, 164, 64); - position: absolute; - left: -12px; - top: 50%; - transform: translateY(-50%); - } - - .custom_chapter::after { - font-family: "FZHTJW"; - content: ""; - width: 12px; - height: 60%; - background-color: rgb(125, 164, 64); - position: absolute; - right: -12px; - top: 50%; - transform: translateY(-50%); - } - - .custom_title2 { - color: rgb(154, 106, 17); - // background: url(image/xt.png) no-repeat; - background-size: 100% 100%; - display: inline-block; - padding: 18px; - font-size: 21px; - margin-bottom: 0.2cm; - margin-top: 0.2cm; - font-family: "FZHTJW"; - } - - .img-gn { - height: 45px; - margin-bottom: -0.4em; - } - - .img-gn1 { - height: 2.5em; - margin-bottom: -0.4em; - } - - .div-img-h3 { - display: flex; - align-items: center; - } - - .div-img-h3 h3 { - flex: 1; - } - - .bold1 { - font-weight: bold; - font-size: 1.1em; - } - - .bj2 { - background-color: #857eb4; - color: #ffffff; - display: inline-block; - padding: 1px; - font-size: 1em; - padding: 5px 15px 5px 15px; - font-weight: bold; - border-radius: 1em; - margin: 0; - margin-left: 2em; - text-indent: 0em; - } - - .bj3 { - background: #d5f0fa; - padding: 0.01em 1em 0.01em 1em; - color: #000000; - margin-top: -1em; - margin-left: 0.5em; - margin-right: 0.5em; - text-align: center; - text-indent: 0em; - margin-bottom: -0.8em; - padding: 5px 15px 5px 15px; - font-size: 1.1em; - font-weight: bold; - } - - div.bj4 { - background: #fabf2e; - padding: 0.01em 1em 0.01em 1em; - color: #ffffff; - margin-top: -1em; - font-size: 1.3em; - font-weight: bold; - margin-left: -0.8em; - margin-right: -0.8em; - } - - div.bj5 { - background: #fffbe8; - padding: 1em; - } - - .lvz { - font-family: "HiFont Hei GB"; - color: #6eb92c; - font-weight: bold; - } - - ul { - list-style-type: none; - } - - li { - list-style-type: none; - } - - div.bk { - border: 3px dotted #f49a4c; - padding: 15px; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 25px; - } - - div.bj1 { - padding: 0.01em 1em 0.01em 1em; - margin-top: -3em; - margin-left: -4em; - margin-right: -1em; - } - - .bk-h3 { - border: 3px solid #f49a4c; - padding: 0.7em; - color: #f49a4c; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 0em 2em 2em 0em; - } - - .bj1-h3 { - background-color: #f49a4c; - padding: 0.9em; - color: #ffffff; - margin-top: 0em; - margin-left: -0.8em; - margin-right: -1em; - } - - .fontsz1 { - width: 200px; - font-size: 0.7em; - display: inline-flex; - justify-content: flex-start; - align-items: center; - - img { - cursor: pointer; - } - } - - div.bk-tx { - border: 3px dotted #f49a4c; - padding: 10px; - color: #f49a4c; - margin-bottom: 2em; - margin-top: -8px; - border-radius: 0em 0em 3em 0em; textarea { width: 100%; - border: 0 !important; + text-indent: 2em; + // max-width: 652px; + // min-height: 100px; font-size: 16px; - border-radius: 5px; - max-width: 620px; - min-width: 500px; } - } - p.hr { - padding: 0.3em; - line-height: 1.5em; - border-bottom: 1px solid #000; - } - - div.bk-sys { - background: #efefef; - padding: 15px; - margin-bottom: 2em; - margin-top: 0.5em; - border-radius: 0em 1.5em 1.5em 1.5em; - } - - div.bj1-sys { - padding: 0.01em 1em 0.01em 1em; - margin-top: -3em; - margin-left: -2.5em; - margin-right: -1em; - } - - div.bk-qjms { - font-family: 'FZLTXIHJW'; - border: 3px dotted #f49a4c; - padding: 15px; - margin-bottom: 2em; - margin-top: 0.5em; - position: relative; - - .block { - font-size: 16px; - line-height: 25px; - font-family: "浠垮畫"; - font-weight: 700; - color: #666; + /* 閽堝Firefox */ + textarea::-webkit-scrollbar { + width: 0; + height: 0; } - } - p.bj1-qjms { - background-color: #f49a4c; - color: #ffffff; - display: inline-block; - font-size: 1em; - padding: 0.1em 0.7em 0.12em 0.7em; - font-weight: bold; - border-radius: 1.5em; - margin-left: 0em; - text-align: center; - text-indent: 0em; - position: absolute; - top: -2em; - } - } + /* 閽堝IE, Edge鍜孋hrome */ + textarea { + -ms-overflow-style: none; + /* IE 鍜� Edge */ + scrollbar-width: none; + /* Firefox */ + } - @media screen and (max-width:800px) { - .public-lifeCare .coverImg { - position: absolute; - top: 25%; - left: 0; - } - - .chapter { + .coverImg { + position: absolute; + top: 0; + left: 0; + } .prefaceImg { - width: 100% !important; + width: 92% !important; position: absolute; - left: 0%; + left: 4%; top: 4%; } - .pdf-content { - padding: 20% 5%; - box-sizing: border-box; + .zt-yy-brd { + padding: 5px 15px; + border: 3px dotted #f49a4c; + border-radius: 10px; } - div.bk-tx { - textarea { - min-width: 275px; + .chapter-006 { + position: relative; + + .btn { + position: absolute; + top: 65%; + left: 35%; } } - p { - margin-top: 0; - line-height: 25px; - font-size: 16px; - font-family: 'FZLTXIHJW' - } + .border-xxfs { + border-radius: 0 !important; + position: relative; + padding: 10px; + padding-top: 20px !important; + border: 2px dotted #00aeef !important; - .header .pageHeader-second .second-con .second-right img { - height: 30px; - position: absolute; - left: -35px; - top: 0; - } + .bj3 { + display: flex; + justify-content: flex-start; + align-items: center; + width: 105px; + height: 30px; + position: absolute; + padding: 0 !important; + padding-left: 5px !important; + box-sizing: border-box; + top: 0; + background-color: #00aeef !important; + color: #fff !important; + border-bottom-right-radius: 25px; - div.bj1 { - padding: 0.01em 1em 0.01em 1em; - margin-top: -2em; - margin-left: -4em; - margin-right: -1em; - } - - .img-gn { - height: 40px; - margin-bottom: -0.4em; - } - - h3 { - font-family: "FZLTZHJW"; - font-weight: bold; - font-size: 16px; - margin-top: 2em; - /* margin-bottom: 2em; */ - text-indent: 0em; - } - - h4 { - text-align: left; - font-family: "FZLTZHJW"; - font-weight: bold; - color: #f49a4c; - font-size: 16px; - margin-top: 0.2em; - margin-bottom: 2em; - text-indent: 0em; - - .fontsz1 { - width: auto; - } - - } - - .bj-tip { - top: -25px; - left: 10px; - font-size: 16px; - font-weight: normal; - font-family: 'FZLTZHJW'; - - div { - width: 30px; - height: 27px; + .cirlce { + width: 40px; + height: 40px; + border: 2px solid #00aeef; + border-radius: 50%; + position: absolute; + left: -38px; + background: url("../image/xxfs.png"); + background-position: center; + background-size: 70% 70%; + background-repeat: no-repeat; + background-color: #fff; + } } } - p.bj1-qjms { - top: -1em; - } - - .table111, - .table112 { + input { width: 100%; - border-collapse: collapse; - - tr th { - width: auto !important; - } + border: 0 !important; + border-color: #fff !important; + outline: none; + font-size: 16px; + text-align: center; + white-space: pre-line; } + .drawflow { + .main-path { + stroke: #f49a4c; + } + + .drawflow-delete { + width: 25px; + height: 25px; + line-height: 21px; + background-color: #f49a4c; + font-size: 20px; + } + + .drawflow-node { + background-color: #fff; + border: 0px solid #f49a4c; + box-shadow: 1px 1px 5px 0 #f49a4c; + + .contentWall { + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .contentTitle { + margin-bottom: 5px; + } + + .contentText { + textarea { + width: auto; + min-height: 50px; + margin: 0; + outline: none; + border-color: #f49a4c; + border-radius: 5px; + } + + textarea:focus { + border: 1px solid #fabf2e !important; + } + } + } + + .input, + .output { + border-color: #f49a4c; + border-width: 1px; + } + } + + .content { + .btn-export { + float: right; + position: absolute; + top: 4px; + right: 10px; + color: #333; + font-weight: bold; + // 0e5ba3 + border: 1px solid #ccc; + // 4ea9ff + background: #fff; + padding: 5px 10px; + border-radius: 4px; + cursor: pointer; + z-index: 5; + } + + .btn-clear { + float: right; + position: absolute; + top: 4px; + right: 85px; + color: white; + font-weight: bold; + // 96015b + border: 1px solid #f49a4c; + // e3195a + background: #f49a4c; + padding: 5px 10px; + border-radius: 4px; + cursor: pointer; + z-index: 5; + } + + .btn-export:hover { + color: #f49a4c; + border: 1px solid #f49a4c; + } + + .btn-clear:hover { + background-color: #fff; + color: #f49a4c; + border: 1px solid #f49a4c; + } + } + } .drawContent_wall { - margin-bottom: 2em; + width: 100%; + height: 765px; + + .drawflow { + display: flex; + flex-direction: column; + + .content { + border-top-width: 1px; + border-top-style: solid; + } + } } - + .chapter { + font-family: "瀹嬩綋"; + + .topImg { + padding-top: 0 !important; + margin-bottom: 2em; + } + + p input { + width: 20px; + } + + .header { + width: 100%; + height: 100px; + + .pageHeader-first { + width: 100%; + height: 100%; + padding-top: 6%; + + .header-bj { + width: 78%; + height: 100%; + border-left: 2px solid #dfb27d; + border-bottom: 2px solid #dfb27d; + margin-left: 18%; + } + + .content { + background-color: #f49a4c; + width: 91%; + height: 32%; + display: flex; + justify-content: flex-start; + align-items: center; + margin-top: -6%; + margin-left: 3%; + + .pageStr { + color: #fff; + font-size: 24px; + text-align: center; + margin: 0 20px; + } + + .title { + display: flex; + justify-content: flex-start; + align-items: center; + color: #fff; + font-size: 20px; + position: relative; + + img { + height: 30px !important; + margin-right: 20px; + } + + .ztImg { + height: 40px !important; + margin-top: -4px; + } + } + } + + .zt1-content { + background-color: #f7b80a; + } + + .zt1-header-bj { + border-left-color: #a5c24f; + border-bottom-color: #a5c24f; + } + + @media (max-width: 756px) { + .content { + margin-top: -12%; + + .title { + font-size: 16px; + } + + .pageStr { + font-size: 16px; + } + } + } + } + + .pageHeader-second { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding-top: 3%; + + .second-con { + width: 90%; + height: 35px; + display: flex; + justify-content: space-between; + align-items: center; + font-size: 20px; + position: absolute; + right: 36px; + top: 80px; + + .second-left { + width: 23px; + height: 100%; + background-color: #f49a4c; + } + + .second-right { + height: 100%; + display: flex; + justify-content: space-between; + align-items: center; + position: relative; + + img { + height: 50px; + position: absolute; + left: -50px; + top: -20px; + } + + .pageStr { + margin-right: 10px; + } + + .pageNum { + display: block; + background-color: #f49a4c; + padding: 2px 20px; + box-sizing: border-box; + font-size: 28px; + color: #fff; + } + + .zt1-pageNum { + background-color: #a5c24f; + } + + .zt1-pageStr { + color: #a5c24f; + } + } + } + + @media (max-width: 756px) { + .second-con { + font-size: 16px; + + .pageNum { + font-size: 16px !important; + } + } + } + + @media (max-width: 1024px) { + .second-con { + right: 20px; + top: 75px; + } + } + + .borderLine { + width: 93%; + height: 2px; + background-color: #f49a4c; + margin-top: 105px; + } + + .zt1-boderLine { + background-color: #a5c24f; + } + } + } + + .textareaInput { + width: 100%; + padding: 8px; + box-sizing: border-box; + border: 1px solid #999; + font-size: 15px; + color: #000; + background-color: #f9f9f9; + } + + .imgBox-003 { + width: 100%; + height: 220px; + } + + .chapter01Table { + width: 100%; + + .textareaInput:focus { + border: 1px solid #999 !important; + } + } + + .table111, + .table112 { + width: 100%; + border-collapse: collapse; + + tr th { + background-color: #f49a4c; + text-align: center; + border: 1px solid #999; + margin: 0; + padding: 8px 9px; + font-size: 16px; + } + + tr td { + border: 1px solid #999; + text-align: left; + padding: 8px; + overflow: hidden; + white-space: pre-line; + font-family: "FZLTXIHJW"; + font-weight: normal; + font-size: 14px; + line-height: 23px; + + div { + width: 100%; + min-height: 23px; + } + + div:focus { + outline: none; + } + + textarea { + width: 100%; + min-height: 20px; + min-width: 80px; + border: 0; + font-size: 14px; + text-indent: 0em; + min-width: 200px; + max-width: 330px; + } + } + } + + .table112 { + font-size: 16px; + + tr th { + width: 50px; + font-weight: normal; + } + } + + .table122 { + font-size: 16px; + + tr th { + font-weight: normal; + } + } + + .table162 { + tr th { + padding: 8px 0; + } + + tr td { + border: 1px solid #999; + text-align: center; + padding: 15px 0; + overflow: hidden; + } + } + + .bk-swdt { + display: flex; + justify-content: flex-start; + align-items: center; + + img { + width: 30px; + cursor: pointer; + } + } + + .bk-iframe { + width: 1200px; + height: 630px; + position: fixed; + left: -25%; + border: 1px solid #f49a4c; + z-index: 111; + background-color: #fff; + + .header-swdt { + height: 30px; + color: #000; + display: flex; + justify-content: space-between; + align-items: center; + background-color: #f49a4c; + + p { + margin: 0; + padding: 0; + padding-left: 10px; + text-indent: 0; + } + + i { + margin-right: 10px; + cursor: pointer; + } + } + } + + .btnUpload-list { + display: flex; + justify-content: center; + align-items: center; + width: 35px; + height: 30px; + border-radius: 5px; + background-color: #f49a4c; + border: 1px solid #f49a4c; + cursor: pointer; + + svg { + fill: #fff; + } + } + + .btnUpload-list:hover { + background-color: #fff; + + svg { + fill: #f49a4c; + } + } + + .pic-wall { + display: flex; + justify-content: flex-start; + align-items: center; + } + + .bk-inputUpload { + width: 100%; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + min-height: 100px; + + input { + width: 250px; + margin-left: 15px; + display: none; + } + + .btnUpload { + width: 30px; + height: 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 50px; + cursor: pointer; + margin-left: 10px; + } + + .upload_text { + color: #000; + font-size: 14px; + font-weight: 700; + font-family: "榛戜綋"; + } + } + + .upload-list { + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; + } + + .demo-image__preview-swdt { + width: 100%; + height: 100%; + } + + .demo-image__preview { + width: 200px; + height: 100px; + border: 1px solid #f49a4c; + display: flex; + justify-content: center; + align-items: center; + margin-right: 6px; + margin-bottom: 6px; + overflow: hidden; + } + + .bj-tip { + min-width: 269px; + display: flex; + justify-content: space-around; + align-items: center; + padding: 4px 14px; + box-sizing: border-box; + border: 3px solid #f49a4c; + border-radius: 30px; + position: absolute; + top: -25px; + left: 15px; + background-color: #fff; + color: #f49a4c; + font-weight: bold; + font-size: 18px; + + div { + width: 35px; + height: 30px; + border-radius: 5px; + background-color: #f49a4c; + border: 1px solid #f49a4c; + display: flex; + justify-content: center; + align-items: center; + margin-left: 5px; + cursor: pointer; + + svg { + fill: #fff; + } + } + + div:hover { + background-color: #fff; + border: 1px solid #f49a4c; + + svg { + fill: #f49a4c; + } + } + } + + .tips-bk { + margin-top: 56px; + border-radius: 20px; + position: relative; + } + + .tips-file { + border: 3px dotted #f49a4c; + padding: 12px 10px; + box-sizing: border-box; + padding-top: 30px; + font-family: "浠垮畫"; + font-weight: 700; + + p { + margin-top: 0px; + } + + .p-text { + padding: 5px 10px; + + p { + line-height: 22px; + font-weight: 700; + color: #666; + } + + div { + line-height: 22px; + font-size: 20px; + text-align: center; + padding-top: 10px; + } + } + } + + .page-box { + box-sizing: border-box; + min-height: 1150px !important; + margin-bottom: 20px; + box-shadow: 0 3px 6px 1px #00000029; + background-color: #fff; + position: relative; + + .w100 { + width: 100% !important; + } + } + + .imgCarousel { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + height: 287px; + max-height: 350px; + + img { + width: auto; + height: calc(100% - 50px); + } + + span { + font-size: 18px; + } + } + + .pdf-content { + padding: 5% 5%; + box-sizing: border-box; + } + + .sj1 { + text-indent: 3em; + } + + .hs1 { + color: #ffbcdd; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .custom_h1 { + color: #2cb4e4; + font-size: 30px; + } + + .custom_tag3 { + background-color: #2cb4e4; + color: #ffffff; + display: inline-block; + padding: 1px; + font-size: 1em; + padding: 3px 10px 3px 10px; + font-weight: bold; + border-radius: 0em; + box-shadow: 0px 0px 0px 0px #fedf24, -15px 0px 0px 0px #fedf24; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + @font-face { + font-family: "FZLTZHJW"; + src: url("../Fonts/FZLTZHJW.ttf"); + } + + @font-face { + font-family: "FZLTXIHJW"; + src: url("../Fonts/FZLTXIHJW.ttf"); + } + + @font-face { + font-family: "FZHTJW"; + src: url("../Fonts/FZHTJW.ttf"); + } + + .custom_tag2 { + background-color: #f1be49; + color: #ffffff; + display: inline-block; + padding: 0.5px; + border-radius: 1.5em; + font-size: 1.1em; + padding: 2px 10px 2px 10px; + font-weight: bold; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .custom_tag1 { + background-color: #35acd6; + color: #ffffff; + display: inline-block; + padding: 1px; + font-size: 1.1em; + padding: 3px 10px 3px 10px; + font-weight: bold; + box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .custom_tag { + background-color: #35509f; + color: #ffffff; + display: inline-block; + padding: 1px; + border-radius: 1.5em; + font-size: 1.1em; + padding: 10px 20px 10px 20px; + font-weight: bold; + box-shadow: 30px 0px 0px 0px #f5d83e; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .ls1 { + font-family: "HiFont Hei GB"; + color: #30aad1; + font-weight: bold; + } + + .hs { + font-family: "HiFont Hei GB"; + color: #ea6b00; + font-weight: bold; + } + + .zs1 { + font-family: "HiFont Hei GB"; + color: #857eb4; + font-weight: bold; + } + + span.under1 { + border-bottom: 2px solid #f0bd4a; + border-width: 2px; + } + + div.bodycontent-div-center { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + } + + img.bodycontent-divcenter-image { + float: center; + clear: both; + height: 140px; + margin: 15px; + } + + div.bodycontent-div-left1 { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + background-color: #f0f8ff; + } + + div.bodycontent-div-left { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + } + + img.bodycontent-divright-image { + float: right; + clear: both; + height: 140px; + margin: 15px; + } + + img.bodycontent-divleft-image { + float: left; + clear: both; + height: 110px; + margin: 15px; + } + + .img-gn-zt { + width: 180px; + } + + div.bodystyle { + font-size: 18px; + text-align: justify; + padding: 10% 10%; + box-sizing: border-box; + font-family: "瀹嬩綋"; + } + + div.bj { + background: #fffbe8; + padding: 1em; + border-radius: 0.6em; + } + + span.zt-0 { + color: #0087af; + } + + p.pzt-0 { + color: #0087af; + font-size: 18px; + } + + p.pzt-0-right { + font-size: 18px; + color: #0087af; + text-align: right; + } + + p.pzt-1 { + font-weight: bold; + color: #0087af; + font-size: 18px; + } + + div.sgc-toc-title { + font-size: 2em; + font-weight: bold; + margin-bottom: 1em; + text-align: center; + } + + div.sgc-toc-level-1 { + margin-left: 0em; + } + + div.sgc-toc-level-2 { + margin-left: 2em; + } + + div.sgc-toc-level-3 { + margin-left: 2em; + } + + div.sgc-toc-level-4 { + margin-left: 2em; + } + + div.sgc-toc-level-5 { + margin-left: 2em; + } + + div.sgc-toc-level-6 { + margin-left: 2em; + } + + .note { + font-size: 0.85em; + } + + .img { + font-family: "FZLTXIHJW"; + text-align: center; + font-size: 0.85em; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .img1 { + font-family: "FZLTXIHJW"; + text-align: right; + font-size: 0.85em; + margin-left: 0%; + margin-right: 2em; + text-indent: 0em; + } + + .h5-zt { + font-size: 18px; + } + + .tip-specail { + border: 1px solid #f49a4c !important; + padding: 10px 15px; + } + + p { + margin-top: 1em; + text-indent: 2em; + line-height: 30px; + font-size: 18px; + text-align: justify; + // src: url('../Fonts/msyh.ttc'); + } + + .cover { + width: 100%; + padding: 0px; + } + + .center { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + color: #666; + } + + .center1 { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .left { + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + /* width: 23%; */ + } + + .right { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + + .right1 { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + + .quote { + margin-top: 0%; + margin-bottom: 0%; + margin-left: 1em; + margin-right: 1em; + text-align: justify; + font-family: "cnepub", serif; + } + + h1 { + font-family: "FZLTZHJW"; + text-align: center; + font-size: 2em; + margin-bottom: 0.5cm; + margin-top: 0.5cm; + } + + h2 { + font-family: "FZLTZHJW"; + font-weight: bold; + font-size: 1.2em; + margin-top: 0.2em; + // margin-bottom: 0.2em; + text-indent: 0em; + } + + #b001, + #b002, + #b003, + #b004, + #b005, + #b006, + #b007, + #b008, + #b009 { + margin-bottom: 100px; + } + + h3 { + font-family: "FZLTZHJW"; + font-weight: bold; + font-size: 1.15em; + margin-top: 2em; + margin-bottom: 2em; + text-indent: 0em; + } + + h4 { + font-family: "FZLTZHJW"; + font-weight: bold; + color: #f49a4c; + font-size: 1.1em; + margin-top: 0.2em; + margin-bottom: 40px; + text-indent: 0em; + } + + h6 { + font-family: "cnepub", serif; + font-family: "FZHTJW"; + color: #36c3f4; + font-size: 1.1em; + margin-top: 10px; + text-indent: 2em; + margin-bottom: 10px; + } + + .u { + text-decoration: underline; + } + + .img-0 { + width: 100%; + } + + .imz { + width: 100%; + text-align: center; + } + + .img-a { + width: 95%; + } + + .img-b { + width: 70%; + } + + .img-c { + width: 60%; + } + + .img-d { + width: 50%; + } + + .img-e { + width: 45%; + } + + .img-f { + width: 40%; + } + + .img-g { + width: 30%; + } + + .img-h { + width: 20%; + } + + .img-i { + width: 10%; + } + + .img-j { + width: 5%; + } + + .inline { + height: 1em; + margin-bottom: -0.3em; + } + + .inline1 { + height: 1.5em; + margin-top: -1em; + margin-bottom: -0.4em; + } + + .inline2 { + height: 2.5em; + margin-top: 2em; + margin-bottom: -0.4em; + } + + .inline3 { + height: 4em; + margin-top: 2em; + margin-bottom: -0.4em; + } + + /* 锟斤拷权锟斤拷息页锟斤拷锟斤拷 */ + /* Copyright page text */ + p.kindle-cn-copyright-text { + line-height: 1.618em; + text-indent: 0em; + } + + /* Quote */ + /* 锟斤拷锟矫匡拷 */ + blockquote.kindle-cn-blockquote { + background: #f9f9f9; + border-left: 0.5em solid #ccc; + margin: 1.5em; + padding: 1em; + text-indent: 2em; + line-height: 1.5em; + } + + /* 锟斤拷锟侥讹拷锟斤拷 */ + div.block { + border-style: dotted; + border-width: 2px; + border-color: #32a59e; + padding: 0.8em; + } + + /* 锟斤拷锟较斤拷 */ + div.lt-border { + border-style: solid none none solid; + border-color: #32a59e; + border-width: 1.8px; + width: 4em; + margin: 1.5em auto -0.5em 1%; + } + + /* 锟斤拷锟铰斤拷 */ + div.lt-border2 { + border-style: none solid solid none; + border-color: #32a59e; + border-width: 1.8px; + width: 4em; + margin: -0.5em 1% 1.5em auto; + } + + .block1 { + font-family: "STKaiti"; + color: #02439b; + text-align: right; + } + + .block2 { + font-family: "STKaiti"; + color: #02439b; + text-align: center; + text-indent: 0em; + } + + .block3 { + font-family: "STKaiti"; + color: #02439b; + text-align: left; + text-indent: 0em; + } + + .kaiti { + font-family: "STKaiti"; + } + + .em_dot { + -webkit-text-emphasis-style: dot; + -moz-text-emphasis-style: dot; + -ms-text-emphasis-style: dot; + text-emphasis-style: dot; + -webkit-text-emphasis-position: under left; + -moz-text-emphasis-position: under left; + -ms-text-emphasis-position: under left; + text-emphasis-position: under left; + } + + .fieldset { + border: 1px dotted black; + border-radius: 5px; + font-size: 0.9em; + /*16px;*/ + margin-top: 1em; + margin-bottom: 1em; + padding: 1em 0.5em 1em 1em; + color: #666666; + font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; + } + + span.linethrough { + text-decoration: line-through; + } + + .border { + /*斯锟斤拷锟�-锟竭匡拷锟斤拷*/ + border-width: 1px; + border-style: solid; + } + + /* 鏂板鏍峰紡 */ + .custom_title1 { + font-family: "FZLTZHJW"; + background-color: rgb(125, 164, 64); + width: 70vw; + position: relative; + left: 50%; + transform: translateX(-50%); + color: #ffffff; + padding: 10px 0; + border-radius: 20px; + display: flex; + align-items: center; + font-size: 21px; + margin-bottom: 0.5cm; + margin-top: 0.5cm; + } + + .title_icon { + width: 50px; + margin: 0 20px 0 15px; + } + + .custom_chapter { + font-family: "FZHTJW"; + color: rgb(108, 152, 65); + padding: 15px 10px; + background-color: rgb(202, 217, 180); + position: relative; + display: inline-block; + padding: 10px; + font-size: 19px; + left: 50%; + transform: translateX(-50%); + margin-bottom: 0.2cm; + margin-top: 0.2cm; + } + + .custom_chapter::before { + font-family: "FZHTJW"; + content: ""; + width: 12px; + height: 60%; + background-color: rgb(125, 164, 64); + position: absolute; + left: -12px; + top: 50%; + transform: translateY(-50%); + } + + .custom_chapter::after { + font-family: "FZHTJW"; + content: ""; + width: 12px; + height: 60%; + background-color: rgb(125, 164, 64); + position: absolute; + right: -12px; + top: 50%; + transform: translateY(-50%); + } + + .custom_title2 { + color: rgb(154, 106, 17); + // background: url(image/xt.png) no-repeat; + background-size: 100% 100%; + display: inline-block; + padding: 18px; + font-size: 21px; + margin-bottom: 0.2cm; + margin-top: 0.2cm; + font-family: "FZHTJW"; + } + + .img-gn { + height: 45px; + margin-bottom: -0.4em; + } + + .img-gn1 { + height: 2.5em; + margin-bottom: -0.4em; + } + + .div-img-h3 { + display: flex; + align-items: center; + } + + .div-img-h3 h3 { + flex: 1; + } + + .bold1 { + font-weight: bold; + font-size: 1.1em; + } + + .bj2 { + background-color: #857eb4; + color: #ffffff; + display: inline-block; + padding: 1px; + font-size: 1em; + padding: 5px 15px 5px 15px; + font-weight: bold; + border-radius: 1em; + margin: 0; + margin-left: 2em; + text-indent: 0em; + } + + .bj3 { + background: #d5f0fa; + padding: 0.01em 1em 0.01em 1em; + color: #000000; + margin-top: -1em; + margin-left: 0.5em; + margin-right: 0.5em; + text-align: center; + text-indent: 0em; + margin-bottom: -0.8em; + padding: 5px 15px 5px 15px; + font-size: 1.1em; + font-weight: bold; + } + + div.bj4 { + background: #fabf2e; + padding: 0.01em 1em 0.01em 1em; + color: #ffffff; + margin-top: -1em; + font-size: 1.3em; + font-weight: bold; + margin-left: -0.8em; + margin-right: -0.8em; + } + + div.bj5 { + background: #fffbe8; + padding: 1em; + } + + .lvz { + font-family: "HiFont Hei GB"; + color: #6eb92c; + font-weight: bold; + } + + ul { + list-style-type: none; + } + + li { + list-style-type: none; + } + + div.bk { + border: 3px dotted #f49a4c; + padding: 15px; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 25px; + } + + div.bj1 { + padding: 0.01em 1em 0.01em 1em; + margin-top: -3em; + margin-left: -4em; + margin-right: -1em; + } + + .bk-h3 { + border: 3px solid #f49a4c; + padding: 0.7em; + color: #f49a4c; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 0em 2em 2em 0em; + } + + .bj1-h3 { + background-color: #f49a4c; + padding: 0.9em; + color: #ffffff; + margin-top: 0em; + margin-left: -0.8em; + margin-right: -1em; + } + + .fontsz1 { + width: 200px; + font-size: 0.7em; + display: inline-flex; + justify-content: flex-start; + align-items: center; + + img { + cursor: pointer; + } + } + + div.bk-tx { + border: 3px dotted #f49a4c; + padding: 10px; + color: #f49a4c; + margin-bottom: 2em; + margin-top: -8px; + border-radius: 0em 0em 3em 0em; + + textarea { + width: 100%; + border: 0 !important; + font-size: 16px; + border-radius: 5px; + max-width: 620px; + min-width: 500px; + } + } + + p.hr { + padding: 0.3em; + line-height: 1.5em; + border-bottom: 1px solid #000; + } + + div.bk-sys { + background: #efefef; + padding: 15px; + margin-bottom: 2em; + margin-top: 0.5em; + border-radius: 0em 1.5em 1.5em 1.5em; + } + + div.bj1-sys { + padding: 0.01em 1em 0.01em 1em; + margin-top: -3em; + margin-left: -2.5em; + margin-right: -1em; + } + + div.bk-qjms { + font-family: "FZLTXIHJW"; + border: 3px dotted #f49a4c; + padding: 15px; + margin-bottom: 2em; + margin-top: 0.5em; + position: relative; + + .block { + font-size: 16px; + line-height: 25px; + font-family: "浠垮畫"; + font-weight: 700; + color: #666; + } + } + + p.bj1-qjms { + background-color: #f49a4c; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 1.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + } + + @media screen and (max-width: 800px) { + .public-bookInnerContent .coverImg { + position: absolute; + top: 25%; + left: 0; + } + + .chapter { + .prefaceImg { + width: 100% !important; + position: absolute; + left: 0%; + top: 4%; + } + + .pdf-content { + padding: 20% 5%; + box-sizing: border-box; + } + + div.bk-tx { + textarea { + min-width: 275px; + } + } + + p { + margin-top: 0; + line-height: 25px; + font-size: 16px; + font-family: "FZLTXIHJW"; + } + + .header .pageHeader-second .second-con .second-right img { + height: 30px; + position: absolute; + left: -35px; + top: 0; + } + + div.bj1 { + padding: 0.01em 1em 0.01em 1em; + margin-top: -2em; + margin-left: -4em; + margin-right: -1em; + } + + .img-gn { + height: 40px; + margin-bottom: -0.4em; + } + + h3 { + font-family: "FZLTZHJW"; + font-weight: bold; + font-size: 16px; + margin-top: 2em; + /* margin-bottom: 2em; */ + text-indent: 0em; + } + + h4 { + text-align: left; + font-family: "FZLTZHJW"; + font-weight: bold; + color: #f49a4c; + font-size: 16px; + margin-top: 0.2em; + margin-bottom: 2em; + text-indent: 0em; + + .fontsz1 { + width: auto; + } + } + + .bj-tip { + top: -25px; + left: 10px; + font-size: 16px; + font-weight: normal; + font-family: "FZLTZHJW"; + + div { + width: 30px; + height: 27px; + } + } + + p.bj1-qjms { + top: -1em; + } + + .table111, + .table112 { + width: 100%; + border-collapse: collapse; + + tr th { + width: auto !important; + } + } + + .drawContent_wall { + margin-bottom: 2em; + } + } + } } } + + } + + body { background-color: #e6e6e6; } \ No newline at end of file diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/components/chapter001.vue similarity index 64% rename from src/books/lifeCare/view/chapter001.vue rename to src/books/lifeCare/view/components/chapter001.vue index 7cc997c..6655737 100644 --- a/src/books/lifeCare/view/chapter001.vue +++ b/src/books/lifeCare/view/components/chapter001.vue @@ -4,12 +4,12 @@ <div v-if="showPageList.indexOf(10) > -1"> <div class="bodystyle topImg"> <h2 id="b001"> - <img class="img-0" alt="" src="../image/dy1.jpg" /> + <img class="img-0" alt="" src="../../image/dy1.jpg" /> </h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p> @@ -35,7 +35,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -63,7 +63,7 @@ <div class="content"> <div class="pageStr">1-2</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -73,7 +73,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <!-- <p class="center"> @@ -84,13 +84,13 @@ /> </p> --> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0018-1.jpg" /> + <img class="img-a" alt="" src="../../image/0018-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" /> </p> </div> <p class="center"><b>鎵樿偛鍥殑涓�澶�</b></p> @@ -180,7 +180,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">1-3</span> </div> @@ -218,90 +218,110 @@ <table class="table111"> <thead> <tr> - <th>鏃堕棿</th> - <th>淇濊偛鏈烘瀯鐨勫悕绉�</th> - <th>鐗圭偣</th> + <th style="width: 120px">鏃堕棿</th> + <th style="width: 200px">淇濊偛鏈烘瀯鐨勫悕绉�</th> + <th style="width: 200px">鐗圭偣</th> </tr> </thead> <tbody> <tr> <td>1949骞�</td> <td> - <input - v-model="chapter001.table111.tbText1" - @blur="onBlurChangeTable('tbText1')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText1')" + > + {{ chapter001.table111.tbText1 }} + </div> </td> <td> - <input - v-model="chapter001.table111.tbText2" - @blur="onBlurChangeTable('tbText2')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText2')" + > + {{ chapter001.table111.tbText2 }} + </div> </td> </tr> <tr> <td>1949-1980骞�</td> <td> - <input - v-model="chapter001.table111.tbText3" - @blur="onBlurChangeTable('tbText3')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText3')" + > + {{ chapter001.table111.tbText3 }} + </div> </td> <td> - <input - v-model="chapter001.table111.tbText4" - @blur="onBlurChangeTable('tbText4')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText4')" + > + {{ chapter001.table111.tbText4 }} + </div> </td> </tr> <tr> <td>1980-1990骞�</td> <td> - <input - v-model="chapter001.table111.tbText5" - @blur="onBlurChangeTable('tbText5')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText5')" + > + {{ chapter001.table111.tbText5 }} + </div> </td> <td> - <input - v-model="chapter001.table111.tbText6" - @blur="onBlurChangeTable('tbText6')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText6')" + > + {{ chapter001.table111.tbText6 }} + </div> </td> </tr> <tr> <td>1990-2000骞�</td> <td> - <input - v-model="chapter001.table111.tbText7" - @blur="onBlurChangeTable('tbText7')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText7')" + > + {{ chapter001.table111.tbText7 }} + </div> </td> <td> - <input - v-model="chapter001.table111.tbText8" - @blur="onBlurChangeTable('tbText8')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText8')" + > + {{ chapter001.table111.tbText8 }} + </div> </td> </tr> <tr> <td>2000骞磋嚦浠�</td> <td> - <input - v-model="chapter001.table111.tbText9" - @blur="onBlurChangeTable('tbText9')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText9')" + > + {{ chapter001.table111.tbText9 }} + </div> </td> <td> - <input - v-model="chapter001.table111.tbText10" - @blur="onBlurChangeTable('tbText10')" - /> + <div + contenteditable + @blur="onBlurChangeTable($event, 'tbText10')" + > + {{ chapter001.table111.tbText10 }} + </div> </td> </tr> </tbody> </table> - <!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> --> + <!-- <p class="center"><img class="img-a" alt="" src="../../image/0019-2.jpg"></p> --> </div> <h4 id="d003"> 鈻垛柖 娲诲姩3锛氳鏄庡┐骞煎効鐢熸椿淇濊偛宸ヤ綔鐨勭洰鏍囧強鎰忎箟<span class="fontsz1" @@ -331,7 +351,7 @@ <div class="content"> <div class="pageStr">1-4</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -388,7 +408,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">1-5</span> </div> @@ -456,7 +476,7 @@ <div class="content"> <div class="pageStr">1-6</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -526,7 +546,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">1-7</span> </div> @@ -598,7 +618,7 @@ <div class="content"> <div class="pageStr">1-8</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -637,534 +657,450 @@ <tbody> <tr> <td> - <input - v-model="chapter001.table112.cell1" - @blur="onBlurChangeTable112('cell1')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell1')"> + {{ chapter001.table112.cell1 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell2" - @blur="onBlurChangeTable112('cell2')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell2')"> + {{ chapter001.table112.cell2 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell3" - @blur="onBlurChangeTable112('cell3')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell3')"> + {{ chapter001.table112.cell3 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell4" - @blur="onBlurChangeTable112('cell4')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell4')"> + {{ chapter001.table112.cell4 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell5" - @blur="onBlurChangeTable112('cell5')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell5')"> + {{ chapter001.table112.cell5 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell6" - @blur="onBlurChangeTable112('cell6')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell6')"> + {{ chapter001.table112.cell6 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell7" - @blur="onBlurChangeTable112('cell7')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell7')"> + {{ chapter001.table112.cell7 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell8" - @blur="onBlurChangeTable112('cell8')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell8')"> + {{ chapter001.table112.cell8 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell9" - @blur="onBlurChangeTable112('cell9')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell9')"> + {{ chapter001.table112.cell9 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell10" - @blur="onBlurChangeTable112('cell10')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell10')"> + {{ chapter001.table112.cell10 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell11" - @blur="onBlurChangeTable112('cell11')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell11')"> + {{ chapter001.table112.cell11 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell12" - @blur="onBlurChangeTable112('cell12')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell12')"> + {{ chapter001.table112.cell12 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell13" - @blur="onBlurChangeTable112('cell13')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell13')"> + {{ chapter001.table112.cell13 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell14" - @blur="onBlurChangeTable112('cell14')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell14')"> + {{ chapter001.table112.cell14 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell15" - @blur="onBlurChangeTable112('cell15')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell15')"> + {{ chapter001.table112.cell15 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell16" - @blur="onBlurChangeTable112('cell16')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell16')"> + {{ chapter001.table112.cell16 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell17" - @blur="onBlurChangeTable112('cell17')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell17')"> + {{ chapter001.table112.cell17 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell18" - @blur="onBlurChangeTable112('cell18')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell18')"> + {{ chapter001.table112.cell18 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell19" - @blur="onBlurChangeTable112('cell19')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell19')"> + {{ chapter001.table112.cell19 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell20" - @blur="onBlurChangeTable112('cell20')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell20')"> + {{ chapter001.table112.cell20 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell21" - @blur="onBlurChangeTable112('cell21')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell21')"> + {{ chapter001.table112.cell21 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell22" - @blur="onBlurChangeTable112('cell22')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell22')"> + {{ chapter001.table112.cell22 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell23" - @blur="onBlurChangeTable112('cell23')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell23')"> + {{ chapter001.table112.cell23 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell24" - @blur="onBlurChangeTable112('cell24')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell24')"> + {{ chapter001.table112.cell24 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell25" - @blur="onBlurChangeTable112('cell25')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell25')"> + {{ chapter001.table112.cell25 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell26" - @blur="onBlurChangeTable112('cell26')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell26')"> + {{ chapter001.table112.cell26 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell27" - @blur="onBlurChangeTable112('cell27')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell27')"> + {{ chapter001.table112.cell27 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell28" - @blur="onBlurChangeTable112('cell28')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell28')"> + {{ chapter001.table112.cell28 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell29" - @blur="onBlurChangeTable112('cell29')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell29')"> + {{ chapter001.table112.cell29 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell30" - @blur="onBlurChangeTable112('cell30')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell30')"> + {{ chapter001.table112.cell30 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell31" - @blur="onBlurChangeTable112('cell31')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell31')"> + {{ chapter001.table112.cell31 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell32" - @blur="onBlurChangeTable112('cell32')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell32')"> + {{ chapter001.table112.cell32 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell33" - @blur="onBlurChangeTable112('cell33')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell33')"> + {{ chapter001.table112.cell33 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell34" - @blur="onBlurChangeTable112('cell34')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell34')"> + {{ chapter001.table112.cell34 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell35" - @blur="onBlurChangeTable112('cell35')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell35')"> + {{ chapter001.table112.cell35 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell36" - @blur="onBlurChangeTable112('cell36')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell36')"> + {{ chapter001.table112.cell36 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell37" - @blur="onBlurChangeTable112('cell37')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell37')"> + {{ chapter001.table112.cell37 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell38" - @blur="onBlurChangeTable112('cell38')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell38')"> + {{ chapter001.table112.cell38 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell39" - @blur="onBlurChangeTable112('cell39')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell39')"> + {{ chapter001.table112.cell39 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell40" - @blur="onBlurChangeTable112('cell40')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell40')"> + {{ chapter001.table112.cell40 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell41" - @blur="onBlurChangeTable112('cell41')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell41')"> + {{ chapter001.table112.cell41 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell42" - @blur="onBlurChangeTable112('cell42')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell42')"> + {{ chapter001.table112.cell42 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell43" - @blur="onBlurChangeTable112('cell43')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell43')"> + {{ chapter001.table112.cell43 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell44" - @blur="onBlurChangeTable112('cell44')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell44')"> + {{ chapter001.table112.cell44 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell45" - @blur="onBlurChangeTable112('cell45')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell45')"> + {{ chapter001.table112.cell45 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell46" - @blur="onBlurChangeTable112('cell46')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell46')"> + {{ chapter001.table112.cell46 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell47" - @blur="onBlurChangeTable112('cell47')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell47')"> + {{ chapter001.table112.cell47 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell48" - @blur="onBlurChangeTable112('cell48')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell48')"> + {{ chapter001.table112.cell48 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell49" - @blur="onBlurChangeTable112('cell49')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell49')"> + {{ chapter001.table112.cell49 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell50" - @blur="onBlurChangeTable112('cell50')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell50')"> + {{ chapter001.table112.cell50 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell51" - @blur="onBlurChangeTable112('cell51')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell51')"> + {{ chapter001.table112.cell51 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell52" - @blur="onBlurChangeTable112('cell52')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell52')"> + {{ chapter001.table112.cell52 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell53" - @blur="onBlurChangeTable112('cell53')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell53')"> + {{ chapter001.table112.cell53 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell54" - @blur="onBlurChangeTable112('cell54')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell54')"> + {{ chapter001.table112.cell54 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell55" - @blur="onBlurChangeTable112('cell55')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell55')"> + {{ chapter001.table112.cell55 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell56" - @blur="onBlurChangeTable112('cell56')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell56')"> + {{ chapter001.table112.cell56 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell57" - @blur="onBlurChangeTable112('cell57')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell57')"> + {{ chapter001.table112.cell57 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell58" - @blur="onBlurChangeTable112('cell58')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell58')"> + {{ chapter001.table112.cell58 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell58" - @blur="onBlurChangeTable112('cell581')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell581')"> + {{ chapter001.table112.cell58 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell60" - @blur="onBlurChangeTable112('cell60')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell60')"> + {{ chapter001.table112.cell60 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell61" - @blur="onBlurChangeTable112('cell61')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell61')"> + {{ chapter001.table112.cell61 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell62" - @blur="onBlurChangeTable112('cell62')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell62')"> + {{ chapter001.table112.cell62 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell63" - @blur="onBlurChangeTable112('cell63')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell63')"> + {{ chapter001.table112.cell63 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell64" - @blur="onBlurChangeTable112('cell64')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell64')"> + {{ chapter001.table112.cell64 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell65" - @blur="onBlurChangeTable112('cell65')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell65')"> + {{ chapter001.table112.cell65 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell66" - @blur="onBlurChangeTable112('cell66')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell66')"> + {{ chapter001.table112.cell66 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell67" - @blur="onBlurChangeTable112('cell67')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell67')"> + {{ chapter001.table112.cell67 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell68" - @blur="onBlurChangeTable112('cell68')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell68')"> + {{ chapter001.table112.cell68 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell69" - @blur="onBlurChangeTable112('cell69')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell69')"> + {{ chapter001.table112.cell69 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell70" - @blur="onBlurChangeTable112('cell70')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell70')"> + {{ chapter001.table112.cell70 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell72" - @blur="onBlurChangeTable112('cell72')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell72')"> + {{ chapter001.table112.cell72 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell73" - @blur="onBlurChangeTable112('cell73')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell73')"> + {{ chapter001.table112.cell73 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell74" - @blur="onBlurChangeTable112('cell74')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell74')"> + {{ chapter001.table112.cell74 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell75" - @blur="onBlurChangeTable112('cell75')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell75')"> + {{ chapter001.table112.cell75 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell76" - @blur="onBlurChangeTable112('cell76')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell76')"> + {{ chapter001.table112.cell76 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell77" - @blur="onBlurChangeTable112('cell77')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell77')"> + {{ chapter001.table112.cell77 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell78" - @blur="onBlurChangeTable112('cell78')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell78')"> + {{ chapter001.table112.cell78 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell79" - @blur="onBlurChangeTable112('cell79')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell79')"> + {{ chapter001.table112.cell79 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table112.cell80" - @blur="onBlurChangeTable112('cell80')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell80')"> + {{ chapter001.table112.cell80 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell81" - @blur="onBlurChangeTable112('cell81')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell81')"> + {{ chapter001.table112.cell81 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell82" - @blur="onBlurChangeTable112('cell82')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell82')"> + {{ chapter001.table112.cell82 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell83" - @blur="onBlurChangeTable112('cell83')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell83')"> + {{ chapter001.table112.cell83 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell84" - @blur="onBlurChangeTable112('cell84')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell84')"> + {{ chapter001.table112.cell84 }} + </div> </td> <td> - <input - v-model="chapter001.table112.cell85" - @blur="onBlurChangeTable112('cell85')" - /> + <div contenteditable @blur="onBlurChangeTable112($event, 'cell85')"> + {{ chapter001.table112.cell85 }} + </div> </td> </tr> </tbody> @@ -1188,7 +1124,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">1-9</span> </div> @@ -1211,102 +1147,87 @@ <tbody> <tr> <td> - <input - v-model="chapter001.table113.name1" - @blur="onBlurChangeTable113('name1')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'name1')"> + {{ chapter001.table113.name1 }} + </div> </td> <td> - <input - v-model="chapter001.table113.demand1" - @blur="onBlurChangeTable113('demand1')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'demand1')"> + {{ chapter001.table113.demand1 }} + </div> </td> <td> - <input - v-model="chapter001.table113.content1" - @blur="onBlurChangeTable113('content1')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'content1')"> + {{ chapter001.table113.content1 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table113.name2" - @blur="onBlurChangeTable113('name2')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'name2')"> + {{ chapter001.table113.name2 }} + </div> </td> <td> - <input - v-model="chapter001.table113.demand2" - @blur="onBlurChangeTable113('demand2')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'demand2')"> + {{ chapter001.table113.demand2 }} + </div> </td> <td> - <input - v-model="chapter001.table113.content2" - @blur="onBlurChangeTable113('content2')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'content2')"> + {{ chapter001.table113.content2 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table113.name3" - @blur="onBlurChangeTable113('name3')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'name3')"> + {{ chapter001.table113.name3 }} + </div> </td> <td> - <input - v-model="chapter001.table113.demand3" - @blur="onBlurChangeTable113('demand3')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'demand3')"> + {{ chapter001.table113.demand3 }} + </div> </td> <td> - <input - v-model="chapter001.table113.content3" - @blur="onBlurChangeTable113('content3')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'content3')"> + {{ chapter001.table113.content3 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table113.name4" - @blur="onBlurChangeTable113('name4')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'name4')"> + {{ chapter001.table113.name4 }} + </div> </td> <td> - <input - v-model="chapter001.table113.demand4" - @blur="onBlurChangeTable113('demand4')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'demand4')"> + {{ chapter001.table113.demand4 }} + </div> </td> <td> - <input - v-model="chapter001.table113.content4" - @blur="onBlurChangeTable113('content4')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'content4')"> + {{ chapter001.table113.content4 }} + </div> </td> </tr> <tr> <td> - <input - v-model="chapter001.table113.name5" - @blur="onBlurChangeTable113('name5')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'name5')"> + {{ chapter001.table113.name5 }} + </div> </td> <td> - <input - v-model="chapter001.table113.demand5" - @blur="onBlurChangeTable113('demand5')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'demand5')"> + {{ chapter001.table113.demand5 }} + </div> </td> <td> - <input - v-model="chapter001.table113.content5" - @blur="onBlurChangeTable113('content5')" - /> + <div contenteditable @blur="onBlurChangeTable113($event,'content5')"> + {{ chapter001.table113.content5 }} + </div> </td> </tr> </tbody> @@ -1423,8 +1344,8 @@ }, data() { return { - picOneUrl: require("../image/0018-1.jpg"), - picArr: [require("../image/0018-1.jpg")], + picOneUrl: require("../../image/0018-1.jpg"), + picArr: [require("../../image/0018-1.jpg")], chapter001: { videOneUrl: "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53", @@ -1462,19 +1383,21 @@ this.chapter001.idOpenThree = !this.chapter001.idOpenThree; }, onBlurChange() { - console.log(this.chapter001, "local"); localStorage.setItem("chapter001", JSON.stringify(this.chapter001)); }, - onBlurChangeTable() { + onBlurChangeText112(){ localStorage.setItem("chapter001", JSON.stringify(this.chapter001)); }, - onBlurChangeTable112() { + onBlurChangeTable(e, val) { + this.chapter001.table111[val] = e.target.innerText; localStorage.setItem("chapter001", JSON.stringify(this.chapter001)); }, - onBlurChangeText112() { + onBlurChangeTable112(e, val) { + this.chapter001.table112[val] = e.target.innerText; localStorage.setItem("chapter001", JSON.stringify(this.chapter001)); }, - onBlurChangeTable113() { + onBlurChangeTable113(e, val) { + this.chapter001.table113[val] = e.target.innerText; localStorage.setItem("chapter001", JSON.stringify(this.chapter001)); }, }, diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/components/chapter002.vue similarity index 94% rename from src/books/lifeCare/view/chapter002.vue rename to src/books/lifeCare/view/components/chapter002.vue index bd24f43..5db818b 100644 --- a/src/books/lifeCare/view/chapter002.vue +++ b/src/books/lifeCare/view/components/chapter002.vue @@ -1,13 +1,14 @@ +<!-- eslint-disable no-irregular-whitespace --> <template> <div class="chapter" num="3"> <div class="page-box" page="19"> <div v-if="showPageList.indexOf(19) > -1"> <div class="bodystyle topImg"> - <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2> + <h2 id="b002"><img class="img-0" alt="" src="../../image/dy2.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p> @@ -33,7 +34,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -60,7 +61,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span> <span class="pageNum">1-11</span> </div> @@ -72,22 +73,22 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0027-1.jpg" /> + <img class="img-a" alt="" src="../../image/0027-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" /> </p> </div> <p class="img">鎵樼彮淇濇暀浜哄憳鏉ュ洯宸ヤ綔娴佺▼锛堣妭閫夛級</p> <p class="center"> - <img class="img-a" alt="" src="../image/0027-2.jpg" /> + <img class="img-a" alt="" src="../../image/0027-2.jpg" /> </p> </div> </div> @@ -101,7 +102,7 @@ <div class="content"> <div class="pageStr">1-12</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -207,7 +208,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span> <span class="pageNum">1-13</span> </div> @@ -244,11 +245,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0029-1.jpg" /> + <img class="img-h" alt="" src="../../image/0029-1.jpg" /> </p> <p class="img">鐝骇鐜娓呮磥娑堟瘨鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -374,7 +375,7 @@ <div class="content"> <div class="pageStr">1-14</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -426,8 +427,8 @@ index == 0 || index == chapter002.headersData.length - 2 || index == chapter002.headersData.length - 1 - ? '100px' - : '', + ? '120px' + : '40px', }" v-for="(header, index) in chapter002.headersData" :key="index" @@ -443,23 +444,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter002.tableData121[rowIndex][cellIndex]" - @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) - " - /> + <div + contenteditable + @blur="updateCell(rowIndex, cellIndex, $event)" + > + {{ chapter002.tableData121[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter002.tableData121[rowIndex][cellIndex]" - @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) - " - /> + <div + :contenteditable="cellIndex != 0" + @blur="updateCell(rowIndex, cellIndex, $event)" + > + {{ chapter002.tableData121[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -476,7 +474,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span> <span class="pageNum">1-15</span> </div> @@ -538,7 +536,7 @@ <div class="content"> <div class="pageStr">1-16</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -643,7 +641,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span> <span class="pageNum">1-17</span> </div> @@ -767,8 +765,8 @@ <table class="table111 table122"> <thead> <tr> - <th rowspan="3">鏃ユ湡</th> - <th rowspan="3">濮撳悕</th> + <th rowspan="3" style="width: 55px">鏃ユ湡</th> + <th rowspan="3" style="width: 55px">濮撳悕</th> <th colspan="3">鏅ㄩ棿妫�鏌ユ儏鍐�</th> <th colspan="8">鍏ㄦ棩瑙傚療鎯呭喌</th> <th colspan="2">浜ょ彮</th> @@ -801,22 +799,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - :value="chapter002.tableData122[rowIndex][cellIndex]" - @blur=" - updateCell122(rowIndex, cellIndex, $event.target.value) - " - /> + <div + contenteditable + @blur="updateCell122(rowIndex, cellIndex, $event)" + > + {{ chapter002.tableData122[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="chapter002.tableData122[rowIndex][cellIndex]" - @blur=" - updateCell122(rowIndex, cellIndex, $event.target.value) - " - /> + <div + contenteditable + @blur="updateCell122(rowIndex, cellIndex, $event)" + > + {{ chapter002.tableData122[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -833,7 +829,7 @@ <div class="content"> <div class="pageStr">1-18</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -893,22 +889,24 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter002.tableData123[rowIndex][cellIndex]" + <div + contenteditable @blur=" updateCell123(rowIndex, cellIndex, $event.target.value) " - /> + > + {{ chapter002.tableData123[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="cell" + <div + contenteditable @blur=" updateCell123(rowIndex, cellIndex, $event.target.value) " - /> + > + {{ cell }} + </div> </template> </td> </tr> @@ -924,7 +922,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span> <span class="pageNum">1-19</span> </div> @@ -1050,7 +1048,7 @@ </p> <p>5.璇勫垎锛岀敱鍏朵粬缁勬寜鐓ц璁℃潵鍥彁绀哄崱鐨勮瘎鍒嗘爣鍑嗘墦鍒嗐��</p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0035-2.jpg" /> + <img class="img-b" alt="" src="../../image/0035-2.jpg" /> </p> <p class="img">鍥�1-2-1銆�鏉ュ洯鎻愮ず鍗�</p> </div> @@ -1064,7 +1062,7 @@ <div class="content"> <div class="pageStr">1-20</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1128,7 +1126,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span> <span class="pageNum">1-21</span> </div> @@ -1202,7 +1200,7 @@ <div class="content"> <div class="pageStr">1-22</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1278,7 +1276,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span> <span class="pageNum">1-23</span> </div> @@ -1420,8 +1418,8 @@ }, data() { return { - picOneUrl: require("../image/0027-1.jpg"), - picArr: [require("../image/0027-1.jpg")], + picOneUrl: require("../../image/0027-1.jpg"), + picArr: [require("../../image/0027-1.jpg")], chapter002: { videOneUrl: "", videOneUrl116: "", @@ -1693,24 +1691,40 @@ this.chapter002.isInspectOpen = !this.chapter002.isInspectOpen; localStorage.setItem("chapter002", JSON.stringify(this.chapter002)); }, - updateCell(rowIndex, cellIndex, value) { + updateCell(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter002.tableData121[rowIndex], cellIndex, value); + this.$set( + this.chapter002.tableData121[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter002", JSON.stringify(this.chapter002)); }, - updateCell122(rowIndex, cellIndex, value) { + updateCell122(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter002.tableData122[rowIndex], cellIndex, value); + this.$set( + this.chapter002.tableData122[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter002", JSON.stringify(this.chapter002)); }, - updateCell123(rowIndex, cellIndex, value) { + updateCell123(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter002.tableData123[rowIndex], cellIndex, value); + this.$set( + this.chapter002.tableData123[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter002", JSON.stringify(this.chapter002)); }, updateCellGroup(rowIndex, cellIndex, value) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter002.groupData[rowIndex], cellIndex, value); + this.$set( + this.chapter002.groupData[rowIndex], + cellIndex, + value + ); if (cellIndex == 4) { this.$set( this.chapter002.groupData[rowIndex], @@ -1723,7 +1737,11 @@ }, updateCellDesign(rowIndex, cellIndex, value) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter002.designData[rowIndex], cellIndex, value); + this.$set( + this.chapter002.designData[rowIndex], + cellIndex, + value + ); if (cellIndex == 4) { this.$set( this.chapter002.designData[rowIndex], @@ -1736,7 +1754,11 @@ }, updateCellInspect(rowIndex, cellIndex, value) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter002.inspectData[rowIndex], cellIndex, value); + this.$set( + this.chapter002.inspectData[rowIndex], + cellIndex, + value + ); if (cellIndex == 4) { this.$set( this.chapter002.inspectData[rowIndex], diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/components/chapter003.vue similarity index 96% rename from src/books/lifeCare/view/chapter003.vue rename to src/books/lifeCare/view/components/chapter003.vue index e6f56de..c27f014 100644 --- a/src/books/lifeCare/view/chapter003.vue +++ b/src/books/lifeCare/view/components/chapter003.vue @@ -4,12 +4,12 @@ <div v-if="showPageList.indexOf(33) > -1"> <div class="bodystyle topImg"> <h2 id="b003"> - <img class="img-0" alt="" src="../image/dy3.jpg" /> + <img class="img-0" alt="" src="../../image/dy3.jpg" /> </h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p> @@ -36,7 +36,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -61,7 +61,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-25</span> </div> @@ -73,17 +73,17 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0041-1.jpg" /> + <img class="img-a" alt="" src="../../image/0041-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" /> </p> </div> <p class="block"> @@ -101,7 +101,7 @@ <div class="content"> <div class="pageStr">1-26</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -191,37 +191,37 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0042-2.jpg" /> + <img src="../../image/0042-2.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0042-3.jpg" /> + <img src="../../image/0042-3.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0042-4.jpg" /> + <img src="../../image/0042-4.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0043-1.jpg" /> + <img src="../../image/0043-1.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0043-2.jpg" /> + <img src="../../image/0043-2.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0043-3.jpg" /> + <img src="../../image/0043-3.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0043-4.jpg" /> + <img src="../../image/0043-4.jpg" /> </div> </div> </div> @@ -239,7 +239,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-27</span> </div> @@ -346,11 +346,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0043-5.jpg" /> + <img class="img-h" alt="" src="../../image/0043-5.jpg" /> </p> <p class="img">涓冩娲楁墜娉曠殑璇勫垎鏍囧噯</p> </div> --> @@ -383,7 +383,7 @@ <div class="content"> <div class="pageStr">1-28</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -428,11 +428,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0044-2.jpg" /> + <img class="img-h" alt="" src="../../image/0044-2.jpg" /> </p> <p class="img">娲楁墜</p> </div> --> @@ -480,7 +480,7 @@ </div> </div> <p><br /></p> - <img class="img-gn2" alt="" src="../image/xxgcy.png" /> + <img class="img-gn2" alt="" src="../../image/xxgcy.png" /> <p> 璇疯鐪嬭棰戯紝鍏堣瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪鎸囧濠村辜鍎块泦浣撴礂鎵嬫椂閮藉仛浜嗗摢浜涘伐浣滐紝鍐嶇粨鍚堥槄璇绘墜鍐屽洖绛旈棶棰樺苟瀹屾垚瀛︿範浠诲姟銆� </p> @@ -504,7 +504,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-29</span> </div> @@ -580,11 +580,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0045-2.jpg" /> + <img class="img-h" alt="" src="../../image/0045-2.jpg" /> </p> <p class="img">涓冩娲楁墜娉曪紙鎸囧骞煎効鐗堬級</p> </div> --> @@ -629,7 +629,7 @@ <div class="content"> <div class="pageStr">1-30</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -687,7 +687,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-31</span> </div> @@ -784,11 +784,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0047-1.jpg" /> + <img class="img-h" alt="" src="../../image/0047-1.jpg" /> </p> <p class="img">娓呮磥濠村効鐨勭溂銆佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢�</p> </div> --> @@ -810,7 +810,7 @@ <div class="content"> <div class="pageStr">1-32</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -874,7 +874,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-33</span> </div> @@ -1008,11 +1008,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0049-1.jpg" /> + <img class="img-h" alt="" src="../../image/0049-1.jpg" /> </p> <p class="img">鐪笺�佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢叉竻娲佺殑璇勫垎鏍囧噯</p> </div> --> @@ -1035,7 +1035,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" /> </p> </div> <p class="block"> @@ -1054,7 +1054,7 @@ <div class="content"> <div class="pageStr">1-34</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1153,11 +1153,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0050-1.jpg" /> + <img class="img-h" alt="" src="../../image/0050-1.jpg" /> </p> <p class="img">濠村効鑷�閮ㄦ竻娲侊紙濞冨▋鐗堬級</p> </div> --> @@ -1178,7 +1178,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-35</span> </div> @@ -1242,7 +1242,7 @@ <div class="content"> <div class="pageStr">1-36</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1359,11 +1359,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0052-1.jpg" /> + <img class="img-h" alt="" src="../../image/0052-1.jpg" /> </p> <p class="img">鑷�閮ㄦ竻娲佺殑璇勫垎鏍囧噯</p> </div> --> @@ -1409,7 +1409,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-37</span> </div> @@ -1478,11 +1478,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0053-1.jpg" /> + <img class="img-h" alt="" src="../../image/0053-1.jpg" /> </p> <p class="img">濠村効娌愭荡</p> </div> --> @@ -1525,7 +1525,7 @@ <div class="content"> <div class="pageStr">1-38</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1584,7 +1584,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-39</span> </div> @@ -1601,11 +1601,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0055-1.jpg" /> + <img class="img-h" alt="" src="../../image/0055-1.jpg" /> </p> <p class="img">濠村効娌愭荡鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1764,11 +1764,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0055-2.jpg" /> + <img class="img-h" alt="" src="../../image/0055-2.jpg" /> </p> <p class="img">娲楄劯鍙婃摝棣�</p> </div> --> @@ -1816,7 +1816,7 @@ <div class="content"> <div class="pageStr">1-40</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1841,11 +1841,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0056-1.jpg" /> + <img class="img-h" alt="" src="../../image/0056-1.jpg" /> </p> <p class="img">鎸囧濠村辜鍎挎礂鑴搞�佹摝棣欑殑璇勫垎鏍囧噯</p> </div> --> @@ -1987,7 +1987,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-41</span> </div> @@ -1997,7 +1997,7 @@ </div> <div class="bodystyle"> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0057-1.jpg" /> + <img class="img-b" alt="" src="../../image/0057-1.jpg" /> </p> <p class="img">鍥�1-3-8</p> <p>2.浣犺涓烘槑鏄庣殑瀹堕暱鐨勫仛娉曞鍚楋紵涓轰粈涔堬紵</p> @@ -2037,7 +2037,7 @@ <div class="content"> <div class="pageStr">1-42</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2147,7 +2147,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-43</span> </div> @@ -2161,12 +2161,12 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0059-1.jpg" /> + <img src="../../image/0059-1.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../image/0059-2.jpg" /> + <img src="../../image/0059-2.jpg" /> </div> </div> </div> @@ -2185,7 +2185,7 @@ <p>绗洓姝ワ細鐢ㄦ俯姘村惈婕辨暟娆★紝鐩磋嚦鐗欒啅娉℃搏瀹屽叏婕卞共鍑�涓烘銆�</p> <p>绗簲姝ワ細鎿︽礂鍢磋鍙婇潰閮ㄦ畫浣欐按娓嶃��</p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0059-3.jpg" /> + <img class="img-b" alt="" src="../../image/0059-3.jpg" /> </p> <p class="img">鍥�1-3-11銆�宸存皬鍒风墮娉�</p> <p>4.鏁寸悊銆傚皢鎵�鐢ㄧ墿鍝佹竻娲佹暣鐞嗭紝鎽嗘斁鏁撮綈銆�</p> @@ -2210,7 +2210,7 @@ <div class="content"> <div class="pageStr">1-44</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2371,7 +2371,7 @@ </div> </div> <p><br /></p> - <img class="img-gn2" alt="" src="../image/xxgcy.png" /> + <img class="img-gn2" alt="" src="../../image/xxgcy.png" /> <p> 璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鍦ㄦ急鍙f椂锛屼繚鏁欎汉鍛橀兘鍋氫簡鍝簺鎸囧銆傝鐢诲嚭婕卞彛鎸囧鐨勬祦绋嬪浘锛岃褰曟寚瀵煎辜鍎挎急鍙g殑鍎挎瓕骞跺洖绛旂浉鍏抽棶棰樸�� </p> @@ -2415,7 +2415,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-45</span> </div> @@ -2504,7 +2504,7 @@ </div> </div> <p><br /></p> - <img class="img-gn2" alt="" src="../image/xxgcy.png" /> + <img class="img-gn2" alt="" src="../../image/xxgcy.png" /> <p> 璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鏈夊摢浜涗笉鑹崼鐢熶範鎯�傚鏋滄湁璇锋寚鍑洪棶棰橈紝骞舵彁鍑烘敼姝g殑鏂规硶銆� </p> @@ -2529,7 +2529,7 @@ <div class="content"> <div class="pageStr">1-46</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2642,7 +2642,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-47</span> </div> @@ -2709,7 +2709,7 @@ <div class="content"> <div class="pageStr">1-48</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2749,7 +2749,7 @@ <!-- <div class="tips-bk"> <div class="bj-tip"> 浜戞祴璇曪細鍗曞厓涓夊簲鐢ㄤ笌瀹炶返<img - src="../icons/sub.png" + src="../../icons/sub.png" @click="activityThree" alt="" /> @@ -2764,11 +2764,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-ycs.png" /> + <img class="img-gn1" alt="" src="../../image/dy-ycs.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0064-1.jpg" /> + <img class="img-g" alt="" src="../../image/0064-1.jpg" /> </p> </div> --> <p><br /></p> @@ -2823,7 +2823,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span> <span class="pageNum">1-49</span> </div> @@ -2943,51 +2943,51 @@ }, data() { return { - picOneUrl: require("../image/0041-1.jpg"), - picArr: [require("../image/0041-1.jpg")], + picOneUrl: require("../../image/0041-1.jpg"), + picArr: [require("../../image/0041-1.jpg")], // 1-3-10 picArr110: [ - require("../image/0059-1.jpg"), - require("../image/0059-2.jpg"), + require("../../image/0059-1.jpg"), + require("../../image/0059-2.jpg"), ], picImageList: [ { name: "鍥�1-3-9", - url: require("../image/0059-1.jpg"), + url: require("../../image/0059-1.jpg"), }, { name: "鍥�1-3-10", - url: require("../image/0059-2.jpg"), + url: require("../../image/0059-2.jpg"), }, ], sevenImgList: [ { name: "鍥�1-3-1", - url: require("../image/0042-2.jpg"), + url: require("../../image/0042-2.jpg"), }, { name: "鍥�1-3-2", - url: require("../image/0042-3.jpg"), + url: require("../../image/0042-3.jpg"), }, { name: "鍥�1-3-3", - url: require("../image/0042-4.jpg"), + url: require("../../image/0042-4.jpg"), }, { name: "鍥�1-3-4", - url: require("../image/0043-1.jpg"), + url: require("../../image/0043-1.jpg"), }, { name: "鍥�1-3-5", - url: require("../image/0043-2.jpg"), + url: require("../../image/0043-2.jpg"), }, { name: "鍥�1-3-6", - url: require("../image/0043-3.jpg"), + url: require("../../image/0043-3.jpg"), }, { name: "鍥�1-3-7", - url: require("../image/0043-4.jpg"), + url: require("../../image/0043-4.jpg"), }, ], chapter003: { diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/components/chapter004.vue similarity index 96% rename from src/books/lifeCare/view/chapter004.vue rename to src/books/lifeCare/view/components/chapter004.vue index d0f3c91..a6c1517 100644 --- a/src/books/lifeCare/view/chapter004.vue +++ b/src/books/lifeCare/view/components/chapter004.vue @@ -4,12 +4,12 @@ <div v-if="showPageList.indexOf(59) > -1"> <div class="bodystyle topImg"> <h2 id="b004"> - <img class="img-0" alt="" src="../image/dy4.jpg" /> + <img class="img-0" alt="" src="../../image/dy4.jpg" /> </h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p> @@ -39,7 +39,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -69,7 +69,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-51</span> </div> @@ -81,17 +81,17 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0067-1.jpg" /> + <img class="img-b" alt="" src="../../image/0067-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" /> </p> </div> <p class="block"> @@ -114,7 +114,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" /> </p> </div> <p class="block"> @@ -135,7 +135,7 @@ <div class="content"> <div class="pageStr">1-52</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -171,7 +171,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" /> </p> </div> <p class="block"> @@ -220,7 +220,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-53</span> </div> @@ -290,7 +290,7 @@ <div class="content"> <div class="pageStr">1-54</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -360,11 +360,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0070-1.jpg" /> + <img class="img-h" alt="" src="../../image/0070-1.jpg" /> </p> <p class="img">缁欏疂瀹濇崲灏垮竷</p> </div> --> @@ -406,7 +406,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-55</span> </div> @@ -432,11 +432,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0071-1.jpg" /> + <img class="img-h" alt="" src="../../image/0071-1.jpg" /> </p> <p class="img">鏇存崲绾稿翱瑁ょ殑璇勫垎鏍囧噯</p> </div> --> @@ -559,7 +559,7 @@ <div class="content"> <div class="pageStr">1-56</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -626,7 +626,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-57</span> </div> @@ -693,7 +693,7 @@ <div class="content"> <div class="pageStr">1-58</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -748,7 +748,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-59</span> </div> @@ -839,15 +839,15 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0075-2.jpg" /> + <img class="img-h" alt="" src="../../image/0075-2.jpg" /> </p> <p class="img">骞煎効涓嶈壇濡傚帟涔犳儻</p> </div> --> - <img class="img-gn2" alt="" src="../image/xxgcy.png" /> + <img class="img-gn2" alt="" src="../../image/xxgcy.png" /> <p> 璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑濠村辜鍎挎湁鍝簺涓嶈壇鐨勫鍘曚範鎯�傚鏋滄湁锛岃鎸囧嚭闂骞剁粰鍑虹煫姝d笉鑹殑濡傚帟涔犳儻鐨勫缓璁�� </p> @@ -872,7 +872,7 @@ <div class="content"> <div class="pageStr">1-60</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -936,7 +936,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-61</span> </div> @@ -995,7 +995,7 @@ <div class="content"> <div class="pageStr">1-62</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1016,11 +1016,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0078-1.jpg" /> + <img class="img-h" alt="" src="../../image/0078-1.jpg" /> </p> <p class="img">濡傚帟</p> </div> --> @@ -1114,7 +1114,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-63</span> </div> @@ -1171,7 +1171,7 @@ <div class="content"> <div class="pageStr">1-64</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1198,11 +1198,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-ycs.png" /> + <img class="img-gn1" alt="" src="../../image/dy-ycs.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0080-1.jpg" /> + <img class="img-g" alt="" src="../../image/0080-1.jpg" /> </p> </div> --> <p><b>鍗曢�夐</b></p> @@ -1268,7 +1268,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span> <span class="pageNum">1-65</span> </div> @@ -1376,8 +1376,8 @@ }, data() { return { - picOneUrl: require("../image/0067-1.jpg"), - picArr: [require("../image/0067-1.jpg")], + picOneUrl: require("../../image/0067-1.jpg"), + picArr: [require("../../image/0067-1.jpg")], chapter004: { videOneUrl: "", videoTwoUrl: "", diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/components/chapter005.vue similarity index 92% rename from src/books/lifeCare/view/chapter005.vue rename to src/books/lifeCare/view/components/chapter005.vue index 5361ced..146ef6f 100644 --- a/src/books/lifeCare/view/chapter005.vue +++ b/src/books/lifeCare/view/components/chapter005.vue @@ -1,15 +1,16 @@ +<!-- eslint-disable no-irregular-whitespace --> <template> <div class="chapter" num="6"> <div class="page-box" page="75"> <div v-if="showPageList.indexOf(75) > -1"> <div class="bodystyle topImg"> <h2 id="b005"> - <img class="img-0" alt="" src="../image/dy5.jpg" /> + <img class="img-0" alt="" src="../../image/dy5.jpg" /> </h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p> @@ -39,7 +40,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -69,7 +70,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-67</span> </div> @@ -81,17 +82,17 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0083-1.jpg" /> + <img class="img-a" alt="" src="../../image/0083-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" /> </p> </div> <p class="block"> @@ -112,7 +113,7 @@ <div class="content"> <div class="pageStr">1-68</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -170,7 +171,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-69</span> </div> @@ -181,7 +182,7 @@ <div class="bodystyle"> <p class="img">琛�1-5-1銆�濠村辜鍎挎墍闇�钀ュ吇琛�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0085-1.jpg" /> + <img class="img-a" alt="" src="../../image/0085-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -190,10 +191,11 @@ <th :style="{ width: - index == 0 || - index == chapter005.tableData151.length - 1 - ? '100px' - : '', + index == chapter005.headersData.length - 1 + ? '220px' + : index == 0 + ? '40px' + : '120px', }" v-for="(header, index) in chapter005.headersData" :key="index" @@ -209,23 +211,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData151[rowIndex][cellIndex]" - @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) - " - /> + <div + contenteditable + @blur="updateCell(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData151[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter005.tableData151[rowIndex][cellIndex]" - @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) - " - /> + <div + :contenteditable="cellIndex != 0" + @blur="updateCell(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData151[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -293,7 +292,7 @@ <div class="content"> <div class="pageStr">1-70</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -327,7 +326,7 @@ </p> <p class="img">琛�1-5-2銆�______鏈堥緞涓�鏃ラ璋憋紙 骞� 鏈� 鏃ワ級</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0086-1.jpg" /> + <img class="img-a" alt="" src="../../image/0086-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -335,7 +334,7 @@ <tr> <th :style="{ - width: index == 3 ? '220px' : '', + width: index == 3 ? '220px' : '100px', }" v-for="(header, index) in chapter005.headers152" :key="index" @@ -351,30 +350,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData152[rowIndex][cellIndex]" - @blur=" - updateCell152( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell152(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData152[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="chapter005.tableData152[rowIndex][cellIndex]" - @blur=" - updateCell152( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell152(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData152[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -450,7 +439,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-71</span> </div> @@ -475,11 +464,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0087-1.jpg" /> + <img class="img-h" alt="" src="../../image/0087-1.jpg" /> </p> <p class="img">閰嶆柟濂剁殑鍐茶皟</p> </div> --> @@ -569,7 +558,7 @@ <div class="content"> <div class="pageStr">1-72</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -583,11 +572,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0088-1.jpg" /> + <img class="img-h" alt="" src="../../image/0088-1.jpg" /> </p> <p class="img">鍐茶皟閰嶆柟濂剁殑璇勫垎鏍囧噯</p> </div> --> @@ -731,7 +720,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-73</span> </div> @@ -766,13 +755,14 @@ </p> <p class="img">琛�1-5-3銆�涓嶅悓鏈堥緞鐨勫┐骞煎効椋熺墿鍒朵綔璁板綍琛�</p> <!-- <p class="center"> - <img class="img-0" alt="" src="../image/0089-2.jpg" /> + <img class="img-0" alt="" src="../../image/0089-2.jpg" /> </p> --> <div> <table class="table111 table122"> <thead> <tr> <th + :style="{ width: index == 0 ? '80px' : '120px' }" v-for="(header, index) in chapter005.headers153" :key="index" > @@ -787,31 +777,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData153[rowIndex][cellIndex]" - @blur=" - updateCell153( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell153(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData153[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter005.tableData153[rowIndex][cellIndex]" - @blur=" - updateCell153( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + :contenteditable="cellIndex != 0" + @blur="updateCell153(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData153[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -838,7 +817,7 @@ <div class="content"> <div class="pageStr">1-74</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -898,30 +877,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData154[rowIndex][cellIndex]" - @blur=" - updateCell154( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell154(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData154[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="chapter005.tableData154[rowIndex][cellIndex]" - @blur=" - updateCell154( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell154(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData154[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -930,7 +899,7 @@ </div> <p><br /></p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0090-1.jpg" /> + <img class="img-a" alt="" src="../../image/0090-1.jpg" /> </p> --> </div> </div> @@ -942,7 +911,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-75</span> </div> @@ -1018,7 +987,7 @@ <div class="content"> <div class="pageStr">1-76</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1080,7 +1049,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-77</span> </div> @@ -1109,11 +1078,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0093-1.jpg" /> + <img class="img-h" alt="" src="../../image/0093-1.jpg" /> </p> <p class="img">鍒嗗彂椁愬叿涓庨鐗╃殑璇勫垎鏍囧噯</p> </div> --> @@ -1247,7 +1216,7 @@ <div class="content"> <div class="pageStr">1-78</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1335,7 +1304,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-79</span> </div> @@ -1409,7 +1378,7 @@ <div class="content"> <div class="pageStr">1-80</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1454,7 +1423,7 @@ <p>2.鏄庣‘涓嶅悓鏈堥緞鐨勫┐骞煎効鐨勫熀鏈杺鍏诲師鍒欙紙瑙佽〃1-5-5锛夈��</p> <p class="img">琛�1-5-5銆�涓嶅悓鏈堥緞鐨勫┐骞煎効鐨勫熀鏈杺鍏诲師鍒�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0096-2.jpg" /> + <img class="img-a" alt="" src="../../image/0096-2.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -1475,30 +1444,20 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData155[rowIndex][cellIndex]" - @blur=" - updateCell155( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell155(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData155[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - type="text" - :value="chapter005.tableData155[rowIndex][cellIndex]" - @blur=" - updateCell155( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell155(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData155[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -1516,7 +1475,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-81</span> </div> @@ -1576,11 +1535,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0097-1.jpg" /> + <img class="img-h" alt="" src="../../image/0097-1.jpg" /> </p> <p class="img">浜哄伐鍠傚吇</p> </div> --> @@ -1615,11 +1574,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0097-2.jpg" /> + <img class="img-h" alt="" src="../../image/0097-2.jpg" /> </p> <p class="img">濂剁摱鍠傚摵鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1736,7 +1695,7 @@ <div class="content"> <div class="pageStr">1-82</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1783,11 +1742,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0098-1.jpg" /> + <img class="img-h" alt="" src="../../image/0098-1.jpg" /> </p> <p class="img">鍕哄瓙鍠傚摵鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1902,7 +1861,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-83</span> </div> @@ -1967,11 +1926,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0099-1.jpg" /> + <img class="img-h" alt="" src="../../image/0099-1.jpg" /> </p> <p class="img">缁勭粐濠村辜鍎块泦浣撹繘椁�</p> </div> --> @@ -2018,7 +1977,7 @@ <div class="content"> <div class="pageStr">1-84</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2081,7 +2040,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-85</span> </div> @@ -2112,11 +2071,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0101-1.jpg" /> + <img class="img-h" alt="" src="../../image/0101-1.jpg" /> </p> <p class="img">鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -2252,7 +2211,7 @@ <div class="content"> <div class="pageStr">1-86</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2337,7 +2296,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-87</span> </div> @@ -2402,7 +2361,7 @@ <div class="content"> <div class="pageStr">1-88</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2464,7 +2423,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-89</span> </div> @@ -2544,7 +2503,7 @@ <div class="content"> <div class="pageStr">1-90</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2575,7 +2534,7 @@ <p>3.灏濊瘯瀵圭壒娈婂┐骞煎効杩涢鐓ф姢杩涜涓瑙傚療骞惰褰曪紙瑙佽〃1-5-6锛夈��</p> <p class="img">琛�1-5-6銆�鐗规畩濠村辜鍎胯繘椁愮殑涓璁板綍琛�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0106-1.jpg" /> + <img class="img-a" alt="" src="../../image/0106-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -2583,77 +2542,85 @@ <tr> <th>濠村辜鍎垮鍚�</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text1" @blur="changeThVal($event, 'text1')" - /> + > + {{ chapter005.textTh.text1 }} + </div> </td> <th>鎬у埆</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text2" @blur="changeThVal($event, 'text2')" - /> + > + {{ chapter005.textTh.text2 }} + </div> </td> <th>骞撮緞</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text3" @blur="changeThVal($event, 'text3')" - /> + > + {{ chapter005.textTh.text3 }} + </div> </td> <th>鐝骇</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text4" @blur="changeThVal($event, 'text4')" - /> + > + {{ chapter005.textTh.text4 }} + </div> </td> </tr> <tr> <th>瀹堕暱濮撳悕</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text5" @blur="changeThVal($event, 'text5')" - /> + > + {{ chapter005.textTh.text5 }} + </div> </td> <th>鑱旂郴鏂瑰紡</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text6" @blur="changeThVal($event, 'text6')" - /> + > + {{ chapter005.textTh.text6 }} + </div> </td> <th>瀹跺涵浣忓潃</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text7" @blur="changeThVal($event, 'text7')" - /> + > + {{ chapter005.textTh.text7 }} + </div> </td> <th>璁板綍鏃堕棿</th> <td> - <textarea - rows="2" + <div + contenteditable style="min-width: 80px; max-width: 80px; font-size: 14px" - v-model="chapter005.textTh.text8" @blur="changeThVal($event, 'text8')" - /> + > + {{ chapter005.textTh.text8 }} + </div> </td> </tr> </thead> @@ -2668,37 +2635,26 @@ :key="cellIndex" > <template v-if="cell === ''"> - <input - type="text" - v-model="chapter005.tableData156[rowIndex][cellIndex]" - @blur=" - updateCell156( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + <div + contenteditable + @blur="updateCell156(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData156[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly=" - cell == '闂琛ㄧ幇' || - cell == '鍘熷洜鍒嗘瀽' || - cell == '閲囧彇鎺柦' || - cell == '鏁堟灉鍒嗘瀽' || - cell == '鍚庣画寤鸿' + <div + :contenteditable=" + cell != '闂琛ㄧ幇' && + cell != '鍘熷洜鍒嗘瀽' && + cell != '閲囧彇鎺柦' && + cell != '鏁堟灉鍒嗘瀽' && + cell != '鍚庣画寤鸿' " - type="text" - :value="chapter005.tableData156[rowIndex][cellIndex]" - @blur=" - updateCell156( - rowIndex, - cellIndex, - $event.target.value - ) - " - /> + @blur="updateCell156(rowIndex, cellIndex, $event)" + > + {{ chapter005.tableData156[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -2724,7 +2680,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-95</span> </div> @@ -2800,15 +2756,15 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0107-1.jpg" /> + <img class="img-h" alt="" src="../../image/0107-1.jpg" /> </p> <p class="img">椁愬悗鏁寸悊</p> </div> --> - <img class="img-gn2" alt="" src="../image/xxgcy.png" /> + <img class="img-gn2" alt="" src="../../image/xxgcy.png" /> <p> 璇疯鐪嬭棰戯紝缁撳悎闃呰鎵嬪唽锛岃瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪椁愬悗闇�瑕佸仛鍝簺鏁寸悊宸ヤ綔锛屽苟瀹屾垚浠ヤ笅缁冧範銆� </p> @@ -2844,7 +2800,7 @@ <div class="content"> <div class="pageStr">1-92</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2902,7 +2858,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span> <span class="pageNum">1-93</span> </div> @@ -2939,11 +2895,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-ycs.png" /> + <img class="img-gn1" alt="" src="../../image/dy-ycs.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0109-1.jpg" /> + <img class="img-g" alt="" src="../../image/0109-1.jpg" /> </p> </div> --> <p><b>涓�銆佸崟閫夐</b></p> @@ -2998,7 +2954,7 @@ <div class="content"> <div class="pageStr">1-94</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -3085,7 +3041,7 @@ <script> import { getResourcePath } from "@/assets/methods/resources.js"; import examinations from "@/components/examinations/index.vue"; -import { getFileMd5, getPublicImage } from "../js/tool.js"; +import { getFileMd5, getPublicImage } from "../../js/tool.js"; import drawflow from "@/components/drawflow"; export default { @@ -3105,8 +3061,8 @@ }, data() { return { - picOneUrl: require("../image/0083-1.jpg"), - picArr: [require("../image/0083-1.jpg")], + picOneUrl: require("../../image/0083-1.jpg"), + picArr: [require("../../image/0083-1.jpg")], chapter005: { videOneUrl: "", videoTwoUrl: "", @@ -3665,34 +3621,54 @@ } localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell(rowIndex, cellIndex, value) { + updateCell(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData151[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData151[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell152(rowIndex, cellIndex, value) { + updateCell152(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData152[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData152[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell153(rowIndex, cellIndex, value) { + updateCell153(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData153[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData153[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell154(rowIndex, cellIndex, value) { + updateCell154(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData154[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData154[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell155(rowIndex, cellIndex, value) { + updateCell155(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData155[rowIndex], cellIndex, value); + this.$set( + this.chapter005.tableData155[rowIndex], + cellIndex, + e.target.innerText + ); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, - updateCell156(rowIndex, cellIndex, value) { + updateCell156(rowIndex, cellIndex, e) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter005.tableData156[rowIndex], cellIndex, value); + this.$set(this.chapter005.tableData156[rowIndex], cellIndex, e.target.innerText); localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, onBlurChange() { @@ -3748,7 +3724,7 @@ localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, changeThVal(e, val) { - this.chapter005.textTh[val] = e.target.value; + this.chapter005.textTh[val] = e.target.innerText; localStorage.setItem("chapter005", JSON.stringify(this.chapter005)); }, }, diff --git a/src/books/lifeCare/view/chapter006.vue b/src/books/lifeCare/view/components/chapter006.vue similarity index 94% rename from src/books/lifeCare/view/chapter006.vue rename to src/books/lifeCare/view/components/chapter006.vue index 28a3456..fa92f3c 100644 --- a/src/books/lifeCare/view/chapter006.vue +++ b/src/books/lifeCare/view/components/chapter006.vue @@ -3,11 +3,11 @@ <div class="page-box" page="104"> <div v-if="showPageList.indexOf(104) > -1"> <div class="bodystyle topImg"> - <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2> + <h2 id="b006"><img class="img-0" alt="" src="../../image/dy6.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p> @@ -29,7 +29,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -57,7 +57,7 @@ <div class="content"> <div class="pageStr">1-96</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -67,7 +67,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> @@ -76,13 +76,13 @@ :src="picOneUrl" :preview-src-list="picArr" /> --> - <img class="img-b" alt="" src="../image/0112-1.jpg" /> + <img class="img-b" alt="" src="../../image/0112-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" /> </p> </div> <p class="block"> @@ -121,7 +121,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span> <span class="pageNum">1-97</span> </div> @@ -188,7 +188,7 @@ <div class="content"> <div class="pageStr">1-98</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -198,7 +198,7 @@ <p>3.瀛︿範闃呰鎵嬪唽锛屽~鍐欒〃1-6-1骞跺洖绛旈棶棰樸��</p> <p class="img">琛�1-6-1銆�鍚勫勾榫勬濠村辜鍎夸竴鏃ラギ姘撮噺缁熻琛�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0114-1.jpg" /> + <img class="img-a" alt="" src="../../image/0114-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -209,7 +209,7 @@ width: index == chapter006.headersData.length - 1 ? '200px' - : '', + : '120px', }" v-for="(header, index) in chapter006.headersData" :key="index" @@ -225,23 +225,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter006.tableData161[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter006.tableData161[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter006.tableData161[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter006.tableData161[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -295,7 +304,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span> <span class="pageNum">1-99</span> </div> @@ -357,7 +366,7 @@ <div class="content"> <div class="pageStr">1-100</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -411,7 +420,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span> <span class="pageNum">1-101</span> </div> @@ -469,7 +478,7 @@ <div class="content"> <div class="pageStr">1-102</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -528,7 +537,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span> <span class="pageNum">1-103</span> </div> @@ -593,7 +602,7 @@ <div class="content"> <div class="pageStr">1-104</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -675,7 +684,7 @@ <p>3.澶磋剳椋庢毚銆傚皬缁勬垚鍛樺綊绾虫�荤粨瀹屾垚琛�1-6-2銆�</p> <p class="img">琛�1-6-2銆�濠村辜鍎胯壇濂介ギ姘翠範鎯殑鍩瑰吇</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0120-2.jpg" /> + <img class="img-a" alt="" src="../../image/0120-2.jpg" /> </p> --> <div> <table class="table111 table122 table162"> @@ -698,26 +707,23 @@ 涓诲叕楗按鐨勪範鎯� </td> <td> - <textarea - v-model="chapter006.tableData162.text1" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text1')"> + {{ chapter006.tableData162.text1 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text2" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text2')"> + {{ chapter006.tableData162.text2 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text3" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text3')"> + {{ chapter006.tableData162.text3 }} + </div> </td> </tr> <tr> @@ -725,26 +731,23 @@ 鎰挎剰鍠濈櫧寮�姘寸殑涔犳儻 </td> <td> - <textarea - v-model="chapter006.tableData162.text4" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text4')"> + {{ chapter006.tableData162.text4 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text5" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text5')"> + {{ chapter006.tableData162.text5 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text6" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text6')"> + {{ chapter006.tableData162.text6 }} + </div> </td> </tr> <tr> @@ -752,26 +755,23 @@ 鍏朵粬鑹ソ鐨勯ギ姘翠範鎯� </td> <td> - <textarea - v-model="chapter006.tableData162.text7" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text7')"> + {{ chapter006.tableData162.text7 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text8" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text8')"> + {{ chapter006.tableData162.text8 }} + </div> </td> </tr> <tr> <td> - <textarea - v-model="chapter006.tableData162.text9" - @blur="updateCell162" - /> + <div contenteditable @blur="updateCell162($event,'text9')"> + {{ chapter006.tableData162.text9 }} + </div> </td> </tr> </tbody> @@ -788,7 +788,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span> <span class="pageNum">1-105</span> </div> @@ -853,7 +853,7 @@ <div class="content"> <div class="pageStr">1-106</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -867,11 +867,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0122-1.jpg" /> + <img class="img-h" alt="" src="../../image/0122-1.jpg" /> </p> <p class="img">鍑嗗楗按鐗╁搧鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -992,11 +992,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0122-2.jpg" /> + <img class="img-h" alt="" src="../../image/0122-2.jpg" /> </p> <p class="img">鍠濇按</p> </div> --> @@ -1072,7 +1072,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span> <span class="pageNum">1-107</span> </div> @@ -1108,11 +1108,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0123-1.jpg" /> + <img class="img-h" alt="" src="../../image/0123-1.jpg" /> </p> <p class="img">鎸囧濠村辜鍎块泦浣撻ギ姘寸殑璇勫垎鏍囧噯</p> </div> --> @@ -1253,7 +1253,7 @@ <div class="content"> <div class="pageStr">1-108</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1350,7 +1350,7 @@ <script> import { getResourcePath } from "@/assets/methods/resources.js"; import examinations from "@/components/examinations/index.vue"; -import { getFileMd5, getPublicImage } from "../js/tool.js"; +import { getFileMd5, getPublicImage } from "../../js/tool.js"; export default { // eslint-disable-next-line vue/multi-word-component-names @@ -1369,8 +1369,8 @@ }, data() { return { - picOneUrl: require("../image/0112-1.jpg"), - picArr: [require("../image/0112-1.jpg")], + picOneUrl: require("../../image/0112-1.jpg"), + picArr: [require("../../image/0112-1.jpg")], chapter006: { videOneUrl: "", isGroupOpen: true, @@ -1573,8 +1573,9 @@ this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value); localStorage.setItem("chapter006", JSON.stringify(this.chapter006)); }, - updateCell162() { + updateCell162(e,val) { // 鏇存柊鍗曞厓鏍兼暟鎹� + this.chapter006.tableData162[val] = e.target.innerText localStorage.setItem("chapter006", JSON.stringify(this.chapter006)); }, onBlurChange() { diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/components/chapter007.vue similarity index 95% rename from src/books/lifeCare/view/chapter007.vue rename to src/books/lifeCare/view/components/chapter007.vue index c73c4d8..d55e0f8 100644 --- a/src/books/lifeCare/view/chapter007.vue +++ b/src/books/lifeCare/view/components/chapter007.vue @@ -1,13 +1,14 @@ -锘�<template> +锘�<!-- eslint-disable no-irregular-whitespace --> +<template> <div class="chapter" num="8"> <div class="page-box" page="118"> <div v-if="showPageList.indexOf(118) > -1"> <div class="bodystyle topImg"> - <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2> + <h2 id="b007"><img class="img-0" alt="" src="../../image/dy7.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋杈炬垚濡備笅瀛︿範鐩爣銆�</p> @@ -27,7 +28,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -58,7 +59,7 @@ <div class="content"> <div class="pageStr">1-110</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -68,17 +69,17 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0126-1.jpg" /> + <img class="img-a" alt="" src="../../image/0126-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" /> </p> </div> <p class="block"> @@ -103,7 +104,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-111</span> </div> @@ -120,7 +121,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" /> </p> </div> <p class="block"> @@ -184,23 +185,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter007.tableData171[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData171[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter007.tableData171[rowIndex][cellIndex]" + <div + :contenteditable="cellIndex != 0" @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData171[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -209,7 +219,7 @@ </div> <p><br /></p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0127-1.jpg" /> + <img class="img-a" alt="" src="../../image/0127-1.jpg" /> </p> --> </div> </div> @@ -222,7 +232,7 @@ <div class="content"> <div class="pageStr">1-112</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -306,7 +316,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-113</span> </div> @@ -410,7 +420,7 @@ <div class="content"> <div class="pageStr">1-114</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -435,11 +445,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0130-1.jpg" /> + <img class="img-h" alt="" src="../../image/0130-1.jpg" /> </p> <p class="img">鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -563,7 +573,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-115</span> </div> @@ -702,7 +712,7 @@ <div class="content"> <div class="pageStr">1-116</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -757,7 +767,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-117</span> </div> @@ -782,7 +792,7 @@ </p> <p class="img">琛�1-7-2銆�鐫$湢淇″彿鍙婂搫鐫″皬濡欐嫑</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0133-1.jpg" /> + <img class="img-a" alt="" src="../../image/0133-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -810,23 +820,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter007.tableData172[rowIndex][cellIndex]" + <div + contenteditable @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell172( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData172[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter007.tableData172[rowIndex][cellIndex]" + <div + :contenteditable="cellIndex != 0" @blur=" - updateCell(rowIndex, cellIndex, $event.target.value) + updateCell172( + rowIndex, + cellIndex, + $event.target.innerText + ) " - /> + > + {{ chapter007.tableData172[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -842,11 +861,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0133-2.jpg" /> + <img class="img-h" alt="" src="../../image/0133-2.jpg" /> </p> <p class="img">鍗堢潯鍓嶇殑鍑嗗</p> </div> --> @@ -903,11 +922,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0133-3.jpg" /> + <img class="img-h" alt="" src="../../image/0133-3.jpg" /> </p> <p class="img">鍗堢潯鍓嶇殑鎶ょ悊</p> </div> --> @@ -973,7 +992,7 @@ <div class="content"> <div class="pageStr">1-118</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1005,11 +1024,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0134-1.jpg" /> + <img class="img-h" alt="" src="../../image/0134-1.jpg" /> </p> <p class="img">鑴辫。鐗╂寚瀵�</p> </div> --> @@ -1073,11 +1092,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0134-2.jpg" /> + <img class="img-h" alt="" src="../../image/0134-2.jpg" /> </p> <p class="img">鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1110,7 +1129,7 @@ </g> </svg> </div> - <!-- <img src="../icons/task.png" @click="activityScore1" alt="" /> --> + <!-- <img src="../../icons/task.png" @click="activityScore1" alt="" /> --> </div> <div v-if="chapter007.isScore1Open" class="tips-file"> <table class="table111 table122"> @@ -1195,7 +1214,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-119</span> </div> @@ -1254,7 +1273,7 @@ <div class="content"> <div class="pageStr">1-120</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1264,11 +1283,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0135-1.jpg" /> + <img class="img-h" alt="" src="../../image/0135-1.jpg" /> </p> <p class="img">缁欏┐骞煎効璁茶堪鏁呬簨鐨勮瘎鍒嗘爣鍑�</p> </div> --> @@ -1308,7 +1327,7 @@ <tr> <th :style="{ - width: index == 3 ? '300px' : '50px', + width: index == 3 ? '300px' : '50px', }" v-for="(header, index) in chapter007.publicHeader" :key="index" @@ -1405,7 +1424,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-121</span> </div> @@ -1416,7 +1435,7 @@ <div class="bodystyle"> <p class="bk-swdt"> 3.璇风粯鍒朵负濠村辜鍎垮仛鐫″墠鍑嗗宸ヤ綔鐨勬�濈淮瀵煎浘銆�<img - src="../icons/swdt.png" + src="../../icons/swdt.png" alt="" @click="showSwdt" /> @@ -1540,7 +1559,7 @@ <div class="content"> <div class="pageStr">1-122</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1571,11 +1590,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0138-1.jpg" /> + <img class="img-h" alt="" src="../../image/0138-1.jpg" /> </p> <p class="img">鍗堢潯宸℃煡</p> </div> --> @@ -1662,7 +1681,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-123</span> </div> @@ -1788,7 +1807,7 @@ <div class="content"> <div class="pageStr">1-124</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -1888,7 +1907,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-125</span> </div> @@ -1975,7 +1994,7 @@ <div class="content"> <div class="pageStr">1-126</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2043,7 +2062,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-126</span> </div> @@ -2124,7 +2143,7 @@ <div class="content"> <div class="pageStr">1-128</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2171,11 +2190,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0144-1.jpg" /> + <img class="img-h" alt="" src="../../image/0144-1.jpg" /> </p> <p class="img">璧峰簥鍚庣殑鎶ょ悊</p> </div> --> @@ -2245,7 +2264,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-129</span> </div> @@ -2257,7 +2276,7 @@ <p>3.璇峰皬缁勮璁猴紝濉啓鐫″悗鎸囧鐨勪富瑕佸伐浣滃唴瀹癸紙瑙佽〃1-7-3锛夈��</p> <p class="img">琛�1-7-3銆�濠村辜鍎跨潯鍚庢寚瀵肩殑涓昏鍐呭</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0145-1.jpg" /> + <img class="img-a" alt="" src="../../image/0145-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -2286,31 +2305,32 @@ > <td v-for="(cell, cellIndex) in row" :key="cellIndex"> <template v-if="cell === ''"> - <input - type="text" - v-model="chapter007.tableData173[rowIndex][cellIndex]" + <div + contenteditable @blur=" updateCell173( rowIndex, cellIndex, - $event.target.value + $event.target.innerText ) " - /> + > + {{ chapter007.tableData173[rowIndex][cellIndex] }} + </div> </template> <template v-else> - <input - :readonly="cellIndex == 0" - type="text" - :value="chapter007.tableData173[rowIndex][cellIndex]" + <div + :contenteditable="cellIndex != 0 && cellIndex != 1" @blur=" updateCell173( rowIndex, cellIndex, - $event.target.value + $event.target.innerText ) " - /> + > + {{ chapter007.tableData173[rowIndex][cellIndex] }} + </div> </template> </td> </tr> @@ -2370,7 +2390,7 @@ <div class="content"> <div class="pageStr">1-130</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -2422,11 +2442,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-ycs.png" /> + <img class="img-gn1" alt="" src="../../image/dy-ycs.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0146-2.jpg" /> + <img class="img-g" alt="" src="../../image/0146-2.jpg" /> </p> </div> --> <p><b>涓�銆佸崟閫夐</b></p> @@ -2495,7 +2515,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> <span class="pageNum">1-131</span> </div> @@ -2558,7 +2578,7 @@ <script> import { getResourcePath } from "@/assets/methods/resources.js"; import examinations from "@/components/examinations/index.vue"; -import { getFileMd5, getPublicImage } from "../js/tool.js"; +import { getFileMd5, getPublicImage } from "../../js/tool.js"; export default { // eslint-disable-next-line vue/multi-word-component-names @@ -2577,8 +2597,8 @@ }, data() { return { - picOneUrl: require("../image/0126-1.jpg"), - picArr: [require("../image/0126-1.jpg")], + picOneUrl: require("../../image/0126-1.jpg"), + picArr: [require("../../image/0126-1.jpg")], chapter007: { videoTwoUrl: "", videoFourUrl: "", @@ -2928,7 +2948,12 @@ }, updateCell(rowIndex, cellIndex, value) { // 鏇存柊鍗曞厓鏍兼暟鎹� - this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value); + this.$set(this.chapter007.tableData171[rowIndex], cellIndex, value); + localStorage.setItem("chapter007", JSON.stringify(this.chapter007)); + }, + updateCell172(rowIndex, cellIndex, value) { + // 鏇存柊鍗曞厓鏍兼暟鎹� + this.$set(this.chapter007.tableData172[rowIndex], cellIndex, value); localStorage.setItem("chapter007", JSON.stringify(this.chapter007)); }, updateCell173(rowIndex, cellIndex, value) { diff --git a/src/books/lifeCare/view/chapter008.vue b/src/books/lifeCare/view/components/chapter008.vue similarity index 96% rename from src/books/lifeCare/view/chapter008.vue rename to src/books/lifeCare/view/components/chapter008.vue index b478875..1127084 100644 --- a/src/books/lifeCare/view/chapter008.vue +++ b/src/books/lifeCare/view/components/chapter008.vue @@ -3,11 +3,11 @@ <div class="page-box" page="141"> <div v-if="showPageList.indexOf(141) > -1"> <div class="bodystyle topImg"> - <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2> + <h2 id="b008"><img class="img-0" alt="" src="../../image/dy8.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" /> </p> </div> <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋杈炬垚濡備笅瀛︿範鐩爣銆�</p> @@ -27,7 +27,7 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" /> </p> </div> <p class="block"> @@ -52,7 +52,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> <span class="pageNum">1-133</span> </div> @@ -64,17 +64,17 @@ <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" /> </p> </div> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0148-1.jpg" /> + <img class="img-a" alt="" src="../../image/0148-1.jpg" /> </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" /> + <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" /> </p> </div> <p class="block"> @@ -118,7 +118,7 @@ <div class="content"> <div class="pageStr">1-134</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -160,7 +160,7 @@ <p>1.璁捐涓�寮�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-1锛夈��</p> <p class="img">琛�1-8-1銆�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0150-1.jpg" /> + <img class="img-a" alt="" src="../../image/0150-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -225,7 +225,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> <span class="pageNum">1-135</span> </div> @@ -239,7 +239,7 @@ </p> <p class="img">琛�1-8-2銆�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0151-1.jpg" /> + <img class="img-a" alt="" src="../../image/0151-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -304,7 +304,7 @@ <p>1.璁捐涓�寮�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-3锛夈��</p> <p class="img">琛�1-8-3銆�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0151-2.jpg" /> + <img class="img-a" alt="" src="../../image/0151-2.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -373,7 +373,7 @@ <div class="content"> <div class="pageStr">1-136</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -382,7 +382,7 @@ <div class="bodystyle"> <p class="img">琛�1-8-4銆�24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0152-1.jpg" /> + <img class="img-a" alt="" src="../../image/0152-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -445,11 +445,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0152-2.jpg" /> + <img class="img-h" alt="" src="../../image/0152-2.jpg" /> </p> <p class="img">绂诲洯</p> </div> --> @@ -530,7 +530,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> <span class="pageNum">1-137</span> </div> @@ -607,7 +607,7 @@ <div class="content"> <div class="pageStr">1-138</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -708,7 +708,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> <span class="pageNum">1-139</span> </div> @@ -748,11 +748,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0155-1.jpg" /> + <img class="img-h" alt="" src="../../image/0155-1.jpg" /> </p> <p class="img">濂剁摱鐨勬竻娲佷笌娑堟瘨</p> </div> --> @@ -808,11 +808,11 @@ <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-sys.png" /> + <img class="img-gn1" alt="" src="../../image/dy-sys.png" /> </p> </div> <p class="center"> - <img class="img-h" alt="" src="../image/0155-2.jpg" /> + <img class="img-h" alt="" src="../../image/0155-2.jpg" /> </p> <p class="img">娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯</p> </div> --> @@ -927,7 +927,7 @@ <div class="content"> <div class="pageStr">1-40</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -947,7 +947,7 @@ <p>2.璇峰~鍐欐墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓祦绋嬭鑼冭〃锛堣琛�1-8-5锛夈��</p> <p class="img">琛�1-8-5銆�鎵樿偛鍥棩甯告竻娲佷笌娑堟瘨娴佺▼瑙勮寖琛�</p> <!-- <p class="center"> - <img class="img-a" alt="" src="../image/0156-1.jpg" /> + <img class="img-a" alt="" src="../../image/0156-1.jpg" /> </p> --> <div> <table class="table111 table122"> @@ -1008,11 +1008,11 @@ <!-- <div class="bk-sys"> <div class="bj1-sys"> <p class="left"> - <img class="img-gn1" alt="" src="../image/dy-ycs.png" /> + <img class="img-gn1" alt="" src="../../image/dy-ycs.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0156-2.jpg" /> + <img class="img-g" alt="" src="../../image/0156-2.jpg" /> </p> </div> --> <p><b>涓�銆侀�夋嫨棰�</b></p> @@ -1049,7 +1049,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span> <span class="pageNum">1-141</span> </div> @@ -1135,7 +1135,7 @@ <script> import { getResourcePath } from "@/assets/methods/resources.js"; import examinations from "@/components/examinations/index.vue"; -import { getFileMd5, getPublicImage } from "../js/tool.js"; +import { getFileMd5, getPublicImage } from "../../js/tool.js"; export default { // eslint-disable-next-line vue/multi-word-component-names diff --git a/src/books/lifeCare/view/chapter009.vue b/src/books/lifeCare/view/components/chapter009.vue similarity index 87% rename from src/books/lifeCare/view/chapter009.vue rename to src/books/lifeCare/view/components/chapter009.vue index 7d24f94..7f1c82a 100644 --- a/src/books/lifeCare/view/chapter009.vue +++ b/src/books/lifeCare/view/components/chapter009.vue @@ -5,7 +5,7 @@ <div class="bodystyle"> <template> <p class="center coverImg"> - <img alt="" class="imz" src="../image/0158-1.jpg" /> + <img alt="" class="imz" src="../../image/0158-1.jpg" /> </p> </template> </div> diff --git a/src/books/lifeCare/view/chapter010.vue b/src/books/lifeCare/view/components/chapter010.vue similarity index 94% rename from src/books/lifeCare/view/chapter010.vue rename to src/books/lifeCare/view/components/chapter010.vue index 1add58e..cca3e25 100644 --- a/src/books/lifeCare/view/chapter010.vue +++ b/src/books/lifeCare/view/components/chapter010.vue @@ -3,43 +3,43 @@ <div class="page-box" page="152"> <div v-if="showPageList.indexOf(152) > -1"> <div class="bodystyle topImg"> - <h2 id="b009"><img class="img-0" alt="" src="../image/zt1.jpg" /></h2> + <h2 id="b009"><img class="img-0" alt="" src="../../image/zt1.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑轰粈涔堟槸濠村辜鍎跨敓娲讳繚鑲层�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳芥竻妤氳〃杈惧嚭濠村辜鍎跨敓娲讳繚鑲茬殑涓昏浠诲姟銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鍩烘湰浜嗚В鎴戝浗淇濊偛鍙戝睍鐨勫巻绋嬨�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑哄┐骞煎効鐢熸椿淇濊偛鐨勭洰鏍囥�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾濠村辜鍎跨敓娲讳繚鑲茬殑鎰忎箟銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鍒濇鐭ラ亾鎵樿偛鏈烘瀯鐨勪竴鏃ョ敓娲汇�� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -60,7 +60,7 @@ <div class="bk-zt1"> <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-my.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-my.png" /> </p> </div> <p> @@ -83,8 +83,8 @@ <div class="content"> <div class="pageStr">2-2</div> <div class="title"> - <!-- <img class="ztImg" src="../image/zt.png" alt="" /> --> - <img src="../image/chapter.png" alt="" /> + <!-- <img class="ztImg" src="../../image/zt.png" alt="" /> --> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -99,7 +99,7 @@ <div class="bk-zt1"> <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-yy.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-yy.png" /> </p> </div> <p>鈥滀笁宀佺湅澶э紝涓冨瞾鐪嬭�併�傗��</p> @@ -108,7 +108,7 @@ <div class="bk-zt1"> <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-xyx.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-xyx.png" /> </p> </div> <p>淇濊偛鐨勬蹇垫槸浠�涔堬紵</p> @@ -130,11 +130,11 @@ <div class="bk-zt1"> <!-- <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-sys.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0165-1.jpg" /> + <img class="img-g" alt="" src="../../image/0165-1.jpg" /> </p> --> <p> 淇濊偛鍛樼殑宸ヤ綔鑱岃矗锛氬叏闈㈣礋璐e辜鍎夸竴鏃ョ敓娲讳腑鐨勪繚鑲插伐浣滐紝纭繚骞煎効韬績鍋ュ悍鍜岀敓鍛藉畨鍏ㄣ�� @@ -203,7 +203,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">2-3</span> </div> @@ -222,11 +222,11 @@ <div class="bk-zt1"> <!-- <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-sys.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0166-1.jpg" /> + <img class="img-g" alt="" src="../../image/0166-1.jpg" /> </p> --> <p> 鎵樿偛鏈烘瀯淇濊偛搴旈伒寰互涓嬪熀鏈師鍒欙細灏婇噸鍎跨銆佸畨鍏ㄥ仴搴枫�佺Н鏋佸洖搴斻�佺瀛﹁鑼冦�傛壂鐮佺湅銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨�� @@ -316,7 +316,7 @@ <div class="content"> <div class="pageStr">2-4</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -355,7 +355,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">2-5</span> </div> @@ -388,7 +388,7 @@ </p> <p class="img">琛�2-1-1銆�鎵樿偛鏈烘瀯涓�鏃ョ敓娲讳妇渚嬶紙澶忓锛�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0168-1.jpg" /> + <img class="img-a" alt="" src="../../image/0168-1.jpg" /> </p> </div> </div> @@ -403,7 +403,7 @@ <div class="content"> <div class="pageStr">2-6</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -430,7 +430,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">2-7</span> </div> @@ -491,7 +491,7 @@ <div class="content"> <div class="pageStr">2-8</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -533,7 +533,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">2-9</span> </div> @@ -550,7 +550,7 @@ 琛�2-1-2銆�鏌愭墭鑲叉満鏋勪竴鏃ョ敓娲讳繚鑲茬殑娴佺▼鍙婁汉鍛樺垎宸ワ紙鎵樼彮锛� </p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0172-1.jpg" /> + <img class="img-a" alt="" src="../../image/0172-1.jpg" /> </p> </div> </div> @@ -564,7 +564,7 @@ <div class="content"> <div class="pageStr">2-10</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -574,7 +574,7 @@ <div class="bodystyle"> <p class="img-right">缁〃</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0173-1.jpg" /> + <img class="img-a" alt="" src="../../image/0173-1.jpg" /> </p> </div> </div> @@ -587,7 +587,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span> <span class="pageNum">2-11</span> </div> @@ -598,7 +598,7 @@ <div class="bodystyle"> <p class="img-right">缁〃</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0174-1.jpg" /> + <img class="img-a" alt="" src="../../image/0174-1.jpg" /> </p> <p><br/></p> <div class="bk-tx border-xxfs"> diff --git a/src/books/lifeCare/view/chapter011.vue b/src/books/lifeCare/view/components/chapter011.vue similarity index 95% rename from src/books/lifeCare/view/chapter011.vue rename to src/books/lifeCare/view/components/chapter011.vue index eaf1e97..5b13411 100644 --- a/src/books/lifeCare/view/chapter011.vue +++ b/src/books/lifeCare/view/components/chapter011.vue @@ -3,50 +3,50 @@ <div class="page-box" page="163"> <div v-if="showPageList.indexOf(163) > -1"> <div class="bodystyle topImg"> - <h2 id="b010"><img class="img-0" alt="" src="../image/zt2.jpg" /></h2> + <h2 id="b010"><img class="img-0" alt="" src="../../image/zt2.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳界悊瑙f潵鍥繚鑲茬殑淇濇暀浠峰�笺�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉仛濂藉┐骞煎効鏉ュ洯鍓嶇殑鍑嗗宸ヤ綔銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾鏉ュ洯娲诲姩瀛樺湪鐨勫畨鍏ㄩ殣鎮c�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳介槻鑼冩潵鍥椿鍔ㄤ腑鐨勫畨鍏ㄩ棶棰樸�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾鏉ュ洯鎺ュ緟鐨勫唴瀹广�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉畨鎶氭潵鍥┐骞煎効鐨勪笉鑹儏缁�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> 浼氭櫒闂存鏌ャ�� + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氭櫒闂存鏌ャ�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氭帴寰呭甫鑽殑濠村辜鍎裤�� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -70,7 +70,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span> <span class="pageNum">2-13</span> </div> @@ -124,7 +124,7 @@ <div class="content"> <div class="pageStr">2-14</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -176,7 +176,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span> <span class="pageNum">2-15</span> </div> @@ -232,7 +232,7 @@ <div class="content"> <div class="pageStr">2-16</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -287,7 +287,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span> <span class="pageNum">2-17</span> </div> @@ -334,7 +334,7 @@ <div class="content"> <div class="pageStr">2-18</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -379,7 +379,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span> <span class="pageNum">2-19</span> </div> diff --git a/src/books/lifeCare/view/chapter012.vue b/src/books/lifeCare/view/components/chapter012.vue similarity index 94% rename from src/books/lifeCare/view/chapter012.vue rename to src/books/lifeCare/view/components/chapter012.vue index 7254693..1e0f1d9 100644 --- a/src/books/lifeCare/view/chapter012.vue +++ b/src/books/lifeCare/view/components/chapter012.vue @@ -3,43 +3,43 @@ <div class="page-box" page="171"> <div v-if="showPageList.indexOf(171) > -1"> <div class="bodystyle topImg"> - <h2 id="b011"><img class="img-0" alt="" src="../image/zt3.jpg" /></h2> + <h2 id="b011"><img class="img-0" alt="" src="../../image/zt3.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑烘礂鎵嬬殑閲嶈鎬с�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾娲楁墜鐨勬椂鏈恒�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳界粍缁囥�佹寚瀵煎┐骞煎効娲楁墜銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳芥牴鎹┐骞煎効鐪笺�佽�炽�侀蓟銆佸彛鑵斿拰鐨偆鐨勭壒鐐瑰疄鏂芥竻娲併�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉涓嶅悓鎬у埆鐨勫┐骞煎効杩涜娓呮磥銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勭洢娲椾範鎯�� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -60,7 +60,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span> <span class="pageNum">2-21</span> </div> @@ -114,7 +114,7 @@ <div class="content"> <div class="pageStr">2-22</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -128,11 +128,11 @@ <div class="bk-zt1"> <!-- <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-sys.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0185-1.jpg" /> + <img class="img-g" alt="" src="../../image/0185-1.jpg" /> </p> --> <p> 浜嗚В骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹傘�佹礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰銆佺洢娲楀娓呮磥鍗敓鐨勮姹傦紝鐪嬨�婃墭鑲插洯鐩ユ礂鐜鍒涜瑙勮寖銆嬨�� @@ -190,7 +190,7 @@ <h4 class="h4-zt" id="d121">锛堜簩锛夋寚瀵煎┐骞煎効娲楁墜鐨勬祦绋�</h4> <p>淇濇暀浜哄憳鍙寜鐓у浘2-3-1鎵�绀虹殑娴佺▼鎸囧濠村辜鍎挎礂鎵嬨��</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0185-2.jpg" /> + <img class="img-a" alt="" src="../../image/0185-2.jpg" /> </p> <p class="img">鍥�2-3-1銆�鎸囧濠村辜鍎挎礂鎵嬬殑娴佺▼</p> <p>涓嬮潰浠嬬粛涓�浜涙礂鎵嬬殑灏忕獚闂ㄣ��</p> @@ -224,7 +224,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span> <span class="pageNum">2-23</span> </div> @@ -240,7 +240,7 @@ <h4 class="h4-zt" id="d123">锛堜竴锛夊┐骞煎効鐪肩潧鐨勭壒鐐瑰強娓呮磥瑕佺偣</h4> <p>鐪肩潧鐨勭粨鏋勫鍥�2-3-2鎵�绀恒��</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0186-1.jpg" /> + <img class="img-a" alt="" src="../../image/0186-1.jpg" /> </p> <p class="img">鍥�2-3-2銆�鐪肩潧鐨勭粨鏋�</p> <h5 class="h5-zt" id="e103">1.濠村辜鍎跨溂鐫涚殑鐗圭偣</h5> @@ -278,7 +278,7 @@ <div class="content"> <div class="pageStr">2-24</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -292,7 +292,7 @@ <h4 class="h4-zt" id="d124">锛堜簩锛夊┐骞煎効鑰虫湹鐨勭壒鐐瑰強娓呮磥瑕佺偣</h4> <p>鑰虫湹鐨勭粨鏋勫鍥�2-3-3鎵�绀恒��</p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0187-1.jpg" /> + <img class="img-b" alt="" src="../../image/0187-1.jpg" /> </p> <p class="img">鍥�2-3-3銆�鑰虫湹鐨勭粨鏋�</p> <h5 class="h5-zt" id="e105">1.濠村辜鍎胯�虫湹鐨勭壒鐐�</h5> @@ -323,7 +323,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span> <span class="pageNum">2-25</span> </div> @@ -336,7 +336,7 @@ <h4 class="h4-zt" id="d125">锛堜笁锛夊┐骞煎効榧昏厰鐨勭壒鐐逛笌娓呮磥瑕佺偣</h4> <p>榧昏厰鐨勭粨鏋勫鍥�2-3-4鎵�绀恒��</p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0188-1.jpg" /> + <img class="img-b" alt="" src="../../image/0188-1.jpg" /> </p> <p class="img">鍥�2-3-4銆�榧昏厰鐨勭粨鏋�</p> <h5 class="h5-zt" id="e107">1.濠村辜鍎块蓟鑵旂殑鐗圭偣</h5> @@ -377,7 +377,7 @@ <div class="content"> <div class="pageStr">2-26</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -389,12 +389,12 @@ 闅欙紙灏栫墮鐨勪綅缃級锛�2宀佸乏鍙�4涓皷鐗欓暱鍑猴紱鏈�杩熻嚦2宀佸崐锛�4涓浜屼钩纾ㄧ墮钀屽嚭锛�20涓钩鐗欏叏閮ㄥ嚭榻愶紙瑙佸浘2-3-5銆佽〃2-3-1锛夈�� </p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0189-1.jpg" /> + <img class="img-b" alt="" src="../../image/0189-1.jpg" /> </p> <p class="img">鍥�2-3-5銆�涔崇墮钀屽嚭鐨勯『搴�</p> <p class="img">琛�2-3-1銆�涔崇墮钀屽嚭鏃堕棿</p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0189-2.jpg" /> + <img class="img-b" alt="" src="../../image/0189-2.jpg" /> </p> <p> 6宀佸乏鍙冲湪涔崇(鐗欑殑鍚庨潰闀垮嚭鐨勭涓�棰楁亽纾ㄧ墮绉扳�滃叚榫勯娇鈥濄��7锝�12宀佷钩鐗欐绗劚钀斤紝琚亽鐗欐浛浠c�傚叾浣欐亽鐗欎粠涔崇墮鍚庢柟鐢熼暱鍑烘潵锛�12宀佸乏鍙崇浜屾亽纾ㄧ墮钀屽嚭锛岀涓夋亽纾ㄧ墮锛堝張绉版櫤榻匡級涓�鑸湪22宀佷互鍚庢墠闀垮嚭锛屼篃鍙兘缁堢敓涓嶅嚭锛屽洜姝わ紝浜虹殑鎭掔墮28锝�32棰楀潎涓烘甯搞�� @@ -411,7 +411,7 @@ <p>濠村辜鍎垮彛鑵斿仴搴峰彈鍒板緢澶氬洜绱犵殑褰卞搷锛岃琛�2-3-2銆�</p> <p class="img">琛�2-3-2銆�褰卞搷濠村辜鍎垮彛鑵斿仴搴风殑鍥犵礌鍙婄淮鎶ゅ彛鑵斿仴搴风殑鍋氭硶</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0189-3.jpg" /> + <img class="img-a" alt="" src="../../image/0189-3.jpg" /> </p> </div> </div> @@ -424,7 +424,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span> <span class="pageNum">2-27</span> </div> @@ -456,7 +456,7 @@ <h4 class="h4-zt" id="d127">锛堜簲锛夊┐骞煎効鐨偆鐨勭壒鐐瑰強鐩ユ礂瑕佺偣</h4> <p>鐨偆鐨勭粨鏋勫鍥�2-3-6鎵�绀恒��</p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0190-1.jpg" /> + <img class="img-b" alt="" src="../../image/0190-1.jpg" /> </p> <p class="img">鍥�2-3-6銆�鐨偆鐨勭粨鏋�</p> <h5 class="h5-zt" id="e113">1.濠村辜鍎跨毊鑲ょ殑鐗圭偣</h5> @@ -476,7 +476,7 @@ <div class="content"> <div class="pageStr">2-28</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -524,7 +524,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span> <span class="pageNum">2-29</span> </div> @@ -565,7 +565,7 @@ <div class="content"> <div class="pageStr">2-30</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -574,7 +574,7 @@ <div class="bodystyle"> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0193-1.jpg" /> + <img class="img-b" alt="" src="../../image/0193-1.jpg" /> </p> <p class="img">鍥�2-3-7銆�鎵樿偛鍥殑鐩ユ礂鐜</p> <h4 class="h4-zt" id="d131">锛堜簩锛夐紦鍔卞辜鍎跨粌涔犵洢娲�</h4> @@ -604,7 +604,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span> <span class="pageNum">2-31</span> </div> diff --git a/src/books/lifeCare/view/chapter013.vue b/src/books/lifeCare/view/components/chapter013.vue similarity index 95% rename from src/books/lifeCare/view/chapter013.vue rename to src/books/lifeCare/view/components/chapter013.vue index c439187..601f3d3 100644 --- a/src/books/lifeCare/view/chapter013.vue +++ b/src/books/lifeCare/view/components/chapter013.vue @@ -3,59 +3,59 @@ <div class="page-box" page="183"> <div v-if="showPageList.indexOf(183) > -1"> <div class="bodystyle topImg"> - <h2 id="b012"><img class="img-0" alt="" src="../image/zt4.jpg" /></h2> + <h2 id="b012"><img class="img-0" alt="" src="../../image/zt4.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑哄鍘曚繚鑲茬殑淇濇暀浠峰�笺�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾濠村辜鍎跨殑浜屼究鐨勭壒鐐瑰拰淇濊偛瑕佺偣銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑哄奖鍝嶅┐骞煎効濡傚帟鐨勫洜绱犮�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾钀ラ�犺壇濂界殑濡傚帟鐜鐨勬柟娉曘�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氬仛濂藉鍘曞墠鐨勫噯澶囥�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氬紩瀵煎┐骞煎効杩涜濡傚帟缁冧範銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氱粰濠村辜鍎挎崲灏垮竷銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鲸鍒┐骞煎効鐨勫紓甯镐究銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳芥寚瀵煎┐骞煎効杩涜濡傚帟娓呮磥銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氫负渚垮櫒娓呮磥娑堟瘨銆� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -80,7 +80,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span> <span class="pageNum">2-33</span> </div> @@ -123,7 +123,7 @@ <div class="content"> <div class="pageStr">2-34</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -170,7 +170,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span> <span class="pageNum">2-35</span> </div> @@ -214,7 +214,7 @@ <div class="content"> <div class="pageStr">2-36</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -268,7 +268,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span> <span class="pageNum">2-37</span> </div> @@ -327,7 +327,7 @@ <div class="content"> <div class="pageStr">2-38</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -377,7 +377,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span> <span class="pageNum">2-39</span> </div> @@ -397,7 +397,7 @@ <p>鎵樿偛鏈烘瀯濡傚帟鐨勬寚瀵兼祦绋嬭琛�2-4-1</p> <p class="img">琛�2-4-1銆�濡傚帟鐜妭鍙婂叿浣撶殑瑕佹眰</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0202-1.jpg" /> + <img class="img-a" alt="" src="../../image/0202-1.jpg" /> </p> </div> </div> @@ -411,7 +411,7 @@ <div class="content"> <div class="pageStr">2-40</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -467,7 +467,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span> <span class="pageNum">2-41</span> </div> @@ -517,7 +517,7 @@ <div class="content"> <div class="pageStr">2-42</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -567,7 +567,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span> <span class="pageNum">2-43</span> </div> diff --git a/src/books/lifeCare/view/chapter014.vue b/src/books/lifeCare/view/components/chapter014.vue similarity index 95% rename from src/books/lifeCare/view/chapter014.vue rename to src/books/lifeCare/view/components/chapter014.vue index 52199e5..c9c19a1 100644 --- a/src/books/lifeCare/view/chapter014.vue +++ b/src/books/lifeCare/view/components/chapter014.vue @@ -3,63 +3,63 @@ <div class="page-box" page="195"> <div v-if="showPageList.indexOf(195) > -1"> <div class="bodystyle topImg"> - <h2 id="b013"><img class="img-0" alt="" src="../image/zt5.jpg" /></h2> + <h2 id="b013"><img class="img-0" alt="" src="../../image/zt5.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾涓嶅悓骞撮緞娈电殑濠村辜鍎跨殑钀ュ吇闇�姹傘�佽喅椋熻姹傚拰鍠傚吇鍘熷垯銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾鎻愰珮濠村辜鍎块娆茬殑绛栫暐銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氬畨鎺掍笉鍚屽勾榫勬濠村辜鍎跨殑涓�鏃ラギ椋熴�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氫负濠村辜鍎块�夋嫨鍚堥�傜殑椁愬叿銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氫负濠村辜鍎垮垎鍙戦鍏蜂笌椋熺墿骞惰繘琛岄鍓嶆暀鑲层�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氬杺鍝哄┐骞煎効銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳芥寚瀵煎辜鍎跨敤鍕鸿繘椋熴�佺粍缁囧辜鍎块泦浣撹嚜涓昏繘椁愩�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鎺屾彙鍒ゆ柇濠村辜鍎挎槸鍚﹀悆楗变簡鐨勬柟娉曘�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氭帓闄よ繘椁愪腑鐨勫畨鍏ㄩ殣鎮c�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氬府鍔╁┐骞煎効鍏绘垚鑹ソ鐨勮繘椁愪範鎯�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氱収鎶ょ壒娈婂┐骞煎効杩涢銆� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -86,7 +86,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-45</span> </div> @@ -111,7 +111,7 @@ </p> <p class="img">琛�2-5-1銆�濠村辜鍎胯兘閲忕殑闇�姹�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0208-1.jpg" /> + <img class="img-a" alt="" src="../../image/0208-1.jpg" /> </p> <p> 鐢变簬濠村辜鍎跨殑鍩虹浠h阿鐜囬珮銆佺敓闀垮彂鑲茶繀閫熴�佹椿鍔ㄩ噺姣旇緝澶э紝涓庢垚骞翠汉鐩告瘮锛岄渶瑕佹秷鑰楃殑鑳介噺鐩稿澶氾紝骞撮緞瓒婂皬闇�姹傞噺瓒婂ぇ銆� @@ -131,7 +131,7 @@ <div class="content"> <div class="pageStr">2-46</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -146,7 +146,7 @@ </p> <p class="img">琛�2-5-2銆�濠村辜鍎垮瀹忛噺钀ュ吇绱犵殑闇�姹�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0209-1.jpg" /> + <img class="img-a" alt="" src="../../image/0209-1.jpg" /> </p> <h5 class="h5-zt" id="e122">2.寰噺钀ュ吇绱�</h5> <p> @@ -158,7 +158,7 @@ </p> <p class="img">琛�2-5-3銆�濠村辜鍎垮鏄撶己涔忕殑缁寸敓绱�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0209-2.jpg" /> + <img class="img-a" alt="" src="../../image/0209-2.jpg" /> </p> </div> </div> @@ -172,7 +172,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-47</span> </div> @@ -188,7 +188,7 @@ </p> <p class="img">琛�2-5-4銆�濠村辜鍎垮鏄撶己涔忕殑鐭跨墿璐�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0210-2.jpg" /> + <img class="img-a" alt="" src="../../image/0210-2.jpg" /> </p> <h5 class="h5-zt" id="e123">3.姘�</h5> <p> @@ -218,7 +218,7 @@ <div class="content"> <div class="pageStr">2-48</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -267,7 +267,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-49</span> </div> @@ -322,7 +322,7 @@ <div class="content"> <div class="pageStr">2-50</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -367,7 +367,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-51</span> </div> @@ -422,7 +422,7 @@ <div class="content"> <div class="pageStr">2-52</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -436,11 +436,11 @@ <div class="bk-zt1"> <!-- <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-sys.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0215-1.jpg" /> + <img class="img-g" alt="" src="../../image/0215-1.jpg" /> </p> --> <!-- <p>銆�1锝�2宀佸辜鍎夸竴鏃ラ璋变妇渚嬨�嬨��</p> --> <div class="tips-bk"> @@ -643,7 +643,7 @@ <p>涓嶅悓鏈堥緞濠村辜鍎夸竴鏃ラギ椋熷畨鎺掑叿浣撳涓嬶紙瑙佽〃2-5-5锛夈��</p> <p class="img">琛�2-5-5銆�涓嶅悓鏈堥緞濠村辜鍎夸竴鏃ラギ椋熷畨鎺掕〃</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0215-2.jpg" /> + <img class="img-a" alt="" src="../../image/0215-2.jpg" /> </p> </div> @@ -657,7 +657,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-53</span> </div> @@ -683,7 +683,7 @@ <p>鈶㈢洊涓婇攣绱х幆鍜屽ザ鍢达紝鍏呭垎鎽囨檭濂剁摱锛屼娇濂剁矇涓庢按瀹屽叏铻嶅悎銆�</p> <p>涓栫晫鍗敓缁勭粐鎸囧畾鐨勯厤鏂瑰ザ绮夐厤鍒舵祦绋嬭鍥�2-5-1銆�</p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0216-1.jpg" /> + <img class="img-b" alt="" src="../../image/0216-1.jpg" /> </p> <p class="img">鍥�2-5-1銆�閰嶆柟濂剁矇鐨勯厤鍒舵祦绋�</p> <h5 class="h5-zt" id="e156">3.娉ㄦ剰浜嬮」</h5> @@ -698,7 +698,7 @@ 鈶犵背绮夌殑鍐茶皟锛氬弬鑰冭皟閰嶈鏄庡皢閫傞噺鐨勬按锛堟瘝涔虫垨閰嶆柟濂讹級鍒嗘鍔犲叆绫崇矇鍐咃紝鍐嶇敤姹ゅ寵鎷屽寑褰㈡垚绫崇硦锛堣鍥�2-5-2锛夛紝鍙湪绫崇硦涓姞鍏ユ按鏋滄偿銆佽彍娉ユ垨鍏朵粬娉ョ硦鐘堕鐗┿�� </p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0216-2.jpg" /> + <img class="img-b" alt="" src="../../image/0216-2.jpg" /> </p> <p class="img">鍥�2-5-2銆�绫崇矇鐨勫啿璋冩楠�</p> <p> @@ -716,7 +716,7 @@ <div class="content"> <div class="pageStr">2-54</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -744,11 +744,11 @@ <div class="bk-zt1"> <!-- <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-sys.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0217-1.jpg" /> + <img class="img-g" alt="" src="../../image/0217-1.jpg" /> </p> --> <!-- <p>鎵爜鐪嬨��0锝�3宀佸┐骞煎効杈呴鐨勫叿浣撳埗浣滄柟娉曘�嬨��</p> --> <div class="tips-bk"> @@ -869,7 +869,7 @@ 鍦ㄤ繚璇侀鐗╃儳鐔熺叜閫忋�佷繚璐ㄤ繚閲忕殑鍓嶆彁涓嬶紝灏介噺缂╃煭椋熺墿鐑у埗濂借嚦椋熺敤鐨勬椂闂达紝浠ュ強楗�佽彍銆佹堡鐨勫垎瑁呫�佽繍閫佹椂闂淬�傚簲缁欑洓楗�佽彍銆佹堡鐨勫鍣ㄥ姞鐩栵紝姹ょ敤鍙屽眰淇濇俯妗剁洓瑁咃紙瑙佸浘2-5-3锛夈�� </p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0217-2.jpg" /> + <img class="img-b" alt="" src="../../image/0217-2.jpg" /> </p> <p class="img">鍥�2-5-3銆�椋熺墿鍔犵洊淇濇俯</p> </div> @@ -883,7 +883,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-55</span> </div> @@ -900,7 +900,7 @@ <p>鍚勭被濠村辜鍎块鍏风殑鐗圭偣瑙佽〃2-5-6銆�</p> <p class="img">琛�2-5-6銆�鍚勭被椁愬叿鐨勭壒鐐�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0218-1.jpg" /> + <img class="img-a" alt="" src="../../image/0218-1.jpg" /> </p> <h4 class="h4-zt" id="d180">锛堜簩锛夊嫼瀛愮殑閫夋嫨</h4> <p> @@ -908,7 +908,7 @@ </p> <p class="img">琛�2-5-7銆�涓嶅悓鏈堥緞濠村辜鍎夸娇鐢ㄧ殑鍕哄瓙</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0218-2.jpg" /> + <img class="img-a" alt="" src="../../image/0218-2.jpg" /> </p> <h4 class="h4-zt" id="d181">锛堜笁锛夌銆佺洏鐨勯�夋嫨</h4> <p> @@ -926,7 +926,7 @@ <div class="content"> <div class="pageStr">2-56</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -939,7 +939,7 @@ </p> <p class="img">琛�2-5-8銆�涓嶅悓鏈堥緞濠村辜鍎夸娇鐢ㄧ殑纰椼�佺洏</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0219-1.jpg" /> + <img class="img-a" alt="" src="../../image/0219-1.jpg" /> </p> <h4 class="h4-zt" id="d182">锛堝洓锛変笉閫傚悎濠村辜鍎跨殑椁愬叿</h4> <p> @@ -972,7 +972,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-57</span> </div> @@ -986,7 +986,7 @@ 鈶e垎鍙戦鐗┿�傚垎鍙戦鐗╃殑椤哄簭涓鸿敩鑿溾�旇崵鑿溾�旈キ鈥旀堡锛岄キ鐢ㄥ嫼鐩涳紝浣跨敤澶瑰瓙鍒嗚彍锛屾寜宸︽堡鍙宠彍鐨勯『搴忔斁缃�� </p> <p class="center"> - <img class="img-a" alt="" src="../image/0220-1.jpg" /> + <img class="img-a" alt="" src="../../image/0220-1.jpg" /> </p> <p class="img">鍥�2-5-4銆�鍒嗗彂椁愬叿涓庨鐗╃殑娴佺▼</p> <h4 class="h4-zt" id="d184">锛堜簩锛夋敞鎰忎簨椤�</h4> @@ -1014,11 +1014,11 @@ <div class="bk-zt1"> <!-- <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-sys.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" /> </p> </div> --> <!-- <p class="center"> - <img class="img-g" alt="" src="../image/0220-2.jpg" /> + <img class="img-g" alt="" src="../../image/0220-2.jpg" /> </p> <p>鎵爜鐪嬨�婇鍓嶆暀鑲茬礌鏉愩�嬨��</p> --> <div class="tips-bk"> @@ -1105,7 +1105,7 @@ <div class="content"> <div class="pageStr">2-58</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -1115,7 +1115,7 @@ <div class="bodystyle"> <p class="img">琛�2-5-9銆�甯哥敤浠嬬粛楗彍鎸囧鐢ㄨ</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0221-1.jpg" /> + <img class="img-a" alt="" src="../../image/0221-1.jpg" /> </p> <h4 class="h4-zt" id="d188">锛堜笁锛夋彁绀鸿繘椁愬父瑙�</h4> <p> @@ -1166,7 +1166,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-59</span> </div> @@ -1224,7 +1224,7 @@ <div class="content"> <div class="pageStr">2-60</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -1278,7 +1278,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-61</span> </div> @@ -1319,7 +1319,7 @@ <p>濠村辜鍎块ゥ楗辫涓鸿〃鐜帮紙瑙佽〃2-5-10锛夈��</p> <p class="img">琛�2-5-10銆�濠村辜鍎块ゥ楗辫涓鸿〃鐜�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0224-1.jpg" /> + <img class="img-a" alt="" src="../../image/0224-1.jpg" /> </p> </div> </div> @@ -1334,7 +1334,7 @@ <div class="content"> <div class="pageStr">2-62</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -1386,7 +1386,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-63</span> </div> @@ -1444,7 +1444,7 @@ <div class="content"> <div class="pageStr">2-64</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -1494,7 +1494,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-65</span> </div> @@ -1553,7 +1553,7 @@ <div class="content"> <div class="pageStr">2-66</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -1609,7 +1609,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span> <span class="pageNum">2-67</span> </div> @@ -1646,7 +1646,7 @@ <h5 class="h5-zt" id="e198">3.娴佺▼</h5> <p>淇濊偛鍛樺簲寮曞骞煎効绠$悊涓汉鍗敓锛堣鍥�2-5-5锛夈��</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0230-1.jpg" /> + <img class="img-a" alt="" src="../../image/0230-1.jpg" /> </p> <p class="img">鍥�2-5-5銆�寮曞骞煎効绠$悊涓汉鍗敓鐨勬祦绋�</p> <h4 class="h4-zt" id="d213">锛堜簩锛夐鍚庣幆澧冪殑娓呮磥</h4> @@ -1669,7 +1669,7 @@ <div class="content"> <div class="pageStr">2-68</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> diff --git a/src/books/lifeCare/view/chapter015.vue b/src/books/lifeCare/view/components/chapter015.vue similarity index 94% rename from src/books/lifeCare/view/chapter015.vue rename to src/books/lifeCare/view/components/chapter015.vue index 3852ad5..dfa4309 100644 --- a/src/books/lifeCare/view/chapter015.vue +++ b/src/books/lifeCare/view/components/chapter015.vue @@ -3,47 +3,47 @@ <div class="page-box" page="220"> <div v-if="showPageList.indexOf(220) > -1"> <div class="bodystyle topImg"> - <h2 id="b014"><img class="img-0" alt="" src="../image/zt6.jpg" /></h2> + <h2 id="b014"><img class="img-0" alt="" src="../../image/zt6.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑烘按瀵瑰┐骞煎効鍋ュ悍鐨勪綔鐢ㄣ�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾浜轰綋鍐呮按鐨勬潵婧愬拰涓嶅悓骞撮緞娈靛┐骞煎効鐨勯渶姘撮噺銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾涓嶅悓鎯呭喌鐨勫┐骞煎効鐨勫枬姘撮渶姹傦紝鍋氬埌瀹夊叏楗按銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氱粰濠村辜鍎块�夋嫨鍚堥�傜殑楗敤姘淬�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氱粰涓嶅悓鏈堥緞鐨勫┐骞煎効閫夋嫨楗按鍣ㄥ叿銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氭寚瀵煎辜鍎胯嚜涓婚ギ姘达紝缁勭粐骞煎効闆嗕綋楗按銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勯ギ姘翠範鎯�� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -71,7 +71,7 @@ <div class="content"> <div class="pageStr">2-70</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -124,7 +124,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span> <span class="pageNum">2-71</span> </div> @@ -142,7 +142,7 @@ </p> <p class="img">琛�2-6-1銆�姝e父濠村辜鍎块渶姘撮噺鐨勫弬鑰冨�硷紙姣�24灏忔椂锛�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0234-1.jpg" /> + <img class="img-a" alt="" src="../../image/0234-1.jpg" /> </p> <p> 涓�鑸潵璁诧紝1锝�3宀佸┐骞煎効姣忓崈鍏嬩綋閲嶉渶姘撮噺绾︿负125mL锛屽叏澶╂�婚渶姘撮噺涓�10200锝�2000mL銆� @@ -175,7 +175,7 @@ <div class="content"> <div class="pageStr">2-72</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -205,11 +205,11 @@ <div class="bk-zt1"> <!-- <div class="bj1-zt1"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-sys.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" /> </p> </div> <p class="center"> - <img class="img-g" alt="" src="../image/0235-1.jpg" /> + <img class="img-g" alt="" src="../../image/0235-1.jpg" /> </p> <p> 娓╅Θ鎻愮ず锛氫笉搴旇濠村辜鍎块暱鏈熼ギ鐢ㄧ函鍑�姘达紝鎵爜鐪嬨�婂┐骞煎効涓嶅疁闀挎湡楗敤绾噣姘淬�嬨�� @@ -251,7 +251,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span> <span class="pageNum">2-73</span> </div> @@ -299,7 +299,7 @@ <div class="content"> <div class="pageStr">2-74</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -319,7 +319,7 @@ <p>甯歌鐨勪笌楗敤姘存湁鍏崇殑闂鍙婄瓟妗堝琛�2-6-2鎵�绀恒��</p> <p class="img">琛�2-6-2銆�甯歌鐨勪笌楗敤姘存湁鍏崇殑闂鍙婄瓟妗�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0237-1.jpg" /> + <img class="img-a" alt="" src="../../image/0237-1.jpg" /> </p> <h3 id="c092"> <span class="bk1-h3"><span class="bj2-h3">鍏�</span>銆�銆�缁欎笉鍚屾湀榫勭殑濠村辜鍎块�夋嫨楗按鍣ㄥ叿銆�</span> @@ -338,7 +338,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span> <span class="pageNum">2-75</span> </div> @@ -349,7 +349,7 @@ <div class="bodystyle"> <p class="img">琛�2-6-3銆�涓嶅悓鏈堥緞濠村辜鍎跨殑楗按鍣ㄥ叿</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0238-1.jpg" /> + <img class="img-a" alt="" src="../../image/0238-1.jpg" /> </p> <p> 鎴戜滑搴旀敞鎰忕殑鏄紝涓嶈杩囨棭鍦拌濠村辜鍎夸娇鐢ㄥ惛绠″紡璁粌鏉紝鍥犱负涓嶆弧1宀佺殑濠村効鍠滄鍜笢瑗匡紝鍙兘浼氬挰鏂苟璇悶鍚哥鑰屽鑷村嵄闄╁彂鐢熴��1宀佷箣鍚庣殑骞煎効涔熶細鍜惛绠★紝浣嗚兘澶熸洿濂藉湴鍒ゆ柇鍗遍櫓锛屽悶涓嬪惛绠$殑鍙兘鎬ц緝灏忥紝鎵�浠�12锝�18涓湀鐨勫辜鍎垮彲浠ヤ娇鐢ㄨ繖绉嶈缁冩澂銆傞�氳繃浠ヤ笂鍑犱釜闃舵鐨勮缁冿紝1宀佸崐鐨勫辜鍎垮凡缁忚兘澶熸帉鎻″枬姘寸殑鏂规硶锛岃繖涓椂鍊欏彲浠ョ敤鏅�氱殑姘存澂缁欏辜鍎垮枬姘翠簡銆� @@ -369,7 +369,7 @@ <div class="content"> <div class="pageStr">2-76</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -383,7 +383,7 @@ <div class="bk-zt1hs"> <div class="bj1-zt1hs"> <p class="left"> - <img class="img-gn-zt" alt="" src="../image/zt-xueyx.png" /> + <img class="img-gn-zt" alt="" src="../../image/zt-xueyx.png" /> </p> </div> <p>鑷富楗按</p> @@ -398,7 +398,7 @@ <h4 class="h4-zt" id="d224">锛堜簩锛夋寚瀵煎辜鍎垮浼氭纭殑鎺ユ按鏂规硶</h4> <p>淇濊偛鍛樺簲鎸囧骞煎効瀛︿細姝g‘鐨勬帴姘存柟娉曪紙瑙佸浘2-6-1锛夈��</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0239-1.jpg" /> + <img class="img-a" alt="" src="../../image/0239-1.jpg" /> </p> <p class="img">鍥�2-6-1銆�姝g‘鐨勬帴姘存柟娉�</p> <h4 class="h4-zt" id="d225">锛堜笁锛夋寚瀵煎辜鍎垮浼氭纭殑楗按鏂规硶</h4> @@ -432,7 +432,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span> <span class="pageNum">2-77</span> </div> @@ -489,7 +489,7 @@ <div class="content"> <div class="pageStr">2-78</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -547,7 +547,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span> <span class="pageNum">2-79</span> </div> diff --git a/src/books/lifeCare/view/chapter016.vue b/src/books/lifeCare/view/components/chapter016.vue similarity index 94% rename from src/books/lifeCare/view/chapter016.vue rename to src/books/lifeCare/view/components/chapter016.vue index 16943bc..2ebdfc6 100644 --- a/src/books/lifeCare/view/chapter016.vue +++ b/src/books/lifeCare/view/components/chapter016.vue @@ -3,43 +3,43 @@ <div class="page-box" page="231"> <div v-if="showPageList.indexOf(231) > -1"> <div class="bodystyle topImg"> - <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2> + <h2 id="b015"><img class="img-0" alt="" src="../../image/zt7.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑哄┐骞煎効鐫$湢鐨勯噸瑕佹�с�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑轰笉鍚屾湀榫勫┐骞煎効姣忔棩鐨勭潯鐪犻渶姹傚強鐗圭偣銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氳鲸鍒┐骞煎効鐨勭潯鐪犱俊鍙枫�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氫负濠村辜鍎垮垱璁捐壇濂界殑鐫$湢鐜銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉疄鏂藉┐骞煎効鐫$湢鐓ф枡銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勭潯鐪犱範鎯�� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -63,7 +63,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span> <span class="pageNum">2-81</span> </div> @@ -113,7 +113,7 @@ <div class="content"> <div class="pageStr">2-82</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -123,7 +123,7 @@ <div class="bodystyle"> <p class="img">琛�2-7-1銆�涓嶅悓鏈堥緞濠村辜鍎跨殑姣忔棩鐫$湢</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0245-1.jpg" /> + <img class="img-a" alt="" src="../../image/0245-1.jpg" /> </p> <h3 id="c098"> <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�濠村辜鍎跨殑鐫$湢淇″彿銆�</span> @@ -157,7 +157,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span> <span class="pageNum">2-83</span> </div> @@ -208,7 +208,7 @@ <div class="content"> <div class="pageStr">2-84</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -243,7 +243,7 @@ 淇濊偛鍛樺彲浠ュ埄鐢ㄥ効姝屻�佸浘鐗囷紙瑙佸浘2-7-1锛夌瓑鏉ュ府鍔╁┐骞煎効鎻愰珮绌胯劚琛g墿鐨勫叴瓒e苟鍔犲己瀵规搷浣滄妧鑳界殑鎺屾彙銆備緥濡傦紝鍎挎瓕銆婅劚瑁ゅ瓙銆嬶細鈥滃弻鎵嬫姄绱у皬瑁よ叞锛屼竴涓嬭劚鍒拌啙鐩栦笅銆傚啀鐢ㄥ皬鎵嬫媺瑁よ剼锛屾渶鍚庤繕瑕佹憜鎽嗗ソ銆傗�濆張濡傚効姝屻�婂彔琛f瓕銆嬶細鈥滀几浼告墜锛屼几浼告墜锛屾姳鎶辫噦锛屾姳鎶辫噦锛屽集寮叞锛屽集寮叞锛屾垜鐨勮。鏈嶅彔濂戒簡銆傗�� </p> <p class="center openImgBox"> - <img class="img-b" alt="" src="../image/0247-1.jpg" /> + <img class="img-b" alt="" src="../../image/0247-1.jpg" /> </p> <p class="img">鍥�2-7-1銆�绀轰緥</p> </div> @@ -257,7 +257,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span> <span class="pageNum">2-85</span> </div> @@ -290,7 +290,7 @@ </p> <p class="img">琛�2-7-2銆�濠村辜鍎夸笉鍚岀潯濮跨殑浼樼己鐐�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0248-1.jpg" /> + <img class="img-a" alt="" src="../../image/0248-1.jpg" /> </p> </div> </div> @@ -305,7 +305,7 @@ <div class="content"> <div class="pageStr">2-86</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -336,7 +336,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span> <span class="pageNum">2-87</span> </div> @@ -388,7 +388,7 @@ <div class="content"> <div class="pageStr">2-88</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> diff --git a/src/books/lifeCare/view/chapter017.vue b/src/books/lifeCare/view/components/chapter017.vue similarity index 92% rename from src/books/lifeCare/view/chapter017.vue rename to src/books/lifeCare/view/components/chapter017.vue index b0eb704..708a464 100644 --- a/src/books/lifeCare/view/chapter017.vue +++ b/src/books/lifeCare/view/components/chapter017.vue @@ -3,43 +3,43 @@ <div class="page-box" page="240"> <div v-if="showPageList.indexOf(240) > -1"> <div class="bodystyle topImg"> - <h2 id="b016"><img class="img-0" alt="" src="../image/zt8.jpg" /></h2> + <h2 id="b016"><img class="img-0" alt="" src="../../image/zt8.jpg" /></h2> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" /> </p> </div> <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鍑虹鍥繚鑲茬殑淇濇暀浠峰�笺�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鐭ラ亾绂诲洯娲诲姩鐨勪繚鑲蹭换鍔°�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳借鲸鍒鍥幆鑺備腑鐨勫畨鍏ㄩ殣鎮e苟鏈夋晥闃茶寖銆� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勭鍥範鎯�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氬埄鐢ㄧ鍥椂鏈轰笌瀹堕暱娌熼�氥�� </p> <p class="block"> - <img class="inline" alt="" src="../image/0001-5.jpg" /> + <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氬鎵樿偛鍥繘琛岀鍥悗鐨勬竻娲佹秷姣掋�� </p> </div> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn" alt="" src="../image/zt-gjc.jpg" /> + <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" /> </p> </div> <p class="block"> @@ -64,7 +64,7 @@ <div class="content"> <div class="pageStr">2-90</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -113,7 +113,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span> <span class="pageNum">2-91</span> </div> @@ -157,7 +157,7 @@ <div class="content"> <div class="pageStr">2-92</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -179,7 +179,7 @@ <p>涓嶅悓鏈堥緞鐨勫辜鍎跨殑绂诲洯涔犳儻鍩瑰吇瑕佺偣濡備笅锛堣琛�2-8-1锛�</p> <p class="img">琛�2-8-1銆�绂诲洯鐨勫ソ涔犳儻</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0255-1.jpg" /> + <img class="img-a" alt="" src="../../image/0255-1.jpg" /> </p> <h3 id="c107"> <span class="bk1-h3"><span class="bj2-h3">鍏�</span>銆�銆�绂诲洯鏃朵笌瀹堕暱娌熼�氥��</span> @@ -198,7 +198,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span> <span class="pageNum">2-93</span> </div> @@ -211,14 +211,14 @@ </P> <p class="img">琛�2-8-2銆�绂诲洯鐜妭鐨勬矡閫氬舰寮忎笌涓婚</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0256-1.jpg" /> + <img class="img-a" alt="" src="../../image/0256-1.jpg" /> </p> <p> 鑻ラ渶瑕佽繘琛岃缁嗙殑绾夸笅浜ゆ祦锛屾暀甯堝彲浠ヨ瀹堕暱鎻愬墠棰勭害鏃堕棿鍜屽唴瀹癸紙瑙佽〃2-8-3锛夛紝浜ゆ祦鐨勭洰鐨勬槸璁╁┐骞煎効鐨勫闀夸笌鎵樿偛鍥郊姝ゅ濠村辜鍎跨殑韬績鍙戝睍銆佸仴搴锋垚闀块兘鏈夋洿娣卞叆鐨勪簡瑙o紝涓庡闀跨浉浜掑悎浣滐紝鍒嗕韩淇℃伅锛屽缓绔嬬浉浜掑�惧惉鐨勫鍥叡鑲蹭簰鍔ㄦā寮忋�� </p> <p class="img">琛�2-8-3銆�瀹堕暱棰勭害浜ゆ祦璁板綍琛�</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0256-2.jpg" /> + <img class="img-a" alt="" src="../../image/0256-2.jpg" /> </p> </div> </div> @@ -232,7 +232,7 @@ <div class="content"> <div class="pageStr">2-94</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> @@ -274,7 +274,7 @@ <div class="second-con"> <div class="second-left"></div> <div class="second-right"> - <img src="../image/pageImg.png" alt="" /> + <img src="../../image/pageImg.png" alt="" /> <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span> <span class="pageNum">2-95</span> </div> @@ -285,7 +285,7 @@ <div class="bodystyle"> <p class="img">琛�2-8-4銆�鎵樿偛鍥父鐢ㄧ墿鍝佹秷姣掑伐浣滆〃</p> <p class="center openImgBox"> - <img class="img-a" alt="" src="../image/0257-1.jpg" /> + <img class="img-a" alt="" src="../../image/0257-1.jpg" /> </p> <p><br/></p> <div class="bk-tx border-xxfs"> diff --git a/src/books/lifeCare/view/chapter018.vue b/src/books/lifeCare/view/components/chapter018.vue similarity index 98% rename from src/books/lifeCare/view/chapter018.vue rename to src/books/lifeCare/view/components/chapter018.vue index 89b9579..3605ec9 100644 --- a/src/books/lifeCare/view/chapter018.vue +++ b/src/books/lifeCare/view/components/chapter018.vue @@ -8,7 +8,7 @@ <div class="content"> <div class="pageStr">2-96</div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span> </div> </div> diff --git a/src/books/lifeCare/view/front001.vue b/src/books/lifeCare/view/components/front001.vue similarity index 96% rename from src/books/lifeCare/view/front001.vue rename to src/books/lifeCare/view/components/front001.vue index 3137212..637fe44 100644 --- a/src/books/lifeCare/view/front001.vue +++ b/src/books/lifeCare/view/components/front001.vue @@ -4,7 +4,7 @@ <div v-if="showPageList.indexOf(1) > -1"> <div class="bodystyle"> <p class="center coverImg"> - <img alt="" class="imz" src="../image/Cover.jpg" /> + <img alt="" class="imz" src="../../image/Cover.jpg" /> </p> </div> </div> @@ -13,7 +13,7 @@ <div v-if="showPageList.indexOf(2) > -1"> <div class="bodystyle"> <p class="center coverImg"> - <img alt="" class="imz" src="../image/SMY.jpg" /> + <img alt="" class="imz" src="../../image/SMY.jpg" /> </p> </div> </div> @@ -68,7 +68,7 @@ <div v-if="showPageList.indexOf(4) > -1"> <div class="bodystyle"> <div class="front"> - <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" /> + <img alt="" class="img-0 prefaceImg" src="../../image/sysm.png" /> </div> <div class="pdf-content"> <p> @@ -92,7 +92,7 @@ alt="" class="img-0 prefaceImg" style="top: 2%" - src="../image/xu.png" + src="../../image/xu.png" /> </div> <div class="pdf-content"> @@ -129,7 +129,7 @@ <div class="content"> <div class="pageStr"> </div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -169,7 +169,7 @@ <div v-if="showPageList.indexOf(7) > -1"> <div class="bodystyle"> <div class="front"> - <img alt="" class="img-0 prefaceImg" src="../image/preface.png" /> + <img alt="" class="img-0 prefaceImg" src="../../image/preface.png" /> </div> <div class="pdf-content"> <p> @@ -196,7 +196,7 @@ <div class="content"> <div class="pageStr"> </div> <div class="title"> - <img src="../image/chapter.png" alt="" /> + <img src="../../image/chapter.png" alt="" /> <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span> </div> </div> @@ -216,7 +216,7 @@ <div v-if="showPageList.indexOf(9) > -1"> <div class="bodystyle"> <p class="center coverImg"> - <img class="imz" alt="" src="../image/0011-1.jpg" /> + <img class="imz" alt="" src="../../image/0011-1.jpg" /> </p> </div> </div> diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/view/components/index.vue similarity index 74% rename from src/books/lifeCare/index.vue rename to src/books/lifeCare/view/components/index.vue index 3e54086..b01f62f 100644 --- a/src/books/lifeCare/index.vue +++ b/src/books/lifeCare/view/components/index.vue @@ -1,8 +1,10 @@ <template> <div class="page-main" @scroll="throttledScrollHandler"> + <div id="searchDomBox" style="display: none"> + <div id="searchContent"></div> + </div> <div - class="public-lifeCare" - @mouseup="handleMouseUp" + class="public-bookInnerContent" :style="{ fontSize: fontSize ? fontSize + 'px' : '16px', transform: `scale(${pageZoom ? pageZoom : 1})`, @@ -17,44 +19,44 @@ <ChapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" :isSearch="isSearch" /> <ChapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" :isSearch="isSearch" /> <ChapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" :isSearch="isSearch" /> <ChapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" :isSearch="isSearch" /> <ChapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" @Upload_initViewer="changeDomViewer" :isSearch="isSearch" /> <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" :isSearch="isSearch" /> <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" @eventSwdt="swdtChange" @Upload_initViewer="changeDomViewer" :isSearch="isSearch" @@ -62,13 +64,13 @@ <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" :isSearch="isSearch" /> <chapterNine v-if="showCatalogList.indexOf(10) > -1" :showPageList="loadPageList" - :questionData="questionData" + :questionData="questionDataMap" :isSearch="isSearch" /> <chapter010 @@ -112,29 +114,29 @@ </template> <script> -import front001 from "./view/front001"; -import ChapterOne from "./view/chapter001"; -import ChapterTwo from "./view/chapter002"; -import ChapterThree from "./view/chapter003"; -import ChapterFour from "./view/chapter004"; -import ChapterFive from "./view/chapter005"; -import chapterSix from "./view/chapter006"; -import chapterSeven from "./view/chapter007"; -import chapterEight from "./view/chapter008"; -import chapterNine from "./view/chapter009"; -import chapter010 from "./view/chapter010"; -import chapter011 from "./view/chapter011"; -import chapter012 from "./view/chapter012"; -import chapter013 from "./view/chapter013"; -import chapter014 from "./view/chapter014"; -import chapter015 from "./view/chapter015"; -import chapter016 from "./view/chapter016"; -import chapter017 from "./view/chapter017"; -import chapter018 from "./view/chapter018"; +import front001 from "./front001"; +import ChapterOne from "./chapter001"; +import ChapterTwo from "./chapter002"; +import ChapterThree from "./chapter003"; +import ChapterFour from "./chapter004"; +import ChapterFive from "./chapter005"; +import chapterSix from "./chapter006"; +import chapterSeven from "./chapter007"; +import chapterEight from "./chapter008"; +import chapterNine from "./chapter009"; +import chapter010 from "./chapter010"; +import chapter011 from "./chapter011"; +import chapter012 from "./chapter012"; +import chapter013 from "./chapter013"; +import chapter014 from "./chapter014"; +import chapter015 from "./chapter015"; +import chapter016 from "./chapter016"; +import chapter017 from "./chapter017"; +import chapter018 from "./chapter018"; import NoteIcon from "@/assets/images/biji.png"; import _ from "lodash"; import getQuestionList from "@/assets/methods/examination"; -import testData from "./js/examinationList"; +import testData from "../../js/examinationList"; import Swiper from "swiper/bundle"; import "swiper/swiper-bundle.css"; import Viewer from "viewerjs"; @@ -151,8 +153,9 @@ observer: null, loadPageObserver: null, loadPageList: [], - questionData: {}, + questionDataMap: {}, renderSignMap: {}, + highlightData: null, isSearch: false, }; }, @@ -215,11 +218,21 @@ }, // 娓叉煋绗旇銆侀珮浜�佸垝绾� renderSign: (type, data) => { - this.renderSign(type, data); + // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛� + this.handelSignData(type, data); + // this.renderSign(type, data); }, // 鍒犻櫎绗旇銆侀珮浜�佸垝绾� delSign: (data) => { this.delSign(data); + }, + // 鍏ㄦ枃妫�绱� + searchBookByKeyword: (keyword) => { + return this.searchTextByPage(keyword); + }, + // 璺宠浆妫�绱㈢粨鏋滀綅缃� + jumpSearchItem: (data) => { + this.searchItemLocation(data); }, }); } @@ -269,6 +282,7 @@ this.initViewer(); }, 500); }, + // 婊氬姩鐩戝惉 scrollFun(event) { // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩 @@ -347,6 +361,12 @@ // 澶勭悊鏍囪鏁版嵁 handelSignData(type, data) { + if (this.loadPageList.indexOf(Number(data.page)) > -1) { + // 绔嬪嵆娓叉煋 + this.renderSign(type, data); + } + + // 鍌ㄥ瓨鏁版嵁 if (!this.renderSignMap[type]) this.renderSignMap[type] = {}; if (!this.renderSignMap[type][data.page]) this.renderSignMap[type][data.page] = []; @@ -355,6 +375,10 @@ // 娓叉煋鏍囪 renderSign(type, data) { + // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌� + if (this.$store.state.qiankun.disableSign) { + return false; + } const existence = ( this.container ? this.container : document ).querySelector(`[dataid="${data.id}"]`); @@ -408,6 +432,7 @@ } } }, + // 鍒犻櫎鏍囪娓叉煋 delSign({ ids, type }) { if (ids && ids.length) { @@ -435,6 +460,7 @@ } } }, + initObservation() { const sections = ( this.container ? this.container : document @@ -463,6 +489,7 @@ } }); }, + initThemeColor() { // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐� const colorDom = ( @@ -542,14 +569,7 @@ } }); }, - getParentWithClass(element, className) { - while (element.parentElement) { - element = element.parentElement; - if (element.classList.contains(className)) { - return element; - } - } - }, + pageChangeCallback(entries, observer) { //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°�� entries.forEach((entry) => { @@ -565,7 +585,7 @@ const catalog = catalogDom.getAttribute("num"); let text = null; if (target.querySelector("p")) { - text = target.querySelector("p").textContent.substring(0, 20); + text = target.querySelector("p").textContent.substring(0, 50); } // 杩斿洖椤电爜鍜岀珷鑺備俊鎭� if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange) @@ -581,6 +601,7 @@ } }); }, + loadPageCallback(entries, observer) { entries.forEach(async (entry) => { if (entry.isIntersecting) { @@ -591,32 +612,33 @@ target, "chapter" ); + // 娣诲姞椤电爜 + this.loadPageList.push(Number(page)); const catalog = catalogDom.getAttribute("num"); - if (!this.questionData[page]) { + if (!this.questionDataMap[page]) { if (testData && testData[catalog]) { if (testData[catalog][page]) { if (Array.isArray(testData[catalog][page])) { - this.questionData[page] = await getQuestionList( - page, - testData[catalog][page], - this.config.activeBook - ); + this.questionDataMap[page] = await getQuestionList( + page, + testData[catalog][page], + this.config.activeBook + ); } else { const obj = {}; for (let key in testData[catalog][page]) { - obj[key] = await getQuestionList( - [], - testData[catalog][page][key], - this.config.activeBook - ); + obj[key] = await getQuestionList( + [], + testData[catalog][page][key], + this.config.activeBook + ); } - this.questionData[page] = obj; + this.questionDataMap[page] = obj; } } } } - // 娣诲姞椤电爜 - this.loadPageList.push(Number(page)); + // 娓叉煋杩欎竴椤电殑鏍囪 for (const key in this.renderSignMap) { if (this.renderSignMap[key][page]) { @@ -624,6 +646,36 @@ this.renderSign(key, item); }); } + } + // 澶勭悊楂樹寒 + if (this.highlightData) { + // 楂樹寒琛� + setTimeout(() => { + // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣 + const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT); + // 鍖归厤鍏抽敭瀛� + const allPageTextNodes = []; + let currentNode = pageTextList.nextNode(); + while (currentNode) { + allPageTextNodes.push(currentNode); + currentNode = pageTextList.nextNode(); + } + for (let i = 0; i < allPageTextNodes.length; i++) { + const textDom = allPageTextNodes[i]; + let txtIndex = textDom.textContent.indexOf( + this.highlightData.txt + ); + if (txtIndex > -1) { + textDom.parentNode.style.transition = + "background-color 0.8s"; + textDom.parentNode.scrollIntoView(); + textDom.parentNode.style.backgroundColor = "#79bbf0"; + setTimeout(() => { + textDom.parentNode.style.backgroundColor = ""; + }, 1000); + } + } + }, 100); } if (this.loadPageList.length > 5) { // 瓒呰繃5椤� @@ -633,6 +685,7 @@ } }); }, + initSwiper() { const doms = ( this.container ? this.container : document @@ -712,6 +765,7 @@ }); } }, + initViewer() { const doms = ( this.container ? this.container : document @@ -728,63 +782,140 @@ }); } }, - // eslint-disable-next-line - getParentWithClass(element, className) { - while (element.parentElement) { - element = element.parentElement; - if (element.classList.contains(className)) { - return element; - } - } - }, - handleMouseUp(e) { - const selection = ( - this.container ? this.container : window - ).getSelection(); - const txt = selection.toString(); - if (selection.type != "none" && txt) { - let node = selection.anchorNode.parentNode; - let pageHtml = this.getParentWithClass( - selection.anchorNode, - "page-box" - ); - let chapterDom = this.getParentWithClass( - selection.anchorNode, - "chapter" - ); - let chapterNum; - if (chapterDom) chapterNum = chapterDom.getAttribute("num"); - if (pageHtml) { - const page = pageHtml.getAttribute("page"); - // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶 - if (this.$store.state.qiankun.windowSelection) { - this.$store.state.qiankun.windowSelection({ - chapterNum, - txt, - page, - x: e.x, - y: e.y, - }); - } - } - } else { - if (this.$store.state.qiankun.windowSelection) { - this.$store.state.qiankun.windowSelection({ - chapterNum: "", - txt: "", - page: "", - x: e.x, - y: e.y, - }); - } - } - }, + swdtChange(data) { if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { this.$store.state.qiankun.chooseWords({ - type: data, + type: data.type, + data: data.data, }); } + }, + + // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱� + searchTextByPage(keyword) { + const searchResult = []; + let catalogIndex = 0; + // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛� + const pageData = { + front001, + ChapterOne, + ChapterTwo, + ChapterThree, + ChapterFour, + ChapterFive, + chapterSix, + chapterSeven, + chapterEight, + chapterNine, + chapter010, + chapter011, + chapter012, + chapter013, + chapter014, + chapter015, + chapter016, + chapter017, + chapter018, + }; + // 閬嶅巻鎵�鏈夌珷鑺傛枃浠� + for (const key in pageData) { + catalogIndex++; + let pageComponent, pageExample; + // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭� + pageComponent = Vue.extend(pageData[key]); + pageExample = new pageComponent({ + propsData: { + showPageList: [], + questionData: {}, + }, + }); + pageExample.$mount( + (this.container ? this.container : document).querySelector( + "#searchContent" + ) + ); + // 鑾峰彇椤电爜 + const pageDom = (this.container ? this.container : document) + .querySelector("#searchDomBox") + .querySelectorAll(".page-box"); + const pages = []; + for (let i = 0; i < pageDom.length; i++) { + const pageDomItem = pageDom[i]; + pages.push(Number(pageDomItem.getAttribute("page"))); + } + // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣� + pageExample.$destroy(); + (this.container ? this.container : document).querySelector( + "#searchDomBox" + ).innerHTML = '<div id="searchContent"></div>'; + // 閬嶅巻椤电爜 + if (pages.length) { + for (let i = 0; i < pages.length; i++) { + const pageNum = pages[i]; + // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜 + pageComponent = Vue.extend(pageData[key]); + pageExample = new pageComponent({ + propsData: { + showPageList: [pageNum], + questionData: {}, + }, + }); + pageExample.$mount( + (this.container ? this.container : document).querySelector( + "#searchContent" + ) + ); + // 鑾峰彇瀵瑰簲椤甸潰dom + const thisPageDom = (this.container ? this.container : document) + .querySelector("#searchDomBox") + .querySelector(`[page="${pageNum}"]`); + if (thisPageDom) { + // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣 + const pageTextList = document.createTreeWalker( + thisPageDom, + NodeFilter.SHOW_TEXT + ); + // 鍖归厤鍏抽敭瀛� + const allPageTextNodes = []; + let currentNode = pageTextList.nextNode(); + while (currentNode) { + allPageTextNodes.push(currentNode); + currentNode = pageTextList.nextNode(); + } + for (let i = 0; i < allPageTextNodes.length; i++) { + const textDom = allPageTextNodes[i]; + let txtIndex = textDom.textContent.indexOf(keyword); + if (txtIndex > -1) { + // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀� + searchResult.push({ + page: pageNum, + catalog: catalogIndex, + txt: textDom.textContent, + txtIndex: txtIndex, + }); + } + } + // 缁撴潫锛屽嵏杞介攢姣� + pageExample.$destroy(); + (this.container ? this.container : document).querySelector( + "#searchDomBox" + ).innerHTML = '<div id="searchContent"></div>'; + } + } + } + } + // 杈撳嚭鎼滅储缁撴灉 + // console.log(searchResult); + return searchResult; + }, + + // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒 + searchItemLocation(data) { + // 璁板綍楂樹寒淇℃伅 + this.highlightData = data; + // 璺宠浆 + this.gotoPage(data.catalog, data.page, () => {}); }, }, components: { @@ -810,7 +941,3 @@ }, }; </script> - -<style lang="less"> -@import "./css/default.less"; -</style> diff --git a/src/books/lifeCare/view/index.vue b/src/books/lifeCare/view/index.vue new file mode 100644 index 0000000..f40a20e --- /dev/null +++ b/src/books/lifeCare/view/index.vue @@ -0,0 +1,76 @@ +<template> + <div class="temp-bookInnerContent" @mouseup="handleMouseUp"> + <pageContent></pageContent> + </div> +</template> + +<script> +import pageContent from "./components/index.vue"; +export default { + components: { + pageContent, + }, + data() { + return {}; + }, + + mounted() {}, + methods: { + getParentWithClass(element, className) { + while (element.parentElement) { + element = element.parentElement; + if (element.classList.contains(className)) { + return element; + } + } + }, + + handleMouseUp(e) { + const selection = ( + this.container ? this.container : window + ).getSelection(); + const txt = selection.toString(); + if (selection.type != "none" && txt) { + let node = selection.anchorNode.parentNode; + let pageHtml = this.getParentWithClass( + selection.anchorNode, + "page-box" + ); + let chapterDom = this.getParentWithClass( + selection.anchorNode, + "chapter" + ); + let chapterNum; + if (chapterDom) chapterNum = chapterDom.getAttribute("num"); + if (pageHtml) { + const page = pageHtml.getAttribute("page"); + // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶 + if (this.$store.state.qiankun.windowSelection) { + this.$store.state.qiankun.windowSelection({ + chapterNum, + txt, + page, + x: e.x, + y: e.y, + }); + } + } + } else { + if (this.$store.state.qiankun.windowSelection) { + this.$store.state.qiankun.windowSelection({ + chapterNum: "", + txt: "", + page: "", + x: e.x, + y: e.y, + }); + } + } + }, + }, +}; +</script> + +<style lang="less"> +@import "../css/default.less"; +</style> -- Gitblit v1.9.1