From e2ffe9683ef007a45afbcdd897985d64cdcc7391 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期四, 24 十一月 2022 11:26:31 +0800
Subject: [PATCH] 修改
---
src/views/systemSetting/platform/portalSetting/index.vue | 254 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 251 insertions(+), 3 deletions(-)
diff --git a/src/views/systemSetting/platform/portalSetting/index.vue b/src/views/systemSetting/platform/portalSetting/index.vue
index 8b407a0..4157562 100644
--- a/src/views/systemSetting/platform/portalSetting/index.vue
+++ b/src/views/systemSetting/platform/portalSetting/index.vue
@@ -1,5 +1,253 @@
<template>
- <div>
-
+ <div class="log">
+ <header>
+ <div class="headerTitle">
+ 绯荤粺璁剧疆 >> 闂ㄦ埛绠＄悊 > logo绠＄悊
+ </div>
+ </header>
+ <main>
+ <div class="mainTitle">LOGO</div>
+ <ul class="mainContent">
+ <li>
+ <div class="desc">浜у搧鍥炬爣锛氫富瑕佺敤浜庣綉椤靛ご閮�</div>
+ <div class="upload">
+ <MyUpload @getPicUrl="setPicUrl" mykey="chromeLinkUrl" :picUrl="icon.chromeLinkUrl"></MyUpload>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ <li>
+ <div class="desc">缃戠珯鍥炬爣锛氫富瑕佺敤浜庢祻瑙堝櫒鏍囩椤�</div>
+ <div class="upload">
+ <MyUpload @getPicUrl="setPicUrl" mykey="websiteHeadUrl" :picUrl="icon.websiteHeadUrl">
+ </MyUpload>
+ <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
+ </div>
+ </li>
+ <li>
+ <div class="desc">鐧诲綍椤靛浘鏍囷細涓昏鐢ㄤ簬鐧诲綍椤�</div>
+ <div class="upload">
+ <MyUpload @getPicUrl="setPicUrl" mykey="loginPageIconUrl" :picUrl="icon.loginPageIconUrl">
+ </MyUpload>
+ <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="icon.title"></el-input>
+ </div>
+ </div>
+ <div class="footerBtn">
+ <el-button class="cancel">杩斿洖</el-button>
+ <el-button type="primary" @click="changeLogo">鎻愪氦</el-button>
+ </div>
+ </footer>
</div>
-</template>
\ No newline at end of file
+</template>
+<script>
+import MyUpload from '@/components/Upload'
+export default {
+ components: {
+ MyUpload,
+ },
+ data() {
+ return {
+ icon: {
+ loginPageIconUrl: '',
+ websiteHeadUrl: '',
+ chromeLinkUrl: '',
+ title: '',
+ },
+ }
+
+ },
+ methods: {
+ setPicUrl({ obj, value }) {
+ const { icon } = this;
+ const baseUrl = 'http://140.143.152.226:8410/';
+ for (let key in icon) {
+ if (key === value) {
+ icon[key] = baseUrl + obj.url1;
+ }
+ }
+ this.icon = icon;
+ },
+ // 鏇存敼logo鍏ュ彛
+ async changeLogo() {
+ const { icon } = this;
+ console.log(icon);
+ const preIcon = await this.getIcon();
+ if (preIcon.length === 0) {
+ this.handleChangeLogo();
+ return;
+ }
+ for (let key in icon) {
+ if (icon[key] !== '') {
+ preIcon[key] = icon[key];
+ }
+ }
+ this.handleChangeLogo(preIcon);
+ },
+ // 鑾峰彇鏇存敼鍓嶇殑logo
+ async getIcon() {
+ let result;
+ await this.$axios({
+ method: 'get',
+ url: 'sccg/system/portal/logo/search',
+ }).then(res => {
+ result = res.data;
+ })
+ return result;
+ },
+ // 鎵ц鏇存敼logo鎿嶄綔
+ handleChangeLogo(obj = null) {
+ if (obj === null) {
+ const { icon } = this;
+ for (let key in icon) {
+ if (icon[key] === '') {
+ delete icon[key];
+ }
+ }
+ let length = Object.keys(icon).length;
+ if (length !== 0) {
+ // 鍙戦�佽姹�
+ this.$axios({
+ method: 'post',
+ url: 'sccg/system/portal/logo/add',
+ data: icon
+ }).then(res => {
+ if (res.code == 200) {
+ this.$axios({
+ method: 'get',
+ url: 'sccg/system/portal/logo/search',
+ }).then(res => {
+ this.$message({
+ message: res.message,
+ type: 'success'
+ })
+ sessionStorage.setItem('pic', JSON.stringify(result));
+ })
+ }
+ })
+ }
+ } else {
+ // 鍙戦�佽姹�
+ this.$axios({
+ method: 'put',
+ url: 'sccg/system/portal/logo/update',
+ data: obj
+ }).then(res => {
+ this.$message({
+ message: res.message,
+ type: 'success'
+ })
+ })
+ }
+ window.location.href = '';
+
+ }
+ },
+}
+</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;
+
+ .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