Interface display method and device, computer equipment, readable storage medium and program product

Abstract

The invention relates to an interface display method and device, computer equipment, a readable storage medium and a program product. The method comprises the following steps: configuring a physiological parameter block comprising a text display container and a text measurement container; the text display container is used for displaying the physiological parameter information in a web display interface, and the text display container has preset container size parameters; measuring display size information of the physiological parameter information received in real time through a text measurement container; determining a size adjustment coefficient for the physiological parameter information based on the container size parameter and the display size information; adjusting the physiological parameter information based on the size adjustment coefficient to obtain target physiological parameter information, and controlling the text display container to display the target physiological parameter information. According to the method, one-time determination of the size of the target physiological parameter information is realized, and the determined target physiological parameter information does not exceed the boundary of the text display container, so that the memory overhead can be reduced, and the performance is improved.

Description

Technical Field

[0001] This application relates to the field of medical device technology, and in particular to an interface display method, apparatus, computer equipment, computer-readable storage medium, and computer program product. Background Technology

[0002] The Central Monitoring System (CMS) is used to achieve centralized real-time monitoring of multiple patients. The web-based interface of the CMS is divided into multiple physiological parameter blocks, with each block linked to a specific patient. These physiological parameters are collected and transmitted from the monitoring equipment in real time.

[0003] Because a patient's physiological parameters are affected by their current state—for example, when a patient changes from a resting to an active state, their heart rate will change—the display area for heart rate in the physiological parameters section needs to adapt to these changes. Typically, the central monitoring system uses a container (div) with fixed width and height to display physiological parameters. Text that changes over time is displayed within this container. As the text length changes, it needs to fit snugly within the container and not extend beyond it. In such cases, a suitable font size for the container needs to be calculated.

[0004] Currently, a commonly used method is canvas drawing and algorithms. This method takes an initial text and font value, calculates the actual width and height occupied by the font using the canvas's measure Text method (a function used to measure text width), and then checks whether the width and height are within the container's range. If they are, the font value is incremented by 1 and the calculation of the font width and height continues in a loop; if they exceed the range, the current font value is returned.

[0005] However, this method requires creating a canvas object in memory for each font calculation, and the looping calculation of fonts increases memory overhead. This is especially problematic in scenarios where a central monitoring system monitors multiple patients in real time, which can easily lead to issues such as interface lag. Summary of the Invention

[0006] Therefore, it is necessary to address the technical problem that the above-mentioned method for calculating text font size increases memory consumption and reduces performance by providing an interface display method, apparatus, computer device, computer-readable storage medium, and computer program product.

[0007] Firstly, this application provides an interface display method. Applied to a central monitoring system, the central monitoring system includes a web display interface, the web display interface being divided into one or more display segments, each display segment being used to receive and display monitoring information of a bound patient, the monitoring information including at least one physiological parameter; each display segment includes at least one physiological parameter block, each physiological parameter block being used to display one type of physiological parameter information, the method comprising:

[0008] The physiological parameter block is configured to include a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter;

[0009] The display size information of the real-time received physiological parameter information is measured through the text measurement container;

[0010] Based on the container size parameters and the display size information, a size adjustment coefficient is determined for the physiological parameter information;

[0011] The physiological parameter information is adjusted based on the size adjustment coefficient to obtain the target physiological parameter information, and the text display container is controlled to display the target physiological parameter information.

[0012] In one embodiment, determining the size adjustment coefficient for the physiological parameter information based on the container size parameter and the display size information includes:

[0013] Obtain the size ratio between the container size parameter and the display size information;

[0014] Based on the size ratio, determine the size adjustment coefficient for the physiological parameter information.

[0015] In one embodiment, both the container size parameter and the display size information include width and height, and the size ratio includes width ratio and height ratio; determining the size adjustment coefficient for the physiological parameter information based on the size ratio includes:

[0016] Compare the width ratio and the height ratio;

[0017] The smaller of the width ratio and the height ratio is used as the size adjustment factor.

[0018] In one embodiment, adjusting the physiological parameter information based on the size adjustment coefficient to obtain the target physiological parameter information includes:

[0019] Obtain the base font size corresponding to the text measurement container;

[0020] The target font size is obtained by multiplying the size adjustment factor by the base font size.

[0021] The font size of the physiological parameter information is adjusted to the target font size to obtain the target physiological parameter information.

[0022] In one embodiment, the physiological parameter block includes an arranged display of an electrocardiogram (ECG) parameter block, a blood oxygen parameter block, and a respiratory parameter block; the ECG parameter block includes an ECG display container and an ECG measurement container, the blood oxygen parameter block includes a blood oxygen display container and a blood oxygen measurement container, and the respiratory parameter block includes a respiratory display container and a respiratory measurement container;

[0023] The method further includes:

[0024] The ECG display container, blood oxygen display container, and respiration display container are configured to have the same container size parameters;

[0025] The display size of the ECG measuring container for measuring real-time received ECG monitoring values ​​is controlled, the display size of the blood oxygen measuring container for measuring real-time received blood oxygen monitoring values ​​is controlled, and the display size of the respiration measuring container for measuring real-time received respiration monitoring values ​​is controlled.

