数据看板样式调整

src/HDrpManagement/customerData/index.vue

@@ -339,8 +339,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="customerContactEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="customerContactEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="customerContactTable"
                       :tablecols="tool.tabelCol($route.name).typeTable.tablecols"
@@ -417,8 +417,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="customerProjectEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="customerProjectEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="customerProjectTable"
                       :tablecols="tool.tabelCol($route.name).typeTable.tablecols"
@@ -495,8 +495,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="customerFllowEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="customerFllowEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="customerFllowTable"
                       :tablecols="tool.tabelCol($route.name).typeTable.tablecols"
@@ -1391,7 +1391,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-single-selected' }, { type: 'element-active' }],
@@ -1457,7 +1457,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-single-selected' }, { type: 'element-active' }],
@@ -1527,7 +1527,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-single-selected' }, { type: 'element-active' }],

src/HDrpManagement/projectData/index.vue

@@ -225,8 +225,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="gradEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="gradEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="gradTable"
                       :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
@@ -646,8 +646,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="projectFllowEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="projectFllowEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="projectFllowTable"
                       :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
@@ -732,8 +732,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="projectContactEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="projectContactEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="projectContactTable"
                       :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
@@ -818,8 +818,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="projectCustomerEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="projectCustomerEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="projectCustomerTable"
                       :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
@@ -904,8 +904,8 @@
                   </div>
                 </div>
                 <div class="panel-content">
-                  <div ref="projectScoreEl" style="width:30%"></div>
-                  <div class="panel-table" style="width:70%">
+                  <div ref="projectScoreEl" :style="windowWidth<1505?'width:54%':windowWidth<1805?'width:54%':windowWidth<2500?'width:45%':'width:30%'"></div>
+                  <div class="panel-table" :style="windowWidth<1505?'width:46%':windowWidth<1805?'width:46%':windowWidth<2500?'width:55%':'width:70%'">
                     <pageTable
                       ref="projectScoreTable"
                       :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
@@ -1700,7 +1700,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
@@ -2038,7 +2038,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
@@ -2104,7 +2104,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
@@ -2170,7 +2170,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-selected' },{ type: 'element-active' }],
@@ -2236,7 +2236,7 @@ export default {
             },
           },
           legend: {
-            position:'left'
+            position:'bottom'
           },
           // 添加 中心统计文本 交互
           interactions: [{ type: 'element-highlight-by-x ' },{ type: 'element-active' }],

src/views/salesData/modules/delayedShipmentAnalysis.vue

@@ -169,6 +169,9 @@ export default {
         xField: 'value',
         yField: 'key',
         seriesField: 'type',
+       label:{
+         position:top
+       },
         legend: {
           position: 'top-left',
         },

src/views/salesData/modules/financialCollectionAnalysis.vue

@@ -139,6 +139,11 @@ export default {
         xField: 'value',
         yField: 'type',
         seriesField: 'key',
+        label:{
+          formatter: (datum) =>{
+            return  '¥'+this.tool.formatAmount(datum.value,2)
+          }
+        },
         tooltip: {
           formatter: (datum) => {
             return {

src/views/salesData/modules/shippingUninvoiceAnalysis.vue

@@ -155,6 +155,11 @@ export default {
         xField: 'value',
         yField: 'key',
         seriesField: 'type',
+        label:{
+          formatter: (datum) =>{
+            return  '¥'+this.tool.formatAmount(datum.value,2)
+          }
+        },
         legend: {
           position: 'top-left',
         },