FinancialExampleContentDetails.vue 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template>
  2. <div class="autoBox box" >
  3. <div class="crumbs">
  4. <el-breadcrumb separator="/">
  5. <el-breadcrumb-item :to="{ path: 'home' }">{{$t('common.Home')}}</el-breadcrumb-item>
  6. <el-breadcrumb-item :to="{ path: 'financialServices' }">{{$t('common.FinancialServices')}}</el-breadcrumb-item>
  7. <el-breadcrumb-item :to="{ path: 'FinancialServicesAgency' }">{{$t('common.FinancialServicesAgency')}}</el-breadcrumb-item>
  8. <el-breadcrumb-item>{{init.title}}</el-breadcrumb-item>
  9. </el-breadcrumb>
  10. </div>
  11. <div class="invesDetails">
  12. <h3 class="invesTitle">{{init.title}}</h3>
  13. <div v-html="init.contentHtml" class="invesContent"></div>
  14. <div style="font-size: 14px;color: #666666;margin-top: 20px">
  15. {{$t('common.ReleaseTime')}}:
  16. <span>{{formatDate(init.publishDate)}}</span>
  17. </div>
  18. </div>
  19. </div>
  20. </template>
  21. <script>
  22. import {getInformationById} from "../../api/baseUnitView";
  23. export default{
  24. name:'FinancialExampleContentDetails',
  25. data(){
  26. return{
  27. init:this.$route.query.key
  28. }
  29. },
  30. mounted() {
  31. console.log(this.init)
  32. this.getInit()
  33. },
  34. watch:{
  35. '$i18n.locale'(){
  36. this.getInit();
  37. },
  38. },
  39. methods:{
  40. getInit(){
  41. const params1={
  42. baseId:this.$route.query.key,
  43. language:this.$i18n.locale.toUpperCase(),
  44. };
  45. getInformationById(params1).then(res => {
  46. console.log(res,'---------------------------')
  47. this.init = res.data.cmsInformationView;
  48. });
  49. }
  50. }
  51. }
  52. </script>
  53. <style scoped>
  54. .box {
  55. margin-top: 10px;
  56. background: #fff;
  57. /* height: 500px; */
  58. padding: 20px 0;
  59. }
  60. .crumbs {
  61. margin-left: 20px;
  62. }
  63. body {
  64. margin: 0;
  65. }
  66. .invesDetails{
  67. margin-top: 30px;
  68. padding: 0 20px;
  69. }
  70. .invesTitle{
  71. text-align: center;
  72. font-size: 28px;
  73. color: #666666;
  74. }
  75. .invesContent{
  76. text-indent: 2em;
  77. color: #666666;
  78. font-size: 18px;
  79. }
  80. .invesContent >>>p{
  81. word-break: break-all;
  82. }
  83. </style>