[0026] Based on the ECG display size and the same container size parameters, determine the ECG adjustment coefficient; adjust the display size of the ECG monitoring values ​​based on the ECG adjustment coefficient;

[0027] And / or,

[0028] Based on the blood oxygen display size and the same container size parameters, determine the blood oxygen adjustment coefficient; adjust the display size of the blood oxygen monitoring value according to the blood oxygen adjustment coefficient;

[0029] And / or,

[0030] A breathing adjustment coefficient is determined based on the breathing display size and the same container size parameter; the display size of the breathing monitoring value is adjusted based on the breathing adjustment coefficient.

[0031] In one embodiment, the method further includes:

[0032] Determine the normal parameter range corresponding to the physiological parameter information;

[0033] Based on the matching results between the physiological parameter information and the normal parameter range, a target display method for the physiological parameter information is determined;

[0034] The method of controlling the text display container to display the target physiological parameter information further includes:

[0035] The text display container is controlled to display the target physiological parameter information according to the target display method.

[0036] Secondly, this application also provides an interface display device, disposed in a central monitoring system, the central monitoring system including a web display interface, the web display interface being divided into one or more display segments, each display segment being used to receive and display monitoring information of a bound patient, the monitoring information including at least one physiological parameter; each display segment including at least one physiological parameter block, each physiological parameter block being used to display one physiological parameter, the device comprising:

[0037] A configuration unit is used to configure the physiological parameter block to include a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter;

[0038] The measurement unit is used to measure the display size information of the physiological parameter information received in real time through the text measurement container;

[0039] The determining unit is configured to determine a size adjustment coefficient for the physiological parameter information based on the container size parameters and the display size information;

[0040] An adjustment unit is used to adjust the physiological parameter information based on the size adjustment coefficient to obtain target physiological parameter information, and to control the text display container to display the target physiological parameter information.

[0041] Thirdly, this application also provides a computer device. The computer device includes a memory and a processor, the memory storing a computer program, and the processor executing the computer program to perform the following steps:

[0042] The physiological parameter configuration block includes a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter;

[0043] The display size information of the real-time received physiological parameter information is measured through the text measurement container;

[0044] Based on the container size parameters and the display size information, a size adjustment coefficient is determined for the physiological parameter information;

[0045] The physiological parameter information is adjusted based on the size adjustment coefficient to obtain the target physiological parameter information, and the text display container is controlled to display the target physiological parameter information.

[0046] Fourthly, this application also provides a computer-readable storage medium. The computer-readable storage medium stores a computer program thereon, which, when executed by a processor, performs the following steps:

[0047] The physiological parameter configuration block includes a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter;

[0048] The display size information of the real-time received physiological parameter information is measured through the text measurement container;

[0049] Based on the container size parameters and the display size information, a size adjustment coefficient is determined for the physiological parameter information;

[0050] The physiological parameter information is adjusted based on the size adjustment coefficient to obtain the target physiological parameter information, and the text display container is controlled to display the target physiological parameter information.

[0051] Fifthly, this application also provides a computer program product. The computer program product includes a computer program that, when executed by a processor, performs the following steps:

[0052] The physiological parameter configuration block includes a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter;

[0053] The display size information of the real-time received physiological parameter information is measured through the text measurement container;

[0054] Based on the container size parameters and the display size information, a size adjustment coefficient is determined for the physiological parameter information;

[0055] The physiological parameter information is adjusted based on the size adjustment coefficient to obtain the target physiological parameter information, and the text display container is controlled to display the target physiological parameter information.

[0056] The aforementioned interface display method, apparatus, computer equipment, storage medium, and computer program product, by setting a text display container and a text measurement container in each physiological parameter block of the central monitoring system, measuring the display size information of the physiological parameter information received in real time through the text measurement container, and determining the size adjustment coefficient for the physiological parameter information based on the display size information and the container size parameter of the text display container itself, thereby adjusting the physiological parameter information to obtain target physiological parameter information adapted to the text display container, so that the text display container can display the target physiological parameter information optimally. This method leverages the adaptability of a text measurement container's size to the text content it contains. By using the size information measured by the text measurement container as the size occupied by physiological parameter information, it can determine the size adjustment coefficient for the physiological parameter information based on the display size information measured by the text measurement container and the container size parameters. This allows for the determination of the optimal target font size for displaying the physiological parameter information within the text display container, achieving a one-time determination of the target font size. Furthermore, it ensures that the target physiological parameter information displayed at the target font size does not exceed the boundaries of the text display container, thereby reducing memory overhead, improving performance, and solving the problem of traditional methods requiring multiple loops to calculate font size, which increases memory consumption. Attached Figure Description

[0057] Figure 1 This is a flowchart illustrating the interface display method in one embodiment;

[0058] Figure 2 This is a schematic diagram of the structure of the physiological parameter block in one embodiment;

[0059] Figure 3 This is a schematic diagram of the web display interface for dynamic monitoring of the monitoring system in one embodiment;

