|
@@ -1,6 +1,28 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
-
|
|
|
+ <view class="dljt-page-box">
|
|
|
+ <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-active">专业介绍</view>
|
|
|
+ </view>
|
|
|
+ <view class="dljt-detail-box">
|
|
|
+ <view class="dljt-editor-box">
|
|
|
+ <view v-for="item in data.list.data" :key="item.title" @click="handleSelect(item.title)">{{item.title}}</view>
|
|
|
+ <!-- 富文本 -->
|
|
|
+ <MtaMpHtml class="dljt-editor-box" v-show="item.title == data.activeTitle" v-for="item in data.list.data" :content="item.content" ></MtaMpHtml>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 底部导航 -->
|
|
|
+ <MtaFooter></MtaFooter>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -13,23 +35,38 @@
|
|
|
onLoad
|
|
|
} from "@dcloudio/uni-app"
|
|
|
import * as httpApi from "@/api/common.js"
|
|
|
-
|
|
|
-
|
|
|
+ import MtaFooter from "@/components/MtaFooter.vue"
|
|
|
+ import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
|
|
|
+
|
|
|
const data = reactive({
|
|
|
- content: ''
|
|
|
+ list: null,
|
|
|
+ activeTitle: ''
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
onLoad(() => {
|
|
|
pageInit();
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
+ function handleGo(code) {
|
|
|
+ if (code == 'shouye') {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/index/index'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function handleSelect(title) {
|
|
|
+ data.activeTitle = title;
|
|
|
+ }
|
|
|
+
|
|
|
function pageInit() {
|
|
|
- httpApi.getCommonGaikuangJigouShezhiInfo().then(res => {
|
|
|
- data.content = res.data.content;
|
|
|
+ httpApi.getCommonZsjyZhuanyeList({size: 1000}).then(res => {
|
|
|
+ data.list = res.data;
|
|
|
+ data.activeTitle = data.list.data[0].title
|
|
|
})
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
-</style>
|
|
|
+</style>
|