添加交接弹窗

src/views/categroyManager/insideSetting/modals/handover.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="$listeners.close">取 消</el-button>
+      <!-- <el-button @click="submitEducation" type="primary">确 定</el-button> -->
+    </span>
+  </div>
+</template>
+<script>
+export default {};
+</script>
+<style lang="less" scoped>
+</style>

src/views/categroyManager/insideSetting/staffManager.vue

@@ -125,6 +125,7 @@
           </el-table-column>
           <el-table-column align='center'
                            width="250px"
+                           fixed="right"
                            label="操作">
             <template slot-scope="scope">
               <el-button @click="roleOperation('update', scope.row)"
@@ -136,8 +137,8 @@
               <el-button @click="onStaffOperation('LOCK_UNLOCK', scope.row)"
                          v-permission="'employee/employeeOperate'"
                          type="text">{{ scope.row.lockFlag == 1 ? '解冻' : '冻结' }}</el-button>
-              <el-button @click="onStaffOperation('DEMISSION', scope.row)"
-                         v-permission="'employee/employeeOperate'"
+              <el-button @click="handover(scope.row)"
+                         v-permission="'employee/level'"
                          type="text">{{ scope.row.demissionDate ? '复职' : '离职' }}</el-button>
             </template>
           </el-table-column>
@@ -261,6 +262,12 @@
                    type="primary">确 定</el-button>
       </span>
     </el-dialog>
+    <el-dialog
+      title="工作交接"
+      :visible.sync="handoverVisible"
+    >
+      <handover :detail="detail" @close="handoverVisible = false"/>
+    </el-dialog>
     <el-dialog title="教务交接"
                width="400px"
                destroy-on-close
@@ -305,6 +312,7 @@ import { findEducationTeacher } from '@/api/specialSetting'
 import { findEducationUsers } from '@/api/buildTeam'
 import Tooltip from '@/components/Tooltip/index'
 import { isvalidPhone } from '@/utils/validate'
+import handover from './modals/handover'
 let validPhone = (rule, value, callback) => {
   if (!value) {
     callback(new Error('请输入电话号码'))
@@ -316,7 +324,7 @@ let validPhone = (rule, value, callback) => {
 }
 export default {
   name: 'staffManager',
-  components: { pagination, Tooltip },
+  components: { pagination, Tooltip, handover },
   data () {
     return {
       tableList: [],
@@ -333,6 +341,8 @@ export default {
         total: 0, // 总条数
         page_size: [10, 20, 40, 50] // 选择限制显示条数
       },
+      detail: null,
+      handoverVisible: false,
       roleStatus: false,
       formActionTitle: 'create',
       roleList: [], // 角色列表
@@ -375,7 +385,10 @@ export default {
     this.getRoleList()
   },
   methods: {
-
+    handover(row) {
+      this.detail = row
+      this.handoverVisible = true
+    },
     onBranchCheckAll () {
       this.form.organIdLists = []