[0060] Figure 4 This is a schematic diagram illustrating the process of a monitoring system dynamically monitoring and displaying physiological data on a web interface, as shown in one embodiment.

[0061] Figure 5 This is a flowchart illustrating the interface display method in another embodiment;

[0062] Figure 6 This is a schematic diagram of the application process of the interface display method in another embodiment;

[0063] Figure 7 This is a structural block diagram of the interface display device in one embodiment;

[0064] Figure 8 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation

[0065] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0066] In one embodiment, such as Figure 1 As shown, a user interface display method is provided, which can be applied to a central monitoring system. The central monitoring system includes a web display interface, which is divided into one or more display segments. Each display segment is used to receive and display the monitoring information of the bound patient, including at least one physiological parameter. Each display segment includes at least one physiological parameter block, and each physiological parameter block is used to display one physiological parameter of the patient. In this embodiment, the method includes the following steps:

[0067] Step S110: Configure the physiological parameter block, which includes a text display container and a text measurement container. The text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter.

[0068] The text display container is used to actually display the text and is a visible HTML (Hyper Text Markup Language) element, such as a div.

[0069] The text measurement container is used to measure the size of text. It can be a visible or hidden HTML element, such as a span. The text measurement container can dynamically adjust its size based on the input text to accurately measure the width and height of the text.

[0070] Specifically, each physiological parameter block displays information about a specific physiological parameter of the patient. This physiological parameter information can be physiological data such as electrocardiogram (ECG), blood oxygen saturation, respiration, blood pressure, and body temperature. The interface structure of each physiological parameter block is as follows: Figure 2 As shown, the physiological parameters block includes a text display container and a text measurement container, with the text measurement container located within the text display container. The text display container can be preset to a fixed size, meaning it has preset container size parameters. The text measurement container, however, does not have a preset fixed size; instead, its size adaptively adjusts according to the amount of text input.

[0071] Step S120: Measure the display size information of the real-time received physiological parameter information through the text measurement container.

[0072] The physiological parameter information can be numbers, text, or other characters, and is ultimately presented in a text display container.

[0073] In this step, the size of the text measurement container is adapted to the physiological parameter information. That is, the size of the text measurement container changes proportionally to the space occupied by the physiological parameter information. For example, as the content of the physiological parameter information increases, the text measurement container will increase accordingly. It should also be noted that the size of the text measurement container includes both width and height. If the physiological parameter information changes only in the width direction, the text measurement container may only increase or decrease in the width direction, while the height remains unchanged. If the physiological parameter information changes only in the height direction, the text measurement container may only increase or decrease in the height direction, while the width remains unchanged. If the physiological parameter information changes in both the width and height directions, the text measurement container will correspondingly increase or decrease in both the width and height directions; that is, both the width and height will change.

[0074] In practice, the size of the text measurement container is adapted to the physiological parameter information, that is, it will automatically adjust according to the input physiological parameter information. Therefore, the size of the text measurement container and the size occupied by the physiological parameter information can be regarded as the same.

[0075] Step S130: Based on the container size parameters and display size information, determine the size adjustment coefficient for the physiological parameter information.

[0076] In practice, the display size information measured by the text measurement container is equivalent to the size occupied by the physiological parameter information. If the physiological parameter information is to be displayed in the text display container so that its size does not exceed the boundary of the text display container, the size adjustment coefficient can be determined by calculating the size ratio between the container size parameter of the text display container and the display size information measured by the text measurement container, thereby adjusting the physiological parameter information.

[0077] Step S140: Adjust the physiological parameter information based on the size adjustment coefficient to obtain the target physiological parameter information, and control the text display container to display the target physiological parameter information.

[0078] It's understandable that the font displayed on a web page, acting as a text display container, has a base font size (e.g., 12px). The relative font unit within the text measurement container is em, with 1em corresponding to a size of 12px. In other words, the base font size of the text measurement container is the same as that of the text display container. Therefore, the display size of the physiological parameter information measured through the text measurement container can be used as the size of the physiological parameter information within the base font size. For example, the measurement size of the text measurement container can be calculated using HTML element attributes and used as the display size of the physiological parameter information at 12px. Furthermore, after determining the size adjustment coefficient for the physiological parameter information based on the container size parameters and the display size information, it's also necessary to combine the base font size of the text measurement container to determine the target font size of the physiological parameter information. Then, according to the calculated target font size, the physiological parameter information is rendered into the text display container, ensuring that the text displays the target physiological parameter information with the same target font size, guaranteeing visual readability.

[0079] In the above interface display method, a text display container and a text measurement container are set in each physiological parameter block of the central monitoring system. The display size information of the physiological parameter information received in real time is measured by the text measurement container. Based on the display size information and the container size parameter of the text display container itself, a size adjustment coefficient for the physiological parameter information is determined, thereby adjusting the physiological parameter information to obtain the target physiological parameter information that is adapted to the text display container, so that the text display container can display the target physiological parameter information optimally. This method leverages the adaptability of a text measurement container's size to the text content it contains. By using the size information measured by the text measurement container as the size occupied by physiological parameter information, it can determine the size adjustment coefficient for the physiological parameter information based on the display size information measured by the text measurement container and the container size parameters. This allows for the determination of the optimal target font size for displaying the physiological parameter information within the text display container, achieving a one-time determination of the target font size. Furthermore, it ensures that the target physiological parameter information displayed at the target font size does not exceed the boundaries of the text display container, thereby reducing memory overhead, improving performance, and solving the problem of traditional methods requiring multiple loops to calculate font size, which increases memory consumption.

