增加

src/App.vue

@@ -25,7 +25,7 @@ export default {
 </script>
 
 <style>
-@import url("//at.alicdn.com/t/font_2077629_leh9uxv84r.css");
+@import url("//at.alicdn.com/t/font_2077629_9ty53q1g2bo.css");
 @font-face {
   font-family: "din";
   src: url("./assets/font/DIN-Bold.otf") format("opentype");

src/api/teacher/index.js

@@ -506,6 +506,19 @@ export function RemoveAssessmentSubtype(data) {
   })
 }
 
+/**
+ * 获取列表数据
+ * @param {*} data 
+ */
+export function GetAssessmentTypeList(data) {
+  return request({
+    url: '/TeacherAssessment/GetAssessmentTypeList',
+    method: 'post',
+    data
+  })
+}
+
+
 
 
 

src/pages/teacher/appraisalList.vue

+<style>
+
+
+</style>
+<template>
+  <div class="page-body">
+    <div class="page-search row items-center">
+
+    </div>
+    <div class="page-content">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
+        class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
+        row-key="name">
+        <template v-slot:top>
+          <div class="col-2 q-table__title">类型配置</div>
+          <q-space />
+          <div class="page-option">
+            <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增" @click="goAssessTable()" />
+          </div>
+        </template>
+        <template v-slot:body="props">
+          <q-tr :props="props">
+            <template v-for="(col,cIndex) in props.cols">
+              <q-td v-if="col.name == 'TypeName'" :key="cIndex">{{ col.value }}</q-td>
+              <q-td v-else-if="col.name == 'SubtypeList'" :key="cIndex">
+                <div v-for="(item,sIndex) in col.value" :key="sIndex">
+                  <div class="border-bottom">
+                    {{item.SubTypeName}}
+                  </div>
+                </div>
+              </q-td>
+              <q-td style="width:100px;" v-else-if="col.name == 'Id'" :key="cIndex">
+                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
+                  @click="AddMsg(props.row)" />
+                <q-btn flat size="xs" icon="delete" color="negative" class="q-mr-xs" label="删除"
+                  @click="delConsult(props.row.Id)" />
+              </q-td>
+            </template>
+          </q-tr>
+        </template>
+        <template v-slot:bottom></template>
+      </q-table>
+    </div>
+    <assess-form v-if="isShowAssess" :save-obj="objOption" @close="getClose()" @success="getRefresh"></assess-form>
+  </div>
+</template>
+<script>
+  import {
+    queryAssessmentTypeList,
+    RemoveAssessmentType
+  } from '../../api/teacher/index';
+  import assessForm from '../../components/teacher/assess-form'
+  export default {
+    meta: {
+      title: "教师考评配置"
+    },
+    components: {
+      assessForm
+    },
+    data() {
+      return {
+        loading: false,
+        msg: {
+          rowsPerPage: 1000,
+        },
+        columns: [{
+            name: "TypeName",
+            label: "类别",
+            field: "TypeName",
+            align: "left"
+          },
+          {
+            name: "SubtypeList",
+            label: "内容",
+            field: "SubtypeList",
+            align: "left"
+          },
+          {
+            name: 'Id',
+            label: '操作',
+            field: row => row.Id
+          }
+        ],
+        dataList: [],
+        objOption: null,
+        isShowAssess: false
+      }
+    },
+    created() {
+
+    },
+    mounted() {
+      this.getAssessmentTypeList()
+    },
+    methods: {
+      getAssessmentTypeList() {
+        this.loading = true;
+        queryAssessmentTypeList(this.msg).then(res => {
+          this.loading = false;
+          console.log("res", res);
+          if (res.Code == 1) {
+            this.dataList = res.Data;
+          }
+        })
+      },
+      //新增修改
+      AddMsg(obj) {
+        if (obj) {
+          this.objOption = obj
+        } else {
+          this.objOption = null
+        }
+        this.isShowAssess = true;
+      },
+      getClose() {
+        this.isShowAssess = false;
+      },
+      getRefresh() {
+        this.getAssessmentTypeList();
+      },
+      //删除数据
+      delConsult(Id) {
+        let that = this;
+        this.$q.dialog({
+          title: "提示",
+          message: '是否删除该配置？',
+          cancel: {
+            label: "取消",
+            flat: true
+          },
+          ok: {
+            label: "确认",
+            flat: true,
+            focus: true
+          }
+        }).onOk(() => {
+          let msg = {
+            Id: Id
+          }
+          RemoveAssessmentType(msg).then(res => {
+            if (res.Code == 1) {
+              that.$q.notify({
+                icon: 'iconfont icon-chenggong',
+                color: 'accent',
+                timeout: 2000,
+                message: '数据删除成功！',
+                position: 'top'
+              })
+              that.getAssessmentTypeList();
+            }
+          })
+        });
+      },
+      //跳转考核表
+      goAssessTable(){
+        this.OpenNewUrl('/teacher/jobEvaluation', {
+          
+        });
+      }
+    }
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>

src/pages/teacher/jobEvaluation.vue

+<style scoped>
+  .jobTable {
+    width: 100%;
+    text-align: center;
+  }
+
+  .jobTable tr td {
+    height: 40px;
+    color: #000;
+    border: 1px solid #d1d1d1;
+  }
+
+  .jobTable tr th {
+    height: 40px;
+    background-color: rgb(238, 238, 239);
+  }
+
+</style>
+<template>
+  <div class="page-body">
+    <div class="page-search row items-center">
+      <div class="col row wrap q-col-gutter-md">
+        <div class="col-3">
+          <q-select filled stack-label option-value="TId" option-label="TeacherName" v-model="chooseTeacher"
+            ref="Teacher_Id" :options="TeacherList" label="教师团队" dense class="col-6 q-pr-lg q-pb-lg" emit-value
+            map-options />
+        </div>
+      </div>
+    </div>
+    <div class="page-content">
+      <table class="jobTable" style="border-collapse:collapse;">
+        <tbody v-for="(item,index) in dataList" :key="index">
+          <tr>
+            <th width="150">类别</th>
+            <th width="150">内容</th>
+            <th v-for="(T,tindex) in item.SubtypeList[0].OptionList">
+              <div>{{T.LevelTitle}}</div>
+              <div>{{T.LevelScore}}</div>
+            </th>
+            <th width="200">考核</th>
+          </tr>
+          <tr>
+            <td :rowspan="item.SubtypeList.length+1">{{item.TypeName}}</td>
+          </tr>
+          <tr v-for="(sItem,sIndex) in item.SubtypeList">
+            <td>{{sItem.SubTypeName}}</td>
+            <td v-for="(cItem,cIndex) in sItem.OptionList" style="position:relative;">
+              <el-tooltip class="item" effect="dark" :content="cItem.LevelDesc" placement="top-start">
+                <i style="position:absolute;left:3px;top:3px;" class="iconfont icon-bangzhu"></i>
+              </el-tooltip>
+              <q-checkbox v-model="selection" val="teal" color="green" />
+            </td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    getTeacherDropDownList
+  } from "../../api/school/index";
+  import {
+    GetAssessmentTypeList
+  } from "../../api/teacher/index";
+  export default {
+    meta: {
+      title: "中教每月工作考核表"
+    },
+    components: {},
+    data() {
+      return {
+        dataList: [],
+        msg: {
+          pageIndex: 1,
+          pageSize: 12,
+          rowsPerPage: 12,
+        },
+        chooseTeacher: '',
+        TeacherList: [], //关联教师下拉数据
+        selection:''
+      }
+    },
+    created() {},
+    mounted() {
+      this.GetTeacherList();
+      this.getList();
+    },
+    methods: {
+      //获取教师下拉
+      GetTeacherList() {
+        getTeacherDropDownList({}).then(res => {
+          if (res.Code == 1) {
+            this.TeacherList = res.Data;
+          }
+        });
+      },
+      getList() {
+        GetAssessmentTypeList({}).then(res => {
+          if (res.Code == 1) {
+            this.dataList = res.Data;
+          }
+        })
+      }
+    }
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>

src/router/routes.js

@@ -1436,6 +1436,16 @@ const routes = [{
         component: () =>
           import("pages/teacher/assessmentType")
       },
+      {
+        path: "/teacher/appraisalList", //考评列表
+        component: () =>
+          import("pages/teacher/appraisalList")
+      },
+      {
+        path: "/teacher/jobEvaluation", //每月工作考评表
+        component: () =>
+          import("pages/teacher/jobEvaluation")
+      },
       {
         path: "/exam/examPaper", //试卷管理
         component: () =>