- + diff --git a/src/pages/Index/Regular/TestTube.vue b/src/pages/Index/Regular/TestTube.vue index 3b1a0f7..cc9c64f 100644 --- a/src/pages/Index/Regular/TestTube.vue +++ b/src/pages/Index/Regular/TestTube.vue @@ -12,8 +12,10 @@ :index="index" :projects="projectsAvailable" :bloodTypes="bloodTypes" - @delete:rack="deleteHandle" - @clickTubeItem="updateTubeSettingsHandler" + @delete:rack="deleteTubeRack" + @active:rack="handleActivateChange" + @patient:edit="handleChangeUser" + @clickTubeItem="updateTubeSettings" /> @@ -31,12 +33,14 @@
{{ proj.projName }} - {{ proj.num }} + {{ + `${projIdCntMap[proj.projId] || 0}/${proj.num}` + }}
@@ -60,7 +64,7 @@ - - diff --git a/src/pages/Index/TestTube/TubeUserId.vue b/src/pages/Index/TestTube/TubeUserId.vue new file mode 100644 index 0000000..8a45f1c --- /dev/null +++ b/src/pages/Index/TestTube/TubeUserId.vue @@ -0,0 +1,374 @@ + + + + + diff --git a/src/pages/Index/components/Running/EmergencyResultDialog.vue b/src/pages/Index/components/Running/EmergencyResultDialog.vue index f03f360..0abeb24 100644 --- a/src/pages/Index/components/Running/EmergencyResultDialog.vue +++ b/src/pages/Index/components/Running/EmergencyResultDialog.vue @@ -42,11 +42,11 @@ defineProps({ result: { type: Object, - required: true, + // required: true, }, visible: { type: Boolean, - required: true, + // required: true, }, }) diff --git a/src/pages/Index/components/TestTube/TestTubeRack.vue b/src/pages/Index/components/TestTube/TestTubeRack.vue index 645e23a..28e1100 100644 --- a/src/pages/Index/components/TestTube/TestTubeRack.vue +++ b/src/pages/Index/components/TestTube/TestTubeRack.vue @@ -1,9 +1,13 @@ @@ -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 @@ @@ -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) {