<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%;
|
overflow: auto;
|
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: 47rpx;
|
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" @input="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) {
|
console.log(e);
|
console.log(this.$data.searchVal);
|
if(this.$data.searchVal){
|
var datainfo ={ jp: this.$data.searchVal, dept_id: '' };
|
// console.log(datainfo);
|
this.$store.dispatch('querySelpsn',datainfo).then(success=>{
|
console.log(success);
|
if (success.code=='00000') { //Mobox2
|
for(var i in success.data){
|
success.data[i].ischeck=false;
|
}
|
this.$data.data = success.data;
|
} else if(success.err_code == 0){ //Mobox3
|
var json =[];
|
for(var i in success.result){
|
json.push({
|
Login: success.result[i].login,
|
Name: success.result[i].name,
|
NamePY: success.result[i].name_py,
|
Sex: success.result[i].gender,
|
State: success.result[i].status,
|
Level: success.result[i].level,
|
Depart: "",
|
Unit: "",
|
ischeck:false
|
})
|
}
|
this.$data.data = json;
|
} else{
|
uni.showModal({title:"错误",content:success.msg?success.msg:success.err_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>
|
