ehr-绩效：功能优化

src/api/business/ehr/pm/gradeadjust.js

@@ -10,7 +10,7 @@ export function listPerformance(query) {
 }
 
 // 查询调整数量
-export function count() {
+export function getGradeAdjustConut() {
   return request({
     url: '/ehr/pm/gradeAdjust/count',
     method: 'get'

src/api/business/ehr/pm/performance.js

@@ -35,15 +35,6 @@ export function fillinFinish(data) {
   })
 }
 
-//绩效确认
-export function verify(data) {
-  return request({
-    url: '/ehr/pm/performance/verify',
-    method: 'post',
-    data: data
-  })
-}
-
 // 自评完成
 export function selfestimate(data) {
   return request({
@@ -53,15 +44,6 @@ export function selfestimate(data) {
   })
 }
 
-// 上级评论
-export function superiorevaluation(data) {
-  return request({
-    url: '/ehr/pm/performance/superiorevaluation',
-    method: 'post',
-    data: data
-  })
-}
-
 // 查询当月绩效id
 export function getCurrentMonthId() {
   return request({

src/views/business/ehr/pm/mark/index.vue

@@ -1,217 +1,138 @@
 <template>
   <div>
-    <el-card v-if="flow.staff == this.$store.state.user.name">
-      <div slot="header" class="clearfix">
-        <span style="font-weight:bold">绩效考核表</span>
-        <div style="float: right; padding: 3px 0" type="text" v-if="flow.status == 0">
-          <el-button size="mini" plain @click="btnTurnDown(1)">驳回</el-button>
-          <el-button size="mini" type="primary" plain @click="btnverify(2)">评写完成</el-button>
-        </div>
+    <div slot="header" class="clearfix">
+      <span style="font-weight:bold">绩效评分</span>
+      <div style="float: right; padding: 3px 0" type="text">
+        <el-button size="mini" plain @click="btnBack">返回</el-button>
       </div>
-      <div v-loading="loading">
-        <el-descriptions :column="6 ">
-          <el-descriptions-item label="员工编号">{{form.staff}}</el-descriptions-item>
-          <el-descriptions-item label="员工姓名">{{form.staffName}}</el-descriptions-item>
-          <el-descriptions-item label="入职日期">{{form.dateJoin}}</el-descriptions-item>
-          <el-descriptions-item label="转正日期">{{form.probationComplete}}</el-descriptions-item>
-          <el-descriptions-item label="一级部门">{{form.oneDeptName}}</el-descriptions-item>
-          <el-descriptions-item label="二级部门">{{form.twoDeptName}}</el-descriptions-item>
-          <el-descriptions-item label="三级部门">{{form.threeDeptName}}</el-descriptions-item>
-          <el-descriptions-item label="职位">{{form.jobName}}</el-descriptions-item>
-          <el-descriptions-item label="评估周期">{{form.name}}</el-descriptions-item>
-          <el-descriptions-item label="评估人">{{form.evaluatorName}}</el-descriptions-item>
-          <el-descriptions-item label="所属分组">{{form.deadlineTime}}</el-descriptions-item>
-        </el-descriptions>
-        <el-descriptions v-if="form.status > 3">
-          <el-descriptions-item label="个人总结">{{form.summary}}</el-descriptions-item>
-        </el-descriptions>
-        <div>
-          评语<el-input type="textarea" v-model="form.comment"></el-input>
-        </div>
-        <!-- <div style="float:right">
-          <el-button size="mini" @click="btnUnfold">{{isUnfold == true ? "收起" : "展开"}}</el-button>
-        </div> -->
-        <el-table size="mini"  :data="form.performanceItem" show-summary :summary-method="getSummaries">
-          <el-table-column width="100" :show-overflow-tooltip="!isUnfold" label="评估方面" align="center" prop="aspect">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.ehr_pm_aspect" :value="scope.row.aspect"/>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" :show-overflow-tooltip="!isUnfold" label="评估指标" align="center" prop="target" />
-          <el-table-column :show-overflow-tooltip="!isUnfold" label="评估说明" align="center" prop="instructions">
-            <template slot-scope="scope">
-              <div style="white-space: pre-wrap;text-align: left">{{scope.row.instructions}}</div>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" label="角色" align="center" prop="role">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.ehr_pm_role" :value="scope.row.role"/>
-            </template>
-          </el-table-column>
-          <el-table-column width="80" label="权重" align="center" prop="weight"/>
-          <el-table-column :show-overflow-tooltip="!isUnfold" label="绩效标准" align="center" prop="standard">
-            <template slot-scope="scope">
-              <div style="white-space: pre-wrap;text-align: left">{{scope.row.standard}}</div>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" label="数据来源" align="center" prop="source" />
-          <el-table-column width="80" label="自评分" align="center" prop="selfScoring"/>
-          <el-table-column :show-overflow-tooltip="!isUnfold" label="自评语" align="center" prop="selfComment"/>
-          <el-table-column width="80" label="上级评分" align="center" prop="leaderScoring">
-            <template slot-scope="scope">
-              <el-input 
-                size="mini" 
-                v-model.number="scope.row.leaderScoring"
-                onkeyup="value=value.replace(/[^\d||/.]/g,'')"
-                oninput="if(value){value=value.replace(/[^\d]/g,'')} if(value<=0){value=0} if(value>100){value=100}"
-                :maxlength="3"
-                :minlength="1"
-              >
-              </el-input>
-            </template>
-          </el-table-column>
-          <el-table-column :show-overflow-tooltip="!isUnfold" label="上级评语" align="center" prop="leaderComment">
-            <template slot-scope="scope">
-              <el-input size="mini" type="textarea" v-model="scope.row.leaderComment"></el-input>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </el-card>
-
-    <el-dialog title="" :visible.sync="turnDownOpen" width="1000px" :close-on-click-modal="false" :show-close="false">
-      <el-form size="mini" label-position="right" ref="flow" :model="flow" :rules="flowRules" label-width="80px">
-        <el-form-item label="驳回原因" prop="result">
-          <el-input type="textarea" v-model="flow.result"></el-input>
+    </div>
+    <div class="app-container">
+      <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true">
+        <el-form-item label="员工" prop="staffName">
+          <el-input
+            v-model="queryParams.staffName"
+            clearable
+            @keyup.enter.native="btnSearch"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="btnSearch">搜索</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="btnResetQuery">重置</el-button>
         </el-form-item>
       </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="mini" @click="btnTurnDownClose">取 消</el-button>
-        <el-button size="mini" type="primary" @click="btnTurnDownConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-
+      <div style="float:right">
+      </div>
+      <el-table size="mini" height="500px" v-loading="loading" :data="listData">
+        <el-table-column label="编号" align="center" prop="id" />
+        <el-table-column label="员工姓名" align="center" prop="staffName" />
+        <el-table-column label="评估周期" align="center" prop="name" />
+        <el-table-column label="月度" align="center" prop="month" />
+        <el-table-column label="自评分" align="center" prop="saMark" />
+        <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-search"
+              @click="btnPmVerify(scope.row)"
+            >待评分</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="paginationClass">
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-import { getPerformance,superiorevaluation,savePerformance} from "@/api/business/ehr/pm/performance";
-import { getFlow} from "@/api/business/ehr/pm/flow";
+import { listPerformance} from "@/api/business/ehr/pm/pmmark";
 
 export default {
-  name: "verify",
-  dicts: ['ehr_pm_aspect','ehr_pm_role'],
+  name: "PmMark",
+  dicts: ['ehr_pm_status'],
   data() {
     return {
-      //遮罩层
+      // 遮罩层
       loading: true,
-      //表单
-      form:{},
-      //流程数据
-      flow:{},
-      //流程数据规则
-      flowRules:{
-        result: [
-          { required: true, message: "驳回原因不能为空", trigger: "blur" },
-        ],
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      listData: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sourceId: null,
+        staffName: null,
       },
-      //是否展开
-      isUnfold:false,
-      //是否显驳回弹出层
-      turnDownOpen:false,
+      //详情id
+      rowId: '',
     };
   },
   created() {
-    console.log("this.$route.query.code",this.$route.query.code);
-    console.log("this.$route.query.performanceId",this.$route.query.performanceId);
-    console.log("this.$route.query.flowId",this.$route.query.flowId);
-    this.fetchPerformance(this.$route.query.performanceId);
-    this.fetchFlow(this.$route.query.flowId);
+    this.getList();
   },
   methods: {
-    //查询详情
-    async fetchPerformance(id){
+    /** 查询绩效列表 */
+    getList() {
       this.loading = true;
-      await getPerformance(id).then(res => {
-        if (res.code === 200) {
-          this.form = res.data;
-          this.id = res.data.id;
-         }
-         this.loading = false;
-      })
-    },
-    //查询流程详情
-    async fetchFlow(id){
-      this.loading = true;
-      await getFlow(id).then(res => {
-        if (res.code === 200) {
-          this.flow = res.data;
-         }
-         this.loading = false;
-      })
+      listPerformance(this.queryParams).then(response => {
+        this.listData = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
     },
-    //展开/收起
-    btnUnfold(){
-      this.isUnfold = !this.isUnfold;
+    /** 搜索按钮操作 */
+    btnSearch() {
+      this.queryParams.pageNum = 1;
+      this.getList();
     },
-    //合计
-    getSummaries(param){
-      const { columns, data } = param;
-      let val = data.reduce((sum, e) => sum + Number(e.weight || 0), 0);
-      this.weightSum = val;
-      return ['合计','','','',val];
+    /** 重置按钮操作 */
+    btnResetQuery() {
+      this.resetForm("queryForm");
+      this.btnSearch();
     },
-    //驳回
-    btnTurnDown(){
-      this.turnDownOpen = true;
+    /** 刷新 */
+    refresh(){
+      this.resetForm("queryForm");
+      this.getList();
     },
-    //驳回取消
-    btnTurnDownClose(){
-      this.turnDownOpen = false;
+    //调整分数
+    async btnPmVerify(row){
+      console.log('row',row);
+      this.$router.push({ name: 'PmMarkDetail', query: { performanceId: row.id,flowId: row.flowId } });
     },
-    //驳回确认
-    btnTurnDownConfirm(){
-      this.$refs["flow"].validate(valid => {
-        if (valid) {
-          this.btnverify(1);
-          this.turnDownOpen = false;
-        }
-      });
+    //返回
+    btnBack(){
+      this.$router.back();
     },
-    //评写完成
-    async btnverify(val){
-      if(val == 2){
-        let v = false;
-        this.form.performanceItem.forEach((item) => {
-          if(!item.leaderScoring || !item.leaderComment){
-            v = true;
-          }
-        });
-        if(v){
-          this.$modal.msgWarning("请评分后再提交！");
-          return;
-        }
-        if(!this.form.comment){
-          this.$modal.msgWarning("请填写评语再提交！");
-          return;
-        }
-      }
-      //保存绩效数据
-      let r = await savePerformance(this.form);
-      console.log("r",r);
-      this.flow.status = val;
-      await superiorevaluation(this.flow).then(res => {
-        if (res.code === 200) {
-          this.fetchPerformance(this.$route.query.performanceId);
-          this.fetchFlow(this.$route.query.flowId);
-          this.$modal.msgSuccess("已确认");
-        }
-        this.loading = false;
-      })
-    }
   }
 };
 </script>
 
 <style lang="scss" scoped>
+.btn_grooup {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+.paginationClass {
+  z-index: 500;
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  width: 100%;
+  line-height: var(--footer-height);
+  color: #fff;
+}
 </style>

src/views/business/ehr/pm/performance/detail.vue

@@ -26,11 +26,15 @@
           <el-descriptions-item label="评估人">{{form.evaluatorName}}</el-descriptions-item>
           <el-descriptions-item label="所属分组">{{form.deadlineTime}}</el-descriptions-item>
         </el-descriptions>
+        <el-descriptions :column="6 ">
+          <el-descriptions-item label="自评分" v-if="form.status > 3">{{form.saMark}}</el-descriptions-item>
+          <el-descriptions-item label="上级评分" v-if="form.status > 4">{{form.ldMark}}</el-descriptions-item>
+        </el-descriptions>
         <el-descriptions v-if="form.status > 3">
           <el-descriptions-item label="个人总结">{{form.summary}}</el-descriptions-item>
         </el-descriptions>
         <div v-if="this.$store.state.user.name == form.staff && form.status == '3'">
-          个人总结<el-input type="textarea" v-model="form.summary"></el-input>
+          个人总结*<el-input type="textarea" v-model="form.summary"></el-input>
         </div>
         <el-descriptions v-if="form.status > 4">
           <el-descriptions-item label="评语">{{form.comment}}</el-descriptions-item>
@@ -66,7 +70,7 @@
 
           <el-table-column width="80" label="自评分" align="center" prop="selfScoring" v-if="form.status > 3"/>
           <el-table-column :show-overflow-tooltip="!isUnfold" label="自评语" align="center" prop="selfComment" v-if="form.status > 3"/>
-          <el-table-column width="80" label="自评分" align="center" prop="selfScoring" v-if="this.$store.state.user.name == form.staff && form.status == '3'">
+          <el-table-column width="80" label="自评分*" align="center" prop="selfScoring" v-if="this.$store.state.user.name == form.staff && form.status == '3'">
             <template slot-scope="scope">
               <el-input 
                 size="mini" 
@@ -79,7 +83,7 @@
               </el-input>
             </template>
           </el-table-column>
-          <el-table-column :show-overflow-tooltip="!isUnfold" label="自评语" align="center" prop="selfComment" v-if="this.$store.state.user.name == form.staff && form.status == '3'">
+          <el-table-column :show-overflow-tooltip="!isUnfold" label="自评语*" align="center" prop="selfComment" v-if="this.$store.state.user.name == form.staff && form.status == '3'">
             <template slot-scope="scope">
               <el-input size="mini" type="textarea" :rows="3" v-model="scope.row.selfComment"></el-input>
             </template>
@@ -347,7 +351,7 @@ export default {
           }
         });
         if(v){
-          this.$modal.msgWarning("请自评后再提交！");
+          this.$modal.msgWarning("请填写自评分、自评语后再提交！");
           return;
         }
         if(!this.form.summary){

src/views/business/ehr/pm/performance/index.vue

@@ -28,6 +28,13 @@
           <el-date-picker type="month" value-format="yyyy-MM" v-model="queryParams.month">
           </el-date-picker>
         </el-form-item>
+        <el-form-item label="评估人" prop="evaluatorName">
+          <el-input
+            v-model="queryParams.evaluatorName"
+            clearable
+            @keyup.enter.native="btnSearch"
+          />
+        </el-form-item>
         <el-form-item label="只看自己的">
           <el-checkbox v-model="queryParams.params.oneself" @change="btnOneself"></el-checkbox>
         </el-form-item>
@@ -37,8 +44,12 @@
         </el-form-item>
       </el-form>
       <div style="float:right">
-        <!-- <el-button type="primary" size="mini" >待确认</el-button>
-        <el-button type="primary" size="mini" >待评分</el-button> -->
+        <el-badge :value="verifyCount" class="item" style="margin: 0 10px" v-if="verifyCount > 0">
+          <el-button type="primary" size="mini" @click="btnPmVerify">待确认</el-button>
+        </el-badge>
+        <el-badge :value="markCount" class="item" style="margin: 0 10px"  v-if="markCount > 0">
+          <el-button type="primary" size="mini" @click="btnPmMark">待评分</el-button>
+        </el-badge>
         <el-button type="primary" size="mini" @click="btnGradeAdjust" v-if="adjustCount > 0">等级调整({{adjustCount}})</el-button>
         <el-button type="primary" size="mini" @click="btnCurrentMonth">本月绩效</el-button>
         <el-button type="primary" size="mini" @click="btnNextMonth">下月绩效</el-button>
@@ -46,11 +57,12 @@
       <el-table size="mini" height="500px" v-loading="loading" :data="listData" @row-dblclick="btnDetails">
         <el-table-column label="编号" align="center" prop="id" />
         <el-table-column label="员工姓名" align="center" prop="staffName" />
-        <el-table-column label="评估周期" align="center" prop="name" />
+        <el-table-column show-overflow-tooltip label="评估周期" align="center" prop="name" />
         <el-table-column label="月度" align="center" prop="month" />
-        <el-table-column label="权重" align="center" prop="weight" />
         <el-table-column label="自评分" align="center" prop="saMark" />
         <el-table-column label="上级评分" align="center" prop="ldMark" />
+        <el-table-column label="调整分" align="center" prop="ajMark" />
+        <el-table-column label="调整分等级" align="center" prop="ajGrade" />
         <el-table-column label="等级" align="center" prop="grade" />
         <el-table-column label="绩效系数" align="center" prop="coefficient" />
         <el-table-column label="状态" align="center" prop="status" >
@@ -103,7 +115,9 @@
 <script>
 import detail from './detail.vue'
 import { listPerformance,getCurrentMonthId,getNextMonthId} from "@/api/business/ehr/pm/performance";
-import { count} from "@/api/business/ehr/pm/gradeadjust";
+import { getGradeAdjustConut} from "@/api/business/ehr/pm/gradeadjust";
+import { getPmVerifyConut} from "@/api/business/ehr/pm/pmverify";
+import { getPmMarkConut} from "@/api/business/ehr/pm/pmmark";
 import { listStage} from "@/api/business/ehr/pm/stage";
 
 export default {
@@ -183,12 +197,23 @@ export default {
       //等级调整周期列表查询条件
       stageListQueryParams:{
         isAdjust:"Y"
-      }
+      },
+      //待确认数量
+      verifyCount: null,
+      //待评分数量
+      markCount: null,
     };
   },
   async created() {
-    let res = await count();
+    //查询等级调整数量
+    let res = await getGradeAdjustConut();
     this.adjustCount = res.row;
+    //查询待确认数量
+    res = await getPmVerifyConut();
+    this.verifyCount = res.row;
+    //查询待评分数量
+    res = await getPmMarkConut();
+    this.markCount = res.row;
     //数据权限配置
     this.queryParams.params = {dataPermission:"Y"};
     this.getList();
@@ -273,6 +298,14 @@ export default {
     btnEntryAdjust(row){
       this.$router.push({ name: 'AdjustGrade', params: { id: row.id,gradeconfigId: row.gradeconfigId } });
     },
+    //待确认
+    btnPmVerify(){
+      this.$router.push({name:'PmVerify'});
+    },
+    //待评分
+    btnPmMark(){
+      this.$router.push({name:'PmMark'});
+    }
   }
 };
 </script>

src/views/business/ehr/pm/verify/index.vue

@@ -1,172 +1,137 @@
 <template>
   <div>
-    <el-card v-if="flow.staff == this.$store.state.user.name">
-      <div slot="header" class="clearfix">
-        <span style="font-weight:bold">绩效考核表</span>
-        <div style="float: right; padding: 3px 0" type="text" v-if="flow.status == 0">
-          <el-button size="mini" plain @click="btnTurnDown(1)">驳回</el-button>
-          <el-button size="mini" type="primary" plain @click="btnverify(2)">通过</el-button>
-        </div>
+    <div slot="header" class="clearfix">
+      <span style="font-weight:bold">绩效确认</span>
+      <div style="float: right; padding: 3px 0" type="text">
+        <el-button size="mini" plain @click="btnBack">返回</el-button>
       </div>
-      <div v-loading="loading">
-        <el-descriptions :column="6 ">
-          <el-descriptions-item label="员工编号">{{form.staff}}</el-descriptions-item>
-          <el-descriptions-item label="员工姓名">{{form.staffName}}</el-descriptions-item>
-          <el-descriptions-item label="入职日期">{{form.dateJoin}}</el-descriptions-item>
-          <el-descriptions-item label="转正日期">{{form.probationComplete}}</el-descriptions-item>
-          <el-descriptions-item label="一级部门">{{form.oneDeptName}}</el-descriptions-item>
-          <el-descriptions-item label="二级部门">{{form.twoDeptName}}</el-descriptions-item>
-          <el-descriptions-item label="三级部门">{{form.threeDeptName}}</el-descriptions-item>
-          <el-descriptions-item label="职位">{{form.jobName}}</el-descriptions-item>
-          <el-descriptions-item label="评估周期">{{form.name}}</el-descriptions-item>
-          <el-descriptions-item label="评估人">{{form.evaluatorName}}</el-descriptions-item>
-          <el-descriptions-item label="所属分组">{{form.deadlineTime}}</el-descriptions-item>
-        </el-descriptions>
-        <!-- <div style="float:right">
-          <el-button size="mini" @click="btnUnfold">{{isUnfold == true ? "收起" : "展开"}}</el-button>
-        </div> -->
-        <el-table size="mini"  :data="form.performanceItem" show-summary :summary-method="getSummaries">
-          <el-table-column width="100" :show-overflow-tooltip="!isUnfold" label="评估方面" align="center" prop="aspect">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.ehr_pm_aspect" :value="scope.row.aspect"/>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" :show-overflow-tooltip="!isUnfold" label="评估指标" align="center" prop="target" />
-          <el-table-column :show-overflow-tooltip="!isUnfold" label="评估说明" align="center" prop="instructions">
-            <template slot-scope="scope">
-              <div style="white-space: pre-wrap;text-align: left">{{scope.row.instructions}}</div>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" label="角色" align="center" prop="role">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.ehr_pm_role" :value="scope.row.role"/>
-            </template>
-          </el-table-column>
-          <el-table-column width="80" label="权重" align="center" prop="weight"/>
-          <el-table-column :show-overflow-tooltip="!isUnfold" label="绩效标准" align="center" prop="standard">
-            <template slot-scope="scope">
-              <div style="white-space: pre-wrap;text-align: left">{{scope.row.standard}}</div>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" label="数据来源" align="center" prop="source" />
-        </el-table>
-      </div>
-    </el-card>
-
-    <el-dialog title="" :visible.sync="turnDownOpen" width="1000px" :close-on-click-modal="false" :show-close="false">
-      <el-form size="mini" label-position="right" ref="flow" :model="flow" :rules="flowRules" label-width="80px">
-        <el-form-item label="驳回原因" prop="result">
-          <el-input type="textarea" v-model="flow.result"></el-input>
+    </div>
+    <div class="app-container">
+      <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true">
+        <el-form-item label="员工" prop="staffName">
+          <el-input
+            v-model="queryParams.staffName"
+            clearable
+            @keyup.enter.native="btnSearch"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="btnSearch">搜索</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="btnResetQuery">重置</el-button>
         </el-form-item>
       </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="mini" @click="btnTurnDownClose">取 消</el-button>
-        <el-button size="mini" type="primary" @click="btnTurnDownConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-
+      <div style="float:right">
+      </div>
+      <el-table size="mini" height="500px" v-loading="loading" :data="listData">
+        <el-table-column label="编号" align="center" prop="id" />
+        <el-table-column label="员工姓名" align="center" prop="staffName" />
+        <el-table-column label="评估周期" align="center" prop="name" />
+        <el-table-column label="月度" align="center" prop="month" />
+        <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-search"
+              @click="btnPmVerify(scope.row)"
+            >待确认</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="paginationClass">
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-import { getPerformance,verify} from "@/api/business/ehr/pm/performance";
-import { getFlow} from "@/api/business/ehr/pm/flow";
+import { listPerformance} from "@/api/business/ehr/pm/pmverify";
 
 export default {
-  name: "verify",
-  dicts: ['ehr_pm_aspect','ehr_pm_role'],
+  name: "PmVerify",
+  dicts: ['ehr_pm_status'],
   data() {
     return {
-      //遮罩层
+      // 遮罩层
       loading: true,
-      //表单
-      form:{},
-      //流程数据
-      flow:{},
-      //流程数据规则
-      flowRules:{
-        result: [
-          { required: true, message: "驳回原因不能为空", trigger: "blur" },
-        ],
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      listData: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sourceId: null,
+        staffName: null,
       },
-      //是否展开
-      isUnfold:false,
-      //是否显驳回弹出层
-      turnDownOpen:false,
+      //详情id
+      rowId: '',
     };
   },
   created() {
-    this.fetchPerformance(this.$route.query.performanceId);
-    this.fetchFlow(this.$route.query.flowId);
+    this.getList();
   },
   methods: {
-    //查询详情
-    async fetchPerformance(id){
+    /** 查询绩效列表 */
+    getList() {
       this.loading = true;
-      await getPerformance(id).then(res => {
-        if (res.code === 200) {
-          this.form = res.data;
-          this.id = res.data.id;
-         }
-         this.loading = false;
-      })
-    },
-    //查询流程详情
-    async fetchFlow(id){
-      this.loading = true;
-      await getFlow(id).then(res => {
-        if (res.code === 200) {
-          this.flow = res.data;
-         }
-         this.loading = false;
-      })
-    },
-    //展开/收起
-    btnUnfold(){
-      this.isUnfold = !this.isUnfold;
+      listPerformance(this.queryParams).then(response => {
+        this.listData = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
     },
-    //合计
-    getSummaries(param){
-      const { columns, data } = param;
-      let val = data.reduce((sum, e) => sum + Number(e.weight || 0), 0);
-      this.weightSum = val;
-      return ['合计','','','',val];
+    /** 搜索按钮操作 */
+    btnSearch() {
+      this.queryParams.pageNum = 1;
+      this.getList();
     },
-    //驳回
-    btnTurnDown(){
-      this.turnDownOpen = true;
+    /** 重置按钮操作 */
+    btnResetQuery() {
+      this.resetForm("queryForm");
+      this.btnSearch();
     },
-    //驳回取消
-    btnTurnDownClose(){
-      this.turnDownOpen = false;
+    /** 刷新 */
+    refresh(){
+      this.resetForm("queryForm");
+      this.getList();
     },
-    //驳回确认
-    btnTurnDownConfirm(){
-      this.$refs["flow"].validate(valid => {
-        if (valid) {
-          this.btnverify(1);
-          this.turnDownOpen = false;
-        }
-      });
+    //调整分数
+    async btnPmVerify(row){
+      console.log('row',row);
+      this.$router.push({ name: 'PmVerifyDetail', query: { performanceId: row.id,flowId: row.flowId } });
     },
-    //绩效确认
-    async btnverify(val){
-      this.flow.status = val;
-      if(this.flow.status == 2){
-        this.flow.result = "同意";
-      }
-      await verify(this.flow).then(res => {
-        if (res.code === 200) {
-          this.fetchPerformance(this.$route.query.performanceId);
-          this.fetchFlow(this.$route.query.flowId);
-          this.$modal.msgSuccess("已确认");
-        }
-        this.loading = false;
-      })
+    //返回
+    btnBack(){
+      this.$router.back();
     },
   }
 };
 </script>
 
 <style lang="scss" scoped>
+.btn_grooup {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+.paginationClass {
+  z-index: 500;
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  width: 100%;
+  line-height: var(--footer-height);
+  color: #fff;
+}
 </style>