{"version":3,"sources":["webpack:///./src/views/showdetail.vue?a49c","webpack:///./src/views/showdetail.vue","webpack:///src/views/showdetail.vue","webpack:///./src/views/showdetail.vue?ca47","webpack:///./src/views/showdetail.vue?78a4"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","showdetail","squareName","attrs","headimgurl","nickName","gmtCreate","on","$event","goAct","staticStyle","_l","sysTagList","item","index","key","tagName","squareDesc","userChatLogList","itm","idx","question","type","answer","_e","imgsrc","itemimg","indeximg","url","imgList","commentCount","model","value","textarea","callback","$$v","expression","ishuifu","huifu2","pinglun","squareCommentResponseList","commentHeadimgurl","commentNickName","commentText","huifu","squareCommentReplyResponseList","replyNickName","receiveNickName","commentReplyText","staticRenderFns","name","components","computed","height","h","clientHeight","notifyOpen","data","id","text","reply","activated","$route","params","getDirectiveSquareInfo","mounted","methods","console","log","$router","push","path","query","param","JSON","stringify","trim","length","$message","message","duration","squareId","saveSquareComment","then","res","success","commentId","squareCommentId","receiveUserId","commentUserId","replyText","saveCommentReply","datas","obj","parse","arr","i","component"],"mappings":"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","file":"js/chunk-28ecc63d.2024914-1726295748404.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./showdetail.vue?vue&type=style&index=0&id=0645b9e6&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"showcontentbox\"},[_c('div',{staticClass:\"ccontent\"},[_c('h3',[_vm._v(_vm._s(_vm.showdetail.squareName))]),_c('div',{staticClass:\"userbox\"},[_c('div',{staticClass:\"leftbox\"},[_c('img',{attrs:{\"src\":_vm.showdetail.headimgurl,\"alt\":\"\"}}),_c('div',{staticClass:\"leftcontentbox\"},[_c('h3',[_vm._v(_vm._s(_vm.showdetail.nickName))]),_c('p',[_vm._v(_vm._s(_vm.showdetail.gmtCreate))])])]),_c('div',{staticClass:\"rightbox\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.goAct(_vm.showdetail)}}},[_vm._v(\"去使用\")])],1)]),_c('div',{staticStyle:{\"margin-top\":\"20px\"}},_vm._l((_vm.sysTagList),function(item,index){return _c('el-tag',{key:index,attrs:{\"type\":\"info\"}},[_vm._v(_vm._s(item.tagName))])}),1),_c('div',{staticClass:\"contet\"},[_vm._v(_vm._s(_vm.showdetail.squareDesc))]),_c('div',{staticClass:\"chatlist\"},[_c('h2',[_vm._v(\"聊天内容\")]),_c('div',{staticClass:\"chatlistlist\"},_vm._l((_vm.showdetail.userChatLogList),function(itm,idx){return _c('div',{key:idx},[_c('div',{staticClass:\"answer\"},[_c('div',[_c('div',{staticClass:\"rightbox\"},[_vm._v(\" \"+_vm._s(itm.question)+\" \")]),_c('img',{attrs:{\"src\":_vm.showdetail.headimgurl,\"alt\":\"\"}})])]),_c('div',{staticClass:\"question\"},[_c('div',[_c('img',{attrs:{\"src\":\"https://organ-logo.oss-cn-chengdu.aliyuncs.com/amao/logo/apple/60.png\",\"alt\":\"\"}}),(_vm.showdetail.type == 'CHAT_DIRECTIVE')?_c('div',{staticClass:\"rightbox\"},[_c('pre',[_vm._v(_vm._s(itm.answer))])]):_vm._e(),(_vm.showdetail.type == 'DRAW_DIRECTIVE')?_c('div',{staticClass:\"rightbox\"},_vm._l((_vm.showdetail.imgsrc),function(itemimg,indeximg){return _c('el-image',{key:indeximg,staticClass:\"imgboxshow\",attrs:{\"src\":itemimg.url,\"preview-src-list\":_vm.imgList}})}),1):_vm._e()])])])}),0)])]),_c('div',{staticClass:\"conmmentbox\"},[_c('h3',[_vm._v(\"评论（\"+_vm._s(_vm.showdetail.commentCount)+\"）\")]),_c('div',{staticClass:\"commentaddbox\"},[_c('img',{attrs:{\"src\":_vm.showdetail.headimgurl,\"alt\":\"\"}}),_c('div',{staticClass:\"shurukuang\"},[_c('el-input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"说两句吧~\",\"maxlength\":\"30\",\"show-word-limit\":\"\"},model:{value:(_vm.textarea),callback:function ($$v) {_vm.textarea=$$v},expression:\"textarea\"}})],1),(!_vm.ishuifu)?_c('el-button',{staticClass:\"pinglun\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.pinglun}},[_vm._v(\"评论\")]):_c('el-button',{staticClass:\"pinglun\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.huifu2}},[_vm._v(\"回复\")])],1),_c('div',{staticClass:\"commentlist\"},_vm._l((_vm.showdetail.squareCommentResponseList),function(item,index){return _c('div',{key:index,staticClass:\"commentlistblock\"},[_c('div',{staticClass:\"bigcomment\"},[_c('img',{attrs:{\"src\":item.commentHeadimgurl,\"alt\":\"\"}}),_c('div',{staticClass:\"commentlistblockcontent\"},[_c('div',[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(item.commentNickName))]),_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(item.gmtCreate))])]),_c('p',{},[_vm._v(_vm._s(item.commentText))]),_c('div',{staticClass:\"huifu\",attrs:{\"type\":\"info\"},on:{\"click\":function($event){return _vm.huifu(item)}}},[_vm._v(\"回复\")])])]),_vm._l((item.squareCommentReplyResponseList),function(itm,idx){return _c('div',{key:idx,staticClass:\"reply\"},[_c('img',{attrs:{\"src\":itm.commentHeadimgurl,\"alt\":\"\"}}),_c('div',{staticClass:\"commentlistblockcontent\"},[_c('div',[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(itm.replyNickName))]),_vm._v(\"回复\"),_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(itm.receiveNickName))]),_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(itm.gmtCreate))])]),_c('p',{},[_vm._v(_vm._s(itm.commentReplyText))]),_c('div',{staticClass:\"huifu\",attrs:{\"type\":\"info\"},on:{\"click\":function($event){return _vm.huifu(itm)}}},[_vm._v(\"回复\")])])])})],2)}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"showcontentbox\">\n    <div class=\"ccontent\">\n      <h3>{{ showdetail.squareName }}</h3>\n      <div class=\"userbox\">\n        <div class=\"leftbox\">\n          <img :src=\"showdetail.headimgurl\" alt=\"\" />\n          <div class=\"leftcontentbox\">\n            <h3>{{ showdetail.nickName }}</h3>\n            <p>{{ showdetail.gmtCreate }}</p>\n          </div>\n        </div>\n        <div class=\"rightbox\">\n          <!-- <el-button type=\"primary\">关注</el-button> -->\n          <el-button type=\"primary\" @click=\"goAct(showdetail)\"\n            >去使用</el-button\n          >\n        </div>\n      </div>\n      <div style=\"margin-top: 20px\">\n        <el-tag type=\"info\" v-for=\"(item, index) in sysTagList\" :key=\"index\">{{\n          item.tagName\n        }}</el-tag>\n      </div>\n      <div class=\"contet\">{{ showdetail.squareDesc }}</div>\n      <div class=\"chatlist\">\n        <h2>聊天内容</h2>\n        <div class=\"chatlistlist\">\n          <div v-for=\"(itm, idx) in showdetail.userChatLogList\" :key=\"idx\">\n            <div class=\"answer\">\n              <div>\n                <div class=\"rightbox\">\n                  {{ itm.question }}\n                </div>\n                <img :src=\"showdetail.headimgurl\" alt=\"\" />\n              </div>\n            </div>\n            <div class=\"question\">\n              <div>\n                <img\n                  src=\"https://organ-logo.oss-cn-chengdu.aliyuncs.com/amao/logo/apple/60.png\"\n                  alt=\"\"\n                />\n                <div\n                  class=\"rightbox\"\n                  v-if=\"showdetail.type == 'CHAT_DIRECTIVE'\"\n                >\n                  <pre>{{ itm.answer }}</pre>\n                </div>\n                <div\n                  class=\"rightbox\"\n                  v-if=\"showdetail.type == 'DRAW_DIRECTIVE'\"\n                >\n                \n                  <el-image\n                     class=\"imgboxshow\"\n                     v-for=\"(itemimg, indeximg) in showdetail.imgsrc\"\n                    :key=\"indeximg\"\n                    :src=\"itemimg.url\"\n                    :preview-src-list=\"imgList\"\n                  >\n                  </el-image>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- 评论 -->\n    <div class=\"conmmentbox\">\n      <h3>评论（{{ showdetail.commentCount }}）</h3>\n      <div class=\"commentaddbox\">\n        <img :src=\"showdetail.headimgurl\" alt=\"\" />\n        <div class=\"shurukuang\">\n          <el-input\n            type=\"textarea\"\n            placeholder=\"说两句吧~\"\n            v-model=\"textarea\"\n            maxlength=\"30\"\n            show-word-limit\n          ></el-input>\n        </div>\n        <el-button\n          class=\"pinglun\"\n          @click=\"pinglun\"\n          v-if=\"!ishuifu\"\n          type=\"primary\"\n          >评论</el-button\n        >\n        <el-button class=\"pinglun\" @click=\"huifu2\" v-else type=\"primary\"\n          >回复</el-button\n        >\n      </div>\n      <div class=\"commentlist\">\n        <div\n          class=\"commentlistblock\"\n          v-for=\"(item, index) in showdetail.squareCommentResponseList\"\n          :key=\"index\"\n        >\n          <div class=\"bigcomment\">\n            <img :src=\"item.commentHeadimgurl\" alt=\"\" />\n            <div class=\"commentlistblockcontent\">\n              <div>\n                <span class=\"title\">{{ item.commentNickName }}</span\n                ><span class=\"time\">{{ item.gmtCreate }}</span>\n              </div>\n              <p class=\"\">{{ item.commentText }}</p>\n              <div class=\"huifu\" @click=\"huifu(item)\" type=\"info\">回复</div>\n            </div>\n          </div>\n          <div\n            class=\"reply\"\n            v-for=\"(itm, idx) in item.squareCommentReplyResponseList\"\n            :key=\"idx\"\n          >\n            <img :src=\"itm.commentHeadimgurl\" alt=\"\" />\n            <div class=\"commentlistblockcontent\">\n              <div>\n                <span class=\"title\">{{ itm.replyNickName }}</span\n                >回复<span class=\"title\">{{ itm.receiveNickName }}</span\n                ><span class=\"time\">{{ itm.gmtCreate }}</span>\n              </div>\n              <p class=\"\">{{ itm.commentReplyText }}</p>\n              <div class=\"huifu\" type=\"info\" @click=\"huifu(itm)\">回复</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport {\n  getDirectiveSquareInfo,\n  saveSquareComment,\n  saveCommentReply,\n} from \"@/api\";\nexport default {\n  name: \"showdetail\",\n  components: {},\n  computed: {\n    height() {\n      let h = this.clientHeight - 60;\n      if (this.notifyOpen) {\n        h -= 40;\n      }\n      return h;\n    },\n  },\n  data() {\n    return {\n      id: null,\n      ishuifu: false,\n      text: \"\",\n      reply: null,\n      textarea: \"\",\n      showdetail: null,\n      imgList:[]\n    };\n  },\n  activated() {\n    // console.log('是不是每次都走了这里')\n    this.id = this.$route.params.id;\n    this.getDirectiveSquareInfo();\n  },\n  mounted() {\n    this.id = this.$route.params.id;\n    this.getDirectiveSquareInfo();\n    // console.log('this.$route.params.id', this.$route.params.id)\n  },\n  methods: {\n    //\n    goAct(item) {\n      // 判断是聊天还是画画 type==DRAW_DIRECTIVE 画画 CHAT_DIRECTIVE 聊天\n      console.log(item);\n      if (item.type == \"DRAW_DIRECTIVE\") {\n        this.$router.push({\n          path: \"/draw\", // 目标路由的名称或路径\n          query: {\n            param: JSON.stringify(item.userChatLogList),\n          },\n        });\n      }\n      if (item.type == \"CHAT_DIRECTIVE\") {\n        this.$router.push({\n          path: \"/chat\", // 目标路由的名称或路径\n          query: {\n            param: JSON.stringify(item.userChatLogList),\n          },\n        });\n      }\n    },\n    pinglun() {\n      if (this.textarea.trim().length < 1) {\n        this.$message({\n          type: \"error\",\n          message: \"内容不能为空！\",\n          duration:1500\n        });\n        return false;\n      }\n      let data = {\n        commentText: this.textarea,\n        squareId: this.showdetail.id,\n      };\n      saveSquareComment(data).then((res) => {\n        console.log(res);\n        if (res.success) {\n          this.$message({\n            type: \"success\",\n            message: \"评论成功！\",\n            duration:1500\n          });\n          this.textarea = \"\";\n          this.getDirectiveSquareInfo();\n        }\n      });\n    },\n    huifu(item) {\n      this.ishuifu = true;\n      console.log(item);\n      this.reply = item;\n    },\n    huifu2() {\n      if (this.textarea.trim().length < 1) {\n        this.$message({\n          type: \"error\",\n          message: \"内容不能为空！\",\n          duration:1500\n        });\n        return false;\n      }\n      console.log(\"this.reply\", this.reply);\n      let data = {\n        commentId: this.reply.squareCommentId\n          ? this.reply.squareCommentId\n          : this.reply.id\n          ? this.reply.squareCommentId\n          : this.reply.id,\n        receiveUserId: this.reply.commentUserId\n          ? this.reply.commentUserId\n          : this.reply.receiveUserId,\n        replyText: this.textarea,\n        squareId: this.showdetail.id,\n      };\n      saveCommentReply(data).then((res) => {\n        if (res.success) {\n          this.$message({\n            type: \"success\",\n            message: \"评论成功！\",\n            duration:1500\n          });\n          this.textarea = \"\";\n          this.getDirectiveSquareInfo();\n        }\n      });\n    },\n    getDirectiveSquareInfo() {\n      let data = {\n        id: this.id,\n      };\n      getDirectiveSquareInfo(data).then((res) => {\n        const datas = res.obj;\n        this.showdetail = datas;\n        // let arrr = []\n        if (datas.type == \"DRAW_DIRECTIVE\") {\n          let imgsrc = JSON.parse(datas.userChatLogList[0].answer);\n          this.showdetail.imgsrc = imgsrc;\n          let arr=[]\n          for (let i = 0; i < imgsrc.length; i++) {\n            arr.push(imgsrc[i].url)\n          }\n          this.imgList=arr\n          console.log(this.imgList);\n        }\n        // console.log(this.showdetail)\n        // for (let a in datas) {\n        //   if (datas[a].type == \"DRAW_DIRECTIVE\") {\n        //     console.log(datas[a])\n        //     let imgsrc = JSON.parse(datas[a].userChatLogList[0].answer)[0].url\n        //     // console.log(imgsrc)\n        //     arrr.push({\n        //       ...datas[a],\n        //       imgsrc: imgsrc\n        //     })\n\n        //   } else {\n        //     arrr.push(datas[a])\n        //   }\n        // }\n        // this.showdetail = arrr\n      });\n    },\n  },\n};\n</script>\n<style lang=\"less\" scoped>\n.showcontentbox {\n  margin: 20px 0 0;\n\n  .ccontent {\n    width: 1200px;\n    margin: 0 auto;\n    padding: 60px 156px;\n    background-color: #ffffff;\n\n    h3 {\n      font-size: 30px;\n      font-family: PingFangSC-Medium, PingFang SC;\n      font-weight: 500;\n      color: #292929;\n      line-height: 52px;\n      margin-bottom: 60px;\n    }\n\n    .userbox {\n      display: flex;\n      justify-content: space-between;\n\n      .leftbox {\n        display: flex;\n        align-items: center;\n\n        h3 {\n          font-size: 16px;\n          font-family: PingFangSC-Medium, PingFang SC;\n          font-weight: 500;\n          color: #2c343e;\n          line-height: 16px;\n          margin-bottom: 0;\n        }\n\n        p {\n          font-size: 12px;\n          font-family: PingFangSC-Regular, PingFang SC;\n          font-weight: 400;\n          color: #969899;\n          line-height: 12px;\n          margin-top: 8px;\n        }\n\n        img {\n          width: 40px;\n          height: 40px;\n          border-radius: 50%;\n          margin-right: 14px;\n        }\n      }\n    }\n\n    .contet {\n      font-size: 16px;\n      font-family: PingFangSC-Regular, PingFang SC;\n      font-weight: 400;\n      color: #666666;\n      margin-top: 30px;\n      line-height: 28px;\n    }\n\n    .chatlist {\n      margin-top: 100px;\n\n      h2 {\n        display: block;\n        font-size: 20px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        color: #222222;\n        padding: 0 0 24px;\n        border-bottom: 1px solid #efefef;\n      }\n    }\n\n    .chatlistlist {\n      // display: flex;\n      // flex-wrap: wrap;\n      // justify-content: space-between;\n\n      .answer {\n        margin: 50px 0 0;\n        display: flex;\n        justify-content: flex-end;\n\n        > div {\n          display: flex;\n        }\n\n        img {\n          width: 48px;\n          height: 48px;\n          border-radius: 50%;\n        }\n\n        .rightbox {\n          min-width: 480px;\n          max-width: calc(1200px - 88px - 156px - 156px);\n          min-height: 46px;\n          background: #f4f4f4;\n          position: relative;\n          margin-right: 35px;\n          padding: 20px;\n\n          pre {\n            word-wrap: break-word;\n            white-space: break-spaces;\n          }\n\n          &::before {\n            position: absolute;\n            right: -16px;\n            top: 50%;\n            margin-top: -11px;\n            z-index: 99;\n            content: \"\";\n            display: inline-block;\n            border-top: 14px solid transparent;\n            border-bottom: 14px solid transparent;\n            border-left: 22px solid #f4f4f4;\n          }\n        }\n      }\n\n      .question {\n        margin: 50px 0 0;\n        display: flex;\n        justify-content: flex-start;\n\n        > div {\n          display: flex;\n        }\n\n        img {\n          width: 48px;\n          height: 48px;\n          border-radius: 50%;\n        }\n\n        .rightbox {\n          padding: 20px;\n          min-width: 480px;\n          max-width: calc(1200px - 88px - 156px - 156px);\n          min-height: 46px;\n          background: #f4f4f4;\n          position: relative;\n          margin-left: 35px;\n\n          pre {\n            word-wrap: break-word;\n            white-space: break-spaces;\n          }\n\n          &::before {\n            position: absolute;\n            left: -16px;\n            top: 50%;\n            margin-top: -11px;\n            z-index: 99;\n            content: \"\";\n            display: inline-block;\n            border-top: 14px solid transparent;\n            border-bottom: 14px solid transparent;\n            border-right: 22px solid #f4f4f4;\n          }\n        }\n      }\n    }\n  }\n\n  .conmmentbox {\n    width: 1200px;\n    margin: 20px auto;\n    padding: 60px 156px;\n    background-color: #ffffff;\n\n    .commentlist {\n      .reply {\n        display: flex;\n        padding-left: 50px;\n        margin-top: 15px;\n\n        img {\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          margin-right: 20px;\n        }\n\n        .commentlistblockcontent {\n          .huifu {\n            width: 44px;\n            height: 26px;\n            background: #f5f5f5;\n            border-radius: 4px;\n            font-size: 12px;\n            font-family: PingFangSC-Regular, PingFang SC;\n            font-weight: 400;\n            color: #222222;\n            line-height: 12px;\n            border: none;\n            cursor: pointer;\n            outline: none;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-top: 12px;\n          }\n\n          p {\n            font-size: 14px;\n            font-family: PingFangSC-Regular, PingFang SC;\n            font-weight: 400;\n            color: #222222;\n            line-height: 20px;\n            margin: 8px 0;\n          }\n\n          > div {\n            font-size: 14px;\n            font-family: PingFangSC-Medium, PingFang SC;\n            font-weight: 500;\n            color: #222222;\n            line-height: 14px;\n\n            .title {\n              font-size: 14px;\n              font-family: PingFangSC-Medium, PingFang SC;\n              font-weight: 500;\n              color: #222222;\n              line-height: 14px;\n              margin-right: 10px;\n            }\n\n            .title:nth-child(2) {\n              margin-left: 10px;\n            }\n\n            .time {\n              font-size: 12px;\n              font-family: PingFangSC-Medium, PingFang SC;\n              font-weight: 500;\n              color: #bababa;\n              line-height: 12px;\n            }\n          }\n        }\n      }\n\n      .bigcomment {\n        display: flex;\n\n        img {\n          width: 35px;\n          height: 35px;\n          border-radius: 50%;\n        }\n\n        .commentlistblockcontent {\n          margin-left: 15px;\n\n          .huifu {\n            width: 44px;\n            height: 26px;\n            background: #f5f5f5;\n            border-radius: 4px;\n            font-size: 12px;\n            font-family: PingFangSC-Regular, PingFang SC;\n            font-weight: 400;\n            color: #222222;\n            line-height: 12px;\n            border: none;\n            cursor: pointer;\n            outline: none;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-top: 12px;\n          }\n\n          p {\n            font-size: 14px;\n            font-family: PingFangSC-Regular, PingFang SC;\n            font-weight: 400;\n            color: #222222;\n            line-height: 20px;\n            margin-top: 13px;\n          }\n\n          > div {\n            display: flex;\n            align-items: center;\n\n            .title {\n              font-size: 14px;\n              font-family: PingFangSC-Medium, PingFang SC;\n              font-weight: 500;\n              color: #222222;\n              line-height: 14px;\n            }\n\n            .time {\n              font-size: 12px;\n              font-family: PingFangSC-Medium, PingFang SC;\n              font-weight: 500;\n              color: #bababa;\n              line-height: 12px;\n              margin-left: 10px;\n            }\n          }\n        }\n      }\n    }\n\n    .commentaddbox {\n      margin-top: 40px;\n      display: flex;\n      flex-wrap: wrap;\n\n      .pinglun {\n        align-self: flex-end;\n        margin-left: 50px;\n        margin-top: 20px;\n      }\n\n      img {\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        margin-right: 13px;\n      }\n\n      .shurukuang {\n        width: 839px;\n        height: 97px;\n        border-radius: 8px;\n        opacity: 0.5;\n\n        // border: 1px solid #979797;\n        .el-textarea {\n          height: 100%;\n          display: block;\n        }\n      }\n    }\n  }\n}\n\n.commentlistblock {\n  margin-top: 30px;\n}\n.imgboxshow {\n  display: block;\n  max-width: 670px !important;\n  min-width: 200px !important;\n  height: auto !important;\n  margin-top: 20px;\n  border-radius: 0 !important;\n}\n::v-deep .el-textarea__inner {\n  min-height: 97px !important;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./showdetail.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./showdetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./showdetail.vue?vue&type=template&id=0645b9e6&scoped=true\"\nimport script from \"./showdetail.vue?vue&type=script&lang=js\"\nexport * from \"./showdetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./showdetail.vue?vue&type=style&index=0&id=0645b9e6&prod&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  \"0645b9e6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}