From 211117eef12ce406b60a006fc17e7140423b1a22 Mon Sep 17 00:00:00 2001
From: leave <>
Date: Fri, 30 Oct 2020 18:10:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=83=E9=99=90=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EvaluationTeamFilter/index.vue |   2 +-
 src/views/kpi/set/authority/index.vue         | 258 +++++++++++++++++-
 2 files changed, 247 insertions(+), 13 deletions(-)

diff --git a/src/components/EvaluationTeamFilter/index.vue b/src/components/EvaluationTeamFilter/index.vue
index 4c71ffa..e8483de 100644
--- a/src/components/EvaluationTeamFilter/index.vue
+++ b/src/components/EvaluationTeamFilter/index.vue
@@ -4,7 +4,7 @@
       title="考评组筛选"
       :visible="true"
       :before-close="handleCancel"
-      width="920"
+      width="920px"
     >
       <div class="team-filter-content">
         <el-col
diff --git a/src/views/kpi/set/authority/index.vue b/src/views/kpi/set/authority/index.vue
index b79cfbe..17e688a 100644
--- a/src/views/kpi/set/authority/index.vue
+++ b/src/views/kpi/set/authority/index.vue
@@ -7,6 +7,7 @@
           <el-button
             type="primary"
             size="small"
+            plain
             @click="handleChangeDirector"
           >更换智能绩效主管理员</el-button>
         </div>
@@ -55,40 +56,211 @@
       </div>
     </div>
 
-    <dialog-depart
-      v-if="showDialogDepart"
+    <dialog-personnel
+      v-if="showDialogPersonnel"
+      title="更换智能绩效主管理员"
+      :len="1"
       :value.sync='depIds'
-      :isShow.sync='showDialogDepart'
+      :isShow.sync='showDialogPersonnel'
       :showDataList.sync='showData'
-    />
+      @cb="handleDialogSubmitDepart"
+    ></dialog-personnel>
     <popup-right
       v-if="showPopupAddSub"
       @cancel="hundlePopupAddSubHide"
       @submit="handlePopupAddSubSubmit"
       title="智能绩效子管理员设置"
       class="popup"
-    ></popup-right>
+    >
+      <div
+        slot="content"
+        style="width: 480px;"
+      >
+        <el-form
+          :model="popupFromSub"
+          label-width="110px"
+          label-suffix="："
+          label-position="left"
+          size="small"
+        >
+          <el-form-item label="子管理员">
+            <el-button
+              type="primary"
+              size="small"
+              plain
+              @click="handlePopupChooseSub"
+            >请选择</el-button>
+          </el-form-item>
+          <el-form-item
+            label="功能模块"
+            label-width="90px"
+          >
+            <el-col :span="1">
+              <el-tooltip
+                class="item"
+                effect="dark"
+                content="分别控制管理员有1.发起OKR考核权限（基础设置-OKR模块需要开启，开启后OKR全公司可见）2.发起绩效考核的权限"
+                placement="bottom"
+              >
+                <i class="el-icon-info" />
+              </el-tooltip>
+            </el-col>
+            <el-col :span="11">
+              <el-checkbox-group
+                v-model="popupFromSub.checkList"
+                @change="handlePopupCheckModel"
+              >
+                <el-checkbox label="0">OKR</el-checkbox>
+                <el-checkbox label="1">绩效考核</el-checkbox>
+              </el-checkbox-group>
+            </el-col>
+          </el-form-item>
+          <div v-if="popupFromSub.showChoosePerformance">
+            <el-form-item
+              label="管理范围"
+              label-width="90px"
+            >
+              <el-col :span="1">
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="管理员能查看和管理那些员工的绩效考核（非OKR）"
+                  placement="bottom"
+                >
+                  <i class="el-icon-info" />
+                </el-tooltip>
+              </el-col>
+              <el-col :span="23">
+                <el-col :span="10">
+                  <el-radio-group v-model="popupFromSub.radioScope">
+                    <el-radio :label="3">全公司</el-radio>
+                    <el-radio :label="6">所在部门及以下部门</el-radio>
+                    <el-radio :label="9">特定部门</el-radio>
+                  </el-radio-group>
+                </el-col>
+                <el-col :span="24">
+                  <el-tag
+                    v-for="tag in tags"
+                    :key="tag.name"
+                    closable
+                    :type="tag.type"
+                  >
+                    {{tag.name}}
+                  </el-tag>
+                </el-col>
+                <el-col :span="10">
+                  <el-button
+                    type="primary"
+                    plain
+                    @click="handlePopupChooseDept"
+                  >请选择</el-button>
+                </el-col>
+              </el-col>
+            </el-form-item>
+            <el-form-item label="是否可见考核结果">
+              <el-switch v-model="popupFromSub.resultsVisible"></el-switch>
+            </el-form-item>
+            <el-form-item label="菜单权限">
+              <div>
+                <el-checkbox
+                  v-model="popupFromSub.popupMenu"
+                  @change="handleMenuCheckAllChange"
+                >全部权限</el-checkbox>
+              </div>
+              <div>
+                <el-checkbox
+                  :indeterminate="popupFromSub.isIndeterminate"
+                  v-model="popupFromSub.menuMngCheckAll"
+                  @change="handleMenuMngCheckAllChange"
+                >考核管理</el-checkbox>
+                <el-checkbox-group
+                  v-model="popupFromSub.menuManage"
+                  @change="handleMenuMngCheckChange"
+                  class="popup-menu-mange-group"
+                >
+                  <el-checkbox label="发起考核"></el-checkbox>
+                  <el-checkbox label="发起考核"></el-checkbox>
+                  <el-checkbox label="发起考核"></el-checkbox>
+                  <el-checkbox label="发起考核"></el-checkbox>
+                  <el-checkbox label="发起考核"></el-checkbox>
+                </el-checkbox-group>
+              </div>
+              <div>
+                <el-checkbox label="指标库"></el-checkbox>
+              </div>
+            </el-form-item>
+            <el-form-item
+              v-if="popupFromSub.showGroup"
+              label="考评组权限"
+            >
+              <div>
+                <el-radio
+                  v-model="popupFromSub.groupRadio"
+                  label="0"
+                >全部考评组</el-radio>
+              </div>
+              <div>
+                <el-radio
+                  v-model="popupFromSub.groupRadio"
+                  label="1"
+                >特定考评组</el-radio>
+              </div>
+              <div v-if="popupFromSub.groupRadio ==='1'">
+                <el-button
+                  type="primary"
+                  plain
+                  @click="handlePopupChooseGroup"
+                >请选择</el-button>
+              </div>
+            </el-form-item>
+          </div>
+        </el-form>
+      </div>
+
+    </popup-right>
+
   </div>
 </template>
 
 <script>