[0080] In an exemplary embodiment, step S130 above, determining the size adjustment coefficient for physiological parameter information based on container size parameters and display size information, includes: obtaining the size ratio between container size parameters and display size information; and determining the size adjustment coefficient for physiological parameter information based on the size ratio.

[0081] In practice, the display size information measured by the text measurement container is equivalent to the size occupied by the physiological parameter information. Therefore, if the size of the text measurement container when the physiological parameter information is displayed is obtained, and the container size parameter of the text display container is also known, then the size ratio between the container size parameter of the text display container and the display size information measured by the text measurement container can be calculated, and the size adjustment coefficient for the physiological parameter information can be determined based on this size ratio.

[0082] For example, if the measurement size of the text measurement container is 20×30 and the preset size of the text display container is 200×300, then the preset size of the text display container can be determined to be 10 times the measurement size of the text measurement container. If the base font size of the physiological parameter information in the text measurement container is 1em, then the target font size of the physiological parameter information in the text display container can be determined to be 10em.

[0083] More specifically, the size proportions can be expressed by the following formula:

[0084] Size ratio = Container size parameters of the text display container / Display size information measured by the text measurement container.

[0085] Since the dimensions include both width and height, the calculated dimensional proportions include both width and height proportions, which are:

[0086] Width ratio = preset width of text display container / measured width of text measurement container.

[0087] High ratio = preset height of text display container / measured height of text measurement container.

[0088] From the width ratio and the height ratio, a ratio is selected as the size adjustment coefficient for the physiological parameter information. Then, using this size adjustment coefficient and the base font size of the physiological parameter information in the text measurement container, the target font size of the physiological parameter information in the text display container is determined.

[0089] In this embodiment, the size adjustment coefficient for physiological parameter information is determined by the size ratio between the container size parameter of the text display container and the display size information measured by the text measurement container. This facilitates the determination of the target font size of the physiological parameter information in the text display container, enabling dynamic adjustment of the font size of the physiological parameter information to adapt to different text display containers and physiological parameter information. This flexible algorithm helps maintain good readability and user experience across various devices and screen sizes.

[0090] Furthermore, in an exemplary embodiment, both the container size parameter and the display size information include width and height, and the size ratio includes width ratio and height ratio; the step of determining the size adjustment coefficient for the physiological parameter information based on the size ratio includes: comparing the width ratio and the height ratio; and using the smaller value of the width ratio and the height ratio as the size adjustment coefficient.

[0091] Specifically, the width ratio affects the display width of physiological parameter information within the text display container, while the height ratio affects its display height. Both factors individually influence the physiological parameter information. If the height ratio is greater than the width ratio, using the height ratio as the size adjustment factor to determine the target font size for the physiological parameter information will result in an excessively large width dimension, causing the display width within the text display container to exceed its capacity. The condition for displaying physiological parameter information within the text display container is that it must always remain within the container's boundaries and not exceed its limits. Therefore, when determining the size adjustment factor from the height and width ratios, the smaller of the two ratios should be used.

[0092] For example, if the container size parameters (width × height) of the text display container are 300 × 100, and the display size information measured by the text measurement container is 20 × 10, then the width ratio can be calculated to be 300 / 20 = 15, and the height ratio is 100 / 10 = 10. Since 10 < 15, that is, the height ratio is less than the width ratio, the size adjustment coefficient for the physiological parameter information can be determined to be the height ratio of 10.

[0093] In this embodiment, by comparing the width ratio and the height ratio, the smaller ratio is used as the size adjustment coefficient to determine the target font size of the physiological parameter information in the text display container. This ensures that the physiological parameter information is within the range of the text display container and avoids text overflowing the boundaries of the text display container. It can effectively prevent visual confusion caused by text overflow during user operation.

[0094] In an exemplary embodiment, the step of adjusting the physiological parameter information based on the size adjustment factor to obtain the target physiological parameter information includes: obtaining the base font size corresponding to the text measurement container; obtaining the product of the size adjustment factor and the base font size to obtain the target font size; and adjusting the font size of the physiological parameter information to the target font size to obtain the target physiological parameter information.

[0095] The target font size refers to the font size when physiological parameter information is displayed in a text display container.

[0096] Specifically, the size adjustment factor can be understood as a factor that scales the font size of physiological parameter information proportionally. It is calculated based on the display result of the physiological parameter information in the text measurement container, combined with the container size parameter of the text display container. Therefore, after determining the size ratio of the text display container to the text measurement container as the size adjustment factor, it is necessary to combine the basic font size of the physiological parameter information in the text measurement container, multiply the size adjustment factor by this basic font size, and obtain the target font size of the physiological parameter information in the text display container. This achieves scaling of the display result of the physiological parameter information in the text measurement container, allowing the physiological parameter information to be displayed to the maximum extent without exceeding the text display container.

