Skip to content

C
confucius
Commit 5a48fc86 authored by 罗超's avatar 罗超
Browse files
Options

修改样式和bug

parent 8c62765e
Show whitespace changes
Inline Side-by-side
Showing with 170 additions and 24 deletions
src/App.vue
View file @ 5a48fc86
......@@ -12,7 +12,7 @@ export default {
<style>
@import url('~assets/css/font.css');
@import url('//at.alicdn.com/t/font_2077629_cata4y2l5e8.css');
@import url('//at.alicdn.com/t/font_2077629_6dh27k2xa4l.css');
html,
body,
......
src/components/question/question-form.vue
View file @ 5a48fc86
......@@ -8,6 +8,80 @@
padding: 4px 0;
cursor: default;
}
.difficulty_Degree{
display: inline-block;
width: 70px;
height: 26px;
line-height: 26px;
color: #181E33;
font-size: 13px;
}
.selectBox {
display: inline-block;
vertical-align: top;
text-align: left;
position: relative;
cursor: pointer;
width: 75px;
line-height: 24px;
height: 24px;
background: #FFFFFF;
border: 1px solid #E1E1E5;
border-radius: 4px;
font-size: 12px;
color: #181E33;
}
.blue-border {
border: 1px solid #FFFFFF;
box-shadow: 0 0 7px 1px #75BAFF;
outline: none;
}
.addKnowledge{
display: inline-block;
width: 98px;
height: 28px;
border-radius: 4px;
border: 1px dashed #E1EAF4;
text-align: center;
line-height: 28px;
color: #91A0B5;
margin-right: 12px;
margin-bottom: 8px;
color:#CAD5E6;
cursor: pointer;
font-size:12px;
line-height: 24px;
}
.addKnowledge:hover {
opacity: 0.7;
}
.knowledge_List{
display: inline-block;
padding: 0 14px;
height: 28px;
border-radius: 4px;
border: 1px dashed #E1EAF4;
text-align: center;
line-height: 28px;
color: #91A0B5;
margin-right: 12px;
margin-bottom: 8px;
position: relative;
cursor: pointer;
}
.knowledge_List:hover {
color:rgba(139,146,166,0.7);
}
.knowledge_List:hover i{
display: block!important;
}
.knowledge_List i{
position: absolute;
font-size:15px;
display: none;
right:-8px;
top:-10px;
}
</style>
<template>
<q-dialog v-model="persistent" persistent content-class="bg-grey-1" transition-show="scale" transition-hide="scale">
......@@ -80,21 +154,36 @@
</sharing-choose>
<br />
<div class="col-12">
答案解析<UeEditor v-model="objOption.AnswerParse" :config="config" ref="AnswerParse"></UeEditor>
<div style="margin-bottom:20px;">答案解析</div>
<UeEditor v-model="objOption.AnswerParse" :config="config" ref="AnswerParse"></UeEditor>
</div>
<br />
<div class="col-12">
<br />
<q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.DifficultyType"
<span class="difficulty_Degree">难度</span>
<select v-model="objOption.DifficultyType" class="selectBox blue-border">
<template v-for="(cItem,cIndex) in questionDifficultyTypeList">
<option :key="cIndex" :label="cItem.Name" :value="cItem.Id">
</option>
</template>
</select>
<!-- <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.DifficultyType"
ref="DifficultyType" :options="questionDifficultyTypeList" label="难易程度" :dense="false"
class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
class="col-6 q-pr-lg q-pb-lg" emit-value map-options /> -->
</div>
<div class="col-12">
知识点: <a style="cursor:pointer;color:blue;" @click="isShowPoint=true">选择知识点</a>
<div class="col">
<div class="col-12" style="margin-top:16px;">
<span class="difficulty_Degree">知识点: </span>
<a class="addKnowledge" @click="isShowPoint=true">
<i class="iconfont icon-add" style="position:relative;top:1px;"></i>选择知识点
</a>
<span class="knowledge_List" v-for="(x, i) in choosePointArray" :key="i">
{{x.PointName}}
<i class="iconfont icon-shanchu1" @click="removePointTag(i)"></i>
</span>
<!-- <div class="col">
<q-chip v-for="(x, i) in choosePointArray" @remove="removePointTag(i)" :key="i" square color="red"
class="q-ma-none q-mr-md" icon="bookmark" text-color="white" :label="x.PointName" removable />
</div>
</div> -->
</div>
</div>
</q-card-section>
......@@ -229,7 +318,7 @@
getPointList(obj) {
if (obj && obj.length > 0) {
if (this.choosePointArray && this.choosePointArray.length > 0) {
this.choosePointArray.concat(obj);
this.choosePointArray = this.choosePointArray.concat(obj);
} else {
this.choosePointArray = obj;
}
......
src/components/question/questionpoint.vue
View file @ 5a48fc86
<template>
<div class="questionpoint" style="z-index:99999">
<el-dialog class="questionpoint-dialog" style="width:1000px;height:800px;margin:0 auto;" title="知识点列表"
<el-dialog class="questionpoint-dialog" style="width:1200px;margin:0 auto;" title="知识点列表"
:visible.sync="dialogVisible" @opened="dialogOpened" :close-on-click-modal="false">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
class="sticky-right-column-table sticky-column-table" separator="none" :data="data" :columns="columns"
class="sticky-column-table" separator="none" :data="data" :columns="columns"
row-key="PointId" :selection="multiple?'multiple':'single'" :selected.sync="selectedArray">
<template v-slot:top="props">
<q-input @input="resetSearch" clearable standout="bg-primary text-white" v-model="msg.PointName" label="关键字"
<q-input @input="resetSearch" clearable style="width:50%;" standout="bg-primary text-white" v-model="msg.PointName" label="关键字"
maxlength="20" @clear="resetSearch" />
<q-space />
<div class="page-option">
......@@ -16,7 +16,7 @@
<q-banner v-if="IsShowPoint">
<div class="drop_NameDown" style="margin-top:20px;">
<q-input filled stack-label maxlength="100" v-model="setPointObj.PointName" :dense="false"
class="col-12 q-pr-lg q-pb-lg" label="知识点名称" />
class="col-12 q-pb-lg" label="知识点名称" />
</div>
<q-card-actions align="right" class="bg-white" style="margin-top:20px;">
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important"
......@@ -41,7 +41,7 @@
<div class="calenderDialog">
<div class="drop_NameDown" style="margin-top:20px;">
<q-input filled stack-label maxlength="100" v-model="setPointObj.PointName" :dense="false"
class="col-12 q-pr-lg q-pb-lg" label="知识点名称" />
class="col-12 q-pb-lg" label="知识点名称" />
</div>
<q-card-actions align="right" class="bg-white">
<q-btn label="取消" flat color="grey-10" @click="isShowPointEdit=false"
......@@ -59,7 +59,9 @@
</template>
</q-table>
<div style="margin-top:20px;text-align:right">
<el-button size="small" type="primary" @click="SelectPoint">选定</el-button>
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important"
@click="dialogVisible=false" />
<q-btn label="选定" color="accent q-px-md" style="font-weight:400 !important;margin-left:10px;padding:0;" @click="SelectPoint" />
</div>
</el-dialog>
</div>
......
src/components/questiontype/single.vue
View file @ 5a48fc86
<style>
.singleQuestion{
width:100%;
}
.singleQuestion .InpDIV {
width: 765px;
height: 38px;
border-radius: 4px;
border: 1px solid #E1EAF4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 14px;
padding: 0 10px;
line-height: 38px;
padding-left: 10px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.singleQuestion .delIcon{
color:#c3c3c3;
font-weight: bold;
display: none;
font-size:18px;
cursor: pointer;
}
.singleQuestion .delIcon:hover{
color:gray;
}
.singleQuestion table tr td{
vertical-align: top;
}
.singleQuestion table tr:hover .delIcon{
display: block!important;
}
.singleQuestion .addSingle{
cursor: pointer;
color:#3A8BFF;
font-size:13px;
height:40px;
}
.singleQuestion .addSingle:hover{
opacity: 0.7;
}
</style>
<!--单选题-->
<template>
<div class="singleQuestion">
<table v-if="data&&data.length>0">
<table v-if="data&&data.length>0" style="width:100%;border-collapse:separate; border-spacing:0px 20px;">
<tr v-for="(item,index) in data">
<td>
<!-- <el-checkbox v-model="item.IsAnswer" @change="ChangeItem(item)">{{item.Name}}</el-checkbox> -->
<td style="width:40px;text-align:center;">
<div class="Answer_List" @click="ChangeItem(item)" :class="{'Is_Answer':item.IsAnswer}">
{{item.Name}}
</div>
</td>
<td>
<UeEditor v-model="item.Content" :config="config"></UeEditor>
<div class="InpDIV" v-html="item.Content" v-if="commonIndex!=index" @click="changeEdit(index)"></div>
<UeEditor v-model="item.Content" v-else :config="config"></UeEditor>
</td>
<td>
<a style="cursor:pointer;" @click="deleteOpion(index)">删除</a>
<td style="width:40px;text-align:center;">
<i class="iconfont icon-guanbi delIcon" @click="deleteOpion(index)"></i>
</td>
</tr>
<tfoot>
<tr>
<td colspan="3">
<a style="cursor:pointer;" @click="addOption()">添加选项</a>
<a class="addSingle" @click="addOption()">
<i class="iconfont icon-add"></i>添加选项
</a>
</td>
</tr>
</tfoot>
......@@ -48,14 +97,16 @@
data: this.questionData,
config: {
initialFrameWidth: null,
initialFrameHeight: 80,
initialFrameHeight: 90,
},
optionTitleList: [],
commonIndex:-1,
};
},
created() {
this.initConfig();
console.log(this.data,'dataaa');
},
mounted(){
},
methods: {
initConfig() {
......@@ -106,6 +157,10 @@
item.IsAnswer = true;
this.setOption.Answer=item.Name;
},
//点击切换输入
changeEdit(index){
this.commonIndex=index;
}
},
mounted() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment