【新增】试题程序设计弹窗代码迁移
This commit is contained in:
maghny@126.com
@@ -1,69 +1,364 @@
|
|||||||
<template>
|
<template>
|
||||||
<Dialog
|
<div class="program-edit">
|
||||||
v-model="dialogVisible"
|
<Dialog v-model="dialogVisible" :title="dialogTitle" width="70%" top="10vh">
|
||||||
:title="dialogTitle"
|
<el-scrollbar height="600px">
|
||||||
width="70%"
|
<div class="main">
|
||||||
top="10vh">
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
||||||
<el-scrollbar height="600px">
|
<el-tab-pane label="基本内容" name="common">
|
||||||
<el-tabs
|
<div class="line">
|
||||||
v-model="activeName"
|
<div class="title-text">试题题目</div>
|
||||||
class="demo-tabs"
|
<div class="block">
|
||||||
@tab-click="handleClick"
|
<Editor v-model="content" height="150px" />
|
||||||
>
|
</div>
|
||||||
<el-tab-pane label="基本内容" name="common">
|
</div>
|
||||||
<div class="line">
|
<div class="line">
|
||||||
<div class="title-text">试题题目</div>
|
<div>答题程序模板</div>
|
||||||
<div class="block">
|
<ElTextarea v-model="textarea" :rows="4" />
|
||||||
<Editor v-model="content" height="150px" />
|
</div>
|
||||||
</div>
|
<div class="line">
|
||||||
</div>
|
<div class="title-text">基本信息</div>
|
||||||
<div class="line">
|
<el-form
|
||||||
<div>答题程序模板</div>
|
label-width="80"
|
||||||
<ElTextarea v-model="textarea" :rows="4" />
|
:inline="false"
|
||||||
</div>
|
:model="formData"
|
||||||
<div class="line">
|
class="demo-form-inline"
|
||||||
<div class="title-text">基本信息</div>
|
>
|
||||||
<el-form
|
<el-form-item label="知识点">
|
||||||
label-width="80"
|
<el-input disabled placeholder="请输入知识点" size="large" />
|
||||||
:inline="false"
|
</el-form-item>
|
||||||
:model="formData"
|
<el-form-item label="试题版本">
|
||||||
class="demo-form-inline"
|
<p>测试测试</p>
|
||||||
>
|
</el-form-item>
|
||||||
<el-form-item label="知识点">
|
<el-form-item label="来源">
|
||||||
<el-input
|
<p>测试测试</p>
|
||||||
disabled
|
</el-form-item>
|
||||||
placeholder="请输入知识点"
|
<el-form-item label="创建人">
|
||||||
|
<p>测试测试</p>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="创建时间">
|
||||||
|
<p>测试测试</p>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="修改人">
|
||||||
|
<p>测试测试</p>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="修改时间">
|
||||||
|
<p>测试测试</p>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="判分设置" name="score">
|
||||||
|
<div class="line">
|
||||||
|
<div class="title-text">测试程序（参考答案）</div>
|
||||||
|
<div class="block">
|
||||||
|
<div class="tip">
|
||||||
|
<p
|
||||||
|
>此处的程序可以用来验证测试用例的有效性，非自动判分的试题在人工批阅时可作为批阅的参考答案。
|
||||||
|
<br />
|
||||||
|
注意: 为确保系统能正确捕获程序运行的输出结果，要求 scanf() 函数不能加参数,
|
||||||
|
不能采用类似 scanf("请输入: %s") 的形式</p
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<ElTextarea v-model="textarea" :rows="4" />
|
||||||
|
<div class="btn-line">
|
||||||
|
<el-button type="primary" plain>添加为关键字</el-button>
|
||||||
|
<el-button type="primary" plain>上传程序文件</el-button>
|
||||||
|
<el-button type="primary" plain>运行并测试</el-button>
|
||||||
|
</div>
|
||||||
|
<el-checkbox
|
||||||
|
v-model="programData.checkAutoScore"
|
||||||
|
label="自动判分方式"
|
||||||
size="large"
|
size="large"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item label="试题版本">
|
</div>
|
||||||
<p>测试测试</p>
|
<div class="line">
|
||||||
</el-form-item>
|
<div class="title-text">测试用例</div>
|
||||||
<el-form-item label="来源">
|
<div class="block">
|
||||||
<p>测试测试</p>
|
<div class="flex">
|
||||||
</el-form-item>
|
<el-checkbox
|
||||||
<el-form-item label="创建人">
|
v-model="programData.checkKeyword"
|
||||||
<p>测试测试</p>
|
label="检查代码关键字"
|
||||||
</el-form-item>
|
size="large"
|
||||||
<el-form-item label="创建时间">
|
/>
|
||||||
<p>测试测试</p>
|
<div class="flex">
|
||||||
</el-form-item>
|
编译得分比例：
|
||||||
<el-form-item label="修改人">
|
<el-input
|
||||||
<p>测试测试</p>
|
v-model="programData.percent"
|
||||||
</el-form-item>
|
type="number"
|
||||||
<el-form-item label="修改时间">
|
placeholder="Please input"
|
||||||
<p>测试测试</p>
|
>
|
||||||
</el-form-item>
|
<template #append>%</template>
|
||||||
</el-form>
|
</el-input>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</div>
|
||||||
</el-tabs>
|
<div>
|
||||||
</el-scrollbar>
|
<el-checkbox
|
||||||
<template #footer>
|
v-model="programData.checkKeyword"
|
||||||
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
|
label="使用测试用例"
|
||||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
size="large"
|
||||||
</template>
|
/>
|
||||||
</Dialog>
|
<div>
|
||||||
|
<div class="flex">
|
||||||
|
<el-checkbox
|
||||||
|
v-model="programData.checkKeyword"
|
||||||
|
label="测试用例全对时直接得满分s"
|
||||||
|
size="large"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="tip">
|
||||||
|
<p
|
||||||
|
>判分时，测试用例得分比例 = 100% - 关键字得分比例 - 编译得分比例；默认最小
|
||||||
|
10% 得分比例；<br />
|
||||||
|
设置“测试用例全对时直接得满分”，测试用例结果全对时，忽略关键字得分，直接获得试题满分；否则按上述条件计算得分。</p
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<el-radio-group v-model="programData.radio1" class="ml-4">
|
||||||
|
<el-radio label="1" size="large">测试用例部分对时得分</el-radio>
|
||||||
|
<el-radio label="2" size="large">测试用例全对时得分</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
<div class="btn-line" style="margin-bottom: 10px">
|
||||||
|
<el-button type="primary" plain>添加用例</el-button>
|
||||||
|
<el-button type="primary" plain>导入用例</el-button>
|
||||||
|
<el-button type="primary" plain>导出模板</el-button>
|
||||||
|
<el-button type="primary" plain>删除全部</el-button>
|
||||||
|
<el-button type="primary" plain>测试所有用例</el-button>
|
||||||
|
<el-button type="primary" plain>均分权重</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="examList"
|
||||||
|
style="width: 100%"
|
||||||
|
@selection-change="handleExamSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" width="50" />
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column prop="type" label="输入" width="80" />
|
||||||
|
<el-table-column
|
||||||
|
prop="title"
|
||||||
|
label="输出"
|
||||||
|
width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column prop="displayIndex" label="权重(%)" />
|
||||||
|
<el-table-column prop="size" label="隐藏用例" />
|
||||||
|
<el-table-column prop="size" label="仅隐藏输出" />
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button type="primary" @click="delExam(scope)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line">
|
||||||
|
<div class="title-text">代码关键字</div>
|
||||||
|
<div class="block">
|
||||||
|
<div class="flex">
|
||||||
|
<el-checkbox
|
||||||
|
v-model="programData.checkKeyword"
|
||||||
|
label="检查代码关键字"
|
||||||
|
size="large"
|
||||||
|
/>
|
||||||
|
<div class="flex">
|
||||||
|
关键字得分比例：
|
||||||
|
<el-input
|
||||||
|
v-model="programData.percent"
|
||||||
|
type="number"
|
||||||
|
placeholder="Please input"
|
||||||
|
>
|
||||||
|
<template #append>%</template>
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
关键字得分临界值：
|
||||||
|
<el-input
|
||||||
|
v-model="programData.percent"
|
||||||
|
type="number"
|
||||||
|
placeholder="Please input"
|
||||||
|
>
|
||||||
|
<template #append>%</template>
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tip" style="margin-top: 10px">
|
||||||
|
<p
|
||||||
|
>提示：关键字支持正则表达式匹配方式，在新建或编辑中设置。<br />
|
||||||
|
判分时，关键字正确比例小于关键字得分临界值时，忽略验证编译及测试用例得分比例，仅获得关键字正确比例分数。<br />
|
||||||
|
判分时，关键字正确比例大于等于关键字得分临界值，编译通过且测试用例结果全对时，忽略关键字得分，直接获得试题满分。<br />
|
||||||
|
判分时，关键字正确比例大于等于关键字得分临界值，编译不一定通过且测试用例不一定全对时，获得分数
|
||||||
|
= 关键字得分 + 编译得分 + 测试用例结果得分。</p
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="btn-line" style="margin-bottom: 10px">
|
||||||
|
<el-button type="primary" plain>新建</el-button>
|
||||||
|
<el-button type="primary" plain>导入</el-button>
|
||||||
|
<el-button type="primary" plain>删除全部</el-button>
|
||||||
|
<el-button type="primary" plain>校验关键字</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="scoreKeyList"
|
||||||
|
style="width: 100%"
|
||||||
|
@selection-change="handleScoreSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" width="50" />
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column
|
||||||
|
prop="title"
|
||||||
|
label="关键字"
|
||||||
|
width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column prop="displayIndex" label="权重(%)" />
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button type="primary" @click="delScore(scope)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line">
|
||||||
|
<div class="title-text">其它选项</div>
|
||||||
|
<div>
|
||||||
|
<div class="flex">
|
||||||
|
时间限制：
|
||||||
|
<el-input
|
||||||
|
v-model="programData.percent"
|
||||||
|
type="number"
|
||||||
|
placeholder="Please input"
|
||||||
|
/>
|
||||||
|
（ms，毫秒，1秒 等于 1000毫秒）
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
内存限制：
|
||||||
|
<el-input
|
||||||
|
v-model="programData.percent"
|
||||||
|
type="number"
|
||||||
|
placeholder="Please input"
|
||||||
|
/>
|
||||||
|
（MB）
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
代码长度限制：
|
||||||
|
<el-input
|
||||||
|
v-model="programData.percent"
|
||||||
|
type="number"
|
||||||
|
placeholder="Please input"
|
||||||
|
/>
|
||||||
|
（KB）
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="试题解析" name="analyse">
|
||||||
|
<div class="block">
|
||||||
|
<ElTextarea v-model="textarea" :rows="4" />
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane name="keyword">
|
||||||
|
<template #label>
|
||||||
|
<div class="custom-tabs-label">
|
||||||
|
<p>关键字</p>
|
||||||
|
<el-dropdown>
|
||||||
|
<span class="el-dropdown-link" @click.stop="false">
|
||||||
|
<div class="setting_icon"></div>
|
||||||
|
</span>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item @click="editKeyword('create')">新建</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="editKeyword('create')">编辑</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="editKeyword('delete')">删除</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="editKeyword('deleteall')"
|
||||||
|
>删除全部</el-dropdown-item
|
||||||
|
>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="block">
|
||||||
|
<el-table
|
||||||
|
:data="keywordList"
|
||||||
|
style="width: 100%"
|
||||||
|
@selection-change="handleKeywordSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" width="50" />
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column prop="keyword" label="关键字" />
|
||||||
|
</el-table>
|
||||||
|
<el-dialog
|
||||||
|
v-model="keyVisible"
|
||||||
|
title="编辑关键字"
|
||||||
|
width="50%"
|
||||||
|
:before-close="keyDialogClose"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:close-on-press-escape="false"
|
||||||
|
>
|
||||||
|
<div class="main" style="width: 100%; height: 100%">
|
||||||
|
<el-input v-model="keyWord" placeholder="请输入关键字" size="large" />
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="keyDialogClose">取消</el-button>
|
||||||
|
<el-button type="primary" @click="confirmKeyDialogVisible"> 确定 </el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane name="media">
|
||||||
|
<template #label>
|
||||||
|
<div class="custom-tabs-label">
|
||||||
|
<p>媒体文件</p>
|
||||||
|
<el-dropdown>
|
||||||
|
<span class="el-dropdown-link" @click.stop="false">
|
||||||
|
<div class="setting_icon"></div>
|
||||||
|
</span>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item>
|
||||||
|
<el-upload
|
||||||
|
v-model:file-list="fileList"
|
||||||
|
class="upload-demo"
|
||||||
|
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
|
||||||
|
>
|
||||||
|
<el-button>导入</el-button>
|
||||||
|
</el-upload>
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item>导出</el-dropdown-item>
|
||||||
|
<el-dropdown-item>播放</el-dropdown-item>
|
||||||
|
<el-dropdown-item>编辑</el-dropdown-item>
|
||||||
|
<el-dropdown-item>删除选中</el-dropdown-item>
|
||||||
|
<el-dropdown-item>删除全部</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="block">
|
||||||
|
<el-table
|
||||||
|
:data="mediumList"
|
||||||
|
style="width: 100%"
|
||||||
|
@selection-change="handleMediumSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" width="50" />
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column prop="type" label="媒体类型" width="80" />
|
||||||
|
<el-table-column prop="title" label="标题" />
|
||||||
|
<el-table-column prop="displayIndex" label="显示序号" />
|
||||||
|
<el-table-column prop="size" label="大小" />
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</el-scrollbar>
|
||||||
|
<template #footer>
|
||||||
|
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
</template>
|
||||||
|
</Dialog>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
||||||
@@ -100,13 +395,13 @@ const formRef = ref() // 表单 Ref
|
|||||||
const deptList = ref<Tree[]>([]) // 树形结构
|
const deptList = ref<Tree[]>([]) // 树形结构
|
||||||
const postList = ref([] as PostApi.PostVO[]) // 岗位列表
|
const postList = ref([] as PostApi.PostVO[]) // 岗位列表
|
||||||
/** 页面内容开始 */
|
/** 页面内容开始 */
|
||||||
const activeName = ref('common');
|
const activeName = ref('common')
|
||||||
const content = ref('');
|
const content = ref('')
|
||||||
const textarea = ref('');
|
const textarea = ref('')
|
||||||
|
|
||||||
const handleClick = (tab, e) => {
|
const handleClick = (tab, e) => {
|
||||||
activeName.value = tab.paneName.value;
|
activeName.value = tab.paneName.value
|
||||||
};
|
}
|
||||||
/** 页面内容结束 */
|
/** 页面内容结束 */
|
||||||
|
|
||||||
/** 打开弹窗 */
|
/** 打开弹窗 */
|
||||||
@@ -131,6 +426,69 @@ const open = async (type: string, id?: number) => {
|
|||||||
}
|
}
|
||||||
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
|
||||||
|
|
||||||
|
const programData = ref({
|
||||||
|
title: '',
|
||||||
|
checkAutoScore: false,
|
||||||
|
checkKeyword: false,
|
||||||
|
percent: 0,
|
||||||
|
radio1: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
const examList = ref([] as any)
|
||||||
|
const multipleSelection = ref([] as any)
|
||||||
|
const handleExamSelectionChange = (val: any) => {
|
||||||
|
multipleSelection.value = val
|
||||||
|
}
|
||||||
|
const delExam = (val: any) => {
|
||||||
|
console.log(val)
|
||||||
|
}
|
||||||
|
|
||||||
|
const scoreKeyList = ref([] as any)
|
||||||
|
const multipleScoreSelection = ref([] as any)
|
||||||
|
const handleScoreSelectionChange = (val: any) => {
|
||||||
|
multipleScoreSelection.value = val
|
||||||
|
}
|
||||||
|
const delScore = (val: any) => {
|
||||||
|
console.log(val)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关键字
|
||||||
|
|
||||||
|
const keywordList = ref([] as any)
|
||||||
|
const multipleKeywordSelection = ref([] as any)
|
||||||
|
const handleKeywordSelectionChange = (val: any) => {
|
||||||
|
multipleKeywordSelection.value = val
|
||||||
|
}
|
||||||
|
const keyVisible = ref(false)
|
||||||
|
const keyEditType = ref('')
|
||||||
|
|
||||||
|
const keyWord = ref([null])
|
||||||
|
|
||||||
|
const editKeyword = (key) => {
|
||||||
|
keyEditType.value = key
|
||||||
|
keyVisible.value = true
|
||||||
|
}
|
||||||
|
const keyDialogClose = () => {
|
||||||
|
keyVisible.value = false
|
||||||
|
}
|
||||||
|
const confirmKeyDialogVisible = () => {
|
||||||
|
if (keyEditType.value === 'create') {
|
||||||
|
keywordList.value.push({
|
||||||
|
keyword: keyWord.value
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
keyVisible.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 媒体文件
|
||||||
|
const mediumList = ref([] as any)
|
||||||
|
const multipleMediumSelection = ref([] as any)
|
||||||
|
const handleMediumSelectionChange = (val: any) => {
|
||||||
|
multipleMediumSelection.value = val
|
||||||
|
}
|
||||||
|
const fileList = []
|
||||||
|
|
||||||
/** 提交表单 */
|
/** 提交表单 */
|
||||||
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
||||||
const submitForm = async () => {
|
const submitForm = async () => {
|
||||||
@@ -172,3 +530,97 @@ const resetForm = () => {
|
|||||||
formRef.value?.resetFields()
|
formRef.value?.resetFields()
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.program-edit {
|
||||||
|
:deep(.el-dialog) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 85vh;
|
||||||
|
.el-dialog__header {
|
||||||
|
border-bottom: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
.el-dialog__footer {
|
||||||
|
border-top: 1px solid #ededed;
|
||||||
|
}
|
||||||
|
.el-dialog__body {
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
.main {
|
||||||
|
height: 100%;
|
||||||
|
.el-tabs {
|
||||||
|
height: 100%;
|
||||||
|
.el-tabs__content {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
.line {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.title-text {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.block {
|
||||||
|
.tip {
|
||||||
|
color: #8a6d3b;
|
||||||
|
background-color: #fcf8e3;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-color: #faebcc;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
> p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-line {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.flex {
|
||||||
|
display: flex;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.el-input {
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs-label {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.setting_icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
background: url('@/assets/icon/setting_blue.png') no-repeat center;
|
||||||
|
background-size: 100%;
|
||||||
|
margin-left: 3px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.is-active {
|
||||||
|
.custom-tabs-label {
|
||||||
|
.setting_icon {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
:deep(.ele-pro-table) {
|
||||||
|
flex: 1;
|
||||||
|
margin-top: 10px;
|
||||||
|
.el-table--fit {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
:deep(.tox-tinymce) {
|
||||||
|
.tox-statusbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user