kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

25804

Browse Source
This commit is contained in:
yanran200730
2021-12-23 15:21:47 +08:00
parent 376034d4c4
commit bdee85e334
1 changed files with 50 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
packages/3.0.0/AppQuestionBank/components/questionBankAdd.vue vendored
View File

@@ -1,45 +1,44 @@
<template>
<section class="add_Party" :class="{isDetail:!isEdit}">
<ai-detail>
<ai-title slot="title" :title="detailTitle" isShowBottomBorder isShowBack @onBackClick="$emit('back')">
</ai-title>
<template #content>
<div class="detail-content" v-if="isEdit">
<el-form :model="form" label-width="120px" ref="ruleForm" :rules="rules">
<el-form-item label="题目描述" prop="title">
<el-input size="small" v-model="form.title" type="textarea" :rows="6" clearable placeholder="请输入..."
maxlength="1000"
show-word-limit/>
</el-form-item>
<el-form-item label="题目类型" prop="type">
<el-radio-group v-model="form.type" @change="radioChange">
<el-radio label="1">单选题</el-radio>
<el-radio label="2">多选题</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="题目选项" prop="items">
<el-row type="flex" justify="space-between" v-for="(question,index) in form.items" :key="index">
<label>{{map(index)}}</label>
<div style="width: 500px">
<el-form-item :prop="'items.' + index + '.content'"
:rules="[{ required: true, message: '选项不能为空', trigger: 'blur' }]">
<el-input placeholder="请输入选项内容" size="small" v-model="question.content" clearable></el-input>
</el-form-item>
</div>
<el-checkbox :value="question.checked" @change="handleChange(index)">设为答案</el-checkbox>
<el-button type="text" icon="iconfont iconDelete" style="margin-top: 6px;"
:disabled="form.items.length<=1" @click="handleDel(index)"></el-button>
</el-row>
<el-button type="text" @click="handleAdd" v-if="form.items && form.items.length<7">添加选项</el-button>
</el-form-item>
<el-form-item label="答案解析" prop="analysis">
<ai-editor v-model="form.analysis" :instance="instance"/>
</el-form-item>
</el-form>
</div>
<!--详情-->
<div class="village_detail" v-else>
<div style="text-align: left;margin-bottom: 16px;">{{form.title}}</div>
<ai-detail>
<ai-title slot="title" :title="detailTitle" isShowBottomBorder isShowBack @onBackClick="$emit('back')">
</ai-title>
<template #content>
<ai-card v-if="isEdit" title="基本信息">
<el-form slot="content" :model="form" label-width="120px" ref="ruleForm" :rules="rules">
<el-form-item label="题目描述" prop="title">
<el-input size="small" v-model="form.title" type="textarea" :rows="6" clearable placeholder="请输入..."
maxlength="1000"
show-word-limit/>
</el-form-item>
<el-form-item label="题目类型" prop="type">
<el-radio-group v-model="form.type" @change="radioChange">
<el-radio label="1">单选题</el-radio>
<el-radio label="2">多选题</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="题目选项" prop="items">
<el-row type="flex" justify="space-between" v-for="(question,index) in form.items" :key="index">
<label>{{map(index)}}</label>
<div style="width: 500px">
<el-form-item :prop="'items.' + index + '.content'"
:rules="[{ required: true, message: '选项不能为空', trigger: 'blur' }]">
<el-input placeholder="请输入选项内容" size="small" v-model="question.content" clearable></el-input>
</el-form-item>
</div>
<el-checkbox :value="question.checked" @change="handleChange(index)">设为答案</el-checkbox>
<el-button type="text" icon="iconfont iconDelete" style="margin-top: 6px;"
:disabled="form.items.length<=1" @click="handleDel(index)"></el-button>
</el-row>
<el-button type="text" @click="handleAdd" v-if="form.items && form.items.length<7">添加选项</el-button>
</el-form-item>
<el-form-item label="答案解析" prop="analysis">
<ai-editor v-model="form.analysis" :instance="instance"/>
</el-form-item>
</el-form>
</ai-card>
<!--详情-->
<ai-card class="village_detail" v-else :title="form.title">
<template #content>
<ai-wrapper :columnsNumber="2" label-width="80px">
<ai-info-item label="题目类型：">{{form.type==1?'单选题':'多选题'}}</ai-info-item>
<ai-info-item label="正确答案：">
@@ -55,17 +54,17 @@
<span v-html="form.analysis"></span>
</ai-info-item>
</ai-wrapper>
</div>
</template>
<template #footer>
<template v-if="isEdit">
<el-button size="small" @click="$emit('back')">取消</el-button>
<el-button type="primary" size="small" @click="saveAdd(1)">保存
</el-button>
</template>
</ai-card>
</template>
<template #footer>
<template v-if="isEdit">
<el-button size="small" @click="$emit('back')">取消</el-button>
<el-button type="primary" size="small" @click="saveAdd(1)">保存
</el-button>
</template>
</ai-detail>
</section>
</template>
</ai-detail>
</template>
<script>
@@ -100,7 +99,7 @@
}]
},
rules: {
title: [{required: true, message: "请填写标题"}],
title: [{required: true, message: "请填写题目描述"}],
type: [{required: true, message: "请选择类型"}],
items: [{required: true, message: ""}],
analysis: [{required: true, message: "请填写答案解析"}],