Skip to content

C
confucius
Commit 82fbf73a authored by youjie's avatar youjie
Browse files
Options

问卷 样式调整

parent da25d061
Hide whitespace changes
Inline Side-by-side
Showing with 75 additions and 77 deletions
src/components/system/survey-form.vue
View file @ 82fbf73a
...@@ -22,25 +22,25 @@ ...@@ -22,25 +22,25 @@
</div> </div>
</template> </template>
</q-field> </q-field>
<q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Sort" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Sort"
class="col-6 q-pr-lg q-pb-lg" label="排序" :rules="[val => !!val || '请输入排序']" /> class="col-6 q-pr-lg q-pb-lg" label="排序" :rules="[val => !!val || '请输入排序']" />
</div> </div>
<template v-if="objOption.SurveyType==2||objOption.SurveyType==3"> <template v-if="objOption.SurveyType==2||objOption.SurveyType==3">
增加选项 <div class="q-pb-xs">
<q-btn round dense flat icon="add" @click="addSurveyOptions" /> 增加选项
<div v-for="(sItem,sIndex) in objOption.SurveyOptionsList" :key="sIndex"> <q-btn round dense flat icon="add" @click="addSurveyOptions" />
<div class="row wrap"> </div>
<q-input filled class="col-6 q-pr-lg q-pb-lg" v-model="sItem.OptionsName" :label="`选项${sIndex+1}`" :dense="false"> <div v-for="(sItem,sIndex) in objOption.SurveyOptionsList" :key="sIndex">
</q-input> <div class="row wrap">
<q-input filled stack-label :dense="false" v-model="sItem.Sort" <q-input filled class="col-10 q-pr-lg q-pb-lg" v-model="sItem.OptionsName" :label="`选项${sIndex+1}`" :dense="false"></q-input>
class="col-4 q-pr-lg q-pb-lg" label="排序" :rules="[val => !!val || '请输入排序']"> <q-input filled stack-label :dense="false" v-model="sItem.Sort"
<template v-slot:append> class="col-2 q-pr-lg q-pb-lg" label="排序" :rules="[val => !!val || '请输入排序']">
<q-btn round dense flat icon="delete" @click="delSurveyOptions(sIndex)" /> <template v-slot:append>
</template> <q-btn round dense flat icon="delete" @click="delSurveyOptions(sIndex)" />
</q-input> </template>
</q-input>
</div> </div>
</div> </div>
</template> </template>
</q-card-section> </q-card-section>
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
item.Sort=index+1; item.Sort=index+1;
}); });
}, },
//获取类型列表 //获取类型列表
getSurveyTypeEnumList() { getSurveyTypeEnumList() {
querySurveyTypeEnumList({}).then(res => { querySurveyTypeEnumList({}).then(res => {
...@@ -173,6 +173,6 @@ ...@@ -173,6 +173,6 @@
} }
}, },
} }
</script> </script>
\ No newline at end of file
src/pages/system/surveyStudent.vue
View file @ 82fbf73a
<template> <template>
<div class="page-body" style="width: auto;height:150%;"> <div class="page-body" style="width: auto;height:150%;">
<div class="page-content"> <div class="page-content">
<div class="col-2 q-table__title" style="text-align:center;">老师上课质量调查问卷</div> <div class="col-2 q-table__title" style="text-align:center;">老师上课质量调查问卷</div>
...@@ -11,26 +11,26 @@ ...@@ -11,26 +11,26 @@
<div class="row wrap"> <div class="row wrap">
<div class="col-12"> <div class="col-12">
<q-select <q-select
filled filled
v-model="addMsg.TeacherId" v-model="addMsg.TeacherId"
use-input use-input
:dense="false" :dense="false"
ref="Teacher_Id" ref="Teacher_Id"
label="您选择评价的老师：" label="您选择评价的老师："
option-value="TId" option-label="TeacherName" option-value="TId" option-label="TeacherName"
:options="TeacherList" :options="TeacherList"
@filter="filterFnTeacher" @filter="filterFnTeacher"
class="col-6 q-pb-lg" class="col-6 q-pb-lg"
emit-value map-options > emit-value map-options>
<template v-slot:no-option> <template v-slot:no-option>
<q-item> <q-item>
<q-item-section class="text-grey"> <q-item-section class="text-grey">
No results No results
</q-item-section> </q-item-section>
</q-item> </q-item>
</template> </template>
</q-select> </q-select>
</div> </div>
</div> </div>
<template v-if="data&&data.length>0"> <template v-if="data&&data.length>0">
<div v-for="(item,index) in data" > <div v-for="(item,index) in data" >
...@@ -44,49 +44,47 @@ ...@@ -44,49 +44,47 @@
<span class="ratestyle" v-if="item.ScoreNum==3">感觉一般</span> <span class="ratestyle" v-if="item.ScoreNum==3">感觉一般</span>
<span class="ratestyle" v-if="item.ScoreNum==2">不满意</span> <span class="ratestyle" v-if="item.ScoreNum==2">不满意</span>
<span class="ratestyle" v-if="item.ScoreNum==1">非常不满意</span> <span class="ratestyle" v-if="item.ScoreNum==1">非常不满意</span>
</template> </template>
<template v-if="item.SurveyType === 2">
<div class="q-gutter-sm" >
<q-list>
<div v-for="(radio, rIndex) in item.SurveyOptionsList"><q-radio :key="rIndex" v-model="item.ScoreNum" :label="radio.OptionsName" :val="radio.ID" /></div>
</q-list>
</div>
</template>
<template v-if="item.SurveyType === 3">
<div class="q-gutter-sm" >
<q-list>
<div v-for="(radio, rIndex) in item.SurveyOptionsList" ><q-checkbox :key="rIndex" v-model="item.CheckInfo" :val="radio.ID" :label="radio.OptionsName" /></div>
</q-list>
</div>
</template>
<template v-if="item.SurveyType === 2"> <template v-if="item.SurveyType === 4">
<div class="q-gutter-sm" > <q-input type="textarea" :rows="2" :placeholder="$t('fnc.qsrneirong')" v-model="item.TextContent" style="margin-bottom:15px;">
<q-list> </q-input>
<q-radio v-for="(radio, rIndex) in item.SurveyOptionsList" :key="rIndex" v-model="item.ScoreNum" :label="radio.OptionsName" :val="radio.ID" />
</q-list>
</div>
</template>
<template v-if="item.SurveyType === 3">
<div class="q-gutter-sm" >
<q-list>
<q-checkbox v-for="(radio, rIndex) in item.SurveyOptionsList" :key="rIndex" v-model="item.CheckInfo" :val="radio.ID" :label="radio.OptionsName" />
</q-list>
</div>
</template>
<template v-if="item.SurveyType === 4"> </template>
</div>
<q-input type="textarea" :rows="2" :placeholder="$t('fnc.qsrneirong')" v-model="item.TextContent" style="margin-bottom:15px;">
</q-input>
</template>
</div>
</div> </div>
</div> </div>
</template> </template>
<q-card-actions align="right" class="bg-white"> <q-card-actions align="center" class="bg-white q-pt-lg">
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" /> <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" />
<q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important"
@click="setSurveyStudent" /> @click="setSurveyStudent" />
</q-card-actions> </q-card-actions>
</div> </div>
<div v-else> <div v-else>
<div class="row wrap" style="margin:10px 0px;text-align:center; "> <div class="row wrap" style="margin:20px 0px;text-align:center; ">
<div class="col-12">亲爱的{{addMsg.StuName}}同学，感谢您对任课老师{{addMsg.TeacherName}}的评价。</div> <div class="col-12">亲爱的{{addMsg.StuName}}同学，感谢您对任课老师{{addMsg.TeacherName}}的评价。</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
...@@ -103,7 +101,7 @@ ...@@ -103,7 +101,7 @@
title: "老师上课质量调查问卷" title: "老师上课质量调查问卷"
}, },
components: { components: {
}, },
data() { data() {
return { return {
...@@ -114,8 +112,8 @@ ...@@ -114,8 +112,8 @@
msg: { msg: {
RB_Group_Id:0, RB_Group_Id:0,
}, },
TeacherList: [], //关联教师下拉数据 TeacherList: [], //关联教师下拉数据
AllTeacherList: [], //关联教师下拉数据 AllTeacherList: [], //关联教师下拉数据
addMsg: { addMsg: {
TeacherId:0, TeacherId:0,
StuName:"", StuName:"",
...@@ -136,7 +134,7 @@ ...@@ -136,7 +134,7 @@
if(this.$route.query&&this.$route.query.StuName){ if(this.$route.query&&this.$route.query.StuName){
this.addMsg.StuName = decodeURIComponent(this.$route.query.StuName) this.addMsg.StuName = decodeURIComponent(this.$route.query.StuName)
} }
this.GetTeacherList(); this.GetTeacherList();
this.getSurveyShowList(); this.getSurveyShowList();
}, },
...@@ -210,9 +208,9 @@ ...@@ -210,9 +208,9 @@
// showTips+=1; // showTips+=1;
// } // }
// } // }
this.addMsg.SurveyList.push(nowInfo); this.addMsg.SurveyList.push(nowInfo);
}); });
if (showTips> 0) { if (showTips> 0) {
return; return;
} }
...@@ -237,7 +235,7 @@ ...@@ -237,7 +235,7 @@
getTeacherListByGroupId(this.msg).then(res => { getTeacherListByGroupId(this.msg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.TeacherList = res.Data; this.TeacherList = res.Data;
var obj = { var obj = {
TeacherName: '请选择', TeacherName: '请选择',
TId: 0 TId: 0
...@@ -285,5 +283,5 @@ ...@@ -285,5 +283,5 @@
</style> </style>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style> </style>
\ No newline at end of file
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