100 lines
1.9 KiB
Vue
100 lines
1.9 KiB
Vue
<template>
|
||
<view class="company-page">
|
||
<view class="top-img">
|
||
<image :src="banner" style="width: 100%;height: 100%;"/>
|
||
</view>
|
||
<view class="detail">
|
||
<view class="name">
|
||
{{detail.name}}
|
||
</view>
|
||
|
||
<view class="comment">
|
||
<view class="logo">
|
||
<image :src="detail.logo?detail.logo:logo" style="width: 100%;height: 100%;"/>
|
||
</view>
|
||
<view class="content">
|
||
<mp-html :content="detail.comment" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="address">
|
||
<span style="display: inline-block;">
|
||
<TnIcon name="map-fill" color="#24ba97" size="42"/>
|
||
</span>
|
||
<span>地址：{{detail.address}}</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { onMounted, reactive, ref } from 'vue';
|
||
import request from '@/utils/request';
|
||
import { onLoad } from "@dcloudio/uni-app";
|
||
|
||
const banner = ref('http://static.cqtlcm.com/index_top.png')
|
||
|
||
const detail = reactive<{
|
||
address?:string,
|
||
comment?:string,
|
||
logo?:string,
|
||
name?:string
|
||
}>({})
|
||
|
||
const logo = ref('/static/noimage.png')
|
||
|
||
const companyId = ref()
|
||
|
||
const getCompanyDetail = (id:number) =>{
|
||
request({
|
||
url:'/employ/company/' + id,
|
||
method:'GET'
|
||
}).then((res)=>{
|
||
Object.assign(detail,res.data.data)
|
||
console.log(res.data.data)
|
||
})
|
||
}
|
||
|
||
onMounted(()=>{
|
||
getCompanyDetail(companyId.value)
|
||
})
|
||
|
||
onLoad((options)=>{
|
||
companyId.value = options.companyId
|
||
})
|
||
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.company-page{
|
||
.top-img{
|
||
height: 420rpx;
|
||
width: 100%;
|
||
}
|
||
.detail{
|
||
padding: 0 40rpx;
|
||
.name{
|
||
text-align: center;
|
||
font-weight: bold;
|
||
font-size: 36rpx;
|
||
padding:20rpx 0
|
||
}
|
||
.comment{
|
||
padding: 40rpx 0;
|
||
.logo{
|
||
width: 180px;
|
||
height: 180rpx;
|
||
margin: auto;
|
||
}
|
||
.content{
|
||
margin-top: 20rpx;
|
||
color: #444;
|
||
}
|
||
}
|
||
.address{
|
||
color: #444;
|
||
margin-top: 40rpx;
|
||
}
|
||
}
|
||
}
|
||
</style> |