[0097] For example, if the size adjustment factor is 10.6 and the base font size of the physiological parameter information in the text measurement container is 1em, then the target font size of the physiological parameter information in the text display container is 10.6 × 1em = 10.6em.

[0098] In this embodiment, the process of determining the target font size is clarified by calculating the product of the size adjustment factor and the base font size. This method not only ensures the appropriate position of physiological parameter information in the text display container but also improves the user experience, enabling the physiological parameter information to be displayed optimally in different environments. In modern web design and applications, this method can be widely used in various content displays, such as websites and mobile applications, to ensure a high-quality user experience and effective information delivery.

[0099] In one exemplary embodiment, the physiological parameter block includes an electrocardiogram (ECG) parameter block, a blood oxygenation parameter block, and a respiratory parameter block arranged in an array; the ECG parameter block includes an ECG display container and an ECG measurement container, the blood oxygenation parameter block includes a blood oxygenation display container and a blood oxygenation measurement container, and the respiratory parameter block includes a respiratory display container and a respiratory measurement container.

[0100] The method further includes:

[0101] The ECG display container, pulse oximetry display container, and respiration display container are configured to have the same container size parameters;

[0102] The display size of the ECG measuring container for measuring real-time received ECG monitoring values ​​is controlled separately; the display size of the blood oxygen measuring container for measuring real-time received blood oxygen monitoring values ​​is controlled separately; and the display size of the respiration measuring container for measuring real-time received respiration monitoring values ​​is controlled separately.

[0103] Determine the ECG adjustment coefficient based on the ECG display size and the same container size parameters; adjust the display size of the ECG monitoring values ​​based on the ECG adjustment coefficient;

[0104] And / or, determine the blood oxygen adjustment factor based on the blood oxygen display size and the same container size parameters; adjust the display size of the blood oxygen monitoring value according to the blood oxygen adjustment factor;

[0105] And / or, determine a breathing adjustment factor based on the breathing display size and the same container size parameter; adjust the display size of the breathing monitoring values ​​based on the breathing adjustment factor.

[0106] Specifically, when multiple physiological parameter information is displayed in the physiological parameter block, each physiological parameter information display block has a corresponding text measurement container and text display container. The display size of each physiological parameter information, as well as its size adjustment factor, are measured individually using the text measurement container corresponding to each physiological parameter information. For example... Figure 3 The diagram illustrates the dynamic monitoring web interface of a surveillance system. First, patient physiological data (such as ECG, blood oxygen saturation, respiration, blood pressure, and body temperature) is collected by the acquisition device and transmitted to the front end. Upon receiving the physiological data, the front end dynamically displays updated waveforms and parameters on the web interface. To ensure the parameters are displayed clearly and within the container's dimensions, the font size needs to be recalculated based on the container's size and the length of the physiological data each time a parameter changes. For example... Figure 3 As shown, the physiological parameter information is displayed on the right and bottom of the web display interface. Each physiological data has a fixed text display container, and the text display container contains a text measurement container.

[0107] exist Figure 3 The process of the monitoring system dynamically monitoring and displaying physiological data on the web interface is as follows: Figure 4 As shown, after the acquisition device collects the patient's physiological information data, it transmits it to the front end via a network communication protocol. The front end parses the data according to the parameter type. Taking ECG data as an example, the ECG monitoring value is obtained through parsing. The ECG display size is measured using an ECG measuring container. Based on the container size parameters, an ECG adjustment coefficient is determined. The display size of the ECG monitoring value is then adjusted according to the adjustment coefficient, further controlling the display container to show the adjusted ECG monitoring value. Similarly, for blood oxygen monitoring values, the blood oxygen display size is measured using a blood oxygen measuring container. Based on the container size parameters, a blood oxygen adjustment coefficient is determined. The display size of the blood oxygen monitoring value is then adjusted according to the adjustment coefficient, further controlling the display container to show the adjusted blood oxygen monitoring value. For respiratory monitoring values, the respiratory display size is measured using a respiratory measuring container. Based on the respiratory display size parameters, a respiratory adjustment coefficient is determined. The display size of the respiratory monitoring value is then adjusted according to the adjustment coefficient, further controlling the display container to show the adjusted respiratory monitoring value.

[0108] It's understandable that even with the same container size, different physiological data will result in different calculated font sizes, but ultimately, they can all be adaptively maximized and displayed in the corresponding container.

[0109] In this embodiment, by setting independent text measurement and display containers for each physiological data point and dynamically calculating size adjustment coefficients, this method not only improves the readability of physiological data and the effectiveness of information delivery but also enhances the user's interactive experience and satisfaction. This personalized and adaptive design has significant practical value in health monitoring applications.

[0110] In an exemplary embodiment, the method further includes: determining the normal parameter range corresponding to the physiological parameter information; and determining a target display method for the physiological parameter information based on the matching result between the physiological parameter information and the normal parameter range.

[0111] Step S140, which controls the text display container to display the target physiological parameter information, also includes: controlling the text display container to display the target physiological parameter information according to the target display method.

