工作汇报样式调整

src/HDrpManagement/workReport/modules/aside/index.vue

@@ -60,17 +60,19 @@
               <div class="item-avatar">{{ item.name.substr(0, 1) }}</div>
               <div class="item-info">
                 <div class="item-info_top">
-                  <span>{{ item.name }}</span>
+                  <span class="mt-10">{{ item.name }}</span>
                   <span>{{ $t(item.position) }}</span>
                 </div>
                 <p>{{ item.phonenumber }}</p>
               </div>
             </div>
             <div style="padding: 2px 10px;">
-              <div class="item-right">
-                <span style="color: #3874F6">{{ $t(item.reportname) }}</span>
+              <div style="display: flex;justify-content: right">
+                <div class="item-right">
+                  <span style="color: #3874F6;" >{{ $t(item.reportname) }}</span>
+                </div>
               </div>
-              <p style="font-size: 12px">{{ item.createdate }}</p>
+              <div style="font-size: 12px;margin-top: 10px">{{ item.createdate }}</div>
             </div>
           </div>
         </div>
@@ -213,7 +215,7 @@ export default {
 .aside {
   font-size: 14px;
   height: calc(100vh - 250px);
-  background-color: rgba(230,234,242,0.15);
+  background-color: rgba(230,234,242);
   border-right: 1px solid #cccccc;
 }
 .aside .aside-header {
@@ -308,7 +310,11 @@ export default {
 .list .list-item .item-right {
   background-color: rgba(56,116,246,0.15);
   padding: 2px 0;
+  /*margin: 0 20px;*/
   border-radius: 4px;
   text-align: center;
+  width: 80px;
+
+  overflow-wrap: break-word;
 }
 </style>

src/HManagement/submit/dataAnalysis/index.vue

@@ -5,8 +5,10 @@
         <pieSubmit></pieSubmit>
       </el-col>
       <el-col :span="14">
-        <tableUnsubmit></tableUnsubmit>
-        <tableSubmit></tableSubmit>
+        <div>
+          <tableUnsubmit></tableUnsubmit>
+          <tableSubmit></tableSubmit>
+        </div>
       </el-col>
     </el-row>
   </div>
@@ -27,4 +29,4 @@ export default {
 
 </script>
 <style>
-</style>
+</style>

src/HManagement/submit/dataAnalysis/modules/pieSubmit.vue

@@ -9,7 +9,7 @@
 
 <style scoped>
 .pie-panel{
-  height:calc(100vh - 48px);display:flex;align-items:center
+  height:calc(100vh - 75px);display:flex;align-items:center
 }
 .pie-panel #containerSubmit{
   margin: 0 auto;width:100%
@@ -17,17 +17,17 @@
 </style>
 
 <script>
-// import * as G2 from '@antv/g2';  
+// import * as G2 from '@antv/g2';
 import { Pie } from '@antv/g2plot';
 export default {
-  
+
   props:['pieDownloadData'],
   data () {
     return {
       piePlot () {},
     }
   },
-  
+
   methods:{
     renderBar () {
       this.piePlot = new Pie('containerSubmit', {
@@ -73,4 +73,4 @@ export default {
     this.getSubmitData()
   }
 }
-</script>
+</script>

src/HManagement/submit/dataAnalysis/modules/tableSubmit.vue

@@ -4,7 +4,7 @@
       <p class="title">{{ $t('已提报经销商') }}</p>
       <excel :tablecols="tablecols" :param="params" :excelTitle="$t('已提报经销商')"></excel>
     </div>
-    <tableLayout :layout="tablecols" :data="list" :custom="true" :height="310">
+    <tableLayout :layout="tablecols" :data="list" :custom="true" height="calc(42vh)">
       <template v-slot:customcol="scope">
         <div v-if="scope.column.columnname === 'province'">
          {{scope.column.data.province}}-{{scope.column.data.city}}-{{scope.column.data.county}}

src/HManagement/submit/dataAnalysis/modules/tableUnsubmit.vue

@@ -4,7 +4,7 @@
       <p class="title">{{ $t('未提报经销商') }}</p>
       <excel :tablecols="tablecols" :param="params" :excelTitle="$t('未提报经销商')"></excel>
     </div>
-    <tableLayout :layout="tablecols" :data="list" :custom="true" :height="310">
+    <tableLayout :layout="tablecols" :data="list" :custom="true" height="calc(41vh)">
       <template v-slot:customcol="scope">
         <div v-if="scope.column.columnname === 'province'">
          {{scope.column.data.province}}-{{scope.column.data.city}}-{{scope.column.data.county}}
@@ -91,4 +91,4 @@ export default {
   margin-bottom: 20px;
   border-left: .3rem solid #3874F6;
 }
-</style>
+</style>