zenglf
2023-08-17 7442a435d058bd17d6fc679e1b7956bf3a5d32ae
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    switchFullscreen
    @ok="handleOk"
    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-tabs defaultActiveKey="1" @change="clearAllSelect">
      <a-tab-pane tab="选择" key="1" >
        <work-center-user-form 
        ref="realForm" @ok="submitCallback" 
        :disabled="disableSubmit" 
        :enterpriseId="enterpriseId"
        :departId="departId"
        :workCenterId="workCenterId"
        :userIdList="userIdList"
      ></work-center-user-form>
      </a-tab-pane>
      <a-tab-pane tab="借用" key="2" >
        <work-center-borrow-user 
        ref="user"
        :departId="departId"
        :enterpriseId="enterpriseId"
        :userIdList="userIdList"
        @getAddUserIds="getAddUserIds"
        >
      </work-center-borrow-user>
      </a-tab-pane>
    </a-tabs>
  </j-modal>
</template>
<script>
  import WorkCenterUserForm from './WorkCenterUserForm'
  import WorkCenterBorrowUser from './WorkCenterBorrowUser.vue'
  export default {
    name: 'WorkCenterUserModal',
    components: {
      WorkCenterUserForm,
      WorkCenterBorrowUser
    },
    props:{
      enterpriseId:{
        type: String,
        default: '',
        required: false
      },
      departId:{
        type: String,
        default: '',
        required: false
      },
      workCenterId:{
        type: String,
        default: '',
        required: false
      },
      userIdList:{
        type: String,
        default: '',
        required: false
      }
    },
    data () {
      return {
        title:'',
        width:1200,
        visible: false,
        disableSubmit: false
      }
    },
    methods: {
      add () {
        this.visible=true
        this.$nextTick(()=>{
          this.$refs.realForm.add();
        })
      },
      edit (record) {
        this.visible=true
        this.$nextTick(()=>{
          this.$refs.realForm.edit(record);
        })
      },
      close () {
        this.$emit('close');
        this.visible = false;
      },
      handleOk () {
        this.$refs.realForm.submitForm();
      },
      submitCallback(){
        this.$emit('ok');
        this.visible = false;
      },
      handleCancel () {
        this.close()
      },
      clearAllSelect(){
        if(this.$refs.realForm){
          this.$refs.realForm.onClearSelected();
        }
        if(this.$refs.user){
          this.$refs.user.clearList();
        }
      },
      getAddUserIds(selectedRowKeys){
        if(this.$refs.realForm){
          this.$refs.realForm.getBorrowUserIds(selectedRowKeys);
        }
      }
    },
  }
</script>