6 changed files with 294 additions and 27 deletions
--- a/README.html
+++ b/README.html
@ -0,0 +1,231 @@
+<!DOCTYPE html>
+        <html>
+        <head>
+            <meta charset="UTF-8">
+            <title>Recommended IDE Setup</title>
+            <style>
+/* From extension vscode.github */
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.vscode-dark img[src$=\#gh-light-mode-only],
+.vscode-light img[src$=\#gh-dark-mode-only],
+.vscode-high-contrast:not(.vscode-high-contrast-light) img[src$=\#gh-light-mode-only],
+.vscode-high-contrast-light img[src$=\#gh-dark-mode-only] {
+	display: none;
+}
+
+</style>
+            
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/markdown.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Microsoft/vscode/extensions/markdown-language-features/media/highlight.css">
+<style>
+            body {
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
+                font-size: 14px;
+                line-height: 1.6;
+            }
+        </style>
+        <style>
+.task-list-item {
+    list-style-type: none;
+}
+
+.task-list-item-checkbox {
+    margin-left: -20px;
+    vertical-align: middle;
+    pointer-events: none;
+}
+</style>
+<style>
+:root {
+  --color-note: #0969da;
+  --color-tip: #1a7f37;
+  --color-warning: #9a6700;
+  --color-severe: #bc4c00;
+  --color-caution: #d1242f;
+  --color-important: #8250df;
+}
+
+</style>
+<style>
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-note: #2f81f7;
+    --color-tip: #3fb950;
+    --color-warning: #d29922;
+    --color-severe: #db6d28;
+    --color-caution: #f85149;
+    --color-important: #a371f7;
+  }
+}
+
+</style>
+<style>
+.markdown-alert {
+  padding: 0.5rem 1rem;
+  margin-bottom: 16px;
+  color: inherit;
+  border-left: .25em solid #888;
+}
+
+.markdown-alert>:first-child {
+  margin-top: 0
+}
+
+.markdown-alert>:last-child {
+  margin-bottom: 0
+}
+
+.markdown-alert .markdown-alert-title {
+  display: flex;
+  font-weight: 500;
+  align-items: center;
+  line-height: 1
+}
+
+.markdown-alert .markdown-alert-title .octicon {
+  margin-right: 0.5rem;
+  display: inline-block;
+  overflow: visible !important;
+  vertical-align: text-bottom;
+  fill: currentColor;
+}
+
+.markdown-alert.markdown-alert-note {
+  border-left-color: var(--color-note);
+}
+
+.markdown-alert.markdown-alert-note .markdown-alert-title {
+  color: var(--color-note);
+}
+
+.markdown-alert.markdown-alert-important {
+  border-left-color: var(--color-important);
+}
+
+.markdown-alert.markdown-alert-important .markdown-alert-title {
+  color: var(--color-important);
+}
+
+.markdown-alert.markdown-alert-warning {
+  border-left-color: var(--color-warning);
+}
+
+.markdown-alert.markdown-alert-warning .markdown-alert-title {
+  color: var(--color-warning);
+}
+
+.markdown-alert.markdown-alert-tip {
+  border-left-color: var(--color-tip);
+}
+
+.markdown-alert.markdown-alert-tip .markdown-alert-title {
+  color: var(--color-tip);
+}
+
+.markdown-alert.markdown-alert-caution {
+  border-left-color: var(--color-caution);
+}
+
+.markdown-alert.markdown-alert-caution .markdown-alert-title {
+  color: var(--color-caution);
+}
+
+</style>
+        
+        </head>
+        <body class="vscode-body vscode-light">
+            <!-- # NewUI2
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+# 开发环境搭建步骤
+
+## 1.安装node.js
+去官网下载
+## 2.安装软件包
+
+```sh
+npm install
+```
+
+### 3.测试效果-运行开发环境
+
+```sh
+npm run dev
+```
+### 3.测试效果-构建web和update
+运行
+```sh
+npm run build
+```
+需要看到如下构建完成提示
+```sh
+✨ [vite-plugin-compression]:algorithm=gzip - compressed file successfully:
+dist/D:/Code/Web/HMI_WEB/html/hu_HU.json.gz                63.96kb / gzip: 15.49kb
+dist/D:/Code/Web/HMI_WEB/html/cs_CZ.json.gz                56.50kb / gzip: 14.88kb
+dist/D:/Code/Web/HMI_WEB/html/en_US.json.gz                51.64kb / gzip: 13.71kb
+``` -->
+<h1 id="本地升级步骤">本地升级步骤</h1>
+<p>适用于SD卡内无文件的情况</p>
+<h2 id="1升级条件">1.升级条件</h2>
+<ul>
+<li>升级软件  <strong>local-192.168.1.2.html</strong>，命名格式为local-xxx.xxx.xxx.xxx.html</li>
+<li>升级软件  <strong>all.1.2.6.tar</strong> 命名格式为all.x.x.x.tar</li>
+<li>个人电脑  需要有网口，安装<strong>edge浏览器</strong> 我目前使用版本 135.0.3179.85 (正式版本) (64 位)</li>
+<li>焊机      插有<strong>SD卡</strong>且SD卡正常，SMARC网口正常</li>
+</ul>
+<h2 id="2升级步骤">2.升级步骤</h2>
+<h3 id="a设置焊机网络">a.设置焊机网络</h3>
+<p><strong>若焊机处于工装模式则，连接网线即可，无需进行焊机上选项设置</strong></p>
+<ul>
+<li>
+<p>焊机检查：菜单-&gt;网络-&gt;网页服务 选项是否存在，若不存在则是权限不够，需提升权限</p>
+</li>
+<li>
+<p>焊机操作：打开开关 菜单-&gt;网络-&gt;网页服务-&gt;有线网页服务</p>
+</li>
+<li>
+<p>焊机操作：调节选项 菜单-&gt;网络-&gt;网页服务-&gt;有线网页配置-&gt;IP获取方式，设置为静态</p>
+</li>
+<li>
+<p>焊机操作：调节选项 菜单-&gt;网络-&gt;网页服务-&gt;有线网页配置-&gt;本地IP，设置为IP为 升级软件 &quot;local-xxx.xxx.xxx.xxx.html&quot;上的IP，例如<strong>local-192.168.1.2.html</strong> 就设置为 <strong>192.168.1.2</strong></p>
+</li>
+<li>
+<p>焊机操作：打开开关 菜单-&gt;网络-&gt;网页服务-&gt;有线网页配置-&gt;网页升级开关</p>
+</li>
+<li>
+<p>焊机操作：将SMARC网口与个人电脑的网口连接</p>
+</li>
+<li>
+<p>电脑操作：将个人电脑的IP配置为静态，IP需要与升级文件的前三位一致，最后一位不一致，例如<strong>local-192.168.1.2.html</strong> 就设置为 <strong>192.168.1.3</strong>，网关设置为255.255.255.0，</p>
+</li>
+</ul>
+<h3 id="b开始升级">b.开始升级</h3>
+<ul>
+<li>电脑操作：使用edge浏览器打开文件 <strong>local-192.168.1.2.html</strong>，打开后可以看到升级页面</li>
+<li>网页检查：<strong>检查升级页面中SN码这项是否为焊机SN码</strong>，SN码有值且能对上则代表已于焊机连接，可以升级，无SN码未连接，需要检查网络配置。</li>
+<li>网页操作：根据提示点击选项选择升级文件<strong>all.1.2.6.tar</strong>，若文件正确则网页会提示&quot;加载文件成功&quot;</li>
+<li>网页操作：点击升级进行网页升级，等等进度条跑完，会提示升级成功</li>
+</ul>
+<h3 id="c升级多个机器">c.升级多个机器</h3>
+<p>若升级完一个机器后，想再次升级第二个机器，执行以下步骤</p>
+<ul>
+<li>网页操作：无需刷新页面，无需重新选择文件，若把掉升级完的机器的网线，SN码会消失</li>
+<li>焊机操作：将SMARC网口与个人电脑的网口重新连接</li>
+<li>网页操作：待SN码正确显示后，点击升级</li>
+</ul>
+
+            
+            
+        </body>
+        </html>
--- a/README.md
+++ b/README.md
@ -1,28 +1,67 @@
-# 工装软件升级网页步骤
-适用于SD卡内无文件，工厂升级的情况
+<!-- # NewUI2
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+# 开发环境搭建步骤
+
+## 1.安装node.js
+去官网下载
+## 2.安装软件包
+
+```sh
+npm install
+```
+
+### 3.测试效果-运行开发环境
+
+```sh
+npm run dev
+```
+### 3.测试效果-构建web和update
+运行
+```sh
+npm run build
+```
+需要看到如下构建完成提示
+```sh
+✨ [vite-plugin-compression]:algorithm=gzip - compressed file successfully:
+dist/D:/Code/Web/HMI_WEB/html/hu_HU.json.gz                63.96kb / gzip: 15.49kb
+dist/D:/Code/Web/HMI_WEB/html/cs_CZ.json.gz                56.50kb / gzip: 14.88kb
+dist/D:/Code/Web/HMI_WEB/html/en_US.json.gz                51.64kb / gzip: 13.71kb
+``` -->
+# 本地升级步骤
+适用于SD卡内无文件的情况
 ## 1.升级条件
- 升级软件  **local-192.168.1.2.html**
- 升级脚本(非必须)  **update.bat**
+- 升级软件  **local-192.168.1.2.html**，命名格式为local-xxx.xxx.xxx.xxx.html
+- 升级软件  **all.1.2.6.tar** 命名格式为all.x.x.x.tar
 - 个人电脑  需要有网口，安装**edge浏览器** 我目前使用版本 135.0.3179.85 (正式版本) (64 位)
 - 焊机      插有**SD卡**且SD卡正常，SMARC网口正常
 ## 2.升级步骤
- 电脑操作：运行**update.bat**，会打开浏览器并打开**local-192.168.1.2.html**文件进行自动升级
- 等待升级：等待升级完成，网页会自动跳转验证，若失败则进度条会变红
- 升级检查：检查自动跳转的**192.168.1.2**的登陆页面，是否可以显示，正常显示则升级成功
+### a.设置焊机网络
+**若焊机处于工装模式则，连接网线即可，无需进行焊机上选项设置**
+- 焊机检查：菜单->网络->网页服务 选项是否存在，若不存在则是权限不够，需提升权限
+- 焊机操作：打开开关 菜单->网络->网页服务->有线网页服务
+- 焊机操作：调节选项 菜单->网络->网页服务->有线网页配置->IP获取方式，设置为静态
+- 焊机操作：调节选项 菜单->网络->网页服务->有线网页配置->本地IP，设置为IP为 升级软件 "local-xxx.xxx.xxx.xxx.html"上的IP，例如**local-192.168.1.2.html** 就设置为 **192.168.1.2**
+- 焊机操作：打开开关 菜单->网络->网页服务->有线网页配置->网页升级开关

-
-
-# 正常升级网页步骤
-适用于SD卡内有升级文件的情况
-## 1.升级条件
- 升级软件  **all.x.x.x.tar**
- 个人电脑  需要有网口，安装**edge浏览器** 我目前使用版本 135.0.3179.85 (正式版本) (64 位)
- 焊机      插有**SD卡**且SD卡正常，SMARC网口正常
-## 2.升级步骤
-### a.连接焊机网络
-详见说明书
+- 焊机操作：将SMARC网口与个人电脑的网口连接
+- 电脑操作：将个人电脑的IP配置为静态，IP需要与升级文件的前三位一致，最后一位不一致，例如**local-192.168.1.2.html** 就设置为 **192.168.1.3**，网关设置为255.255.255.0，
 ### b.开始升级
-以焊机IP: **192.168.1.2** 和升级文件 **all.1.0.0.tar** 为例
- 电脑操作：使用edge浏览器打开 **http://192.168.1.2/upd**，打开后可以看到升级页面
+
+- 电脑操作：使用edge浏览器打开文件 **local-192.168.1.2.html**，打开后可以看到升级页面
+- 网页检查：**检查升级页面中SN码这项是否为焊机SN码**，SN码有值且能对上则代表已于焊机连接，可以升级，无SN码未连接，需要检查网络配置。
 - 网页操作：根据提示点击选项选择升级文件**all.1.2.6.tar**，若文件正确则网页会提示"加载文件成功"
 - 网页操作：点击升级进行网页升级，等等进度条跑完，会提示升级成功
+
+### c.升级多个机器
+若升级完一个机器后，想再次升级第二个机器，执行以下步骤
+- 网页操作：无需刷新页面，无需重新选择文件，若把掉升级完的机器的网线，SN码会消失
+- 焊机操作：将SMARC网口与个人电脑的网口重新连接
+- 网页操作：待SN码正确显示后，点击升级
--- a/all1.2.6.tar
+++ b/all1.2.6.tar
--- a/local-192.168.1.2.html
+++ b/local-192.168.1.2.html
--- a/update.bat
+++ b/update.bat
@ -1,3 +0,0 @@
-set "file=local-192.168.1.2.html"
-for %%I in ("%file%") do set "fullpath=%%~fI"
-start msedge "file:///%fullpath:/=\%"
--- a/web1.2.6.tar
+++ b/web1.2.6.tar