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 @@ + \ 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 @@ + \ 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 @@ - - - + + + 手术间 - 手术名称 - 申请类型 + 手术名称 + 申请类型 入手术室时间 麻醉开始时间 手术开始时间 是否准点 - + - + + + + R-{{ String(index + 1).padStart(3, '0') }} + 阑尾切除术 + + + + 2023-02-20 12:23:34 + 2023-02-20 12:24:34 + 2023-02-20 12:24:34 + 准点 + + + @@ -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); +}