Web/admin-govern
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

全局添加输入框空格校验

Browse Source
This commit is contained in:
GGJ
2024-12-25 10:53:07 +08:00
parent 90efcc4ad2
commit aed771578a
98 changed files with 703 additions and 904 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/views/system/subject/form/index.vue
View File

@@ -1,13 +1,13 @@
<template>
<el-dialog draggable v-model="dialogVisible" :title="title" :before-close="Cancel">
<el-dialog draggable v-model.trim="dialogVisible" :title="title" :before-close="Cancel">
<el-form :inline="false" :model="configStore" label-width="auto">
<el-divider border-style="dashed">全局</el-divider>
<div class="layout-config-global form-two">
<el-form-item label="组件主名称">
<el-input v-model="configStore.name" placeholder="请输入主题名称" />
<el-input v-model.trim="configStore.name" placeholder="请输入主题名称" />
</el-form-item>
<el-form-item label="后台页面切换动画">
<el-select v-model="configStore.mainAnimation">
<el-select v-model.trim="configStore.mainAnimation">
<el-option label="slide-right" value="slide-right"></el-option>
<el-option label="slide-left" value="slide-left"></el-option>
<el-option label="el-fade-in-linear" value="el-fade-in-linear"></el-option>
@@ -18,68 +18,54 @@
</el-select>
</el-form-item>
<el-form-item label="组件主题色">
<el-color-picker v-model="configStore.elementUiPrimary[0]" />
<el-color-picker v-model.trim="configStore.elementUiPrimary[0]" />
</el-form-item>
<el-form-item label="表格标题栏背景颜色">
<el-color-picker v-model="configStore.tableHeaderBackground[0]" />
<el-color-picker v-model.trim="configStore.tableHeaderBackground[0]" />
</el-form-item>
<el-form-item label="表格标题栏文字颜色">
<el-color-picker v-model="configStore.tableHeaderColor[0]" />
<el-color-picker v-model.trim="configStore.tableHeaderColor[0]" />
</el-form-item>
<el-form-item label="表格激活栏颜色">
<el-color-picker v-model="configStore.tableCurrent[0]" />
<el-color-picker v-model.trim="configStore.tableCurrent[0]" />
</el-form-item>
<el-form-item label="组件主描述">
<el-input
v-model="configStore.remark"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
placeholder="请输入描述"
/>
<el-input v-model.trim="configStore.remark" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea"
placeholder="请输入描述" />
</el-form-item>
</div>
<el-divider border-style="dashed">侧边栏</el-divider>
<div class="layout-config-aside form-two">
<el-form-item label="侧边菜单栏背景色">
<el-color-picker v-model="configStore.menuBackground[0]" />
<el-color-picker v-model.trim="configStore.menuBackground[0]" />
</el-form-item>
<el-form-item label="侧边菜单文字颜色">
<el-color-picker v-model="configStore.menuColor[0]" />
<el-color-picker v-model.trim="configStore.menuColor[0]" />
</el-form-item>
<el-form-item label="侧边菜单激活项背景色">
<el-color-picker v-model="configStore.menuActiveBackground[0]" />
<el-color-picker v-model.trim="configStore.menuActiveBackground[0]" />
</el-form-item>
<el-form-item label="侧边菜单激活项文字色">
<el-color-picker v-model="configStore.menuActiveColor[0]" />
<el-color-picker v-model.trim="configStore.menuActiveColor[0]" />
</el-form-item>
<el-form-item label="侧边菜单顶栏背景色">
<el-color-picker v-model="configStore.menuTopBarBackground[0]" />
<el-color-picker v-model.trim="configStore.menuTopBarBackground[0]" />
</el-form-item>
</div>
<el-divider border-style="dashed">顶栏</el-divider>
<div class="layout-config-aside form-two">
<el-form-item label="顶栏背景色">
<el-color-picker v-model="configStore.headerBarBackground[0]" />
<el-color-picker v-model.trim="configStore.headerBarBackground[0]" />
</el-form-item>
<el-form-item label="顶栏文字色">
<el-color-picker v-model="configStore.headerBarTabColor[0]" />
<el-color-picker v-model.trim="configStore.headerBarTabColor[0]" />
</el-form-item>
<el-form-item label="顶栏logo">
<el-image
style="height: 50px"
:src="logoFile.url"
:preview-src-list="[logoFile.url]"
v-if="logoFile.url"
class="mr10"
></el-image>
<el-upload
action=""
:show-file-list="false"
:auto-upload="false"
accept=".png,.jpg"
:on-change="chooseImage"
>
<el-image style="height: 50px" :src="logoFile.url" :preview-src-list="[logoFile.url]"
v-if="logoFile.url" class="mr10"></el-image>
<el-upload action="" :show-file-list="false" :auto-upload="false" accept=".png,.jpg"
:on-change="chooseImage">
<el-button type="primary">上传图片</el-button>
</el-upload>
</el-form-item>
@@ -203,7 +189,7 @@ const onSubmit = () => {
addTheme(form).then(res => {
ElMessage.success('新增成功')
Cancel()
})
}
if (title.value == '修改主题') {
@@ -215,7 +201,7 @@ const onSubmit = () => {
}
// 取消
const Cancel = () => {
// dialogVisible.value = false
emit('Cancels')
setTimeout(() => {