news_detail.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!-- +---------------------------------------------------------------------- -->
  2. <!-- | CRMEB [ CRMEB赋能开发者,助力企业发展 ] -->
  3. <!-- +---------------------------------------------------------------------- -->
  4. <!-- | Copyright (c) 2016~2022 https://www.crmeb.com All rights reserved. -->
  5. <!-- +---------------------------------------------------------------------- -->
  6. <!-- | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权 -->
  7. <!-- +---------------------------------------------------------------------- -->
  8. <!-- | Author: CRMEB Team <admin@crmeb.com> -->
  9. <!-- +---------------------------------------------------------------------- -->
  10. {extend name="public/container"}
  11. {block name="title"}经典案例详情{/block}
  12. {block name="content"}
  13. <div v-cloak id="app">
  14. <div class="news-detail-page">
  15. <div class="title">{{ articleDetails.title }}</div>
  16. <div class="wrap">
  17. <div class="type" v-for="item in articleDetails.label">{{item}}</div>
  18. <div class="time">
  19. <span class="iconfont iconshijian11"></span>{{ articleDetails.add_time }}
  20. </div>
  21. <div class="browse">
  22. <span class="iconfont iconliulanliang"></span>{{ articleDetails.visit}}
  23. </div>
  24. </div>
  25. <div class="detail" v-html="articleDetails.content"></div>
  26. </div>
  27. <quick-menu></quick-menu>
  28. </div>
  29. <script>
  30. var id={$id};
  31. window.overallShare = false;
  32. require(['vue', 'helper', 'store', 'quick'], function(Vue, $h, api) {
  33. var isWeChat = '{$isWechat}';
  34. var uid = "{$uid}" || 0;
  35. new Vue({
  36. el: '#app',
  37. data: {
  38. articleDetails:{},
  39. id:id
  40. },
  41. filters: {
  42. format: function (value) {
  43. if (value) {
  44. return value;
  45. } else {
  46. return 0;
  47. }
  48. }
  49. },
  50. created: function () {
  51. var vm = this;
  52. this.getArticleDetails();
  53. if (isWeChat) {
  54. mapleWx($jssdk(), function () {
  55. this.onMenuShareAll({
  56. title: vm.articleDetails.title,
  57. desc: vm.articleDetails.synopsis,
  58. imgUrl: vm.articleDetails.image_input,
  59. link: window.location.href + (window.location.search ? '&' : '?') + 'spread_uid=' + uid
  60. });
  61. });
  62. }
  63. },
  64. methods: {
  65. getArticleDetails: function () {
  66. var that = this;
  67. if (that.loading || that.finished) {
  68. return;
  69. }
  70. that.loading = true;
  71. $h.loadFFF();
  72. api.baseGet($h.U({
  73. c: 'article',
  74. a: 'articleDetails',
  75. q: {
  76. id: that.id
  77. }
  78. }), function (res) {
  79. that.articleDetails= res.data.data;
  80. $h.loadClear();
  81. }, function (err) {
  82. $h.loadClear();
  83. });
  84. }
  85. }
  86. });
  87. });
  88. </script>
  89. {/block}