|
@@ -1,13 +1,31 @@
|
|
// right-key-menu.vue
|
|
// right-key-menu.vue
|
|
<template>
|
|
<template>
|
|
<div ref="rkm" class="right-key-menu">
|
|
<div ref="rkm" class="right-key-menu">
|
|
- <div class="rightKeyMenuItem" @click="emits('onSetWorkload', unref(curRow))">设置工作量</div>
|
|
|
|
- <div class="rightKeyMenuItem" @click="emits('onSendMessage', unref(curRow))">发送消息</div>
|
|
|
|
- <div class="rightKeyMenuItem" @click="emits('onShowScoreLines', curRow)">分数分布曲线</div>
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="rightKeyMenuItem"
|
|
|
|
+ :class="{ disabled: !curRow.markerId }"
|
|
|
|
+ @click="curRow?.markerId && emits('onSetWorkload', unref(curRow))"
|
|
|
|
+ >
|
|
|
|
+ 设置工作量
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ class="rightKeyMenuItem"
|
|
|
|
+ :class="{ disabled: !curRow.markerId }"
|
|
|
|
+ @click="curRow?.markerId && emits('onSendMessage', unref(curRow))"
|
|
|
|
+ >
|
|
|
|
+ 发送消息
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ class="rightKeyMenuItem"
|
|
|
|
+ :class="{ disabled: !curRow.markerId }"
|
|
|
|
+ @click="curRow?.markerId && emits('onShowScoreLines', curRow)"
|
|
|
|
+ >
|
|
|
|
+ 分数分布曲线
|
|
|
|
+ </div>
|
|
<div
|
|
<div
|
|
v-if="curRow.markingStatus === '正评'"
|
|
v-if="curRow.markingStatus === '正评'"
|
|
class="rightKeyMenuItem"
|
|
class="rightKeyMenuItem"
|
|
- @click="emits('forceAssessment', unref(curRow))"
|
|
|
|
|
|
+ @click="curRow?.markerId && emits('forceAssessment', unref(curRow))"
|
|
>
|
|
>
|
|
强制考核分发
|
|
强制考核分发
|
|
</div>
|
|
</div>
|
|
@@ -41,7 +59,7 @@ defineExpose({
|
|
onload,
|
|
onload,
|
|
})
|
|
})
|
|
</script>
|
|
</script>
|
|
-<style scoped>
|
|
|
|
|
|
+<style scoped lang="scss">
|
|
.right-key-menu {
|
|
.right-key-menu {
|
|
display: block;
|
|
display: block;
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
@@ -74,11 +92,18 @@ defineExpose({
|
|
}
|
|
}
|
|
.rightKeyMenuItem {
|
|
.rightKeyMenuItem {
|
|
padding: 5px 20px;
|
|
padding: 5px 20px;
|
|
|
|
+ &.disabled {
|
|
|
|
+ cursor: not-allowed;
|
|
|
|
+ color: #999;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-.rightKeyMenuItem:hover {
|
|
|
|
- cursor: pointer;
|
|
|
|
- background: #0091ff;
|
|
|
|
- /* border-color: #66b1ff; */
|
|
|
|
- color: #fff;
|
|
|
|
|
|
+.rightKeyMenuItem {
|
|
|
|
+ &:not(.disabled) {
|
|
|
|
+ &:hover {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ background: #0091ff;
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|