From ffb4f983478bc74ae34d7c7cecc7fb937fab045f Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期二, 20 九月 2022 18:02:22 +0800
Subject: [PATCH] 新建logo管理页面
---
src/views/systemSetting/baseSetting/department/updateUser/index.vue | 2
src/views/systemSetting/platform/portalSetting/index.vue | 177 +++++++++++++++++++++++++++++++++++++++++++
src/router/index.js | 5 +
src/views/layout/components/Menu/index.vue | 1
src/views/systemSetting/platform/mySetting/index.vue | 5 +
5 files changed, 186 insertions(+), 4 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 06199da..28129e5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -46,6 +46,11 @@
path:'otherInterface',
name:'otherInterface',
component: () => import('@/views/systemSetting/platform/otherInterface')
+ },
+ {
+ path:'mySetting',
+ name:'mySetting',
+ component: () => import('@/views/systemSetting/platform/mySetting')
}
]
},
diff --git a/src/views/layout/components/Menu/index.vue b/src/views/layout/components/Menu/index.vue
index b6fa475..4f35d59 100644
--- a/src/views/layout/components/Menu/index.vue
+++ b/src/views/layout/components/Menu/index.vue
@@ -58,6 +58,7 @@
<template slot="title">
<span class="secondSpan">闂ㄦ埛绠＄悊</span>
</template>
+ <el-menu-item index="/home/system/mySetting">鑷畾涔夎彍鍗�</el-menu-item>
<el-menu-item index="/home/system/portalSetting">logo绠＄悊</el-menu-item>
<el-menu-item index="/home/system/otherInterface">绗笁鏂规帴鍙ｇ鐞�</el-menu-item>
</el-submenu>
diff --git a/src/views/systemSetting/baseSetting/department/updateUser/index.vue b/src/views/systemSetting/baseSetting/department/updateUser/index.vue
index 4570f4f..c1280ce 100644
--- a/src/views/systemSetting/baseSetting/department/updateUser/index.vue
+++ b/src/views/systemSetting/baseSetting/department/updateUser/index.vue
@@ -8,7 +8,7 @@
<el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules"
label-position="right">
<!-- 閮ㄩ棬id -->
- <el-form-item class="optionItem" label="閮ㄩ棬鍚嶇О:" prop="id">
+ <el-form-item class="optionItem" label="閮ㄩ棬id:" prop="id">
<el-input v-model="user.id" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" :disabled="!updateFlag"></el-input>
</el-form-item>
<!-- 閮ㄩ棬鍚嶇О -->
diff --git a/src/views/systemSetting/platform/mySetting/index.vue b/src/views/systemSetting/platform/mySetting/index.vue
new file mode 100644
index 0000000..8b407a0
--- /dev/null
+++ b/src/views/systemSetting/platform/mySetting/index.vue
@@ -0,0 +1,5 @@
+<template>
+ <div>
+
+ </div>
+</template>
\ No newline at end of file
diff --git a/src/views/systemSetting/platform/portalSetting/index.vue b/src/views/systemSetting/platform/portalSetting/index.vue
index 8b407a0..8c6a40d 100644
--- a/src/views/systemSetting/platform/portalSetting/index.vue
+++ b/src/views/systemSetting/platform/portalSetting/index.vue
@@ -1,5 +1,176 @@
<template>
- <div>
-
+ <div class="log">
+ <header>
+ <div clas="headerTitle">
+ 绯荤粺璁剧疆 銆嬮棬鎴风鐞� 銆媗ogo绠＄悊
+ </div>
+ </header>
+ <main>
+ <div class="mainTitle">LOGO</div>
+ <ul class="mainContent">
+ <li>
+ <div class="desc">浜у搧鍥炬爣锛氫富瑕佺敤浜庣綉椤靛ご閮�</div>
+ <div class="upload">
+ <div class="uploadBtn">
+ <i class="el-icon-plus"></i>
+ <span>涓婁紶鍥剧墖</span>
+ </div>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ <li>
+ <div class="desc">缃戠珯鍥炬爣锛氫富瑕佺敤浜庢祻瑙堝櫒鏍囩椤�</div>
+ <div class="upload">
+ <div class="uploadBtn">
+ <i class="el-icon-plus"></i>
+ <span>涓婁紶鍥剧墖</span>
+ </div>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ <li>
+ <div class="desc">鐧诲綍椤靛浘鏍囷細涓昏鐢ㄤ簬鐧诲綍椤�</div>
+ <div class="upload">
+ <div class="uploadBtn">
+ <i class="el-icon-plus"></i>
+ <span>涓婁紶鍥剧墖</span>
+ </div>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ </ul>
+ </main>
+ <footer>
+ <div class="webTitle">
+ <div class="text">缃戠珯鏍囬:</div>
+ <div class="inner">
+ <el-input type="text" placeholder="閬傛槍鎵ф硶灞�" v-model="title"></el-input>
+ </div>
+ </div>
+ <div class="footerBtn">
+ <el-button class="cancel">杩斿洖</el-button>
+ <el-button type="primary">鎻愪氦</el-button>
+ </div>
+ </footer>
</div>
-</template>
\ No newline at end of file
+</template>
+<script>
+export default {
+ data() {
+ return {
+ title:'',
+ icon:{
+ login:'',
+ website:'',
+ product:'',
+ }
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.log {
+ color: #4b9bb7;
+ text-align: left;
+ padding: 20px;
+
+ li {
+ list-style: none;
+ }
+
+ header {
+ line-height: 60px;
+ border-bottom: 1px solid #4b9bb7;
+ }
+
+ main {
+ padding: 0 20px;
+
+ .mainTitle {
+ margin-top: 20px;
+ font-size: 20px;
+ font-weight: 650;
+ line-height: 60px;
+ }
+
+ .mainContent {
+ padding: 0;
+
+ li {
+ margin-top: 30px;
+ .desc {
+ line-height: 22px;
+ }
+
+ .upload {
+ display: flex;
+ line-height: 100px;
+ margin-top: 15px;
+
+ .uploadBtn {
+ width: 120px;
+ height: 120px;
+ background-color:rgba(249, 249, 249, 1);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 4px;
+ i {
+ font-size: 30px;
+ font-weight: 650;
+ }
+
+ span {
+ line-height: 22px;
+ }
+ }
+
+ .uploadTip {
+ display: flex;
+ align-items: flex-end;
+ margin-left: 20px;
+ font-size: 14px;
+ span{
+ line-height: 22px;
+ }
+ }
+ }
+ }
+ }
+ }
+ footer{
+ padding: 0 20px;
+ .webTitle{
+ display: flex;
+ line-height: 40px;
+ margin:30px 0;
+ .text{
+ flex: 1;
+ }
+ .inner{
+ flex: 13;
+ .el-input{
+ width: 496px;
+ }
+ &::v-deep .el-input__inner{
+ background-color: #09152f;
+ border: 1px solid #17324c;;
+ }
+ }
+ }
+ .footerBtn{
+ display: flex;
+ justify-content: center;
+ &::v-deep .el-button{
+ padding: 12px 40px;
+ font-weight: 600;
+ }
+ .cancel{
+ border: 2px solid #0079fe;
+ color: #0079fe;
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0