|
@@ -1,6 +1,5 @@
|
|
<template>
|
|
<template>
|
|
-
|
|
|
|
- <van-loading size="16px" v-if="isLoading">加载中...</van-loading>
|
|
|
|
|
|
+ <van-loading size="16px" v-if="isLoading" >加载中...</van-loading>
|
|
<div class="main" v-if="!isLoading">
|
|
<div class="main" v-if="!isLoading">
|
|
<div class="banner">
|
|
<div class="banner">
|
|
<h2>扎实提升“三力”</h2>
|
|
<h2>扎实提升“三力”</h2>
|
|
@@ -13,13 +12,8 @@
|
|
<p>会议时间:{{ info.meetingTime }}</p>
|
|
<p>会议时间:{{ info.meetingTime }}</p>
|
|
<p>会议场所:{{ info.siteName.name }}</p>
|
|
<p>会议场所:{{ info.siteName.name }}</p>
|
|
<p>参会人员:{{ info.participants.name }}</p>
|
|
<p>参会人员:{{ info.participants.name }}</p>
|
|
- <p>附 件:<span style="color: #6892ff">活动申请书</span></p>
|
|
|
|
- <!-- <p>会议议题:{{ info.meetingTopics }}</p> -->
|
|
|
|
<p>会议议题:</p>
|
|
<p>会议议题:</p>
|
|
- <wang-editor
|
|
|
|
- ref="subjectContentEditor"
|
|
|
|
- v-model="info.meetingTopics"
|
|
|
|
- />
|
|
|
|
|
|
+ <div v-html="info.meetingTopics" class="showhtml"> </div>
|
|
</div>
|
|
</div>
|
|
<van-button v-if="canAudit" type="primary" class="btn-sub" @click="update">审核</van-button>
|
|
<van-button v-if="canAudit" type="primary" class="btn-sub" @click="update">审核</van-button>
|
|
</div>
|
|
</div>
|
|
@@ -27,23 +21,17 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { ref } from "vue";
|
|
import { ref } from "vue";
|
|
- import religiousConferenceService from "@/api/religiousConference/religiousConferenceService";
|
|
|
|
- import UserManage from "@/api/user/UserManage";
|
|
|
|
import { useRoute } from "vue-router";
|
|
import { useRoute } from "vue-router";
|
|
- // 富文本编辑器
|
|
|
|
- import WangEditor from "@/components/editor/WangEditor";
|
|
|
|
|
|
+ import religiousConferenceService from "@/api/religiousConference/religiousConferenceService";
|
|
export default {
|
|
export default {
|
|
- components: { WangEditor },
|
|
|
|
setup() {
|
|
setup() {
|
|
//window.xm.setNavigationBarTitle({ title: '负责人会议详情'})
|
|
//window.xm.setNavigationBarTitle({ title: '负责人会议详情'})
|
|
let isLoading = ref(true);
|
|
let isLoading = ref(true);
|
|
let canAudit = ref(false);
|
|
let canAudit = ref(false);
|
|
// 活动信息
|
|
// 活动信息
|
|
const info = ref({
|
|
const info = ref({
|
|
- meetingTopics:"",
|
|
|
|
|
|
+ meetingTopics:"",
|
|
});
|
|
});
|
|
- // 富文本
|
|
|
|
- let subjectContentEditor = ref(null);
|
|
|
|
let route = useRoute();
|
|
let route = useRoute();
|
|
new religiousConferenceService().queryById(route.query.id).then((data) => {
|
|
new religiousConferenceService().queryById(route.query.id).then((data) => {
|
|
info.value = data;
|
|
info.value = data;
|
|
@@ -53,8 +41,6 @@
|
|
canAudit.value = false;
|
|
canAudit.value = false;
|
|
}
|
|
}
|
|
console.log(info.value.meetingTopics);
|
|
console.log(info.value.meetingTopics);
|
|
- //这边报错?
|
|
|
|
- //subjectContentEditor.value.init(info.value.meetingTopics);
|
|
|
|
isLoading.value = false;
|
|
isLoading.value = false;
|
|
});
|
|
});
|
|
// 审核通过
|
|
// 审核通过
|
|
@@ -75,57 +61,63 @@
|
|
isLoading,
|
|
isLoading,
|
|
canAudit,
|
|
canAudit,
|
|
update,
|
|
update,
|
|
- subjectContentEditor,
|
|
|
|
};
|
|
};
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
- <style lang="less">
|
|
|
|
- .main {
|
|
|
|
- background: #fff;
|
|
|
|
- position: relative;
|
|
|
|
- top: 40px;
|
|
|
|
- }
|
|
|
|
- .banner {
|
|
|
|
- background-color: #36a7f3;
|
|
|
|
- padding: 20px 50px 40px 50px;
|
|
|
|
- color: #fff;
|
|
|
|
- h2 {
|
|
|
|
- &:nth-child(1) {
|
|
|
|
- margin-top: 0px;
|
|
|
|
- text-align: left;
|
|
|
|
- }
|
|
|
|
- &:nth-child(2) {
|
|
|
|
- text-align: center;
|
|
|
|
- }
|
|
|
|
- &:nth-child(3) {
|
|
|
|
- text-align: right;
|
|
|
|
|
|
+ <style lang="less">
|
|
|
|
+ .main {
|
|
|
|
+ background: #fff;
|
|
|
|
+ position: relative;
|
|
|
|
+ top: 40px;
|
|
|
|
+ }
|
|
|
|
+ .banner {
|
|
|
|
+ background-color: #36a7f3;
|
|
|
|
+ padding: 20px 50px 40px 50px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ h2 {
|
|
|
|
+ &:nth-child(1) {
|
|
|
|
+ margin-top: 0px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ &:nth-child(2) {
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ &:nth-child(3) {
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .info {
|
|
|
|
- position: relative;
|
|
|
|
- width: 86vw;
|
|
|
|
- margin: 10px auto;
|
|
|
|
- padding: 10px;
|
|
|
|
- background: #fff;
|
|
|
|
- border-radius: 20px;
|
|
|
|
- top: -50px;
|
|
|
|
- font-size: 14px;
|
|
|
|
- }
|
|
|
|
- .btn-sub {
|
|
|
|
- width: 90%;
|
|
|
|
- border-radius: 20px;
|
|
|
|
- margin-left: 5%;
|
|
|
|
- }
|
|
|
|
- .van-loading {
|
|
|
|
- text-align: center;
|
|
|
|
- margin-top: 80px;
|
|
|
|
- }
|
|
|
|
- #editor {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 150px;
|
|
|
|
- overflow: hidden;
|
|
|
|
- }
|
|
|
|
- </style>
|
|
|
|
|
|
+ .info {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 86vw;
|
|
|
|
+ // height: 120px;
|
|
|
|
+ margin: 10px auto;
|
|
|
|
+ padding: 10px;
|
|
|
|
+ background: #fff;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+ top: -50px;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ }
|
|
|
|
+ .btn-sub {
|
|
|
|
+ width: 90%;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+ margin-left: 5%;
|
|
|
|
+ }
|
|
|
|
+ .van-loading {
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin-top: 80px;
|
|
|
|
+ }
|
|
|
|
+ #editor {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 150px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ }
|
|
|
|
+ .showhtml{
|
|
|
|
+ margin: 5px;
|
|
|
|
+ padding: 10px;
|
|
|
|
+ border: 1px solid #ccc;
|
|
|
|
+ border-radius: 12px;
|
|
|
|
+ }
|
|
|
|
+ </style>
|