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