(function (vc) {
|
vc.extends({
|
propTypes: {
|
parentModal: vc.propTypes.string,
|
callBackListener: vc.propTypes.string, //父组件名称
|
callBackFunction: vc.propTypes.string //父组件监听方法
|
},
|
data: {
|
staffSelect2Info: {
|
staffs: [],
|
staffId: '-1',
|
staffName:'',
|
name: '',
|
orgId: '',
|
companyId:'',
|
departmentId:'',
|
staffSelector: {}
|
}
|
},
|
watch: {
|
staffSelect2Info: {
|
deep: true,
|
handler: function () {
|
vc.emit($props.callBackListener, $props.callBackFunction, this.staffSelect2Info);
|
}
|
}
|
},
|
_initMethod: function () {
|
this._initstaffSelect2();
|
},
|
_initEvent: function () {
|
|
vc.on('staffSelect2', 'setStaff', function (_param) {
|
console.log("员工下拉框收到参数:"+_param.staffId);
|
vc.copyObject(_param, this.staffSelect2Info);
|
var option = new Option(_param.staffName, _param.staffId, true, true);
|
this.staffSelect2Info.staffSelector.append(option);
|
});
|
|
vc.on('staffSelect2', 'clearStaff', function (_param) {
|
this.staffSelect2Info = {
|
staffs: [],
|
staffId: '-1',
|
staffName:'',
|
name: '',
|
orgId,
|
companyId:'',
|
departmentId:'',
|
staffSelector: {}
|
};
|
});
|
},
|
methods: {
|
_initstaffSelect2: function () {
|
$.fn.modal.Constructor.prototype.enforceFocus = function () {};
|
$.fn.select2.defaults.set('width', '100%');
|
this.staffSelect2Info.staffSelector = $('#staffSelector').select2({
|
placeholder: '必填，请选择公司',
|
allowClear: true,//允许清空
|
escapeMarkup: function (markup) {
|
return markup;
|
}, // 自定义格式化防止xss注入
|
ajax: {
|
url: "/callComponent/searchStaff/listStaff",
|
dataType: 'json',
|
delay: 250,
|
data: function (params) {
|
console.log("param", params);
|
var _term = "";
|
if (params.hasOwnProperty("term")) {
|
_term = params.term;
|
}
|
return {
|
name: _term,
|
page: 1,
|
row: 10,
|
parentOrgId:this.staffSelect2Info.companyId,
|
departmentOrgId:this.staffSelect2Info.departmentId,
|
communityId: vc.getCurrentCommunity().communityId
|
};
|
},
|
processResults: function (data) {
|
console.log(data, this._filterstaffData(data.staffs));
|
return {
|
results: this._filterstaffData(data.staffs)
|
};
|
},
|
cache: true
|
}
|
});
|
$('#staffSelector').on("select2:select", function (evt) {
|
//这里是选中触发的事件
|
//evt.params.data 是选中项的信息
|
console.log('select', evt);
|
this.staffSelect2Info.staffId = evt.params.data.id;
|
this.staffSelect2Info.staffName = evt.params.data.text;
|
});
|
|
$('#staffSelector').on("select2:unselect", function (evt) {
|
//这里是取消选中触发的事件
|
//如配置allowClear: true后，触发
|
console.log('unselect', evt);
|
this.staffSelect2Info.staffId = '-1';
|
this.staffSelect2Info.staffName = '';
|
|
});
|
},
|
_filterstaffData: function (_staffs) {
|
var _tmpstaffs = [];
|
for (var i = 0; i < _staffs.length; i++) {
|
var _tmpstaff = {
|
id: _staffs[i].userId,
|
text: _staffs[i].userName
|
};
|
_tmpstaffs.push(_tmpstaff);
|
}
|
return _tmpstaffs;
|
}
|
}
|
});
|
})(window.vc);
|
