gaoxing/UNIVPLMDataIntegration
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

代码生成器 editDialog 使用swaggerapi-service和model

Browse Source
This commit is contained in:
CAOMEI\s 2024-07-07 22:43:45 +08:00
parent cca945bfc6
commit dc3b7f4855
1 changed files with 50 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
Admin.NET/Admin.NET.Web.Entry/wwwroot/Template/editDialog.vue.vm
View File

@ -3,26 +3,26 @@
@{string pkFieldName = LowerFirstLetter(pkField.PropertyName);} @{string pkFieldName = LowerFirstLetter(pkField.PropertyName);}
<template> <template>
<div class="@(@Model.LowerClassName)-container"> <div class="@(@Model.LowerClassName)-container">
<el-dialog v-model="isShowDialog" :width="800" draggable="" :close-on-click-modal="false"> <el-dialog v-model="state.isShowDialog" :width="800" draggable="" :close-on-click-modal="false">
<template #header> <template #header>
<div style="color: #fff"> <div style="color: #fff">
<!--<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Edit /> </el-icon>--> <!--<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Edit /> </el-icon>-->
<span>{{ props.title }}</span> <span>{{ props.title }}</span>
</div> </div>
</template> </template>
<el-form :model="ruleForm" ref="ruleFormRef" label-width="auto" :rules="rules"> <el-form :model="state.ruleForm" ref="ruleFormRef" label-width="auto" :rules="rules">
<el-row :gutter="35"> <el-row :gutter="35">
@foreach (var column in Model.TableField){ @foreach (var column in Model.TableField){
if(@column.ColumnKey == "True"){ if(@column.ColumnKey == "True"){
@:<el-form-item v-show="false"> @:<el-form-item v-show="false">
<el-input v-model="ruleForm.@(@column.LowerPropertyName)" /> <el-input v-model="state.ruleForm.@(@column.LowerPropertyName)" />
</el-form-item> </el-form-item>
}else{ }else{
if (@column.WhetherAddUpdate == "Y"){ if (@column.WhetherAddUpdate == "Y"){
if(@column.EffectType == "fk"){ if(@column.EffectType == "fk"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-select clearable filterable v-model="ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)"> @:<el-select clearable filterable v-model="state.ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)">
@:<el-option v-for="(item,index) in @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList" :key="index" :value="item.value" :label="item.label" /> @:<el-option v-for="(item,index) in @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList" :key="index" :value="item.value" :label="item.label" />
@: @:
</el-select> </el-select>
@ -39,7 +39,7 @@
placeholder="请选择@(column.ColumnComment)" placeholder="请选择@(column.ColumnComment)"
clearable="" clearable=""
class="w100" class="w100"
v-model="ruleForm.@(@column.LowerPropertyName)" v-model="state.ruleForm.@(@column.LowerPropertyName)"
> >
<template #default="{ node, data }"> <template #default="{ node, data }">
<span>{{ data.name }}</span> <span>{{ data.name }}</span>
@ -53,7 +53,7 @@
}else if(@column.EffectType == "Input"){ }else if(@column.EffectType == "Input"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-input v-model="ruleForm.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" maxlength="@(@column.ColumnLength)" show-word-limit clearable /> @:<el-input v-model="state.ruleForm.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" maxlength="@(@column.ColumnLength)" show-word-limit clearable />
@: @:
</el-form-item> </el-form-item>
@: @:
@ -61,7 +61,7 @@
}else if(@column.EffectType == "InputNumber"){ }else if(@column.EffectType == "InputNumber"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-input-number v-model="ruleForm.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" clearable /> @:<el-input-number v-model="state.ruleForm.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" clearable />
@: @:
</el-form-item> </el-form-item>
@: @:
@ -69,7 +69,7 @@
}else if(@column.EffectType == "InputTextArea"){ }else if(@column.EffectType == "InputTextArea"){
@:<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> @:<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-input v-model="ruleForm.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" type="textarea" maxlength="@(@column.ColumnLength)" show-word-limit clearable /> @:<el-input v-model="state.ruleForm.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" type="textarea" maxlength="@(@column.ColumnLength)" show-word-limit clearable />
@: @:
</el-form-item> </el-form-item>
@: @:
@ -77,7 +77,7 @@
}else if(@column.EffectType == "Select"){ }else if(@column.EffectType == "Select"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-select clearable v-model="ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)"> @:<el-select clearable v-model="state.ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)">
@:<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="@(@column.NetType.StartsWith("string") ? "item.code" : "Number(item.code)")" :label="`[${item.code}] ${item.value}`"></el-option> @:<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="@(@column.NetType.StartsWith("string") ? "item.code" : "Number(item.code)")" :label="`[${item.code}] ${item.value}`"></el-option>
@: @:
</el-select> </el-select>
@ -88,7 +88,7 @@
}else if(@column.EffectType == "ConstSelector"){ }else if(@column.EffectType == "ConstSelector"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-select clearable v-model="ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)"> @:<el-select clearable v-model="state.ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)">
@:<el-option v-for="(item,index) in getConstType('@column.DictTypeCode')" :key="index" :label="item.name" :value="@(@column.NetType.StartsWith("string") ? "item.code" : "Number(item.code)")">{{ item.name }}</el-option> @:<el-option v-for="(item,index) in getConstType('@column.DictTypeCode')" :key="index" :label="item.name" :value="@(@column.NetType.StartsWith("string") ? "item.code" : "Number(item.code)")">{{ item.name }}</el-option>
@: @:
</el-select> </el-select>
@ -99,7 +99,7 @@
}else if(@column.EffectType == "Switch"){ }else if(@column.EffectType == "Switch"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-switch v-model="ruleForm.@(@column.LowerPropertyName)" active-text="是" inactive-text="否" /> @:<el-switch v-model="state.ruleForm.@(@column.LowerPropertyName)" active-text="是" inactive-text="否" />
@: @:
</el-form-item> </el-form-item>
@: @:
@ -107,7 +107,7 @@
}else if(@column.EffectType == "DatePicker"){ }else if(@column.EffectType == "DatePicker"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-date-picker v-model="ruleForm.@(@column.LowerPropertyName)" type="date" placeholder="@(@column.ColumnComment)" /> @:<el-date-picker v-model="state.ruleForm.@(@column.LowerPropertyName)" type="date" placeholder="@(@column.ColumnComment)" />
@: @:
</el-form-item> </el-form-item>
@: @:
@ -120,9 +120,9 @@
@::show-file-list="false" @::show-file-list="false"
@::http-request="upload@(@column.PropertyName)Handle"> @::http-request="upload@(@column.PropertyName)Handle">
@:<img @:<img
@:v-if="ruleForm.@(@column.LowerPropertyName)" @:v-if="state.ruleForm.@(@column.LowerPropertyName)"
@::src="ruleForm.@(@column.LowerPropertyName)" @::src="state.ruleForm.@(@column.LowerPropertyName)"
@:@@click="ruleForm.@(@column.LowerPropertyName)=''" @:@@click="state.ruleForm.@(@column.LowerPropertyName)=''"
@:style="width: 100%; height: 100%; object-fit: contain"/> @:style="width: 100%; height: 100%; object-fit: contain"/>
@:<el-icon v-else><Plus /></el-icon> @:<el-icon v-else><Plus /></el-icon>
@: @:
@ -134,7 +134,7 @@
}else if(@column.EffectType == "EnumSelector"){ }else if(@column.EffectType == "EnumSelector"){
@:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> @:<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)"> @:<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
@:<el-select clearable v-model="ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)"> @:<el-select clearable v-model="state.ruleForm.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)">
@:<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="@(@column.NetType.StartsWith("string") ? "item.code" : "Number(item.code)")" :label="`${item.name} (${item.code}) [${item.value}]`"></el-option> @:<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="@(@column.NetType.StartsWith("string") ? "item.code" : "Number(item.code)")" :label="`${item.name} (${item.code}) [${item.value}]`"></el-option>
@: @:
</el-select> </el-select>
@ -166,9 +166,20 @@
} }
</style> </style>
<script lang="ts" setup> <script lang="ts" setup>
import { ref,onMounted } from "vue"; import { ref,onMounted, reactive } from "vue";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import type { FormRules } from "element-plus"; import type { FormRules } from "element-plus";
// 接口函数
import { getAPI } from '/@@/utils/axios-utils';
// 接口
import { @(@Model.ClassName)Api } from '/@@/api-services/api';
// 模型
import { Update@(@Model.ClassName)Input } from '/@@/api-services/models';
@if(@Model.TableField.Any(x=>x.EffectType == "ConstSelector")){ @if(@Model.TableField.Any(x=>x.EffectType == "ConstSelector")){
@:import { getConstType } from "/@@/utils/constHelper"; @:import { getConstType } from "/@@/utils/constHelper";
} }
@ -184,16 +195,10 @@
@if(@Model.TableField.Any(x=>x.EffectType == "Upload")){ @if(@Model.TableField.Any(x=>x.EffectType == "Upload")){
@:import { Plus } from "@@element-plus/icons-vue"; @:import { Plus } from "@@element-plus/icons-vue";
@:import { UploadRequestOptions } from "element-plus"; @:import { UploadRequestOptions } from "element-plus";
@:import {@string.Join(",",Model.TableField.Where(x=>x.EffectType == "Upload").Select(x=>"upload"+x.PropertyName).ToList())} from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
} }
import { add@(@Model.ClassName), update@(@Model.ClassName), detail@(@Model.ClassName) } from "/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)";
@foreach (var column in Model.TableField){ @foreach (var column in Model.TableField){
if(@column.EffectType == "ApiTreeSelect" && !definedObjects.ContainsKey("import__@(@column.FkEntityName)Tree")){ if(@column.EffectType == "ApiTreeSelect" && !definedObjects.ContainsKey("import__@(@column.FkEntityName)Tree")){
@{definedObjects.Add("import__@(@column.FkEntityName)Tree", 1);} @{definedObjects.Add("import__@(@column.FkEntityName)Tree", 1);}
@:import { get@(@column.FkEntityName)Tree } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
}
if(@column.EffectType == "fk" && @column.WhetherAddUpdate == "Y"){
@:import { get@(@column.FkEntityName)@(@column.PropertyName)Dropdown } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
} }
} }
@if(@Model.TableField.Any(x=>x.EffectType == "EnumSelector")){ @if(@Model.TableField.Any(x=>x.EffectType == "EnumSelector")){
@ -211,8 +216,11 @@
//父级传递来的函数，用于回调 //父级传递来的函数，用于回调
const emit = defineEmits(["reloadTable"]); const emit = defineEmits(["reloadTable"]);
const ruleFormRef = ref(); const ruleFormRef = ref();
const isShowDialog = ref(false); const state = reactive({
const ruleForm = ref<any>({}); isShowDialog: false,
ruleForm: {} as Update@(@Model.ClassName)Input,
});
//自行添加其他规则 //自行添加其他规则
const rules = ref<FormRules>({ const rules = ref<FormRules>({
@foreach (var column in Model.TableField){ @foreach (var column in Model.TableField){
@ -233,36 +241,39 @@
// 打开弹窗 // 打开弹窗
const openDialog = async (row: any) => { const openDialog = async (row: any) => {
// ruleForm.value = JSON.parse(JSON.stringify(row)); // state.ruleForm = JSON.parse(JSON.stringify(row));
// 改用detail获取最新数据来编辑 // 改用detail获取最新数据来编辑
let rowData = JSON.parse(JSON.stringify(row)); let rowData = JSON.parse(JSON.stringify(row));
if (rowData.id) if (rowData.id)
ruleForm.value = (await detail@(@Model.ClassName)(rowData.id)).data.result; //state.ruleForm = (await detail@(@Model.ClassName)(rowData.id)).data.result;
state.ruleForm = (await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)DetailGet(rowData.id)).data.result;
else else
ruleForm.value = rowData; state.ruleForm = rowData;
isShowDialog.value = true; state.isShowDialog = true;
}; };
// 关闭弹窗 // 关闭弹窗
const closeDialog = () => { const closeDialog = () => {
emit("reloadTable"); emit("reloadTable");
isShowDialog.value = false; state.isShowDialog = false;
}; };
// 取消 // 取消
const cancel = () => { const cancel = () => {
isShowDialog.value = false; state.isShowDialog = false;
}; };
// 提交 // 提交
const submit = async () => { const submit = async () => {
ruleFormRef.value.validate(async (isValid: boolean, fields?: any) => { ruleFormRef.value.validate(async (isValid: boolean, fields?: any) => {
if (isValid) { if (isValid) {
let values = ruleForm.value; let values = state.ruleForm;
if (ruleForm.value.@(@pkFieldName) == undefined || ruleForm.value.@(@pkFieldName) == null || ruleForm.value.@(@pkFieldName) == "" || ruleForm.value.@(@pkFieldName) == 0) { if (state.ruleForm.@(@pkFieldName) == undefined || state.ruleForm.@(@pkFieldName) == null || state.ruleForm.@(@pkFieldName) == "" || state.ruleForm.@(@pkFieldName) == 0) {
await add@(@Model.ClassName)(values); //await add@(@Model.ClassName)(values);
await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)AddPost(state.ruleForm);
} else { } else {
await update@(@Model.ClassName)(values); //await update@(@Model.ClassName)(values);
await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)UpdatePost(state.ruleForm);
} }
closeDialog(); closeDialog();
} else { } else {
@ -278,7 +289,7 @@
if(@column.EffectType == "fk" && @column.WhetherAddUpdate == "Y"){ if(@column.EffectType == "fk" && @column.WhetherAddUpdate == "Y"){
@:const @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList = ref<any>([]); @:const @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList = ref<any>([]);
@:const get@(@column.FkEntityName)@(@column.PropertyName)DropdownList = async () => { @:const get@(@column.FkEntityName)@(@column.PropertyName)DropdownList = async () => {
@:let list = await get@(@column.FkEntityName)@(@column.PropertyName)Dropdown(); @:let list = await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)@(@column.FkEntityName)@(@column.PropertyName)DropdownGet();
@:@LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList.value = list.data.result ?? []; @:@LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList.value = list.data.result ?? [];
@:}; @:};
@:get@(@column.FkEntityName)@(@column.PropertyName)DropdownList(); @:get@(@column.FkEntityName)@(@column.PropertyName)DropdownList();
@ -291,7 +302,7 @@
@{definedObjects.Add("define_get@(@column.FkEntityName)TreeData", 1);} @{definedObjects.Add("define_get@(@column.FkEntityName)TreeData", 1);}
@:const @LowerFirstLetter(@column.FkEntityName)TreeData = ref<any>([]); @:const @LowerFirstLetter(@column.FkEntityName)TreeData = ref<any>([]);
@:const get@(@column.FkEntityName)TreeData = async () => { @:const get@(@column.FkEntityName)TreeData = async () => {
@:let list = await get@(@column.FkEntityName)Tree(); @:let list = await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)@(@column.FkEntityName)TreeGet();
@:@LowerFirstLetter(@column.FkEntityName)TreeData.value = list.data.result ?? []; @:@LowerFirstLetter(@column.FkEntityName)TreeData.value = list.data.result ?? [];
@:}; @:};
@:get@(@column.FkEntityName)TreeData(); @:get@(@column.FkEntityName)TreeData();
@ -314,8 +325,8 @@
if(column.WhetherAddUpdate=="N") continue; if(column.WhetherAddUpdate=="N") continue;
if(@column.EffectType == "Upload"){ if(@column.EffectType == "Upload"){
@:const upload@(@column.PropertyName)Handle = async (options: UploadRequestOptions) => { @:const upload@(@column.PropertyName)Handle = async (options: UploadRequestOptions) => {
@:const res = await upload@(@column.PropertyName)(options); @:let list = await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)Upload@(@column.FkEntityName)PostForm(options);
@:ruleForm.value.@(column.LowerPropertyName) = res.data.result?.url; @:state.ruleForm.@(column.LowerPropertyName) = res.data.result?.url;
@:}; @:};
} }
} }