{"version":3,"sources":["webpack:///./src/views/feedback/Detail.vue","webpack:///./src/views/feedback/Detail.vue?fee5","webpack:///./node_modules/vant/es/image-preview/index.js","webpack:///./node_modules/vant/es/image/style/index.js","webpack:///./node_modules/vant/es/image-preview/style/index.js","webpack:///./src/views/feedback/Detail.vue?202c","webpack:///./src/api/problem.js"],"names":["name","VanImage","VanLoading","Component","store","useStore","route","useRoute","problemId","ref","user","computed","state","info","problemDetail","problem_pictures","replyList","onMounted","initData","dispatch","value","query","id","getProblemDetail","then","res","data","imagePreview","index","images","startPosition","__exports__","stdin_default","getProblemCatList","http","get","submitProblemFeedback","post","getProblemList","params"],"mappings":"u6BAgDA,EAAe,CACbA,KAAM,kB,qCAWR,IAAMC,EAAW,OAEXC,GADkB,OAAaC,UAClB,QACbC,EAAQC,iBACRC,EAAQC,iBAERC,EAAYC,eAAI,GAChBC,EAAOC,gBAAS,kBAAMP,EAAMQ,MAAMF,KAAKG,QACvCC,EAAgBL,eAAI,CAAEM,iBAAkB,KACxCC,EAAYP,eAAI,IAEtBQ,gBAAU,WACRC,OAGF,IAAMA,EAAW,WACfd,EAAMe,SAAS,gBACff,EAAMe,SAAS,kBACfX,EAAUY,MAAQd,EAAMe,MAAMC,IAAM,EACpCC,eAAiB,CAAEf,UAAWA,EAAUY,QAASI,MAAK,SAAAC,GACpDX,EAAcM,MAAQK,EAAIC,KAAKZ,cAC/BE,EAAUI,MAAQK,EAAIC,KAAKV,cAIzBW,EAAe,SAAAC,GACnB,eAAa,CAAEC,OAAQf,EAAcM,MAAML,iBAAkBe,cAAeF,K,kkDChF9E,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,kDACIC,EAAgB,Q,kCCDpB,yC,kCCAA,qG,kCCAA,W,6DCAA,wJAMaC,EAAoB,WAC/B,OAAOC,OAAKC,IAAI,8BAOLC,EAAwB,WAAe,IAAdV,EAAc,uDAAP,GAC3C,OAAOQ,OAAKG,KAAK,2BAA4BX,IAOlCY,EAAiB,WAAiB,IAAhBC,EAAgB,uDAAP,GACtC,OAAOL,OAAKC,IAAI,gBAAiBI,IAOtBhB,EAAmB,WAAiB,IAAhBgB,EAAgB,uDAAP,GACxC,OAAOL,OAAKC,IAAI,kBAAmBI","file":"js/chunk-45a04bf4.da9baded.js","sourcesContent":["<template>\n  <div class=\"container\">\n    <div class=\"reply-list\">\n      <div class=\"reply-item self\">\n        <div class=\"title\">\n          <img class=\"avatar\" :src=\"user.avatar\" />\n          <div class=\"name\">{{ user.name }}</div>\n        </div>\n        <div class=\"content\">\n          <div>\n            <div class=\"chat-title\">问题描述</div>\n            <div class=\"problem-desc\">{{ problemDetail.problem_desc }}</div>\n          </div>\n          <div style=\"margin-top: 10px\">\n            <div class=\"chat-title\">问题截图</div>\n            <div class=\"pictures\" v-if=\"!problemDetail.problem_pictures.length\">无</div>\n            <div class=\"pictures\" v-if=\"problemDetail.problem_pictures.length\">\n              <van-image\n                class=\"picture\"\n                @click=\"imagePreview(index)\"\n                fit=\"cover\"\n                width=\"80\"\n                height=\"80\"\n                v-for=\"(picture, index) in problemDetail.problem_pictures\"\n                :key=\"index\"\n                :src=\"picture\"\n              >\n                <template v-slot:loading><van-loading /></template\n              ></van-image>\n            </div>\n          </div>\n        </div>\n        <div class=\"time\">2022-19-12 12:00:21</div>\n      </div>\n\n      <div class=\"reply-item\" v-for=\"reply in replyList\" :key=\"reply.id\" :class=\"[reply.type == 1 ? '' : 'self']\">\n        <div class=\"title\">\n          <img :src=\"reply.type == 1 ? '/images/common/self-avatar.jpg' : user.avatar\" class=\"avatar\" />\n          <div class=\"name\">{{ reply.type == 1 ? '月之底客服' : user.name }}</div>\n        </div>\n        <div class=\"content\">{{ reply.content }}</div>\n        <div class=\"time\">{{ reply.created_at }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'FeedbackDetail',\n}\n</script>\n<script setup>\nimport { Image, ImagePreview, Loading } from 'vant'\nimport { ref, onMounted, reactive, computed } from 'vue'\nimport { useStore } from 'vuex'\nimport { useRoute } from 'vue-router'\nimport { getProblemDetail } from '@/api/problem'\nimport config from '@/config'\n\nconst VanImage = Image\nconst VanImagePreview = ImagePreview.Component\nconst VanLoading = Loading\nconst store = useStore()\nconst route = useRoute()\n\nconst problemId = ref(0)\nconst user = computed(() => store.state.user.info)\nconst problemDetail = ref({ problem_pictures: [] })\nconst replyList = ref([])\n\nonMounted(() => {\n  initData()\n})\n\nconst initData = () => {\n  store.dispatch('user/getInfo')\n  store.dispatch('player/getInfo')\n  problemId.value = route.query.id || 0\n  getProblemDetail({ problemId: problemId.value }).then(res => {\n    problemDetail.value = res.data.problemDetail\n    replyList.value = res.data.replyList\n  })\n}\n\nconst imagePreview = index => {\n  ImagePreview({ images: problemDetail.value.problem_pictures, startPosition: index })\n}\n</script>\n\n<style lang=\"scss\" scoped>\n* {\n  box-sizing: border-box;\n}\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.reply-list {\n  padding: 20px 10px;\n}\n.reply-item {\n  width: 100%;\n  margin-bottom: 15px;\n}\n\n.reply-item .title {\n  display: flex;\n  margin-bottom: 10px;\n}\n\n.reply-item.self .title {\n  flex-direction: row-reverse;\n}\n\n.reply-item .avatar {\n  width: 30px;\n  height: 30px;\n  border-radius: 5px;\n}\n.reply-item .name {\n  line-height: 35px;\n  margin-left: 10px;\n  color: #d3d9e7;\n  font-size: 14px;\n}\n.reply-item.self .name {\n  margin-right: 10px;\n}\n.reply-item .content {\n  font-size: 14px;\n  background: #242329;\n  position: relative;\n  color: #b6b7cb;\n  padding: 18px 20px;\n  border-radius: 7px;\n  width: 90vw;\n  margin-bottom: 5px;\n}\n\n.reply-item.self .content {\n  background: #2e2e36;\n  float: right;\n}\n.reply-item .content:after {\n  bottom: 100%;\n  left: 15px;\n  border: solid transparent;\n  content: ' ';\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n  border-bottom-color: #242329;\n  border-width: 10px;\n  margin-left: -10px;\n}\n\n.reply-item.self .content:after {\n  left: auto;\n  right: 5px;\n  border-bottom-color: #2e2e36;\n}\n.chat-title {\n  color: var(--app-title-color);\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 5px;\n}\n\n.picture {\n  margin-right: 10px;\n}\n.reply-item .time {\n  color: #7a7c89;\n  font-size: 13px;\n  margin-left: 5px;\n}\n\n.reply-item.self .time {\n  text-align: right;\n  margin-right: 5px;\n}\n\n.pictures {\n  display: flex;\n}\n.van-image {\n  padding: 0 10px;\n}\n</style>\n","import script from \"./Detail.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Detail.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Detail.vue?vue&type=style&index=0&id=49f7bdb0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/eom_player/wechat_web/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-49f7bdb0\"]])\n\nexport default __exports__","import { ImagePreview } from \"./function-call\";\nvar stdin_default = ImagePreview;\nexport {\n  ImagePreview,\n  stdin_default as default\n};\n","import \"../../style/base.css\";\nimport \"../../badge/index.css\";\nimport \"../../icon/index.css\";\nimport \"../index.css\";\n","import \"../../style/base.css\";\nimport \"../../badge/index.css\";\nimport \"../../icon/index.css\";\nimport \"../../image/index.css\";\nimport \"../../loading/index.css\";\nimport \"../../overlay/index.css\";\nimport \"../../popup/index.css\";\nimport \"../../swipe/index.css\";\nimport \"../../swipe-item/index.css\";\nimport \"../index.css\";\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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Detail.vue?vue&type=style&index=0&id=49f7bdb0&lang=scss&scoped=true\"","import http from '@/utils/request'\r\n\r\n/**\r\n * 问题类型\r\n * @returns\r\n */\r\nexport const getProblemCatList = () => {\r\n  return http.get('/problem/problem-cat-list')\r\n}\r\n\r\n/**\r\n * 提交问题反馈\r\n * @returns\r\n */\r\nexport const submitProblemFeedback = (data = {}) => {\r\n  return http.post('/problem/submit-feedback', data)\r\n}\r\n\r\n/**\r\n * 反馈问题列表\r\n * @returns\r\n */\r\nexport const getProblemList = (params = {}) => {\r\n  return http.get('/problem/list', params)\r\n}\r\n\r\n/**\r\n * 反馈问题详情\r\n * @returns\r\n */\r\nexport const getProblemDetail = (params = {}) => {\r\n  return http.get('/problem/detail', params)\r\n}\r\n"],"sourceRoot":""}