提交 b9483c83 authored 作者: haodaking's avatar haodaking

fix: 预览非必填项取消校验

上级 6a92e440
...@@ -4,26 +4,17 @@ ...@@ -4,26 +4,17 @@
<div class="preview-hd"> <div class="preview-hd">
<el-steps align-center :active="options.length"> <el-steps align-center :active="options.length">
<template v-for="item in options"> <template v-for="item in options">
<el-step <el-step :title="item.title" :status="(progress.FILLING[item.code] && progress.FILLING[item.code].progress === 1) || !item.required ? 'success' : 'error'" :key="item.code"></el-step>
:title="item.title"
:status="progress.FILLING[item.code] && progress.FILLING[item.code].progress === 1 ? 'success' : 'error'"
:key="item.code"
></el-step>
</template> </template>
</el-steps> </el-steps>
</div> </div>
<div class="preivew-bd"> <div class="preivew-bd">
<template v-for="item in options"> <template v-for="item in options">
<div <div class="preview-item" :class="progress.FILLING[item.code].progress === 1 || !item.required ? 'is-success' : 'is-error'" :key="item.code" v-if="progress.FILLING[item.code]">
class="preview-item"
:class="progress.FILLING[item.code].progress === 1 ? 'is-success' : 'is-error'"
:key="item.code"
v-if="progress.FILLING[item.code]"
>
<div class="preview-item-hd"> <div class="preview-item-hd">
<div class="title"> <div class="title">
{{ item.title }} {{ item.title }}
<template v-if="progress.FILLING[item.code].progress === 1">(已完善)</template> <template v-if="progress.FILLING[item.code].progress === 1 || !item.required">(已完善)</template>
<template v-else>(待完善)</template> <template v-else>(待完善)</template>
</div> </div>
<div class="line"></div> <div class="line"></div>
...@@ -35,11 +26,7 @@ ...@@ -35,11 +26,7 @@
</template> </template>
<template v-else-if="item.isMultiple"> <template v-else-if="item.isMultiple">
<div class="group" v-for="(data, index) in material[item.code]" :key="index"> <div class="group" v-for="(data, index) in material[item.code]" :key="index">
<dl <dl v-for="subitem in item.items" :key="subitem.code" v-show="subitem.visible ? subitem.visible() : true">
v-for="subitem in item.items"
:key="subitem.code"
v-show="subitem.visible ? subitem.visible() : true"
>
<dt>{{ subitem.label }}</dt> <dt>{{ subitem.label }}</dt>
<dd> <dd>
<template v-if="subitem.computed"> <template v-if="subitem.computed">
...@@ -87,9 +74,7 @@ ...@@ -87,9 +74,7 @@
</div> </div>
</div> </div>
<el-button-group v-if="hasButton" style="margin-left: 40px"> <el-button-group v-if="hasButton" style="margin-left: 40px">
<el-button size="mini" :disabled="item.status === 'INACTIVE'" @click="handleRemove(item)" <el-button size="mini" :disabled="item.status === 'INACTIVE'" @click="handleRemove(item)">删除</el-button>
>删除</el-button
>
<el-button size="mini" :disabled="item.status === 'LOG'" @click="handleSave(item)">存档</el-button> <el-button size="mini" :disabled="item.status === 'LOG'" @click="handleSave(item)">存档</el-button>
</el-button-group> </el-button-group>
</li> </li>
...@@ -198,6 +183,7 @@ export default { ...@@ -198,6 +183,7 @@ export default {
options() { options() {
const options = [ const options = [
{ {
required: true,
title: '个人资料', title: '个人资料',
code: 'basic_info', code: 'basic_info',
edit: { edit: {
...@@ -227,6 +213,7 @@ export default { ...@@ -227,6 +213,7 @@ export default {
] ]
}, },
{ {
required: true,
title: '教育背景', title: '教育背景',
code: 'educations', code: 'educations',
edit: { edit: {
...@@ -276,6 +263,7 @@ export default { ...@@ -276,6 +263,7 @@ export default {
] ]
}, },
{ {
required: true,
title: '学习目的', title: '学习目的',
code: 'answers', code: 'answers',
edit: { edit: {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论