{"version":3,"sources":["webpack:///./src/views/H5/studentTask/detail.vue?8819","webpack:///./src/views/H5/studentTask/detail.vue?1825","webpack:///src/views/H5/studentTask/detail.vue","webpack:///./src/views/H5/studentTask/detail.vue?4b24","webpack:///./src/views/H5/studentTask/detail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","marginTop","isWxApplets","attrs","on","onClickLeft","_e","artObj","Title","CourseName","CreateTime","FinishTime","CreateUserName","scopedSlots","_u","key","fn","class","StudentWorkStatus","_v","_s","proxy","staticStyle","domProps","Content","results","Comment","$event","handlePreview","StudentFinishTime","ref","editorOption","onEditorBlur","onEditorFocus","onEditorChange","model","value","callback","$$v","$set","expression","directives","name","rawName","postImagesUploadPic","saveStudentTask","staticRenderFns","Link","components","quillEditor","computed","editor","$refs","myQuillEditor","quill","data","imgsrc","info_","StudentContent","studentId","placeholder","modules","toolbar","container","toolbarOptions","handlers","image","state","document","activeElement","blur","querySelector","click","created","ua","window","navigator","userAgent","toLowerCase","match","title","JSON","parse","localStorage","getItem","mounted","init","methods","history","go","images","e","target","currentSrc","closeable","console","log","content","goBack","$router","push","path","query","photoCompress","ready","FileReader","readAsDataURL","file","onload","re","result","that","canvasDataURL","w","objDiv","img","Image","src","width","obj","h","height","scale","quality","canvas","createElement","ctx","getContext","anw","createAttribute","nodeValue","anh","setAttributeNode","drawImage","base64","toDataURL","convertBase64UrlToBlob","arr","urlData","split","n","u8arr","bstr","charCodeAt","Blob","seteditor","customConfig","uploadImgServer","customUploadImg","files","insert","fileObj","size","formData","append","setTimeout","menus","onchange","create","component"],"mappings":"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","file":"static/js/chunk-c906fca2.30d6e733.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=0&id=6ae2697a&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"htmleaf-container\",style:({ marginTop: _vm.isWxApplets ? '46px' : '' })},[(_vm.isWxApplets)?[_c('van-nav-bar',{attrs:{\"title\":\"作业详情\",\"fixed\":\"\",\"left-arrow\":\"\"},on:{\"click-left\":_vm.onClickLeft}})]:_vm._e(),_c('van-cell',{attrs:{\"title\":\"标题\",\"value\":_vm.artObj.Title}}),_c('van-cell',{attrs:{\"title\":\"课程\",\"value\":_vm.artObj.CourseName}}),_c('van-cell',{attrs:{\"title\":\"发布时间\",\"value\":_vm.artObj.CreateTime}}),_c('van-cell',{attrs:{\"title\":\"截止时间\",\"value\":_vm.artObj.FinishTime}}),_c('van-cell',{attrs:{\"title\":\"发布人\",\"value\":_vm.artObj.CreateUserName}}),_c('van-cell',{attrs:{\"title\":\"状态\"},scopedSlots:_vm._u([{key:\"extra\",fn:function(){return [_c('span',{class:[\n          _vm.artObj.StudentWorkStatus == 0\n            ? 'c_3A78F9'\n            : _vm.artObj.StudentWorkStatus == 1\n            ? 'c_D4D2D2'\n            : 'c_FE4A4A' ]},[_vm._v(_vm._s(_vm.artObj.StudentWorkStatus == 0 ? \"未批阅\" : _vm.artObj.StudentWorkStatus == 1 ? \"已批阅\" : \"未提交\"))])]},proxy:true}])}),_c('van-panel',{attrs:{\"title\":\"作业描述\"}},[_c('div',{staticClass:\"htmlStr\",staticStyle:{\"margin\":\"0px 20px\",\"padding-bottom\":\"20px\"},domProps:{\"innerHTML\":_vm._s(_vm.artObj.Content)}})]),_c('div',{staticStyle:{\"height\":\"10px\",\"background-color\":\"#f5f5f5\"}}),(_vm.artObj.StudentWorkStatus != 0)?_c('van-panel',{scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"hf\"},[_c('div',[_c('span',[_vm._v(\"复\")]),_vm._v(\" 老师回复\")])])]},proxy:true}],null,false,312689026)},[_c('div',{staticClass:\"htmlStr\",staticStyle:{\"margin\":\"0px 20px\",\"padding-bottom\":\"20px\"},domProps:{\"innerHTML\":_vm._s(_vm.results != null ? _vm.results.Comment : '')},on:{\"click\":function($event){return _vm.handlePreview($event)}}})]):_vm._e(),_c('div',{staticStyle:{\"height\":\"10px\",\"background-color\":\"#f5f5f5\"}}),_c('van-panel',{attrs:{\"status\":_vm.results != null ? _vm.results.StudentFinishTime : ''},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"zd\"},[_c('div',[_c('span',[_vm._v(\"答\")]),_vm._v(\" 我的作答\")]),_c('div',{staticClass:\"right\"},[_vm._v(_vm._s(_vm.results.StudentFinishTime))])])]},proxy:true}])},[_c('div',{staticClass:\"editor\"},[_c('div',{staticClass:\"edit_container\"},[[_c('quill-editor',{ref:\"myQuillEditor\",attrs:{\"options\":_vm.editorOption},on:{\"blur\":function($event){return _vm.onEditorBlur($event)},\"focus\":function($event){return _vm.onEditorFocus($event)},\"change\":function($event){return _vm.onEditorChange($event)}},model:{value:(_vm.results.StudentContent),callback:function ($$v) {_vm.$set(_vm.results, \"StudentContent\", $$v)},expression:\"results.StudentContent\"}}),_c('el-upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],staticClass:\"upload-demo uploadFile\",attrs:{\"action\":\"str\",\"http-request\":_vm.postImagesUploadPic}},[_c('el-button',{attrs:{\"size\":\"small\",\"type\":\"primary\"}},[_vm._v(\"上传文件\")])],1)]],2)])]),_c('div',{staticClass:\"sub_btn\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.saveStudentTask}},[_vm._v(\"提交\")])],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"htmleaf-container\"\r\n    :style=\"{ marginTop: isWxApplets ? '46px' : '' }\"\r\n  >\r\n    <template v-if=\"isWxApplets\">\r\n      <van-nav-bar\r\n        title=\"作业详情\"\r\n        fixed\r\n        left-arrow\r\n        @click-left=\"onClickLeft\"\r\n      />\r\n    </template>\r\n    <van-cell title=\"标题\" :value=\"artObj.Title\" />\r\n    <van-cell title=\"课程\" :value=\"artObj.CourseName\" />\r\n    <van-cell title=\"发布时间\" :value=\"artObj.CreateTime\" />\r\n    <van-cell title=\"截止时间\" :value=\"artObj.FinishTime\" />\r\n    <van-cell title=\"发布人\" :value=\"artObj.CreateUserName\" />\r\n    <van-cell title=\"状态\">\r\n      <template #extra>\r\n        <span\r\n          :class=\"[\r\n            artObj.StudentWorkStatus == 0\r\n              ? 'c_3A78F9'\r\n              : artObj.StudentWorkStatus == 1\r\n              ? 'c_D4D2D2'\r\n              : 'c_FE4A4A',\r\n          ]\"\r\n          >{{\r\n            artObj.StudentWorkStatus == 0\r\n              ? \"未批阅\"\r\n              : artObj.StudentWorkStatus == 1\r\n              ? \"已批阅\"\r\n              : \"未提交\"\r\n          }}</span\r\n        >\r\n      </template>\r\n    </van-cell>\r\n    <van-panel title=\"作业描述\">\r\n      <div\r\n        v-html=\"artObj.Content\"\r\n        class=\"htmlStr\"\r\n        style=\"margin: 0px 20px; padding-bottom: 20px\"\r\n      ></div>\r\n    </van-panel>\r\n    <div style=\"height: 10px; background-color: #f5f5f5\"></div>\r\n    <van-panel v-if=\"artObj.StudentWorkStatus != 0\">\r\n      <div\r\n        v-html=\"results != null ? results.Comment : ''\"\r\n        class=\"htmlStr\"\r\n        @click=\"handlePreview($event)\"\r\n        style=\"margin: 0px 20px; padding-bottom: 20px\"\r\n      ></div>\r\n      <template #header>\r\n        <div class=\"hf\">\r\n          <div><span>复</span> 老师回复</div>\r\n        </div>\r\n      </template>\r\n    </van-panel>\r\n    <div style=\"height: 10px; background-color: #f5f5f5\"></div>\r\n    <van-panel :status=\"results != null ? results.StudentFinishTime : ''\">\r\n      <!-- <div v-html=\"results.Comment\" style=\"margin: 0px 20px;\"></div> -->\r\n      <div class=\"editor\">\r\n        <!-- <div ref=\"toolbar\" class=\"toolbar\"></div>\r\n        <div ref=\"editor\" class=\"text\"></div> -->\r\n        <div class=\"edit_container\">\r\n          <template>\r\n            <quill-editor\r\n              v-model=\"results.StudentContent\"\r\n              ref=\"myQuillEditor\"\r\n              :options=\"editorOption\"\r\n              @blur=\"onEditorBlur($event)\"\r\n              @focus=\"onEditorFocus($event)\"\r\n              @change=\"onEditorChange($event)\"\r\n            >\r\n            </quill-editor>\r\n            <el-upload\r\n              v-show=\"false\"\r\n              class=\"upload-demo uploadFile\"\r\n              action=\"str\"\r\n              :http-request=\"postImagesUploadPic\"\r\n            >\r\n              <el-button size=\"small\" type=\"primary\">上传文件</el-button>\r\n            </el-upload>\r\n          </template>\r\n        </div>\r\n      </div>\r\n      <template #header>\r\n        <div class=\"zd\">\r\n          <div><span>答</span> 我的作答</div>\r\n          <div class=\"right\">{{ results.StudentFinishTime }}</div>\r\n        </div>\r\n      </template>\r\n    </van-panel>\r\n    <div class=\"sub_btn\">\r\n      <el-button type=\"primary\" @click=\"saveStudentTask\">提交</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from \"jquery\";\r\nimport { ImagePreview } from \"vant\";\r\nimport {\r\n  studentSaveStudentCourseWork,\r\n  studentQueryStudentWorkDetail,\r\n} from \"@/api/personal\";\r\nimport { imagesUploadPic } from \"@/api/api\";\r\nimport { quillEditor, Quill } from \"vue-quill-editor\"; //调用编辑器\r\nimport \"quill/dist/quill.core.css\";\r\nimport \"quill/dist/quill.snow.css\";\r\nimport \"quill/dist/quill.bubble.css\";\r\nimport E from \"wangeditor\";\r\nlet xhr;\r\n\r\n// 自定义插入a链接\r\nvar Link = Quill.import(\"formats/link\");\r\nclass FileBlot extends Link {\r\n  // 继承Link Blot\r\n  static create(value) {\r\n    let node = undefined;\r\n    if (value && !value.href) {\r\n      // 适应原本的Link Blot\r\n      node = super.create(value);\r\n    } else {\r\n      // 自定义Link Blot\r\n      node = super.create(value.href);\r\n      // node.setAttribute('download', value.innerText);  // 左键点击即下载\r\n      node.innerText = value.innerText;\r\n      node.download = value.innerText;\r\n    }\r\n    return node;\r\n  }\r\n}\r\nFileBlot.blotName = \"link\";\r\nFileBlot.tagName = \"A\";\r\nQuill.register(FileBlot);\r\n// 编辑器工具栏配置\r\nconst toolbarOptions = [\r\n  // [\"bold\", \"italic\", \"underline\", \"strike\"], //加粗，斜体，下划线，删除线\r\n  // ['blockquote', 'code-block'],     //引用，代码块\r\n  // [{ header: 1 }, { header: 2 }], // 标题，键值对的形式；1、2表示字体大小\r\n  // [{ list: \"ordered\" }, { list: \"bullet\" }], //列表\r\n  // [{ 'script': 'sub'}, { 'script': 'super' }],   // 上下标\r\n  // [{ indent: \"-1\" }, { indent: \"+1\" }], // 缩进\r\n  // [{ 'direction': 'rtl' }],             // 文本方向\r\n  // [{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小\r\n  // [{ 'header': [1, 2, 3, 4, 5, 6, false] }],     //几级标题\r\n  // [{ 'color': [] }, { 'background': [] }],     // 字体颜色，字体背景颜色\r\n  // [{ 'font': [] }],     //字体\r\n  [{ align: [] }], //对齐方式\r\n  [\"link\", \"image\"], //, \"upload\"  //上传图片、上传视频\r\n  [\"clean\"], //清除字体样式\r\n];\r\nlet self = this;\r\nlet state = 0;\r\nexport default {\r\n  components: {\r\n    quillEditor,\r\n  },\r\n  computed: {\r\n    editor() {\r\n      return this.$refs.myQuillEditor.quill;\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      artObj: {},\r\n      imgsrc: \"\",\r\n      info_: null,\r\n      results: {\r\n        StudentContent: \"55\",\r\n      },\r\n      studentId: 0,\r\n      isWxApplets: true,\r\n      editorOption: {\r\n        placeholder: \"请在这里输入您的发帖内容\",\r\n        modules: {\r\n          toolbar: {\r\n            container: toolbarOptions, // 工具栏\r\n            handlers: {\r\n              image: (value) => {\r\n                //编辑器-上传图片\r\n                if (value) {\r\n                  state = 1;\r\n                  //禁止软键盘弹出\r\n                  document.activeElement.blur();\r\n                  document.querySelector(\".uploadFile input\").click();\r\n                } else {\r\n                  this.quill.format(\"image\", false);\r\n                }\r\n              },\r\n              // upload: (value) => {\r\n              //   //编辑器-上传文件\r\n              //   if (value) {\r\n              //     state = 2;\r\n              //     document.querySelector(\".uploadFile input\").click();\r\n              //   }\r\n              // },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    //判断是否是微信浏览器的函数\r\n    var ua = window.navigator.userAgent.toLowerCase();\r\n    if (ua.match(/MicroMessenger/i) == \"micromessenger\") {\r\n      document.title = \"作业详情\";\r\n      this.isWxApplets = false;\r\n    }\r\n    this.artObj = JSON.parse(localStorage.getItem(\"studentTaskObj\"));\r\n    // console.log(this.artObj);\r\n  },\r\n  mounted() {\r\n    this.studentId =\r\n      this.$route.query.userId > 0 ? this.$route.query.userId : 0;\r\n    // this.seteditor();\r\n    this.init();\r\n  },\r\n  methods: {\r\n    // 顶部返回\r\n    onClickLeft() {\r\n      window.history.go(-1);\r\n    },\r\n    handlePreview(e) {\r\n      // let array = this.common.getImgSrc(this.results.StudentContent)\r\n      ImagePreview({\r\n        images: [e.target.currentSrc],\r\n        closeable: true,\r\n      });\r\n    },\r\n    // 上传文件\r\n    async postImagesUploadPic(param) {\r\n      let newFile = await this.common.compressImg(param.file);\r\n      const formData = new FormData();\r\n      formData.append(\"file\", newFile);\r\n      const res = await imagesUploadPic(formData);\r\n      if (res.success == true) {\r\n        let quill = this.$refs.myQuillEditor.quill;\r\n        let length = quill.getSelection().index;\r\n        // console.log(state, \"\");\r\n        if (state == 1) {\r\n          // 插入图片，res为服务器返回的图片链接地址\r\n          quill.insertEmbed(\r\n            length,\r\n            \"image\",\r\n            this.GLOBAL.hostUrl + res.response\r\n          );\r\n        } else if (state == 2) {\r\n          // 插入文件，res为服务器返回的文件链接地址\r\n          quill.insertEmbed(length, \"link\", {\r\n            href: this.GLOBAL.hostUrl + res.response,\r\n            innerText: param.file.name,\r\n          });\r\n        }\r\n        // 调整光标到最后\r\n        quill.setSelection(length + 1);\r\n        // console.log(res.response, '')\r\n        // console.log(this.content, \"\");\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n    onEditorBlur() {}, // 失去焦点事件\r\n    onEditorFocus() {}, // 获得焦点事件\r\n    onEditorChange() {\r\n      console.log(this.content, \"\");\r\n    },\r\n    // 内容改变事件\r\n    async init() {\r\n      let res = await studentQueryStudentWorkDetail(\r\n        this.artObj.Id + \"&studentId=\" + this.studentId\r\n      );\r\n      if (res.success === true) {\r\n        this.results = res.response ? res.response : {};\r\n        if (res.response === null) {\r\n          this.results.Comment = \"\";\r\n          this.results.StudentContent = \"\";\r\n          this.results.StudentFinishTime = \"\";\r\n        }\r\n        // console.log(this.results, \"\")\r\n        // if (this.results != null) {\r\n        //   // this.editor.txt.html(this.results.StudentContent);\r\n        //   this.info_ = this.results.StudentContent;\r\n        // }\r\n      } else {\r\n        this.$message.error(res.msg);\r\n      }\r\n    },\r\n    goBack() {\r\n      this.$router.push({\r\n        path: \"/h5/studentTask/index\",\r\n        query: { UserId: this.artObj.StudentId },\r\n      });\r\n    },\r\n    photoCompress(file, w, objDiv) {\r\n      let that = this;\r\n      var ready = new FileReader();\r\n      /*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属性的值会成为DONE,如果设置了onloadend事件处理程序,则调用之.同时,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容.*/\r\n      ready.readAsDataURL(file);\r\n      ready.onload = function () {\r\n        var re = this.result;\r\n        that.canvasDataURL(re, w, objDiv);\r\n      };\r\n    },\r\n    canvasDataURL(path, obj, callback) {\r\n      var img = new Image();\r\n      img.src = path;\r\n      img.onload = function () {\r\n        var that = this;\r\n        // 默认按比例压缩\r\n        var w = that.width,\r\n          h = that.height,\r\n          scale = w / h;\r\n        w = obj.width || w;\r\n        h = obj.height || w / scale;\r\n        var quality = 0.7; // 默认图片质量为0.7\r\n        //生成canvas\r\n        var canvas = document.createElement(\"canvas\");\r\n        var ctx = canvas.getContext(\"2d\");\r\n        // 创建属性节点\r\n        var anw = document.createAttribute(\"width\");\r\n        anw.nodeValue = w;\r\n        var anh = document.createAttribute(\"height\");\r\n        anh.nodeValue = h;\r\n        canvas.setAttributeNode(anw);\r\n        canvas.setAttributeNode(anh);\r\n        ctx.drawImage(that, 0, 0, w, h);\r\n        // 图像质量\r\n        if (obj.quality && obj.quality <= 1 && obj.quality > 0) {\r\n          quality = obj.quality;\r\n        }\r\n        // quality值越小，所绘制出的图像越模糊\r\n        var base64 = canvas.toDataURL(\"image/jpeg\", quality);\r\n        // 回调函数返回base64的值\r\n        callback(base64);\r\n      };\r\n    },\r\n    convertBase64UrlToBlob(urlData) {\r\n      var arr = urlData.split(\",\"),\r\n        mime = arr[0].match(/:(.*?);/)[1],\r\n        bstr = atob(arr[1]),\r\n        n = bstr.length,\r\n        u8arr = new Uint8Array(n);\r\n      while (n--) {\r\n        u8arr[n] = bstr.charCodeAt(n);\r\n      }\r\n      return new Blob([u8arr], { type: mime });\r\n    },\r\n    seteditor() {\r\n      let that = this;\r\n      this.editor = new E(this.$refs.toolbar, this.$refs.editor);\r\n      this.editor.customConfig.uploadImgServer =\r\n        this.GLOBAL.hostUrl + \"images/Upload/Pic\"; // 配置服务器端地址\r\n      this.editor.customConfig.customUploadImg = function (files, insert) {\r\n        var fileObj = files[0];\r\n        // files 是 input 中选中的文件列表\r\n        let formData = new FormData();\r\n        if (fileObj.size / 1024 > 1025) {\r\n          that.photoCompress(\r\n            fileObj,\r\n            {\r\n              quality: 0.2,\r\n            },\r\n            function (base64Codes) {\r\n              // console.log(\r\n              //   \"压缩后：\" + base64Codes.length / 1024 + \" \" + base64Codes\r\n              // );\r\n              var bl = that.convertBase64UrlToBlob(base64Codes);\r\n              formData.append(\r\n                \"file\",\r\n                bl,\r\n                \"file_\" + Date.parse(new Date()) + \".jpg\"\r\n              ); // 文件对象\r\n            }\r\n          );\r\n        } else {\r\n          formData.append(\"file\", files[0]);\r\n        }\r\n        setTimeout(() => {\r\n          that\r\n            .axios({\r\n              //上传图片到后台\r\n              method: \"post\",\r\n              url: that.GLOBAL.hostUrl + \"images/Upload/Pic\",\r\n              data: formData,\r\n            })\r\n            .then((res) => {\r\n              if (res.data.success) {\r\n                let imgUrl = that.GLOBAL.hostUrl + res.data.response;\r\n                insert(imgUrl); //生成img标签并插入文章中\r\n              } else {\r\n                that.$message.error(res.data.msg);\r\n              }\r\n            });\r\n        }, 100);\r\n        // insert 是获取图片 url 后，插入到编辑器的方法\r\n\r\n        // 上传代码返回结果之后，将图片插入到编辑器中\r\n      };\r\n      // 配置菜单\r\n      this.editor.customConfig.menus = [\r\n        \"head\", // 标题\r\n        \"link\",\r\n        // \"fontSize\", // 字号\r\n        // \"foreColor\", // 文字颜色\r\n        // \"backColor\", // 背景颜色\r\n        \"justify\", // 对齐方式\r\n        // \"emoticon\", // 表情\r\n        \"image\", // 插入图片\r\n      ];\r\n\r\n      // this.editor.customConfig.uploadImgHooks = {\r\n      //   fail: (xhr, editor, result) => {\r\n      //     // 插入图片失败回调\r\n      //   },\r\n      //   success: (xhr, editor, result) => {\r\n      //     // 图片上传成功回调\r\n      //   },\r\n      //   timeout: (xhr, editor) => {\r\n      //     // 网络超时的回调\r\n      //   },\r\n      //   error: (xhr, editor) => {\r\n      //     // 图片上传错误的回调\r\n      //   },\r\n      //   customInsert: (insertImg, result, editor) => {\r\n      //     // 图片上传成功，插入图片的回调\r\n      //     //result为上传图片成功的时候返回的数据，这里我打印了一下发现后台返回的是data：[{url:\"路径的形式\"},...]\r\n      //     //这块一定要细心，因为会影响到上传图片成功之后的回显\r\n      //     console.log(result);\r\n      //     let url = this.GLOBAL.hostUrl + result.response;\r\n      //     insertImg(url);\r\n      //     // }\r\n      //   },\r\n      // };\r\n\r\n      this.editor.customConfig.onchange = (html) => {\r\n        this.info_ = html; // 绑定当前逐渐地值\r\n        // this.$emit(\"change\", this.info_); // 将内容同步到父组件中\r\n      };\r\n      // 创建富文本编辑器\r\n      this.editor.create();\r\n    },\r\n    async saveStudentTask() {\r\n      if (this.results.StudentContent) {\r\n        let parm = {\r\n          workId: this.artObj.Id,\r\n          courseId: this.artObj.CourseId,\r\n          content: this.results.StudentContent,\r\n          StudentId: this.artObj.StudentId,\r\n        };\r\n        console.log(parm, \"\");\r\n        // return\r\n        const res = await studentSaveStudentCourseWork(parm);\r\n        if (res.success == true) {\r\n          this.$message.success(res.msg);\r\n          this.goBack();\r\n        } else {\r\n          this.$message.error(res.msg);\r\n        }\r\n      } else {\r\n        this.$message.info(\"请输入您的作答信息\");\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.htmleaf-container {\r\n}\r\n.van-cell {\r\n  font-size: 15px;\r\n  border-bottom: 1px solid #f5f5f5;\r\n  .van-cell__title {\r\n    color: #666666;\r\n    font-weight: bold;\r\n  }\r\n  .van-cell__value {\r\n    flex: 0 0 75%;\r\n    color: #333333;\r\n  }\r\n}\r\n.van-panel {\r\n  .hf,\r\n  .zd {\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    line-height: 47px;\r\n    margin: 0 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    span {\r\n      width: 18px;\r\n      height: 18px;\r\n      line-height: 18px;\r\n      border-radius: 20px;\r\n      text-align: center;\r\n      font-size: 12px;\r\n      font-weight: normal;\r\n      display: inline-block;\r\n      margin-right: 5px;\r\n    }\r\n    .right {\r\n      font-size: 12px;\r\n      color: #999999;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n  .hf {\r\n    span {\r\n      border: 1px solid #fe4a4a;\r\n      color: #fe4a4a;\r\n    }\r\n  }\r\n  .zd {\r\n    span {\r\n      border: 1px solid #3a78f9;\r\n      color: #3a78f9;\r\n    }\r\n  }\r\n}\r\n.sub_btn {\r\n  margin: 20px auto;\r\n  text-align: center;\r\n  button {\r\n    width: 280px;\r\n    font-size: 15px;\r\n    height: 42px;\r\n    // background: #4481fe;\r\n    background: #333;\r\n    box-shadow: 0px 4px 6px rgba(22, 121, 253, 0.22);\r\n    border-radius: 30px;\r\n  }\r\n}\r\n.htmlStr {\r\n  margin: 0px 20px;\r\n  /deep/ img {\r\n    max-width: 100%;\r\n  }\r\n}\r\nimg {\r\n  max-width: 100%;\r\n}\r\n.text {\r\n  min-height: 200px;\r\n}\r\n\r\n/deep/.ql-editor {\r\n  min-height: 100px !important;\r\n}\r\n/deep/.quill-editor {\r\n  .ql-toolbar {\r\n    .ql-formats {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n/deep/ .van-nav-bar .van-icon {\r\n  color: #000;\r\n  font-size: 20px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=6ae2697a&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=6ae2697a&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6ae2697a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}