[0112] Specifically, alarm prompts can be issued when the control text display container displays target physiological parameter information. In particular, different types of physiological parameter information have different alarm triggering conditions. Therefore, when displaying an alarm for any type of physiological parameter information, the type of physiological parameter information can be determined first, and the corresponding normal parameter range can be determined based on the type. For example, for ECG monitoring values, the corresponding normal parameter range is 60-100 beats / minute; for blood oxygen monitoring values, the normal parameter range for arterial blood oxygen saturation is 95%-98%, and the normal parameter range for venous blood oxygen saturation is 60%-88%. The real-time received physiological parameter information is then compared with its corresponding normal parameter range to determine whether it falls within the normal parameter range. If it is within the normal parameter range, the corresponding target display mode is determined to be the first display mode, which can be the normal display mode, such as displaying in green. If it is not within the normal parameter range, the corresponding target display mode is determined to be the second display mode, which can be flashing, displaying in a preset color (such as red), highlighting, etc., to alert the user to the abnormality of the current physiological parameter information. Finally, the text display container can be controlled to display the target physiological parameter information according to the determined target display method.

[0113] In this embodiment, the target physiological parameter information is displayed according to the target display method determined by the matching result between the physiological parameter information and its corresponding normal parameter range. This maximizes the display of physiological parameter information in the text display container and reminds the caregiver of the patient's physiological condition through different display methods, so that the caregiver can deal with the abnormality of the patient's physiological parameter information in a timely manner.

[0114] In one exemplary embodiment, the aforementioned text measurement container is disposed within a text display container, and the text measurement container is in a hidden state, i.e., invisible. Correspondingly, the display state of the physiological parameter information input in the text measurement container can also be hidden. By setting the text measurement container to a hidden state, effective text size calculation and dynamic adjustment can be performed without affecting the user interface, maintaining a clean and focused interface and adapting to different display environments and devices. Furthermore, the text measurement container does not need to be rendered on the user-visible interface, reducing the browser's rendering burden and thereby improving page loading speed and responsiveness.

[0115] refer to Figure 5 The following is a flowchart illustrating an interface display method according to another embodiment, including the following steps:

[0116] Step S510: Display the web display page; the web display interface includes at least one display segment, each display segment includes at least one physiological parameter block, each physiological parameter block is configured with a corresponding text display container and a text measurement container, and the text display container has a preset width and height;

[0117] Step S520: Upon receiving physiological parameter information corresponding to any physiological parameter block, the display size information of the physiological parameter information is measured through a text measurement container; the display size information includes width and height.

[0118] Step S530: Obtain the height ratio between the height of the text display container and the height measured by the text measurement container, and obtain the width ratio between the width of the text display container and the width measured by the text measurement container.

[0119] Step S540: Use the smaller of the width and height ratios as the size adjustment coefficient for the physiological parameter information.

[0120] Step S550: Obtain the product of the size adjustment factor and the base font size corresponding to the text measurement container to get the target font size;

[0121] Step S560: Adjust the font size of the physiological parameter information to the target font size to obtain the target physiological parameter information; control the text display container to display the target physiological parameter information.

[0122] This embodiment utilizes the characteristic that the size of a text measurement container can adapt to the text content it contains. By using the size information measured by the text measurement container as the size occupied by the physiological parameter information, it is possible to determine the size adjustment coefficient for the physiological parameter information based on the display size information measured by the text measurement container and the container size parameters of the text display container. Thus, the optimal target font size for displaying the physiological parameter information in the text display container can be determined based on the size adjustment coefficient. This achieves the effect of determining the target font size of the physiological parameter information in one step, and ensures that the target physiological parameter information displayed according to the target font size does not exceed the boundary of the text display container. This reduces memory overhead, improves performance, and solves the problem of traditional methods that require multiple loops to calculate the font size, increasing memory consumption.

[0123] In one embodiment, to facilitate understanding of the embodiments of this application by those skilled in the art, specific examples will be described below in conjunction with the accompanying drawings.

[0124] refer to Figure 6 This is a schematic diagram illustrating the application process of a method for displaying an interface in an application example. This embodiment uses the method applied to a web application as an example, utilizing HTML's relative font unit (em). The relative object is the font of the parent element. The basic font size of the webpage is set to 12px, so the font size corresponding to 1em for a child element is 12px. The font size is calculated by proportionally scaling the child element's font size relative to the parent element's font size, ultimately ensuring that the text is always displayed within a fixed container and does not exceed the container's boundaries. The specific process is as follows:

[0125] (1) Set the basic font size of the web page to 12px. Configure a text display container (div) and a text measurement container (span) for each physiological parameter block in each display area of ​​the page.

[0126] (2) Set the height of the text display container to 100px and the width to 300px. In order to ensure that the text size does not exceed the container range, the target font size that is most suitable for the text display container needs to be calculated based on the container's width and height.

[0127] (3) Set the base font size of the text measurement container to 1em and hide it. In order to measure the width and height of the 1em font size, do not set the width and height of the text measurement container. The text measurement container will adapt to the input text content. Finally, the width and height of the text measurement container is the width and height of the input text corresponding to the 1em font size.

