{"version":3,"sources":["webpack:///./src/views/record/Communicate.vue?8b15","webpack:///src/views/record/Communicate.vue","webpack:///./src/views/record/Communicate.vue?cb74","webpack:///./src/views/record/Communicate.vue","webpack:///./node_modules/core-js/modules/es6.array.is-array.js","webpack:///./src/assets/images/white-return.png","webpack:///./src/views/record/Communicate.vue?7701"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","onBack","attrs","_v","teacher","teacher_avatar","_s","teacher_name","course_time","$event","showConcat","_l","item","index","key","class","belong","content","_f","created_at","it","i","path","preview","pathList","file","idx","downloadFile","name","deleteConcat","id","_e","model","value","callback","$$v","expression","directives","rawName","domProps","target","composing","afterRead","fileList","length","deleteImg","cancelBtn","submit","staticRenderFns","data","$route","query","teacher_id","t_id","user_id","localStorage","records","upload","methods","$store","state","app","$pub","appAction","$router","go","getRecord","$http","formatList","list","forEach","arr","push","j","type","Array","isArray","formdata","append","post","res","setIndex","splice","obj","originalName","img_url","delete","file_url","window","location","href","created","setTimeout","color","registerWebViewJavascriptBridge","imgSrc","len","component","$export","S","module","exports"],"mappings":"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","file":"js/chunk-06714356.a34e18bb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"communi-page\"},[_c('div',{staticClass:\"header\"},[_c('header',[_c('span',{staticClass:\"back\",on:{\"click\":_vm.onBack}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/white-return.png\")}})]),_c('h3',[_vm._v(\"沟通记录\")])]),_c('div',{staticClass:\"teacher-info\"},[_c('div',{staticClass:\"ti-base\"},[_c('img',{attrs:{\"src\":_vm.teacher.teacher_avatar,\"alt\":\"\"}}),_c('div',[_c('p',[_vm._v(\"\\n            讲师：\\n            \"),_c('span',[_vm._v(_vm._s(_vm.teacher.teacher_name))])]),_c('p',[_vm._v(\"上课时间：\"+_vm._s(_vm.teacher.course_time))])]),_c('van-button',{on:{\"click\":function($event){_vm.showConcat=true}}},[_vm._v(\"发起沟通\")])],1)])]),_c('div',{staticClass:\"record-list\"},_vm._l((_vm.records),function(item,index){return _c('div',{key:index,staticClass:\"rl-item\"},[_c('div',{staticClass:\"rl-box\",class:{'rl-own': item.belong == 0}},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(item.belong==0? '我': item.teacher_name))]),_c('div',{staticClass:\"rl-content\"},[_c('p',{staticClass:\"text\"},[_vm._v(_vm._s(item.content))]),_c('p',{staticClass:\"time\"},[_vm._v(_vm._s(_vm._f(\"fomartTime\")(item.created_at,'yyyy.MM.dd hh:mm')))]),_c('div',{staticClass:\"img-list\"},_vm._l((item.imgList),function(it,i){return _c('img',{key:i,attrs:{\"src\":it.path,\"alt\":\"\"},on:{\"click\":function($event){return _vm.preview(item.pathList)}}})}),0),_c('ul',{staticClass:\"file-list\"},_vm._l((item.fileList),function(file,idx){return _c('li',{key:idx,class:{'white-li':item.belong==0},on:{\"click\":function($event){return _vm.downloadFile(file)}}},[_vm._v(_vm._s(file.name))])}),0)]),(item.belong == 0)?_c('button',{on:{\"click\":function($event){return _vm.deleteConcat(item.id)}}},[_vm._v(\"删除\")]):_vm._e()])])}),0),_c('van-action-sheet',{attrs:{\"title\":\"发起沟通\"},model:{value:(_vm.showConcat),callback:function ($$v) {_vm.showConcat=$$v},expression:\"showConcat\"}},[_c('div',{staticClass:\"c-content\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.content),expression:\"content\"}],attrs:{\"placeholder\":\" 请输入要与老师沟通的问题，比如希望老师上课讲的问题，最多500字\",\"name\":\"\",\"id\":\"\"},domProps:{\"value\":(_vm.content)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.content=$event.target.value}}}),_c('van-uploader',{attrs:{\"multiple\":\"\",\"after-read\":_vm.afterRead,\"name\":_vm.fileList.length,\"max-size\":1024*1024*5},on:{\"delete\":_vm.deleteImg},model:{value:(_vm.fileList),callback:function ($$v) {_vm.fileList=$$v},expression:\"fileList\"}})],1),_c('van-button',{staticClass:\"course-btn\",class:{'cancelBtn': _vm.cancelBtn},on:{\"click\":_vm.submit}},[_vm._v(\"发布\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"communi-page\">\n    <div class=\"header\">\n      <header>\n        <span class=\"back\" @click=\"onBack\">\n          <img src=\"@/assets/images/white-return.png\" />\n        </span>\n        <h3>沟通记录</h3>\n      </header>\n      <div class=\"teacher-info\">\n        <div class=\"ti-base\">\n          <img :src=\"teacher.teacher_avatar\" alt />\n          <div>\n            <p>\n              讲师：\n              <span>{{teacher.teacher_name}}</span>\n            </p>\n            <p>上课时间：{{teacher.course_time}}</p>\n          </div>\n          <van-button @click=\"showConcat=true\">发起沟通</van-button>\n        </div>\n      </div>\n    </div>\n    <div class=\"record-list\">\n      <div class=\"rl-item\" v-for=\"(item, index) in records\" :key=\"index\">\n        <div class=\"rl-box\" :class=\"{'rl-own': item.belong == 0}\">\n          <span class=\"name\">{{item.belong==0? '我': item.teacher_name}}</span>\n          <div class=\"rl-content\">\n            <p class=\"text\">{{item.content}}</p>\n            <p class=\"time\">{{item.created_at | fomartTime('yyyy.MM.dd hh:mm')}}</p>\n            <div class=\"img-list\">\n              <img\n                v-for=\"(it,i) in item.imgList\"\n                :key=\"i\"\n                :src=\"it.path\"\n                alt\n                @click=\"preview(item.pathList)\"\n              />\n            </div>\n            <ul class=\"file-list\">\n              <li\n                :class=\"{'white-li':item.belong==0}\"\n                v-for=\"(file,idx) in item.fileList\"\n                :key=\"idx\"\n                @click=\"downloadFile(file)\"\n              >{{file.name}}</li>\n            </ul>\n          </div>\n          <button v-if=\"item.belong == 0\" @click=\"deleteConcat(item.id)\">删除</button>\n        </div>\n      </div>\n    </div>\n    <van-action-sheet v-model=\"showConcat\" title=\"发起沟通\">\n      <div class=\"c-content\">\n        <textarea placeholder=\" 请输入要与老师沟通的问题，比如希望老师上课讲的问题，最多500字\" v-model=\"content\" name id></textarea>\n        <van-uploader\n          v-model=\"fileList\"\n          multiple\n          :after-read=\"afterRead\"\n          @delete=\"deleteImg\"\n          :name=\"fileList.length\"\n          :max-size=\"1024*1024*5\"\n        />\n      </div>\n      <van-button class=\"course-btn\" :class=\"{'cancelBtn': cancelBtn}\" @click=\"submit\">发布</van-button>\n    </van-action-sheet>\n  </div>\n</template>\n\n<script>\nimport vue from \"vue\";\nimport { ImagePreview } from \"vant\";\nvue.use(ImagePreview);\nexport default {\n  name: \"Communicate\",\n  data() {\n    return {\n      id: this.$route.query.id,\n      teacher_id: this.$route.query.t_id,\n      user_id: localStorage.user_id,\n      records: [],\n      teacher: {},\n      showConcat: false,\n      fileList: [],\n      upload: [],\n      content: \"\",\n      cancelBtn: false\n    };\n  },\n  methods: {\n    onBack() {\n      // app\n      if (this.$store.state.app) {\n        this.$pub.appAction(\"closeAppPage\");\n      } else{\n        this.$router.go(-1);\n      }\n    },\n    /**\n     * 获取记录\n     *  */\n    getRecord() {\n      this.$http\n        .post(`/api/app/oto/communicate/index`, {\n          teacher_id: this.teacher_id,\n          oto_course_id: this.id,\n          user_id: this.user_id\n        })\n        .then(res => {\n          this.teacher = res.base_info;\n          let list = [];\n          for (let i in res.communicate) {\n            res.communicate[i].forEach(item => {\n              item.fileList = [];\n              if (item.file) {\n                item.fileList = this.formatList(item.file);\n              }\n              item.imgList = [];\n              if (item.img_url) {\n                item.imgList = this.formatList(item.img_url);\n                item.pathList = this.formatList(item.img_url, 2);\n              }\n              list.push(item);\n            });\n          }\n          this.records = list;\n        });\n    },\n    /**\n     * 预览\n     * @param {Array} img 图片list\n     */\n    preview(img) {\n      ImagePreview(img);\n    },\n    /**\n     * 处理后端返还的数据以供使用\n     */\n    formatList(list, type = 1) {\n      let pathList = [];\n      let arr = [];\n      list.forEach(item => {\n        for (let j in item) {\n          arr.push({\n            name: item[j],\n            path: j\n          });\n          pathList.push(j);\n        }\n      });\n      if (type == 1) {\n        return arr;\n      } else {\n        return pathList;\n      }\n    },\n    /**\n     * Uploader组件选择图片完成后执行操作\n     * @param {Object} file 文件\n     * */\n    afterRead(file) {\n      this.cancelBtn = true;\n      const formdata = new FormData();\n      // 多张图片file为Array类型\n      if (Array.isArray(file)) {\n        file.forEach(item => {\n          formdata.append(\"file[]\", item.file);\n        });\n        this.$http.post(`/api/app/public/images`, formdata).then(res => {\n          res.forEach(item => {\n            this.upload.push(item);\n          });\n          this.cancelBtn = false;\n        });\n      } else {\n        // 如果为单张图片 file为Object类型\n        formdata.append(\"file\", file.file);\n        this.$http.post(`/api/app/public/img`, formdata).then(res => {\n          this.upload.push(res);\n          this.cancelBtn = false;\n        });\n      }\n      this.setIndex();\n    },\n    deleteImg(file) {\n      this.upload.splice(file.index, 1);\n    },\n    /**\n     * 添加list表示 方便删除\n     */\n    setIndex() {\n      this.fileList.forEach((item, index) => {\n        item[\"index\"] = index;\n      });\n    },\n    /**\n     * 提交\n     */\n    submit() {\n      if (this.cancelBtn) {\n        return;\n      }\n      let img_url = [];\n      if (this.upload.length) {\n        this.upload.forEach(item => {\n          let obj = {};\n          obj[item.path] = item.originalName;\n          img_url.push(obj);\n        });\n      }\n      this.$http\n        .post(`/api/app/oto/communicate/send`, {\n          oto_course_id: this.id,\n          teacher_id: this.teacher_id,\n          user_id: this.user_id,\n          content: this.content,\n          img_url: JSON.stringify(img_url)\n        })\n        .then(() => {\n          this.fileList = [];\n          this.upload = [];\n          this.content = \"\";\n          this.$toast({\n            message: \"评论成功\",\n            type: \"success\",\n            duration: 1000\n          });\n          this.getRecord();\n          this.showConcat = false;\n        });\n    },\n    /**\n     * 删除沟通记录\n     *  */\n    deleteConcat(id) {\n      this.$http.delete(`/api/app/oto/communicate/${id}`).then(() => {\n        this.getRecord();\n      });\n    },\n    /**\n     * 下载文件/预览文件\n     *  */\n    downloadFile(file) {\n      // 移动端预览方法\n      if (this.$store.state.app == \"android\") {\n        this.$pub.appAction(\"filePreView\", {\n          file_url: file.path,\n          name: file.name\n        });\n      } else {\n        window.location.href = file.path;\n      }\n    }\n  },\n  created() {\n    this.getRecord();\n    if (this.$store.state.app) {\n      setTimeout(() => {\n        this.$pub.appAction(\"setAppStatusBarColor\", {\n          color: \"#FF63B6FE\"\n        });\n      }, 100);\n      // 接收移动端参数\n      this.$pub.registerWebViewJavascriptBridge(data => {\n        let imgSrc = JSON.parse(data);\n        let len = this.upload.length;\n        // 填充九宫格\n        imgSrc.forEach((item, index) => {\n          item[\"index\"] = len + index;\n          item[\"content\"] = item.path;\n          this.upload.push(item);\n          this.fileList.push(item);\n        });\n      });\n    }\n  }\n};\n</script>\n\n<style lang='scss' scoped>\n.communi-page {\n  @extend %default-bg;\n  .header {\n    height: 200px;\n    line-height: 88px;\n    header {\n      display: flex;\n      height: 200px;\n      width: 100%;\n      padding-right: 50px;\n      box-sizing: border-box;\n      position: fixed;\n      top: 0;\n      background: linear-gradient(\n        180deg,\n        rgba(99, 183, 254, 1) 0%,\n        rgba(78, 125, 227, 1) 100%\n      );\n      .back {\n        @extend %flex-center;\n        width: 50px;\n        height: 88px;\n        padding-left: 20px;\n        img {\n          width: 18px;\n          height: 32px;\n        }\n      }\n      h3 {\n        flex: 2;\n        text-align: center;\n        font-size: 36px;\n        color: #fff;\n        height: 88px;\n      }\n    }\n    .teacher-info {\n      position: fixed;\n      left: 20px;\n      top: 88px;\n      width: 710px;\n      padding: 0 30px;\n      background: #fff;\n      border-radius: 8px;\n      box-sizing: border-box;\n      .ti-base {\n        height: 152px;\n        display: flex;\n        align-items: center;\n        img {\n          width: 80px;\n          height: 80px;\n          margin-right: 24px;\n          border-radius: 50%;\n          flex: none;\n        }\n        div {\n          flex: 1;\n          p {\n            font-family: PingFangSC-Regular;\n            font-weight: 400;\n            font-size: 30px;\n            color: rgba(89, 89, 89, 1);\n            line-height: 60px;\n            &:nth-child(2) {\n              font-size: 24px;\n              color: rgba(183, 183, 183, 1);\n              line-height: 34px;\n            }\n          }\n        }\n        button {\n          flex: none;\n          width: 152px;\n          height: 56px;\n          line-height: 56px;\n          background: #fff;\n          border-radius: 31px;\n          font-size: 26px;\n          font-family: PingFangSC-Regular;\n          font-weight: 400;\n          color: $theme_color;\n          border: none;\n          border: 1px solid $theme_color;\n          //   @extend %flex-center;\n          span {\n            margin-left: 5px;\n          }\n        }\n        .has-collect {\n          font-size: 30px;\n          color: #b7b7b7;\n        }\n      }\n      .ti-label {\n        padding-bottom: 30px;\n        span {\n          display: inline-block;\n          width: 144px;\n          height: 48px;\n          line-height: 48px;\n          background: rgba(255, 228, 211, 1);\n          border-radius: 24px;\n          font-size: 24px;\n          font-family: PingFangSC-Regular;\n          font-weight: 400;\n          color: rgba(234, 122, 47, 1);\n          margin-right: 30px;\n          text-align: center;\n        }\n      }\n    }\n  }\n  .record-list {\n    padding: 50px 0;\n    .rl-item {\n      padding: 30px 30px 20px;\n      .rl-box {\n        display: flex;\n        flex-direction: column;\n        .name {\n          font-size: 30px;\n          font-family: PingFangSC-Regular;\n          font-weight: 400;\n          color: rgba(89, 89, 89, 1);\n          line-height: 42px;\n          letter-spacing: 2px;\n          padding-bottom: 14px;\n        }\n        .rl-content {\n          min-height: 172px;\n          width: 588px;\n          box-sizing: border-box;\n          background: #fff;\n          border-radius: 15px;\n          box-shadow: 0px 3px 7px 0px rgba(207, 207, 207, 0.35);\n          padding: 36px 44px 36px;\n          .text {\n            font-size: 28px;\n            font-family: PingFangSC-Regular;\n            font-weight: 400;\n            color: rgba(89, 89, 89, 1);\n            line-height: 40px;\n            letter-spacing: 2px;\n          }\n          .time {\n            font-size: 24px;\n            font-family: PingFangSC-Regular;\n            font-weight: 400;\n            color: rgba(140, 140, 140, 1);\n            line-height: 30px;\n            letter-spacing: 2px;\n            padding-top: 14px;\n            padding-bottom: 20px;\n          }\n          .img-list {\n            border-top: 1px solid #f1f1f1;\n            display: flex;\n            flex-wrap: wrap;\n            img {\n              width: 140px;\n              height: 140px;\n              border-radius: 8px;\n              border: 8px solid #e6e6e6;\n              box-sizing: border-box;\n              margin-right: 20px;\n              margin-top: 20px;\n            }\n          }\n        }\n        button {\n          width: 152px;\n          height: 56px;\n          font-size: 24px;\n          font-family: PingFangSC-Regular;\n          font-weight: 400;\n          color: rgba(89, 89, 89, 1);\n          line-height: 56px;\n          background: #fff;\n          border: 0;\n          margin-top: 20px;\n          margin-right: 20px;\n          border-radius: 28px;\n        }\n      }\n      .rl-own {\n        align-items: flex-end;\n        .rl-content {\n          background: $theme_color;\n          .text {\n            color: #fff;\n          }\n          .time {\n            color: rgba($color: #fff, $alpha: 0.5);\n          }\n          .img-list {\n            border-color: #a1b4ff;\n          }\n        }\n      }\n    }\n  }\n  .c-content {\n    padding: 30px 70px;\n    box-sizing: border-box;\n    min-height: 70vh;\n    textarea {\n      border: none;\n      width: 100%;\n      min-height: 200px;\n      font-size: 24px;\n      font-family: PingFangSC-Regular;\n      font-weight: 400;\n      color: #666;\n      line-height: 48px;\n      margin-bottom: 40px;\n    }\n  }\n  .cancelBtn {\n    background: #ccc;\n  }\n  .file-list {\n    padding-top: 20px;\n    li {\n      background: url(\"~@/assets/images/communicate-icon.png\") no-repeat left\n        center;\n      background-size: 26px 24px;\n      padding-left: 40px;\n      font-size: 28px;\n      font-family: PingFangSC;\n      font-weight: 400;\n      color: rgba(89, 89, 89, 1);\n      line-height: 40px;\n    }\n    .white-li {\n      color: #fff;\n      background: url(\"~@/assets/images/communicate-white.png\") no-repeat left\n        center;\n      background-size: 26px 24px;\n    }\n  }\n}\n</style>\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!../../../node_modules/style-vw-loader/index.js!./Communicate.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!../../../node_modules/style-vw-loader/index.js!./Communicate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Communicate.vue?vue&type=template&id=2a62a76c&scoped=true&\"\nimport script from \"./Communicate.vue?vue&type=script&lang=js&\"\nexport * from \"./Communicate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Communicate.vue?vue&type=style&index=0&id=2a62a76c&lang=scss&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  \"2a62a76c\",\n  null\n  \n)\n\nexport default component.exports","// 22.1.2.2 / 15.4.3.2 Array.isArray(arg)\nvar $export = require('./_export');\n\n$export($export.S, 'Array', { isArray: require('./_is-array') });\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAA/ElEQVQoU33RsUvWYRTF8c8hQmgIE4e2IFDQIfCPcHGIlBpqcWtPcFHBFgWdHGxykURxUtfWZkfHtkZBCBzcrjzxe+P9ha/P9sD33nPuOfHIq6pJnOBZRnFVNYdzvML+g2BVfcIBnuJLkm89sKqeYAcruMaHJD+b6j+wqiZwinlcYinJ74G1v2BVven8vMYRPie5G/afqnqPQ4xhNcneQwc28AYvsJ1kfVQKDVzAMZ5jE1tJ6v+BgcdpXGAGZ1hOctvzOPhUVdvYDnmLKywm+dW7eghuCl+xgT/4mORHL8dhmap6h++tY6wl2X2s69nO91SLbyTYFTHebX55D93jTsSH0JDDAAAAAElFTkSuQmCC\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/style-vw-loader/index.js!./Communicate.vue?vue&type=style&index=0&id=2a62a76c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/style-vw-loader/index.js!./Communicate.vue?vue&type=style&index=0&id=2a62a76c&lang=scss&scoped=true&\""],"sourceRoot":""}