|
@@ -8,7 +8,10 @@
|
|
|
<el-checkbox v-if="store.state.evaluationManageStepData.evaluationType === 0 " v-model="store.state.evaluationManageStepData.isHeadTeacherInvolved" >班主任参与评价</el-checkbox>
|
|
<el-checkbox v-if="store.state.evaluationManageStepData.evaluationType === 0 " v-model="store.state.evaluationManageStepData.isHeadTeacherInvolved" >班主任参与评价</el-checkbox>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="content_right">
|
|
<div class="content_right">
|
|
|
- <el-button class="button_border" @click="OpenAddGradeForm">新增年级</el-button>
|
|
|
|
|
|
|
+ <el-button class="button_border button_img_prefix" @click="OpenAddGradeForm">
|
|
|
|
|
+ <img :src="addIcon" alt="">
|
|
|
|
|
+ 新增年级
|
|
|
|
|
+ </el-button>
|
|
|
<el-button class="button_background" @click="SaveEvaluationData">完成</el-button>
|
|
<el-button class="button_background" @click="SaveEvaluationData">完成</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -33,19 +36,19 @@
|
|
|
<template v-if="store.state.evaluationManageStepData.evaluationType === 0 ">
|
|
<template v-if="store.state.evaluationManageStepData.evaluationType === 0 ">
|
|
|
<el-checkbox v-model="gradeOpt.selectionStatus" >选科</el-checkbox>
|
|
<el-checkbox v-model="gradeOpt.selectionStatus" >选科</el-checkbox>
|
|
|
<div class="selection_params" v-if="gradeOpt.selectionStatus">
|
|
<div class="selection_params" v-if="gradeOpt.selectionStatus">
|
|
|
- <span class="param_text">一共 </span>
|
|
|
|
|
|
|
+ <span class="param_text">一共 </span>
|
|
|
<el-input type="number"
|
|
<el-input type="number"
|
|
|
:max="gradeOpt.subjectCount" :min="1"
|
|
:max="gradeOpt.subjectCount" :min="1"
|
|
|
v-model="gradeOpt.selectionCount"
|
|
v-model="gradeOpt.selectionCount"
|
|
|
@blur="HandleInputBlur(gradeOpt.subjectCount,gradeOpt,'selectionCount')">
|
|
@blur="HandleInputBlur(gradeOpt.subjectCount,gradeOpt,'selectionCount')">
|
|
|
</el-input>
|
|
</el-input>
|
|
|
- <span class="param_text"> 科,需要选择 </span>
|
|
|
|
|
|
|
+ <span class="param_text"> 科,需要选择 </span>
|
|
|
<el-input type="number"
|
|
<el-input type="number"
|
|
|
:max="gradeOpt.subjectCount" :min="1"
|
|
:max="gradeOpt.subjectCount" :min="1"
|
|
|
v-model="gradeOpt.needCount"
|
|
v-model="gradeOpt.needCount"
|
|
|
@blur="HandleInputBlur(gradeOpt.selectionCount,gradeOpt,'needCount')">
|
|
@blur="HandleInputBlur(gradeOpt.selectionCount,gradeOpt,'needCount')">
|
|
|
</el-input>
|
|
</el-input>
|
|
|
- <span class="param_text"> 科</span>
|
|
|
|
|
|
|
+ <span class="param_text"> 科</span>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -71,19 +74,16 @@
|
|
|
:rules="[]"
|
|
:rules="[]"
|
|
|
>
|
|
>
|
|
|
<div class="tag_list">
|
|
<div class="tag_list">
|
|
|
- <el-tag
|
|
|
|
|
- v-for="tag in gradeOpt.subjectData"
|
|
|
|
|
- :key="tag"
|
|
|
|
|
- closable
|
|
|
|
|
- :disable-transitions="true"
|
|
|
|
|
- @close="HandleDeleteOpen(tag,'subject')"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div class="tag_itm" v-for="tag in gradeOpt.subjectData" :key="tag">
|
|
|
{{ tag.name }}
|
|
{{ tag.name }}
|
|
|
- </el-tag>
|
|
|
|
|
|
|
+ <component @click="HandleDeleteOpen(tag,'subject')" :is="deleteIcon"
|
|
|
|
|
+ :style="{'--icon-color':'#2E64FA'}"></component>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
- <el-button class="button_border"
|
|
|
|
|
|
|
+ <el-button class="button_border button_img_prefix"
|
|
|
@click="OpenAddSubjectForm(gradeOpt,'subject')">
|
|
@click="OpenAddSubjectForm(gradeOpt,'subject')">
|
|
|
- + 新增
|
|
|
|
|
|
|
+ <img :src="addIcon" alt="">
|
|
|
|
|
+ 新增
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -97,19 +97,16 @@
|
|
|
:rules="[]"
|
|
:rules="[]"
|
|
|
>
|
|
>
|
|
|
<div class="tag_list">
|
|
<div class="tag_list">
|
|
|
- <el-tag
|
|
|
|
|
- v-for="tag in gradeOpt.selectSubjectData"
|
|
|
|
|
- :key="tag"
|
|
|
|
|
- closable
|
|
|
|
|
- :disable-transitions="true"
|
|
|
|
|
- @close="HandleDeleteOpen(tag,'selectedSubject')"
|
|
|
|
|
- >
|
|
|
|
|
- {{ tag.name }}
|
|
|
|
|
- </el-tag>
|
|
|
|
|
|
|
+ <div class="tag_itm" v-for="tag in gradeOpt.selectSubjectData" :key="tag">
|
|
|
|
|
+ {{ tag.name }}
|
|
|
|
|
+ <component @click="HandleDeleteOpen(tag,'selectedSubject')" :is="deleteIcon"
|
|
|
|
|
+ :style="{'--icon-color':'#2E64FA'}"></component>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
- <el-button class="button_border"
|
|
|
|
|
|
|
+ <el-button class="button_border button_img_prefix"
|
|
|
@click="OpenAddSubjectForm(gradeOpt,'selectedSubject')">
|
|
@click="OpenAddSubjectForm(gradeOpt,'selectedSubject')">
|
|
|
- + 新增
|
|
|
|
|
|
|
+ <img :src="addIcon" alt="" style="color:red">
|
|
|
|
|
+ 新增
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -265,6 +262,9 @@ import {
|
|
|
import { ElMessage } from 'element-plus';
|
|
import { ElMessage } from 'element-plus';
|
|
|
import router from '@/router';
|
|
import router from '@/router';
|
|
|
|
|
|
|
|
|
|
+import addIcon from '@/assets/icon/add.svg'
|
|
|
|
|
+import deleteIcon from '@/assets/icon/deleteIcon.vue'
|
|
|
|
|
+
|
|
|
interface subjectOrClassDataItm {
|
|
interface subjectOrClassDataItm {
|
|
|
id:string,
|
|
id:string,
|
|
|
name:string
|
|
name:string
|
|
@@ -736,13 +736,15 @@ onMounted(async() => {
|
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
-/* 右侧内容区样式 */
|
|
|
|
|
|
|
+/* 内容区样式 */
|
|
|
.step_1_content {
|
|
.step_1_content {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
.option_container{
|
|
.option_container{
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
@@ -778,7 +780,7 @@ onMounted(async() => {
|
|
|
gap: 16px;
|
|
gap: 16px;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
|
|
|
|
- :deep(.el-tag){
|
|
|
|
|
|
|
+ .tag_itm {
|
|
|
border:solid #2E64FA 1px;
|
|
border:solid #2E64FA 1px;
|
|
|
background-color: white;
|
|
background-color: white;
|
|
|
color:#2E64FA;
|
|
color:#2E64FA;
|
|
@@ -786,6 +788,10 @@ onMounted(async() => {
|
|
|
padding:0px 12px;
|
|
padding:0px 12px;
|
|
|
height:36px;
|
|
height:36px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ gap:4px;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@@ -846,6 +852,19 @@ onMounted(async() => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .button_img_prefix {
|
|
|
|
|
+ >span{
|
|
|
|
|
+ img{
|
|
|
|
|
+ width: 14px !important;
|
|
|
|
|
+ height: 14px !important;
|
|
|
|
|
+ margin-right: 4px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.subject_add_form_dialog{
|
|
.subject_add_form_dialog{
|