+
+
+
+
+
+
+
+
+
diff --git a/src/views/pageOperation/leftTop/index.scss b/src/views/pageOperation/leftTop/index.scss
new file mode 100644
index 0000000..27e64f3
--- /dev/null
+++ b/src/views/pageOperation/leftTop/index.scss
@@ -0,0 +1,90 @@
+.leftBox {
+ height: vh(526);
+ box-sizing: border-box;
+ padding: vh(20) vw(20);
+ background-image: url('@/assets/svg/Operation/LeftTop/Box.svg');
+ background-size: auto;
+ background-position: center;
+ background-repeat: no-repeat;
+
+ .echartsContainer {
+ width: vw(230);
+ height: vh(230);
+ margin: vh(20) auto;
+ }
+
+ .bottomBox {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: vw(496);
+ height: vh(172);
+ padding: vh(24) vw(30) 0;
+ margin: vh(50) auto 0;
+ background: linear-gradient(180deg, #F2F3FA 0%, #EAE9FE 100%);
+ box-sizing: border-box;
+ border: 2px solid #EDE9F4;
+
+ .top {
+ >div {
+ div {
+ font-size: vw(16);
+ color: #302D32;
+ margin-left: vw(8);
+ }
+ }
+
+ p {
+ font-size: vw(28);
+ color: #605C68;
+
+ span {
+ font-size: vw(44);
+ color: #5D49AF;
+ vertical-align: baseline;
+ }
+ }
+ }
+
+ .bottom {
+ >div {
+ width: vw(276);
+ height: vh(48);
+ padding: 0 vw(24);
+ background: linear-gradient(272deg, rgba(93, 73, 175, 0.045) 2%, rgba(93, 73, 175, 0.066) 99%);
+ border: 1px solid;
+ border-image: linear-gradient(160deg, rgba(158, 136, 246, 0.4) -10%, rgba(93, 73, 175, 0) 41%) 1.5;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .left {
+ display: flex;
+ align-items: center;
+
+ span {
+ font-size: vw(16);
+ color: #571273;
+ margin-left: vw(4);
+ }
+ }
+
+ .right {
+ font-size: vw(12);
+ color: #571273;
+
+ span {
+ font-weight: 500;
+ font-size: vw(26);
+ color: #5D49AF;
+ vertical-align: baseline;
+ }
+ }
+
+ &:first-child {
+ margin-bottom: vh(24);
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/pageOperation/leftTop/index.vue b/src/views/pageOperation/leftTop/index.vue
index 439396c..e90e646 100644
--- a/src/views/pageOperation/leftTop/index.vue
+++ b/src/views/pageOperation/leftTop/index.vue
@@ -1,26 +1,26 @@
-
-
-
-
+
+
+
+
-
+
-
- 
- 总人数
+ 
+
-
- 总人数
+
+ 总人数
- {{ totalPopulation }} +
+ {{ totalPopulation }}人
-
+
+
- {{ item['itemName'] }}
+ {{ item['itemName'] }}
-
- {{ item['itemName'] }}
+ {{ item['itemName'] }}
- {{ item['itemVal'] }}
- 人
+
@@ -64,11 +64,11 @@ export default {
colorStops: [
{
offset: 0,
- color: '#9C85FA',
+ color: '#6551B4',
},
{
offset: 1,
- color: '#5531E7',
+ color: '#ACA0DC',
},
],
global: false,
@@ -77,7 +77,7 @@ export default {
},
axisLine: {
lineStyle: {
- color: [[1, '#4F518C']],
+ color: [[1, '#fff']],
opacity: 0.7,
width: 30,
},
@@ -99,10 +99,10 @@ export default {
value: 86,
name: '首台准点率',
title: {
- offsetCenter: ['0%', '20%'],
+ offsetCenter: ['0%', '24%'],
fontSize: 22,
fontFamily: 'Microsoft YaHei',
- color: '#fff',
+ color: '#5D49AF',
overflow: 'break',
lineHeight: 20,
},
@@ -110,8 +110,8 @@ export default {
valueAnimation: true,
offsetCenter: ['0%', '-15%'],
fontSize: 40,
- fontFamily: 'DIN-Bold,Microsoft YaHei',
- color: '#03FFFF',
+ fontFamily: 'panmen',
+ color: '#5D49AF',
formatter: `{value}%`,
},
},
@@ -169,22 +169,6 @@ export default {
};
-
diff --git a/src/views/pageOperation/rightMid/index copy.vue b/src/views/pageOperation/rightMid/index copy.vue
new file mode 100644
index 0000000..6e0808d
--- /dev/null
+++ b/src/views/pageOperation/rightMid/index copy.vue
@@ -0,0 +1,128 @@
+
+
+ {{ item['itemVal'] }}
+ 人
+
+
+
+
+
+
+
+
+
+
+
+ 手术间
+ 人员
+ 手术名称
+ 申请类型
+ 入手术室时间
+ 麻醉开始时间
+ 手术开始时间
+ 是否准点
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ subItem['roomName'] }}
+
+
+ {{ subItem['patientName'] }}
+
+
+
+
+
+ 
+ 
+
+
+
+
+ {{ formatData(subItem['inDateTime']) }}
+
+
+ {{ formatData(subItem['anesStartTime']) }}
+
+
+ {{ formatData(subItem['operStartTime']) }}
+
+
+ {{ subItem['IsFirstOnTime'] ? '准点' : '不准点' }}
+
+