From a58a3d3b9c46513f7a00dc9fd06b9ec9d83c23ac Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期四, 13 二月 2025 18:08:14 +0800
Subject: [PATCH] xinshu
---
src/books/childcareInstitutionsManagement/view/components/chapter001.vue | 125 ++++++++++++++++++++++++++++++++---------
1 files changed, 97 insertions(+), 28 deletions(-)
diff --git a/src/books/childcareInstitutionsManagement/view/components/chapter001.vue b/src/books/childcareInstitutionsManagement/view/components/chapter001.vue
index 5f70108..3dc4ca8 100644
--- a/src/books/childcareInstitutionsManagement/view/components/chapter001.vue
+++ b/src/books/childcareInstitutionsManagement/view/components/chapter001.vue
@@ -2,12 +2,11 @@
<div class="chapter" num="2">
<!-- P1 -->
<div class="page-box" page="11">
- <div v-if="showPageList.indexOf(11) > -1" class="fl f1">
+ <div v-if="showPageList.indexOf(11) > -1" class="fl">
<div class="img-g">
- <img class="" alt="" src="../../assets/images/mk.png" class="mk-img"/>
+ <img alt="" src="../../assets/images/mk.png" class="mk-img"/>
</div>
<div class="bodystyle">
-
<h1 id="a008" class="mk-n">瀛︿範妯″潡涓�</h1>
<p class="h1-zt">鎵樿偛鏈烘瀯姒傝堪</p>
<div class="bj3">
@@ -105,7 +104,7 @@
<div v-if="showPageList.indexOf(13) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">3</li>
</ul>
<div class="bodystyle">
@@ -181,7 +180,7 @@
<div v-if="showPageList.indexOf(15) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">5</li>
</ul>
<div class="bodystyle">
@@ -283,7 +282,7 @@
<div v-if="showPageList.indexOf(17) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">7</li>
</ul>
<div class="bodystyle">
@@ -386,7 +385,7 @@
<div v-if="showPageList.indexOf(19) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">9</li>
</ul>
<div class="bodystyle">
@@ -422,7 +421,7 @@
<p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
<p class="td-0">
1.璇蜂綘鏍规嵁鏈涔犱换鍔＄殑鍐呭锛屽皢鍥藉鎵樿偛鏈烘瀯鐨勫彂灞曞巻鍙插拰鎴戝浗鎵樿偛鏈烘瀯鐨勫彂灞曞巻鍙插埗浣滄垚鎬濈淮瀵煎浘锛屽苟杩涜瀵圭収鍒嗘瀽銆�
- <img class="jc-img" alt="" src="../../assets/images/SWDT.svg" />
+ <img class="jc-img" alt="" src="../../assets/images/SWDT.svg" title="璇蜂娇鐢ㄦ�濈淮瀵煎浘宸ュ叿缁樺埗鎬濈淮瀵煎浘锛岀粯鍒跺畬姣曞悗涓嬭浇涓哄浘鐗囷紝涓婁紶鍒版暀鏉愪腑" @click="showMindMapDialog"/>
<span class="btn-box" @click="askAnswerOne = !askAnswerOne" title="鏌ョ湅绛旀">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
@@ -431,24 +430,35 @@
</svg>
</span>
</p>
- </p>
- <div class="w100 fl ju-cn">
- <ul class="fl ju-ev w80 choice">
+ <div class="w100 textarea-box">
+ <ul class="fl w80">
<li>
+ <el-upload
+ ref="upload"
+ class="upload-demo"
+ action="'#'"
+ :limit="1"
+ :http-request="fileUpload"
+ :show-file-list="false"
+ >
<button class="btn-border btn-w" >
涓婁紶鍥剧墖
</button>
+ </el-upload>
</li>
- <li>
- <button class="btn-border btn-w">
+ <li class="li-btn">
+ <button class="btn-border btn-w" @click="delFile">
鍒犻櫎鍥剧墖
</button>
</li>
</ul>
+ <div>
+ <img class="img-a" alt="" :src="questionDataImg" />
+ </div>
</div>
<div class="w100 " v-show="askAnswerOne">
<img class="img-a" alt="" src="../../assets/images/answerImg1.png" />
- <img class="img-a" alt="" src="../../assets/images/answerImg1.png" />
+ <img class="img-a" alt="" src="../../assets/images/answerImg2.png" />
</div>
<p class="td-0">
2.缁撳悎鏈涔犱换鍔℃墍瀛︿範鐨勫唴瀹瑰拰鐢熸椿瀹為檯锛岃涓�璇翠綘瀵规垜鍥藉啘鏉戝湴鍖烘墭鑲叉満鏋勫彂灞曠殑鐪嬫硶銆�
@@ -504,7 +514,7 @@
<div v-if="showPageList.indexOf(21) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">11</li>
</ul>
<div class="rw-bg1">
@@ -625,7 +635,7 @@
<div v-if="showPageList.indexOf(23) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">13</li>
</ul>
<div class="bodystyle">
@@ -716,7 +726,7 @@
<div v-if="showPageList.indexOf(25) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">15</li>
</ul>
<div class="bodystyle">
@@ -808,7 +818,7 @@
<div v-if="showPageList.indexOf(27) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">17</li>
</ul>
<div class="bodystyle">
@@ -917,7 +927,7 @@
<div v-if="showPageList.indexOf(29) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">19</li>
</ul>
<div class="bodystyle">
@@ -978,7 +988,7 @@
<p>鎵樿偛鏈烘瀯瑕佹眰鍖哄煙鍒掑垎鍚堢悊锛屽寘鎷椿鍔ㄥ尯銆佸氨椁愬尯銆佺潯鐪犲尯銆佸杺鍏诲尯銆佸崼鐢熼棿銆佺洢娲楀銆�
閰嶉闂淬�佷繚鍋ュ锛屽崼鐢熼棿鏈�濂藉共婀垮垎绂汇��3~6宀佸辜鍎挎暀鑲叉満鏋勬病鏈夊杺鍏诲尯锛屽叾浣欑殑鍜屾墭鑲叉満
鏋勮姹傚樊涓嶅銆�</p>
- <p>鎵樿偛鏈烘瀯娲诲姩鍖�:鎵樺皬鐝�佹墭澶х彮瑕佹眰鍜屽辜鍎垮洯涓�鏍凤紝鎴垮眿浣跨敤闈㈢Н鑷冲皯70 骞虫柟绫炽��
+ <p>鎵樿偛鏈烘瀯娲诲姩鍖�:鎵樺皬鐝�佹墭澶х彮瑕佹眰鍜屽辜鍎垮洯涓�鏍凤紝鎴垮眿浣跨敤闈㈢Н鑷冲皯70 骞虫柟绫炽��</p>
<p>鐫＄湢鍖�:鎵樺皬鐝�佹墭澶х彮瑕佹眰鍜屽辜鍎垮洯涓�鏍凤紝鎴垮眿浣跨敤闈㈢Н鑷冲皯60骞虫柟绫炽��</p>
<p>濡傛灉娌℃湁鍗曠嫭鐨勬椿鍔ㄥ尯鍜岀潯鐪犲尯锛屼簩鑰呭彲浠ュ悎骞讹紝鍚堝苟涔嬪悗浣跨敤闈㈢Н涓嶅緱浣庝簬105骞虫柟
绫炽�傛渶濂芥瘡闂存暀瀹ら兘閰嶅鍗敓闂达紝濡傛灉涓嶈兘杈惧埌杩欎釜鏍囧噯锛屽彲浠ヨ缃叕鍏卞崼鐢熼棿銆傚効绔ラ┈
@@ -1003,7 +1013,7 @@
class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
<div v-show ="askAnswerFour">
<p>鍙傝�冪瓟妗堝涓嬨��</p>
- <img class="img-a" alt="" src="../../assets/images/answerfour.png" /></p>
+ <img class="img-a" alt="" src="../../assets/images/answerfour.png" />
</div>
<p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
<p>
@@ -1021,7 +1031,7 @@
<div v-if="showPageList.indexOf(31) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">21</li>
</ul>
<div class="rw-bg1">
@@ -1136,7 +1146,7 @@
<div v-if="showPageList.indexOf(33) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">23</li>
</ul>
<div class="bodystyle">
@@ -1228,7 +1238,7 @@
<div v-if="showPageList.indexOf(35) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">25</li>
</ul>
<div class="bodystyle">
@@ -1332,7 +1342,7 @@
<div v-if="showPageList.indexOf(37) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">27</li>
</ul>
<div class="bodystyle">
@@ -1447,7 +1457,7 @@
<div v-if="showPageList.indexOf(39) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">29</li>
</ul>
<div class="bodystyle">
@@ -1523,7 +1533,7 @@
<div v-if="showPageList.indexOf(41) > -1">
<ul class="fl al-c jc-fe fc">
<li class="br1">妯″潡涓�</li>
- <li>鎵樿偛鏈烘瀯绠＄悊瀹炲姟</li>
+ <li>鎵樿偛鏈烘瀯姒傝堪</li>
<li class="br-r">31</li>
</ul>
<div class="bodystyle">
@@ -1581,15 +1591,18 @@
</div>
</div>
<preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="pdfTitle" ref="pdfDialogRef"></preView>
+ <mindMapView :isClear="mapDialogVisible" ref="mindMapDialogRef" ></mindMapView>
</div>
</template>
<script>
-import { getResourcePath } from "@/assets/methods/resources";
+import { getResourcePath,uploadFilePath } from "@/assets/methods/resources";
import {
getCollectResource,
setCollectResource,
} from "@/assets/methods/resources";
import preView from '@/components/pdfview/index.vue'
+import mindMapView from '@/components/mindMapView/index.vue'
+import tool from '@/assets/js/toolClass.js'
export default {
name: "chapterOne",
props: {
@@ -1599,6 +1612,7 @@
},
components: {
preView,
+ mindMapView
},
data() {
return {
@@ -1606,6 +1620,8 @@
pdfTitle: '',
p_md5: '',
pdfDialogRef: "",
+ mindMapDialogRef:'',
+ mapDialogVisible: false,
collectImg: require("../../assets/images/icon/heart.png"),
collectCheck: require("../../assets/images/icon/heart-check.png"),
videoPathOne: "",
@@ -1650,6 +1666,7 @@
}
},
+ questionDataImg:""
};
},
async mounted() {
@@ -1659,11 +1676,13 @@
);
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
+ this.questionDataImg = getResourcePath(this.questionData.askAbout.one);
}
this.getVidoePath();
this.collectResourceList = await getCollectResource(
this.config.activeBook.bookId
);
+
},
methods: {
async getVidoePath() {
@@ -1711,6 +1730,56 @@
JSON.stringify(this.chapterData)
);
},
+
+ //鎵撳紑鎬濈淮瀵煎浘
+ showMindMapDialog(){
+ this.mapDialogVisible = true
+ this.$refs.mindMapDialogRef.openDialog();
+ },
+
+ //涓婁紶鍥剧墖
+ fileUpload(file){
+ return new Promise((resolve, reject) => {
+ const isJPG = file.file.type === 'image/jpeg' || file.file.type === 'image/png'
+ if (!isJPG) {
+ ElMessage.error('涓婁紶鏂囦欢鍙兘鏄� jpg/png 鏍煎紡!')
+ return reject()
+ }
+ const FileName = file.file.name.split('.')[0]
+ const Extension = file.file.name.split('.')[1]
+ const FileType = file.file.type
+ let size = 1024
+ tool
+ .getFileMd5(file.file, size * 1024)
+ .then(async(e) => {
+ if (!(this.questionData.askAbout.one == e)) {
+ const imgData = new FormData()
+ imgData.append('Md5', e)
+ imgData.append('FileName', FileName)
+ imgData.append('Extension', Extension)
+ imgData.append('FileType', FileType)
+ imgData.append('MetaData', null)
+ imgData.append('file', file.file)
+ let rData = await uploadFilePath(imgData);
+ if (rData){
+ this.questionData.askAbout.one = e
+ this.questionDataImg = await getResourcePath(e);
+ }
+ } else {
+ ElMessage.error('褰撳墠鏂囦欢宸蹭笂浼狅紝璇峰嬁閲嶅鎿嶄綔锛�')
+ }
+ })
+ .catch((e) => {
+ console.error(e)
+ })
+ })
+
+ },
+ //鍒犻櫎
+ delFile(){
+ this.questionData.askAbout.one = ''
+ this.questionDataImg = ''
+ },
//璧勬簮鏀惰棌浜嬩欢
// resourcePath 鏂囦欢璺緞锛�
// resourceType 鏂囦欢绫诲瀷
--
Gitblit v1.9.1