http请求
<script setup>
import {ref,defineProps,defineEmits,defineExpose,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
//第一个参数:url
//第二个参数:请求的参数
//第三个参数:是否显示发起请求时的提示信息(默认否)
proxy.http.post(url,参数,true).then(x=>{
proxy.$message.success('提示信息')
});
proxy.http.get(url,{},true).then(x=>{
proxy.$message.success('提示信息')
});
//调用接口参数见文档 :http://doc.volcore.xyz/dev/前端Api接口参数传递.html
</script>
日期、时间操作
<script setup>
import {ref,defineProps,defineEmits,defineExpose,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
//获取当前时间(不带时分秒)
const date= proxy.base.getDate();
//获取当前时间(带时分秒)
const date= proxy.base.getDate(true);
//日期+15天
let date3 = proxy.base.addDays("2023-05-04", 15);
//日期-15天
let date4 = proxy.base.addDays("2023-05-04", -15);
//日期-2个月
let date4 = proxy.base.addMonth("2023-05-04", -2);
//判断值是否为空
let b=proxy.base.isEmpty('值');
//图片转换为路径
let imgs=proxy.base.getImg('/xx/1.png,/xx/2.png');
</script>
全局缓存、组件通讯
全局缓存是响应式的,如:A页面缓存的对象同时在B页面显示,修改值后A、B两个页显示都会变化
全局缓存可以缓存任意对象、属性、方法
<script setup>
import {ref,defineProps,defineEmits,defineExpose,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
//全局缓存,obj可以是任意对象,包括对象、属性、方法等
proxy.base.setItem("key",obj)
//获取缓存对象(上面缓存对象后,在其他任意页面都可以通过getItem获取到缓存的数据)
const obj = proxy.base.getItem("key")
</script>
表单设置焦点
<script setup>
import {onLoad} from '@dcloudio/uni-app'
import {ref,getCurrentInstance,defineEmits,defineProps,watch} from "vue";
const {proxy} = getCurrentInstance();
//表单字段
const editFormFields = ref({});
//表单配置
const editFormOptions = ref([]);
//editFormOptions表单配置,field字段,400=延迟设置时间(毫秒),默认不用填
const test=()=>{
proxy.base.setFormFocus(editFormOptions, field,400)/
}
//test();
</script>
获取表单配置
<script setup>
//其他配置同上
//获取表单配置信息
const data=proxy.base.getFormOption(editFormOptions, field)//editFormOptions表单配置,field字段
</script>
获取表单字典数据源
<script setup>
//其他配置同上
//获取表单数据源(获取下拉框数据字典):editFormOptions表单配置,field字段
const data=proxy.base.getFormDicData(editFormOptions, field)
//这里还可以给数据源手动再添加选项
data.push([{key:1,value:"123"}])
//获取表单数据源文本:editFormOptions表单配置,field字段,key字典选项的key值,如:根据某个值获取数据源的文本显示
const txt=proxy.base.getFormDicItem(editFormOptions, field,key).value
</script>
获取表格字段配置
<script setup>
import {onLoad} from '@dcloudio/uni-app'
import {ref,getCurrentInstance,defineEmits,defineProps,watch} from "vue";
const {proxy} = getCurrentInstance();
//表格配置
const columns = ref([]);
//columns表格配置:columns表格配置,field字段
const column= proxy.base.getColumn(columns, field)
</script>
获取表格字典数据源
<script setup>
//其他配置同上
//获取表单数据源:columns表格配置,field字段
const data=proxy.base.getColumnDicData(columns, field)
//获取表格数据源文本:columns
表格配置,field字段,key字典选项的key值,如:根据某个值获取数据源的文本显示
const txt=proxy.base.getColumnDicItem(columns, field,key).value
</script>
表单数据转换
将vol-form表单字段的值转换为正常数据,如:表单有多选 、图片等,调用方法转换为字符串格式直接提交
<script setup>
import {ref,defineProps,defineEmits,defineExpose,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
//第一个参数为表单字段,第二个参数表单配置
const formValues= proxy.base.getFormValues(formFields, formOptions);
</script>
后台返回的数据转换为vol-form表单格式,如:表单有多选 、图片等,调用方法将返回值转换为vol-form格式
<script setup>
import {ref,defineProps,defineEmits,defineExpose,getCurrentInstance} from 'vue'
const {proxy} = getCurrentInstance();
//第一个参数为表单字段,第二个参数表单配置,第三个参数为给表单设置值的对象(接口返回的值)
const formValues= proxy.base.resetForm(formFields, formOptions,data);
</script>