From 9efddba58637142a06b2169f38f359c8dc488f52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98937886381=E2=80=99?= <‘937886381@qq.com’>
Date: Thu, 1 Aug 2024 14:29:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/copilot/components/CopilotHeader.vue     | 14 ++++++++++----
 src/views/copilot/components/button.vue            |  6 +++---
 src/views/produce/data/index.vue                   |  4 ++--
 src/views/report/components/bmLineBar.vue          |  2 +-
 src/views/report/components/produceLineBar.vue     |  4 ++--
 .../report/components/produceLineBarTarget.vue     |  4 ++--
 .../report/components/produceLineBarYearTarget.vue |  4 ++--
 .../report/components/produceLineYieldBar.vue      |  4 ++--
 .../components/produceLineYieldBarTarget.vue       |  4 ++--
 src/views/report/produceConversion.vue             |  3 ++-
 src/views/report/productionSituationMW.vue         | 10 +++++++---
 src/views/report/productionSituationTablets.vue    | 14 ++++++++------
 src/views/report/productionYield.vue               |  3 ++-
 13 files changed, 45 insertions(+), 31 deletions(-)

diff --git a/src/views/copilot/components/CopilotHeader.vue b/src/views/copilot/components/CopilotHeader.vue
index f013741..bc9b41a 100644
--- a/src/views/copilot/components/CopilotHeader.vue
+++ b/src/views/copilot/components/CopilotHeader.vue
@@ -7,7 +7,7 @@
 
 <template>
   <div class="copilot-header">
-    <section class="menu">
+    <section class="menu left">
       <CopilotButton v-for="i in ['产量', '效率']" :key="i" :label="i" :active="i === active"
         @click="() => $emit('update:active', i)" />
       <div class="type-name"></div>
@@ -15,7 +15,7 @@
         @click="() => $emit('update:than', i)" />
     </section>
     <div class="page-title">{{ active }}驾驶舱</div>
-    <section class="menu" style="width: 24vw;float: right;">
+    <section class="menu right" style="width: 24vw;float: right;">
       <CopilotButton v-for="i in ['日', '周', '月', '年']" :key="i" :label="i" :active="i === period"
         @click="() => $emit('update:period', i)" />
       <div class="btn-group">
@@ -132,7 +132,13 @@ export default {
   justify-content: space-between;
 }
 
