绩效考核初始页面

src/config/route.js

@@ -1886,6 +1886,16 @@ const routes = [
               },
               "component": "hrm/attendance"
             },
+            {
+              "name": "performance",
+              "path": "/hrm/performance",
+              "meta": {
+                "title": "绩效考核",
+                "icon": "el-icon-check",
+                "perms": ["attendance_record"]
+              },
+              "component": "hrm/performance"
+            },
             {
               "name": "certificate",
               "path": "/hrm/certificate",
@@ -2464,7 +2474,7 @@ const routes = [
         "meta": {
           "title": "数据集",
           "icon": "el-icon-grid",
-"perms": ["dataset"]
+          "perms": ["dataset"]
         },
         "component": "bi/dataset"
       },

src/views/hrm/performance.vue

@@ -0,0 +1,112 @@
+<template>
+  <el-container>
+    <el-header>
+      <div class="left-panel">
+        <el-select 
+          v-model="query.belong_dept" 
+          clearable style="width:180px"
+          placeholder="请选择部门">
+            <el-option v-for="item in deptData" 
+            :key="item.id" 
+            :label="item.name" 
+            :value="item.id">
+          </el-option>
+        </el-select>
+        <el-date-picker
+          v-model="monthV"
+          type="month"
+          style="margin-left:5px;width:180px"
+          placeholder="请选择月份"
+        />
+        <el-input
+            v-model="query.search"
+            placeholder="员工姓名"
+            clearable
+            style="margin:0 5px;width:180px"
+        ></el-input>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          @click="handleQuery"
+        ></el-button>
+      </div>
+    </el-header>
+    <el-main class="nopadding">
+      <scTable
+        ref="table"
+        :apiObj="apiObj"
+        row-key="id"
+        stripe
+      >
+      <el-table-column label="#" fixed="left" type="index" width="40"></el-table-column>
+        <el-table-column label="姓名" prop="user_name">
+        </el-table-column>
+        <el-table-column label="部门" prop="belong_dept_name">
+        </el-table-column>
+        <el-table-column label="班次" prop="shift_name">
+        </el-table-column>
+        <el-table-column label="班组" prop="team_name">
+        </el-table-column>
+        <el-table-column label="岗位" prop="post_name">
+        </el-table-column>
+        <el-table-column label="工序" >
+        </el-table-column>
+        <el-table-column label="工作日期" prop="work_date">
+        </el-table-column>
+        <el-table-column label="完成情况">
+        </el-table-column>
+      </scTable>
+    </el-main>
+  </el-container>
+</template>
+<script>
+  export default {
+    name: "performance",
+    data() {
+      return {
+        // apiObj: this.$API.hrm..list,
+        apiObj: null,
+        deptData: [],
+        query: {
+          year:'',
+          month:'',
+          search:'',
+          belong_dept:''
+        },
+        monthV:''
+      };
+    },
+    mounted() {
+      this.getDept();
+    },
+    methods: {
+      getDept() {
+        this.$API.system.dept.list.req({ page: 0,type:'dept'}).then(res=>{
+          let data = [];
+          res.forEach(item => {
+              if(item.parent=='3423856735881117696'){
+                  data.push(item)
+              }
+          });
+					this.deptData = data;
+				});
+      },
+      handleQuery(){
+        if(this.monthV!=''){
+          this.query.year = this.monthV.getFullYear();
+          this.query.month = this.monthV.getMonth() + 1;
+        }else{
+          this.query.year = '';
+          this.query.month = '';
+        }
+        this.$refs.table.queryData(this.query)
+      },
+     
+      
+      
+    },
+  };
+</script>
+<style scoped>
+
+</style>