|
@@ -1,259 +0,0 @@
|
|
|
-<template>
|
|
|
- <el-drawer :title="form.${pk.attrName} ? (detail ? '详情' : '编辑') : '添加'" v-model="visible" size="50%">
|
|
|
- <el-form ref="dataFormRef" :model="form" :rules="dataRules" label-width="90px" :disabled="detail" v-loading="loading">
|
|
|
- <el-row :gutter="24">
|
|
|
-#foreach($field in $formList)
|
|
|
-#if($field.attrName != ${pk.attrName})
|
|
|
-#if($formLayout == 1)
|
|
|
- <el-col :span="24" class="mb20">
|
|
|
-#elseif($formLayout == 2)
|
|
|
- <el-col :span="12" class="mb20">
|
|
|
-#end
|
|
|
-#if($field.formType == 'text')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-input v-model="form.${field.attrName}" placeholder="请输入#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'textarea')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-input type="textarea" v-model="form.${field.attrName}" placeholder="请输入#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'select')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-select v-model="form.${field.attrName}" placeholder="请选择#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end">
|
|
|
- #if($field.fieldDict)
|
|
|
- <el-option :value="item.value" :label="item.label" v-for="(item, index) in ${field.fieldDict}" :key="index"></el-option>
|
|
|
- #end
|
|
|
- #if(!$field.fieldDict)
|
|
|
- <el-option label="请选择">0</el-option>
|
|
|
- #end
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'radio')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-radio-group v-model="form.${field.attrName}">
|
|
|
- #if($field.fieldDict)
|
|
|
- <el-radio :label="item.value" v-for="(item, index) in ${field.fieldDict}" border :key="index">{{ item.label }}
|
|
|
- </el-radio>
|
|
|
- #else
|
|
|
- <el-radio label="${field.fieldComment}" border>${field.fieldComment}</el-radio>
|
|
|
- #end
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'checkbox')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-checkbox-group v-model="form.${field.attrName}">
|
|
|
- #if($field.fieldDict)
|
|
|
- <el-checkbox :label="item.value" v-for="(item, index) in ${field.fieldDict}" :key="index">{{ item.label }}</el-checkbox>
|
|
|
- #end
|
|
|
- #if(!$field.fieldDict)
|
|
|
- <el-checkbox label="启用" name="type"></el-checkbox>
|
|
|
- <el-checkbox label="禁用" name="type"></el-checkbox>
|
|
|
- #end
|
|
|
- </el-checkbox-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'date')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-date-picker type="date" placeholder="请选择#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" v-model="form.${field.attrName}" :value-format="dateStr"></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'datetime')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-date-picker type="datetime" placeholder="请选择#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" v-model="form.${field.attrName}" :value-format="dateTimeStr"></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'number')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <el-input-number :min="1" :max="1000" v-model="form.${field.attrName}" placeholder="请输入#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'upload-file')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <upload-file v-model="form.${field.attrName}"></upload-file>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'upload-img')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <upload-img v-model:imageUrl="form.${field.attrName}"></upload-img>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#elseif($field.formType == 'editor')
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${field.attrName}">
|
|
|
- <editor v-model:get-html="form.${field.attrName}" placeholder="请输入#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end"></editor>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#end
|
|
|
-#if(!$field.formType)
|
|
|
- <el-form-item label="#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end" prop="${column.attrName}">
|
|
|
- <el-input v-model="form.${field.attrName}" placeholder="请输入#if(${field.fieldComment})${field.fieldComment}#else ${field.attrName}#end"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-#end
|
|
|
-#end
|
|
|
-#end
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="24">
|
|
|
- <sc-form-table
|
|
|
- v-model="form.${childClassName}List"
|
|
|
- :addTemplate="childTemp"
|
|
|
- @delete="deleteChild"
|
|
|
- placeholder="暂无数据"
|
|
|
- >
|
|
|
-#set($ignoreColumnList = ["create_by","create_time","update_by","update_time","del_flag","tenant_id"])
|
|
|
-#foreach($field in $childFieldList)
|
|
|
-#if($field.primaryPk == '1')
|
|
|
-#elseif($ignoreColumnList.contains(${field.fieldName}))
|
|
|
-#elseif($field.attrName == $childField)
|
|
|
-#else
|
|
|
- <el-table-column label="${field.fieldComment}" prop="${field.attrName}">
|
|
|
- <template #default="{ row, $index }">
|
|
|
- <el-form-item :prop="`${childClassName}List.${$index}.${field.attrName}`" :rules="[{ required: true, trigger: 'blur' }]">
|
|
|
- <el-input v-model="row.${field.attrName}" style="width: 100%" />
|
|
|
- </el-form-item>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-#end
|
|
|
-#end
|
|
|
- </sc-form-table>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <template #footer>
|
|
|
- <span class="dialog-footer">
|
|
|
- <el-button @click="visible = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="onSubmit" :disabled="loading">确认</el-button>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-drawer>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script setup lang="ts" name="${ClassName}Dialog">
|
|
|
-import { useDict } from '/@/hooks/dict';
|
|
|
-import { rule } from '/@/utils/validate';
|
|
|
-import { useMessage } from "/@/hooks/message";
|
|
|
-import { getObj, addObj, putObj, delChildObj } from '/@/api/${moduleName}/${functionName}'
|
|
|
-const scFormTable = defineAsyncComponent(() => import('/@/components/FormTable/index.vue'));
|
|
|
-const emit = defineEmits(['refresh']);
|
|
|
-
|
|
|
-// 定义变量内容
|
|
|
-const dataFormRef = ref();
|
|
|
-const visible = ref(false);
|
|
|
-const loading = ref(false);
|
|
|
-const detail = ref(false);
|
|
|
-
|
|
|
-// 定义字典
|
|
|
-#set($fieldDict=[])
|
|
|
-#foreach($field in $gridList)
|
|
|
- #if($field.fieldDict)
|
|
|
- #set($void=$fieldDict.add($field.fieldDict))
|
|
|
- #end
|
|
|
-#end
|
|
|
-#if($fieldDict)
|
|
|
-const { $dict.format($fieldDict) } = useDict($dict.quotation($fieldDict))
|
|
|
-#end
|
|
|
-
|
|
|
-// 提交表单数据
|
|
|
-const form = reactive({
|
|
|
-#if(!$formList.contains(${pk.attrName}))
|
|
|
- ${pk.attrName}:'',
|
|
|
-#end
|
|
|
-#foreach($field in $formList)
|
|
|
-#if($field.formType == 'number')
|
|
|
- ${field.attrName}: 0,
|
|
|
-#elseif($field.formType == 'checkbox')
|
|
|
- ${field.attrName}: [],
|
|
|
-#else
|
|
|
- ${field.attrName}: '',
|
|
|
-#end
|
|
|
-#end
|
|
|
- ${childClassName}List:[],
|
|
|
-});
|
|
|
-
|
|
|
-const childTemp = reactive({
|
|
|
- #foreach($field in $childFieldList)
|
|
|
- ${field.attrName}: '',
|
|
|
- #end
|
|
|
-})
|
|
|
-
|
|
|
-// 定义校验规则
|
|
|
-const dataRules = ref({
|
|
|
-#foreach($field in $formList)
|
|
|
-#if($field.formRequired && $field.formValidator)
|
|
|
- ${field.attrName}: [{required: true, message: '${field.fieldComment}不能为空', trigger: 'blur'}, { validator: rule.${field.formValidator}, trigger: 'blur' }],
|
|
|
-#elseif($field.formRequired)
|
|
|
- ${field.attrName}: [{required: true, message: '${field.fieldComment}不能为空', trigger: 'blur'}],
|
|
|
-#elseif($field.formValidator)
|
|
|
- ${field.attrName}: [{ validator: rule.${field.formValidator}, trigger: 'blur' }],
|
|
|
-#end
|
|
|
-#end
|
|
|
-})
|
|
|
-
|
|
|
-// 打开弹窗
|
|
|
-const openDialog = (id: string, isDetail: boolean) => {
|
|
|
- visible.value = true
|
|
|
- detail.value = isDetail
|
|
|
- form.${pk.attrName} = ''
|
|
|
-
|
|
|
- // 重置表单数据
|
|
|
- nextTick(() => {
|
|
|
- dataFormRef.value?.resetFields();
|
|
|
- form.${childClassName}List = [];
|
|
|
- });
|
|
|
-
|
|
|
- // 获取${className}信息
|
|
|
- if (id) {
|
|
|
- form.${pk.attrName} = id
|
|
|
- get${ClassName}Data(id)
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-// 提交
|
|
|
-const onSubmit = async () => {
|
|
|
- const valid = await dataFormRef.value.validate().catch(() => {});
|
|
|
- if (!valid) return false;
|
|
|
-
|
|
|
- try {
|
|
|
- loading.value = true;
|
|
|
- form.${pk.attrName} ? await putObj(form) : await addObj(form);
|
|
|
- useMessage().success(form.${pk.attrName} ? '修改成功' : '添加成功');
|
|
|
- visible.value = false;
|
|
|
- emit('refresh');
|
|
|
- } catch (err: any) {
|
|
|
- useMessage().error(err.msg);
|
|
|
- } finally {
|
|
|
- loading.value = false;
|
|
|
- }
|
|
|
-};
|
|
|
-#foreach ($field in $childFieldList)
|
|
|
-#if($field.primaryPk == '1')
|
|
|
-#set($childPkName=$field.attrName)
|
|
|
-#end
|
|
|
-#end
|
|
|
-// 删除子表数据
|
|
|
-const deleteChild = async (obj: { $childPkName: string }) => {
|
|
|
- if (obj.$childPkName) {
|
|
|
- try {
|
|
|
- await delChildObj([obj.$childPkName]);
|
|
|
- useMessage().success('删除成功');
|
|
|
- } catch (err: any) {
|
|
|
- useMessage().error(err.msg);
|
|
|
- }
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-// 初始化表单数据
|
|
|
-const get${ClassName}Data = (id: string) => {
|
|
|
- // 获取数据
|
|
|
- getObj(id).then((res: any) => {
|
|
|
- Object.assign(form, res.data)
|
|
|
- })
|
|
|
-};
|
|
|
-
|
|
|
-// 暴露变量
|
|
|
-defineExpose({
|
|
|
- openDialog
|
|
|
-});
|
|
|
-</script>
|