Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

部门列表

Browse Source
This commit is contained in:
仲么了
2024-03-06 16:13:25 +08:00
parent cf70adb959
commit cb58426706
7 changed files with 433 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/template/dialog.vue
View File

@@ -1,39 +1,38 @@
<template>
<el-dialog class='cn-operate-dialog' v-model='dialogVisible' :title='title'>
<el-dialog class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-scrollbar>
<el-form :inline='false' :model='form' label-width='120px' :rules='rules' ref='formRef'>
<el-form-item label='角色名称'>
<el-input v-model='form.name' placeholder='请输入菜单名称' />
<el-form :inline="false" :model="form" label-width="120px" :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" :rows="2" type="textarea" placeholder="请输入描述" />
</el-form-item>
</el-form>
</el-scrollbar>
<template #footer>
<span class='dialog-footer'>
<el-button @click='dialogVisible = false'>取消</el-button>
<el-button type='primary' @click='submit'>确认</el-button>
<span class="dialog-footer">
<el-button @click="dialogVisible = 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, inject } from 'vue'
import { reactive } from 'vue'
import { ElMessage } from 'element-plus'
import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
const dialogVisible = ref(false)
const title = ref('')
const tableStore = inject('tableStore') as TableStore
const formRef = ref()
// 注意不要和表单ref的命名冲突
const form = reactive({
const form = reactive<anyObj>({
code: '',
name: '',
remark: '',
@@ -60,7 +59,7 @@ const open = (text: string, data?: anyObj) => {
}
}
const submit = () => {
formRef.value.validate(async (valid) => {
formRef.value.validate(async (valid: boolean) => {
if (valid) {
if (form.id) {
// await update(form)