<style>
|
.content {
|
width: 100vw;
|
height: 93vh;
|
background: #EAEAEA;
|
padding: 14rpx 0rpx 0rpx 0rpx;
|
}
|
input{
|
border: 1px solid #d5d5d5;
|
width: 77%;
|
height: 80rpx;
|
border-radius: 60rpx!important;
|
padding: 0 60rpx 0 66rpx;
|
margin: 0rpx 20rpx 10rpx 20rpx;
|
background: #FFF;
|
}
|
.dv_query_body {
|
height: 91%;
|
background-color: #fff;
|
border: 2rpx solid #d5d5d5;
|
padding: 14rpx;
|
}
|
.psn {
|
margin: 0 12rpx 12rpx 0;
|
padding: 8rpx 20rpx 10rpx;
|
background-color: #55a1dd;
|
font-size: 30rpx;
|
color: #fff;
|
border-radius: 20rpx;
|
display: inline-block;
|
cursor: pointer;
|
}
|
button.btn_sava {
|
margin-top: 60rpx;
|
padding: 20rpx;
|
line-height: 1.2;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
}
|
</style>
|
|
<template>
|
<view class="content">
|
<view style="height:90%;">
|
<input type="text" class="txt_search" v-model="searchVal" @keyup="onkeyup" placeholder="请输入人员姓名或简拼进行查询" >
|
<!-- <div class="dv_query_body" >
|
<div class="psn">
|
<checkbox-group class="ischeck" @change="onchange" data-ischeck="false" data-index="0" >
|
<label>
|
<checkbox balue="1" :checked="ischecked" />
|
<text>test</text>
|
</label>
|
</checkbox-group>
|
</div>
|
</div> -->
|
<div class="dv_query_body">
|
<div class="psn" v-for="(psn,index) in data">
|
<checkbox-group class="ischeck" @change="onchange" :data-ischeck="psn.ischeck" :data-index="index" >
|
<label>
|
<checkbox :checked="psn.ischeck" />
|
<text>{{psn.Name}}</text>
|
</label>
|
</checkbox-group>
|
</div>
|
</div>
|
|
<button type="default" @tap="sava" class="btn_sava">确定</button>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
title: '选择人员',
|
mulit:'',
|
param:{},
|
searchVal:'',
|
ischecked:false,
|
data:[]
|
}
|
},
|
onLoad(options) {
|
console.log(options);
|
var param = JSON.parse(options.param);
|
this.$data.param=param;
|
this.$data.mulit=options.mulit;
|
// console.log(this.$data.param);
|
},
|
methods: {
|
onkeyup(e) {
|
if(this.$data.searchVal){
|
var datainfo ={ jp: this.$data.searchVal, dept_id: '' }
|
this.$store.dispatch('querySelpsn',datainfo).then(success=>{
|
// console.log(success);
|
if (success.code=='00000') {
|
for(var i in success.data){
|
success.data[i].ischeck=false;
|
}
|
|
this.$data.data = success.data;
|
}else{
|
uni.showModal({title:"错误",content:success.msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.showModal({title:"错误",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
} else
|
this.$data.data = [];
|
},
|
onchange(e) {
|
// console.log(e.target);
|
var data = this.$data.data;
|
this.$data.data=[];
|
if(this.$data.mulit=="false"){
|
for(var i in data){
|
data[i].ischeck=false;
|
}
|
}
|
|
data[e.target.dataset.index].ischeck=e.target.dataset.ischeck?false:true
|
this.$data.data=data;
|
},
|
sava(){ //点击功能点跳转页面
|
var data = [];
|
for(var i in this.$data.data){
|
if(this.$data.data[i].ischeck==true){
|
data.push(this.$data.data[i]);
|
}
|
}
|
if(data.length==0){
|
uni.showModal({title:"提示",content:'未选择人员！',showCancel:false,confirmText:"取消"});
|
return;
|
}
|
const eventChannel = this.$scope.eventChannel;
|
// const eventChannel = this.getOpenerEventChannel();
|
eventChannel.emit('AddPer',data,this.$data.param);
|
|
uni.navigateBack()
|
}
|
|
}
|
}
|
</script>
|
