样式修改

src/views/dataBoard/board/customerAnalysis/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <div class="query bck">
+    <div class="query bck" style="margin-top: 10px">
       <el-form :inline="true" :model="queryForm">
         <el-form-item label="国家">
           <el-select

src/views/dataBoard/board/employeeAnalysis/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="tenant">
-    <div class="query bck">
+    <div class="query bck" style="padding-bottom: 0px">
       <el-form :inline="true" :model="queryForm">
         <el-form-item label="查看用户">
           <el-select
@@ -100,7 +100,7 @@
             </div>
           </div>
         </div>
-        <div class="bck" style="margin-left: 20px">
+        <div class="bck" style="margin-left: 20px; flex: 1">
           <TitleInfo :content="titleList[2]"></TitleInfo>
           <div class="one-row" style="margin-top: 15px">
             <div class="one-row-item first" style="margin-right: 15px">
@@ -115,7 +115,7 @@
         </div>
       </div>
       <div style="margin-top: 15px">
-        <div class="bck">
+        <div class="bck scroll">
           <TitleInfo :content="titleList[3]"></TitleInfo>
           <div class="two-row" style="margin-top: 15px">
             <div class="two-row-item first" style="margin-right: 15px">
@@ -201,8 +201,9 @@
           </div>
         </div>
       </div>
+
       <div style="margin-top: 15px">
-        <div class="bck">
+        <div class="bck scroll">
           <TitleInfo :content="titleList[4]"></TitleInfo>
           <div class="two-row" style="margin-top: 15px">
             <div class="two-row-item first" style="margin-right: 15px">
@@ -292,9 +293,9 @@
       </div>
 
       <div style="display: flex; margin-top: 15px">
-        <div class="bck">
+        <div class="bck" style="width: 100%">
           <TitleInfo :content="titleList[5]"></TitleInfo>
-          <div class="two-row" style="margin-top: 15px">
+          <div class="two-row" style="margin-top: 15px; width: 100%">
             <div class="two-row-item first" style="margin-right: 15px">
               <div class="label">待采购</div>
               <div class="value">
@@ -538,6 +539,7 @@ clickBtn(1);
   display: flex;
   .one-row-item {
     min-width: 160px;
+    max-width: 180px;
     padding: 15px;
     border-radius: 10px;
     .label {
@@ -587,6 +589,7 @@ clickBtn(1);
   display: flex;
   .two-row-item {
     min-width: 320px;
+    max-width: 320px;
     padding: 15px;
     border-radius: 10px;
     .label {
@@ -631,4 +634,7 @@ clickBtn(1);
   background: #0084ff;
   color: #fff;
 }
+.scroll {
+  overflow-x: auto;
+}
 </style>