From 651d0957df5cd612454987ee9f078c7dbc4113be Mon Sep 17 00:00:00 2001
From: leave <>
Date: Tue, 3 Nov 2020 20:37:27 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=9B=B4=E5=A4=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 src/components/EvaluationTeamFilter/index.vue |  36 +-
 src/components/getPersonnel/index.vue         | 246 ++++++-----
 src/components/popupMange/index.vue           |  17 +-
 src/components/popupPerson/index.vue          | 418 ++++++++++++++----
 src/style/common.less                         |   4 +
 src/views/kpi/assessment/stepList/index.vue   |   1 +
 .../workbench/initiateAssessment/index.vue    |   4 +-
 src/views/kpi/workbench/todo/index.vue        |   5 +-
 9 files changed, 522 insertions(+), 211 deletions(-)

diff --git a/package.json b/package.json
index b4953d1..7a2ecfe 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,9 @@
     "less": "^3.8.1",
     "less-loader": "^4.1.0",
     "svg-sprite-loader": "^5.0.0",
+    "vconsole": "^3.3.4",
     "vue": "^2.5.2",
+    "vue-cookie": "^1.1.4",
     "vue-router": "^3.0.1",
     "vuedraggable": "^2.24.2",
     "vuex": "^3.5.1"
diff --git a/src/components/EvaluationTeamFilter/index.vue b/src/components/EvaluationTeamFilter/index.vue
index e8483de..29769de 100644
--- a/src/components/EvaluationTeamFilter/index.vue
+++ b/src/components/EvaluationTeamFilter/index.vue
@@ -57,7 +57,7 @@
           class="team-filter-content-right"
         >
           <div class="team-filter-content-right-header">
-            <div>已选择：{{seleactedList.length}}个</div>
+            <div>已选择：{{selectedList.length}}个</div>
             <el-button
               type="text"
               @click="handleClear"
@@ -65,10 +65,10 @@
             >清空选择</el-button>
           </div>
           <el-table
-            :data="seleactedList"
+            :data="selectedList"
             :show-header="false"
             max-height="394"
-            v-if="seleactedList.length>0"
+            v-if="selectedList.length>0"
           >
             <el-table-column
               type="selection"
