79 lines
2.0 KiB
Vue
79 lines
2.0 KiB
Vue
<template>
|
||
<AppLayout :show-bg-image="false">
|
||
<view class="main-list" >
|
||
<view class="title">
|
||
{{ dataInfo.title }}
|
||
</view>
|
||
<view class="publishTime">
|
||
发布日期：{{ dataInfo.publishTime }}
|
||
</view>
|
||
<view >
|
||
<view class="gk-l-i-bottom" v-html="dataInfo.content"></view>
|
||
</view>
|
||
</view>
|
||
</AppLayout>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { inject, ref, reactive, onMounted } from "vue";
|
||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||
const { $api, navTo, navBack, vacanciesTo } = inject("globalFunction");
|
||
import config from "@/config.js";
|
||
import AppLayout from "@/components/AppLayout/AppLayout.vue";
|
||
const baseUrl = config.imgBaseUrl;
|
||
const dataInfo = ref([]);
|
||
const id = ref('');
|
||
const getBackgroundStyle = (imageName) => ({
|
||
backgroundImage: `url(${baseUrl}/${imageName})`,
|
||
backgroundSize: "cover", // 覆盖整个容器
|
||
backgroundPosition: "center", // 居中
|
||
backgroundRepeat: "no-repeat",
|
||
});
|
||
onLoad((options) => {
|
||
id.value=options.id
|
||
getData();
|
||
});
|
||
|
||
function getData() {
|
||
|
||
let params={
|
||
id:id.value
|
||
}
|
||
$api.myRequest('/train/public/announcement/selectById', params).then((resData) => {
|
||
if(resData.code==200){
|
||
var td = new RegExp("<td", "g")
|
||
var table = new RegExp('<table style="width: auto;', "g")
|
||
resData.data.content = (resData.data.content + "").replace(td, '<td style = "border:1px solid #cecece;font-size:0.8rem;" ')
|
||
resData.data.content = (resData.data.content + "").replace(table, '<table style="width: auto; border-collapse: collapse;" ')
|
||
dataInfo.value=resData.data
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.main-list {
|
||
background-color: #ffffff;
|
||
padding: 20rpx 25rpx 28rpx 25rpx;
|
||
margin: 30rpx 30rpx;
|
||
box-shadow: 0px 3px 20px 0px rgba(0, 105, 234, 0.1);
|
||
border-radius: 12px;
|
||
}
|
||
.title {
|
||
font-size: 32rpx;
|
||
font-weight: bold;
|
||
color: #282828;
|
||
margin-bottom: 16rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.publishTime{
|
||
text-align: center;
|
||
font-size: 24rpx;
|
||
color: #a2a2a2;
|
||
margin-top: 12rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
</style> |