xinshu

litian

2025-02-13 a58a3d3b9c46513f7a00dc9fd06b9ec9d83c23ac

 src/books/childcareInstitutionsManagement/view/components/chapter001.vue

@@ -7,7 +7,6 @@
          <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  文件类型