Skip to content

S
school-paper-admin-front
Commit 9a1136b6 by ‘巴博尔’
Options

修改

parent 693baaf1
Showing with 133 additions and 45 deletions
src/assets/styles/variables.scss
...@@ -8,33 +8,20 @@ $tiffany: #4AB7BD; ...@@ -8,33 +8,20 @@ $tiffany: #4AB7BD;
$yellow:#FEC171; $yellow:#FEC171;
$panGreen: #30B08F; $panGreen: #30B08F;
// 默认菜单主题风格
$base-menu-color:#bfcbd9;
$base-menu-color-active:#f4f4f5;
$base-menu-background:#304156;
$base-logo-title-color: #ffffff;
$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529;
$base-sub-menu-background:#1f2d3d;
$base-sub-menu-hover:#001528;
// 自定义暗色菜单风格 // 自定义暗色菜单风格
/**
$base-menu-color:hsla(0,0%,100%,.65); $base-menu-color:hsla(0,0%,100%,.65);
$base-menu-color-active:#fff; $base-menu-color-active:#fff;
$base-menu-background:#001529; $base-menu-background:#010509;
$base-logo-title-color: #ffffff; $base-logo-title-color: #ffffff;
$base-menu-light-color:rgba(0,0,0,.70); $base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff; $base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529; $base-logo-light-title-color: #010509;
$base-sub-menu-background:#000c17; $base-sub-menu-background:#010509;
$base-sub-menu-hover:#001528; $base-sub-menu-hover: #010509;
*/
$base-sidebar-width: 200px; $base-sidebar-width: 200px;
......
src/views/school-paper/questionBank/index.vue
...@@ -311,33 +311,112 @@ ...@@ -311,33 +311,112 @@
/> />
<!-- 添加或修改题库主对话框 --> <!-- 添加或修改题库主对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="70%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px" class="app-container-form">
<el-form-item label="类别id" prop="categoryId"> <el-row :gutter="24">
<el-input v-model="form.categoryId" placeholder="请输入类别id" /> <el-col :span="6">
</el-form-item> <el-form-item label="题库类别" prop="categoryId">
<el-form-item label="习题种类：1填空，2选择，3解答" prop="species"> <el-select
<el-input clearable
v-model="form.species" v-model="form.categoryId"
placeholder="请输入习题种类：1填空，2选择，3解答" placeholder="请选择题库类别"
/> >
</el-form-item> <el-option
<el-form-item label="阶段id" prop="phaseId"> v-for="item in [
<el-input v-model="form.phaseId" placeholder="请输入阶段id" /> { label: '全部', value: '' },
</el-form-item> { label: '集合', value: '1' },
<el-form-item label="强度：1基础，2中等，3提高" prop="intensity"> { label: '不等式', value: '2' },
<el-input { label: '函数', value: '3' },
v-model="form.intensity" { label: '数列', value: '4' },
placeholder="请输入强度：1基础，2中等，3提高" { label: '立体几何', value: '5' },
/> ]"
</el-form-item> :key="item.value"
<el-form-item label="题目" prop="topic"> :label="item.label"
<el-input :value="item.value"
v-model="form.topic" >
type="textarea" </el-option>
placeholder="请输入内容" </el-select>
/> </el-form-item>
</el-form-item> <el-form-item label="年级阶段" prop="phaseId">
<el-select
clearable
v-model="form.phaseId"
placeholder="请选择阶段"
@change="handleQuery"
>
<el-option
v-for="item in [
{ label: '全部', value: '' },
{ label: '高一', value: '1' },
{ label: '高二', value: '2' },
{ label: '高三', value: '3' },
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="强度分类：" prop="intensity">
<!-- 1基础，2中等，3提高 -->
<el-select
clearable
v-model="form.intensity"
placeholder="请选择强度"
>
<el-option
v-for="item in [
{ label: '全部', value: '' },
{ label: '基础', value: '1' },
{ label: '中等', value: '2' },
{ label: '提高', value: '3' },
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="习题种类：" prop="species">
<!-- 1填空，2选择，3解答 -->
<el-select
clearable
v-model="form.species"
placeholder="请选择习题种类"
>
<el-option
v-for="item in [
{ label: '全部', value: '' },
{ label: '填空', value: '1' },
{ label: '选择', value: '2' },
{ label: '解答', value: '3' },
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18">
<el-form-item label="题目" prop="topic">
<editor v-model="form.topic" :min-height="192"/>
</el-form-item>
<el-form-item label="选项" prop="checkList">
<div class="app-container-form-check">
<i class="el-icon-circle-plus-outline app-container-form-check-add"></i>
<div v-for="(item,index) in form.checkList" :key="index" class="app-container-form-check-item">
<span class="app-container-form-check-item-type">{{item.type}}</span><i class="el-icon-remove-outline app-container-form-check-item-del"></i><i class="el-icon-circle-plus-outline app-container-form-check-item-add"></i>
<editor v-model="item.html" :min-height="192"/>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="正确答案" prop="rightAnswers"> <el-form-item label="正确答案" prop="rightAnswers">
<el-input <el-input
v-model="form.rightAnswers" v-model="form.rightAnswers"
...@@ -518,6 +597,12 @@ export default { ...@@ -518,6 +597,12 @@ export default {
updateTime: undefined, updateTime: undefined,
createBy: undefined, createBy: undefined,
updateBy: undefined, updateBy: undefined,
checkList: [
{
type: 0,
html: ''
},
],
}; };
this.resetForm("form"); this.resetForm("form");
}, },
...@@ -660,5 +745,21 @@ export default { ...@@ -660,5 +745,21 @@ export default {
margin-bottom: 0px; margin-bottom: 0px;
} }
} }
&-form {
&-check {
&-add {
font-size: 30px;
color: #409EFF;
cursor: pointer;
}
&-item {
&-type {
display: inline-block;
padding: 4px 10px;
}
}
}
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment