前端if else_应该记录的一些项目代码(前端)

8c01ad18a9c3e8becfd5c704c28e999d.png

1.共享登录(单点登录)主要是前端部分

主要是根据是否有cookie来判断是否已经登录主系统,然后再根据是否有当前系统的登录信息来(这块主要是sessionStorage做的)判断是否要再登录当前系统。

设置、读取和设置cookie的方法

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(); 
}

2.部门树的数据处理

后台返回的数据结构如下,需要处理成一维数组。

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>

3.一些处理数据的方式

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}}})

前端渣渣摸鱼时间所录,先就这些,想到再写,如有问题请指出。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/395223.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Mac端解决(含修改8.0.13版的密码):Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)...

1. 安装mysql但是从来没启动过&#xff0c;今天一启动就报错&#xff1a; Cant connect to local MySQL server through socket /tmp/mysql.sock (2) 其实是mysql服务没起来。。。 localhost:~ miaoying$ mysql.server start Starting MySQL ... SUCCESS! 然后再去sudo mysql就…

塔塔建网站服务器,塔塔帝国忘记哪个区怎么办

7条解答1.在哪个区玩战舰帝国忘记了怎么办?忘了的话可以去官网登陆看看自己的 充值 或者礼包记录 有没有对应的区服 或者电话联系问问客服 通过账号 角色名字来查询2.我忘记在哪个区怎么找如果你有游戏人生资格的话&#xff0c;就很容易找了&#xff0c;在游戏人生的个人主页里…

Ixia推出首款太比特级网络安全测试平台

2016年11月18日&#xff0c;Ixia宣布推出全新CloudStorm平台。作为首款太比特级网络安全测试平台&#xff0c;该平台拥有前所未有的非凡性能&#xff0c;可用于测试及验证超大规模云数据中心不断扩大的容量、效率以及弹性。 ▲Ixia CloudStorm安全测试平台 CloudStorm的正式面市…

服务器选择重装系统,云服务器重装系统选择

云服务器重装系统选择 内容精选换一换将外部镜像文件注册成云平台的私有镜像后&#xff0c;您可以使用该镜像创建新的云服务器&#xff0c;或对已有云服务器的系统进行重装和更换。本节介绍使用镜像创建云服务器的操作。您可以按照通过镜像创建云服务器中的操作指导创建弹性云服…

Gartner Q2服务器市场报告5大要点

服务器场景调查 根据市场研究公司Gartner的调查报告&#xff0c;第二季度Dell的服务器市场取得了丰富的成果&#xff0c;HPE的市场份额比去年同期略有下降&#xff0c;但仍保留了其全球服务器市场第一的位置。 Gartner表示&#xff0c;全球服务器销售收入在第二季度与去年同期相…

力扣——键盘行

给定一个单词列表&#xff0c;只返回可以使用在键盘同一行的字母打印出来的单词。键盘如下图所示。 示例&#xff1a; 输入: ["Hello", "Alaska", "Dad", "Peace"] 输出: ["Alaska", "Dad"]注意&#xff1a; 你可…

Jmeter 通过json Extracted 来获取 指定的值的id

在没有 精确或模糊查询的接口时可以使用jmeter 获取指定的值的ID import java.lang.String ; String getTargetName"iphone632g"; //判读相应结果中是否包含指定值&#xff1a;iphone632g boolean containsCategoryprev.getResponseDataAsString().contains(getTarge…

Do you have an English name? 你有英文名吗?

文中提到的所有人名都是虚构的&#xff0c;如有雷同&#xff0c;纯属巧合。当然&#xff0c;你的洋名儿也可能是德文、法文、意大利文&#xff0c;等々々々。 全球化时代&#xff0c;和老外的交流也多了。“高端”的程序员想要进欧美系外企&#xff0c;想要出国看世界&#xff…

网络安全不是奢侈品,而是必需品

2016年国家网络安全宣传周于9月19日至25日在武汉隆重举办。《长江日报》记者高萌采访了思科全球副总裁、大中华区首席技术官曹图强&#xff0c;以下是9月19日《长江日报》刊登的采访全文&#xff1a; 思科全球副总裁、大中华区首席技术官曹图强昨日下午&#xff0c;思科全球副总…

