153 lines
6.1 KiB
JavaScript
153 lines
6.1 KiB
JavaScript
(function(vc) {
|
||
vc.extends({
|
||
propTypes: {
|
||
parentModal: vc.propTypes.string,
|
||
callBackListener: vc.propTypes.string, //父组件名称
|
||
callBackFunction: vc.propTypes.string //父组件监听方法
|
||
},
|
||
data: {
|
||
roomSelect2Info: {
|
||
units: [],
|
||
floorId: '-1',
|
||
unitId: '-1',
|
||
roomId: '',
|
||
roomNum: '',
|
||
name: '',
|
||
floorNum: '',
|
||
unitNum: '',
|
||
ownerName: '',
|
||
link: '',
|
||
roomSelector: {}
|
||
}
|
||
},
|
||
watch: {
|
||
roomSelect2Info: {
|
||
deep: true,
|
||
handler: function() {
|
||
let _name = '';
|
||
if (this.roomSelect2Info.floorNum != '') {
|
||
_name = this.roomSelect2Info.floorNum;
|
||
}
|
||
|
||
if (this.roomSelect2Info.unitNum != '') {
|
||
_name += this.roomSelect2Info.unitNum;
|
||
}
|
||
|
||
if (this.roomSelect2Info.roomNum != '') {
|
||
_name += this.roomSelect2Info.roomNum;
|
||
}
|
||
this.roomSelect2Info.name = _name;
|
||
vc.emit($props.callBackListener, $props.callBackFunction, this.roomSelect2Info);
|
||
}
|
||
}
|
||
},
|
||
_initMethod: function() {
|
||
this._initRoomSelect2();
|
||
},
|
||
_initEvent: function() {
|
||
//监听 modal 打开
|
||
/* $('#'+$props.parentModal).on('show.bs.modal', function () {
|
||
this._initUnitSelect2();
|
||
})*/
|
||
vc.on('roomSelect2', "transferRoom", function(_param) {
|
||
vc.copyObject(_param, this.roomSelect2Info);
|
||
this._initRoomSelect2();
|
||
});
|
||
vc.on('roomSelect2', 'setRoom', function(_param) {
|
||
vc.copyObject(_param, this.roomSelect2Info);
|
||
/*$("#roomSelector").val(_param.roomId).select2();*/
|
||
|
||
let option = new Option(_param.roomNum, _param.roomId, true, true);
|
||
this.roomSelect2Info.roomSelector.append(option);
|
||
});
|
||
vc.on('roomSelect2', 'clearRoom', function(_param) {
|
||
$('#roomSelector').val('').select2();
|
||
this.roomSelect2Info = {
|
||
units: [],
|
||
floorId: '-1',
|
||
unitId: '-1',
|
||
roomId: '',
|
||
name: '',
|
||
roomNum: '',
|
||
floorNum: '',
|
||
unitNum: '',
|
||
ownerName: '',
|
||
link: '',
|
||
roomSelector: {}
|
||
};
|
||
});
|
||
},
|
||
methods: {
|
||
_initRoomSelect2: function() {
|
||
$.fn.modal.Constructor.prototype.enforceFocus = function() {};
|
||
$.fn.select2.defaults.set('width', '100%');
|
||
let _accessToken = vcFramework.getData('hc_accessToken');
|
||
this.roomSelect2Info.roomSelector = $('#roomSelector').select2({
|
||
placeholder: '必填，请选择房屋',
|
||
allowClear: true, //允许清空
|
||
escapeMarkup: function(markup) {
|
||
return markup;
|
||
}, // 自定义格式化防止xss注入
|
||
ajax: {
|
||
url: "/app/room.queryRooms",
|
||
dataType: 'json',
|
||
delay: 250,
|
||
headers: {
|
||
'APP-ID': '8000418004',
|
||
'TRANSACTION-ID': vc.uuid(),
|
||
'REQ-TIME': vc.getDateYYYYMMDDHHMISS(),
|
||
'SIGN': '',
|
||
'Authorization':'Bearer '+_accessToken.token
|
||
},
|
||
data: function(params) {
|
||
let _term = "";
|
||
if (params.hasOwnProperty("term")) {
|
||
_term = params.term;
|
||
}
|
||
return {
|
||
roomNum: _term,
|
||
page: 1,
|
||
row: 200,
|
||
unitId: this.roomSelect2Info.unitId,
|
||
communityId: vc.getCurrentCommunity().communityId
|
||
};
|
||
},
|
||
processResults: function(data) {
|
||
return {
|
||
results: this._filterRoomData(data.rooms)
|
||
};
|
||
},
|
||
cache: true
|
||
}
|
||
});
|
||
$('#roomSelector').on("select2:select", function(evt) {
|
||
//这里是选中触发的事件
|
||
this.roomSelect2Info.roomId = evt.params.data.id;
|
||
this.roomSelect2Info.roomNum = evt.params.data.text;
|
||
this.roomSelect2Info.ownerName = evt.params.data.ownerName;
|
||
this.roomSelect2Info.link = evt.params.data.link;
|
||
});
|
||
|
||
$('#roomSelector').on("select2:unselect", function(evt) {
|
||
//这里是取消选中触发的事件
|
||
//如配置allowClear: true后，触发
|
||
this.roomSelect2Info.roomId = '';
|
||
this.roomSelect2Info.roomNum = '';
|
||
});
|
||
},
|
||
_filterRoomData: function(_rooms) {
|
||
let _tmpRooms = [];
|
||
for (var i = 0; i < _rooms.length; i++) {
|
||
var _tmpRoom = {
|
||
id: _rooms[i].roomId,
|
||
text: _rooms[i].roomNum + '室',
|
||
ownerName: _rooms[i].ownerName,
|
||
link: _rooms[i].link,
|
||
};
|
||
_tmpRooms.push(_tmpRoom);
|
||
}
|
||
return _tmpRooms;
|
||
}
|
||
}
|
||
});
|
||
})(window.vc); |