mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
优化代码
This commit is contained in:
Your Name
parent
bf6213c8ea
commit
788a63207b
@ -0,0 +1,4 @@
|
||||
<div class="bg-white margin-top-xs padding border-radius tree-div">
|
||||
<div id="jstree_floorUnit">
|
||||
</div>
|
||||
</div>
|
||||
172
public/components/property/floorUnitAllTree/floorUnitAllTree.js
Normal file
172
public/components/property/floorUnitAllTree/floorUnitAllTree.js
Normal file
@ -0,0 +1,172 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function(vc) {
|
||||
vc.extends({
|
||||
propTypes: {
|
||||
callBackListener: vc.propTypes.string, //父组件名称
|
||||
},
|
||||
data: {
|
||||
floorUnitTreeInfo: {
|
||||
units: [],
|
||||
floorId: ''
|
||||
}
|
||||
},
|
||||
_initMethod: function() {
|
||||
$that._loadFloorAndUnits();
|
||||
},
|
||||
_initEvent: function() {
|
||||
vc.on('floorUnitTree', 'refreshTree', function(_param) {
|
||||
if (_param) {
|
||||
$that.floorUnitTreeInfo.floorId = _param.floorId;
|
||||
}
|
||||
$that._loadFloorAndUnits();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_loadFloorAndUnits: function() {
|
||||
let param = {
|
||||
params: {
|
||||
communityId: vc.getCurrentCommunity().communityId
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/floor.queryFloorAndUnits',
|
||||
param,
|
||||
function(json) {
|
||||
let _unitInfo = JSON.parse(json);
|
||||
$that.floorUnitTreeInfo.units = _unitInfo;
|
||||
$that._initJsTreeFloorUnit();
|
||||
},
|
||||
function() {
|
||||
console.log('请求失败处理');
|
||||
});
|
||||
},
|
||||
_initJsTreeFloorUnit: function() {
|
||||
let _data = $that._doJsTreeData();
|
||||
let _unitId = '';
|
||||
$that.floorUnitTreeInfo.units.forEach(item => {
|
||||
if ($that.floorUnitTreeInfo.floorId && item.floorId == $that.floorUnitTreeInfo.floorId) {
|
||||
_unitId = item.unitId;
|
||||
}
|
||||
})
|
||||
// _data = _data.sort(function(a, b) {
|
||||
// return a.seq - b.seq
|
||||
// });
|
||||
$.jstree.destroy()
|
||||
$("#jstree_floorUnit").jstree({
|
||||
"checkbox": {
|
||||
"keep_selected_style": false
|
||||
},
|
||||
'state': { //一些初始化状态
|
||||
"opened": true,
|
||||
},
|
||||
// 'plugins': ['contextmenu'],
|
||||
'core': {
|
||||
'data': _data
|
||||
},
|
||||
// "contextmenu": {
|
||||
// items: {
|
||||
// "修改": {
|
||||
// "label": "修改",
|
||||
// "icon": "fa fa-plus",
|
||||
// "action": function (data) {
|
||||
// var inst = $.jstree.reference(data.reference),
|
||||
// obj = inst.get_node(data.reference);
|
||||
// }
|
||||
// },
|
||||
// },
|
||||
// }
|
||||
});
|
||||
$("#jstree_floorUnit").on("ready.jstree", function(e, data) {
|
||||
//data.instance.open_all();//打开所有节点
|
||||
if (_unitId) {
|
||||
$('#jstree_floorUnit').jstree('select_node', 'u_' + _unitId /* , true */ );
|
||||
return;
|
||||
}
|
||||
$('#jstree_floorUnit').jstree('select_node', _data[0].children[0].id /* , true */ );
|
||||
});
|
||||
|
||||
$('#jstree_floorUnit').on("changed.jstree", function(e, data) {
|
||||
if (data.action == 'model' || data.action == 'ready') {
|
||||
//默认合并
|
||||
//$("#jstree_floorUnit").jstree("close_all");
|
||||
return;
|
||||
}
|
||||
let _selected = data.selected[0];
|
||||
if (_selected.startsWith('f_')) {
|
||||
vc.emit($props.callBackListener, 'switchFloor', {
|
||||
floorId: data.node.original.floorId
|
||||
})
|
||||
return;
|
||||
}
|
||||
//console.log(_selected, data.node.original.unitId)
|
||||
vc.emit($props.callBackListener, 'switchUnit', {
|
||||
unitId: data.node.original.unitId
|
||||
})
|
||||
});
|
||||
$('#jstree_floorUnit')
|
||||
.on('click', '.jstree-anchor', function(e) {
|
||||
$(this).jstree(true).toggle_node(e.target);
|
||||
})
|
||||
},
|
||||
_doJsTreeData: function() {
|
||||
let _mFloorTree = [];
|
||||
let _units = $that.floorUnitTreeInfo.units;
|
||||
//构建 第一层菜单组
|
||||
_units.forEach(pItem => {
|
||||
let _includeFloor = false;
|
||||
for (let _mgIndex = 0; _mgIndex < _mFloorTree.length; _mgIndex++) {
|
||||
if (pItem.floorId == _mFloorTree[_mgIndex].floorId) {
|
||||
_includeFloor = true;
|
||||
}
|
||||
}
|
||||
if (!_includeFloor) {
|
||||
let _floorItem = {
|
||||
id: 'f_' + pItem.floorId,
|
||||
floorId: pItem.floorId,
|
||||
floorNum: pItem.floorNum,
|
||||
icon: "/img/floor.png",
|
||||
text: pItem.floorNum + "栋",
|
||||
state: {
|
||||
opened: false
|
||||
},
|
||||
children: []
|
||||
};
|
||||
$that._doJsTreeMenuData(_floorItem);
|
||||
_mFloorTree.push(_floorItem);
|
||||
}
|
||||
});
|
||||
return _mFloorTree;
|
||||
},
|
||||
_doJsTreeMenuData: function(_floorItem) {
|
||||
let _units = $that.floorUnitTreeInfo.units;
|
||||
//构建菜单
|
||||
let _children = _floorItem.children;
|
||||
for (let _pIndex = 0; _pIndex < _units.length; _pIndex++) {
|
||||
if (_floorItem.floorId == _units[_pIndex].floorId && _units[_pIndex].unitId) {
|
||||
let _includeMenu = false;
|
||||
for (let _mgIndex = 0; _mgIndex < _children.length; _mgIndex++) {
|
||||
if (_units[_pIndex].unitId == _children[_mgIndex].unitId) {
|
||||
_includeMenu = true;
|
||||
}
|
||||
}
|
||||
|
||||
// if (_units[_pIndex].unitNum == "0") {
|
||||
// continue;
|
||||
// }
|
||||
if (!_includeMenu) {
|
||||
let _menuItem = {
|
||||
id: 'u_' + _units[_pIndex].unitId,
|
||||
unitId: _units[_pIndex].unitId,
|
||||
text: _units[_pIndex].unitNum + "单元",
|
||||
icon: "/img/unit.png"
|
||||
};
|
||||
_children.push(_menuItem);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<vc:create path="property/floorUnitTree" callBackListener="roomStructure"></vc:create>
|
||||
<vc:create path="property/floorUnitAllTree" callBackListener="roomStructure"></vc:create>
|
||||
</div>
|
||||
<div class="col-md-10 margin-bottom " v-if="roomStructureInfo.layerRoomCount < 5">
|
||||
<div class="row margin-top-xs bg-white border-radius">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user