[0128] (4) Enter the text to be displayed in the text measurement container and obtain the width and height of the text measurement container through the HTML element attributes.

[0129] (5) Calculate the ratio between the width and height of the text display container and the width and height of the text measurement container, that is, obtain the width ratio and height ratio. Take the minimum value of the two ratios as the size adjustment coefficient. Since the input text corresponds to the width and height of the 1em font size, the size adjustment coefficient is equal to the maximum relative font size of the text to be displayed relative to the text display container.

[0130] The interface display method provided in this embodiment has the following beneficial effects: (1) Compared with the conventional canvas solution, this solution can reduce memory overhead and optimize performance. (2) Font color, style, etc. can be controlled through cascading style sheets, which is convenient for expanding the required scenarios. (3) It can break through the minimum font size of the browser (the browser's default minimum font size is 12px).

[0131] It should be understood that although the steps in the flowcharts of the embodiments described above are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the embodiments described above may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.

[0132] Based on the same inventive concept, this application also provides an interface display device for implementing the interface display method described above. The solution provided by this device is similar to the solution described in the above method; therefore, the specific limitations in one or more interface display device embodiments provided below can be found in the limitations of the interface display method described above, and will not be repeated here.

[0133] In one embodiment, such as Figure 7 As shown, an interface display device is provided, comprising:

[0134] The configuration unit 710 is used to configure the physiological parameter block, including a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has preset container size parameters;

[0135] The measurement unit 720 is used to measure the display size information of the physiological parameter information received in real time through the text measurement container;

[0136] The determining unit 730 is used to determine a size adjustment coefficient for physiological parameter information based on container size parameters and display size information;

[0137] The adjustment unit 740 is used to adjust the physiological parameter information based on the size adjustment coefficient to obtain the target physiological parameter information, and control the text display container to display the target physiological parameter information.

[0138] In one embodiment, the determining unit 730 is further configured to obtain the size ratio between the container size parameters and the display size information; and determine the size adjustment coefficient for the physiological parameter information based on the size ratio.

[0139] In one embodiment, both the container size parameter and the display size information include width and height, and the size ratio includes width ratio and height ratio; the determining unit 730 is also used to compare the width ratio and height ratio; and to use the smaller of the width ratio and height ratio as the size adjustment coefficient.

[0140] In one embodiment, the adjustment unit 740 is further configured to obtain the base font size corresponding to the text measurement container; obtain the product of the size adjustment coefficient and the base font size to obtain the target font size; and adjust the font size of the physiological parameter information to the target font size to obtain the target physiological parameter information.

[0141] In one embodiment, the physiological parameter block includes an arranged display of an electrocardiogram (ECG) parameter block, a blood oxygen parameter block, and a respiratory parameter block; the ECG parameter block includes an ECG display container and an ECG measurement container, the blood oxygen parameter block includes a blood oxygen display container and a blood oxygen measurement container, and the respiratory parameter block includes a respiratory display container and a respiratory measurement container.

[0142] The configuration unit 710 is also used to configure the ECG display container, the blood oxygen display container, and the respiration display container to have the same container size parameters;

[0143] The measuring unit 720 is also used to control the ECG display size of the ECG measuring container for measuring real-time received ECG monitoring values, control the blood oxygen display size of the blood oxygen measuring container for measuring real-time received blood oxygen monitoring values, and control the respiratory display size of the respiratory measuring container for measuring real-time received respiratory monitoring values.

[0144] The determining unit 730 is also used to determine the ECG adjustment coefficient based on the ECG display size and the same container size parameter; the adjusting unit 740 is also used to adjust the display size of the ECG monitoring value based on the ECG adjustment coefficient.

[0145] And / or, determining unit 730 is further configured to determine a blood oxygen adjustment coefficient based on the blood oxygen display size and the same container size parameter; adjusting unit 740 is further configured to adjust the display size of the blood oxygen monitoring value based on the blood oxygen adjustment coefficient;

[0146] And / or, determining unit 730 is further configured to determine a breathing adjustment coefficient based on the breathing display size and the same container size parameter; adjusting unit 740 is further configured to adjust the display size of the breathing monitoring value based on the breathing adjustment coefficient.

[0147] In one embodiment, the device further includes a display mode determination unit, used to determine the normal parameter range corresponding to the physiological parameter information; and to determine the target display mode for the physiological parameter information based on the matching result between the physiological parameter information and the normal parameter range.

[0148] The adjustment unit 740 is also used to control the text display container to display the target physiological parameter information according to the target display method.

[0149] Each module in the aforementioned interface display device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in a computer device, or stored in the memory of a computer device as software, so that the processor can call and execute the operations corresponding to each module.

[0150] In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 8 As shown, the computer device includes a processor, memory, communication interface, display screen, and input devices connected via a system bus. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, NFC (Near Field Communication), or other technologies. When the computer program is executed by the processor, it implements an interface display method. The display screen can be an LCD screen or an e-ink screen. The input devices can be a touch layer covering the display screen, buttons, a trackball, or a touchpad located on the computer device's casing, or an external keyboard, touchpad, or mouse.

[0151] Those skilled in the art will understand that Figure 8 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0152] In one embodiment, a computer device is also provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement the steps in the above method embodiments.