AS 自定义 Gradle plugin 插件 案例 MD

Markdown版本笔记我的GitHub首页我的博客我的微信我的邮箱MyAndroidBlogsbaiqiantaobaiqiantaobqt20094baiqiantaosina.comAS 自定义 Gradle plugin 插件 案例 MD 目录 目录AS 中自定义 Gradle plugin编写插件传递参数发布插件到仓库使用插件AS 中自定义 Gradle plugin 参考1 参…

中英文对照 —— 机械

0. 汽车 relay&#xff1a;继电器&#xff0c;clutch&#xff1a;离合&#xff1b; motor&#xff1a;发动机&#xff08;马达&#xff09;&#xff1b;档位&#xff1a; park&#xff1a;停车挡braking&#xff1a;制动&#xff08;也就是刹车&#xff09;空挡&#xff1a;neu…

机票垂直搜索引擎的性能优化

机票垂直搜索引擎的性能优化 原文:机票垂直搜索引擎的性能优化一、行业背景与垂直搜索我们先了解一下机票的行业背景&#xff0c;下图是由中航信统计的数据&#xff0c;蓝色的曲线代表平均每公里的票价&#xff0c;红色曲线指的是客运量。从2011年到2016年&#xff0c;无论是国…

Unity3D 装备系统学习Inventory Pro 2.1.2 基础篇

前言 前一篇 Unity3D 装备系统学习Inventory Pro 2.1.2 总结 基本泛泛的对于Inventory Pro 这个插件进行了讲解&#xff0c;主要是想提炼下通用装备系统结构和类体系。前两天又读了另一个插件 C# Inventory-uGui v2.0.1的源码&#xff08;应该也是老外写的&#xff09;&#xf…

Java项目问题_Java项目出现的问题01----学习

0 运行环境MyEcplise2016Tomcat8.01今天在html的表格提交跳转时发现&#xff0c;想要提交到自己写servlet程序中&#xff0c;却发现总是出错http://localhost:8080/Test4/Test4/fail.html多出一个项目路径/Test4&#xff0c;但是程序没有任何问题&#xff0c;最后发现是在Ecpli…

混合云:公共云和私有云之间取得平衡的方式?

在可预见的未来&#xff0c;混合云是现实的&#xff0c;但真正的收获是试图找出企业最终朝向公共或私人资源是否平衡。 你在与任何技术供应商沟通时&#xff0c;也许会涉及到数据中心&#xff0c;但大多会提到云计算的三种方式&#xff1a;私有云&#xff0c;公共云&#xff0c…

腾腾流氓,云云更流氓(问微信怎样接入支付宝支付),手贱的赶紧点,你会感谢我的...

草原上的两匹马&#xff01; 打从当年微信开始布局公众号之初时&#xff0c;估计就已经想到了与支付宝正面冲突的场面&#xff0c;所以微信先来个瞒天过海&#xff0c;在春晚搞了个微信红包&#xff0c;那叫一个火呀&#xff0c;此时的云云隐隐感觉到些许不安。 早期的微信开发…

java中的string是什么_什么是String

2017-07-28String和StringBufString namenew String("HuangWeiFeng");System。out。println(name"is my name");看似已经很精简了&#xff0c;其实并非如此。为了生成二进制的代码&#xff0c;要进行如下的步骤和操作&#xff1a;(1) 生成新的字符串 new S…

MD5与SHA1

一、MD5 MD5消息摘要算法&#xff08;英语&#xff1a;MD5 Message-Digest Algorithm&#xff09;&#xff0c;一种被广泛使用的密码散列函数&#xff0c;可以产生出一个128位&#xff08;16字节&#xff09;的散列值&#xff08;hash value&#xff09;&#xff0c;用于确保信…

java基本类型的默认值及其取值范围

转载于:https://www.cnblogs.com/billyu/p/5843845.html

tair client java_TFS(Taobao File System)Java Client 使用经验

TFS Java客户端的说明tfs-client-java版本选择&#xff1a;---------------------------------------tfs-client-java的版本有&#xff1a;release-2.0.0/tfs-with-large-2.1.1/tfs-client-java-2.1.3/release-2.2.2/release-2.2.3/release-2.2.4/release-2.2.6/最终我选用了tf…