模型基础信息
This commit is contained in:
@@ -2,21 +2,21 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
draggable
|
||||
class="cn-operate-dialog"
|
||||
v-model="modelVisible"
|
||||
:title="title"
|
||||
style="width: 415px; height: 400px"
|
||||
top="30vh"
|
||||
class='cn-operate-dialog'
|
||||
v-model='modelVisible'
|
||||
:title='title'
|
||||
style='width: 415px; height: 400px'
|
||||
top='30vh'
|
||||
>
|
||||
<el-scrollbar>
|
||||
<el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef">
|
||||
<el-form-item label="模型标识">
|
||||
<el-input v-model="form.modelKey" clearable disabled />
|
||||
<el-form :inline='false' :model='form' label-width='120px' :rules='rules' ref='formRef'>
|
||||
<el-form-item label='名称' prop='name'>
|
||||
<el-input v-model='form.name' clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="模型名称" prop='modelName'>
|
||||
<el-input v-model="form.modelName" placeholder="请输入模型名称" clearable />
|
||||
<el-form-item label='表单类型'>
|
||||
<el-input v-model='form.formType' disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="流程分类" prop="category">
|
||||
<el-form-item label='流程分类' prop='category'>
|
||||
<el-select v-model='form.category' clearable>
|
||||
<el-option
|
||||
v-for='item in categoryList'
|
||||
@@ -26,25 +26,31 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="描述" prop="description">
|
||||
<el-input v-model="form.description" type="textarea" placeholder="请输入内容" maxlength="200" show-word-limit />
|
||||
<el-form-item label='排序' prop='sortCode'>
|
||||
<el-input v-model='form.sortCode' placeholder='请输入排序' />
|
||||
</el-form-item>
|
||||
|
||||
<!-- <el-form-item label='描述' prop='description'>-->
|
||||
<!-- <el-input v-model='form.description' type='textarea' placeholder='请输入内容' maxlength='200'-->
|
||||
<!-- show-word-limit />-->
|
||||
<!-- </el-form-item>-->
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="modelVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="submit">确认</el-button>
|
||||
<span class='dialog-footer'>
|
||||
<el-button @click='modelVisible = false'>取消</el-button>
|
||||
<el-button type='primary' @click='submit'>确认</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
<script lang='ts' setup>
|
||||
import { ref, reactive, inject } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import TableStore from '@/utils/tableStore'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { addWFModel,updateWFModel } from '@/api/process-boot/workflow/model'
|
||||
import { addWFModel, updateWFModel } from '@/api/process-boot/workflow/model'
|
||||
import { addModel } from '@/api/workflow-boot/model'
|
||||
|
||||
|
||||
const dictData = useDictData()
|
||||
@@ -57,17 +63,18 @@ const formRef = ref()
|
||||
|
||||
// 注意不要和表单ref的命名冲突
|
||||
const form = reactive({
|
||||
modelId: undefined,
|
||||
modelKey: `Process_${new Date().getTime()}`,
|
||||
modelName: '',
|
||||
id: '',
|
||||
name: '',
|
||||
formType: '系统表单',
|
||||
category: '',
|
||||
description: '',
|
||||
sortCode: 100
|
||||
})
|
||||
|
||||
//form表单校验规则
|
||||
const rules = {
|
||||
modelName: [{ required: true, message: '模型名称不能为空', trigger: 'blur' }],
|
||||
category: [{ required: true, message: '流程分类必选', trigger: 'change' }],
|
||||
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
|
||||
sortCode: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
|
||||
category: [{ required: true, message: '流程分类必选', trigger: 'change' }]
|
||||
}
|
||||
|
||||
const open = (text: string, data?: any) => {
|
||||
@@ -83,7 +90,8 @@ const open = (text: string, data?: any) => {
|
||||
for (let key in form) {
|
||||
form[key] = ''
|
||||
}
|
||||
form.modelKey = `Process_${new Date().getTime()}`
|
||||
form.formType = '系统表单'
|
||||
form.sortCode = 100
|
||||
}
|
||||
modelVisible.value = true
|
||||
}
|
||||
@@ -101,10 +109,10 @@ const resetForm = () => {
|
||||
const submit = () => {
|
||||
formRef.value.validate(async (valid: any) => {
|
||||
if (valid) {
|
||||
if (form.modelId) {
|
||||
if (form.id) {
|
||||
await updateWFModel(form)
|
||||
} else {
|
||||
await addWFModel(form)
|
||||
await addModel(form)
|
||||
}
|
||||
ElMessage.success('保存成功')
|
||||
tableStore.index()
|
||||
|
||||
Reference in New Issue
Block a user