{"version":3,"sources":["webpack:///./src/views/exercise/question-list.vue","webpack:///./src/views/exercise/question-list.vue?0159","webpack:///./src/components/exercise/no-data/index.vue?b026","webpack:///./src/components/exercise/img/no-data.png","webpack:///./src/components/exercise/question/item.vue?204e","webpack:///./src/components/exercise/no-data/index.vue","webpack:///./src/components/exercise/no-data/index.vue?2ae6","webpack:///./src/views/exercise/question-list.vue?c9ab","webpack:///./src/components/exercise/question/item.vue","webpack:///./src/components/exercise/question/item.vue?19b2"],"names":["proxy","$showLoading","$hideLoading","$toast","tabList","Object","freeze","label","value","currentTab","selectTab","item","getList","id","utils","getQueryParams","pageNo","pageCount","timer","isScrollLoad","list","scrollLoadList","winHeight","window","innerHeight","scrollTop","document","scrollingElement","scrollViewHeight","querySelector","offsetHeight","realFunc","requestAnimationFrame","params","taskId","fetchApi","getOtherQuestionList","getMyQuestionList","res","Number","code","data","message","addEventListener","isPassive","passive","capture","cancelAnimationFrame","removeEventListener","__exports__","module","exports","image","$router","detailAction","push","props","dialogId"],"mappings":"2lBAqCA,MAA0D,iBAA1D,IAAQA,MAASC,EAAjB,EAAiBA,aAAcC,EAA/B,EAA+BA,aAAcC,EAA7C,EAA6CA,OAEvCC,EAAUC,OAAOC,OAAO,CAAC,CAC7BC,MAAO,SACPC,MAAO,GAET,CACED,MAAO,OACPC,MAAO,KAGHC,EAAa,eAAI,GACjBC,EAAY,SAAAC,GACZA,EAAKH,QAAUC,EAAWD,QAC5BC,EAAWD,MAAQG,EAAKH,MACxBI,MAGEC,EAAK,eAAIC,EAAA,KAAMC,eAAe,OAAS,GACvCC,EAAS,eAAI,GACbC,EAAY,eAAI,GAChBC,EAAQ,eAAI,MACZC,EAAe,gBAAI,GAEnBC,EAAO,eAAI,IAEXC,EAAiB,WACrB,IAAMC,EAAYC,OAAOC,YACnBC,EAAYC,SAASC,iBAAiBF,UACtCG,EACJF,SAASG,cAAc,wBAAwBC,aAAe,GAC1DC,EAAW,WAEbT,EAAYG,GAAaG,GACzBZ,EAAOR,MAAQS,EAAUT,MAEzBQ,EAAOR,OAAS,EAKhBW,EAAaX,OAAQ,GAGrBW,EAAaX,QACfW,EAAaX,OAAQ,EACrBU,EAAMV,MAAQe,OAAOS,sBAAsBD,KAIzCnB,EAAO,yDAAG,2GACTC,EAAGL,MADM,uBAEZL,EAAO,SAFK,iCAKR8B,EAAS,CACbC,OAAQrB,EAAGL,OAEP2B,EAAgC,IAArB1B,EAAWD,MAAc,OAAQ4B,qBAAuB,OAAQC,kBACjFpC,IATc,SAUIkC,EAASF,GAVb,OAURK,EAVQ,OAWdpC,IACyB,MAArBqC,OAAOD,EAAIE,MACbpB,EAAKZ,MAAQ8B,EAAIG,KAEjBtC,EAAOmC,EAAII,SAfC,4CAAH,qD,OAmBb,gBAAU,WACR9B,IACAW,OAAOoB,iBACL,SACAtB,GACAP,EAAA,KAAM8B,aAAc,CAAEC,SAAS,EAAMC,SAAS,OAGlD,gBAAgB,WACdvB,OAAOwB,qBAAqB7B,EAAMV,OAClCe,OAAOyB,oBACL,SACA3B,GACAP,EAAA,KAAM8B,aAAc,CAAEC,SAAS,EAAMC,SAAS,O,szBCjHlD,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W,gDCAAC,EAAOC,QAAU,IAA0B,4B,6DCA3C,W,sRCSA,IAAMC,EAAQ,I,uLCHd,MAAMH,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U,kCCRf,W,guBCgDMI,EAAU,iBAWVC,EAAe,SAAA9C,GACnB6C,EAAQE,KAAR,uCAA6CC,EAAM7C,KAAK8C,UAAxD,OAAmEjD,EAAQ,UAAY,M,qoDCtDzF,MAAMyC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U","file":"js/exercise-question-list.d64ab587.js","sourcesContent":["<template>\n  <div class=\"page-view\">\n    <div class=\"scroll-view-wrapper exercise-question-list\">\n      <e-header title='查看问题' :showBtn=\"false\" />\n\n      <div class=\"tab\">\n        <div class=\"tab-item\" :class=\"{active: item.value === currentTab}\"\n          v-for=\"item in tabList\" :key=\"item.value\"\n          @click=\"selectTab(item)\"\n        >{{item.label}}</div>\n      </div>\n\n      <div class=\"tab-content\">\n        <div class='no-data' v-if=\"!list.length\">\n          <no-data />\n        </div>\n        <div v-else>\n          <template v-for=\"item in list\" :key=\"item.dialogId\">\n            <question-item :item=\"item\" />\n          </template>\n        </div>\n      </div>\n\n      <div class=\"ui-safe-area-inset\"></div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'\nimport utils from '@/public/utils'\nimport { exerReq } from '@/api'\n\nimport EHeader from '@/components/exercise/header/index.vue'\nimport NoData from '@/components/exercise/no-data/index.vue'\nimport QuestionItem from '@/components/exercise/question/item.vue'\n\nconst { proxy: { $showLoading, $hideLoading, $toast } } = getCurrentInstance()\n\nconst tabList = Object.freeze([{\n  label: '其他学员问题',\n  value: 1\n},\n{\n  label: '我的问题',\n  value: 2\n}])\n\nconst currentTab = ref(1)\nconst selectTab = item => {\n  if (item.value !== currentTab.value) {\n    currentTab.value = item.value\n    getList()\n  }\n}\nconst id = ref(utils.getQueryParams('id') || 0)\nconst pageNo = ref(1)\nconst pageCount = ref(0)\nconst timer = ref(null)\nconst isScrollLoad = ref(false)\n// const showLoading = ref(false)\nconst list = ref([])\n\nconst scrollLoadList = () => {\n  const winHeight = window.innerHeight\n  const scrollTop = document.scrollingElement.scrollTop\n  const scrollViewHeight =\n    document.querySelector(\".scroll-view-wrapper\").offsetHeight - 20\n  const realFunc = () => {\n    if (\n      winHeight + scrollTop >= scrollViewHeight &&\n      pageNo.value < pageCount.value\n    ) {\n      pageNo.value += 1\n      // this.showLoading = true\n      // this.getArticleList()\n    } else {\n      // this.isScrollLoad = true\n      isScrollLoad.value = true\n    }\n  }\n  if (isScrollLoad.value) {\n    isScrollLoad.value = false\n    timer.value = window.requestAnimationFrame(realFunc)\n  }\n}\n\nconst getList = async () => {\n  if (!id.value) {\n    $toast('id不存在')\n    return\n  }\n  const params = {\n    taskId: id.value\n  }\n  const fetchApi = currentTab.value === 1 ? exerReq.getOtherQuestionList : exerReq.getMyQuestionList\n  $showLoading()\n  const res = await fetchApi(params)\n  $hideLoading()\n  if (Number(res.code) === 200) {\n    list.value = res.data\n  } else {\n    $toast(res.message)\n  }\n}\n\nonMounted(() => {\n  getList()\n  window.addEventListener(\n    \"scroll\",\n    scrollLoadList,\n    utils.isPassive() ? { passive: true, capture: true } : true\n  )\n})\nonBeforeUnmount(() => {\n  window.cancelAnimationFrame(timer.value)\n  window.removeEventListener(\n    \"scroll\",\n    scrollLoadList,\n    utils.isPassive() ? { passive: true, capture: true } : true\n  )\n})\n\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"~@/components/exercise/style/default.scss\";\n\n.exercise-question-list {\n  background-color: #F5F5F7;\n  box-sizing: border-box;\n  .tab {\n    background-color: #fff;\n    height: 90px;\n    width: 100%;\n    padding: 0 28px;\n    display: flex;\n    align-items: center;\n    border-bottom: 2px solid #EFEFEF;\n    &-item {\n      font-size: 32px;\n      color: #969799;\n      height: 100%;\n      line-height: 90px;\n      margin-right: 40px;\n      &.active {\n        color: #232323;\n        position: relative;\n        font-weight: bold;\n        &::after {\n          content: '';\n          width: 44px;\n          height: 8px;\n          background: #FF6600;\n          border-radius: 6px;\n          position: absolute;\n          bottom: 0;\n          left: 50%;\n          transform: translateX(-50%);\n        }\n      }\n    }\n  }\n\n  .tab-content {\n    position: absolute;\n    top: 1.78rem;\n    bottom: 0;\n    left: 0;\n    right: 0;\n\n    .no-data {\n      position: absolute;\n      top: 40%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n\n}\n</style>\n","import script from \"./question-list.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./question-list.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./question-list.vue?vue&type=style&index=0&id=a0c06ee0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/data/jenkins/workspace/prod-hys-h5-5.0/hys-h5-5.0/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-a0c06ee0\"]])\n\nexport default __exports__","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-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-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=57f064e6&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/no-data.78ad9b4a.png\";","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-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-loader-v16/dist/index.js??ref--1-1!./item.vue?vue&type=style&index=0&id=db4f48d8&lang=scss&scoped=true\"","<template>\n  <div class=\"new_exercise-no-data\">\n    <img class=\"img\" :src=\"image\" alt=\"\">\n    <p>暂无数据~</p>\n  </div>\n</template>\n\n<script setup>\nimport NoDataImg from \"../img/no-data.png\"\nconst image = NoDataImg\n</script>\n\n<style lang=\"scss\" scoped>\n.new_exercise-no-data {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  background-color: transparent;\n  border-radius: 0.12rem;\n  padding: 0.46rem 0 0.48rem;\n  .img {\n    width: 3.20rem;\n  }\n  p {\n    margin-top: 0.14rem;\n    color: #969799;\n    font-size: 0.28rem;\n  }\n}\n</style>\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=57f064e6&lang=scss&scoped=true\"\n\nimport exportComponent from \"/data/jenkins/workspace/prod-hys-h5-5.0/hys-h5-5.0/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-57f064e6\"]])\n\nexport default __exports__","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-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-loader-v16/dist/index.js??ref--1-1!./question-list.vue?vue&type=style&index=0&id=a0c06ee0&lang=scss&scoped=true\"","<template>\n  <div class=\"question-item\">\n    <div class=\"question-item__info\" @click=\"detailAction(0)\">\n      <div class=\"user-info\">\n        <img class=\"avatar\" :src=\"item.avatar\" alt=\"\">\n        <div class=\"info\">\n          <p class=\"name text-overflow\">{{item.userName}}</p>\n          <p class=\"hospital text-overflow\">{{item.hospitalName}} {{item.title}}</p>\n        </div>\n      </div>\n      <h4 class=\"title text-overflow\">{{item.subject}}</h4>\n      <div class=\"content\">\n        <p class=\"text\">{{item.detail.description}}</p>\n        <div class=\"imgBox\">\n          <img class=\"cover\" :src=\"item.detail.files[0]\" alt=\"\" v-if=\"item.detail.files.length\">\n        </div>\n      </div>\n      <div class=\"btn\">\n        <div class=\"item comment\">\n          <i></i>\n          <span>{{ item.commentCount }}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"question-item__reply\" v-show=\"item.remarks.length\" @click=\"detailAction(1)\">\n      <div class=\"reply-item\" v-for=\"remark in item.remarks\" :key=\"remark.remarkId\">\n        <div class=\"user\">\n          <img class=\"avatar\" :src=\"remark.userAvatar\" alt=\"\">\n          <div class=\"info\">\n            <p class=\"name\">\n              <span class=\"text-overflow\">{{remark.userName}}</span>\n              <i :class=\"[item.role]\"></i>\n            </p>\n            <p class=\"title text-overflow\">{{remark.hospitalName}} {{remark.title}}</p>\n          </div>\n        </div>\n        <div class=\"content\">\n          {{remark.comment}}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { defineProps } from 'vue'\nimport { useRouter } from 'vue-router'\n\nconst $router = useRouter()\n\nconst props = defineProps({\n  item: {\n    type: Object,\n    default: () => {\n      return {}\n    }\n  }\n})\n\nconst detailAction = value => {\n  $router.push(`/exercise/question/detail?id=${props.item.dialogId}${value ? '&type=1' : ''}`)\n}\n\n</script>\n<style lang=\"scss\" scoped>\n.question-item {\n  padding: 50px 32px 34px;\n  background-color: #fff;\n  margin-bottom: 16px;\n\n  &__info {\n    .user-info {\n      display: flex;\n      align-items: center;\n      margin-bottom: 20px;\n      .avatar {\n        width: 68px;\n        height: 68px;\n        border-radius: 50%;\n        margin-right: 16px;\n        background-color: black;\n      }\n      .info {\n        .name {\n          color: #212224;\n          font-size: 28px;\n        }\n        .hospital {\n          color: #969799;\n          font-size: 24px;\n        }\n      }\n    }\n\n    .title {\n      color: #212224;\n      font-size: 36px;\n      font-weight: 600;\n      margin-bottom: 16px;\n    }\n    .content {\n      display: flex;\n      align-items: center;\n      margin-bottom: 34px;\n      justify-content: space-between;\n      .text {\n        flex: 1;\n        color: #626366;\n        max-height: 144px;\n        line-height: 48px;\n        font-size: 32px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        margin-right: 24px;\n      }\n      .imgBox {\n        max-width: 180px;\n        height: 136px;\n        overflow: hidden;\n        box-shadow: 0 0 1PX #ccc;\n        border-radius: 7px;\n        img {\n          width: 100%;\n          height: 100%;\n          object-fit: contain;\n        }\n      }\n    }\n\n    .btn {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      .item {\n        display: flex;\n        align-items: center;\n        i {\n          display: inline-block;\n          margin-right: 8px;\n          background-size: cover;\n          height: 32px;\n        }\n        span {\n          color: #969799;\n          font-size: 24px\n        }\n      }\n      .like {\n        margin-right: 62px;\n        i {\n          width: 32px;\n          background-image: url('~@/components/exercise/img/question_like_icon.png');\n        }\n      }\n      .comment {\n        i {\n          width: 34px;\n          background-image: url('~@/components/exercise/img/question_reply_icon.png');\n\n        }\n      }\n    }\n  }\n  &__reply {\n    border-top: 2px solid #F5F5F7;\n    padding: 30px 42px 0;\n    margin-top: 26px;\n    .reply-item {\n      .user {\n        display: flex;\n        margin-bottom: 16px;\n        .avatar {\n          width: 40px;\n          height: 40px;\n          border-radius: 50%;\n          display: inline-block;\n          margin-right: 16px;\n        }\n        .info {\n          .name {\n            display: flex;\n            align-items: center;\n            span {\n              display: inline-block;\n              color: #212224;\n              font-size: 28px;\n              max-width: 200px;\n              margin-right: 8px;\n            }\n            i {\n              display: inline-block;\n              width: 100px;\n              height: 40px;\n            }\n            i {\n              width: 100px;\n              height: 40px;\n              background-size: cover;\n            }\n            .ASSISTANT {\n              background-image: url('~@/components/exercise/img/question_assistant_icon.png');\n            }\n            .LECTURER {\n              background-image: url('~@/components/exercise/img/question_lector_icon.png');\n            }\n            .COACH {\n              background-image: url('../img/question_coach_icon.png');\n            }\n          }\n          .title {\n            color: #969799;\n            font-size: 24px;\n          }\n        }\n      }\n      .content {\n        padding-left: 56px;\n        color: #626366;\n        font-size: 28px;\n        line-height: 40px;\n      }\n    }\n  }\n}\n</style>\n","import script from \"./item.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./item.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./item.vue?vue&type=style&index=0&id=db4f48d8&lang=scss&scoped=true\"\n\nimport exportComponent from \"/data/jenkins/workspace/prod-hys-h5-5.0/hys-h5-5.0/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-db4f48d8\"]])\n\nexport default __exports__"],"sourceRoot":""}