87 lines
2.6 KiB
HTML
87 lines
2.6 KiB
HTML
<!--
|
||
编辑页面
|
||
Author:vol
|
||
QQ:283591387
|
||
Date:2024
|
||
-->
|
||
<template>
|
||
<vol-edit ref="editRef" :id="id" :table="table" :detail="detail" :details="details" :editFormFields="editFormFields"
|
||
:editFormOptions="editFormOptions" :saveBefore="saveBefore" :labelWidth="70" labelPosition="right"
|
||
:saveAfter="saveAfter" :delBefore="delBefore" @onChange="onChange" :delRowBefore="delRowBefore"
|
||
:delRowAfter="delRowAfter" :loadFormAfter="loadFormAfter">
|
||
<!--<template #header>
|
||
页面slot内容
|
||
</template>
|
||
<template #content>
|
||
页面slot内容
|
||
</template> -->
|
||
</vol-edit>
|
||
</template>
|
||
<script setup>
|
||
import options from "./#TableNameOptions.js";
|
||
import { onLoad } from '@dcloudio/uni-app'
|
||
import { ref, reactive, getCurrentInstance, defineEmits, defineExpose, defineProps, watch, nextTick } from "vue";
|
||
|
||
//发起请求proxy.http.get/post
|
||
//消息提示proxy.$toast()
|
||
|
||
const props = defineProps({ id: '' })
|
||
const id = ref(props.id); //编辑的主键值
|
||
const isAdd = !id.value;//当前是新建还是编辑
|
||
|
||
const { proxy } = getCurrentInstance();
|
||
//发起请求proxy.http.get/post
|
||
//消息提示proxy.$toast()
|
||
|
||
//vol-edit组件对象
|
||
const editRef = ref(null);
|
||
|
||
//编辑、查询、表格配置
|
||
//要对table注册事件、格式化、按钮等，看移动端文档上的table示例配置
|
||
//表单配置看移动端文档上的表单示例配置，searchFormOptions查询配置，editFormOptions编辑配置
|
||
const { table, editFormFields, editFormOptions, detail, details } = reactive(options());
|
||
|
||
//下拉框、日期、radio选择事件
|
||
const onChange = (field, value, item, data) => { }
|
||
|
||
//表单数据加载后方法
|
||
const loadFormAfter = (result) => {
|
||
//isAdd通过判断是新还是编辑状态，可以页面加载后设置一些其他默认值(新建/编辑都可使用)
|
||
//editFormFields.字段=值;
|
||
}
|
||
|
||
//新建、编辑保存前,isAdd判断当前是编辑还是新建操作
|
||
const saveBefore = (formData, isAdd, callback) => {
|
||
callback(true); //返回false，不会保存
|
||
}
|
||
|
||
//新建、编辑保存后
|
||
const saveAfter = (res, isAdd) => { }
|
||
|
||
//主表删除前方法
|
||
const delBefore = async (id, fields) => {
|
||
return true; //返回false不会执行删除
|
||
}
|
||
//明细表删除前
|
||
const delRowBefore = async (rows, table, ops) => {
|
||
// await proxy.http.post(url,{}).then(x => {
|
||
// })
|
||
return true
|
||
}
|
||
|
||
//明细表删除后前
|
||
const delRowAfter = (rows, table, ops) => {
|
||
}
|
||
|
||
//如果是其他页面跳转过来的，获取页面跳转参数
|
||
onLoad((ops) => { })
|
||
|
||
//监听表单输入，做实时计算
|
||
// watch(
|
||
// () => editFormFields.字段,
|
||
// (newValue, oldValue) => {
|
||
// })
|
||
</script>
|
||
<style lang="less" scoped>
|
||
</style>
|