修改editor样式

This commit is contained in:
GGJ
2024-10-12 11:23:52 +08:00
parent de872782d3
commit 7062305c01
6 changed files with 80 additions and 11 deletions

View File

@@ -63,7 +63,7 @@ const GetEchar = async (name: string) => {
legend: {
orient: 'vertical',
left: 26,
left: 25,
bottom: 40,
itemWidth: 16,
itemHeight: 16,

View File

@@ -28,11 +28,11 @@ onMounted(() => {
const toolbarConfig = {
excludeKeys: ['fullScreen', 'emotion']
}
let sever = '/system-boot/file/upload'
let sever = '/api/system-boot/file/upload'
// 本地加api
if (process.env.NODE_ENV === 'development') {
sever = '/api' + sever
}
// if (process.env.NODE_ENV === 'development') {
// sever = '/api' + sever
// }
type InsertFnType = (url: string, alt: string, href: string) => void
const editorConfig = {
placeholder: '请输入内容...',
@@ -40,6 +40,7 @@ const editorConfig = {
uploadImage: {
server: sever,
fieldName: 'file',
maxFileSize: 10 * 1024 * 1024,
compress: true,
uploadFileName: 'file',
withCredentials: true,

View File

@@ -28,7 +28,7 @@
<vxe-table height="auto" v-bind="defaultAttribute" :data="dotList?.childrens[radio]?.children">
<vxe-column field="name" title="算法名称"></vxe-column>
<vxe-column field="createTime" title="创建时间"></vxe-column>
<vxe-column field="period" title="计算周期">
<template #default="{ row }">
{{
@@ -82,7 +82,7 @@
@getTree="treeRef.loadData(dotList.id), (popupEditFlag = false)" />
<!-- 定义 -->
<el-dialog v-model="viewFlag" title="定义" width="60%">
<div v-html="summary" style="min-height: 300px;" />
<div class="editor" v-html="summary" style="min-height: 300px;" />
</el-dialog>
<!-- 删除 -->
<el-dialog v-model="dialogVisible" title="请选择需要删除的数据" width="400">
@@ -287,4 +287,27 @@ const change = (row: any) => {
display: flex;
justify-content: space-between;
}
.editor {
table {
width: 100%;
border-collapse: collapse;
}
th,
td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
td {
background-color: #ffffff;
}
}
</style>

View File

@@ -23,7 +23,7 @@
</el-descriptions-item>]
<div>
<el-descriptions-item label="事件简介">
<div v-html="tableData.summary"></div>
<div class='editor' v-html="tableData.summary"></div>
</el-descriptions-item>
</div>
</el-descriptions>
@@ -109,4 +109,26 @@ defineExpose({ open })
margin-left: 10px;
color: #0000EE;
}
.editor {
table {
width: 100%;
border-collapse: collapse;
}
th,
td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
td {
background-color: #ffffff;
}
}
</style>

View File

@@ -20,7 +20,7 @@
<PopupEdit ref="popupEditRef" @onSubmit="tableStore.index()" />
<!-- 简介详情 -->
<el-dialog v-model="dialogVisible" title="事件简介" width="60%">
<div v-html="summary"></div>
<div class="editor" v-html="summary"></div>
</el-dialog>
<!-- 抽屉 -->
<drawer ref="drawerRef" />
@@ -222,4 +222,27 @@ const downloadTheReport = () => {
})
}
</script>
<style lang="scss"></style>
<style lang="scss">
.editor {
table {
width: 100%;
border-collapse: collapse;
}
th,
td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
td {
background-color: #ffffff;
}
}
</style>

View File

@@ -102,7 +102,7 @@ const map = (res: any) => {
},
visualMap: {
left: 26,
left: 25,
bottom: 40,
show: true,
inRange: {