Browse Source

feat: 增加系统简称的配置和显示

yanglzh 5 months ago
parent
commit
eafb85e525
2 changed files with 16 additions and 7 deletions
  1. 2 1
      src/layout/logo/index.vue
  2. 14 6
      src/views/system/basicConfig/basic.vue

+ 2 - 1
src/layout/logo/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange">
 		<el-image :src="sysinfo.systemLogo" class="logo" />
-		<span>{{ sysinfo.systemName }}</span>
+		<span>{{ sysinfo.systemAbbreviation || sysinfo.systemName }}</span>
 	</div>
 	<div class="layout-logo-size" v-else @click="onThemeConfigChange">
 		<el-image :src="sysinfo.systemLogoMini" class="logo-mini" />
@@ -21,6 +21,7 @@ export default defineComponent({
 		return {
 			sysinfo: {
 				systemName: '',
+				systemAbbreviation: '',
 				systemLogo: '',
 				systemLogoMini: '',
 			},

+ 14 - 6
src/views/system/basicConfig/basic.vue

@@ -2,15 +2,18 @@
 	<el-form :model="state.tableData.param" label-position="top" ref="queryRef" inline label-width="100px">
 		<div class="form-inner-wrap">
 			<div class="left-wrap">
-				<el-form-item label="系统名称" prop="keyWord">
+				<el-form-item label="系统名称" prop="name">
 					<el-input v-model="state.info.name" placeholder="请输入系统名称" clearable />
 				</el-form-item>
-				<el-form-item label="系统版权" prop="keyWord">
+				<el-form-item label="系统简称" prop="abbreviation">
+					<el-input v-model="state.info.abbreviation" placeholder="请输入系统简称" clearable />
+				</el-form-item>
+				<el-form-item label="系统版权" prop="copyright">
 					<el-input v-model="state.info.copyright" placeholder="请输入系统版权" clearable />
 				</el-form-item>
 				<el-row>
 					<el-col :span="12">
-						<el-form-item label="系统LOGO" prop="keyWord">
+						<el-form-item label="系统LOGO" prop="logo">
 							<uploadVue accept=".jpg,.png,.jpeg,.gif,.svg" :name="'logo'" @set-img="setImg">
 								<el-image style="width: 100%;min-width: 100px;min-height: 100px;" :src="state.info.logo" fit="contain">
 									<template #error>
@@ -25,7 +28,7 @@
 					</el-col>
 
 					<el-col :span="12">
-						<el-form-item label="系统LOGO(小图标)" prop="keyWord">
+						<el-form-item label="系统LOGO(小图标)" prop="mini">
 							<uploadVue accept=".jpg,.png,.jpeg,.gif,.svg" :name="'mini'" @set-img="setImg">
 								<el-image style="width: 100%;min-width: 100px;min-height: 100px;" :src="state.info.mini" fit="contain">
 									<template #error>
@@ -44,7 +47,7 @@
 				</el-form-item>
 			</div>
 			<div class="right-wrap">
-				<el-form-item label="登录展示图" prop="keyWord">
+				<el-form-item label="登录展示图" prop="pic">
 					<uploadVue accept=".jpg,.png,.jpeg,.gif,.svg" :name="'pic'" @set-img="setImg">
 						<el-image style="width: 100%;min-width: 100px;min-height: 100px;" :src="state.info.pic" fit="contain">
 							<template #error>
@@ -76,6 +79,7 @@ const state = reactive({
 		copyright: "",
 		accesskey: "",
 		secretkey: "",
+		abbreviation: "",
 		logo: "",
 		mini: "",
 		pic: ""
@@ -112,6 +116,8 @@ const queryBasicConfigInfo = () => {
 				state.info.mini = element.configValue
 			} else if (element.configName == '登录展示图') {
 				state.info.pic = element.configValue
+			} else if (element.configName == '系统简称') {
+				state.info.abbreviation = element.configValue
 			}
 		});
 	});
@@ -138,7 +144,7 @@ const setDetails = () => {
 		ElMessage.error('请上传登录展示图');
 		return;
 	}
-	state.data.forEach((element: object) => {
+	state.data.forEach((element: any) => {
 		if (element.configName == '系统名称') {
 			element.configValue = state.info.name
 		} else if (element.configName == '系统版权') {
@@ -149,6 +155,8 @@ const setDetails = () => {
 			element.configValue = state.info.mini
 		} else if (element.configName == '登录展示图') {
 			element.configValue = state.info.pic
+		} else if (element.configName == '系统简称') {
+			element.configValue = state.info.abbreviation
 		}
 	})
 	api.basicConfig.setDetails({ ConfigInfo: state.data }).then(() => {