{"version":3,"sources":["webpack:///./src/views/DianJin/DianJin.vue?757a","webpack:///./src/api/dianjin.js","webpack:///./src/components/DianJinList/DianJinList.vue?b6bc","webpack:///src/components/DianJinList/DianJinList.vue","webpack:///./src/components/DianJinList/DianJinList.vue?7b83","webpack:///./src/components/DianJinList/DianJinList.vue","webpack:///./src/components/BasePanel/BasePanel.vue?1a7b","webpack:///./src/components/StarAuthorPanel/StarAuthorPanel.vue?26be","webpack:///src/components/StarAuthorPanel/StarAuthorPanel.vue","webpack:///./src/components/StarAuthorPanel/StarAuthorPanel.vue?d997","webpack:///./src/components/StarAuthorPanel/StarAuthorPanel.vue","webpack:///./src/components/BasePanel/BasePanel.vue?d644","webpack:///src/components/BasePanel/BasePanel.vue","webpack:///./src/components/BasePanel/BasePanel.vue?cf10","webpack:///./src/components/BasePanel/BasePanel.vue","webpack:///./src/components/StarAuthorPanel/StarAuthorPanel.vue?c8ca","webpack:///./src/views/DianJin/DianJin.vue?ae8f","webpack:///src/views/DianJin/DianJin.vue","webpack:///./src/views/DianJin/DianJin.vue?79d2","webpack:///./src/views/DianJin/DianJin.vue","webpack:///./src/components/DianJinList/DianJinList.vue?c6c5"],"names":["getDianjinList","data","viewState","axios","url","Urls","DOMAIN_YKT","method","headers","then","result","catch","getDianJinDetail","dianjinId","params","id","code","detail","getPlayInfo","videoIdentity","resourceIdentity","getAuthorStatistics","authorPublish","authorGetDetail","authorRemove","authorGetPage","feeApply","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","style","backgroundImage","dianJinInfo","attrs","directives","name","rawName","value","type","expression","_v","_s","authorInfo","title","isFree","hasRight","productId","_e","typeName","authorCompany","publishTimeDesc","commentsCount","end","on","loadMore","staticRenderFns","props","list","required","default","showAuthor","computed","userDianJinRights","$store","state","right","allRightList","methods","$emit","component","starAuthors","redirectAuthorPage","authorId","followerNum","components","BasePanel","created","getStarAuthorList","$router","push","getStarAuthors","hideButton","toMore","buttonText","_t","class","activeTab","$event","changeTab","dianJinList","showAuthorInfo","pageEnd","getDianJinList","StarAuthorPanel","DianJinList","tabs","channel","direction"],"mappings":"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","file":"js/chunk-7dc5e4fc.8c532aaa.js","sourcesContent":["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!./DianJin.vue?vue&type=style&index=0&id=7a882019&lang=scss&scoped=true&\"","import axios from '@/assets/js/axios'\r\nimport Urls from '@/assets/js/Urls'\r\n\r\n/**\r\n * 根据查询条件获取点金列表\r\n * @param data\r\n */\r\nexport function getDianjinList(data, viewState) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/DianJin/Api/List`,\r\n    method: 'post',\r\n    data,\r\n    headers: {\r\n      'Ykt-ViewState': viewState\r\n    }\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n\r\n/**\r\n * 获取点金详情\r\n * @param {number} setId 点金id\r\n */\r\nexport function getDianJinDetail(dianjinId) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/DianJin/Api/Detail`,\r\n    method: 'get',\r\n    params: {\r\n      id: dianjinId\r\n    }\r\n  })\r\n    .then(data => {\r\n      return data.result.code === 0 ? data.detail : null\r\n    })\r\n    .catch(() => null)\r\n}\r\n\r\n/**\r\n * 获取点金视频的信息\r\n * @param {number} videoIdentity 视频id\r\n */\r\nexport function getPlayInfo(videoIdentity) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/Resource/Api/PlayInfo`,\r\n    method: 'get',\r\n    params: {\r\n      resourceIdentity: videoIdentity\r\n    }\r\n  })\r\n    .then(data => {\r\n      return data.result.code === 0 ? data.detail : null\r\n    })\r\n    .catch(() => null)\r\n}\r\n/**\r\n * 大咖获取点金列表\r\n * @param data\r\n */\r\nexport function authorGetPageList(data, viewState) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/dianjin/Auth/PageList`,\r\n    method: 'post',\r\n    data,\r\n    headers: {\r\n      'Ykt-ViewState': viewState\r\n    }\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n/**\r\n * 大咖获取统计数据\r\n * @param data\r\n */\r\nexport function getAuthorStatistics() {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/dianjin/Auth/GetAuthorStatistics`,\r\n    method: 'get'\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n/**\r\n * 大咖发布点金\r\n * @param data\r\n */\r\nexport function authorPublish(data) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/dianjin/Auth/Publish`,\r\n    method: 'post',\r\n    data\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n\r\n/**\r\n * 大咖点金详情\r\n * @param data\r\n */\r\nexport function authorGetDetail(id) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/dianjin/Auth/GetDetail`,\r\n    method: 'post',\r\n    data: {\r\n      id\r\n    }\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n\r\n/**\r\n * 大咖点金删除\r\n * @param id\r\n */\r\nexport function authorRemove(id) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/dianjin/Auth/Remove`,\r\n    method: 'post',\r\n    data: {\r\n      id\r\n    }\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n\r\n/**\r\n * 大咖点金分页\r\n * @param data\r\n */\r\nexport function authorGetPage(data) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/dianjin/Auth/getPage`,\r\n    method: 'post',\r\n    data\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n\r\n/**\r\n * 大咖点金收费资格申请\r\n * @param id\r\n */\r\nexport function feeApply(data) {\r\n  return axios({\r\n    url: `${Urls.DOMAIN_YKT}/dianjin/Auth/ChargeApply`,\r\n    method: 'post',\r\n    data\r\n  })\r\n    .then(result => {\r\n      return result\r\n    })\r\n    .catch(() => null)\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"dianjin-list\"},[_vm._l((_vm.list),function(item,index){return _c('li',{key:index,staticClass:\"dianjin\"},[_c('div',{staticClass:\"dianjin-inline\"},[_c('router-link',{staticClass:\"dianjin-pic\",style:({\n          backgroundImage: (\"url(\" + (item.dianJinInfo.coverImageUrl) + \")\")\n        }),attrs:{\"to\":(\"/dianjin/\" + (item.dianJinInfo.id))}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.dianJinInfo.type == 1),expression:\"item.dianJinInfo.type == 1\"}],staticClass:\"dianjin-play-icon\"})]),_c('div',{staticClass:\"dianjin-right\"},[_c('div',{staticClass:\"title-all\"},[_c('router-link',{staticClass:\"dianjin-title\",attrs:{\"to\":(\"/dianjin/\" + (item.dianJinInfo.id))}},[_vm._v(_vm._s(item.authorInfo.name + ' : ' + item.dianJinInfo.title)+\" \")]),(\n              !item.dianJinInfo.isFree &&\n                !_vm.hasRight(item.dianJinInfo.productId)\n            )?_c('div',{staticClass:\"lock-icon\"}):_vm._e(),(\n              !item.dianJinInfo.isFree && _vm.hasRight(item.dianJinInfo.productId)\n            )?_c('div',{staticClass:\"unlock-icon\"}):_vm._e()],1),(_vm.showAuthor)?_c('div',{staticClass:\"dianjin-author\"},[_c('router-link',{staticClass:\"head\",style:({\n              backgroundImage: (\"url(\" + (item.authorInfo.headPic) + \")\")\n            }),attrs:{\"to\":(\"/author/\" + (item.authorInfo.authorId))}}),_c('div',{staticClass:\"author-name\"},[_vm._v(_vm._s(item.authorInfo.name))]),_c('div',{staticClass:\"author-type-company\"},[_vm._v(\" \"+_vm._s(item.authorInfo.typeName)+\" \"+_vm._s(item.authorInfo.authorCompany ? '|' : '')+\" \"+_vm._s(item.authorInfo.authorCompany)+\" \")])],1):_vm._e(),_c('div',{staticClass:\"dianjin-date\"},[_vm._v(\" \"+_vm._s(item.dianJinInfo.publishTimeDesc)+\" \")]),_c('router-link',{staticClass:\"dianjin-comment\",attrs:{\"to\":(\"/dianjin/\" + (item.dianJinInfo.id))}},[_c('div',{staticClass:\"comment-icon\"}),_c('div',{staticClass:\"comment-number\"},[_vm._v(\" \"+_vm._s(item.dianJinInfo.commentsCount)+\" \")])])],1)],1)])}),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.end),expression:\"!end\"}],staticClass:\"more\",on:{\"click\":_vm.loadMore}},[_vm._v(\"点击查看更多\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <ul class=\"dianjin-list\">\r\n    <li v-for=\"(item, index) in list\" :key=\"index\" class=\"dianjin\">\r\n      <div class=\"dianjin-inline\">\r\n        <router-link\r\n          class=\"dianjin-pic\"\r\n          :style=\"{\r\n            backgroundImage: `url(${item.dianJinInfo.coverImageUrl})`\r\n          }\"\r\n          :to=\"`/dianjin/${item.dianJinInfo.id}`\"\r\n        >\r\n          <div\r\n            v-show=\"item.dianJinInfo.type == 1\"\r\n            class=\"dianjin-play-icon\"\r\n          ></div>\r\n        </router-link>\r\n        <div class=\"dianjin-right\">\r\n          <div class=\"title-all\">\r\n            <router-link\r\n              class=\"dianjin-title\"\r\n              :to=\"`/dianjin/${item.dianJinInfo.id}`\"\r\n              >{{ item.authorInfo.name + ' : ' + item.dianJinInfo.title }}\r\n            </router-link>\r\n            <div\r\n              class=\"lock-icon\"\r\n              v-if=\"\r\n                !item.dianJinInfo.isFree &&\r\n                  !hasRight(item.dianJinInfo.productId)\r\n              \"\r\n            ></div>\r\n            <div\r\n              class=\"unlock-icon\"\r\n              v-if=\"\r\n                !item.dianJinInfo.isFree && hasRight(item.dianJinInfo.productId)\r\n              \"\r\n            ></div>\r\n          </div>\r\n          <div class=\"dianjin-author\" v-if=\"showAuthor\">\r\n            <router-link\r\n              class=\"head\"\r\n              :style=\"{\r\n                backgroundImage: `url(${item.authorInfo.headPic})`\r\n              }\"\r\n              :to=\"`/author/${item.authorInfo.authorId}`\"\r\n            ></router-link>\r\n            <div class=\"author-name\">{{ item.authorInfo.name }}</div>\r\n            <div class=\"author-type-company\">\r\n              {{ item.authorInfo.typeName }}\r\n              {{ item.authorInfo.authorCompany ? '|' : '' }}\r\n              {{ item.authorInfo.authorCompany }}\r\n            </div>\r\n          </div>\r\n          <div class=\"dianjin-date\">\r\n            {{ item.dianJinInfo.publishTimeDesc }}\r\n          </div>\r\n          <router-link\r\n            class=\"dianjin-comment\"\r\n            :to=\"`/dianjin/${item.dianJinInfo.id}`\"\r\n          >\r\n            <div class=\"comment-icon\"></div>\r\n            <div class=\"comment-number\">\r\n              {{ item.dianJinInfo.commentsCount }}\r\n            </div>\r\n          </router-link>\r\n          <!-- <router-link\r\n                      class=\"dianjin-comment\"\r\n                      :to=\"`/comment/${item.dianJinInfo.id}`\"\r\n                    > -->\r\n          <!-- </router-link> -->\r\n        </div>\r\n      </div>\r\n    </li>\r\n    <li v-show=\"!end\" class=\"more\" @click=\"loadMore\">点击查看更多</li>\r\n  </ul>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'DianLinList',\r\n  props: {\r\n    list: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    end: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    showAuthor: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  computed: {\r\n    userDianJinRights() {\r\n      return this.$store.state.right.allRightList == null\r\n        ? null\r\n        : this.$store.state.right.allRightList.filter(\r\n          item => item.rightType === 4\r\n        )\r\n    }\r\n  },\r\n  methods: {\r\n    hasRight(id) {\r\n      return this.userDianJinRights == null\r\n        ? false\r\n        : this.userDianJinRights.filter(e => e.productId === id).length > 0\r\n    },\r\n    loadMore() {\r\n      this.$emit('loadMore')\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dianjin-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.dianjin {\r\n  height: 160px;\r\n}\r\n.dianjin-inline {\r\n  padding-top: 20px;\r\n  padding-bottom: 20px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  position: relative;\r\n}\r\n.dianjin-pic {\r\n  width: 160px;\r\n  height: 120px;\r\n  background: no-repeat center;\r\n  background-size: cover;\r\n  cursor: pointer;\r\n}\r\n.dianjin-right {\r\n  margin-left: 20px;\r\n  flex: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  align-content: space-between;\r\n}\r\n.dianjin-title {\r\n  font-size: 20px;\r\n  line-height: 40px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  color: #262626;\r\n  transition: color 0.3s;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  max-width: 645px;\r\n  display: inline-block;\r\n}\r\n\r\n.dianjin-date {\r\n  position: absolute;\r\n  bottom: 9px;\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  line-height: 24px;\r\n  letter-spacing: 1px;\r\n  color: #858585;\r\n}\r\n.dianjin-comment {\r\n  display: flex;\r\n  position: absolute;\r\n  align-items: center;\r\n  bottom: 9px;\r\n  right: 5px;\r\n  text-decoration: none;\r\n}\r\n.dianjin-author {\r\n  display: flex;\r\n  flex-direction: row;\r\n  margin-top: 5px;\r\n}\r\n\r\n.head {\r\n  width: 24px;\r\n  height: 24px;\r\n  background: no-repeat center;\r\n  background-size: cover;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n}\r\n\r\n.author-name {\r\n  padding-left: 10px;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  line-height: 25px;\r\n  letter-spacing: 1px;\r\n  color: #858585;\r\n}\r\n.author-type-company {\r\n  padding-left: 15px;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  line-height: 25px;\r\n  letter-spacing: 1px;\r\n  color: #858585;\r\n}\r\n\r\n.comment-icon {\r\n  width: 16px;\r\n  height: 14px;\r\n  background: url('~@/assets/images/author/comment_icon.png') no-repeat center;\r\n  background-size: cover;\r\n  margin-right: 5px;\r\n}\r\n\r\n.dianjin-play-icon {\r\n  width: 80px;\r\n  height: 80px;\r\n  position: absolute;\r\n  left: 45px;\r\n  top: 37px;\r\n  background: url('~@/assets/images/dianjin/dianjin-list-icon.png') no-repeat\r\n    center;\r\n}\r\n\r\n.lock-icon {\r\n  width: 17px;\r\n  height: 20px;\r\n  display: inline-block;\r\n  background: url('~@/assets/images/icons/lock.png') no-repeat center;\r\n  background-size: cover;\r\n  vertical-align: text-top;\r\n  margin-left: 10px;\r\n}\r\n\r\n.unlock-icon {\r\n  width: 17px;\r\n  height: 20px;\r\n  display: inline-block;\r\n  background: url('~@/assets/images/icons/unlock.png') no-repeat center;\r\n  background-size: cover;\r\n  vertical-align: text-top;\r\n  margin-left: 10px;\r\n}\r\n.comment-number {\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  line-height: 24px;\r\n  letter-spacing: 1px;\r\n  color: #858585;\r\n}\r\n\r\n.more {\r\n  width: 828px;\r\n  height: 40px;\r\n  margin: 30px auto;\r\n  font-size: 14px;\r\n  line-height: 40px;\r\n  color: #858585;\r\n  background-color: #fafafa;\r\n  text-align: center;\r\n  cursor: pointer;\r\n}\r\n</style>\r\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!./DianJinList.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!./DianJinList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DianJinList.vue?vue&type=template&id=01b5d4a4&scoped=true&\"\nimport script from \"./DianJinList.vue?vue&type=script&lang=js&\"\nexport * from \"./DianJinList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DianJinList.vue?vue&type=style&index=0&id=01b5d4a4&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  \"01b5d4a4\",\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!./BasePanel.vue?vue&type=style&index=0&id=df9afa20&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-panel',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.starAuthors.length),expression:\"starAuthors.length\"}],staticClass:\"base-panel\",attrs:{\"title\":_vm.title},on:{\"toMore\":_vm.redirectAuthorPage}},[_c('ul',{staticClass:\"star-authors\"},_vm._l((_vm.starAuthors),function(item){return _c('li',{key:item.authorId,staticClass:\"star-author\"},[_c('router-link',{staticClass:\"head\",style:({ backgroundImage: (\"url(\" + (item.headPic) + \")\") }),attrs:{\"to\":(\"/author/\" + (item.authorId))}},[_c('div',{staticClass:\"vicon\"})]),_c('div',[_c('router-link',{staticClass:\"name\",attrs:{\"to\":(\"/author/\" + (item.authorId))}},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"source\"},[_vm._v(\" \"+_vm._s(item.typeName)+\" | \"+_vm._s(item.authorCompany)+\" \")]),_c('div',{staticClass:\"fans\"},[_vm._v(\"粉丝数 \"+_vm._s(item.followerNum))])],1)],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <base-panel\r\n    v-show=\"starAuthors.length\"\r\n    :title=\"title\"\r\n    class=\"base-panel\"\r\n    @toMore=\"redirectAuthorPage\"\r\n  >\r\n    <ul class=\"star-authors\">\r\n      <li v-for=\"item in starAuthors\" :key=\"item.authorId\" class=\"star-author\">\r\n        <router-link\r\n          class=\"head\"\r\n          :style=\"{ backgroundImage: `url(${item.headPic})` }\"\r\n          :to=\"`/author/${item.authorId}`\"\r\n        >\r\n          <div class=\"vicon\"></div>\r\n        </router-link>\r\n        <div>\r\n          <router-link class=\"name\" :to=\"`/author/${item.authorId}`\">{{\r\n            item.name\r\n          }}</router-link>\r\n          <div class=\"source\">\r\n            {{ item.typeName }} | {{ item.authorCompany }}\r\n          </div>\r\n          <div class=\"fans\">粉丝数 {{ item.followerNum }}</div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </base-panel>\r\n</template>\r\n\r\n<script>\r\nimport BasePanel from '@/components/BasePanel/BasePanel'\r\nimport { getStarAuthors } from '@/api/account'\r\n\r\nexport default {\r\n  name: 'StarAuthorPanel',\r\n  components: { BasePanel },\r\n  props: {\r\n    type: {\r\n      type: Number\r\n    },\r\n    title: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      starAuthors: []\r\n    }\r\n  },\r\n  created() {\r\n    this.getStarAuthorList()\r\n  },\r\n  methods: {\r\n    redirectAuthorPage() {\r\n      this.$router.push('author')\r\n    },\r\n    async getStarAuthorList() {\r\n      const data = await getStarAuthors(this.type)\r\n      if (data) {\r\n        this.starAuthors = data\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.base-panel {\r\n  flex-direction: column;\r\n}\r\n.star-authors {\r\n  padding: 15px 0;\r\n}\r\n\r\n.star-author {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  height: 90px;\r\n  padding: 0 20px;\r\n}\r\n\r\n.head {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: no-repeat center;\r\n  background-size: contain;\r\n  border-radius: 50%;\r\n  margin-right: 10px;\r\n}\r\n\r\n.name {\r\n  font-size: 16px;\r\n  color: #262626;\r\n  text-decoration: none;\r\n}\r\n\r\n.source {\r\n  padding: 8px 0;\r\n  font-size: 14px;\r\n  letter-spacing: 1px;\r\n  color: #858585;\r\n}\r\n\r\n.fans {\r\n  font-size: 14px;\r\n  letter-spacing: 1px;\r\n  color: #858585;\r\n}\r\n\r\n.vicon {\r\n  top: 58px;\r\n  left: 56px;\r\n  position: absolute;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: url('~@/assets/images/author/vicon.png') no-repeat center;\r\n  background-size: contain;\r\n  border-radius: 50%;\r\n}\r\n</style>\r\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!./StarAuthorPanel.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!./StarAuthorPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StarAuthorPanel.vue?vue&type=template&id=6b377d8a&scoped=true&\"\nimport script from \"./StarAuthorPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./StarAuthorPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StarAuthorPanel.vue?vue&type=style&index=0&id=6b377d8a&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  \"6b377d8a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"panel\"},[(_vm.title)?_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \"),(!_vm.hideButton)?_c('div',{staticClass:\"more\",on:{\"click\":_vm.toMore}},[_vm._v(\" \"+_vm._s(_vm.buttonText)+\"> \")]):_vm._e()]):_vm._e(),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"panel\">\r\n    <div v-if=\"title\" class=\"title\">\r\n      {{ title }}\r\n      <div v-if=\"!hideButton\" class=\"more\" @click=\"toMore\">\r\n        {{ buttonText }}>\r\n      </div>\r\n    </div>\r\n    <slot></slot>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'BasePanel',\r\n  props: {\r\n    title: String,\r\n    buttonText: {\r\n      type: String,\r\n      default: '更多'\r\n    },\r\n    hideButton: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  methods: {\r\n    toMore() {\r\n      this.$emit('toMore')\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.panel {\r\n  width: 332px;\r\n  border: 1px solid #ebebeb;\r\n  border-top: 4px solid #046bcc;\r\n}\r\n\r\n.title {\r\n  position: relative;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  line-height: 40px;\r\n  color: #262626;\r\n  margin: 0 20px;\r\n  border-bottom: 1px solid #ebebeb;\r\n\r\n  .more {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0px;\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    line-height: 40px;\r\n    letter-spacing: 1px;\r\n    color: #858585;\r\n    cursor: pointer;\r\n  }\r\n}\r\n</style>\r\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!./BasePanel.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!./BasePanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BasePanel.vue?vue&type=template&id=df9afa20&scoped=true&\"\nimport script from \"./BasePanel.vue?vue&type=script&lang=js&\"\nexport * from \"./BasePanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BasePanel.vue?vue&type=style&index=0&id=df9afa20&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  \"df9afa20\",\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!./StarAuthorPanel.vue?vue&type=style&index=0&id=6b377d8a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"dianjin-panel\"},[_c('div',{staticClass:\"left-panel\"},[_c('ul',{staticClass:\"tabs\"},_vm._l((_vm.tabs),function(item,index){return _c('li',{key:item.type,staticClass:\"tab\",class:{ 'tab--active': _vm.activeTab === index },on:{\"click\":function($event){return _vm.changeTab(index)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),0),_c('div',{staticClass:\"wrapper\"},[_c('dian-jin-list',{attrs:{\"list\":_vm.dianJinList,\"showAuthor\":_vm.showAuthorInfo,\"end\":_vm.pageEnd},on:{\"loadMore\":_vm.getDianJinList}})],1)]),_c('div',{staticClass:\"right-panel\"},[_c('star-author-panel',{attrs:{\"type\":3,\"title\":_vm.title}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"dianjin-panel\">\r\n    <div class=\"left-panel\">\r\n      <ul class=\"tabs\">\r\n        <li\r\n          class=\"tab\"\r\n          v-for=\"(item, index) in tabs\"\r\n          :key=\"item.type\"\r\n          :class=\"{ 'tab--active': activeTab === index }\"\r\n          @click=\"changeTab(index)\"\r\n        >\r\n          {{ item.name }}\r\n        </li>\r\n      </ul>\r\n      <div class=\"wrapper\">\r\n        <dian-jin-list\r\n          :list=\"dianJinList\"\r\n          :showAuthor=\"showAuthorInfo\"\r\n          :end=\"pageEnd\"\r\n          @loadMore=\"getDianJinList\"\r\n        ></dian-jin-list>\r\n      </div>\r\n    </div>\r\n    <div class=\"right-panel\">\r\n      <star-author-panel :type=\"3\" :title=\"title\"></star-author-panel>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { getDianjinList } from '@/api/dianjin'\r\nimport StarAuthorPanel from '@/components/StarAuthorPanel/StarAuthorPanel'\r\nimport DianJinList from '@/components/DianJinList/DianJinList'\r\n\r\nexport default {\r\n  name: 'DianJin',\r\n  components: { StarAuthorPanel, DianJinList },\r\n  data() {\r\n    return {\r\n      tabs: [\r\n        { name: '大咖观点', channel: 1 },\r\n        { name: '机构看盘', channel: 5 },\r\n        { name: '强档', channel: 2 }\r\n      ],\r\n      activeTab: 0,\r\n      showAuthorInfo: true,\r\n      title: '点金明星',\r\n      dianJinList: [],\r\n      viewState: '',\r\n      pageEnd: false\r\n    }\r\n  },\r\n  computed: {},\r\n  created() {\r\n    this.getDianJinList()\r\n  },\r\n  methods: {\r\n    changeTab(index) {\r\n      this.activeTab = index\r\n      this.viewState = ''\r\n\r\n      this.getDianJinList()\r\n    },\r\n    async getDianJinList() {\r\n      const data = await getDianjinList(\r\n        {\r\n          direction: this.viewState ? 2 : 0,\r\n          channel: this.tabs[this.activeTab].channel\r\n        },\r\n        this.viewState\r\n      )\r\n      if (data) {\r\n        if (data.result.code === 0) {\r\n          this.viewState = data.result.viewState\r\n          this.pageEnd = data.detail.end\r\n          if (data.detail.list.length === 0) {\r\n            this.pageEnd = true\r\n            this.dianJinList = data.detail.list\r\n          }\r\n          if (data.detail.flush) {\r\n            this.dianJinList = data.detail.list\r\n          } else {\r\n            this.dianJinList = this.dianJinList.concat(data.detail.list)\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nul {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style: none;\r\n}\r\n\r\n.tabs {\r\n  line-height: 40px;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  color: #262626;\r\n  text-align: center;\r\n  border-bottom: 1px solid #ebebeb;\r\n  display: flex;\r\n\r\n  .tab {\r\n    width: 98px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .tab--active {\r\n    position: relative;\r\n    color: #046bcc;\r\n\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 34px;\r\n      height: 4px;\r\n      background-color: #046bcc;\r\n    }\r\n  }\r\n}\r\n\r\n.dianjin-panel {\r\n  display: flex;\r\n  margin-top: 30px;\r\n}\r\n\r\n.left-panel {\r\n  flex: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.right-panel {\r\n  padding-left: 40px;\r\n}\r\n</style>\r\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!./DianJin.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!./DianJin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DianJin.vue?vue&type=template&id=7a882019&scoped=true&\"\nimport script from \"./DianJin.vue?vue&type=script&lang=js&\"\nexport * from \"./DianJin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DianJin.vue?vue&type=style&index=0&id=7a882019&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  \"7a882019\",\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!./DianJinList.vue?vue&type=style&index=0&id=01b5d4a4&lang=scss&scoped=true&\""],"sourceRoot":""}