+
-
-
-
修改试管架
-
编辑患者信息
-
删除试管架
+
+
修改试管架
+
编辑患者信息
+
+

+

+
删除试管架
+
@@ -38,18 +59,24 @@ const onClickTubeItem = (idx) => {
height: 150px;
display: flex;
align-items: center;
-
+ &.locked {
+ background-color: #C8C8C8;
+ }
.tube-rack-state {
+ align-self: stretch;
width: 100px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
.status-icon img {
- width: 56px;
+ width: 56px;
}
}
.split {
width: 1px;
height: 80px;
- background-color: rgb(192,192,192);
+ background-color: rgb(192, 192, 192);
margin-right: 10px;
}
@@ -61,18 +88,38 @@ const onClickTubeItem = (idx) => {
}
@op-bar-height: 68px;
.test-tube-rack-op {
- height: @op-bar-height;
- background-color: rgb(235,235,235);
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 40px;
+ height: @op-bar-height;
+ background-color: rgb(235, 235, 235);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 40px;
- font-size: 22px;
- font-weight: 600;
+ font-size: 22px;
+ font-weight: 600;
+ &.active {
+ color: #999;
.rack-op {
- align-self: stretch;
- line-height: @op-bar-height;
+ &.rack-del {
+ color: #999;
+ }
+ }
+ }
+ .rack-op {
+ align-self: stretch;
+ line-height: @op-bar-height;
+ &.rack-edit {
+ color: #999;
+ }
+ &.rack-del {
+ display: flex;
+ align-items: center;
+ img {
+ width: 20px;
+ margin-right: 8px;
+ }
+ color: red;
}
+ }
}
diff --git a/src/pages/Index/components/TestTube/Tube.vue b/src/pages/Index/components/TestTube/Tube.vue
index b95a394..861cf78 100644
--- a/src/pages/Index/components/TestTube/Tube.vue
+++ b/src/pages/Index/components/TestTube/Tube.vue
@@ -1,6 +1,6 @@
-
{{ index + 1 }}
+
{{ index + 1 }}
+
@@ -21,7 +21,7 @@
-
{{ tube.userid || '-' }}
+
{{ tube.userid || '-' }}
@@ -34,7 +34,21 @@ tube: {userid,projId:number[],bloodType}
projects: [{projId,projName,color}]
bloodTypes: [{key,name}]
*/
-const props = defineProps(['tube', 'index', 'projects', 'bloodTypes'])
+const props = defineProps({
+ tube: {
+ type: Object,
+ },
+ index: {
+ type: Number,
+ },
+ projects: {
+ type: Array,
+ },
+ bloodTypes: {
+ type: Array,
+ },
+ showNum: { type: Boolean, default: true },
+})
const emit = defineEmits(['clickTubeItem'])
const projIdMap = computed(() => {
@@ -108,37 +122,43 @@ function drawPieChart(ctx, data) {