function setCookie(name,value)
{ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)
{ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); return (arr=document.cookie.match(reg))?unescape(arr[2]):null;
}
function delCookie(name)
{ var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=getCookie(name); if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

deptTree:[{"children":[{"deptId":"001","deptName":"xxx","businessUnit":"000001","treeNodeNum":111111,"need":"Y","children":[{"deptId":"0000011","deptName":"xxxxxx","businessUnit":"00011","treeNodeNum":5555,"need":"Y"},...]

loopDept: function (data) {var _this = this;var deptTreeNode = [];if (data.need == 'Y') {deptTreeNode.push(data.deptId);}if (data.children) {data.children.forEach(function (node) {var nodes = _this.loopDept(node);deptTreeNode = deptTreeNode.concat(nodes);})}return deptTreeNode;},

<template><ul class="treeList"><liv-for="(item,index) in list":key="index"class="treebox"><span><imgsrc="@/assets/deptIcon.png"alt=""><em @click="goteamerList(item)">{{item.deptName | fixName  }}</em><van-iconname="arrow-up"v-show="!item.showMore && item.children"@click="changeStatus(item)"size="0.4rem"/><van-iconname="arrow-down"v-show="item.showMore && item.children"@click="changeStatus(item)"size="0.4rem"/></span><myTreesv-if="item.children && !item.showMore":list="item.children"></myTrees></li></ul></template>

<script>
export default {name: "myTrees",props: {list: Array},data() {return {scopesDefault: [],scopes: []};},filters:{fixName(value){if(value && value.length > 20){let startStr = value.substring(0,10);let endStr = value.substr(-9,9);return value = startStr+"..."+endStr;}else{return value;}}},methods: {changeStatus(item) {item.showMore = !item.showMore;},scope() {this.list.forEach((item, index) => {if ("children" in item) {this.$set(item, "showMore", true);} else {this.$set(item, "showMore", false);}});},goteamerList(item) {let {businessUnit,deptId,isJKNode,isJRNode} = item;sessionStorage.setItem("deptInfo", JSON.stringify(item));this.$router.push({name: "teamerList",query:{businessUnit,deptId,isJKNode,isJRNode}});}},created() {this.scope();}
};
</script>

list.forEach(function (ele) {//数组设置法if (ele.isInner == 'Y') {if (tempInner[ele.belongCategoryId]) {tempInner[ele.belongCategoryId].push(ele)} else {tempInner[ele.belongCategoryId] = [ele]}} else {if (tempOut[ele.belongCategoryId]) {tempOut[ele.belongCategoryId].push(ele)} else {tempOut[ele.belongCategoryId] = [ele]}}//对象设置法if (ele.isInner == 'Y') {if (tempInner.hasOwnProperty(ele.belongCategoryId)) {tempInner[ele.belongCategoryId] +=  ","+ele.name } else {tempInner[ele.belongCategoryId] = ele.name}} else {if (tempOut.hasOwnProperty(ele.belongCategoryId)) {tempOut[ele.belongCategoryId] +=  ","+ele.name } else {tempOut[ele.belongCategoryId] = ele.name}}})