vue-zcpdpubselector v0.1.21

vue-zcpdpubselector

使用方式

// 引入组件
import zcpdPubselector from 'vue-zcpdpubselector'
Vue.use(zcpdPubselector)

// 使用组件
<template>
	<div>
		<button @click="showModal">显示选择器</button>
		<zcpdPubselector v-model="show" :config="config" :data="data" @ok="getData" @cancel="cancel" />
	</div>
</template>

<script>
export default {
	data () {
		return {
			show: false,
			// 基本配置
			config: {
				// 接口地址域名
				baseURL: '',
				// 组织code
				organizationCode: 'GO_6b6db7a67e7d4f9ca85bf697f209d15b',
				// 应用的唯一标识key
				appKey: 'nbszjjmh-6T51rz0fecsKB05eeQvIz',
				// 应用的密钥
				appSecret: 'HgYfnbXHq8Hvof92FFn200g4PK0qWgS6O3g7F0x6',
			},
			// 传入默认选中的值
			data: {
				
			}
		}
	},
	methods: {
		getData (e) {
			console.log('选中的值', e)
		},
		cancel () {
			console.log('关闭弹窗')
		},
		showModal() {
			this.data = {
			// 已选部门
				"departList": [
						{
							// 组织code
							"organizationCode": "GO_ccebd9fa6cde45cf9b6d3437f685be67",
							// 组织名
							"organizationName": "宁波市纪委市监委机关",
							// 组织下的人员总数
							"count": "200"
						}
				],
				// 已选职员
				"userList": [
						{
							// 人员code
							"employeeCode": "GE_03fd0f6424fe4c73a949db8f28559c30",
							// 姓名
							"employeeName": "李军",
							// 职位
							"govEmpPosJob": null
						}
				]
		}
			this.show = true;
		}
	},
	created() {
		
	}
}
</script>