{"version":3,"sources":["webpack:///./src/components/senior/SeniorCaseItem.vue?35aa","webpack:///src/components/senior/SeniorCaseItem.vue","webpack:///./src/components/senior/SeniorCaseItem.vue?2bdc","webpack:///./src/components/senior/SeniorCaseItem.vue?c4c6","webpack:///./src/components/widget/WidgetCaseCard.vue?75af","webpack:///./src/components/widget/WidgetCaseCard.vue?8d9d","webpack:///src/components/widget/WidgetCaseCard.vue","webpack:///./src/components/widget/WidgetCaseCard.vue?0924","webpack:///./src/components/widget/WidgetCaseCard.vue?9340","webpack:///./src/components/senior/SeniorCaseItem.vue?11b7","webpack:///./src/components/widget/WidgetCaseCard.vue?9c60"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","type","size","attrs","item","directives","name","rawName","value","expression","_t","style","borderColor","_v","_s","activity_name","thumbnail","_e","brand","noFileTypes","file_type","length","_f","noBadge","isaward","isNew","istop","staticRenderFns","props","Object","required","validator","includes","default","String","Boolean","computed","component","caseInfo","data","key","components","SeniorFileViewer","asyncComponent","SeniorCaseItem","favoriteDisabled","praiseDisabled","created","getSeniorInfo","methods"],"mappings":"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","file":"js/c-widget-WidgetCaseCard.356e999d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"senior-case-item-wrapper font-color-body\",class:[(_vm.type + \"-type\"), (_vm.size + \"-size\")],attrs:{\"href\":(\"https://hd.weibo.com/senior/view/\" + (_vm.item.id)),\"target\":\"_blank\"}},[_c('div',{staticClass:\"banner\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.item.banner),expression:\"item.banner\"}]}),_vm._t(\"after-banner-inner\")],2),_vm._t(\"default\",function(){return [_c('div',{staticClass:\"main-content\",style:({ borderColor: _vm.borderColor })},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.item.activity_name))]),_c('div',{staticClass:\"others\"},[(_vm.item.brand)?_c('div',{staticClass:\"brand-wrapper\"},[(_vm.type !== 'list')?_c('img',{attrs:{\"src\":_vm.item.thumbnail}}):_vm._e(),_c('span',{staticClass:\"brand-name\"},[_vm._v(\" \"+_vm._s(_vm.item.brand.name)+\" \")])]):_vm._e()]),_vm._t(\"after-main-inner\")],2)]}),(_vm.type === 'card')?[(!_vm.noFileTypes && _vm.item.file_type && _vm.item.file_type.length > 0)?_c('div',{staticClass:\"file-types\"},[_c('b',[_vm._v(\"文件\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"joinFileType\")(_vm.item.file_type)))])]):_vm._e(),(!_vm.noBadge)?_c('div',{staticClass:\"badge\",class:{\n        'is-award': _vm.item.isaward - 0 === 1,\n        'is-new': _vm.isNew,\n        'is-top': _vm.item.istop - 0 === 1\n      }}):_vm._e()]:_vm._e(),_vm._t(\"after\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a\n    :href=\"`https://hd.weibo.com/senior/view/${item.id}`\"\n    target=\"_blank\"\n    :class=\"[`${type}-type`, `${size}-size`]\"\n    class=\"senior-case-item-wrapper font-color-body\"\n  >\n    <div class=\"banner\">\n      <img v-lazy=\"item.banner\" />\n      <slot name=\"after-banner-inner\"></slot>\n    </div>\n    <slot>\n      <div class=\"main-content\" :style=\"{ borderColor }\">\n        <h3 class=\"title\">{{ item.activity_name }}</h3>\n        <div class=\"others\">\n          <div v-if=\"item.brand\" class=\"brand-wrapper\">\n            <img v-if=\"type !== 'list'\" :src=\"item.thumbnail\" />\n            <span class=\"brand-name\">\n              {{ item.brand.name }}\n            </span>\n          </div>\n        </div>\n        <slot name=\"after-main-inner\"></slot>\n      </div>\n    </slot>\n    <template v-if=\"type === 'card'\">\n      <div\n        v-if=\"!noFileTypes && item.file_type && item.file_type.length > 0\"\n        class=\"file-types\"\n      >\n        <b>文件</b>\n        <span>{{ item.file_type | joinFileType }}</span>\n      </div>\n      <div\n        v-if=\"!noBadge\"\n        class=\"badge\"\n        :class=\"{\n          'is-award': item.isaward - 0 === 1,\n          'is-new': isNew,\n          'is-top': item.istop - 0 === 1\n        }\"\n      ></div>\n    </template>\n    <slot name=\"after\"></slot>\n  </a>\n</template>\n\n<script>\nimport { date } from '@/utils'\nimport dayjs from 'dayjs'\n\nexport default {\n  props: {\n    item: {\n      type: Object,\n      required: true\n    },\n    type: {\n      validator(value) {\n        return ['card', 'list', 'rank', 'custom'].includes(value)\n      },\n      default: 'card'\n    },\n    size: {\n      type: String,\n      default: 'normal'\n    },\n    noFileTypes: Boolean,\n    noBadge: Boolean,\n    borderColor: { type: String, default: '' }\n  },\n  computed: {\n    isNew() {\n      const { start_time } = this.item\n      const start = dayjs(start_time)\n      return !date.isRoughAgo(start, 180, 'day')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.senior-case-item-wrapper {\n  border-radius: 8px;\n  display: block;\n  overflow: hidden;\n  margin-bottom: 30px;\n  position: relative;\n  background-color: #ffffff;\n  .banner {\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s;\n    img {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      float: left;\n      object-fit: cover;\n    }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-color: rgba(0, 0, 0, 0.15);\n      z-index: 10;\n      display: none;\n    }\n    &:after {\n      content: '';\n      display: block;\n      padding-bottom: 50%;\n      height: 0;\n    }\n  }\n  .badge {\n    position: absolute;\n    width: 26px;\n    height: 38px;\n    top: 0;\n    left: 16px;\n    background: no-repeat center/100% 100%;\n    z-index: 10;\n    &.is-new {\n      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMjYgMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5pawPC90aXRsZT4KICAgIDxnIGlkPSLorr7orqHnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLokKXplIDmoYjkvost5b+r6YCf6YCJ5oup6KGM5Lia6I+c5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzLjAwMDAwMCwgLTEwMzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLokKXplIDmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNy4wMDAwMDAsIDMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3MDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuaWsCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjMzM1MkZFIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMCAtNC4wODcwMDg1MWUtMTUgMCAzOCAxMi45OTk5NzU1IDMwLjAxMzQ2NjYgMjYgMzggMjYgMCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8dGV4dCBmb250LWZhbWlseT0iUGluZ0ZhbmdTQy1NZWRpdW0sIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjE0IiBmb250LXdlaWdodD0iNDAwIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0c3BhbiB4PSI2IiB5PSIyMCI+5pawPC90c3Bhbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC90ZXh0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');\n    }\n    &.is-award {\n      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMjYgMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5aWWPC90aXRsZT4KICAgIDxnIGlkPSLorr7orqHnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLokKXplIDmoYjkvost5b+r6YCf6YCJ5oup6KGM5Lia6I+c5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ2LjAwMDAwMCwgLTEwMzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLokKXplIDmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNy4wMDAwMDAsIDMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwMy4wMDAwMDAsIDcwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5aWWIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGw9IiNCQjlEN0QiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIwIC00LjA4NzAwODUxZS0xNSAwIDM4IDEyLjk5OTk3NTUgMzAuMDEzNDY2NiAyNiAzOCAyNiAwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLU1lZGl1bSwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjYiIHk9IjIwIj7lpZY8L3RzcGFuPgogICAgICAgICAgICAgICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');\n    }\n    &.is-top {\n      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMjcgMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+6aG2PC90aXRsZT4KICAgIDxnIGlkPSLorr7orqHnqL8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLokKXplIDmoYjkvost5b+r6YCf6YCJ5oup6KGM5Lia6I+c5Y2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTQ5LjAwMDAwMCwgLTEwMzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLokKXplIDmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNy4wMDAwMDAsIDMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLmoYjkvosiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwNi4wMDAwMDAsIDcwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i6aG2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGw9IiNGODY1M0YiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIwIC00LjA4NzAwODUxZS0xNSAwIDM4IDEzLjQ5OTk3NDUgMzAuMDEzNDY2NiAyNyAzOCAyNyAwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLU1lZGl1bSwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjYuMjMwNzY5MjMiIHk9IjIwIj7pobY8L3RzcGFuPgogICAgICAgICAgICAgICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');\n    }\n  }\n  .others {\n    position: relative;\n    overflow: hidden;\n  }\n  .main-content {\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s;\n    .title {\n      font-weight: bold;\n      margin: 0 0 10px;\n      transition: all 0.2s;\n    }\n  }\n  &.card-type,\n  &.rank-type {\n    .main-content {\n      border: 1px solid #efeff3;\n      border-top: none;\n      .put-time {\n        font-size: 13px;\n        color: #727272;\n      }\n      .brand-wrapper {\n        float: left;\n        img {\n          width: 36px;\n          height: 36px;\n          box-sizing: border-box;\n          float: left;\n          border-radius: 50%;\n          border: 1px solid #f4f5f7;\n          vertical-align: middle;\n          margin-right: 10px;\n        }\n        .brand-name {\n          font-size: 14px;\n          vertical-align: middle;\n          line-height: 36px;\n        }\n      }\n    }\n  }\n  &.card-type {\n    .main-content {\n      padding: 16px 20px 32px;\n      border-radius: 0 0 8px 8px;\n      .title {\n        font-size: 20px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n      .put-time {\n        float: right;\n        font-size: 13px;\n        color: #727272;\n        line-height: 36px;\n      }\n      .brand-wrapper {\n        width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n    &:hover {\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n      .banner {\n        transform: translateY(-16px);\n        &:before {\n          display: block;\n        }\n      }\n      .main-content {\n        border-color: transparent;\n        transform: translateY(-16px);\n      }\n    }\n    &.small-size {\n      margin-bottom: 24px;\n      border-radius: 3px;\n      .main-content {\n        padding: 8px 12px 20px;\n        .title {\n          font-size: 14px;\n        }\n        .put-time,\n        .brand-name {\n          font-size: 12px;\n          line-height: 20px;\n        }\n        .brand-wrapper {\n          line-height: 20px;\n          img {\n            width: 20px;\n            height: 20px;\n          }\n        }\n      }\n      &:hover {\n        .banner,\n        .main-content {\n          transform: translateY(-8px);\n        }\n      }\n    }\n  }\n  &.rank-type {\n    .main-content {\n      padding: 16px 88px 29px 16px;\n      .title {\n        display: none;\n      }\n      .brand-wrapper {\n        img {\n          width: 32px;\n          height: 32px;\n        }\n      }\n      .brand-name {\n        display: inline-block;\n        position: relative;\n        height: 36px;\n        line-height: 36px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 110px;\n        top: -2px;\n        .put-time {\n          display: block;\n          white-space: nowrap;\n          overflow: visible;\n        }\n      }\n      .others {\n        & > .put-time {\n          display: none;\n        }\n      }\n    }\n    &:first-child {\n      .banner {\n        border-radius: inherit;\n      }\n      .main-content {\n        .title {\n          display: block;\n        }\n      }\n      &:hover {\n        .main-content {\n          .title {\n            transform: translateY(-12px);\n          }\n        }\n      }\n    }\n    &:hover {\n      .banner {\n        transform: translateY(-12px);\n        &:before {\n          display: block;\n        }\n      }\n    }\n  }\n  &.list-type {\n    .banner {\n      float: left;\n      width: 300px;\n      border-radius: 8px;\n      margin-right: 16px;\n    }\n    .main-content {\n      padding: 12px 0;\n      .title {\n        font-size: 24px;\n        margin-bottom: 16px;\n      }\n      .brand-wrapper {\n        &:after {\n          content: '\\7C';\n          margin: 0 5px;\n        }\n      }\n      .put-time,\n      .brand-wrapper {\n        float: left;\n        font-size: 14px;\n      }\n    }\n  }\n  .file-types {\n    position: absolute;\n    top: 14px;\n    right: 16px;\n    font-size: 13px;\n    color: #ffffff;\n    overflow: hidden;\n    border-radius: 3px;\n    b,\n    span {\n      float: left;\n      height: 22px;\n      line-height: 22px;\n      padding: 0 8px;\n    }\n    b {\n      background-color: #ffffff;\n      color: #363636;\n    }\n    span {\n      background-color: rgba(54, 54, 54, 0.45);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeniorCaseItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeniorCaseItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SeniorCaseItem.vue?vue&type=template&id=64d609e9&scoped=true&\"\nimport script from \"./SeniorCaseItem.vue?vue&type=script&lang=js&\"\nexport * from \"./SeniorCaseItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SeniorCaseItem.vue?vue&type=style&index=0&id=64d609e9&lang=scss&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  \"64d609e9\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetCaseCard.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.caseInfo && _vm.data.type.key === 'card')?_c('div',{staticClass:\"widget-case-card-wrapper card\"},[_c('senior-case-item',{attrs:{\"item\":_vm.caseInfo,\"type\":\"custom\"}},[_c('div',{staticClass:\"card-footer\"},[_c('h3',{staticClass:\"title font-color-body\"},[_vm._v(_vm._s(_vm.caseInfo.activity_name))]),_c('span',{staticClass:\"detail-btn\"},[_vm._v(\"查看案例\")])])])],1):(_vm.caseInfo && _vm.data.type.key === 'file')?_c('div',{staticClass:\"widget-case-card-wrapper file\"},[(_vm.caseInfo)?_c('senior-file-viewer',{attrs:{\"senior-info\":_vm.caseInfo}}):_vm._e(),_c('div',{staticClass:\"footer\"},[_c('h1',{staticClass:\"title\"},[(_vm.caseInfo.isaward - 0 === 1)?_c('span',{staticClass:\"award-label\"},[_vm._v(\"获奖\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.caseInfo.activity_name)+\" \")])])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    v-if=\"caseInfo && data.type.key === 'card'\"\n    class=\"widget-case-card-wrapper card\"\n  >\n    <senior-case-item :item=\"caseInfo\" type=\"custom\">\n      <div class=\"card-footer\">\n        <h3 class=\"title font-color-body\">{{ caseInfo.activity_name }}</h3>\n        <span class=\"detail-btn\">查看案例</span>\n      </div>\n    </senior-case-item>\n  </div>\n  <div\n    v-else-if=\"caseInfo && data.type.key === 'file'\"\n    class=\"widget-case-card-wrapper file\"\n  >\n    <senior-file-viewer\n      v-if=\"caseInfo\"\n      :senior-info=\"caseInfo\"\n    ></senior-file-viewer>\n    <div class=\"footer\">\n      <h1 class=\"title\">\n        <span v-if=\"caseInfo.isaward - 0 === 1\" class=\"award-label\">获奖</span>\n        {{ caseInfo.activity_name }}\n      </h1>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { asyncImport } from '@/utils'\nimport SeniorCaseItem from '@/components/senior/SeniorCaseItem'\nimport { THIRD_API } from '@/global/config'\n\nconst { asyncComponent } = asyncImport\n\nexport default {\n  components: {\n    SeniorFileViewer: asyncComponent('senior/SeniorFileViewer'),\n    SeniorCaseItem\n  },\n  props: {\n    data: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data() {\n    return {\n      caseInfo: null,\n      favoriteDisabled: false,\n      praiseDisabled: false\n    }\n  },\n  created() {\n    this.getSeniorInfo()\n  },\n  methods: {\n    async getSeniorInfo() {\n      const {\n        source: { id = '', alias }\n      } = this.data\n      if (!id) {\n        return\n      }\n      const res = await this.$http.get(THIRD_API.alkSeniorDetail.link, {\n        params: { id }\n      })\n      const { data } = res\n      if (\n        data &&\n        Object.prototype.toString.call(data) === '[object Object]' &&\n        data.id === id\n      ) {\n        // 暂时在这个地方针对文件-视频文件特殊处理\n        // 普通文件，用其自身，或列表第一张图\n        // 视频文件，如果排在第一位，需要用第一张banner图，非第一位，用默认占位图\n        const file = data.files\n        if (\n          file &&\n          Object.prototype.toString.call(file) === '[object Array]' &&\n          file.length\n        ) {\n          const banner = data.banner ? data.banner : data.thumbnail\n          data.file = file.map((value, index) => {\n            if (value.postfix === 'mp4') {\n              value.banner = banner\n            }\n            value.fileId = value.id || index\n            value.singleDownloadable = true\n            return value\n          })\n        }\n        // 别名处理\n        if (alias) {\n          data.activity_name = alias\n        }\n        // 奖项\n        // 精品案例列表的award字段true-false\n        // 精品案例详情的award字段[]\n        data.awards = data.awards && data.awards.length\n        data.articles = []\n        this.caseInfo = data\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.widget-case-card-wrapper {\n  margin: 16px auto;\n  &.file {\n    background-color: #2c2c31;\n    color: #ffffff;\n    .footer {\n      height: 96px;\n      line-height: 96px;\n      overflow: hidden;\n      position: relative;\n      padding: 0 260px 0 24px;\n      .title {\n        font-size: 32px;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n      .award-label {\n        display: inline-block;\n        font-size: 14px;\n        vertical-align: middle;\n        height: 22px;\n        padding: 0 10px;\n        background-color: #bb9d7d;\n        border-radius: 3px;\n        line-height: normal;\n        margin-right: 8px;\n      }\n      .actions {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 260px;\n        text-align: right;\n        padding-right: 20px;\n        button {\n          background-color: rgba(255, 255, 255, 0.1);\n          border: none;\n          outline: none;\n          color: #ffffff;\n          height: 32px;\n          line-height: 32px;\n          font-size: 14px;\n          padding: 0 16px;\n          border-radius: 16px;\n          margin-right: 20px;\n          cursor: pointer;\n          &:hover {\n            background-color: rgba(51, 82, 254, 0.65);\n          }\n          &.on {\n            background-color: #3352fe;\n          }\n        }\n      }\n    }\n  }\n  &.card {\n    width: 550px;\n    .card-footer {\n      background-color: #f4f5f7;\n      border: 1px solid #efeff4;\n      border-top: none;\n      height: 72px;\n      line-height: 72px;\n      padding: 0 144px 0 16px;\n      position: relative;\n      .title {\n        font-size: 20px;\n        font-weight: bold;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n      .detail-btn {\n        position: absolute;\n        top: 18px;\n        right: 32px;\n        height: 32px;\n        line-height: 32px;\n        background-color: #ffffff;\n        font-size: 14px;\n        color: #3352fe;\n        padding: 0 20px;\n        border-radius: 3px;\n        font-weight: bold;\n      }\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.widget-case-card-wrapper {\n  .senior-file-viewer-wrapper {\n    .file-viewer-wrapper {\n      height: 362px;\n    }\n  }\n  .file-viewer-wrapper {\n    &.normal {\n      .list-container {\n        .list-wrapper {\n          width: 260px;\n          padding-right: 20px;\n        }\n        .list-content {\n          padding-left: 16px;\n        }\n        .list-toggle {\n          display: none;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetCaseCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetCaseCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetCaseCard.vue?vue&type=template&id=26f8daea&scoped=true&\"\nimport script from \"./WidgetCaseCard.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetCaseCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WidgetCaseCard.vue?vue&type=style&index=0&id=26f8daea&lang=scss&scoped=true&\"\nimport style1 from \"./WidgetCaseCard.vue?vue&type=style&index=1&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  \"26f8daea\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeniorCaseItem.vue?vue&type=style&index=0&id=64d609e9&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetCaseCard.vue?vue&type=style&index=0&id=26f8daea&lang=scss&scoped=true&\""],"sourceRoot":""}