diff --git a/src/index.ejs b/src/index.ejs
index a9b8264..8180cb2 100644
--- a/src/index.ejs
+++ b/src/index.ejs
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>卡树自动拷贝打印系统 V3.0</title>
+    <title>卡树自动拷贝打印系统 V3.1</title>
     <% if (htmlWebpackPlugin.options.nodeModules) { %>
       <!-- Add `node_modules/` to global paths so `require` works properly in development -->
       <script>
diff --git a/src/main/index - 副本.js b/src/main/index - 副本.js
index ddd7a0e..6bf0fd5 100644
--- a/src/main/index - 副本.js	
+++ b/src/main/index - 副本.js	
@@ -43,7 +43,7 @@ function createWindow() {
     height: 800,
     useContentSize: true,
     width: 1280,
-    title: "卡树自动拷贝打印系统 V3.0",
+    title: "卡树自动拷贝打印系统 V3.1",
     icon: "static/images/logo64.ico", // sets window icon
     webPreferences: {
       nodeIntegration: true,
diff --git a/src/main/index.js b/src/main/index.js
index 6074b08..dc90cf0 100644
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -1,8 +1,11 @@
 const { Menu, app, BrowserWindow } = require("electron");
-import "../renderer/store";
+// Note: Store should be handled in renderer process, not main
+// import "../renderer/store";
 const fs = require('fs');
 const child_process = require('child_process');
 const path = require('path')
+// 导入录制器模块（设置全局变量）
+require('./recorder');
 // require("./fingerprint/win");
 let root = "";
 if (process.env.NODE_ENV !== "development") {
@@ -49,7 +52,7 @@ function createWindow() {
     height: 800,
     useContentSize: true,
     width: 1280,
-    title: "卡树自动拷贝打印系统 V3.0",
+    title: "卡树自动拷贝打印系统 V3.1",
     icon: "static/images/logo64.ico", // sets window icon
     webPreferences: {
       nodeIntegration: true,
@@ -65,6 +68,7 @@ function createWindow() {
   //mainWindow.webContents.openDevTools({mode:'bottom'});
   require("@electron/remote/main").initialize();
   require("@electron/remote/main").enable(mainWindow.webContents);
+  global.setMainWindow(mainWindow);
   mainWindow.loadURL(winURL);
 
   mainWindow.on("closed", () => {
diff --git a/src/main/recorder.js b/src/main/recorder.js
new file mode 100644
index 0000000..6c9c064
--- /dev/null
+++ b/src/main/recorder.js
@@ -0,0 +1,117 @@
+const { desktopCapturer, ipcMain, app } = require('electron');
+const fs = require('fs');
+const path = require('path');
+
+class ScreenRecorder {
+  constructor() {
+    this.mediaRecorder = null;
+    this.recordedChunks = [];
+    this.isRecording = false;
+    this.mainWindow = null;
+  }
+
+  setMainWindow(window) {
+    this.mainWindow = window;
+  }
+
+  async startRecording() {
+    if (this.isRecording) {
+      return { success: false, message: '正在录制中' };
+    }
+
+    try {
+      // 获取屏幕源
+      const sources = await desktopCapturer.getSources({
+        types: ['screen'],
+        thumbnailSize: { width: 1920, height: 1080 }
+      });
+
+      if (sources.length === 0) {
+        return { success: false, message: '无法获取屏幕源' };
+      }
+
+      // 发送源ID到渲染进程
+      const sourceId = sources[0].id;
+      this.isRecording = true;
+      
+      return { 
+        success: true, 
+        sourceId: sourceId,
+        message: '开始录制' 
+      };
+    } catch (error) {
+      console.error('启动录制失败:', error);
+      return { success: false, message: error.message };
+    }
+  }
+
+  async stopRecording(videoData) {
+    if (!this.isRecording) {
+      return { success: false, message: '当前没有进行录制' };
+    }
+
+    try {
+      this.isRecording = false;
+      
+      // 确保videos目录存在 - 在应用根目录下
+      const appPath = process.env.NODE_ENV === 'development' 
+        ? path.join(__dirname, '../../') 
+        : path.dirname(app.getPath('exe'));
+      const videosDir = path.join(appPath, 'videos');
+      if (!fs.existsSync(videosDir)) {
+        fs.mkdirSync(videosDir, { recursive: true });
+      }
+
+      // 生成文件名：soonworker+时间戳
+      const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, -5);
+      const fileName = `soonworker_${timestamp}.webm`;
+      const filePath = path.join(videosDir, fileName);
+
+      // 将base64数据转换为Buffer并保存
+      const buffer = Buffer.from(videoData.replace('data:video/webm;base64,', ''), 'base64');
+      fs.writeFileSync(filePath, buffer);
+
+      console.log('视频已保存到:', filePath);
+      
+      return { 
+        success: true, 
+        filePath: filePath,
+        fileName: fileName,
+        message: '录制已保存' 
+      };
+    } catch (error) {
+      console.error('停止录制失败:', error);
+      return { success: false, message: error.message };
+    }
+  }
+
+  // 获取videos目录路径
+  getVideosPath() {
+    const appPath = process.env.NODE_ENV === 'development' 
+      ? path.join(__dirname, '../../') 
+      : path.dirname(app.getPath('exe'));
+    return path.join(appPath, 'videos');
+  }
+}
+
+// 创建录制器实例
+const recorder = new ScreenRecorder();
+
+// IPC事件处理
+ipcMain.handle('start-recording', async () => {
+  return await recorder.startRecording();
+});
+
+ipcMain.handle('stop-recording', async (event, videoData) => {
+  return await recorder.stopRecording(videoData);
+});
+
+ipcMain.handle('get-videos-path', () => {
+  return recorder.getVideosPath();
+});
+
+// 使用全局变量方式，避免webpack模块转换问题
+global.ScreenRecorderInstance = recorder;
+global.setMainWindow = (window) => recorder.setMainWindow(window);
+
+// 不导出任何内容，完全依赖全局变量
\ No newline at end of file
diff --git a/src/renderer/components/NetworkAuthDialog.vue b/src/renderer/components/NetworkAuthDialog.vue
new file mode 100644
index 0000000..44cfa6a
--- /dev/null
+++ b/src/renderer/components/NetworkAuthDialog.vue
@@ -0,0 +1,198 @@
+<template>
+  <el-dialog
+    :title="$t('networkAuth.title')"
+    :visible.sync="visible"
+    width="600px"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :show-close="false"
+    :append-to-body="true"
+    :z-index="9999"
+  >
+    <div class="network-auth-content">
+      <p class="auth-description">
+        {{ $t('networkAuth.description') }}
+      </p>
+      
+      <div class="network-paths">
+        <div 
+          v-for="(path, index) in networkPaths" 
+          :key="index"
+          class="network-path-item"
+        >
+          <div class="path-info">
+            <span class="path-label">{{ $t('networkAuth.pathLabel') }}</span>
+            <span class="path-value">{{ path.path }}</span>
+          </div>
+          
+          <div class="auth-fields">
+            <el-input
+              v-model="path.userName"
+              :placeholder="$t('networkAuth.userName')"
+              size="small"
+              style="width: 150px; margin-right: 10px;"
+            />
+            <el-input
+              v-model="path.password"
+              type="password"
+              :placeholder="$t('networkAuth.password')"
+              size="small"
+              style="width: 150px;"
+              show-password
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleCancel">{{ $t('networkAuth.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="loading">
+        {{ $t('networkAuth.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'NetworkAuthDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    networkPaths: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      loading: false
+    }
+  },
+  methods: {
+    handleCancel() {
+      this.$emit('cancel')
+    },
+    
+    async handleConfirm() {
+      // 验证所有路径都填写了用户名和密码
+      for (let path of this.networkPaths) {
+        if (!path.userName || !path.password) {
+          this.$message.error(this.$t('networkAuth.authRequired'))
+          return
+        }
+      }
+      
+      this.loading = true
+      
+      try {
+        // 保存到本地存储
+        this.saveNetworkCredentials()
+        
+        // 构建 net_info 数据
+        const netInfo = this.networkPaths.map(path => ({
+          host_name: this.extractHostName(path.path),
+          user_name: path.userName,
+          password: path.password
+        }))
+        
+        this.$emit('confirm', netInfo)
+      } catch (error) {
+        console.error('保存网络认证信息失败:', error)
+        this.$message.error('保存认证信息失败')
+      } finally {
+        this.loading = false
+      }
+    },
+    
+    extractHostName(path) {
+      // 从网络路径中提取主机名
+      // 支持格式：\\hostname\path, //hostname/path, \\192.168.1.1\path
+      if (path.startsWith('\\\\')) {
+        // Windows 网络路径 \\hostname\path
+        const parts = path.substring(2).split('\\')
+        return parts[0]
+      } else if (path.startsWith('//')) {
+        // Unix 网络路径 //hostname/path
+        const parts = path.substring(2).split('/')
+        return parts[0]
+      } else if (path.includes(':')) {
+        // 可能包含 IP 地址
+        const match = path.match(/^([^\\\/:]+)/)
+        return match ? match[1] : 'unknown'
+      }
+      return 'unknown'
+    },
+    
+    saveNetworkCredentials() {
+      // 保存到 localStorage
+      const credentials = {}
+      this.networkPaths.forEach(path => {
+        const hostName = this.extractHostName(path.path)
+        credentials[hostName] = {
+          userName: path.userName,
+          password: path.password,
+          lastUsed: new Date().toISOString()
+        }
+      })
+      
+      localStorage.setItem('networkCredentials', JSON.stringify(credentials))
+      
+      // 同时保存到 Vuex store（若可用）
+      if (this.$store && this.$store.commit) {
+        this.$store.commit('SET_NETWORK_CREDENTIALS', credentials)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.network-auth-content {
+  .auth-description {
+    margin-bottom: 20px;
+    color: #606266;
+    font-size: 14px;
+  }
+  
+  .network-paths {
+    .network-path-item {
+      border: 1px solid #e4e7ed;
+      border-radius: 4px;
+      padding: 15px;
+      margin-bottom: 15px;
+      background-color: #fafafa;
+      
+      .path-info {
+        margin-bottom: 10px;
+        
+        .path-label {
+          font-weight: bold;
+          color: #303133;
+          margin-right: 10px;
+        }
+        
+        .path-value {
+          color: #409eff;
+          font-family: monospace;
+          background-color: #f0f9ff;
+          padding: 2px 6px;
+          border-radius: 3px;
+        }
+      }
+      
+      .auth-fields {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}
+
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/renderer/components/dispose.vue b/src/renderer/components/dispose.vue
index e05f24f..8b5c7a9 100644
--- a/src/renderer/components/dispose.vue
+++ b/src/renderer/components/dispose.vue
@@ -251,7 +251,7 @@ export default {
         StopOnFailure: "false"
         SystemSn: "830001"
         TaskDir: "C:\\PrintTasks"
-        Version: "V3.0"
+        Version: "V3.1"
 
     iniparser.parse("F:\\controll\\config.ini", function (err, data) {
       console.log(err);
diff --git a/src/renderer/components/filepath.json b/src/renderer/components/filepath.json
index 11db010..0162e2e 100644
--- a/src/renderer/components/filepath.json
+++ b/src/renderer/components/filepath.json
@@ -1 +1 @@
-{"files":["C:\\Users\\jerry\\Desktop\\cardsoon\\卡树产品保修条款.docx"]}
\ No newline at end of file
+{"files":["\\\\NAS\\study\\research_reports\\餐饮服务\\“保健水晶鸡、鸭皮蛋”商业计划书.docx"]}
\ No newline at end of file
diff --git a/src/renderer/components/files/file.vue b/src/renderer/components/files/file.vue
index 57f49f3..ef321e2 100644
--- a/src/renderer/components/files/file.vue
+++ b/src/renderer/components/files/file.vue
@@ -61,6 +61,32 @@ import archiverdialog from "./archiverdialog";
 import { calcSize, getFileName, isFolder } from "./calc";
 import { copy } from "./copy";
 import { zip } from "./archiver";
+
+// 网络路径检测工具函数
+const isNetworkPath = (path) => {
+  // 检测是否为网络路径
+  // Windows 网络路径: \\hostname\path 或 \\IP\path
+  // Unix 网络路径: //hostname/path 或 //IP/path
+  return path.startsWith('\\\\') || path.startsWith('//') || 
+         (path.includes(':') && !path.includes('\\') && !path.includes('/'));
+};
+
+const extractHostName = (path) => {
+  if (path.startsWith('\\\\')) {
+    // Windows 网络路径 \\hostname\path
+    const parts = path.substring(2).split('\\')
+    return parts[0]
+  } else if (path.startsWith('//')) {
+    // Unix 网络路径 //hostname/path
+    const parts = path.substring(2).split('/')
+    return parts[0]
+  } else if (path.includes(':')) {
+    // 可能包含 IP 地址
+    const match = path.match(/^([^\\\/:]+)/)
+    return match ? match[1] : 'unknown'
+  }
+  return 'unknown'
+};
 export default {
   name: "Files",
   props: {
@@ -96,6 +122,7 @@ export default {
       isCopy: false,
       isSucess: true,
       copyPath: "",
+      networkPaths: [], // 存储检测到的网络路径
     };
   },
   mounted() {
@@ -132,6 +159,12 @@ export default {
           // 是文件夹
           this.sizeChange(f.size);
         }
+        
+        // 检测是否为网络路径
+        if (isNetworkPath(f.path)) {
+          this.addNetworkPath(f.path);
+        }
+        
         return true;
       } else {
         //有了，不用加入
@@ -145,6 +178,7 @@ export default {
           properties: ["multiSelections"],
         })
         .then(async (res) => {
+          console.log(res)
           for (const item of res.filePaths) {
             await fs.stat(item, function (err, res) {
               if (err) {
@@ -167,6 +201,7 @@ export default {
           properties: ["openDirectory", "multiSelections"],
         })
         .then((res) => {
+          console.log(res)
           for (const item of res.filePaths) {
             const result = _this.insertList({
               name: getFileName(item),
@@ -309,6 +344,62 @@ export default {
     getLists() {
       return this.filesList;
     },
+    
+    // 添加网络路径到列表（按主机去重，仅认证根目录，如 \\\\NAS）
+    addNetworkPath(path) {
+      const hostName = extractHostName(path);
+      const existingIndex = this.networkPaths.findIndex(p => p.hostName === hostName);
+
+      if (existingIndex === -1) {
+        // 尝试从本地存储获取已保存的认证信息
+        let userName = '';
+        let password = '';
+
+        try {
+          const stored = localStorage.getItem('networkCredentials');
+          if (stored) {
+            const credentials = JSON.parse(stored);
+            if (credentials[hostName]) {
+              userName = credentials[hostName].userName;
+              password = credentials[hostName].password;
+            }
+          }
+        } catch (error) {
+          console.log('无法获取已保存的认证信息');
+        }
+
+        // 仅保存根路径用于展示与认证
+        const rootPath = `\\\\${hostName}`;
+        this.networkPaths.push({
+          path: rootPath,
+          hostName: hostName,
+          userName: userName,
+          password: password
+        });
+      }
+    },
+    
+    // 获取网络路径列表（按主机去重，返回根路径）
+    getNetworkPaths() {
+      const uniqueByHost = {};
+      for (const item of this.networkPaths) {
+        if (!uniqueByHost[item.hostName]) {
+          uniqueByHost[item.hostName] = {
+            path: `\\\\${item.hostName}`,
+            hostName: item.hostName,
+            userName: item.userName || '',
+            password: item.password || ''
+          };
+        }
+      }
+      return Object.values(uniqueByHost);
+    },
+    
+    // 检查是否有网络路径
+    hasNetworkPaths() {
+      return this.networkPaths.length > 0;
+    },
+    
     haveFolderIsCalc() {},
   },
   computed: {},
diff --git a/src/renderer/components/login.vue b/src/renderer/components/login.vue
index 1f23da2..98a09c0 100644
--- a/src/renderer/components/login.vue
+++ b/src/renderer/components/login.vue
@@ -210,6 +210,7 @@ export default {
     },
     onSubmituser() {
       if (this.ruleForm.name == '1') {
+        this.setStep()
         this.$router.push({
           path: '/main'
         })
@@ -234,95 +235,7 @@ export default {
                 console.log(res.data)
                 localStorage.setItem('loginrole', res.data.resultinfo.userRole)
                 localStorage.setItem('loginname', res.data.resultinfo.userName)
-                const guideStep = [
-                  {
-                    show: false,
-                    placement: 'right',
-                    step: this.$t('guide.step1'),
-                  },
-                  {
-                    show: false,
-                    placement: 'right',
-                    step: this.$t('guide.step2'),
-                  },
-                  {
-                    show: false,
-                    placement: 'right',
-                    step: this.$t('guide.step3'),
-                  },
-                  {
-                    show: false,
-                    placement: 'left',
-                    step: this.$t('guide.step4'),
-                  },
-                  {
-                    show: false,
-                    placement: 'bottom',
-                    step: this.$t('guide.step5'),
-                  },
-                  {
-                    show: false,
-                    placement: 'bottom',
-                    step: this.$t('guide.step6'),
-                  },
-                  {
-                    show: false,
-                    placement: 'top',
-                    step: this.$t('guide.step7'),
-                  },
-                  {
-                    show: false,
-                    placement: 'right',
-                    step: this.$t('guide.step8'),
-                  },
-                  {
-                    show: false,
-                    placement: 'bottom',
-                    step: this.$t('guide.step9'),
-                  },
-                  {
-                    show: false,
-                    placement: 'bottom',
-                    step: this.$t('guide.step10'),
-                  },
-                  {
-                    show: false,
-                    placement: 'right',
-                    step: this.$t('guide.step11'),
-                  },
-                  {
-                    show: false,
-                    placement: 'right',
-                    step: this.$t('guide.step12'),
-                  },
-                  {
-                    show: false,
-                    placement: 'left',
-                    step: this.$t('guide.step13'),
-                  },
-                  {
-                    show: false,
-                    placement: 'bottom',
-                    step: this.$t('guide.step14'),
-                  },
-                  {
-                    show: false,
-                    placement: 'top',
-                    step: this.$t('guide.step15'),
-                  },
-                  {
-                    show: false,
-                    placement: 'top',
-                    step: this.$t('guide.step16'),
-                  },
-                  {
-                    show: false,
-                    placement: 'top',
-                    step: this.$t('guide.step17'),
-                  },
-                ]
-                localStorage.setItem('guideStep', JSON.stringify(guideStep))
-                localStorage.setItem('currentStep', 0)
+                this.setStep()
                 this.$router.push({
                   path: '/main'
                 })
@@ -346,6 +259,97 @@ export default {
         }
       })
     },
+    setStep() {
+      const guideStep = [
+        {
+          show: false,
+          placement: 'right',
+          step: this.$t('guide.step1'),
+        },
+        {
+          show: false,
+          placement: 'right',
+          step: this.$t('guide.step2'),
+        },
+        {
+          show: false,
+          placement: 'right',
+          step: this.$t('guide.step3'),
+        },
+        {
+          show: false,
+          placement: 'left',
+          step: this.$t('guide.step4'),
+        },
+        {
+          show: false,
+          placement: 'bottom',
+          step: this.$t('guide.step5'),
+        },
+        {
+          show: false,
+          placement: 'bottom',
+          step: this.$t('guide.step6'),
+        },
+        {
+          show: false,
+          placement: 'top',
+          step: this.$t('guide.step7'),
+        },
+        {
+          show: false,
+          placement: 'right',
+          step: this.$t('guide.step8'),
+        },
+        {
+          show: false,
+          placement: 'bottom',
+          step: this.$t('guide.step9'),
+        },
+        {
+          show: false,
+          placement: 'bottom',
+          step: this.$t('guide.step10'),
+        },
+        {
+          show: false,
+          placement: 'right',
+          step: this.$t('guide.step11'),
+        },
+        {
+          show: false,
+          placement: 'right',
+          step: this.$t('guide.step12'),
+        },
+        {
+          show: false,
+          placement: 'left',
+          step: this.$t('guide.step13'),
+        },
+        {
+          show: false,
+          placement: 'bottom',
+          step: this.$t('guide.step14'),
+        },
+        {
+          show: false,
+          placement: 'top',
+          step: this.$t('guide.step15'),
+        },
+        {
+          show: false,
+          placement: 'top',
+          step: this.$t('guide.step16'),
+        },
+        {
+          show: false,
+          placement: 'top',
+          step: this.$t('guide.step17'),
+        },
+      ]
+      localStorage.setItem('guideStep', JSON.stringify(guideStep))
+      localStorage.setItem('currentStep', 0)
+    },
     // 监听回车键执行事件
     keyDown(e) {
       // 回车则执行登录方法 enter键的ASCII是13
diff --git a/src/renderer/components/main - 副本.vue b/src/renderer/components/main - 副本.vue
new file mode 100644
index 0000000..751a311
--- /dev/null
+++ b/src/renderer/components/main - 副本.vue	
@@ -0,0 +1,2161 @@
+<template>
+  <div style="height: 100%; position: relative">
+    <div
+      v-if="beginStep && parseInt(currentStep) >= 0 && parseInt(currentStep) < 8"
+      class="bg_box"
+      style="position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5)"></div>
+    <div style="height: 100%; width: 100%; display: flex">
+      <div
+        :span="3"
+        style="height: 100%; width: 164px">
+        <div class="grid-content bg-purple left">
+          <div class="title">
+            {{ $t('index.wordSpace') }}
+          </div>
+          <!-- @click="() => (printData = index)" -->
+          <div
+            class="card"
+            v-for="(item) of infoData"
+            :key="item.PrinterID"
+            style="background-color: #f5f5f5; text-align: left">
+            <span style="font-size: 18px; margin-left: 40px">{{ getPrintName(item.PrinterID, true) }}</span>
+            <span style="font-size: 9px">{{ item.PrinterType == '-1' ? $t('index.workspacenodata') : item.PrinterType }}</span>
+          </div>
+        </div>
+      </div>
+      <div
+        :span="18"
+        style="height: 100%; width: calc(100% - 328px)">
+        <div
+          class="grid-content bg-purple-light mid"
+          id="rte"
+          style="position: relative">
+          <div
+            class="title"
+            style="position: relative; height: 45px; display: flex; justify-content: space-between">
+            <el-popover
+              v-if="guideStep"
+              :placement="guideStep[0].placement"
+              width="250"
+              trigger="manual"
+              v-model="guideStep[0].show">
+              <div class="guide_box">
+                <div class="guide_title">
+                  {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+                </div>
+                <div class="guide_desc">{{ $t(`guide.step1`) }}</div>
+                <div class="guide_btns">
+                  <el-button
+                    @click="exitGuide"
+                    class="guide_btn1"
+                    size="mini"
+                    type="text"
+                    >{{ $t('guide.skip') }}</el-button
+                  >
+                  <el-button
+                    v-if="parseInt(currentStep) > 0"
+                    @click="prevStep"
+                    class="guide_btn1"
+                    size="mini"
+                    >{{ $t('guide.prev') }}</el-button
+                  >
+                  <el-button
+                    @click="nextStep"
+                    class="guide_btn2"
+                    size="mini"
+                    type="primary"
+                    >{{ parseInt(currentStep) == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                  >
+                </div>
+              </div>
+              <div
+                slot="reference"
+                :class="{ guide_body: beginStep && currentStep == 0 }"
+                class="switch"
+                style="position: relative; left: 0; top: 3px">
+                <el-switch
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  @change="handleOpenSwitch"
+                  :value="state">
+                </el-switch>
+              </div>
+            </el-popover>
+            <el-popover
+              v-if="guideStep"
+              :placement="guideStep[1].placement"
+              width="250"
+              trigger="manual"
+              v-model="guideStep[1].show">
+              <div class="guide_box">
+                <div class="guide_title">
+                  {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+                </div>
+                <div class="guide_desc">{{ $t(`guide.step2`) }}</div>
+                <div class="guide_btns">
+                  <el-button
+                    @click="exitGuide"
+                    class="guide_btn1"
+                    size="mini"
+                    type="text"
+                    >{{ $t('guide.skip') }}</el-button
+                  >
+                  <el-button
+                    v-if="parseInt(currentStep) > 0"
+                    @click="prevStep"
+                    class="guide_btn1"
+                    size="mini"
+                    >{{ $t('guide.prev') }}</el-button
+                  >
+                  <el-button
+                    @click="nextStep"
+                    class="guide_btn2"
+                    size="mini"
+                    type="primary"
+                    >{{ currentStep == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                  >
+                </div>
+              </div>
+              <div
+                slot="reference"
+                :class="{ guide_body: beginStep && currentStep == 1 }"
+                class="information"
+                style="font-size: 15px; display: flex; gap: 25px; position: relative; top: 5px">
+                <div style="display: inline-block">
+                  <div style="text-decoration: underline">
+                    {{ $t('main.doneCopyNum') }}
+                  </div>
+                  <div>{{ doneCopyNum }}</div>
+                </div>
+                <div style="display: inline-block">
+                  <div style="text-decoration: underline">
+                    {{ $t('main.cancelCopyNum') }}
+                  </div>
+                  <div>{{ cancelCopyNum }}</div>
+                </div>
+                <div style="display: inline-block">
+                  <div style="text-decoration: underline">
+                    {{ $t('main.failNum') }}
+                  </div>
+                  <div>{{ failNum }}</div>
+                </div>
+              </div>
+            </el-popover>
+            <el-popover
+              v-if="guideStep"
+              :placement="guideStep[2].placement"
+              width="250"
+              trigger="manual"
+              v-model="guideStep[2].show">
+              <div class="guide_box">
+                <div class="guide_title">
+                  {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+                </div>
+                <div class="guide_desc">{{ $t(`guide.step3`) }}</div>
+                <div class="guide_btns">
+                  <el-button
+                    @click="exitGuide"
+                    class="guide_btn1"
+                    size="mini"
+                    type="text"
+                    >{{ $t('guide.skip') }}</el-button
+                  >
+                  <el-button
+                    v-if="parseInt(currentStep) > 0"
+                    @click="prevStep"
+                    class="guide_btn1"
+                    size="mini"
+                    >{{ $t('guide.prev') }}</el-button
+                  >
+                  <el-button
+                    @click="nextStep"
+                    class="guide_btn2"
+                    size="mini"
+                    type="primary"
+                    >{{ currentStep == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                  >
+                </div>
+              </div>
+              <div
+                style="display: flex; align-items: center"
+                class="add"
+                slot="reference"
+                :class="{ guide_body: beginStep && currentStep == 2 }">
+                <span style="font-size: 18px; line-height: 45px">{{ $t('main.submitTask') }}</span>
+                <el-popover
+                  v-if="guideStep"
+                  :placement="guideStep[7].placement"
+                  width="250"
+                  trigger="manual"
+                  v-model="guideStep[7].show">
+                  <div class="guide_box">
+                    <div class="guide_title">
+                      {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+                    </div>
+                    <div class="guide_desc">{{ $t(`guide.step8`) }}</div>
+                    <div class="guide_btns">
+                      <el-button
+                        @click="exitGuide"
+                        class="guide_btn1"
+                        size="mini"
+                        type="text"
+                        >{{ $t('guide.skip') }}</el-button
+                      >
+                      <el-button
+                        v-if="parseInt(currentStep) > 0"
+                        @click="prevStep"
+                        class="guide_btn1"
+                        size="mini"
+                        >{{ $t('guide.prev') }}</el-button
+                      >
+                      <el-button
+                        @click="nextStep"
+                        class="guide_btn2"
+                        size="mini"
+                        type="primary"
+                        >{{ currentStep == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                      >
+                    </div>
+                  </div>
+                  <div
+                    style="margin-right: 10px"
+                    slot="reference"
+                    :class="{ guide_body: beginStep && currentStep == 7 }">
+                    <el-button
+                      type="primary"
+                      @click="newWork">
+                      {{ $t('index.newWork') }}
+                    </el-button>
+                  </div>
+                </el-popover>
+
+                <el-button
+                  type="primary"
+                  @click="newNetWork"
+                  v-if="false">
+                  {{ $t('index.newWork') }}
+                </el-button>
+                <el-button
+                  type="primary"
+                  @click="openWork()"
+                  v-if="true"
+                  :disabled="infoData.length == 0 && state == false">
+                  {{ $t('admin.openWork') }}
+                </el-button>
+              </div>
+            </el-popover>
+            <div class="user">
+              <span style="margin-right: 20px">{{ $t('admin.hello') }} {{ user }}</span>
+              <router-link
+                to="/admin"
+                v-if="isAdmin"
+                >{{ $t('main.adminMange') }}</router-link
+              >
+              <router-link to="/">{{ $t('main.out') }}</router-link>
+            </div>
+          </div>
+          <el-popover
+            v-if="guideStep"
+            :placement="guideStep[4].placement"
+            width="250"
+            trigger="manual"
+            v-model="guideStep[4].show">
+            <div class="guide_box">
+              <div class="guide_title">
+                {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+              </div>
+              <div class="guide_desc">{{ $t(`guide.step5`) }}</div>
+              <div class="guide_btns">
+                <el-button
+                  @click="exitGuide"
+                  class="guide_btn1"
+                  size="mini"
+                  type="text"
+                  >{{ $t('guide.skip') }}</el-button
+                >
+                <el-button
+                  v-if="parseInt(currentStep) > 0"
+                  @click="prevStep"
+                  class="guide_btn1"
+                  size="mini"
+                  >{{ $t('guide.prev') }}</el-button
+                >
+                <el-button
+                  @click="nextStep"
+                  class="guide_btn2"
+                  size="mini"
+                  type="primary"
+                  >{{ currentStep == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                >
+              </div>
+            </div>
+            <div
+              class="brief"
+              slot="reference"
+              :class="{ guide_body: beginStep && currentStep == 4 }">
+              <el-row
+                :gutter="20"
+                style="height: 100%">
+                <el-col
+                  :span="12"
+                  style="height: 100%">
+                  <div
+                    class="grid-content bg-purple b_left"
+                    style="padding-top: 1px !important; display: flex; align-items: center">
+                    <!-- <div class="b_title">{{ $t("main.systemInformation") }}</div> -->
+                    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center">
+                      <img
+                        v-if="os.CardsoonModel"
+                        :src="os.CardsoonModel.indexOf(`TH80N`) != -1 ? N80N : N800N"
+                        width="150"
+                        height="95" />
+                      <span style="font-weight: bold; font-size: 18px">{{ $t('main.systemInformation') }}</span>
+                    </div>
+                    <div style="margin-left: 20px">
+                      <div class="item">{{ $t('main.deviceType') }}{{ os.CardsoonModel }}</div>
+                      <div class="item">{{ $t('main.serialNumber') }}{{ os.SystemSn }}</div>
+                      <div class="item">{{ $t('main.hostName') }}{{ os.hostname }}</div>
+                      <div class="item">{{ $t('main.hostIp') }}{{ os.ip }}</div>
+                    </div>
+                  </div>
+                </el-col>
+                <el-col
+                  :span="12"
+                  style="height: 100%">
+                  <div
+                    class="grid-content bg-purple b_mid"
+                    style="padding-top: 1px !important; display: flex; align-items: center">
+                    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center">
+                      <img
+                        src="../assets/cpu.png"
+                        width="150"
+                        height="95" />
+                      <span style="font-weight: bold; font-size: 18px">{{ $t('main.hardwareConfiguration') }}</span>
+                    </div>
+                    <div style="margin-left: 20px">
+                      <!-- <div class="item">
+                        {{ $t("main.hardwareConfiguration") }}
+                      </div> -->
+                      <div class="item">{{ $t('main.Cpu') }}{{ os.cpu }}</div>
+                      <div class="item">{{ $t('main.Memory') }}{{ os.ram }}</div>
+                      <div class="item">{{ $t('main.hardDrive') }}{{ os.HD }}</div>
+                      <div class="item" :style="{color: os.cacheSpaceNum < 8 ? '#ff0000' : os.cacheSpaceNum < 20 ? '#ff9f0b' : ''}">
+                        {{ $t('main.cacheSpace') }}：{{ os.remainCacheSpace }} /
+                        {{ os.totalCacheSpace }}
+                      </div>
+                    </div>
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-popover>
+          <el-popover
+            v-if="guideStep"
+            :placement="guideStep[5].placement"
+            width="250"
+            trigger="manual"
+            v-model="guideStep[5].show">
+            <div class="guide_box">
+              <div class="guide_title">
+                {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+              </div>
+              <div class="guide_desc">{{ $t(`guide.step6`) }}</div>
+              <div class="guide_btns">
+                <el-button
+                  @click="exitGuide"
+                  class="guide_btn1"
+                  size="mini"
+                  type="text"
+                  >{{ $t('guide.skip') }}</el-button
+                >
+                <el-button
+                  v-if="parseInt(currentStep) > 0"
+                  @click="prevStep"
+                  class="guide_btn1"
+                  size="mini"
+                  >{{ $t('guide.prev') }}</el-button
+                >
+                <el-button
+                  @click="nextStep"
+                  class="guide_btn2"
+                  size="mini"
+                  type="primary"
+                  >{{ currentStep == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                >
+              </div>
+            </div>
+            <div
+              slot="reference"
+              :class="{ guide_body: beginStep && currentStep == 5 }"
+              class="machines work"
+              style="height: 120px;margin-top: 10px">
+              <el-table
+                :data="infoData"
+                max-height="120"
+                size="mini"
+                style="width: 100%"
+                :empty-text="$t('index.nodata')"
+                row-class-name="rowclass">
+                <el-table-column
+                  prop="gzz"
+                  :label="$t('main.tableMachine')"
+                  min-width="100">
+                  <template slot-scope="scope">
+                    {{ getPrintName(scope.row.PrinterID, true) }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="status"
+                  :label="$t('main.tableState')"
+                  min-width="80">
+                  <template slot-scope="scope">{{ $t('main.tableOnline') }}</template>
+                </el-table-column>
+                <el-table-column
+                  prop="SerialNo"
+                  :label="$t('main.tableSerialNo')"
+                  min-width="80">
+                </el-table-column>
+                <el-table-column
+                  prop="RibbonType"
+                  :label="$t('main.tableRibbonType')"
+                  min-width="80">
+                </el-table-column>
+                <el-table-column
+                  prop="RibbonAmount"
+                  :label="$t('main.tableRibbonAmount')"
+                  min-width="100">
+                  <template slot-scope="scope">
+                    <el-progress
+                      :color="customColors"
+                      :width="45"
+                      define-back-color="#ebeef5"
+                      :format="() => scope.row.RibbonAmount"
+                      :stroke-width="3"
+                      :percentage="
+                        scope.row.RibbonAmount == undefined || scope.row.RibbonAmount == '0'
+                          ? 0
+                          : parseFloat(((scope.row.RibbonAmount / getRibbonAmount(scope.row.ModeName, scope.row.RibbonType)) * 100).toFixed(0))
+                      "></el-progress>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="PrinterType"
+                  :label="$t('main.tablePrinterType')"
+                  min-width="100">
+                  <template slot-scope="scope">
+                    <el-dropdown
+                      trigger="click"
+                      @command="(e) => handleMachineCommand(e, scope.row.PrinterID)">
+                      <span
+                        class="el-dropdown-link"
+                        style="color: #000; font-size: 12px">
+                        {{ scope.row.PrinterType }}<i class="el-icon-arrow-down el-icon--right"></i>
+                      </span>
+                      <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item command="auto">
+                          <span style="color: #000; font-size: 12px">{{ $t('main.autoSetting') }}</span>
+                        </el-dropdown-item>
+                        <el-dropdown-item command="null">
+                          <span style="color: #000; font-size: 12px">{{ $t('main.cancelSetting') }}</span>
+                        </el-dropdown-item>
+                        <el-dropdown-item
+                          v-for="item in _PrinterTypeList"
+                          :key="item.value"
+                          :command="item.value">
+                          <span style="color: #000; font-size: 12px">{{ item.label }}</span>
+                        </el-dropdown-item>
+                      </el-dropdown-menu>
+                    </el-dropdown>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="PrinterRemaCapa"
+                  :label="$t('main.tablePrinterRemaCapa')"
+                  min-width="100">
+                  <template slot-scope="scope">
+                    <el-progress
+                      :color="customColors"
+                      :width="45"
+                      define-back-color="#ebeef5"
+                      :format="() => (scope.row.PrinterRemaCapa > 0 ? scope.row.PrinterRemaCapa : 0)"
+                      :stroke-width="3"
+                      :percentage="
+                        scope.row.PrinterRemaCapa == undefined || scope.row.PrinterRemaCapa == '0'
+                          ? 0
+                          : parseFloat((((scope.row.PrinterRemaCapa > 0 ? scope.row.PrinterRemaCapa : 0) / getPrinterRemaCapaAmount(scope.row.ModeName)) * 100).toFixed(0))
+                      "></el-progress>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </el-popover>
+          <el-popover
+            v-if="guideStep"
+            :placement="guideStep[6].placement"
+            width="250"
+            trigger="manual"
+            v-model="guideStep[6].show">
+            <div class="guide_box">
+              <div class="guide_title">
+                {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+              </div>
+              <div class="guide_desc">{{ $t(`guide.step7`) }}</div>
+              <div class="guide_btns">
+                <el-button
+                  @click="exitGuide"
+                  class="guide_btn1"
+                  size="mini"
+                  type="text"
+                  >{{ $t('guide.skip') }}</el-button
+                >
+                <el-button
+                  v-if="parseInt(currentStep) > 0"
+                  @click="prevStep"
+                  class="guide_btn1"
+                  size="mini"
+                  >{{ $t('guide.prev') }}</el-button
+                >
+                <el-button
+                  @click="nextStep"
+                  class="guide_btn2"
+                  size="mini"
+                  type="primary"
+                  >{{ currentStep == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                >
+              </div>
+            </div>
+            <div
+              slot="reference"
+              :class="{ guide_body: beginStep && currentStep == 6 }">
+              <el-tabs
+                v-model="activeName"
+                style="background-color: #fff; padding-bottom: 20px; max-height: 240px; margin-top: 10px 20px">
+                <el-tab-pane
+                  :label="$t(`index.workList`)"
+                  name="first">
+                  <div class="work worklist">
+                    <el-table
+                      height="200"
+                      :data="tasks"
+                      style="width: 100%"
+                      size="mini"
+                      :empty-text="$t('index.nodata')"
+                      row-class-name="rowclass">
+                      <el-table-column
+                        label="#"
+                        width="50">
+                        <template slot-scope="scope">
+                          {{ scope.$index + 1 }}
+                        </template>
+                      </el-table-column>
+                      <el-table-column
+                        prop="jId"
+                        :label="$t('index.wordID')"
+                        min-width="85">
+                      </el-table-column>
+                      <el-table-column
+                        prop="DataSource"
+                        :label="$t('index.wordOrigin')"
+                        min-width="50">
+                      </el-table-column>
+                      <el-table-column
+                        :label="$t('index.wordSpace')"
+                        min-width="45">
+                        <template slot-scope="scope">
+                          {{ getPrintName(scope.row.PrinterID, true) }}
+                        </template>
+                      </el-table-column>
+                      <el-table-column
+                        :label="$t('main.USBType')"
+                        min-width="55">
+                        <template slot-scope="scope">
+                          {{ scope.row.PrinterType }}
+                        </template>
+                      </el-table-column>
+                      <el-table-column
+                        min-width="60"
+                        prop="TaskCapacity"
+                        :label="$t('main.TaskCapacity')">
+                      </el-table-column>
+                      <el-table-column
+                        v-if="false"
+                        prop="DataDir"
+                        :label="$t('main.taskFile')">
+                      </el-table-column>
+                      <el-table-column
+                        prop="CreateTime"
+                        :label="$t('index.createTime')"
+                        min-width="75">
+                      </el-table-column>
+                      <el-table-column
+                        v-if="false"
+                        prop="usb_version"
+                        :label="$t('main.USBVersion')"
+                        :filters="[
+                          { text: '2.0', value: 2 },
+                          { text: '3.0', value: 3 }
+                        ]"
+                        :filter-method="filterHandler">
+                      </el-table-column>
+                      <el-table-column
+                        prop="FinishTime"
+                        :label="$t('index.finishedTime')"
+                        min-width="75">
+                      </el-table-column>
+                      <el-table-column
+                        prop="JobCompletion"
+                        min-width="40"
+                        :label="$t('index.finishedNumber')">
+                      </el-table-column>
+                      <el-table-column
+                        :label="$t('index.state')"
+                        prop="JobStatus"
+                        width="135">
+                        <template slot-scope="scope">
+                          <el-dropdown
+                            trigger="click"
+                            @command="(e) => handleTaskCommand(e, scope.row.JobID)"
+                            :disabled="scope.row.JobStatus != 'Fail'">
+                            <span
+                              class="el-dropdown-link"
+                              style="color: #000; font-size: 12px">
+                              {{ jobState(scope.row.JobStatus) }}<b v-if="scope.row.JobStatus === 'Copying'" style="margin-left: 3px;">{{ scope.row.CopySpeed ? Math.ceil(parseFloat(scope.row.CopySpeed)*10)/10 : '0.0' }}MB/s</b>
+                              <i
+                                class="el-icon-arrow-down el-icon--right"
+                                v-if="scope.row.JobStatus == 'Fail'"></i>
+                            </span>
+                            <el-dropdown-menu slot="dropdown">
+                              <el-dropdown-item command="refresh">
+                                <span style="color: #000; font-size: 12px">{{ $t('main.commandRefresh') }}</span>
+                              </el-dropdown-item>
+                              <el-dropdown-item command="delete">
+                                <span style="color: #000; font-size: 12px">{{ $t('main.commandDelete') }}</span>
+                              </el-dropdown-item>
+                            </el-dropdown-menu>
+                          </el-dropdown>
+                          <el-progress
+                            :color="customColors"
+                            :width="45"
+                            define-back-color="#ebeef5"
+                            :stroke-width="3"
+                            :percentage="parseFloat(scope.row.TaskPercentage.replace(`%`, ``))"
+                            v-if="scope.row.JobStatus == `Copying`"></el-progress>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </el-tab-pane>
+                <el-tab-pane
+                  :label="$t(`index.curLog`)"
+                  name="second">
+                  <div class="work">
+                    <div class="w_title">
+                      <div class="w_right">
+                        <el-button
+                          type="text"
+                          icon="el-icon-document-copy"
+                          v-if="isAdmin"
+                          @click="getWLogData()">
+                          {{ $t('index.openHistoryLog') }}
+                        </el-button>
+                      </div>
+                    </div>
+                    <div
+                      class="c_log"
+                      v-html="log"></div></div
+                ></el-tab-pane>
+              </el-tabs>
+            </div>
+          </el-popover>
+          <s-footer></s-footer>
+        </div>
+      </div>
+      <div
+        :span="3"
+        style="height: 100%; width: 164px">
+        <div
+          class="grid-content bg-purple right"
+          style="overflow: hidden">
+          <el-popover
+            v-if="guideStep"
+            :placement="guideStep[3].placement"
+            width="250"
+            trigger="manual"
+            v-model="guideStep[3].show">
+            <div class="guide_box">
+              <div class="guide_title">
+                {{ $t('guide.title') }}<span>（{{ parseInt(currentStep) + 1 }}/{{ guideStep.length }}）</span>
+              </div>
+              <div class="guide_desc">{{ $t(`guide.step4`) }}</div>
+              <div class="guide_btns">
+                <el-button
+                  @click="exitGuide"
+                  class="guide_btn1"
+                  size="mini"
+                  type="text"
+                  >{{ $t('guide.skip') }}</el-button
+                >
+                <el-button
+                  v-if="parseInt(currentStep) > 0"
+                  @click="prevStep"
+                  class="guide_btn1"
+                  size="mini"
+                  >{{ $t('guide.prev') }}</el-button
+                >
+                <el-button
+                  @click="nextStep"
+                  class="guide_btn2"
+                  size="mini"
+                  type="primary"
+                  >{{ currentStep == guideStep.length - 1 ? $t('guide.complete') : $t('guide.next') }}</el-button
+                >
+              </div>
+            </div>
+            <div
+              class="title"
+              slot="reference"
+              :class="{ guide_body: beginStep && currentStep == 3 }">
+              {{ $t('index.notice') }}
+            </div>
+          </el-popover>
+
+          <template v-for="(item,index) of errList">
+            <warnCard
+              :key="index"
+              :data="item"
+              @ok="okWarning"
+              v-if="item.show" />
+          </template>
+        </div>
+      </div>
+    </div>
+    <div v-if="dialogVisible">
+      <el-dialog
+        @close="initData"
+        :visible.sync="dialogVisible"
+        width="1200px"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :title="$t('index.newWork')">
+        <work
+          :dice="DualSide == 1 ? 2 : 1"
+          @jobPost="closeWork"
+          @addError="addError"
+          :isNew="isNew"
+          :saveWorkList="saveWorkList"
+          :printerList="infoData"
+          :shareDisk="shareDisk"
+          :isCopy="isLocal"
+          :filterPassedType="filterPassedType"
+          :sizeType="_PrinterTypeList">
+        </work>
+      </el-dialog>
+    </div>
+    <div v-if="dialogNetVisible">
+      <el-dialog
+        :visible.sync="dialogNetVisible"
+        width="1200px"
+        :destroy-on-close="true"
+        :close-on-click-modal="false"
+        :title="$t('index.newWork')">
+        <worknet
+          :dice="DualSide == 1 ? 2 : 1"
+          @jobPost="closeNetWork"
+          :printerList="infoData">
+        </worknet>
+      </el-dialog>
+    </div>
+    <el-dialog
+      width="1040px"
+      :title="$t('index.entireLog')"
+      :visible.sync="dialogWholeLog">
+      <div
+        class="wLog"
+        v-html="wlog"
+        style="text-align: left"></div>
+    </el-dialog>
+
+    <!-- 开始用户引导 -->
+    <el-dialog
+      class="guide_dialog"
+      top="30vh"
+      :show-close="false"
+      title="温馨提示"
+      :visible.sync="showStep"
+      width="350px"
+      :close-on-click-modal="false">
+      <div class="start_box">
+        <div class="start_content">欢迎使用卡树自动拷贝打印系统，我们将引导您使用本系统，请按照提示学习操作！</div>
+        <div class="start_hide">
+          <el-checkbox v-model="hideStep">本次引导结束，不再进入</el-checkbox>
+        </div>
+        <div class="start_btn">
+          <el-button
+            @click="startStep"
+            type="primary"
+            >开始引导</el-button
+          >
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+const { ipcRenderer } = require('electron')
+const { dialog } = require('@electron/remote')
+var fs = require('fs'),
+  ini = require('ini')
+import IP from 'ip'
+var os = require('os')
+var fs = require('fs')
+import work from './work'
+import worknet from './worknet'
+import sFooter from './footer.vue'
+import warnCard from './warn-card.vue'
+import N80N from '../assets/80N.png'
+import N800N from '../assets/800N.png'
+
+export default {
+  name: 'Main',
+  components: {
+    work,
+    worknet,
+    warnCard,
+    sFooter
+  },
+  data() {
+    return {
+      guideStep: null,
+      currentStep: 0,
+      showStep: false,
+      hideStep: false,
+      beginStep: false,
+      customColors: [
+        { color: '#f56c6c', percentage: 20 },
+        { color: '#e6a23c', percentage: 50 },
+        { color: '#5cb87a', percentage: 100 }
+      ],
+      N80N: N80N,
+      N800N: N800N,
+      state: false,
+      activeName: 'first',
+      tableData: [
+        {
+          id: 1,
+          workspace: 'LAPTOP-1024',
+          type: 1,
+          size: 8,
+          usb_version: 2,
+          req_num: 59,
+          done_num: 100,
+          status: 1,
+          process: 59,
+          info: 'sth'
+        }
+      ],
+      printData: 0, //打印机选择
+      dialogVisible: false,
+      dialogNetVisible: false,
+      DualSide: null,
+      infoData: [],
+      checkStates: {},
+      tasks: [],
+      log: '',
+      wlog: '',
+      timer1: '',
+      timer2: '',
+      dialogWholeLog: false,
+      isNew: true,
+      saveWorkList: {},
+      languages: [
+        {
+          value: 'zh',
+          label: '中文（简体）'
+        },
+        {
+          value: 'ozh',
+          label: '中文（繁体）'
+        },
+        {
+          value: 'en',
+          label: 'English'
+        }
+      ],
+      selectLan: '',
+      errs: {
+        87: { tag: 'ERROR_INVALID_PARAMETER', err: 0 },
+        30016: { tag: 'PAVO_DS_LOCKED', err: 0 },
+        128: { tag: 'PAVO_DS_OFFLINE', err: 0 },
+        256: { tag: 'PAVO_DS_0100_COVER_OPEN', err: 0 },
+        257: { tag: 'PAVO_DS_0200_IC_MISSING', err: 0 },
+        512: { tag: 'PAVO_DS_0201_RIBBON_MISSING', err: 0 },
+        513: { tag: 'PAVO_DS_0202_RIBON_MISMATCH', err: 0 },
+        259: { tag: 'PAVO_DS_0203_RIBBON_TYPE_ERROR', err: 0 },
+        768: { tag: 'PAVO_DS_0300_RIBBON_SEARCH_FAIL', err: 0 },
+        769: { tag: 'PAVO_DS_0301_RIBBON_OUT', err: 0 },
+        770: { tag: 'PAVO_DS_0302_PRINT_FAIL', err: 0 },
+        771: { tag: 'PAVO_DS_0303_PRINT_FAIL', err: 0 },
+        772: { tag: 'PAVO_DS_0304_RIBBON_OUT', err: 0 },
+        1024: { tag: 'PAVO_DS_0400_CARD_OUT', err: 1 },
+        1280: { tag: 'PAVO_DS_0500_CARD_JAM', err: 1 },
+        1281: { tag: 'PAVO_DS_0501_CARD_JAM', err: 1 },
+        1282: { tag: 'PAVO_DS_0502_CARD_JAM', err: 1 },
+        1283: { tag: 'PAVO_DS_0503_CARD_JAM', err: 1 },
+        1284: { tag: 'PAVO_DS_0504_CARD_JAM', err: 1 },
+        1285: { tag: 'PAVO_DS_0505_CARD_JAM', err: 1 },
+        1286: { tag: 'PAVO_DS_0506_CARD_JAM', err: 1 },
+        1287: { tag: 'PAVO_DS_0507_CARD_JAM', err: 1 },
+        1288: { tag: 'PAVO_DS_0508_CARD_JAM', err: 1 },
+        1536: { tag: 'PAVO_DS_0600_CARD_MISMATCH', err: 0 },
+        1792: { tag: 'PAVO_DS_0700_CAM_ERROR', err: 0 },
+        2048: { tag: 'PAVO_DS_0800_FLIPPER_ERROR', err: 0 },
+        2049: { tag: 'PAVO_DS_0801_FLIPPER_ERROR', err: 0 },
+        2050: { tag: 'PAVO_DS_0802_FLIPPER_ERROR', err: 0 },
+        2051: { tag: 'PAVO_DS_0803_FLIPPER_ERROR', err: 0 },
+        2304: { tag: 'PAVO_DS_0900_NVRAM_ERROR', err: 0 },
+        4096: { tag: 'PAVO_DS_1000_RIBBON_ERROR', err: 0 },
+        4352: { tag: 'PAVO_DS_1100_RBN_TAKE_CALIB_FAIL', err: 0 },
+        4353: { tag: 'PAVO_DS_1101_RBN_SUPPLY_CALIB_FAIL', err: 0 },
+        4608: { tag: 'PAVO_DS_1200_ADC_ERROR', err: 0 },
+        4864: { tag: 'PAVO_DS_1300_FW_ERROR', err: 0 },
+        4865: { tag: 'PAVO_DS_1301_FW_ERROR', err: 0 },
+        5120: { tag: 'PAVO_DS_1400_POWER_SUPPLY_ERROR', err: 0 },
+        65537: { tag: 'Firmware_Error', err: 0 },
+        65539: { tag: 'Encoder_Error3', err: 0 },
+        65540: { tag: 'Encoder_Error4', err: 0 },
+        65541: { tag: 'ADC_Error', err: 0 },
+        65542: { tag: 'Enocoder_Error_Film', err: 0 },
+        65552: { tag: 'Card_Jam', err: 1 },
+        65553: { tag: 'Card_Jam', err: 1 },
+        65554: { tag: 'Card_Jam', err: 1 },
+        65555: { tag: 'Card_Jam', err: 1 },
+        65556: { tag: 'Card_Jam', err: 1 },
+        65557: { tag: 'Card_Jam', err: 1 },
+        65558: { tag: 'Card_Jam', err: 1 },
+        65559: { tag: 'Card_Jam', err: 1 },
+        65560: { tag: 'Card_Jam', err: 1 },
+        65561: { tag: 'Card_Jam', err: 1 },
+        65562: { tag: 'Card_Jam', err: 1 },
+        65563: { tag: 'Card_Jam', err: 1 },
+        65569: { tag: 'Cover_open', err: 0 },
+        65570: { tag: 'Rejectbox_Open', err: 0 },
+        65571: { tag: 'Rejectbox_Full', err: 0 },
+        65572: { tag: 'Flat_Cover_Open', err: 0 },
+        65587: { tag: 'Flipper_Error', err: 0 },
+        65601: { tag: 'Ribbon_Out', err: 0 },
+        65602: { tag: 'Ribbon_Error', err: 0 },
+        65603: { tag: 'Ribbon_Missing', err: 0 },
+        65604: { tag: 'Ribbon_Unsupport', err: 0 },
+        65605: { tag: 'Ribbon_Missing', err: 0 },
+        65606: { tag: 'Ribbon_Out', err: 0 },
+        65607: { tag: 'Ribbon_Mismatch', err: 0 },
+        65608: { tag: 'Ribbon_Error', err: 0 },
+        65609: { tag: 'Ribbon_Error', err: 0 },
+        65610: { tag: 'Ribbon_Install_Error', err: 0 },
+        65617: { tag: 'Card_Feed_Error ', err: 1 },
+        65618: { tag: 'Card_Feed_Error ', err: 1 },
+        65619: { tag: 'Card_Feed_Error ', err: 1 },
+        65630: { tag: 'Card_Feed_Error ', err: 1 },
+        65631: { tag: 'Card_Out', err: 0 },
+        65649: { tag: 'Film_Out', err: 0 },
+        65650: { tag: 'Film_Error', err: 0 },
+        65651: { tag: 'Film_Missing', err: 0 },
+        65652: { tag: 'Film_Unsupport', err: 0 },
+        65653: { tag: 'Film_Missing', err: 0 },
+        65654: { tag: 'Film_Out', err: 0 },
+        65655: { tag: 'Film_Error', err: 0 },
+        65656: { tag: 'Film_Error', err: 0 },
+        65657: { tag: 'Film_Unsupport', err: 0 },
+        65658: { tag: 'Film_Install_Error', err: 0 },
+        65701: { tag: 'Printer_Memory_Full', err: 0 },
+        69639: { tag: 'Filpper_Not_Install', err: 0 },
+        69640: { tag: '600DPI_Not_Enabled', err: 0 },
+        69649: { tag: 'Ribbon_Unmatched', err: 0 },
+        69651: { tag: 'Text_Image_Outside', err: 0 },
+        69652: { tag: 'No_Card', err: 0 },
+        69653: { tag: 'Take_Ribbon', err: 0 },
+        131073: { tag: 'Ribbon_Low', err: 0 },
+        131074: { tag: 'Card_Low', err: 0 },
+        131075: { tag: 'Waiting_Card_In', err: 0 },
+        131076: { tag: 'Waiting_Card_Out', err: 0 },
+        131077: { tag: 'Card_Low', err: 0 },
+        131078: { tag: 'Card_Low', err: 0 },
+        131081: { tag: 'Need_Cleaning', err: 0 },
+        1167: { tag: 'PAVO_DS_OFFLINE', err: 0 },
+        196609: { tag: 'FIND_CARD', err: 0 }
+      },
+      errList: [],
+      isAdmin: false,
+      os: {
+        CardsoonModel: '',
+        Version: '',
+        SystemSn: '',
+        ip: '',
+        cpu: '',
+        ram: '',
+        hostname: '',
+        HD: '',
+        remainCacheSpace: '',
+        totalCacheSpace: ''
+      },
+      isLocal: false,
+      EquipOnline: '',
+      shareDisk: '',
+      root: '',
+      printerStatus: {},
+      ribbonList: {
+        P320E: {
+          YMCKO: '300',
+          K: '1500',
+          PrinterRemaCapa: '50'
+        },
+        S21: {
+          YMCKO: '300',
+          K: '1500',
+          PrinterRemaCapa: '50'
+        },
+        S20: {
+          YMCKO: '300',
+          K: '1500',
+          PrinterRemaCapa: '50'
+        },
+        'ID CARD PRINTER': {
+          YMCKO: '300',
+          K: '1500',
+          PrinterRemaCapa: '50'
+        }
+      },
+      CapSettings: [
+        {
+          value: 0.512,
+          disksize: '512MB',
+          usbtype: '2.0'
+        },
+        {
+          value: 4,
+          disksize: '4GB',
+          usbtype: '2.0'
+        },
+        {
+          value: 32,
+          disksize: '32GB',
+          usbtype: '2.0'
+        },
+        {
+          value: 64,
+          disksize: '64GB',
+          usbtype: '3.0'
+        },
+        {
+          value: 128,
+          disksize: '128GB',
+          usbtype: '3.0'
+        }
+      ],
+      typeRegex: /(\d+(?:\.\d+)?)(?=G)/,
+      typeRegex_M: /(\d+(?:\.\d+)?)(?=M)/,
+      filterPassedType: [],
+      intervalTime: 3000,
+      doingWorkStatus: true,
+      refreshTime1: localStorage.getItem('refreshTime1') ? parseInt(localStorage.getItem('refreshTime1')) : 3000,
+      refreshTime2: localStorage.getItem('refreshTime2') ? parseInt(localStorage.getItem('refreshTime2')) : 180000
+    }
+  },
+  created() {
+    const refreshTempTime1 = localStorage.getItem('refreshTime1')
+    const refreshTempTime2 = localStorage.getItem('refreshTime2')
+    if (refreshTempTime1) {
+      this.refreshTime1 = refreshTempTime1
+      // console.log('refreshTime1 set ', this.refreshTime1)
+    } else {
+      //默认值就是3000ms
+      //this.refreshTempTime1 = 3000;
+    }
+    if (refreshTempTime2) {
+      this.refreshTime2 = refreshTempTime2
+      // console.log('refreshTime2 set ', this.refreshTime2)
+    } else {
+      //默认值就是3000ms
+      //this.refreshTempTime1 = 3000;
+    }
+  },
+  mounted() {
+    this.getPrintData()
+    this.getLogData(1)
+    this.getSystemInfo()
+    this.selectLan = localStorage.getItem('lang')
+    this.isAdmin = localStorage.getItem('loginrole') == 'administrator'
+    // const tempTimer = setInterval(() => {
+    //   if (JSON.stringify(this.ribbonList) != '{}') {
+    //     this.getData(1) //首次触发需要先获取到Ribbon数据
+    //     clearInterval(tempTimer)
+    //   }
+    // }, 200)
+    ipcRenderer.on('open-program-callback', (event, data) => {
+      console.log(data)
+      this.openFile(data)
+    })
+
+    ipcRenderer.on('get-root-callback', (event, data) => {
+      this.root = data
+      this.getOS()
+      this.getRibbon()
+      this.getCapSettings()
+    })
+    ipcRenderer.send('get-root')
+    ipcRenderer.send('open-program')
+    this.guideStep = JSON.parse(localStorage.getItem('guideStep'))
+    console.log(this.guideStep)
+    this.currentStep = localStorage.getItem('currentStep')
+    if ((!localStorage.getItem('hideStep') || localStorage.getItem('hideStep') == 0)&&this.currentStep>-1) this.showStep = true
+    setTimeout(() => {
+      this.doingWorkStatus = false
+    }, 10000)
+    // this.timer2 = setInterval(this.getPrintData, this.refreshTime2)
+  },
+  beforeDestroy() {
+    this.stopTimer()
+  },
+  methods: {
+    initData() {
+      this.getData()
+      this.getLogData()
+      this.runCheckState()
+    },
+    handleMachineCommand(e, id) {
+      this.printerTypeChange(id, e)
+      console.log(e, id)
+    },
+    handleOpenSwitch(e) {
+      if (e) {
+        // true
+        this.play()
+      } else {
+        this.pause()
+      }
+    },
+    getSystemInfo(c) {
+      this.$axios({
+        method: 'get',
+        url: `web/systeminfo`
+      })
+        .then((res) => {
+          console.log(res)
+          this.os.ip = res.data.CPIPaddr
+          this.os.cpu = res.data.CPU
+          this.os.SystemSn = res.data.systemSNO
+          this.os.HD = res.data.diskInfo
+          this.os.remainCacheSpace = res.data.remainCacheSpace
+          this.os.totalCacheSpace = res.data.totalCacheSpace
+          let remain = this.os.remainCacheSpace.replace(' GB', '')
+          let total = res.data.totalCacheSpace.replace(' GB', '')
+          this.os.cacheSpaceNum = (parseFloat(remain) / parseFloat(total))*100
+          this.os.ram = res.data.CPMemory
+          this.os.CardsoonModel = res.data.systemName
+          this.os.hostname = res.data.CPName
+        })
+        .catch((e) => {
+          if (c) {
+            setTimeout(() => {
+              this.getSystemInfo(1)
+            }, 2000)
+          }
+        })
+    },
+    handleTypeCommand(val) {
+      this.$confirm(this.$t('index.tipsRefresh'), this.$t('index.tips'), {
+        confirmButtonText: this.$t('index.comfirm'),
+        cancelButtonText: this.$t('index.cancel'),
+        type: 'warning'
+      }).then(() => {
+        this.printerTypeChange(val)
+      })
+    },
+    printerTypeChange(pid, val) {
+      if (val == 'auto') {
+        this.refreshCard(pid)
+      } else if (val == 'null') {
+        this.$confirm(this.$t('index.tipsAutoRefresh'), this.$t('index.tips'), {
+          confirmButtonText: this.$t('index.comfirm'),
+          cancelButtonText: this.$t('index.cancel'),
+          type: 'warning'
+        }).then(() => {
+          this.$axios({
+            method: 'post',
+            url: `/printer/setunknowntype?printerid=${pid}`
+          }).then((res) => {
+            this.getPrintData()
+            this.$message({
+              offset: 100,
+              type: 'success',
+              message: this.$t('index.refreshSuccess')
+            })
+          })
+        })
+      } else {
+        this.$confirm(this.$t('index.tipsSet'), this.$t('index.tips'), {
+          confirmButtonText: this.$t('index.comfirm'),
+          cancelButtonText: this.$t('index.cancel'),
+          type: 'warning'
+        }).then(() => {
+          this.$axios({
+            method: 'post',
+            url: `/printer/setdisksizeprinter?printerid=${pid}&disksize=${val}`
+          }).then((res) => {
+            this.getPrintData()
+            this.$message({
+              offset: 100,
+              type: 'success',
+              message: this.$t('index.refreshSuccess')
+            })
+          })
+        })
+      }
+    },
+    stopTimer() {
+      clearInterval(this.timer1)
+      this.timer1 = null
+      clearInterval(this.timer2)
+      this.timer2 = null
+    },
+    getRibbon() {
+      let that = this
+      // fs.readFile(this.root + "/ribbonconfig.json", "utf-8", (err, res) => {
+      //   if (err) {
+
+      //   } else {
+      //     console.log(res);
+      //     that.ribbonList = JSON.parse(res);
+      //     console.log("ribbonList", that.ribbonList);
+      //   }
+      // });
+    },
+    getCapSettings() {
+      let that = this
+      // fs.readFile(this.root + "/CapSettings.json", "utf-8", (err, res) => {
+      //   if (err) {
+      //   } else {
+      //     console.log(res);
+      //     that.CapSettings = JSON.parse(res)["CapacityS"];
+      //     console.log("CapSettings", that.CapSettings);
+      //   }
+      // });
+    },
+    getOS() {
+      let that = this
+      console.log(this.root + '/../ProductionServer/config.ini')
+      fs.readFile(this.root + '/../ProductionServer/config.ini', 'utf-8', (err, res) => {
+        console.log(this.root + '/../ProductionServer/config.ini')
+        if (err) {
+          that.isLocal = false
+        } else {
+          let data = ini.parse(res)
+
+          this.shareDisk = data.SharedDir
+          that.isLocal = data.UploadSharedDir
+        }
+      })
+    },
+    getData(callback) {
+      this.$axios({
+        method: 'get',
+        url: '/web/cmd_getSummary'
+      })
+        .then((res) => {
+          this.state = true
+          let tasks = [...this.tasks]
+          this.tasks = []
+          for (let item of res.data.unfinishedTasks) {
+            item.jId = item.JobID.split('-')[0] //+ "...";
+            this.tasks.push(item)
+          }
+          for (let item of res.data.finishedTasks) {
+            item.jId = item.JobID.split('-')[0] //+ "...";
+            this.tasks.push(item)
+          }
+          let total1 = 0
+          let total2 = 0
+          for (let item of tasks) {
+            if (item.TaskPercentage === '100%') total1++
+          }
+          for (let item of this.tasks) {
+            if (item.TaskPercentage === '100%') total2++
+          }
+          if (total1!==total2) {
+            setTimeout(() => {
+              this.getPrintData()
+            }, 3000);
+          }
+          
+          if (callback) {
+            this.runCheckState() //首次先check一遍
+          }
+        })
+        .catch((e) => {
+          this.state = false
+          this.clear()
+        })
+    },
+    getPrintData() {
+      this.$axios({
+        method: 'get',
+        url: '/web/get_printer_info'
+      })
+        .then((res) => {
+          let infoData = [...this.infoData]
+          this.infoData = res.data.printerList.map((item, index) => {
+            let child = {...item}
+            console.log('childchildchild', infoData[index], child)
+            if (infoData[index]&&!child.ModeName&&!child.SerialNo) {
+              child = infoData[index]
+            }
+            return {
+              ...child,
+              _PrinterType: child.PrinterType
+            }
+          })
+          // console.log('infoData', this.infoData)
+          if (!res.data.printerList || res.data.printerList.length == 0) {
+            this.$message.error(this.$t('main.notConnected'))
+          }
+          let DualSide = 0 //默认是单面
+          let filterPassedType = []
+          for (const item of res.data.printerList) {
+            if (!this.checkStates[item.PrinterID]) {
+              //说明这是新增的打印机
+              this.checkStates[item.PrinterID] = 1
+            }
+            const fil = item.PrinterType.match(this.typeRegex)
+            const fil_m = item.PrinterType.match(this.typeRegex_M)
+            if (fil && fil[0]) {
+              filterPassedType.push(fil[0] - 0)
+            } else if (fil_m && fil_m[0]) {
+              filterPassedType.push(fil_m[0] / 1000 - 0)
+            }
+            if (item.DualSide == 1) {
+              //console.log(item);
+              DualSide = 1 //只要有一个是双面就是1
+            } else {
+              //console.log(item);
+            }
+          }
+          let isAllTypeNull = true
+          for (const item of res.data.printerList) {
+            if (item.PrinterType != -1) {
+              isAllTypeNull = false
+              break
+            }
+          }
+          if (isAllTypeNull) {
+            this.filterPassedType = this.CapSettings.map((item) => item.value)
+          } else {
+            this.filterPassedType = filterPassedType
+          }
+          this.DualSide = DualSide
+        })
+        .catch((e) => {
+          
+        })
+    },
+    // 清除报错通知
+    clear() {
+      this.checkStates = {}
+      this.tasks = []
+      this.errList = []
+      this.log = this.$t('index.nodata')
+      this.printerStatus = {}
+    },
+    // 添加报错通知
+    addError(data) {
+      console.log(data, this.errList)
+      //状态码存在错误列表中
+      this.errList.push({
+        i: this.errList.length + 1,
+        pid: this.errList.length + 1,
+        code: data.code,
+        printName: '新建作业',
+        tag: data.tag,
+        err: data.err,
+        show: true
+      })
+      console.log(data, this.errList)
+    },
+    getLogData(callback) {
+      this.$axios({
+        method: 'get',
+        url: '/web/cspserver.log'
+      })
+        .then((res) => {
+          let Logs = res.data.split('\n')
+          let log = ''
+          for (let s of Logs) {
+            log += '<p>' + s + '</p>'
+          }
+          this.log = log
+        })
+        .catch((e) => {
+        })
+    },
+    getWLogData() {
+      this.$axios({
+        method: 'get',
+        url: '/web/cspserver'
+      })
+        .then((res) => {
+          let Logs = res.data.split('\n')
+          let log = ''
+          for (let s of Logs) {
+            log += '<p>' + s + '</p>'
+          }
+          this.wlog = log
+          this.dialogWholeLog = true
+        })
+        .catch((e) => {
+          this.$message.error(this.$t('index.netFail'))
+        })
+    },
+    runCheckState() {
+      for (let i = 0; i < this.infoData.length; i++) {
+        this.checkState(i, this.infoData[i].PrinterID)
+      }
+    },
+    refreshCard(pid) {
+      this.$confirm(this.$t('index.tipsAutoRefresh'), this.$t('index.tips'), {
+        confirmButtonText: this.$t('index.comfirm'),
+        cancelButtonText: this.$t('index.cancel'),
+        type: 'warning'
+      }).then(() => {
+        this.$axios({
+          method: 'post',
+          url: '/printer/refreshprinter?printerid=' + pid
+        }).then((res) => {
+          this.$message({
+            offset: 100,
+            type: 'success',
+            message: this.$t('index.refreshSuccess')
+          })
+          this.getPrintData()
+        })
+      })
+    },
+    setState(id, state) {
+      this.printerStatus[id] = state
+    },
+    checkState(i, id) {
+      //检查打印机状态
+      if (this.checkStates[id] == 1) {
+        //如果是1检查
+        this.$axios({
+          method: 'post',
+          url: `/printer/checkstatus?printerid=${id}`
+        }).then((res) => {
+          //const data = JSON.parse(`{${res.data}}`);
+          const data = {
+            printer_status: res.data
+          }
+          // console.log(id, 'printer state: ' + data.printer_status)
+          if (data.printer_status == 128 || data.printer_status == 1167) {
+            this.setState(id, 'off')
+          } else {
+            this.setState(id, 'on')
+          }
+          if (this.errs[data.printer_status]) {
+            //状态码存在错误列表中
+            this.errList.push({
+              i: i,
+              pid: id,
+              code: data.printer_status,
+              printName: this.getPrintName(id),
+              tag: this.errs[data.printer_status].tag,
+              err: this.errs[data.printer_status].err,
+              show: true
+            })
+            this.checkStates[id] = 2 //让当前报错机器不再检查
+          }
+        })
+      }
+    },
+    okWarning(id, retry) {
+      this.checkStates[id] = 1
+      if (retry) {
+        this.initData()
+      }
+    },
+    closeWork() {
+      //关闭添加任务窗口
+      this.dialogVisible = false
+
+      this.initData()
+    },
+    closeNetWork() {
+      //关闭网络版添加任务窗口
+      this.dialogNetVisible = false
+    },
+    filterHandler(value, row, column) {
+      const property = column['property']
+      return row[property] === value
+    },
+    handleTaskCommand(e, id) {
+      this.$confirm(e == 'refresh' ? this.$t('main.taskRefreshCommandTips') : e == 'delete' ? this.$t('main.taskDeleteCommandTips') : '', this.$t('index.tips'), {
+        confirmButtonText: this.$t('index.comfirm'),
+        cancelButtonText: this.$t('index.cancel'),
+        type: 'warning'
+      }).then(() => {
+        if (e == 'refresh') {
+          this.restart_job(id)
+        } else if (e == 'delete') {
+          this.remove_job(id)
+        }
+      })
+    },
+    restart_serve() {
+      this.$message({ offset: 100, message: this.$t('index.restarting') })
+      this.$axios({
+        method: 'get',
+        url: '/cmd_resetprinter'
+      }).then((res) => {
+        this.$message({
+          offset: 100,
+          type: 'success',
+          message: this.$t('index.restartSucc')
+        })
+
+        this.initData()
+      })
+    },
+    restart_job(id) {
+      this.$axios({
+        method: 'get',
+        url: '/admin/cmd_resume_service?id=' + id
+      }).then((res) => {
+        this.$message({
+          offset: 100,
+          type: 'success',
+          message: this.$t('index.operSucc')
+        })
+
+        this.initData()
+      })
+    },
+    suspend_job(idx) {
+      let id = this.tasks[idx].JobID
+      this.$axios({
+        method: 'get',
+        url: '/cmd_pause_service?id=' + id
+      }).then((res) => {
+        this.$message({
+          offset: 100,
+          type: 'success',
+          message: this.$t('index.operSucc')
+        })
+
+        this.initData()
+      })
+    },
+    start_job(idx) {
+      let id = this.tasks[idx].JobID
+      this.$axios({
+        method: 'get',
+        url: '/cmd_resume_service?id=' + id
+      }).then((res) => {
+        this.$message({
+          offset: 100,
+          type: 'success',
+          message: this.$t('index.operSucc')
+        })
+
+        this.initData()
+        s
+      })
+    },
+    remove_job(id) {
+      // admin/cmd_cancel_service?id={}
+      this.$axios({
+        method: 'get',
+        url: '/admin/cmd_cancel_service?id=' + id
+      }).then((res) => {
+        this.$message({
+          offset: 100,
+          type: 'success',
+          message: this.$t('index.operSucc')
+        })
+        //this.tasks.splice(idx, 1);
+        this.initData()
+      })
+    },
+    removeDoneWork() {
+      this.$confirm(this.$t('index.tipsCont'), this.$t('index.tips'), {
+        confirmButtonText: this.$t('index.comfirm'),
+        cancelButtonText: this.$t('index.cancel'),
+        type: 'warning'
+      })
+        .then(() => {
+          //let rest = [];
+          //for(let item of this.tasks){
+          //    if(item.JobStatus == "成功"){
+          this.$axios({
+            method: 'post',
+            url: '/web/delcompletetask'
+          })
+          //    }else{
+          //  rest.push(item);
+          //    }
+          //}
+          //this.tasks = rest;
+          this.$message({
+            offset: 100,
+            type: 'success',
+            message: this.$t('index.deleteSucc')
+          })
+
+          this.initData()
+        })
+        .catch(() => {
+          this.$message({
+            offset: 100,
+            type: 'info',
+            message: this.$t('index.cancelDelete')
+          })
+        })
+    },
+    jobState(str) {
+      switch (str) {
+        case 'New':
+          return this.$t('index.new')
+        case 'Pending':
+          return this.$t('index.pendding')
+        case 'Printing':
+          return this.$t('index.printing')
+        case 'Copying':
+          return this.$t('index.copying')
+        case 'Fail':
+          return this.$t('index.fail')
+        case 'Done':
+          return this.$t('index.done')
+        case 'FileReady':
+          return this.$t('index.fileready')
+        case 'Cancel':
+          return this.$t('index.cancelState')
+      }
+    },
+    openFile(openPath) {
+      console.log('openFile')
+      this.isNew = false
+      const _this = this
+      fs.readFile(openPath, (err, data) => {
+        let fName = openPath.trim()
+        let fileName = fName.substring(fName.lastIndexOf('\\') + 1)
+        _this.saveWorkList = JSON.parse(data)
+        _this.saveWorkList.taskName = fileName
+        _this.dialogVisible = true
+      }).catch((err) => {
+        console.log(err)
+      })
+    },
+
+    openWork() {
+      console.log('openWork')
+      this.isNew = false
+      const _this = this
+      dialog
+        .showOpenDialog({
+          title: this.$t('admin.openWork'),
+          filters: [{ name: 'Soon Work', extensions: ['swk'] }]
+        })
+        .then((res) => {
+          fs.readFile(res.filePaths[0], (err, data) => {
+            let fName = res.filePaths[0].trim()
+            let fileName = fName.substring(fName.lastIndexOf('\\') + 1)
+            _this.saveWorkList = JSON.parse(data)
+            _this.saveWorkList.taskName = fileName
+            _this.dialogVisible = true
+          }).catch((err) => {
+            console.log(err)
+          })
+        })
+    },
+    newWork() {
+      if (this.currentStep == 7) {
+        this.nextStep()
+        return
+      }
+      this.isNew = true
+      this.dialogVisible = true
+    },
+    newNetWork() {
+      //this.isNew = true;
+      this.dialogNetVisible = true
+    },
+
+    toChar(n) {
+      return String.fromCharCode(65 + parseInt(n))
+    },
+    getPrintName(id, onlyId) {
+      if (onlyId === true) {
+        return id.substr(-5)
+      }
+      return this.$t('index.wordSpace') + id.substr(-5)
+    },
+    getPrinterRemaCapaAmount(ModeName) {
+      // console.log('PrinterRemaCapa', this.ribbonList[ModeName].PrinterRemaCapa)
+      return this.ribbonList[ModeName].PrinterRemaCapa || 0
+    },
+    getRibbonAmount(ModeName, RibbonType) {
+      console.log('getRibbonAmount', this.ribbonList)
+      return this.ribbonList[ModeName][RibbonType] || 0
+    },
+    play() {
+      this.$confirm(this.$t('index.tipsPlaying'), this.$t('index.tips'), {
+        confirmButtonText: this.$t('index.comfirm'),
+        cancelButtonText: this.$t('index.cancel'),
+        type: 'warning'
+      }).then(() => {
+        var cmdShell = require('node-cmd')
+        cmdShell.run('chcp 65001>nul && net start CSPServer', (err, data, stderr) => {
+          if (!err) {
+            this.$message({
+              offset: 100,
+              type: 'success',
+              message: this.$t('systemControl.prepareStart')
+            })
+            console.log('success', data)
+            this.getData()
+            this.getSystemInfo(1)
+          } else {
+            this.$message({
+              offset: 100,
+              type: 'success',
+              message: this.$t('systemControl.prepareStart')
+            })
+            console.log('error', err)
+            this.getData()
+            this.getSystemInfo(1)
+          }
+        })
+      })
+    },
+    pause() {
+      this.$confirm(this.$t('index.tipsPausing'), this.$t('index.tips'), {
+        confirmButtonText: this.$t('index.comfirm'),
+        cancelButtonText: this.$t('index.cancel'),
+        type: 'warning'
+      }).then(() => {
+        var cmdShell = require('node-cmd')
+        cmdShell.run('net stop CSPServer', (err, data, stderr) => {
+          if (!err) {
+            this.$message({
+              offset: 100,
+              type: 'success',
+              message: this.$t('systemControl.pauseStart')
+            })
+            console.log('success', data)
+            this.getData()
+          } else {
+            this.$message({
+              offset: 100,
+              type: 'error',
+              message: this.$t('systemControl.pauseFailed')
+            })
+            console.log('error', err)
+            this.getData()
+          }
+        })
+      })
+    },
+    // 开启引导
+    startStep() {
+      let hideStep = this.hideStep ? 1 : 0
+      localStorage.setItem('hideStep', hideStep)
+      this.showStep = false
+      this.beginStep = true
+      if (this.guideStep[this.currentStep]) {
+        this.guideStep[this.currentStep].show = false
+        setTimeout(() => {
+          this.guideStep[this.currentStep].show = true
+        }, 100)
+      }
+    },
+    // 退出新手引导
+    exitGuide() {
+      for (let key in this.guideStep) {
+        this.guideStep[key].show = false
+      }
+      this.currentStep = -1
+      localStorage.setItem('currentStep', this.currentStep)
+      localStorage.setItem('guideStep', JSON.stringify(this.guideStep))
+    },
+    // 上一步
+    prevStep(e) {
+      this.guideStep[this.currentStep].show = false
+      this.currentStep = parseInt(this.currentStep) - 1
+      if (this.guideStep[this.currentStep]) {
+        this.guideStep[this.currentStep].show = true
+        localStorage.setItem('guideStep', JSON.stringify(this.guideStep))
+        localStorage.setItem('currentStep', this.currentStep)
+      } else {
+        this.exitGuide()
+      }
+    },
+    // 下一步
+    nextStep() {
+      if (this.currentStep == 7) {
+        this.isNew = true
+        this.dialogVisible = true
+      }
+      this.guideStep[this.currentStep].show = false
+      this.currentStep = parseInt(this.currentStep) + 1
+      if (this.guideStep[this.currentStep]) {
+        this.guideStep[this.currentStep].show = true
+        localStorage.setItem('guideStep', JSON.stringify(this.guideStep))
+        localStorage.setItem('currentStep', this.currentStep)
+      } else {
+        this.exitGuide()
+      }
+    }
+  },
+  computed: {
+    doneCopyNum() {
+      if (this.tasks.length != 0) {
+        return this.tasks.filter((item) => {
+          return item.JobStatus == 'Done'
+        }).length
+      } else {
+        return 0
+      }
+    },
+    cancelCopyNum() {
+      if (this.tasks.length != 0) {
+        return this.tasks.filter((item) => {
+          return item.JobStatus == 'Cancel'
+        }).length
+      } else {
+        return 0
+      }
+    },
+    failNum() {
+      if (this.tasks.length != 0) {
+        return this.tasks.filter((item) => {
+          return item.JobStatus == 'Fail'
+        }).length
+      } else {
+        return 0
+      }
+    },
+    _PrinterTypeList() {
+      return [
+        ...this.CapSettings.map((item) => {
+          return {
+            value: item.disksize,
+            label: item.disksize + '|' + item.usbtype
+          }
+        })
+      ]
+    },
+    hasDoingWork() {
+      // True 就是不休眠 |||| False就是休眠
+      let flag = (
+        this.tasks.filter((item) => {
+          return item.JobStatus != 'Done' && item.JobStatus != 'Fail' && item.JobStatus != 'Cancel'
+        }).length != 0 ||
+        this.state == false ||
+        this.infoData.filter((item) => item.SerialNo == '').length != 0 || this.doingWorkStatus
+      )
+      return flag
+    },
+    user() {
+      return decodeURI(localStorage.getItem('loginname'))
+    }
+  },
+  watch: {
+    hasDoingWork: {
+      handler() {
+        // if (this.hasDoingWork) {
+        //   this.intervalTime = parseInt(this.refreshTime1)
+        //   clearInterval(this.timer1)
+        //   this.timer1 = setInterval(this.initData, this.intervalTime)
+        // } else {
+        //   this.intervalTime = parseInt(this.refreshTime2)
+        //   clearInterval(this.timer1)
+        //   this.timer1 = setInterval(this.initData, this.intervalTime)
+        // }
+      },
+      immediate: true
+    },
+    selectLan(val) {
+      localStorage.setItem('lang', val)
+      this.$i18n.locale = val
+    }
+  }
+}
+</script>
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.wLog {
+  max-height: 600px;
+  overflow: auto;
+}
+h1,
+h2 {
+  font-weight: normal;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+// li {
+//   display: inline-block;
+//   margin: 0 10px;
+// }
+a {
+  color: #42b983;
+}
+.left {
+  background-color: #e8e7ee;
+  height: 100%;
+  padding: 20px 5px;
+  border-right: #b8b8b8 solid 1px;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  .title {
+    color: #999999;
+    font-size: 28px;
+  }
+  .card {
+    background-color: #f5f5f5;
+    height: 50px;
+    line-height: 55px;
+    color: #3a3a3a;
+    border: #b8b8b8 solid 1px;
+    margin-top: 10px;
+    cursor: pointer;
+  }
+}
+
+.mid {
+  background-color: #f5f5f5;
+  height: 100%;
+  padding-top: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  overflow-y: hidden;
+  &::-webkit-scrollbar {
+    /*滚动条整体样式*/
+    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+    height: 1px;
+  }
+  &::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    background: #c7c7cb;
+  }
+  &::-webkit-scrollbar-track {
+    /*滚动条里面轨道*/
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    border-radius: 10px;
+    background: #ededed;
+  }
+  .title {
+    font-size: 32px;
+    .add {
+      float: left;
+    }
+  }
+  .brief {
+    height: 180px;
+    width: 100%;
+    background-color: #ffffff;
+    box-shadow: 6px 3px 11px 0px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
+    margin-top: 20px;
+    padding: 20px;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+
+    .item {
+      margin-top: 12px;
+      font-size: 12px;
+    }
+    .b_title {
+      position: absolute;
+      font-weight: bold;
+    }
+    .b_left {
+      position: relative;
+      height: 100%;
+      border-right: #b8b8b8 solid 1px;
+      text-align: left;
+    }
+    .b_mid {
+      position: relative;
+      height: 100%;
+      text-align: left;
+      //border-right: #B8B8B8 solid 1px;
+    }
+    .b_right {
+      position: relative;
+      height: 100%;
+    }
+  }
+  .work {
+    // height: 180px;
+    width: 100%;
+    background-color: #ffffff;
+    box-shadow: 6px 3px 11px 0px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
+    margin-bottom: 10px;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    .w_title {
+      font-size: 24px;
+      font-weight: bold;
+      text-align: left;
+      .w_right {
+        position: absolute;
+        right: 20px;
+      }
+    }
+
+    &::-webkit-scrollbar {
+      /*滚动条整体样式*/
+      width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+      height: 1px;
+    }
+    &::-webkit-scrollbar-thumb {
+      /*滚动条里面小方块*/
+      border-radius: 10px;
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+      background: #c7c7cb;
+    }
+    &::-webkit-scrollbar-track {
+      /*滚动条里面轨道*/
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+      border-radius: 10px;
+      background: #ededed;
+    }
+  }
+}
+.right {
+  background-color: #c8cfd7;
+  height: 100%;
+  padding: 20px 10px;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  .title {
+    color: #999999;
+    font-size: 28px;
+  }
+  .log {
+    padding: 20px;
+    font-size: 18px;
+    background-color: #e2e2e2;
+    border: #b8b8b8 solid 1px;
+    color: #333333;
+    margin-top: 10px;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+  }
+}
+
+.c_log {
+  // height: 180px;
+  text-align: left;
+  color: #999999;
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    /*滚动条整体样式*/
+    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+    height: 1px;
+  }
+  &::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    background: #c7c7cb;
+  }
+  &::-webkit-scrollbar-track {
+    /*滚动条里面轨道*/
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    border-radius: 10px;
+    background: #ededed;
+  }
+  /deep/ p {
+    margin: 0;
+    font-size: 14px;
+    line-height: 22px;
+  }
+}
+
+.user {
+  font-size: 15px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  .link {
+    color: blue;
+    cursor: pointer;
+  }
+}
+/deep/ .el-dialog__body {
+  padding: 10px 20px !important;
+}
+
+/deep/ .el-table {
+  font-size: 12px;
+}
+
+/deep/ .el-dialog {
+  margin-top: 3vh !important;
+}
+/* 开始引导 */
+.guide_dialog {
+  /deep/ .el-dialog {
+    margin-top: 25vh !important;
+  }
+}
+.start_box {
+  .start_content {
+    font-size: 15px;
+    line-height: 24px;
+  }
+  .start_hide {
+    padding: 40px 0 10px;
+  }
+}
+
+.worklist{
+  .el-table {
+    height: calc(100vh - 520px) !important;
+    /deep/ .el-table__body-wrapper {
+      height: calc(100% - 48px) !important;
+      overflow: scroll!important;
+    }
+  }
+  ::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 0;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+</style>
+<style>
+.rowclass {
+  background-color: #e4ecdc !important;
+}
+</style>
diff --git a/src/renderer/components/recorder/ScreenRecorder.vue b/src/renderer/components/recorder/ScreenRecorder.vue
new file mode 100644
index 0000000..ff32c8e
--- /dev/null
+++ b/src/renderer/components/recorder/ScreenRecorder.vue
@@ -0,0 +1,252 @@
+<template>
+  <div class="screen-recorder">
+    <el-tooltip 
+      :content="isRecording ? $t('recorder.stopRecording') : $t('recorder.startRecording')" 
+      placement="top">
+      <el-button
+        :type="isRecording ? 'danger' : 'primary'"
+        :icon="isRecording ? 'el-icon-video-pause' : 'el-icon-video-camera'"
+        circle
+        @click="toggleRecording"
+        :loading="loading"
+        class="record-btn"
+      >
+      </el-button>
+    </el-tooltip>
+    
+    <!-- 录制状态指示器 -->
+    <div v-if="isRecording" class="recording-indicator">
+      <span class="recording-dot"></span>
+      <span class="recording-text">{{ recordingTime }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+const { ipcRenderer } = require('electron');
+
+export default {
+  name: 'ScreenRecorder',
+  data() {
+    return {
+      isRecording: false,
+      loading: false,
+      mediaRecorder: null,
+      recordedChunks: [],
+      startTime: null,
+      recordingTime: '00:00',
+      timer: null,
+      stream: null
+    };
+  },
+  methods: {
+    async toggleRecording() {
+      if (this.isRecording) {
+        await this.stopRecording();
+      } else {
+        await this.startRecording();
+      }
+    },
+
+    async startRecording() {
+      this.loading = true;
+      
+      try {
+        // 调用主进程开始录制
+        const result = await ipcRenderer.invoke('start-recording');
+        
+        if (!result.success) {
+          this.$message.error(result.message);
+          this.loading = false;
+          return;
+        }
+
+        // 获取屏幕流
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: false,
+          video: {
+            mandatory: {
+              chromeMediaSource: 'desktop',
+              chromeMediaSourceId: result.sourceId,
+              minWidth: 1280,
+              maxWidth: 1920,
+              minHeight: 720,
+              maxHeight: 1080
+            }
+          }
+        });
+
+        this.stream = stream;
+        this.recordedChunks = [];
+        
+        // 创建MediaRecorder
+        this.mediaRecorder = new MediaRecorder(stream, {
+          mimeType: 'video/webm'
+        });
+
+        this.mediaRecorder.ondataavailable = (event) => {
+          if (event.data.size > 0) {
+            this.recordedChunks.push(event.data);
+          }
+        };
+
+        this.mediaRecorder.onstop = async () => {
+          await this.saveRecording();
+        };
+
+        // 开始录制
+        this.mediaRecorder.start();
+        this.isRecording = true;
+        this.startTime = Date.now();
+        this.startTimer();
+        
+        this.$message.success(this.$t('recorder.recordingStarted') || '开始录制');
+        this.$emit('recording-started');
+        
+      } catch (error) {
+        console.error('启动录制失败:', error);
+        this.$message.error(this.$t('recorder.startFailed') || '启动录制失败');
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    async stopRecording() {
+      this.loading = true;
+      
+      try {
+        if (this.mediaRecorder && this.mediaRecorder.state !== 'inactive') {
+          this.mediaRecorder.stop();
+        }
+        
+        // 停止所有轨道
+        if (this.stream) {
+          this.stream.getTracks().forEach(track => track.stop());
+          this.stream = null;
+        }
+        
+        this.isRecording = false;
+        this.stopTimer();
+        this.$emit('recording-stopped');
+        
+      } catch (error) {
+        console.error('停止录制失败:', error);
+        this.$message.error(this.$t('recorder.stopFailed') || '停止录制失败');
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    async saveRecording() {
+      if (this.recordedChunks.length === 0) {
+        return;
+      }
+
+      try {
+        // 将录制的数据块合并为Blob
+        const blob = new Blob(this.recordedChunks, {
+          type: 'video/webm'
+        });
+
+        // 转换为base64
+        const reader = new FileReader();
+        reader.onloadend = async () => {
+          const base64data = reader.result;
+          
+          // 发送到主进程保存
+          const result = await ipcRenderer.invoke('stop-recording', base64data);
+          
+          if (result.success) {
+            this.$message.success(this.$t('recorder.savedSuccess') || `录制已保存: ${result.fileName}`);
+            this.$emit('recording-saved', result);
+          } else {
+            this.$message.error(result.message);
+          }
+        };
+        reader.readAsDataURL(blob);
+        
+      } catch (error) {
+        console.error('保存录制失败:', error);
+        this.$message.error(this.$t('recorder.saveFailed') || '保存录制失败');
+      }
+    },
+
+    startTimer() {
+      this.timer = setInterval(() => {
+        const elapsed = Math.floor((Date.now() - this.startTime) / 1000);
+        const minutes = Math.floor(elapsed / 60).toString().padStart(2, '0');
+        const seconds = (elapsed % 60).toString().padStart(2, '0');
+        this.recordingTime = `${minutes}:${seconds}`;
+      }, 1000);
+    },
+
+    stopTimer() {
+      if (this.timer) {
+        clearInterval(this.timer);
+        this.timer = null;
+        this.recordingTime = '00:00';
+      }
+    },
+
+    // 外部调用的方法，用于在提交作业时自动停止录制
+    async stopIfRecording() {
+      if (this.isRecording) {
+        await this.stopRecording();
+      }
+    }
+  },
+
+  beforeDestroy() {
+    // 组件销毁时确保停止录制
+    if (this.isRecording) {
+      this.stopRecording();
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.screen-recorder {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+
+  .record-btn {
+    &:hover {
+      transform: scale(1.1);
+    }
+  }
+
+  .recording-indicator {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    padding: 5px 10px;
+    background: rgba(245, 108, 108, 0.1);
+    border-radius: 15px;
+
+    .recording-dot {
+      width: 8px;
+      height: 8px;
+      background: #f56c6c;
+      border-radius: 50%;
+      animation: blink 1s infinite;
+    }
+
+    .recording-text {
+      font-size: 14px;
+      color: #f56c6c;
+      font-weight: 500;
+    }
+  }
+}
+
+@keyframes blink {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.3;
+  }
+}
+</style>
diff --git a/src/renderer/components/work.vue b/src/renderer/components/work.vue
index b94e4f2..0e5e8d1 100644
--- a/src/renderer/components/work.vue
+++ b/src/renderer/components/work.vue
@@ -251,6 +251,22 @@
               {{ $t('work.senior') }}
             </el-button>
           </el-popover>
+          <!-- 屏幕录制按钮 -->
+              <screen-recorder
+      ref="screenRecorder"
+      @recording-started="onRecordingStarted"
+      @recording-stopped="onRecordingStopped"
+      @recording-saved="onRecordingSaved"
+      style="margin-left: 10px; display: inline-block;"
+    />
+    
+    <!-- 网络路径认证对话框 -->
+    <network-auth-dialog
+      :visible="networkAuthVisible"
+      :network-paths="networkAuthPaths"
+      @confirm="onNetworkAuthConfirm"
+      @cancel="onNetworkAuthCancel"
+    />
         </div>
       </div>
       <el-row
@@ -1145,6 +1161,8 @@ function getNowFormatDate() {
   return currentdate
 }
 import Files from './files/file.vue'
+import ScreenRecorder from './recorder/ScreenRecorder.vue'
+import NetworkAuthDialog from './NetworkAuthDialog.vue'
 let fs = require('fs')
 let path = require('path')
 const { app, dialog } = require('@electron/remote')
@@ -1182,10 +1200,17 @@ export default {
     }
   },
   components: {
-    Files
+    Files,
+    ScreenRecorder,
+    NetworkAuthDialog
   },
   data() {
     return {
+      // 网络路径认证相关
+      networkAuthVisible: false,
+      networkAuthPaths: [],
+      networkCredentials: {},
+      
       // 模板列表
       templates: [],
       currentTemplate: '',
@@ -1392,10 +1417,77 @@ export default {
         this.guideStep[this.currentStep].show = true
       }, 200)
     }
+    
+    // 加载网络认证信息
+    this.loadNetworkCredentials()
+    
     this.getTemplates()
   },
   updated() {},
   methods: {
+    // 录制相关方法
+    onRecordingStarted() {
+      console.log('录制已开始')
+    },
+    onRecordingStopped() {
+      console.log('录制已停止')
+    },
+    onRecordingSaved(result) {
+      console.log('录制已保存:', result)
+      this.$message.success(`录制已保存: ${result.fileName}`)
+    },
+    async stopRecordingIfActive() {
+      // 如果正在录制，则停止录制
+      if (this.$refs.screenRecorder) {
+        await this.$refs.screenRecorder.stopIfRecording()
+      }
+    },
+    
+    // 网络路径认证相关方法
+    loadNetworkCredentials() {
+      try {
+        const stored = localStorage.getItem('networkCredentials')
+        if (stored) {
+          this.networkCredentials = JSON.parse(stored)
+        }
+      } catch (error) {
+        console.error('加载网络认证信息失败:', error)
+      }
+    },
+    
+    // 检查是否有网络路径需要认证
+    checkNetworkPaths() {
+      if (this.$refs.files && this.$refs.files.hasNetworkPaths()) {
+        const networkPaths = this.$refs.files.getNetworkPaths()
+        if (networkPaths.length > 0) {
+          this.networkAuthPaths = networkPaths
+          this.networkAuthVisible = true
+          return true
+        }
+      }
+      return false
+    },
+    
+    // 网络认证确认回调
+    onNetworkAuthConfirm(netInfo) {
+      this.networkCredentials = netInfo
+      this.networkAuthVisible = false
+      
+      // 继续提交流程
+      this.continueSubmit()
+    },
+    
+    // 网络认证取消回调
+    onNetworkAuthCancel() {
+      this.networkAuthVisible = false
+      this.$message.info(this.$t('networkAuth.authCanceled'))
+    },
+    
+    // 继续提交流程
+    continueSubmit() {
+      // 这里继续原来的提交逻辑
+      this.performSubmit()
+    },
     addFolder() {
       this.$refs.files.addFolder()
     },
@@ -2025,7 +2117,21 @@ export default {
       //}, 0);
       //console.log(1);
     },
-    submit() {
+    async submit() {
+      // 停止录制（如果正在录制）
+      await this.stopRecordingIfActive()
+      
+      // 检查是否有网络路径需要认证
+      if (this.checkNetworkPaths()) {
+        return // 等待用户完成网络认证
+      }
+      
+      // 继续提交流程
+      this.performSubmit()
+    },
+    
+    // 实际的提交逻辑
+    async performSubmit() {
       //提交最终的任务请求
       let data = ''
       let pathName
@@ -2201,6 +2307,12 @@ export default {
       if (this.high_setting_form.formatFile != 0) {
         data += '&formatFile=' + this.high_setting_form.formatFile //拷贝前类型
       }
+      
+      // 添加网络路径认证信息
+      if (this.networkCredentials && this.networkCredentials.length > 0) {
+        data += '&net_info=' + JSON.stringify(this.networkCredentials)
+      }
+      
       // if (this.file_form == 0 || this.file_form == 1 || this.file_form == 4 || this.file_form == 2 || this.file_form == 3 || this.file_form == 7) {
 
       // } else {
@@ -2286,6 +2398,11 @@ export default {
         // 使用FormData上传文件
         const formData = new FormData()
         formData.append('file', blob, path.basename(jsonFilePath))
+        
+        // 添加网络路径认证信息
+        if (this.networkCredentials && this.networkCredentials.length > 0) {
+          formData.append('net_info', JSON.stringify(this.networkCredentials))
+        }
         that.submitLoading = true
         // 发送HTTP请求上传文件
         that
@@ -2517,7 +2634,7 @@ export default {
   computed: {
     file_percent() {
       let t = (this.size / (((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024)) * 100
-      return t > 100 ? 100.1 : t
+      return t ? t > 100 ? 100.1 : t : 0
     },
     print_op() {
       return [
diff --git a/src/renderer/components/worknet.vue b/src/renderer/components/worknet.vue
index 9284460..3924781 100644
--- a/src/renderer/components/worknet.vue
+++ b/src/renderer/components/worknet.vue
@@ -1637,7 +1637,7 @@ export default {
         (this.size /
           (((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024)) *
         100;
-      return t > 100 ? 100.1 : t;
+      return t ? t > 100 ? 100.1 : t : 0
     },
     print_op() {
       return [
diff --git a/src/renderer/lang/cn.js b/src/renderer/lang/cn.js
index 22ca1e1..e9972a3 100644
--- a/src/renderer/lang/cn.js
+++ b/src/renderer/lang/cn.js
@@ -1,4 +1,26 @@
 export default {
+          recorder: {
+          startRecording: "开始录制",
+          stopRecording: "停止录制",
+          recordingStarted: "开始录制屏幕",
+          recordingStopped: "录制已停止",
+          savedSuccess: "录制已保存",
+          startFailed: "启动录制失败",
+          stopFailed: "停止录制失败",
+          saveFailed: "保存录制失败"
+        },
+        networkAuth: {
+          title: "网络路径认证",
+          description: "检测到以下网络路径，请输入对应的用户名和密码：",
+          pathLabel: "网络路径:",
+          userName: "用户名",
+          password: "密码",
+          confirm: "确认",
+          cancel: "取消",
+          authRequired: "请填写所有网络路径的用户名和密码",
+          authSuccess: "网络认证信息已保存",
+          authCanceled: "已取消网络路径认证"
+        },
   finger: {
     intTips: "指纹模块正在初始化",
     errorInttips: "指纹模块初始化失败",
@@ -18,7 +40,7 @@ export default {
     login: "登录",
     fingerLogin: "使用指纹登录",
     title1: "CARDSOON USB存储卡",
-    title2: "自动拷贝打印系统 V3.0",
+    title2: "自动拷贝打印系统 V3.1",
     successLogin: "登录成功!",
     errorFingerlogin: "登录失败，请重试指纹!",
     errorLogin: "登录失败，请检查账号密码!",
diff --git a/src/renderer/lang/en.js b/src/renderer/lang/en.js
index 2483fb8..a53a063 100644
--- a/src/renderer/lang/en.js
+++ b/src/renderer/lang/en.js
@@ -1,4 +1,26 @@
 export default {
+          recorder: {
+          startRecording: "Start Recording",
+          stopRecording: "Stop Recording",
+          recordingStarted: "Screen recording started",
+          recordingStopped: "Recording stopped",
+          savedSuccess: "Recording saved",
+          startFailed: "Failed to start recording",
+          stopFailed: "Failed to stop recording",
+          saveFailed: "Failed to save recording"
+        },
+        networkAuth: {
+          title: "Network Path Authentication",
+          description: "The following network paths were detected. Please enter the corresponding username and password:",
+          pathLabel: "Network Path:",
+          userName: "Username",
+          password: "Password",
+          confirm: "Confirm",
+          cancel: "Cancel",
+          authRequired: "Please fill in username and password for all network paths",
+          authSuccess: "Network authentication information saved",
+          authCanceled: "Network path authentication canceled"
+        },
   finger: {
     intTips: "The fingerprint module is initializing",
     errorInttips: "Fingerprint module initialization fail",
diff --git a/src/renderer/lang/ocn.js b/src/renderer/lang/ocn.js
index 3c338ed..a80cc1e 100644
--- a/src/renderer/lang/ocn.js
+++ b/src/renderer/lang/ocn.js
@@ -17,7 +17,7 @@ export default {
     login:"登入",
     fingerLogin:"使用指紋登入",
     title1:"CARDSOON USB存儲卡",
-    title2:"自動拷貝列印系統V3.0",
+    title2:"自動拷貝列印系統V3.1",
     successLogin:"登入成功! ",
     errorFingerlogin:"登入失敗,請重試指紋! ",
     errorLogin:"登入失敗,請檢查帳號密碼! ",
diff --git a/src/renderer/store/modules/networkAuth.js b/src/renderer/store/modules/networkAuth.js
new file mode 100644
index 0000000..803a7ec
--- /dev/null
+++ b/src/renderer/store/modules/networkAuth.js
@@ -0,0 +1,70 @@
+const state = {
+  networkCredentials: {}
+}
+
+const mutations = {
+  SET_NETWORK_CREDENTIALS(state, credentials) {
+    state.networkCredentials = { ...state.networkCredentials, ...credentials }
+  },
+  
+  CLEAR_NETWORK_CREDENTIALS(state) {
+    state.networkCredentials = {}
+  },
+  
+  UPDATE_NETWORK_CREDENTIAL(state, { hostName, credentials }) {
+    state.networkCredentials = {
+      ...state.networkCredentials,
+      [hostName]: credentials
+    }
+  }
+}
+
+const actions = {
+  // 从 localStorage 加载网络认证信息
+  loadNetworkCredentials({ commit }) {
+    try {
+      const stored = localStorage.getItem('networkCredentials')
+      if (stored) {
+        const credentials = JSON.parse(stored)
+        commit('SET_NETWORK_CREDENTIALS', credentials)
+      }
+    } catch (error) {
+      console.error('加载网络认证信息失败:', error)
+    }
+  },
+  
+  // 保存网络认证信息到 localStorage
+  saveNetworkCredentials({ state }) {
+    try {
+      localStorage.setItem('networkCredentials', JSON.stringify(state.networkCredentials))
+    } catch (error) {
+      console.error('保存网络认证信息失败:', error)
+    }
+  },
+  
+  // 获取指定主机的认证信息
+  getCredentialsForHost({ state }, hostName) {
+    return state.networkCredentials[hostName] || null
+  },
+  
+  // 更新指定主机的认证信息
+  updateCredentialsForHost({ commit }, { hostName, credentials }) {
+    commit('UPDATE_NETWORK_CREDENTIAL', { hostName, credentials })
+  }
+}
+
+const getters = {
+  // 获取所有网络认证信息
+  allNetworkCredentials: state => state.networkCredentials,
+  
+  // 检查是否有网络认证信息
+  hasNetworkCredentials: state => Object.keys(state.networkCredentials).length > 0
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+  getters
+}
diff --git a/videos/soonworker_2025-09-02T04-30-36.webm b/videos/soonworker_2025-09-02T04-30-36.webm
new file mode 100644
index 0000000..b7f4156
Binary files /dev/null and b/videos/soonworker_2025-09-02T04-30-36.webm differ
