comit

src/views/system_manage/components/smartReportImgSet.vue

@@ -10,10 +10,16 @@
         </div>
         <ul class="img-list-wrap">
             <li class="img-item" v-for="item in 6" :key="item">
-                <img class="img" src="" alt="">
                 <div class="opt-box">
-
+                    <div class="item">
+                        <img src="~@/assets/img/icons/fullsreen.png" alt="">
+                    </div>
+                    <div class="item">
+                        <img src="~@/assets/img/icons/more.png" alt="">
+                    </div>
                 </div>
+                <img class="img" src="" alt="">
+                <p class="name">图片名好处呢给</p>
             </li>
         </ul>
 
@@ -122,24 +128,51 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.smart-report-img-set-page{
+    padding: 30px;
+}
 .img-list-wrap{
     margin-top: 20px;
     display: flex;
     flex-wrap: wrap;
-    gap: 10px;
+    gap: 20px;
     .img-item{
         position: relative;
-        width: 200px;
-        height: 200px;
-        background-color: #f5f5f5;
+        width: 160px;
         cursor: pointer;
         .img{
             display: block;
             width: 100%;
-            height: 100%;
+            height: 160px;
+            background-color: var(--gary-gy-3-disabled, #EBEFF6);
+            &:hover{
+                border: 1px solid #3375e1;
+            }
+        }
+        .name{
+            margin-top: 5px;
         }
         .opt-box{
-            display: none;
+            display: block;
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            display: flex;
+            z-index: 5;
+            .item{
+                width: 24px;
+                height: 24px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                background-color: #fff;
+                border-radius: 50%;
+                margin-left: 10px;
+                img{
+                    width: 16px;
+                    height: 16px;
+                }
+            }
         }
     }
 }

src/views/system_manage/etaBaseConfig.vue

@@ -14,10 +14,10 @@
             label-width="120px" 
             ref="baseConfigForm"
         >
-            <div class="part-type-box" style="margin-bottom:20px">
-                <el-button type="primary" @click="partType=1">登陆设置</el-button>
-                <el-button type="primary" @click="partType=2">研报设置</el-button>
-                <el-button type="primary" v-if="isShowPPT||isShowEnPPT" @click="partType=3">PPT配置</el-button>
+            <div class="part-type-box" style="margin-bottom:40px">
+                <el-button type="primary" :plain="partType===1?false:true" @click="partType=1" :style="{width:'120px',border:'none',color:partType==1?'#fff':'#333'}">登录设置</el-button>
+                <el-button type="primary" :plain="partType===2?false:true" @click="partType=2" :style="{width:'120px',border:'none',color:partType==2?'#fff':'#333'}">研报设置</el-button>
+                <el-button type="primary" :plain="partType===3?false:true" v-if="isShowPPT||isShowEnPPT" @click="partType=3" :style="{width:'120px',border:'none',color:partType==3?'#fff':'#333'}">PPT配置</el-button>
             </div>
             <!-- 登录设置模块 -->
             <div class="part" v-show="partType===1">
@@ -665,6 +665,7 @@ export default {
             padding: 8px;
             cursor: pointer;
             margin-right: 10px;
+            color: rgba($color: #000000, $alpha: 0.6);
         }
         .active{
             color: #0052D9;