SM4 | SM4 encryption algorithm for PHP | SMS library

I have written a python code which convert raw data (STM Microscope) into png format and it run perfectly on my Macbook Pro.

Below is the simplified Python Code:

I am learning vuejs as frontend and nodejs as backend, I have created a backend point api which work fine as i can display array of objects of data to a browser also from the postman, I created frontend service that will take data from backend api, there after I exported and imported to my component where i need to display the data but no error and no data is displayed. I have attached my backend code, frontend service.js that consume backend api and my vuejs component for viewing data

backend code

I coded this looong study in pine and it gave me this dialog box with lots to scroll down to get to everything (see pic). I was wondering if there is a way to set up code so these individual input modules (1-4...) can be next to each other (Fig. II), rather than all below each other (Fig. I) ... creating this looooong scroll box? Every bit of help is much appreciated. Thx Y’all

[The input dialog box i’d like to reformat with code][1]

I have a project to add an ingredient in a recipe to "Shopping List". And in this picture there are several ingredients at the bottom "sugar". When I click on the plus sign I want to add the ingredient to the "shopping List". How can I solve this problem?

In this file, you create an ingredient with this ingredient's data such as its name and quantity. CreateIngredient:

This is a project in order to display recipes and perform many operations on these recipes such as adding, deleting and modifying, but here I want to display the recipes and to view the recipes I wrote the following code, but the recipes were never displayed in the browser. How can I solve this problem?

This file is for viewing recipes. Recipes.vue:

This is a project to display food recipes, and several operations can be performed on the recipe, such as modifying the recipe, deleting a recipe, adding a recipe, but when modifying a recipe, I modify the data and press the Save button (as in the picture), but the modifications are not saved and I do not know why. How can i solve the problem?

This is the form for modifying a recipe and from here the new data is passed to the recipe. EditRecipesDetails:

In the beginning, I created a recipe and stored the recipe using Local Storage and VueX by adding the recipe to the Matrix "State" This project is to display a set of recipes with the ability to delete a recipe. As shown in the picture. How can I delete a recipe from LOCAL STORAGE and VueX?

store.js:

I have a VueJS application where I want to reuse the current tab when routing to grand-child routes. The child component is what is defined as the initial path for the tab and I want to remain on that tab when I route to the GrandChild route. Currently, when I use Router-link to redirect, it paints the tab as the active tab but displays the child component instead of the grandchild. My router view includes the tabs as well as a header object. How could I setup a router-link to redirect to the grandchild component?

routes.js

I have 100 invidual time series (units - index) within the dataframe below and want to train LSTM to predict the target ('RUL').

My data look like: