24 results about "Checkbox" patented technology

1. Name of the product in this design: Mass production software test user interface for chip testing machine for electronic devices. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are the graphical user interface content of the display screen panel. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. As is customary, the rear view, left view, right view, top view, and bottom view of each design are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: Used for displaying information and facilitating human-computer interaction during the mass production software testing process of chip testing machines. 8. Human-computer interaction method of graphical user interface: In the main view of Design 1, click "System" in the menu bar to open its submenu and enter Design 1 Change State Diagram 1; in Design 1 Change State Diagram 1, click the "System Setting" submenu item to enter Design 1 Change State Diagram 2, and a dialog box for software test settings will pop up; in Design 1 Change State Diagram 2, check the "Save data in parallel" checkbox in the dialog box to enter Design 1 Change State Diagram 3; In the main view of Design 2, click "Station" in the menu bar to open its submenu and enter Design 2 Change State Diagram 1; in Design 2 Change State Diagram 1, click the "BinLightA" submenu item to enter Design 2 Change State Diagram 2; in Design 2 Change State Diagram 2, click the "Load" button in the toolbar to enter Design 2 Change State Diagram 3, and an open document dialog box will pop up; in the dialog box of Design 2 Change State Diagram 3, select a file with the ".pts" extension and click the "Open" button to enter Design 2 Change State Diagram 4; in Design 2 Change State Diagram 4, uncheck the "show test" option in the upper right corner. Check the "data" checkbox to enter Design 2 Change State Diagram 5; in Design 2 Change State Diagram 5, click the "Auto(D)" button in the toolbar to enter Design 2 Change State Diagram 6 and enter the linkage test state; after the linkage test is completed, the interface will automatically enter Design 2 Change State Diagram 7 and display the corresponding test station's Bin information.

The computer for recording a process of manufacturing a pharmaceutical, etc., acquires one or more procedure manual data in a first format from a user terminal in the order of steps of a process of manufacturing a pharmaceutical, etc. The first format is converted to a second format, and a record is output in the second format to a user terminal, the record being associated with: for each procedure manual, (A) a procedure of each step, the procedure being indicated by the procedure manual data; (B) a free description field for inputting a record content; (C) a checkbox for indicating that an operation was conducted for each step; and (D) a timestamp for recording a date and time when the operation was conducted. A blockchain is formed by grouping an item input for each step into a block and linking the block to the blockchain.

1. Name of the product in this design: Command input component for a graphical user interface of an electronic device's intelligent editor. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface portion of the electronic device for which protection is sought. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The graphical user interface is used for intelligent editors. The protected section of the graphical user interface is used for inputting commands. A graphical user interface (GUI) allows users to interact with the system through clicks. The graphical user interface (GUI) includes an editing area on the left and a dialog area on the right. By clicking on a custom module already generated in the editing area, the GUI changes as shown in the main view of Design 1. Blue checkboxes appear at the top and bottom edges of the custom module, and a command input box appears to the right of the checkbox. When the user hovers the mouse over the relevant prompt text to be selected, the GUI changes from the main view of Design 1 to the state shown in Design 1 (Figure 1). After holding the mouse over the prompt text for a period of time, the GUI changes from the state shown in Design 1 (Figure 1) to the state shown in Design 1 (Figure 2), and the text content is displayed to the right of the prompt text. Clicking on the target prompt text changes the GUI from the state shown in Design 1 (Figure 2) to the state shown in Design 1 (Figure 3), the command input box collapses, and the selected prompt text is sent as a command to the dialog area on the right side of the interface. After the command is issued, the checkbox in the editing area disappears. By clicking on the custom module that has been generated in the editing area, the graphical user interface will appear as shown in the main view of Design 2. A blue checkbox will appear on the top and bottom edges of the custom module, and a command input box will appear on the right side of the checkbox. Enter a custom command in the command input box, and the graphical user interface will change from the main view of Design 2 to the state shown in Design 2 (Figure 1). Click the issue button in the lower right corner of the command input box, and the graphical user interface will change from the state shown in Design 2 (Figure 1) to the state shown in Design 2 (Figure 2). After the command is issued, the checkbox in the editing area will disappear. By clicking on the custom module that has been generated in the editing area, the graphical user interface will appear as shown in the main view of Design 3. A blue checkbox will appear on the top and bottom edges of the custom module, and a command input box will appear on the right side of the checkbox. Enter the custom command in the command input box and click the issue button in the lower right corner of the command input box. The graphical user interface will change from the main view of Design 3 to the change state diagram of Design 3. After the command is issued, the checkbox in the editing area will disappear. 7. Other situations requiring explanation: The dashed lines in the views of Design 1 to Design 3 indicate the graphical user interface portion, which does not constitute the part protected by this design.

1. Name of this design: User interface for displaying authorization information of integrated circuit automatic testing machine software function application registration for electronic equipment. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the content of the graphical user interface in the electronic device. 4. The image or photograph that best illustrates the design's key features: the front view. 5. As is customary, the top view, bottom view, left view, right view, and rear view are omitted. 6. Purpose of the graphical user interface: Used for applying for, registering, and displaying software function licenses for the ATE test machine. 7. Human-computer interaction method of graphical user interface: The main view displays the initial graphical user interface. In the interface tree control, check all the checkboxes at the beginning of rows 1-16 to jump to the changed state diagram 1; pull down the right scroll bar in the interface tree control to jump to the changed state diagram 2 and changed state diagram 3 in sequence; click the "License Request" button below changed state diagram 3 to jump to changed state diagram 4 and pop up a pop-up window; in the pop-up window of changed state diagram 4, pull down the right scroll bar in the interface tree control to jump to changed state diagram 5 and display the confirmation application information interface; click the "OK" button to jump to changed state diagram 6 and display the save file dialog box to save the authorization application file; click the "Save" button to jump to changed state diagram 7, close the save file dialog box, and pop up a pop-up window to prompt the save status information.

1. Name of the product in this design: Graphical User Interface for Custom Topology of Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: Used in APM monitoring platforms, the custom topology function allows users to easily obtain source and destination nodes using query statements, quickly draw topology diagrams, and quickly view the relationships between nodes. Notifications support setting node hover metrics, line hover metrics, node drill-down, node details, node and line colors, etc., helping users quickly understand node details and focus on key points. 6. Human-computer interaction method of graphical user interface: The main view is the initial interface; in the main view, clicking the "New View" icon in the upper right corner will take you to interface state diagram 1; in interface state diagram 1, entering the "View Name" will take you to interface state diagram 2; in interface state diagram 2, clicking "OK" will take you to interface state diagram 3; in interface state diagram 3, clicking "Add Chart" at the top of the page will take you to interface state diagram 4; in interface state diagram 4, entering "spl" in the dialog box... After executing the query, you will enter interface state diagram 5; in interface state diagram 5, click the "Data Configuration" icon at the top of the page to enter interface state diagram 6; in interface state diagram 6, select "%" as the unit after the list alias "Error Rate" to enter interface state diagram 7; in interface state diagram 7, select "ms" as the unit after the list alias "Request Time" to enter interface state diagram 8; in interface state diagram 8, check the checkboxes in the "line tip" column for items 1, 2, and 3, and check the checkboxes in items 4 and 5... After checking the checkboxes in the "Node Tip" column (item 6), the "Source Node" column (item 8), and the "Target Node" column (item 9), you will enter interface state diagram 9. In interface state diagram 9, checking the checkbox in the "Node Color Settings" column (item 3) will enter interface state diagram 10. In interface state diagram 10, clicking the "Color Settings" text will enter interface state diagram 11. In interface state diagram 11, clicking "Please Select" will enter interface state diagram 12. In Figure 12, clicking the "Range" icon will take you to interface state 13; in interface state 13, clicking "Add" and entering 0-100 will take you to interface state 14; in interface state 14, clicking the "OK" icon will take you to interface state 15; in interface state 15, checking the checkbox in the "Line Color Settings" column of the third item in the list will take you to interface state 16; in interface state 16, clicking the "Color Settings" text will take you to interface state 17; in interface state 18... In state diagram 17, clicking "Please Select" will lead to state diagram 18; in state diagram 18, clicking the "Range" icon will lead to state diagram 19; in state diagram 19, clicking "Add" and entering 0-100 will lead to state diagram 20; in state diagram 20, clicking the "OK" icon will lead to state diagram 21; in state diagram 21, checking the checkbox in the "Line Text and Color Settings" column for item 10 in the list will lead to state diagram 22.In interface state diagram 22, clicking the "Drill-down Configuration" icon at the top of the page will lead to interface state diagram 23; in interface state diagram 23, clicking the "Add Drill-down" icon will lead to interface state diagram 24; in interface state diagram 24, selecting the "Jump to Custom URL" icon will lead to interface state diagram 25; in interface state diagram 25, filling in the "Custom URL" content will lead to interface state diagram 26; in interface state diagram 26, clicking the "OK" icon will lead to interface state diagram 27; in interface state diagram 27, clicking the "Details Configuration" icon at the top of the page will lead to interface state diagram 28; in interface state diagram 29... In state diagram 28, after entering the "Node Type" name, you can enter state diagram 29; in state diagram 29, click the "Please Select Binding View" icon after the node binding view to enter state diagram 30; in state diagram 30, select "System Indicator," "System Return Code," or "System Error" to enter state diagram 31; in state diagram 31, click a blank space and close the drop-down menu to enter state diagram 32; in state diagram 32, click the "Please Select Binding View" icon after the line binding view, select "System Indicator 2," and you will enter state diagram 33; in state diagram 33, click a blank space... After placing the button and closing the dropdown menu, you will enter interface state diagram 34; in interface state diagram 34, click the "Please select binding view" icon after the overview binding view, select "Error Node" and "Database Monitoring" to enter interface state diagram 35; in interface state diagram 35, click on a blank area and close the dropdown menu to enter interface state diagram 36; in interface state diagram 36, enter the "Chart Name" and "Chart Description" on the right to enter interface state diagram 37; in interface state diagram 37, click the "Save" icon in the upper right corner to enter interface state diagram 38; in interface state diagram 38, move the mouse over the "LogEasy System" icon to enter... Enter the interface change state diagram 39; in the interface change state diagram 39, move the mouse to the first red arrow line to enter the interface change state diagram 40; in the interface change state diagram 40, click the "Log Easy System" icon to enter the interface change state diagram 41; in the interface change state diagram 41, click the first red arrow line icon to enter the interface change state diagram 42; in the interface change state diagram 42, click the "Close" icon in the upper right corner to enter the interface change state diagram 43; in the interface change state diagram 43, click the "Overview" icon in the upper right corner to enter the interface change state diagram 44; in the interface change state diagram 44, click the "Save" icon in the upper right corner to enter the interface change state diagram 45. 7. Other situations requiring explanation: This display panel is used in electronic devices.

1. Name of the product in this design: New custom module component for the intelligent editor graphical user interface of electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface portion of the electronic device for which protection is sought. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The graphical user interface is used for intelligent editors. The protected section of the graphical user interface is used to add new custom modules. A graphical user interface (GUI) allows users to interact with the interface through clicks or by using a mouse and keyboard. Clicking on a blank area in the graphical user interface (GUI) editing area will display the GUI as shown in the main view of Design 1. The top and bottom edges of the custom module will show blue checkboxes and function bars. Clicking the "Add" button in the function bar will change the GUI from the main view of Design 1 to the state diagram of Design 1. The custom module will be displayed in the checkbox, and recommended options will be provided below the input box. Users can move the cursor using the Tab key, left and right arrow keys, and the mouse. After the user enters the custom content, the GUI will change from state diagram of Design 1 to state diagram of Design 1. The user can then click the send arrow in the lower right corner of the input box to complete the addition of the custom module. Click on the blank area of ​​the graphical user interface editing area. The graphical user interface will appear as shown in the main view of Design 2. The top and bottom edges of the custom module will show blue check boxes and function bars. Click the "Add" button in the function bar. The graphical user interface will change from the main view of Design 2 to the change state diagram of Design 2. The custom module will be displayed in the check box, and recommended options will be provided below the input box. When the user deletes the formatted content in the input box, the graphical user interface changes from Design 2 Change State Figure 1 to Design 2 Change State Figure 2. When the user completes the input command, the graphical user interface changes from Design 2 Change State Figure 2 to Design 2 Change State Figure 3. The user clicks the send arrow in the lower right corner of the input box to complete the addition of the custom module. Click on a blank area in the graphical user interface (GUI) editing area. The GUI will appear as shown in the main view of Design 3. The top and bottom edges of the custom module will have blue check boxes and function bars. Click the "Add" button in the function bar. The GUI will change from the main view of Design 3 to the state diagram 1 of Design 3. After the user inputs the command, the GUI will change from the state diagram 1 of Design 3 to the state diagram 2 of Design 3. The user can then click the send arrow in the lower right corner of the input box to complete the addition of the custom module. 7. Other matters to be noted Other matters: The dotted lines in each view of Design 1 to Design 3 show parts of the graphical user interface and do not form part of the design claimed.

We provide a trademark support system suitable for selecting goods or services. [Solution] The trademark support device 100 includes first to third product selection processes. Users can select and use the functions related to the first to third product selection processes from a menu. In the first to third product selection processes, based on information from a common product list, if the relevant product (service) is registered in the product list, the corresponding product selection checkbox is checked when the product (service) is displayed. This allows the user to select a product (service) from the display results obtained by the other functions, taking into account the product (service) obtained by one of the functions related to the first to third product selection processes.

The images shown in "Image Image," "Image Image 1 Showing the Changed State," and "Image Image 2 Showing the Changed State" are images for content selection operations. These images are used to perform operations to select and display content related to the interior and exterior of a vehicle. Specifically, these images have display areas as shown in "Reference Image 1 Showing the Names of Each Part," "Reference Image 2 Showing the Names of Each Part," and "Reference Image 3 Showing the Names of Each Part." The display area shown in "Reference Image 1 Showing the Names of Each Part" is arranged with a text area and a content display area. The text area displays text indicating that the mode is for comparing content and text to guide the user in selecting a comparison target. The content display area is arranged with a content image area and a content text area. The content image area displays an image of content representing the vehicle model or name to be compared. The content text area displays the content text representing the vehicle model or name to be compared and a checkbox. The user selects the content to be compared by touching the content image area or the content text area. This touch operation changes the display from "Image Diagram" to "Image Diagram 1 Showing the Changed State (Reference Diagram 2 Showing the Names of Each Part)." Specifically, in "Reference Diagram 2 Showing the Names of Each Part," the checkbox in the content text area that was touched is highlighted in a color indicating its selected state. In addition, a selection target display area is displayed overlapping the bottom of the content display area. The selection target display area has a selection image area and a button area. Area A of the selection image area contains image area A displaying an image related to the first content selected by the touch operation, text area A displaying text related to that content, and button A. Area B of the selection image area contains image B' showing the silhouette of a car and text B'. In the button area, a comparison button is displayed, and when only the first content is selected, the comparison button is inactivated and cannot be touched. When button A is touched, the selection of the content displayed in area A is deselected.When the content image area or content text area of ​​the second content to be compared is touched, the display changes from "Image 1 Showing the Changed State" to "Image 2 Showing the Changed State (Reference Figure 3 Showing the Names of Each Part)." Specifically, in "Reference Figure 3 Showing the Names of Each Part," the checkbox in the content text area of ​​the second content that was touched is highlighted in a color indicating its selected state, just as with the first touch. Area B of the selection target image area contains Image Area B, which displays an image related to the second selected content; Text Area B, which displays text related to that content; and Button B. When the second content is selected, the comparison button is activated and displayed more highlighted than "Image 2 Showing the Changed State," enabling touch operation of the comparison button. Similarly to Button A, touching Button B deselects the content displayed in Area B. While selecting content to be compared in the content display area, the user can confirm the selected comparison target in the selection target display area displayed at the bottom of the content display area.

1. The name of the design product: installation and uninstallation option display graphical user interface for electronic devices. 2. The use of the design product: for displaying information, running programs, and interacting. 3. The design points of the design product: the graphical user interface of the displayed program. 4. The picture or photo that best shows the design points: front view. 5. The hardware design part and the rest are conventional designs, and the rear view, left view, right view, top view, and bottom view are omitted. 6. The use of the graphical user interface: the graphical user interface is used for installation and uninstallation guidance of office software. The screen panel is used for common electronic devices such as mobile phones and tablets. The front view is the start-up interface. After starting, it automatically jumps to interface change state figure 1. Check the agreement and click the "Install now" button. Then, it jumps to interface change state figure 2. After the progress bar displays that the installation is complete, it automatically jumps to interface change state figure 3. Close the window displayed in interface change state figure 3, and a pop-up window as shown in interface change state figure 4 appears. Scan the two-dimensional code on the pop-up window and pay to jump to interface change state figure 5. Click the "Activated, get template member" button to jump to interface change state figure 6. Click "Install now" to jump to interface change state figure 7. After downloading, click the installation tutorial and follow the tutorial until the installation is complete. Right-click the software icon to uninstall, and interface change state figure 8 appears. Click "Continue uninstallation" to jump to interface change state figure 9. Click "One-click repair" and check the checkbox. Then, click "Repair now" to repair the software. Click "Direct uninstallation" in interface change state figure 9 to jump to interface change state figure 10. Check the checkbox and select "Continue uninstallation" to jump to interface change state figure 11. After the progress bar is complete, it automatically jumps to interface change state figure 12.

1. Name of this design product: Peer search bar for graphical user interface of patent search for electronic device. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Due to the conventional design of electronic equipment, the rear view, left view, right view, top view, bottom view, and perspective view of Design 1-3 are omitted. 6. Design 1 is designated as the basic design. 7. Uses of the graphical user interface: Overall use: Patent search and interaction; Local use: Searching for peer companies of patent holders or applicants; In the main view of Design 1, check the checkbox before any company name, and click the "Filter" button in the left sidebar to go to the interface change state diagram 1 of Design 1; In the interface change state diagram 1 of Design 1, click the "More" button to go to the interface change state diagram 2 of Design 1; In the interface change state diagram 2 of Design 1, click any company name to jump to the interface change state diagram 3 of Design 1 and view the peer information of the corresponding company. 8. Other situations requiring explanation: This design is a partial design, and the part outside the red transparent area is the part for which protection is sought.

This invention discloses a method and system for inserting and displaying inline checkboxes based on Tipta. The method includes: S1: Registering a custom inline node as a checkbox node with data attributes in the ProseMirror Schema of the Tipta editor; S2: Defining a NodeView rendering function to render the checkbox node as an HTML checkbox element containing data attributes and binding a state change event; S3: Calling a command in the Tipta editor to update the checked state attribute of the checkbox node atomically through the ProseMirror Transaction mechanism and adding the state change to the undo stack; S4: Registering addNodeView() to map the checkbox node to an interactive NodeView rendering function; S5: When exporting HTML, exporting the NodeView rendering function to generate an HTML string containing custom data attributes; S6: When displaying, using addProseMirrorPlugins to identify the checkbox element in the HTML, converting it back to a checkbox node, and restoring it to the checked state, thus achieving inline embedding of the checkbox.

1. Name of the product in this design: Graphical User Interface for Log Signature Verification of Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: Used in log monitoring platforms. Log signing and verification is a security mechanism to ensure the integrity and authenticity of log files, mainly to prevent logs from being tampered with. 6. Human-computer interaction method of graphical user interface: The main view is the initial interface; in the main view, clicking the "Verify" icon after file list number 1 will enter interface state diagram 1; in interface state diagram 1, the verification result will appear after about 1 second, and then you will enter interface state diagram 2; in interface state diagram 2, clicking the "Verify" icon after file list number 2 will enter interface state diagram 3; in interface state diagram 3, the verification result will appear after about 1 second, and then you will enter interface state diagram 4; in interface state diagram 4, clicking the "Batch Operation" icon at the top will enter interface state diagram 5; in interface state diagram... In step 5, check the checkboxes in the third and fourth rows to enter the interface change state diagram 6; in the interface change state diagram 6, click the "Batch Verification" icon at the top to enter the interface change state diagram 7; in the interface change state diagram 7, the verification result will appear after about 1 second, then enter the interface change state diagram 8; in the interface change state diagram 8, click the "Archived Data" icon in the upper left corner to enter the interface change state diagram 9; in the interface change state diagram 9, click the "Verify" icon after file list number 5 to enter the interface change state diagram 10; in the interface change state diagram 10, the verification result will appear after about 1 second, then enter the interface change state diagram 11.

The application discloses a method and system for inserting and keeping the state of inline check boxes based on TinyMCE, which comprises the following steps: S1, architecture configuration; when TinyMCE is initialized, the parameter of an effective element is expanded to explicitly declare that an element with a check box is allowed to be input; S2, inline insertion; an element with a check box is inserted through the method of editor insertion content; S3, state change and transaction management; a state change operation is wrapped, the attribute value of a document DOM is synchronously updated, and is recorded into a undo stack or a redo stack through the method of editor undo manager transaction; S4, content export; a complete HTML string is acquired through the method of editor content acquisition; S5, content echo; the setting content event of TinyMCE is listened to, and zero code restoration is performed. The interactive inline check box is inserted in the TinyMCE editor, and the checked state can be kept when HTML is exported / echoed, so the method is suitable for the scene of medical rehabilitation assessment, electronic medical record, online questionnaire and other scenes needing mixed arrangement of 'text + option'.

1. Name of the product in this design: Dialogue record display area of ​​a graphical user interface for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface in the electronic device for which protection is sought. 4. The picture or photo that best illustrates the key design points: Design 1 Change State Diagram 1. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The graphical user interface is used to display the conversation history. The graphical user interface requests protection for a portion used to display the conversation log. 7. Human-computer interaction method of graphical user interface: In response to the user hovering the cursor over a dialog record in the main view of Design 1, the graphical user interface changes from the main view of Design 1 to Design 1 change state diagram 1 to display the checkbox and more operation button of the dialog record; in response to the user touching or clicking the checkbox of the dialog record in Design 1 change state diagram 1, the graphical user interface changes from Design 1 change state diagram 1 to Design 1 change state diagram 2 to display the checkboxes of other dialog records, and supports multiple selection of dialog records. In response to the user hovering the cursor over a dialog record in the main view of Design 2, the graphical user interface changes from the main view of Design 2 to the change state diagram of Design 2 to display the checkboxes and more operation buttons for that dialog record; in response to the user touching or clicking the more operation button for that dialog record in the change state diagram of Design 2, the graphical user interface changes from the change state diagram of Design 2 to the change state diagram of Design 2 to display the operation menu bar for that dialog record. In response to the user hovering the cursor over a dialog record in the Design 3 main view, the graphical user interface changes from the Design 3 main view to the Design 3 change state diagram to display the checkboxes and more action buttons for that dialog record. In Design 4, users can interact with a conversation record by touching or clicking on it in the graphical user interface. In Design 5, users can select a conversation record by touching or clicking a checkbox in the graphical user interface. In Design 6, users can delete selected conversation records by touching or clicking the "Delete" button in the graphical user interface. In Design 7, users can perform corresponding operations on the conversation record by touching or clicking an operation button in the graphical user interface. In Design 8, users can interact with a conversation record by touching or clicking on it in the graphical user interface. 8. Other situations requiring explanation: The portions of the graphical user interface shown by the dashed lines in the views of Designs 1 to 8 do not constitute the portion protected by this design.

The invention relates to the technical field of infectious disease investigation, in particular to a modular processing-based questionnaire form intelligent configuration method. Comprising the following steps: a modular component construction step: packaging each element, including but not limited to an input box, a pull-down menu, a single selection box, a check box and a text area, of the questionnaire form into independent modular components, each modular component having a unique identifier and a predefined functional interface and being used for interacting with other components or systems; a configuration information acquisition step: acquiring configuration demand information of a user for the questionnaire form, wherein the configuration demand information comprises but is not limited to form themes, data types needing to be collected, form layout requirements, logical relationship requirements among form items and target audience feature information; according to the invention, variability of infectious disease investigation requirements can be realized, and modular flexible configuration of the investigation form is realized.

1. Name of the product in this design: Graphical User Interface for Customer Face-to-Face Signing for Mortgage Registration of Electronic Devices. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are its graphical user interface content. 4. The image or photograph that best illustrates the design's key points: the front view. 5. Purpose of the graphical user interface: To provide face-to-face signing services for user mortgage registration customers. 6. Human-Computer Interaction Method of Graphical User Interface: The main view is the main interface of the personal service page. Clicking the "Mortgage Registration" button redirects to interface state diagram 1. Interface state diagram 1 displays the mortgage registration business interface. Clicking the "Mortgage Registration Processing" button at the bottom of interface state diagram 1 leads to interface state diagram 2. Interface state diagram 2 displays the authorization interface. Clicking the "Agree" button at the bottom of interface state diagram 2 redirects to interface state diagram 3. Interface state diagram 3 displays the mobile phone number verification interface. After entering the mobile phone number and the correct verification code, clicking the "Verify" button redirects to interface state diagram 4. Interface state diagram 4 displays the identity information management interface, where the user uploads... After viewing the front and back images of the ID card, click the "Next" button to proceed to interface state 5. Interface state 5 displays the interview list interface. Click the "View Details" button in interface state 5 to proceed to interface state 6. Interface state 6 displays the interview details interface. After checking the "I have read and understand all the above information" checkbox, click the "Next" button to proceed to interface state 7. Interface state 7 displays the identity verification interface. After taking and uploading a half-body photo, click the "Next" button to proceed to interface state 8. Interface state 8 displays the signature interface. After signing in the signature area, click the "Confirm Signature" button to complete the process. 7. Other situations requiring explanation: Other explanation: "XXX" in the interface represents replaceable text content, and the gray blocks in the interface represent replaceable images.

