添加 标准库 模版库 页面

修改 终端台账管理 页面
This commit is contained in:
GGJ
2024-09-06 15:10:30 +08:00
parent 630156f221
commit 9bfb30a197
16 changed files with 2027 additions and 1447 deletions

View File

@@ -1,22 +1,56 @@
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="700px">
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="1200px">
<el-scrollbar>
<el-form :inline="false" :model="form" label-width="auto" :rules="rules" ref="formRef">
<el-form-item label="算法名称">
<el-input v-model="form.name" placeholder="请输入算法名称" />
<el-form :inline="false" :model="form" class="form-two" label-width="auto" :rules="rules" ref="formRef">
<el-form-item label="事件名称">
<el-input v-model="form.name" placeholder="请输入事件名称" />
</el-form-item>
<el-form-item label="定义">
<el-input v-model="form.code" placeholder="请输入定义" />
<el-form-item label="发生事件">
<el-input v-model="form.code" placeholder="请输入发生事件" />
</el-form-item>
<el-form-item label="计算公式">
<el-input v-model="form.remark" :rows="2" type="textarea" placeholder="请输入计算公式" />
<el-form-item label="发生地点">
<el-input v-model="form.remark" placeholder="请输入发生地点" />
</el-form-item>
<el-form-item label="计算周期">
<el-input v-model="form.code" placeholder="请输入计算周期" />
<el-form-item label="事件简介">
<el-input
v-model="form.code"
placeholder="请输入事件简介"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="数据来源">
<el-input v-model="form.code" placeholder="请输入数据来源" />
<el-form-item label="事件经过">
<el-input
v-model="form.code"
placeholder="请输入事件经过"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="处理措施">
<el-input
v-model="form.code"
placeholder="请输入处理措施"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="治理效果">
<el-input
v-model="form.code"
placeholder="请输入治理效果"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="附件">
<el-upload v-model:file-list="fileList" action="" multiple :limit="3" :on-exceed="handleExceed">
<el-button type="primary">Click to upload</el-button>
<template #tip>
<div class="el-upload__tip">jpg/png files with a size less than 500KB.</div>
</template>
</el-upload>
</el-form-item>
</el-form>
</el-scrollbar>
@@ -38,6 +72,7 @@ const dialogVisible = ref(false)
const title = ref('')
const tableStore = inject('tableStore') as TableStore
const formRef = ref()
const fileList = ref([])
// 注意不要和表单ref的命名冲突
const form = reactive<anyObj>({
code: '',
@@ -50,6 +85,8 @@ const rules = {
code: [{ required: true, message: '角色编码不能为空', trigger: 'blur' }]
}
const handleExceed = (files: any, uploadFiles: any) => {}
const open = (text: string, data?: anyObj) => {
title.value = text
dialogVisible.value = true