|
@@ -1,31 +1,92 @@
|
|
<template>
|
|
<template>
|
|
- <view>
|
|
|
|
-
|
|
|
|
|
|
+ <view class="dljt-page-box" v-if="data.info">
|
|
|
|
+ <MtaNavbar></MtaNavbar>
|
|
|
|
+ <view class="dljt-container-box">
|
|
|
|
+ <!-- 详情页面 -->
|
|
|
|
+ <view class="dljt-page-title">招生就业</view>
|
|
|
|
+ <view class="dljt-page-content-box">
|
|
|
|
+ <!-- 导航 -->
|
|
|
|
+ <view class="dljt-breadcrumb-box">
|
|
|
|
+ <view class="breadcrumb-text" @click="handleGo('shouye')">首页</view>
|
|
|
|
+ <icon class="breadcrumb-jt"></icon>
|
|
|
|
+ <view class="breadcrumb-text">招生就业</view>
|
|
|
|
+ <icon class="breadcrumb-jt"></icon>
|
|
|
|
+ <view class="breadcrumb-text" @click="handleGo('zcwj')">政策文件</view>
|
|
|
|
+ <icon class="breadcrumb-jt"></icon>
|
|
|
|
+ <view class="breadcrumb-active">详情</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dljt-detail-box">
|
|
|
|
+ <!-- 标题 -->
|
|
|
|
+ <view class="detail-title">{{data.info.title}}</view>
|
|
|
|
+ <!-- 时间 -->
|
|
|
|
+ <view class="detail-data">{{formatDate.join('-') }}</view>
|
|
|
|
+ <!-- 富文本 -->
|
|
|
|
+ <MtaMpHtml class="dljt-editor-box" :content="data.info.content" ></MtaMpHtml>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 底部导航 -->
|
|
|
|
+ <MtaFooter></MtaFooter>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
import {
|
|
import {
|
|
ref,
|
|
ref,
|
|
- reactive
|
|
|
|
|
|
+ reactive,
|
|
|
|
+ computed,
|
|
|
|
+ onMounted,
|
|
|
|
+ onUnmounted
|
|
} from "vue";
|
|
} from "vue";
|
|
import {
|
|
import {
|
|
onLoad
|
|
onLoad
|
|
} from "@dcloudio/uni-app"
|
|
} from "@dcloudio/uni-app"
|
|
import * as httpApi from "@/api/common.js"
|
|
import * as httpApi from "@/api/common.js"
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+ import {formatDateToYearMonthDay } from "@/utils/common.js"
|
|
|
|
+ import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
|
|
|
|
+ import MtaPDFVue from "@/components/MtaPDF.vue";
|
|
|
|
+ import MtaFooter from "@/components/MtaFooter.vue"
|
|
const data = reactive({
|
|
const data = reactive({
|
|
- content: ''
|
|
|
|
|
|
+ info: null,
|
|
|
|
+ id: null
|
|
})
|
|
})
|
|
-
|
|
|
|
- onLoad(() => {
|
|
|
|
|
|
+ const formatDate = computed(() => {
|
|
|
|
+ if (data.info && data.info.createTime) {
|
|
|
|
+ return formatDateToYearMonthDay(data.info.createTime)
|
|
|
|
+ }
|
|
|
|
+ return []
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ onLoad(({
|
|
|
|
+ id
|
|
|
|
+ }) => {
|
|
|
|
+ data.id = id;
|
|
pageInit();
|
|
pageInit();
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ function handleGo(code) {
|
|
|
|
+ if (code == 'shouye') {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '/pages/index/index'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ if (code == 'zcwj') {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '/pages/zsjyZhengcewenjian/zsjyZhengcewenjian'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function handleDownFile() {
|
|
|
|
+ window.location.href = pdfUrl;
|
|
|
|
+ }
|
|
|
|
+
|
|
function pageInit() {
|
|
function pageInit() {
|
|
- httpApi.getCommonGaikuangJigouShezhiInfo().then(res => {
|
|
|
|
- data.content = res.data.content;
|
|
|
|
|
|
+ httpApi.getCommonZhengcewenjianInfo({id:data.id}).then(res => {
|
|
|
|
+ data.info = res.data;
|
|
})
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|