nyzy_vue/src/views/gateway/gybs.vue

96 lines
2.4 KiB
Vue

<template>
<div>
<headerView/>
<!-- <div class="er_bann10"></div> -->
<div class="gybscont">
<div class="gybsyi clearfloat">
<div class="gybsl left"><img :src="$tImg(parentData,'jjPic')" style="widht:540px; height:390px"></div>
<div class="gybsr right">
<h4>本所简介</h4>
<span></span>
<p>{{parentData.jjContent}}</p>
</div>
</div>
<div class="gybser clearfloat">
<div class="gybserl left">
<div class="gjesd clearfloat">
<h4 style="margin-bottom: 17px;">联系我们</h4>
<span class="geshvgs"></span>
</div>
<div class="gybserbox">
<div class="gybgdsgh clearfloat" style="margin-top: 20px;">
<div class="gyboxer right"><img src="img/phone.png" ></div>
<div class="gyboxyi right">
<span class="lxdia">联系电话</span>
<br>
<span style="color: #666666;">{{parentData.tel}}</span>
</div>
</div>
<div class="gybgdsgh clearfloat" style="margin-top: 40px;">
<div class="gyboxer right"><img src="img/mail.png" ></div>
<div class="gyboxyi right">
<span class="lxdia">电子邮箱</span>
<br>
<span style="color: #666666;">{{parentData.dzyx}}</span>
</div>
</div>
</div>
</div>
<div class="gybserr right"><img :src="$tImg(parentData,'lxwmPic')" style="width:600px;height:300px;overflow: hidden;" ></div>
</div>
<div class="gybssan">
<img :src="$tImg(parentData,'dzdwPic')" style="height:500px">
</div>
</div>
<footerView/>
</div>
</template>
<script>
import { getwayMixin } from '@/views/gateway/mixins/getwayMixin'
import { getAction } from '@/api/manage'
import headerView from '@/views/gateway/common/header'
import footerView from '@/views/gateway/common/footer'
export default {
mixins:[getwayMixin],
components:{
headerView,
footerView
},
props:{
},
data(){
return {
parentData:{},
thisColumn:{},
columnList:[],
articleList: [],
}
},
computed:{
},
mounted(){
this.loadData();
},
watch:{
},
updated(){
},
methods:{
loadData(){
getAction('/gateway/tqdGatewayConfig/list',{pageSize:-1,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records
if(list){
this.parentData = list[0]
}
}
});
}
},
}
</script>
<style scoped>
</style>