Checked-pick-app NPM

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

参数	类型	默认值	说明
source	String	'0'	来源 0-平台 1-流程引擎
type	String	'0'	类型 0-当前公司 1-当前公司下递归分子公司（不含当前公司） 2-当前主体及递归分子公司 3-当前主体+直属分子公司（即当前公司+一级分子公司） 4-当前主体下直属分子公司（即当前公司下一级分子公司（不含当前公司）） 5-集团及递归分子公司6-集团下递归分子公司（不含集团） 7-集团直属分子公司（即集团下一级子公司不含集团） 8-集团及直属分子公司（即集团+集团下一级子公司）
request	Object	null	axios接口请求方法需要包含 get post 请求方式
businessId	String	''	业务Id
codeType	Array	[]	可选类型 1-主体 2-部门 3-人员
multiple	Boolean	false	是否多选 true-多选 false-单选
maxMultiple	Number	0	多选时最多选择多少项 0表示无限制
deptCode	String	''	部门id
subjectName	String	''	主体名称
isLoadingClose	Boolean	false	手动控制关闭loading 【根据业务id存储选中数据才生效】
checkedArray	Array	[]	选中的数据 checkedinfo,checkedinfo
isTitle	Boolean	true	显示标题显示-true 不显示-false

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-不禁用

属性名	类型	说明
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

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

事件-Events

事件名称	说明	回调参数
callback	点击确定按钮回调事件	checkedArray
cancel	点击取消按钮	无

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 头像

属性名	类型	说明
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	头像