checked-pick-app v1.6.7

checked-pick-app

App端 选主体、部门、人员插件

安装

vue2.7 以上版本安装指令

npm i checked-pick-app -D

vue2.7 以下版本安装指令

npm i @vue/composition-api -D
npm i checked-pick-app -D

使用

在需要使用的组件内引入

import { departPerson } from 'checked-pick-app'
export default {
  components: { departPerson }
}

在页面使用

<template>
  <departPerson  v-bind="entity" @callback="handleCallback" @cancel="handleCancel">
    
  </departPerson>
</template>
<script>
import 'checked-pick-app/style.css'
import { departPerson } from 'checked-pick-app'
export default {
  components: { departPerson },
  data() {
    return {
      visible: true,
      entity: {
        source: '0',
        type: '5',
        request: request,       
        businessId: '0003',
        codeType: [1, 2, 3],              
        multiple: true,      
      },
    }
  },
  methods: {
    handleCallback(res) {
      console.log('callback_OK', res)
    },
    handleCancel() {
      console.log('cancel_No')
    }
  }
}
</script>

属性-Attributes

checkedinfo-对象说明

注意：type=2或4时 subjectId必填 type=3时 传入uid时 deptId、subjectId不必填 传入id时 subjectId必传

属性名	类型	说明
type	String	类型 1-主体 2-部门 3-人员 4-当前部门及子部门
id	String	id（主体、部门、人员）
subjectId	String	主体id
uid	String	uid
deptId	String	部门id
isDeleteNo	Boolean	禁用删除 true-禁用 false-不禁用

插槽-Slots

checkedUser 选中人员区域-关闭图标前面

插槽返回值

属性名	说明
id	人员id
name	人员名称
uid	用户id

事件-Events

callback 事件回调参数checkedArray说明

属性名	类型	说明
type	String	类型 1-主体 2-部门 3-人员 4-当前部门及子部门
id	String	id（主体、部门、人员）
uid	String	uid
name	String	名称
ancestors	String	祖级Id
ancestorNames	String	祖级名称
phone	String	手机号码
subjectId	String	主体id
sex	String	性别 0-女 1-男
avatar	String	头像