Skip to content

X
x-training-admin
提交 18768674 authored 作者: wangyizheng's avatar wangyizheng
浏览文件
操作

页面美化

上级 ab446195
隐藏空白字符变更
内嵌 并排
正在显示 包含 123 行增加 和 83 行删除
src/pages/v2/characteristics/index.vue
浏览文件 @ 18768674
......@@ -40,82 +40,20 @@
</el-table-column>
<el-table-column width="150px" label="特征选项配置">
<template slot-scope="scope">
<el-popover
placement="right"
width="600"
trigger="click">
<div style="padding: 14px;" v-for="(option, optionIndex) in scope.row.options" :key="'option-' + optionIndex">
<el-card>
<div>
<span><strong>特征选项名称：</strong></span><span>{{ option.name }}</span>
</div>
<div class="bottom clearfix">
<span><strong>特征选项配置</strong></span>
<div v-for="(option1, optionIndex1) in option.options" :key="'option1-' + optionIndex1">
<span><el-tag effect="plain" type="" size="mini">{{ option1.option }}</el-tag></span>
<span>{{ option1.option_name }}, 分数：{{ option1.score}}, </span>
<span>
答案：
<el-icon v-if="option1.answer" class="el-icon-check"></el-icon>
<el-icon v-else class="el-icon-close"></el-icon>
,
</span>
<span>
触及红线：
<el-icon v-if="option1.warning" class="el-icon-check"></el-icon>
<el-icon v-else class="el-icon-close"></el-icon>
</span>
<br/>
</div>
</div>
</el-card>
</div>
<el-button slot="reference" size="mini">查看配置</el-button>
</el-popover>
<el-button size="mini" v-if="scope.row.options" @click="preViewOptions(scope.row.options)">查看特征选项配置</el-button>
<el-button size="mini" v-else disabled>查看特征选项配置</el-button>
</template>
</el-table-column>
<el-table-column width="150px" label="择算分规则">
<template slot-scope="scope">
<el-popover
placement="right"
width="500"
trigger="click">
<div style="padding: 14px;" v-for="(rule, ruleIndex) in scope.row.rules" :key="'rule-' + ruleIndex">
<el-card>
<div>
<span><strong>分数范围：</strong></span>
<span>{{ rule.min }} ~ {{ rule.max }}</span>
</div>
<div>
<span><strong>得分：</strong></span>
<span>{{ rule.score }}</span>
</div>
</el-card>
</div>
<el-button slot="reference" size="mini">查看择算分规则</el-button>
</el-popover>
<el-button size="mini" v-if="scope.row.rules" @click="preViewRules(scope.row.rules)">查看择算分规则</el-button>
<el-button size="mini" v-else disabled>查看择算分规则</el-button>
</template>
</el-table-column>
<el-table-column width="150px" label="风险等级规则">
<el-table-column width="170px" label="风险等级规则">
<template slot-scope="scope">
<el-popover
placement="right"
width="500"
trigger="click">
<div style="padding: 14px;" v-for="(level, levelIndex) in scope.row.levels" :key="'level-' + levelIndex">
<el-card>
<div>
<span><strong>分数范围：</strong></span>
<span>{{ level.min }} ~ {{ level.max }}</span>
</div>
<div>
<span><strong>风险等级规则：</strong></span>
<span><el-tag size="mini" type="" effect="plain">{{ getLevel(level.level) }}</el-tag></span>
</div>
</el-card>
</div>
<el-button slot="reference" size="mini">查看风险等级规则</el-button>
</el-popover>
<el-button size="mini" v-if="scope.row.levels" @click="preViewLevels(scope.row.levels)">查看择风险等级规则</el-button>
<el-button size="mini" v-else disabled>查看风险等级规则</el-button>
</template>
</el-table-column>
<el-table-column label="创建时间">
......@@ -289,6 +227,80 @@
</div>
</el-drawer>
</div>
<div>
<el-dialog
title="查看特征选项配置"
:visible.sync="optionsDialogVisible"
center
width="60%">
<div style="padding: 14px;" v-for="(option, optionIndex) in options" :key="'option-' + optionIndex">
<el-card>
<div>
<span><strong>特征选项名称：</strong></span><span>{{ option.name }}</span>
</div>
<div class="bottom clearfix">
<span><strong>特征选项配置</strong></span>
<div v-for="(option1, optionIndex1) in option.options" :key="'option1-' + optionIndex1">
<span><el-tag effect="plain" type="" size="mini">{{ option1.option }}</el-tag></span>
<span>{{ option1.option_name }}, 分数：{{ option1.score}}, </span>
<span>
答案：
<el-icon v-if="option1.answer" class="el-icon-check"></el-icon>
<el-icon v-else class="el-icon-close"></el-icon>
,
</span>
<span>
触及红线：
<el-icon v-if="option1.warning" class="el-icon-check"></el-icon>
<el-icon v-else class="el-icon-close"></el-icon>
</span>
<br/>
</div>
</div>
</el-card>
</div>
</el-dialog>
</div>
<div>
<el-dialog
title="查看择算分规则"
:visible.sync="rulesDialogVisible"
center
width="30%">
<div style="padding: 14px;" v-for="(rule, ruleIndex) in rules" :key="'rule-' + ruleIndex">
<el-card>
<div>
<span><strong>分数范围：</strong></span>
<span>{{ rule.min }} ~ {{ rule.max }}</span>
</div>
<div>
<span><strong>得分：</strong></span>
<span>{{ rule.score }}</span>
</div>
</el-card>
</div>
</el-dialog>
</div>
<div>
<el-dialog
title="查看风险等级规则"
:visible.sync="levelsDialogVisible"
center
width="30%">
<div style="padding: 14px;" v-for="(level, levelIndex) in levels" :key="'level-' + levelIndex">
<el-card>
<div>
<span><strong>分数范围：</strong></span>
<span>{{ level.min }} ~ {{ level.max }}</span>
</div>
<div>
<span><strong>风险等级规则：</strong></span>
<span><el-tag size="mini" type="" effect="plain">{{ getLevel(level.level) }}</el-tag></span>
</div>
</el-card>
</div>
</el-dialog>
</div>
</div>
</template>
......@@ -318,7 +330,13 @@ export default {
caseData: [],
getKey: 0,
getIndex: 0,
rulesDialogVisible: false,
optionsDialogVisible: false,
levelsDialogVisible: false,
AZkey: [],
rules: [],
options: [],
levels: [],
addForm: {
case2_id: '',
options: [
......@@ -545,6 +563,18 @@ export default {
if (this.addForm.levels.length > 1) {
this.addForm.levels.splice(levelIndex, 1)
}
},
preViewRules(rules) {
this.rules = rules
this.rulesDialogVisible = true
},
preViewOptions (options) {
this.options = options
this.optionsDialogVisible = true
},
preViewLevels (levels) {
this.levels = levels
this.levelsDialogVisible = true
}
}
}
......
src/pages/v2/reachschemes/index.vue
浏览文件 @ 18768674
......@@ -40,20 +40,8 @@
</el-table-column>
<el-table-column label="关键词配置">
<template slot-scope="scope">
<el-popover
placement="right"
width="500"
trigger="click">
<div style="padding: 14px;" v-for="(keyword, keywordIndex) in scope.row.keywords" :key="'keyword-' + keywordIndex">
<el-card>
<span><strong>关键词：</strong></span>
<span>{{ keyword.keyword }}，</span>
<span><strong>分数：</strong></span>
<span>{{ keyword.score }}</span>
</el-card>
</div>
<el-button slot="reference" size="mini">查看关键词</el-button>
</el-popover>
<el-button size="mini" v-if="scope.row.keywords" @click="preViewKeywords(scope.row.keywords)">查看关键词配置</el-button>
<el-button size="mini" v-else disabled>查看关键词配置</el-button>
</template>
</el-table-column>
<el-table-column label="创建时间">
......@@ -147,7 +135,23 @@
</div>
</el-drawer>
</div>
<div>
<el-dialog
title="查看关键词配置"
:visible.sync="keywordsDialogVisible"
center
width="30%">
<div style="padding: 14px;" v-for="(keyword, keywordIndex) in keywords" :key="'keyword-' + keywordIndex">
<el-card>
<span><strong>关键词：</strong></span>
<span>{{ keyword.keyword }}，</span>
<span><strong>分数：</strong></span>
<span>{{ keyword.score }}</span>
</el-card>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
......@@ -168,6 +172,8 @@ export default {
formLabelWidth: '100px',
caseLoading: false,
cases: [],
keywords: [],
keywordsDialogVisible: false,
addForm: {
case2_id: '',
keywords: [
......@@ -308,6 +314,10 @@ export default {
if (this.addForm.keywords.length > 1) {
this.addForm.keywords.splice(keywordIndex, 1)
}
},
preViewKeywords(keywords) {
this.keywords = keywords
this.keywordsDialogVisible = true
}
}
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论