pbl-teacher-table/src/components/pages/test/examine/conpoments/targetPage.vue

<template>
  <div>
    <div v-if="pType == 0">
      <div class="sBox_table">
        <div class="table_title">
          <div>一级指标</div>
          <div>二级指标</div>
          <div>负责部门</div>
          <div>分值</div>
          <div>审核进度</div>
          <div>自评平均分</div>
          <div>考核平均分</div>
          <div>数据来源</div>
          <div>操作</div>
        </div>
        <div class="table_Content" v-for="item in tableJsonCon" :key="item.id">
          <div class="twoCol">
            <div class="ColTit">{{ item.name }}</div>
            <div class="ColCon">
              <div class="twoCon" v-for="k in item.children" :key="k.id">
                <div>{{ k.name }}</div>
                <div>
                  {{ k.dep.join(",") }}
                </div>
                <div>{{ k.score }}</div>
                <div></div>
                <div>{{ k.sco1 }}</div>
                <div>{{ k.sco2 }}</div>
                <div>
                  <div v-if="!k.testid.test.length">/</div>
                  <div v-else>
                    <div
                      v-for="(item2, index) in k.testid.test"
                      :key="item2.courseId"
                    >
                      {{ item2.title }}
                    </div>
                  </div>
                </div>
                <div
                  style="display: flex;justify-content: space-around;padding: 0 10px;box-sizing: border-box;"
                >
                  <!-- <div class="TabBtn" @click="lookPrize">查看</div> -->
                  <div class="TabBtn" @click="lookScore">评分</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div v-if="pType == 1">
      按指标班主任
    </div>

    <!-- 点击查看 -->
    <el-dialog
      title=""
      :visible.sync="diaIframe"
      :append-to-body="true"
      width="95%"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div style="height: 100%;">
        <iframe
          ref="viframe"
          style="width: 100%; height: 99%; border: none"
          :src="ifmUrl"
        ></iframe>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="diaIframe = false">关 闭</el-button>
      </span>
    </el-dialog>

    <!-- 点击评分 -->
    <el-dialog
      title=""
      :visible.sync="diaScore"
      :append-to-body="true"
      width="95%"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div style="height: 100%;padding: 25px;">
        <div class="diaScoreTop">
          <div class="diaScoreLeft">
            <div>自评平均分:</div>
            <div>认定平均分:</div>
            <div>存在分叉总人数:</div>
          </div>
          <div class="diaScoreRight">
            <el-button size="small" type="primary">保存</el-button>
            <el-button size="small" type="primary">提交</el-button>
          </div>
        </div>
        <el-table :data="tableData" style="width: 100%">
          <el-table-column type="index" label="序号" width="180">
          </el-table-column>
          <el-table-column prop="name" label="教师姓名" width="180">
          </el-table-column>
          <el-table-column prop="tea" label="教研室"> </el-table-column>
          <el-table-column prop="evaScore" label="自评分数"> </el-table-column>
          <el-table-column prop="evaluation" label="自评概述">
          </el-table-column>
          <el-table-column prop="source" label="数据来源"> </el-table-column>
          <el-table-column prop="cognizance" label="认定分数">
          </el-table-column>
        </el-table>
      </div>
      <!-- <span slot="footer" class="dialog-footer">
        <el-button @click="diaScore = false">关 闭</el-button>
      </span> -->
    </el-dialog>
  </div>
</template>

<script>

