96 lines
3.9 KiB
Vue
96 lines
3.9 KiB
Vue
<template>
|
||
<a-modal v-model:visible="editShareInstructionVisible" @ok="handleNewDocOk" width="90%"
|
||
:bodyStyle="{height: 'calc(100vh - 300px)'}">
|
||
<template #title>
|
||
编辑开放文档说明
|
||
<a-tooltip placement="bottom">
|
||
<template #title>此说明文档将展示在开放文档的首页展示，可点击‘查看开放文档’查看效果</template>
|
||
<info-circle-outlined />
|
||
</a-tooltip>
|
||
</template>
|
||
<mavon-editor ref="mavonEditor" v-model="shareInstruction" :toolbars="toolbars"
|
||
:externalLink="false"
|
||
style="height: 100%;"
|
||
placeholder="请录入文档内容"/>
|
||
</a-modal>
|
||
</template>
|
||
|
||
<script>
|
||
import { toRefs, ref, reactive, onMounted, nextTick } from 'vue';
|
||
import {zyplayerApi} from '../../../api';
|
||
import {useStore} from 'vuex';
|
||
import aceEditor from "../../../assets/ace-editor";
|
||
import {getZyplayerApiBaseUrl} from "../../../api/request/utils";
|
||
import {BranchesOutlined, InfoCircleOutlined} from '@ant-design/icons-vue';
|
||
import {mavonEditor, markdownIt} from 'mavon-editor'
|
||
import { message } from 'ant-design-vue';
|
||
|
||
export default {
|
||
components: {aceEditor, BranchesOutlined, mavonEditor, InfoCircleOutlined},
|
||
setup() {
|
||
const store = useStore();
|
||
let docEdit = ref({});
|
||
let shareInstruction = ref('');
|
||
let editShareInstructionVisible = ref(false);
|
||
const handleNewDocOk = async () => {
|
||
if (!shareInstruction.value) {
|
||
message.error('请输入开放文档的说明');
|
||
return;
|
||
}
|
||
zyplayerApi.apiDocUpdate({id: docEdit.value.id, shareInstruction: shareInstruction.value}).then(res => {
|
||
editShareInstructionVisible.value = false;
|
||
});
|
||
};
|
||
const editDoc = async (id) => {
|
||
editShareInstructionVisible.value = true;
|
||
zyplayerApi.apiDocDetail({id: id}).then(res => {
|
||
docEdit.value = res.data;
|
||
shareInstruction.value = res.data.shareInstruction;
|
||
});
|
||
};
|
||
onMounted(() => {
|
||
});
|
||
return {
|
||
editShareInstructionVisible,
|
||
docEdit,
|
||
shareInstruction,
|
||
handleNewDocOk,
|
||
editDoc,
|
||
toolbars: {
|
||
bold: true, // 粗体
|
||
italic: true, // 斜体
|
||
header: true, // 标题
|
||
underline: true, // 下划线
|
||
strikethrough: true, // 中划线
|
||
mark: true, // 标记
|
||
superscript: true, // 上角标
|
||
subscript: true, // 下角标
|
||
quote: true, // 引用
|
||
ol: true, // 有序列表
|
||
ul: true, // 无序列表
|
||
link: true, // 链接
|
||
imagelink: true, // 图片链接
|
||
code: true, // code
|
||
table: true, // 表格
|
||
fullscreen: true, // 全屏编辑
|
||
readmodel: true, // 沉浸式阅读
|
||
/* 1.3.5 */
|
||
undo: true, // 上一步
|
||
redo: true, // 下一步
|
||
trash: true, // 清空
|
||
save: true, // 保存（触发events中的save事件）
|
||
/* 1.4.2 */
|
||
navigation: true, // 导航目录
|
||
/* 2.1.8 */
|
||
alignleft: true, // 左对齐
|
||
aligncenter: true, // 居中
|
||
alignright: true, // 右对齐
|
||
/* 2.2.1 */
|
||
subfield: true, // 单双栏模式
|
||
preview: true, // 预览
|
||
},
|
||
};
|
||
},
|
||
};
|
||
</script>
|