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
  | <template> 
 |    <zt-tree-dialog-selector 
 |      v-model="treeValue" 
 |      title="选择部门" 
 |      url="/sys/dept/tree" 
 |      :multiple="multiple" 
 |      :disabled-filter="disabledFilter" 
 |      :placeholder="placeholder" 
 |      @confirm="onConfirm" 
 |    /> 
 |  </template> 
 |  <script> 
 |    
 |    export default { 
 |      name: 'ZtDeptSelector', 
 |      components: {}, 
 |      props: { 
 |        value: [String, Array], 
 |        multiple: { 
 |          type: Boolean, 
 |          default: true 
 |        }, 
 |        placeholder: String 
 |      }, 
 |      data() { 
 |        return { 
 |          treeValue: '' 
 |        } 
 |      }, 
 |      watch: { 
 |        value(val, oldval) { // 传递给tree-selector 
 |          this.treeValue = val 
 |        } 
 |      }, 
 |      methods: { 
 |        disabledFilter(node) { 
 |          return node.company === true 
 |        }, 
 |        onConfirm(value) { 
 |          this.$emit('input', value) 
 |        } 
 |      } 
 |    } 
 |  </script> 
 |  
  |