From ccd7b3c5b24fa115a732ea915e2e586de717ea1c Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期一, 26 九月 2022 21:39:43 +0800
Subject: [PATCH] 完成logo管理

---
 public/index.html                                        |    5 
 src/views/login/index.vue                                |   10 
 src/components/Table/index.vue                           |   89 ++++++++
 src/views/systemSetting/platform/portalSetting/index.vue |  179 +++++++++++----
 src/components/Img/index.vue                             |   26 ++
 src/router/index.js                                      |    5 
 src/views/layout/components/Menu/index.vue               |    2 
 src/utils/helper.js                                      |   17 +
 src/main.js                                              |    2 
 src/components/Upload/index.vue                          |   84 +++++++
 src/App.vue                                              |   52 ++++
 src/views/operate/lawEnforcement/index.vue               |   97 ++++++++
 src/views/systemSetting/platform/mySetting/index.vue     |   41 ++-
 13 files changed, 530 insertions(+), 79 deletions(-)

diff --git a/public/index.html b/public/index.html
index 6127cfe..fe15af4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,9 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
+    <!-- <link rel="icon" href="http://140.143.152.226:8410/sczhzf/M00/00/00/rBUAD2MxQ8CAXBxsAAACVqU61WY764.png"> -->
     <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
-    <title>閬傛槍鎵ф硶骞冲彴</title>
+    <!-- <title>閬傛槍鎵ф硶骞冲彴</title> -->
   </head>
   <body>
     <noscript>
diff --git a/src/App.vue b/src/App.vue
index 71c8728..0c85672 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,12 +3,52 @@
     <router-view />
   </div>
 </template>
-
-<style >
-
-</style>
 <script>
