micro-ui-y
Version:
194 lines (140 loc) • 6.58 kB
Markdown
1.安装
npm install micro-ui-y --save
2.引用
import {_utils} from 'micro-ui-y'
3.utils API 属性
// _Platform 平台
_utils._Platform.equipment;//判断是否是Pc 浏览器还是手机 返回值 : PC APP
_utils._Platform.is_weixn();//是否时微信浏览器打开的 返回值 : true false
// _Cache 缓存
_utils._Cache.setCookie(key, value, exdays=1);//设置cookie 只能字符串 对象也需转字符串
_utils._Cache.getCookie(key);//获取cookie
_utils._Cache.setLocal(key, value);//设置localStorage 只能字符串 对象也需转字符串
_utils._Cache.getLocal(key);//获取localStorage
_utils._Cache.setSession(key, value);//设置sessionStorage 只能字符串 对象也需转字符串
_utils._Cache.getSession(key);//获取sessionSession
// _Tree 树
_utils._Tree.renderTree(treeArr = [], idName = "id", fIdName = "fId");//根据结构id和fId生成树
_utils._Tree.getTreeList(treeArr = [], idName = "id", fIdName = "fId");//根据结构id和fId生成树
_utils._Tree.getFId(tree, id, idName = "id", childList = 'childList');//获取根据id获取fid
getCId 待补上
_utils._Tree.getSearch(value, tree, searchName = "orgName", childList = "subList");//根据输入值搜索树结果
renderDepartmentStaff 待补上
// _Date 日期
_utils._Date.formatTen(num);//个位转十位
_utils._Date.yearType(year);//判断平年 闰年
_utils._Date.monthMaxDay(year, month);//获取某月份最后一天
_utils._Date.getMonthMaxDay(year, month);//获取某月份最后一天
_utils._Date.format(date, type);//转换日期格式,type类型有:"yyyy-MM-dd","yyyy/MM/dd","yyyy.MM.dd","yyyy-MM-dd HH:mm:ss"
_utils._Date.getWeek(date, type = "cn");//根据日期获取当前一周日期,type cn:"中国标准日期 周一到周日" en:"美国标准日期 周日到周六"
4. 使用方式
import React, {Component} from "react";
import {_utils} from "micro-ui-y";
class TestUtils extends Component {
constructor(props) {
super(props);
this.state = {}
};
render() {
//测试平台
let equipment = _utils._Platform.equipment;//判断是否是Pc 浏览器还是手机 返回值 : PC APP
let is_weixn = _utils._Platform.is_weixn();//是否时微信浏览器打开的 返回值 : true false
console.log("equipment:", equipment);
console.log("is_weixn:", is_weixn);
//测试缓存 cookie Local Session
_utils._Cache.setCookie("name", "古福艳");//设置cookie 只能字符串 对象也需转字符串
let name = _utils._Cache.getCookie("name");//获取cookie
console.log("getCookie-name:", name);
_utils._Cache.setLocal("userinfo", JSON.stringify({name: "古福艳"}));//设置localStorage 只能字符串 对象也需转字符串
let userinfo = _utils._Cache.getLocal("userinfo");//获取localStorage
console.log("getLocal-userinfo:", userinfo);
_utils._Cache.setSession("userinfo", JSON.stringify({name: "张三", age: 24}));//设置sessionStorage 只能字符串 对象也需转字符串
let person = _utils._Cache.getSession("userinfo");//获取sessionSession
console.log("getSession-person:", person);
/*测试树*/
let dept2 = [
{
"fId": 1001,
"orgId": 1021,
"orgName": "业务二部1"
},
{
"fId": 1001,
"orgId": 1024,
"orgName": "业务二部4"
},
{
"fId": 1001,
"orgId": 1022,
"orgName": "业务二部2"
},
{
"fId": 1001,
"orgId": 1023,
"orgName": "业务二部3"
},
{
"fId": 0,
"orgId": 1001,
"orgName": "业务一部"
},
{
"fId": 1021,
"orgId": 1031,
"orgName": "业务二部3"
},
{
"fId": 1021,
"orgId": 1032,
"orgName": "业务二部3"
},
{
"fId": 1021,
"orgId": 1033,
"orgName": "业务二部3"
},
{
"fId": 0,
"orgId": 2001,
"orgName": "拓展一部"
},
{
"fId": 2001,
"orgId": 2011,
"orgName": "拓展一部1"
},
];
console.log("修改前的树:", dept2);
let tree = _utils._Tree.renderTree(dept2, "orgId", "fId");
console.log("修改后的树renderTree:", tree);
let tree2 = _utils._Tree.renderTree(dept2, "orgId", "fId");
console.log("修改后的树getTreeList:", tree2);
let fids = _utils._Tree.getFId(tree, 1032, "orgId");
console.log("根据id查找父类id:", fids);
//getCId 待完善
let searchData = _utils._Tree.getSearch("一", tree2, "orgName", "childList");
console.log("根据输入值搜索树结果:", searchData);
//测试日期
let num = _utils._Date.formatTen(3);//个位转十位
let yearType = _utils._Date.yearType(2019);//判断 平年 闰年
let monthMaxDay = _utils._Date.monthMaxDay(2019, 1);//获取某月份的最大天数,月份传 1-12
let getMonthMaxDay = _utils._Date.getMonthMaxDay(2019, 1);//获取某月份的最大天数,方法二
let date = _utils._Date.format(new Date(), "yyyy-MM-dd HH:mm:ss"); //日期转换类型,类型有:yyyy-MM-dd,yyyy/MM/dd,yyyy.MM.dd,yyyy-MM-dd HH:mm:ss
let getWeek = _utils._Date.getWeek(new Date(), "en");//获取某天日日期的那一周,type传 en(日-六) cn(一-日)
console.log("个位转十位:", num);
console.log("判断平年/闰年:", yearType);
console.log("获取某月份的最大天数:", monthMaxDay);
console.log("日期转换类型 yyyy-MM-dd HH:mm:ss", date);
console.log("获取某天的那一周:", getWeek);
return (
<div>
请打开控制台查看日志
</div>
)
};
}
export default TestUtils
5.help
2019-06-28
fuyan Gu
1303928929.com