提交 87296d54 authored 作者: wangyizheng's avatar wangyizheng

美化页面

上级 2a5300a3
...@@ -184,57 +184,59 @@ ...@@ -184,57 +184,59 @@
<el-form-item> <el-form-item>
<el-divider content-position="left">特征选项配置</el-divider> <el-divider content-position="left">特征选项配置</el-divider>
</el-form-item> </el-form-item>
<div v-for="(option, optionIndex) in addForm.options" :key="'options-' + optionIndex" style="margin-top: 3%"> <div v-for="(option, optionIndex) in addForm.options" :key="'options-' + optionIndex" style="margin-top: 2%">
<div style="margin-left: 15%"> <el-card style="margin-left: 2%; margin-right: 2%">
<i class="el-icon-circle-plus-outline" @click="addOptions(optionIndex)">添加</i> <div style="margin-left: 5%">
<i class="el-icon-remove-outline" @click="removeOptions(optionIndex)">删除</i> <i class="el-icon-circle-plus-outline" @click="addOptions(optionIndex)">添加</i>
</div> <i class="el-icon-remove-outline" @click="removeOptions(optionIndex)">删除</i>
<div style="margin-left: 15%"> </div>
<span> <div style="margin-left: 5%; margin-top: 2%">
<strong>选项名称:</strong> <span>
<el-input size="mini" v-model="option.name" placeholder="请输入选项名称" style="width: 50%"></el-input> <strong>选项名称:</strong>
</span> <el-input size="mini" v-model="option.name" placeholder="请输入选项名称" style="width: 50%"></el-input>
</div> </span>
<div style="margin-left: 15%"> </div>
<span><strong>选项配置:</strong></span> <div style="margin-left: 5%; margin-top: 2%">
</div> <span><strong>选项配置:</strong></span>
<div style="margin-left: 15%; margin-top: 2%" v-for="(childOption, childOptionIndex) in option.options" :key="'childOption-' + childOptionIndex"> </div>
<el-card class="box-card"> <div style="margin-left: 5%; margin-top: 2%; margin-right: 5%" v-for="(childOption, childOptionIndex) in option.options" :key="'childOption-' + childOptionIndex">
<div> <el-card class="box-card">
<div>
<span> <span>
<el-tag size="mini" effect="plain">{{ childOption.option }}</el-tag> <el-tag size="mini" effect="plain">{{ childOption.option }}</el-tag>
<el-input size="mini" v-model="childOption.option_name" placeholder="请输入选项内容" style="width: 50%"></el-input> <el-input size="mini" v-model="childOption.option_name" placeholder="请输入选项内容" style="width: 50%"></el-input>
</span> </span>
<i class="el-icon-circle-plus-outline" @click="addChildOptions(optionIndex, childOptionIndex)"></i> <i class="el-icon-circle-plus-outline" @click="addChildOptions(optionIndex, childOptionIndex)"></i>
<i class="el-icon-remove-outline" @click="removeChildOptions(optionIndex, childOptionIndex)"></i> <i class="el-icon-remove-outline" @click="removeChildOptions(optionIndex, childOptionIndex)"></i>
</div> </div>
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>分值: <span>分值:
<el-input size="mini" v-model.number="childOption.score" placeholder="分值" style="width: 30%"></el-input> <el-input size="mini" v-model.number="childOption.score" placeholder="分值" style="width: 30%"></el-input>
</span> </span>
</div> </div>
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>是否正确: <span>是否正确:
<el-radio size="mini" v-model.number="childOption.answer" :label="0"></el-radio> <el-radio size="mini" v-model.number="childOption.answer" :label="0"></el-radio>
<el-radio size="mini" v-model.number="childOption.answer" :label="1"></el-radio> <el-radio size="mini" v-model.number="childOption.answer" :label="1"></el-radio>
</span> </span>
</div> </div>
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>是否触及红线: <span>是否触及红线:
<el-radio size="mini" v-model.number="childOption.warning" :label="0"></el-radio> <el-radio size="mini" v-model.number="childOption.warning" :label="0"></el-radio>
<el-radio size="mini" v-model.number="childOption.warning" :label="1"></el-radio> <el-radio size="mini" v-model.number="childOption.warning" :label="1"></el-radio>
</span> </span>
</div> </div>
</el-card> </el-card>
</div> </div>
</el-card>
</div> </div>
<el-form-item> <el-form-item>
<el-divider content-position="left">择算分规则配置</el-divider> <el-divider content-position="left">择算分规则配置</el-divider>
</el-form-item> </el-form-item>
<div v-for="(rule, ruleIndex) in addForm.rules" :key="'rules-' + ruleIndex" style="margin-top: 2%"> <div v-for="(rule, ruleIndex) in addForm.rules" :key="'rules-' + ruleIndex" style="margin-top: 2%">
<i style="margin-left: 15%" class="el-icon-circle-plus-outline" @click="addRules(ruleIndex)">添加</i> <i style="margin-left: 5%" class="el-icon-circle-plus-outline" @click="addRules(ruleIndex)">添加</i>
<i class="el-icon-remove-outline" @click="removeRules(ruleIndex)">删除</i> <i class="el-icon-remove-outline" @click="removeRules(ruleIndex)">删除</i>
<el-card class="box-card" style="margin-left: 10%; margin-top: 2%"> <el-card class="box-card" style="margin-left: 5%; margin-top: 2%; margin-right: 5%">
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>最小分区间: <span>最小分区间:
<el-input size="mini" v-model.number="rule.min" placeholder="最小分" style="width: 10%"></el-input> <el-input size="mini" v-model.number="rule.min" placeholder="最小分" style="width: 10%"></el-input>
...@@ -252,9 +254,9 @@ ...@@ -252,9 +254,9 @@
<el-divider content-position="left">风险等级规则配置</el-divider> <el-divider content-position="left">风险等级规则配置</el-divider>
</el-form-item> </el-form-item>
<div v-for="(level, levelIndex) in addForm.levels" :key="'levels-' + levelIndex" style="margin-top: 2%"> <div v-for="(level, levelIndex) in addForm.levels" :key="'levels-' + levelIndex" style="margin-top: 2%">
<i style="margin-left: 15%" class="el-icon-circle-plus-outline" @click="addLevels(levelIndex)">添加</i> <i style="margin-left: 5%" class="el-icon-circle-plus-outline" @click="addLevels(levelIndex)">添加</i>
<i class="el-icon-remove-outline" @click="removeLevels(levelIndex)">删除</i> <i class="el-icon-remove-outline" @click="removeLevels(levelIndex)">删除</i>
<el-card class="box-card" style="margin-left: 10%; margin-top: 2%"> <el-card class="box-card" style="margin-left: 5%; margin-top: 2%; margin-right: 5%">
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>最小分区间: <span>最小分区间:
<el-input size="mini" v-model.number="level.min" placeholder="最小分" style="width: 20%"></el-input> <el-input size="mini" v-model.number="level.min" placeholder="最小分" style="width: 20%"></el-input>
......
...@@ -19,48 +19,50 @@ ...@@ -19,48 +19,50 @@
<el-divider content-position="left">特征选项配置</el-divider> <el-divider content-position="left">特征选项配置</el-divider>
</el-form-item> </el-form-item>
<div v-for="(option, optionIndex) in updateForm.options" :key="'options-' + optionIndex" style="margin-top: 3%"> <div v-for="(option, optionIndex) in updateForm.options" :key="'options-' + optionIndex" style="margin-top: 3%">
<div style="margin-left: 5%"> <el-card>
<i class="el-icon-circle-plus-outline" @click="addOptions(optionIndex)">添加</i> <div style="margin-left: 5%">
<i class="el-icon-remove-outline" @click="removeOptions(optionIndex)">删除</i> <i class="el-icon-circle-plus-outline" @click="addOptions(optionIndex)">添加</i>
</div> <i class="el-icon-remove-outline" @click="removeOptions(optionIndex)">删除</i>
<div style="margin-left: 5%"> </div>
<div style="margin-left: 5%">
<span> <span>
<strong>选项名称:</strong> <strong>选项名称:</strong>
<el-input size="mini" v-model="option.name" placeholder="请输入选项名称" style="width: 50%"></el-input> <el-input size="mini" v-model="option.name" placeholder="请输入选项名称" style="width: 50%"></el-input>
</span> </span>
</div> </div>
<div style="margin-left: 5%"> <div style="margin-left: 5%">
<span><strong>选项配置:</strong></span> <span><strong>选项配置:</strong></span>
</div> </div>
<div style="margin-left: 5%; margin-right: 5%; margin-top: 2%" v-for="(childOption, childOptionIndex) in option.options" :key="'childOption-' + childOptionIndex"> <div style="margin-left: 5%; margin-right: 5%; margin-top: 2%" v-for="(childOption, childOptionIndex) in option.options" :key="'childOption-' + childOptionIndex">
<el-card class="box-card"> <el-card class="box-card">
<div> <div>
<span> <span>
<el-tag size="mini" effect="plain">{{ childOption.option }}</el-tag> <el-tag size="mini" effect="plain">{{ childOption.option }}</el-tag>
<el-input size="mini" v-model="childOption.option_name" placeholder="请输入选项内容" style="width: 50%"></el-input> <el-input size="mini" v-model="childOption.option_name" placeholder="请输入选项内容" style="width: 50%"></el-input>
</span> </span>
<i class="el-icon-circle-plus-outline" @click="addChildOptions(optionIndex, childOptionIndex)"></i> <i class="el-icon-circle-plus-outline" @click="addChildOptions(optionIndex, childOptionIndex)"></i>
<i class="el-icon-remove-outline" @click="removeChildOptions(optionIndex, childOptionIndex)"></i> <i class="el-icon-remove-outline" @click="removeChildOptions(optionIndex, childOptionIndex)"></i>
</div> </div>
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>分值: <span>分值:
<el-input size="mini" v-model.number="childOption.score" placeholder="分值" style="width: 30%"></el-input> <el-input size="mini" v-model.number="childOption.score" placeholder="分值" style="width: 30%"></el-input>
</span> </span>
</div> </div>
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>是否正确: <span>是否正确:
<el-radio size="mini" v-model.number="childOption.answer" :label="0"></el-radio> <el-radio size="mini" v-model.number="childOption.answer" :label="0"></el-radio>
<el-radio size="mini" v-model.number="childOption.answer" :label="1"></el-radio> <el-radio size="mini" v-model.number="childOption.answer" :label="1"></el-radio>
</span> </span>
</div> </div>
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span>是否触及红线: <span>是否触及红线:
<el-radio size="mini" v-model.number="childOption.warning" :label="0"></el-radio> <el-radio size="mini" v-model.number="childOption.warning" :label="0"></el-radio>
<el-radio size="mini" v-model.number="childOption.warning" :label="1"></el-radio> <el-radio size="mini" v-model.number="childOption.warning" :label="1"></el-radio>
</span> </span>
</div> </div>
</el-card> </el-card>
</div> </div>
</el-card>
</div> </div>
<el-form-item> <el-form-item>
<el-divider content-position="left">择算分规则配置</el-divider> <el-divider content-position="left">择算分规则配置</el-divider>
......
...@@ -123,11 +123,11 @@ ...@@ -123,11 +123,11 @@
<el-divider content-position="left">关键词配置</el-divider> <el-divider content-position="left">关键词配置</el-divider>
</el-form-item> </el-form-item>
<div style="margin-top: 2%" v-for="(keyword, keywordIndex) in addForm.keywords" :key="'keyword-' + keywordIndex"> <div style="margin-top: 2%" v-for="(keyword, keywordIndex) in addForm.keywords" :key="'keyword-' + keywordIndex">
<div style="margin-left: 15%; margin-top: 2%"> <div style="margin-left: 5%; margin-top: 2%">
<i class="el-icon-circle-plus-outline" @click="addKeywords(keywordIndex)">添加</i> <i class="el-icon-circle-plus-outline" @click="addKeywords(keywordIndex)">添加</i>
<i class="el-icon-remove-outline" @click="removeKeywords(keywordIndex)">删除</i> <i class="el-icon-remove-outline" @click="removeKeywords(keywordIndex)">删除</i>
</div> </div>
<el-card style="margin-left: 5%; margin-top: 2%"> <el-card style="margin-left: 5%; margin-top: 2%; margin-right: 5%">
<span><strong>关键词:</strong></span> <span><strong>关键词:</strong></span>
<el-input size="mini" v-model="keyword.keyword" placeholder="请输入关键词" style="width: 40%"></el-input> <el-input size="mini" v-model="keyword.keyword" placeholder="请输入关键词" style="width: 40%"></el-input>
<span style="margin-left: 2%"><strong>分数:</strong></span> <span style="margin-left: 2%"><strong>分数:</strong></span>
......
...@@ -19,11 +19,11 @@ ...@@ -19,11 +19,11 @@
<el-divider content-position="left">关键词配置</el-divider> <el-divider content-position="left">关键词配置</el-divider>
</el-form-item> </el-form-item>
<div style="margin-top: 2%" v-for="(keyword, keywordIndex) in updateForm.keywords" :key="'keyword-' + keywordIndex"> <div style="margin-top: 2%" v-for="(keyword, keywordIndex) in updateForm.keywords" :key="'keyword-' + keywordIndex">
<div style="margin-left: 15%; margin-top: 2%"> <div style="margin-left: 5%; margin-top: 2%; margin-right: 5%">
<i class="el-icon-circle-plus-outline" @click="addKeywords(keywordIndex)">添加</i> <i class="el-icon-circle-plus-outline" @click="addKeywords(keywordIndex)">添加</i>
<i class="el-icon-remove-outline" @click="removeKeywords(keywordIndex)">删除</i> <i class="el-icon-remove-outline" @click="removeKeywords(keywordIndex)">删除</i>
</div> </div>
<el-card style="margin-left: 5%; margin-top: 2%"> <el-card style="margin-left: 5%; margin-top: 2%; margin-right: 5%">
<span><strong>关键词:</strong></span> <span><strong>关键词:</strong></span>
<el-input size="mini" v-model="keyword.keyword" placeholder="请输入关键词" style="width: 40%"></el-input> <el-input size="mini" v-model="keyword.keyword" placeholder="请输入关键词" style="width: 40%"></el-input>
<span style="margin-left: 2%"><strong>分数:</strong></span> <span style="margin-left: 2%"><strong>分数:</strong></span>
......
...@@ -122,9 +122,9 @@ ...@@ -122,9 +122,9 @@
<el-divider content-position="left">配置</el-divider> <el-divider content-position="left">配置</el-divider>
</el-form-item> </el-form-item>
<div v-for="(addOption, addOptionIndex) in addForm.options" :key="'addOption-' + addOptionIndex" style="margin-top: 2%"> <div v-for="(addOption, addOptionIndex) in addForm.options" :key="'addOption-' + addOptionIndex" style="margin-top: 2%">
<i style="margin-left: 15%" class="el-icon-circle-plus-outline" @click="addOptions(addOptionIndex)">添加</i> <i style="margin-left: 5%" class="el-icon-circle-plus-outline" @click="addOptions(addOptionIndex)">添加</i>
<i class="el-icon-remove-outline" @click="removeOptions(addOptionIndex)">删除</i> <i class="el-icon-remove-outline" @click="removeOptions(addOptionIndex)">删除</i>
<el-card class="box-card" style="margin-left: 10%; margin-top: 2%"> <el-card class="box-card" style="margin-left: 5%; margin-top: 2%; margin-right: 5%">
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span style="margin-left: 2%"> <span style="margin-left: 2%">
<span>配置项:</span> <span>配置项:</span>
......
...@@ -17,14 +17,14 @@ ...@@ -17,14 +17,14 @@
<el-divider content-position="left">配置</el-divider> <el-divider content-position="left">配置</el-divider>
</el-form-item> </el-form-item>
<div v-for="(updateOption, updateOptionIndex) in updateForm.options" :key="'updateOption-' + updateOptionIndex" style="margin-top: 2%"> <div v-for="(updateOption, updateOptionIndex) in updateForm.options" :key="'updateOption-' + updateOptionIndex" style="margin-top: 2%">
<i style="margin-left: 15%" class="el-icon-circle-plus-outline" @click="addOptions(updateOptionIndex)">添加</i> <i style="margin-left: 5%" class="el-icon-circle-plus-outline" @click="addOptions(updateOptionIndex)">添加</i>
<i class="el-icon-remove-outline" @click="removeOptions(updateOptionIndex)">删除</i> <i class="el-icon-remove-outline" @click="removeOptions(updateOptionIndex)">删除</i>
<el-card class="box-card" style="margin-left: 10%; margin-top: 2%"> <el-card class="box-card" style="margin-left: 5%; margin-top: 2%; margin-right: 5%">
<div style="margin-top: 2%"> <div style="margin-top: 2%">
<span style="margin-left: 2%"> <span style="margin-left: 2%">
<span>配置项:</span> <span>配置项:</span>
<el-input size="mini" v-model="updateForm.options[updateOptionIndex]" placeholder="配置项" style="width: 50%"></el-input> <el-input size="mini" v-model="updateForm.options[updateOptionIndex]" placeholder="配置项" style="width: 50%"></el-input>
</span> </span>
</div> </div>
</el-card> </el-card>
</div> </div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论