fix 系统监控-go程序实时内存占用,代码生成-setup语法糖支持
This commit is contained in:
yxh
parent
f10fa5ce75
commit
38f66c91de
@ -10,6 +10,7 @@ import (
|
||||
"github.com/shirou/gopsutil/v3/host"
|
||||
"github.com/shirou/gopsutil/v3/load"
|
||||
"github.com/shirou/gopsutil/v3/mem"
|
||||
"github.com/shirou/gopsutil/v3/process"
|
||||
"github.com/tiger1103/gfast/v3/api/v1/system"
|
||||
"github.com/tiger1103/gfast/v3/library/libUtils"
|
||||
"os"
|
||||
@ -62,12 +63,15 @@ func (c *sysMonitorController) List(ctx context.Context, req *system.MonitorSear
|
||||
var goFree uint64 = 0 //go剩余的内存数
|
||||
var goUsage float64 = 0 //使用率
|
||||
|
||||
var gomem runtime.MemStats
|
||||
runtime.ReadMemStats(&gomem)
|
||||
goUsed = gomem.Sys
|
||||
p, err := process.NewProcess(int32(os.Getpid()))
|
||||
if err == nil {
|
||||
memInfo, err := p.MemoryInfo()
|
||||
if err == nil {
|
||||
goUsed = memInfo.RSS
|
||||
goUsage = gconv.Float64(fmt.Sprintf("%.2f", gconv.Float64(goUsed)/gconv.Float64(memTotal)*100))
|
||||
}
|
||||
}
|
||||
sysComputerIp := "" //服务器IP
|
||||
|
||||
ip, err := libUtils.GetLocalIP()
|
||||
if err == nil {
|
||||
sysComputerIp = ip
|
||||
|
||||
@ -192,7 +192,7 @@ func (s *sToolsGenTableColumn) InitColumnField(column *entity.ToolsGenTableColum
|
||||
column.SortOrderList = column.SortOrderEdit
|
||||
column.SortOrderDetail = column.SortOrderEdit
|
||||
column.SortOrderQuery = column.SortOrderEdit
|
||||
column.ColSpan = 12
|
||||
column.ColSpan = 1
|
||||
column.RowSpan = 1
|
||||
column.IsRowStart = false
|
||||
column.MinWidth = 150
|
||||
|
||||
@ -9,5 +9,5 @@ package consts
|
||||
|
||||
const (
|
||||
Logo = `CiAgIF9fX19fX19fX19fXyAgICAgICAgICAgX18gCiAgLyBfX19fLyBfX19fL19fXyBfX19fX18vIC9fCiAvIC8gX18vIC9fICAvIF9fIGAvIF9fXy8gX18vCi8gL18vIC8gX18vIC8gL18vIChfXyAgKSAvXyAgClxfX19fL18vICAgIFxfXyxfL19fX18vXF9fLyAg`
|
||||
Version = "3.2.27"
|
||||
Version = "3.2.28"
|
||||
)
|
||||
|
||||
@ -10,70 +10,109 @@
|
||||
<template #header>
|
||||
<h4>{{.table.TableComment}}详情</h4>
|
||||
</template>
|
||||
<el-form ref="formRef" :model="formData" label-width="100px">
|
||||
{{ $hasRowEnd := true }}
|
||||
<el-descriptions
|
||||
class="margin-top"
|
||||
:column="3"
|
||||
border
|
||||
style="margin: 8px;"
|
||||
>
|
||||
{{range $index, $column := .table.DetailColumns}}
|
||||
{{if and (eq $column.IsRowStart true) (ne $index 0)}}
|
||||
{{ $hasRowEnd = true }}
|
||||
</el-row>
|
||||
{{end}}
|
||||
{{if or (eq $column.IsRowStart true) (eq $index 0)}}
|
||||
{{ $hasRowEnd = false }}
|
||||
<el-row>
|
||||
{{end}}
|
||||
{{if eq $column.HtmlType "input" "textarea" "radio" "checkbox" "select" "selects" "treeSelect" "treeSelects"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{range $ti, $linkedTable := $.table.LinkedTables}}
|
||||
{{if eq $column.LinkTableClass $linkedTable.ClassName}}
|
||||
{{if eq $column.HtmlType "selects" "checkbox" "treeSelects"}}
|
||||
<el-form-item label="{{$column.ColumnComment}}">{{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.map((res:any)=>{return res.{{CaseCamelLower $column.LinkLabelName}}}).join('，'):'' {{"}}"}}</el-form-item>
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
{{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.map((res:any)=>{return res.{{CaseCamelLower $column.LinkLabelName}}}).join('，'):'' {{"}}"}}
|
||||
{{else}}
|
||||
<el-form-item label="{{$column.ColumnComment}}">{{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.{{CaseCamelLower $column.LinkLabelName}}:'' {{"}}"}}</el-form-item>
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
{{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.{{CaseCamelLower $column.LinkLabelName}}:'' {{"}}"}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{else if ne $column.DictType ""}}
|
||||
{{if eq $column.HtmlType "checkbox" }}
|
||||
<el-form-item label="{{$column.ColumnComment}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
<el-tag class="ml-2" type="success" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
|
||||
{{"{{"}} proxy.getOptionValue(item, {{$column.HtmlField}}Options,'value','label') {{"}}"}}
|
||||
</el-tag>
|
||||
</el-form-item>
|
||||
{{else}}
|
||||
<el-form-item label="{{$column.ColumnComment}}">{{"{{"}} proxy.getOptionValue({{if eq $column.TsType "boolean"}}formData.{{$column.HtmlField}}?'1':'0'{{else}}formData.{{$column.HtmlField}}{{end}}, {{$column.HtmlField}}Options,'value','label') {{"}}"}}</el-form-item>
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
{{"{{"}} proxy.getOptionValue({{if eq $column.TsType "boolean"}}formData.{{$column.HtmlField}}?'1':'0'{{else}}formData.{{$column.HtmlField}}{{end}}, {{$column.HtmlField}}Options,'value','label') {{"}}"}}
|
||||
{{end}}
|
||||
{{else}}
|
||||
<el-form-item label="{{$column.ColumnComment}}">{{"{{"}} formData.{{$column.HtmlField}} {{"}}"}}</el-form-item>
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
{{"{{"}} formData.{{$column.HtmlField}} {{"}}"}}
|
||||
{{end}}
|
||||
</el-col>
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "date"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-form-item label="{{$column.ColumnComment}}">{{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d}') {{"}}"}}</el-form-item>
|
||||
</el-col>
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
{{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d}') {{"}}"}}
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "datetime"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-form-item label="{{$column.ColumnComment}}">{{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d} {h}:{i}:{s}') {{"}}"}}</el-form-item>
|
||||
</el-col>
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
{{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d} {h}:{i}:{s}') {{"}}"}}
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "richtext"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-form-item label="{{$column.ColumnComment}}">
|
||||
<p v-html="formData.{{$column.HtmlField}}"></p>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
<div v-html="formData.{{$column.HtmlField}}"></div>
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "imagefile"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-form-item label="{{$column.ColumnComment}}">
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
<el-image
|
||||
style="width: 150px; height: 150px"
|
||||
v-if="!proxy.isEmpty(formData.{{$column.HtmlField}})"
|
||||
:src="proxy.getUpFileUrl(formData.{{$column.HtmlField}})"
|
||||
fit="contain"></el-image>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "images"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-form-item label="{{$column.ColumnComment}}">
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
<div class="pic-block" v-for="(img,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
|
||||
<el-image
|
||||
style="width: 150px; height: 150px"
|
||||
@ -81,38 +120,45 @@
|
||||
:src="proxy.getUpFileUrl(img.url)"
|
||||
fit="contain"></el-image>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "file"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-form-item label="{{$column.ColumnComment}}">
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
<div class="file-block" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
|
||||
<el-link type="primary" :underline="false"
|
||||
:href="proxy.getUpFileUrl(item.url)" target="_blank">{{"{{"}}item.name{{"}}"}}</el-link>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "files"}}
|
||||
<el-col :span="{{$column.ColSpan}}">
|
||||
<el-form-item label="{{$column.ColumnComment}}">
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
<div class="file-block" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
|
||||
<el-link type="primary" :underline="false"
|
||||
:href="proxy.getUpFileUrl(item.url)" target="_blank">{{"{{"}}item.name{{"}}"}}</el-link>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-descriptions-item>
|
||||
{{else if eq $column.HtmlType "keyValue"}}
|
||||
<el-form-item label="{{$column.ColumnComment}}">
|
||||
<el-descriptions-item :span="{{$column.ColSpan}}">
|
||||
<template #label>
|
||||
<div class="cell-item">
|
||||
{{$column.ColumnComment}}
|
||||
</div>
|
||||
</template>
|
||||
<el-tag class="ml-2" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
|
||||
{{"{{"}} item.key {{"}}"}} : {{"{{"}} item.value {{"}}"}}
|
||||
</el-tag>
|
||||
</el-form-item>
|
||||
</el-descriptions-item>
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{if not $hasRowEnd}}
|
||||
</el-row>
|
||||
{{end}}
|
||||
</el-form>
|
||||
</el-descriptions>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
@ -139,7 +185,7 @@
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
<script lang="ts">
|
||||
<script setup lang="ts">
|
||||
import { reactive, toRefs, defineComponent,ref,unref,getCurrentInstance,computed } from 'vue';
|
||||
import {ElMessageBox, ElMessage, FormInstance,UploadProps} from 'element-plus';
|
||||
{{/*去重处理*/}}
|
||||
@ -175,25 +221,11 @@
|
||||
{{.table.ClassName}}TableDataState,
|
||||
{{.table.ClassName}}EditState
|
||||
} from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/model"
|
||||
export default defineComponent({
|
||||
name:"{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail",
|
||||
defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail"})
|
||||
{{$hascomponent := false}}
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
{{$hascomponent = true}}
|
||||
{{end}}
|
||||
{{if $hascomponent}}
|
||||
components:{
|
||||
{{if $editImp}}
|
||||
GfUeditor,
|
||||
{{end}}
|
||||
{{if $imgsImp}}
|
||||
uploadImg,
|
||||
{{end}}
|
||||
{{if $fileImp}}
|
||||
uploadFile,
|
||||
{{end}}
|
||||
},
|
||||
{{end}}
|
||||
{{$hasProps := false}}
|
||||
{{if eq .table.TplCategory "tree"}}
|
||||
{{$hasProps = true}}
|
||||
@ -206,7 +238,7 @@
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{if $hasProps}}
|
||||
props:{
|
||||
const props = defineProps({
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{$column.HtmlField}}Options:{
|
||||
@ -231,9 +263,9 @@
|
||||
default:()=>[]
|
||||
},
|
||||
{{end}}
|
||||
},
|
||||
})
|
||||
{{end}}
|
||||
setup(props,{emit}) {
|
||||
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
|
||||
{{end}}
|
||||
@ -289,6 +321,7 @@
|
||||
{{end}}
|
||||
}
|
||||
});
|
||||
const { isShowDialog,formData } = toRefs(state);
|
||||
// 打开弹窗
|
||||
const openDialog = (row?: {{.table.ClassName}}InfoData) => {
|
||||
resetForm();
|
||||
@ -325,6 +358,9 @@
|
||||
const closeDialog = () => {
|
||||
state.isShowDialog = false;
|
||||
};
|
||||
defineExpose({
|
||||
openDialog,
|
||||
});
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
closeDialog();
|
||||
@ -423,50 +459,6 @@
|
||||
return findV
|
||||
}
|
||||
{{end}}
|
||||
{{$setUpDataR:=true}}
|
||||
return {
|
||||
proxy,
|
||||
openDialog,
|
||||
closeDialog,
|
||||
onCancel,
|
||||
menuRef,
|
||||
formRef,
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade}}
|
||||
{{/*级联处理*/}}
|
||||
{{else}}
|
||||
{{/*关联表处理*/}}
|
||||
get{{$column.LinkTableClass}}Items{{$column.GoField}},
|
||||
get{{$column.GoField}}Op,
|
||||
{{end}}
|
||||
{{else if eq $column.HtmlType "richtext"}}
|
||||
//富文本编辑器{{$column.ColumnComment}}
|
||||
set{{$column.GoField}}EditContent,
|
||||
{{else if eq $column.HtmlType "imagefile"}}
|
||||
//图片上传地址
|
||||
imageUrl{{$column.GoField}},
|
||||
//上传加载
|
||||
upLoading{{$column.GoField}},
|
||||
handleAvatarSuccess{{$column.GoField}},
|
||||
beforeAvatarUpload{{$column.GoField}},
|
||||
{{if $setUpDataR}}
|
||||
setUpData,
|
||||
{{$setUpDataR = false}}
|
||||
{{end}}
|
||||
{{else if eq $column.HtmlType "images"}}
|
||||
setUpImgList{{$column.GoField}},
|
||||
{{else if eq $column.HtmlType "file" "files"}}
|
||||
setUpFileList{{$column.GoField}},
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
baseURL,
|
||||
{{end}}
|
||||
...toRefs(state),
|
||||
};
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
@ -102,7 +102,7 @@
|
||||
<el-radio
|
||||
v-for="dict in {{$column.HtmlField}}Options"
|
||||
:key="dict.key"
|
||||
:label="dict.key"
|
||||
:value="dict.key"
|
||||
>{{ VueTag "{{" }}dict.value {{VueTag "}}"}}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
@ -112,7 +112,7 @@
|
||||
<el-radio
|
||||
v-for="dict in {{$column.HtmlField}}Options"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
:value="dict.value"
|
||||
>{{ VueTag "{{" }}dict.label {{VueTag "}}"}}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
@ -150,7 +150,7 @@
|
||||
<el-checkbox
|
||||
v-for="dict in {{$column.HtmlField}}Options"
|
||||
:key="dict.key"
|
||||
:label="dict.key"
|
||||
:value="dict.key"
|
||||
>{{ VueTag "{{" }}dict.value {{VueTag "}}"}}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
@ -160,7 +160,7 @@
|
||||
<el-checkbox
|
||||
v-for="dict in {{$column.HtmlField}}Options"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
:value="dict.value"
|
||||
>{{ VueTag "{{" }}dict.label {{VueTag "}}"}}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
@ -264,8 +264,8 @@
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
<script lang="ts">
|
||||
import { reactive, toRefs, defineComponent,ref,unref,getCurrentInstance } from 'vue';
|
||||
<script setup lang="ts">
|
||||
import { reactive, toRefs, ref,unref,getCurrentInstance } from 'vue';
|
||||
import {ElMessageBox, ElMessage, FormInstance,UploadProps} from 'element-plus';
|
||||
{{/*去重处理*/}}
|
||||
import {
|
||||
@ -299,38 +299,25 @@ import {
|
||||
{{.table.ClassName}}TableDataState,
|
||||
{{.table.ClassName}}EditState
|
||||
} from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/model"
|
||||
export default defineComponent({
|
||||
name:"{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit",
|
||||
{{$hascomponent := false}}
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
{{$hascomponent = true}}
|
||||
{{end}}
|
||||
{{if $hascomponent}}
|
||||
components:{
|
||||
{{if $editImp}}
|
||||
GfUeditor,
|
||||
{{end}}
|
||||
{{if $imgsImp}}
|
||||
uploadImg,
|
||||
{{end}}
|
||||
{{if $fileImp}}
|
||||
uploadFile,
|
||||
{{end}}
|
||||
},
|
||||
{{end}}
|
||||
{{$hasProps := false}}
|
||||
{{if eq .table.TplCategory "tree"}}
|
||||
defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit"})
|
||||
const emit = defineEmits(['{{$businessName}}List'])
|
||||
{{$hascomponent := false}}
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
{{$hascomponent = true}}
|
||||
{{end}}
|
||||
{{$hasProps := false}}
|
||||
{{if eq .table.TplCategory "tree"}}
|
||||
{{$hasProps = true}}
|
||||
{{end}}
|
||||
{{if not $hasProps}}
|
||||
{{end}}
|
||||
{{if not $hasProps}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if or (ne $column.DictType "") (ne $column.LinkTableName "") }}
|
||||
{{$hasProps = true}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{if $hasProps}}
|
||||
props:{
|
||||
{{end}}
|
||||
{{if $hasProps}}
|
||||
const props = defineProps({
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{$column.HtmlField}}Options:{
|
||||
@ -355,24 +342,24 @@ export default defineComponent({
|
||||
default:()=>[]
|
||||
},
|
||||
{{end}}
|
||||
},
|
||||
{{end}}
|
||||
setup(props,{emit}) {
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
|
||||
{{end}}
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const formRef = ref<HTMLElement | null>(null);
|
||||
const menuRef = ref();
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if eq $column.HtmlType "imagefile"}}
|
||||
//图片上传地址
|
||||
const imageUrl{{$column.GoField}} = ref('')
|
||||
//上传加载
|
||||
const upLoading{{$column.GoField}} = ref(false)
|
||||
{{end}}
|
||||
{{end}}
|
||||
const state = reactive<{{.table.ClassName}}EditState>({
|
||||
})
|
||||
{{end}}
|
||||
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
|
||||
{{end}}
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const formRef = ref<HTMLElement | null>(null);
|
||||
const menuRef = ref();
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if eq $column.HtmlType "imagefile"}}
|
||||
//图片上传地址
|
||||
const imageUrl{{$column.GoField}} = ref('')
|
||||
//上传加载
|
||||
const upLoading{{$column.GoField}} = ref(false)
|
||||
{{end}}
|
||||
{{end}}
|
||||
const state = reactive<{{.table.ClassName}}EditState>({
|
||||
loading:false,
|
||||
isShowDialog: false,
|
||||
formData: {
|
||||
@ -405,9 +392,10 @@ export default defineComponent({
|
||||
{{end}}
|
||||
{{end}}
|
||||
}
|
||||
});
|
||||
// 打开弹窗
|
||||
const openDialog = (row?: {{.table.ClassName}}InfoData) => {
|
||||
});
|
||||
const { loading,isShowDialog,formData,rules } = toRefs(state);
|
||||
// 打开弹窗
|
||||
const openDialog = (row?: {{.table.ClassName}}InfoData) => {
|
||||
resetForm();
|
||||
if(row) {
|
||||
get{{.table.ClassName}}(row.{{.table.PkColumn.HtmlField}}!).then((res:any)=>{
|
||||
@ -467,19 +455,22 @@ export default defineComponent({
|
||||
{{end}}
|
||||
state.formData = data;
|
||||
})
|
||||
}
|
||||
}
|
||||
state.isShowDialog = true;
|
||||
};
|
||||
// 关闭弹窗
|
||||
const closeDialog = () => {
|
||||
};
|
||||
// 关闭弹窗
|
||||
const closeDialog = () => {
|
||||
state.isShowDialog = false;
|
||||
};
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
};
|
||||
defineExpose({
|
||||
openDialog,
|
||||
});
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
closeDialog();
|
||||
};
|
||||
// 提交
|
||||
const onSubmit = () => {
|
||||
};
|
||||
// 提交
|
||||
const onSubmit = () => {
|
||||
const formWrap = unref(formRef) as any;
|
||||
if (!formWrap) return;
|
||||
formWrap.validate((valid: boolean) => {
|
||||
@ -506,8 +497,8 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
const resetForm = ()=>{
|
||||
};
|
||||
const resetForm = ()=>{
|
||||
state.formData = {
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if eq $column.HtmlType "radio"}}
|
||||
@ -533,17 +524,17 @@ export default defineComponent({
|
||||
imageUrl{{$column.GoField}}.value = ''
|
||||
{{end}}
|
||||
{{end}}
|
||||
};
|
||||
{{$setUpData:=true}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if eq $column.HtmlType "richtext"}}
|
||||
//富文本编辑器{{$column.ColumnComment}}
|
||||
const set{{$column.GoField}}EditContent = (data:string) => {
|
||||
};
|
||||
{{$setUpData:=true}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if eq $column.HtmlType "richtext"}}
|
||||
//富文本编辑器{{$column.ColumnComment}}
|
||||
const set{{$column.GoField}}EditContent = (data:string) => {
|
||||
state.formData.{{$column.HtmlField}} = data
|
||||
}
|
||||
{{else if eq $column.HtmlType "imagefile"}}
|
||||
//单图上传{{$column.ColumnComment}}
|
||||
const handleAvatarSuccess{{$column.GoField}}:UploadProps['onSuccess'] = (res, file) => {
|
||||
}
|
||||
{{else if eq $column.HtmlType "imagefile"}}
|
||||
//单图上传{{$column.ColumnComment}}
|
||||
const handleAvatarSuccess{{$column.GoField}}:UploadProps['onSuccess'] = (res, file) => {
|
||||
if (res.code === 0) {
|
||||
imageUrl{{$column.GoField}}.value = URL.createObjectURL(file.raw!)
|
||||
state.formData.{{$column.HtmlField}} = res.data.path
|
||||
@ -551,79 +542,39 @@ export default defineComponent({
|
||||
ElMessage.error(res.msg)
|
||||
}
|
||||
upLoading{{$column.GoField}}.value = false
|
||||
}
|
||||
const beforeAvatarUpload{{$column.GoField}} = () => {
|
||||
}
|
||||
const beforeAvatarUpload{{$column.GoField}} = () => {
|
||||
upLoading{{$column.GoField}}.value = true
|
||||
return true
|
||||
}
|
||||
{{if $setUpData}}
|
||||
const setUpData = () => {
|
||||
}
|
||||
{{if $setUpData}}
|
||||
const setUpData = () => {
|
||||
return { token: getToken() }
|
||||
}
|
||||
{{$setUpData = false}}
|
||||
{{end}}
|
||||
{{else if eq $column.HtmlType "images"}}
|
||||
const setUpImgList{{$column.GoField}} = (data:any)=>{
|
||||
}
|
||||
{{$setUpData = false}}
|
||||
{{end}}
|
||||
{{else if eq $column.HtmlType "images"}}
|
||||
const setUpImgList{{$column.GoField}} = (data:any)=>{
|
||||
state.formData.{{$column.HtmlField}} = data
|
||||
}
|
||||
{{else if eq $column.HtmlType "file" "files"}}
|
||||
const setUpFileList{{$column.GoField}} = (data:any)=>{
|
||||
}
|
||||
{{else if eq $column.HtmlType "file" "files"}}
|
||||
const setUpFileList{{$column.GoField}} = (data:any)=>{
|
||||
state.formData.{{$column.HtmlField}} = data
|
||||
}
|
||||
{{else if eq $column.HtmlType "keyValue"}}
|
||||
// 新增{{$column.ColumnComment}}行
|
||||
const onAddRow{{$column.GoField}} = () => {
|
||||
}
|
||||
{{else if eq $column.HtmlType "keyValue"}}
|
||||
// 新增{{$column.ColumnComment}}行
|
||||
const onAddRow{{$column.GoField}} = () => {
|
||||
state.formData.{{$column.HtmlField}}.push({
|
||||
key: '',
|
||||
value: '',
|
||||
});
|
||||
};
|
||||
// 删除{{$column.ColumnComment}}行
|
||||
const onDelRow{{$column.GoField}} = (k: number) => {
|
||||
};
|
||||
// 删除{{$column.ColumnComment}}行
|
||||
const onDelRow{{$column.GoField}} = (k: number) => {
|
||||
state.formData.{{$column.HtmlField}}.splice(k, 1);
|
||||
};
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{$setUpDataR:=true}}
|
||||
return {
|
||||
proxy,
|
||||
openDialog,
|
||||
closeDialog,
|
||||
onCancel,
|
||||
onSubmit,
|
||||
menuRef,
|
||||
formRef,
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if eq $column.HtmlType "richtext"}}
|
||||
//富文本编辑器{{$column.ColumnComment}}
|
||||
set{{$column.GoField}}EditContent,
|
||||
{{else if eq $column.HtmlType "imagefile"}}
|
||||
//图片上传地址
|
||||
imageUrl{{$column.GoField}},
|
||||
//上传加载
|
||||
upLoading{{$column.GoField}},
|
||||
handleAvatarSuccess{{$column.GoField}},
|
||||
beforeAvatarUpload{{$column.GoField}},
|
||||
{{if $setUpDataR}}
|
||||
setUpData,
|
||||
{{$setUpDataR = false}}
|
||||
{{end}}
|
||||
{{else if eq $column.HtmlType "images"}}
|
||||
setUpImgList{{$column.GoField}},
|
||||
{{else if eq $column.HtmlType "file" "files"}}
|
||||
setUpFileList{{$column.GoField}},
|
||||
{{else if eq $column.HtmlType "keyValue"}}
|
||||
onAddRow{{$column.GoField}},
|
||||
onDelRow{{$column.GoField}},
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{if or $imgsImp $tokenImp $fileImp}}
|
||||
baseURL,
|
||||
{{end}}
|
||||
...toRefs(state),
|
||||
};
|
||||
}
|
||||
})
|
||||
};
|
||||
{{end}}
|
||||
{{end}}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
@ -410,7 +410,7 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
<script setup lang="ts">
|
||||
|
||||
{{$tokenImp := false}}
|
||||
{{$imgsImp := false}}
|
||||
@ -468,68 +468,59 @@ import {downLoadXml} from "/@/utils/zipdownload";
|
||||
{{if .table.ExcelImp}}
|
||||
import loadExcel from "/@/components/loadExcel/index.vue"
|
||||
{{end}}
|
||||
export default defineComponent({
|
||||
name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List",
|
||||
components:{
|
||||
{{if .table.ExcelImp}}
|
||||
loadExcel,
|
||||
{{end}}
|
||||
{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit,
|
||||
{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail
|
||||
},
|
||||
setup() {
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const loading = ref(false)
|
||||
const queryRef = ref()
|
||||
const editRef = ref();
|
||||
const detailRef = ref();
|
||||
{{if .table.ExcelImp}}
|
||||
const loadExcel{{.table.ClassName}}Ref = ref();
|
||||
{{end}}
|
||||
// 是否显示所有搜索选项
|
||||
const showAll = ref(false)
|
||||
// 非单个禁用
|
||||
const single = ref(true)
|
||||
// 非多个禁用
|
||||
const multiple =ref(true)
|
||||
const word = computed(()=>{
|
||||
defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List"})
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const loading = ref(false)
|
||||
const queryRef = ref()
|
||||
const editRef = ref();
|
||||
const detailRef = ref();
|
||||
{{if .table.ExcelImp}}
|
||||
const loadExcel{{.table.ClassName}}Ref = ref();
|
||||
{{end}}
|
||||
// 是否显示所有搜索选项
|
||||
const showAll = ref(false)
|
||||
// 非单个禁用
|
||||
const single = ref(true)
|
||||
// 非多个禁用
|
||||
const multiple =ref(true)
|
||||
const word = computed(()=>{
|
||||
if(showAll.value === false) {
|
||||
//对文字进行处理
|
||||
return "展开搜索";
|
||||
} else {
|
||||
return "收起搜索";
|
||||
}
|
||||
})
|
||||
// 字典选项数据
|
||||
{{$dictArr:=newArray}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
|
||||
})
|
||||
// 字典选项数据
|
||||
{{$dictArr:=newArray}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
|
||||
{{$dictArr = append $dictArr $column.DictType}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const {
|
||||
{{end}}
|
||||
{{end}}
|
||||
const {
|
||||
{{range $index, $column := $dictArr}}
|
||||
{{$column}},
|
||||
{{end}}
|
||||
} = proxy.useDict(
|
||||
} = proxy.useDict(
|
||||
{{range $index, $column := $dictArr}}
|
||||
'{{$column}}',
|
||||
{{end}}
|
||||
)
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade }}
|
||||
// {{$column.HtmlField}}QueryOptions关联表数据
|
||||
const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
|
||||
// {{$column.HtmlField}}FormOptions关联表数据
|
||||
const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
|
||||
{{else}}
|
||||
// {{$column.HtmlField}}Options关联表数据
|
||||
const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const state = reactive<{{.table.ClassName}}TableDataState>({
|
||||
)
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade }}
|
||||
// {{$column.HtmlField}}QueryOptions关联表数据
|
||||
const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
|
||||
// {{$column.HtmlField}}FormOptions关联表数据
|
||||
const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
|
||||
{{else}}
|
||||
// {{$column.HtmlField}}Options关联表数据
|
||||
const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const state = reactive<{{.table.ClassName}}TableDataState>({
|
||||
{{.table.PkColumn.HtmlField}}s:[],
|
||||
tableData: {
|
||||
data: [],
|
||||
@ -547,20 +538,21 @@ export default defineComponent({
|
||||
dateRange: []
|
||||
},
|
||||
},
|
||||
});
|
||||
// 页面加载时
|
||||
onMounted(() => {
|
||||
});
|
||||
const { tableData } = toRefs(state);
|
||||
// 页面加载时
|
||||
onMounted(() => {
|
||||
initTableData();
|
||||
});
|
||||
// 初始化表格数据
|
||||
const initTableData = () => {
|
||||
});
|
||||
// 初始化表格数据
|
||||
const initTableData = () => {
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
linkedData()
|
||||
{{end}}
|
||||
{{$businessName}}List()
|
||||
};
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
const linkedData = ()=>{
|
||||
};
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
const linkedData = ()=>{
|
||||
linkedDataSearch().then((res:any)=>{
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
@ -577,16 +569,16 @@ export default defineComponent({
|
||||
{{end}}
|
||||
{{end}}
|
||||
})
|
||||
}
|
||||
{{end}}
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = (formEl: FormInstance | undefined) => {
|
||||
}
|
||||
{{end}}
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = (formEl: FormInstance | undefined) => {
|
||||
if (!formEl) return
|
||||
formEl.resetFields()
|
||||
{{$businessName}}List()
|
||||
};
|
||||
// 获取列表数据
|
||||
const {{$businessName}}List = ()=>{
|
||||
};
|
||||
// 获取列表数据
|
||||
const {{$businessName}}List = ()=>{
|
||||
loading.value = true
|
||||
list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
|
||||
let list = res.data.list??[];
|
||||
@ -609,48 +601,48 @@ export default defineComponent({
|
||||
state.tableData.total = res.data.total;
|
||||
loading.value = false
|
||||
})
|
||||
};
|
||||
const toggleSearch = () => {
|
||||
};
|
||||
const toggleSearch = () => {
|
||||
showAll.value = !showAll.value;
|
||||
}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{if eq $column.HtmlType "checkbox"}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{if eq $column.HtmlType "checkbox"}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
|
||||
let data:Array<string> = [];
|
||||
{{$column.HtmlField}}.map(item=>{
|
||||
data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
|
||||
})
|
||||
return data.join(",")
|
||||
}
|
||||
{{else}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
{{else}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
|
||||
}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
// 多选框选中数据
|
||||
const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
|
||||
}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
// 多选框选中数据
|
||||
const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
|
||||
state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
|
||||
single.value = selection.length!=1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
const handleAdd = ()=>{
|
||||
}
|
||||
const handleAdd = ()=>{
|
||||
editRef.value.openDialog()
|
||||
}
|
||||
const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
const handleUpdate = (row: {{$.table.ClassName}}TableColumns|null) => {
|
||||
if(!row){
|
||||
row = state.tableData.data.find((item:{{$.table.ClassName}}TableColumns)=>{
|
||||
return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
|
||||
}) as {{$.table.ClassName}}TableColumns
|
||||
}
|
||||
editRef.value.openDialog(toRaw(row));
|
||||
};
|
||||
const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
};
|
||||
const handleDelete = (row: {{$.table.ClassName}}TableColumns|null) => {
|
||||
let msg = '你确定要删除所选数据？';
|
||||
let {{.table.PkColumn.HtmlField}}:number[] = [] ;
|
||||
if(row){
|
||||
@ -675,66 +667,21 @@ export default defineComponent({
|
||||
})
|
||||
})
|
||||
.catch(() => {});
|
||||
}
|
||||
const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
|
||||
}
|
||||
const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
|
||||
detailRef.value.openDialog(toRaw(row));
|
||||
}
|
||||
{{if .table.ExcelPort }}
|
||||
//导出excel
|
||||
const handleExport = ()=>{
|
||||
}
|
||||
{{if .table.ExcelPort }}
|
||||
//导出excel
|
||||
const handleExport = ()=>{
|
||||
downLoadXml('/{{.apiVersion}}/{{.modulePath}}/{{$businessName}}/export',state.tableData.param,'get')
|
||||
}
|
||||
{{end}}
|
||||
{{if .table.ExcelImp}}
|
||||
const handleImport=()=>{
|
||||
}
|
||||
{{end}}
|
||||
{{if .table.ExcelImp}}
|
||||
const handleImport=()=>{
|
||||
loadExcel{{$.table.ClassName}}Ref.value.open()
|
||||
}
|
||||
{{end}}
|
||||
return {
|
||||
proxy,
|
||||
editRef,
|
||||
detailRef,
|
||||
showAll,
|
||||
loading,
|
||||
single,
|
||||
multiple,
|
||||
word,
|
||||
queryRef,
|
||||
resetQuery,
|
||||
{{$businessName}}List,
|
||||
toggleSearch,
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{$column.HtmlField}}Format,
|
||||
{{$column.DictType}},
|
||||
{{end}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade}}
|
||||
//级联关联{{$column.LinkTableName}}表选项
|
||||
{{else}}
|
||||
//关联表数据选项
|
||||
{{$column.HtmlField}}Options,
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
handleSelectionChange,
|
||||
handleAdd,
|
||||
handleUpdate,
|
||||
handleDelete,
|
||||
{{if eq .table.ShowDetail "true"}}
|
||||
handleView,
|
||||
{{end}}
|
||||
{{if .table.ExcelPort }}
|
||||
handleExport,
|
||||
{{end}}
|
||||
{{if .table.ExcelImp }}
|
||||
handleImport,
|
||||
loadExcel{{.table.ClassName}}Ref,
|
||||
{{end}}
|
||||
...toRefs(state),
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
{{end}}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.colBlock {
|
||||
|
||||
@ -285,7 +285,7 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
<script setup lang="ts">
|
||||
|
||||
{{$tokenImp := false}}
|
||||
{{$imgsImp := false}}
|
||||
@ -339,63 +339,57 @@ import {
|
||||
import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/edit.vue"
|
||||
import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/detail.vue"
|
||||
import _ from 'lodash'
|
||||
export default defineComponent({
|
||||
name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List",
|
||||
components:{
|
||||
{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit,
|
||||
{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail
|
||||
},
|
||||
setup() {
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const loading = ref(false)
|
||||
const queryRef = ref()
|
||||
const editRef = ref();
|
||||
const detailRef = ref();
|
||||
// 是否显示所有搜索选项
|
||||
const showAll = ref(false)
|
||||
// 非单个禁用
|
||||
const single = ref(true)
|
||||
// 非多个禁用
|
||||
const multiple =ref(true)
|
||||
const word = computed(()=>{
|
||||
defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List"})
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const loading = ref(false)
|
||||
const queryRef = ref()
|
||||
const editRef = ref();
|
||||
const detailRef = ref();
|
||||
// 是否显示所有搜索选项
|
||||
const showAll = ref(false)
|
||||
// 非单个禁用
|
||||
const single = ref(true)
|
||||
// 非多个禁用
|
||||
const multiple =ref(true)
|
||||
const word = computed(()=>{
|
||||
if(showAll.value === false) {
|
||||
//对文字进行处理
|
||||
return "展开搜索";
|
||||
} else {
|
||||
return "收起搜索";
|
||||
}
|
||||
})
|
||||
// 字典选项数据
|
||||
{{$dictArr:=newArray}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
|
||||
{{$dictArr = append $dictArr $column.DictType}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const {
|
||||
})
|
||||
// 字典选项数据
|
||||
{{$dictArr:=newArray}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
|
||||
{{$dictArr = append $dictArr $column.DictType}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const {
|
||||
{{range $index, $column := $dictArr}}
|
||||
{{$column}},
|
||||
{{end}}
|
||||
} = proxy.useDict(
|
||||
} = proxy.useDict(
|
||||
{{range $index, $column := $dictArr}}
|
||||
'{{$column}}',
|
||||
{{end}}
|
||||
)
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade }}
|
||||
// {{$column.HtmlField}}QueryOptions关联表数据
|
||||
const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
|
||||
// {{$column.HtmlField}}FormOptions关联表数据
|
||||
const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
|
||||
{{else}}
|
||||
// {{$column.HtmlField}}Options关联表数据
|
||||
const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
|
||||
const state = reactive<{{.table.ClassName}}TableDataState>({
|
||||
)
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade }}
|
||||
// {{$column.HtmlField}}QueryOptions关联表数据
|
||||
const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
|
||||
// {{$column.HtmlField}}FormOptions关联表数据
|
||||
const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
|
||||
{{else}}
|
||||
// {{$column.HtmlField}}Options关联表数据
|
||||
const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
|
||||
const state = reactive<{{.table.ClassName}}TableDataState>({
|
||||
{{.table.PkColumn.HtmlField}}s:[],
|
||||
tableData: {
|
||||
data: [],
|
||||
@ -413,20 +407,21 @@ export default defineComponent({
|
||||
dateRange: []
|
||||
},
|
||||
},
|
||||
});
|
||||
// 页面加载时
|
||||
onMounted(() => {
|
||||
});
|
||||
const { tableData } = toRefs(state);
|
||||
// 页面加载时
|
||||
onMounted(() => {
|
||||
initTableData();
|
||||
});
|
||||
// 初始化表格数据
|
||||
const initTableData = () => {
|
||||
});
|
||||
// 初始化表格数据
|
||||
const initTableData = () => {
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
linkedData()
|
||||
{{end}}
|
||||
{{$businessName}}List()
|
||||
};
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
const linkedData = ()=>{
|
||||
};
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
const linkedData = ()=>{
|
||||
linkedDataSearch().then((res:any)=>{
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
@ -443,16 +438,16 @@ export default defineComponent({
|
||||
{{end}}
|
||||
{{end}}
|
||||
})
|
||||
}
|
||||
{{end}}
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = (formEl: FormInstance | undefined) => {
|
||||
}
|
||||
{{end}}
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = (formEl: FormInstance | undefined) => {
|
||||
if (!formEl) return
|
||||
formEl.resetFields()
|
||||
{{$businessName}}List()
|
||||
};
|
||||
// 获取列表数据
|
||||
const {{$businessName}}List = ()=>{
|
||||
};
|
||||
// 获取列表数据
|
||||
const {{$businessName}}List = ()=>{
|
||||
loading.value = true
|
||||
list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
|
||||
let list = res.data.list??[];
|
||||
@ -482,50 +477,50 @@ export default defineComponent({
|
||||
loading.value = false
|
||||
setVrData(list)
|
||||
})
|
||||
};
|
||||
const toggleSearch = () => {
|
||||
};
|
||||
const toggleSearch = () => {
|
||||
showAll.value = !showAll.value;
|
||||
}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{if eq $column.HtmlType "checkbox"}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{if eq $column.HtmlType "checkbox"}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
|
||||
let data:Array<string> = [];
|
||||
{{$column.HtmlField}}.map(item=>{
|
||||
data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
|
||||
})
|
||||
return data.join(",")
|
||||
}
|
||||
{{else}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
{{else}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
|
||||
}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
// 多选框选中数据
|
||||
const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
|
||||
}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
// 多选框选中数据
|
||||
const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
|
||||
state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
|
||||
single.value = selection.length!=1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
const handleAdd = ()=>{
|
||||
}
|
||||
const handleAdd = ()=>{
|
||||
editRef.value.openDialog()
|
||||
}
|
||||
const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
const handleUpdate = (row: {{$.table.ClassName}}TableColumns|null) => {
|
||||
if(!row){
|
||||
row = dataList.value.find((item:{{$.table.ClassName}}TableColumns)=>{
|
||||
return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
|
||||
}) as {{$.table.ClassName}}TableColumns
|
||||
}
|
||||
editRef.value.openDialog(toRaw(row));
|
||||
};
|
||||
const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
};
|
||||
const handleDelete = (row: {{$.table.ClassName}}TableColumns|null) => {
|
||||
let msg = '你确定要删除所选数据？';
|
||||
let {{.table.PkColumn.HtmlField}}:number[] = [] ;
|
||||
let {{.table.PkColumn.HtmlField}}:{{.table.PkColumn.TsType}}[] = [] ;
|
||||
if(row){
|
||||
msg = `此操作将永久删除数据，是否继续?`
|
||||
{{.table.PkColumn.HtmlField}} = [row.{{.table.PkColumn.HtmlField}}]
|
||||
@ -548,28 +543,28 @@ export default defineComponent({
|
||||
})
|
||||
})
|
||||
.catch(() => {});
|
||||
}
|
||||
const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
|
||||
}
|
||||
const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
|
||||
detailRef.value.openDialog(toRaw(row));
|
||||
}
|
||||
//========================================================================================================
|
||||
const columns = ref<Column[]>([])
|
||||
const treeData = ref<any[]>([])
|
||||
}
|
||||
//========================================================================================================
|
||||
const columns = ref<Column[]>([])
|
||||
const treeData = ref<any[]>([])
|
||||
|
||||
type SelectionCellProps = {
|
||||
type SelectionCellProps = {
|
||||
value: boolean
|
||||
intermediate?: boolean
|
||||
onChange: (value: CheckboxValueType) => void
|
||||
}
|
||||
}
|
||||
|
||||
const SelectionCell: FunctionalComponent<SelectionCellProps> = ({
|
||||
const SelectionCell: FunctionalComponent<SelectionCellProps> = ({
|
||||
value,
|
||||
intermediate = false,
|
||||
onChange,
|
||||
}) => {
|
||||
}) => {
|
||||
return h(ElCheckbox,{modelValue:value,indeterminate:intermediate,onChange:onChange})
|
||||
}
|
||||
const setVrData = (list:{{$.table.ClassName}}TableColumns[])=>{
|
||||
}
|
||||
const setVrData = (list:{{$.table.ClassName}}TableColumns[])=>{
|
||||
const _columns:any[] = [
|
||||
{key: 'selection',dataKey: '{{.table.PkColumn.HtmlField}}',title: ``,width:80,
|
||||
{{if .table.PkColumn.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
|
||||
@ -723,67 +718,21 @@ export default defineComponent({
|
||||
})
|
||||
columns.value = _columns
|
||||
treeData.value = list
|
||||
}
|
||||
//=============================================================================================================
|
||||
const expandColumnKey = '{{$firstColumn.HtmlField}}'
|
||||
}
|
||||
//=============================================================================================================
|
||||
const expandColumnKey = '{{$firstColumn.HtmlField}}'
|
||||
|
||||
const expandedRowKeys = ref<string[]>([])
|
||||
const expandedRowKeys = ref<string[]>([])
|
||||
|
||||
const onRowExpanded = (exp: Parameters<RowExpandHandler<any>>[0]) => {
|
||||
const onRowExpanded = (exp: Parameters<RowExpandHandler<any>>[0]) => {
|
||||
console.log('Expanded:', exp)
|
||||
}
|
||||
}
|
||||
|
||||
const onExpandedRowsChange = (
|
||||
const onExpandedRowsChange = (
|
||||
expandedKeys: Parameters<ExpandedRowsChangeHandler>[0]
|
||||
) => {
|
||||
) => {
|
||||
console.log('expandedKeys:',expandedKeys)
|
||||
}
|
||||
|
||||
return {
|
||||
proxy,
|
||||
editRef,
|
||||
detailRef,
|
||||
showAll,
|
||||
loading,
|
||||
single,
|
||||
multiple,
|
||||
word,
|
||||
queryRef,
|
||||
resetQuery,
|
||||
{{$businessName}}List,
|
||||
toggleSearch,
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{$column.HtmlField}}Format,
|
||||
{{$column.DictType}},
|
||||
{{end}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade}}
|
||||
//级联关联{{$column.LinkTableName}}表选项
|
||||
{{else}}
|
||||
//关联表数据选项
|
||||
{{$column.HtmlField}}Options,
|
||||
//关联{{$column.LinkTableName}}表选项获取数据方法
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
handleSelectionChange,
|
||||
handleAdd,
|
||||
handleUpdate,
|
||||
handleDelete,
|
||||
{{if eq .table.ShowDetail "true"}}
|
||||
handleView,
|
||||
{{end}}
|
||||
columns,
|
||||
treeData,
|
||||
expandedRowKeys,
|
||||
onRowExpanded,
|
||||
expandColumnKey,
|
||||
onExpandedRowsChange,
|
||||
...toRefs(state),
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.colBlock {
|
||||
|
||||
@ -393,7 +393,7 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
<script setup lang="ts">
|
||||
|
||||
{{$tokenImp := false}}
|
||||
{{$imgsImp := false}}
|
||||
@ -446,63 +446,57 @@ import {
|
||||
import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/edit.vue"
|
||||
import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/detail.vue"
|
||||
import _ from 'lodash'
|
||||
export default defineComponent({
|
||||
name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List",
|
||||
components:{
|
||||
{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit,
|
||||
{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail
|
||||
},
|
||||
setup() {
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const loading = ref(false)
|
||||
const queryRef = ref()
|
||||
const editRef = ref();
|
||||
const detailRef = ref();
|
||||
// 是否显示所有搜索选项
|
||||
const showAll = ref(false)
|
||||
// 非单个禁用
|
||||
const single = ref(true)
|
||||
// 非多个禁用
|
||||
const multiple =ref(true)
|
||||
const word = computed(()=>{
|
||||
defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List"})
|
||||
const {proxy} = <any>getCurrentInstance()
|
||||
const loading = ref(false)
|
||||
const queryRef = ref()
|
||||
const editRef = ref();
|
||||
const detailRef = ref();
|
||||
// 是否显示所有搜索选项
|
||||
const showAll = ref(false)
|
||||
// 非单个禁用
|
||||
const single = ref(true)
|
||||
// 非多个禁用
|
||||
const multiple =ref(true)
|
||||
const word = computed(()=>{
|
||||
if(showAll.value === false) {
|
||||
//对文字进行处理
|
||||
return "展开搜索";
|
||||
} else {
|
||||
return "收起搜索";
|
||||
}
|
||||
})
|
||||
// 字典选项数据
|
||||
{{$dictArr:=newArray}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
|
||||
{{$dictArr = append $dictArr $column.DictType}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const {
|
||||
})
|
||||
// 字典选项数据
|
||||
{{$dictArr:=newArray}}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
|
||||
{{$dictArr = append $dictArr $column.DictType}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const {
|
||||
{{range $index, $column := $dictArr}}
|
||||
{{$column}},
|
||||
{{end}}
|
||||
} = proxy.useDict(
|
||||
} = proxy.useDict(
|
||||
{{range $index, $column := $dictArr}}
|
||||
'{{$column}}',
|
||||
{{end}}
|
||||
)
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade }}
|
||||
// {{$column.HtmlField}}QueryOptions关联表数据
|
||||
const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
|
||||
// {{$column.HtmlField}}FormOptions关联表数据
|
||||
const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
|
||||
{{else}}
|
||||
// {{$column.HtmlField}}Options关联表数据
|
||||
const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
|
||||
const state = reactive<{{.table.ClassName}}TableDataState>({
|
||||
)
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade }}
|
||||
// {{$column.HtmlField}}QueryOptions关联表数据
|
||||
const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
|
||||
// {{$column.HtmlField}}FormOptions关联表数据
|
||||
const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
|
||||
{{else}}
|
||||
// {{$column.HtmlField}}Options关联表数据
|
||||
const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
|
||||
const state = reactive<{{.table.ClassName}}TableDataState>({
|
||||
{{.table.PkColumn.HtmlField}}s:[],
|
||||
tableData: {
|
||||
data: [],
|
||||
@ -520,20 +514,21 @@ export default defineComponent({
|
||||
dateRange: []
|
||||
},
|
||||
},
|
||||
});
|
||||
// 页面加载时
|
||||
onMounted(() => {
|
||||
});
|
||||
const { tableData } = toRefs(state);
|
||||
// 页面加载时
|
||||
onMounted(() => {
|
||||
initTableData();
|
||||
});
|
||||
// 初始化表格数据
|
||||
const initTableData = () => {
|
||||
});
|
||||
// 初始化表格数据
|
||||
const initTableData = () => {
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
linkedData()
|
||||
{{end}}
|
||||
{{$businessName}}List()
|
||||
};
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
const linkedData = ()=>{
|
||||
};
|
||||
{{if gt (len .table.LinkedTables) 0}}
|
||||
const linkedData = ()=>{
|
||||
linkedDataSearch().then((res:any)=>{
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
@ -550,16 +545,16 @@ export default defineComponent({
|
||||
{{end}}
|
||||
{{end}}
|
||||
})
|
||||
}
|
||||
{{end}}
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = (formEl: FormInstance | undefined) => {
|
||||
}
|
||||
{{end}}
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = (formEl: FormInstance | undefined) => {
|
||||
if (!formEl) return
|
||||
formEl.resetFields()
|
||||
{{$businessName}}List()
|
||||
};
|
||||
// 获取列表数据
|
||||
const {{$businessName}}List = ()=>{
|
||||
};
|
||||
// 获取列表数据
|
||||
const {{$businessName}}List = ()=>{
|
||||
loading.value = true
|
||||
list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
|
||||
let list = res.data.list??[];
|
||||
@ -583,48 +578,48 @@ export default defineComponent({
|
||||
state.tableData.data = list;
|
||||
loading.value = false
|
||||
})
|
||||
};
|
||||
const toggleSearch = () => {
|
||||
};
|
||||
const toggleSearch = () => {
|
||||
showAll.value = !showAll.value;
|
||||
}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{if eq $column.HtmlType "checkbox"}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{if eq $column.HtmlType "checkbox"}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
|
||||
let data:Array<string> = [];
|
||||
{{$column.HtmlField}}.map(item=>{
|
||||
data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
|
||||
})
|
||||
return data.join(",")
|
||||
}
|
||||
{{else}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
{{else}}
|
||||
// {{$column.ColumnComment}}字典翻译
|
||||
const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
|
||||
return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
|
||||
}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
// 多选框选中数据
|
||||
const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
|
||||
}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
// 多选框选中数据
|
||||
const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
|
||||
state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
|
||||
single.value = selection.length!=1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
const handleAdd = ()=>{
|
||||
}
|
||||
const handleAdd = ()=>{
|
||||
editRef.value.openDialog()
|
||||
}
|
||||
const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
}
|
||||
const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
if(!row){
|
||||
row = dataList.value.find((item:{{$.table.ClassName}}TableColumns)=>{
|
||||
return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
|
||||
}) as {{$.table.ClassName}}TableColumns
|
||||
}
|
||||
editRef.value.openDialog(toRaw(row));
|
||||
};
|
||||
const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
};
|
||||
const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
|
||||
let msg = '你确定要删除所选数据？';
|
||||
let {{.table.PkColumn.HtmlField}}:number[] = [] ;
|
||||
if(row){
|
||||
@ -649,49 +644,10 @@ export default defineComponent({
|
||||
})
|
||||
})
|
||||
.catch(() => {});
|
||||
}
|
||||
const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
|
||||
}
|
||||
const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
|
||||
detailRef.value.openDialog(toRaw(row));
|
||||
}
|
||||
return {
|
||||
proxy,
|
||||
editRef,
|
||||
detailRef,
|
||||
showAll,
|
||||
loading,
|
||||
single,
|
||||
multiple,
|
||||
word,
|
||||
queryRef,
|
||||
resetQuery,
|
||||
{{$businessName}}List,
|
||||
toggleSearch,
|
||||
{{range $index, $column := .table.Columns}}
|
||||
{{if ne $column.DictType ""}}
|
||||
{{$column.HtmlField}}Format,
|
||||
{{$column.DictType}},
|
||||
{{end}}
|
||||
{{if ne $column.LinkTableName ""}}
|
||||
{{if $column.IsCascade}}
|
||||
//级联关联{{$column.LinkTableName}}表选项
|
||||
{{else}}
|
||||
//关联表数据选项
|
||||
{{$column.HtmlField}}Options,
|
||||
//关联{{$column.LinkTableName}}表选项获取数据方法
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
handleSelectionChange,
|
||||
handleAdd,
|
||||
handleUpdate,
|
||||
handleDelete,
|
||||
{{if eq .table.ShowDetail "true"}}
|
||||
handleView,
|
||||
{{end}}
|
||||
...toRefs(state),
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.colBlock {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user