加入userName

wuxw

2020-01-14 69e2baf5518079bfc16cfadc2fb29842fb3de85d

 WebService/src/main/resources/components/roomPackage/room-select2/roomSelect2.js

@@ -1,50 +1,69 @@
(function(vc){
(function (vc) {
    vc.extends({
        propTypes: {
            parentModal:vc.propTypes.string,
            callBackListener:vc.propTypes.string, //父组件名称
            callBackFunction:vc.propTypes.string //父组件监听方法
            parentModal: vc.propTypes.string,
            callBackListener: vc.propTypes.string, //父组件名称
            callBackFunction: vc.propTypes.string //父组件监听方法
        },
        data:{
            roomSelect2Info:{
                units:[],
                floorId:'-1',
                unitId:'-1',
                roomId:'',
                unitName:'',
        data: {
            roomSelect2Info: {
                units: [],
                floorId: '-1',
                unitId: '-1',
                roomId: '',
                unitName: '',
                roomSelector: {}
            }
        },
        watch:{
            roomSelect2Info:{
        watch: {
            roomSelect2Info: {
                deep: true,
                handler:function(){
                    vc.emit($props.callBackListener,$props.callBackFunction,this.roomSelect2Info);
                handler: function () {
                    vc.emit($props.callBackListener, $props.callBackFunction, this.roomSelect2Info);
                }
            }
        },
        _initMethod:function(){
                this._initRoomSelect2();
        _initMethod: function () {
            this._initRoomSelect2();
        },
        _initEvent:function(){
        _initEvent: function () {
            //监听 modal 打开
           /* $('#'+$props.parentModal).on('show.bs.modal', function () {
                 this._initUnitSelect2();
            })*/
           vc.on('roomSelect2', "transferRoom",function (_param) {
            /* $('#'+$props.parentModal).on('show.bs.modal', function () {
                  this._initUnitSelect2();
             })*/
            vc.on('roomSelect2', "transferRoom", function (_param) {
                vc.copyObject(_param, this.roomSelect2Info);
           });
            vc.on('roomSelect2','setRoom',function (_param) {
            });
            vc.on('roomSelect2', 'setRoom', function (_param) {
                vc.copyObject(_param, this.roomSelect2Info);
                $("#roomSelector").val(_param.roomId).select2();
                /*$("#roomSelector").val(_param.roomId).select2();*/

                var option = new Option(_param.roomNum, _param.roomId, true, true);
                this.roomSelect2Info.roomSelector.append(option);
            });
            vc.on('roomSelect2', 'clearRoom', function (_param) {
                this.roomSelect2Info = {
                    units: [],
                    floorId: '-1',
                    unitId: '-1',
                    roomId: '',
                    unitName: '',
                    roomSelector: {}
                };
            });
        },
        methods: {
            _initRoomSelect2: function () {
                console.log("调用_initRoomSelect2 方法");
                $.fn.modal.Constructor.prototype.enforceFocus = function () {};
                $.fn.modal.Constructor.prototype.enforceFocus = function () {
                };
                $.fn.select2.defaults.set('width', '100%');
                $('#roomSelector').select2({
                this.roomSelect2Info.roomSelector = $('#roomSelector').select2({
                    placeholder: '必填，请选择房屋',
                    allowClear: true,//允许清空
                    escapeMarkup: function (markup) {
                        return markup;
                    }, // 自定义格式化防止xss注入
                    ajax: {
                        url: "/callComponent/roomSelect2/listRoom",
                        dataType: 'json',
@@ -52,15 +71,15 @@
                        data: function (params) {
                            console.log("param", params);
                            var _term = "";
                            if(params.hasOwnProperty("term")){
                            if (params.hasOwnProperty("term")) {
                                _term = params.term;
                            }
                            return {
                                roomNum: _term,
                                page: 1,
                                row:10,
                                unitId:this.roomSelect2Info.unitId,
                                communityId:vc.getCurrentCommunity().communityId
                                row: 10,
                                unitId: this.roomSelect2Info.unitId,
                                communityId: vc.getCurrentCommunity().communityId
                            };
                        },
                        processResults: function (data) {
@@ -75,7 +94,7 @@
                $('#roomSelector').on("select2:select", function (evt) {
                    //这里是选中触发的事件
                    //evt.params.data 是选中项的信息
                    console.log('select',evt);
                    console.log('select', evt);
                    this.roomSelect2Info.roomId = evt.params.data.id;
                    this.roomSelect2Info.roomNum = evt.params.data.text;
                });
@@ -83,16 +102,19 @@
                $('#roomSelector').on("select2:unselect", function (evt) {
                    //这里是取消选中触发的事件
                    //如配置allowClear: true后，触发
                    console.log('unselect',evt)
                    console.log('unselect', evt);
                    this.roomSelect2Info.roomId = '';
                    this.roomSelect2Info.roomNum = '';


                });
            },
            _filterRoomData:function (_rooms) {
            _filterRoomData: function (_rooms) {
                var _tmpRooms = [];
                for (var i = 0; i < _rooms.length; i++) {
                    var _tmpRoom = {
                        id:_rooms[i].roomId,
                        text:_rooms[i].roomNum
                        id: _rooms[i].roomId,
                        text: _rooms[i].roomNum
                    };
                    _tmpRooms.push(_tmpRoom);
                }