shangshuan

litian

2025-02-07 7fe66523c87a00ea5be4d2f784356db825c6a3cd

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

@@ -2,9 +2,9 @@
  <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">

@@ -422,7 +422,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 +431,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.结合本学习任务所学习的内容和生活实际，说一说你对我国农村地区托育机构发展的看法。
@@ -1581,15 +1592,21 @@
      </div>
    </div>
    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="pdfTitle" ref="pdfDialogRef"></preView>
    <el-dialog :visible.sync="mindMapDialog"  width="80%" top="2vh" append-to-body>
      <div class="wendabox">
        <iframe src="https://www.iodraw.com/mind" frameborder="0"></iframe>
      </div>
    </el-dialog>
  </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 tool from '@/assets/js/toolClass.js'
export default {
  name: "chapterOne",
  props: {
@@ -1606,6 +1623,7 @@
      pdfTitle: '',
      p_md5: '',
      pdfDialogRef: "",
      mindMapDialog: false,
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
@@ -1650,6 +1668,7 @@
          }
         
        },
      questionDataImg:""
    };
  },
  async mounted() {
@@ -1659,11 +1678,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 +1732,56 @@
        JSON.stringify(this.chapterData)
      );
    },

    //打开思维导图
    showMindMapDialog(){
      this.mindMapDialog = true

    },

    //上传图片
    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  文件类型