@@ -129,7 +129,7 @@ export default {
     return {
       searchName: '',
       tableList: [],
-      seleactedList: [],
+      selectedList: [],
       pageInfo: {
         currPage: 1,
         pageSize: 500,
@@ -161,6 +161,9 @@ export default {
   methods: {
     handleDataList () {
       apiGetEvaluationTeamList(Object.assign({}, this.pageInfo, this.filtersDic)).then(res => {
+        if (res.code !== 200) {
+          return
+        }
         this.pageInfo.currPage = res.data.currPage
         this.pageInfo.totalCount = res.data.totalCount
         this.pageInfo.totalPage = res.data.totalPage
@@ -173,7 +176,6 @@ export default {
             }
           })
         })
-        // this.$ref.refChooseTable.toggleRowSelection()
       })
     },
     handleSearchChange () {
@@ -187,7 +189,7 @@ export default {
     handleCancel () {
       this.handleClear()
       this.tableList = []
-      this.seleactedList = []
+      this.selectedList = []
       this.pageInfo = {
         currPage: 1,
         pageSize: 1,
@@ -198,31 +200,37 @@ export default {
     },
     handleSubmit () {
       const obj = {
-        value: '',
-        title: ''
+        value: '', // 考评组 ids 逗号隔开
+        title: '', // 名称拼接
+        sumCounts: 0, // 选中考评组总人数
+        selectedList: []// 考评组名称
       }
-      this.seleactedList.sort((a, b) => a.id - b.id).map(i => {
+      this.selectedList.sort((a, b) => a.id - b.id).map(i => {
         obj.value += i.id + ','
       })
       obj.value = obj.value.substring(obj.value.length - 1, 0)
-      obj.title = this.seleactedList.length > 0 ? (this.seleactedList[0].name + '等' + this.seleactedList.length + '个考评组') : ''
+      obj.title = this.selectedList.length > 0 ? (this.selectedList[0].name + '等' + this.selectedList.length + '个考评组') : ''
+      this.selectedList.forEach(element => {
+        obj.sumCounts += element.counts
+      })
+      obj.selectedList = this.selectedList
       this.$emit('submitClick', obj)
     },
     handleSelectionChange (val) {
-      this.seleactedList = val
+      this.selectedList = val
     },
     handleCurrentChange (val) {
       this.pageInfo.currPage = val
       this.handleDataList()
     },
     handleClear () {
-      if (this.seleactedList.length) {
+      if (this.selectedList.length) {
         this.$refs.refChooseTable.clearSelection()
-        this.seleactedList = []
+        this.selectedList = []
       }
     },
     handleDelete (item, index) {
-      this.seleactedList.splice(index, 1)
+      this.selectedList.splice(index, 1)
       this.$refs.refChooseTable.toggleRowSelection(item, false)
     }
   }
diff --git a/src/components/getPersonnel/index.vue b/src/components/getPersonnel/index.vue
index 85bb921..ee7358a 100644
--- a/src/components/getPersonnel/index.vue
+++ b/src/components/getPersonnel/index.vue
@@ -1,68 +1,113 @@
 <!--  -->
 <template>
-    <div>
-        <el-dialog
-          :title="title"
-          append-to-body
-          :visible.sync="show"
-          @close='close'
-          width="800px"
-          center>
-          <div class="popup">
-              <div class="popup-item boderAndRadius">
-                <div class="popup-item-title">
-                  <span
-                    v-for="(i,index) in titleList"
-                    style="cursor: pointer;"
-                    :key="i.departmentId"
-                    :class="{isActiveTitle:index+1<titleList.length}"
-                    @click="handleChangeTtitle(i)"
-                    >
-                      {{i.departmentName}}
-                      <span v-if="index+1<titleList.length">></span>
-                    </span>
-                </div>
-                <div class="popup-item-content">
-                  <div class="popup-item-content-item">
-                    <div class="content">
-                      <el-checkbox :value ='isAll' @change="handleChangChoose($event)">全选</el-checkbox>
-                    </div>
-                  </div>
-                  <div v-for="(i) in showData" :key="i.departmentId" class="popup-item-content-item borderItem">
-                     <div class="content"><el-checkbox :value ='handleCheck(i)' @change='handleChangChoose($event,i)' >{{i.departmentName}}</el-checkbox></div>
-                     <div class="popup-item-content-item-next" :class="{isHasActive:handleCheck(i)|| (!i.list && !i.staffDtos)}" @click='handleNext(i)'>下级</div>
-                  </div>
-                  <div class="popup-item-content-item borderItem" v-for="i in staffDtos" :key="i.staffId" @click='handleChangChooseRenyuan(i)'>
-                    <div class="popup-item-content-item-img">
-                      <img src="@/assets/workbench/touxinag.jpg" alt="">
-                       <i v-if="handleCheck(i)" class="el-icon-check"></i>
-                    </div>
-                    <div > {{i.name}}</div>
-                  </div>
-                </div>
-              </div>
-              <div class="popup-item  boderAndRadius">
-                <div class="popup-item-right">
-                  <el-tag
-                    v-for="tag in tags"
-                    :key="tag.departmentName"
-                    @close="handleClose(tag)"
-                    closable>
-                    {{tag.departmentName || tag.name}}
-                  </el-tag>
-                  <div class="commonFont noChoose" v-if="tags.length===0">
-                    暂无选择
-                  </div>
-                </div>
-              </div>
+  <div>
+    <el-dialog
+      :title="title"
+      append-to-body
+      :visible.sync="show"
+      @close='close'
+      width="800px"
+      center
+    >
+      <div class="popup">
+        <div class="popup-item boderAndRadius">
+          <div class="popup-item-title">
+            <span
+              v-for="(i,index) in titleList"
+              style="cursor: pointer;"
+              :key="i.departmentId"
+              :class="{isActiveTitle:index+1<titleList.length}"
+              @click="handleChangeTtitle(i)"
+            >
+              {{i.departmentName}}
+              <span v-if="index+1<titleList.length">></span>
+            </span>
           </div>
-          <span slot="footer" class="dialog-footer">
-            <el-button size="mini" @click="handleCancel">取 消</el-button>
-            <el-button size="mini" @click="tags=[]">清空全部</el-button>
-            <el-button size="mini" type="primary" @click="centerDialogVisible">确 定</el-button>
-          </span>
-        </el-dialog>
-    </div>
+          <div class="popup-item-content">
+            <div class="popup-item-content-item">
+              <div class="content">
+                <el-checkbox
+                  :value='isAll'
+                  @change="handleChangChoose($event)"
+                >全选</el-checkbox>
+              </div>
+            </div>
+            <div
+              v-for="(i) in showData"
+              :key="i.departmentId"
+              class="popup-item-content-item borderItem"
+            >
+              <div class="content">
+                <el-checkbox
+                  :value='handleCheck(i)'
+                  @change='handleChangChoose($event,i)'
+                >{{i.departmentName}}</el-checkbox>
+              </div>
+              <div
+                class="popup-item-content-item-next"
+                :class="{isHasActive:handleCheck(i)|| (!i.list && !i.staffDtos)}"
+                @click='handleNext(i)'
+              >下级</div>
+            </div>
+            <div
+              class="popup-item-content-item borderItem"
+              v-for="i in staffDtos"
+              :key="i.staffId"
+              @click='handleChangChooseRenyuan(i)'
+            >
+              <div class="popup-item-content-item-img">
+                <img
+                  src="@/assets/workbench/touxinag.jpg"
+                  alt=""
+                >
+                <i
+                  v-if="handleCheck(i)"
+                  class="el-icon-check"
+                ></i>
+              </div>
+              <div> {{i.name}}</div>
+            </div>
+          </div>
+        </div>
+        <div class="popup-item  boderAndRadius">
+          <div class="popup-item-right">
+            <el-tag
+              v-for="tag in tags"
+              :key="tag.departmentName"
+              @close="handleClose(tag)"
+              closable
+            >
+              {{tag.departmentName || tag.name}}
+            </el-tag>
+            <div
+              class="commonFont noChoose"
+              v-if="tags.length===0"
+            >
+              暂无选择
+            </div>
+          </div>
+        </div>
+      </div>
+      <span
+        slot="footer"
+        class="dialog-footer"
+      >
+        <el-button
+          size="mini"
+          @click="handleCancel"
+        >取 消</el-button>
+        <el-button
+          size="mini"
+          @click="tags=[]"
+        >清空全部</el-button>
+        <el-button
+          size="mini"
+          type="primary"
+          @click="centerDialogVisible"
+        >确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -112,7 +157,7 @@ export default {
       return this.staffDtos.every(i => this.tags.some(j => i.departmentId === j.departmentId)) && this.showData.every(i => this.tags.some(j => i.departmentId === j.departmentId))
     }
   },
-  beforeMount () {},
+  beforeMount () { },
   mounted () {
     this.data = this.deplist
     this.tags = this.showDataList.list.concat([]) || []
@@ -265,56 +310,56 @@ export default {
 
 </script>
 <style lang="less" scoped>
-.noChoose{
+.noChoose {
   width: 100%;
   height: 200px;
   .center();
 }
-.popup{
+.popup {
   min-height: 100px;
   display: flex;
   justify-content: space-between;
-  &-item{
+  &-item {
     width: 48%;
     box-sizing: border-box;
     overflow: auto;
     padding: 10px 0;
-    &-right{
-          padding: 10px !important;
-          height: 500px;
-          box-sizing: border-box;
-          overflow: auto;
-          .el-tag{
-            margin: 5px 6px;
-          }
+    &-right {
+      padding: 10px !important;
+      height: 500px;
+      box-sizing: border-box;
+      overflow: auto;
+      .el-tag {
+        margin: 5px 6px;
+      }
     }
-    .isActiveTitle{
+    .isActiveTitle {
       color: @fontBlue;
     }
-    &-title{
-      color:#9b9b9b;
+    &-title {
+      color: #9b9b9b;
       padding-bottom: 4px;
       border-bottom: 1px solid @borderColor;
       padding: 10px;
     }
-    &-content{
+    &-content {
       height: 400px;
       overflow: auto;
-      .borderItem{
+      .borderItem {
         border-top: 1px solid @borderColor;
       }
-      &-item:nth-last-child(1){
+      &-item:nth-last-child(1) {
         border-bottom: 1px solid @borderColor;
       }
-      &-item{
-        &-img{
-          margin:0 10px;
+      &-item {
+        &-img {
+          margin: 0 10px;
           width: 26px;
           height: 26px;
           border-radius: 50%;
           overflow: hidden;
           position: relative;
-          i{
+          i {
             position: absolute;
             top: 0;
             bottom: 0;
@@ -325,7 +370,7 @@ export default {
             font-size: 26px;
             color: @fontBlue;
           }
-          img{
+          img {
             width: 100%;
             height: 100%;
           }
@@ -335,51 +380,50 @@ export default {
         box-sizing: border-box;
         display: flex;
         align-items: center;
-        .isHasActive{
+        .isHasActive {
           color: rgba(196, 196, 196, 0.933) !important;
-          border-left: 1px solid  rgba(196, 196, 196, 0.933) !important;
+          border-left: 1px solid rgba(196, 196, 196, 0.933) !important;
         }
-        .content{
+        .content {
           flex: 1;
-          padding:0 10px;
+          padding: 0 10px;
           height: 100%;
         }
-        .content:hover{
-           background: rgb(238, 238, 238);
+        .content:hover {
+          background: rgb(238, 238, 238);
         }
-        &-next{
-          padding:0 10px;
+        &-next {
+          padding: 0 10px;
           border-left: 1px solid @fontBlue;
           color: @fontBlue;
           height: 20px;
           cursor: pointer;
         }
-        .el-checkbox{
+        .el-checkbox {
           width: 100%;
           height: 100%;
           display: flex;
           align-items: center;
-          }
-
+        }
       }
     }
   }
 }
 </style>
 <style lang='less'>
-.el-dialog{
+.el-dialog {
   border-radius: 6px;
 }
-.el-dialog__header{
+.el-dialog__header {
   border-bottom: 1px solid @borderColor;
 }
-.el-dialog__footer{
+.el-dialog__footer {
   border-top: 1px solid @borderColor;
 }
-.el-dialog__title{
+.el-dialog__title {
   font-size: 14px;
 }
-.dialog-footer{
+.dialog-footer {
   display: flex;
   justify-content: flex-end;
 }
diff --git a/src/components/popupMange/index.vue b/src/components/popupMange/index.vue
index 32364f4..895af8f 100644
--- a/src/components/popupMange/index.vue
+++ b/src/components/popupMange/index.vue
@@ -85,7 +85,11 @@
       </div> -->
       </div>
     </popup-right>
-    <popupRemovePerson :showPopup.sync='showPerson' />
+    <popupRemovePerson
+      :showPopup.sync='showPerson'
+      :startId='startId'
+      @cb="handlePopupRemoveList"
+    />
   </div>
 
 </template>
@@ -105,7 +109,8 @@ export default {
     popupRightTitle: {
       type: String,
       default: '选择'
-    }
+    },
+    startId: null
   },
   data () {
     return {
@@ -119,7 +124,8 @@ export default {
     popupRemovePerson
   },
   watch: {
-
+    'showPopup': function (newVal) {
+    }
   },
   methods: {
     hundlePopupHide () {
@@ -131,7 +137,12 @@ export default {
     handleAdd () { },
     handleDelete () {
       this.showPerson = true
+    },
+    handlePopupRemoveList () {
+      console.log('要删除的人员')
+      this.$emit('update:showPopup', false)
     }
+
     // handlePermissionsRadio () {
     //   this.permissionsPrompt = this.permissionsRadio === '0' ? '被考核人的目标完成确认后，管理员和部门主管都可以调整目标' : '被考核人的目标完成确认后，只有管理员可以调整目标'
     // }
diff --git a/src/components/popupPerson/index.vue b/src/components/popupPerson/index.vue
index a9e27aa..c8fd46e 100644
--- a/src/components/popupPerson/index.vue
+++ b/src/components/popupPerson/index.vue
@@ -1,86 +1,148 @@
 <template>
-  <popup-right
-    v-if="showPopup"
-    @cancel="hundlePopupHide"
-    @submit="handleSubmitPopup"
-    :title="title"
-    class="popup"
-  >
-    <div slot="content">
-      <div class="line-space ">
-        <div class="line-space ">
-          <el-input
-            v-model="rqAssessmentParameter.searchName"
-            @change="handlePopupSearchChange"
-            prefix-icon="el-icon-search"
-            placeholder="按姓名搜索"
-            size="small"
-          ></el-input>
+  <div>
+    <popup-right
+      v-if="showPopup"
+      @cancel="hundlePopupHide"
+      @submit="handleSubmitPopup"
+      :title="title"
+      class="popup"
+    >
+      <div slot="content">
+        <div class="line-space  commonFont">
+          <div class="line-space ">
+            <el-input
+              v-model="rqAssessmentParameter.searchName"
+              @change="handlePopupSearchChange"
+              prefix-icon="el-icon-search"
+              placeholder="按姓名搜索"
+              size="small"
+            ></el-input>
+          </div>
+          <div >
+            <el-button
+              @click="handleChooseDepartment"
+              size="small"
+            >{{deptFilterData.deptNames}}<i class="el-icon-arrow-down"></i></el-button>
+            <el-button
+              @click="handleChooseGroup"
+              size="small"
+            >{{groupFilterData.groupNames}}<i class="el-icon-arrow-down"></i></el-button>
+          </div>
+          <div
+            v-if="groupFilterData.selectedList.length>0|| deptFilterData.showDataList.list.length>0"
+            class="popup-tags "
+          >
+            <span>筛选条件:</span>
+            <el-tag
+              v-for="(item, index) in deptFilterData.showDataList.list"
+              :key="index+'dept'"
+              @close="handleTagDeptClose(item,index)"
+              closable
+            >{{ item.departmentName }}
+            </el-tag>
+            <el-tag
+              v-for="(item, index) in groupFilterData.selectedList"
+              :key="index+'group'"
+              effect="plain"
+              type="warning"
+              @close="handleTagGroupClose(item,index)"
+              closable
+            >{{ item.name }}
+            </el-tag>
+            <span>共筛选出<span class="comonBlue">{{deptFilterData.sumPerson + groupFilterData.sumPerson}}</span>人</span>
+          </div>
         </div>
-        <div>
-          <el-button
-            @click="handleChooseDepartment"
-            size="small"
-          >选择部门<i class="el-icon-arrow-down"></i></el-button>
-          <el-button
-            @click="handleChooseGroup"
-            size="small"
-          >选择考评组<i class="el-icon-arrow-down"></i></el-button>
+        <div class="popup-table">
+          <el-table
+            v-if="popupData.tableList.length"
+            ref="popupMultipleTable"
+            :data="popupData.tableList"
+            @selection-change="handleSelectionChange"
+            tooltip-effect="dark"
+            :row-key="handleGetRowKeys"
+          >
+            <el-table-column
+              type="selection"
+              width="40px"
+              :reserve-selection="true"
+            ></el-table-column>
+            <el-table-column
+              label="姓名"
+              width="55px"
+            ><template slot-scope="scope">
+                <img
+                  :src="scope.row.avatar"
+                  class="popup-table-img"
+                />
+              </template></el-table-column>
+            <el-table-column>
+              <template slot-scope="scope">
+                {{scope.row.staffName}}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div
+            v-else
+            class="popup-empty comonPromptFont"
+          >
+            <img
+              src=""
+              style="height: 150px; width: 150px;"
+            />
+            <div>暂无数据</div>
+          </div>
         </div>
+        <el-pagination
+          :hide-on-single-page="true"
+          :current-page.sync="rqAssessmentParameter.currPage"
+          :page-size="rqAssessmentParameter.pageSize"
+          :total="rqAssessmentParameter.totalCount"
+          :page-count="rqAssessmentParameter.totalPage"
+          @current-change="handleCurrentChange"
+          layout="total, prev, pager, next, jumper"
+        ></el-pagination>
+      </div>
+      <div
+        slot="footer-left"
+        class="popup-footer-left"
+      >已选择：{{popupData.selectedList.length}}个</div>
+    </popup-right>
 
+    <EvaluationTeamFilter
+      v-if="visibleGroupFilter"
+      :value='groupFilterData.evaluationIds'
+      :filtersDic="{startId: this.startId }"
+      :dialogVisible.sync='visibleGroupFilter'
+      @submitClick='handleTeamSubmit'
+      @close='visibleGroupFilter = false'
+    />
+
+    <dialog-depart
+      v-if="visibleDeptFilter"
+      :isShow.sync='visibleDeptFilter'
+      :showDataList.sync='deptFilterData.showDataList'
+      @cb="handleDeptSubmit"
+    />
+    <el-dialog title="删除确认" :visible.sync="visibleRemovePerson" width="440px">
+      <div class="commonFont line-space">确认将选中的{{popupData.selectedList.length}}人，从考核中删除，删除后，绩效考核数据将被清空，数据无法恢复，请确认是否删除</div>
+      <div class="commonFont line-space">请在下方输入框中输入<span style="color: red;">“删除”</span>二字，确认您已知晓删除将导致数据无法恢复</div>
+      <div><el-input v-model="removeConfirmInput" placeholder="请输入“删除二字”" size="small"></el-input></div>
+      <div slot="footer">
+        <el-button @click="visibleRemovePerson = false" size="small">取 消</el-button>
+        <el-button  @click="handleConfirmRemovePerson" type="primary"  size="small" :disabled="removeConfirmInput!=='删除'">确 定</el-button>
       </div>
-      <div class="popup-table">
-        <el-table
-          v-if="popupData.tableList.length"
-          ref="popupMultipleTable"
-          :data="popupData.tableList"
-          @selection-change="handleSelectionChange"
-          tooltip-effect="dark"
-          :row-key="handleGetRowKeys"
-        >
-          <el-table-column
-            type="selection"
-            width="40"
-            :reserve-selection="true"
-          ></el-table-column>
-          <el-table-column
-            label="姓名"
-            width="250"
-          ><template slot-scope="scope"><img
-                src="xx"
-                class="popup-table-img"
-              />{{scope.row.name}}</template></el-table-column>
-        </el-table>
-        <div
-          v-else
-          class="popup-empty comonPromptFont"
-        >
-          <img
-            src=""
-            style="height: 150px; width: 150px;"
-          />
-          <div>暂无数据</div>
-        </div>
-      </div>
-      <el-pagination
-        :hide-on-single-page="true"
-        :current-page.sync="rqAssessmentParameter.currPage"
-        :page-size="rqAssessmentParameter.pageSize"
-        :total="rqAssessmentParameter.totalCount"
-        :page-count="rqAssessmentParameter.totalPage"
-        @current-change="handleCurrentChange"
-        layout="total, prev, pager, next, jumper"
-      ></el-pagination>
-    </div>
-    <div
-      slot="footer-left"
-      class="popup-footer-left"
-    >已选择：{{popupData.selectedList.length}}个</div>
-  </popup-right>
+    </el-dialog>
+  </div>
+
 </template>
 
 <script>
 import PopupRight from '@/components/PopupRight'
+import EvaluationTeamFilter from '@/components/EvaluationTeamFilter'
+import dialogDepart from '@/components/getDepart'
+
+import { apiManagerDetail } from '@/api/assessment'
+
 export default {
   props: {
     title: {
@@ -90,10 +152,32 @@ export default {
     showPopup: {
       type: Boolean,
       default: false
-    }
+    },
+    startId: null
+
   },
   data () {
     return {
+      visibleRemovePerson: false, // 显示删除人员提示
+      removeConfirmInput: '', // 删除确认文案
+      visibleGroupFilter: false, // 考评组筛选
+      groupFilterData: {
+        groupNames: '选择考评组',
+        evaluationIds: '', // 选中值group
+        selectedList: [], //  选中考评组
+        sumPerson: 0 // 考评组  总人数
+      },
+      visibleDeptFilter: false, // 部门组筛选
+      deptFilterData: {
+        staffIds: '', // 人员id
+        deptNames: '选择部门',
+        showDataList: {
+          list: [],
+          title: '',
+          value: '' // 选中值部门ids
+        }, //  选中考评组
+        sumPerson: 0 // 考评部门  总人数
+      },
       popupData: {
         tableList: [],
         selectedList: []
@@ -103,62 +187,214 @@ export default {
         pageSize: 100,
         searchName: '',
         totalCount: 1,
-        totalPage: 1
+        totalPage: 1,
+        evaluationIds: '', // 考勤组ids
+        staffIds: '', // 部门 id串
+        startId: ''// 考核id
       }
     }
   },
   components: {
-    PopupRight
+    PopupRight,
+    dialogDepart,
+    EvaluationTeamFilter
   },
   computed: {},
   beforeMount () { },
   mounted () { },
   methods: {
+    handleGetRowKeys (row) {
+      return row.id
+    },
     handlePopupSearchChange (val) {
       // 去搜搜
       this.handleGainAssessmentGroupList()
     },
     handleChooseDepartment () {
-
+      this.visibleDeptFilter = true
     },
     handleChooseGroup () {
-
+      this.visibleGroupFilter = true
     },
     handleSelectionChange (val) {
       //  选择发生变化
       this.popupData.selectedList = val
     },
-    handleEmpty () {
-      this.showChooseList = false
-      // 新建考评组
-      // this.$router.push({ name: 'workbench-edit-group' })
-    },
     handleSubmitPopup () {
-      const list = this.popupData.selectedList
+      // 确定选择
+      this.visibleRemovePerson = true
+      // const list = this.popupData.selectedList
+      // this.$emit('update:showPopup', false)
+    },
+    handleConfirmRemovePerson () {
+      // 确认删除  选中用户 删除成功页面刷新
+      console.log('删除')
+      this.visibleRemovePerson = false
+      this.$emit('update:showPopup', false)
+      this.$emit('cb')
     },
     hundlePopupHide () {
       this.$emit('update:showPopup', false)
     },
-    handleCurrentChange (val) {
-      this.handleGainAssessmentGroupList(val)
+    handleCurrentChange () {
+      this.handleGainAssessmentGroupList()
     },
     // 获取数据
-    handleGainAssessmentGroupList (currPage) {
-    }
+    handleGainAssessmentGroupList () {
+      this.rqAssessmentParameter.startId = this.startId
+      apiManagerDetail(this.rqAssessmentParameter).then(res => {
+        if (res.code !== 200) {
+          return
+        }
+        this.rqAssessmentParameter.totalPage = res.data.totalPage
+        this.rqAssessmentParameter.totalCount = res.data.totalCount
+        this.rqAssessmentParameter.currPage = res.data.currPage
+        this.popupData.tableList = res.data.list
+        console.log('获取数据成功')
+      })
+    },
+    // 部门筛选
+    handleDeptSubmit (val) {
+      this.deptFilterData.showDataList = val
+      console.log('部门筛选--====-==-==  ', val)
+      let deptNames = []
+      this.deptFilterData.showDataList.list.forEach(item => {
+        deptNames.push(item.departmentName)
+      })
+      this.deptFilterData.deptNames = deptNames.join()
+      // 递归方法 生成 json tree 数据
+      this.handleGainDeptData()
+      this.visibleDeptFilter = false
+    },
+    handleGainDeptData () {
+      //  获取真实数据 重新选择   删除标签
+      let dicIds = {}
+      this.handleGainDeptPerson(dicIds, this.deptFilterData.showDataList.list)
+      let arrPersonId = Object.keys(dicIds)
+      this.deptFilterData.sumPerson = arrPersonId.length
+      this.deptFilterData.staffIds = arrPersonId.join()
+      //  重新获取数据
+      this.rqAssessmentParameter.staffIds = this.deptFilterData.staffIds
+      this.handleGainAssessmentGroupList()
+      console.log('部门筛选--====-==-==  ', this.deptFilterData)
+    },
+    handleGainDeptPerson (dicArr, list) {
+      for (let index = 0; index < list.length; index++) {
+        const dept = list[index]
+        for (let index = 0; index < dept.staffDtos.length; index++) {
+          const person = dept.staffDtos[index]
+          dicArr[person.staffId.toString()] = 1
+        }
+        if (dept.list instanceof Array) {
+          if (dept.list.length > 0) {
+            this.handleGainDeptPerson(dicArr, dept.list)
+          }
+        }
+      }
+    },
+    handleTagDeptClose (item, index) {
+      this.deptFilterData.showDataList.list.splice(index, 1)
+      this.handleGainDeptData()
+      let newTitle = '选择部门'
+      let newVal = ''
+      if (this.deptFilterData.showDataList.list.length > 0) {
+        let titles = this.deptFilterData.deptNames.split(',')
+        let vals = this.deptFilterData.showDataList.value.split(',')
+        titles.splice(titles.indexOf(item.departmentName), 1)
+        vals.splice(vals.indexOf(item.departmentId), 1)
+        newTitle = titles.join()
+        newVal = vals.join()
+      }
+      this.deptFilterData.deptNames = newTitle
+      this.deptFilterData.showDataList.value = newVal
+    },
+    //  考评组筛选
+    handleTeamSubmit (val) {
+      let groupNames = []
+      val.selectedList.forEach((item) => {
+        groupNames.push(item.name)
+      })
+      this.groupFilterData.groupNames = groupNames.join()
+      this.visibleGroupFilter = false
+      this.groupFilterData.selectedList = val.selectedList
+      this.groupFilterData.sumPerson = val.sumCounts
+      this.groupFilterData.evaluationIds = val.value
+      this.rqAssessmentParameter.evaluationIds = val.value
+      // 重新获取
+      this.handleGainAssessmentGroupList()
+    },
+    handleTagGroupClose (item, index) {
+      this.groupFilterData.sumPerson -= item.counts
+      this.groupFilterData.selectedList.splice(index, 1)
+      let groupIds = ''
+      let groupNameStr = '选择考评组'
+      if (this.groupFilterData.selectedList.length > 0) {
+        let arrS = []
+        let groupNames = []
+        this.groupFilterData.selectedList.forEach((item) => {
+          arrS.push(item.id)
+          groupNames.push(item.name)
+        })
+        groupIds = arrS.join()
+        groupNameStr = groupNames.join()
+      }
+      this.groupFilterData.evaluationIds = groupIds
+      this.groupFilterData.groupNames = groupNameStr
 
+      // 重新获取
+      this.rqAssessmentParameter.evaluationIds = groupIds
+      this.handleGainAssessmentGroupList()
+    }
   },
-  watch: {}
+  watch: {
+    'showPopup': function (newVal, oldVal) {
+      if (newVal) {
+        this.handleGainAssessmentGroupList()
+        console.log('显示人员选择---------')
+      } else {
+        this.rqAssessmentParameter.startId = null
+        this.rqAssessmentParameter.staffIds = ''
+        this.rqAssessmentParameter.evaluationIds = ''
+        this.rqAssessmentParameter.searchName = ''
+        this.rqAssessmentParameter.currPage = 1
+        this.rqAssessmentParameter.totalCount = 1
+        this.rqAssessmentParameter.totalPage = 1
+        this.staffIds = ''
+        this.popupData.tableList = []
+        this.popupData.selectedList = []
+      }
+    }
+  }
 
 }
 
 </script>
 
 <style lang='less' scoped>
-.popup {
   .line-space {
     margin-bottom: 20px;
   }
+.popup {
+   max-width: 440px;
+  .el-button {
+    max-width: 104px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .el-tag{
+    margin-right: 10px;
+    margin-top: 10px;
+  }
+  &-tags {
+    width: 440px;
+    word-break: break-all;
+  }
   &-table {
+    width: 440px;
+    .el-table {
+      width: 100%;
+    }
     &-img {
       width: 34px;
       height: 34px;
diff --git a/src/style/common.less b/src/style/common.less
index 0314863..3adf38e 100644
--- a/src/style/common.less
+++ b/src/style/common.less
@@ -28,6 +28,10 @@
   color: #9b9b9b;
 }
 
+.comonBlue {
+  color: @fontBlue;
+}
+
 .common-main {
   background-color: white;
   padding: 40px 20px;
diff --git a/src/views/kpi/assessment/stepList/index.vue b/src/views/kpi/assessment/stepList/index.vue
index 1c42f86..88e4494 100644
--- a/src/views/kpi/assessment/stepList/index.vue
+++ b/src/views/kpi/assessment/stepList/index.vue
@@ -176,6 +176,7 @@
     <popupMange
       :showPopup.sync="showPopupMange"
       popupRightTitle="管理绩效考核"
+      :startId='options.startId'
       @cb="handlePopupMangeSubmit"
     />
     <popupRemovePerson
diff --git a/src/views/kpi/workbench/initiateAssessment/index.vue b/src/views/kpi/workbench/initiateAssessment/index.vue
index 98bb146..86751d4 100644
--- a/src/views/kpi/workbench/initiateAssessment/index.vue
+++ b/src/views/kpi/workbench/initiateAssessment/index.vue
@@ -207,7 +207,9 @@ export default {
       }
       apiInitiateAssessmentInfo(para).then(res => {
         this.dialogSendVisible = false
-        console.log('发起考核成功', res)
+        if (res.code !== 200) {
+          return
+        }
         this.$router.push({ name: 'assessment-stepList', query: { id: res.data.id, name: 'assessment-homeList' } })
         this.$message({
           message: res.msg,
diff --git a/src/views/kpi/workbench/todo/index.vue b/src/views/kpi/workbench/todo/index.vue
index 5eb77ac..7a93438 100644
--- a/src/views/kpi/workbench/todo/index.vue
+++ b/src/views/kpi/workbench/todo/index.vue
@@ -15,7 +15,7 @@
       </div>
       <div class="todo-content-right">
         <div v-if="selectedTableList.length > 0">
-          <tableItem :selectedTableList='selectedTableList'/>
+          <tableItem :selectedTableList='selectedTableList' />
           <el-pagination
             :hide-on-single-page="true"
             :current-page.sync="pageSelectedInfo.currPage"
@@ -83,6 +83,9 @@ export default {
   methods: {
     handleGetList () {
       apiGetWaitList(this.pageSelectedInfo).then(res => {
+        if (res.code !== 200) {
+          return
+        }
         this.pageSelectedInfo.currPage = res.data.currPage
         this.pageSelectedInfo.totalCount = res.data.totalCount
         this.pageSelectedInfo.totalPage = res.data.totalPage

From f2ecd0690d44267083acc0ff2d53ca5f0afbe343 Mon Sep 17 00:00:00 2001
From: leave <>
Date: Tue, 3 Nov 2020 20:50:05 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/popupPerson/index.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/popupPerson/index.vue b/src/components/popupPerson/index.vue
index c8fd46e..f99b905 100644
--- a/src/components/popupPerson/index.vue
+++ b/src/components/popupPerson/index.vue
@@ -22,11 +22,11 @@
             <el-button
               @click="handleChooseDepartment"
               size="small"
-            >{{deptFilterData.deptNames}}<i class="el-icon-arrow-down"></i></el-button>
+            ><div class="popup-btn"><span class="popup-btn-left-title">{{deptFilterData.deptNames}}</span><i class="el-icon-arrow-down"></i></div></el-button>
             <el-button
               @click="handleChooseGroup"
               size="small"
-            >{{groupFilterData.groupNames}}<i class="el-icon-arrow-down"></i></el-button>
+            ><div class="popup-btn"><span class="popup-btn-left-title">{{groupFilterData.groupNames}}</span><i class="el-icon-arrow-down"></i></div></el-button>
           </div>
           <div
             v-if="groupFilterData.selectedList.length>0|| deptFilterData.showDataList.list.length>0"
@@ -374,14 +374,23 @@ export default {
   .line-space {
     margin-bottom: 20px;
   }
+
 .popup {
    max-width: 440px;
   .el-button {
     max-width: 104px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    width: 104px;
   }
+  &-btn{
+    display: flex;
+     &-left-title {
+      width: 74px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
   .el-tag{
     margin-right: 10px;
     margin-top: 10px;