Browse Source

调整图表列表项的最小宽度,保证在1440下能展示三个

cxmo 1 year ago
parent
commit
01886407fb

+ 1 - 1
src/components/chart/chartListWrap.vue

@@ -8,7 +8,7 @@
     >
       <el-col
         :span="6"
-        style="margin-bottom: 20px; padding-right: 20px;min-width: 280px;"
+        style="margin-bottom: 20px; padding-right: 20px;min-width: 270px;"
         v-for="chart in list"
         :key="chart.ChartInfoId"
       >

+ 4 - 1
src/views/chartRelevance_manage/css/index.scss

@@ -28,7 +28,7 @@ $normal-font: 14px;
     display: flex;
 
     .main-left {
-      width: 400px;
+      width: 300px;
       min-width: 300px;
       background: #fff;
       margin-right: 20px;
@@ -46,6 +46,8 @@ $normal-font: 14px;
         border: 1px solid #ececec;
         box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
         margin-bottom: 20px;
+        display: flex;
+        justify-content: space-between;
       }
       .search-cont {
         padding: 0 20px;
@@ -78,6 +80,7 @@ $normal-font: 14px;
       }
       .target_tree {
         color: #333;
+        overflow: hidden;
         .custom-tree-node {
           display: flex !important;
           justify-content: space-between;

+ 1 - 1
src/views/datasheet_manage/components/sheetListWrap.vue

@@ -4,7 +4,7 @@
     <div class="sheetlist-wrapper" ref="listRef" @scroll="$emit('loadMoreHandle')">
       <el-col
         :span="6"
-        style="margin-bottom: 20px; padding-right: 20px;min-width: 270px;"
+        style="margin-bottom: 20px; padding-right: 20px;min-width: 260px;"
         v-for="cell in list"
         :key="cell.ExcelInfoId"
       >

+ 2 - 1
src/views/datasheet_manage/customAnalysis/list.vue

@@ -955,8 +955,9 @@ $normal-font: 14px;
 
     .main-right {
       width: 80%;
-      min-width: 900px;
+      min-width: 800px;
       position: relative;
+      height: calc(100vh - 120px);
       .sheet-detail-wrapper {
         height: 100%;
         border: 1px solid #ececec;

+ 1 - 0
src/views/datasheet_manage/sheetList.vue

@@ -1050,6 +1050,7 @@ $normal-font: 14px;
     .main-right {
       width: 80%;
       min-width: 800px;
+      height: calc(100vh - 120px);
       .sheet-detail-wrapper {
         height: 100%;
         border: 1px solid #ececec;

+ 1 - 0
src/views/futures_manage/commodityChartBase.vue

@@ -14,6 +14,7 @@
 						<el-button v-permission="permissionBtn.productPricePermission.goodsPrice_priceLine"
 							type="primary" @click="goAddChart('price')">添加价格曲线</el-button>
 						<el-button v-permission="permissionBtn.productPricePermission.goodsPrice_incomeLine"
+							style="margin-left:0;"
 							type="primary" @click="goAddChart('profit')">添加利润曲线</el-button>
 				</div>
 

+ 1 - 1
src/views/mychart_manage/index.vue

@@ -188,7 +188,7 @@
               :span="6"
               v-for="chart in chartList"
               :key="chart.ChartInfoId"
-              style="margin-bottom: 20px; padding-right: 20px;min-width: 300px;"
+              style="margin-bottom: 20px; padding-right: 20px;min-width: 270px;"
             >
               <el-card class="public-chart-item">
                 <div slot="header" class="item-top">