From bfc74b0167e698f56055106b0d778b508a0fd3e1 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Thu, 21 Sep 2023 18:00:23 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AC=E7=A7=BB=E6=B6=B2=E6=B0=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/start_trans.png              | Bin 0 -> 6105 bytes
 src/assets/img/stop_trans.png               | Bin 0 -> 5121 bytes
 src/components/operation/TransferLiquid.vue | 163 +++++++++++++++++++++++++++-
 3 files changed, 161 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/img/start_trans.png
 create mode 100644 src/assets/img/stop_trans.png

diff --git a/src/assets/img/start_trans.png b/src/assets/img/start_trans.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c8f3e9d21400a27ce420ccb8c413ef6c0fa5444
GIT binary patch
literal 6105
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
beUBr;-AMC|dcy}O&x2HzG!?7l%|ibN3pbCe

literal 0
HcmV?d00001

diff --git a/src/assets/img/stop_trans.png b/src/assets/img/stop_trans.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6204eb1d734d6c1b15250400495df867466505f
GIT binary patch
literal 5121
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

literal 0
HcmV?d00001

diff --git a/src/components/operation/TransferLiquid.vue b/src/components/operation/TransferLiquid.vue
index 9da874e..a18a79e 100644
--- a/src/components/operation/TransferLiquid.vue
+++ b/src/components/operation/TransferLiquid.vue
@@ -1,8 +1,57 @@
 <template>
