添加 标准库 模版库 页面
修改 终端台账管理 页面
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<!-- 案例库 -->
|
||||
<div class="default-main">
|
||||
<!-- 案例库 -->
|
||||
<TableHeader ref="TableHeaderRef" datePicker>
|
||||
<template #operation>
|
||||
<el-button icon="el-icon-Plus" type="primary" @click="addUser">新增</el-button>
|
||||
@@ -73,7 +73,7 @@ const tableStore = new TableStore({
|
||||
|
||||
// 弹框
|
||||
const addUser = () => {
|
||||
popupEditRef.value.open('新增算法')
|
||||
popupEditRef.value.open('新增案例')
|
||||
}
|
||||
|
||||
provide('tableStore', tableStore)
|
||||
|
||||
Reference in New Issue
Block a user