-
+
+
-
+
-
{{ item.a }}
{{ item.b }}
{{ item.c }}
+
{{ item.a }}
{{ item.b }}
{{ item.c }}
diff --git a/src/components/LoadCells/LoadCells.vue b/src/components/LoadCells/LoadCells.vue
index fa40609..1dfffab 100644
--- a/src/components/LoadCells/LoadCells.vue
+++ b/src/components/LoadCells/LoadCells.vue
@@ -92,12 +92,15 @@ export default {
.number .num_item {
background: url('~assets/cz-bg.png') no-repeat bottom left;
background-size: auto 90%;
+ position: relative;
+ top: -6px;
+ left: 2px;
}
.number span {
display: inline-block;
position: relative;
- top: -10px;
+ top: -8px;
left: 2px;
font-size: 38px;
font-style: oblique;
@@ -113,7 +116,7 @@ export default {
}
.number span {
- top: -10px;
+ top: -8px;
font-size: 23px;
letter-spacing: 16px;
}
diff --git a/src/components/Panel/Panel.vue b/src/components/Panel/Panel.vue
index b7b34c1..99a6500 100644
--- a/src/components/Panel/Panel.vue
+++ b/src/components/Panel/Panel.vue
@@ -1,7 +1,7 @@
-
+
-
患者体重（kg）
60.00
@@ -11,7 +11,7 @@
55.00
+
-
+
-
+
团注剂量（mg）
5.40
@@ -77,28 +77,37 @@ export default {
width: 100%;
padding: 10px;
+ .panel-box-1 {
+ padding: 0 3rem;
+ }
+
div {
height: 33%;
align-items: center;
+ position: relative;
}
span {
flex: 1;
text-align: center;
+ position: absolute;
+ left: 0;
}
}
.panel-tips {
- font-size: 20px;
+ font-size: 1.2rem;
color: #ccc;
}
.panel-con {
- font-size: 48px;
+ font-size: 3rem;
font-weight: 600;
text-shadow: #0075ff 0px 0px 8px;
letter-spacing: 8px;
transform: rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(0.8) translate(0px, 0px);
+ left: auto !important;
+ right: 3rem;
}
.tips {
@@ -116,4 +125,19 @@ export default {
bottom: -8px;
left: -10%;
}
+
+@media (max-width: 1500px) {
+ .panel-box .panel-box-1 {
+ padding: 0 2rem;
+ }
+
+ .panel-tips {
+ font-size: 1rem;
+ }
+
+ .panel-con {
+ font-size: 2rem;
+ right: 1rem;
+ }
+}
diff --git a/src/components/RFID/RFID++.vue b/src/components/RFID/RFID++.vue
deleted file mode 100644
index e779465..0000000
--- a/src/components/RFID/RFID++.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
+
-
+
-
-
-
-
-
-
diff --git a/src/components/RFID/RFID.styl b/src/components/RFID/RFID.styl
new file mode 100644
index 0000000..a4b1644
--- /dev/null
+++ b/src/components/RFID/RFID.styl
@@ -0,0 +1,142 @@
+.rfid {
+ position: relative;
+}
+
+.list {
+width: 4.4rem;
+ height: 4.4rem;
+ line-height: 4.4rem;
+ text-align: center;
+ font-size: 12px;
+ color: #C8CED5;
+ background: url('~assets/rfid-bg.png') no-repeat center;
+ background-size: contain;
+ position: absolute;
+}
+
+.active {
+ width: 5rem;
+ height: 5rem;
+ line-height: 5rem;
+ font-size: 12px;
+ background: url('~assets/rfid-bg-active.png') no-repeat center;
+ background-size: contain;
+}
+
+.list1 {
+ top: 0.5rem;
+ left: 4rem;
+}
+
+.list2 {
+ top: 0.5rem;
+ left: 11.5rem;
+}
+
+.list3 {
+ top: 0.5rem;
+ left: 19rem;
+}
+
+.list4 {
+ top: 5.5rem;
+ left: 0.5rem;
+}
+
+.list5 {
+ top: 5.5rem;
+ left: 8rem;
+}
+
+.list6 {
+ top: 5.5rem;
+ left: 15.5rem;
+}
+
+.list7 {
+ top: 5.5rem;
+ left: 23rem;
+}
+
+.list8 {
+ top: 10.5rem;
+ left: 4rem;
+}
+
+.list9 {
+ top: 10.5rem;
+ left: 11.5rem;
+}
+
+.list10 {
+ top: 10.5rem;
+ left: 19rem;
+}
+
+
+
+@media (max-width: 1500px){
+.list {
+ width: 4rem;
+ height: 3.4rem;
+ line-height: 3.4rem;
+ font-size: 12px;
+}
+
+.active {
+ width: 4rem;
+ height: 4rem;
+ line-height: 4rem;
+ font-size: 12px;
+}
+
+.list1 {
+ top: 0.5rem;
+ left: 3rem;
+}
+
+.list2 {
+ top: 0.5rem;
+ left: 8rem;
+}
+
+.list3 {
+ top: 0.5rem;
+ left: 13rem;
+}
+
+.list4 {
+ top: 3.5rem;
+ left: 0.5rem;
+}
+
+.list5 {
+ top: 3.5rem;
+ left: 5.5rem;
+}
+
+.list6 {
+ top: 3.5rem;
+ left: 10.5rem;
+}
+
+.list7 {
+ top: 3.5rem;
+ left: 15.5rem;
+}
+
+.list8 {
+ top: 6.5rem;
+ left: 3rem;
+}
+
+.list9 {
+ top: 6.5rem;
+ left: 8rem;
+}
+
+.list10 {
+ top: 6.5rem;
+ left: 13rem;
+}
+}
diff --git a/src/components/RFID/RFID.vue b/src/components/RFID/RFID.vue
index 4df94ae..b560fa1 100644
--- a/src/components/RFID/RFID.vue
+++ b/src/components/RFID/RFID.vue
@@ -1,12 +1,10 @@
-
- {{ list.name }}
-
-
-
-
diff --git a/src/plugins/ant-design-vue.js b/src/plugins/ant-design-vue.js
index 9275707..2a1d73b 100644
--- a/src/plugins/ant-design-vue.js
+++ b/src/plugins/ant-design-vue.js
@@ -27,6 +27,7 @@ import {
Checkbox,
BackTop,
Progress,
+ carousel,
} from 'ant-design-vue';
import { ConfigProvider } from 'ant-design-vue';
Vue.component(ConfigProvider.name, ConfigProvider);
@@ -55,6 +56,7 @@ Vue.use(Timeline);
Vue.use(Checkbox);
Vue.use(BackTop);
Vue.use(Progress);
+Vue.use(carousel);
Vue.prototype.$message = message;
Vue.prototype.$notification = notification;
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index 849c9d1..79575af 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -23,6 +23,7 @@
{{ nowTime }}
@@ -37,7 +38,7 @@
急救时长分析
@@ -49,6 +50,7 @@
+
@@ -61,7 +63,7 @@
称重传感器
@@ -76,7 +78,7 @@
@@ -127,9 +129,58 @@ export default {
name: 'Index',
components: { Statistics, Duration, Sensor, LoadCells, RFID, FastEd, Panel },
data() {
- return {};
+ return {
+ nowTime: new Date(),
+ str: '',
+ };
+ },
+
+ mounted() {
+ this.nowTimes();
+ },
+ methods: {
+ //显示当前时间（年月日时分秒）
+ timeFormate(timeStamp) {
+ let data = new Date(timeStamp);
+ let year = data.getFullYear();
+ let month = data.getMonth() + 1 < 10 ? '0' + (data.getMonth() + 1) : data.getMonth() + 1;
+ let date = data.getDate() < 10 ? '0' + data.getDate() : data.getDate();
+ let hh = data.getHours() < 10 ? '0' + data.getHours() : data.getHours();
+ let mm = data.getMinutes() < 10 ? '0' + data.getMinutes() : data.getMinutes();
+ let ss = data.getSeconds() < 10 ? '0' + data.getSeconds() : data.getSeconds();
+ this.nowTime = year + '年' + month + '月' + date + '日' + ' ' + hh + ':' + mm + ':' + ss;
+ },
+ nowTimes() {
+ this.timeFormate(new Date());
+ setInterval(this.nowTimes, 1000);
+ this.clear();
+ },
+
+ clear() {
+ clearInterval(this.nowTimes);
+ this.nowTimes = null;
+ },
},
};
-
+