1. The name of the design product: chip tester calibration verification user interface of electronic equipment. 2. The use of the design product: for an electronic device. 3. The design points of the design product: the graphical user interface content of the display screen panel. 4. The picture or photo that best indicates the design points: front view. 5. The usual design, omit rear view, left view, right view, top view, bottom view. 6. The use of the graphical user interface: for chip tester calibration verification process display information and human-computer interaction. 7. The human-computer interaction mode of the graphical user interface: the front view is the initial graphical user interface; in the front view, clicking the first icon of the first row of the toolbar, which is the "connect" button, enters interface change state figure 1, and the middle of the interface displays two tree lists on the left and right; in interface change state figure 1, clicking the "ExtendSlot" drop-down box of the second row of the toolbar enters interface change state figure 2, which displays the option list of the drop-down box; selecting "ExtendItem" in the option list enters interface change state figure 3, and all list items in the tree list in the middle of the interface are expanded; clicking the direction symbol left of the "DC" node in the tree list on the left side of the middle of the interface, all child nodes under the "DC" node are folded, and interface change state figure 4 is entered; clicking the minus symbol left of the "DC" node in the tree list on the right side of the middle of the interface, all child nodes under the "DC" node are folded, and interface change state figure 5 is entered; clicking the check boxes left of the "AAAA" and "BBBB" nodes in the tree list on the left side of the middle of the interface, the two nodes are selected, and interface change state figure 6 is entered; clicking the "start" button of the first triangle of the second row of the toolbar enters interface change state figure 7, and a calibration option dialog box pops up; clicking the "OK" button of the dialog box starts the calibration process, enters interface change state figure 8, and the nodes in the tree list are displayed in yellow to indicate that the calibration is in progress, and the text box at the bottom of the interface displays the log information of the calibration process; the calibration process automatically enters interface change state figure 9; after the calibration is completed, it automatically enters interface change state figure 10, and the nodes in the tree list are displayed in red to indicate that the calibration fails, and in green to indicate that the calibration succeeds.

The embodiment of the invention discloses an annotation display control method and device in a medical image, equipment and a medium. The method comprises the following steps: displaying a medical image picture and a label in the medical image picture; displaying the anatomical structure hierarchical tree, a single-selection control corresponding to the leaf node and a single-selection control and a check control corresponding to the father node; in response to a first single-selection control triggering operation, determining an annotation selection state corresponding to the first node, and updating a current display state of the first single-selection control and a current display state of the first check control; in response to a second check control triggering operation, determining an annotation selection state corresponding to a second node and annotation selection states corresponding to all subordinate nodes of the second node, and updating a current display state of the second check control and a current display state of a third check control; and in response to the display control triggering operation, controlling whether the selected label is displayed or not, thereby realizing flexible control of label display and batch efficient visual management.

1. Name of the product in this design: Graphical User Interface for Shopping Website Backend Management Software of Electronic Devices. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are the graphical user interface content on the screen. 4. The image or photograph that best illustrates the design's key features: the front view. 5. The product carrier uses a conventional design, omitting the rear view, left view, right view, top view, and bottom view. 6. Purpose of the graphical user interface: for the back-end management of shopping websites. 7. Human-computer interaction method of graphical user interface: The main view is the initial interface. Move the right scroll bar down in the main view to enter the interface change state (Figure 1). In the interface change state diagram 1, move the mouse to the page number checkbox to enter the interface change state diagram 2. Click button 2 in interface change state diagram 2 to enter interface change state diagram 3. In the interface change state diagram 3, move the right scroll bar to the top and click the magnifying glass icon to enter the interface change state diagram 4. The gray areas in the main view and interface change state diagrams 1-4 are image display areas and do not belong to the design content for which protection is sought.

