From 781876372311fa27266a223062b460ac09e93a40 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期五, 31 五月 2024 14:27:28 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/view/chapter007.vue | 230 +++++++++++++++++++++++++++++++++------------------------ 1 files changed, 132 insertions(+), 98 deletions(-) diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/chapter007.vue index 1add9fb..ed6877b 100644 --- a/src/books/lifeCare/view/chapter007.vue +++ b/src/books/lifeCare/view/chapter007.vue @@ -1,7 +1,7 @@ 锘�<template> <div class="chapter" num="8"> - <div class="page-box" page="114"> - <div v-if="showPageList.indexOf(114) > -1"> + <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> <div class="bk"> @@ -50,8 +50,8 @@ </div> </div> </div> - <div class="page-box" page="115"> - <div v-if="showPageList.indexOf(115) > -1"> + <div class="page-box" page="119"> + <div v-if="showPageList.indexOf(119) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -71,13 +71,8 @@ <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" /> </p> </div> - <p class="center"> - <el-image - class="chapter002-img-0035" - :src="picOneUrl" - :preview-src-list="picArr" - /> - <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> --> + <p class="center openImgBox"> + <img class="img-a" alt="" src="../image/0126-1.jpg" /> </p> </div> <div class="bk"> @@ -101,8 +96,8 @@ </div> </div> </div> - <div class="page-box" page="116"> - <div v-if="showPageList.indexOf(116) > -1"> + <div class="page-box" page="120"> + <div v-if="showPageList.indexOf(120) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -219,8 +214,8 @@ </div> </div> </div> - <div class="page-box" page="117"> - <div v-if="showPageList.indexOf(117) > -1"> + <div class="page-box" page="121"> + <div v-if="showPageList.indexOf(121) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -304,8 +299,8 @@ </div> </div> </div> - <div class="page-box" page="118"> - <div v-if="showPageList.indexOf(118) > -1"> + <div class="page-box" page="122"> + <div v-if="showPageList.indexOf(122) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -364,8 +359,8 @@ </div> </div> </div> - <div class="page-box" page="119"> - <div v-if="showPageList.indexOf(119) > -1"> + <div class="page-box" page="123"> + <div v-if="showPageList.indexOf(123) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -521,8 +516,8 @@ </div> </div> </div> - <div class="page-box" page="120"> - <div v-if="showPageList.indexOf(120) > -1"> + <div class="page-box" page="124"> + <div v-if="showPageList.indexOf(124) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -562,23 +557,42 @@ @blur="onBlurChange('text12')" ></textarea> </div> - <p>3.瑙傚療骞舵敹闆嗗┐骞煎効鐨勭潯鐪犱俊鍙枫�傝嫢鏈夌収鐗囷紝鍙创鍦ㄤ笅闈€��</p> + <p class="pic-wall"> + 3.瑙傚療骞舵敹闆嗗┐骞煎効鐨勭潯鐪犱俊鍙枫�傝嫢鏈夌収鐗囷紝鍙创鍦ㄤ笅闈€�� + <span class="btnUpload-list" @click="handFile('fileTwo')"> + <svg + t="1717059899765" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="2633" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="18" + height="18" + > + <path + d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z" + p-id="2634" + ></path> + <path + d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z" + p-id="2635" + ></path> + </svg> + </span> + </p> <div class="bk-tx"> <div class="upload-list" v-if="chapter007.pictrueListTwo.length > 0" > <div - class="demo-image__preview" + class="demo-image__preview openImgBox" v-for="item in chapter007.pictrueListTwo" :key="item" > - <el-image - style="height: 100%" - :src="item" - :preview-src-list="chapter007.pictrueListTwo" - > - </el-image> + <img style="height: 100%" :src="item" alt="" /> </div> </div> <div class="bk-inputUpload"> @@ -587,7 +601,6 @@ id="fileTwo" @change="handUploadFile($event, '2')" /> - <span class="btnUpload-list" @click="handFile('fileTwo')">+</span> </div> </div> <p>4.鏌ラ槄闃呰鎵嬪唽锛岀爺璁ㄥ強褰掔撼濠村辜鍎跨殑鐫$湢淇″彿銆�</p> @@ -641,8 +654,8 @@ </div> </div> </div> - <div class="page-box" page="121"> - <div v-if="showPageList.indexOf(121) > -1"> + <div class="page-box" page="125"> + <div v-if="showPageList.indexOf(125) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -697,8 +710,8 @@ </div> </div> </div> - <div class="page-box" page="122"> - <div v-if="showPageList.indexOf(122) > -1"> + <div class="page-box" page="126"> + <div v-if="showPageList.indexOf(126) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -912,8 +925,8 @@ </div> </div> </div> - <div class="page-box" page="123"> - <div v-if="showPageList.indexOf(123) > -1"> + <div class="page-box" page="127"> + <div v-if="showPageList.indexOf(127) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1139,8 +1152,8 @@ </div> </div> </div> - <div class="page-box" page="124"> - <div v-if="showPageList.indexOf(124) > -1"> + <div class="page-box" page="128"> + <div v-if="showPageList.indexOf(128) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1197,8 +1210,8 @@ </div> </div> </div> - <div class="page-box" page="125"> - <div v-if="showPageList.indexOf(125) > -1"> + <div class="page-box" page="129"> + <div v-if="showPageList.indexOf(129) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1353,8 +1366,8 @@ </div> </div> </div> - <div class="page-box" page="126"> - <div v-if="showPageList.indexOf(126) > -1"> + <div class="page-box" page="130"> + <div v-if="showPageList.indexOf(130) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1377,19 +1390,6 @@ /> </p> <div class="bk-tx" style="min-height: 200px"> - <div class="bk-iframe" v-if="chapter007.isShowSwdt"> - <div class="header-swdt"> - <p>鎬濈淮瀵煎浘</p> - <i class="el-icon-close" @click="showSwdt"></i> - </div> - <iframe - width="100%" - height="600px" - frameborder="0" - scrolling="no" - src="https://www.iodraw.com/mind" - ></iframe> - </div> <div class="bk-inputUpload" v-if="chapter007.pictrueList.length == 0" @@ -1399,23 +1399,39 @@ id="fileOne" @change="handUploadFile($event, 1)" /> - <span class="btnUpload" @click="handFile('fileOne')">+</span> + <span class="btnUpload" @click="handFile('fileOne')"> + <svg + t="1717059899765" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="2633" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="200" + height="200" + > + <path + d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z" + p-id="2634" + ></path> + <path + d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z" + p-id="2635" + ></path> + </svg> + </span> </div> <div style="width: 100%; height: 100%" v-if="chapter007.pictrueList.length > 0" > <div - class="demo-image__preview-swdt" + class="demo-image__preview-swdt openImgBox" v-for="item in chapter007.pictrueList" :key="item" > - <el-image - style="width: 100%" - :src="item" - :preview-src-list="chapter007.pictrueList" - > - </el-image> + <img style="width: 100%" :src="item" alt="" /> </div> </div> </div> @@ -1462,7 +1478,7 @@ <p>锛�2锛夊浣曟湁鏁堝湴钀ラ�犳皼鍥达紵</p> <div class="bk-tx"> <p class="left">鎾斁闊充箰</p> - <<textarea + <textarea v-model="chapter007.textAreaItem.text31" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" @@ -1483,8 +1499,8 @@ </div> </div> </div> - <div class="page-box" page="127"> - <div v-if="showPageList.indexOf(127) > -1"> + <div class="page-box" page="131"> + <div v-if="showPageList.indexOf(131) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1606,8 +1622,8 @@ </div> </div> </div> - <div class="page-box" page="128"> - <div v-if="showPageList.indexOf(128) > -1"> + <div class="page-box" page="132"> + <div v-if="showPageList.indexOf(132) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1622,23 +1638,42 @@ </div> </div> <div class="bodystyle"> - <p>2.鎷嶆憚鎴栫粯鍒跺┐骞煎効鐨勫悇绉嶇潯濮裤��</p> + <p class="pic-wall"> + 2.鎷嶆憚鎴栫粯鍒跺┐骞煎効鐨勫悇绉嶇潯濮裤�� + <span class="btnUpload-list" @click="handFile('fileThree')"> + <svg + t="1717059899765" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="2633" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="18" + height="18" + > + <path + d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z" + p-id="2634" + ></path> + <path + d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z" + p-id="2635" + ></path> + </svg> + </span> + </p> <div class="bk-tx"> <div class="upload-list" v-if="chapter007.pictrueListThree.length > 0" > <div - class="demo-image__preview" + class="demo-image__preview openImgBox" v-for="item in chapter007.pictrueListThree" :key="item" > - <el-image - style="height: 100%" - :src="item" - :preview-src-list="chapter007.pictrueListThree" - > - </el-image> + <img style="height: 100%" :src="item" alt="" /> </div> </div> <div class="bk-inputUpload"> @@ -1647,9 +1682,6 @@ id="fileThree" @change="handUploadFile($event, '3')" /> - <span class="btnUpload-list" @click="handFile('fileThree')" - >+</span - > </div> </div> <div class="bk-qjms"> @@ -1715,8 +1747,8 @@ </div> </div> </div> - <div class="page-box" page="129"> - <div v-if="showPageList.indexOf(129) > -1"> + <div class="page-box" page="133"> + <div v-if="showPageList.indexOf(133) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1816,8 +1848,8 @@ </div> </div> </div> - <div class="page-box" page="130"> - <div v-if="showPageList.indexOf(130) > -1"> + <div class="page-box" page="134"> + <div v-if="showPageList.indexOf(134) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1902,8 +1934,8 @@ </div> </div> </div> - <div class="page-box" page="131"> - <div v-if="showPageList.indexOf(131) > -1"> + <div class="page-box" page="135"> + <div v-if="showPageList.indexOf(135) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -1971,8 +2003,8 @@ </div> </div> </div> - <div class="page-box" page="132"> - <div v-if="showPageList.indexOf(132) > -1"> + <div class="page-box" page="136"> + <div v-if="showPageList.indexOf(136) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -1980,7 +2012,7 @@ <div class="second-right"> <img src="../image/pageImg.png" alt="" /> <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span> - <span class="pageNum">1-127</span> + <span class="pageNum">1-126</span> </div> </div> <div class="borderLine"></div> @@ -2051,8 +2083,8 @@ </div> </div> </div> - <div class="page-box" page="133"> - <div v-if="showPageList.indexOf(133) > -1"> + <div class="page-box" page="137"> + <div v-if="showPageList.indexOf(137) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2173,8 +2205,8 @@ </div> </div> </div> - <div class="page-box" page="134"> - <div v-if="showPageList.indexOf(134) > -1"> + <div class="page-box" page="138"> + <div v-if="showPageList.indexOf(138) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2295,8 +2327,8 @@ </div> </div> </div> - <div class="page-box" page="135"> - <div v-if="showPageList.indexOf(135) > -1"> + <div class="page-box" page="139"> + <div v-if="showPageList.indexOf(139) > -1"> <div class="header"> <div class="pageHeader-first"> <div class="header-bj"></div> @@ -2421,8 +2453,8 @@ </div> </div> </div> - <div class="page-box" page="136"> - <div v-if="showPageList.indexOf(136) > -1"> + <div class="page-box" page="140"> + <div v-if="showPageList.indexOf(140) > -1"> <div class="header"> <div class="pageHeader-second"> <div class="second-con"> @@ -2874,7 +2906,7 @@ localStorage.setItem("chapter007", JSON.stringify(this.chapter007)); }, showSwdt() { - this.chapter007.isShowSwdt = !this.chapter007.isShowSwdt; + this.$emit("eventSwdt", "swdt"); }, handUploadFile(e, type) { var that = this; @@ -2913,7 +2945,9 @@ }); }, handFile(str) { - let dom = document.getElementById(str); + let dom = (this.container ? this.container : document).getElementById( + str + ); dom.click(); }, }, -- Gitblit v1.9.1