[0153] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon that, when executed by a processor, implements the steps in the above method embodiments.

[0154] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps in the above method embodiments.

[0155] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of the relevant data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0156] Those skilled in the art will understand that all or part of the processes in the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium. When executed, the computer program can include the processes of the embodiments described above. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, etc., and are not limited to these.

[0157] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0158] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A method for displaying an interface, characterized in that, The method is applied to a central monitoring system, which includes a web display interface. The web display interface is divided into one or more display segments, and each display segment is used to receive and display the monitoring information of the bound patient. The monitoring information includes at least one physiological parameter. Each of the display segments includes at least one physiological parameter block, and each physiological parameter block is used to display one physiological parameter information. The method includes: The physiological parameter block is configured to include a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter; The display size information of the real-time received physiological parameter information is measured through the text measurement container; Based on the container size parameters and the display size information, a size adjustment coefficient is determined for the physiological parameter information; The physiological parameter information is adjusted based on the size adjustment coefficient to obtain the target physiological parameter information, and the text display container is controlled to display the target physiological parameter information.

2. The method according to claim 1, characterized in that, The step of determining the size adjustment coefficient for the physiological parameter information based on the container size parameters and the display size information includes: Obtain the size ratio between the container size parameter and the display size information; Based on the size ratio, determine the size adjustment coefficient for the physiological parameter information.

3. The method according to claim 2, characterized in that, Both the container size parameter and the display size information include width and height, and the size ratio includes width ratio and height ratio; determining the size adjustment coefficient for the physiological parameter information based on the size ratio includes: Compare the width ratio and the height ratio; The smaller of the width ratio and the height ratio is used as the size adjustment factor.

4. The method according to claim 1, characterized in that, The step of adjusting the physiological parameter information based on the size adjustment coefficient to obtain the target physiological parameter information includes: Obtain the base font size corresponding to the text measurement container; The target font size is obtained by multiplying the size adjustment factor by the base font size. The font size of the physiological parameter information is adjusted to the target font size to obtain the target physiological parameter information.

5. The method according to claim 1, characterized in that, The physiological parameter block includes an arranged display of electrocardiogram (ECG) parameter blocks, blood oxygen parameter blocks, and respiratory parameter blocks; the ECG parameter block includes an ECG display container and an ECG measurement container, the blood oxygen parameter block includes a blood oxygen display container and a blood oxygen measurement container, and the respiratory parameter block includes a respiratory display container and a respiratory measurement container. The method further includes: The ECG display container, blood oxygen display container, and respiration display container are configured to have the same container size parameters; The display size of the ECG measuring container for measuring real-time received ECG monitoring values ​​is controlled, the display size of the blood oxygen measuring container for measuring real-time received blood oxygen monitoring values ​​is controlled, and the display size of the respiration measuring container for measuring real-time received respiration monitoring values ​​is controlled. Based on the ECG display size and the same container size parameters, determine the ECG adjustment coefficient; adjust the display size of the ECG monitoring values ​​according to the ECG adjustment coefficient; And / or, Based on the blood oxygen display size and the same container size parameters, determine the blood oxygen adjustment coefficient; adjust the display size of the blood oxygen monitoring value according to the blood oxygen adjustment coefficient; And / or, A breathing adjustment coefficient is determined based on the breathing display size and the same container size parameter; the display size of the breathing monitoring value is adjusted based on the breathing adjustment coefficient.

6. The method according to claim 1, characterized in that, The method further includes: Determine the normal parameter range corresponding to the physiological parameter information; Based on the matching results between the physiological parameter information and the normal parameter range, a target display method for the physiological parameter information is determined; The method of controlling the text display container to display the target physiological parameter information further includes: The text display container is controlled to display the target physiological parameter information according to the target display method.

7. An interface display device, characterized in that, Set in a central monitoring system, the central monitoring system includes a web display interface, the web display interface is divided into one or more display segments, each of the display segments is used to receive and display the monitoring information of the bound patient, the monitoring information includes at least one physiological parameter information; Each of the display segments includes at least one physiological parameter block, and each physiological parameter block is used to display one physiological parameter information. The device includes: A configuration unit is used to configure the physiological parameter block to include a text display container and a text measurement container; the text display container is used to display physiological parameter information in the web display interface, and the text display container has a preset container size parameter; The measurement unit is used to measure the display size information of the physiological parameter information received in real time through the text measurement container; The determining unit is configured to determine a size adjustment coefficient for the physiological parameter information based on the container size parameters and the display size information; An adjustment unit is used to adjust the physiological parameter information based on the size adjustment coefficient to obtain target physiological parameter information, and to control the text display container to display the target physiological parameter information.

8. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the interface display method according to any one of claims 1 to 6.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by the processor, it implements the steps of the interface display method according to any one of claims 1 to 6.

10. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the interface display method according to any one of claims 1 to 6.

Images