Risun.js使用说明

一. 概述

Risun.js是什么？

二. 使用说明

提示

• 无需引入js直接使用this.risun调用方法
• 调用所有uni的api时请使用 this.risun.$，例如

this.risun.$. navigateTo(
    {
        url:’ ../myMeeting/myMeeting’
    }
)

1. 无参数,无需登陆

this.risun.utils.risunRequest({
  api:'/api/policyCorpus/list',
  loading:'加载中...',
  fn:(type,data,res) => {
		if(type === 'success'){
			console.log('--------',type,data,res)
		}
	}
})

2. 有参数,有token时发送请求

this.risun.utils.risunRequest({
	api:'/api/policyCorpus/list',
	loading:'加载中...',
	token:true,//接口需要验证用户登录时必填参数  
	//参数
	param:{
		key1:'',
		key2:'',
		key3:''
	},
	method:'post',//method:'post' 或 'get' 默认值get
	fn:(type,data,res) => {
		if(type === 'success'){
			console.log('--------',type,data,res)
		}
	}
})

3. 需要发送json数据时的请求

this.risun.utils.risunRequest({
	api:'/api/policyCorpus/list',
	loading:'加载中...',
	defHeader:'json',
	token:true,//接口需要验证用户登录时必填参数  
	//参数
	param:{
		key1:'',
		key2:'',
		key3:''
	},
	method:'post',//method:'post' 或 'get' 默认值get
	fn:(type,data,res) => {
		if(type === 'success'){
			console.log('--------',type,data,res)
		}
  }
})

4. 设置本地存储

this.risun.utils.localStore('值', key)

5. 获取本地存储

this.risun.utils.getLocalStore(key)

6. 删除本地存储

// 返回值为删除成功的当前key的值
this.risun.utils.removeLocalStore(key)

7. 清除本地所有缓存

this.risun.utils. clearLocalStore()

8. 提示消息

• 纯文本

this.risun.utils. alert('你好')

• 文本+图标

this.risun.utils.alert({title:'您好', icon:'success'})

• 文本+图标+时间

this.risun.utils.alert({title:'您好', icon:'success', duration:2000})

9. 加载中

// 开启
this.risun.utils. loading('文字…')
// 关闭 
this.risun.utils. unloading()

10. 将数字保留两位小数

this.risun.utils.keepTwoDecimal(20)   // 返回值 20.00

11. 返回的数据列表是树表结构时需要将数据转换成树展示

// 如数据
{id: 9, parentId: 0, name: '张三爸'}
{id: 10, parentId: 9, name: '张三'}

// 转换如下
this.risun.utils. dataToTrans(list, {
	key:’id’,
	pkey:’parentId’,
	fn:(item) => {
		item.label = item.name;
		return item;
	}
});

// 该函数返回
[
	{
		id: 9,
		parentid: 0,
		name: '张三爸',
		label: '张三爸',
		children:[{
				id: 10,
				parentid: 9,
				name: '张三',
				label: '张三'
		}]	
	}
]

12. 如果接口中个返回的数据有图片或文件

// 例如
this.risun.utils.risunRequest({
	api:’’,
	fn: (type,data,res) => {
		if(type === 'success') {
			const list = data || res.data || [];
			list.forEach(item => {
				//将图片的相对路径处理成绝对路径
				const _img = item.img 
				if(_img) {
					item.imgs = this.$risun.utils.dealImg(item.img.split(‘,’))
				} else {
					item.imgs = [];
				}
			})
			this.list = list;
		}
	}
})

// 页面绑定数据时
<view v-for="item in list">
	<view class="ui-risun-img-box" v-if="item.imgs && item.imgs,length>0">
		<img :src="img" v-for="img in item.imgs"
	</view>
	<view> 
		{{item.name}}
	</view>
</view>