web
6 天以前 e8acf56b807be105702321a0be2119963fa69e03
src/views/screen/flow/graphic/components/FullScreenVideo.vue
@@ -50,6 +50,14 @@
                    <div class="name">累计流量:</div>
                    <div class="val"><span>{{props.data.totalFlow}}</span>m³</div>
                </div>
                <div class="item">
                    <div class="name">水面宽度:</div>
                    <div class="val"><span>{{props.data.waterWidth}}</span>m</div>
                </div>
                <div class="item">
                    <div class="name">过水面积:</div>
                    <div class="val"><span>{{props.data.waterArea}}</span>m³</div>
                </div>
            </div>
        </div>
    </div>
@@ -92,10 +100,18 @@
            align-items: center;
            padding: 0.5rem 0;
            .name{
                width: 50%;
                width: 6rem;
            }
            span{
                margin-right: 0.8rem;
            .val{
                display: flex;
                align-items: center;
                span{
                    display: inline-block;
                    width: 6rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }
    }