ID1825-修改数据格式化逻辑

zhangchen

2025-07-18 fcd455b10a7f40d39a55c5182dc76646ecd7a7bb

 src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue

@@ -81,15 +81,35 @@
      <Card
        title="血液透析器"
        :icon="tslImg"
        background-color="#D9F0E2"
        background-color="#F6F5FA"
        class="row2-card"
      />
      >
        <div class="list-4">
          <div
            v-for="(item, index) in consumablesCollection.透析器"
            :key="index"
            class="list-4-item"
          >
            {{ item }}
          </div>
        </div>
      </Card>
      <Card
        title="血液透析滤过器"
        :icon="tslImg"
        background-color="#D9F0E2"
        background-color="#F6F5FA"
        class="row2-card"
      />
      >
        <div class="list-4">
          <div
            v-for="(item, index) in consumablesCollection.滤过器"
            :key="index"
            class="list-4-item"
          >
            {{ item }}
          </div>
        </div>
      </Card>
    </div>
  </div>
</template>
@@ -114,7 +134,7 @@
</script>

<style lang="less" scoped>
*{
* {
  box-sizing: border-box;
}
.unplanned-schedule-container {
@@ -129,7 +149,7 @@
    display: flex;
    width: 100%;
    gap: 4px;
    min-height: 0; 
    min-height: 0;
    > .row1-left,
    .row1-right {
      width: 103px;
@@ -154,7 +174,7 @@
    display: flex;
    width: 100%;
    gap: 4px;
    min-height: 0; 
    min-height: 0;
    > .row2-card {
      flex: 1;
    }
@@ -199,5 +219,20 @@
      }
    }
  }
  .list-4 {
    .list-4-item {
      display: inline-block;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 4px;
      color: #333333;
      text-align: left;
      font-style: normal;
      margin-bottom: 4px;
      &:not(:first-child) {
        margin-right: 2px;
      }
    }
  }
}
</style>