Skip to content

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

修改dialog的rules爆红

parent f85e4169
Showing with 193 additions and 191 deletions
src/views/school-paper/questionBank/index.vue
...@@ -311,213 +311,215 @@ ...@@ -311,213 +311,215 @@
/> />
<!-- 添加或修改题库主对话框 --> <!-- 添加或修改题库主对话框 -->
<el-dialog <template v-if="open">
:title="title" <el-dialog
:visible.sync="open" :title="title"
width="70%" :visible.sync="open"
append-to-body width="70%"
destroy-on-close append-to-body
> destroy-on-close
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="120px"
label-position="top"
class="app-container-form"
> >
<el-row :gutter="24"> <el-form
<el-col :span="6"> ref="form"
<el-form-item label="题库类别" prop="categoryId"> :model="form"
<el-select :rules="rules"
clearable label-width="120px"
v-model="form.categoryId" label-position="top"
placeholder="请选择题库类别" class="app-container-form"
> >
<el-option <el-row :gutter="24">
v-for="item in [ <el-col :span="6">
{ label: '集合', value: '1' }, <el-form-item label="题库类别" prop="categoryId">
{ label: '不等式', value: '2' }, <el-select
{ label: '函数', value: '3' }, clearable
{ label: '数列', value: '4' }, v-model="form.categoryId"
{ label: '立体几何', value: '5' }, placeholder="请选择题库类别"
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</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: '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: '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="请选择习题种类"
@change="changeSpecies"
>
<el-option
v-for="item in [
{ label: '填空', value: '1' },
{ label: '选择', value: '2' },
{ label: '解答', value: '3' },
]"
:key="item.value"
:label="item.label"
:value="item.value"
> >
</el-option> <el-option
</el-select> v-for="item in [
</el-form-item> { label: '集合', value: '1' },
</el-col> { label: '不等式', value: '2' },
<el-col :span="18"> { label: '函数', value: '3' },
<el-form-item label="题目" prop="topic"> { label: '数列', value: '4' },
<editor { label: '立体几何', value: '5' },
v-model="form.topic" ]"
:min-height="192" :key="item.value"
:iconType="['image']" :label="item.label"
/> :value="item.value"
</el-form-item> >
<template v-if="[1, '1', 3, '3'].includes(form.species)"> </el-option>
<el-form-item label="答案" prop="answer"> </el-select>
<editor
v-model="form.answer"
:min-height="192"
:iconType="['image']"
/>
</el-form-item> </el-form-item>
<el-form-item label="答案图片" prop="rightAnswersPic"> <el-form-item label="年级阶段" prop="phaseId">
<imageUpload :limit="9" v-model="form.rightAnswersPic" /> <el-select
clearable
v-model="form.phaseId"
placeholder="请选择阶段"
@change="handleQuery"
>
<el-option
v-for="item in [
{ 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>
</template> <el-form-item label="强度分类：" prop="intensity">
<template v-if="[2, '2'].includes(form.species)"> <!-- 1基础，2中等，3提高 -->
<el-form-item label="选项" prop="checkList"> <el-select
<div class="app-container-form-check"> clearable
<i v-model="form.intensity"
class="el-icon-circle-plus-outline app-container-form-check-add" placeholder="请选择强度"
v-if="!form.checkList || !form.checkList.length" >
@click="clickAddCheckList" <el-option
></i> v-for="item in [
<div { label: '基础', value: '1' },
v-for="(item, index) in form.checkList" { label: '中等', value: '2' },
:key="index" { label: '提高', value: '3' },
class="app-container-form-check-item" ]"
:key="item.value"
:label="item.label"
:value="item.value"
> >
<span class="app-container-form-check-item-type">{{ </el-option>
index | filterType(form.checkList) </el-select>
}}</span
><i
v-if="index + 1 === form.checkList.length"
class="el-icon-circle-plus-outline app-container-form-check-item-add"
@click="clickCheckItemAdd(index)"
></i>
<i
class="el-icon-remove-outline app-container-form-check-item-del"
v-else
@click="clickCheckItemDel(index)"
></i>
<editor
v-model="item.html"
:min-height="192"
:iconType="['image']"
/>
</div>
</div>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="习题种类：" prop="species">
label="标准答案" <!-- 1填空，2选择，3解答 -->
prop="rightAnswers" <el-select
v-if="form.checkList && form.checkList.length" clearable
> v-model="form.species"
<el-radio-group v-model="form.rightAnswers"> placeholder="请选择习题种类"
<el-radio @change="changeSpecies"
:label="index" >
v-for="(item, index) in form.checkList" <el-option
:key="index" v-for="item in [
>{{ index | filterType(form.checkList) }}</el-radio { label: '填空', value: '1' },
{ label: '选择', value: '2' },
{ label: '解答', value: '3' },
]"
:key="item.value"
:label="item.label"
:value="item.value"
> >
</el-radio-group> </el-option>
</el-select>
</el-form-item> </el-form-item>
</template> </el-col>
<el-form-item label="典例精讲" prop="explain"> <el-col :span="18">
<el-switch <el-form-item label="题目" prop="topic">
@change="changeExplain"
v-model="form.explain"
active-color="#409eff"
>
</el-switch>
</el-form-item>
<template v-if="form.explain">
<el-form-item label="解答过程" prop="resolveCourse">
<editor <editor
v-model="form.resolveCourse" v-model="form.topic"
:min-height="192" :min-height="192"
:iconType="['image']" :iconType="['image']"
/> />
</el-form-item> </el-form-item>
<el-form-item label="解答视频" prop="resolveVideo"> <template v-if="[1, '1', 3, '3'].includes(form.species)">
<fileUpload <el-form-item label="答案" prop="answer">
v-model="form.resolveVideo" <editor
:limit="1" v-model="form.answer"
:fileSize="1024" :min-height="192"
:fileType="['mp4', 'mp3']" :iconType="['image']"
/> />
</el-form-item>
<el-form-item label="答案图片" prop="rightAnswersPic">
<imageUpload :limit="9" v-model="form.rightAnswersPic" />
</el-form-item>
</template>
<template v-if="[2, '2'].includes(form.species)">
<el-form-item label="选项" prop="checkList">
<div class="app-container-form-check">
<i
class="el-icon-circle-plus-outline app-container-form-check-add"
v-if="!form.checkList || !form.checkList.length"
@click="clickAddCheckList"
></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">{{
index | filterType(form.checkList)
}}</span
><i
v-if="index + 1 === form.checkList.length"
class="el-icon-circle-plus-outline app-container-form-check-item-add"
@click="clickCheckItemAdd(index)"
></i>
<i
class="el-icon-remove-outline app-container-form-check-item-del"
v-else
@click="clickCheckItemDel(index)"
></i>
<editor
v-model="item.html"
:min-height="192"
:iconType="['image']"
/>
</div>
</div>
</el-form-item>
<el-form-item
label="标准答案"
prop="rightAnswers"
v-if="form.checkList && form.checkList.length"
>
<el-radio-group v-model="form.rightAnswers">
<el-radio
:label="index"
v-for="(item, index) in form.checkList"
:key="index"
>{{ index | filterType(form.checkList) }}</el-radio
>
</el-radio-group>
</el-form-item>
</template>
<el-form-item label="典例精讲" prop="explain">
<el-switch
@change="changeExplain"
v-model="form.explain"
active-color="#409eff"
>
</el-switch>
</el-form-item> </el-form-item>
</template> <template v-if="form.explain">
</el-col> <el-form-item label="解答过程" prop="resolveCourse">
</el-row> <editor
<!-- <el-form-item label="备注" prop="remark"> v-model="form.resolveCourse"
:min-height="192"
:iconType="['image']"
/>
</el-form-item>
<el-form-item label="解答视频" prop="resolveVideo">
<fileUpload
v-model="form.resolveVideo"
:limit="1"
:fileSize="1024"
:fileType="['mp4', 'mp3']"
/>
</el-form-item>
</template>
</el-col>
</el-row>
<!-- <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item> --> </el-form-item> -->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm" <el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button >确 定</el-button
> >
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template>
</div> </div>
</template> </template>
......
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