123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- <template>
- <div class="autoBox box" >
- <div class="crumbs">
- <el-breadcrumb separator="/">
- <el-breadcrumb-item :to="{ path: 'home' }">{{$t('common.Home')}}</el-breadcrumb-item>
- <el-breadcrumb-item :to="{ path: 'financialServices' }">{{$t('common.FinancialServices')}}</el-breadcrumb-item>
- <el-breadcrumb-item :to="{ path: 'FinancialServicesAgency' }">{{$t('common.FinancialServicesAgency')}}</el-breadcrumb-item>
- <el-breadcrumb-item :to="{ path: returnPath }">{{$i18n.locale=='zh'?'金融机构详情':'Details of financial institutions'}}</el-breadcrumb-item>
- <el-breadcrumb-item>{{init.title}}</el-breadcrumb-item>
- </el-breadcrumb>
- </div>
- <div class="invesDetails">
- <h3 class="invesTitle">{{init.title}}</h3>
- <div v-html="init.contentHtml" class="invesContent"></div>
- <div style="font-size: 14px;color: #666666;margin-top: 20px">
- {{$t('common.ReleaseTime')}}:
- <span>{{formatDate(init.publishDate)}}</span>
- </div>
- </div>
- </div>
- </template>
- <script>
- import {getInformationById} from "../../api/baseUnitView";
- export default{
- name:'FinancialserviceContentDetails',
- data(){
- return{
- init:this.$route.query.key,
- id:this.$route.query.baseEntityId,
- returnPath:'',
- }
- },
- mounted() {
- console.log(this.$route,'-------------------------id')
- this.getInit();
- this.returnPath='FinancialServicesDetails?key='+this.id
- },
- watch:{
- '$i18n.locale'(){
- this.getInit();
- },
- },
- methods:{
- getInit(){
- const params1={
- baseId:this.$route.query.key,
- language:this.$i18n.locale.toUpperCase(),
- };
- getInformationById(params1).then(res => {
- this.init = res.data.cmsInformationView;
- });
- },
- //跳转详情
- toViewTargtBack(router,json){
- this.$router.push({
- name: router,
- query:{
- key:json,
- }
- })
- },
- }
- }
- </script>
- <style scoped>
- .box {
- margin-top: 10px;
- background: #fff;
- /* height: 500px; */
- padding: 20px 0;
- }
- .crumbs {
- margin-left: 20px;
- }
- body {
- margin: 0;
- }
- .invesDetails{
- margin-top: 30px;
- padding: 0 20px;
- }
- .invesTitle{
- text-align: center;
- font-size: 28px;
- color: #666666;
- }
- .invesContent{
- text-indent: 2em;
- color: #666666;
- font-size: 18px;
- }
- /*.invesContent >>>p{*/
- /* word-break: break-all;*/
- /*}*/
- </style>
|