Scan the QR code to display device details
1. Background
Print the generated form information into the corresponding QR code. After scanning the QR code through DingTalk, you can jump to a page and associate the corresponding device information.
2. Video Display
3. Implementation steps
3.1 create a custom page
(1) add HTML, input boxes, buttons and other components to the page
As shown in the figure:
Custom edit page
(2) viewUse QR codeThis document puts into the HTML code content.
As shown in the figure:
HTML component configuration code
(3) Check againUse QR code, click View code below the document to copy it first
(4) click the button component, create an action on the right, add a onClick event, click OK, and finally paste the code just now into the JS panel on the left.
As shown in the figure:
Create action
JS panel
Note: The code above needs to be changed. Change the location.href in the original documentthis.$("fieldid").getValue(), of whichfieldidIt is the unique identifier of the input box component. You can view the video for details and save the preview at last.
3.2 create a new device information entry form (form page), add a unique device encoding field to the device information entry form (skip this step if there is a similar field), and submit the device information
As shown in the following figure:
Form editing page
3.3 create a device details page (form page), add the required fields for the device (you must add a unique encoding field for the device), and set all fields in the form to read-only
As shown in the following figure:
Form editing page
3.4 configure a variable at the default value of the unique device encoding component on the device details page. The variable expression is state.urlParams.param1
3.5 configure data linkage at the default value of the field except the unique encoding of the device on the device details page, and associate the corresponding information with the unique encoding of the device as the linkage condition.
3.6 finally generate a QR code
Copy the device unique code submitted in advance, combine it into param1 = device unique code, splice it into the access link on the device details page, and use the QR code generation tool to generate the QR code. For example:https://www.aliwork.com/o/detail1? param1 = test1234
Note: the link here is the short link of the copied device details page.
4. Achieve results
You can scan the code with DingTalk or other software to see the current effect.
https://www.aliwork.com/o/detail1? param1 = test1234
YIDA in order to better optimize the content and quality of YIDA user manual, it takes you 3-5 minutes to fill in the document feedback questionnaire. The document feedback questionnaire is submitted anonymously, and the questionnaire information is only used for YIDA document experience feedback collection. Thank you for your support for YIDA!
-------------------- Get the latest information YIDA, welcome to follow US--------------------
