|
|
@@ -0,0 +1,99 @@
|
|
|
+<template>
|
|
|
+ <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('zyjs')">专业建设</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>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+ import {
|
|
|
+ ref,
|
|
|
+ reactive,
|
|
|
+ computed,
|
|
|
+ onMounted,
|
|
|
+ onUnmounted
|
|
|
+ } from "vue";
|
|
|
+ import {
|
|
|
+ onLoad
|
|
|
+ } from "@dcloudio/uni-app"
|
|
|
+ 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({
|
|
|
+ info: null,
|
|
|
+ id: null
|
|
|
+ })
|
|
|
+ const formatDate = computed(() => {
|
|
|
+ if (data.info && data.info.createTime) {
|
|
|
+ return formatDateToYearMonthDay(data.info.createTime)
|
|
|
+ }
|
|
|
+ return []
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ onLoad(({
|
|
|
+ id,type
|
|
|
+ }) => {
|
|
|
+ data.id = id;
|
|
|
+ data.type = type;
|
|
|
+ pageInit();
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ function handleGo(code) {
|
|
|
+ if (code == 'shouye') {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/index/index'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (code == 'zyjs') {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/jyjxZhuanyejianshe/jyjxZhuanyejianshe?type=${data.type}`
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function handleDownFile() {
|
|
|
+ window.location.href = pdfUrl;
|
|
|
+ }
|
|
|
+
|
|
|
+ function pageInit() {
|
|
|
+ httpApi.getJiaoyuZhuanyejiansheInfo({
|
|
|
+ id: data.id
|
|
|
+ }).then(res => {
|
|
|
+ data.info = res.data;
|
|
|
+ })
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+
|
|
|
+</style>
|
wangxy