{"version":3,"sources":["webpack:///./src/views/message/detail.vue?40e8","webpack:///./src/views/message/detail.vue?30f7","webpack:///./src/views/message/detail.vue","webpack:///src/views/message/detail.vue","webpack:///./src/views/message/detail.vue?eb8c","webpack:///./src/views/message/detail.vue?6575"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_s","messageDetail","content","create_time","staticRenderFns","name","props","langType","default","active","data","created","mounted","computed","watch","immediate","deep","handler","newValue","id","getDetail","methods","$api","GET_MESSAGE_DETAIL","then","res","console","log","component"],"mappings":"gHAAA,W,oCCAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,GAAK,cAAc,CAACH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,cAAcC,YAAYP,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACJ,EAAIM,GAAG,QAAQN,EAAIO,GAAGP,EAAIQ,cAAcE,uBAE1VC,EAAkB,GCiBP,GACfC,KAAA,gBACAC,MAAA,CACAC,SAAA,CACAC,QAAA,GAEAC,OAAA,IAEAC,OACA,OACAT,cAAA,KAGAU,YACAC,YAEAC,SAAA,GAEAC,MAAA,CACA,gBACAC,WAAA,EACAC,MAAA,EACAC,QAAAC,GACAA,EAAAC,IACA,KAAAC,UAAAF,EAAAC,OAMAE,QAAA,CACAD,UAAAD,GACA,KAAAG,KACAC,mBAAA,CAAAJ,OACAK,KAAAC,IACAC,QAAAC,IAAAF,GACA,KAAAxB,cAAAwB,OCvD8V,I,kCCS1VG,EAAY,eACd,EACApC,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E","file":"js/chunk-63a28280.ce9c5bb3.js","sourcesContent":["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=6aba760d&prod&lang=scss&scoped=true\"","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=1&id=6aba760d&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\",attrs:{\"id\":\"container\"}},[_c('div',{staticClass:\"main-page\"},[_c('div',{staticClass:\"message-detail\"},[_c('p',{staticClass:\"content\"},[_vm._v(_vm._s(_vm.messageDetail.content))]),_c('p',{staticClass:\"time\"},[_vm._v(\"创建时间：\"+_vm._s(_vm.messageDetail.create_time))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\" id=\"container\">\n    <!-- <div class=\"top-banner\">\n      <div class=\"banner-img\">\n        <img class=\"banner\" src=\"../../../assets/images/jobs/banner.png\" alt=\"\">\n      </div>\n    </div> -->\n    <div class=\"main-page\">\n      <div class=\"message-detail\">\n        <p class=\"content\">{{ messageDetail.content }}</p>\n        <p class=\"time\">创建时间：{{ messageDetail.create_time }}</p>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<script>\n\nexport default {\n  name: \"messageDetail\",\n  props: {\n    langType: {\n      default: 1\n    },\n    active: {}\n  },\n  data() {\n    return {\n      messageDetail: {}\n    };\n  },\n  created() { },\n  mounted() {\n  },\n  computed: {\n  },\n  watch: {\n    '$route.query': {\n      immediate: true,\n      deep: true,\n      handler(newValue) {\n        if (newValue.id) {\n          this.getDetail(newValue.id)\n        }\n\n      }\n    },\n  },\n  methods: {\n    getDetail(id) {\n      this.$api\n        .GET_MESSAGE_DETAIL({ id: id })\n        .then((res) => {\n          console.log(res)\n          this.messageDetail = res\n        })\n    }\n\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.container {\n  height: calc(100vh - 50px);\n  overflow-y: scroll;\n  background: white;\n  padding-bottom: 75px;\n}\n\n.top-banner {\n  .banner-video {\n    width: 100%;\n    z-index: 10;\n    overflow: hidden;\n\n    .video {\n      overflow: hidden;\n      // border-radius: 15px 15px 0 0;\n    }\n  }\n\n  .banner-img img {\n    width: 100%;\n  }\n}\n\n.job-list {\n  padding-bottom: 25px;\n\n  .event-cover{\n    display:block;\n    width:calc(100% - 40px);\n    margin:0 20px;\n  }\n\n\n\n  ::v-deep .van-empty__image {\n    width: 216px;\n  }\n\n  ::v-deep .van-empty__image img {\n    width: 216px;\n    height: 150px;\n  }\n\n  ::v-deep .van-empty__bottom {\n    color: #999999;\n    font-size: 14px;\n  }\n\n  ::v-deep .van-list__finished-text {\n    color: #cccccc;\n  }\n}\n\n.company-info {\n  padding: 15px 19px;\n\n  .top {\n    display: flex;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    .name {\n      position: relative;\n      margin: 0;\n      font-size: 18px;\n      font-weight: bold;\n      padding-left: 8px;\n\n      &::before {\n        display: block;\n        content: \"\";\n        width: 3px;\n        height: 18px;\n        background: #e95944;\n        position: absolute;\n        top: 4px;\n        left: 0;\n      }\n    }\n\n    span {\n      display: flex;\n      line-height: 24px;\n    }\n  }\n\n  .title-more {\n    display: flex;\n    align-items: center;\n    color: #333;\n  }\n}\n\n::v-deep .van-popup__close-icon--top-right {\n  top: 24px;\n}\n\n.btn {\n  height: 38px;\n  width: 100px;\n  margin: 5px 20px;\n  text-align: center;\n  font-size: 16px;\n  font-weight: bold;\n  border-radius: 25px;\n  border: 1px solid #eaedf0;\n  background: linear-gradient(90deg, #e95944 0%, #e95944 100%);\n  cursor: pointer;\n\n  &.disabled {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n}\n\n.confirm {\n  color: #ffffff;\n}\n\n.job-result {\n  .btn {\n    margin: 0 auto;\n    cursor: pointer;\n  }\n}\n\n.detail-join {\n  .btn {\n    margin: 10px auto;\n    cursor: pointer;\n  }\n}\n\n::v-deep {\n  .notice-list {\n    .van-cell__title {\n      text-align: left;\n      font-size: 14px;\n    }\n  }\n}\n\n.my-sign {\n  margin: 0 20px;\n  display: flex;\n  align-items: center;\n  padding: 10px;\n  flex-wrap: wrap;\n  background: #f3f3f3;\n  border-radius: 20px;\n  font-size: 15px;\n  position: relative;\n  margin-bottom:10px;\n  p {\n    margin: 0 5px;\n    width: 100%;\n    text-align: left;\n    margin-bottom: 5px;\n  }\n\n  .btn-box{\n    display: flex;\n      position: absolute;\n      top: 5px;\n      right: 5px;\n    }\n\n    .btn {\n      width: 80px;\n      height: 30px;\n      margin: 0;\n    }\n}\n\n.detail-join-fixed {\n  width: 100%;\n  background: #fff;\n  position: fixed;\n  bottom: 0px;\n  left: 0px;\n  text-align: center !important;\n  z-index: 999;\n  margin-bottom: 0 !important;\n}\n\n.btn-download {\n  width: 120px;\n  height: 40px;\n  margin-top: 15px;\n  color: #e95944;\n  background: #ddd;\n}\n\n@media (min-width: 992px) {\n  .container {\n    height: 100%;\n    padding-bottom: 75px;\n    overflow-y: auto;\n\n  }\n\n  .main-page {\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .top-banner {\n    .banner-video {\n      width: 100%;\n    }\n\n    .banner-img img {\n      width: 100%;\n    }\n  }\n\n  .job-list {\n    padding-bottom: 25px;\n\n    .event-cover{\n      display:block;\n      width:200px;\n      padding-left:20px;\n      margin:0;\n    }\n\n\n    ::v-deep .van-empty__image {\n      width: 216px;\n    }\n\n    ::v-deep .van-empty__image img {\n      width: 216px;\n      height: 150px;\n    }\n\n    ::v-deep .van-empty__bottom {\n      color: #999999;\n      font-size: 14px;\n    }\n  }\n\n  .company-info {\n    padding: 15px 19px;\n\n    .title {\n      .name {\n        margin: 0;\n        font-size: 18px;\n        padding-left: 8px;\n\n        &::before {\n          display: block;\n          content: \"\";\n          width: 3px;\n          height: 18px;\n          top: 4px;\n          left: 0;\n        }\n      }\n\n      span {\n        line-height: 24px;\n      }\n    }\n  }\n\n  ::v-deep .van-popup__close-icon--top-right {\n    top: 24px;\n  }\n\n  .btn {\n    height: 36px;\n    width: 100px;\n    font-size: 16px;\n    border-radius: 25px;\n    border: 1px solid #eaedf0;\n    cursor: pointer;\n  }\n\n  .confirm {\n    color: #ffffff;\n    margin-left: auto;\n  }\n\n  .job-result {\n    .btn {\n      margin: 0 auto;\n      cursor: pointer;\n    }\n  }\n\n  .detail-join {\n    .btn {\n      margin: 10px auto;\n      cursor: pointer;\n    }\n  }\n\n  ::v-deep {\n    .notice-list {\n      .van-cell__title {\n        text-align: left;\n        font-size: 14px !important;\n        padding-left: 10px;\n      }\n    }\n  }\n\n  .my-sign {\n    margin: 0 20px;\n    display: flex;\n    align-items: center;\n    padding: 10px;\n    flex-wrap: wrap;\n    background: #f3f3f3;\n    border-radius: 20px;\n    font-size: 15px;\n    position: relative;\n    margin-bottom:10px;\n    p {\n      width: 30%;\n      margin: 0 5px;\n      text-align: left;\n      margin-bottom: 5px;\n    }\n\n    p:last-child {\n      min-width: 100%;\n    }\n\n    .btn-box{\n      display: flex;\n      position: absolute;\n      top: 5px;\n      right: 5px;\n    }\n\n    .btn {\n      width: 80px;\n      height: 30px;\n      margin: 0;\n    }\n  }\n\n  .detail-join-fixed {\n    width: 100%;\n    background: #fff;\n    position: fixed;\n    bottom: 0px;\n    left: 0px;\n    text-align: center !important;\n    z-index: 999;\n    margin-bottom: 0 !important;\n  }\n}\n</style>\n\n<style scoped lang=\"scss\">\n.job-detail {\n  padding-top: 15px;\n}\n\n.top-info {\n  padding: 0 20px;\n  align-self: flex-start;\n  display: flex;\n  justify-content: space-between;\n\n  .title {\n    font-size: 18px;\n    font-weight: bold;\n    color: #333333;\n    line-height: 33px;\n    margin-right: 20px;\n    text-align: left;\n    padding-bottom: 0.5em;\n  }\n\n  .message-title{\n    width: 30em;\n    font-size:16px;\n    white-space: nowrap; /* 不换行 */\n    overflow: hidden; /* 超出部分隐藏 */\n    text-overflow: ellipsis;\n  }\n\n  .go-detail {\n    width: 60px;\n    min-width: 60px;\n    margin-right: 30px;\n    transform: translateY(1.5px);\n    text-decoration: underline;\n    color: #e95944;\n    font-size: 12px;\n    margin-top: 7px;\n  }\n}\n\n.labels {\n  margin: 0px 20px;\n  padding-bottom: 10px;\n  display: flex;\n  height: 20px;\n  align-items: center;\n\n  .label {\n    font-size: 14px;\n    color: #666666;\n    display: flex;\n    align-items: center;\n\n    .icon-label {\n      width: 15px;\n      height: 15px;\n      margin-right: 6px;\n    }\n\n    span {\n      height: 20px;\n      line-height: 20px;\n    }\n\n    span.work-city {\n      max-width: 75px;\n    }\n  }\n\n\n  .event-label{\n    display:block;\n  }\n\n  .bar {\n    width: 1px;\n    height: 15px;\n    margin: 0 10px;\n    background: #f1f4f6;\n  }\n}\n\n.scroll-div {\n  padding: 0 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n\n  .release-time {\n    font-size: 12px;\n    color: #999999;\n    line-height: 17px;\n    margin-bottom: 14px;\n  }\n\n  .card-info {\n    padding: 6px 15px;\n    background: #f8fafb;\n    border-radius: 10px;\n    margin-bottom: 25px;\n\n    .van-col {\n      padding: 5px;\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n\n      .info-label {\n        color: #999999;\n      }\n\n      .info-value {\n        margin-left: 10px;\n        font-weight: bold;\n        color: #333333;\n        max-width: 70px;\n      }\n    }\n  }\n\n  .sub-title {\n    font-size: 16px;\n    font-weight: bold;\n    color: #333333;\n    margin-bottom: 0px;\n    padding-top: 15px;\n  }\n\n  .detail {\n    width: 100%;\n    font-size: 15px;\n    color: #666666;\n    word-wrap: break-word;\n    word-break: normal;\n    white-space: pre-wrap;\n    text-align: left;\n    max-width: 100%;\n    line-height: 28px;\n    margin-bottom: 0px;\n\n    p {\n      margin: 0;\n    }\n  }\n}\n\n::v-deep .van-loading {\n  width: 100%;\n  height: 100%;\n  background: white;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n}\n\n.popup {\n  overflow: hidden;\n\n  .scroll-div {\n    height: 354px;\n    max-height: 48vh;\n    overflow-y: scroll;\n  }\n}\n\n::v-deep .detail p {\n  margin-top: 10px;\n  margin-bottom: 0;\n}\n\n.message-detail{\n  text-align:left;\n  padding:30px 0;\n}\n\n.message-detail .time{\n  font-size:12px;\n  color: #999;\n}\n\n@media (min-width: 992px) {\n  .message-detail{\n    padding:30px 0;\n  text-align:left;\n}\n\n.message-detail .time{\n  font-size:12px;\n  color: #999;\n}\n\n  .job-detail {\n    padding-top: 15px;\n    border-bottom: 1px solid #efefef;\n    display: flex;\n    // align-items: center;\n    // justify-content: space-between;\n  }\n\n  .top-info {\n    padding: 0 20px;\n    align-self: flex-start;\n    display: flex;\n    justify-content: space-between;\n\n    .title {\n      font-size: 18px;\n      font-weight: bold;\n      color: #333333;\n      line-height: 33px;\n      margin-right: 20px;\n      text-align: left;\n    }\n\n    .message-title{\n      width: 30em;\n      font-size:16px;\n      white-space: nowrap; /* 不换行 */\n      overflow: hidden; /* 超出部分隐藏 */\n      text-overflow: ellipsis;\n    }\n\n    .go-detail {\n      width: 60px;\n      min-width: 60px;\n      margin-right: 30px;\n      transform: translateY(1.5px);\n      text-decoration: underline;\n      color: #e95944;\n      font-size: 12px;\n      margin-top: 7px;\n    }\n  }\n\n  .labels {\n    margin: 0px 20px;\n    padding-bottom: 10px;\n    display: flex;\n    height: 20px;\n    align-items: center;\n    position: absolute;\n    bottom:0;\n\n   \n\n    .label {\n      font-size: 14px;\n      color: #666666;\n      display: flex;\n      align-items: center;\n\n      .icon-label {\n        width: 15px;\n        height: 15px;\n        margin-right: 6px;\n      }\n\n      span {\n        height: 20px;\n        line-height: 20px;\n      }\n\n      span.work-city {\n        max-width: 75px;\n      }\n    }\n\n    .event-label{\n      display:block;\n    }\n\n    .bar {\n      width: 1px;\n      height: 15px;\n      margin: 0 10px;\n      background: #f1f4f6;\n    }\n  }\n\n  .scroll-div {\n    padding: 0 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    .release-time {\n      font-size: 12px;\n      color: #999999;\n      line-height: 17px;\n      margin-bottom: 14px;\n    }\n\n    .card-info {\n      padding: 6px 15px;\n      background: #f8fafb;\n      border-radius: 10px;\n      margin-bottom: 25px;\n\n      .van-col {\n        padding: 5px;\n        display: flex;\n        align-items: center;\n        font-size: 14px;\n\n        .info-label {\n          color: #999999;\n        }\n\n        .info-value {\n          margin-left: 10px;\n          font-weight: bold;\n          color: #333333;\n          max-width: 70px;\n        }\n      }\n    }\n\n    .sub-title {\n      font-size: 16px;\n      font-weight: bold;\n      color: #333333;\n      margin-bottom: 0px;\n      padding-top: 15px;\n    }\n\n    .detail {\n      font-size: 15px;\n      color: #666666;\n      word-wrap: break-word;\n      word-break: normal;\n      white-space: pre-wrap;\n      text-align: left;\n      max-width: 100%;\n      line-height: 28px;\n      margin-bottom: 0px;\n\n      p {\n        margin: 0;\n      }\n    }\n  }\n\n  ::v-deep .van-loading {\n    width: 100%;\n    height: 100%;\n    background: white;\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 100;\n  }\n\n  .popup {\n    overflow: hidden;\n\n    .scroll-div {\n      height: 354px;\n      max-height: 48vh;\n      overflow-y: scroll;\n    }\n  }\n\n  ::v-deep .detail p {\n    margin-top: 10px;\n    margin-bottom: 0;\n  }\n\n  .btn-download {\n    width: 120px;\n    height: 40px;\n    margin-top: 15px;\n    color: #e95944;\n    background: #ddd;\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=6aba760d&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=6aba760d&prod&lang=scss&scoped=true\"\nimport style1 from \"./detail.vue?vue&type=style&index=1&id=6aba760d&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  \"6aba760d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}