研报右侧插入内容部分小屏样式优化

src/views/report_manage/reportV2/normalReport/components/ETAChart.vue

@@ -9,6 +9,7 @@
                 prefix-icon="el-icon-search"
                 v-if="activeType==='ETA图库'"
                 @input="handleETAChartSearch"
+                style="width:330px"
             />
         </div>
         <ImportETAChart ref="ETAChartWrap" v-if="activeType==='ETA图库'" @insertHtml="item =>{$emit('insertHtml',item)}"/>

src/views/report_manage/reportV2/normalReport/components/StatisticAnalysis.vue

@@ -160,6 +160,7 @@ div{
 .statistic-analysis-wrap{
     .top-box{
         .left-card{
+            width: fit-content;
             margin-bottom: 15px;
             border-radius: 4px;
             border: 1px solid var(--unnamed, #DCDFE6);

src/views/report_manage/reportV2/smartReport/components/ETAChart.vue

@@ -55,7 +55,7 @@ div{
 }
 .eta-chart-wrap{
     width: 100%;
-    min-width: 600px;
+    // min-width: 600px;
     overflow-x: auto;
     .top-box{
         display: flex;
@@ -86,7 +86,7 @@ div{
         }
         .right{
             .search-box{
-                width: 330px;
+                width: 260px;
             }
         }
     }

src/views/report_manage/reportV2/smartReport/components/ETASandBox.vue

@@ -116,18 +116,19 @@ div{
 }
 .statistic-analysis-wrap{
     .top-box{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
+        // display: flex;
+        // justify-content: space-between;
+        // align-items: center;
         .right{
+            margin-top: 20px;
             .search-box{
-                width: 330px;
+                width: 260px;
             }
         }
     }
     .main-box{
         margin-top: 30px;
-        height: calc(100vh - 180px);
+        height: calc(100vh - 220px);
         border-radius: 4px;
         border: 1px solid var(--gary-gy-5-line, #C8CDD9);
         background: #FFF;

src/views/report_manage/reportV2/smartReport/components/ETASheet.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="eta-sheet-wrap">
         <div class="top-box">
-            <span>{{$t('ReportManage.ReportList.eta_top_type')}}</span>
+            <div>{{$t('ReportManage.ReportList.eta_top_type')}}</div>
             <el-input
                 class="search-box"
 				:placeholder="$t('ReportManage.ReportList.table_name_tabs')"
@@ -120,15 +120,16 @@ div{
 }
 .eta-sheet-wrap{
     .top-box{
-        display: flex;
-        justify-content: space-between;
+        // display: flex;
+        // justify-content: space-between;
         .search-box{
-            width: 330px;
+            margin-top: 20px;
+            width: 260px;
         }
     }
     .main-box{
         margin-top: 30px;
-        height: calc(100vh - 180px);
+        height: calc(100vh - 220px);
         border-radius: 4px;
         border: 1px solid var(--gary-gy-5-line, #C8CDD9);
         background: #FFF;

src/views/report_manage/reportV2/smartReport/components/ImgSource.vue

@@ -8,6 +8,10 @@
                 <span v-else>{{$t('ReportManage.ReportList.select_img_card')}}</span>
             </div>
             <div class="right">
+                <el-select :placeholder="$t('ReportManage.ReportList.select_img_type')" v-model="type" style="width:80px" @change="handleSearch" size="medium" :disabled="defaultType" v-show="!defaultType">
+                    <el-option :label="$t('ReportManage.ReportList.page_header_op')" :value="1"></el-option>
+                    <el-option :label="$t('ReportManage.ReportList.page_trailer_op')" :value="2"></el-option>
+                </el-select>
                 <el-input
                     class="search-box"
 					:placeholder="$t('ReportManage.ReportList.img_name_ipt')"
@@ -16,13 +20,9 @@
                     style="width:240px"
                     size="medium"
 				/>
-                <el-select :placeholder="$t('ReportManage.ReportList.select_img_type')" v-model="type" style="width:240px" @change="handleSearch" size="medium" :disabled="defaultType" v-show="!defaultType">
-                    <el-option :label="$t('ReportManage.ReportList.page_header_op')" :value="1"></el-option>
-                    <el-option :label="$t('ReportManage.ReportList.page_trailer_op')" :value="2"></el-option>
-                </el-select>
             </div>
         </div>
-        <div class="main-box" :style="inDialog?'height:550px;':'height: calc(100vh - 180px)'">
+        <div class="main-box" :style="inDialog?'height:550px;':'height: calc(100vh - 220px)'">
             <div style="flex:1;overflow-y: auto;padding:20px 0">
             <tableNoData :text="$t('Table.prompt_slogan')" size="mini" v-if="list.length===0&&finished"/>
             <div class="list-wrap" v-infinite-scroll="handleLoadMore" :infinite-scroll-immediate="false">
@@ -145,18 +145,19 @@ div{
 }
 .statistic-analysis-wrap{
     .top-box{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
+        // display: flex;
+        // justify-content: space-between;
+        // align-items: center;
         .right{
+            margin-top: 20px;
             .search-box{
                 width: 330px;
             }
         }
     }
     .main-box{
-        margin-top: 30px;
-        height: calc(100vh - 180px);
+        margin-top: 20px;
+        height: calc(100vh - 220px);
         border-radius: 4px;
         border: 1px solid var(--gary-gy-5-line, #C8CDD9);
         background: #FFF;

src/views/report_manage/reportV2/smartReport/components/SemanticAnalysis.vue

@@ -116,18 +116,19 @@ div{
 }
 .statistic-analysis-wrap{
     .top-box{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
+        // display: flex;
+        // justify-content: space-between;
+        // align-items: center;
         .right{
+            margin-top: 20px;
             .search-box{
-                width: 330px;
+                width: 260px;
             }
         }
     }
     .main-box{
         margin-top: 30px;
-        height: calc(100vh - 180px);
+        height: calc(100vh - 220px);
         border-radius: 4px;
         border: 1px solid var(--gary-gy-5-line, #C8CDD9);
         background: #FFF;

src/views/report_manage/reportV2/smartReport/components/StatisticAnalysis.vue

@@ -178,15 +178,17 @@ div{
 }
 .statistic-analysis-wrap{
     .top-box{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
+        // display: flex;
+        // justify-content: space-between;
+        // align-items: center;
         .left-card{
+            width: fit-content;
             border-radius: 4px;
             border: 1px solid var(--unnamed, #DCDFE6);
             background: var(--gary-gy-3-disabled, #EBEFF6);
             display: flex;
             align-items: center;
+            flex-wrap: wrap;
             gap: 0 3px;
             padding: 6px;
             .item{
@@ -206,14 +208,15 @@ div{
             }
         }
         .right{
+            margin-top: 20px;
             .search-box{
-                width: 330px;
+                width: 260px;
             }
         }
     }
     .main-box{
         margin-top: 30px;
-        height: calc(100vh - 180px);
+        height: calc(100vh - 260px);
         border-radius: 4px;
         border: 1px solid var(--gary-gy-5-line, #C8CDD9);
         background: #FFF;

src/views/report_manage/reportV2/smartReport/editReport.vue

@@ -187,7 +187,7 @@
                             <img src="~@/assets/img/smartReport/icon14.png" alt="">
                         </div>
                         <div style="overflow-x:auto;height:calc(100% + 12px);">
-                        <div style="min-width:800px;height: 100%;">
+                        <div style="height: 100%;">
                         <TextEdit 
                             v-if="rightType==='text'"
                             :key="activeId"