FinancialserviceContentDetails.vue 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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 :to="{ path: returnPath }">{{$i18n.locale=='zh'?'金融机构详情':'Details of financial institutions'}}</el-breadcrumb-item>
  9. <el-breadcrumb-item>{{init.title}}</el-breadcrumb-item>
  10. </el-breadcrumb>
  11. </div>
  12. <div class="invesDetails">
  13. <h3 class="invesTitle">{{init.title}}</h3>
  14. <div v-html="init.contentHtml" class="invesContent"></div>
  15. <div style="font-size: 14px;color: #666666;margin-top: 20px">
  16. {{$t('common.ReleaseTime')}}:
  17. <span>{{formatDate(init.publishDate)}}</span>
  18. </div>
  19. </div>
  20. </div>
  21. </template>
  22. <script>
  23. import {getInformationById} from "../../api/baseUnitView";
  24. export default{
  25. name:'FinancialserviceContentDetails',
  26. data(){
  27. return{
  28. init:this.$route.query.key,
  29. id:this.$route.query.baseEntityId,
  30. returnPath:'',
  31. }
  32. },
  33. mounted() {
  34. console.log(this.$route,'-------------------------id')
  35. this.getInit();
  36. this.returnPath='FinancialServicesDetails?key='+this.id
  37. },
  38. watch:{
  39. '$i18n.locale'(){
  40. this.getInit();
  41. },
  42. },
  43. methods:{
  44. getInit(){
  45. const params1={
  46. baseId:this.$route.query.key,
  47. language:this.$i18n.locale.toUpperCase(),
  48. };
  49. getInformationById(params1).then(res => {
  50. this.init = res.data.cmsInformationView;
  51. });
  52. },
  53. //跳转详情
  54. toViewTargtBack(router,json){
  55. this.$router.push({
  56. name: router,
  57. query:{
  58. key:json,
  59. }
  60. })
  61. },
  62. }
  63. }
  64. </script>
  65. <style scoped>
  66. .box {
  67. margin-top: 10px;
  68. background: #fff;
  69. /* height: 500px; */
  70. padding: 20px 0;
  71. }
  72. .crumbs {
  73. margin-left: 20px;
  74. }
  75. body {
  76. margin: 0;
  77. }
  78. .invesDetails{
  79. margin-top: 30px;
  80. padding: 0 20px;
  81. }
  82. .invesTitle{
  83. text-align: center;
  84. font-size: 28px;
  85. color: #666666;
  86. }
  87. .invesContent{
  88. text-indent: 2em;
  89. color: #666666;
  90. font-size: 18px;
  91. }
  92. /*.invesContent >>>p{*/
  93. /* word-break: break-all;*/
  94. /*}*/
  95. </style>