mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-21 16:56:46 +08:00
feat:增加评估管理管理界面-学员获取参数及传递-产看单个学员评估参数传递和样式修改
This commit is contained in:
wyx
@@ -18,86 +18,92 @@
|
||||
<div class="main">
|
||||
<div class="onerow">
|
||||
<div class="assname">评估名称：</div>
|
||||
<div class="asscontent">产品经理面授课评估</div>
|
||||
<div class="asscontent">{{evalName}}</div>
|
||||
</div>
|
||||
<div class="onerow" style="margin-top: 30px">
|
||||
<div class="assname">评估说明：</div>
|
||||
<div class="asscontent">-</div>
|
||||
</div>
|
||||
<div class="assessbox" style="margin-top: 30px">
|
||||
<div class="box1">
|
||||
<div class="asstype">评估类型：</div>
|
||||
<div class="typename">单选</div>
|
||||
</div>
|
||||
<div class="box1" style="margin-left: 64px">
|
||||
<div class="asstype">题干：</div>
|
||||
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||
这个课程你觉得对你有用吗？
|
||||
<div
|
||||
v-for="(values, index) in [{type:1},{type:2},{type:3},{type:4},{type:2},{type:3},{type:4}]"
|
||||
:key="index">
|
||||
<div v-if="values.type==1 || values.type==2" class="assessbox" style="margin-top: 30px">
|
||||
<div class="box1">
|
||||
<div class="asstype">评估类型：</div>
|
||||
<div class="typename">单选</div>
|
||||
</div>
|
||||
<div class="box1" style="margin-left: 64px">
|
||||
<div class="asstype">题干：</div>
|
||||
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||
这个课程你觉得对你有用吗？
|
||||
</div>
|
||||
</div>
|
||||
<a-radio-group v-model:value="value">
|
||||
<div class="box1" style="margin-left: 55px; margin-top: 20px">
|
||||
<div class="asstype">选择1：</div>
|
||||
<a-radio :value="1">有用</a-radio>
|
||||
</div>
|
||||
<div
|
||||
class="box1"
|
||||
style="margin-left: 55px; margin-top: 20px; margin-bottom: 30px"
|
||||
>
|
||||
<div class="asstype">选择2：</div>
|
||||
<a-radio :value="2">没用</a-radio>
|
||||
</div>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
<a-radio-group v-model:value="value">
|
||||
<div class="box1" style="margin-left: 55px; margin-top: 20px">
|
||||
<div class="asstype">选择1：</div>
|
||||
<a-radio :value="1">有用</a-radio>
|
||||
<div v-else-if="values.type==3" class="assessbox" style="margin-top: 30px">
|
||||
<div class="box1">
|
||||
<div class="asstype">评估类型：</div>
|
||||
<div class="typename">问答题</div>
|
||||
</div>
|
||||
<div class="box1" style="margin-left: 64px">
|
||||
<div class="asstype">标题：</div>
|
||||
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||
对这个课程有什么建议吗？
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="box1"
|
||||
style="margin-left: 55px; margin-top: 20px; margin-bottom: 30px"
|
||||
style="margin-left: 64px; margin-top: 20px; margin-bottom: 30px"
|
||||
>
|
||||
<div class="asstype">选择2：</div>
|
||||
<a-radio :value="2">没用</a-radio>
|
||||
</div>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
<div class="assessbox" style="margin-top: 30px">
|
||||
<div class="box1">
|
||||
<div class="asstype">评估类型：</div>
|
||||
<div class="typename">问答题</div>
|
||||
</div>
|
||||
<div class="box1" style="margin-left: 64px">
|
||||
<div class="asstype">标题：</div>
|
||||
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||
对这个课程有什么建议吗？
|
||||
<div class="asstype">描述：</div>
|
||||
<div style="color: rgba(51, 51, 51, 1); font-size: 14px">
|
||||
希望以后这样的课程能够躲开，让我们多多了解！
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="box1"
|
||||
style="margin-left: 64px; margin-top: 20px; margin-bottom: 30px"
|
||||
>
|
||||
<div class="asstype">描述：</div>
|
||||
<div style="color: rgba(51, 51, 51, 1); font-size: 14px">
|
||||
希望以后这样的课程能够躲开，让我们多多了解！
|
||||
<div v-else class="assessbox" style="margin-top: 30px">
|
||||
<div class="box1">
|
||||
<div class="asstype">评估类型：</div>
|
||||
<div class="typename">评分题</div>
|
||||
</div>
|
||||
<div class="box1" style="margin-left: 64px">
|
||||
<div class="asstype">标题：</div>
|
||||
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||
请给当前课程打分
|
||||
</div>
|
||||
</div>
|
||||
<div class="lastbox">
|
||||
<div class="sorcetext">非常不满意</div>
|
||||
<div class="sorcebox">
|
||||
<div class="numbox">1</div>
|
||||
<div class="numbox">2</div>
|
||||
<div class="numbox">3</div>
|
||||
<div class="numbox">4</div>
|
||||
<div class="numbox">5</div>
|
||||
<div class="numbox">6</div>
|
||||
<div class="numbox">7</div>
|
||||
<div class="numbox">8</div>
|
||||
<div class="numbox1">9</div>
|
||||
<div class="numbox1">10</div>
|
||||
</div>
|
||||
<div class="sorcetext">非常满意</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="assessbox" style="margin-top: 30px">
|
||||
<div class="box1">
|
||||
<div class="asstype">评估类型：</div>
|
||||
<div class="typename">评分题</div>
|
||||
</div>
|
||||
<div class="box1" style="margin-left: 64px">
|
||||
<div class="asstype">标题：</div>
|
||||
<div style="color: rgba(153, 153, 153, 1); font-size: 14px">
|
||||
请给当前课程打分
|
||||
</div>
|
||||
</div>
|
||||
<div class="lastbox">
|
||||
<div class="sorcetext">非常不满意</div>
|
||||
<div class="sorcebox">
|
||||
<div class="numbox">1</div>
|
||||
<div class="numbox">2</div>
|
||||
<div class="numbox">3</div>
|
||||
<div class="numbox">4</div>
|
||||
<div class="numbox">5</div>
|
||||
<div class="numbox">6</div>
|
||||
<div class="numbox">7</div>
|
||||
<div class="numbox">8</div>
|
||||
<div class="numbox1">9</div>
|
||||
<div class="numbox1">10</div>
|
||||
</div>
|
||||
<div class="sorcetext">非常满意</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 30px;margin-bottom: 60px;"></div>
|
||||
|
||||
</div>
|
||||
<div class="btnn">
|
||||
<button class="btn1" @click="closeDrawer">取消</button>
|
||||
@@ -116,6 +122,16 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
evalName: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
datasource: {
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {};
|
||||
},
|
||||
}
|
||||
},
|
||||
setup(props, ctx) {
|
||||
const state = reactive({
|
||||
@@ -127,6 +143,9 @@ export default {
|
||||
|
||||
const afterVisibleChange = (bool) => {
|
||||
console.log("state", bool);
|
||||
if(bool){
|
||||
console.log('我是传递过来的参数', props.datasource)
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user