-  <div class="transfer_liquid_container"></div>
+  <div class="transfer_liquid_container">
+    <div class="top_wrap">
+      <div class="title_wrap">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:xlink="http://www.w3.org/1999/xlink"
+          fill="none"
+          version="1.1"
+          width="30"
+          height="30"
+          viewBox="0 0 30 30"
+        >
+          <g>
+            <path
+              d="M0.0282397,18.0005C0.659907,21.0473,2.21692,23.7884,4.52941,25.9259C4.83807,26.2117,5.26304,26.343,5.68283,26.2824C6.10292,26.2221,6.47186,25.9766,6.68442,25.6159L8.49036,22.5458C8.79194,22.0326,8.72173,21.3871,8.31659,20.948C7.37248,19.9224,6.68418,18.6955,6.30603,17.364C6.13904,16.7733,5.59146,16.3645,4.96732,16.3645L1.3891,16.3645C0.972064,16.3643,0.577098,16.5484,0.313663,16.8657C0.0493008,17.1825,-0.0555478,17.5993,0.0282397,18.0005ZM18.4044,24.3116C18.1027,23.7966,17.4957,23.5329,16.9045,23.6601C15.4084,23.9818,13.8532,23.9211,12.3879,23.4839C11.7695,23.2995,11.1032,23.5574,10.7796,24.1065L9.00669,27.1225C8.80232,27.4705,8.76465,27.8892,8.90373,28.267C9.04239,28.6451,9.34445,28.9435,9.72872,29.0821C11.4082,29.6911,13.1823,30,14.9995,30C16.502,30,17.9854,29.787,19.4073,29.3661C19.8132,29.2455,20.141,28.9499,20.2978,28.5631C20.4542,28.1757,20.4213,27.7394,20.2088,27.3787L18.4044,24.3116ZM24.7879,3.48287C24.5385,3.27825,24.2237,3.16611,23.8987,3.16603C23.8181,3.16603,23.736,3.17435,23.6554,3.18799C23.2521,3.25874,22.9012,3.50063,22.6966,3.84896L20.9197,6.86723C20.5973,7.41693,20.7027,8.11221,21.1743,8.54587C22.3831,9.65389,23.2549,11.0694,23.6927,12.6349C23.8587,13.227,24.4071,13.6373,25.0327,13.6374L28.6114,13.6374C29.0276,13.6371,29.4218,13.4537,29.6855,13.1377C29.9501,12.8214,30.0553,12.405,29.972,12.004C29.2891,8.68212,27.4482,5.65574,24.7879,3.48287ZM20.2978,1.43835C20.1414,1.05124,19.8134,0.755451,19.4073,0.63517C17.9776,0.213004,16.4925,-0.00099699,14.9995,0.00000317715C13.1823,0.00000317715,11.4082,0.308738,9.72872,0.917681C8.92141,1.21126,8.57699,2.14697,9.00669,2.87926L10.7796,5.89476C11.1032,6.44385,11.7695,6.70179,12.3879,6.51735C13.2345,6.26416,14.1147,6.13575,14.9997,6.13633C15.6355,6.13633,16.2769,6.20456,16.9045,6.33995C17.4953,6.4668,18.1018,6.2039,18.4044,5.68986L20.209,2.62234C20.4215,2.26177,20.4542,1.82558,20.2978,1.43835ZM28.6114,16.3643L25.0327,16.3643C24.407,16.3639,23.8583,16.7743,23.6927,17.3666C23.2547,18.9321,22.3829,20.3476,21.1743,21.4558C20.7026,21.8887,20.5971,22.5837,20.9197,23.1328L22.6966,26.1523C22.901,26.5009,23.252,26.7429,23.6554,26.8135C23.736,26.8271,23.8181,26.834,23.8987,26.834C24.2236,26.8344,24.5383,26.7228,24.7879,26.5186C27.4482,24.3443,29.2891,21.3192,29.972,17.9977C30.0554,17.5967,29.9502,17.1803,29.6855,16.864C29.4221,16.5475,29.0277,16.364,28.6114,16.3643ZM0.313446,13.136C0.576764,13.4532,0.971693,13.6372,1.38889,13.6372L4.96754,13.6372C5.59184,13.637,6.13939,13.2282,6.30625,12.6377C6.68424,11.3058,7.37255,10.0784,8.31681,9.05247C8.72199,8.61388,8.79222,7.96863,8.49058,7.45592L6.68464,4.38584C6.47177,4.02516,6.10308,3.77935,5.68305,3.71805C5.61622,3.70868,5.54877,3.70412,5.48126,3.7044C5.13067,3.7044,4.78833,3.83553,4.52963,4.07582C2.21692,6.21309,0.659907,8.95397,0.0282397,12.001C-0.0554526,12.4022,0.0492956,12.819,0.313446,13.136Z"
+              fill="#9395A0"
+              fill-opacity="1"
+            />
+          </g>
+        </svg>
+        <p class="title">操作运行状态</p>
+      </div>
+      <img :src="startTrans" class="img_btn" alt="" />
+    </div>
+    <div class="double_chart">
+      <LowerTank />
+      <UpperTank />
+    </div>
+    <div class="btns">
+      <div class="start_wrap" style="margin-right: 20px">
+        <div class="real_btn">
+          <img :src="StartIcon" class="icon" alt="" />
+          <p class="text">注入上仓液氮</p>
+        </div>
+      </div>
+      <div class="start_wrap">
+        <div class="real_btn">
+          <img :src="StartIcon" class="icon" alt="" />
+          <p class="text">注入下仓液氮</p>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
-<script setup></script>
+<script setup>
+import startTrans from '@/assets/img/start_trans.png'
+import stopTrans from '@/assets/img/stop_trans.png'
+import StartIcon from '@/assets/img/start.png'
+import StopIcon from '@/assets/img/stop.png'
+import LowerTank from 'cpns/charts/LowerTank'
+import UpperTank from 'cpns/charts/UpperTank'
+</script>
 
 <style lang="scss" scoped>
 .transfer_liquid_container {
@@ -13,5 +62,115 @@
   margin: 20px 0;
   box-sizing: border-box;
   padding: 20px;
+  .top_wrap {
+    display: flex;
+    align-items: center;
+    .title_wrap {
+      width: 535px;
+      height: 62px;
+      margin-right: 25px;
+      border-radius: 16px;
+      background: #ffffff;
+      padding: 0 20px;
+      display: flex;
+      align-items: center;
+      box-sizing: border-box;
+      .title {
+        margin-left: 17px;
+        font-family: Source Han Sans CN;
+        font-size: 24px;
+        font-weight: 500;
+        line-height: normal;
+        letter-spacing: 0.04em;
+        color: #9395a0;
+      }
+      .active {
+        color: #08092c;
+      }
+    }
+    .img_btn {
+      width: 165px;
+      height: 62px;
+    }
+  }
+  .double_chart {
+    width: 720px;
+    height: 240px;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    column-gap: 20px;
+    margin: 20px 0;
+  }
+  .btns {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    .start_wrap {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 350px;
+      height: 108px;
+      border-radius: 54px;
+      background: rgba(23, 241, 121, 0.2);
+      .real_btn {
+        width: 330px;
+        height: 88px;
+        border-radius: 44px;
+        background: #17f179;
+        box-sizing: border-box;
+        border: 2px solid #1ad66e;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .icon {
+          width: 40px;
+          height: 40px;
+          margin-right: 13px;
+        }
+        .text {
+          font-family: Source Han Sans CN;
+          font-size: 36px;
+          font-weight: bold;
+          line-height: normal;
+          letter-spacing: 0.04em;
+          color: #ffffff;
+        }
+      }
+    }
+    .stop_wrap {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 350px;
+      height: 108px;
+      border-radius: 54px;
+      background: rgba(250, 28, 28, 0.2);
+      .real_btn {
+        width: 330px;
+        height: 88px;
+        border-radius: 44px;
+        background: #fa1c1c;
+        box-sizing: border-box;
+        border: 2px solid #b71212;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .icon {
+          width: 40px;
+          height: 40px;
+          margin-right: 13px;
+        }
+        .text {
+          font-family: Source Han Sans CN;
+          font-size: 36px;
+          font-weight: bold;
+          line-height: normal;
+          letter-spacing: 0.04em;
+          color: #ffffff;
+        }
+      }
+    }
+  }
 }
 </style>