The application discloses a method and device for inserting, state synchronization and echoing of a rich-text inline checkbox, electronic equipment and a storage medium, and relates to the technical field of medical informatization and Web front end. The method comprises the following steps: extending an inline void node as a checkbox node in a Slate data model; registering a rendering module to render the node into an interactive checkbox element carrying a data-checked attribute; listening to a change event to synchronously update a checked attribute of the node and a data-checked attribute of a DOM; generating a checkbox label with the data-checked attribute through an elemsToHtml rule when exporting HTML; and parsing the data-checked attribute in the HTML through a parseElemsHtml rule when echoing, reconstructing a Slate node and restoring a check state. The application realizes seamless inline mixed arrangement of the checkbox and the text, completes a state closed loop through an HTML standard custom attribute, and realizes accurate persistence and echoing of the state without backend database modification, so that the code coupling degree is low, and the application is easy to integrate and maintain.

The invention provides a virtual list-oriented component state management method and apparatus, an electronic device and a medium, and the method comprises the steps of obtaining a data item set in a current visual area of a virtual list in response to a rollback operation of a user on the virtual list; based on the data item set, querying the selected state of each data item in the data item set in a pre-constructed global selected state mapping table; and based on the selected state of each data item in the data item set, displaying the display state of the check box component corresponding to each data item. By stripping the state from the DOM easy to destroy and persisting the state in the independent global mapping table, the check box component can accurately redisplay the historical state no matter how the virtual list rolls and how the component is reconstructed, and the accuracy of the front-end application in processing large-scale selectable data is improved.

This invention discloses a method and system for inserting and displaying inline checkboxes based on CKEditor5. The method includes: S1: Registering a custom InlineElement in the CKEditor5 schema context, defining it as a checkbox element, and setting attribute fields for it; S2: Defining a downconverter to render checkbox nodes in the model as checkbox control elements in HTML; S3: Defining an upconverter to identify input elements containing the custom data attributes when parsing external HTML, converting them back to checkbox nodes in the model, and restoring their checked state; S4: Registering a custom insert command, which inserts a checkbox node at the cursor position through a model write transaction when the command is executed, and includes this operation in the undo command stack; S5: When exporting HTML, the downconverter generates an input element containing the custom data attributes; when displaying HTML, the upconverter automatically restores the checked state. This achieves inline checkbox insertion in CKEditor5, with no loss of state upon undo, and a closed loop for HTML export and display.

1. Name of the product in this design: Time Recognition Graphical User Interface for Electronic Equipment. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the content displayed in the graphical user interface. 4. The image or photograph that best illustrates the design points: Change state diagram 2. 5. This product is an electronic device, therefore the rear view, left view, right view, top view, and bottom view are omitted. 6. Purpose of the graphical user interface: This graphical user interface is used on electronic devices to remind the user to process the task in a timely manner by determining whether the current time has reached the task's execution time node. 7. Other situations requiring explanation are illustrated in the diagram: As shown in the main view, when each task is created, the execution deadline (in blue) can be set on the front end. When you want to set a time reminder for the task, if the current time exceeds the preset execution time, the number of overdue tasks will be displayed in the "Overdue Reminder" section at the top. The specific operation process is as follows: First, in the main view, select all tasks and click the "Overdue Reminder" control with the bell icon in the upper right corner. The corresponding display interface will then jump to the changing state diagram 1. In the changing state diagram 1, you can clearly see... A clock graphic is added to the right of each task's time. When the execution time of the sixth task is less than the current time, it indicates that the sixth task is overdue. At this time, the corresponding display interface will jump to the change state diagram 2. In the change state diagram 2, the execution time of the sixth task can be clearly seen to turn yellow, and 1 is displayed to the right of the "Overdue Reminder" control at the top. This indicates that one task is overdue. When the user clicks the checkbox in front of the sixth task, the corresponding display interface will jump to the change state diagram 3, indicating that the overdue task has been completed. Text loaded in each interface is represented by "XXX", and images loaded in each interface are represented by gray fill. 8. Other matters requiring explanation: This application does not seek protection for color.