|  | @@ -0,0 +1,259 @@
 | 
	
		
			
				|  |  | +<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>
 |