-export default {
 
+export default {
+  data() {
+    return {
+      mytitle: '',
+    }
+  },
+  async created() {
+    const imgObj = await this.getIcon();
+    this.changIcon(imgObj);
+  },
+  methods: {
+    changIcon(obj) {
+      var link = document.querySelector("link [rel*='icon']") || document.createElement("link");
+      var title = document.querySelector("title") || document.createElement("title");
+      link.type = "image/x-icon";
+      link.rel = "shortcut icon";
+      link.href = obj.chromeLinkUrl;  //icon鍥炬爣
+      title.innerHTML = obj.title;
+      document.getElementsByTagName("head")[0].appendChild(link);
+      document.getElementsByTagName("head")[0].appendChild(title);
+    },
+    // 鑾峰彇icon
+    async getIcon() {
+      let result;
+      const pic = JSON.parse(localStorage.getItem('pic'));
+      if (pic) {
+        result = pic;
+        console.log('缂撳瓨')
+      } else {
+        console.log('璇锋眰');
+        await this.$axios({
+          method: 'get',
+          url: 'sccg/system/portal/logo/search',
+        }).then(res => {
+          console.log(res);
+          result = res.data;
+          localStorage.setItem('pic',JSON.stringify(result));
+        })
+      }
+      return result;
+    },
+  }
 };
-</script>
\ No newline at end of file
+</script>
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/components/Img/index.vue b/src/components/Img/index.vue
new file mode 100644
index 0000000..a2e4c87
--- /dev/null
+++ b/src/components/Img/index.vue
@@ -0,0 +1,26 @@
+<template>
+    <div class="Img">
+        <img :src="imgUrl" alt="" :style="{'width':width,'height':height,'border-radius':radius}">
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+
+        }
+    },
+    props: ['imgUrl', 'width', 'height', 'radius'],
+}
+</script>
+<style lang="scss" scoped>
+.Img {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(249, 249, 249, 1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Table/index.vue b/src/components/Table/index.vue
new file mode 100644
index 0000000..23b30cf
--- /dev/null
+++ b/src/components/Table/index.vue
@@ -0,0 +1,89 @@
+<template>
+    <div class="Table">
+        <el-table ref="multipleTable" :data="tableData" style="width: 100%"
+            :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
+            :row-class-name="tableRowClassName">
+            <el-table-column type="selection" :min-width="5">
+            </el-table-column>
+            <el-table-column v-for="(item,idx) in option.group" :key="item.prop" :label="item.label" :prop="item.prop"
+            :min-width="item['min-width'] ? item['item.min-width']:'10'">
+                <template slot-scope="scope">
+                    <div v-if="item.type === 'text'">
+                        {{scope.row[item.prop]}}
+                    </div>
+                    <div v-else class="operationBox">
+                        <div class="divider" v-for="(child,index) in item.children" :key="child.operationName">
+                            <span @click="backMykey(scope.$index,child.mykey)">{{child.operationName}}</span>
+                            <el-divider direction="vertical" v-if="index !== item.children.length-1"></el-divider>
+                        </div>
+                    </div>
+                </template>
+            </el-table-column>
+        </el-table>
+    </div>
+</template>
+<script>
+import { deepClone } from '@/utils/helper';
+export default {
+    data() {
+        return {
+
+        }
+    },
+    props: {
+        tableData: {
+            type: Array,
+            dafault: () => [],
+        },
+        tableOption: {
+            type: Object,
+            default: () => { }
+        },
+        openDialog:{
+            type:Function,
+            default:()=>{()=>{console.log(1)}}
+        }
+    },
+    computed: {
+        option() {
+            return deepClone(this.tableOption);
+        }
+    },
+    methods: {
+        // 璁剧疆琛ㄦ牸鏂戦┈绾�
+        tableRowClassName({ row, rowIndex }) {
+            if ((rowIndex + 1) % 2 == 0) {
+                return 'warning-row';
+            } else {
+                return 'success-row';
+            }
+            return '';
+        },
+        // 鑾峰彇鐐瑰嚮鐨勫叧閿瓧
+        backMykey(index,value){
+            this.$emit('openDialog',{index,mykey:value})
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.Table {
+    width: 100%;
+    .el-table{
+        color: #4b9bb7;
+    }
+    &::v-deep .warning-row {
+        background-color: #06122c;
+    }
+
+    &::v-deep .success-row {
+        background-color: #071f39;
+    }
+    .operationBox{
+        display: flex;
+    }
+    .el-divider{
+        background-color: #4b9bb7;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
new file mode 100644
index 0000000..827e39b
--- /dev/null
+++ b/src/components/Upload/index.vue
@@ -0,0 +1,84 @@
+<template>
+    <el-upload :file-list="fileList" class="upload-demo" action="http://42.193.1.25:8082/sccg/file/medias" multiple
+        :show-file-list="flag" :before-upload="beforeUpload" :limit="50" :on-success="handleSuccess"
+        :headers="getToken()">
+        <div class="uploadBtn" v-if="picUrl===''">
+            <i class="el-icon-plus"></i>
+            <span>涓婁紶鍥剧墖</span>
+        </div>
+        <MyImg :imgUrl="picUrl" width="105px" height="105px" radius="4px" v-else class="uploadBtn"></MyImg>
+    </el-upload>
+</template>
+<script>
+import MyImg from '@/components/Img'
+export default {
+    components: {
+        MyImg,
+    },
+    data() {
+        return {
+            fileList: [],
+            flag: false,
+        };
+    },
+    methods: {
+        beforeUpload(rawFile) {
+            console.log(rawFile);
+            if (rawFile.type !== 'image/png' && rawFile.type !== 'image/svg+xml' && rawFile.type !== 'image/jpg' && rawFile.type !== 'image/jpeg') {
+                this.$message.error('Avatar picture must be jpg/svg/jpeg/png format!')
+                return false
+            } else if (rawFile.size / 105 / 105 > 2) {
+                this.$message.error('Avatar picture size can not exceed 2MB!')
+                return false
+            }
+            return true
+        },
+        handleSuccess(res, file, filelist) {
+            console.log(res);
+            this.$emit('getPicUrl', { obj: res.data, value: this.mykey });
+        },
+        getToken() {
+            const token = localStorage.getItem('token');
+            const tokenHead = localStorage.getItem('tokenHead');
+            if (token && tokenHead) {
+                return { Authorization: tokenHead + token }
+            }
+        }
+    },
+    watch:{
+        picUrl(newVal,oldVal){
+            console.log(newVal);
+        }
+    },
+    mounted() {
+        console.log(this.picUrl);
+    },
+    props: ['getPicUrl', 'mykey', 'picUrl']
+}
+</script>
+<style lang="scss" scoped>
+.upload-demo {
+    display: flex;
+    height: 120px;
+}
+
+.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;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9a5d68f..8ea7900 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,7 +15,7 @@
 import api from "./utils/request"
 Vue.prototype.$axios=api
 console.log(process.env.VUE_APP_BASE_API);
-Vue.use(ElementUI)
+Vue.use(ElementUI);
 new Vue({
   router,
   store,
diff --git a/src/router/index.js b/src/router/index.js
index f54e285..709b9f6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -151,6 +151,11 @@
                 component: () => import('@/views/operate/rectification/renovationList'),
               }
             ]
+          },
+          {
+            path:'lawEnforcement',
+            name:'lawEnforcement',
+            component:()=>import('@/views/operate/lawEnforcement')
           }
         ]
       },
diff --git a/src/utils/helper.js b/src/utils/helper.js
new file mode 100644
index 0000000..3b6dda5
--- /dev/null
+++ b/src/utils/helper.js
@@ -0,0 +1,17 @@
+// 娣辨嫹璐�
+function deepClone(obj){
+    let objClone = Array.isArray(obj) ? [] : {};
+    if(obj && typeof obj === 'object' && obj != null){
+        for(let key in obj){
+            if(obj.hasOwnProperty(key)){
+                if(obj[key] && typeof obj[key] === 'object'){
+                    objClone[key] = deepClone(obj[key]);
+                }else{
+                    objClone[key] = obj[key];
+                }
+            }
+        }
+    }
+    return objClone;
+}
+export {deepClone};
\ No newline at end of file
diff --git a/src/views/layout/components/Menu/index.vue b/src/views/layout/components/Menu/index.vue
index 6588ba7..c97376b 100644
--- a/src/views/layout/components/Menu/index.vue
+++ b/src/views/layout/components/Menu/index.vue
@@ -98,7 +98,7 @@
                 <el-menu-item index="/home/operate/rectification/surveyList">鏅煡鍒楄〃</el-menu-item>
                 <el-menu-item index="/home/operate/rectification/renovationList">鏁存不鍒楄〃</el-menu-item>  
             </el-submenu>
-            <el-menu-item index="/home/operate/dasd">宸℃煡鎵ф硶</el-menu-item>
+            <el-menu-item index="/home/operate/lawEnforcement">宸℃煡鎵ф硶</el-menu-item>
             <el-menu-item index="/home/operate/dasds">妗堝嵎鏌ヨ</el-menu-item>
             <el-submenu index="/home/operate/fivepack" class="secondMenu">
               <template slot="title">
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d33b057..81992e8 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -4,7 +4,7 @@
     <div class="text">
       <div class="logo">
         <img
-          src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__155eeb2ceaac89ec717869a050964a36.svg"
+          :src="imgUrl"
           alt="">
       </div>
       <div class="text-r">
@@ -80,6 +80,7 @@
         // username: "admin",
         // password: "macro123",
       },
+      imgUrl:'',
       loginRules: {
         username: [
           { required: true, trigger: "blur", validator: validateUsername },
@@ -92,7 +93,12 @@
       pwdType: false,
     };
   },
-  created() { },
+  created() {
+    const pic = JSON.parse(localStorage.getItem('pic'));
+    if(pic){
+      this.imgUrl = pic.loginPageIconUrl
+    }
+   },
   methods: {
     showPwd() {
       if (!this.pwdType) {
diff --git a/src/views/operate/lawEnforcement/index.vue b/src/views/operate/lawEnforcement/index.vue
new file mode 100644
index 0000000..7ae0911
--- /dev/null
+++ b/src/views/operate/lawEnforcement/index.vue
@@ -0,0 +1,97 @@
+<template>
+    <div class="law-enforcement">
+        <MyTable :tableData="list" :tableOption="tableOption" @openDialog="changeDialog">
+        </MyTable>
+        <!-- 缁勪欢鍖� -->
+        <div class="dialog">
+            <el-dialog v-if="visible" :visible.async="visible" title="闂鐧昏" width="60%" :before-close="handleClose">
+                <checkIn></checkIn>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+<script>
+import MyTable from '@/components/Table'
+export default {
+    components: {
+        MyTable,
+    },
+    data() {
+        return {
+            list: [
+                {
+                    name: '寮犱笁',
+                    sex: '鐢�',
+                    age: '23',
+                    'min-width': '10',
+                },
+                {
+                    name: '寮犲洓',
+                    sex: '鐢�',
+                    age: '23',
+                    'min-width': '10',
+                },
+                {
+                    name: '涓稿皬鍎�',
+                    sex: '濂�',
+                    age: '11',
+                    'min-width': '10',
+                },
+            ],
+            tableOption: {
+                group: [
+                    {
+                        label: '濮撳悕',
+                        type: 'text',
+                        prop: 'name',
+                    },
+                    {
+                        label: '骞撮緞',
+                        type: 'text',
+                        prop: 'age',
+                    },
+                    {
+                        label: '鎬у埆',
+                        type: 'text',
+                        prop: 'sex',
+                    },
+                    {
+                        label: '鎿嶄綔',
+                        type: 'operation',
+                        prop: 'operation',
+                        children: [
+                            {
+                                operationName: '鏌ョ湅',
+                                mykey : 'look',
+                            },
+                            {
+                                operationName: '淇敼',
+                                mykey:'update',
+                            }
+                        ]
+                    },
+                ]
+            },
+            visible:false
+        }
+    },
+    methods:{
+        // 鍏抽棴瀵硅瘽妗�
+        handleClose(done) {
+            this.$confirm('纭鍏抽棴锛�')
+                .then(_ => {
+                    this.visible = false;
+                    done();
+                })
+                .catch(_ => { });
+        },
+        // 鑾峰彇鎿嶄綔缁撴灉
+        changeDialog({index,mykey}){
+            console.log(index,mykey);
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/systemSetting/platform/mySetting/index.vue b/src/views/systemSetting/platform/mySetting/index.vue
index b928e83..b221b7f 100644
--- a/src/views/systemSetting/platform/mySetting/index.vue
+++ b/src/views/systemSetting/platform/mySetting/index.vue
@@ -13,7 +13,8 @@
                         <h4>{{item.title}}</h4>
                         <!-- 瀛愯彍鍗� -->
                         <ul class="menu">
-                            <li class="menuItem" v-for="(son,sonIndex) in item.children" @click.stop="getContent(index,sonIndex)">
+                            <li class="menuItem" v-for="(son,sonIndex) in item.children"
+                                @click.stop="getContent(index,sonIndex)">
                                 <span>{{son.title}}</span>
                             </li>
                         </ul>
@@ -46,27 +47,34 @@
 export default {
     data() {
         return {
-            menuList:[],
-            article:[],
+            menuList: [],
+            article: [],
         }
     },
-    created(){
+    created() {
         const { getMenuList } = this;
         getMenuList();
     },
-    methods:{
+    methods: {
         // 鑾峰彇鑿滃崟鍒楄〃
-        getMenuList(){
-            this.$axios.get('sccg/menu/treeList').then(res=>{
-                console.log(res);
-                const {data} = res;
-                this.menuList = data;
-                this.getContent(0);
-            })
+        getMenuList() {
+            // this.$axios({
+            //     method: 'get',
+            //     url: 'sccg/system/portal/menu/search',
+            //     data: {
+            //         current: 1,
+            //         size: 10,
+            //     }
+            // }).then(res => {
+            //     console.log(res);
+            //     const { data } = res;
+            //     this.menuList = data;
+            //     this.getContent(0);
+            // })
         },
         // 鍒囨崲鑿滃崟鍐呭灞曠ず
-        getContent(index,sonIndex=null){
-            if(sonIndex===null){
+        getContent(index, sonIndex = null) {
+            if (sonIndex === null) {
                 this.article = this.menuList[index];
                 return;
             }
@@ -98,6 +106,7 @@
                 border: 1px solid #fff;
                 padding: 20px;
                 height: calc(100vh - 120px);
+
                 .asideItem {
                     h4 {
                         line-height: 40px;
@@ -120,6 +129,7 @@
             .content {
                 flex: 1;
                 margin-left: 100px;
+
                 h4 {
                     margin: 0;
                     line-height: 80px;
@@ -134,7 +144,8 @@
                     .editItem {
                         line-height: 40px;
                         display: flex;
-                        span{
+
+                        span {
                             margin-left: 10px;
                         }
                     }
diff --git a/src/views/systemSetting/platform/portalSetting/index.vue b/src/views/systemSetting/platform/portalSetting/index.vue
index 3f9217c..3bac3e2 100644
--- a/src/views/systemSetting/platform/portalSetting/index.vue
+++ b/src/views/systemSetting/platform/portalSetting/index.vue
@@ -11,30 +11,23 @@
                 <li>
                     <div class="desc">浜у搧鍥炬爣锛氫富瑕佺敤浜庣綉椤靛ご閮�</div>
                     <div class="upload">
-                        <div class="uploadBtn">
-                            <i class="el-icon-plus"></i>
-                            <span>涓婁紶鍥剧墖</span>
-                        </div>
+                        <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">
-                        <div class="uploadBtn">
-                            <i class="el-icon-plus"></i>
-                            <span>涓婁紶鍥剧墖</span>
-                        </div>
+                        <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">
-                        <div class="uploadBtn">
-                            <i class="el-icon-plus"></i>
-                            <span>涓婁紶鍥剧墖</span>
-                        </div>
+                        <MyUpload @getPicUrl="setPicUrl" mykey="loginPageIconUrl" :picUrl="icon.loginPageIconUrl">
+                        </MyUpload>
                         <div class="uploadTip"><span>鍙厑璁镐笂浼爅pg,jpeg,png,svg鏍煎紡鐨勫浘鐗囷紝寤鸿灏哄涓�105px*105px</span></div>
                     </div>
                 </li>
@@ -44,28 +37,117 @@
             <div class="webTitle">
                 <div class="text">缃戠珯鏍囬:</div>
                 <div class="inner">
-                    <el-input type="text" placeholder="閬傛槍鎵ф硶灞�" v-model="title"></el-input>
+                    <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">鎻愪氦</el-button>
+                <el-button type="primary" @click="changeLogo">鎻愪氦</el-button>
             </div>
         </footer>
     </div>
 </template>
 <script>
+import MyUpload from '@/components/Upload'
 export default {
+    components: {
+        MyUpload,
+    },
     data() {
         return {
-            title:'',
-            icon:{
-                login:'',
-                website:'',
-                product:'',
-            }
+            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 => {
+                        console.log(res);
+                        if (res.code == 200) {
+                            this.$message({
+                                message: res.message,
+                                type: 'success'
+                            })
+                        }
+                    })
+                }
+            } else {
+                console.log(obj);
+                // 鍙戦�佽姹�
+                this.$axios({
+                    method: 'put',
+                    url: 'sccg/system/portal/logo/update',
+                    data: obj
+                }).then(res => {
+                    console.log(res);
+                    this.$message({
+                        message: res.message,
+                        type: 'success'
+                    })
+                })
+            }
+            localStorage.removeItem('pic');
+            window.location.href='';
+
+        }
+    },
 }
 </script>
 <style lang="scss" scoped>
@@ -98,6 +180,7 @@
 
             li {
                 margin-top: 30px;
+
                 .desc {
                     line-height: 22px;
                 }
@@ -107,31 +190,13 @@
                     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{
+
+                        span {
                             line-height: 22px;
                         }
                     }
@@ -139,34 +204,44 @@
             }
         }
     }
-    footer{
+
+    footer {
         padding: 0 20px;
-        .webTitle{
+
+        .webTitle {
             display: flex;
             line-height: 40px;
-            margin:30px 0;
-            .text{
+            margin: 30px 0;
+
+            .text {
                 flex: 1;
             }
-            .inner{
+
+            .inner {
                 flex: 13;
-                .el-input{
+
+                .el-input {
                     width: 496px;
                 }
-                &::v-deep .el-input__inner{
+
+                &::v-deep .el-input__inner {
                     background-color: #09152f;
-                    border: 1px solid #17324c;;
+                    border: 1px solid #17324c;
+                    ;
                 }
             }
         }
-        .footerBtn{
+
+        .footerBtn {
             display: flex;
             justify-content: center;
-            &::v-deep .el-button{
+
+            &::v-deep .el-button {
                 padding: 12px 40px;
                 font-weight: 600;
             }
-            .cancel{
+
+            .cancel {
                 border: 2px solid #0079fe;
                 color: #0079fe;
             }

--
Gitblit v1.8.0