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>

全局缓存、组件通讯

  1. 全局缓存是响应式的,如:A页面缓存的对象同时在B页面显示,修改值后A、B两个页显示都会变化
  2. 全局缓存可以缓存任意对象、属性、方法
<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>
Last Updated 2025/1/26 12:08:22