教师发展页面ui

src/components/pages/test/examine/conpoments/targetPage.vue

@@ -1,15 +1,124 @@
 <template>
   <div>
-    <div v-if="pType==0">
-      按指标专任教师
+    <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 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: {
@@ -19,13 +128,801 @@ export default {
     }
   },
   data() {
-    return {};
+    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));
   },
 
-  mounted() {},
-
-  methods: {}
+  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></style>
+<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>

src/components/pages/test/examine/index.vue

@@ -72,7 +72,7 @@ export default {
 <style scoped>
 .testExamine {
   width: 100%;
-  height: 100%;
+  min-height: 100%;
   padding: 10px;
   box-sizing: border-box;
   background-color: #fff;
@@ -92,6 +92,7 @@ export default {
 }
 .Tbor {
   border-bottom: 2px rgba(54, 129, 252, 1) solid;
+  font-weight: 600;
 }
 .testCon {
   box-sizing: border-box;