export default {
  props: {
    pType: {
      //0专任教师 1班主任
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      diaIframe: false,
      diaScore: false,
      ifmUrl: "",
      userid: this.$route.query.userid,
      tableJsonCon: [
        {
          id: "q",
          name: "师德师风",
          children: [
            {
              id: "1q",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "廉洁从教",
              dep: ["行政事务中心"],
              score: 4,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "2q",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "爱岗敬业",
              dep: ["行政事务中心"],
              score: 4,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "3q",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "热爱学生",
              dep: ["行政事务中心"],
              score: 4,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "4q",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "安全教学",
              dep: ["行政事务中心"],
              score: 4,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "5q",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "团结协作",
              dep: ["行政事务中心"],
              score: 4,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            }
          ]
        },
        {
          id: "1a",
          name: "考勤情况",
          children: [
            {
              id: "1a",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "日常考勤",
              dep: ["行政事务中心"],
              score: 2,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "2a",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "会议活动考勤",
              dep: ["行政事务中心"],
              score: 2,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            }
          ]
        },
        {
          id: "b",
          name: "常规教学（备、教、改、考、评、辅）",
          children: [
            {
              id: "1b",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "备课",
              dep: ["教学服务中心"],
              score: 6,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "2b",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "上课",
              dep: ["教学服务中心"],
              score: 6,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "3b",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "批改作业",
              dep: ["教学服务中心"],
              score: 6,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "4b",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "学科测试",
              dep: ["教学服务中心"],
              score: 6,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "5b",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "资料提交",
              dep: ["教学服务中心"],
              score: 6,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: [
                  "1b6f078b-b673-11ee-b534-005056b86db5",
                  "5eac308d-b66d-11ee-b534-005056b86db5"
                ]
              }
            },
            {
              id: "6b",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "听课评课",
              dep: ["教学服务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "7b",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "教学质量",
              dep: ["教学服务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            }
          ]
        },
        {
          id: "c",
          name: "科研工作",
          children: [
            {
              id: "1c",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "研讨课",
              dep: ["教学服务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: ["e9e6dc5a-89d1-11ee-b98c-005056b86db5"]
              }
            },
            {
              id: "2c",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "继续教育",
              dep: ["教师发展中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "3c",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "科组活动",
              dep: ["教学服务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: ["2adfec67-b674-11ee-b534-005056b86db5"]
              }
            }
          ]
        },
        {
          id: "d",
          name: "教学成果加分",
          children: [
            {
              id: "1d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "学科特色活动",
              dep: ["教学服务中心"],
              score: 2,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "2d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "对外公开课、接待课、培训讲座",
              dep: ["教学服务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "3d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "课题研究",
              dep: ["教师发展中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "4d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "名师工作室",
              dep: ["教师发展中心"],
              score: 4,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "5d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "老师发表学术成果",
              dep: ["教师发展中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "6d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "指导学生发表学术成果",
              dep: ["教师发展中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "7d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "教师获奖",
              dep: ["教师发展中心", "教学服务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: [
                  "d47a6ab6-8a75-11ee-b98c-005056b86db5",
                  "729dbb8e-292e-11ef-bee5-005056b86db5"
                ]
              }
            },
            {
              id: "8d",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "指导学生获奖",
              dep: ["教师发展中心", "教学服务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: ["d47a6ab6-8a75-11ee-b98c-005056b86db5"]
              }
            }
          ]
        },
        {
          id: "e",
          name: "特色工作加分",
          children: [
            {
              id: "1e",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "社团课程",
              dep: ["课程与创新中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "2e",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "新闻通讯",
              dep: ["党建融媒中心"],
              score: 3,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "3e",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "校园文化",
              dep: ["课程与创新中心"],
              score: 2,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "4e",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "志愿活动",
              dep: ["党建融媒中心"],
              score: 2,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "5e",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "项目式学习",
              dep: ["课程与创新中心"],
              score: 4,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            },
            {
              id: "6e",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "学校特色项目",
              dep: ["教学服务中心", "教师发展中心", "课程与创新中心"],
              score: 3,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            }
          ]
        },
        {
          id: "f",
          name: "科组评价",
          children: [
            {
              id: "1f",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "学科组长打分",
              dep: ["行政事务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            }
          ]
        },
        {
          id: "g",
          name: "行政巡查",
          children: [
            {
              id: "1g",
              sco1: "",
              sco2: "",
              cogSum: "",
              name: "随机巡查",
              dep: ["行政事务中心"],
              score: 5,
              evaMethod: "自评概述",
              type: 1,
              testid: {
                type: 1,
                test: []
              }
            }
          ]
        }
      ],
      tableData: [
        {
          name: "王小虎",
          tea: "语文",
          evaScore: 5,
          evaluation: "优秀",
          source: 5,
          cognizance: 5
        },
        {
          name: "张三",
          tea: "语文",
          evaScore: 5,
          evaluation: "优秀",
          source: 5,
          cognizance: 5
        },
        {
          name: "李四",
          tea: "语文",
          evaScore: 5,
          evaluation: "优秀",
          source: 5,
          cognizance: 5
        },
        {
          name: "王五",
          tea: "语文",
          evaScore: 5,
          evaluation: "优秀",
          source: 5,
          cognizance: 5
        },
        {
          name: "金兀术",
          tea: "语文",
          evaScore: 5,
          evaluation: "优秀",
          source: 5,
          cognizance: 5
        }
      ]
    };
  },
  computed: {},
  mounted() {
    this.getData();
    console.log(JSON.stringify(this.tableJsonCon));
  },

  methods: {
    async getData() {
      for (const e of this.tableJsonCon) {
        for (const k of e.children) {
          if (k.testid.test.length > 0) {
            // console.log('computedTest',this.computedTest(k.testid));
            k.testid.test = await this.computedTest(k.testid.test);
            // console.log('k.testid', k.testid);
          }
        }
      }
    },
    computedTest(val) {
      let params = [
        {
          testId: val.join(",")
        }
      ];
      return new Promise(resolve => {
        this.ajax
          .post(this.$store.state.api + "selectExamineTestName", params)
          .then(res => {
            console.log("resresresres", res.data[0]);
            // console.log(res.data[0]);
            resolve(res.data[0]);
          })
          .catch(error => {
            console.log(error);
          });
      });
    },
    // 查看数据来源
    lookPrize() {
      // this.ifmUrl = `https://beta.pbl.cocorobo.cn/pbl-teacher-table/dist/#/test?userid=${this.userid}&oid=45facc0a-1211-11ec-80ad-005056b86db5&org=&role=0`;
      this.diaIframe = true;
    },
    // 关闭弹框
    handleClose(done) {
      done();
    },
    // 查看分数
    lookScore() {
      this.diaScore = true;
    }
  }
};
</script>

<style scoped>
.diaScoreTop {
  display: flex;
  justify-content: space-between;
  height: 60px;
}

.diaScoreLeft {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.diaScoreLeft > div {
  margin-right: 30px;
}

.diaScoreRight {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.TabBtn {
  cursor: pointer;
  color: #528df6;
}

.sBox_table {
  width: 100%;
  min-width: calc(150px * 7);
  margin: 0 auto;
  /* min-width: 1520px; */
  font-size: 14px;
}

.table_title {
  width: 100%;
  min-width: calc(150px * 9);
  height: 50px;
  background: #e0eafb;
  border: 1px solid #d5d8df;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.table_title > div {
  width: calc(100% / 9);
  min-width: 150px;
  text-align: center;
  height: 100%;
  line-height: 50px;
  border-right: 1px solid #d5d8df;
}

.table_title > div:last-child {
  border: none;
}

.table_Content {
  width: 100%;
  min-width: calc(150px * 9);
  border: 1px solid #d5d8df;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-align: center;
  align-items: center;
}

.twoCol {
  width: 100%;
  display: flex;
}

.ColTit {
  width: calc(100% / 9);
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.twoCon {
  display: flex;
}

.twoCon > div {
  width: calc(100% / 8);
  min-width: 150px;
  min-height: 50px;
  /* line-height: 50px; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.ColCon {
  flex: 1;
}

.dialog_diy >>> .el-dialog {
  height: 95%;
  margin: 0 auto !important;
  margin-top: 20px !important;
  overflow: hidden;
}

.dialog_diy >>> .el-dialog__header {
  background: #454545 !important;
  padding: 25px 20px;
}

.dialog_diy >>> .el-dialog__body {
  height: calc(100% - 124px);
  box-sizing: border-box;
  padding: 0px;
}

.dialog_diy >>> .el-dialog__title {
  color: #fff;
}

.dialog_diy >>> .el-dialog__headerbtn {
  top: 19px;
}

.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}

.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}

.dialog_diy >>> .el-dialog__body,
.dialog_diy >>> .el-dialog__footer {
  background: #fafafa;
}
</style>