|  | @@ -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>
 |