-import dialogDepart from '@/components/getDepart'
+import dialogPersonnel from '@/components/getPersonnel'
 import popupRight from '@/components/PopupRight'
 
 export default {
   components: {
-    dialogDepart,
+    dialogPersonnel,
     popupRight
   },
   data () {
     return {
       url: '',
-      showDialogDepart: false,
+      showDialogPersonnel: false,
       tableDataList: [],
-      showData: {},
+      showData: {
+        list: []
+      },
       depIds: '22',
-      showPopupAddSub: false // 显示添加子管理员
+      showPopupAddSub: false, // 显示添加子管理员
+      popupFromSub: {
+        showChoosePerformance: true, // 选择绩效选择
+        radioScope: 3, //  管理范围
+        resultsVisible: true, // 结果是否可见
+        checkList: ['1'],
+        menuManage: [], // 考核管理
+        menuCheckAll: false,
+        menuMngCheckAll: false, // 考核管理
+        isIndeterminate: true, // 考核管理 全选联动
+        showGroup: true, // 考评组权限是否显示
+        groupRadio: '0' // 考评组选择  0 全部考评组 1 特定考评组
 
+      },
+      tags: [
+        { name: '标签一', type: '' },
+        { name: 'llkk卡卡街坊邻里', type: 'success' },
+        { name: '标签三', type: 'info' },
+        { name: '标签四', type: 'warning' },
+        { name: '标签五', type: 'danger' }
+      ]
     }
   },
   methods: {
@@ -97,10 +269,57 @@ export default {
     },
     handleChangeDirector () {
       // 更换主管
-      this.showDialogDepart = true
+      this.showDialogPersonnel = true
+    },
+    handleDialogSubmitDepart (val) {
+      if (val.list.length <= 0) {
+        this.$message({
+          showClose: true,
+          message: '请选择主管理员',
+          type: 'error'
+        }); return
+      }
+      console.log('handleDialogSubmitDepart==  ', val)
+      let msg = '是否将智能绩效主管理员变更为' + val.title
+      this.$confirm(msg, '提示')
+        .then(_ => {
+          this.showDialogPersonnel = false
+        })
+        .catch(_ => { })
     },
     handleSubAdd () {
-
+      this.showPopupAddSub = true
+    },
+    hundlePopupAddSubHide () {
+      this.showPopupAddSub = false
+    },
+    handlePopupAddSubSubmit () {
+      this.showPopupAddSub = false
+    },
+    handlePopupChooseSub () {
+      //  选择子管理员
+    },
+    handlePopupCheckModel (val) {
+      console.log(val.indexOf('1'))
+      this.popupFromSub.showChoosePerformance = val.indexOf('1') > -1
+      // 功能模块
+      console.log('功能模块--======', val, this.popupFromSub.checkList)
+    },
+    handlePopupChooseDept () {
+      // 特定部门  选择
+    },
+    // 菜单权限
+    handleMenuCheckAllChange () {
+      // 菜单权限  是否权限
+    },
+    handleMenuMngCheckAllChange () {
+      // 考核管理  全选
+    },
+    handleMenuMngCheckChange () {
+      // 考核管理  子选项
+    },
+    handlePopupChooseGroup () {
+      //   特定考评组 选择
     }
   }
 }
@@ -143,5 +362,20 @@ export default {
       justify-content: space-between;
     }
   }
+  .popup {
+    .el-radio-group {
+      line-height: inherit !important;
+      padding-top: 5px;
+    }
+    .el-tag {
+      margin-right: 10px;
+      margin-bottom: 5px;
+    }
+  }
+  .popup-menu-mange-group {
+    width: 300px;
+    padding: 5px 15px;
+    background-color: #f9f9f9;
+  }
 }
 </style>