{"version":3,"sources":["webpack:///./src/utils/login.js","webpack:///./src/views/ticket/detail.vue?9c20","webpack:///./src/views/ticket/detail.vue","webpack:///src/views/ticket/detail.vue","webpack:///./src/views/ticket/detail.vue?73fa","webpack:///./src/views/ticket/detail.vue?aced"],"names":["login","action","window","_miniLogin_","showComponent","show_type","render","_vm","this","_c","_self","staticClass","_v","attrs","name","nativeOn","$event","$LogReport","sendCustomEvent","domProps","_s","renderState","ctime","$route","params","ticket","mobile","email","frequency","des","url","includes","split","pop","on","handleImage","title","staticStyle","conversation","length","_l","round","key","reply_id","mid","renderTime","content","img_url","_e","query","state","model","value","replyMessage","callback","$$v","expression","selectFile","trim","sendReply","ref","onFileSelected","staticRenderFns","data","showSecret","app_name","secret","cover","client_id","app_type","web_app_info","app_info","user_info","computed","created","$store","userInfo","toString","getTicketDetail","catch","e","$message","message","type","offset","duration","$router","push","methods","input","$refs","click","file","target","files","size","uploadFile","$api","upload","then","res","session_id","ticket_id","platform","code","console","error","img","open","view","JSON","parse","splice","time","moment","unix","format","component"],"mappings":"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","file":"js/ticketDetail.bae02f98.js","sourcesContent":["export function login(action = 'login') {\n  if (window._miniLogin_) {\n    window._miniLogin_.showComponent({\n      show_type: action\n    })   // 显示登录组件\n  }\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=0&id=072f3789&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ticket-detail\"},[_c('div',{staticClass:\"ticket-detail-head\"},[_c('bcc-breadcrumb',[_c('bcc-breadcrumb-item',[_vm._v(\"管理中心\")]),_c('bcc-breadcrumb-item',{attrs:{\"to\":{name: 'ticket'}},nativeOn:{\"click\":function($event){return _vm.$LogReport.sendCustomEvent('openplat_ticketdetail_backto_ticketmanage')}}},[_vm._v(\"工单管理\")]),_c('bcc-breadcrumb-item',[_vm._v(\"工单详情\")])],1)],1),_c('div',{staticClass:\"ticket-detail-body\"},[_c('div',{staticClass:\"ticket-detail-body-h\"},[_c('h3',{staticClass:\"txt\"},[_vm._v(\"工单详情\")]),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.renderState)}}),_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.ctime || '-'))])]),_c('div',{staticClass:\"ticket-detail-body-b\"},[_c('div',{staticClass:\"ticket-detail-des\"},[_c('div',{staticClass:\"ticket-desc-title\"},[_c('div',{staticClass:\"column\"},[_c('span',[_vm._v(\"工单类型：\")]),_c('span',{staticClass:\"ctime\"},[_vm._v(_vm._s(this.$route.params.name || '-'))])]),_c('div',{staticClass:\"column\"},[_c('span',[_vm._v(\"手机：\")]),_c('span',{staticClass:\"ctime\"},[_vm._v(_vm._s(_vm.ticket.mobile || '-'))])]),_c('div',{staticClass:\"column\"},[_c('span',[_vm._v(\"邮箱：\")]),_c('span',{staticClass:\"ctime\"},[_vm._v(_vm._s(_vm.ticket.email || '-'))])]),_c('div',{staticClass:\"column\"},[_c('span',[_vm._v(\"复现概率：\")]),_c('span',{staticClass:\"ctime\"},[_vm._v(_vm._s(_vm.ticket.frequency || '-'))])])]),_c('div',{staticClass:\"cm-line\"},[_vm._v(\"问题描述：\")]),_c('div',{staticClass:\"cm-content\"},[_vm._v(_vm._s(_vm.ticket.des || '-'))]),_c('div',{staticClass:\"cm-line\"},[_vm._v(\"相关附件：\")]),(_vm.ticket.url)?_c('div',[(['png', 'jpg', 'jpeg'].includes(_vm.ticket.url.split('.').pop()))?_c('img',{staticClass:\"attach-img\",attrs:{\"src\":_vm.ticket.url,\"alt\":\"\"},on:{\"click\":function($event){return _vm.handleImage(_vm.ticket.url)}}}):_c('a',{staticClass:\"cm-content\",attrs:{\"target\":\"_blank\",\"href\":_vm.ticket.url}},[_vm._v(\"查看附件\")])]):_c('span',[_vm._v(\"暂无附件\")]),_c('div',{staticClass:\"ticket-detail-des-content\"},[_vm._v(_vm._s(_vm.ticket.title))])]),_c('span',{staticStyle:{\"color\":\"#505050\",\"font-weight\":\"bold\",\"font-size\":\"16px\"}},[_vm._v(\"沟通记录\")]),_c('div',{staticClass:\"ticket-detail-conversation\"},[(_vm.conversation.length === 0)?_c('span',{staticClass:\"blank\"},[_vm._v(\"暂无记录\")]):_vm._l((_vm.conversation),function(round){return _c('div',{key:round.ctime,staticClass:\"conversation-round\"},[_c('div',{staticClass:\"round-head\"},[_vm._v(\" \"+_vm._s(round.reply_id === _vm.mid ? '[用户]' : '[开放平台]')+\" \"),_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.renderTime(round.ctime)))])]),_c('div',{staticClass:\"round-content\"},[_vm._v(_vm._s(round.content))]),(round.img_url)?_c('img',{staticClass:\"round-img\",attrs:{\"src\":round.img_url,\"alt\":\"\"},on:{\"click\":function($event){return _vm.handleImage(round.img_url)}}}):_vm._e()])})],2),([0,1,2].includes(+this.$route.query.state))?_c('div',{staticClass:\"reply-box\"},[_c('bcc-input',{staticClass:\"input-box\",staticStyle:{\"width\":\"976px\"},attrs:{\"type\":\"textarea\",\"rows\":\"1\",\"placeholder\":\"在此输入回复内容\"},model:{value:(_vm.replyMessage),callback:function ($$v) {_vm.replyMessage=$$v},expression:\"replyMessage\"}}),_c('v-icon',{staticClass:\"send-img\",attrs:{\"name\":\"upload\"},on:{\"click\":_vm.selectFile}}),_c('bcc-button',{attrs:{\"type\":\"primary\",\"disabled\":_vm.replyMessage.trim() ===''},on:{\"click\":_vm.sendReply}},[_vm._v(\"发表回复\")])],1):_vm._e()])]),_c('div',{staticStyle:{\"text-align\":\"center\",\"margin-top\":\"50px\"}},[_c('router-link',{attrs:{\"to\":{name: 'ticket'}},nativeOn:{\"click\":function($event){return _vm.$LogReport.sendCustomEvent('openplat_ticketdetail_backtolist_click')}}},[_c('bcc-button',[_vm._v(\"返回工单列表\")])],1)],1),_c('input',{ref:\"input\",staticStyle:{\"display\":\"none\"},attrs:{\"accept\":\".jpg,.jpeg,.png\",\"type\":\"file\"},on:{\"change\":_vm.onFileSelected}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ticket-detail\">\n    <div class=\"ticket-detail-head\">\n      <bcc-breadcrumb>\n        <bcc-breadcrumb-item>管理中心</bcc-breadcrumb-item>\n        <bcc-breadcrumb-item :to=\"{name: 'ticket'}\" @click.native=\"$LogReport.sendCustomEvent('openplat_ticketdetail_backto_ticketmanage')\">工单管理</bcc-breadcrumb-item>\n        <bcc-breadcrumb-item>工单详情</bcc-breadcrumb-item>\n      </bcc-breadcrumb>\n    </div>\n    <div class=\"ticket-detail-body\">\n      <div class=\"ticket-detail-body-h\">\n        <h3 class=\"txt\">工单详情</h3>\n        <span v-html='renderState'></span>\n        <span class=\"time\">{{ctime || '-'}}</span>\n      </div>\n      <div class=\"ticket-detail-body-b\">\n        <div class=\"ticket-detail-des\">\n          <div class=\"ticket-desc-title\">\n            <div class=\"column\">\n              <span>工单类型：</span>\n              <span class=\"ctime\">{{this.$route.params.name || '-'}}</span>\n            </div>\n             <div class=\"column\">\n              <span>手机：</span>\n              <span class=\"ctime\">{{ticket.mobile || '-'}}</span>\n            </div>\n            <div class=\"column\">\n              <span>邮箱：</span>\n              <span class=\"ctime\">{{ticket.email || '-'}}</span>\n            </div>\n             <div class=\"column\">\n              <span>复现概率：</span>\n              <span class=\"ctime\">{{ticket.frequency || '-'}}</span>\n            </div>\n          </div>\n          <div class=\"cm-line\">问题描述：</div>\n          <div class=\"cm-content\">{{ticket.des || '-'}}</div>\n          <div class=\"cm-line\">相关附件：</div>\n          <div v-if='ticket.url'>\n            <img v-if=\"['png', 'jpg', 'jpeg'].includes(ticket.url.split('.').pop())\" @click=\"handleImage(ticket.url)\" class=\"attach-img\" :src=\"ticket.url\" alt=\"\">\n            <a class=\"cm-content\" target=\"_blank\" v-else :href=\"ticket.url\">查看附件</a>\n          </div>\n          <span v-else>暂无附件</span>\n          <div class=\"ticket-detail-des-content\">{{ticket.title}}</div>\n        </div>\n        <span style=\"color: #505050; font-weight: bold; font-size: 16px\">沟通记录</span>\n        <div class=\"ticket-detail-conversation\">\n          <span class=\"blank\" v-if=\"conversation.length === 0\">暂无记录</span>\n          <div v-else v-for=\"round in conversation\" :key=\"round.ctime\" class=\"conversation-round\">\n            <div class=\"round-head\">\n              {{round.reply_id === mid ? '[用户]' : '[开放平台]'}}\n              <span class=\"time\">{{renderTime(round.ctime)}}</span>\n            </div>\n            <div class=\"round-content\">{{round.content}}</div>\n            <img v-if='round.img_url' @click=\"handleImage(round.img_url)\" class=\"round-img\" :src=\"round.img_url\" alt=\"\">\n          </div>\n        </div>\n        <div class=\"reply-box\" v-if='[0,1,2].includes(+this.$route.query.state)'>\n          <bcc-input type=\"textarea\" rows=\"1\" v-model=\"replyMessage\" style=\"width: 976px\" placeholder=\"在此输入回复内容\" class=\"input-box\"></bcc-input>\n          <v-icon class=\"send-img\"  @click=\"selectFile\" name=\"upload\"></v-icon>\n          <bcc-button type=\"primary\" :disabled=\"replyMessage.trim() ===''\" @click=\"sendReply\">发表回复</bcc-button>\n        </div>\n      </div>\n    </div>\n    <div style=\"text-align: center; margin-top: 50px\">\n      <router-link :to=\"{name: 'ticket'}\" @click.native=\"$LogReport.sendCustomEvent('openplat_ticketdetail_backtolist_click')\">\n        <bcc-button>返回工单列表</bcc-button>\n      </router-link>\n    </div>\n     <input\n      accept=\".jpg,.jpeg,.png\"\n      ref=\"input\"\n      type=\"file\"\n      style=\"display: none\"\n      @change=\"onFileSelected\"\n    />\n  </div>\n</template>\n\n<script>\nimport {login} from \"@/utils/login\";\n\nexport default {\n  name: \"detail\",\n  data() {\n    return {\n      showSecret: false,\n      app_name: '',\n      secret: '',\n      cover: '',\n      client_id: this.$route.params.client_id,\n      app_type: 1,\n      web_app_info: null,\n      app_info: null,\n      user_info: null,\n      state: null,\n      ticket: {},\n      ctime: '',\n      conversation: [],\n      mid: '',\n      replyMessage: ''\n    }\n  },\n  computed: {\n    renderState() {\n      switch (+this.$route.query.state) {\n        case 0:\n          return '<span style=\"color: #FAAB4B;\">待处理</span>'\n        case 1:\n          return '<span style=\"color: #FAAB4B;\">处理中</span>'\n        case 2:\n          return '<span style=\"color: #8BE09C\">处理中</span>'\n        case 3:\n          return '<span style=\"color: gray;\">已完结</span>'\n        case 5:\n          return '<span style=\"color: gray;\">已完结</span>'\n        case 100:\n          return '<span style=\"color: gray;\">已删除</span>'\n        default:\n          return '<span style=\"color: #FA5A57;\">未知状态(-1)</span>'\n      }\n    },\n  },\n  created() {\n    if (this.$store.state.userInfo) {\n      this.mid = this.$store.state.userInfo.mid.toString()\n      this.$LogReport.sendCustomEvent('openplat_checkticketdetail_page_load')\n      this.getTicketDetail().catch(e => {\n        this.$message({\n          content: e.message,\n          type: 'exception',\n          offset: 60,\n          duration: 1500\n        })\n      })\n    } else {\n      this.$router.push({\n        name: 'home'\n      })\n      login()\n    }\n  },\n  methods: {\n    selectFile () {\n      const input = this.$refs['input']\n      input.value = null\n      this.$refs['input'].click()\n    },\n    onFileSelected(e) {\n      const file = e.target.files[0]\n      if (file.size > 10 * 1024 * 1024) {\n        this.$message({\n          content: '附件体积过大，请重新上传',\n          type: 'exception',\n          offset: 60,\n          duration: 1500\n        })\n        return\n      }\n      this.file = file\n      this.uploadFile(file)\n    },\n     async uploadFile(file) {\n      if (!file) return\n      return await this.$api.ticket.upload(file).then(async(data) => {\n        let res = await this.$api.ticket.sendReply({\n          content: '',\n          session_id: this.$route.params.ticket_id,\n          mid: this.$store.state.userInfo.mid,\n          img_url: data.url,\n          platform: 'open-platform'\n        })\n        if (res.code === 18005) {\n          this.$message({\n            content: '工单已完结',\n            type: 'exception',\n            offset: 60,\n            duration: 1500\n          })\n          this.$router.push({ name: 'ticket' })\n          return\n        }\n        await this.getTicketDetail()\n      }).catch(e => {\n        console.error(e)\n        this.$message({\n          content: '文件上传失败，请重试',\n          type: 'exception',\n          offset: 60,\n          duration: 1500\n        })\n      })\n    },\n    handleImage (img) {\n      window.open(img)\n    },\n    async getTicketDetail() {\n      try {\n        this.conversation = await this.$api.ticket.view({\n          session_id: this.$route.params.ticket_id,\n          mid: this.$store.state.userInfo.mid\n        }) || []\n        this.ticket = JSON.parse(this.conversation[0].content)\n        this.ctime = this.renderTime(this.conversation[0].ctime)\n        this.conversation = this.conversation.splice(1)\n      }catch (e){\n        this.$message({\n          content: e.message,\n          type: 'exception',\n          offset: 60,\n          duration: 1500\n        })\n      }\n    },\n    renderTime(time) {\n      return window.moment.unix(time).format('YYYY-MM-DD HH:mm')\n    },\n    async sendReply() {\n      try {\n        let res = await this.$api.ticket.sendReply({\n          content: this.replyMessage,\n          session_id: this.$route.params.ticket_id,\n          mid: this.$store.state.userInfo.mid,\n          img_url: this.img_url,\n          platform: 'open-platform'\n        })\n        if (res.code === 18005) {\n          this.$message({\n            content: '工单已完结',\n            type: 'exception',\n            offset: 60,\n            duration: 1500\n          })\n          this.$router.push({ name: 'ticket' })\n          return\n        }\n        this.replyMessage = ''\n        await this.getTicketDetail()\n      }catch (e){\n        this.$message({\n          content: e.message,\n          type: 'exception',\n          offset: 60,\n          duration: 1500\n        })\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.ticket-detail {\n  min-width: 960px;\n  width: 100%;\n  max-width: 1168px;\n  margin: auto;\n  padding-bottom: 32px;\n}\n.ticket-detail-head {\n  padding: 32px 0 34px 26px;\n}\n.ticket-detail-body {\n  word-break: break-all;\n  border: 1px solid #E7E7E7;\n  min-height: 100px;\n  .ticket-detail-body-h {\n    padding: 25px 26px 16px;\n    border-bottom: 1px solid #E7E7E7;\n    display: flex;\n    align-items: center;\n    color: #999999;\n    font-size: 14px;\n    h3 {\n      font-size: 18px;\n      color: #333;\n      flex: 1;\n    }\n    .time {\n      padding-left: 15px;\n    }\n  }\n  .ticket-detail-body-b {\n    padding: 38px 34px 24px;\n    .ticket-detail-des{\n      margin-bottom: 38px;\n      color: rgb(80, 80, 80);\n      .ticket-desc-title{\n        display: flex;\n        justify-content: space-between;\n        font-size: 16px;\n        .column {\n          span {\n            &:first-child {\n              font-weight: bold;\n            }\n          }\n        }\n        .ctime{\n          color: #999999;\n          font-size: 14px;\n        }\n      }\n      .cm-line {\n        color: rgb(80, 80, 80);\n        margin: 20px 0 10px;\n        font-weight: bold;\n      }\n      .attach-img {\n        height: 60px;\n        cursor: pointer;\n      }\n      .cm-content {\n        font-size: 14px;\n        color: #999999;\n      }\n      .ticket-detail-des-content{\n        margin-top: 16px;\n        font-size: 14px;\n        color: #505050;\n      }\n    }\n    .ticket-detail-conversation{\n      margin-top: 16px;\n      margin-bottom: 24px;\n      background: #FAFAFA;\n      padding: 33px 32px;\n      .blank{\n        color: #505050;\n        font-size: 14px;\n      }\n      .conversation-round{\n        margin-bottom: 28px;\n        color: #505050;\n        font-size: 14px;\n        .round-head{\n          margin-bottom: 12px;\n          font-weight: bold;\n          .time{\n            margin-left: 20px;\n            color: #999999;\n          }\n        }\n        .round-content{\n          line-height: 24px;\n        }\n        .round-img {\n          height: 24px;\n          cursor: pointer;\n        }\n      }\n    }\n    .reply-box{\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      position: relative;\n      .send-img {\n        position: absolute;\n        right: 130px;\n        top: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n    .bcc-input-inner.textarea {\n      padding-right: 35px;\n    }\n  }\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!./detail.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!./detail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=072f3789&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=072f3789&prod&scoped=true&lang=scss\"\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  \"072f3789\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}