-.copilot-header > section {
+.copilot-header > .left {
+  width: 26vw;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.copilot-header >.right {
   width: 26vw;
   display: flex;
   align-items: center;
@@ -184,7 +190,7 @@ export default {
       /* top: 10px; */
     }
 .page-title {
-  width: 25vw;
+  width: 26vw;
   font-size: 54px;
   line-height: 70px;
   letter-spacing: 5px;
diff --git a/src/views/copilot/components/button.vue b/src/views/copilot/components/button.vue
index b7ca200..0abf9f3 100644
--- a/src/views/copilot/components/button.vue
+++ b/src/views/copilot/components/button.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-28 13:42:51
- * @LastEditTime: 2024-05-31 13:26:32
+ * @LastEditTime: 2024-07-31 08:52:25
  * @LastEditors: zhp
  * @Description:
 -->
@@ -54,8 +54,8 @@ button {
   background: #006acd40;
   backdrop-filter: blur(3px);
   text-align: center;
-  padding: 12px;
-  padding-left: 20px;
+  padding: 16px 24px 16px 24px;
+  padding-left: 32px;
   color: #fff;
   font-size: 18px;
   letter-spacing: 10px;
diff --git a/src/views/produce/data/index.vue b/src/views/produce/data/index.vue
index 5b9ffd8..1e5b24e 100644
--- a/src/views/produce/data/index.vue
+++ b/src/views/produce/data/index.vue
@@ -1,13 +1,13 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-15 10:49:13
- * @LastEditTime: 2024-07-25 14:15:21
+ * @LastEditTime: 2024-07-30 10:31:35
  * @LastEditors: zhp
  * @Description:
 -->
 <template>
   <div style="display: flex; flex-direction: column; min-height: calc(100vh - 200px - 31px)">
-    <div class="app-container" style="padding: 16px 24px 0; height: auto; flex-grow: 1;">
+    <div class="app-container" style="padding: 16px 16px 0; height: auto; flex-grow: 1;">
       <el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip">
         <el-form-item label="时间维度" prop="type">
           <el-select @change="changType" v-model="listQuery.type" size="small" clearable placeholder="请选择">
diff --git a/src/views/report/components/bmLineBar.vue b/src/views/report/components/bmLineBar.vue
index d1d69c7..38cfc44 100644
--- a/src/views/report/components/bmLineBar.vue
+++ b/src/views/report/components/bmLineBar.vue
@@ -75,7 +75,7 @@ export default {
                     : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>`
                 }` +
                 `<span style='display:inline-block;width:180px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` +
-                `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${
+                `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${
                   params[i].name === "%"
                     ? (params[i].value ? params[i].value.toFixed(2) : "0.00") +
                       params[i].name
diff --git a/src/views/report/components/produceLineBar.vue b/src/views/report/components/produceLineBar.vue
index f594f5a..b7aafff 100644
--- a/src/views/report/components/produceLineBar.vue
+++ b/src/views/report/components/produceLineBar.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-06-19 15:28:34
- * @LastEditTime: 2024-07-26 16:43:54
+ * @LastEditTime: 2024-07-30 10:56:01
  * @LastEditors: zhp
  * @Description:
 -->
@@ -61,7 +61,7 @@ export default {
                 : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>`
               }` +
                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` +
-              `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率"
+              `<span style='color:rgba(0,0,0,0.48);width:100px;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率"
                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%"
                 : params[i].seriesName === "转化效率"
                     ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%"
diff --git a/src/views/report/components/produceLineBarTarget.vue b/src/views/report/components/produceLineBarTarget.vue
index e9af3f5..49c2fc6 100644
--- a/src/views/report/components/produceLineBarTarget.vue
+++ b/src/views/report/components/produceLineBarTarget.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-06-20 16:13:36
- * @LastEditTime: 2024-07-09 16:15:10
+ * @LastEditTime: 2024-07-30 16:04:05
  * @LastEditors: zhp
  * @Description:
 -->
@@ -58,7 +58,7 @@ export default {
                 "<br/>" +
                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[i].color}'></span>` +
                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` +
-              `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率"
+              `<span style='color:rgba(0,0,0,0.48);width:auto;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率"
                 ? (params[i].data.titleValue ? parseFloat(params[i].data.titleValue.toFixed(2)) : 0.0) + "%"
                 : params[i].seriesName === "转化效率"
                   ? (params[i].data.titleValue ? parseFloat(params[i].data.titleValue.toFixed(2)) : 0.0) + "%"
diff --git a/src/views/report/components/produceLineBarYearTarget.vue b/src/views/report/components/produceLineBarYearTarget.vue
index 9955ca5..a90f1f8 100644
--- a/src/views/report/components/produceLineBarYearTarget.vue
+++ b/src/views/report/components/produceLineBarYearTarget.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-06-20 16:13:52
- * @LastEditTime: 2024-07-11 16:45:08
+ * @LastEditTime: 2024-07-30 10:42:10
  * @LastEditors: zhp
  * @Description:
 -->
@@ -57,7 +57,7 @@ export default {
                 "<br/>" +
                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[i].color}'></span>` +
                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` +
-              `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率"
+              `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率"
                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%"
                 : params[i].seriesName === "转化效率"
                   ? parseFloat(params[i].value.toFixed(2)) + "%"
diff --git a/src/views/report/components/produceLineYieldBar.vue b/src/views/report/components/produceLineYieldBar.vue
index fb301f7..cbc31fd 100644
--- a/src/views/report/components/produceLineYieldBar.vue
+++ b/src/views/report/components/produceLineYieldBar.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-07-09 16:06:13
- * @LastEditTime: 2024-07-26 16:57:33
+ * @LastEditTime: 2024-07-30 10:42:16
  * @LastEditors: zhp
  * @Description:
 -->
@@ -68,7 +68,7 @@ export default {
                 : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>`
               }` +
                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` +
-              `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率"
+              `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率"
                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%"
                 : params[i].seriesName === "转化效率"
                     ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%"
diff --git a/src/views/report/components/produceLineYieldBarTarget.vue b/src/views/report/components/produceLineYieldBarTarget.vue
index 090f60f..37a3494 100644
--- a/src/views/report/components/produceLineYieldBarTarget.vue
+++ b/src/views/report/components/produceLineYieldBarTarget.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-06-21 09:05:14
- * @LastEditTime: 2024-07-09 16:15:04
+ * @LastEditTime: 2024-07-30 10:42:20
  * @LastEditors: zhp
  * @Description:
 -->
@@ -74,7 +74,7 @@ export default {
               res +=
                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[1].color}'></span>` +
               `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[1].axisValueLabel}</span>` +
-              `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[1].name === "综合良率"
+              `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${params[1].name === "综合良率"
                 ? (params[1].value ? parseFloat(params[1].value.toFixed(2)) : 0.0) + "%"
                 : params[1].name === "转化效率"
                   ? (params[1].value ? parseFloat(params[1].value.toFixed(2)) : 0.0) + "%"
diff --git a/src/views/report/produceConversion.vue b/src/views/report/produceConversion.vue
index 121af23..d8d6291 100644
--- a/src/views/report/produceConversion.vue
+++ b/src/views/report/produceConversion.vue
@@ -770,6 +770,7 @@ export default {
 
 <style lang="scss" scoped>
 
+
 .search {
   // height: calc((100px));
   background-color: #fff;
@@ -797,7 +798,7 @@ export default {
   height: calc((100vh - 170px));
   background-color: #fff;
   border-radius: 8px;
-  padding: 4px 16px 16px 16px;
+  padding: 16px 16px 16px 16px;
 }
 
 .blueTip::before {
diff --git a/src/views/report/productionSituationMW.vue b/src/views/report/productionSituationMW.vue
index cfd9705..94f2474 100644
--- a/src/views/report/productionSituationMW.vue
+++ b/src/views/report/productionSituationMW.vue
@@ -78,8 +78,8 @@
           生产情况对比
         </div>
       </el-row>
-      <el-row v-if="this.listQuery.type === 2">
-        <el-col :span="12">
+      <el-row v-if="this.listQuery.type === 2" type="flex" justify="space-around">
+        <el-col :span="11">
           <!-- <div class="blueTip">
             生产情况对比
           </div> -->
@@ -89,6 +89,9 @@
         <el-col :span="6">
           <bm-line-bar-target :type="listQuery.type" :chartHeight="chartHeight" :legendList="legendList"
             :chartMsg="chartMsgTarget" :gridLeft="gridLeft" :chartId="'chartTarget'" :chartNum="chartNum" />
+        </el-col>
+        <el-col :span="1">
+
         </el-col>
         <el-col :span="6">
           <!-- <div class="blueTip">
@@ -985,6 +988,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
 .search {
   // height: calc((100px));
   background-color: #fff;
@@ -1013,7 +1017,7 @@ export default {
   height: calc((100vh - 170px));
   background-color: #fff;
   border-radius: 8px;
-  padding: 4px 16px 16px 16px;
+  padding: 16px 16px 16px 16px;
 }
 
 .blueTip::before {
diff --git a/src/views/report/productionSituationTablets.vue b/src/views/report/productionSituationTablets.vue
index 861ad05..e95d0db 100644
--- a/src/views/report/productionSituationTablets.vue
+++ b/src/views/report/productionSituationTablets.vue
@@ -78,8 +78,8 @@
           生产情况对比
         </div>
       </el-row>
-      <el-row v-if="this.listQuery.type === 2">
-        <el-col :span="12">
+      <el-row v-if="this.listQuery.type === 2" type="flex" justify="space-around">
+        <el-col :span="11">
           <!-- <div class="blueTip">
             生产情况对比
           </div> -->
@@ -91,6 +91,9 @@
             :chartMsg="chartMsgTarget" :gridLeft="gridLeft" ref="dayTargetChart" :chartId=" 'chartTarget'"
             :chartNum="chartNum" />
         </el-col>
+        <el-col :span="1">
+          <!-- <div v-show="false">1111111111111</div> -->
+        </el-col>
         <el-col :span="6">
           <!-- <div class="blueTip">
             {{ title }}
@@ -108,9 +111,8 @@
             :legendList="legendList" :chartMsg="chartMsg" :chartId="'chartDay'" :chartNum="chartNum" />
         </el-col>
         <el-col :span="6">
-          <bm-line-bar-target :type="listQuery.type" :chartHeight="chartHeight"
-            :legendList="legendList" :chartMsg="chartMsgTarget" :gridLeft="gridLeft" :chartId="'chartDayTarget'"
-            :chartNum="chartNum" />
+          <bm-line-bar-target :type="listQuery.type" :chartHeight="chartHeight" :legendList="legendList"
+            :chartMsg="chartMsgTarget" :gridLeft="gridLeft" :chartId="'chartDayTarget'" :chartNum="chartNum" />
         </el-col>
         <!-- <el-col :span="6">
           <div class="blueTip">
@@ -1393,7 +1395,7 @@ export default {
   height: calc((100vh - 170px));
   background-color: #fff;
   border-radius: 8px;
-  padding: 4px 16px 16px 16px;
+  padding: 16px 16px 16px 16px;
 }
 
 .blueTip::before {
diff --git a/src/views/report/productionYield.vue b/src/views/report/productionYield.vue
index 3e5bbd7..842d3e7 100644
--- a/src/views/report/productionYield.vue
+++ b/src/views/report/productionYield.vue
@@ -846,6 +846,7 @@ export default {
 
 <style lang="scss" scoped>
 
+
 .search {
   // height: calc((100px));
   background-color: #fff;
@@ -873,7 +874,7 @@ export default {
   height: calc((100vh - 170px));
   background-color: #fff;
   border-radius: 8px;
-  padding: 4px 16px 16px 16px;
+  padding: 16px 16px 16px 16px;
 }
 
 .blueTip::before {