From 01d18640a43b24d85a0b0be1592b160ea39aa289 Mon Sep 17 00:00:00 2001
From: "@0Melon0" <576788380@qq.com>
Date: Thu, 29 Feb 2024 20:59:42 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E9=A6=96=E5=8F=B0=E7=8E=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../svg/Operation/RightMid/Emergency.svg      |  1 +
 src/assets/svg/Operation/RightMid/Other.svg   |  1 +
 src/router/index.js                           |  2 +-
 src/views/pageOperation/rightMid/index.vue    | 33 +++++++++++++++----
 4 files changed, 29 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/svg/Operation/RightMid/Emergency.svg
 create mode 100644 src/assets/svg/Operation/RightMid/Other.svg

diff --git a/src/assets/svg/Operation/RightMid/Emergency.svg b/src/assets/svg/Operation/RightMid/Emergency.svg
new file mode 100644
index 0000000..fba4855
--- /dev/null
+++ b/src/assets/svg/Operation/RightMid/Emergency.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="99" height="29" viewBox="0 0 99 29"><defs><mask id="master_svg0_555_21067" style="mask-type:alpha" maskUnits="userSpaceOnUse"><g><rect x="0.5" y="0.5" width="98" height="28" rx="0" fill="#FFFFFF" fill-opacity="1"/></g></mask></defs><g><g><rect x="0.5" y="0.5" width="98" height="28" rx="0" fill="#06213D" fill-opacity="1"/></g><g mask="url(#master_svg0_555_21067)"><g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-26.822422050172463,-5.044117294484749)"><rect x="-19.5" y="29.85546875" width="50" height="6" rx="0" fill="#03F0B4" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-22.13613035553135,6.269591010874137)"><rect x="-3.5" y="29.85546875" width="50" height="6" rx="0" fill="#03F0B4" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-17.156945429975167,18.290406085317954)"><rect x="13.5" y="29.85546875" width="50" height="6" rx="0" fill="#03F0B4" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-12.470653735334054,29.60411439067684)"><rect x="29.5" y="29.85546875" width="50" height="6" rx="0" fill="#03F0B4" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-7.78436204069294,40.91782269603573)"><rect x="45.5" y="29.85546875" width="50" height="6" rx="0" fill="#03F0B4" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-2.8051771151367575,52.938637770479545)"><rect x="62.5" y="29.85546875" width="50" height="6" rx="0" fill="#03F0B4" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,1.8811145795043558,64.25234607583843)"><rect x="78.5" y="29.85546875" width="50" height="6" rx="0" fill="#03F0B4" fill-opacity="0.10000000149011612"/></g></g></g><g><path d="M43.628,20.252C44.924,20.924,46.54,21.932,47.34,22.62L48.252,21.916C47.403999999999996,21.228,45.756,20.268,44.507999999999996,19.644L43.628,20.252ZM38.252,19.58C37.34,20.428,35.884,21.26,34.556,21.788C34.828,21.98,35.276,22.396,35.484,22.62C36.764,21.996,38.3,21.004,39.356,20.028L38.252,19.58ZM35.292,9.068L35.292,13.82L36.396,13.82L36.396,9.068L35.292,9.068ZM38.012,8.362L38.012,14.38L39.116,14.38L39.116,8.362L38.012,8.362ZM40.508,8.7L40.508,9.772L41.388,9.772C41.836,10.812,42.428,11.676,43.196,12.412C42.204,12.908,41.084,13.26,39.932,13.484C40.012,13.58,40.108,13.708,40.204,13.852L40.012,13.708C39.052,14.604,37.724000000000004,15.388,37.324,15.596C36.956,15.804,36.62,15.932,36.348,15.964C36.46,16.268,36.636,16.828,36.7,17.067999999999998C36.972,16.972,37.372,16.924,39.66,16.828C38.588,17.307499999999997,37.708,17.643700000000003,37.26,17.788C36.38,18.124000000000002,35.708,18.316000000000003,35.18,18.364C35.308,18.684,35.468,19.276,35.516,19.516C35.98,19.356,36.604,19.292,41.132,19.02L41.132,21.452C41.132,21.644,41.068,21.692,40.812,21.708C40.588,21.724,39.756,21.724,38.812,21.692C38.988,21.996,39.18,22.412,39.26,22.732C40.412,22.732,41.196,22.732,41.692,22.572C42.204,22.396,42.348,22.108,42.348,21.484L42.348,18.9562L46.476,18.732C46.844,19.0845,47.164,19.421,47.388,19.7095L48.268,19.0525C47.596000000000004,18.236,46.188,17.1,45.019999999999996,16.348L44.204,16.939999999999998C44.604,17.212,45.019999999999996,17.516,45.436,17.836L38.972,18.156C40.892,17.451999999999998,42.812,16.572,44.652,15.516L43.82,14.652C43.147999999999996,15.068,42.444,15.468,41.74,15.836L38.652,15.9C39.452,15.484,40.236,14.972,40.972,14.412L40.908,14.364C42.044,14.092,43.116,13.692,44.092,13.148C45.116,13.868,46.364000000000004,14.396,47.82,14.716C47.980000000000004,14.38,48.3,13.916,48.556,13.66C47.228,13.436,46.076,13.052,45.116,12.476C46.284,11.612,47.212,10.46,47.756,8.956L47.052,8.668L46.844,8.7L40.508,8.7ZM42.492000000000004,9.772L46.188,9.772C45.692,10.588,45.004,11.276,44.172,11.836C43.468,11.26,42.908,10.572,42.492000000000004,9.772ZM53.692,18.604L53.692,20.956C53.692,22.22,54.172,22.54,56.044,22.54C56.444,22.54,59.34,22.54,59.739999999999995,22.54C61.260000000000005,22.54,61.66,22.076,61.82,20.14C61.484,20.076,60.988,19.9,60.716,19.708C60.635999999999996,21.244,60.507999999999996,21.452,59.66,21.452C59.019999999999996,21.452,56.588,21.452,56.108000000000004,21.452C55.084,21.452,54.891999999999996,21.372,54.891999999999996,20.956L54.891999999999996,18.604L53.692,18.604ZM56.092,18.156C56.956,18.956,57.948,20.076,58.379999999999995,20.812L59.356,20.156C58.891999999999996,19.404,57.884,18.332,57.004000000000005,17.58L56.092,18.156ZM61.772,18.62C62.507999999999996,19.676,63.275999999999996,21.132,63.58,22.028L64.7,21.564C64.38,20.652,63.58,19.26,62.828,18.204L61.772,18.62ZM51.82,18.636C51.436,19.564,50.812,20.86,50.172,21.676L51.275999999999996,22.204C51.852000000000004,21.356,52.444,20.044,52.86,19.1L51.82,18.636ZM54.652,8.00525C53.884,9.431750000000001,52.428,11.179,50.316,12.412C50.588,12.604,50.988,13.004,51.164,13.276C51.564,13.02,51.948,12.748,52.316,12.46L52.316,12.812L61.42,12.812L61.42,14.156L52.524,14.156L52.524,15.1L61.42,15.1L61.42,16.476L51.980000000000004,16.476L51.980000000000004,17.484L62.604,17.484L62.604,11.82L59.388000000000005,11.82C59.884,11.164,60.396,10.411999999999999,60.763999999999996,9.74L59.948,9.212L59.756,9.26L55.308,9.26C55.532,8.92275,55.739999999999995,8.58525,55.932,8.24775L54.652,8.00525ZM53.084,11.82C53.628,11.324,54.123999999999995,10.796,54.556,10.268L59.084,10.268C58.763999999999996,10.796,58.379999999999995,11.372,57.995999999999995,11.82L53.084,11.82Z" fill="#03F0B4" fill-opacity="1"/></g><g><g><path d="M0,0L0,6.5L1,6.5L1,1L6.5,1L6.5,0L0,0ZM99,0L92.5,0L92.5,1L98,1L98,6.5L99,6.5L99,0ZM0,29L6.5,29L6.5,28L1,28L1,22.5L0,22.5L0,29ZM99,29L99,22.5L98,22.5L98,28L92.5,28L92.5,29L99,29Z" fill-rule="evenodd" fill="#03F0B4" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/svg/Operation/RightMid/Other.svg b/src/assets/svg/Operation/RightMid/Other.svg
new file mode 100644
index 0000000..aceb165
--- /dev/null
+++ b/src/assets/svg/Operation/RightMid/Other.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="99" height="29" viewBox="0 0 99 29"><defs><mask id="master_svg0_555_21522" style="mask-type:alpha" maskUnits="userSpaceOnUse"><g><rect x="0.5" y="0.5" width="98" height="28" rx="0" fill="#FFFFFF" fill-opacity="1"/></g></mask></defs><g><g><rect x="0.5" y="0.5" width="98" height="28" rx="0" fill="#06213D" fill-opacity="1"/></g><g mask="url(#master_svg0_555_21522)"><g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-26.822422050172463,-5.044117294484749)"><rect x="-19.5" y="29.85546875" width="50" height="6" rx="0" fill="#F08503" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-22.13613035553135,6.269591010874137)"><rect x="-3.5" y="29.85546875" width="50" height="6" rx="0" fill="#F08503" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-17.156945429975167,18.290406085317954)"><rect x="13.5" y="29.85546875" width="50" height="6" rx="0" fill="#F08503" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-12.470653735334054,29.60411439067684)"><rect x="29.5" y="29.85546875" width="50" height="6" rx="0" fill="#F08503" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-7.78436204069294,40.91782269603573)"><rect x="45.5" y="29.85546875" width="50" height="6" rx="0" fill="#F08503" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-2.8051771151367575,52.938637770479545)"><rect x="62.5" y="29.85546875" width="50" height="6" rx="0" fill="#F08503" fill-opacity="0.10000000149011612"/></g><g transform="matrix(0.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,1.8811145795043558,64.25234607583843)"><rect x="78.5" y="29.85546875" width="50" height="6" rx="0" fill="#F08503" fill-opacity="0.10000000149011612"/></g></g></g><g><path d="M36.332,8.07175L36.332,11.276L34.236,11.276L34.236,12.396L36.332,12.396L36.332,15.804C35.484,16.060000000000002,34.7,16.284,34.076,16.46L34.38,17.628L36.332,17.003999999999998L36.332,21.308C36.332,21.516,36.252,21.58,36.06,21.596C35.868,21.596,35.244,21.612,34.556,21.58C34.716,21.916,34.86,22.412,34.908,22.716C35.932,22.716,36.556,22.7,36.956,22.492C37.356,22.3,37.5,21.964,37.5,21.308L37.5,16.619999999999997L39.356,16.012L39.196,14.908L37.5,15.436L37.5,12.396L39.403999999999996,12.396L39.403999999999996,11.276L37.5,11.276L37.5,8.07175L36.332,8.07175ZM46.364000000000004,9.996C45.788,10.828,45.004,11.564,44.092,12.204C43.26,11.564,42.556,10.828,42.012,9.996L46.364000000000004,9.996ZM39.836,8.908000000000001L39.836,9.996L40.86,9.996C41.452,11.068,42.236000000000004,11.996,43.164,12.796C41.916,13.548,40.508,14.108,39.147999999999996,14.444C39.372,14.684,39.66,15.132,39.788,15.42C41.244,14.988,42.732,14.348,44.06,13.5C45.308,14.364,46.763999999999996,15.02,48.348,15.436C48.507999999999996,15.116,48.844,14.668,49.084,14.428C47.58,14.108,46.204,13.564,45.019999999999996,12.828C46.284,11.868,47.356,10.668,48.044,9.26L47.324,8.85975L47.116,8.908000000000001L39.836,8.908000000000001ZM43.42,14.908L43.42,16.316000000000003L40.172,16.316000000000003L40.172,17.404L43.42,17.404L43.42,19.052L39.356,19.052L39.356,20.14L43.42,20.14L43.42,22.8132L44.62,22.8132L44.62,20.14L48.812,20.14L48.812,19.052L44.62,19.052L44.62,17.404L47.66,17.404L47.66,16.316000000000003L44.62,16.316000000000003L44.62,14.908L43.42,14.908ZM52.348,19.212C51.867999999999995,20.284,51.019999999999996,21.356,50.123999999999995,22.076C50.412,22.252,50.891999999999996,22.588,51.116,22.7808C51.980000000000004,21.98,52.908,20.748,53.484,19.532L52.348,19.212ZM54.635999999999996,19.708C55.260000000000005,20.46,55.995999999999995,21.516,56.284,22.172L57.275999999999996,21.596C56.94,20.94,56.204,19.948,55.564,19.212L54.635999999999996,19.708ZM63.18,9.948L63.18,12.524L59.9,12.524L59.9,9.948L63.18,9.948ZM58.78,8.86L58.78,14.668C58.78,16.972,58.652,20.028,57.308,22.156C57.58,22.284,58.076,22.636,58.268,22.8455C59.228,21.324,59.644,19.276,59.804,17.34L63.18,17.34L63.18,21.228C63.18,21.484,63.084,21.548,62.86,21.564C62.620000000000005,21.58,61.804,21.58,60.956,21.548C61.116,21.868,61.292,22.396,61.34,22.716C62.507999999999996,22.716,63.275999999999996,22.7,63.724000000000004,22.492C64.188,22.3,64.332,21.932,64.332,21.244L64.332,8.86L58.78,8.86ZM63.18,13.596L63.18,16.252000000000002L59.867999999999995,16.252000000000002C59.9,15.692,59.9,15.164,59.9,14.668L59.9,13.596L63.18,13.596ZM55.692,8.251999999999999L55.692,10.187999999999999L52.78,10.187999999999999L52.78,8.251999999999999L51.692,8.251999999999999L51.692,10.187999999999999L50.332,10.187999999999999L50.332,11.26L51.692,11.26L51.692,17.804000000000002L50.108000000000004,17.804000000000002L50.108000000000004,18.876L57.995999999999995,18.876L57.995999999999995,17.804000000000002L56.812,17.804000000000002L56.812,11.26L57.995999999999995,11.26L57.995999999999995,10.187999999999999L56.812,10.187999999999999L56.812,8.251999999999999L55.692,8.251999999999999ZM52.78,11.26L55.692,11.26L55.692,12.684L52.78,12.684L52.78,11.26ZM52.78,13.644L55.692,13.644L55.692,15.212L52.78,15.212L52.78,13.644ZM52.78,16.188000000000002L55.692,16.188000000000002L55.692,17.804000000000002L52.78,17.804000000000002L52.78,16.188000000000002Z" fill="#F08503" fill-opacity="1"/></g><g><g><path d="M0,0L0,6.5L1,6.5L1,1L6.5,1L6.5,0L0,0ZM99,0L92.5,0L92.5,1L98,1L98,6.5L99,6.5L99,0ZM0,29L6.5,29L6.5,28L1,28L1,22.5L0,22.5L0,29ZM99,29L99,22.5L98,22.5L98,28L92.5,28L92.5,29L99,29Z" fill-rule="evenodd" fill="#F08503" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 913f1fa..5042d84 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -24,7 +24,7 @@ const routes = [
   {
     path: '/operation',
     name: 'operation',
-    meta: { title: '首台率' },
+    meta: { title: '首台率数据可视化' },
     component: () => import('@/views/pageOperation/index.vue'),
   },
   {
diff --git a/src/views/pageOperation/rightMid/index.vue b/src/views/pageOperation/rightMid/index.vue
index 4c223af..161c092 100644
--- a/src/views/pageOperation/rightMid/index.vue
+++ b/src/views/pageOperation/rightMid/index.vue
@@ -1,21 +1,35 @@
 <template>
-  <div class="w-[116.94vh] h-[85.51vh] bgRightMidBox">
-    <div class="w-[112.96vh] h-[77.03vh] mx-auto mt-[2.96vh] border border-teal-400">
-      <div class="h-[4.44vh] leading-[4.44vh] text-center">
+  <div class="w-[116.94vh] h-[85.8vh] bgRightMidBox">
+    <div class="w-[112.96vh] h-[77.03vh] mx-auto mt-[2.96vh]">
+      <div class="h-[4.44vh] leading-[4.44vh] text-center bg-[#322369]">
         <div class="inline-block">
           <div class="inline-block w-[11.11vh] text-[#AAAAAA] text-[1.48vh]">手术间</div>
-          <div class="inline-block w-[18.51vh] text-[#AAAAAA] text-[1.48vh]">手术名称</div>
-          <div class="inline-block w-[11.11vh] text-[#AAAAAA] text-[1.48vh]">申请类型</div>
+          <div class="inline-block w-[16.51vh] text-[#AAAAAA] text-[1.48vh]">手术名称</div>
+          <div class="inline-block w-[13.11vh] text-[#AAAAAA] text-[1.48vh]">申请类型</div>
           <div class="inline-block w-[16.66vh] text-[#AAAAAA] text-[1.48vh]">入手术室时间</div>
           <div class="inline-block w-[16.66vh] text-[#AAAAAA] text-[1.48vh]">麻醉开始时间</div>
           <div class="inline-block w-[16.66vh] text-[#AAAAAA] text-[1.48vh]">手术开始时间</div>
           <div class="inline-block w-[11.11vh] text-[#AAAAAA] text-[1.48vh]">是否准点</div>
         </div>
       </div>
-      <div class="h-[72.58vh] border border-red-400">
+      <div class="h-[72.58vh]">
         <el-carousel direction="vertical" :autoplay="false" :interval="5000" indicatorPosition="none">
           <el-carousel-item v-for="item in 1" :key="item">
-            <section></section>
+            <template v-for="(item, index) in 14">
+              <div class="h-[4.44vh] leading-[4.44vh] mt-[0.74vh] text-center itemStyle" :key="index">
+                <div class="inline-block">
+                  <div class="inline-block w-[11.11vh] text-[1.48vh] panmen">R-{{ String(index + 1).padStart(3, '0') }}</div>
+                  <div class="inline-block w-[16.51vh] text-[1.48vh]">阑尾切除术</div>
+                  <div class="inline-block w-[13.11vh] text-[1.48vh] align-middle">
+                    <img class="mx-auto" src="@/assets/svg/Operation/RightMid/Emergency.svg" />
+                  </div>
+                  <div class="inline-block w-[16.66vh] text-[1.48vh]">2023-02-20 12:23:34</div>
+                  <div class="inline-block w-[16.66vh] text-[1.48vh]">2023-02-20 12:24:34</div>
+                  <div class="inline-block w-[16.66vh] text-[1.48vh]">2023-02-20 12:24:34</div>
+                  <div class="inline-block w-[11.11vh] text-[1.48vh] text-[#349AFC]">准点</div>
+                </div>
+              </div>
+            </template>
           </el-carousel-item>
         </el-carousel>
       </div>
@@ -34,4 +48,9 @@ export default {};
   background-position: center;
   background-repeat: no-repeat;
 }
+.itemStyle {
+  background: rgba(74, 78, 103, 0.15);
+  box-sizing: border-box;
+  border: 1px solid rgba(87, 151, 181, 0.4);
+}
 </style>