diff --git a/src/renderer/components/files/file.vue b/src/renderer/components/files/file.vue
index 58f533c..9ca851d 100644
--- a/src/renderer/components/files/file.vue
+++ b/src/renderer/components/files/file.vue
@@ -13,39 +13,19 @@
     <fileEmpty v-if="allNumber == 0" />
     <fileList v-else :list="filesList" :del="delFile" :key="key" />
     <div v-if="progressVisible">
-      <el-dialog
-        :close-on-click-modal="false"
-        width="500px"
-        :visible.sync="progressVisible"
-        :append-to-body="true"
-        class="prodialog"
-      >
-        <progressdialog
-          :list="filesList"
-          :overNumber="overNumber"
-          :allNumber="allNumber"
-          :changevisiable="changeProgressvisible"
-          :changestate="changestate"
-          :isSucess="isSucess"
-          ref="progressdialog"
-        ></progressdialog>
+      <el-dialog :close-on-click-modal="false" width="500px" :visible.sync="progressVisible" :append-to-body="true"
+        class="prodialog">
+        <progressdialog :list="filesList" :overNumber="overNumber" :allNumber="allNumber"
+          :changevisiable="changeProgressvisible" :changestate="changestate" :isSucess="isSucess" ref="progressdialog">
+        </progressdialog>
       </el-dialog>
     </div>
 
     <div v-if="archiverVisible">
-      <el-dialog
-        :close-on-click-modal="false"
-        width="500px"
-        :visible.sync="archiverVisible"
-        :append-to-body="true"
-        class="archiverDialog"
-        :show-close="false"
-      >
-        <archiverdialog
-          :isOver="archiverIsover"
-          :isFalse="archiverIsfalse"
-          :changevisiable="changeArchivervisible"
-        ></archiverdialog>
+      <el-dialog :close-on-click-modal="false" width="500px" :visible.sync="archiverVisible" :append-to-body="true"
+        class="archiverDialog" :show-close="false">
+        <archiverdialog :isOver="archiverIsover" :isFalse="archiverIsfalse" :changevisiable="changeArchivervisible">
+        </archiverdialog>
       </el-dialog>
     </div>
     <slot></slot>
@@ -68,8 +48,8 @@ const isNetworkPath = (path) => {
   // 检测是否为网络路径
   // Windows 网络路径: \\hostname\path 或 \\IP\path
   // Unix 网络路径: //hostname/path 或 //IP/path
-  return path.startsWith('\\\\') || path.startsWith('//') || 
-         (path.includes(':') && !path.includes('\\') && !path.includes('/'));
+  return path.startsWith('\\\\') || path.startsWith('//') ||
+    (path.includes(':') && !path.includes('\\') && !path.includes('/'));
 };
 
 const extractHostName = (path) => {
@@ -190,12 +170,12 @@ export default {
           // 是文件夹
           this.sizeChange(f.size);
         }
-        
+
         // 检测是否为网络路径
         if (isNetworkPath(f.path)) {
           this.addNetworkPath(f.path);
         }
-        
+
         return true;
       } else {
         //有了，不用加入
@@ -405,7 +385,7 @@ export default {
     getLists() {
       return this.filesList;
     },
-    
+
     // 添加网络路径到列表（按主机去重，仅认证根目录，如 \\\\NAS）
     addNetworkPath(path) {
       const hostName = extractHostName(path);
@@ -440,7 +420,7 @@ export default {
         this.$emit('network-paths-changed', this.getNetworkPaths());
       }
     },
-    
+
     // 获取网络路径列表（按主机去重，返回根路径）
     getNetworkPaths() {
       const uniqueByHost = {};
@@ -456,13 +436,13 @@ export default {
       }
       return Object.values(uniqueByHost);
     },
-    
+
     // 检查是否有网络路径
     hasNetworkPaths() {
       return this.networkPaths.length > 0;
     },
-    
-    haveFolderIsCalc() {},
+
+    haveFolderIsCalc() { },
   },
   computed: {},
   watch: {},
@@ -476,11 +456,13 @@ export default {
   align-items: center;
   flex-wrap: wrap;
 }
+
 .archiverDialog {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
+
   /deep/.el-dialog__header {
     padding: 10px;
   }
@@ -488,12 +470,15 @@ export default {
 
 .files {
   width: 100%;
-  background-color: #f5f5f5;
-  margin: 10px auto 0;
+  background-color: transparent;
+  margin: 0;
   font-size: 12px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  box-shadow: none;
   position: relative;
-  height: 375px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 .btn-group {
diff --git a/src/renderer/components/files/fileEmpty.vue b/src/renderer/components/files/fileEmpty.vue
index 4a315bd..a7b26e0 100644
--- a/src/renderer/components/files/fileEmpty.vue
+++ b/src/renderer/components/files/fileEmpty.vue
@@ -1,5 +1,6 @@
 <template>
-  <div :style="'background-image:url(' + bgi + ');background-repeat: no-repeat;background-position: 50% 50%;'" class="empty"></div>
+  <div :style="'background-image:url(' + bgi + ');background-repeat: no-repeat;background-position: 50% 50%;'"
+    class="empty"></div>
 </template>
 <script>
 export default {
@@ -20,7 +21,7 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="less" scoped>
 .empty {
-  height: 345px;
+  flex: 1;
   width: 100%;
 }
 </style>
diff --git a/src/renderer/components/files/fileList.vue b/src/renderer/components/files/fileList.vue
index 8ea5345..41d2272 100644
--- a/src/renderer/components/files/fileList.vue
+++ b/src/renderer/components/files/fileList.vue
@@ -27,21 +27,25 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="less" scoped>
 .list {
-  height: 374px;
-  max-height: 374px;
+  flex: 1;
+  height: auto;
   overflow-x: hidden;
   overflow-y: auto;
+
   &::-webkit-scrollbar {
     /*滚动条整体样式*/
-    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+    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);
diff --git a/src/renderer/components/files/progressdialog.vue b/src/renderer/components/files/progressdialog.vue
index bffdb13..c7f70e9 100644
--- a/src/renderer/components/files/progressdialog.vue
+++ b/src/renderer/components/files/progressdialog.vue
@@ -1,10 +1,8 @@
 <template>
   <div class="dialog">
     <div class="progress">
-      <el-progress
-        :percentage="parseInt(fake.progress * 100)"
-        :format="format"
-      ></el-progress>
+      <el-progress :percentage="Math.min(100, Math.max(0, parseInt(fake.progress * 100) || 0))"
+        :format="format"></el-progress>
       <div class="txt">
         <div class="over">{{ overNumber }}</div>
         <div class="all">/{{ allNumber }}</div>
@@ -26,20 +24,10 @@
       </div>
       <div v-else-if="!isSucess" style="color: red">文件上传失败！！！</div>
       <div class="button">
-        <el-button
-          ref="btnStop"
-          type="success"
-          @click="stop()"
-          :disabled="overNumber == allNumber || !isSucess"
-          >{{ $t("dialog.stop") }}</el-button
-        >
-        <el-button
-          ref="btnOver"
-          type="success"
-          @click="changevisiable(flase)"
-          :disabled="overNumber != allNumber && isSucess"
-          >{{ $t("dialog.over") }}</el-button
-        >
+        <el-button ref="btnStop" type="success" @click="stop()" :disabled="overNumber == allNumber || !isSucess">{{
+          $t("dialog.stop") }}</el-button>
+        <el-button ref="btnOver" type="success" @click="changevisiable(flase)"
+          :disabled="overNumber != allNumber && isSucess">{{ $t("dialog.over") }}</el-button>
       </div>
     </div>
   </div>
@@ -83,15 +71,17 @@ export default {
     getPercent(num, total) {
       num = parseFloat(num);
       total = parseFloat(total);
-      if (isNaN(num) || isNaN(total)) {
-        return "-";
+      if (isNaN(num) || isNaN(total) || total <= 0) {
+        return 0;
       }
-      return total <= 0 ? "0" : Math.round((num / total) * 10000) / 10000.0;
+      let per = num / total;
+      return per > 1 ? 1 : per;
     },
     stop() {
       this.changestate(false);
       this.isSucess = false;
-      this.$message({offset:100,
+      this.$message({
+        offset: 100,
         message: this.$t("dialog.haveStop"),
         type: "warning",
       });
@@ -112,7 +102,7 @@ export default {
           this.sub.end();
           //console.log("sub end");
         }
-       
+
         const newlist = [];
         for (let i in this.list) {
           if (this.list[i].state == true) {
@@ -139,34 +129,35 @@ export default {
       immediate: true,
       deep: true,
     },
-    isSucess:{
+    isSucess: {
       // 数据发生变化就会调用这个函数
       handler(newVal, oldVal) {
-        if(!this.isSucess){
+        if (!this.isSucess) {
           this.sub.stop();
         }
 
-    },
-     // 立即处理 进入页面就触发
-     immediate: true,
+      },
+      // 立即处理 进入页面就触发
+      immediate: true,
       deep: true,
-  }
+    }
 
   },
 };
 </script>
 
 <style lang="less" scoped>
-.dialog {
-}
 .progress {
+
   // border: 1px black solid;
   /deep/ .el-progress-bar {
     width: 97%;
   }
+
   /deep/.el-progress__text {
     float: right;
   }
+
   .txt {
     position: absolute;
     top: 55px;
@@ -183,6 +174,7 @@ export default {
       font-size: 16px;
       font-weight: 600;
     }
+
     .all {
       // border: 1px black solid;
       color: black;
@@ -194,17 +186,21 @@ export default {
 .records {
   max-height: 400px;
   overflow: auto;
+
   &::-webkit-scrollbar {
     /*滚动条整体样式*/
-    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+    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);
@@ -212,13 +208,15 @@ export default {
     background: #ededed;
   }
 }
+
 .record {
   margin-top: 15px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
-  .name {
-  }
+
+
+
   .state {
     margin-right: 20px;
   }
@@ -228,6 +226,7 @@ export default {
   height: 30px;
   width: 100%;
   margin-top: 15px;
+
   .button {
     float: right;
     display: flex;
@@ -235,6 +234,7 @@ export default {
     align-items: center;
     flex-wrap: wrap;
     width: 50%;
+
     .el-button {
       display: flex;
       justify-content: center;
@@ -243,6 +243,7 @@ export default {
       width: 50px;
     }
   }
+
   .text {
     line-height: 30px;
     float: left;
diff --git a/src/renderer/components/main - 副本.vue b/src/renderer/components/main - 副本.vue
deleted file mode 100644
index f5f9c3c..0000000
--- a/src/renderer/components/main - 副本.vue	
+++ /dev/null
@@ -1,2225 +0,0 @@
-<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"
-                      :disabled="infoData.length == 0 && state == false">
-                      {{ $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="{}">{{ $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"
-                      :row-key="row => row.JobID || row.AssUuid"
-                      :tree-props="{ children: 'children' }">
-                      <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">
-                        <template slot-scope="scope">
-                          <span v-if="!scope.row.AssUuid">{{ scope.row.jId }}</span>
-                          <span v-else>{{ (scope.row.ParentJobID || '') | shortJobId }}</span>
-                        </template>
-                      </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">
-                          <span v-if="!scope.row.AssUuid">{{ getPrintName(scope.row.PrinterID, true) }}</span>
-                          <span v-else>{{ getPrintName(scope.row.ParentPrinterID || scope.row.PrinterID, true) }}</span>
-                        </template>
-                      </el-table-column>
-                      <el-table-column
-                        :label="$t('main.USBType')"
-                        min-width="55">
-                        <template slot-scope="scope">
-                          {{ !scope.row.AssUuid ? scope.row.PrinterType : (scope.row.ParentPrinterType || scope.row.PrinterType) }}
-                        </template>
-                      </el-table-column>
-                      <el-table-column
-                        min-width="60"
-                        :label="$t('main.TaskCapacity')">
-                        <template slot-scope="scope">
-                          {{ !scope.row.AssUuid ? scope.row.TaskCapacity : (scope.row.ParentTaskCapacity || '') }}
-                        </template>
-                      </el-table-column>
-                      <el-table-column
-                        v-if="false"
-                        prop="DataDir"
-                        :label="$t('main.taskFile')">
-                      </el-table-column>
-                      <el-table-column
-                        :label="$t('index.createTime')"
-                        min-width="75">
-                        <template slot-scope="scope">
-                          {{ !scope.row.AssUuid ? scope.row.CreateTime : (scope.row.StartTime || '') }}
-                        </template>
-                      </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
-                        :label="$t('index.finishedTime')"
-                        min-width="75">
-                        <template slot-scope="scope">
-                          {{ !scope.row.AssUuid ? scope.row.FinishTime : (scope.row.FinishTime || '') }}
-                        </template>
-                      </el-table-column>
-                      <el-table-column
-                        min-width="40"
-                        :label="$t('index.finishedNumber')">
-                        <template slot-scope="scope">
-                          <span v-if="!scope.row.AssUuid">{{ scope.row.JobCompletion }}</span>
-                          <span v-else>-</span>
-                        </template>
-                      </el-table-column>
-                      <el-table-column
-                        :label="$t('index.state')"
-                        width="135">
-                        <template slot-scope="scope">
-                          <template v-if="!scope.row.AssUuid">
-                            <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 || '0').replace(`%`, ``))"
-                              v-if="scope.row.JobStatus == `Copying`"></el-progress>
-                          </template>
-                          <template v-else>
-                            {{ jobState(scope.row.TaskStatus) }}
-                            <el-progress
-                              :color="customColors"
-                              :width="45"
-                              define-back-color="#ebeef5"
-                              :stroke-width="3"
-                              :percentage="parseFloat((scope.row.TaskPercentage || '0').replace(`%`, ``))"
-                              v-if="scope.row.TaskStatus == `Copying`"></el-progress>
-                          </template>
-                        </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
-  },
-  filters: {
-    shortJobId(v) {
-      if (!v) return ''
-      return String(v).split('-')[0]
-    }
-  },
-  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'))
-    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 = []
-          const normalize = (task) => {
-            const jId = (task.JobID || '').split('-')[0]
-            const parentCommon = {
-              jId,
-              ParentJobID: task.JobID,
-              ParentPrinterID: task.PrinterID,
-              ParentPrinterType: task.PrinterType,
-              ParentTaskCapacity: task.TaskCapacity
-            }
-            const children = Array.isArray(task.AssTask) ? task.AssTask.map((child) => ({
-              ...child,
-              ...parentCommon
-            })) : []
-            return {
-              ...task,
-              jId,
-              children
-            }
-          }
-
-          for (let item of (res.data.unfinishedTasks || [])) {
-            this.tasks.push(normalize(item))
-          }
-          for (let item of (res.data.finishedTasks || [])) {
-            this.tasks.push(normalize(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
-      // 新建任务时重置文件列表与网络认证状态，避免上一次残留导致卡顿
-      this.$nextTick(() => {
-        const workRef = this.$refs.work
-        if (workRef && workRef.$refs && workRef.$refs.files && workRef.$refs.files.reset) {
-          workRef.$refs.files.reset()
-        }
-        if (workRef) {
-          workRef.networkAuthVisible = false
-          workRef.networkAuthPaths = []
-          workRef.networkCredentials = {}
-          workRef.submitLoading = false
-        }
-      })
-    },
-    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/main.vue b/src/renderer/components/main.vue
index 783cb85..e61cbe5 100644
--- a/src/renderer/components/main.vue
+++ b/src/renderer/components/main.vue
@@ -1,43 +1,27 @@
 <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 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 :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"
+          <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>
+            <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"
+      <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">
@@ -45,47 +29,21 @@
                 </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
-                  >
+                  <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"
+              <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 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"
+            <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">
@@ -93,33 +51,15 @@
                 </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
-                  >
+                  <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"
+              <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">
@@ -141,11 +81,7 @@
                 </div>
               </div>
             </el-popover>
-            <el-popover
-              v-if="guideStep"
-              :placement="guideStep[2].placement"
-              width="250"
-              trigger="manual"
+            <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">
@@ -153,40 +89,18 @@
                 </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
-                  >
+                  <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"
+              <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"
+                <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">
@@ -194,51 +108,26 @@
                     </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
-                      >
+                      <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"
+                  <div style="margin-right: 10px" slot="reference"
                     :class="{ guide_body: beginStep && currentStep == 7 }">
-                    <el-button
-                      type="primary"
-                      @click="newWork">
+                    <el-button type="primary" @click="newWork">
                       {{ $t('index.newWork') }}
                     </el-button>
                   </div>
                 </el-popover>
 
-                <el-button
-                  type="primary"
-                  @click="newNetWork"
-                  v-if="false">
+                <el-button type="primary" @click="newNetWork" v-if="false">
                   {{ $t('index.newWork') }}
                 </el-button>
-                <el-button
-                  type="primary"
-                  @click="openWork()"
-                  v-if="true"
+                <el-button type="primary" @click="openWork()" v-if="true"
                   :disabled="infoData.length == 0 && state == false">
                   {{ $t('admin.openWork') }}
                 </el-button>
@@ -246,19 +135,11 @@
             </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="/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"
+          <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">
@@ -266,49 +147,23 @@
               </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
-                >
+                <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"
+            <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" />
+                      <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">
@@ -319,17 +174,11 @@
                     </div>
                   </div>
                 </el-col>
-                <el-col
-                  :span="12"
-                  style="height: 100%">
-                  <div
-                    class="grid-content bg-purple b_mid"
+                <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" />
+                      <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">
@@ -339,7 +188,8 @@
                       <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' : ''}">
+                      <div class="item"
+                        :style="{ color: os.cacheSpaceNum < 8 ? '#ff0000' : os.cacheSpaceNum < 20 ? '#ff9f0b' : '' }">
                         {{ $t('main.cacheSpace') }}：{{ os.remainCacheSpace }} /
                         {{ os.totalCacheSpace }}
                       </div>
@@ -349,11 +199,7 @@
               </el-row>
             </div>
           </el-popover>
-          <el-popover
-            v-if="guideStep"
-            :placement="guideStep[5].placement"
-            width="250"
-            trigger="manual"
+          <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">
@@ -361,92 +207,44 @@
               </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
-                >
+                <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"
+            <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">
+              <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">
+                <el-table-column prop="status" :label="$t('main.tableState')" min-width="80">
                   <template slot-scope="{}">{{ $t('main.tableOnline') }}</template>
                 </el-table-column>
-                <el-table-column
-                  prop="SerialNo"
-                  :label="$t('main.tableSerialNo')"
-                  min-width="80">
+                <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 prop="RibbonType" :label="$t('main.tableRibbonType')" min-width="80">
                 </el-table-column>
-                <el-table-column
-                  align="center"
-                  prop="RibbonAmount"
-                  :label="$t('main.tableRibbonAmount')"
+                <el-table-column align="center" prop="RibbonAmount" :label="$t('main.tableRibbonAmount')"
                   min-width="100">
                   <template slot-scope="scope">
                     <EnergyBar
                       :percent="getRibbonPercent(scope.row.RibbonAmount, getRibbonAmount(scope.row.ModeName, scope.row.RibbonType))"
-                      :segments="10"
-                      :text="String(scope.row.RibbonAmount || 0)"
-                      :show-text="false"
-                      :gap="1"
+                      :segments="10" :text="String(scope.row.RibbonAmount || 0)" :show-text="false" :gap="1"
                       :border-radius="1">
                     </EnergyBar>
                   </template>
                 </el-table-column>
-                <el-table-column
-                  prop="PrinterType"
-                  :label="$t('main.tablePrinterType')"
-                  min-width="100">
+                <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">
+                    <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">
@@ -456,37 +254,26 @@
                         <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">
+                        <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
-                  align="center"
-                  prop="PrinterRemaCapa"
-                  :label="$t('main.tablePrinterRemaCapa')"
+                <el-table-column align="center" prop="PrinterRemaCapa" :label="$t('main.tablePrinterRemaCapa')"
                   min-width="100">
                   <template slot-scope="scope">
                     <EnergyBar
                       :percent="safePercent((scope.row.PrinterRemaCapa > 0 ? scope.row.PrinterRemaCapa : 0), 100)"
-                      :segments="(os.CardsoonModel&&os.CardsoonModel.toLowerCase() === 'th80n' ? 6 : 8)"
-                      :showText="true"
-                      :text="String(scope.row.PrinterRemaCapa > 0 ? scope.row.PrinterRemaCapa : 0)" />
+                      :segments="(os.CardsoonModel && os.CardsoonModel.toLowerCase() === 'th80n' ? 6 : 8)"
+                      :showText="true" :text="String(scope.row.PrinterRemaCapa > 0 ? scope.row.PrinterRemaCapa : 0)" />
                   </template>
                 </el-table-column>
               </el-table>
             </div>
           </el-popover>
-          <el-popover
-            v-if="guideStep"
-            :placement="guideStep[6].placement"
-            width="250"
-            trigger="manual"
+          <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">
@@ -494,147 +281,91 @@
               </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
-                >
+                <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"
+            <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">
+                <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="rowClassName"
-                      :row-key="row => row.JobID || row.AssUuid"
-                      :tree-props="{ children: 'children' }">
-                      <el-table-column
-                        label="#"
-                        width="50">
+                    <el-table height="200" :data="tasks" style="width: 100%" size="mini"
+                      :empty-text="$t('index.nodata')" :row-class-name="rowClassName"
+                      :row-key="row => row.JobID || row.AssUuid" :tree-props="{ children: 'children' }">
+                      <el-table-column label="#" width="50">
                         <template slot-scope="scope">
                           <span v-if="!scope.row.AssUuid">{{ parentIndex(scope.row) }}</span>
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        prop="jId"
-                        :label="$t('index.wordID')"
-                        min-width="85">
+                      <el-table-column prop="jId" :label="$t('index.wordID')" min-width="85">
                         <template slot-scope="scope">
                           <span v-if="!scope.row.AssUuid">{{ scope.row.jId }}</span>
                           <span v-else></span>
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        :label="$t('index.wordOrigin')"
-                        min-width="50">
+                      <el-table-column :label="$t('index.wordOrigin')" min-width="50">
                         <template slot-scope="scope">
                           <span v-if="!scope.row.AssUuid">{{ scope.row.DataSource }}</span>
                           <span v-else></span>
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        :label="$t('index.wordSpace')"
-                        min-width="45">
+                      <el-table-column :label="$t('index.wordSpace')" min-width="45">
                         <template slot-scope="scope">
                           <span v-if="!scope.row.AssUuid">{{ getPrintName(scope.row.PrinterID, true) }}</span>
                           <span v-else>{{ getPrintName(scope.row.ParentPrinterID || scope.row.PrinterID, true) }}</span>
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        :label="$t('main.USBType')"
-                        min-width="55">
+                      <el-table-column :label="$t('main.USBType')" min-width="55">
                         <template slot-scope="scope">
-                          {{ !scope.row.AssUuid ? scope.row.PrinterType : (scope.row.ParentPrinterType || scope.row.PrinterType) }}
+                          {{ !scope.row.AssUuid ? scope.row.PrinterType : (scope.row.ParentPrinterType ||
+                            scope.row.PrinterType) }}
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        min-width="60"
-                        :label="$t('main.TaskCapacity')">
+                      <el-table-column min-width="60" :label="$t('main.TaskCapacity')">
                         <template slot-scope="scope">
                           {{ !scope.row.AssUuid ? scope.row.TaskCapacity : (scope.row.ParentTaskCapacity || '') }}
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        v-if="false"
-                        prop="DataDir"
-                        :label="$t('main.taskFile')">
+                      <el-table-column v-if="false" prop="DataDir" :label="$t('main.taskFile')">
                       </el-table-column>
-                      <el-table-column
-                        :label="$t('index.createTime')"
-                        min-width="75">
+                      <el-table-column :label="$t('index.createTime')" min-width="75">
                         <template slot-scope="scope">
                           {{ !scope.row.AssUuid ? scope.row.CreateTime : (scope.row.StartTime || '') }}
                         </template>
                       </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 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
-                        :label="$t('index.finishedTime')"
-                        min-width="75">
+                      <el-table-column :label="$t('index.finishedTime')" min-width="75">
                         <template slot-scope="scope">
                           {{ !scope.row.AssUuid ? scope.row.FinishTime : (scope.row.FinishTime || '') }}
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        min-width="40"
-                        :label="$t('index.finishedNumber')">
+                      <el-table-column min-width="40" :label="$t('index.finishedNumber')">
                         <template slot-scope="scope">
                           <span v-if="!scope.row.AssUuid">{{ scope.row.JobCompletion }}</span>
                           <span v-else>-</span>
                         </template>
                       </el-table-column>
-                      <el-table-column
-                        :label="$t('index.state')"
-                        width="135">
+                      <el-table-column :label="$t('index.state')" width="135">
                         <template slot-scope="scope">
                           <template v-if="!scope.row.AssUuid">
-                            <el-dropdown
-                              trigger="click"
-                              @command="(e) => handleTaskCommand(e, scope.row.JobID)"
+                            <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 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">
@@ -645,22 +376,14 @@
                                 </el-dropdown-item>
                               </el-dropdown-menu>
                             </el-dropdown>
-                            <el-progress
-                              :color="customColors"
-                              :width="45"
-                              define-back-color="#ebeef5"
-                              :stroke-width="3"
-                              :percentage="Math.max(0, Math.min(100, Number(String(scope.row.TaskPercentage || '0').replace('%','')) || 0))"
+                            <el-progress :color="customColors" :width="45" define-back-color="#ebeef5" :stroke-width="3"
+                              :percentage="Math.max(0, Math.min(100, Number(String(scope.row.TaskPercentage || '0').replace('%', '')) || 0))"
                               v-if="scope.row.JobStatus == `Copying`"></el-progress>
                           </template>
                           <template v-else>
                             {{ jobState(scope.row.TaskStatus) }}
-                            <el-progress
-                              :color="customColors"
-                              :width="45"
-                              define-back-color="#ebeef5"
-                              :stroke-width="3"
-                              :percentage="Math.max(0, Math.min(100, Number(String(scope.row.TaskPercentage || '0').replace('%','')) || 0))"
+                            <el-progress :color="customColors" :width="45" define-back-color="#ebeef5" :stroke-width="3"
+                              :percentage="Math.max(0, Math.min(100, Number(String(scope.row.TaskPercentage || '0').replace('%', '')) || 0))"
                               v-if="scope.row.TaskStatus == `Copying`"></el-progress>
                           </template>
                         </template>
@@ -668,42 +391,27 @@
                     </el-table>
                   </div>
                 </el-tab-pane>
-                <el-tab-pane
-                  :label="$t(`index.curLog`)"
-                  name="second">
+                <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()">
+                        <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>
+                    <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"
+      <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">
@@ -711,101 +419,48 @@
               </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
-                >
+                <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 }">
+            <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 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">
+      <el-dialog @close="initData" :visible.sync="dialogVisible" width="1200px" top="20px" :destroy-on-close="true"
+        :close-on-click-modal="false" :title="$t('index.newWork')">
+        <work ref="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">
+      <el-dialog :visible.sync="dialogNetVisible" width="1200px" top="20px" :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 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"
+    <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>
@@ -813,11 +468,7 @@
           <el-checkbox v-model="hideStep">本次引导结束，不再进入</el-checkbox>
         </div>
         <div class="start_btn">
-          <el-button
-            @click="startStep"
-            type="primary"
-            >开始引导</el-button
-          >
+          <el-button @click="startStep" type="primary">开始引导</el-button>
         </div>
       </div>
     </el-dialog>
@@ -1137,12 +788,12 @@ export default {
     ipcRenderer.send('open-program')
     this.guideStep = JSON.parse(localStorage.getItem('guideStep'))
     this.currentStep = localStorage.getItem('currentStep')
-    if ((!localStorage.getItem('hideStep') || localStorage.getItem('hideStep') == 0)&&this.currentStep>-1) this.showStep = true
+    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)
-    console.log(this.refreshTime1,this.refreshTime2)
+    console.log(this.refreshTime1, this.refreshTime2)
   },
   beforeDestroy() {
     this.stopTimer()
@@ -1202,7 +853,7 @@ export default {
           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.cacheSpaceNum = (parseFloat(remain) / parseFloat(total)) * 100
           this.os.ram = res.data.CPMemory
           this.os.CardsoonModel = res.data.systemName
           this.os.hostname = res.data.CPName
@@ -1353,12 +1004,12 @@ export default {
           for (let item of this.tasks) {
             if (item.TaskPercentage === '100%') total2++
           }
-          if (total1!==total2) {
+          if (total1 !== total2) {
             setTimeout(() => {
               this.getPrintData()
             }, 3000);
           }
-          
+
           if (callback) {
             this.runCheckState() //首次先check一遍
           }
@@ -1376,9 +1027,9 @@ export default {
         .then((res) => {
           let infoData = [...this.infoData]
           this.infoData = res.data.printerList.map((item, index) => {
-            let child = {...item}
+            let child = { ...item }
             console.log('childchildchild', infoData[index], child)
-            if (infoData[index]&&!child.ModeName&&!child.SerialNo) {
+            if (infoData[index] && !child.ModeName && !child.SerialNo) {
               child = infoData[index]
             }
             return {
@@ -1426,7 +1077,7 @@ export default {
           this.DualSide = DualSide
         })
         .catch((e) => {
-          
+
         })
     },
     // 清除报错通知
@@ -1756,13 +1407,14 @@ export default {
       // 新建任务时重置文件列表与网络认证状态，避免上一次残留导致卡顿
       this.$nextTick(() => {
         const workRef = this.$refs.work
-        if (workRef && workRef.$refs && workRef.$refs.files && workRef.$refs.files.reset) {
-          workRef.$refs.files.reset()
+        const workMain = workRef ? workRef.$refs.workMain : null
+        if (workMain && workMain.$refs && workMain.$refs.files && workMain.$refs.files.reset) {
+          workMain.$refs.files.reset()
         }
-        if (workRef) {
-          workRef.networkAuthVisible = false
-          workRef.networkAuthPaths = []
-          workRef.submitLoading = false
+        if (workMain) {
+          workMain.networkAuthVisible = false
+          workMain.networkAuthPaths = []
+          workMain.submitLoading = false
         }
       })
     },
@@ -1784,32 +1436,32 @@ export default {
     },
     getPrinterRemaCapaAmount(ModeName) {
       // console.log('PrinterRemaCapa', this.ribbonList[ModeName].PrinterRemaCapa)
-      return this.ribbonList[ModeName]&&this.ribbonList[ModeName].PrinterRemaCapa ? this.ribbonList[ModeName].PrinterRemaCapa : 0
+      return this.ribbonList[ModeName] && this.ribbonList[ModeName].PrinterRemaCapa ? this.ribbonList[ModeName].PrinterRemaCapa : 0
     },
     getRibbonAmount(ModeName, RibbonType) {
-      return this.ribbonList[ModeName]&&this.ribbonList[ModeName][RibbonType] ? this.ribbonList[ModeName][RibbonType] : 0
+      return this.ribbonList[ModeName] && this.ribbonList[ModeName][RibbonType] ? this.ribbonList[ModeName][RibbonType] : 0
     },
     parseNumericValue(value) {
       if (value === null || value === undefined || value === '') return 0
-      
+
       // 转换为字符串处理
       let str = String(value).trim()
-      
+
       // 移除逗号分隔符
       str = str.replace(/,/g, '')
-      
+
       // 处理科学计数法 (如 1.23e+5, 1.23E-2)
       if (/[eE]/.test(str)) {
         const num = parseFloat(str)
         return isFinite(num) ? num : 0
       }
-      
+
       // 处理带符号的数值 (如 +123, -456)
       if (/^[+-]/.test(str)) {
         const num = parseFloat(str)
         return isFinite(num) ? num : 0
       }
-      
+
       // 普通数值转换
       const num = parseFloat(str)
       return isFinite(num) ? num : 0
@@ -1963,7 +1615,7 @@ export default {
       return [
         ...this.CapSettings.map((item) => {
           return {
-            value: item.disksize,
+            value: item.value,
             label: item.disksize + '|' + item.usbtype
           }
         })
@@ -2014,14 +1666,17 @@ export default {
   max-height: 600px;
   overflow: auto;
 }
+
 h1,
 h2 {
   font-weight: normal;
 }
+
 ul {
   list-style-type: none;
   padding: 0;
 }
+
 // li {
 //   display: inline-block;
 //   margin: 0 10px;
@@ -2029,6 +1684,7 @@ ul {
 a {
   color: #42b983;
 }
+
 .left {
   background-color: #e8e7ee;
   height: 100%;
@@ -2037,10 +1693,12 @@ a {
   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;
@@ -2062,29 +1720,36 @@ a {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   overflow-y: hidden;
+
   &::-webkit-scrollbar {
     /*滚动条整体样式*/
-    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+    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%;
@@ -2100,27 +1765,32 @@ a {
       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%;
@@ -2130,10 +1800,12 @@ a {
     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;
@@ -2142,15 +1814,18 @@ a {
 
     &::-webkit-scrollbar {
       /*滚动条整体样式*/
-      width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+      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);
@@ -2159,6 +1834,7 @@ a {
     }
   }
 }
+
 .right {
   background-color: #c8cfd7;
   height: 100%;
@@ -2168,10 +1844,12 @@ a {
   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;
@@ -2190,23 +1868,28 @@ a {
   text-align: left;
   color: #999999;
   overflow-y: auto;
+
   &::-webkit-scrollbar {
     /*滚动条整体样式*/
-    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+    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;
@@ -2215,22 +1898,26 @@ a {
 }
 
 /* 子任务行紧凑显示 */
-/deep/ .el-table__row.ass-row > td {
+/deep/ .el-table__row.ass-row>td {
   padding-top: 2px !important;
   padding-bottom: 2px !important;
 }
+
 /deep/ .el-table__row.ass-row .cell {
   line-height: 18px !important;
 }
+
 /* 去除树结构行默认左侧过大缩进，让箭头与内容更紧凑 */
 /deep/ .el-table__expand-icon {
   margin-right: 2px;
 }
+
 /* 缩小树结构图标列宽与缩进 */
 /deep/ .el-table__indent {
   padding-left: 8px !important;
 }
-/deep/ .el-table__expand-icon > i {
+
+/deep/ .el-table__expand-icon>i {
   font-size: 12px;
 }
 
@@ -2239,11 +1926,13 @@ a {
   display: flex;
   align-items: center;
   gap: 10px;
+
   .link {
     color: blue;
     cursor: pointer;
   }
 }
+
 /deep/ .el-dialog__body {
   padding: 10px 20px !important;
 }
@@ -2255,30 +1944,35 @@ a {
 /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{
+.worklist {
   .el-table {
     height: calc(100vh - 520px) !important;
+
     /deep/ .el-table__body-wrapper {
       height: calc(100% - 48px) !important;
-      overflow: scroll!important;
+      overflow: scroll !important;
     }
   }
+
   ::-webkit-scrollbar-track-piece {
     background: #d3dce6;
   }
@@ -2300,9 +1994,10 @@ a {
   gap: 8px;
   padding: 2px 6px;
   border-radius: 10px;
-  background: rgba(255,255,255,.35);
+  background: rgba(255, 255, 255, .35);
   backdrop-filter: blur(3px);
 }
+
 +.ribbon-badge {
   min-width: 30px;
   height: 18px;
@@ -2313,7 +2008,7 @@ a {
   color: #bfe3ff;
   font-size: 12px;
   text-align: center;
-  box-shadow: 0 2px 8px rgba(0,0,0,.15), inset 0 0 8px rgba(120,180,255,.25);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, .15), inset 0 0 8px rgba(120, 180, 255, .25);
 }
 </style>
 <style>
diff --git a/src/renderer/components/recorder/ScreenRecorder.vue b/src/renderer/components/recorder/ScreenRecorder.vue
index 6047a5b..cdf137d 100644
--- a/src/renderer/components/recorder/ScreenRecorder.vue
+++ b/src/renderer/components/recorder/ScreenRecorder.vue
@@ -1,24 +1,18 @@
 <template>
   <div class="screen-recorder">
-    <el-tooltip 
-      :content="isRecording ? $t('recorder.stopRecording') : $t('recorder.startRecording')" 
-      placement="top">
-      <el-button
-        size="medium"
-        :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>
-    
+    <template v-if="!statusOnly">
+      <el-tooltip :content="isRecording ? $t('recorder.stopRecording') : $t('recorder.startRecording')" placement="top">
+        <el-button size="medium" :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>
+    </template>
+
     <!-- 录制状态指示器 -->
-    <div v-if="isRecording" class="recording-indicator">
+    <div v-if="isRecording" class="recording-indicator" :class="{ 'status-only': statusOnly }">
       <span class="recording-dot"></span>
-      <span class="recording-text">{{ recordingTime }}</span>
+      <span class="recording-text">{{ statusOnly ? '录制中...' : recordingTime }}</span>
     </div>
   </div>
 </template>
@@ -32,6 +26,10 @@ export default {
     taskId: {
       type: String,
       default: ''
+    },
+    statusOnly: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -44,7 +42,8 @@ export default {
       recordingTime: '00:00',
       timer: null,
       stream: null,
-      currentTaskId: '' // 录屏开始时的任务ID
+      currentTaskId: '', // 录屏开始时的任务ID
+      autoSave: true // 是否在停止时保存
     };
   },
   methods: {
@@ -56,13 +55,14 @@ export default {
       }
     },
 
-    async startRecording() {
+    async startRecording(options = {}) {
       this.loading = true;
-      
+      this.autoSave = true;
+
       try {
         // 调用主进程开始录制
         const result = await ipcRenderer.invoke('start-recording');
-        
+
         if (!result.success) {
           this.$message.error(result.message);
           this.loading = false;
@@ -86,7 +86,7 @@ export default {
 
         this.stream = stream;
         this.recordedChunks = [];
-        
+
         // 创建MediaRecorder
         this.mediaRecorder = new MediaRecorder(stream, {
           mimeType: 'video/webm'
@@ -99,7 +99,10 @@ export default {
         };
 
         this.mediaRecorder.onstop = async () => {
-          await this.saveRecording();
+          if (this.autoSave) {
+            await this.saveRecording(options.savePath);
+          }
+          this.recordedChunks = [];
         };
 
         // 开始录制
@@ -109,10 +112,10 @@ export default {
         // 保存录屏开始时的任务ID
         this.currentTaskId = this.taskId || '';
         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') || '启动录制失败');
@@ -121,24 +124,25 @@ export default {
       }
     },
 
-    async stopRecording() {
+    async stopRecording(save = true) {
       this.loading = true;
-      
+      this.autoSave = save;
+
       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') || '停止录制失败');
@@ -147,7 +151,12 @@ export default {
       }
     },
 
-    async saveRecording() {
+    async cancelRecording() {
+      await this.stopRecording(false);
+      this.$message.info('录制已取消');
+    },
+
+    async saveRecording(customPath) {
       if (this.recordedChunks.length === 0) {
         return;
       }
@@ -162,10 +171,10 @@ export default {
         const reader = new FileReader();
         reader.onloadend = async () => {
           const base64data = reader.result;
-          
-          // 发送到主进程保存，传递任务ID
-          const result = await ipcRenderer.invoke('stop-recording', base64data, this.currentTaskId);
-          
+
+          // 发送到主进程保存，传递任务ID和可选路径
+          const result = await ipcRenderer.invoke('stop-recording', base64data, this.currentTaskId, customPath);
+
           if (result.success) {
             this.$message.success(this.$t('recorder.savedSuccess') || `录制已保存: ${result.fileName}`);
             this.$emit('recording-saved', result);
@@ -174,7 +183,7 @@ export default {
           }
         };
         reader.readAsDataURL(blob);
-        
+
       } catch (error) {
         console.error('保存录制失败:', error);
         this.$message.error(this.$t('recorder.saveFailed') || '保存录制失败');
@@ -252,9 +261,12 @@ export default {
 }
 
 @keyframes blink {
-  0%, 100% {
+
+  0%,
+  100% {
     opacity: 1;
   }
+
   50% {
     opacity: 0.3;
   }
diff --git a/src/renderer/components/work - 副本.vue b/src/renderer/components/work - 副本.vue
new file mode 100644
index 0000000..8aad5ae
--- /dev/null
+++ b/src/renderer/components/work - 副本.vue	
@@ -0,0 +1,3446 @@
+<template>
+  <div v-loading="submitLoading" element-loading-text="正在准备任务，您也可以直接右上角关闭作业窗口" element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)" style="position: relative">
+    <div v-if="currentStep && 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 class="header">
+      <div class="dialog-header-btns">
+        <el-popover v-if="guideStep" :placement="guideStep[8].placement" width="250" trigger="manual"
+          v-model="guideStep[8].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.step9`) }}</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: currentStep == 8 }">
+            <span style="font-size: 16px; line-height: 32px; float: left">
+              {{ $t('work.size') }}
+            </span>
+
+            <el-select :placeholder="$t('work.pleaseSelect')" style="width: 160px" v-model="size_form">
+              <el-option v-for="item in size_type" :key="item.value" :label="item.label" :value="item.value"
+                :disabled="filterPassedType.indexOf(item.value) == -1">
+              </el-option>
+            </el-select>
+          </div>
+        </el-popover>
+        <el-popover v-if="guideStep" :placement="guideStep[9].placement" width="250" trigger="manual"
+          v-model="guideStep[9].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.step10`) }}</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" slot="reference" :class="{ guide_body: currentStep == 9 }">
+            <span style="font-size: 16px; line-height: 32px">
+              {{ $t('work.content') }}
+            </span>
+            <el-select :placeholder="$t('work.pleaseSelect')" style="margin-left: 10px" v-model="file_form">
+              <el-option v-for="item in file_type" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </el-popover>
+        <div v-show="false">
+          <span style="font-size: 16px; line-height: 32px">
+            {{ $t('work.partType') }}
+          </span>
+
+          <el-select :placeholder="$t('work.pleaseSelect')" v-model="type_form">
+            <el-option v-for="item in type" :key="item.value" :label="item.label" :value="item.value"
+              :disabled="item.disabled">
+            </el-option>
+          </el-select>
+        </div>
+        <div style="position: absolute; right: 20px">
+          <!-- 高级设置对话框 (大气宽幅版) -->
+          <el-dialog :title="$t('work.senior') || '高级设置'" :visible.sync="highSettingVisible" width="780px"
+            append-to-body custom-class="grand-dialog" :close-on-click-modal="false" top="5vh">
+
+            <div class="grand-setting-content" style="max-height: 75vh; overflow-y: auto; padding-right: 10px;">
+              <el-form :model="high_setting_form" label-position="right" label-width="110px" size="small">
+
+                <!-- ================= 模式 0: 文件和文件夹 ================= -->
+                <div v-if="file_form === 0">
+                  <!-- 基础配置 -->
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.basicConfig') || '基础配置' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+                    <el-row :gutter="20">
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.better') || '优先级'">
+                          <el-select v-model="high_setting_form.priority" class="w-full">
+                            <el-option v-for="item in high_setting.priority" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.startWorkSpace') || '目标工作站'">
+                          <el-select v-model="high_setting_form.target_work" class="w-full">
+                            <el-option v-for="item in high_setting.target_work" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.ribbonType') || '色带类型'">
+                          <el-select v-model="high_setting_form.color_type" class="w-full">
+                            <el-option v-for="item in high_setting.color_type" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.formatFile') || '拷贝前格式化'">
+                          <el-select v-model="high_setting_form.formatFile" class="w-full">
+                            <el-option v-for="item in high_setting.formatFile" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                    </el-row>
+                  </div>
+
+                  <!-- 高级功能 (ISO/ZIP) -->
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.advancedFeatures') || '高级功能' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+
+                    <!-- ISO 生成 -->
+                    <div class="feature-row">
+                      <el-checkbox v-model="high_setting_form.is_generate_iso">{{ $t('work.generateISO') || '拷贝前生成ISO'
+                      }}</el-checkbox>
+                      <transition name="el-zoom-in-top">
+                        <div v-if="high_setting_form.is_generate_iso" class="mt-10 ml-20">
+                          <el-form-item :label="$t('work.isoFileName') || 'ISO名称'" label-width="80px">
+                            <el-input v-model="high_setting_form.iso_file_name"
+                              :placeholder="$t('work.inputIsoName') || '请输入ISO文件名'"></el-input>
+                          </el-form-item>
+                        </div>
+                      </transition>
+                    </div>
+
+                    <!-- ZIP 生成 -->
+                    <div class="feature-row mt-10">
+                      <el-checkbox v-model="high_setting_form.is_generate_zip">{{ $t('work.generateZIP') || '拷贝前生成ZIP'
+                      }}</el-checkbox>
+                      <transition name="el-zoom-in-top">
+                        <div v-if="high_setting_form.is_generate_zip" class="mt-10 ml-20">
+                          <el-form-item :label="$t('work.zipFileName') || 'ZIP文件名'" label-width="100px">
+                            <el-input v-model="high_setting_form.zip_file_name"
+                              :placeholder="$t('work.inputZipName') || '请输入ZIP文件名'"></el-input>
+                          </el-form-item>
+                          <el-checkbox v-model="high_setting_form.is_zip_encrypt" class="mb-10">{{ $t('work.isEncrypt')
+                            || '是否加密' }}</el-checkbox>
+                          <div v-if="high_setting_form.is_zip_encrypt">
+                            <el-form-item :label="$t('work.inputPassword') || '请输入密码'" label-width="100px">
+                              <el-input type="password" v-model="high_setting_form.zip_password"
+                                show-password></el-input>
+                            </el-form-item>
+                            <el-form-item :label="$t('work.confirmPassword') || '请确认密码'" label-width="100px">
+                              <el-input type="password" v-model="high_setting_form.zip_repassword"
+                                show-password></el-input>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </transition>
+                    </div>
+
+                    <div class="divider-h mt-20 mb-20"></div>
+
+                    <!-- HASH / Misc Switches -->
+                    <div class="grand-switch-grid">
+                      <div class="g-switch-item"
+                        v-if="high_setting_form.is_generate_iso || high_setting_form.is_generate_zip">
+                        <span class="g-label">{{ $t('work.genMD5') || '生成MD5 HASH文件' }}</span>
+                        <el-switch v-model="high_setting_form.s1"></el-switch>
+                      </div>
+                      <div class="g-switch-item"
+                        v-if="high_setting_form.is_generate_iso || high_setting_form.is_generate_zip">
+                        <span class="g-label">{{ $t('work.copyHash') || '拷贝HASH文件到存储卡' }}</span>
+                        <el-switch v-model="high_setting_form.copy_hash"></el-switch>
+                      </div>
+                      <div class="g-switch-item"
+                        v-if="high_setting_form.is_generate_iso || high_setting_form.is_generate_zip">
+                        <span class="g-label">{{ $t('work.printMD5') || '打印MD5到HASH字段' }}</span>
+                        <el-switch v-model="high_setting_form.s2"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.failLabel') || '失败打印标签' }}</span>
+                        <el-switch v-model="high_setting_form.s3"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.allowSpanCard') || '允许跨卡' }}</span>
+                        <el-switch v-model="high_setting_form.Span_USBcard"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.presetContent') || '预设内容拷贝' }}</span>
+                        <el-switch v-model="high_setting_form.hasAddFile"></el-switch>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- ================= 模式 2: 加密存储卡 ================= -->
+                <div v-else-if="file_form === 2">
+                  <!-- 基础配置 (完整配置) -->
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.basicConfig') || '基础配置' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+                    <el-row :gutter="20">
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.better') || '优先级'">
+                          <el-select v-model="high_setting_form.priority" class="w-full">
+                            <el-option v-for="item in high_setting.priority" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.startWorkSpace') || '目标工作站'">
+                          <el-select v-model="high_setting_form.target_work" class="w-full">
+                            <el-option v-for="item in high_setting.target_work" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.ribbonType') || '色带类型'">
+                          <el-select v-model="high_setting_form.color_type" class="w-full">
+                            <el-option v-for="item in high_setting.color_type" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.formatFile') || '拷贝前格式化'">
+                          <el-select v-model="high_setting_form.formatFile" class="w-full">
+                            <el-option v-for="item in high_setting.formatFile" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                    </el-row>
+                  </div>
+
+                  <!-- 高级功能 (ISO/ZIP) -->
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.advancedFeatures') || '高级功能' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+
+                    <div class="feature-row">
+                      <el-checkbox v-model="high_setting_form.is_generate_iso">{{ $t('work.generateISO') || '拷贝前生成ISO'
+                      }}</el-checkbox>
+                      <transition name="el-zoom-in-top">
+                        <div v-if="high_setting_form.is_generate_iso" class="mt-10 ml-20">
+                          <el-form-item :label="$t('work.isoFileName') || 'ISO文件名'" label-width="100px">
+                            <el-input v-model="high_setting_form.iso_file_name"
+                              :placeholder="$t('work.inputIsoName') || '请输入ISO文件名'"></el-input>
+                          </el-form-item>
+                        </div>
+                      </transition>
+                    </div>
+
+                    <div class="feature-row mt-10">
+                      <el-checkbox v-model="high_setting_form.is_generate_zip">{{ $t('work.generateZIP') || '拷贝前生成ZIP'
+                      }}</el-checkbox>
+                      <transition name="el-zoom-in-top">
+                        <div v-if="high_setting_form.is_generate_zip" class="mt-10 ml-20">
+                          <el-form-item :label="$t('work.zipFileName') || 'ZIP文件名'" label-width="100px">
+                            <el-input v-model="high_setting_form.zip_file_name"
+                              :placeholder="$t('work.inputZipName') || '请输入ZIP文件名'"></el-input>
+                          </el-form-item>
+                          <el-checkbox v-model="high_setting_form.is_zip_encrypt" class="mb-10">{{ $t('work.isEncrypt')
+                            || '是否加密' }}</el-checkbox>
+                          <div v-if="high_setting_form.is_zip_encrypt">
+                            <el-form-item :label="$t('work.inputPassword') || '请输入密码'" label-width="100px">
+                              <el-input type="password" v-model="high_setting_form.zip_password"
+                                show-password></el-input>
+                            </el-form-item>
+                            <el-form-item :label="$t('work.confirmPassword') || '请确认密码'" label-width="100px">
+                              <el-input type="password" v-model="high_setting_form.zip_repassword"
+                                show-password></el-input>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </transition>
+                    </div>
+
+                    <div class="divider-h mt-20 mb-20"></div>
+
+                    <!-- HASH / Misc Switches -->
+                    <div class="grand-switch-grid">
+                      <div class="g-switch-item"
+                        v-if="high_setting_form.is_generate_iso || high_setting_form.is_generate_zip">
+                        <span class="g-label">{{ $t('work.genMD5') || '生成MD5 HASH文件' }}</span>
+                        <el-switch v-model="high_setting_form.s1"></el-switch>
+                      </div>
+                      <div class="g-switch-item"
+                        v-if="high_setting_form.is_generate_iso || high_setting_form.is_generate_zip">
+                        <span class="g-label">{{ $t('work.copyHash') || '拷贝HASH文件到存储卡' }}</span>
+                        <el-switch v-model="high_setting_form.copy_hash"></el-switch>
+                      </div>
+                      <div class="g-switch-item"
+                        v-if="high_setting_form.is_generate_iso || high_setting_form.is_generate_zip">
+                        <span class="g-label">{{ $t('work.printMD5') || '打印MD5到HASH字段' }}</span>
+                        <el-switch v-model="high_setting_form.s2"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.failLabel') || '失败打印标签' }}</span>
+                        <el-switch v-model="high_setting_form.s3"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.allowSpanCard') || '允许跨卡' }}</span>
+                        <el-switch v-model="high_setting_form.Span_USBcard"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.presetContent') || '预设内容拷贝' }}</span>
+                        <el-switch v-model="high_setting_form.hasAddFile"></el-switch>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- ================= 模式 1: 电子光盘 ================= -->
+                <div v-else-if="file_form === 1">
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.basicConfig') || '基础配置' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+                    <el-row :gutter="20">
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.better') || '优先级'">
+                          <el-select v-model="high_setting_form.priority" class="w-full">
+                            <el-option v-for="item in high_setting.priority" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.startWorkSpace') || '目标工作站'">
+                          <el-select v-model="high_setting_form.target_work" class="w-full">
+                            <el-option v-for="item in high_setting.target_work" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.ribbonType') || '色带类型'">
+                          <el-select v-model="high_setting_form.color_type" class="w-full">
+                            <el-option v-for="item in high_setting.color_type" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                    </el-row>
+                  </div>
+
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.funcSwitch') || '功能开关' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+                    <div class="grand-switch-grid">
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.failLabel') || '失败打印标签' }}</span>
+                        <el-switch v-model="high_setting_form.s3"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.allowSpanCard') || '允许跨卡' }}</span>
+                        <el-switch v-model="high_setting_form.Span_USBcard"></el-switch>
+                      </div>
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.presetContent') || '预设内容拷贝' }}</span>
+                        <el-switch v-model="high_setting_form.hasAddFile"></el-switch>
+                      </div>
+                      <div class="g-switch-item highlight">
+                        <span class="g-label">{{ $t('work.mixMode') || '混合模式' }}</span>
+                        <el-switch v-model="high_setting_form.is_blend"></el-switch>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- ================= 模式 4: 防拷贝存储卡 ================= -->
+                <div v-else-if="file_form === 4">
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.basicConfig') || '基础配置' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+                    <el-row :gutter="20">
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.better') || '优先级'">
+                          <el-select v-model="high_setting_form.priority" class="w-full">
+                            <el-option v-for="item in high_setting.priority" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.startWorkSpace') || '目标工作站'">
+                          <el-select v-model="high_setting_form.target_work" class="w-full">
+                            <el-option v-for="item in high_setting.target_work" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('work.ribbonType') || '色带类型'">
+                          <el-select v-model="high_setting_form.color_type" class="w-full">
+                            <el-option v-for="item in high_setting.color_type" :key="item.value" :label="item.label"
+                              :value="item.value"></el-option>
+                          </el-select>
+                        </el-form-item>
+                      </el-col>
+                    </el-row>
+                  </div>
+                  <div class="grand-section">
+                    <div class="grand-title"><span>{{ $t('work.funcSwitch') || '功能开关' }}</span>
+                      <div class="title-line"></div>
+                    </div>
+                    <div class="grand-switch-grid">
+                      <div class="g-switch-item">
+                        <span class="g-label">{{ $t('work.failLabel') || '失败打印标签' }}</span>
+                        <el-switch v-model="high_setting_form.s3"></el-switch>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- ================= 通用模块：硬件与录制 (所有模式共有) ================= -->
+                <div class="grand-section">
+                  <el-row :gutter="40">
+                    <!-- 录制 -->
+                    <el-col :span="14">
+                      <div class="grand-title"><span>{{ $t('work.screenRecordReview') || '屏幕记录审查' }}</span>
+                        <div class="title-line"></div>
+                      </div>
+                      <div class="feature-row mb-10">
+                        <div class="flex-center-row w-full">
+                          <div class="flex-center-row">
+                            <el-checkbox v-model="high_setting_form.record_screen" class="font-bold">{{
+                              $t('work.enableScreenRecord') || '启用屏幕录制' }}</el-checkbox>
+                            <div class="divider-v" style="height: 16px; margin: 0 15px;"></div>
+                            <el-checkbox v-model="high_setting_form.print_record_logo"
+                              :disabled="!high_setting_form.record_screen">{{ $t('work.printRecordLogo') || '打印录制标识'
+                              }}</el-checkbox>
+                          </div>
+                        </div>
+                      </div>
+                      <transition name="el-zoom-in-top">
+                        <div v-if="high_setting_form.record_screen" class="path-box pl-20">
+                          <el-input size="small" v-model="high_setting_form.record_screen_path"
+                            :placeholder="$t('work.recordPath') || '录制路径(默认视频目录)'">
+                            <template slot="prepend"><i class="el-icon-folder"></i></template>
+                          </el-input>
+                          <div class="tips-text mt-5"><i class="el-icon-info"></i> 标识使用 <b>luzhi.png</b></div>
+                        </div>
+                      </transition>
+                    </el-col>
+
+                    <!-- 硬件 -->
+                    <el-col :span="10">
+                      <div class="grand-title"><span>{{ $t('work.hardwareControl') || '硬件管控' }}</span>
+                        <div class="title-line"></div>
+                      </div>
+                      <div class="hardware-box">
+                        <div class="mb-10">
+                          <el-checkbox v-model="high_setting_form.enable_dongle_counter">{{ $t('work.installDongle') ||
+                            '加密狗计数'
+                          }}</el-checkbox>
+                        </div>
+                        <transition name="el-zoom-in-top">
+                          <div v-if="high_setting_form.enable_dongle_counter" class="ml-20">
+                            <el-form-item :label="$t('work.installCount') || '安装次数'" label-width="80px"
+                              style="margin-bottom: 0;">
+                              <el-input-number size="small" v-model="high_setting_form.install_dongle_count" :min="1"
+                                :max="999"></el-input-number>
+                            </el-form-item>
+                          </div>
+                        </transition>
+                      </div>
+                      <!-- 新增：授权码 -->
+                      <div class="mt-20">
+                        <el-form-item :label="$t('work.setAuthCode') || '设置授权码'" label-width="90px"
+                          style="margin-bottom: 0;">
+                          <el-input size="small" v-model="high_setting_form.auth_code"
+                            :placeholder="$t('work.inputAuthCode') || '输入授权码'"></el-input>
+                        </el-form-item>
+                      </div>
+                    </el-col>
+                  </el-row>
+                </div>
+
+              </el-form>
+            </div>
+            <span slot="footer" class="dialog-footer grand-footer">
+              <el-button @click="highSettingVisible = false" size="medium" icon="el-icon-close">取 消</el-button>
+              <el-button type="primary" @click="saveHighSettings" size="medium" icon="el-icon-check">确认保存</el-button>
+            </span>
+          </el-dialog>
+
+          <!-- 触发按钮 -->
+          <el-button slot="reference" size="medium" @click="highSettingVisible = true"
+            style="height: 32px; padding: 0 15px; line-height: 32px">
+            {{ $t('work.senior') }}
+          </el-button>
+          <!-- 屏幕录制按钮 -->
+          <screen-recorder ref="screenRecorder" :task-id="upload_disk" @recording-started="onRecordingStarted"
+            @recording-stopped="onRecordingStopped" @recording-saved="onRecordingSaved"
+            style="margin-right: 10px; display: inline-block;" />
+
+          <!-- 网络路径认证对话框 -->
+          <network-auth-dialog :visible="networkAuthVisible" :network-paths="networkAuthPaths"
+            @confirm="onNetworkAuthConfirm" @cancel="onNetworkAuthCancel" />
+        </div>
+      </div>
+      <!-- 删除无效布局：v-if=0 -->
+    </div>
+    <!-- <el-row
+      :gutter="20"
+      style="margin-top: 10px">
+      <el-col :span="12">
+        <el-switch
+          v-model="switch_cont"
+          :active-text="$t('work.addContent')"
+          style="float: left">
+        </el-switch>
+      </el-col>
+      <el-col :span="12">
+        <el-switch
+          v-model="switch_tag"
+          style="float: right"
+          :active-text="$t('work.addTag')">
+        </el-switch>
+      </el-col>
+    </el-row> -->
+    <el-row :gutter="0" style="margin-top: 10px">
+      <el-col :span="switch_tag && switch_cont ? 12 : switch_tag && !switch_cont ? 0 : 24">
+        <div class="grid-content bg-purple">
+          <div class="file">
+            <div style="display: flex">
+              <div style="font-size: 16px; font-weight: 700; height: 32px; line-height: 32px; text-align: left">
+                {{ $t('work.contentTitle') }}
+              </div>
+              <el-popover v-if="guideStep" :placement="guideStep[10].placement" width="250" trigger="manual"
+                v-model="guideStep[10].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.step11`) }}</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="btn-group" slot="reference" :class="{ guide_body: currentStep == 10 }">
+                  <!-- <div
+                    class="btn"
+                    @click="addFolder"
+                    style="color: #67c23a">
+                    {{ $t('file.addFolder') }}
+                  </div>
+                  <div
+                    class="btn"
+                    @click="addFile"
+                    style="color: #67c23a">
+                    <i class="el-icon-files" />
+                    {{ $t('file.addFile') }}
+                  </div> -->
+                  <el-dropdown trigger="click" placement="bottom" style="margin-left: 10px; display: inline-block;"
+                    @command="handleContentCommand">
+                    <el-button type="primary" plain
+                      style="height: 32px; padding: 0 15px; line-height: 32px; font-size: 14px;">
+                      {{ $t("work.addContent") }} <i class="el-icon-arrow-down el-icon--right"></i>
+                    </el-button>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item command="file">
+                        <i class="el-icon-document" style="margin-right: 5px;"></i>{{ $t("file.addFile") }}
+                      </el-dropdown-item>
+                      <el-dropdown-item command="folder">
+                        <i class="el-icon-folder" style="margin-right: 5px;"></i>{{ $t("file.addFolder") }}
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                </div>
+              </el-popover>
+              <el-popover v-if="guideStep" :placement="guideStep[11].placement" width="250" trigger="manual"
+                v-model="guideStep[11].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.step12`) }}</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: currentStep == 11 }">
+                  <el-input v-model="juanbiao_form" :placeholder="$t('work.pleaseInput')"
+                    style="width: 290px; margin-left: 10px">
+                    <template slot="prepend">
+                      {{ $t('work.sign') }}
+                    </template>
+                  </el-input>
+                </div>
+              </el-popover>
+            </div>
+            <el-row :gutter="20" v-if="false">
+              <el-col :span="3">
+                <span style="font-size: 16px; font-weight: 700; height: 32px; line-height: 32px; text-align: left">
+                  {{ $t('work.contentTitle') }}
+                </span>
+              </el-col>
+              <el-col :span="11">
+                <el-input v-model="juanbiao_form" :placeholder="$t('work.pleaseInput')"
+                  style="width: 250px; float: left">
+                  <template slot="prepend">
+                    {{ $t('work.sign') }}
+                  </template>
+                </el-input>
+              </el-col>
+              <el-col :span="10">
+                <el-progress :text-inside="true" :percentage="file_percent" :format="format" style="line-height: 32px"
+                  :stroke-width="20" :color="customColors"></el-progress>
+              </el-col>
+            </el-row>
+            <div style="clear: both"></div>
+
+            <Files ref="files" :onSizechange="sizeChange" :complete="upload_over" :saveWorkList="saveWorkList"
+              @network-paths-changed="onNetworkPathsChanged"><el-progress :text-inside="true" :percentage="file_percent"
+                :format="format" style="line-height: 32px; flex: 1" :stroke-width="20"
+                :color="customColors"></el-progress>
+            </Files>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="switch_cont && switch_tag ? 12 : switch_cont && !switch_tag ? 0 : 24">
+        <div class="grid-content bg-purple">
+          <div class="label">
+            <div class="title" style="width: 100%; display: flex; align-items: center; justify-content: space-between">
+              <div>
+                <span style="font-size: 16px; color: #606266; margin-right: 10px"> {{ $t('work.tag') }} </span>
+                <el-select clearable style="width: 280px" v-model="currentTemplate" @change="changeTemplate"
+                  :placeholder="$t('work.pleaseSelect')" size="mini">
+                  <el-option v-for="(item, index) in templates" :key="index" :label="item.label" :value="item.value">
+                  </el-option>
+                </el-select>
+                <!-- <el-select
+                  v-model="print_flag"
+                  :placeholder="$t('work.pleaseSelect')"
+                  size="mini">
+                  <el-option
+                    v-for="item in print_op"
+                    v-if="!(flag && item.value == 1)"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select> -->
+              </div>
+              <div style="display: flex; align-items: center">
+                <el-button style="margin-left: 10px; font-size: 14px; height: 32px; padding: 0 15px; line-height: 32px"
+                  @click="openDesign">
+                  {{ $t('work.createTag') }}
+                </el-button>
+                <el-popover v-if="guideStep" :placement="guideStep[12].placement" width="250" trigger="manual"
+                  v-model="guideStep[12].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.step13`) }}</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: currentStep == 12 }">
+                    <el-button
+                      style="margin-left: 10px; font-size: 14px; height: 32px; padding: 0 15px; line-height: 32px"
+                      @click="openFile">
+                      {{ $t('work.importTag') }}
+                    </el-button>
+                  </div>
+                </el-popover>
+                <!-- <el-tooltip
+                  class="item"
+                  effect="dark"
+                  :content="file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0, 12) + '...' : file_name"
+                  placement="top-start">
+                  <el-button
+                    type="text"
+                    icon="el-icon-upload2"
+                    style="margin-left: 10px; font-size: 14px"
+                    @click="openFile2">
+                    {{ file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0, 12) + '...' : file_name }}
+                  </el-button>
+                </el-tooltip> -->
+                <input type="file" accept=".csv" @change="fileLoad2" ref="refFile2" style="display: none" />
+
+                <input type="file" accept="..zip,.rar" @change="fileLoad3" ref="refFile3" style="display: none" />
+              </div>
+            </div>
+            <div style="float: right"></div>
+            <input type="file" accept=".cs,.soon" @change="fileLoad" ref="refFile" style="display: none" />
+            <div style="clear: both"></div>
+            <el-popover v-if="guideStep" :placement="guideStep[13].placement" width="250" trigger="manual"
+              v-model="guideStep[13].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.step14`) }}</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: currentStep == 13 }">
+                <div class="display_box">
+                  <el-tooltip class="item" effect="light" content="打印正面" placement="bottom">
+                    <div class="display_item" @click="print_flag = 2">
+                      <div class="display_bg" v-if="print_flag == 3"></div>
+                      <img :src="fileData.frontDisplayPic" />
+                    </div>
+                  </el-tooltip>
+                  <el-tooltip class="item" effect="light" content="打印反面" placement="bottom">
+                    <div class="display_item" @click="print_flag = 3">
+                      <div class="display_bg" v-if="print_flag == 2"></div>
+                      <img :src="fileData.backDisplayPic" />
+                    </div>
+                  </el-tooltip>
+                </div>
+              </div>
+            </el-popover>
+            <el-popover v-if="guideStep" :placement="guideStep[14].placement" width="250" trigger="manual"
+              v-model="guideStep[14].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.step15`) }}</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: currentStep == 14 }">
+                <el-table :data="tableData" height="200" style="width: 100%" :empty-text="$t('work.nodata')"
+                  :show-header="false">
+                  <el-table-column prop="name" min-width="110" :label="$t('work.fieldName')">
+                  </el-table-column>
+                  <el-table-column prop="val" min-width="240">
+                    <template slot-scope="scope">
+                      <div v-if="scope.row.type == 1">
+                        <input type="file" accept="image/*" :ref="scope.row.origin_name"
+                          :data-name="scope.row.origin_name" />
+                      </div>
+                      <div v-if="scope.row.type == 3 || scope.row.type == 4 || scope.row.type == 5">
+                        <el-input :placeholder="$t('work.pleaseInput')" v-model="form[scope.row.origin_name]" clearable
+                          style="width: calc(100% - 30px) !important" :disabled="csvIsExist">
+                        </el-input>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="val" min-width="90">
+                    <template slot-scope="scope">
+                      <div v-if="scope.row.type == 3 || scope.row.type == 4 || scope.row.type == 5">
+                        <el-tooltip class="item" effect="dark"
+                          :content="file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0, 12) + '...' : file_name"
+                          placement="top-start">
+                          <el-button size="mini" @click="openFile2">
+                            {{ file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0,
+                              12) + '...' : file_name }}
+                          </el-button>
+                        </el-tooltip>
+                      </div>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </el-popover>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+    <el-row :gutter="20" style="padding: 10px">
+      <!-- Input fields removed as they are moved to Advanced Settings -->
+      <div style="width: 100%">&nbsp;</div>
+      </el-col>
+      <el-col :span="8" style="display: flex; align-items: center; justify-content: space-between">
+        <el-popover v-if="guideStep" :placement="guideStep[15].placement" width="250" trigger="manual"
+          v-model="guideStep[15].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.step16`) }}</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: currentStep == 15 }">
+            <el-input :placeholder="$t('work.addContent')" v-model="number" style="width: 200px; height: 32px">
+              <template slot="prepend">
+                {{ $t('work.num') }}
+              </template>
+            </el-input>
+          </div>
+        </el-popover>
+        <div style="display: flex; align-items: center">
+          <el-button type="primary" @click="saveWork"
+            style="margin-right: 20px; height: 32px; padding: 0 15px; line-height: 32px">
+            {{ $t('work.save') }}
+          </el-button>
+          <el-popover v-if="guideStep" :placement="guideStep[16].placement" width="250" trigger="manual"
+            v-model="guideStep[16].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.step17`)
+                }}<a @click="help" v-if="currentStep == guideStep.length - 1">，{{ $t(`guide.help`) }}</a>
+              </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: currentStep == 16 }">
+              <el-button type="primary" style="height: 32px; padding: 0 15px; line-height: 32px" @click="upload">
+                {{ $t('work.submit') }}
+              </el-button>
+            </div>
+          </el-popover>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+String.prototype.strLen = function () {
+  var len = 0
+  for (var i = 0; i < this.length; i++) {
+    if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) len += 2
+    else len++
+  }
+  return len
+}
+String.prototype.strToChars = function () {
+  var chars = new Array()
+  for (var i = 0; i < this.length; i++) {
+    chars[i] = [this.substr(i, 1), this.isCHS(i)]
+  }
+  String.prototype.charsArray = chars
+  return chars
+}
+String.prototype.isCHS = function (i) {
+  if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) return true
+  else return false
+}
+String.prototype.subCHString = function (start, end) {
+  var len = 0
+  var str = ''
+  this.strToChars()
+  for (var i = 0; i < this.length; i++) {
+    if (this.charsArray[i][1]) len += 2
+    else len++
+    if (end < len) return str
+    else if (start < len) str += this.charsArray[i][0]
+  }
+  return str
+}
+String.prototype.subCHStr = function (start, length) {
+  return this.subCHString(start, start + length)
+}
+function getNowFormatDate() {
+  var date = new Date()
+  var seperator1 = '-'
+  var year = date.getFullYear()
+  var month = date.getMonth() + 1
+  var strDate = date.getDate()
+  if (month >= 1 && month <= 9) {
+    month = '0' + month
+  }
+  if (strDate >= 0 && strDate <= 9) {
+    strDate = '0' + strDate
+  }
+  var currentdate = year + seperator1 + month + seperator1 + strDate
+  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')
+const { exec } = require('child_process')
+const { ipcRenderer } = require('electron')
+export default {
+  name: 'work',
+  props: {
+    dice: {
+      type: Number
+    },
+    saveWorkList: {
+      type: Object | undefined
+    },
+    isNew: {
+      type: Boolean
+    },
+    printerList: {
+      type: Object | undefined
+    },
+    shareDisk: {
+      type: String | undefined
+    },
+    isCopy: {
+      type: Boolean | undefined,
+      default: false
+    },
+    filterPassedType: {
+      type: Array,
+      default: []
+    },
+    sizeType: {
+      type: Array,
+      default: []
+    }
+  },
+  components: {
+    Files,
+    ScreenRecorder,
+    NetworkAuthDialog
+  },
+  data() {
+    return {
+      // 网络路径认证相关
+      networkAuthVisible: false,
+      networkAuthPaths: [],
+      networkCredentials: {},
+
+      // 模板列表
+      templates: [],
+      currentTemplate: '',
+      highSettingVisible: false,
+      guideStep: null,
+      currentStep: 0,
+      flag: false,
+      switch_cont: true,
+      switch_tag: true,
+      print_flag: null,
+      //print_op: [{
+      //    value: 2,
+      //  label: this.$t("work.front")
+      //}, {
+      //    value: 3,
+      //    label: this.$t("work.back")
+      //}, {
+      //    value: 1,
+      //    label: this.$t("work.double")
+      //}],
+      size_type: [],
+      // size_type: [
+      // {
+      // value: 0.512,
+      // label: "512MB|2.0",
+      // },
+      // {
+      // value: 4,
+      // label: "4GB|2.0",
+      // },
+      // {
+      // value: 32,
+      // label: "32GB|2.0",
+      // },
+      // {
+      // value: 64,
+      // label: "64GB|3.0",
+      // },
+      // {
+      // value: 128,
+      // label: "128GB|3.0",
+      // },
+      // {
+      // value: 256,
+      // label: "256GB|3.0",
+      // },
+      // ],
+      //type: [{
+      //    value: 0,
+      //    label: this.$t("work.diskPart")
+      //}, {
+      //    value: 1,
+      //    label: this.$t("work.cdPart")
+      //}, {
+      //
+      //   // -- value: 2,
+      //   //  label: '加密分区'
+      ////  }, {
+
+      //    value: 3,
+      //    label: this.$t("work.forbidCopyPart")
+      //}, {
+      //   // -- value: 4,
+      // //    label: '普普分区'
+      ////  }, {
+
+      //    value: 5,
+      //    label: this.$t("work.cdWithDisk")
+      //}],
+      //file_type: [{
+      //    value: 0,
+      //    label: this.$t("work.fileAnd")
+      //}, {
+      //    value: 1,
+      //    label: this.$t("work.eCd")
+      //}, {
+      //     value: 2,
+      //     label: this.$t("work.zip")
+      //  }, {
+      //     value: 3,
+      //     label: this.$t("work.passZip")
+      // }, {
+      //    value: 4,
+      //    label: this.$t("work.forbidCopyU")
+      //}],
+      size_form: null,
+      type_form: 0,
+      file_form: 0,
+      number: 1,
+      juanbiao_form: '',
+      options: {
+        // https://github.com/simple-uploader/Uploader/tree/develop/samples/Node.js
+        target: '/upload/',
+        testChunks: false
+      },
+      zip_attrs: {
+        accept: '.zip'
+      },
+      iso_attrs: {
+        accept: 'iso/img'
+      },
+      fileData: {},
+      tableData: [],
+      //high_setting: {
+      //    priority: [{
+      //        value: 1,
+      //        label: this.$t("work.low")
+      //    }, {
+      //        value: 0,
+      //        label: this.$t("work.normal")
+      //    }, {
+      //        value: 2,
+      //        label: this.$t("work.high")
+      //    }],
+      //    fileSystem: [{
+      //        value: 0,
+      //        label: this.$t("work.auto")
+      //    }, {
+      //        value: 1,
+      //        label: 'FAT32'
+      //    }, {
+      //        value: 2,
+      //        label: 'exFAT'
+      //    }, {
+      //        value: 3,
+      //        label: 'NTFS'
+      //    }],
+      //    target_work: [{
+      //        value: 0,
+      //        label: this.$t("work.any")
+      //    }, ],
+      //    color_type: [{
+      //        value: 0,
+      //        label: this.$t("work.any")
+      //    }, {
+      //        value: 1,
+      //        label: this.$t("work.sigleColor")
+      //    }, {
+      //        value: 2,
+      //        label: this.$t("work.colorful")
+      //    }, ],
+      //},
+      high_setting_form: {
+        priority: 0,
+        fileSystem: 0,
+        target_work: 0,
+        color_type: 0,
+        s1: false,
+        s2: false,
+        s3: false,
+        s4: false,
+        s5: false,
+        pass: '',
+        repass: '',
+        localfiles: false, //本地文件
+        formatFile: 0, // auto
+        Span_USBcard: false,
+        hasAddFile: false, //拷贝附加文件
+
+        // New Settings Default
+        is_blend: false,
+        record_screen: false,
+        record_screen_path: '',
+        print_record_logo: false,
+        is_blend: false,
+
+        // New Fields based on requirements
+        is_generate_iso: false,
+        iso_file_name: '',
+
+        is_generate_zip: false,
+        zip_file_name: '',
+        is_zip_encrypt: false,
+        zip_password: '',
+        zip_repassword: '',
+
+        copy_hash: false, // 拷贝HASH到存储卡
+
+        enable_dongle_counter: false, // 启用加密狗计数
+        install_dongle_count: 0,
+
+        record_screen: false,
+        record_screen_path: '',
+        print_record_logo: false,
+
+        auth_code: '' // 授权码
+      },
+      file_name: null,
+      file_name3: this.$t('work.binImg'),
+      upload_disk: '',
+      p1: '',
+      p2: '',
+      size: 0,
+      zip_name: '',
+      isPass: false,
+      flag_cont_up: false,
+      filter_rules: [[0], [1, 5], [0], [0], [3]],
+      form: {},
+      fullscreenLoading: false,
+      file_len: 0,
+      customColors: [
+        { color: '#67C23A', percentage: 99 },
+        { color: '#F56C6C', percentage: 100 }
+      ],
+      csvIsExist: false,
+      upload_flag: false,
+      fileLists: [], //上传文件列表
+      submitLoading: false
+    }
+  },
+  created() {
+    this.upload_disk = this.genTaskUUID()
+    this.options.target += this.upload_disk + '/data'
+    //this.options.target = "/api";
+  },
+  updated() { },
+  mounted() {
+    const high = localStorage.getItem('high_setting_form')
+    // Merge store defaults with localStorage to ensure new fields (is_blend, etc.) exist
+    const defaults = (this.$store && this.$store.state && this.$store.state.user) ? this.$store.state.user.setFormDefault : {
+      is_blend: false,
+      record_screen: false,
+      record_screen_path: '',
+      print_record_logo: false,
+      install_dongle_count: 0
+    }
+    if (high) {
+      try {
+        const stored = JSON.parse(high)
+        this.high_setting_form = { ...this.high_setting_form, ...defaults, ...stored }
+      } catch (e) {
+        this.high_setting_form = { ...this.high_setting_form, ...defaults }
+      }
+    } else {
+      this.high_setting_form = { ...this.high_setting_form, ...defaults }
+    }
+    this.juanbiao_form = getNowFormatDate()
+    if (this.dice == 1) {
+      this.flag = true
+      this.print_flag = 2
+    } else {
+      this.print_flag = 1
+    }
+    this.guideStep = JSON.parse(localStorage.getItem('guideStep'))
+    this.currentStep = localStorage.getItem('currentStep')
+    if (this.guideStep[this.currentStep]) {
+      this.guideStep[this.currentStep].show = false
+      setTimeout(() => {
+        this.guideStep[this.currentStep].show = true
+      }, 200)
+    }
+
+    // 加载网络认证信息
+    this.loadNetworkCredentials()
+
+    this.getTemplates()
+    // 加载已保存的网络认证，支持二次新建直接使用
+    if (this.loadNetworkCredentials) {
+      this.loadNetworkCredentials()
+    }
+  },
+  updated() { },
+  methods: {
+    // 高级设置相关
+    saveHighSettings() {
+      // 保存高级设置到 localStorage
+      localStorage.setItem('high_setting_form', JSON.stringify(this.high_setting_form))
+
+      this.$message({
+        type: 'success',
+        message: '高级设置已保存',
+        offset: 100
+      })
+
+      // 如果录制设置改变,需要重新初始化
+      if (this.high_setting_form.record_screen && !this.isRecording) {
+        this.autoStartRecording()
+      } else if (!this.high_setting_form.record_screen && this.isRecording) {
+        this.stopRecordingIfActive()
+      }
+
+      this.highSettingVisible = false
+    },
+
+    // 自动录制相关
+    autoStartRecording() {
+      if (!this.taskUUID) {
+        this.taskUUID = this.genTaskUUID()
+      }
+
+      const fileName = `${this.taskUUID}.webm`
+      const savePath = this.high_setting_form.record_screen_path || this.getDefaultVideoPath()
+      this.recordingFilePath = `${savePath}/${fileName}`
+
+      // 调用录制组件开始录制
+      if (this.$refs.screenRecorder) {
+        this.$refs.screenRecorder.startRecording({ fileName, savePath })
+        this.isRecording = true
+      } else {
+        // 如果没有录制组件,模拟录制状态
+        this.isRecording = true
+        console.log('[自动录制] 录制已开始:', this.recordingFilePath)
+      }
+    },
+
+    getDefaultVideoPath() {
+      try {
+        const { remote } = require('electron')
+        return remote.app.getPath('videos')
+      } catch (e) {
+        return ''
+      }
+    },
+
+    // 录制相关方法
+    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())) {
+        return false
+      }
+      const networkPaths = this.$refs.files.getNetworkPaths() || []
+      if (networkPaths.length === 0) return false
+
+      // 从本地存储的 credentials 中匹配已有主机
+      let stored = {}
+      try {
+        stored = JSON.parse(localStorage.getItem('networkCredentials') || '{}')
+      } catch (e) {
+        stored = {}
+      }
+      const missing = []
+      const prepared = []
+      for (const item of networkPaths) {
+        const host = item.hostName || this.getHostFromPath(item.path) || ''
+        if (host && stored[host] && stored[host].userName && stored[host].password) {
+          prepared.push({
+            host_name: host,
+            user_name: stored[host].userName,
+            password: stored[host].password,
+          })
+        } else {
+          missing.push({ ...item, hostName: host })
+        }
+      }
+
+      if (missing.length > 0) {
+        // 仅对缺失凭据的主机弹窗
+        this.networkAuthPaths = missing.map(m => ({
+          path: m.path,
+          hostName: m.hostName,
+          userName: '',
+          password: ''
+        }))
+        this.networkAuthVisible = true
+        // 先保存已准备好的，等用户补齐再一起提交
+        this.networkCredentials = prepared
+        return true
+      }
+
+      // 全部已有凭据，直接使用
+      this.networkCredentials = prepared
+      return false
+    },
+
+    // 文件列表网络路径变化时触发，若为空则关闭弹窗
+    onNetworkPathsChanged(paths) {
+      if (!paths || paths.length === 0) {
+        this.networkAuthVisible = false
+        this.networkAuthPaths = []
+      } else {
+        this.networkAuthPaths = paths
+      }
+    },
+
+    // 网络认证确认回调
+    onNetworkAuthConfirm(netInfo) {
+      this.networkCredentials = netInfo
+      this.networkAuthVisible = false
+
+      // 继续提交流程
+      this.continueSubmit()
+    },
+
+    // 网络认证取消回调
+    onNetworkAuthCancel() {
+      this.networkAuthVisible = false
+      this.$message.info(this.$t('networkAuth.authCanceled'))
+    },
+
+    // 继续提交流程
+    continueSubmit() {
+      // 这里继续原来的提交逻辑
+      this.performSubmit()
+    },
+    // Continue submit flow
+    continueSubmit() {
+      // Logic
+      this.performSubmit()
+    },
+    handleContentCommand(command) {
+      if (command === 'folder') {
+        this.addFolder();
+      } else {
+        this.addFile();
+      }
+    },
+    addFolder() {
+      this.$refs.files.addFolder()
+    },
+    addFile() {
+      this.$refs.files.addFile()
+    },
+    toChar(n) {
+      return String.fromCharCode(65 + parseInt(n))
+    },
+    getPrintName(id) {
+      return this.$t('index.wordSpace') + id.substr(-5)
+    },
+    getPrintName1(id) {
+      for (let i = 0; i < this.printerList.length; i++) {
+        if (this.printerList[i].PrinterID == id) {
+          return this.$t('index.wordSpace') + this.toChar(i)
+        }
+      }
+    },
+    openFile() {
+      this.$refs.refFile.dispatchEvent(new MouseEvent('click'))
+    },
+    openFile2() {
+      this.$refs.refFile2.dispatchEvent(new MouseEvent('click'))
+    },
+    openFile3() {
+      this.$refs.refFile3.dispatchEvent(new MouseEvent('click'))
+    },
+    fileLoad() {
+      this.fileLists = this.$refs.refFile.files
+      let selectedFile = this.fileLists[0]
+      let reader = new FileReader()
+      reader.readAsText(selectedFile)
+      let _this = this
+      _this.currentTemplate = ''
+      reader.onload = function () {
+        _this.readFile(this.result)
+      }
+    },
+    fileLoad2() {
+      this.file_name = this.$refs.refFile2.files[0].name
+      this.csvLoad()
+    },
+    fileLoad3() {
+      this.file_name3 = this.$refs.refFile3.files[0].name
+    },
+    csvLoad() {
+      let selectedFile = this.$refs.refFile2.files[0]
+      let reader = new FileReader()
+      reader.readAsText(selectedFile)
+      let _this = this
+      reader.onload = function () {
+        //let flag = true; //校验结果
+        let first_line = this.result.split('\n')[0].replace('\r', '').split(',') //第一行
+        let second_line = this.result.split('\n')[1].replace('\r', '').split(',') //第二行
+        let i = 0
+        for (let item of first_line) {
+          _this.$set(_this.form, item, second_line[i])
+          i++
+        }
+        _this.csvIsExist = true
+
+        //let ava_num = 0; //实际数量，去除空
+        //let str_len = this.result.split("\n").length - 1;
+        //for (let item of arr) {
+        //    if (item != "") {
+        //        ava_num++;
+        //    }
+        //}
+        //if (ava_num != _this.tableData.length) {
+        //    flag = false; //参数量不相等
+        //    _this.$message({offset:100,
+        //        message: '请检查，合并文件csv数据跟cs字段数不匹配！',
+        //        type: 'warning'
+        //    });
+        //    return;
+        //}
+        //if (str_len < _this.number) {
+        //
+        //    flag = false; //数量不匹配
+        //    _this.$message({offset:100,
+        //        message: '请检查，合并文件csv数据组跟usb卡片发行数字num不匹配！',
+        //        type: 'warning'
+        //    });
+        //    return;
+        //}
+        //let warn_arr = [];
+        //for (let item of _this.tableData) {
+        //    console.log(item)
+        //    if (arr.indexOf(item.origin_name + '') == -1) {
+        //        warn_arr.push(item.origin_name + '');
+        //    }
+        //}
+        //if (warn_arr.length != 0) { //参数名不匹配
+        //    _this.$message({offset:100,
+        //        message: '未发现' + warn_arr + "字段！",
+        //        type: 'warning'
+        //    });
+        //}
+      }
+    },
+    format(percentage) {
+      let mb = (this.size_form * 931.3).toFixed(0)
+      return (this.size / (1024 * 1024)).toFixed(1) + 'MB / ' + mb + 'MB'
+    },
+
+    genTaskUUID() {
+      var myDate = new Date()
+      var dateStr =
+        myDate.getFullYear().toString() +
+        (myDate.getMonth() + 1 >= 10 ? (myDate.getMonth() + 1).toString() : '0' + (myDate.getMonth() + 1).toString()) +
+        (myDate.getDate() > 9 ? myDate.getDate().toString() : '0' + myDate.getDate().toString()) +
+        (myDate.getHours() > 9 ? myDate.getHours().toString() : '0' + myDate.getHours().toString()) +
+        (myDate.getMinutes() > 9 ? myDate.getMinutes().toString() : '0' + myDate.getMinutes().toString()) +
+        (myDate.getSeconds() > 9 ? myDate.getSeconds().toString() : '0' + myDate.getSeconds().toString()) +
+        myDate
+          .getTime()
+          .toString()
+          .slice(myDate.getTime().toString().length - 3, myDate.getTime().toString().length - 1)
+      // return 'W' + Math.random().toString(36).substr(2)
+      return dateStr
+    },
+    async upload_over() {
+      //左侧内容上传结束
+      if (!this.upload_flag) {
+        return
+      }
+      this.upload_flag = false
+      if (this.flag_cont_up) {
+        //如果是点击按钮开启的上传，则进行上传右侧
+        if ((!this.isNew && this.fileData) || (this.isNew && this.fileLists[0])) {
+          //开启了标签则检测并上传
+          let files_n_incr = 1
+          let data1 = new FormData()
+          if (this.isNew) {
+            if (this.fileLists[0]) {
+              data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
+              files_n_incr++
+            } else {
+              this.$message({
+                offset: 100,
+                message: this.$t('work.pleaseUploadTag'),
+                type: 'warning'
+              })
+              return
+            }
+          } else {
+            if (this.fileData && !this.fileLists[0]) {
+              //纯打开，需要上传的是as文件
+              let _file = new File([JSON.stringify(this.fileData)], this.saveWorkList.taskName, { type: 'text/plain' })
+              data1.append(`file${files_n_incr}`, _file) //标签cs文件
+              files_n_incr++
+            } else if (this.fileData && this.fileLists[0]) {
+              //打开后，又重新选择了soon文件
+              data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
+              files_n_incr++
+            } else {
+              this.$message({
+                offset: 100,
+                message: this.$t('work.pleaseUploadTag'),
+                type: 'warning'
+              })
+              return
+            }
+          }
+
+          if (this.$refs.refFile2.files.length != 0) {
+            // 有csv合并文件
+            data1.append(`file${files_n_incr}`, this.$refs.refFile2.files[0]) //csv文件
+            data1.append(`csv`, true) //csv文件flag
+            //console.log(this.$refs.refFile2.files);
+            files_n_incr++
+          } else {
+            data1.append(`csv`, false) //csv文件flag
+          }
+          for (let item of this.tableData) {
+            if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length != 0) {
+              //有合并文件
+              //data1.append(item.origin_name, this.$refs[item.origin_name].files[0]);//图片文件
+              data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]) //图片文件
+              files_n_incr++
+            } else if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length == 0) {
+              //无合并文件
+              data1.append(item.origin_name, this.$refs[item.origin_name].files[0]) //图片文件
+              //data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]);//图片文件
+              files_n_incr++
+            } else if ((item.type == 3 || item.type == 5) && this.$refs.refFile2.files.length == 0) {
+              //无合并文件
+              let data = this.form[item.origin_name]
+              if (data == '' || data == undefined || data == null) {
+                data = item.default
+              }
+              data1.append(item.origin_name, data) //合成文字与条形码 有默认值的
+            } else if (item.type == 4 && this.$refs.refFile2.files.length == 0) {
+              //二维码
+              data1.append(item.origin_name, this.form[item.origin_name])
+            }
+          }
+
+          this.$message({ offset: 100, message: this.$t('work.uploadingTag') })
+          let pathName
+          if (this.high_setting_form.localfiles) {
+            //打开本地选项
+            let rootFile = this.$refs.uploader.uploader.getRoot()
+            if (rootFile.fileList.length != 1) {
+              this.$message({
+                offset: 100,
+                message: this.$t('work.oneFolder'),
+                type: 'warning'
+              })
+              return
+            }
+            let filePath = rootFile.fileList[0]
+            if (!filePath.isFolder) {
+              this.$message({
+                offset: 100,
+                message: this.$t('work.notFolder'),
+                type: 'warning'
+              })
+              return
+            }
+            pathName = filePath.name
+          } else {
+            pathName = this.upload_disk
+          }
+          this.$axios({
+            method: 'post',
+            url: '/upload/' + pathName,
+            headers: {
+              'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
+            },
+            data: data1
+          }).then((res) => {
+            this.submit() //调用提交函数
+          })
+          //this.submit(); //调用提交函数
+          //if (this.fileLists[0]) {
+          //    data1.append("file1", this.fileLists[0]);
+          //}else{
+          //    this.$message({offset:100,
+          //        message: "请上传标签！",
+          //        type: 'warning'
+          //    });
+          //    return;
+          //}
+          //if (this.$refs.refFile3.files[0]) {//添加了图片就上传图片文件
+          //    data1.append("file3", this.$refs.refFile3.files[0]);
+          //}
+          //if( this.tableData.length != 0 ){
+          //    //需要上传数据文件
+          //
+          //    if (this.$refs.refFile2.files[0]) {
+          //        //有数据文件
+          //        data1.append("file2", this.$refs.refFile2.files[0]);
+          //        //需要进一步判断是否有合成图片，有则上传
+          //        if(isExistBinPic()){
+          //            //存在合成图片，则上传合成图片
+          //            let f1 = this.check_compressed();
+          //            let f2;
+          //            await f1.then((res)=>{
+          //                f2 = res;
+          //            })
+          //            if(res){
+          //                //校验合并图片成功
+          //            }else{
+          //                return;
+          //            }
+          //        }
+          //    }else{
+          //        let flag_1 = false;//如果全部是合成图片，则false；如果有 非合成图片 ，那么就是true
+          //        for( let value of this.tableData){
+          //            if(value.type != 1){
+          //                flag_1 = true;
+          //                break;
+          //            }
+          //        }
+          //        if(flag_1){
+          //            //需要上传csv则校验，否则
+          //            this.$message({offset:100,
+          //                message: "请上传标签合并文件！",
+          //                type: 'warning'
+          //            });
+          //            return;
+          //        }
+          //    }
+          //
+          //}
+          //
+          //this.$message({offset:100,
+          //    message: "正在上传标签文件...",
+          //});
+          //
+          //this.$axios({
+          //    method: "post",
+          //    url: "/upload/" + this.upload_disk,
+          //    headers: {
+          //        "Content-Type": "multipart/form-data;boundary=" + new Date().getTime()
+          //    },
+          //    data: data1,
+          //}).then(res=>{
+          //    this.submit();//调用提交函数
+          //});
+        } else {
+          //未开启标签则直接提交
+          this.submit()
+        }
+        //this.submit();
+      }
+      this.flag_cont_up = false
+    },
+    isExistBinPic() {
+      let flag_1 = false
+      for (let value of this.tableData) {
+        if (value.type == 1) {
+          flag_1 = true
+          break
+        }
+      }
+      return flag_1 //如果存在合成图片，就返回true
+    },
+    async check_compressed() {
+      let flag = true //全部选择
+      for (let item in this.$refs) {
+        if (item.search('compress') != -1) {
+          //出现compress
+          if (this.$refs[item].files.length == 0) {
+            flag = false //有未选择的，报错
+            break
+          }
+        }
+      }
+      if (!flag) {
+        //报错内容
+        this.$message({
+          offset: 100,
+          message: this.$t('work.pleaseUploadingImgBin'),
+          type: 'warning'
+        })
+        return false
+      } else {
+        //开始上传合并图片压缩文件
+
+        let data1 = new FormData() // 创建一个表单数据
+        let i = 0
+        for (let item in this.$refs) {
+          if (item.search('compress') != -1) {
+            //出现compress
+            data1.append(this.$refs[item].dataset.name, this.$refs[item].files[0])
+          }
+          i++
+        }
+        this.$message({
+          offset: 100,
+          message: this.$t('work.UploadingImgBin')
+        })
+        let re
+        await this.$axios({
+          method: 'post',
+          url: '/upload/' + this.upload_disk,
+          headers: {
+            'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
+          },
+          data: data1
+        })
+          .then((res) => {
+            re = true
+          })
+          .catch(() => {
+            this.$message({
+              offset: 100,
+              message: this.$t('work.UploadingImgBinFail'),
+              type: 'warning'
+            })
+            re = false
+          })
+        return re
+      }
+    },
+    async upload() {
+      this.exitGuide()
+      /*
+      开启了内容文件
+      上传按钮->work.upload->file.resume->file.cp----over>>> work.complete(work.upload_over)
+
+      */
+      //console.log(this.$refs.filesss.files);return;
+      console.log(this.size_form, this.$refs.files.filesList)
+      // this.localUpload('filepath')
+      if (!this.size_form) {
+        this.$message({
+          offset: 100,
+          message: this.$t('work.size_form_error'),
+          type: 'warning'
+        })
+        return
+      }
+      for (let i in this.$refs.files.filesList) {
+        this.$refs.files.filesList[i].state = false
+      }
+      this.$refs.files.nowstate = true
+      if (this.$refs.files.allNumber > 0) {
+        //开启了左边内容则先左边
+        if (!this.high_setting_form.Span_USBcard && this.size > ((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024) {
+          this.$message({
+            offset: 100,
+            message: this.$t('work.sizeExtra'),
+            type: 'warning'
+          })
+          return
+        }
+
+        if (this.$refs.files.allNumber == 0) {
+          this.$message({
+            offset: 100,
+            message: this.$t('work.pleaseUploadContent'),
+            type: 'warning'
+          })
+          return
+        }
+        this.flag_cont_up = true
+        this.upload_flag = true
+        /*
+        if (this.$refs.uploader.uploader.isComplete()) {
+          //如果已经上传成功了，直接开始下一步
+          this.upload_over();
+          return;
+        }
+        */
+        if (this.high_setting_form.localfiles) {
+          //如果开启本地文件，则只上传路径，不上传文件
+          // this.upload_over();
+          return
+        } else {
+          let t = true
+          for (let i in this.$refs.files.filesList) {
+            if (this.$refs.files.filesList[i].size == -1) {
+              t = false
+            }
+          }
+          if (t) {
+            if (this.file_form == 0) {
+              //文件和文件夹
+              //this.$refs.files.progressVisible = true;
+            } else if (this.file_form == 1) {
+              //电子光盘
+            } else if (this.file_form == 2) {
+              //zip
+              //this.$refs.files.archiverVisible = true;
+            } else if (this.file_form == 3) {
+              //加密zip
+              //this.$refs.files.archiverVisible = true;
+            } else if (this.file_form == 4) {
+              //u盘
+            }
+            this.$refs.files.isCopy = this.isCopy
+            this.$refs.files.copyPath = this.shareDisk + '\\' + this.upload_disk + '\\data\\'
+            console.log('path', this.$refs.files.copyPath)
+            console.log('isCopy', this.isCopy)
+            this.$refs.files.resume(this.file_form)
+            // this.$message({offset:100,
+            //   message: this.$t("work.uploadingContent"),
+            // });
+          } else {
+            this.$message({
+              offset: 100,
+              message: this.$t('work.waitCalculate'),
+              type: 'warning'
+            })
+          }
+        }
+      } else {
+        //没开启左边，则右边一定开启了
+        let files_n_incr = 1
+        let data1 = new FormData()
+        if (this.isNew) {
+          if (this.fileLists[0]) {
+            data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
+            files_n_incr++
+          } else {
+            this.$message({
+              offset: 100,
+              message: this.$t('work.pleaseUploadTag'),
+              type: 'warning'
+            })
+            return
+          }
+        } else {
+          if (this.fileData && !this.fileLists[0]) {
+            //纯打开，需要上传的是as文件
+            let _file = new File([JSON.stringify(this.fileData)], this.saveWorkList.taskName, { type: 'text/plain' })
+            data1.append(`file${files_n_incr}`, _file) //标签cs文件
+            files_n_incr++
+          } else if (this.fileData && this.fileLists[0]) {
+            //打开后，又重新选择了soon文件
+            data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
+            files_n_incr++
+          } else {
+            this.$message({
+              offset: 100,
+              message: this.$t('work.pleaseUploadTag'),
+              type: 'warning'
+            })
+            return
+          }
+        }
+
+        if (this.$refs.refFile2.files.length != 0) {
+          // 有csv合并文件
+          data1.append(`file${files_n_incr}`, this.$refs.refFile2.files[0]) //csv文件
+          data1.append(`csv`, true) //csv文件flag
+          files_n_incr++
+        } else {
+          data1.append(`csv`, false) //csv文件flag
+        }
+        for (let item of this.tableData) {
+          if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length != 0) {
+            //有合并文件
+            //data1.append(item.origin_name, this.$refs[item.origin_name].files[0]);//图片文件
+            data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]) //图片文件
+            files_n_incr++
+          } else if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length == 0) {
+            //无合并文件
+            data1.append(item.origin_name, this.$refs[item.origin_name].files[0]) //图片文件
+            //data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]);//图片文件
+            files_n_incr++
+          } else if ((item.type == 3 || item.type == 5) && this.$refs.refFile2.files.length == 0) {
+            //无合并文件
+            let data = this.form[item.origin_name]
+            if (data == '' || data == undefined || data == null) {
+              data = item.default
+            }
+            data1.append(item.origin_name, data) //合成文字与条形码 有默认值的
+          } else if (item.type == 4 && this.$refs.refFile2.files.length == 0) {
+            //二维码
+            data1.append(item.origin_name, this.form[item.origin_name])
+          }
+        }
+
+        this.$message({ offset: 100, message: this.$t('work.uploadingTag') })
+        this.$axios({
+          method: 'post',
+          url: '/upload/' + this.upload_disk,
+          headers: {
+            'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
+          },
+          data: data1
+        }).then((res) => {
+          this.submit() //调用提交函数
+        })
+        //this.submit(); //调用提交函数
+        // 创建一个表单数据
+
+        //if (this.fileLists[0]) {
+        //    data1.append("file1", this.fileLists[0]);
+        //}else{
+        //    this.$message({offset:100,
+        //        message: "请上传标签！",
+        //        type: 'warning'
+        //    });
+        //    return;
+        //}
+        //if (this.$refs.refFile3.files[0]) {//添加了图片就上传图片文件
+        //    data1.append("file3", this.$refs.refFile3.files[0]);
+        //}
+        //if( this.tableData.length != 0 ){
+        //    //需要上传数据文件
+        //    if (this.$refs.refFile2.files[0]) {
+        //        //有数据文件，需要检测是否有合并图片
+        //        data1.append("file2", this.$refs.refFile2.files[0]);
+        //        if(isExistBinPic()){
+        //            //存在合成图片，则上传合成图片
+        //            let f1 = this.check_compressed();
+        //            let f2;
+        //            await f1.then((res)=>{
+        //                f2 = res;
+        //            })
+        //            if(res){
+        //                //校验合并图片成功
+        //            }else{
+        //                return;
+        //            }
+        //        }
+        //    }else{
+        //        //没有选择数据文件，判断是否全是合并文件
+        //        let flag_1 = false;
+        //            for( let value of this.tableData){
+        //                if(value.type != 1){
+        //                    flag_1 = true;
+        //                    break;
+        //                }
+        //            }
+        //        if(flag_1){
+        //            //需要上传csv则校验，否则
+        //            this.$message({offset:100,
+        //                message: "请上传标签合并文件！",
+        //                type: 'warning'
+        //               });
+        //            return;
+        //        }
+        //            let f1 = this.check_compressed();
+        //            let f2;
+        //            await f1.then((res)=>{
+        //                f2 = res;
+        //            })
+        //            if(res){
+        //                //校验合并图片成功
+        //            }else{
+        //                return;
+        //            }
+        //    }
+        //}
+      }
+    },
+    sizeChange(size) {
+      this.size = size
+    },
+    onDrag(e) {
+      this.file_len = 0
+      //const loading = this.$loading({
+      //  lock: true,
+      //  text: 'Loading',
+      //  spinner: 'el-icon-loading',
+      //  background: 'rgba(0, 0, 0, 0.7)'
+      //});
+      //setTimeout(() => {
+      //    console.log(2);
+      //}, 0);
+      //console.log(1);
+    },
+    async submit() {
+      // 停止录制（如果正在录制）
+      await this.stopRecordingIfActive()
+
+      // 检查是否有网络路径需要认证
+      if (this.checkNetworkPaths()) {
+        return // 等待用户完成网络认证
+      }
+
+      // 继续提交流程
+      this.performSubmit()
+    },
+
+    // 实际的提交逻辑
+    async performSubmit() {
+      let that = this;
+      //提交最终的任务请求
+      let data = ''
+      let pathName
+      if (that.high_setting_form.localfiles) {
+        //打开本地选项
+        let rootFile = this.$refs.uploader.uploader.getRoot()
+        if (rootFile.fileList.length != 1) {
+          this.$message({
+            offset: 100,
+            message: this.$t('work.oneFolder'),
+            type: 'warning'
+          })
+          return
+        }
+        let filePath = rootFile.fileList[0]
+        if (!filePath.isFolder) {
+          this.$message({
+            offset: 100,
+            message: this.$t('work.notFolder'),
+            type: 'warning'
+          })
+          return
+        }
+        pathName = filePath.name
+      } else {
+        pathName = this.upload_disk
+      }
+      let data_param = 'CardSoon_File=' + pathName
+      if (this.$refs.files.allNumber > 0) {
+        //内容开启 则内容项必须要填写。
+        /* delete 2022-06-15*/
+        //if (this.$refs.uploader.uploader.getSize() == 0) {
+        //    this.$message({offset:100,
+        //        message: "请添加内容！",
+        //        type: 'warning'
+        //    });
+        //    return;
+        //}
+        /*
+        if (
+          !this.$refs.uploader.uploader.isComplete() &&
+          !this.high_setting_form.localfiles
+        ) {
+          this.$message({offset:100,
+            message: this.$t("work.uploadFail"),
+            type: "warning",
+          });
+          return;
+        }
+        */
+        /*
+                    2022-06-24
+                    */
+        //选择的是电子光盘，则名称一定要填写
+        //if (this.file_form == 1) {
+        //    if (this.zip_name == "") {
+        //        this.$message({offset:100,
+        //            message: this.$t("work.isoNameInput"),
+        //            type: 'warning'
+        //        });
+        //        return;
+        //    }
+        //    data += "&diskLabel=" + this.zip_name;
+        //}
+        //选择的是zip文档，则名称一定要填写
+        // ISO Check
+        if (that.high_setting_form.is_generate_iso) {
+          if (!that.high_setting_form.iso_file_name) {
+            this.$message({
+              offset: 100,
+              message: "请输入ISO文件名",
+              type: 'warning'
+            });
+            return;
+          }
+          // data += "&diskLabel=" + that.high_setting_form.iso_file_name; // If needed by backend for ISO label, or just rely on 'iso_file_name' param added later
+        }
+
+        // ZIP Check
+        if (that.high_setting_form.is_generate_zip) {
+          if (!that.high_setting_form.zip_file_name) {
+            this.$message({
+              offset: 100,
+              message: "请输入ZIP文件名", // "Please input ZIP filename"
+              type: 'warning'
+            });
+            return;
+          }
+        }
+
+        // ZIP Encrypt Check
+        if (that.high_setting_form.is_generate_zip && that.high_setting_form.is_zip_encrypt) {
+          if (!that.high_setting_form.zip_password || that.high_setting_form.zip_password !== that.high_setting_form.zip_repassword) {
+            this.$message({
+              offset: 100,
+              message: this.$t("work.zipPassWrong"), // "Password mismatch"
+              type: "warning"
+            });
+            return;
+          }
+        }
+      }
+      if ((!this.isNew && this.fileData) || (this.isNew && this.fileLists[0])) {
+        //标签开启，则标签文件一定要上传
+        if (this.isNew) {
+          if (this.fileLists.length == 0) {
+            this.$message({
+              offset: 100,
+              message: this.$t('work.pleaseUploadTag'),
+              type: 'warning'
+            })
+            return
+          }
+        } else {
+          if (!this.fileData) {
+            this.$message({
+              offset: 100,
+              message: this.$t('work.pleaseUploadTag'),
+              type: 'warning'
+            })
+            return
+          }
+        }
+
+        if (this.fileData && !this.fileLists[0]) {
+          //纯打开，需要上传的是as文件
+          data_param += '&Json_File=' + this.saveWorkList.taskName //标签不为空给get参数加上json_file
+        } else if (this.fileData && this.fileLists[0]) {
+          //打开后，又重新选择了soon文件或新建
+          data_param += '&Json_File=' + this.fileLists[0].name //标签不为空给get参数加上json_file
+        }
+
+        if (this.$refs.refFile2.files.length != 0) {
+          //数据文件不为空给get参数加上udf_File
+          data_param += '&Udf_File=file:' + this.$refs.refFile2.files[0].name
+        }
+        if ((this.print_flag == 1 && this.fileData.flag != 1) || (this.print_flag == 2 && this.fileData.flag == 3) || (this.print_flag == 3 && this.fileData.flag == 2)) {
+          //打印面数print_flag为1 - 双面的时候，模板flag必须为1 - 双面
+          //打印面数print_flag为2 - 正 的时候 模板正面必须有内容 (flag != 3)
+          //打印面数print_flag为3 - 反 的时候 模板背面必须有内容 (flag != 2)
+          this.$message({
+            offset: 100,
+            message: this.$t('work.print_flagError'),
+            type: 'warning'
+          })
+          return
+        }
+        data += '&print_flag=' + this.print_flag //打印面数需要在开启了标签时，1双 2正3背
+      }
+      if (this.juanbiao_form == '') {
+        this.$message({
+          offset: 100,
+          message: this.$t('work.juanbiaoInput'),
+          type: 'warning'
+        })
+        return
+      }
+      const printStatus = this.fileLists[0] ? true : false
+      const copyStatus = this.$refs.files.allNumber > 0 ? true : false
+      data += '&label=' + this.juanbiao_form //卷标
+      //校验完毕，拼接剩余参数
+
+      data += '&printCopys=' + this.number //份数
+      data += '&disk_size=' + this.size_form //容量，4，8，32
+      data += '&zone_type=' + this.type_form //按照界面顺序从0到5
+      data += '&hasPrintTask=' + printStatus //标签开关
+      data += '&hasCopyTask=' + copyStatus //内容开关
+      //data += "&local=" + this.high_setting_form.localfiles; //本地文件开关
+      data += '&copy_cache_data=' + this.isCopy //本地文件开关
+      data += '&SpanUcard=' + this.high_setting_form.Span_USBcard //允许跨卡
+      data += '&hasAddFile=' + this.high_setting_form.hasAddFile //拷贝附加文件
+      data += '&version=local' //单机版
+      data += '&hash=' + this.high_setting_form.s1 //hash
+      data += '&md5=' + this.high_setting_form.s2 //md5
+      data += '&printer=' + this.high_setting_form.target_work //目标打印机id，若0则全部
+      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)
+      }
+
+      // New Fields Mapping
+      data += '&hasAddFile=' + (String(that.high_setting_form.hasAddFile) || 'false') +
+        '&is_generate_iso=' + (String(that.high_setting_form.is_generate_iso) || 'false') +
+        '&iso_file_name=' + (that.high_setting_form.iso_file_name || '') +
+        '&is_generate_zip=' + (String(that.high_setting_form.is_generate_zip) || 'false') +
+        '&zip_file_name=' + (that.high_setting_form.zip_file_name || '') +
+        '&is_zip_encrypt=' + (String(that.high_setting_form.is_zip_encrypt) || 'false') +
+        '&zip_password=' + (that.high_setting_form.zip_password || '') +
+        '&copy_hash=' + (String(that.high_setting_form.copy_hash) || 'false') +
+        '&enable_dongle_counter=' + (String(that.high_setting_form.enable_dongle_counter) || 'false') +
+        '&auth_code=' + (that.high_setting_form.auth_code || '');
+
+      data += '&is_blend=' + (String(that.high_setting_form.is_blend) || 'false');
+      // record_path logic: if recording, use path
+      if (that.high_setting_form.record_screen && that.$refs.screenRecorder && that.$refs.screenRecorder.videoPath) {
+        data += '&record_path=' + that.$refs.screenRecorder.videoPath;
+      } else {
+        data += '&record_path=';
+      }
+      data += '&is_printer_record_logo=' + (String(that.high_setting_form.print_record_logo) || 'false');
+      if (that.high_setting_form.enable_dongle_counter) {
+        data += '&donglel_install_count=' + (that.high_setting_form.install_dongle_count || 0);
+      } else {
+        data += '&donglel_install_count=0';
+      }
+
+      // Correct File Type Mapping
+      // 0(File)->1, 1(ISO)->2, 2(Encrypt)->3, 4(Forbid)->4
+      const fileTypeMap = {
+        0: 1,
+        1: 2,
+        2: 3,
+        4: 4
+      };
+      let apiFileType = fileTypeMap[that.file_form] || 1;
+      data += '&file_type=' + apiFileType;
+
+
+
+      // 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 {
+      //   this.$message({ offset: 100, message: this.$t('work.submiting') })
+      //   this.$emit('jobPost')
+      // }
+      if (this.isCopy) {
+        this.submitLoading = true
+        this.$axios({
+          method: 'post',
+          url: '/rest/job/?' + data_param + data
+        })
+          .then((res) => {
+            this.$message({ offset: 100, type: 'success', message: this.$t('work.submitSuccess') })
+            that.submitLoading = false
+            this.$emit('jobPost')
+          })
+          .catch((err) => {
+            const resl = err.response.data
+            console.log(resl)
+            if (resl.ret && resl.ret === 9) {
+              that.$emit('addError', {
+                code: resl.ret,
+                tag: 'templateFile',
+                err: 0
+              })
+            } else {
+              that.$emit('addError', {
+                code: resl.ret,
+                tag: 'workFail',
+                err: 0
+              })
+            }
+            this.$message({ offset: 100, message: this.$t('work.submiting') })
+            that.submitLoading = false
+            that.$emit('jobPost')
+          })
+      } else {
+        that.localUpload(pathName, data_param, data)
+      }
+      // } else if (this.file_form == 2 || this.file_form == 3) {
+      // zip一样发送路径
+      // const zip_data = [this.$refs.files.zip_path];
+      // let file_path = [];
+      // for (let i in this.$refs.files.filesList) {
+      // file_path.push(this.$refs.files.filesList[i].path);
+      // }
+      // const file_data = JSON.stringify(file_path);
+      // this.$axios({
+      // method: "post",
+      // url: "/rest/job/?" + data_param + data,
+      // data: { files: file_data },
+      // }).then((res) => {
+      // console.log(res.data);
+      // });
+      // }
+    },
+    localUpload(pathName, data_param, data) {
+      //文件和文件夹 zip也一样
+      let file_path = []
+      for (let i in this.$refs.files.filesList) {
+        file_path.push(this.$refs.files.filesList[i].path)
+      }
+      // 创建JSON对象
+      const jsonData = {
+        files: file_path
+      }
+      // 生成JSON文件
+      const jsonFilePath = path.join(__dirname, 'filepath.json')
+      fs.writeFileSync(jsonFilePath, JSON.stringify(jsonData), 'utf-8')
+      console.log(fs.createReadStream(jsonFilePath))
+      // 创建文件流
+      const fileStream = fs.createReadStream(jsonFilePath)
+      // 转换为Blob对象（如果需要）
+      const buffer = []
+      fileStream.on('data', (chunk) => {
+        buffer.push(chunk)
+      })
+      fileStream.on('end', () => {
+        let that = this
+        const blob = new Blob([Buffer.concat(buffer)], { type: 'application/octet-stream' })
+        console.log(blob)
+        // 使用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
+          .$axios({
+            method: 'post',
+            url: `/upload/${pathName}`,
+            headers: {
+              'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
+            },
+            data: formData
+          })
+          .then(() => {
+            that
+              .$axios({
+                method: 'post',
+                url: '/rest/job/?' + data_param + data
+              })
+              .then((res) => {
+                this.$message({ offset: 100, type: 'success', message: this.$t('work.submitSuccess') })
+                that.submitLoading = false
+                this.$emit('jobPost')
+              })
+              .catch((err) => {
+                const resl = err.response.data
+                if (resl.ret && resl.ret === 9) {
+                  that.$emit('addError', {
+                    code: resl.ret,
+                    tag: 'templateFile',
+                    err: 0
+                  })
+                } else {
+                  that.$emit('addError', {
+                    code: resl.ret,
+                    tag: 'workFail',
+                    err: 0
+                  })
+                }
+                this.$message({ offset: 100, message: this.$t('work.submiting') })
+                that.submitLoading = false
+                this.$emit('jobPost')
+              })
+          })
+      })
+    },
+
+    saveWork() {
+      let t = true
+      for (let i in this.$refs.files.filesList) {
+        if (this.$refs.files.filesList[i].size == -1) {
+          t = false
+        }
+      }
+
+      if (t) {
+        let save = this.fileData
+        save.filesList = this.$refs.files.getLists()
+        //save.tagFile = this.fileData;
+        save.allNumber = this.$refs.files.allNumber
+        save.size = this.size
+        save.file_form = this.file_form == 2 && this.isPass ? 3 : this.file_form
+        save.type_form = this.type_form
+        save.size_form = this.size_form
+        save.juanbiao_form = this.juanbiao_form
+        save.high_setting_form = this.high_setting_form
+        save.print_flag = this.print_flag
+
+        //  save.tableData = this.tableData;
+        if (this.$refs.files.allNumber > 0 && this.fileLists[0]) {
+          save.switch = 3
+        } else if (this.$refs.files.allNumber > 0) {
+          save.switch = 1
+        } else {
+          save.switch = 2
+        }
+        const v = JSON.stringify(save)
+        dialog
+          .showSaveDialog({
+            title: 'Save',
+            filters: [{ name: 'Soon Work', extensions: ['swk'] }]
+          })
+          .then((result) => {
+            fs.writeFileSync(result.filePath, v)
+          })
+          .catch((err) => {
+            console.log(err)
+          })
+      } else {
+        this.$message({
+          offset: 100,
+          message: this.$t('work.waitCalculate'),
+          type: 'warning'
+        })
+      }
+    },
+    convertSize(obj) {
+      // 提取数值和单位
+      const { value, label } = obj
+      let numericValue = parseFloat(value)
+      const unit = value.slice(-2)
+
+      // 根据单位转换数值
+      if (unit === 'GB') {
+        // 如果是GB，数值不变
+        numericValue = numericValue
+      } else if (unit === 'MB') {
+        // 如果是MB，转换为GB
+        numericValue = numericValue / 1000
+      }
+
+      // 返回新的对象
+      return { value: numericValue, label: label }
+    },
+    // 获取模板文件列表
+    getTemplates() {
+      fs.readdir('User Templates', (err, files) => {
+        if (err) {
+          console.log(err)
+        } else {
+          const fileList = files.map((file) => {
+            return {
+              label: file,
+              value: path.join('User Templates', file)
+            }
+          })
+          this.templates = fileList
+        }
+      })
+    },
+    // 选择模板
+    changeTemplate(e) {
+      fs.readFile(e, 'utf8', (err, data) => {
+        if (err) {
+          console.error('读取文件时出错:', err)
+          return
+        }
+        let name = e.split('\\')[1]
+        this.fileLists[0] = new File([data], name, {
+          type: ''
+        })
+        this.readFile(data)
+      })
+    },
+    // 读取文件信息
+    readFile(data) {
+      let _this = this
+      _this.fileData = JSON.parse(data)
+      _this.form = {}
+      _this.tableData = []
+      for (let item of _this.fileData.frontData) {
+        if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
+          _this.tableData.push({
+            name: item.name + _this.$t('work.front_tag'),
+            val: item.DefaultText == undefined ? '' : item.DefaultText,
+            origin_name: item.name,
+            type: item.type,
+            default: item.DefaultText == undefined ? undefined : item.DefaultText
+          }) //前
+          _this.$set(_this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
+        }
+      }
+      for (let item of _this.fileData.backData) {
+        if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
+          _this.tableData.push({
+            name: item.name + _this.$t('work.back_tag'),
+            val: item.DefaultText == undefined ? '' : item.DefaultText,
+            origin_name: item.name,
+            type: item.type,
+            default: item.DefaultText == undefined ? undefined : item.DefaultText
+          })
+          _this.$set(_this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
+        }
+      }
+      _this.$refs.refFile2.value = ''
+      _this.$refs.refFile3.value = ''
+
+      _this.csvIsExist = false
+      _this.file_name = null
+      _this.file_name3 = _this.$t('work.binImg')
+    },
+    // 打开标签程序
+    openDesign() {
+      // 启动exe程序
+      exec('"D:\\Program Files\\Cardsoon\\SoonDesign\\SoonDesign.exe"', (error, stdout, stderr) => {
+        if (error) {
+          console.error(`执行的错误: ${error}`)
+          return
+        }
+        console.log(`stdout: ${stdout}`)
+        console.error(`stderr: ${stderr}`)
+      })
+    },
+    // 退出新手引导
+    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(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()
+      }
+    },
+    help() {
+      ipcRenderer.send('open-help-file')
+    },
+    // 从路径提取主机名（兼容 \\host\path 与 //host/path）
+    getHostFromPath(p) {
+      if (!p || typeof p !== 'string') return ''
+      if (p.indexOf('\\\\') === 0) {
+        const parts = p.slice(2).split('\\')
+        return parts[0] || ''
+      }
+      if (p.indexOf('//') === 0) {
+        const parts = p.slice(2).split('/')
+        return parts[0] || ''
+      }
+      const m = p.match(/^([^\\\/:]+)/)
+      return (m && m[1]) ? m[1] : ''
+    }
+  },
+  computed: {
+    file_percent() {
+      let t = (this.size / (((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024)) * 100
+      return t ? t > 100 ? 100.1 : t : 0
+    },
+    print_op() {
+      return [
+        {
+          value: 2,
+          label: this.$t('work.front')
+        },
+        {
+          value: 3,
+          label: this.$t('work.back')
+        },
+        {
+          value: 1,
+          label: this.$t('work.double')
+        }
+      ]
+    },
+    type() {
+      return [
+        {
+          value: 0,
+          label: this.$t('work.diskPart')
+        },
+        {
+          value: 1,
+          label: this.$t('work.cdPart')
+        },
+        {
+          // -- value: 2,
+          //  label: '加密分区'
+          //  }, {
+
+          value: 3,
+          label: this.$t('work.forbidCopyPart')
+        },
+        {
+          // -- value: 4,
+          //    label: '普普分区'
+          //  }, {
+
+          value: 5,
+          label: this.$t('work.cdWithDisk')
+        }
+      ]
+    },
+    file_type() {
+      return [
+        {
+          value: 0,
+          label: '文件和文件夹'
+        },
+        {
+          value: 1,
+          label: '电子光盘'
+        },
+        {
+          value: 2,
+          label: '加密存储卡'
+        },
+        {
+          value: 4,
+          label: '防拷贝存储卡'
+        }
+      ]
+    },
+    high_setting() {
+      let target_work = this.printerList.map((item) => {
+        return {
+          value: item.PrinterID,
+          label: this.getPrintName(item.PrinterID)
+        }
+      })
+      target_work.push({
+        value: 0,
+        label: this.$t('work.any')
+      })
+      return {
+        priority: [
+          {
+            value: 1,
+            label: this.$t('work.low')
+          },
+          {
+            value: 0,
+            label: this.$t('work.normal')
+          },
+          {
+            value: 2,
+            label: this.$t('work.high')
+          }
+        ],
+        fileSystem: [
+          {
+            value: 0,
+            label: this.$t('work.auto')
+          },
+          {
+            value: 1,
+            label: 'FAT32'
+          },
+          {
+            value: 2,
+            label: 'exFAT'
+          },
+          {
+            value: 3,
+            label: 'NTFS'
+          }
+        ],
+        target_work: target_work,
+        color_type: [
+          {
+            value: 0,
+            label: this.$t('work.any')
+          },
+          {
+            value: 1,
+            label: this.$t('work.sigleColor')
+          },
+          {
+            value: 2,
+            label: this.$t('work.colorful')
+          }
+        ],
+        formatFile: [
+          {
+            value: 0,
+            label: this.$t('work.auto')
+          },
+          {
+            value: 'FAT',
+            label: 'FAT'
+          },
+          {
+            value: 'FAT32',
+            label: 'FAT32'
+          },
+          {
+            value: 'NTFS',
+            label: 'NTFS'
+          },
+          {
+            value: 'EXFAT',
+            label: 'EXFAT'
+          }
+        ]
+      }
+    },
+    bgi() {
+      if (this.size != 0) {
+        return ''
+      }
+      return this.$t('work.dropBg')
+    }
+  },
+  watch: {
+    sizeType: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.size_type = this.sizeType.map((item) => {
+          return this.convertSize(item)
+        })
+        console.log(this.size_type)
+      }
+    },
+    high_setting_form: {
+      deep: true,
+      handler(val) {
+        console.log(val)
+        localStorage.setItem('high_setting_form', JSON.stringify(val))
+      }
+    },
+    filterPassedType: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        console.log('work', this.filterPassedType)
+        console.log('work', this.size_type)
+        if (this.size_form == null) {
+          for (let item of this.size_type) {
+            if (this.filterPassedType.indexOf(item.value) != -1) {
+              this.size_form = item.value
+              return
+            }
+          }
+        }
+      }
+    },
+    switch_cont() {
+      if (!this.switch_cont && !this.switch_tag) {
+        //转换
+        this.switch_tag = true
+      }
+    },
+    switch_tag() {
+      if (!this.switch_cont && !this.switch_tag) {
+        //转换
+        this.switch_cont = true
+      }
+    },
+    file_percent(val) {
+      if (val > 100 && !this.high_setting_form.Span_USBcard) {
+        this.$message({
+          offset: 100,
+          message: this.$t('work.sizeExtra'),
+          type: 'warning'
+        })
+      }
+    },
+    file_form: {
+      immediate: true,
+      handler(val) {
+        if (!val || !this.filter_rules[val]) {
+          return
+        }
+        if (this.filter_rules[val].indexOf(this.type_form) == -1) {
+          //现在选择的是不可选择的。
+          this.type_form = this.filter_rules[val][0]
+        }
+        for (let item of this.type) {
+          if (this.filter_rules[val].indexOf(item.value) == -1) {
+            //设置disable
+            this.$set(item, 'disabled', true)
+          } else {
+            //取消disabled
+            this.$set(item, 'disabled', false)
+          }
+        }
+        if (val == 2 || val == 3) {
+          this.zip_name = getNowFormatDate()
+          this.p1 = '123'
+          this.p2 = '123'
+        }
+      }
+    },
+    isNew: {
+      immediate: true,
+      handler(val) {
+        this.$nextTick(function () {
+          console.log('isNew:' + this.isNew)
+          if (!this.isNew) {
+            this.fileData = this.saveWorkList
+            this.$refs.files.filesList = this.saveWorkList.filesList
+            this.$refs.files.allNumber = this.saveWorkList.allNumber
+            this.size = this.saveWorkList.size
+            this.$refs.files.allSize = this.saveWorkList.size
+            if (this.saveWorkList.file_form == 3) {
+              this.file_form = 2
+              this.isPass = true
+            } else {
+              this.file_form = this.saveWorkList.file_form
+            }
+            this.type_form = this.saveWorkList.type_form
+            this.size_form = this.saveWorkList.size_form
+            this.juanbiao_form = this.saveWorkList.juanbiao_form
+            this.high_setting_form = this.saveWorkList.high_setting_form
+            this.print_flag = this.saveWorkList.print_flag
+            // if (this.saveWorkList.switch == 3) {
+            //   this.switch_cont = true
+            //   this.switch_tag = true
+            // } else if (this.saveWorkList.switch == 2) {
+            //   this.switch_tag = true
+            // } else if (this.saveWorkList.switch == 1) {
+            //   this.switch_cont = true
+            // }
+            this.form = {}
+            for (let item of this.fileData.frontData) {
+              if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
+                this.tableData.push({
+                  name: item.name + this.$t('work.front_tag'),
+                  val: item.DefaultText == undefined ? '' : item.DefaultText,
+                  origin_name: item.name,
+                  type: item.type,
+                  default: item.DefaultText == undefined ? undefined : item.DefaultText
+                }) //前
+                this.$set(this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
+              }
+            }
+            for (let item of this.fileData.backData) {
+              if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
+                this.tableData.push({
+                  name: item.name + this.$t('work.back_tag'),
+                  val: item.DefaultText == undefined ? '' : item.DefaultText,
+                  origin_name: item.name,
+                  type: item.type,
+                  default: item.DefaultText == undefined ? undefined : item.DefaultText
+                })
+                this.$set(this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
+              }
+            }
+
+            this.$refs.refFile2.value = ''
+            this.$refs.refFile3.value = ''
+
+            this.csvIsExist = false
+            this.file_name = null
+            this.file_name3 = this.$t('work.binImg')
+          }
+        })
+      }
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.btn-group {
+  height: 32px;
+  background-color: #e7e7ec;
+  display: flex;
+  align-items: center;
+
+  .btn {
+    color: #53809f;
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    font-size: 14px;
+    padding-left: 10px;
+    padding-right: 10px;
+    cursor: pointer;
+
+    &:hover {
+      background-color: #dfdfe4;
+    }
+
+    &:active {
+      background-color: #d1d1d7;
+    }
+  }
+}
+
+.header {
+  .title {
+    font-size: 24px;
+    font-weight: bold;
+  }
+}
+
+.file {
+  height: 450px;
+  width: 100%;
+  background-color: #e8e7ee;
+  border: #c8cfd7 solid 1px;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  padding: 10px;
+
+  .title {
+    float: left;
+    font-size: 16px;
+    font-weight: bold;
+    height: 32px;
+    line-height: 32px;
+  }
+}
+
+.label {
+  height: 450px;
+  width: 100%;
+  background-color: #e8e7ee;
+  border: #c8cfd7 solid 1px;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  padding: 10px;
+
+  .title {
+    float: left;
+    font-size: 16px;
+    font-weight: bold;
+    height: 32px;
+    line-height: 32px;
+  }
+}
+
+.uploader-example {
+  width: 100%;
+  margin: 10px auto 0;
+  font-size: 12px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  position: relative;
+}
+
+.uploader-example .uploader-btn {}
+
+.uploader-example .uploader-list {
+  max-height: 405px;
+  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.uploader-list::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 10px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 1px;
+}
+
+.uploader-list::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: #c7c7cb;
+}
+
+.uploader-list::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  background: #ededed;
+}
+
+.add-btns {
+  position: absolute;
+  left: 10px;
+}
+
+.upload-list {
+  margin-top: 30px;
+}
+
+.display_box {
+  margin-top: 10px;
+  background-color: #212830;
+  height: 180px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+
+  .display_item {
+    position: relative;
+    cursor: pointer;
+
+    img {
+      height: 140px;
+      background-color: #1e252d;
+    }
+
+    .display_bg {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      z-index: 10;
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+  }
+}
+
+/deep/ .uploader-file-name {
+  text-align: left;
+}
+
+/deep/ .el-progress-bar__outer {
+  background-color: #bac2d7;
+}
+
+/deep/ .uploader-file-progress {
+  background-color: #b0ee91;
+}
+
+.drag-bg {
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.dialog-header-btns {
+  display: flex;
+  gap: 60px;
+}
+
+/deep/ .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+}
+
+/deep/ .el-input__suffix .el-input__icon {
+  height: 32px;
+  line-height: 32px;
+}
+
+
+/* Grand Dialog Styles */
+.grand-dialog .el-dialog__header {
+  padding: 24px 30px;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+.grand-dialog .el-dialog__title {
+  font-size: 18px;
+  color: #2c3e50;
+  font-weight: 600;
+}
+
+.grand-dialog .el-dialog__body {
+  padding: 30px 40px;
+  background-color: #fbfbfb;
+}
+
+.grand-setting-content {
+  /* No padding needed here as body has it */
+}
+
+.grand-section {
+  background: linear-gradient(to bottom, #ffffff 0%, #fafbfc 100%);
+  border-radius: 12px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.02);
+  padding: 24px 28px;
+  margin-bottom: 25px;
+  border: 1px solid #e8eaed;
+  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+  overflow: hidden;
+}
+
+.grand-section::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: linear-gradient(90deg, #409EFF 0%, #66b1ff 100%);
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+.grand-section:hover {
+  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(64, 158, 255, 0.1);
+  transform: translateY(-2px);
+}
+
+.grand-section:hover::before {
+  opacity: 1;
+}
+
+.grand-title {
+  font-size: 16px;
+  color: #2c3e50;
+  font-weight: 700;
+  margin-bottom: 22px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  letter-spacing: 0.3px;
+}
+
+.grand-title span {
+  padding-right: 12px;
+  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.grand-title .title-line {
+  flex: 1;
+  height: 2px;
+  background: linear-gradient(90deg, #e0e6ed 0%, transparent 100%);
+  margin-left: 15px;
+}
+
+/* Feature Row 样式 */
+.feature-row {
+  padding: 12px 0;
+  border-left: 3px solid transparent;
+  transition: all 0.3s;
+}
+
+.feature-row:hover {
+  border-left-color: #409EFF;
+  padding-left: 8px;
+}
+
+/* Path Box 美化 */
+.path-box {
+  background: #f7f9fc;
+  border-radius: 8px;
+  padding: 15px;
+  border: 1px solid #e1e8ed;
+  transition: all 0.3s;
+}
+
+.path-box:hover {
+  background: #f0f5fa;
+  border-color: #d0dae5;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.mt-10 {
+  margin-top: 10px;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+
+.mb-10 {
+  margin-bottom: 10px;
+}
+
+.mb-15 {
+  margin-bottom: 15px;
+}
+
+.mb-20 {
+  margin-bottom: 20px;
+}
+
+.mr-15 {
+  margin-right: 15px;
+}
+
+.ml-20 {
+  margin-left: 20px;
+}
+
+.pl-20 {
+  padding-left: 20px;
+}
+
+.font-bold {
+  font-weight: bold;
+}
+
+.text-gray-700 {
+  color: #555;
+}
+
+.text-gray-600 {
+  color: #888;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.divider-h {
+  width: 100%;
+  height: 1px;
+  background: linear-gradient(90deg, transparent 0%, #e5e7eb 20%, #e5e7eb 80%, transparent 100%);
+  position: relative;
+}
+
+.divider-h::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 6px;
+  height: 6px;
+  background: #d1d5db;
+  border-radius: 50%;
+}
+
+/* Switch Grid */
+.grand-switch-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
+.g-switch-item {
+  width: calc(33.333% - 10px);
+  background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f5 100%);
+  border-radius: 8px;
+  padding: 14px 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border: 1px solid #e9ecef;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+
+.g-switch-item:hover {
+  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+  transform: translateY(-1px);
+  border-color: #dee2e6;
+}
+
+.g-switch-item.highlight {
+  background: linear-gradient(135deg, #e7f5ff 0%, #d0ebff 100%);
+  border: 1.5px solid #74c0fc;
+  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
+}
+
+.g-switch-item.highlight:hover {
+  background: linear-gradient(135deg, #d0ebff 0%, #a5d8ff 100%);
+  box-shadow: 0 4px 16px rgba(64, 158, 255, 0.25);
+}
+
+.g-switch-item.highlight .g-label {
+  color: #1971c2;
+  font-weight: 600;
+}
+
+.g-label {
+  font-size: 14px;
+  color: #495057;
+  font-weight: 500;
+}
+
+/* Utils */
+.flex-center-row {
+  display: flex;
+  align-items: center;
+}
+
+.divider-v {
+  width: 1px;
+  height: 20px;
+  background: linear-gradient(to bottom, transparent, #d1d5db, transparent);
+  margin: 0 20px;
+}
+
+.record-control-box {
+  background: #f9fafb;
+  padding: 12px;
+  border-radius: 6px;
+}
+
+.hardware-box {
+  background: #f9fafb;
+  padding: 15px;
+  border-radius: 8px;
+  border: 1px solid #e9ecef;
+}
+
+.tips-text {
+  font-size: 12px;
+  color: #868e96;
+  line-height: 1.6;
+}
+
+.tips-text i {
+  color: #74c0fc;
+  margin-right: 5px;
+}
+
+.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+/* Grand Footer 按钮样式 */
+.grand-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 20px 30px;
+  background: #fafbfc;
+  border-top: 1px solid #e8eaed;
+  margin: -24px -30px -20px;
+}
+
+.grand-footer .el-button {
+  min-width: 100px;
+  font-weight: 500;
+  transition: all 0.3s;
+}
+
+.grand-footer .el-button--primary {
+  background: linear-gradient(135deg, #409EFF 0%, #66b1ff 100%);
+  border: none;
+  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
+}
+
+.grand-footer .el-button--primary:hover {
+  background: linear-gradient(135deg, #66b1ff 0%, #409EFF 100%);
+  box-shadow: 0 6px 16px rgba(64, 158, 255, 0.4);
+  transform: translateY(-1px);
+}
+
+.recording_dot {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 50%;
+  animation: pulse 1s infinite;
+  margin-right: 5px;
+}
+
+.dropdown-uploader-btn {
+  display: block;
+  width: 100%;
+  padding: 0 20px;
+  line-height: 36px;
+  border: none !important;
+  background: none !important;
+  color: #606266;
+  text-align: left;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.dropdown-uploader-btn:hover {
+  background-color: #ecf5ff !important;
+  color: #409EFF !important;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
+  }
+
+  70% {
+    transform: scale(1);
+    box-shadow: 0 0 0 5px rgba(255, 0, 0, 0);
+  }
+
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
+  }
+}
+</style>
diff --git a/src/renderer/components/work.vue b/src/renderer/components/work.vue
index 8fb9166..8196fcd 100644
--- a/src/renderer/components/work.vue
+++ b/src/renderer/components/work.vue
@@ -1,2998 +1,29 @@
-<template>
-  <div
-    v-loading="submitLoading"
-    element-loading-text="正在准备任务，您也可以直接右上角关闭作业窗口"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)"
-    style="position: relative">
-    <div
-      v-if="currentStep && 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 class="header">
-      <div class="dialog-header-btns">
-        <el-popover
-          v-if="guideStep"
-          :placement="guideStep[8].placement"
-          width="250"
-          trigger="manual"
-          v-model="guideStep[8].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.step9`) }}</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: currentStep == 8 }">
-            <span style="font-size: 16px; line-height: 32px; float: left">
-              {{ $t('work.size') }}
-            </span>
-
-            <el-select
-              :placeholder="$t('work.pleaseSelect')"
-              style="width: 160px"
-              v-model="size_form">
-              <el-option
-                v-for="item in size_type"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-                :disabled="filterPassedType.indexOf(item.value) == -1">
-              </el-option>
-            </el-select>
-          </div>
-        </el-popover>
-        <el-popover
-          v-if="guideStep"
-          :placement="guideStep[9].placement"
-          width="250"
-          trigger="manual"
-          v-model="guideStep[9].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.step10`) }}</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"
-            slot="reference"
-            :class="{ guide_body: currentStep == 9 }">
-            <span style="font-size: 16px; line-height: 32px">
-              {{ $t('work.content') }}
-            </span>
-            <el-select
-              :placeholder="$t('work.pleaseSelect')"
-              style="margin-left: 10px"
-              v-model="file_form">
-              <el-option
-                v-for="item in file_type"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </div>
-        </el-popover>
-        <div v-show="false">
-          <span style="font-size: 16px; line-height: 32px">
-            {{ $t('work.partType') }}
-          </span>
-
-          <el-select
-            :placeholder="$t('work.pleaseSelect')"
-            v-model="type_form">
-            <el-option
-              v-for="item in type"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-              :disabled="item.disabled">
-            </el-option>
-          </el-select>
-        </div>
-        <div style="position: absolute; right: 20px">
-          <el-popover
-            style="float: right"
-            placement="left"
-            width="600"
-            trigger="click">
-            <div>
-              <el-form
-                :label-position="'right'"
-                label-width="250px">
-                <el-form-item :label="$t('work.better')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.priority">
-                    <el-option
-                      v-for="item in high_setting.priority"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <!--<el-form-item :label="$t('work.gshType')">
-									<el-select :placeholder="$t('work.pleaseSelect')" v-model="high_setting_form.fileSystem">
-										<el-option v-for="item in high_setting.fileSystem" :key="item.value" :label="item.label"
-										:value="item.value">
-										</el-option>
-									</el-select>
-								</el-form-item>-->
-                <el-form-item :label="$t('work.startWorkSpace')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.target_work">
-                    <el-option
-                      v-for="item in high_setting.target_work"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item :label="$t('work.ribbonType')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.color_type">
-                    <el-option
-                      v-for="item in high_setting.color_type"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-
-                <el-form-item :label="$t('work.formatFile')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.formatFile">
-                    <el-option
-                      v-for="item in high_setting.formatFile"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item :label="$t('work.hash')">
-                  <el-switch v-model="high_setting_form.s1"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.md5')">
-                  <el-switch v-model="high_setting_form.s2"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.fail')">
-                  <el-switch v-model="high_setting_form.s3"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.spanUSBcard')">
-                  <el-switch v-model="high_setting_form.Span_USBcard"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.hasAddFile')">
-                  <el-switch v-model="high_setting_form.hasAddFile"> </el-switch>
-                </el-form-item>
-                <!--<el-form-item :label="$t('work.disk')">
-									<el-switch v-model="high_setting_form.s4">
-									</el-switch>
-								</el-form-item>
-								<el-form-item :label="$t('work.bitlocker')">
-									<el-switch v-model="high_setting_form.s5">
-									</el-switch>
-								</el-form-item>-->
-
-                <!-- <el-form-item :label="$t('work.localFiles')"> -->
-                <!-- <el-switch v-model="high_setting_form.localfiles"> -->
-                <!-- </el-switch> -->
-                <!-- </el-form-item> -->
-              </el-form>
-              <!--<el-descriptions :column="2" v-if="high_setting_form.s5">
-								<el-descriptions-item :label="$t('work.password')">
-									<el-input placeholder="$t('work.pleasePassword')" v-model="high_setting_form.pass" show-password
-									size="mini">
-									</el-input>
-								</el-descriptions-item>
-								<el-descriptions-item :label="$t('work.comfirm')">
-									<el-input placeholder="$t('work.pleasePassword')" v-model="high_setting_form.repass" show-password
-									size="mini">
-									</el-input>
-								</el-descriptions-item>
-							</el-descriptions>-->
-            </div>
-            <el-button
-              slot="reference"
-              size="medium"
-              style="height: 32px; padding: 0 15px; line-height: 32px">
-              {{ $t('work.senior') }}
-            </el-button>
-          </el-popover>
-          <!-- 屏幕录制按钮 -->
-              <screen-recorder
-      ref="screenRecorder"
-      :task-id="upload_disk"
-      @recording-started="onRecordingStarted"
-      @recording-stopped="onRecordingStopped"
-      @recording-saved="onRecordingSaved"
-      style="margin-right: 10px; display: inline-block;"
-    />
-    
-    <!-- 网络路径认证对话框 -->
-    <network-auth-dialog
-      :visible="networkAuthVisible"
-      :network-paths="networkAuthPaths"
-      @confirm="onNetworkAuthConfirm"
-      @cancel="onNetworkAuthCancel"
-    />
-        </div>
-      </div>
-      <!-- 删除无效布局：v-if=0 -->
-    </div>
-    <!-- <el-row
-      :gutter="20"
-      style="margin-top: 10px">
-      <el-col :span="12">
-        <el-switch
-          v-model="switch_cont"
-          :active-text="$t('work.addContent')"
-          style="float: left">
-        </el-switch>
-      </el-col>
-      <el-col :span="12">
-        <el-switch
-          v-model="switch_tag"
-          style="float: right"
-          :active-text="$t('work.addTag')">
-        </el-switch>
-      </el-col>
-    </el-row> -->
-    <el-row
-      :gutter="0"
-      style="margin-top: 10px">
-      <el-col :span="switch_tag && switch_cont ? 12 : switch_tag && !switch_cont ? 0 : 24">
-        <div class="grid-content bg-purple">
-          <div class="file">
-            <div style="display: flex">
-              <div style="font-size: 16px; font-weight: 700; height: 32px; line-height: 32px; text-align: left">
-                {{ $t('work.contentTitle') }}
-              </div>
-              <el-popover
-                v-if="guideStep"
-                :placement="guideStep[10].placement"
-                width="250"
-                trigger="manual"
-                v-model="guideStep[10].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.step11`) }}</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="btn-group"
-                  slot="reference"
-                  :class="{ guide_body: currentStep == 10 }">
-                  <!-- <div
-                    class="btn"
-                    @click="addFolder"
-                    style="color: #67c23a">
-                    {{ $t('file.addFolder') }}
-                  </div>
-                  <div
-                    class="btn"
-                    @click="addFile"
-                    style="color: #67c23a">
-                    <i class="el-icon-files" />
-                    {{ $t('file.addFile') }}
-                  </div> -->
-                  <el-button
-                    style="margin-left: 10px; font-size: 14px; height: 32px; padding: 0 15px; line-height: 32px"
-                    @click="addFolder">
-                    {{ $t('file.addFolder') }}
-                  </el-button>
-                  <el-button
-                    style="margin-left: 10px; font-size: 14px; height: 32px; padding: 0 15px; line-height: 32px"
-                    @click="addFile">
-                    {{ $t('file.addFile') }}
-                  </el-button>
-                </div>
-              </el-popover>
-              <el-popover
-                v-if="guideStep"
-                :placement="guideStep[11].placement"
-                width="250"
-                trigger="manual"
-                v-model="guideStep[11].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.step12`) }}</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: currentStep == 11 }">
-                  <el-input
-                    v-model="juanbiao_form"
-                    :placeholder="$t('work.pleaseInput')"
-                    style="width: 290px; margin-left: 10px">
-                    <template slot="prepend">
-                      {{ $t('work.sign') }}
-                    </template>
-                  </el-input>
-                </div>
-              </el-popover>
-            </div>
-            <el-row
-              :gutter="20"
-              v-if="false">
-              <el-col :span="3">
-                <span style="font-size: 16px; font-weight: 700; height: 32px; line-height: 32px; text-align: left">
-                  {{ $t('work.contentTitle') }}
-                </span>
-              </el-col>
-              <el-col :span="11">
-                <el-input
-                  v-model="juanbiao_form"
-                  :placeholder="$t('work.pleaseInput')"
-                  style="width: 250px; float: left">
-                  <template slot="prepend">
-                    {{ $t('work.sign') }}
-                  </template>
-                </el-input>
-              </el-col>
-              <el-col :span="10">
-                <el-progress
-                  :text-inside="true"
-                  :percentage="file_percent"
-                  :format="format"
-                  style="line-height: 32px"
-                  :stroke-width="20"
-                  :color="customColors"></el-progress>
-              </el-col>
-            </el-row>
-            <div style="clear: both"></div>
-
-            <Files
-              ref="files"
-              :onSizechange="sizeChange"
-              :complete="upload_over"
-              :saveWorkList="saveWorkList"
-              @network-paths-changed="onNetworkPathsChanged"
-              ><el-progress
-                :text-inside="true"
-                :percentage="file_percent"
-                :format="format"
-                style="line-height: 32px; flex: 1"
-                :stroke-width="20"
-                :color="customColors"></el-progress
-            ></Files>
-          </div>
-        </div>
-      </el-col>
-      <el-col :span="switch_cont && switch_tag ? 12 : switch_cont && !switch_tag ? 0 : 24">
-        <div class="grid-content bg-purple">
-          <div class="label">
-            <div
-              class="title"
-              style="width: 100%; display: flex; align-items: center; justify-content: space-between">
-              <div>
-                <span style="font-size: 16px; color: #606266; margin-right: 10px"> {{ $t('work.tag') }} </span>
-                <el-select
-                  clearable
-                  style="width: 280px"
-                  v-model="currentTemplate"
-                  @change="changeTemplate"
-                  :placeholder="$t('work.pleaseSelect')"
-                  size="mini">
-                  <el-option
-                    v-for="(item, index) in templates"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value">
-                  </el-option>
-                </el-select>
-                <!-- <el-select
-                  v-model="print_flag"
-                  :placeholder="$t('work.pleaseSelect')"
-                  size="mini">
-                  <el-option
-                    v-for="item in print_op"
-                    v-if="!(flag && item.value == 1)"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                  </el-option>
-                </el-select> -->
-              </div>
-              <div style="display: flex; align-items: center">
-                <el-button
-                  style="margin-left: 10px; font-size: 14px; height: 32px; padding: 0 15px; line-height: 32px"
-                  @click="openDesign">
-                  {{ $t('work.createTag') }}
-                </el-button>
-                <el-popover
-                  v-if="guideStep"
-                  :placement="guideStep[12].placement"
-                  width="250"
-                  trigger="manual"
-                  v-model="guideStep[12].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.step13`) }}</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: currentStep == 12 }">
-                    <el-button
-                      style="margin-left: 10px; font-size: 14px; height: 32px; padding: 0 15px; line-height: 32px"
-                      @click="openFile">
-                      {{ $t('work.importTag') }}
-                    </el-button>
-                  </div>
-                </el-popover>
-                <!-- <el-tooltip
-                  class="item"
-                  effect="dark"
-                  :content="file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0, 12) + '...' : file_name"
-                  placement="top-start">
-                  <el-button
-                    type="text"
-                    icon="el-icon-upload2"
-                    style="margin-left: 10px; font-size: 14px"
-                    @click="openFile2">
-                    {{ file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0, 12) + '...' : file_name }}
-                  </el-button>
-                </el-tooltip> -->
-                <input
-                  type="file"
-                  accept=".csv"
-                  @change="fileLoad2"
-                  ref="refFile2"
-                  style="display: none" />
-
-                <input
-                  type="file"
-                  accept="..zip,.rar"
-                  @change="fileLoad3"
-                  ref="refFile3"
-                  style="display: none" />
-              </div>
-            </div>
-            <div style="float: right"></div>
-            <input
-              type="file"
-              accept=".cs,.soon"
-              @change="fileLoad"
-              ref="refFile"
-              style="display: none" />
-            <div style="clear: both"></div>
-            <el-popover
-              v-if="guideStep"
-              :placement="guideStep[13].placement"
-              width="250"
-              trigger="manual"
-              v-model="guideStep[13].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.step14`) }}</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: currentStep == 13 }">
-                <div class="display_box">
-                  <el-tooltip
-                    class="item"
-                    effect="light"
-                    content="打印正面"
-                    placement="bottom">
-                    <div
-                      class="display_item"
-                      @click="print_flag = 2">
-                      <div
-                        class="display_bg"
-                        v-if="print_flag == 3"></div>
-                      <img :src="fileData.frontDisplayPic" />
-                    </div>
-                  </el-tooltip>
-                  <el-tooltip
-                    class="item"
-                    effect="light"
-                    content="打印反面"
-                    placement="bottom">
-                    <div
-                      class="display_item"
-                      @click="print_flag = 3">
-                      <div
-                        class="display_bg"
-                        v-if="print_flag == 2"></div>
-                      <img :src="fileData.backDisplayPic" />
-                    </div>
-                  </el-tooltip>
-                </div>
-              </div>
-            </el-popover>
-            <el-popover
-              v-if="guideStep"
-              :placement="guideStep[14].placement"
-              width="250"
-              trigger="manual"
-              v-model="guideStep[14].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.step15`) }}</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: currentStep == 14 }">
-                <el-table
-                  :data="tableData"
-                  height="200"
-                  style="width: 100%"
-                  :empty-text="$t('work.nodata')"
-                  :show-header="false">
-                  <el-table-column
-                    prop="name"
-                    min-width="110"
-                    :label="$t('work.fieldName')">
-                  </el-table-column>
-                  <el-table-column
-                    prop="val"
-                    min-width="240">
-                    <template slot-scope="scope">
-                      <div v-if="scope.row.type == 1">
-                        <input
-                          type="file"
-                          accept="image/*"
-                          :ref="scope.row.origin_name"
-                          :data-name="scope.row.origin_name" />
-                      </div>
-                      <div v-if="scope.row.type == 3 || scope.row.type == 4 || scope.row.type == 5">
-                        <el-input
-                          :placeholder="$t('work.pleaseInput')"
-                          v-model="form[scope.row.origin_name]"
-                          clearable
-                          style="width: calc(100% - 30px) !important"
-                          :disabled="csvIsExist">
-                        </el-input>
-                      </div>
-                    </template>
-                  </el-table-column>
-                  <el-table-column
-                    prop="val"
-                    min-width="90">
-                    <template slot-scope="scope">
-                      <div v-if="scope.row.type == 3 || scope.row.type == 4 || scope.row.type == 5">
-                        <el-tooltip
-                          class="item"
-                          effect="dark"
-                          :content="file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0, 12) + '...' : file_name"
-                          placement="top-start">
-                          <el-button
-                            size="mini"
-                            @click="openFile2">
-                            {{ file_name == null ? $t('work.binfile') : file_name.strLen() > 12 ? file_name.subCHStr(0, 12) + '...' : file_name }}
-                          </el-button>
-                        </el-tooltip>
-                      </div>
-                    </template>
-                  </el-table-column>
-                </el-table>
-              </div>
-            </el-popover>
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-    <el-row
-      :gutter="20"
-      style="padding: 10px">
-      <el-col :span="16">
-        <div v-if="file_form == 2 && switch_cont">
-          <template v-if="isPass">
-            <el-input
-              :placeholder="$t('work.pleasePassword')"
-              style="width: 25%; float: left"
-              show-password
-              v-model="p1">
-              <template slot="prepend">
-                {{ $t('work.password') }}
-              </template>
-            </el-input>
-            <el-input
-              :placeholder="$t('work.pleasePassword')"
-              style="width: 25%; float: left; margin-left: 20px"
-              show-password
-              v-model="p2">
-              <template slot="prepend">
-                {{ $t('work.comfirm') }}
-              </template>
-            </el-input>
-          </template>
-          <el-input
-            :placeholder="$t('work.addContent')"
-            style="width: 30%; float: left; margin-left: 20px"
-            v-model="zip_name">
-            <template slot="prepend">
-              {{ $t('work.name') }}
-            </template>
-          </el-input>
-          <div style="float: left; padding-left: 20px; height: 32px; display: flex; align-items: center">
-            <el-checkbox v-model="isPass">是否加密</el-checkbox>
-          </div>
-        </div>
-        <div
-          style="width: 100%"
-          v-else>
-          &nbsp;
-        </div>
-      </el-col>
-      <el-col
-        :span="8"
-        style="display: flex; align-items: center; justify-content: space-between">
-        <el-popover
-          v-if="guideStep"
-          :placement="guideStep[15].placement"
-          width="250"
-          trigger="manual"
-          v-model="guideStep[15].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.step16`) }}</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: currentStep == 15 }">
-            <el-input
-              :placeholder="$t('work.addContent')"
-              v-model="number"
-              style="width: 200px; height: 32px">
-              <template slot="prepend">
-                {{ $t('work.num') }}
-              </template>
-            </el-input>
-          </div>
-        </el-popover>
-        <div style="display: flex; align-items: center">
-          <el-button
-            type="primary"
-            @click="saveWork"
-            style="margin-right: 20px; height: 32px; padding: 0 15px; line-height: 32px">
-            {{ $t('work.save') }}
-          </el-button>
-          <el-popover
-            v-if="guideStep"
-            :placement="guideStep[16].placement"
-            width="250"
-            trigger="manual"
-            v-model="guideStep[16].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.step17`)
-                }}<a
-                  @click="help"
-                  v-if="currentStep == guideStep.length - 1"
-                  >，{{ $t(`guide.help`) }}</a
-                >
-              </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: currentStep == 16 }">
-              <el-button
-                type="primary"
-                style="height: 32px; padding: 0 15px; line-height: 32px"
-                @click="upload">
-                {{ $t('work.submit') }}
-              </el-button>
-            </div>
-          </el-popover>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
+<template>
+  <work-main ref="workMain" v-bind="$props" v-on="$listeners" />
 </template>
+
 <script>
-String.prototype.strLen = function () {
-  var len = 0
-  for (var i = 0; i < this.length; i++) {
-    if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) len += 2
-    else len++
-  }
-  return len
-}
-String.prototype.strToChars = function () {
-  var chars = new Array()
-  for (var i = 0; i < this.length; i++) {
-    chars[i] = [this.substr(i, 1), this.isCHS(i)]
-  }
-  String.prototype.charsArray = chars
-  return chars
-}
-String.prototype.isCHS = function (i) {
-  if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) return true
-  else return false
-}
-String.prototype.subCHString = function (start, end) {
-  var len = 0
-  var str = ''
-  this.strToChars()
-  for (var i = 0; i < this.length; i++) {
-    if (this.charsArray[i][1]) len += 2
-    else len++
-    if (end < len) return str
-    else if (start < len) str += this.charsArray[i][0]
-  }
-  return str
-}
-String.prototype.subCHStr = function (start, length) {
-  return this.subCHString(start, start + length)
-}
-function getNowFormatDate() {
-  var date = new Date()
-  var seperator1 = '-'
-  var year = date.getFullYear()
-  var month = date.getMonth() + 1
-  var strDate = date.getDate()
-  if (month >= 1 && month <= 9) {
-    month = '0' + month
-  }
-  if (strDate >= 0 && strDate <= 9) {
-    strDate = '0' + strDate
-  }
-  var currentdate = year + seperator1 + month + seperator1 + strDate
-  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')
-const { exec } = require('child_process')
-const { ipcRenderer } = require('electron')
+import WorkMain from './work/WorkMain.vue'
+
 export default {
   name: 'work',
-  props: {
-    dice: {
-      type: Number
-    },
-    saveWorkList: {
-      type: Object | undefined
-    },
-    isNew: {
-      type: Boolean
-    },
-    printerList: {
-      type: Object | undefined
-    },
-    shareDisk: {
-      type: String | undefined
-    },
-    isCopy: {
-      type: Boolean | undefined,
-      default: false
-    },
-    filterPassedType: {
-      type: Array,
-      default: []
-    },
-    sizeType: {
-      type: Array,
-      default: []
-    }
-  },
   components: {
-    Files,
-    ScreenRecorder,
-    NetworkAuthDialog
+    WorkMain
   },
-  data() {
-    return {
-      // 网络路径认证相关
-      networkAuthVisible: false,
-      networkAuthPaths: [],
-      networkCredentials: {},
-      
-      // 模板列表
-      templates: [],
-      currentTemplate: '',
-      guideStep: null,
-      currentStep: 0,
-      flag: false,
-      switch_cont: true,
-      switch_tag: true,
-      print_flag: null,
-      //print_op: [{
-      //    value: 2,
-      //  label: this.$t("work.front")
-      //}, {
-      //    value: 3,
-      //    label: this.$t("work.back")
-      //}, {
-      //    value: 1,
-      //    label: this.$t("work.double")
-      //}],
-      size_type: [],
-      // size_type: [
-      // {
-      // value: 0.512,
-      // label: "512MB|2.0",
-      // },
-      // {
-      // value: 4,
-      // label: "4GB|2.0",
-      // },
-      // {
-      // value: 32,
-      // label: "32GB|2.0",
-      // },
-      // {
-      // value: 64,
-      // label: "64GB|3.0",
-      // },
-      // {
-      // value: 128,
-      // label: "128GB|3.0",
-      // },
-      // {
-      // value: 256,
-      // label: "256GB|3.0",
-      // },
-      // ],
-      //type: [{
-      //    value: 0,
-      //    label: this.$t("work.diskPart")
-      //}, {
-      //    value: 1,
-      //    label: this.$t("work.cdPart")
-      //}, {
-      //
-      //   // -- value: 2,
-      //   //  label: '加密分区'
-      ////  }, {
-
-      //    value: 3,
-      //    label: this.$t("work.forbidCopyPart")
-      //}, {
-      //   // -- value: 4,
-      // //    label: '普普分区'
-      ////  }, {
-
-      //    value: 5,
-      //    label: this.$t("work.cdWithDisk")
-      //}],
-      //file_type: [{
-      //    value: 0,
-      //    label: this.$t("work.fileAnd")
-      //}, {
-      //    value: 1,
-      //    label: this.$t("work.eCd")
-      //}, {
-      //     value: 2,
-      //     label: this.$t("work.zip")
-      //  }, {
-      //     value: 3,
-      //     label: this.$t("work.passZip")
-      // }, {
-      //    value: 4,
-      //    label: this.$t("work.forbidCopyU")
-      //}],
-      size_form: null,
-      type_form: 0,
-      file_form: 0,
-      number: 1,
-      juanbiao_form: '',
-      options: {
-        // https://github.com/simple-uploader/Uploader/tree/develop/samples/Node.js
-        target: '/upload/',
-        testChunks: false
-      },
-      zip_attrs: {
-        accept: '.zip'
-      },
-      iso_attrs: {
-        accept: 'iso/img'
-      },
-      fileData: {},
-      tableData: [],
-      //high_setting: {
-      //    priority: [{
-      //        value: 1,
-      //        label: this.$t("work.low")
-      //    }, {
-      //        value: 0,
-      //        label: this.$t("work.normal")
-      //    }, {
-      //        value: 2,
-      //        label: this.$t("work.high")
-      //    }],
-      //    fileSystem: [{
-      //        value: 0,
-      //        label: this.$t("work.auto")
-      //    }, {
-      //        value: 1,
-      //        label: 'FAT32'
-      //    }, {
-      //        value: 2,
-      //        label: 'exFAT'
-      //    }, {
-      //        value: 3,
-      //        label: 'NTFS'
-      //    }],
-      //    target_work: [{
-      //        value: 0,
-      //        label: this.$t("work.any")
-      //    }, ],
-      //    color_type: [{
-      //        value: 0,
-      //        label: this.$t("work.any")
-      //    }, {
-      //        value: 1,
-      //        label: this.$t("work.sigleColor")
-      //    }, {
-      //        value: 2,
-      //        label: this.$t("work.colorful")
-      //    }, ],
-      //},
-      high_setting_form: {
-        priority: 0,
-        fileSystem: 0,
-        target_work: 0,
-        color_type: 0,
-        s1: false,
-        s2: false,
-        s3: false,
-        s4: false,
-        s5: false,
-        pass: '',
-        repass: '',
-        localfiles: false, //本地文件
-        formatFile: 0, // auto
-        Span_USBcard: false,
-        hasAddFile: false //拷贝附加文件
-      },
-      file_name: null,
-      file_name3: this.$t('work.binImg'),
-      upload_disk: '',
-      p1: '',
-      p2: '',
-      size: 0,
-      zip_name: '',
-      isPass: false,
-      flag_cont_up: false,
-      filter_rules: [[0], [1, 5], [0], [0], [3]],
-      form: {},
-      fullscreenLoading: false,
-      file_len: 0,
-      customColors: [
-        { color: '#67C23A', percentage: 99 },
-        { color: '#F56C6C', percentage: 100 }
-      ],
-      csvIsExist: false,
-      upload_flag: false,
-      fileLists: [], //上传文件列表
-      submitLoading: false
-    }
-  },
-  created() {
-    this.upload_disk = this.genTaskUUID()
-    this.options.target += this.upload_disk + '/data'
-    //this.options.target = "/api";
-  },
-  updated() {},
-  mounted() {
-    const high = localStorage.getItem('high_setting_form')
-    if (high) {
-      this.high_setting_form = JSON.parse(high)
-    }
-    this.juanbiao_form = getNowFormatDate()
-    if (this.dice == 1) {
-      this.flag = true
-      this.print_flag = 2
-    } else {
-      this.print_flag = 1
-    }
-    this.guideStep = JSON.parse(localStorage.getItem('guideStep'))
-    this.currentStep = localStorage.getItem('currentStep')
-    if (this.guideStep[this.currentStep]) {
-      this.guideStep[this.currentStep].show = false
-      setTimeout(() => {
-        this.guideStep[this.currentStep].show = true
-      }, 200)
-    }
-    
-    // 加载网络认证信息
-    this.loadNetworkCredentials()
-    
-    this.getTemplates()
-    // 加载已保存的网络认证，支持二次新建直接使用
-    if (this.loadNetworkCredentials) {
-      this.loadNetworkCredentials()
-    }
-  },
-  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())) {
-        return false
-      }
-      const networkPaths = this.$refs.files.getNetworkPaths() || []
-      if (networkPaths.length === 0) return false
-
-      // 从本地存储的 credentials 中匹配已有主机
-      let stored = {}
-      try {
-        stored = JSON.parse(localStorage.getItem('networkCredentials') || '{}')
-      } catch (e) {
-        stored = {}
-      }
-      const missing = []
-      const prepared = []
-      for (const item of networkPaths) {
-        const host = item.hostName || this.getHostFromPath(item.path) || ''
-        if (host && stored[host] && stored[host].userName && stored[host].password) {
-          prepared.push({
-            host_name: host,
-            user_name: stored[host].userName,
-            password: stored[host].password,
-          })
-        } else {
-          missing.push({ ...item, hostName: host })
-        }
-      }
-
-      if (missing.length > 0) {
-        // 仅对缺失凭据的主机弹窗
-        this.networkAuthPaths = missing.map(m => ({
-          path: m.path,
-          hostName: m.hostName,
-          userName: '',
-          password: ''
-        }))
-        this.networkAuthVisible = true
-        // 先保存已准备好的，等用户补齐再一起提交
-        this.networkCredentials = prepared
-        return true
-      }
-
-      // 全部已有凭据，直接使用
-      this.networkCredentials = prepared
-      return false
-    },
-
-    // 文件列表网络路径变化时触发，若为空则关闭弹窗
-    onNetworkPathsChanged(paths) {
-      if (!paths || paths.length === 0) {
-        this.networkAuthVisible = false
-        this.networkAuthPaths = []
-      } else {
-        this.networkAuthPaths = paths
-      }
-    },
-    
-    // 网络认证确认回调
-    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()
-    },
-    addFile() {
-      this.$refs.files.addFile()
-    },
-    toChar(n) {
-      return String.fromCharCode(65 + parseInt(n))
-    },
-    getPrintName(id) {
-      return this.$t('index.wordSpace') + id.substr(-5)
-    },
-    getPrintName1(id) {
-      for (let i = 0; i < this.printerList.length; i++) {
-        if (this.printerList[i].PrinterID == id) {
-          return this.$t('index.wordSpace') + this.toChar(i)
-        }
-      }
-    },
-    openFile() {
-      this.$refs.refFile.dispatchEvent(new MouseEvent('click'))
-    },
-    openFile2() {
-      this.$refs.refFile2.dispatchEvent(new MouseEvent('click'))
-    },
-    openFile3() {
-      this.$refs.refFile3.dispatchEvent(new MouseEvent('click'))
-    },
-    fileLoad() {
-      this.fileLists = this.$refs.refFile.files
-      let selectedFile = this.fileLists[0]
-      let reader = new FileReader()
-      reader.readAsText(selectedFile)
-      let _this = this
-      _this.currentTemplate = ''
-      reader.onload = function () {
-        _this.readFile(this.result)
-      }
-    },
-    fileLoad2() {
-      this.file_name = this.$refs.refFile2.files[0].name
-      this.csvLoad()
-    },
-    fileLoad3() {
-      this.file_name3 = this.$refs.refFile3.files[0].name
-    },
-    csvLoad() {
-      let selectedFile = this.$refs.refFile2.files[0]
-      let reader = new FileReader()
-      reader.readAsText(selectedFile)
-      let _this = this
-      reader.onload = function () {
-        //let flag = true; //校验结果
-        let first_line = this.result.split('\n')[0].replace('\r', '').split(',') //第一行
-        let second_line = this.result.split('\n')[1].replace('\r', '').split(',') //第二行
-        let i = 0
-        for (let item of first_line) {
-          _this.$set(_this.form, item, second_line[i])
-          i++
-        }
-        _this.csvIsExist = true
-
-        //let ava_num = 0; //实际数量，去除空
-        //let str_len = this.result.split("\n").length - 1;
-        //for (let item of arr) {
-        //    if (item != "") {
-        //        ava_num++;
-        //    }
-        //}
-        //if (ava_num != _this.tableData.length) {
-        //    flag = false; //参数量不相等
-        //    _this.$message({offset:100,
-        //        message: '请检查，合并文件csv数据跟cs字段数不匹配！',
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        //if (str_len < _this.number) {
-        //
-        //    flag = false; //数量不匹配
-        //    _this.$message({offset:100,
-        //        message: '请检查，合并文件csv数据组跟usb卡片发行数字num不匹配！',
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        //let warn_arr = [];
-        //for (let item of _this.tableData) {
-        //    console.log(item)
-        //    if (arr.indexOf(item.origin_name + '') == -1) {
-        //        warn_arr.push(item.origin_name + '');
-        //    }
-        //}
-        //if (warn_arr.length != 0) { //参数名不匹配
-        //    _this.$message({offset:100,
-        //        message: '未发现' + warn_arr + "字段！",
-        //        type: 'warning'
-        //    });
-        //}
-      }
-    },
-    format(percentage) {
-      let mb = (this.size_form * 931.3).toFixed(0)
-      return (this.size / (1024 * 1024)).toFixed(1) + 'MB / ' + mb + 'MB'
-    },
-
-    genTaskUUID() {
-      var myDate = new Date()
-      var dateStr =
-        myDate.getFullYear().toString() +
-        (myDate.getMonth() + 1 >= 10 ? (myDate.getMonth() + 1).toString() : '0' + (myDate.getMonth() + 1).toString()) +
-        (myDate.getDate() > 9 ? myDate.getDate().toString() : '0' + myDate.getDate().toString()) +
-        (myDate.getHours() > 9 ? myDate.getHours().toString() : '0' + myDate.getHours().toString()) +
-        (myDate.getMinutes() > 9 ? myDate.getMinutes().toString() : '0' + myDate.getMinutes().toString()) +
-        (myDate.getSeconds() > 9 ? myDate.getSeconds().toString() : '0' + myDate.getSeconds().toString()) +
-        myDate
-          .getTime()
-          .toString()
-          .slice(myDate.getTime().toString().length - 3, myDate.getTime().toString().length - 1)
-      // return 'W' + Math.random().toString(36).substr(2)
-      return dateStr
-    },
-    async upload_over() {
-      //左侧内容上传结束
-      if (!this.upload_flag) {
-        return
-      }
-      this.upload_flag = false
-      if (this.flag_cont_up) {
-        //如果是点击按钮开启的上传，则进行上传右侧
-        if ((!this.isNew && this.fileData) || (this.isNew && this.fileLists[0])) {
-          //开启了标签则检测并上传
-          let files_n_incr = 1
-          let data1 = new FormData()
-          if (this.isNew) {
-            if (this.fileLists[0]) {
-              data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
-              files_n_incr++
-            } else {
-              this.$message({
-                offset: 100,
-                message: this.$t('work.pleaseUploadTag'),
-                type: 'warning'
-              })
-              return
-            }
-          } else {
-            if (this.fileData && !this.fileLists[0]) {
-              //纯打开，需要上传的是as文件
-              let _file = new File([JSON.stringify(this.fileData)], this.saveWorkList.taskName, { type: 'text/plain' })
-              data1.append(`file${files_n_incr}`, _file) //标签cs文件
-              files_n_incr++
-            } else if (this.fileData && this.fileLists[0]) {
-              //打开后，又重新选择了soon文件
-              data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
-              files_n_incr++
-            } else {
-              this.$message({
-                offset: 100,
-                message: this.$t('work.pleaseUploadTag'),
-                type: 'warning'
-              })
-              return
-            }
-          }
-
-          if (this.$refs.refFile2.files.length != 0) {
-            // 有csv合并文件
-            data1.append(`file${files_n_incr}`, this.$refs.refFile2.files[0]) //csv文件
-            data1.append(`csv`, true) //csv文件flag
-            //console.log(this.$refs.refFile2.files);
-            files_n_incr++
-          } else {
-            data1.append(`csv`, false) //csv文件flag
-          }
-          for (let item of this.tableData) {
-            if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length != 0) {
-              //有合并文件
-              //data1.append(item.origin_name, this.$refs[item.origin_name].files[0]);//图片文件
-              data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]) //图片文件
-              files_n_incr++
-            } else if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length == 0) {
-              //无合并文件
-              data1.append(item.origin_name, this.$refs[item.origin_name].files[0]) //图片文件
-              //data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]);//图片文件
-              files_n_incr++
-            } else if ((item.type == 3 || item.type == 5) && this.$refs.refFile2.files.length == 0) {
-              //无合并文件
-              let data = this.form[item.origin_name]
-              if (data == '' || data == undefined || data == null) {
-                data = item.default
-              }
-              data1.append(item.origin_name, data) //合成文字与条形码 有默认值的
-            } else if (item.type == 4 && this.$refs.refFile2.files.length == 0) {
-              //二维码
-              data1.append(item.origin_name, this.form[item.origin_name])
-            }
-          }
-
-          this.$message({ offset: 100, message: this.$t('work.uploadingTag') })
-          let pathName
-          if (this.high_setting_form.localfiles) {
-            //打开本地选项
-            let rootFile = this.$refs.uploader.uploader.getRoot()
-            if (rootFile.fileList.length != 1) {
-              this.$message({
-                offset: 100,
-                message: this.$t('work.oneFolder'),
-                type: 'warning'
-              })
-              return
-            }
-            let filePath = rootFile.fileList[0]
-            if (!filePath.isFolder) {
-              this.$message({
-                offset: 100,
-                message: this.$t('work.notFolder'),
-                type: 'warning'
-              })
-              return
-            }
-            pathName = filePath.name
-          } else {
-            pathName = this.upload_disk
-          }
-          this.$axios({
-            method: 'post',
-            url: '/upload/' + pathName,
-            headers: {
-              'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
-            },
-            data: data1
-          }).then((res) => {
-            this.submit() //调用提交函数
-          })
-          //this.submit(); //调用提交函数
-          //if (this.fileLists[0]) {
-          //    data1.append("file1", this.fileLists[0]);
-          //}else{
-          //    this.$message({offset:100,
-          //        message: "请上传标签！",
-          //        type: 'warning'
-          //    });
-          //    return;
-          //}
-          //if (this.$refs.refFile3.files[0]) {//添加了图片就上传图片文件
-          //    data1.append("file3", this.$refs.refFile3.files[0]);
-          //}
-          //if( this.tableData.length != 0 ){
-          //    //需要上传数据文件
-          //
-          //    if (this.$refs.refFile2.files[0]) {
-          //        //有数据文件
-          //        data1.append("file2", this.$refs.refFile2.files[0]);
-          //        //需要进一步判断是否有合成图片，有则上传
-          //        if(isExistBinPic()){
-          //            //存在合成图片，则上传合成图片
-          //            let f1 = this.check_compressed();
-          //            let f2;
-          //            await f1.then((res)=>{
-          //                f2 = res;
-          //            })
-          //            if(res){
-          //                //校验合并图片成功
-          //            }else{
-          //                return;
-          //            }
-          //        }
-          //    }else{
-          //        let flag_1 = false;//如果全部是合成图片，则false；如果有 非合成图片 ，那么就是true
-          //        for( let value of this.tableData){
-          //            if(value.type != 1){
-          //                flag_1 = true;
-          //                break;
-          //            }
-          //        }
-          //        if(flag_1){
-          //            //需要上传csv则校验，否则
-          //            this.$message({offset:100,
-          //                message: "请上传标签合并文件！",
-          //                type: 'warning'
-          //            });
-          //            return;
-          //        }
-          //    }
-          //
-          //}
-          //
-          //this.$message({offset:100,
-          //    message: "正在上传标签文件...",
-          //});
-          //
-          //this.$axios({
-          //    method: "post",
-          //    url: "/upload/" + this.upload_disk,
-          //    headers: {
-          //        "Content-Type": "multipart/form-data;boundary=" + new Date().getTime()
-          //    },
-          //    data: data1,
-          //}).then(res=>{
-          //    this.submit();//调用提交函数
-          //});
-        } else {
-          //未开启标签则直接提交
-          this.submit()
-        }
-        //this.submit();
-      }
-      this.flag_cont_up = false
-    },
-    isExistBinPic() {
-      let flag_1 = false
-      for (let value of this.tableData) {
-        if (value.type == 1) {
-          flag_1 = true
-          break
-        }
-      }
-      return flag_1 //如果存在合成图片，就返回true
-    },
-    async check_compressed() {
-      let flag = true //全部选择
-      for (let item in this.$refs) {
-        if (item.search('compress') != -1) {
-          //出现compress
-          if (this.$refs[item].files.length == 0) {
-            flag = false //有未选择的，报错
-            break
-          }
-        }
-      }
-      if (!flag) {
-        //报错内容
-        this.$message({
-          offset: 100,
-          message: this.$t('work.pleaseUploadingImgBin'),
-          type: 'warning'
-        })
-        return false
-      } else {
-        //开始上传合并图片压缩文件
-
-        let data1 = new FormData() // 创建一个表单数据
-        let i = 0
-        for (let item in this.$refs) {
-          if (item.search('compress') != -1) {
-            //出现compress
-            data1.append(this.$refs[item].dataset.name, this.$refs[item].files[0])
-          }
-          i++
-        }
-        this.$message({
-          offset: 100,
-          message: this.$t('work.UploadingImgBin')
-        })
-        let re
-        await this.$axios({
-          method: 'post',
-          url: '/upload/' + this.upload_disk,
-          headers: {
-            'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
-          },
-          data: data1
-        })
-          .then((res) => {
-            re = true
-          })
-          .catch(() => {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.UploadingImgBinFail'),
-              type: 'warning'
-            })
-            re = false
-          })
-        return re
-      }
-    },
-    async upload() {
-      this.exitGuide()
-      /*
-      开启了内容文件
-      上传按钮->work.upload->file.resume->file.cp----over>>> work.complete(work.upload_over)
-
-      */
-      //console.log(this.$refs.filesss.files);return;
-      console.log(this.size_form, this.$refs.files.filesList)
-      // this.localUpload('filepath')
-      if (!this.size_form) {
-        this.$message({
-          offset: 100,
-          message: this.$t('work.size_form_error'),
-          type: 'warning'
-        })
-        return
-      }
-      for (let i in this.$refs.files.filesList) {
-        this.$refs.files.filesList[i].state = false
-      }
-      this.$refs.files.nowstate = true
-      if (this.$refs.files.allNumber > 0) {
-        //开启了左边内容则先左边
-        if (!this.high_setting_form.Span_USBcard && this.size > ((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024) {
-          this.$message({
-            offset: 100,
-            message: this.$t('work.sizeExtra'),
-            type: 'warning'
-          })
-          return
-        }
-
-        if (this.$refs.files.allNumber == 0) {
-          this.$message({
-            offset: 100,
-            message: this.$t('work.pleaseUploadContent'),
-            type: 'warning'
-          })
-          return
-        }
-        this.flag_cont_up = true
-        this.upload_flag = true
-        /*
-        if (this.$refs.uploader.uploader.isComplete()) {
-          //如果已经上传成功了，直接开始下一步
-          this.upload_over();
-          return;
-        }
-        */
-        if (this.high_setting_form.localfiles) {
-          //如果开启本地文件，则只上传路径，不上传文件
-          // this.upload_over();
-          return
-        } else {
-          let t = true
-          for (let i in this.$refs.files.filesList) {
-            if (this.$refs.files.filesList[i].size == -1) {
-              t = false
-            }
-          }
-          if (t) {
-            if (this.file_form == 0) {
-              //文件和文件夹
-              //this.$refs.files.progressVisible = true;
-            } else if (this.file_form == 1) {
-              //电子光盘
-            } else if (this.file_form == 2) {
-              //zip
-              //this.$refs.files.archiverVisible = true;
-            } else if (this.file_form == 3) {
-              //加密zip
-              //this.$refs.files.archiverVisible = true;
-            } else if (this.file_form == 4) {
-              //u盘
-            }
-            this.$refs.files.isCopy = this.isCopy
-            this.$refs.files.copyPath = this.shareDisk + '\\' + this.upload_disk + '\\data\\'
-            console.log('path', this.$refs.files.copyPath)
-            console.log('isCopy', this.isCopy)
-            this.$refs.files.resume(this.file_form)
-            // this.$message({offset:100,
-            //   message: this.$t("work.uploadingContent"),
-            // });
-          } else {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.waitCalculate'),
-              type: 'warning'
-            })
-          }
-        }
-      } else {
-        //没开启左边，则右边一定开启了
-        let files_n_incr = 1
-        let data1 = new FormData()
-        if (this.isNew) {
-          if (this.fileLists[0]) {
-            data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
-            files_n_incr++
-          } else {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.pleaseUploadTag'),
-              type: 'warning'
-            })
-            return
-          }
-        } else {
-          if (this.fileData && !this.fileLists[0]) {
-            //纯打开，需要上传的是as文件
-            let _file = new File([JSON.stringify(this.fileData)], this.saveWorkList.taskName, { type: 'text/plain' })
-            data1.append(`file${files_n_incr}`, _file) //标签cs文件
-            files_n_incr++
-          } else if (this.fileData && this.fileLists[0]) {
-            //打开后，又重新选择了soon文件
-            data1.append(`file${files_n_incr}`, this.fileLists[0]) //标签cs文件
-            files_n_incr++
-          } else {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.pleaseUploadTag'),
-              type: 'warning'
-            })
-            return
-          }
-        }
-
-        if (this.$refs.refFile2.files.length != 0) {
-          // 有csv合并文件
-          data1.append(`file${files_n_incr}`, this.$refs.refFile2.files[0]) //csv文件
-          data1.append(`csv`, true) //csv文件flag
-          files_n_incr++
-        } else {
-          data1.append(`csv`, false) //csv文件flag
-        }
-        for (let item of this.tableData) {
-          if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length != 0) {
-            //有合并文件
-            //data1.append(item.origin_name, this.$refs[item.origin_name].files[0]);//图片文件
-            data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]) //图片文件
-            files_n_incr++
-          } else if (item.type == 1 && this.$refs[item.origin_name].files[0] != undefined && this.$refs.refFile2.files.length == 0) {
-            //无合并文件
-            data1.append(item.origin_name, this.$refs[item.origin_name].files[0]) //图片文件
-            //data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]);//图片文件
-            files_n_incr++
-          } else if ((item.type == 3 || item.type == 5) && this.$refs.refFile2.files.length == 0) {
-            //无合并文件
-            let data = this.form[item.origin_name]
-            if (data == '' || data == undefined || data == null) {
-              data = item.default
-            }
-            data1.append(item.origin_name, data) //合成文字与条形码 有默认值的
-          } else if (item.type == 4 && this.$refs.refFile2.files.length == 0) {
-            //二维码
-            data1.append(item.origin_name, this.form[item.origin_name])
-          }
-        }
-
-        this.$message({ offset: 100, message: this.$t('work.uploadingTag') })
-        this.$axios({
-          method: 'post',
-          url: '/upload/' + this.upload_disk,
-          headers: {
-            'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
-          },
-          data: data1
-        }).then((res) => {
-          this.submit() //调用提交函数
-        })
-        //this.submit(); //调用提交函数
-        // 创建一个表单数据
-
-        //if (this.fileLists[0]) {
-        //    data1.append("file1", this.fileLists[0]);
-        //}else{
-        //    this.$message({offset:100,
-        //        message: "请上传标签！",
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        //if (this.$refs.refFile3.files[0]) {//添加了图片就上传图片文件
-        //    data1.append("file3", this.$refs.refFile3.files[0]);
-        //}
-        //if( this.tableData.length != 0 ){
-        //    //需要上传数据文件
-        //    if (this.$refs.refFile2.files[0]) {
-        //        //有数据文件，需要检测是否有合并图片
-        //        data1.append("file2", this.$refs.refFile2.files[0]);
-        //        if(isExistBinPic()){
-        //            //存在合成图片，则上传合成图片
-        //            let f1 = this.check_compressed();
-        //            let f2;
-        //            await f1.then((res)=>{
-        //                f2 = res;
-        //            })
-        //            if(res){
-        //                //校验合并图片成功
-        //            }else{
-        //                return;
-        //            }
-        //        }
-        //    }else{
-        //        //没有选择数据文件，判断是否全是合并文件
-        //        let flag_1 = false;
-        //            for( let value of this.tableData){
-        //                if(value.type != 1){
-        //                    flag_1 = true;
-        //                    break;
-        //                }
-        //            }
-        //        if(flag_1){
-        //            //需要上传csv则校验，否则
-        //            this.$message({offset:100,
-        //                message: "请上传标签合并文件！",
-        //                type: 'warning'
-        //               });
-        //            return;
-        //        }
-        //            let f1 = this.check_compressed();
-        //            let f2;
-        //            await f1.then((res)=>{
-        //                f2 = res;
-        //            })
-        //            if(res){
-        //                //校验合并图片成功
-        //            }else{
-        //                return;
-        //            }
-        //    }
-        //}
-      }
-    },
-    sizeChange(size) {
-      this.size = size
-    },
-    onDrag(e) {
-      this.file_len = 0
-      //const loading = this.$loading({
-      //  lock: true,
-      //  text: 'Loading',
-      //  spinner: 'el-icon-loading',
-      //  background: 'rgba(0, 0, 0, 0.7)'
-      //});
-      //setTimeout(() => {
-      //    console.log(2);
-      //}, 0);
-      //console.log(1);
-    },
-    async submit() {
-      // 停止录制（如果正在录制）
-      await this.stopRecordingIfActive()
-      
-      // 检查是否有网络路径需要认证
-      if (this.checkNetworkPaths()) {
-        return // 等待用户完成网络认证
-      }
-      
-      // 继续提交流程
-      this.performSubmit()
-    },
-    
-    // 实际的提交逻辑
-    async performSubmit() {
-      //提交最终的任务请求
-      let data = ''
-      let pathName
-      if (this.high_setting_form.localfiles) {
-        //打开本地选项
-        let rootFile = this.$refs.uploader.uploader.getRoot()
-        if (rootFile.fileList.length != 1) {
-          this.$message({
-            offset: 100,
-            message: this.$t('work.oneFolder'),
-            type: 'warning'
-          })
-          return
-        }
-        let filePath = rootFile.fileList[0]
-        if (!filePath.isFolder) {
-          this.$message({
-            offset: 100,
-            message: this.$t('work.notFolder'),
-            type: 'warning'
-          })
-          return
-        }
-        pathName = filePath.name
-      } else {
-        pathName = this.upload_disk
-      }
-      let data_param = 'CardSoon_File=' + pathName
-      if (this.$refs.files.allNumber > 0) {
-        //内容开启 则内容项必须要填写。
-        /* delete 2022-06-15*/
-        //if (this.$refs.uploader.uploader.getSize() == 0) {
-        //    this.$message({offset:100,
-        //        message: "请添加内容！",
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        /*
-        if (
-          !this.$refs.uploader.uploader.isComplete() &&
-          !this.high_setting_form.localfiles
-        ) {
-          this.$message({offset:100,
-            message: this.$t("work.uploadFail"),
-            type: "warning",
-          });
-          return;
-        }
-        */
-        /*
-                    2022-06-24
-                    */
-        //选择的是电子光盘，则名称一定要填写
-        //if (this.file_form == 1) {
-        //    if (this.zip_name == "") {
-        //        this.$message({offset:100,
-        //            message: this.$t("work.isoNameInput"),
-        //            type: 'warning'
-        //        });
-        //        return;
-        //    }
-        //    data += "&diskLabel=" + this.zip_name;
-        //}
-        //选择的是zip文档，则名称一定要填写
-        if (this.file_form == 2 && !this.isPass) {
-          if (this.zip_name == '') {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.zipNameInput'),
-              type: 'warning'
-            })
-            return
-          }
-          data += '&zip_name=' + this.zip_name
-        }
-        //选择的是zip加密，名称和密码需要校验
-        if (this.file_form == 2 && this.isPass) {
-          if (this.zip_name == '') {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.zipNameInput'),
-              type: 'warning'
-            })
-            return
-          }
-          data += '&zip_name=' + this.zip_name
-          if (this.p1 == '' || this.p1 != this.p2) {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.zipPassWrong'),
-              type: 'warning'
-            })
-            return
-          }
-          data += '&zip_pw=' + this.p1
-        }
-        let fileForm = this.file_form == 2 && this.isPass ? 3 : this.file_form
-        data += '&file_type=' + fileForm
-      }
-      if ((!this.isNew && this.fileData) || (this.isNew && this.fileLists[0])) {
-        //标签开启，则标签文件一定要上传
-        if (this.isNew) {
-          if (this.fileLists.length == 0) {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.pleaseUploadTag'),
-              type: 'warning'
-            })
-            return
-          }
-        } else {
-          if (!this.fileData) {
-            this.$message({
-              offset: 100,
-              message: this.$t('work.pleaseUploadTag'),
-              type: 'warning'
-            })
-            return
-          }
-        }
-
-        if (this.fileData && !this.fileLists[0]) {
-          //纯打开，需要上传的是as文件
-          data_param += '&Json_File=' + this.saveWorkList.taskName //标签不为空给get参数加上json_file
-        } else if (this.fileData && this.fileLists[0]) {
-          //打开后，又重新选择了soon文件或新建
-          data_param += '&Json_File=' + this.fileLists[0].name //标签不为空给get参数加上json_file
-        }
-
-        if (this.$refs.refFile2.files.length != 0) {
-          //数据文件不为空给get参数加上udf_File
-          data_param += '&Udf_File=file:' + this.$refs.refFile2.files[0].name
-        }
-        if ((this.print_flag == 1 && this.fileData.flag != 1) || (this.print_flag == 2 && this.fileData.flag == 3) || (this.print_flag == 3 && this.fileData.flag == 2)) {
-          //打印面数print_flag为1 - 双面的时候，模板flag必须为1 - 双面
-          //打印面数print_flag为2 - 正 的时候 模板正面必须有内容 (flag != 3)
-          //打印面数print_flag为3 - 反 的时候 模板背面必须有内容 (flag != 2)
-          this.$message({
-            offset: 100,
-            message: this.$t('work.print_flagError'),
-            type: 'warning'
-          })
-          return
-        }
-        data += '&print_flag=' + this.print_flag //打印面数需要在开启了标签时，1双 2正3背
-      }
-      if (this.juanbiao_form == '') {
-        this.$message({
-          offset: 100,
-          message: this.$t('work.juanbiaoInput'),
-          type: 'warning'
-        })
-        return
-      }
-      const printStatus = this.fileLists[0] ? true : false
-      const copyStatus = this.$refs.files.allNumber > 0 ? true : false
-      data += '&label=' + this.juanbiao_form //卷标
-      //校验完毕，拼接剩余参数
-
-      data += '&printCopys=' + this.number //份数
-      data += '&disk_size=' + this.size_form //容量，4，8，32
-      data += '&zone_type=' + this.type_form //按照界面顺序从0到5
-      data += '&hasPrintTask=' + printStatus //标签开关
-      data += '&hasCopyTask=' + copyStatus //内容开关
-      //data += "&local=" + this.high_setting_form.localfiles; //本地文件开关
-      data += '&copy_cache_data=' + this.isCopy //本地文件开关
-      data += '&SpanUcard=' + this.high_setting_form.Span_USBcard //允许跨卡
-      data += '&hasAddFile=' + this.high_setting_form.hasAddFile //拷贝附加文件
-      data += '&version=local' //单机版
-      data += '&hash=' + this.high_setting_form.s1 //hash
-      data += '&md5=' + this.high_setting_form.s2 //md5
-      data += '&printer=' + this.high_setting_form.target_work //目标打印机id，若0则全部
-      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 {
-      //   this.$message({ offset: 100, message: this.$t('work.submiting') })
-      //   this.$emit('jobPost')
-      // }
-      if (this.isCopy) {
-        this.submitLoading = true
-        this.$axios({
-          method: 'post',
-          url: '/rest/job/?' + data_param + data
-        })
-          .then((res) => {
-            this.$message({ offset: 100, type: 'success', message: this.$t('work.submitSuccess') })
-            that.submitLoading = false
-            this.$emit('jobPost')
-          })
-          .catch((err) => {
-            const resl = err.response.data
-            console.log(resl)
-            if (resl.ret && resl.ret === 9) {
-              that.$emit('addError', {
-                code: resl.ret,
-                tag: 'templateFile',
-                err: 0
-              })
-            } else {
-              that.$emit('addError', {
-                code: resl.ret,
-                tag: 'workFail',
-                err: 0
-              })
-            }
-            this.$message({ offset: 100, message: this.$t('work.submiting') })
-            this.submitLoading = false
-            this.$emit('jobPost')
-          })
-      } else {
-        this.localUpload(pathName, data_param, data)
-      }
-      // } else if (this.file_form == 2 || this.file_form == 3) {
-      // zip一样发送路径
-      // const zip_data = [this.$refs.files.zip_path];
-      // let file_path = [];
-      // for (let i in this.$refs.files.filesList) {
-      // file_path.push(this.$refs.files.filesList[i].path);
-      // }
-      // const file_data = JSON.stringify(file_path);
-      // this.$axios({
-      // method: "post",
-      // url: "/rest/job/?" + data_param + data,
-      // data: { files: file_data },
-      // }).then((res) => {
-      // console.log(res.data);
-      // });
-      // }
-    },
-    localUpload(pathName, data_param, data) {
-      //文件和文件夹 zip也一样
-      let file_path = []
-      for (let i in this.$refs.files.filesList) {
-        file_path.push(this.$refs.files.filesList[i].path)
-      }
-      // 创建JSON对象
-      const jsonData = {
-        files: file_path
-      }
-      // 生成JSON文件
-      const jsonFilePath = path.join(__dirname, 'filepath.json')
-      fs.writeFileSync(jsonFilePath, JSON.stringify(jsonData), 'utf-8')
-      console.log(fs.createReadStream(jsonFilePath))
-      // 创建文件流
-      const fileStream = fs.createReadStream(jsonFilePath)
-      // 转换为Blob对象（如果需要）
-      const buffer = []
-      fileStream.on('data', (chunk) => {
-        buffer.push(chunk)
-      })
-      fileStream.on('end', () => {
-        let that = this
-        const blob = new Blob([Buffer.concat(buffer)], { type: 'application/octet-stream' })
-        console.log(blob)
-        // 使用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
-          .$axios({
-            method: 'post',
-            url: `/upload/${pathName}`,
-            headers: {
-              'Content-Type': 'multipart/form-data;boundary=' + new Date().getTime()
-            },
-            data: formData
-          })
-          .then(() => {
-            that
-              .$axios({
-                method: 'post',
-                url: '/rest/job/?' + data_param + data
-              })
-              .then((res) => {
-                this.$message({ offset: 100, type: 'success', message: this.$t('work.submitSuccess') })
-                that.submitLoading = false
-                this.$emit('jobPost')
-              })
-              .catch((err) => {
-                const resl = err.response.data
-                if (resl.ret && resl.ret === 9) {
-                  that.$emit('addError', {
-                    code: resl.ret,
-                    tag: 'templateFile',
-                    err: 0
-                  })
-                } else {
-                  that.$emit('addError', {
-                    code: resl.ret,
-                    tag: 'workFail',
-                    err: 0
-                  })
-                }
-                this.$message({ offset: 100, message: this.$t('work.submiting') })
-                that.submitLoading = false
-                this.$emit('jobPost')
-              })
-          })
-      })
-    },
-
-    saveWork() {
-      let t = true
-      for (let i in this.$refs.files.filesList) {
-        if (this.$refs.files.filesList[i].size == -1) {
-          t = false
-        }
-      }
-
-      if (t) {
-        let save = this.fileData
-        save.filesList = this.$refs.files.getLists()
-        //save.tagFile = this.fileData;
-        save.allNumber = this.$refs.files.allNumber
-        save.size = this.size
-        save.file_form = this.file_form == 2 && this.isPass ? 3 : this.file_form
-        save.type_form = this.type_form
-        save.size_form = this.size_form
-        save.juanbiao_form = this.juanbiao_form
-        save.high_setting_form = this.high_setting_form
-        save.print_flag = this.print_flag
-
-        //  save.tableData = this.tableData;
-        if (this.$refs.files.allNumber > 0 && this.fileLists[0]) {
-          save.switch = 3
-        } else if (this.$refs.files.allNumber > 0) {
-          save.switch = 1
-        } else {
-          save.switch = 2
-        }
-        const v = JSON.stringify(save)
-        dialog
-          .showSaveDialog({
-            title: 'Save',
-            filters: [{ name: 'Soon Work', extensions: ['swk'] }]
-          })
-          .then((result) => {
-            fs.writeFileSync(result.filePath, v)
-          })
-          .catch((err) => {
-            console.log(err)
-          })
-      } else {
-        this.$message({
-          offset: 100,
-          message: this.$t('work.waitCalculate'),
-          type: 'warning'
-        })
-      }
-    },
-    convertSize(obj) {
-      // 提取数值和单位
-      const { value, label } = obj
-      let numericValue = parseFloat(value)
-      const unit = value.slice(-2)
-
-      // 根据单位转换数值
-      if (unit === 'GB') {
-        // 如果是GB，数值不变
-        numericValue = numericValue
-      } else if (unit === 'MB') {
-        // 如果是MB，转换为GB
-        numericValue = numericValue / 1000
-      }
-
-      // 返回新的对象
-      return { value: numericValue, label: label }
-    },
-    // 获取模板文件列表
-    getTemplates() {
-      fs.readdir('User Templates', (err, files) => {
-        if (err) {
-          console.log(err)
-        } else {
-          const fileList = files.map((file) => {
-            return {
-              label: file,
-              value: path.join('User Templates', file)
-            }
-          })
-          this.templates = fileList
-        }
-      })
-    },
-    // 选择模板
-    changeTemplate(e) {
-      fs.readFile(e, 'utf8', (err, data) => {
-        if (err) {
-          console.error('读取文件时出错:', err)
-          return
-        }
-        let name = e.split('\\')[1]
-        this.fileLists[0] = new File([data], name, {
-          type: ''
-        })
-        this.readFile(data)
-      })
-    },
-    // 读取文件信息
-    readFile(data) {
-      let _this = this
-      _this.fileData = JSON.parse(data)
-      _this.form = {}
-      _this.tableData = []
-      for (let item of _this.fileData.frontData) {
-        if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
-          _this.tableData.push({
-            name: item.name + _this.$t('work.front_tag'),
-            val: item.DefaultText == undefined ? '' : item.DefaultText,
-            origin_name: item.name,
-            type: item.type,
-            default: item.DefaultText == undefined ? undefined : item.DefaultText
-          }) //前
-          _this.$set(_this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
-        }
-      }
-      for (let item of _this.fileData.backData) {
-        if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
-          _this.tableData.push({
-            name: item.name + _this.$t('work.back_tag'),
-            val: item.DefaultText == undefined ? '' : item.DefaultText,
-            origin_name: item.name,
-            type: item.type,
-            default: item.DefaultText == undefined ? undefined : item.DefaultText
-          })
-          _this.$set(_this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
-        }
-      }
-      _this.$refs.refFile2.value = ''
-      _this.$refs.refFile3.value = ''
-
-      _this.csvIsExist = false
-      _this.file_name = null
-      _this.file_name3 = _this.$t('work.binImg')
-    },
-    // 打开标签程序
-    openDesign() {
-      // 启动exe程序
-      exec('"D:\\Program Files\\Cardsoon\\SoonDesign\\SoonDesign.exe"', (error, stdout, stderr) => {
-        if (error) {
-          console.error(`执行的错误: ${error}`)
-          return
-        }
-        console.log(`stdout: ${stdout}`)
-        console.error(`stderr: ${stderr}`)
-      })
-    },
-    // 退出新手引导
-    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(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()
-      }
-    },
-    help() {
-      ipcRenderer.send('open-help-file')
-    },
-    // 从路径提取主机名（兼容 \\host\path 与 //host/path）
-    getHostFromPath(p) {
-      if (!p || typeof p !== 'string') return ''
-      if (p.indexOf('\\\\') === 0) {
-        const parts = p.slice(2).split('\\')
-        return parts[0] || ''
-      }
-      if (p.indexOf('//') === 0) {
-        const parts = p.slice(2).split('/')
-        return parts[0] || ''
-      }
-      const m = p.match(/^([^\\\/:]+)/)
-      return (m && m[1]) ? m[1] : ''
-    }
-  },
-  computed: {
-    file_percent() {
-      let t = (this.size / (((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024)) * 100
-      return t ? t > 100 ? 100.1 : t : 0
-    },
-    print_op() {
-      return [
-        {
-          value: 2,
-          label: this.$t('work.front')
-        },
-        {
-          value: 3,
-          label: this.$t('work.back')
-        },
-        {
-          value: 1,
-          label: this.$t('work.double')
-        }
-      ]
-    },
-    type() {
-      return [
-        {
-          value: 0,
-          label: this.$t('work.diskPart')
-        },
-        {
-          value: 1,
-          label: this.$t('work.cdPart')
-        },
-        {
-          // -- value: 2,
-          //  label: '加密分区'
-          //  }, {
-
-          value: 3,
-          label: this.$t('work.forbidCopyPart')
-        },
-        {
-          // -- value: 4,
-          //    label: '普普分区'
-          //  }, {
-
-          value: 5,
-          label: this.$t('work.cdWithDisk')
-        }
-      ]
-    },
-    file_type() {
-      return [
-        {
-          value: 0,
-          label: this.$t('work.fileAnd')
-        },
-        {
-          value: 1,
-          label: this.$t('work.eCd')
-        },
-        {
-          value: 5,
-          label: this.$t('work.mixMode')
-        },
-        {
-          value: 7,
-          label: this.$t('work.iso')
-        },
-        {
-          value: 2,
-          label: this.$t('work.zip')
-        },
-        // {
-        //   value: 3,
-        //   label: this.$t('work.passZip')
-        // },
-        {
-          value: 4,
-          label: this.$t('work.forbidCopyU')
-        }
-      ]
-    },
-    high_setting() {
-      let target_work = this.printerList.map((item) => {
-        return {
-          value: item.PrinterID,
-          label: this.getPrintName(item.PrinterID)
-        }
-      })
-      target_work.push({
-        value: 0,
-        label: this.$t('work.any')
-      })
-      return {
-        priority: [
-          {
-            value: 1,
-            label: this.$t('work.low')
-          },
-          {
-            value: 0,
-            label: this.$t('work.normal')
-          },
-          {
-            value: 2,
-            label: this.$t('work.high')
-          }
-        ],
-        fileSystem: [
-          {
-            value: 0,
-            label: this.$t('work.auto')
-          },
-          {
-            value: 1,
-            label: 'FAT32'
-          },
-          {
-            value: 2,
-            label: 'exFAT'
-          },
-          {
-            value: 3,
-            label: 'NTFS'
-          }
-        ],
-        target_work: target_work,
-        color_type: [
-          {
-            value: 0,
-            label: this.$t('work.any')
-          },
-          {
-            value: 1,
-            label: this.$t('work.sigleColor')
-          },
-          {
-            value: 2,
-            label: this.$t('work.colorful')
-          }
-        ],
-        formatFile: [
-          {
-            value: 0,
-            label: this.$t('work.auto')
-          },
-          {
-            value: 'FAT',
-            label: 'FAT'
-          },
-          {
-            value: 'FAT32',
-            label: 'FAT32'
-          },
-          {
-            value: 'NTFS',
-            label: 'NTFS'
-          },
-          {
-            value: 'EXFAT',
-            label: 'EXFAT'
-          }
-        ]
-      }
-    },
-    bgi() {
-      if (this.size != 0) {
-        return ''
-      }
-      return this.$t('work.dropBg')
-    }
-  },
-  watch: {
-    sizeType: {
-      deep: true,
-      immediate: true,
-      handler() {
-        this.size_type = this.sizeType.map((item) => {
-          return this.convertSize(item)
-        })
-        console.log(this.size_type)
-      }
-    },
-    high_setting_form: {
-      deep: true,
-      handler(val) {
-        console.log(val)
-        localStorage.setItem('high_setting_form', JSON.stringify(val))
-      }
-    },
-    filterPassedType: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        console.log('work', this.filterPassedType)
-        console.log('work', this.size_type)
-        if (this.size_form == null) {
-          for (let item of this.size_type) {
-            if (this.filterPassedType.indexOf(item.value) != -1) {
-              this.size_form = item.value
-              return
-            }
-          }
-        }
-      }
-    },
-    switch_cont() {
-      if (!this.switch_cont && !this.switch_tag) {
-        //转换
-        this.switch_tag = true
-      }
-    },
-    switch_tag() {
-      if (!this.switch_cont && !this.switch_tag) {
-        //转换
-        this.switch_cont = true
-      }
-    },
-    file_percent(val) {
-      if (val > 100 && !this.high_setting_form.Span_USBcard) {
-        this.$message({
-          offset: 100,
-          message: this.$t('work.sizeExtra'),
-          type: 'warning'
-        })
-      }
-    },
-    file_form: {
-      immediate: true,
-      handler(val) {
-        if (!val || !this.filter_rules[val]) {
-          return
-        }
-        if (this.filter_rules[val].indexOf(this.type_form) == -1) {
-          //现在选择的是不可选择的。
-          this.type_form = this.filter_rules[val][0]
-        }
-        for (let item of this.type) {
-          if (this.filter_rules[val].indexOf(item.value) == -1) {
-            //设置disable
-            this.$set(item, 'disabled', true)
-          } else {
-            //取消disabled
-            this.$set(item, 'disabled', false)
-          }
-        }
-        if (val == 2 || val == 3) {
-          this.zip_name = getNowFormatDate()
-          this.p1 = '123'
-          this.p2 = '123'
-        }
-      }
-    },
-    isNew: {
-      immediate: true,
-      handler(val) {
-        this.$nextTick(function () {
-          console.log('isNew:' + this.isNew)
-          if (!this.isNew) {
-            this.fileData = this.saveWorkList
-            this.$refs.files.filesList = this.saveWorkList.filesList
-            this.$refs.files.allNumber = this.saveWorkList.allNumber
-            this.size = this.saveWorkList.size
-            this.$refs.files.allSize = this.saveWorkList.size
-            if (this.saveWorkList.file_form == 3) {
-              this.file_form = 2
-              this.isPass = true
-            } else {
-              this.file_form = this.saveWorkList.file_form
-            }
-            this.type_form = this.saveWorkList.type_form
-            this.size_form = this.saveWorkList.size_form
-            this.juanbiao_form = this.saveWorkList.juanbiao_form
-            this.high_setting_form = this.saveWorkList.high_setting_form
-            this.print_flag = this.saveWorkList.print_flag
-            // if (this.saveWorkList.switch == 3) {
-            //   this.switch_cont = true
-            //   this.switch_tag = true
-            // } else if (this.saveWorkList.switch == 2) {
-            //   this.switch_tag = true
-            // } else if (this.saveWorkList.switch == 1) {
-            //   this.switch_cont = true
-            // }
-            this.form = {}
-            for (let item of this.fileData.frontData) {
-              if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
-                this.tableData.push({
-                  name: item.name + this.$t('work.front_tag'),
-                  val: item.DefaultText == undefined ? '' : item.DefaultText,
-                  origin_name: item.name,
-                  type: item.type,
-                  default: item.DefaultText == undefined ? undefined : item.DefaultText
-                }) //前
-                this.$set(this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
-              }
-            }
-            for (let item of this.fileData.backData) {
-              if (item.type == 1 || item.type == 3 || item.type == 4 || item.type == 5) {
-                this.tableData.push({
-                  name: item.name + this.$t('work.back_tag'),
-                  val: item.DefaultText == undefined ? '' : item.DefaultText,
-                  origin_name: item.name,
-                  type: item.type,
-                  default: item.DefaultText == undefined ? undefined : item.DefaultText
-                })
-                this.$set(this.form, item.name, item.DefaultText == undefined ? '' : item.DefaultText)
-              }
-            }
-
-            this.$refs.refFile2.value = ''
-            this.$refs.refFile3.value = ''
-
-            this.csvIsExist = false
-            this.file_name = null
-            this.file_name3 = this.$t('work.binImg')
-          }
-        })
-      }
-    }
+  props: {
+    dice: Number,
+    saveWorkList: Object,
+    isNew: Boolean,
+    printerList: Array,
+    shareDisk: String,
+    isCopy: { type: Boolean, default: false },
+    filterPassedType: { type: Array, default: () => [] },
+    sizeType: { type: Array, default: () => [] }
   }
 }
 </script>
-<style lang="less" scoped>
-.btn-group {
-  height: 32px;
-  background-color: #e7e7ec;
-  display: flex;
-  align-items: center;
-  .btn {
-    color: #53809f;
-    display: inline-block;
-    height: 30px;
-    line-height: 30px;
-    font-size: 14px;
-    padding-left: 10px;
-    padding-right: 10px;
-    cursor: pointer;
 
-    &:hover {
-      background-color: #dfdfe4;
-    }
-
-    &:active {
-      background-color: #d1d1d7;
-    }
-  }
-}
-
-.header {
-  .title {
-    font-size: 24px;
-    font-weight: bold;
-  }
-}
-
-.file {
-  height: 450px;
-  width: 100%;
-  background-color: #e8e7ee;
-  border: #c8cfd7 solid 1px;
-  box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  padding: 10px;
-
-  .title {
-    float: left;
-    font-size: 16px;
-    font-weight: bold;
-    height: 32px;
-    line-height: 32px;
-  }
-}
-
-.label {
-  height: 450px;
-  width: 100%;
-  background-color: #e8e7ee;
-  border: #c8cfd7 solid 1px;
-  box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  padding: 10px;
-
-  .title {
-    float: left;
-    font-size: 16px;
-    font-weight: bold;
-    height: 32px;
-    line-height: 32px;
-  }
-}
-
-.uploader-example {
-  width: 100%;
-  margin: 10px auto 0;
-  font-size: 12px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-  position: relative;
-}
-
-.uploader-example .uploader-btn {
-}
-
-.uploader-example .uploader-list {
-  max-height: 405px;
-  overflow: auto;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.uploader-list::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 10px;
-  /*高宽分别对应横竖滚动条的尺寸*/
-  height: 1px;
-}
-
-.uploader-list::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  border-radius: 10px;
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  background: #c7c7cb;
-}
-
-.uploader-list::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  border-radius: 10px;
-  background: #ededed;
-}
-
-.add-btns {
-  position: absolute;
-  left: 10px;
-}
-
-.upload-list {
-  margin-top: 30px;
-}
-
-.display_box {
-  margin-top: 10px;
-  background-color: #212830;
-  height: 180px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  .display_item {
-    position: relative;
-    cursor: pointer;
-    img {
-      height: 140px;
-      background-color: #1e252d;
-    }
-    .display_bg {
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      top: 0;
-      left: 0;
-      z-index: 10;
-      background-color: rgba(0, 0, 0, 0.5);
-    }
-  }
-}
-
-/deep/ .uploader-file-name {
-  text-align: left;
-}
-
-/deep/ .el-progress-bar__outer {
-  background-color: #bac2d7;
-}
-
-/deep/ .uploader-file-progress {
-  background-color: #b0ee91;
-}
-
-.drag-bg {
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
-.dialog-header-btns {
-  display: flex;
-  gap: 60px;
-}
-/deep/ .el-input__inner {
-  height: 32px;
-  line-height: 32px;
-}
-/deep/ .el-input__suffix .el-input__icon {
-  height: 32px;
-  line-height: 32px;
-}
+<style scoped>
+/* Main entry point for the refactored work component.
+   Real implementation is in ./work/WorkMain.vue */
 </style>
diff --git a/src/renderer/components/work/AdvancedSettings.vue b/src/renderer/components/work/AdvancedSettings.vue
new file mode 100644
index 0000000..74dd480
--- /dev/null
+++ b/src/renderer/components/work/AdvancedSettings.vue
@@ -0,0 +1,113 @@
+<template>
+    <el-dialog :title="$t('work.senior') || '高级设置'" :visible.sync="visibleSync" width="780px" append-to-body
+        custom-class="grand-dialog" :close-on-click-modal="false" top="5vh" @close="handleClose">
+        <div class="grand-setting-content" style="max-height: 75vh; overflow-y: auto; padding-right: 10px;">
+            <el-form :model="form" label-position="right" label-width="120px" size="small">
+
+                <!-- 动态分模式渲染 -->
+                <basic-config :form="form" :file-form="fileForm" :options="options" />
+
+                <!-- 高级功能（ISO/ZIP/HASH/计数器） -->
+                <advanced-features :form="form" :file-form="fileForm" />
+
+                <!-- 屏幕录制 -->
+                <recording-settings :form="form" :file-form="fileForm"
+                    @test-recording="$emit('test-recording', $event)" />
+
+            </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer grand-footer">
+            <div class="footer-left">
+                <el-button type="warning" size="medium" plain icon="el-icon-key" @click="setAuthCode">
+                    设置授权码
+                </el-button>
+            </div>
+            <div class="footer-buttons">
+                <el-button @click="handleClose" size="medium" icon="el-icon-close">{{ $t('common.cancel') }}</el-button>
+                <el-button type="primary" @click="handleSave" size="medium" icon="el-icon-check">{{ $t('common.confirm')
+                    }}</el-button>
+            </div>
+        </span>
+    </el-dialog>
+</template>
+
+<script>
+import BasicConfig from './sections/BasicConfig.vue'
+import AdvancedFeatures from './sections/AdvancedFeatures.vue'
+import RecordingSettings from './sections/RecordingSettings.vue'
+
+export default {
+    name: 'AdvancedSettings',
+    components: {
+        BasicConfig,
+        AdvancedFeatures,
+        RecordingSettings
+    },
+    props: {
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        form: {
+            type: Object,
+            required: true
+        },
+        fileForm: {
+            type: Number,
+            default: 0
+        },
+        options: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    computed: {
+        visibleSync: {
+            get() {
+                return this.visible
+            },
+            set(val) {
+                this.$emit('update:visible', val)
+            }
+        }
+    },
+    methods: {
+        handleClose() {
+            this.visibleSync = false
+        },
+        handleSave() {
+            this.$emit('save')
+        },
+        setAuthCode() {
+            this.$prompt(this.$t('work.inputAuthCode') || '请输入作业授权码', this.$t('work.setAuthCode') || '授权码设置', {
+                confirmButtonText: this.$t('common.ok') || '确定',
+                cancelButtonText: this.$t('common.cancel') || '取消',
+                inputValue: this.form.auth_code || '',
+                inputPattern: /^[a-zA-Z0-9]*$/,
+                inputErrorMessage: '授权码格式不正确'
+            }).then(({ value }) => {
+                this.$set(this.form, 'auth_code', value);
+                this.$message({
+                    type: 'success',
+                    message: '授权码已设置'
+                });
+            }).catch(() => { });
+        }
+    }
+}
+</script>
+
+<style scoped>
+/* 样式将包含在主组件中或按需引入 */
+.grand-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.footer-buttons {
+    display: flex;
+    gap: 10px;
+}
+</style>
diff --git a/src/renderer/components/work/FileManagement.vue b/src/renderer/components/work/FileManagement.vue
new file mode 100644
index 0000000..66c7c83
--- /dev/null
+++ b/src/renderer/components/work/FileManagement.vue
@@ -0,0 +1,113 @@
+<template>
+    <div class="file">
+        <div class="section-title">
+            <div class="title-left">
+                <i class="el-icon-folder-opened"></i>
+                <span class="title-text">{{ $t('work.contentTitle') }}</span>
+            </div>
+            <div class="content-header-actions">
+                <el-button size="small" @click="$refs.files.addFolder()">{{ $t("file.addFolder") }}</el-button>
+                <el-button size="small" @click="$refs.files.addFile()">{{ $t("file.addFile") }}</el-button>
+                <div class="volume-label-group">
+                    <span class="label-text">{{ $t('work.sign') }}</span>
+                    <el-input :value="juanbiao" @input="$emit('update:juanbiao', $event)" size="small"
+                        :placeholder="$t('work.pleaseInput')" class="volume-input" />
+                </div>
+            </div>
+        </div>
+
+        <!-- 列表容器 -->
+        <div class="content-container mt-10">
+            <files ref="files" :onSizechange="onSizeChange" :complete="onUploadOver" :saveWorkList="saveWorkList"
+                class="flex-1-files" @network-paths-changed="$emit('network-paths-changed', $event)">
+                <slot name="progress"></slot>
+            </files>
+        </div>
+    </div>
+
+</template>
+
+<script>
+import Files from '../files/file.vue'
+
+export default {
+    name: 'FileManagement',
+    components: { Files },
+    props: {
+        saveWorkList: Object,
+        juanbiao: String
+    },
+    methods: {
+        handleCommand(command) {
+            if (command === 'folder') {
+                this.$refs.files.addFolder()
+            } else {
+                this.$refs.files.addFile()
+            }
+        },
+        onSizeChange(size) {
+            this.$emit('size-change', size)
+        },
+        onUploadOver() {
+            this.$emit('upload-over')
+        },
+        // 将父组件需要的 ref 方法公开
+        hasNetworkPaths() { return this.$refs.files.hasNetworkPaths() },
+        getNetworkPaths() { return this.$refs.files.getNetworkPaths() },
+        resume(form) { this.$refs.files.resume(form) },
+        getLists() { return this.$refs.files.getLists() }
+    },
+    computed: {
+        // 暴露 allNumber 供父组件校验
+        allNumber() {
+            return (this.$refs && this.$refs.files) ? this.$refs.files.allNumber : 0
+        }
+    }
+}
+</script>
+
+<style scoped>
+@import './styles/work-styles.css';
+
+.file {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.content-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.flex-1-files {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.content-header-actions {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.volume-label-group {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    margin-left: 10px;
+}
+
+.label-text {
+    font-size: 13px;
+    color: #606266;
+    white-space: nowrap;
+}
+
+.volume-input {
+    width: 140px;
+}
+</style>
diff --git a/src/renderer/components/work/TagMetadata.vue b/src/renderer/components/work/TagMetadata.vue
new file mode 100644
index 0000000..3cca424
--- /dev/null
+++ b/src/renderer/components/work/TagMetadata.vue
@@ -0,0 +1,153 @@
+<template>
+    <div class="label">
+        <div class="section-title">
+            <div class="title-left">
+                <i class="el-icon-collection-tag"></i>
+                <span class="title-text">{{ $t('work.tag') }}</span>
+            </div>
+            <div class="header-right-actions">
+                <el-select v-model="currentTemplateLocal" :placeholder="$t('work.pleaseSelect')" size="small"
+                    class="template-select" @change="onTemplateChange" clearable filterable>
+                    <el-option v-for="(item, index) in templates" :key="index" :label="item.label"
+                        :value="item.value" />
+                </el-select>
+                <el-button size="small" @click="$emit('open-design')">
+                    {{ $t('work.design') || '创建标签' }}
+                </el-button>
+                <el-button size="small" @click="$emit('open-file')">
+                    {{ $t('work.import') || '选择标签' }}
+                </el-button>
+            </div>
+        </div>
+
+
+        <!-- 预览区域 -->
+        <div class="display_box" v-if="fileData.frontDisplayPic || fileData.backDisplayPic">
+            <el-tooltip effect="light" content="打印正面" placement="bottom">
+                <div class="display_item" @click="setPrintFlag(2)">
+                    <div class="display_bg" v-if="printFlag === 3"></div>
+                    <img :src="fileData.frontDisplayPic" />
+                </div>
+            </el-tooltip>
+            <el-tooltip effect="light" content="打印反面" placement="bottom">
+                <div class="display_item" @click="setPrintFlag(3)">
+                    <div class="display_bg" v-if="printFlag === 2"></div>
+                    <img :src="fileData.backDisplayPic" />
+                </div>
+            </el-tooltip>
+        </div>
+        <div class="display_box display_box_placeholder" v-else>
+            <span class="empty-text-dark">{{ $t('work.nodata') }}</span>
+        </div>
+
+        <!-- 详细参数列表 -->
+        <div class="metadata-container mt-10">
+            <div class="sub-title">
+                <i class="el-icon-edit-outline"></i>
+                <span>{{ $t('work.metadataEdit') || '标签内容编辑' }}</span>
+            </div>
+            <el-table v-if="tableData && tableData.length > 0" :data="tableData" class="metadata-table flex-grow-table"
+                :empty-text="$t('work.nodata')" :show-header="false">
+
+                <el-table-column prop="name" min-width="110"></el-table-column>
+                <el-table-column min-width="240">
+                    <template slot-scope="scope">
+                        <div v-if="scope.row.type == 1">
+                            <input type="file" title="" accept="image/*" :ref="scope.row.origin_name"
+                                :data-name="scope.row.origin_name"
+                                @change="(e) => $emit('image-change', scope.row.origin_name, e.target.files[0])" />
+                        </div>
+                        <div v-else-if="scope.row.type == 3 || scope.row.type == 4 || scope.row.type == 5">
+                            <el-input v-model="form[scope.row.origin_name]" clearable size="mini"
+                                :disabled="csvIsExist" />
+                        </div>
+                        <div v-else>{{ scope.row.origin_name }}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column min-width="90">
+                    <template slot-scope="scope">
+                        <div v-if="scope.row.type == 3 || scope.row.type == 4 || scope.row.type == 5">
+                            <el-button size="mini" icon="el-icon-upload2" @click="$emit('open-csv')">
+                                {{ file_name ? file_name : $t('work.binfile') }}
+                            </el-button>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- 空状态占位框 (当无数据时显示) -->
+            <div v-else class="empty-placeholder-box">
+                <span class="empty-text">{{ $t('work.nodata') }}</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'TagMetadata',
+    props: {
+        templates: Array,
+        currentTemplate: String,
+        fileData: Object,
+        printFlag: Number,
+        tableData: Array,
+        form: Object,
+        csvIsExist: Boolean,
+        file_name: String
+    },
+    data() {
+        return {
+            currentTemplateLocal: this.currentTemplate
+        }
+    },
+    watch: {
+        currentTemplate(val) { this.currentTemplateLocal = val }
+    },
+    methods: {
+        onTemplateChange(val) {
+            this.$emit('update:current-template', val)
+            this.$emit('template-change', val)
+        },
+        setPrintFlag(flag) {
+            this.$emit('update:print-flag', flag)
+        }
+    }
+}
+</script>
+
+<style scoped>
+@import './styles/work-styles.css';
+
+.header-right-actions {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.header-right-actions ::v-deep .el-button {
+    border-radius: 8px;
+    font-weight: 500;
+}
+
+.label {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.metadata-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.flex-grow-table {
+    flex: 1;
+}
+
+.template-select {
+    width: 240px;
+}
+</style>
diff --git a/src/renderer/components/work/TaskHeader.vue b/src/renderer/components/work/TaskHeader.vue
new file mode 100644
index 0000000..65aedab
--- /dev/null
+++ b/src/renderer/components/work/TaskHeader.vue
@@ -0,0 +1,142 @@
+<template>
+    <div class="task-header-container">
+        <div class="task-header-flex">
+            <!-- 容量选择 -->
+            <div class="header-item">
+                <label class="inline-label">{{ $t('work.size') }}</label>
+                <el-select v-model="sizeFormLocal" class="header-select size-select" size="small"
+                    @change="$emit('update:size_form', $event)" :placeholder="$t('work.pleaseSelect')">
+                    <el-option v-for="item in sizeTypeOptions" :key="item.value" :label="item.label"
+                        :value="item.value" />
+                </el-select>
+            </div>
+
+            <!-- 拷贝类型 (work.content 在 screenshot 中显示为 "拷贝类型" 附近位置 ) -->
+            <div class="header-item">
+                <label class="inline-label">{{ $t('work.content') }}</label>
+                <el-select v-model="fileFormLocal" class="header-select" size="small"
+                    @change="$emit('update:file_form', $event)">
+                    <el-option v-for="item in fileTypeOptions" :key="item.value" :label="item.label"
+                        :value="item.value" />
+                </el-select>
+            </div>
+
+            <!-- 分区模式 (如果需要显示) -->
+            <div class="header-item" v-if="false">
+                <!-- Screenshot doesn't show partition mode clearly or it might be hidden/dynamic. 
+                  Users previous layout had it. I will keep it but maybe conditional or just append? 
+                  The screenshot only shows 2 selects clearly. Keeping it visible for functionality but later in flow?
+                  Actually I'll keep it but ensure flex flow handles it. -->
+                <label class="inline-label">{{ $t('work.partType') }}:</label>
+                <el-select v-model="typeFormLocal" class="header-select" size="small"
+                    @change="$emit('update:type_form', $event)">
+                    <el-option v-for="item in partitionOptions" :key="item.value" :label="item.label"
+                        :value="item.value" />
+                </el-select>
+            </div>
+        </div>
+    </div>
+
+
+</template>
+
+<script>
+export default {
+    name: 'TaskHeader',
+    props: {
+        juanbiao_form: String,
+        file_form: Number,
+        size_form: [Number, String],
+        type_form: Number,
+        sizeType: Array
+    },
+    data() {
+        return {
+            fileFormLocal: this.file_form,
+            sizeFormLocal: this.size_form,
+            typeFormLocal: this.type_form
+        }
+    },
+    watch: {
+        file_form(val) { this.fileFormLocal = val },
+        size_form(val) { this.sizeFormLocal = val },
+        type_form(val) { this.typeFormLocal = val }
+    },
+    computed: {
+        juanbiao: {
+            get() { return this.juanbiao_form },
+            set(val) { this.$emit('update:juanbiao_form', val) }
+        },
+        fileTypeOptions() {
+            return [
+                { label: this.$t('work.fileAnd'), value: 0 },
+                { label: this.$t('work.eCd'), value: 1 },
+                { label: this.$t('work.encryptCard'), value: 2 },
+                { label: this.$t('work.forbidCopyU'), value: 4 }
+            ]
+        },
+        sizeTypeOptions() {
+            // 如果没有传入 sizeType，则提供默认
+            if (this.sizeType && this.sizeType.length > 0) return this.sizeType
+            return [
+                { value: 0.512, label: "512MB" },
+                { value: 4, label: "4GB" },
+                { value: 32, label: "32GB" },
+                { value: 64, label: "64GB" },
+                { value: 128, label: "128GB" },
+                { value: 256, label: "256GB" }
+            ]
+        },
+        partitionOptions() {
+            return [
+                { value: 0, label: this.$t("work.diskPart") || '普通分区' },
+                { value: 1, label: this.$t("work.cdPart") || '光盘分区' },
+                { value: 3, label: this.$t("work.forbidCopyPart") || '防拷贝分区' },
+                { value: 5, label: this.$t("work.cdWithDisk") || '光盘+普通' }
+            ]
+        }
+    }
+}
+</script>
+
+<style scoped>
+.task-header-container {
+    padding: 0;
+    border-bottom: none;
+    margin-bottom: 0;
+}
+
+.task-header-flex {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    height: 100%;
+    padding-top: 5px;
+    /* Alignment tweak */
+}
+
+.header-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.inline-label {
+    font-size: 13px;
+    font-weight: 600;
+    color: #303133;
+    white-space: nowrap;
+    position: relative;
+    padding-left: 2px;
+}
+
+.header-select {
+    width: 160px;
+    /* Wider selects */
+}
+
+.header-select.size-select {
+    width: 220px;
+    /* Capacity select needs even more width for placeholders */
+}
+</style>
diff --git a/src/renderer/components/work/WorkMain.vue b/src/renderer/components/work/WorkMain.vue
new file mode 100644
index 0000000..eaaca78
--- /dev/null
+++ b/src/renderer/components/work/WorkMain.vue
@@ -0,0 +1,854 @@
+<template>
+    <div class="work">
+        <!-- 头部配置区 -->
+        <!-- 顶部通栏：配置与按钮 -->
+        <div class="top-header-bar">
+            <!-- 左侧配置表单 -->
+            <div class="header-settings">
+                <task-header :file_form.sync="file_form" :size_form.sync="size_form" :type_form.sync="type_form"
+                    :size-type="sizeType" />
+            </div>
+
+            <!-- 右侧功能按钮 -->
+            <div class="header-buttons">
+                <!-- 录制组件 (绿色圆形) -->
+                <div class="recorder-wrapper" v-if="isRecording || high_setting_form.is_print_logo">
+                    <screen-recorder ref="screenRecorder" :task-id="upload_disk" :status-only="true"
+                        @recording-started="onRecordingStarted" @recording-stopped="onRecordingStopped"
+                        @recording-saved="onRecordingSaved" />
+                    <el-tooltip content="打印" placement="top">
+                        <div v-if="high_setting_form.is_print_logo" class="print-logo-indicator">
+                            <img src="static/images/luzhi.png" @error="onLogoError" v-if="!logoError"
+                                class="logo-img" />
+                            <i v-else class="el-icon-printer"></i>
+                        </div>
+                    </el-tooltip>
+                </div>
+
+                <!-- 高级设置按钮 (白色) -->
+                <el-button size="medium" @click="highSettingVisible = true" class="senior-btn-white"
+                    icon="el-icon-setting">
+                    {{ $t('work.senior') }}
+                </el-button>
+            </div>
+
+            <!-- 隐藏的组件 -->
+            <advanced-settings :visible.sync="highSettingVisible" :form="high_setting_form" :file-form="file_form"
+                @save="saveHighSettings" @test-recording="handleTestRecording" />
+            <network-auth-dialog :visible="networkAuthVisible" :network-paths="networkAuthPaths"
+                @confirm="onNetworkAuthConfirm" @cancel="onNetworkAuthCancel" />
+        </div>
+
+        <!-- 主体：左内容 + 右标签 -->
+        <el-row :gutter="20" class="main-content-row">
+            <!-- 左：内容管理 -->
+            <el-col :span="switch_cont && switch_tag ? 12 : 24" v-if="switch_cont">
+                <file-management ref="files" :save-work-list="saveWorkList" :juanbiao="juanbiao_form"
+                    @update:juanbiao="juanbiao_form = $event" @size-change="onSizeChange" @upload-over="upload_over"
+                    @network-paths-changed="onNetworkPathsChanged">
+                    <template slot="progress">
+                        <el-progress :text-inside="true" :percentage="file_percent" :format="formatSize"
+                            class="size-progress" :stroke-width="20" :color="customColors" />
+                    </template>
+                </file-management>
+            </el-col>
+
+            <!-- 右：标签管理 -->
+            <el-col :span="switch_cont && switch_tag ? 12 : 24" v-if="switch_tag">
+                <tag-metadata ref="tagRef" :templates="templates" :current-template.sync="currentTemplate"
+                    :file-data="fileData" :print-flag.sync="print_flag" :table-data="tableData" :form="form"
+                    :csv-is-exist="csvIsExist" :file_name="file_name" @template-change="changeTemplate"
+                    @open-design="openDesign" @open-file="openFile" @open-csv="openFile2"
+                    @image-change="onMetadataImageChange" />
+            </el-col>
+        </el-row>
+
+        <!-- 底部操作栏 -->
+        <div class="footer-actions">
+            <div class="left-info">
+                <div class="stat-item">
+                    <label class="stat-label">{{ $t('work.num') }}:</label>
+                    <el-input-number v-model="number" :min="1" size="mini" controls-position="right"
+                        class="count-input-new" />
+                </div>
+            </div>
+            <div class="right-buttons">
+                <el-button type="success" size="small" @click="saveWork" class="footer-btn">
+                    {{ $t('work.save') }}
+                </el-button>
+                <el-button type="success" size="medium" @click="upload" :loading="submitLoading"
+                    class="footer-btn submit-btn">
+                    {{ $t('work.submit') }}
+                </el-button>
+            </div>
+        </div>
+
+
+        <!-- 隐藏的文件选择器 -->
+        <input type="file" accept=".cs,.soon" @change="fileLoad" ref="refFile" style="display: none" />
+        <input type="file" accept=".csv" @change="fileLoad2" ref="refFile2" style="display: none" />
+        <input type="file" accept="..zip,.rar" @change="fileLoad3" ref="refFile3" style="display: none" />
+    </div>
+</template>
+
+<script>
+import TaskHeader from './TaskHeader.vue'
+import AdvancedSettings from './AdvancedSettings.vue'
+import FileManagement from './FileManagement.vue'
+import TagMetadata from './TagMetadata.vue'
+import ScreenRecorder from '../recorder/ScreenRecorder.vue'
+import NetworkAuthDialog from '../NetworkAuthDialog.vue'
+
+import { extendStringPrototypes, getNowFormatDate, genTaskUUID } from './utils'
+
+// Node/Electron imports
+const fs = require('fs')
+const path = require('path')
+const remote = require('@electron/remote')
+const { dialog } = remote
+const { ipcRenderer } = require('electron')
+
+export default {
+    name: 'WorkMain',
+    components: {
+        TaskHeader,
+        AdvancedSettings,
+        FileManagement,
+        TagMetadata,
+        ScreenRecorder,
+        NetworkAuthDialog
+    },
+    props: {
+        dice: Number,
+        saveWorkList: Object,
+        isNew: Boolean,
+        printerList: Array,
+        shareDisk: String,
+        isCopy: { type: Boolean, default: false },
+        filterPassedType: { type: Array, default: () => [] },
+        sizeType: { type: Array, default: () => [] }
+    },
+    data() {
+        return {
+            // 业务状态
+            juanbiao_form: '',
+            file_form: 0,
+            size_form: null,
+            type_form: 0,
+            number: 1,
+
+            // 对话框与引导
+            highSettingVisible: false,
+            networkAuthVisible: false,
+            networkAuthPaths: [],
+            networkCredentials: {},
+
+            // 录制状态
+            isRecording: false,
+
+
+            // 模板与数据
+            templates: [],
+            currentTemplate: '',
+            fileData: {},
+            tableData: [],
+            form: {},
+            fileLists: [],
+            file_name: null,
+
+            csvIsExist: false,
+            metadataFiles: {},
+
+            // 其他
+            upload_disk: '',
+            size: 0,
+            print_flag: 1,
+            switch_cont: true,
+            switch_tag: true,
+            submitLoading: false,
+
+            flag_cont_up: false,
+            customColors: [
+                { color: '#67C23A', percentage: 99 },
+                { color: '#F56C6C', percentage: 100 }
+            ],
+            logoError: false,
+
+            // 高级设置表单
+            high_setting_form: {
+                priority: 0,
+                fileSystem: 0,
+                target_work: 0,
+                color_type: 0,
+                s1: false,
+                s2: false,
+                s3: false,
+                s4: false,
+                s5: false,
+                pass: '',
+                repass: '',
+                localfiles: false,
+                formatFile: 0,
+                Span_USBcard: false,
+                hasAddFile: false,
+                is_blend: false,
+                is_record: false,
+                record_path: '',
+                is_print_logo: false,
+                is_generate_iso: false,
+                iso_file_name: '',
+                is_generate_zip: false,
+                zip_file_name: '',
+                is_zip_encrypt: false,
+                zip_password: '',
+                zip_repassword: '',
+                copy_hash: false,
+                is_dongle_count: false,
+                dongle_count: 0,
+                auth_code: ''
+            }
+        }
+    },
+    computed: {
+        file_percent() {
+            if (!this.size_form || isNaN(parseFloat(this.size_form))) return 0
+            let mb = parseFloat(this.size_form) * 931.3
+            if (mb <= 0) return 0
+            let per = (this.size / (1024 * 1024) / mb) * 100
+            if (isNaN(per) || !isFinite(per)) return 0
+            return per > 100 ? 100 : parseFloat(per.toFixed(1))
+        }
+    },
+    created() {
+        extendStringPrototypes()
+        this.upload_disk = genTaskUUID()
+    },
+    mounted() {
+        this.initData()
+    },
+    beforeDestroy() {
+        this.cancelRecordingIfActive()
+    },
+    methods: {
+        initData() {
+            const high = localStorage.getItem('high_setting_form')
+            if (high) {
+                try {
+                    const savedForm = JSON.parse(high);
+                    // 排除掉不需要持久化的字段，确保每次打开默认不选中
+                    const defaults = {
+                        is_generate_iso: false,
+                        is_generate_zip: false,
+                        is_zip_encrypt: false
+                    };
+                    this.high_setting_form = { ...this.high_setting_form, ...savedForm, ...defaults }
+
+                    // 仅在路径为空时初始化默认路径（兼容三端）
+                    if (!this.high_setting_form.record_path) {
+                        this.high_setting_form.record_path = this.getDefaultRecordPath();
+                    }
+                } catch (e) {
+                    console.error('Failed to parse high settings')
+                }
+            } else {
+                // 无缓存时初始化默认路径
+                this.high_setting_form.record_path = this.getDefaultRecordPath();
+            }
+            this.juanbiao_form = getNowFormatDate()
+            this.print_flag = this.dice === 1 ? 2 : 1
+            this.loadNetworkCredentials()
+            this.getTemplates()
+        },
+
+        // --- 高级设置与录制 ---
+        getDefaultRecordPath() {
+            try {
+                let root = process.env.NODE_ENV === "development"
+                    ? process.cwd()
+                    : path.dirname(remote.app.getPath("exe"));
+                return path.join(root, 'videos');
+            } catch (e) {
+                return path.join(process.cwd(), 'videos');
+            }
+        },
+        saveHighSettings() {
+            localStorage.setItem('high_setting_form', JSON.stringify(this.high_setting_form))
+            this.$message.success(this.$t('dispose.successReserve'))
+            this.highSettingVisible = false
+        },
+        autoStartRecording() {
+            // 已废弃，改为显式手动开始或提交时自动停止
+        },
+        async stopRecordingIfActive() {
+            if (this.$refs.screenRecorder && this.$refs.screenRecorder.isRecording) {
+                await this.$refs.screenRecorder.stopRecording(true); // 提交时保存
+            }
+        },
+        async cancelRecordingIfActive() {
+            if (this.$refs.screenRecorder && this.$refs.screenRecorder.isRecording) {
+                await this.$refs.screenRecorder.cancelRecording(); // 环境关闭时取消
+            }
+        },
+        onRecordingStarted() { this.isRecording = true },
+        onRecordingStopped() { this.isRecording = false },
+        onRecordingSaved(result) { this.$message.success(`录制已保存: ${result.fileName}`) },
+        handleTestRecording(recordPath) {
+            const recorder = this.$refs.screenRecorder;
+            if (recorder) {
+                if (recorder.isRecording) {
+                    recorder.stopRecording(true);
+                } else {
+                    recorder.startRecording({
+                        savePath: recordPath || this.getDefaultRecordPath()
+                    });
+                }
+            } else {
+                this.$message.error('未找到录像组件');
+            }
+        },
+        onLogoError() {
+            this.logoError = true;
+        },
+
+        // --- 文件管理回调 ---
+        onSizeChange(size) { this.size = size },
+        formatSize() {
+            if (!this.size_form || isNaN(parseFloat(this.size_form))) return '0MB / 0MB'
+            let mb = (parseFloat(this.size_form) * 931.3).toFixed(0)
+            return (this.size / (1024 * 1024)).toFixed(1) + 'MB / ' + mb + 'MB'
+        },
+
+        // --- 标签页逻辑 ---
+        openDesign() {
+            ipcRenderer.send('openDesign')
+        },
+        openFile() { this.$refs.refFile.click() },
+        openFile2() { this.$refs.refFile2.click() },
+        fileLoad() {
+            this.fileLists = this.$refs.refFile.files
+            if (this.fileLists[0]) {
+                const reader = new FileReader()
+                reader.onload = (e) => this.readFile(e.target.result)
+                reader.readAsText(this.fileLists[0])
+            }
+        },
+        readFile(content) {
+            try {
+                const data = JSON.parse(content)
+                this.fileData = data
+                this.tableData = data.tableData || []
+                this.currentTemplate = ''
+            } catch (e) {
+                this.$message.error('无效的标签文件')
+            }
+        },
+        fileLoad2() {
+            this.file_name = this.$refs.refFile2.files[0].name
+            this.csvLoad()
+        },
+        csvLoad() {
+            const selectedFile = this.$refs.refFile2.files[0]
+            const reader = new FileReader()
+            reader.onload = (e) => {
+                const lines = e.target.result.split('\n')
+                if (lines.length >= 2) {
+                    const headers = lines[0].replace('\r', '').split(',')
+                    const values = lines[1].replace('\r', '').split(',')
+                    headers.forEach((h, i) => {
+                        if (h) this.$set(this.form, h, values[i])
+                    })
+                    this.csvIsExist = true
+                }
+            }
+            reader.readAsText(selectedFile)
+        },
+        fileLoad3() {
+            this.file_name3 = this.$refs.refFile3.files[0].name
+        },
+        getTemplates() {
+            const templateDir = path.join(remote.app.getPath('userData'), 'User Templates')
+            if (!fs.existsSync(templateDir)) {
+                try { fs.mkdirSync(templateDir, { recursive: true }) } catch (e) { console.error(e) }
+            }
+            fs.readdir(templateDir, (err, files) => {
+                if (!err) {
+                    this.templates = files.filter(f => f.endsWith('.cs') || f.endsWith('.soon')).map(file => ({
+                        label: file,
+                        value: path.join(templateDir, file)
+                    }))
+                }
+            })
+        },
+        changeTemplate(templatePath) {
+            if (!templatePath) return
+            fs.readFile(templatePath, 'utf8', (err, data) => {
+                if (!err) this.readFile(data)
+            })
+        },
+
+        onMetadataImageChange(fieldName, file) {
+            if (fieldName && file) {
+                this.$set(this.metadataFiles, fieldName, file)
+            }
+        },
+
+        // --- 网络认证 ---
+        loadNetworkCredentials() {
+            try {
+                const stored = localStorage.getItem('networkCredentials')
+                if (stored) this.networkCredentials = JSON.parse(stored)
+            } catch (e) { console.error(e) }
+        },
+        onNetworkPathsChanged(paths) {
+            this.networkAuthPaths = paths || []
+            this.networkAuthVisible = paths && paths.length > 0
+        },
+        onNetworkAuthConfirm(netInfo) {
+            this.networkCredentials = netInfo
+            this.networkAuthVisible = false
+            this.performSubmit()
+        },
+        onNetworkAuthCancel() {
+            this.networkAuthVisible = false
+        },
+
+        // --- 提交逻辑 ---
+        async upload() {
+            console.log('--- 开始提交作业 ---')
+            if (!this.size_form) {
+                console.warn('未选择容量')
+                return this.$message.warning(this.$t('work.size_form_error'))
+            }
+
+            // 检查容量限制
+            if (!this.high_setting_form.Span_USBcard) {
+                const maxSize = (this.size_form * 1000 / 1.024 / 1.024 / 1.024) * 1024 * 1024
+                if (this.size > maxSize) return this.$message.warning(this.$t('work.sizeExtra'))
+            }
+
+            // ISO/ZIP 前置验证
+            if (this.high_setting_form.is_generate_iso && !this.high_setting_form.iso_file_name) {
+                return this.$message.warning(this.$t('work.isoNameInput'))
+            }
+            if (this.high_setting_form.is_generate_zip) {
+                if (!this.high_setting_form.zip_file_name) return this.$message.warning(this.$t('work.zipNameInput'))
+                if (this.high_setting_form.is_zip_encrypt) {
+                    if (!this.high_setting_form.zip_password) return this.$message.warning(this.$t('work.pleasePassword'))
+                    if (this.high_setting_form.zip_password !== this.high_setting_form.zip_repassword) {
+                        return this.$message.warning(this.$t('work.zipPassWrong'))
+                    }
+                }
+            }
+
+            const hasFiles = this.$refs.files && this.$refs.files.allNumber > 0;
+            if (hasFiles) {
+                console.log('检测到待上传文件数量:', this.$refs.files.allNumber)
+                this.flag_cont_up = true
+                this.$refs.files.resume(this.file_form)
+            } else {
+                console.log('无待上传文件或未打开内容管理，直接执行提交')
+                this.upload_over()
+            }
+        },
+        upload_over() {
+            console.log('文件上传/准备就绪, flag_cont_up:', this.flag_cont_up)
+            if (this.flag_cont_up) {
+                this.submitAndTag()
+            } else {
+                this.performSubmit()
+            }
+        },
+        async submitAndTag() {
+            console.log('--- 执行 submitAndTag ---')
+            // 这里的逻辑处理标签文件的上传
+            const data1 = new FormData()
+            let hasFile = false
+            if (this.isNew) {
+                if (this.fileLists[0]) {
+                    data1.append('file1', this.fileLists[0])
+                    hasFile = true
+                }
+            } else if (this.fileData) {
+                const _file = new File([JSON.stringify(this.fileData)], this.saveWorkList.taskName, { type: 'text/plain' })
+                data1.append('file1', _file)
+                hasFile = true
+            }
+
+            if (!hasFile && this.switch_tag) {
+                console.warn('标签管理已打开但未上传标签文件')
+                return this.$message.warning(this.$t('work.pleaseUploadTag'))
+            }
+
+            // 添加 CSV 文件
+            if (this.$refs.refFile2 && this.$refs.refFile2.files[0]) {
+                data1.append('file2', this.$refs.refFile2.files[0])
+            }
+            // 添加 Bin/Img 文件 (refFile3)
+            if (this.$refs.refFile3 && this.$refs.refFile3.files[0]) {
+                data1.append('file3', this.$refs.refFile3.files[0])
+            }
+
+            // 添加元数据图片
+            if (this.tableData && this.tableData.length > 0) {
+                this.tableData.forEach(row => {
+                    if (row.type == 1 && this.metadataFiles[row.origin_name]) {
+                        data1.append(row.origin_name, this.metadataFiles[row.origin_name])
+                    }
+                })
+            }
+
+            this.$message.info(this.$t('work.uploadingTag'))
+            const pathName = this.high_setting_form.localfiles ? 'local' : this.upload_disk
+
+            this.$axios.post('/upload/' + pathName, data1).then(() => {
+                this.performSubmit()
+            }).catch(err => {
+                this.$message.error(this.$t('work.uploadFail'))
+            })
+        },
+        async performSubmit() {
+            console.log('--- 执行 performSubmit ---')
+            try {
+                await this.stopRecordingIfActive()
+                console.log('录像停止检查完成')
+            } catch (e) {
+                console.error('停止录像失败:', e)
+            }
+            this.submitLoading = true
+            console.log('submitLoading 已设为 true')
+
+            // 构建原始参数字符串
+            let data_param = 'CardSoon_File=' + (this.high_setting_form.localfiles ? 'local' : this.upload_disk)
+            console.log('--- 提交作业数据预览 ---')
+            console.log('任务ID:', this.upload_disk)
+            console.log('高级设置:', JSON.parse(JSON.stringify(this.high_setting_form)))
+
+            // 拼接标签文件、CSV等参数（简化演示，实际应完整复制）
+            let data = `&label=${encodeURIComponent(this.juanbiao_form)}`
+            data += `&printCopys=${this.number}`
+            data += `&disk_size=${this.size_form}`
+            data += `&zone_type=${this.type_form}`
+            data += `&hasPrintTask=${!!this.switch_tag}`
+            data += `&hasCopyTask=${this.$refs.files ? this.$refs.files.allNumber > 0 : false}`
+            data += `&copy_cache_data=${this.isCopy}`
+            data += `&SpanUcard=${this.high_setting_form.Span_USBcard}`
+            data += `&hash=${this.high_setting_form.s1}`
+            data += `&md5=${this.high_setting_form.s2}`
+            data += `&printer=${this.high_setting_form.target_work}`
+
+            if (this.high_setting_form.formatFile !== 0) {
+                data += `&formatFile=${this.high_setting_form.formatFile}`
+            }
+
+            // --- 兼容旧版字段与新增强制提交字段 ---
+            // 基础开关
+            data += `&local=${!!this.high_setting_form.localfiles}`
+            data += `&version=local` // 单机版标识
+            data += `&hasAddFile=${!!this.high_setting_form.hasAddFile}` // 拷贝附加文件
+
+            // ISO/ZIP 高级功能
+            data += `&is_generate_iso=${!!this.high_setting_form.is_generate_iso}`
+            data += `&iso_file_name=${encodeURIComponent(this.high_setting_form.iso_file_name || '')}`
+            data += `&is_generate_zip=${!!this.high_setting_form.is_generate_zip}`
+            data += `&zip_file_name=${encodeURIComponent(this.high_setting_form.zip_file_name || '')}`
+            data += `&is_zip_encrypt=${!!this.high_setting_form.is_zip_encrypt}`
+            data += `&zip_password=${encodeURIComponent(this.high_setting_form.zip_password || '')}`
+
+            // 硬件与安全
+            data += `&copy_hash=${!!this.high_setting_form.copy_hash}`
+            data += `&enable_dongle_counter=${!!this.high_setting_form.is_dongle_count}`
+            data += `&donglel_install_count=${this.high_setting_form.dongle_count || 0}`
+            data += `&auth_code=${encodeURIComponent(this.high_setting_form.auth_code || '')}`
+
+            // 录像与标识
+            data += `&is_blend=${!!this.high_setting_form.is_blend}`
+            data += `&is_printer_record_logo=${!!this.high_setting_form.is_print_logo}`
+
+            // 录像路径逻辑：如果正在录像或已结束，则传递路径
+            if (this.high_setting_form.is_record) {
+                // 优先使用录像组件反馈的路径，否则使用配置路径
+                const videoPath = (this.$refs.screenRecorder && this.$refs.screenRecorder.videoPath) || this.high_setting_form.record_path
+                data += `&record_path=${encodeURIComponent(videoPath || '')}`
+            } else {
+                data += `&record_path=`
+            }
+
+            // 文件类型映射 (0:File -> 1, 1:ISO -> 2, 2:Encrypt -> 3, 4:Forbid -> 4)
+            const fileTypeMap = { 0: 1, 1: 2, 2: 3, 4: 4 }
+            let apiFileType = fileTypeMap[this.file_form] || 1
+            data += `&file_type=${apiFileType}`
+
+            // 网络路径认证信息 (若存在)
+            if (this.networkCredentials && (Array.isArray(this.networkCredentials) ? this.networkCredentials.length > 0 : Object.keys(this.networkCredentials).length > 0)) {
+                data += `&net_info=${encodeURIComponent(JSON.stringify(this.networkCredentials))}`
+            }
+
+            console.log('--- 最终提交 URL 参数 ---')
+            console.log(data_param + data)
+
+            const url = '/rest/job/?' + data_param + data
+
+            if (!this.isCopy) {
+                console.log('执行本地路径提交 (Local Mode)')
+                this.localUpload(this.upload_disk, data_param, data)
+            } else {
+                console.log('执行普通网络提交 (Copy Mode)')
+                this.$axios.post(url)
+                    .then(() => {
+                        this.$message.success(this.$t('work.submitSuccess'))
+                        this.$emit('jobPost')
+                    })
+                    .catch((err) => {
+                        console.error('提交任务失败:', err)
+                        this.$message.error(this.$t('index.fail'))
+                    })
+                    .finally(() => this.submitLoading = false)
+            }
+        },
+
+        localUpload(pathName, data_param, data) {
+            const filesList = this.$refs.files.getLists()
+            let file_path = []
+            for (let i in filesList) {
+                file_path.push(filesList[i].path)
+            }
+
+            const jsonData = { files: file_path }
+            const jsonFilePath = path.join(remote.app.getPath('userData'), 'filepath.json')
+            try {
+                fs.writeFileSync(jsonFilePath, JSON.stringify(jsonData), 'utf-8')
+                const fileContent = fs.readFileSync(jsonFilePath)
+                const blob = new Blob([fileContent], { type: 'application/json' })
+
+                const formData = new FormData()
+                formData.append('file', blob, 'filepath.json')
+
+                if (this.networkCredentials && (Array.isArray(this.networkCredentials) ? this.networkCredentials.length > 0 : Object.keys(this.networkCredentials).length > 0)) {
+                    formData.append('net_info', JSON.stringify(this.networkCredentials))
+                }
+
+                this.submitLoading = true
+                this.$axios.post(`/upload/${pathName}`, formData).then(() => {
+                    this.$axios.post('/rest/job/?' + data_param + data).then(() => {
+                        this.$message.success(this.$t('work.submitSuccess'))
+                        this.$emit('jobPost')
+                    }).catch(err => {
+                        this.$message.error(this.$t('index.fail'))
+                    }).finally(() => this.submitLoading = false)
+                }).catch(err => {
+                    this.$message.error('Local upload failed')
+                    this.submitLoading = false
+                })
+            } catch (e) {
+                console.error(e)
+                this.$message.error('Failed to create file list')
+                this.submitLoading = false
+            }
+        },
+        saveWork() {
+            const save = {
+                fileData: this.fileData,
+                tableData: this.tableData,
+                juanbiao: this.juanbiao_form,
+                size_form: this.size_form,
+                type_form: this.type_form,
+                high_setting: this.high_setting_form
+            }
+            dialog.showSaveDialog({
+                title: 'Save Task',
+                filters: [{ name: 'Soon Work', extensions: ['swk'] }]
+            }).then(result => {
+                if (result.filePath) fs.writeFileSync(result.filePath, JSON.stringify(save))
+            })
+        }
+    }
+}
+</script>
+
+<style>
+/* 全局辅助样式，用于处理对话框等 body 级元素 */
+@import './styles/compact-layout.css';
+</style>
+
+<style scoped>
+@import './styles/work-styles.css';
+
+/* 全局辅助样式 */
+.work {
+    padding: 20px 25px;
+    /* Increased padding */
+    margin: 0 auto;
+    width: 100%;
+}
+
+.top-header-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    /* Added spacing between header and cards */
+    padding: 0 10px;
+}
+
+/* 响应式适配：小窗口高度压缩 */
+@media (max-height: 850px) {
+    .work {
+        padding: 5px 15px;
+    }
+
+    .top-header-bar {
+        margin-bottom: 8px;
+    }
+
+    .footer-actions {
+        margin-top: 5px;
+        padding: 5px 20px;
+        border-top: 1px solid #eee;
+    }
+}
+
+.header-settings {
+    flex: 1;
+}
+
+.header-buttons {
+    display: flex;
+    align-items: center;
+    padding-top: 5px;
+    gap: 15px;
+}
+
+.recorder-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: rgba(109, 193, 76, 0.05);
+    padding: 2px 8px 2px 2px;
+    border-radius: 25px;
+    border: 1px solid rgba(109, 193, 76, 0.1);
+}
+
+.print-logo-indicator {
+    width: 30px;
+    height: 30px;
+    background: #fff;
+    border: 1px dashed #409EFF;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #409EFF;
+    font-size: 18px;
+    box-shadow: 0 2px 4px rgba(64, 158, 255, 0.1);
+    transition: all 0.3s;
+    overflow: hidden;
+}
+
+.logo-img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    padding: 2px;
+}
+
+.print-logo-indicator:hover {
+    border-style: solid;
+    transform: scale(1.05);
+}
+
+.senior-btn-white {
+    background: #fff;
+    border: 1px solid #dcdfe6;
+    color: #606266;
+    border-radius: 8px;
+    padding: 8px 16px;
+    font-weight: 500;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
+    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.senior-btn-white:hover {
+    color: #409eff;
+    border-color: #409eff;
+    background-color: #fff;
+    box-shadow: 0 4px 12px rgba(64, 158, 255, 0.15);
+    transform: translateY(-1px);
+}
+
+.main-content-row {
+    margin: 0 !important;
+    /* Reset margin */
+}
+
+/* Footer alignment */
+.footer-actions {
+    margin-top: 15px;
+    padding: 15px 25px;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 20px;
+    border-top: 1px solid #ebeef5;
+    background-color: rgba(255, 255, 255, 0.5);
+    backdrop-filter: blur(4px);
+}
+
+.left-info {
+    margin-right: 15px;
+}
+
+.count-input-new {
+    width: 100px;
+    /* Wider input */
+    margin-left: 10px;
+}
+
+.footer-btn {
+    min-width: 90px;
+    padding: 10px 24px;
+    border-radius: 12px;
+    font-weight: 600;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    border: none;
+}
+
+.footer-btn.el-button--success {
+    background: #67c23a;
+    border-color: #67c23a;
+    box-shadow: none;
+    color: white;
+}
+
+.footer-btn.el-button--success:hover {
+    background: #85ce61;
+    border-color: #85ce61;
+    transform: none;
+}
+
+.submit-btn {
+    min-width: 120px;
+}
+
+/* 深度选择器穿透 */
+.work ::v-deep .uploader-file-name {
+    text-align: left;
+}
+
+.work ::v-deep .el-progress-bar__outer {
+    background-color: #bac2d7;
+}
+
+.work ::v-deep .uploader-file-progress {
+    background-color: #b0ee91;
+}
+
+.work ::v-deep .el-input__inner {
+    height: 32px;
+    line-height: 32px;
+}
+
+.work ::v-deep .el-input__suffix .el-input__icon {
+    height: 32px;
+    line-height: 32px;
+}
+</style>
diff --git a/src/renderer/components/work/index.js b/src/renderer/components/work/index.js
new file mode 100644
index 0000000..0bef60d
--- /dev/null
+++ b/src/renderer/components/work/index.js
@@ -0,0 +1,3 @@
+import WorkMain from './WorkMain.vue'
+
+export default WorkMain
diff --git a/src/renderer/components/work/sections/AdvancedFeatures.vue b/src/renderer/components/work/sections/AdvancedFeatures.vue
new file mode 100644
index 0000000..df6d9be
--- /dev/null
+++ b/src/renderer/components/work/sections/AdvancedFeatures.vue
@@ -0,0 +1,126 @@
+<template>
+    <div class="grand-section">
+        <div class="grand-title">
+            <span>{{ $t('work.advancedFeatures') || '高级功能' }}</span>
+            <div class="title-line"></div>
+        </div>
+
+        <!-- ISO / ZIP (仅模式 0 和 2) -->
+        <template v-if="fileForm === 0 || fileForm === 2">
+            <!-- ISO 生成组 -->
+            <div class="feature-group" :class="{ active: form.is_generate_iso }">
+                <div class="feature-header">
+                    <el-checkbox v-model="form.is_generate_iso">
+                        {{ $t('work.generateISO') }}
+                    </el-checkbox>
+                </div>
+                <div v-if="form.is_generate_iso" class="feature-content">
+                    <el-form-item :label="$t('work.isoFileName')" label-width="100px">
+                        <el-input v-model="form.iso_file_name" :placeholder="$t('work.inputIsoName')" size="small" />
+                    </el-form-item>
+                </div>
+            </div>
+
+            <!-- ZIP 生成组 -->
+            <div class="feature-group" :class="{ active: form.is_generate_zip }">
+                <div class="feature-header">
+                    <el-checkbox v-model="form.is_generate_zip">
+                        {{ $t('work.generateZIP') }}
+                    </el-checkbox>
+                </div>
+                <div v-if="form.is_generate_zip" class="feature-content">
+                    <el-form-item :label="$t('work.zipFileName')" label-width="100px">
+                        <el-input v-model="form.zip_file_name" :placeholder="$t('work.inputZipName')" size="small" />
+                    </el-form-item>
+
+                    <!-- 嵌套加密设置 -->
+                    <div class="sub-feature">
+                        <el-checkbox v-model="form.is_zip_encrypt">{{ $t('work.isEncrypt') }}</el-checkbox>
+                        <div v-if="form.is_zip_encrypt" class="mt-10">
+                            <el-row :gutter="20">
+                                <el-col :span="12">
+                                    <el-form-item :label="$t('work.inputPassword')" label-width="80px">
+                                        <el-input type="password" v-model="form.zip_password" show-password
+                                            size="small" />
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="12">
+                                    <el-form-item :label="$t('work.confirmPassword')" label-width="80px">
+                                        <el-input type="password" v-model="form.zip_repassword" show-password
+                                            size="small" />
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="divider-h mb-15" v-if="form.is_generate_iso || form.is_generate_zip"></div>
+
+            <div class="grand-switch-grid" v-if="form.is_generate_iso || form.is_generate_zip">
+                <div class="g-switch-item">
+                    <span class="g-label">{{ $t('work.genMD5') }}</span>
+                    <el-switch v-model="form.s1"></el-switch>
+                </div>
+                <div class="g-switch-item">
+                    <span class="g-label">{{ $t('work.copyHash') }}</span>
+                    <el-switch v-model="form.copy_hash"></el-switch>
+                </div>
+                <div class="g-switch-item">
+                    <span class="g-label">{{ $t('work.printMD5') }}</span>
+                    <el-switch v-model="form.s2"></el-switch>
+                </div>
+            </div>
+            <div class="divider-h mt-15 mb-15" v-if="form.is_generate_iso || form.is_generate_zip"></div>
+        </template>
+
+        <!-- 通用开关组 -->
+        <div class="grand-switch-grid">
+            <div class="g-switch-item">
+                <span class="g-label">{{ $t('work.fail') }}</span>
+                <el-switch v-model="form.s3"></el-switch>
+            </div>
+            <div class="g-switch-item" v-if="fileForm !== 4">
+                <span class="g-label">{{ $t('work.allowSpanCard') }}</span>
+                <el-switch v-model="form.Span_USBcard"></el-switch>
+            </div>
+            <div class="g-switch-item" v-if="fileForm !== 4">
+                <span class="g-label">{{ $t('work.presetContent') }}</span>
+                <el-switch v-model="form.hasAddFile"></el-switch>
+            </div>
+            <div class="g-switch-item highlight" v-if="fileForm === 1">
+                <span class="g-label">{{ $t('work.mixMode') }}</span>
+                <el-switch v-model="form.is_blend"></el-switch>
+            </div>
+            <div class="g-switch-item">
+                <span class="g-label">{{ $t('work.installDongle') }}</span>
+                <el-switch v-model="form.has_counter"></el-switch>
+            </div>
+        </div>
+
+        <!-- 计数器详细 -->
+        <div v-if="form.has_counter" class="mt-10 p-10"
+            style="background: #fdf6ec; border-radius: 6px; border: 1px solid #faecd8;">
+            <el-form-item :label="$t('work.installCount')" label-width="140px" class="mb-0">
+                <el-input-number v-model="form.install_count" :min="1" size="mini" />
+            </el-form-item>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'AdvancedFeatures',
+    props: {
+        form: {
+            type: Object,
+            required: true
+        },
+        fileForm: {
+            type: Number,
+            default: 0
+        }
+    }
+}
+</script>
diff --git a/src/renderer/components/work/sections/BasicConfig.vue b/src/renderer/components/work/sections/BasicConfig.vue
new file mode 100644
index 0000000..d462832
--- /dev/null
+++ b/src/renderer/components/work/sections/BasicConfig.vue
@@ -0,0 +1,86 @@
+<template>
+    <div class="grand-section">
+        <div class="grand-title">
+            <span>{{ $t('work.basicConfig') || '基础配置' }}</span>
+            <div class="title-line"></div>
+        </div>
+        <el-row :gutter="20">
+            <el-col :span="12" v-if="fileForm !== 2">
+                <el-form-item :label="$t('work.better') || '优先级'">
+                    <el-select v-model="form.priority" class="w-full" :disabled="fileForm === 4">
+                        <el-option v-for="item in priorityOptions" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="fileForm !== 2">
+                <el-form-item :label="$t('work.startWorkSpace') || '目标工作站'">
+                    <el-select v-model="form.target_work" class="w-full" :disabled="fileForm === 4">
+                        <el-option v-for="item in targetWorkOptions" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item :label="$t('work.ribbonType') || '色带类型'">
+                    <el-select v-model="form.color_type" class="w-full">
+                        <el-option v-for="item in colorTypeOptions" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="fileForm === 0 || fileForm === 2">
+                <el-form-item :label="$t('work.formatFile') || '拷贝前格式化'">
+                    <el-select v-model="form.formatFile" class="w-full">
+                        <el-option v-for="item in formatOptions" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </el-form-item>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'BasicConfig',
+    props: {
+        form: {
+            type: Object,
+            required: true
+        },
+        fileForm: {
+            type: Number,
+            default: 0
+        }
+    },
+    computed: {
+        priorityOptions() {
+            return [
+                { value: 1, label: this.$t("work.low") || '低' },
+                { value: 0, label: this.$t("work.normal") || '中' },
+                { value: 2, label: this.$t("work.high") || '高' }
+            ]
+        },
+        targetWorkOptions() {
+            // 这里原本是从父组件传入，或者硬编码
+            return [{ value: 0, label: this.$t("work.any") || '任一' }]
+        },
+        colorTypeOptions() {
+            return [
+                { value: 0, label: this.$t("work.any") || '任一' },
+                { value: 1, label: this.$t("work.sigleColor") || '单色' },
+                { value: 2, label: this.$t("work.colorful") || '彩色' }
+            ]
+        },
+        formatOptions() {
+            return [
+                { value: 0, label: this.$t('work.auto') || '不格式化' },
+                { value: 1, label: 'FAT32' },
+                { value: 2, label: 'exFAT' },
+                { value: 3, label: 'NTFS' }
+            ]
+        }
+    }
+}
+</script>
diff --git a/src/renderer/components/work/sections/HardwareControl.vue b/src/renderer/components/work/sections/HardwareControl.vue
new file mode 100644
index 0000000..72f194d
--- /dev/null
+++ b/src/renderer/components/work/sections/HardwareControl.vue
@@ -0,0 +1,52 @@
+<template>
+    <div class="grand-section">
+        <div class="grand-title">
+            <span>{{ $t('work.hardwareControl') || '硬件管控' }}</span>
+            <div class="title-line"></div>
+        </div>
+        <el-row :gutter="20">
+            <el-col :span="12">
+                <div class="hardware-box">
+                    <div class="mb-10">
+                        <el-checkbox v-model="form.is_dongle_count">
+                            {{ $t('work.installDongle') || '加密狗计数' }}
+                        </el-checkbox>
+                    </div>
+                    <transition name="el-zoom-in-top">
+                        <div v-if="form.is_dongle_count" class="ml-20">
+                            <el-form-item :label="$t('work.installCount') || '安装次数'" label-width="80px">
+                                <el-input-number size="small" v-model="form.dongle_count" :min="1" :max="999" />
+                            </el-form-item>
+                        </div>
+                    </transition>
+                </div>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item :label="$t('work.setAuthCode') || '授权码'" label-width="80px">
+                    <el-input size="small" v-model="form.auth_code"
+                        :placeholder="$t('work.inputAuthCode') || '输入授权码'" />
+                </el-form-item>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'HardwareControl',
+    props: {
+        form: {
+            type: Object,
+            required: true
+        }
+    }
+}
+</script>
+
+<style scoped>
+.hardware-box {
+    padding: 10px;
+    background: #f8f9fa;
+    border-radius: 4px;
+}
+</style>
diff --git a/src/renderer/components/work/sections/RecordingSettings.vue b/src/renderer/components/work/sections/RecordingSettings.vue
new file mode 100644
index 0000000..d4f046d
--- /dev/null
+++ b/src/renderer/components/work/sections/RecordingSettings.vue
@@ -0,0 +1,125 @@
+<template>
+    <div class="grand-section">
+        <div class="grand-title">
+            <span>{{ $t('work.screenRecordReview') || '屏幕记录审查' }}</span>
+            <div class="title-line"></div>
+        </div>
+        <div class="feature-row mb-10">
+            <div class="grand-switch-grid mb-10">
+                <div class="g-switch-item">
+                    <span class="g-label">{{ $t('work.enableScreenRecord') }}</span>
+                    <el-switch v-model="form.is_record"></el-switch>
+                </div>
+                <div class="g-switch-item" v-if="form.is_record">
+                    <div class="flex-align-center">
+                        <span class="g-label">{{ $t('work.printRecordLogo') }}</span>
+                        <i v-if="form.is_print_logo" class="el-icon-picture ml-5 logo-icon-active"
+                            title="luzhi.png"></i>
+                    </div>
+                    <el-switch v-model="form.is_print_logo"></el-switch>
+                </div>
+            </div>
+
+            <div v-if="form.is_record" class="path-box-container">
+                <div class="path-box">
+                    <el-form-item :label="$t('work.recordPath')" label-width="110px">
+                        <el-input v-model="form.record_path" :placeholder="$t('work.defaultPath')" size="small">
+                            <el-button slot="append" icon="el-icon-folder-opened" @click="selectRecordPath"></el-button>
+                        </el-input>
+                    </el-form-item>
+
+                    <div class="recording-actions mt-10">
+                        <el-button type="danger" size="small" icon="el-icon-video-camera" plain @click="testRecording">
+                            {{ $t('recorder.startRecording') }}
+                        </el-button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'RecordingSettings',
+    props: {
+        form: {
+            type: Object,
+            required: true
+        },
+        fileForm: {
+            type: Number,
+            default: 0
+        }
+    },
+    methods: {
+        selectRecordPath() {
+            const { dialog } = require('@electron/remote')
+            dialog.showOpenDialog({
+                properties: ['openDirectory']
+            }).then(result => {
+                if (!result.canceled && result.filePaths.length > 0) {
+                    this.$set(this.form, 'record_path', result.filePaths[0])
+                }
+            })
+        },
+        testRecording() {
+            this.$emit('test-recording', this.form.record_path);
+        }
+    }
+}
+</script>
+
+<style scoped>
+.flex-align-center {
+    display: flex;
+    align-items: center;
+}
+
+.logo-icon-active {
+    color: #409EFF;
+    font-size: 16px;
+    animation: logo-glow 2s infinite ease-in-out;
+}
+
+@keyframes logo-glow {
+
+    0%,
+    100% {
+        opacity: 0.6;
+        transform: scale(1);
+    }
+
+    50% {
+        opacity: 1;
+        transform: scale(1.1);
+    }
+}
+
+.recording-tip {
+    font-size: 12px;
+    color: #909399;
+    display: flex;
+    align-items: center;
+    background: #fdf6ec;
+    padding: 6px 10px;
+    border-radius: 4px;
+    border-left: 3px solid #e6a23c;
+}
+
+.recording-tip i {
+    margin-right: 5px;
+    font-size: 14px;
+    color: #e6a23c;
+}
+
+.divider-v {
+    width: 1px;
+    background-color: #e0e0e0;
+}
+
+.tips-text {
+    font-size: 12px;
+    color: #909399;
+}
+</style>
diff --git a/src/renderer/components/work/styles/compact-layout.css b/src/renderer/components/work/styles/compact-layout.css
new file mode 100644
index 0000000..b4598c3
--- /dev/null
+++ b/src/renderer/components/work/styles/compact-layout.css
@@ -0,0 +1,172 @@
+/* Compact Dialog Styles for Advanced Settings */
+/* 注意：此文件为纯 CSS，不应包含 /deep/。穿透逻辑应在引用它的 Vue 组件中通过 ::v-deep 实现 */
+
+.grand-dialog {
+  border-radius: 12px !important;
+  overflow: hidden; /* Ensure header/footer respect radius */
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
+}
+.grand-dialog .el-dialog__header {
+  padding: 20px 24px !important;
+  border-bottom: 1px solid #f0f0f0;
+  background: #fff;
+}
+.grand-dialog .el-dialog__title {
+  font-size: 18px !important;
+  font-weight: 600;
+  color: #303133;
+}
+.grand-dialog .el-dialog__body {
+  padding: 24px !important;
+  background-color: #f6f8fa; /* Global gray background for contrast */
+}
+
+.grand-section {
+  background: #ffffff;
+  border-radius: 12px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
+  padding: 16px 20px !important;
+  margin-bottom: 16px !important;
+  border: 1px solid #eef0f2;
+}
+
+.grand-title {
+  font-size: 13px !important;
+  font-weight: 700;
+  margin-bottom: 10px !important;
+  color: #1f2937;
+  display: flex;
+  align-items: center;
+}
+
+.grand-title .title-line {
+  flex: 1;
+  height: 1px;
+  background: #f3f4f6;
+  margin-left: 10px;
+}
+
+.divider-h {
+  height: 1px;
+  background: #f3f4f6;
+  margin: 8px 0 !important;
+}
+
+.feature-group {
+  background: #fafafa;
+  border-radius: 8px;
+  padding: 10px 14px;
+  margin-bottom: 12px;
+  border: 1px solid #f0f0f0;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.feature-group.active {
+  background: #ffffff;
+  border-color: #67c23a;
+  box-shadow: 0 4px 12px rgba(103, 194, 58, 0.08);
+}
+
+.feature-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+/* 覆盖 checkbox 文字颜色 */
+.feature-header ::v-deep .el-checkbox__label {
+  font-weight: 600 !important;
+  color: #374151 !important;
+}
+
+.feature-content {
+  margin-top: 10px;
+  padding: 12px;
+  background: #f8fafc;
+  border-radius: 6px;
+  border: 1px solid #edf2f7;
+  animation: slideDown 0.3s ease-out;
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.sub-feature {
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px dashed #e2e8f0;
+}
+
+.grand-section .el-form-item {
+  margin-bottom: 14px !important;
+}
+
+/* 最后一个元素不需要下边距 */
+.grand-section .el-col:nth-last-child(-n + 2) .el-form-item {
+  margin-bottom: 0 !important;
+}
+
+.grand-section ::v-deep .el-form-item__label {
+  white-space: nowrap !important;
+  font-size: 13px !important;
+  color: #64748b;
+}
+
+.grand-switch-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+}
+
+.g-switch-item {
+  padding: 8px 12px !important;
+  background: #fafafa;
+  border-radius: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border: 1px solid #f0f0f0;
+  transition: all 0.2s;
+}
+
+.g-switch-item:hover {
+  background: #fff;
+  border-color: #67c23a;
+  box-shadow: 0 3px 8px rgba(103, 194, 58, 0.12);
+}
+
+.g-label {
+  font-size: 13px !important;
+  white-space: nowrap;
+  color: #374151;
+  font-weight: 500;
+}
+
+.path-box-container {
+  margin-top: 16px !important;
+  padding-top: 16px !important;
+  border-top: 1px dashed #e5e7eb;
+}
+
+.path-box {
+  background: #f8fafc;
+  padding: 12px !important;
+  border-radius: 8px;
+  border: 1px solid #f1f5f9;
+}
+
+.grand-setting-content::-webkit-scrollbar {
+  width: 6px;
+}
+.grand-setting-content::-webkit-scrollbar-thumb {
+  background: #ccc;
+  border-radius: 3px;
+}
diff --git a/src/renderer/components/work/styles/work-styles.css b/src/renderer/components/work/styles/work-styles.css
new file mode 100644
index 0000000..53d1d99
--- /dev/null
+++ b/src/renderer/components/work/styles/work-styles.css
@@ -0,0 +1,297 @@
+/* 还原原始业务样式 - 完全兼容原始类名 */
+
+.work {
+  background-color: #f8fafc; /* Softer, modern background */
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* 左侧文件管理区域原始样式 */
+/* 左侧文件管理区域原始样式 */
+.file {
+  height: 500px;
+  width: 100%;
+  background: #ffffff;
+  border-radius: 16px;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.03);
+  border: 1px solid rgba(0, 0, 0, 0.04);
+  box-sizing: border-box;
+  padding: 12px;
+  position: relative;
+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  animation: cardFadeIn 0.6s ease-out;
+  display: flex;
+  flex-direction: column;
+}
+
+.file:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+@keyframes cardFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* 右侧标签元数据区域原始样式 */
+.label {
+  height: 500px;
+  width: 100%;
+  background: #ffffff;
+  border-radius: 16px;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.03);
+  border: 1px solid rgba(0, 0, 0, 0.04);
+  box-sizing: border-box;
+  padding: 12px;
+  position: relative;
+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  animation: cardFadeIn 0.6s ease-out;
+  display: flex;
+  flex-direction: column;
+}
+
+.label:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+/* 标题行布局 */
+.section-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 38px;
+  line-height: 38px;
+  margin-bottom: 8px;
+  padding: 0 5px;
+}
+
+.title-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.title-left i {
+  font-size: 18px;
+  color: #409eff;
+}
+
+.title-text {
+  font-size: 15px;
+  font-weight: 700;
+  color: #303133;
+  letter-spacing: 0.5px;
+}
+
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  background: transparent !important;
+}
+
+.action-label {
+  font-size: 12px;
+  color: #606266;
+  font-weight: 600;
+}
+
+.template-select {
+  width: 140px;
+}
+
+/* 预览框微调 */
+/* 预览框微调 */
+.display_box {
+  margin-top: 10px;
+  background: #111827; /* Deeper navy for professional contrast */
+  height: 180px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.display_item {
+  position: relative;
+  cursor: pointer;
+  border: 1px dashed #c0ccda;
+  padding: 5px;
+}
+
+.display_item img {
+  height: 140px;
+  /* background-color: #1e252d; Optional: match bg if image has transparency */
+}
+
+.display_bg {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+/* 底部统计与按钮 */
+/* 底部统计与按钮 */
+.footer-actions {
+  margin-top: 15px;
+  padding: 10px 15px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: transparent;
+  box-shadow: none;
+}
+
+.stat-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.stat-label {
+  font-size: 13px;
+  color: #606266;
+  font-weight: 600;
+}
+
+.count-input-new {
+  width: 100px;
+}
+
+/* 子标题样式 */
+.sub-title {
+  font-size: 14px;
+  color: #374151;
+  font-weight: 700;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.sub-title i {
+  color: #fbbf24;
+  font-size: 18px;
+}
+
+.metadata-table {
+  border-radius: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+}
+
+/* Uploader 样式 */
+.uploader-example {
+  width: 100%;
+  margin: 10px auto 0;
+  font-size: 12px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); /* Softer shadow */
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+  flex: 1; /* Expand to fill parent flex container */
+  display: flex;
+  flex-direction: column;
+}
+
+.uploader-example .uploader-list {
+  flex: 1; /* Expand list to fill example box */
+  overflow-y: auto;
+}
+
+/* 滚动条美化 (还原原始样式) */
+.uploader-list::-webkit-scrollbar {
+  width: 10px;
+  height: 1px;
+}
+
+.uploader-list::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: #c7c7cb;
+}
+
+.uploader-list::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  background: #ededed;
+}
+
+/* 工具类 */
+.w-full {
+  width: 100%;
+}
+.mt-10 {
+  margin-top: 10px;
+}
+.mb-10 {
+  margin-bottom: 10px;
+}
+.empty-placeholder-box {
+  flex: 1; /* Fill the metadata container area when empty */
+  min-height: 200px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #909399;
+  font-size: 13px;
+  background-color: #fff;
+  margin-top: 5px;
+}
+
+.display_box_placeholder {
+  justify-content: center;
+  color: #6b7280;
+  font-size: 14px;
+  border: 2px dashed rgba(255, 255, 255, 0.1);
+  flex-direction: column;
+  gap: 12px;
+  backdrop-filter: blur(8px);
+}
+
+.display_box_placeholder::before {
+  content: '\e731'; /* Better icon if available, or stay with pic */
+  font-family: 'element-icons' !important;
+  font-size: 32px;
+  opacity: 0.4;
+  background: linear-gradient(135deg, #9ca3af, #4b5563);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.empty-text-dark {
+  color: #5e6d82;
+  font-weight: 500;
+}
+
+/* 响应式适配：大屏幕高度扩展 */
+@media (min-height: 900px) {
+  .file,
+  .label {
+    height: 600px;
+  }
+  .uploader-example .uploader-list {
+    max-height: 485px;
+  }
+  .empty-placeholder-box {
+    height: 315px;
+  }
+}
diff --git a/src/renderer/components/work/utils.js b/src/renderer/components/work/utils.js
new file mode 100644
index 0000000..08e07f2
--- /dev/null
+++ b/src/renderer/components/work/utils.js
@@ -0,0 +1,75 @@
+/**
+ * Work component utilities
+ */
+
+export function extendStringPrototypes() {
+    if (String.prototype.strLen) return;
+
+    String.prototype.strLen = function () {
+        var len = 0
+        for (var i = 0; i < this.length; i++) {
+            if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) len += 2
+            else len++
+        }
+        return len
+    }
+
+    String.prototype.strToChars = function () {
+        var chars = new Array()
+        for (var i = 0; i < this.length; i++) {
+            chars[i] = [this.substr(i, 1), this.isCHS(i)]
+        }
+        String.prototype.charsArray = chars
+        return chars
+    }
+
+    String.prototype.isCHS = function (i) {
+        if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) return true
+        else return false
+    }
+
+    String.prototype.subCHString = function (start, end) {
+        var len = 0
+        var str = ''
+        this.strToChars()
+        for (var i = 0; i < this.length; i++) {
+            if (this.charsArray[i][1]) len += 2
+            else len++
+            if (end < len) return str
+            else if (start < len) str += this.charsArray[i][0]
+        }
+        return str
+    }
+
+    String.prototype.subCHStr = function (start, length) {
+        return this.subCHString(start, start + length)
+    }
+}
+
+export function getNowFormatDate() {
+    var date = new Date()
+    var seperator1 = '-'
+    var year = date.getFullYear()
+    var month = date.getMonth() + 1
+    var strDate = date.getDate()
+    if (month >= 1 && month <= 9) {
+        month = '0' + month
+    }
+    if (strDate >= 0 && strDate <= 9) {
+        strDate = '0' + strDate
+    }
+    return year + seperator1 + month + seperator1 + strDate
+}
+
+export function genTaskUUID() {
+    var myDate = new Date()
+    var dateStr =
+        myDate.getFullYear().toString() +
+        (myDate.getMonth() + 1 >= 10 ? (myDate.getMonth() + 1).toString() : '0' + (myDate.getMonth() + 1).toString()) +
+        (myDate.getDate() > 9 ? myDate.getDate().toString() : '0' + myDate.getDate().toString()) +
+        (myDate.getHours() > 9 ? myDate.getHours().toString() : '0' + myDate.getHours().toString()) +
+        (myDate.getMinutes() > 9 ? myDate.getMinutes().toString() : '0' + myDate.getMinutes().toString()) +
+        (myDate.getSeconds() > 9 ? myDate.getSeconds().toString() : '0' + myDate.getSeconds().toString()) +
+        myDate.getTime().toString().slice(-2);
+    return dateStr
+}
diff --git a/src/renderer/components/worknet.vue b/src/renderer/components/worknet.vue
index 3924781..e45377d 100644
--- a/src/renderer/components/worknet.vue
+++ b/src/renderer/components/worknet.vue
@@ -13,17 +13,8 @@
             </el-col>
             <el-col :span="14">
               <div class="grid-content bg-purple">
-                <el-select
-                  :placeholder="$t('work.pleaseSelect')"
-                  style="width: 160px"
-                  v-model="size_form"
-                >
-                  <el-option
-                    v-for="item in size_type"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
+                <el-select :placeholder="$t('work.pleaseSelect')" style="width: 160px" v-model="size_form">
+                  <el-option v-for="item in size_type" :key="item.value" :label="item.label" :value="item.value">
                   </el-option>
                 </el-select>
               </div>
@@ -34,8 +25,8 @@
 						<template slot="prepend">
 							{{$t("work.sign")}}
 						</template>
-					</el-input>
-                    -->
+</el-input>
+-->
         </el-col>
         <el-col :span="6">
           <el-row :gutter="0">
@@ -48,17 +39,9 @@
             </el-col>
             <el-col :span="14">
               <div class="grid-content bg-purple">
-                <el-select
-                  :placeholder="$t('work.pleaseSelect')"
-                  style="float: left; margin-left: 10px"
-                  v-model="file_form"
-                >
-                  <el-option
-                    v-for="item in file_type"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
+                <el-select :placeholder="$t('work.pleaseSelect')" style="float: left; margin-left: 10px"
+                  v-model="file_form">
+                  <el-option v-for="item in file_type" :key="item.value" :label="item.label" :value="item.value">
                   </el-option>
                 </el-select>
               </div>
@@ -76,17 +59,9 @@
             </el-col>
             <el-col :span="14">
               <div class="grid-content bg-purple">
-                <el-select
-                  :placeholder="$t('work.pleaseSelect')"
-                  v-model="type_form"
-                >
-                  <el-option
-                    v-for="item in type"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                    :disabled="item.disabled"
-                  >
+                <el-select :placeholder="$t('work.pleaseSelect')" v-model="type_form">
+                  <el-option v-for="item in type" :key="item.value" :label="item.label" :value="item.value"
+                    :disabled="item.disabled">
                   </el-option>
                 </el-select>
               </div>
@@ -94,25 +69,13 @@
           </el-row>
         </el-col>
         <el-col :span="6">
-          <el-popover
-            style="float: right"
-            placement="left"
-            width="600"
-            trigger="click"
-          >
+          <el-popover style="float: right" placement="left" width="600" trigger="click">
             <div>
               <el-form :label-position="'right'" label-width="250px">
                 <el-form-item :label="$t('work.better')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.priority"
-                  >
-                    <el-option
-                      v-for="item in high_setting.priority"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
+                  <el-select :placeholder="$t('work.pleaseSelect')" v-model="high_setting_form.priority">
+                    <el-option v-for="item in high_setting.priority" :key="item.value" :label="item.label"
+                      :value="item.value">
                     </el-option>
                   </el-select>
                 </el-form-item>
@@ -124,44 +87,23 @@
 									</el-select>
 								</el-form-item>-->
                 <el-form-item :label="$t('work.startWorkSpace')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.target_work"
-                  >
-                    <el-option
-                      v-for="item in high_setting.target_work"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
+                  <el-select :placeholder="$t('work.pleaseSelect')" v-model="high_setting_form.target_work">
+                    <el-option v-for="item in high_setting.target_work" :key="item.value" :label="item.label"
+                      :value="item.value">
                     </el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item :label="$t('work.ribbonType')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.color_type"
-                  >
-                    <el-option
-                      v-for="item in high_setting.color_type"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
+                  <el-select :placeholder="$t('work.pleaseSelect')" v-model="high_setting_form.color_type">
+                    <el-option v-for="item in high_setting.color_type" :key="item.value" :label="item.label"
+                      :value="item.value">
                     </el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item :label="$t('work.formatFile')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.formatFile"
-                  >
-                    <el-option
-                      v-for="item in high_setting.formatFile"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
+                  <el-select :placeholder="$t('work.pleaseSelect')" v-model="high_setting_form.formatFile">
+                    <el-option v-for="item in high_setting.formatFile" :key="item.value" :label="item.label"
+                      :value="item.value">
                     </el-option>
                   </el-select>
                 </el-form-item>
@@ -209,82 +151,47 @@
     </div>
     <el-row :gutter="20" style="margin-top: 10px">
       <el-col :span="12">
-        <el-switch
-          v-model="switch_cont"
-          :active-text="$t('work.addContent')"
-          style="float: left"
-        >
+        <el-switch v-model="switch_cont" :active-text="$t('work.addContent')" style="float: left">
         </el-switch>
       </el-col>
       <el-col :span="12">
-        <el-switch
-          v-model="switch_tag"
-          style="float: right"
-          :active-text="$t('work.addTag')"
-        >
+        <el-switch v-model="switch_tag" style="float: right" :active-text="$t('work.addTag')">
         </el-switch>
       </el-col>
     </el-row>
     <el-row :gutter="0" style="margin-top: 10px">
-      <el-col
-        :span="
-          switch_tag && switch_cont ? 12 : switch_tag && !switch_cont ? 0 : 24
-        "
-      >
+      <el-col :span="switch_tag && switch_cont ? 12 : switch_tag && !switch_cont ? 0 : 24
+        ">
         <div class="grid-content bg-purple">
           <div class="file">
             <el-row :gutter="20">
               <el-col :span="3">
-                <span
-                  style="
+                <span style="
                     font-size: 18px;
                     font-weight: 700;
                     height: 40px;
                     line-height: 40px;
                     text-align: left;
-                  "
-                  >{{ $t("work.contentTitle") }}</span
-                >
+                  ">{{ $t("work.contentTitle") }}</span>
               </el-col>
               <el-col :span="11">
-                <el-input
-                  v-model="juanbiao_form"
-                  :placeholder="$t('work.pleaseInput')"
-                  style="width: 200px; float: left"
-                >
+                <el-input v-model="juanbiao_form" :placeholder="$t('work.pleaseInput')"
+                  style="width: 200px; float: left">
                   <template slot="prepend">
                     {{ $t("work.sign") }}
                   </template>
                 </el-input>
               </el-col>
               <el-col :span="10">
-                <el-progress
-                  :text-inside="true"
-                  :percentage="file_percent"
-                  :format="format"
-                  style="line-height: 40px"
-                  :stroke-width="20"
-                  :color="customColors"
-                ></el-progress>
+                <el-progress :text-inside="true" :percentage="file_percent" :format="format" style="line-height: 40px"
+                  :stroke-width="20" :color="customColors"></el-progress>
               </el-col>
             </el-row>
             <div style="clear: both"></div>
-            <uploader
-              :options="options"
-              class="uploader-example"
-              ref="uploader"
-              @file-added="onFileAdded"
-              @file-removed="onFileRemoved"
-              :autoStart="false"
-              @complete="upload_over"
-              @drop.prevent="onDrag"
-            >
+            <uploader :options="options" class="uploader-example" ref="uploader" @file-added="onFileAdded"
+              @file-removed="onFileRemoved" :autoStart="false" @complete="upload_over" @drop.prevent="onDrag">
               <uploader-unsupport> </uploader-unsupport>
-              <uploader-drop
-                style="height: 405px"
-                class="drag-bg"
-                :style="'background-image:url(' + bgi + ');'"
-              >
+              <uploader-drop style="height: 405px" class="drag-bg" :style="'background-image:url(' + bgi + ');'">
                 <uploader-btn> {{ $t("work.selectFile") }}</uploader-btn>
                 <uploader-btn :directory="true">{{
                   $t("work.selectFloder")
@@ -321,131 +228,72 @@
           </div>
         </div>
       </el-col>
-      <el-col
-        :span="
-          switch_cont && switch_tag ? 12 : switch_cont && !switch_tag ? 0 : 24
-        "
-      >
+      <el-col :span="switch_cont && switch_tag ? 12 : switch_cont && !switch_tag ? 0 : 24
+        ">
         <div class="grid-content bg-purple">
           <div class="label">
             <div class="title" style="width: 100%">
-              <div style="display: inline-block; float: left">
+              <div style="float: left">
                 {{ $t("work.tag") }}
-                <el-button
-                  type="text"
-                  icon="el-icon-upload2"
-                  style="margin-left: 10px; font-size: 14px"
-                  @click="openFile"
-                >
+                <el-button type="text" icon="el-icon-upload2" style="margin-left: 10px; font-size: 14px"
+                  @click="openFile">
                   {{ $t("work.importTag") }}
                 </el-button>
               </div>
               <!--<el-checkbox v-model="flag">单面打印</el-checkbox>-->
-              <div style="display: inline-block; float: right; right: 0px">
-                <span
-                  style="font-size: 14px; color: #606266; font-weight: normal"
-                >
+              <div style="float: right; right: 0px">
+                <span style="font-size: 14px; color: #606266; font-weight: normal">
                   {{ $t("work.print") }}
                 </span>
-                <el-select
-                  v-model="print_flag"
-                  :placeholder="$t('work.pleaseSelect')"
-                  size="mini"
-                >
-                  <el-option
-                    v-for="item in print_op"
-                    v-if="!(flag && item.value == 1)"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
+                <el-select v-model="print_flag" :placeholder="$t('work.pleaseSelect')" size="mini">
+                  <el-option v-for="item in print_op" v-if="!(flag && item.value == 1)" :key="item.value"
+                    :label="item.label" :value="item.value">
                   </el-option>
                 </el-select>
               </div>
             </div>
             <div style="float: right"></div>
-            <input
-              type="file"
-              accept=".soon,.cs"
-              @change="fileLoad"
-              ref="refFile"
-              style="display: none"
-            />
+            <input type="file" accept=".soon,.cs" @change="fileLoad" ref="refFile" style="display: none" />
             <div style="clear: both"></div>
             <div class="display">
-              <img
-                v-if="print_flag == 1 || print_flag == 2"
-                :src="fileData.frontDisplayPic"
-                style="
+              <img v-if="print_flag == 1 || print_flag == 2" :src="fileData.frontDisplayPic" style="
                   height: 120px;
                   position: relative;
                   top: 50%;
                   transform: translateY(-50%);
-                "
-              />
-              <img
-                v-if="print_flag == 1 || print_flag == 3"
-                :src="fileData.backDisplayPic"
-                style="
+                " />
+              <img v-if="print_flag == 1 || print_flag == 3" :src="fileData.backDisplayPic" style="
                   height: 120px;
                   position: relative;
                   top: 50%;
                   transform: translateY(-50%);
-                "
-              />
+                " />
             </div>
-            <el-table
-              :data="tableData"
-              height="185"
-              style="width: 100%"
-              :empty-text="$t('work.nodata')"
-            >
+            <el-table :data="tableData" height="185" style="width: 100%" :empty-text="$t('work.nodata')">
               <el-table-column prop="name" :label="$t('work.fieldName')">
               </el-table-column>
               <el-table-column prop="val" width="400">
                 <template slot="header" slot-scope="scope">
-                  <input
-                    type="file"
-                    accept=".csv"
-                    @change="fileLoad2"
-                    ref="refFile2"
-                    style="display: none"
-                  />
-                  <el-tooltip
-                    class="item"
-                    effect="dark"
-                    :content="
-                      file_name == null
-                        ? $t('work.binfile')
-                        : file_name.strLen() > 12
-                        ? file_name.subCHStr(0, 12) + '...'
-                        : file_name
-                    "
-                    placement="top-start"
-                  >
-                    <el-button
-                      type="text"
-                      icon="el-icon-upload2"
-                      style="margin-left: 10px; font-size: 14px"
-                      @click="openFile2"
-                    >
+                  <input type="file" accept=".csv" @change="fileLoad2" ref="refFile2" style="display: none" />
+                  <el-tooltip class="item" effect="dark" :content="file_name == null
+                    ? $t('work.binfile')
+                    : file_name.strLen() > 12
+                      ? file_name.subCHStr(0, 12) + '...'
+                      : file_name
+                    " placement="top-start">
+                    <el-button type="text" icon="el-icon-upload2" style="margin-left: 10px; font-size: 14px"
+                      @click="openFile2">
                       {{
                         file_name == null
                           ? $t("work.binfile")
                           : file_name.strLen() > 12
-                          ? file_name.subCHStr(0, 12) + "..."
-                          : file_name
+                            ? file_name.subCHStr(0, 12) + "..."
+                            : file_name
                       }}
                     </el-button>
                   </el-tooltip>
 
-                  <input
-                    type="file"
-                    accept="..zip,.rar"
-                    @change="fileLoad3"
-                    ref="refFile3"
-                    style="display: none"
-                  />
+                  <input type="file" accept="..zip,.rar" @change="fileLoad3" ref="refFile3" style="display: none" />
                   <!--<el-tooltip class="item" effect="dark" :content="file_name3" placement="top-start">
 									    <el-button type="text" icon="el-icon-upload2" style="margin-left: 10px;font-size: 14px"
 									    @click="openFile3">
@@ -455,28 +303,17 @@
                 </template>
                 <template slot-scope="scope">
                   <div v-if="scope.row.type == 1">
-                    <input
-                      type="file"
-                      accept="image/*"
-                      :ref="scope.row.origin_name"
-                      :data-name="scope.row.origin_name"
-                    />
+                    <input type="file" accept="image/*" :ref="scope.row.origin_name"
+                      :data-name="scope.row.origin_name" />
                   </div>
-                  <div
-                    v-if="
-                      scope.row.type == 3 ||
-                      scope.row.type == 4 ||
-                      scope.row.type == 5
-                    "
-                  >
+                  <div v-if="
+                    scope.row.type == 3 ||
+                    scope.row.type == 4 ||
+                    scope.row.type == 5
+                  ">
                     <!--合成文本-->
-                    <el-input
-                      :placeholder="$t('work.pleaseInput')"
-                      v-model="form[scope.row.origin_name]"
-                      clearable
-                      style="width: calc(100% - 30px) !important"
-                      :disabled="csvIsExist"
-                    >
+                    <el-input :placeholder="$t('work.pleaseInput')" v-model="form[scope.row.origin_name]" clearable
+                      style="width: calc(100% - 30px) !important" :disabled="csvIsExist">
                     </el-input>
                   </div>
                 </template>
@@ -489,42 +326,26 @@
     <el-row :gutter="20" style="height: 30px; margin-top: 20px">
       <el-col :span="14">
         <div v-if="file_form == 3 && switch_cont">
-          <el-input
-            :placeholder="$t('work.pleasePassword')"
-            style="width: 25%; float: left"
-            show-password
-            v-model="p1"
-          >
+          <el-input :placeholder="$t('work.pleasePassword')" style="width: 25%; float: left" show-password v-model="p1">
             <template slot="prepend">
               {{ $t("work.password") }}
             </template>
           </el-input>
-          <el-input
-            :placeholder="$t('work.pleasePassword')"
-            style="width: 25%; float: left; margin-left: 10px"
-            show-password
-            v-model="p2"
-          >
+          <el-input :placeholder="$t('work.pleasePassword')" style="width: 25%; float: left; margin-left: 10px"
+            show-password v-model="p2">
             <template slot="prepend">
               {{ $t("work.comfirm") }}
             </template>
           </el-input>
-          <el-input
-            :placeholder="$t('work.addContent')"
-            style="width: 40%; float: left; margin-left: 10px"
-            v-model="zip_name"
-          >
+          <el-input :placeholder="$t('work.addContent')" style="width: 40%; float: left; margin-left: 10px"
+            v-model="zip_name">
             <template slot="prepend">
               {{ $t("work.name") }}
             </template>
           </el-input>
         </div>
         <div v-else-if="file_form == 2 && switch_cont">
-          <el-input
-            :placeholder="$t('work.addContent')"
-            style="width: 40%; float: left"
-            v-model="zip_name"
-          >
+          <el-input :placeholder="$t('work.addContent')" style="width: 40%; float: left" v-model="zip_name">
             <template slot="prepend">
               {{ $t("work.name") }}
             </template>
@@ -533,11 +354,7 @@
         <div style="width: 100%" v-else>&nbsp;</div>
       </el-col>
       <el-col :span="10">
-        <el-input
-          :placeholder="$t('work.addContent')"
-          v-model="number"
-          style="width: 200px; float: left"
-        >
+        <el-input :placeholder="$t('work.addContent')" v-model="number" style="width: 200px; float: left">
           <template slot="prepend">
             {{ $t("work.num") }}
           </template>
@@ -998,7 +815,8 @@ export default {
             data1.append(`file${files_n_incr}`, this.$refs.refFile.files[0]); //标签cs文件
             files_n_incr++;
           } else {
-            this.$message({offset:100,
+            this.$message({
+              offset: 100,
               message: this.$t("work.pleaseUploadTag"),
               type: "warning",
             });
@@ -1057,7 +875,8 @@ export default {
             }
           }
 
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.uploadingTag"),
           });
           let pathName;
@@ -1065,7 +884,8 @@ export default {
             //打开本地选项
             let rootFile = this.$refs.uploader.uploader.getRoot();
             if (rootFile.fileList.length != 1) {
-              this.$message({offset:100,
+              this.$message({
+                offset: 100,
                 message: this.$t("work.oneFolder"),
                 type: "warning",
               });
@@ -1073,7 +893,8 @@ export default {
             }
             let filePath = rootFile.fileList[0];
             if (!filePath.isFolder) {
-              this.$message({offset:100,
+              this.$message({
+                offset: 100,
                 message: this.$t("work.notFolder"),
                 type: "warning",
               });
@@ -1191,7 +1012,8 @@ export default {
       }
       if (!flag) {
         //报错内容
-        this.$message({offset:100,
+        this.$message({
+          offset: 100,
           message: this.$t("work.pleaseUploadingImgBin"),
           type: "warning",
         });
@@ -1211,7 +1033,8 @@ export default {
           }
           i++;
         }
-        this.$message({offset:100,
+        this.$message({
+          offset: 100,
           message: this.$t("work.UploadingImgBin"),
         });
         let re;
@@ -1228,7 +1051,8 @@ export default {
             re = true;
           })
           .catch(() => {
-            this.$message({offset:100,
+            this.$message({
+              offset: 100,
               message: this.$t("work.UploadingImgBinFail"),
               type: "warning",
             });
@@ -1242,7 +1066,8 @@ export default {
       if (this.switch_cont) {
         //开启了左边内容则先左边
         if (this.size == 0) {
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.pleaseUploadContent"),
             type: "warning",
           });
@@ -1261,7 +1086,8 @@ export default {
           return;
         } else {
           this.$refs.uploader.uploader.resume();
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.uploadingContent"),
           });
         }
@@ -1274,7 +1100,8 @@ export default {
           data1.append(`file${files_n_incr}`, this.$refs.refFile.files[0]); //标签cs文件
           files_n_incr++;
         } else {
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.pleaseUploadTag"),
             type: "warning",
           });
@@ -1330,7 +1157,8 @@ export default {
           }
         }
 
-        this.$message({offset:100,
+        this.$message({
+          offset: 100,
           message: this.$t("work.uploadingTag"),
         });
         this.$axios({
@@ -1476,7 +1304,8 @@ export default {
         let rootFile = this.$refs.uploader.uploader.getRoot();
         console.log(rootFile);
         if (rootFile.fileList.length != 1) {
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.oneFolder"),
             type: "warning",
           });
@@ -1484,7 +1313,8 @@ export default {
         }
         let filePath = rootFile.fileList[0];
         if (!filePath.isFolder) {
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.notFolder"),
             type: "warning",
           });
@@ -1509,7 +1339,8 @@ export default {
           !this.$refs.uploader.uploader.isComplete() &&
           !this.high_setting_form.localfiles
         ) {
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.uploadFail"),
             type: "warning",
           });
@@ -1532,7 +1363,8 @@ export default {
         //选择的是zip文档，则名称一定要填写
         if (this.file_form == 2) {
           if (this.zip_name == "") {
-            this.$message({offset:100,
+            this.$message({
+              offset: 100,
               message: this.$t("work.zipNameInput"),
               type: "warning",
             });
@@ -1543,7 +1375,8 @@ export default {
         //选择的是zip加密，名称和密码需要校验
         if (this.file_form == 3) {
           if (this.zip_name == "") {
-            this.$message({offset:100,
+            this.$message({
+              offset: 100,
               message: this.$t("work.zipNameInput"),
               type: "warning",
             });
@@ -1551,7 +1384,8 @@ export default {
           }
           data += "&zip_name=" + this.zip_name;
           if (this.p1 == "" || this.p1 != this.p2) {
-            this.$message({offset:100,
+            this.$message({
+              offset: 100,
               message: this.$t("work.zipPassWrong"),
               type: "warning",
             });
@@ -1564,7 +1398,8 @@ export default {
       if (this.switch_tag) {
         //标签开启，则标签文件一定要上传
         if (this.$refs.refFile.files.length == 0) {
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.pleaseUploadTag"),
             type: "warning",
           });
@@ -1584,7 +1419,8 @@ export default {
           //打印面数print_flag为1 - 双面的时候，模板flag必须为1 - 双面
           //打印面数print_flag为2 - 正 的时候 模板正面必须有内容 (flag != 3)
           //打印面数print_flag为3 - 反 的时候 模板背面必须有内容 (flag != 2)
-          this.$message({offset:100,
+          this.$message({
+            offset: 100,
             message: this.$t("work.print_flagError"),
             type: "warning",
           });
@@ -1593,7 +1429,8 @@ export default {
         data += "&print_flag=" + this.print_flag; //打印面数需要在开启了标签时，1双 2正3背
       }
       if (this.juanbiao_form == "") {
-        this.$message({offset:100,
+        this.$message({
+          offset: 100,
           message: this.$t("work.juanbiaoInput"),
           type: "warning",
         });
@@ -1620,7 +1457,8 @@ export default {
       //}
       //console.log(data);
       //console.log(data_param)
-      this.$message({offset:100,
+      this.$message({
+        offset: 100,
         message: this.$t("work.submiting"),
       });
       this.$emit("jobPost");
@@ -1628,16 +1466,19 @@ export default {
         method: "post",
         url: "/rest/job/?" + data_param + data,
         //data: post_data
-      }).then((res) => {});
+      }).then((res) => { });
     },
   },
   computed: {
     file_percent() {
+      const sizeFormNum = parseFloat(this.size_form);
+      if (isNaN(sizeFormNum) || sizeFormNum <= 0) return 0;
       let t =
         (this.size /
-          (((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024)) *
+          (((sizeFormNum * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024)) *
         100;
-      return t ? t > 100 ? 100.1 : t : 0
+      if (isNaN(t) || !isFinite(t)) return 0;
+      return t > 100 ? 100.1 : t;
     },
     print_op() {
       return [
@@ -1812,7 +1653,8 @@ export default {
     },
     file_percent(val) {
       if (val == 100.1) {
-        this.$message({offset:100,
+        this.$message({
+          offset: 100,
           message: this.$t("work.sizeExtra"),
           type: "warning",
         });
@@ -1861,6 +1703,7 @@ export default {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   padding: 10px;
+
   .title {
     float: left;
     font-size: 18px;
@@ -1869,6 +1712,7 @@ export default {
     line-height: 40px;
   }
 }
+
 .label {
   height: 500px;
   width: 100%;
@@ -1895,8 +1739,7 @@ export default {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
 }
 
-.uploader-example .uploader-btn {
-}
+
 
 .uploader-example .uploader-list {
   max-height: 405px;
@@ -1904,23 +1747,28 @@ export default {
   overflow-x: hidden;
   overflow-y: auto;
 }
+
 .uploader-list::-webkit-scrollbar {
   /*滚动条整体样式*/
-  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
+  width: 10px;
+  /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px;
 }
+
 .uploader-list::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 10px;
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   background: #c7c7cb;
 }
+
 .uploader-list::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   background: #ededed;
 }
+
 .display {
   margin-top: 10px;
   background-color: #212830;
@@ -1939,6 +1787,7 @@ export default {
 /deep/ .uploader-file-name {
   text-align: left;
 }
+
 /deep/ .el-progress-bar__outer {
   background-color: #bac2d7;
 }
diff --git a/src/renderer/components/work样式修改前.vue b/src/renderer/components/work样式修改前.vue
deleted file mode 100644
index af66a1d..0000000
--- a/src/renderer/components/work样式修改前.vue
+++ /dev/null
@@ -1,2560 +0,0 @@
-<template>
-  <div>
-    <div class="header">
-      <div class="dialog-header-btns">
-        <div>
-          <span style="font-size: 18px; line-height: 40px; float: left">
-            {{ $t("work.size") }}
-          </span>
-
-          <el-select
-            :placeholder="$t('work.pleaseSelect')"
-            style="width: 160px"
-            v-model="size_form"
-          >
-            <el-option
-              v-for="item in size_type"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-              :disabled="filterPassedType.indexOf(item.value) == -1"
-            >
-            </el-option>
-          </el-select>
-        </div>
-        <div>
-          <span style="font-size: 18px; line-height: 40px; float: left">
-            {{ $t("work.content") }}
-          </span>
-          <el-select
-            :placeholder="$t('work.pleaseSelect')"
-            style="float: left; margin-left: 10px"
-            v-model="file_form"
-          >
-            <el-option
-              v-for="item in file_type"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </div>
-        <div>
-          <span style="font-size: 18px; line-height: 40px">
-            {{ $t("work.partType") }}
-          </span>
-
-          <el-select :placeholder="$t('work.pleaseSelect')" v-model="type_form">
-            <el-option
-              v-for="item in type"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-              :disabled="item.disabled"
-            >
-            </el-option>
-          </el-select>
-        </div>
-        <div>
-          <el-popover
-            style="float: right"
-            placement="left"
-            width="600"
-            trigger="click"
-          >
-            <div>
-              <el-form :label-position="'right'" label-width="250px">
-                <el-form-item :label="$t('work.better')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.priority"
-                  >
-                    <el-option
-                      v-for="item in high_setting.priority"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <!--<el-form-item :label="$t('work.gshType')">
-									<el-select :placeholder="$t('work.pleaseSelect')" v-model="high_setting_form.fileSystem">
-										<el-option v-for="item in high_setting.fileSystem" :key="item.value" :label="item.label"
-										:value="item.value">
-										</el-option>
-									</el-select>
-								</el-form-item>-->
-                <el-form-item :label="$t('work.startWorkSpace')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.target_work"
-                  >
-                    <el-option
-                      v-for="item in high_setting.target_work"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item :label="$t('work.ribbonType')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.color_type"
-                  >
-                    <el-option
-                      v-for="item in high_setting.color_type"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-
-                <el-form-item :label="$t('work.formatFile')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.formatFile"
-                  >
-                    <el-option
-                      v-for="item in high_setting.formatFile"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item :label="$t('work.hash')">
-                  <el-switch v-model="high_setting_form.s1"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.md5')">
-                  <el-switch v-model="high_setting_form.s2"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.fail')">
-                  <el-switch v-model="high_setting_form.s3"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.spanUSBcard')">
-                  <el-switch v-model="high_setting_form.Span_USBcard">
-                  </el-switch>
-                </el-form-item>
-                <!--<el-form-item :label="$t('work.disk')">
-									<el-switch v-model="high_setting_form.s4">
-									</el-switch>
-								</el-form-item>
-								<el-form-item :label="$t('work.bitlocker')">
-									<el-switch v-model="high_setting_form.s5">
-									</el-switch>
-								</el-form-item>-->
-
-                <!-- <el-form-item :label="$t('work.localFiles')"> -->
-                <!-- <el-switch v-model="high_setting_form.localfiles"> -->
-                <!-- </el-switch> -->
-                <!-- </el-form-item> -->
-              </el-form>
-              <!--<el-descriptions :column="2" v-if="high_setting_form.s5">
-								<el-descriptions-item :label="$t('work.password')">
-									<el-input placeholder="$t('work.pleasePassword')" v-model="high_setting_form.pass" show-password
-									size="mini">
-									</el-input>
-								</el-descriptions-item>
-								<el-descriptions-item :label="$t('work.comfirm')">
-									<el-input placeholder="$t('work.pleasePassword')" v-model="high_setting_form.repass" show-password
-									size="mini">
-									</el-input>
-								</el-descriptions-item>
-							</el-descriptions>-->
-            </div>
-            <el-button slot="reference" size="medium" style="height: 40px">
-              {{ $t("work.senior") }}
-            </el-button>
-          </el-popover>
-        </div>
-      </div>
-      <el-row :gutter="20" v-if="0">
-        <el-col :span="6">
-          <el-row :gutter="0">
-            <el-col :span="8">
-              <div class="grid-content bg-purple">
-                <span style="font-size: 18px; line-height: 40px; float: left">
-                  {{ $t("work.size") }}
-                </span>
-              </div>
-            </el-col>
-            <el-col :span="14">
-              <div class="grid-content bg-purple">
-                <el-select
-                  :placeholder="$t('work.pleaseSelect')"
-                  style="width: 160px"
-                  v-model="size_form"
-                >
-                  <el-option
-                    v-for="item in size_type"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                    :disabled="filterPassedType.indexOf(item.value) == -1"
-                  >
-                  </el-option>
-                </el-select>
-              </div>
-            </el-col>
-          </el-row>
-          <!--
-					<el-input v-model="juanbiao_form" :placeholder="$t('work.pleaseInput')" style="width:280px;float:left">
-						<template slot="prepend">
-							{{$t("work.sign")}}
-						</template>
-					</el-input>
-                    -->
-        </el-col>
-        <el-col :span="6">
-          <el-row :gutter="0">
-            <el-col :span="8">
-              <div class="grid-content bg-purple">
-                <span style="font-size: 18px; line-height: 40px; float: left">
-                  {{ $t("work.content") }}
-                </span>
-              </div>
-            </el-col>
-            <el-col :span="14">
-              <div class="grid-content bg-purple">
-                <el-select
-                  :placeholder="$t('work.pleaseSelect')"
-                  style="float: left; margin-left: 10px"
-                  v-model="file_form"
-                >
-                  <el-option
-                    v-for="item in file_type"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </div>
-            </el-col>
-          </el-row>
-        </el-col>
-        <el-col :span="6">
-          <el-row :gutter="0">
-            <el-col :span="8">
-              <div class="grid-content bg-purple">
-                <span style="font-size: 18px; line-height: 40px">
-                  {{ $t("work.partType") }}
-                </span>
-              </div>
-            </el-col>
-            <el-col :span="14">
-              <div class="grid-content bg-purple">
-                <el-select
-                  :placeholder="$t('work.pleaseSelect')"
-                  v-model="type_form"
-                >
-                  <el-option
-                    v-for="item in type"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                    :disabled="item.disabled"
-                  >
-                  </el-option>
-                </el-select>
-              </div>
-            </el-col>
-          </el-row>
-        </el-col>
-        <el-col :span="6">
-          <el-popover
-            style="float: right"
-            placement="left"
-            width="600"
-            trigger="click"
-          >
-            <div>
-              <el-form :label-position="'right'" label-width="250px">
-                <el-form-item :label="$t('work.better')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.priority"
-                  >
-                    <el-option
-                      v-for="item in high_setting.priority"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <!--<el-form-item :label="$t('work.gshType')">
-									<el-select :placeholder="$t('work.pleaseSelect')" v-model="high_setting_form.fileSystem">
-										<el-option v-for="item in high_setting.fileSystem" :key="item.value" :label="item.label"
-										:value="item.value">
-										</el-option>
-									</el-select>
-								</el-form-item>-->
-                <el-form-item :label="$t('work.startWorkSpace')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.target_work"
-                  >
-                    <el-option
-                      v-for="item in high_setting.target_work"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item :label="$t('work.ribbonType')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.color_type"
-                  >
-                    <el-option
-                      v-for="item in high_setting.color_type"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-
-                <el-form-item :label="$t('work.formatFile')">
-                  <el-select
-                    :placeholder="$t('work.pleaseSelect')"
-                    v-model="high_setting_form.formatFile"
-                  >
-                    <el-option
-                      v-for="item in high_setting.formatFile"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item :label="$t('work.hash')">
-                  <el-switch v-model="high_setting_form.s1"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.md5')">
-                  <el-switch v-model="high_setting_form.s2"> </el-switch>
-                </el-form-item>
-                <el-form-item :label="$t('work.fail')">
-                  <el-switch v-model="high_setting_form.s3"> </el-switch>
-                </el-form-item>
-
-                <el-form-item :label="$t('work.spanUSBcard')">
-                  <el-switch v-model="high_setting_form.Span_USBcard">
-                  </el-switch>
-                </el-form-item>
-                <!--<el-form-item :label="$t('work.disk')">
-									<el-switch v-model="high_setting_form.s4">
-									</el-switch>
-								</el-form-item>
-								<el-form-item :label="$t('work.bitlocker')">
-									<el-switch v-model="high_setting_form.s5">
-									</el-switch>
-								</el-form-item>-->
-
-                <!-- <el-form-item :label="$t('work.localFiles')"> -->
-                <!-- <el-switch v-model="high_setting_form.localfiles"> -->
-                <!-- </el-switch> -->
-                <!-- </el-form-item> -->
-              </el-form>
-              <!--<el-descriptions :column="2" v-if="high_setting_form.s5">
-								<el-descriptions-item :label="$t('work.password')">
-									<el-input placeholder="$t('work.pleasePassword')" v-model="high_setting_form.pass" show-password
-									size="mini">
-									</el-input>
-								</el-descriptions-item>
-								<el-descriptions-item :label="$t('work.comfirm')">
-									<el-input placeholder="$t('work.pleasePassword')" v-model="high_setting_form.repass" show-password
-									size="mini">
-									</el-input>
-								</el-descriptions-item>
-							</el-descriptions>-->
-            </div>
-            <el-button slot="reference" size="medium" style="height: 40px">
-              {{ $t("work.senior") }}
-            </el-button>
-          </el-popover>
-        </el-col>
-      </el-row>
-    </div>
-    <el-row :gutter="20" style="margin-top: 10px">
-      <el-col :span="12">
-        <el-switch
-          v-model="switch_cont"
-          :active-text="$t('work.addContent')"
-          style="float: left"
-        >
-        </el-switch>
-      </el-col>
-      <el-col :span="12">
-        <el-switch
-          v-model="switch_tag"
-          style="float: right"
-          :active-text="$t('work.addTag')"
-        >
-        </el-switch>
-      </el-col>
-    </el-row>
-    <el-row :gutter="0" style="margin-top: 10px">
-      <el-col
-        :span="
-          switch_tag && switch_cont ? 12 : switch_tag && !switch_cont ? 0 : 24
-        "
-      >
-        <div class="grid-content bg-purple">
-          <div class="file">
-            <div style="display: flex">
-              <div
-                style="
-                  font-size: 18px;
-                  font-weight: 700;
-                  height: 40px;
-                  line-height: 40px;
-                  text-align: left;
-                "
-              >
-                {{ $t("work.contentTitle") }}
-              </div>
-
-              <el-input
-                v-model="juanbiao_form"
-                :placeholder="$t('work.pleaseInput')"
-                style="width: 230px; margin-left: 20px"
-              >
-                <template slot="prepend">
-                  {{ $t("work.sign") }}
-                </template>
-              </el-input>
-
-              <el-progress
-                :text-inside="true"
-                :percentage="file_percent"
-                :format="format"
-                style="line-height: 40px; margin-left: 20px; flex: 1"
-                :stroke-width="20"
-                :color="customColors"
-              ></el-progress>
-            </div>
-            <el-row :gutter="20" v-if="false">
-              <el-col :span="3">
-                <span
-                  style="
-                    font-size: 18px;
-                    font-weight: 700;
-                    height: 40px;
-                    line-height: 40px;
-                    text-align: left;
-                  "
-                >
-                  {{ $t("work.contentTitle") }}
-                </span>
-              </el-col>
-              <el-col :span="11">
-                <el-input
-                  v-model="juanbiao_form"
-                  :placeholder="$t('work.pleaseInput')"
-                  style="width: 250px; float: left"
-                >
-                  <template slot="prepend">
-                    {{ $t("work.sign") }}
-                  </template>
-                </el-input>
-              </el-col>
-              <el-col :span="10">
-                <el-progress
-                  :text-inside="true"
-                  :percentage="file_percent"
-                  :format="format"
-                  style="line-height: 40px"
-                  :stroke-width="20"
-                  :color="customColors"
-                ></el-progress>
-              </el-col>
-            </el-row>
-            <div style="clear: both"></div>
-            <!--
-            <uploader
-              :options="options"
-              class="uploader-example"
-              ref="uploader"
-              @file-added="onFileAdded"
-              @file-removed="onFileRemoved"
-              :autoStart="false"
-              @complete="upload_over"
-              @drop="onDrag"
-            >
-              <uploader-unsupport> </uploader-unsupport>
-              <uploader-drop
-                style="height: 405px"
-                class="drag-bg"
-                :style="'background-image:url(' + bgi + ');'"
-              >
-                <div class="add-btns">
-                  <uploader-btn :directory="true">添加文件夹</uploader-btn>
-                  <uploader-btn>添加文件</uploader-btn>
-                </div>
-                <uploader-btn>选择文件</uploader-btn>
-								<uploader-btn :directory="true">选择文件夹</uploader-btn>
-                <uploader-list class="upload-list"> </uploader-list>
-              </uploader-drop>
-            </uploader>
-           -->
-            <!--<uploader :options="options" class="uploader-example" v-else-if="file_form==2
-						">
-						<uploader-unsupport></uploader-unsupport>
-						<uploader-drop style="height:405px">
-						<p>拖放文件或</p>
-						<uploader-btn :attrs="zip_attrs">选择ZIP文件</uploader-btn>
-						</uploader-drop>
-						<uploader-list style=""></uploader-list>
-						</uploader>
-						<uploader :options="options" class="uploader-example" v-else-if="file_form == 1">
-						<uploader-unsupport></uploader-unsupport>
-						<uploader-drop style="height:405px">
-						<p>拖放文件或</p>
-						<uploader-btn :attrs="iso_attrs">选择映像文件</uploader-btn>
-						<uploader-list style="min-height:290px;margin-top: 10px;"></uploader-list>
-						</uploader-drop>
-						</uploader>
-						<uploader :options="options" class="uploader-example" v-else-if="file_form == 3">
-						<uploader-unsupport></uploader-unsupport>
-						<uploader-drop style="height:405px">
-						<p>拖放文件或</p>
-						<uploader-btn>选择文件</uploader-btn>
-						<uploader-btn :directory="true">选择文件夹</uploader-btn>
-						<uploader-list style="margin-top: 10px;"></uploader-list>
-						</uploader-drop>
-						</uploader>-->
-            <!--2023-02-22-->
-
-            <Files
-              ref="files"
-              :onSizechange="sizeChange"
-              :complete="upload_over"
-              :saveWorkList="saveWorkList"
-            />
-          </div>
-        </div>
-      </el-col>
-      <el-col
-        :span="
-          switch_cont && switch_tag ? 12 : switch_cont && !switch_tag ? 0 : 24
-        "
-      >
-        <div class="grid-content bg-purple">
-          <div class="label">
-            <div class="title" style="width: 100%">
-              <div style="display: inline-block; float: left">
-                {{ $t("work.tag") }}
-                <el-button
-                  type="text"
-                  icon="el-icon-upload2"
-                  style="margin-left: 10px; font-size: 14px"
-                  @click="openFile"
-                >
-                  {{ $t("work.importTag") }}
-                </el-button>
-              </div>
-              <!--<el-checkbox v-model="flag">单面打印</el-checkbox>-->
-              <div style="display: inline-block; float: right; right: 0px">
-                <span
-                  style="font-size: 14px; color: #606266; font-weight: normal"
-                >
-                  {{ $t("work.print") }}
-                </span>
-                <el-select
-                  v-model="print_flag"
-                  :placeholder="$t('work.pleaseSelect')"
-                  size="mini"
-                >
-                  <el-option
-                    v-for="item in print_op"
-                    v-if="!(flag && item.value == 1)"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </div>
-            </div>
-            <div style="float: right"></div>
-            <input
-              type="file"
-              accept=".cs,.soon"
-              @change="fileLoad"
-              ref="refFile"
-              style="display: none"
-            />
-            <div style="clear: both"></div>
-            <div class="display">
-              <img
-                v-if="print_flag == 1 || print_flag == 2"
-                :src="fileData.frontDisplayPic"
-                style="
-                  height: 120px;
-                  position: relative;
-                  top: 50%;
-                  transform: translateY(-50%);
-                "
-              />
-              <img
-                v-if="print_flag == 1 || print_flag == 3"
-                :src="fileData.backDisplayPic"
-                style="
-                  height: 120px;
-                  position: relative;
-                  top: 50%;
-                  transform: translateY(-50%);
-                "
-              />
-            </div>
-            <el-table
-              :data="tableData"
-              height="185"
-              style="width: 100%"
-              :empty-text="$t('work.nodata')"
-            >
-              <el-table-column prop="name" :label="$t('work.fieldName')">
-              </el-table-column>
-              <el-table-column prop="val" width="400">
-                <template slot="header" slot-scope="scope">
-                  <input
-                    type="file"
-                    accept=".csv"
-                    @change="fileLoad2"
-                    ref="refFile2"
-                    style="display: none"
-                  />
-                  <el-tooltip
-                    class="item"
-                    effect="dark"
-                    :content="
-                      file_name == null
-                        ? $t('work.binfile')
-                        : file_name.strLen() > 12
-                        ? file_name.subCHStr(0, 12) + '...'
-                        : file_name
-                    "
-                    placement="top-start"
-                  >
-                    <el-button
-                      type="text"
-                      icon="el-icon-upload2"
-                      style="margin-left: 10px; font-size: 14px"
-                      @click="openFile2"
-                    >
-                      {{
-                        file_name == null
-                          ? $t("work.binfile")
-                          : file_name.strLen() > 12
-                          ? file_name.subCHStr(0, 12) + "..."
-                          : file_name
-                      }}
-                    </el-button>
-                  </el-tooltip>
-
-                  <input
-                    type="file"
-                    accept="..zip,.rar"
-                    @change="fileLoad3"
-                    ref="refFile3"
-                    style="display: none"
-                  />
-                  <!--<el-tooltip class="item" effect="dark" :content="file_name3" placement="top-start">
-									    <el-button type="text" icon="el-icon-upload2" style="margin-left: 10px;font-size: 14px"
-									    @click="openFile3">
-									    	{{ file_name3.strLen() > 12 ? file_name3.subCHStr(0,12) + '...' : file_name3 }}
-									    </el-button>
-                                    </el-tooltip>-->
-                </template>
-                <template slot-scope="scope">
-                  <div v-if="scope.row.type == 1">
-                    <input
-                      type="file"
-                      accept="image/*"
-                      :ref="scope.row.origin_name"
-                      :data-name="scope.row.origin_name"
-                    />
-                  </div>
-                  <div
-                    v-if="
-                      scope.row.type == 3 ||
-                      scope.row.type == 4 ||
-                      scope.row.type == 5
-                    "
-                  >
-                    <!--合成文本-->
-                    <el-input
-                      :placeholder="$t('work.pleaseInput')"
-                      v-model="form[scope.row.origin_name]"
-                      clearable
-                      style="width: calc(100% - 30px) !important"
-                      :disabled="csvIsExist"
-                    >
-                    </el-input>
-                  </div>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20" style="height: 30px; margin-top: 20px">
-      <el-col :span="14">
-        <div v-if="file_form == 3 && switch_cont">
-          <el-input
-            :placeholder="$t('work.pleasePassword')"
-            style="width: 25%; float: left"
-            show-password
-            v-model="p1"
-          >
-            <template slot="prepend">
-              {{ $t("work.password") }}
-            </template>
-          </el-input>
-          <el-input
-            :placeholder="$t('work.pleasePassword')"
-            style="width: 25%; float: left; margin-left: 30px"
-            show-password
-            v-model="p2"
-          >
-            <template slot="prepend">
-              {{ $t("work.comfirm") }}
-            </template>
-          </el-input>
-          <el-input
-            :placeholder="$t('work.addContent')"
-            style="width: 40%; float: left; margin-left: 30px"
-            v-model="zip_name"
-          >
-            <template slot="prepend">
-              {{ $t("work.name") }}
-            </template>
-          </el-input>
-        </div>
-        <div v-else-if="file_form == 2 && switch_cont">
-          <el-input
-            :placeholder="$t('work.addContent')"
-            style="width: 40%; float: left"
-            v-model="zip_name"
-          >
-            <template slot="prepend">
-              {{ $t("work.name") }}
-            </template>
-          </el-input>
-        </div>
-        <div style="width: 100%" v-else>&nbsp;</div>
-      </el-col>
-      <el-col :span="10">
-        <el-input
-          :placeholder="$t('work.addContent')"
-          v-model="number"
-          style="width: 200px; float: left"
-        >
-          <template slot="prepend">
-            {{ $t("work.num") }}
-          </template>
-        </el-input>
-
-        <el-button type="primary" style="float: right" @click="upload">
-          {{ $t("work.submit") }}
-        </el-button>
-        <el-button
-          type="primary"
-          @click="saveWork"
-          style="float: right; margin-right: 20px"
-        >
-          {{ $t("work.save") }}
-        </el-button>
-        <!--<el-button type="primary" style="float: right;margin-right:10px" @click="upload">
-					上传
-				</el-button>-->
-      </el-col>
-    </el-row>
-  </div>
-</template>
-<script>
-String.prototype.strLen = function () {
-  var len = 0;
-  for (var i = 0; i < this.length; i++) {
-    if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) len += 2;
-    else len++;
-  }
-  return len;
-};
-String.prototype.strToChars = function () {
-  var chars = new Array();
-  for (var i = 0; i < this.length; i++) {
-    chars[i] = [this.substr(i, 1), this.isCHS(i)];
-  }
-  String.prototype.charsArray = chars;
-  return chars;
-};
-String.prototype.isCHS = function (i) {
-  if (this.charCodeAt(i) > 255 || this.charCodeAt(i) < 0) return true;
-  else return false;
-};
-String.prototype.subCHString = function (start, end) {
-  var len = 0;
-  var str = "";
-  this.strToChars();
-  for (var i = 0; i < this.length; i++) {
-    if (this.charsArray[i][1]) len += 2;
-    else len++;
-    if (end < len) return str;
-    else if (start < len) str += this.charsArray[i][0];
-  }
-  return str;
-};
-String.prototype.subCHStr = function (start, length) {
-  return this.subCHString(start, start + length);
-};
-function getNowFormatDate() {
-  var date = new Date();
-  var seperator1 = "-";
-  var year = date.getFullYear();
-  var month = date.getMonth() + 1;
-  var strDate = date.getDate();
-  if (month >= 1 && month <= 9) {
-    month = "0" + month;
-  }
-  if (strDate >= 0 && strDate <= 9) {
-    strDate = "0" + strDate;
-  }
-  var currentdate = year + seperator1 + month + seperator1 + strDate;
-  return currentdate;
-}
-import Files from "./files/file.vue";
-var fs = require("fs");
-const { dialog } = require("@electron/remote");
-export default {
-  name: "work",
-  props: {
-    dice: {
-      type: Number,
-    },
-    saveWorkList: {
-      type: Object | undefined,
-    },
-    isNew: {
-      type: Boolean,
-    },
-    printerList: {
-      type: Object | undefined,
-    },
-    shareDisk: {
-      type: String | undefined,
-    },
-    isCopy: {
-      type: Boolean | undefined,
-      default: false,
-    },
-    filterPassedType: {
-      type: Array,
-      default: [],
-    },
-    sizeType: {
-      type: Array,
-      default: [],
-    },
-  },
-  components: {
-    Files,
-  },
-  data() {
-    return {
-      flag: false,
-      switch_cont: true,
-      switch_tag: true,
-      print_flag: null,
-      //print_op: [{
-      //    value: 2,
-      //  label: this.$t("work.front")
-      //}, {
-      //    value: 3,
-      //    label: this.$t("work.back")
-      //}, {
-      //    value: 1,
-      //    label: this.$t("work.double")
-      //}],
-      size_type: [],
-      // size_type: [
-      // {
-      // value: 0.512,
-      // label: "512MB|2.0",
-      // },
-      // {
-      // value: 4,
-      // label: "4GB|2.0",
-      // },
-      // {
-      // value: 32,
-      // label: "32GB|2.0",
-      // },
-      // {
-      // value: 64,
-      // label: "64GB|3.0",
-      // },
-      // {
-      // value: 128,
-      // label: "128GB|3.0",
-      // },
-      // {
-      // value: 256,
-      // label: "256GB|3.0",
-      // },
-      // ],
-      //type: [{
-      //    value: 0,
-      //    label: this.$t("work.diskPart")
-      //}, {
-      //    value: 1,
-      //    label: this.$t("work.cdPart")
-      //}, {
-      //
-      //   // -- value: 2,
-      //   //  label: '加密分区'
-      ////  }, {
-
-      //    value: 3,
-      //    label: this.$t("work.forbidCopyPart")
-      //}, {
-      //   // -- value: 4,
-      // //    label: '普普分区'
-      ////  }, {
-
-      //    value: 5,
-      //    label: this.$t("work.cdWithDisk")
-      //}],
-      //file_type: [{
-      //    value: 0,
-      //    label: this.$t("work.fileAnd")
-      //}, {
-      //    value: 1,
-      //    label: this.$t("work.eCd")
-      //}, {
-      //     value: 2,
-      //     label: this.$t("work.zip")
-      //  }, {
-      //     value: 3,
-      //     label: this.$t("work.passZip")
-      // }, {
-      //    value: 4,
-      //    label: this.$t("work.forbidCopyU")
-      //}],
-      size_form: null,
-      type_form: 0,
-      file_form: 0,
-      number: 1,
-      juanbiao_form: "",
-      options: {
-        // https://github.com/simple-uploader/Uploader/tree/develop/samples/Node.js
-        target: "/upload/",
-        testChunks: false,
-      },
-      zip_attrs: {
-        accept: ".zip",
-      },
-      iso_attrs: {
-        accept: "iso/img",
-      },
-      fileData: {},
-      tableData: [],
-      //high_setting: {
-      //    priority: [{
-      //        value: 1,
-      //        label: this.$t("work.low")
-      //    }, {
-      //        value: 0,
-      //        label: this.$t("work.normal")
-      //    }, {
-      //        value: 2,
-      //        label: this.$t("work.high")
-      //    }],
-      //    fileSystem: [{
-      //        value: 0,
-      //        label: this.$t("work.auto")
-      //    }, {
-      //        value: 1,
-      //        label: 'FAT32'
-      //    }, {
-      //        value: 2,
-      //        label: 'exFAT'
-      //    }, {
-      //        value: 3,
-      //        label: 'NTFS'
-      //    }],
-      //    target_work: [{
-      //        value: 0,
-      //        label: this.$t("work.any")
-      //    }, ],
-      //    color_type: [{
-      //        value: 0,
-      //        label: this.$t("work.any")
-      //    }, {
-      //        value: 1,
-      //        label: this.$t("work.sigleColor")
-      //    }, {
-      //        value: 2,
-      //        label: this.$t("work.colorful")
-      //    }, ],
-      //},
-      high_setting_form: {
-        priority: 0,
-        fileSystem: 0,
-        target_work: 0,
-        color_type: 0,
-        s1: false,
-        s2: false,
-        s3: false,
-        s4: false,
-        s5: false,
-        pass: "",
-        repass: "",
-        localfiles: false, //本地文件
-        formatFile: 0, // auto
-        Span_USBcard: false,
-      },
-      file_name: null,
-      file_name3: this.$t("work.binImg"),
-      upload_disk: "",
-      p1: "",
-      p2: "",
-      size: 0,
-      zip_name: "",
-      flag_cont_up: false,
-      filter_rules: [[0], [1, 5], [0], [0], [3]],
-      form: {},
-      fullscreenLoading: false,
-      file_len: 0,
-      customColors: [
-        { color: "#67C23A", percentage: 99 },
-        { color: "#F56C6C", percentage: 100 },
-      ],
-      csvIsExist: false,
-      upload_flag: false,
-      fileLists: [], //上传文件列表
-    };
-  },
-  created() {
-    this.upload_disk = this.genTaskUUID();
-    this.options.target += this.upload_disk + "/data";
-    //this.options.target = "/api";
-  },
-  updated() {},
-  mounted() {
-    const high = localStorage.getItem("high_setting_form");
-    if (high) {
-      this.high_setting_form = JSON.parse(high);
-    }
-    this.juanbiao_form = getNowFormatDate();
-    if (this.dice == 1) {
-      this.flag = true;
-      this.print_flag = 2;
-    } else {
-      this.print_flag = 1;
-    }
-  },
-  updated() {},
-  methods: {
-    toChar(n) {
-      return String.fromCharCode(65 + parseInt(n));
-    },
-    getPrintName(id) {
-      return this.$t("index.wordSpace") + id.substr(-5);
-    },
-    getPrintName1(id) {
-      for (let i = 0; i < this.printerList.length; i++) {
-        if (this.printerList[i].PrinterID == id) {
-          return `工作站` + this.toChar(i);
-        }
-      }
-    },
-    openFile() {
-      this.$refs.refFile.dispatchEvent(new MouseEvent("click"));
-    },
-    openFile2() {
-      this.$refs.refFile2.dispatchEvent(new MouseEvent("click"));
-    },
-    openFile3() {
-      this.$refs.refFile3.dispatchEvent(new MouseEvent("click"));
-    },
-    fileLoad() {
-      let selectedFile = this.$refs.refFile.files[0];
-      let reader = new FileReader();
-      reader.readAsText(selectedFile);
-      let _this = this;
-      reader.onload = function () {
-        let json = JSON.parse(this.result);
-        _this.fileData = json;
-        _this.form = {};
-        _this.tableData = [];
-        for (let item of _this.fileData.frontData) {
-          if (
-            item.type == 1 ||
-            item.type == 3 ||
-            item.type == 4 ||
-            item.type == 5
-          ) {
-            _this.tableData.push({
-              name: item.name + _this.$t("work.front_tag"),
-              val: item.DefaultText == undefined ? "" : item.DefaultText,
-              origin_name: item.name,
-              type: item.type,
-              default:
-                item.DefaultText == undefined ? undefined : item.DefaultText,
-            }); //前
-            _this.$set(
-              _this.form,
-              item.name,
-              item.DefaultText == undefined ? "" : item.DefaultText
-            );
-          }
-        }
-        for (let item of _this.fileData.backData) {
-          if (
-            item.type == 1 ||
-            item.type == 3 ||
-            item.type == 4 ||
-            item.type == 5
-          ) {
-            _this.tableData.push({
-              name: item.name + _this.$t("work.back_tag"),
-              val: item.DefaultText == undefined ? "" : item.DefaultText,
-              origin_name: item.name,
-              type: item.type,
-              default:
-                item.DefaultText == undefined ? undefined : item.DefaultText,
-            });
-            _this.$set(
-              _this.form,
-              item.name,
-              item.DefaultText == undefined ? "" : item.DefaultText
-            );
-          }
-        }
-        _this.$refs.refFile2.value = "";
-        _this.$refs.refFile3.value = "";
-
-        _this.csvIsExist = false;
-        _this.file_name = null;
-        _this.file_name3 = _this.$t("work.binImg");
-      };
-    },
-    fileLoad2() {
-      this.file_name = this.$refs.refFile2.files[0].name;
-      this.csvLoad();
-    },
-    fileLoad3() {
-      this.file_name3 = this.$refs.refFile3.files[0].name;
-    },
-    csvLoad() {
-      let selectedFile = this.$refs.refFile2.files[0];
-      let reader = new FileReader();
-      reader.readAsText(selectedFile);
-      let _this = this;
-      reader.onload = function () {
-        //let flag = true; //校验结果
-        let first_line = this.result
-          .split("\n")[0]
-          .replace("\r", "")
-          .split(","); //第一行
-        let second_line = this.result
-          .split("\n")[1]
-          .replace("\r", "")
-          .split(","); //第二行
-        let i = 0;
-        for (let item of first_line) {
-          _this.$set(_this.form, item, second_line[i]);
-          i++;
-        }
-        _this.csvIsExist = true;
-
-        //let ava_num = 0; //实际数量，去除空
-        //let str_len = this.result.split("\n").length - 1;
-        //for (let item of arr) {
-        //    if (item != "") {
-        //        ava_num++;
-        //    }
-        //}
-        //if (ava_num != _this.tableData.length) {
-        //    flag = false; //参数量不相等
-        //    _this.$message({offset:100,
-        //        message: '请检查，合并文件csv数据跟cs字段数不匹配！',
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        //if (str_len < _this.number) {
-        //
-        //    flag = false; //数量不匹配
-        //    _this.$message({offset:100,
-        //        message: '请检查，合并文件csv数据组跟usb卡片发行数字num不匹配！',
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        //let warn_arr = [];
-        //for (let item of _this.tableData) {
-        //    console.log(item)
-        //    if (arr.indexOf(item.origin_name + '') == -1) {
-        //        warn_arr.push(item.origin_name + '');
-        //    }
-        //}
-        //if (warn_arr.length != 0) { //参数名不匹配
-        //    _this.$message({offset:100,
-        //        message: '未发现' + warn_arr + "字段！",
-        //        type: 'warning'
-        //    });
-        //}
-      };
-    },
-    format(percentage) {
-      let mb = (this.size_form * 931.3).toFixed(0);
-      return (this.size / (1024 * 1024)).toFixed(1) + "MB / " + mb + "MB";
-    },
-
-    genTaskUUID() {
-      var myDate = new Date();
-      var dateStr =
-        myDate.getFullYear().toString() +
-        (myDate.getMonth() >= 9
-          ? (myDate.getMonth() + 1).toString()
-          : "0" + (myDate.getMonth() + 1).toString()) +
-        (myDate.getDate() > 9
-          ? myDate.getDate().toString()
-          : "0" + myDate.getDate().toString()) +
-        (myDate.getHours() > 9
-          ? myDate.getHours().toString()
-          : "0" + myDate.getHours().toString()) +
-        (myDate.getMinutes() > 9
-          ? myDate.getMinutes().toString()
-          : "0" + myDate.getMinutes().toString()) +
-        (myDate.getSeconds() > 9
-          ? myDate.getSeconds().toString()
-          : "0" + myDate.getSeconds().toString());
-
-      return dateStr + "-WEB-" + Math.random().toString(36).substr(2);
-    },
-    async upload_over() {
-      //左侧内容上传结束
-      if (!this.upload_flag) {
-        return;
-      }
-      this.upload_flag = false;
-      if (this.flag_cont_up) {
-        //如果是点击按钮开启的上传，则进行上传右侧
-        if (this.switch_tag) {
-          //开启了标签则检测并上传
-          let files_n_incr = 1;
-          let data1 = new FormData();
-          if (this.isNew) {
-            if (this.$refs.refFile.files[0]) {
-              data1.append(`file${files_n_incr}`, this.$refs.refFile.files[0]); //标签cs文件
-              files_n_incr++;
-            } else {
-              this.$message({
-                offset: 100,
-                message: this.$t("work.pleaseUploadTag"),
-                type: "warning",
-              });
-              return;
-            }
-          } else {
-            if (this.fileData && !this.$refs.refFile.files[0]) {
-              //纯打开，需要上传的是as文件
-              let _file = new File(
-                [JSON.stringify(this.fileData)],
-                this.saveWorkList.taskName,
-                { type: "text/plain" }
-              );
-              data1.append(`file${files_n_incr}`, _file); //标签cs文件
-              files_n_incr++;
-            } else if (this.fileData && this.$refs.refFile.files[0]) {
-              //打开后，又重新选择了soon文件
-              data1.append(`file${files_n_incr}`, this.$refs.refFile.files[0]); //标签cs文件
-              files_n_incr++;
-            } else {
-              this.$message({
-                offset: 100,
-                message: this.$t("work.pleaseUploadTag"),
-                type: "warning",
-              });
-              return;
-            }
-          }
-
-          if (this.$refs.refFile2.files.length != 0) {
-            // 有csv合并文件
-            data1.append(`file${files_n_incr}`, this.$refs.refFile2.files[0]); //csv文件
-            data1.append(`csv`, true); //csv文件flag
-            //console.log(this.$refs.refFile2.files);
-            files_n_incr++;
-          } else {
-            data1.append(`csv`, false); //csv文件flag
-          }
-          for (let item of this.tableData) {
-            if (
-              item.type == 1 &&
-              this.$refs[item.origin_name].files[0] != undefined &&
-              this.$refs.refFile2.files.length != 0
-            ) {
-              //有合并文件
-              //data1.append(item.origin_name, this.$refs[item.origin_name].files[0]);//图片文件
-              data1.append(
-                `file${files_n_incr}`,
-                this.$refs[item.origin_name].files[0]
-              ); //图片文件
-              files_n_incr++;
-            } else if (
-              item.type == 1 &&
-              this.$refs[item.origin_name].files[0] != undefined &&
-              this.$refs.refFile2.files.length == 0
-            ) {
-              //无合并文件
-              data1.append(
-                item.origin_name,
-                this.$refs[item.origin_name].files[0]
-              ); //图片文件
-              //data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]);//图片文件
-              files_n_incr++;
-            } else if (
-              (item.type == 3 || item.type == 5) &&
-              this.$refs.refFile2.files.length == 0
-            ) {
-              //无合并文件
-              let data = this.form[item.origin_name];
-              if (data == "" || data == undefined || data == null) {
-                data = item.default;
-              }
-              data1.append(item.origin_name, data); //合成文字与条形码 有默认值的
-            } else if (
-              item.type == 4 &&
-              this.$refs.refFile2.files.length == 0
-            ) {
-              //二维码
-              data1.append(item.origin_name, this.form[item.origin_name]);
-            }
-          }
-
-          this.$message({ offset: 100, message: this.$t("work.uploadingTag") });
-          let pathName;
-          if (this.high_setting_form.localfiles) {
-            //打开本地选项
-            let rootFile = this.$refs.uploader.uploader.getRoot();
-            if (rootFile.fileList.length != 1) {
-              this.$message({
-                offset: 100,
-                message: this.$t("work.oneFolder"),
-                type: "warning",
-              });
-              return;
-            }
-            let filePath = rootFile.fileList[0];
-            if (!filePath.isFolder) {
-              this.$message({
-                offset: 100,
-                message: this.$t("work.notFolder"),
-                type: "warning",
-              });
-              return;
-            }
-            pathName = filePath.name;
-          } else {
-            pathName = this.upload_disk;
-          }
-          this.$axios({
-            method: "post",
-            url: "/upload/" + pathName,
-            headers: {
-              "Content-Type":
-                "multipart/form-data;boundary=" + new Date().getTime(),
-            },
-            data: data1,
-          }).then((res) => {
-            this.submit(); //调用提交函数
-          });
-          //this.submit(); //调用提交函数
-          //if (this.$refs.refFile.files[0]) {
-          //    data1.append("file1", this.$refs.refFile.files[0]);
-          //}else{
-          //    this.$message({offset:100,
-          //        message: "请上传标签！",
-          //        type: 'warning'
-          //    });
-          //    return;
-          //}
-          //if (this.$refs.refFile3.files[0]) {//添加了图片就上传图片文件
-          //    data1.append("file3", this.$refs.refFile3.files[0]);
-          //}
-          //if( this.tableData.length != 0 ){
-          //    //需要上传数据文件
-          //
-          //    if (this.$refs.refFile2.files[0]) {
-          //        //有数据文件
-          //        data1.append("file2", this.$refs.refFile2.files[0]);
-          //        //需要进一步判断是否有合成图片，有则上传
-          //        if(isExistBinPic()){
-          //            //存在合成图片，则上传合成图片
-          //            let f1 = this.check_compressed();
-          //            let f2;
-          //            await f1.then((res)=>{
-          //                f2 = res;
-          //            })
-          //            if(res){
-          //                //校验合并图片成功
-          //            }else{
-          //                return;
-          //            }
-          //        }
-          //    }else{
-          //        let flag_1 = false;//如果全部是合成图片，则false；如果有 非合成图片 ，那么就是true
-          //        for( let value of this.tableData){
-          //            if(value.type != 1){
-          //                flag_1 = true;
-          //                break;
-          //            }
-          //        }
-          //        if(flag_1){
-          //            //需要上传csv则校验，否则
-          //            this.$message({offset:100,
-          //                message: "请上传标签合并文件！",
-          //                type: 'warning'
-          //            });
-          //            return;
-          //        }
-          //    }
-          //
-          //}
-          //
-          //this.$message({offset:100,
-          //    message: "正在上传标签文件...",
-          //});
-          //
-          //this.$axios({
-          //    method: "post",
-          //    url: "/upload/" + this.upload_disk,
-          //    headers: {
-          //        "Content-Type": "multipart/form-data;boundary=" + new Date().getTime()
-          //    },
-          //    data: data1,
-          //}).then(res=>{
-          //    this.submit();//调用提交函数
-          //});
-        } else {
-          //未开启标签则直接提交
-          this.submit();
-        }
-        //this.submit();
-      }
-      this.flag_cont_up = false;
-    },
-    isExistBinPic() {
-      let flag_1 = false;
-      for (let value of this.tableData) {
-        if (value.type == 1) {
-          flag_1 = true;
-          break;
-        }
-      }
-      return flag_1; //如果存在合成图片，就返回true
-    },
-    async check_compressed() {
-      let flag = true; //全部选择
-      for (let item in this.$refs) {
-        if (item.search("compress") != -1) {
-          //出现compress
-          if (this.$refs[item].files.length == 0) {
-            flag = false; //有未选择的，报错
-            break;
-          }
-        }
-      }
-      if (!flag) {
-        //报错内容
-        this.$message({
-          offset: 100,
-          message: this.$t("work.pleaseUploadingImgBin"),
-          type: "warning",
-        });
-        return false;
-      } else {
-        //开始上传合并图片压缩文件
-
-        let data1 = new FormData(); // 创建一个表单数据
-        let i = 0;
-        for (let item in this.$refs) {
-          if (item.search("compress") != -1) {
-            //出现compress
-            data1.append(
-              this.$refs[item].dataset.name,
-              this.$refs[item].files[0]
-            );
-          }
-          i++;
-        }
-        this.$message({
-          offset: 100,
-          message: this.$t("work.UploadingImgBin"),
-        });
-        let re;
-        await this.$axios({
-          method: "post",
-          url: "/upload/" + this.upload_disk,
-          headers: {
-            "Content-Type":
-              "multipart/form-data;boundary=" + new Date().getTime(),
-          },
-          data: data1,
-        })
-          .then((res) => {
-            re = true;
-          })
-          .catch(() => {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.UploadingImgBinFail"),
-              type: "warning",
-            });
-            re = false;
-          });
-        return re;
-      }
-    },
-    async upload() {
-      /*
-      开启了内容文件
-      上传按钮->work.upload->file.resume->file.cp----over>>> work.complete(work.upload_over)
-
-      */
-      //console.log(this.$refs.filesss.files);return;
-      console.log(this.size_form);
-      if (!this.size_form) {
-        this.$message({
-          offset: 100,
-          message: this.$t("work.size_form_error"),
-          type: "warning",
-        });
-        return;
-      }
-      for (let i in this.$refs.files.filesList) {
-        this.$refs.files.filesList[i].state = false;
-      }
-      this.$refs.files.nowstate = true;
-      if (this.switch_cont) {
-        //开启了左边内容则先左边
-        if (
-          !this.high_setting_form.Span_USBcard &&
-          this.size >
-            ((this.size_form * 1000) / 1.024 / 1.024 / 1.024) * 1024 * 1024
-        ) {
-          this.$message({
-            offset: 100,
-            message: this.$t("work.sizeExtra"),
-            type: "warning",
-          });
-          return;
-        }
-
-        if (this.$refs.files.allNumber == 0) {
-          this.$message({
-            offset: 100,
-            message: this.$t("work.pleaseUploadContent"),
-            type: "warning",
-          });
-          return;
-        }
-        this.flag_cont_up = true;
-        /*
-        if (this.$refs.uploader.uploader.isComplete()) {
-          //如果已经上传成功了，直接开始下一步
-          this.upload_over();
-          return;
-        }
-        */
-        this.upload_flag = true;
-        if (this.high_setting_form.localfiles) {
-          //如果开启本地文件，则只上传路径，不上传文件
-          this.upload_over();
-          return;
-        } else {
-          let t = true;
-          for (let i in this.$refs.files.filesList) {
-            if (this.$refs.files.filesList[i].size == -1) {
-              t = false;
-            }
-          }
-          if (t) {
-            if (this.file_form == 0) {
-              //文件和文件夹
-              //this.$refs.files.progressVisible = true;
-            } else if (this.file_form == 1) {
-              //电子光盘
-            } else if (this.file_form == 2) {
-              //zip
-              //this.$refs.files.archiverVisible = true;
-            } else if (this.file_form == 3) {
-              //加密zip
-              //this.$refs.files.archiverVisible = true;
-            } else if (this.file_form == 4) {
-              //u盘
-            }
-            this.$refs.files.isCopy = this.isCopy;
-            this.$refs.files.copyPath =
-              this.shareDisk + "\\" + this.upload_disk + "\\data\\";
-            console.log("path", this.$refs.files.copyPath);
-            console.log("isCopy", this.isCopy);
-            this.$refs.files.resume(this.file_form);
-            // this.$message({offset:100,
-            //   message: this.$t("work.uploadingContent"),
-            // });
-          } else {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.waitCalculate"),
-              type: "warning",
-            });
-          }
-        }
-      } else {
-        //没开启左边，则右边一定开启了
-        let files_n_incr = 1;
-        let data1 = new FormData();
-        if (this.isNew) {
-          if (this.$refs.refFile.files[0]) {
-            data1.append(`file${files_n_incr}`, this.$refs.refFile.files[0]); //标签cs文件
-            files_n_incr++;
-          } else {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.pleaseUploadTag"),
-              type: "warning",
-            });
-            return;
-          }
-        } else {
-          if (this.fileData && !this.$refs.refFile.files[0]) {
-            //纯打开，需要上传的是as文件
-            let _file = new File(
-              [JSON.stringify(this.fileData)],
-              this.saveWorkList.taskName,
-              { type: "text/plain" }
-            );
-            data1.append(`file${files_n_incr}`, _file); //标签cs文件
-            files_n_incr++;
-          } else if (this.fileData && this.$refs.refFile.files[0]) {
-            //打开后，又重新选择了soon文件
-            data1.append(`file${files_n_incr}`, this.$refs.refFile.files[0]); //标签cs文件
-            files_n_incr++;
-          } else {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.pleaseUploadTag"),
-              type: "warning",
-            });
-            return;
-          }
-        }
-
-        if (this.$refs.refFile2.files.length != 0) {
-          // 有csv合并文件
-          data1.append(`file${files_n_incr}`, this.$refs.refFile2.files[0]); //csv文件
-          data1.append(`csv`, true); //csv文件flag
-          files_n_incr++;
-        } else {
-          data1.append(`csv`, false); //csv文件flag
-        }
-        for (let item of this.tableData) {
-          if (
-            item.type == 1 &&
-            this.$refs[item.origin_name].files[0] != undefined &&
-            this.$refs.refFile2.files.length != 0
-          ) {
-            //有合并文件
-            //data1.append(item.origin_name, this.$refs[item.origin_name].files[0]);//图片文件
-            data1.append(
-              `file${files_n_incr}`,
-              this.$refs[item.origin_name].files[0]
-            ); //图片文件
-            files_n_incr++;
-          } else if (
-            item.type == 1 &&
-            this.$refs[item.origin_name].files[0] != undefined &&
-            this.$refs.refFile2.files.length == 0
-          ) {
-            //无合并文件
-            data1.append(
-              item.origin_name,
-              this.$refs[item.origin_name].files[0]
-            ); //图片文件
-            //data1.append(`file${files_n_incr}`, this.$refs[item.origin_name].files[0]);//图片文件
-            files_n_incr++;
-          } else if (
-            (item.type == 3 || item.type == 5) &&
-            this.$refs.refFile2.files.length == 0
-          ) {
-            //无合并文件
-            let data = this.form[item.origin_name];
-            if (data == "" || data == undefined || data == null) {
-              data = item.default;
-            }
-            data1.append(item.origin_name, data); //合成文字与条形码 有默认值的
-          } else if (item.type == 4 && this.$refs.refFile2.files.length == 0) {
-            //二维码
-            data1.append(item.origin_name, this.form[item.origin_name]);
-          }
-        }
-
-        this.$message({ offset: 100, message: this.$t("work.uploadingTag") });
-        this.$axios({
-          method: "post",
-          url: "/upload/" + this.upload_disk,
-          headers: {
-            "Content-Type":
-              "multipart/form-data;boundary=" + new Date().getTime(),
-          },
-          data: data1,
-        }).then((res) => {
-          this.submit(); //调用提交函数
-        });
-        //this.submit(); //调用提交函数
-        // 创建一个表单数据
-
-        //if (this.$refs.refFile.files[0]) {
-        //    data1.append("file1", this.$refs.refFile.files[0]);
-        //}else{
-        //    this.$message({offset:100,
-        //        message: "请上传标签！",
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        //if (this.$refs.refFile3.files[0]) {//添加了图片就上传图片文件
-        //    data1.append("file3", this.$refs.refFile3.files[0]);
-        //}
-        //if( this.tableData.length != 0 ){
-        //    //需要上传数据文件
-        //    if (this.$refs.refFile2.files[0]) {
-        //        //有数据文件，需要检测是否有合并图片
-        //        data1.append("file2", this.$refs.refFile2.files[0]);
-        //        if(isExistBinPic()){
-        //            //存在合成图片，则上传合成图片
-        //            let f1 = this.check_compressed();
-        //            let f2;
-        //            await f1.then((res)=>{
-        //                f2 = res;
-        //            })
-        //            if(res){
-        //                //校验合并图片成功
-        //            }else{
-        //                return;
-        //            }
-        //        }
-        //    }else{
-        //        //没有选择数据文件，判断是否全是合并文件
-        //        let flag_1 = false;
-        //            for( let value of this.tableData){
-        //                if(value.type != 1){
-        //                    flag_1 = true;
-        //                    break;
-        //                }
-        //            }
-        //        if(flag_1){
-        //            //需要上传csv则校验，否则
-        //            this.$message({offset:100,
-        //                message: "请上传标签合并文件！",
-        //                type: 'warning'
-        //               });
-        //            return;
-        //        }
-        //            let f1 = this.check_compressed();
-        //            let f2;
-        //            await f1.then((res)=>{
-        //                f2 = res;
-        //            })
-        //            if(res){
-        //                //校验合并图片成功
-        //            }else{
-        //                return;
-        //            }
-        //    }
-        //}
-      }
-    },
-    sizeChange(size) {
-      this.size = size;
-    },
-    onDrag(e) {
-      this.file_len = 0;
-      //const loading = this.$loading({
-      //  lock: true,
-      //  text: 'Loading',
-      //  spinner: 'el-icon-loading',
-      //  background: 'rgba(0, 0, 0, 0.7)'
-      //});
-      //setTimeout(() => {
-      //    console.log(2);
-      //}, 0);
-      //console.log(1);
-    },
-    submit() {
-      //提交最终的任务请求
-      let data = "";
-      let pathName;
-      if (this.high_setting_form.localfiles) {
-        //打开本地选项
-        let rootFile = this.$refs.uploader.uploader.getRoot();
-        if (rootFile.fileList.length != 1) {
-          this.$message({
-            offset: 100,
-            message: this.$t("work.oneFolder"),
-            type: "warning",
-          });
-          return;
-        }
-        let filePath = rootFile.fileList[0];
-        if (!filePath.isFolder) {
-          this.$message({
-            offset: 100,
-            message: this.$t("work.notFolder"),
-            type: "warning",
-          });
-          return;
-        }
-        pathName = filePath.name;
-      } else {
-        pathName = this.upload_disk;
-      }
-      let data_param = "CardSoon_File=" + pathName;
-      if (this.switch_cont) {
-        //内容开启 则内容项必须要填写。
-        /* delete 2022-06-15*/
-        //if (this.$refs.uploader.uploader.getSize() == 0) {
-        //    this.$message({offset:100,
-        //        message: "请添加内容！",
-        //        type: 'warning'
-        //    });
-        //    return;
-        //}
-        /*
-        if (
-          !this.$refs.uploader.uploader.isComplete() &&
-          !this.high_setting_form.localfiles
-        ) {
-          this.$message({offset:100,
-            message: this.$t("work.uploadFail"),
-            type: "warning",
-          });
-          return;
-        }
-        */
-        /*
-                    2022-06-24
-                    */
-        //选择的是电子光盘，则名称一定要填写
-        //if (this.file_form == 1) {
-        //    if (this.zip_name == "") {
-        //        this.$message({offset:100,
-        //            message: this.$t("work.isoNameInput"),
-        //            type: 'warning'
-        //        });
-        //        return;
-        //    }
-        //    data += "&diskLabel=" + this.zip_name;
-        //}
-        //选择的是zip文档，则名称一定要填写
-        if (this.file_form == 2) {
-          if (this.zip_name == "") {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.zipNameInput"),
-              type: "warning",
-            });
-            return;
-          }
-          data += "&zip_name=" + this.zip_name;
-        }
-        //选择的是zip加密，名称和密码需要校验
-        if (this.file_form == 3) {
-          if (this.zip_name == "") {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.zipNameInput"),
-              type: "warning",
-            });
-            return;
-          }
-          data += "&zip_name=" + this.zip_name;
-          if (this.p1 == "" || this.p1 != this.p2) {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.zipPassWrong"),
-              type: "warning",
-            });
-            return;
-          }
-          data += "&zip_pw=" + this.p1;
-        }
-        data += "&file_type=" + this.file_form;
-      }
-      if (this.switch_tag) {
-        //标签开启，则标签文件一定要上传
-        if (this.isNew) {
-          if (this.$refs.refFile.files.length == 0) {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.pleaseUploadTag"),
-              type: "warning",
-            });
-            return;
-          }
-        } else {
-          if (!this.fileData) {
-            this.$message({
-              offset: 100,
-              message: this.$t("work.pleaseUploadTag"),
-              type: "warning",
-            });
-            return;
-          }
-        }
-
-        if (this.fileData && !this.$refs.refFile.files[0]) {
-          //纯打开，需要上传的是as文件
-          data_param += "&Json_File=" + this.saveWorkList.taskName; //标签不为空给get参数加上json_file
-        } else if (this.fileData && this.$refs.refFile.files[0]) {
-          //打开后，又重新选择了soon文件或新建
-          data_param += "&Json_File=" + this.$refs.refFile.files[0].name; //标签不为空给get参数加上json_file
-        }
-
-        if (this.$refs.refFile2.files.length != 0) {
-          //数据文件不为空给get参数加上udf_File
-          data_param += "&Udf_File=file:" + this.$refs.refFile2.files[0].name;
-        }
-        if (
-          (this.print_flag == 1 && this.fileData.flag != 1) ||
-          (this.print_flag == 2 && this.fileData.flag == 3) ||
-          (this.print_flag == 3 && this.fileData.flag == 2)
-        ) {
-          //打印面数print_flag为1 - 双面的时候，模板flag必须为1 - 双面
-          //打印面数print_flag为2 - 正 的时候 模板正面必须有内容 (flag != 3)
-          //打印面数print_flag为3 - 反 的时候 模板背面必须有内容 (flag != 2)
-          this.$message({
-            offset: 100,
-            message: this.$t("work.print_flagError"),
-            type: "warning",
-          });
-          return;
-        }
-        data += "&print_flag=" + this.print_flag; //打印面数需要在开启了标签时，1双 2正3背
-      }
-      if (this.juanbiao_form == "") {
-        this.$message({
-          offset: 100,
-          message: this.$t("work.juanbiaoInput"),
-          type: "warning",
-        });
-        return;
-      }
-      data += "&label=" + this.juanbiao_form; //卷标
-      //校验完毕，拼接剩余参数
-
-      data += "&printCopys=" + this.number; //份数
-      data += "&disk_size=" + this.size_form; //容量，4，8，32
-      data += "&zone_type=" + this.type_form; //按照界面顺序从0到5
-      data += "&hasPrintTask=" + this.switch_tag; //标签开关
-      data += "&hasCopyTask=" + this.switch_cont; //内容开关
-      //data += "&local=" + this.high_setting_form.localfiles; //本地文件开关
-      data += "&copy_cache_data=" + this.isCopy; //本地文件开关
-      data += "&SpanUcard=" + this.high_setting_form.Span_USBcard; //允许跨卡
-      data += "&version=local"; //单机版
-      data += "&hash=" + this.high_setting_form.s1; //hash
-      data += "&md5=" + this.high_setting_form.s2; //md5
-      data += "&printer=" + this.high_setting_form.target_work; //目标打印机id，若0则全部
-      if (this.high_setting_form.formatFile != 0) {
-        data += "&formatFile=" + this.high_setting_form.formatFile; //拷贝前类型
-      }
-      if (this.file_form == 0 || this.file_form == 1 || this.file_form == 4) {
-        //文件和文件夹
-        let file_path = [];
-        for (let i in this.$refs.files.filesList) {
-          file_path.push(this.$refs.files.filesList[i].path);
-        }
-        const file_data = JSON.stringify(file_path);
-        if (this.isCopy) {
-          this.$axios({
-            method: "post",
-            url: "/rest/job/?" + data_param + data,
-          }).then((res) => {
-            console.log(res.data);
-          });
-        } else {
-          this.$axios({
-            method: "post",
-            url: "/rest/job/?" + data_param + data,
-            data: { files: file_data }, //不复制就上传文件
-          }).then((res) => {
-            console.log(res.data);
-          });
-        }
-      } else if (this.file_form == 2 || this.file_form == 3) {
-        //zip
-        const zip_data = [this.$refs.files.zip_path];
-        this.$axios({
-          method: "post",
-          url: "/rest/job/?" + data_param + data,
-          data: { files: zip_data },
-        }).then((res) => {
-          console.log(res.data);
-        });
-      }
-
-      this.$message({ offset: 100, message: this.$t("work.submiting") });
-      this.$emit("jobPost");
-    },
-
-    saveWork() {
-      let t = true;
-      for (let i in this.$refs.files.filesList) {
-        if (this.$refs.files.filesList[i].size == -1) {
-          t = false;
-        }
-      }
-
-      if (t) {
-        let save = this.fileData;
-        save.filesList = this.$refs.files.getLists();
-        //save.tagFile = this.fileData;
-        save.allNumber = this.$refs.files.allNumber;
-        save.size = this.size;
-        save.file_form = this.file_form;
-        save.type_form = this.type_form;
-        save.size_form = this.size_form;
-        save.juanbiao_form = this.juanbiao_form;
-        save.high_setting_form = this.high_setting_form;
-        save.print_flag = this.print_flag;
-
-        //  save.tableData = this.tableData;
-        if (this.switch_cont && this.switch_tag) {
-          save.switch = 3;
-        } else if (this.switch_cont) {
-          save.switch = 1;
-        } else {
-          save.switch = 2;
-        }
-        const v = JSON.stringify(save);
-        dialog
-          .showSaveDialog({
-            title: "保存作业",
-            filters: [{ name: "Soon Work", extensions: ["swk"] }],
-          })
-          .then((result) => {
-            fs.writeFileSync(result.filePath, v);
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else {
-        this.$message({
-          offset: 100,
-          message: this.$t("work.waitCalculate"),
-          type: "warning",
-        });
-      }
-    },
-    convertSize(obj) {
-      // 提取数值和单位
-      const { value, label } = obj;
-      let numericValue = parseFloat(value);
-      const unit = value.slice(-2);
-
-      // 根据单位转换数值
-      if (unit === "GB") {
-        // 如果是GB，数值不变
-        numericValue = numericValue;
-      } else if (unit === "MB") {
-        // 如果是MB，转换为GB
-        numericValue = numericValue / 1000;
-      }
-
-      // 返回新的对象
-      return { value: numericValue, label: label };
-    },
-  },
-  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;
-    },
-    print_op() {
-      return [
-        {
-          value: 2,
-          label: this.$t("work.front"),
-        },
-        {
-          value: 3,
-          label: this.$t("work.back"),
-        },
-        {
-          value: 1,
-          label: this.$t("work.double"),
-        },
-      ];
-    },
-    type() {
-      return [
-        {
-          value: 0,
-          label: this.$t("work.diskPart"),
-        },
-        {
-          value: 1,
-          label: this.$t("work.cdPart"),
-        },
-        {
-          // -- value: 2,
-          //  label: '加密分区'
-          //  }, {
-
-          value: 3,
-          label: this.$t("work.forbidCopyPart"),
-        },
-        {
-          // -- value: 4,
-          //    label: '普普分区'
-          //  }, {
-
-          value: 5,
-          label: this.$t("work.cdWithDisk"),
-        },
-      ];
-    },
-    file_type() {
-      return [
-        {
-          value: 0,
-          label: this.$t("work.fileAnd"),
-        },
-        {
-          value: 1,
-          label: this.$t("work.eCd"),
-        },
-        {
-          value: 2,
-          label: this.$t("work.zip"),
-        },
-        {
-          value: 3,
-          label: this.$t("work.passZip"),
-        },
-        {
-          value: 4,
-          label: this.$t("work.forbidCopyU"),
-        },
-      ];
-    },
-    high_setting() {
-      let target_work = this.printerList.map((item) => {
-        return {
-          value: item.PrinterID,
-          label: this.getPrintName(item.PrinterID),
-        };
-      });
-      target_work.push({
-        value: 0,
-        label: this.$t("work.any"),
-      });
-      return {
-        priority: [
-          {
-            value: 1,
-            label: this.$t("work.low"),
-          },
-          {
-            value: 0,
-            label: this.$t("work.normal"),
-          },
-          {
-            value: 2,
-            label: this.$t("work.high"),
-          },
-        ],
-        fileSystem: [
-          {
-            value: 0,
-            label: this.$t("work.auto"),
-          },
-          {
-            value: 1,
-            label: "FAT32",
-          },
-          {
-            value: 2,
-            label: "exFAT",
-          },
-          {
-            value: 3,
-            label: "NTFS",
-          },
-        ],
-        target_work: target_work,
-        color_type: [
-          {
-            value: 0,
-            label: this.$t("work.any"),
-          },
-          {
-            value: 1,
-            label: this.$t("work.sigleColor"),
-          },
-          {
-            value: 2,
-            label: this.$t("work.colorful"),
-          },
-        ],
-        formatFile: [
-          {
-            value: 0,
-            label: this.$t("work.auto"),
-          },
-          {
-            value: "FAT",
-            label: "FAT",
-          },
-          {
-            value: "FAT32",
-            label: "FAT32",
-          },
-          {
-            value: "NTFS",
-            label: "NTFS",
-          },
-          {
-            value: "EXFAT",
-            label: "EXFAT",
-          },
-        ],
-      };
-    },
-    bgi() {
-      if (this.size != 0) {
-        return "";
-      }
-      return this.$t("work.dropBg");
-    },
-  },
-  watch: {
-    sizeType: {
-      deep: true,
-      immediate: true,
-      handler() {
-        this.size_type = this.sizeType.map((item) => {
-          return this.convertSize(item);
-        });
-        console.log(this.size_type);
-      },
-    },
-    high_setting_form: {
-      deep: true,
-      handler(val) {
-        console.log(val);
-        localStorage.setItem("high_setting_form", JSON.stringify(val));
-      },
-    },
-    filterPassedType: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        console.log("work", this.filterPassedType);
-        console.log("work", this.size_type);
-        if (this.size_form == null) {
-          for (let item of this.size_type) {
-            if (this.filterPassedType.indexOf(item.value) != -1) {
-              this.size_form = item.value;
-              return;
-            }
-          }
-        }
-      },
-    },
-    switch_cont() {
-      if (!this.switch_cont && !this.switch_tag) {
-        //转换
-        this.switch_tag = true;
-      }
-    },
-    switch_tag() {
-      if (!this.switch_cont && !this.switch_tag) {
-        //转换
-        this.switch_cont = true;
-      }
-    },
-    file_percent(val) {
-      if (val > 100 && !this.high_setting_form.Span_USBcard) {
-        this.$message({
-          offset: 100,
-          message: this.$t("work.sizeExtra"),
-          type: "warning",
-        });
-      }
-    },
-    file_form: {
-      immediate: true,
-      handler(val) {
-        if (this.filter_rules[val].indexOf(this.type_form) == -1) {
-          //现在选择的是不可选择的。
-          this.type_form = this.filter_rules[val][0];
-        }
-        for (let item of this.type) {
-          if (this.filter_rules[val].indexOf(item.value) == -1) {
-            //设置disable
-            this.$set(item, "disabled", true);
-          } else {
-            //取消disabled
-            this.$set(item, "disabled", false);
-          }
-        }
-        if (val == 2 || val == 3) {
-          this.zip_name = getNowFormatDate();
-          this.p1 = "123";
-          this.p2 = "123";
-        }
-      },
-    },
-    isNew: {
-      immediate: true,
-      handler(val) {
-        this.$nextTick(function () {
-          console.log("isNew:" + this.isNew);
-          if (!this.isNew) {
-            this.fileData = this.saveWorkList;
-            this.$refs.files.filesList = this.saveWorkList.filesList;
-            this.$refs.files.allNumber = this.saveWorkList.allNumber;
-            this.size = this.saveWorkList.size;
-            this.$refs.files.allSize = this.saveWorkList.size;
-            this.file_form = this.saveWorkList.file_form;
-            this.type_form = this.saveWorkList.type_form;
-            this.size_form = this.saveWorkList.size_form;
-            this.juanbiao_form = this.saveWorkList.juanbiao_form;
-            this.high_setting_form = this.saveWorkList.high_setting_form;
-            this.print_flag = this.saveWorkList.print_flag;
-            if (this.saveWorkList.switch == 3) {
-              this.switch_cont = true;
-              this.switch_tag = true;
-            } else if (this.saveWorkList.switch == 2) {
-              this.switch_tag = true;
-            } else if (this.saveWorkList.switch == 1) {
-              this.switch_cont = true;
-            }
-            this.form = {};
-            for (let item of this.fileData.frontData) {
-              if (
-                item.type == 1 ||
-                item.type == 3 ||
-                item.type == 4 ||
-                item.type == 5
-              ) {
-                this.tableData.push({
-                  name: item.name + this.$t("work.front_tag"),
-                  val: item.DefaultText == undefined ? "" : item.DefaultText,
-                  origin_name: item.name,
-                  type: item.type,
-                  default:
-                    item.DefaultText == undefined
-                      ? undefined
-                      : item.DefaultText,
-                }); //前
-                this.$set(
-                  this.form,
-                  item.name,
-                  item.DefaultText == undefined ? "" : item.DefaultText
-                );
-              }
-            }
-            for (let item of this.fileData.backData) {
-              if (
-                item.type == 1 ||
-                item.type == 3 ||
-                item.type == 4 ||
-                item.type == 5
-              ) {
-                this.tableData.push({
-                  name: item.name + this.$t("work.back_tag"),
-                  val: item.DefaultText == undefined ? "" : item.DefaultText,
-                  origin_name: item.name,
-                  type: item.type,
-                  default:
-                    item.DefaultText == undefined
-                      ? undefined
-                      : item.DefaultText,
-                });
-                this.$set(
-                  this.form,
-                  item.name,
-                  item.DefaultText == undefined ? "" : item.DefaultText
-                );
-              }
-            }
-
-            this.$refs.refFile2.value = "";
-            this.$refs.refFile3.value = "";
-
-            this.csvIsExist = false;
-            this.file_name = null;
-            this.file_name3 = this.$t("work.binImg");
-          }
-        });
-      },
-    },
-  },
-};
-</script>
-<style lang="less" scoped>
-.header {
-  .title {
-    font-size: 24px;
-    font-weight: bold;
-  }
-}
-
-.file {
-  height: 500px;
-  width: 100%;
-  background-color: #e8e7ee;
-  border: #c8cfd7 solid 1px;
-  box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  padding: 10px;
-
-  .title {
-    float: left;
-    font-size: 18px;
-    font-weight: bold;
-    height: 40px;
-    line-height: 40px;
-  }
-}
-
-.label {
-  height: 500px;
-  width: 100%;
-  background-color: #e8e7ee;
-  border: #c8cfd7 solid 1px;
-  box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  padding: 10px;
-
-  .title {
-    float: left;
-    font-size: 18px;
-    font-weight: bold;
-    height: 40px;
-    line-height: 40px;
-  }
-}
-
-.uploader-example {
-  width: 100%;
-  margin: 10px auto 0;
-  font-size: 12px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-  position: relative;
-}
-
-.uploader-example .uploader-btn {
-}
-
-.uploader-example .uploader-list {
-  max-height: 405px;
-  overflow: auto;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.uploader-list::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 10px;
-  /*高宽分别对应横竖滚动条的尺寸*/
-  height: 1px;
-}
-
-.uploader-list::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  border-radius: 10px;
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  background: #c7c7cb;
-}
-
-.uploader-list::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  border-radius: 10px;
-  background: #ededed;
-}
-
-.add-btns {
-  position: absolute;
-  left: 10px;
-}
-
-.upload-list {
-  margin-top: 30px;
-}
-
-.display {
-  margin-top: 10px;
-  background-color: #212830;
-  height: 240px;
-  overflow-x: auto;
-  overflow-y: auto;
-  box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-
-  img {
-    background-color: #1e252d;
-  }
-}
-
-/deep/ .uploader-file-name {
-  text-align: left;
-}
-
-/deep/ .el-progress-bar__outer {
-  background-color: #bac2d7;
-}
-
-/deep/ .uploader-file-progress {
-  background-color: #b0ee91;
-}
-
-.drag-bg {
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
-.dialog-header-btns {
-  display: flex;
-  justify-content: space-between;
-}
-</style>
diff --git a/src/renderer/lang/20240304.zip b/src/renderer/lang/20240304.zip
deleted file mode 100644
index e9edcd6..0000000
Binary files a/src/renderer/lang/20240304.zip and /dev/null differ
diff --git a/src/renderer/lang/cn.js b/src/renderer/lang/cn.js
index 7a85d7b..3a0318e 100644
--- a/src/renderer/lang/cn.js
+++ b/src/renderer/lang/cn.js
@@ -1,26 +1,32 @@
 export default {
-          recorder: {
-          startRecording: "开始录制",
-          stopRecording: "停止录制",
-          recordingStarted: "开始录制屏幕",
-          recordingStopped: "录制已停止",
-          savedSuccess: "录制已保存",
-          startFailed: "启动录制失败",
-          stopFailed: "停止录制失败",
-          saveFailed: "保存录制失败"
-        },
-        networkAuth: {
-          title: "网络路径认证",
-          description: "检测到以下网络路径，请输入对应的用户名和密码：",
-          pathLabel: "网络路径:",
-          userName: "用户名",
-          password: "密码",
-          confirm: "确认",
-          cancel: "取消",
-          authRequired: "请填写所有网络路径的用户名和密码",
-          authSuccess: "网络认证信息已保存",
-          authCanceled: "已取消网络路径认证"
-        },
+  common: {
+    confirm: "确认",
+    cancel: "取消",
+    save: "保存",
+    ok: "确定"
+  },
+  recorder: {
+    startRecording: "开始录制",
+    stopRecording: "停止录制",
+    recordingStarted: "开始录制屏幕",
+    recordingStopped: "录制已停止",
+    savedSuccess: "录制已保存",
+    startFailed: "启动录制失败",
+    stopFailed: "停止录制失败",
+    saveFailed: "保存录制失败"
+  },
+  networkAuth: {
+    title: "网络路径认证",
+    description: "检测到以下网络路径，请输入对应的用户名和密码：",
+    pathLabel: "网络路径:",
+    userName: "用户名",
+    password: "密码",
+    confirm: "确认",
+    cancel: "取消",
+    authRequired: "请填写所有网络路径的用户名和密码",
+    authSuccess: "网络认证信息已保存",
+    authCanceled: "已取消网络路径认证"
+  },
   finger: {
     intTips: "指纹模块正在初始化",
     errorInttips: "指纹模块初始化失败",
@@ -412,7 +418,7 @@ export default {
     ADC_Error: "ADC错误",
     Enocoder_Error_Film: "编码器错误(转印膜)",
     Card_Jam: "夹卡",
-    FIND_CARD:"存储卡错误，请检查存储卡",
+    FIND_CARD: "存储卡错误，请检查存储卡",
     Cover_open: "色带门打开",
     Rejectbox_Open: "废卡盒打开",
     Rejectbox_Full: "废卡盒已满",
@@ -452,14 +458,16 @@ export default {
   },
   work: {
     template: "模板",
-    mixMode: "制作混合模式存储卡",
+    metadataEdit: "标签内容编辑",
+    mixMode: "混合模式",
     spanUSBcard: "允许跨卡",
     hasAddFile: "拷贝附加文件",
     size_form_error: "请选择容量",
     size: "容量：",
     content: "拷贝类型：",
     fileAnd: "文件和文件夹",
-    eCd: "制作电子光盘存储卡",
+    eCd: "电子光盘",
+    encryptCard: "加密存储卡",
     zip: "生成ZIP后再拷贝",
     iso: "生成ISO后再拷贝",
     passZip: "加密ZIP",
@@ -470,6 +478,8 @@ export default {
     forbidCopyPart: "防拷贝分区",
     cdWithDisk: "光盘+磁盘",
     senior: "高级作业设置",
+    // 基础配置
+    basicConfig: "基础配置",
     better: "优先级",
     low: "低",
     normal: "正常",
@@ -479,12 +489,47 @@ export default {
     ribbonType: "色带类型",
     sigleColor: "单色",
     colorful: "彩色",
-    gshType: "作业前格式化类型",
-    formatFile: "拷贝前格式化类型",
+    gshType: "格式化类型",
+    formatFile: "格式化类型",
     auto: "不格式化",
+    // 高级功能
+    advancedFeatures: "高级功能",
+    generateISO: "拷贝前生成ISO",
+    isoFileName: "ISO名",
+    inputIsoName: "输入ISO名称",
+    generateZIP: "生成ZIP",
+    zipFileName: "ZIP名",
+    inputZipName: "输入ZIP名称",
+    isEncrypt: "加密",
+    inputPassword: "密码",
+    confirmPassword: "确认密码",
+    // HASH设置
     hash: "生成HASH文件",
+    genMD5: "生成MD5",
+    copyHash: "拷贝HASH",
+    printMD5: "打印MD5",
     md5: "打印MD5到HASH字段",
-    fail: "如果作业失败，则打印失败标签",
+    // 功能开关
+    funcSwitch: "功能开关",
+    failLabel: "失败打印标签",
+    fail: "失败打印标签",
+    allowSpanCard: "允许跨卡",
+    presetContent: "预设内容拷贝",
+    // 录制相关
+    screenRecordReview: "屏幕记录审查",
+    enableScreenRecord: "启用屏幕录制",
+    printRecordLogo: "打印标识",
+    recordPath: "录制路径",
+    defaultPath: "项目根目录/videos",
+    recordingStatus: "录制状态",
+    recording: "录制中...",
+    notRecording: "未录制",
+    // 硬件管控
+    hardwareControl: "硬件管控",
+    installDongle: "加密狗计数",
+    installCount: "安装次数",
+    setAuthCode: "设置授权码",
+    inputAuthCode: "输入授权码",
     addContent: "添加内容",
     addTag: "添加标签",
     contentTitle: "内容",
@@ -495,6 +540,8 @@ export default {
     tag: "标签",
     createTag: "创建标签",
     importTag: "选择标签",
+    design: "创建标签",
+    import: "选择标签",
     print: "打印：",
     front: "仅打印正面",
     back: "仅打印背面",
diff --git a/src/renderer/lang/en.js b/src/renderer/lang/en.js
index 2b4e27d..eb91573 100644
--- a/src/renderer/lang/en.js
+++ b/src/renderer/lang/en.js
@@ -1,26 +1,32 @@
 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"
-        },
+  common: {
+    confirm: "Confirm",
+    cancel: "Cancel",
+    save: "Save",
+    ok: "OK"
+  },
+  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",
@@ -409,12 +415,45 @@ export default {
     cdPart: "Virtual Disc",
     forbidCopyPart: "Anti-copy Format",
     cdWithDisk: "Removable Disk+Virtual Disc",
-    senior: "Advanced job Settings",
+    senior: "Advanced Settings",
+    // Basic Config
+    basicConfig: "Basic Config",
     better: "Priority",
-    low: "Low",
-    normal: "Normal",
-    high: "Hign",
     startWorkSpace: "Target Station",
+    ribbonType: "Ribbon Type",
+    formatFile: "Format Type",
+    // Advanced Features
+    advancedFeatures: "Advanced Features",
+    generateISO: "Generate ISO",
+    isoFileName: "ISO Name",
+    inputIsoName: "Enter ISO Name",
+    generateZIP: "Generate ZIP",
+    zipFileName: "ZIP Name",
+    inputZipName: "Enter ZIP Name",
+    isEncrypt: "Encrypt",
+    inputPassword: "Password",
+    confirmPassword: "Confirm Password",
+    // Hash
+    genMD5: "Gen MD5",
+    copyHash: "Copy HASH",
+    printMD5: "Print MD5",
+    // Switches
+    failLabel: "Print Fail Label",
+    allowSpanCard: "Span USB Card",
+    presetContent: "Preset Content",
+    // Recording
+    screenRecordReview: "Screen Record Review",
+    enableScreenRecord: "Enable Recording",
+    printRecordLogo: "Print Logo",
+    recordPath: "Record Path",
+    // Hardware
+    hardwareControl: "Hardware Control",
+    installDongle: "Dongle Count",
+    installCount: "Install Count",
+    setAuthCode: "Auth Code",
+    inputAuthCode: "Enter Auth Code",
+    // Metadata
+    metadataEdit: "Metadata Edit",
     any: "Any",
     ribbonType: "RibbonType",
     sigleColor: "Mono",
@@ -434,6 +473,8 @@ export default {
     selectFloder: "Add Floders",
     tag: "Lable",
     importTag: "Add Lables",
+    design: "Design",
+    import: "Import",
     print: "Print:",
     front: "Print front only",
     back: "Print back only",
diff --git a/src/renderer/lang/ocn.js b/src/renderer/lang/ocn.js
index 0e11341..a371df3 100644
--- a/src/renderer/lang/ocn.js
+++ b/src/renderer/lang/ocn.js
@@ -1,372 +1,378 @@
 export default {
+  common: {
+    confirm: "確認",
+    cancel: "取消",
+    save: "保存",
+    ok: "確定"
+  },
   finger: {
-    intTips:"指紋模塊正在初始化",
-    errorInttips:"指紋模塊初始化失敗",
-    deleteTips:"請確認是否删除指紋？ ",
-    deleteFingerclick:"點擊删除指紋",
-    inting:"正在初始化… ",
-    errorInt:"初始化失敗",
-    deleteFinger:"删除指紋",
-    scanOver:"指紋掃描完畢",
-    begingScanclick:"點擊開始掃描",
-    scaning:"掃描中… ",
+    intTips: "指紋模塊正在初始化",
+    errorInttips: "指紋模塊初始化失敗",
+    deleteTips: "請確認是否删除指紋？ ",
+    deleteFingerclick: "點擊删除指紋",
+    inting: "正在初始化… ",
+    errorInt: "初始化失敗",
+    deleteFinger: "删除指紋",
+    scanOver: "指紋掃描完畢",
+    begingScanclick: "點擊開始掃描",
+    scaning: "掃描中… ",
   },
   login: {
-    userLogin:"用戶登錄",
-    remberPasss:"記住帳號密碼",
-    login:"登入",
-    fingerLogin:"使用指紋登入",
-    title1:"CARDSOON USB存儲卡",
-    title2:"自動拷貝列印系統V3.1",
-    successLogin:"登入成功! ",
-    errorFingerlogin:"登入失敗,請重試指紋! ",
-    errorLogin:"登入失敗,請檢查帳號密碼! ",
-    serviceShut:"登入失敗,請檢查服務未啟動! ",
+    userLogin: "用戶登錄",
+    remberPasss: "記住帳號密碼",
+    login: "登入",
+    fingerLogin: "使用指紋登入",
+    title1: "CARDSOON USB存儲卡",
+    title2: "自動拷貝列印系統V3.1",
+    successLogin: "登入成功! ",
+    errorFingerlogin: "登入失敗,請重試指紋! ",
+    errorLogin: "登入失敗,請檢查帳號密碼! ",
+    serviceShut: "登入失敗,請檢查服務未啟動! ",
   },
   admin: {
-    hello:"您好,",
-    home:"返回",
-    systemControl:"系統管理",
-    userManage:"用戶管理",
-    app:"自動程式",
-    configureManage:"配置管理",
-    configuration:"系統配寘",
-    userName:"用戶名",
-    role:"用戶組",
-    lastTime:"最後登錄時間",
-    online:"線上狀態",
-    edit:"編輯",
-    add:"新增",
-    addUser:"新增用戶",
-    editUser:"編輯用戶",
-    delete:"删除",
-    tips:"提示",
-    confirmDelete:"再次確認删除此用戶! ",
-    successDeleted:"删除成功! ",
-    timeTask:"定時任務補償",
-    batchFormat:"自動格式化",
-    bulkCopy:"自動拷貝",
+    hello: "您好,",
+    home: "返回",
+    systemControl: "系統管理",
+    userManage: "用戶管理",
+    app: "自動程式",
+    configureManage: "配置管理",
+    configuration: "系統配寘",
+    userName: "用戶名",
+    role: "用戶組",
+    lastTime: "最後登錄時間",
+    online: "線上狀態",
+    edit: "編輯",
+    add: "新增",
+    addUser: "新增用戶",
+    editUser: "編輯用戶",
+    delete: "删除",
+    tips: "提示",
+    confirmDelete: "再次確認删除此用戶! ",
+    successDeleted: "删除成功! ",
+    timeTask: "定時任務補償",
+    batchFormat: "自動格式化",
+    bulkCopy: "自動拷貝",
     tips1:
-    "自動格式化程式提供批量格式化USB存儲卡功能。自動格式化會清除USB存儲卡所有的數據,請慎重使用!使用前務必拔出所有移動存放裝置,謹防錯誤遺失您的寶貴數據。",
-    tips2:"自動拷貝程式提供批量拷貝USB存儲卡到指定路徑的功能。 ",
-    selectWorkstation:"選擇工作站",
-    formatType:"格式化類型",
-    number:"數量",
-    copyPath:"拷貝路徑",
-    copying:"拷貝中",
-    confirm:"確定",
-    cancel:"取消",
-    missingStop:"進卡錯誤,程式終止! ",
-    makeOver:"程式結束",
-    cardIng:"進卡中… ",
-    fillPath:"請填寫拷貝路徑! ",
-    readFailure:"存儲卡讀取失敗,正在退出卡片… ",
-    comingSoon:"即將對",
-    readLetter:"讀入的存儲卡,盤符",
-    makeCpoy:":進行拷貝",
-    exitCard:"正在退出存儲卡… ",
-    format:":進行格式化",
-    nodata:"暫無數據",
-    openWork:"打開工作檔案",
-    onlineWord:"線上",
-    operation:"操作",
+      "自動格式化程式提供批量格式化USB存儲卡功能。自動格式化會清除USB存儲卡所有的數據,請慎重使用!使用前務必拔出所有移動存放裝置,謹防錯誤遺失您的寶貴數據。",
+    tips2: "自動拷貝程式提供批量拷貝USB存儲卡到指定路徑的功能。 ",
+    selectWorkstation: "選擇工作站",
+    formatType: "格式化類型",
+    number: "數量",
+    copyPath: "拷貝路徑",
+    copying: "拷貝中",
+    confirm: "確定",
+    cancel: "取消",
+    missingStop: "進卡錯誤,程式終止! ",
+    makeOver: "程式結束",
+    cardIng: "進卡中… ",
+    fillPath: "請填寫拷貝路徑! ",
+    readFailure: "存儲卡讀取失敗,正在退出卡片… ",
+    comingSoon: "即將對",
+    readLetter: "讀入的存儲卡,盤符",
+    makeCpoy: ":進行拷貝",
+    exitCard: "正在退出存儲卡… ",
+    format: ":進行格式化",
+    nodata: "暫無數據",
+    openWork: "打開工作檔案",
+    onlineWord: "線上",
+    operation: "操作",
   },
   dispose: {
-    infoTips:"記錄日誌等級,建議用戶設置為INFO",
-    errorTips1:"工作失敗後重試次數,默認0為不重試",
-    monitorPath:"自動工作檔案路徑",
+    infoTips: "記錄日誌等級,建議用戶設置為INFO",
+    errorTips1: "工作失敗後重試次數,默認0為不重試",
+    monitorPath: "自動工作檔案路徑",
     taskPath:
-    "工作緩存路徑,存放工作中臨時生成的內容檔案、標籤、合併圖片、欄位數據等",
-    tips1:"出卡盒配寘。 默認勾選為正常出卡,取消勾選則從Reject出卡盒出卡",
-    errorTips2:"工作失敗後停止接受任務,默認不勾選",
-    isReserveimg:"是否保留工作臨時圖片和欄位數據",
-    isReservetask:"是否清除工作暫存檔案",
+      "工作緩存路徑,存放工作中臨時生成的內容檔案、標籤、合併圖片、欄位數據等",
+    tips1: "出卡盒配寘。 默認勾選為正常出卡,取消勾選則從Reject出卡盒出卡",
+    errorTips2: "工作失敗後停止接受任務,默認不勾選",
+    isReserveimg: "是否保留工作臨時圖片和欄位數據",
+    isReservetask: "是否清除工作暫存檔案",
     isUpload:
-    "啟用工作緩存路徑,勾選後工作內容會先拷貝到緩存路徑後再拷貝到存儲卡",
-    errorReserve:"保存失敗! ",
-    successReserve:"保存成功! ",
-    errorRead:"讀取設定檔失敗! ",
-    configTitle:"系統配寘",
-    },
-    dialog: {
-    closeTips:"0.5秒後將自動關閉…… ",
-    over:"關閉",
-    stop:"終止",
-    haveOver:"已完成",
-    notOver:"未完成",
-    haveStop:"已終止",
-    },
-    file: {
-    addFolder:"添加資料夾",
-    addFile:"添加檔案",
-    calculate:"正在計算… ",
-    },
-    addUser: {
-    enterUsername:"請輸入用戶名",
-    enterPassword:"請輸入密碼",
-    errorPassword:"兩次輸入密碼不一致",
-    addSuccess:"新建用戶成功! ",
-    errorAdd:"新建用戶失敗,請檢查帳號是否重複! ",
-    editSuccess:"修改成功! ",
+      "啟用工作緩存路徑,勾選後工作內容會先拷貝到緩存路徑後再拷貝到存儲卡",
+    errorReserve: "保存失敗! ",
+    successReserve: "保存成功! ",
+    errorRead: "讀取設定檔失敗! ",
+    configTitle: "系統配寘",
+  },
+  dialog: {
+    closeTips: "0.5秒後將自動關閉…… ",
+    over: "關閉",
+    stop: "終止",
+    haveOver: "已完成",
+    notOver: "未完成",
+    haveStop: "已終止",
+  },
+  file: {
+    addFolder: "添加資料夾",
+    addFile: "添加檔案",
+    calculate: "正在計算… ",
+  },
+  addUser: {
+    enterUsername: "請輸入用戶名",
+    enterPassword: "請輸入密碼",
+    errorPassword: "兩次輸入密碼不一致",
+    addSuccess: "新建用戶成功! ",
+    errorAdd: "新建用戶失敗,請檢查帳號是否重複! ",
+    editSuccess: "修改成功! ",
   },
   main: {
-    taskRefreshCommandTips:"您確認重試任務嗎？ ",
-    taskDeleteCommandTips:"您確認删除任務嗎？ ",
-    commandRefresh:"重試",
-    commandDelete:"删除",
-    submitTask:"提交任務:",
-    adminMange:"後臺管理",
-    out:"登出",
-    systemInformation:"系統資訊",
-    deviceType:"系統名稱:",
-    versionNumber:"軟件版本號:",
-    serialNumber:"系統序號:",
-    hostName:"主機名:",
-    hostIp:"主機IP:",
-    hardwareConfiguration:"硬體設定",
-    Cpu:"CPU:",
-    Memory:"記憶體:",
-    hardDrive:"磁片資訊:",
-    notConnected:"連接工作站失敗",
-    USBType:"存儲卡類型",
-    taskFile:"任務檔案",
-    TaskCapacity:"拷貝數",
-    doneCopyNum:"完成拷貝數",
-    cancelCopyNum:"廢棄拷貝數",
-    failNum:"錯誤",
-    cacheSpace:"緩存空間",
-    tableMachine:"工作站",
-    tableState:"狀態",
-    tableOnline:"線上",
-    tableSerialNo:"序號",
-    tableRibbonType:"色帶類型",
-    tableRibbonAmount:"色帶數量",
-    tablePrinterType:"存儲卡類型",
-    autoSetting:"自動設定",
-    cancelSetting:"取消設定",
-    tablePrinterRemaCapa:"存儲卡數量",
+    taskRefreshCommandTips: "您確認重試任務嗎？ ",
+    taskDeleteCommandTips: "您確認删除任務嗎？ ",
+    commandRefresh: "重試",
+    commandDelete: "删除",
+    submitTask: "提交任務:",
+    adminMange: "後臺管理",
+    out: "登出",
+    systemInformation: "系統資訊",
+    deviceType: "系統名稱:",
+    versionNumber: "軟件版本號:",
+    serialNumber: "系統序號:",
+    hostName: "主機名:",
+    hostIp: "主機IP:",
+    hardwareConfiguration: "硬體設定",
+    Cpu: "CPU:",
+    Memory: "記憶體:",
+    hardDrive: "磁片資訊:",
+    notConnected: "連接工作站失敗",
+    USBType: "存儲卡類型",
+    taskFile: "任務檔案",
+    TaskCapacity: "拷貝數",
+    doneCopyNum: "完成拷貝數",
+    cancelCopyNum: "廢棄拷貝數",
+    failNum: "錯誤",
+    cacheSpace: "緩存空間",
+    tableMachine: "工作站",
+    tableState: "狀態",
+    tableOnline: "線上",
+    tableSerialNo: "序號",
+    tableRibbonType: "色帶類型",
+    tableRibbonAmount: "色帶數量",
+    tablePrinterType: "存儲卡類型",
+    autoSetting: "自動設定",
+    cancelSetting: "取消設定",
+    tablePrinterRemaCapa: "存儲卡數量",
   },
   systemControl: {
-    restart:"啟動卡樹服務:",
-    nowState:"當前狀態:服務",
-    detecting:"檢測中",
-    start:"啟動",
-    stop:"停止",
-    tips1:"點擊按鈕,停止或開啟卡樹服務",
-    prepareStart:"正在啟動服務… ",
-    startFailed:"啟動服務失敗",
-    pauseStart:"正在停止服務… ",
-    pauseFailed:"停止服務失敗",
-    operatingWorkstation:"工作站管理:",
-    selectWorkstation:"選擇工作站ID",
-    handleInCard:"進卡到讀卡器",
-    handleMoveReject:"退卡到廢卡盒",
-    handleMoveToExit:"退卡到出卡盒",
-    handleRestartPrint:"重置工作站",
-    handleCleanPrint:"清潔工作站",
-    tips2:"此操作將移動工作站中存儲卡到讀卡器,請確保系統沒有正在工作",
-    moveTips:"操作已成功",
-    canceledMove:"操作已取消",
-    outCardtips:"此操作將移動工作站存儲卡到廢卡盒,請確保系統沒有正在工作",
-    tips4:"此操作將退出工作站中存儲卡,請確保系統沒有正在工作! ",
-    outCardsuccess:"操作已成功",
-    canceledOut:"操作已取消",
-    tips5:"此操作將重置工作站,請確保系統沒有正在工作",
-    resetSuccess:"操作已成功",
-    canceledReset:"操作已取消",
+    restart: "啟動卡樹服務:",
+    nowState: "當前狀態:服務",
+    detecting: "檢測中",
+    start: "啟動",
+    stop: "停止",
+    tips1: "點擊按鈕,停止或開啟卡樹服務",
+    prepareStart: "正在啟動服務… ",
+    startFailed: "啟動服務失敗",
+    pauseStart: "正在停止服務… ",
+    pauseFailed: "停止服務失敗",
+    operatingWorkstation: "工作站管理:",
+    selectWorkstation: "選擇工作站ID",
+    handleInCard: "進卡到讀卡器",
+    handleMoveReject: "退卡到廢卡盒",
+    handleMoveToExit: "退卡到出卡盒",
+    handleRestartPrint: "重置工作站",
+    handleCleanPrint: "清潔工作站",
+    tips2: "此操作將移動工作站中存儲卡到讀卡器,請確保系統沒有正在工作",
+    moveTips: "操作已成功",
+    canceledMove: "操作已取消",
+    outCardtips: "此操作將移動工作站存儲卡到廢卡盒,請確保系統沒有正在工作",
+    tips4: "此操作將退出工作站中存儲卡,請確保系統沒有正在工作! ",
+    outCardsuccess: "操作已成功",
+    canceledOut: "操作已取消",
+    tips5: "此操作將重置工作站,請確保系統沒有正在工作",
+    resetSuccess: "操作已成功",
+    canceledReset: "操作已取消",
     tips3:
-    "此操作將對工作站進行清潔。請先選擇需要清潔的工作站,然後將清潔卡撕掉保護膜後放入進卡盒,再將色帶取出,最後點擊確認。",
-    canceledClean:"操作已取消",
-    claenSuccess:"操作已成功",
-    selectTips:"請選擇工作站",
-    language:"語言:",
-    changeLanguage:"切換語言",
-    operation:"操作",
-    dkq:"讀卡器",
-    fkh:"廢卡盒",
-    ckk:"出卡口",
-    dd:"等待",
-    dqk:"待取口",
-    hckk:"後出卡口",
-    czgzz:"重署工作站",
-    czdyj:"重置工作站（有卡）",
-    jzsdd:"校準色帶燈",
-    cshjkc:"初始化進卡槽",
-    bszjkc:"取消進卡槽類型",
-    qjgzz:"清潔工作站",
-    tips1_dkq:"此操作將移動存儲卡到讀卡器,請確保系統沒有正在工作",
-    tips2_dkq:"操作已成功",
-    tips1_fkh:"此操作將移動存儲卡到廢卡盒,請確保系統沒有正在工作",
-    tips2_fkh:"操作已成功",
-    tips1_ckk:"此操作將移動存儲卡到出卡口,請確保系統沒有正在工作",
-    tips2_ckk:"操作已成功",
-    tips1_dd:"此操作將移動存儲卡到等待比特,請確保系統沒有正在工作",
-    tips2_dd:"操作已成功",
-    tips1_dqk:"此操作將移動存儲卡到待取口,請確保系統沒有正在工作",
-    tips2_dqk:"操作已成功",
-    tips1_hckk:"此操作將移動存儲卡到後出卡口,請確保系統沒有正在工作",
-    tips2_hckk:"操作已成功",
-    tips1_czgzz:"此操作將重置工作站,請確保系統沒有正在工作",
-    tips2_czgzz:"操作已成功",
-    tips1_czdyj:"此操作將重置工作站（並忽略工作站內卡片）,請確保系統沒有正在工作",
-    tips2_czdyj:"操作已成功",
-    tips1_jzsdd:"此操作將校準選定工作站的色帶感測器燈,請打開工作站色帶倉,將色帶盒取出,關上工作站色帶倉,再點擊確認",
-    tips2_jzsdd:"操作已成功",
-    tips1_cshjkc:"此操作將初始化進卡槽容量為1,請僅放入一張存儲卡到進卡槽",
-    tips2_cshjkc:"操作已成功",
-    tips1_bszjkc:"此操作將取消選擇工作站中進卡槽類型設定。 請同時取消所有工作站該設定,否則該工作站將無法正常工作",
-    tips2_bszjkc:"操作已成功",
-    tips1_qjgzz:"此操作將對選定工作站走卡通道進行清潔,請打開工作站色帶倉,將色帶盒取出,再將清潔卡撕掉保護膜後放入進卡盒,最後點擊確認",
-    tips2_qjgzz:"操作已成功",
-    refreshTime1:"重繪時間",
-    refreshTime2:"休眠時間",
-    saveTimeSucc:"重繪時間保存成功! ",
-    system:"系統",
-    moveCardTo:"移動卡片到",
-    serviceStation:"維護工作站"
+      "此操作將對工作站進行清潔。請先選擇需要清潔的工作站,然後將清潔卡撕掉保護膜後放入進卡盒,再將色帶取出,最後點擊確認。",
+    canceledClean: "操作已取消",
+    claenSuccess: "操作已成功",
+    selectTips: "請選擇工作站",
+    language: "語言:",
+    changeLanguage: "切換語言",
+    operation: "操作",
+    dkq: "讀卡器",
+    fkh: "廢卡盒",
+    ckk: "出卡口",
+    dd: "等待",
+    dqk: "待取口",
+    hckk: "後出卡口",
+    czgzz: "重署工作站",
+    czdyj: "重置工作站（有卡）",
+    jzsdd: "校準色帶燈",
+    cshjkc: "初始化進卡槽",
+    bszjkc: "取消進卡槽類型",
+    qjgzz: "清潔工作站",
+    tips1_dkq: "此操作將移動存儲卡到讀卡器,請確保系統沒有正在工作",
+    tips2_dkq: "操作已成功",
+    tips1_fkh: "此操作將移動存儲卡到廢卡盒,請確保系統沒有正在工作",
+    tips2_fkh: "操作已成功",
+    tips1_ckk: "此操作將移動存儲卡到出卡口,請確保系統沒有正在工作",
+    tips2_ckk: "操作已成功",
+    tips1_dd: "此操作將移動存儲卡到等待比特,請確保系統沒有正在工作",
+    tips2_dd: "操作已成功",
+    tips1_dqk: "此操作將移動存儲卡到待取口,請確保系統沒有正在工作",
+    tips2_dqk: "操作已成功",
+    tips1_hckk: "此操作將移動存儲卡到後出卡口,請確保系統沒有正在工作",
+    tips2_hckk: "操作已成功",
+    tips1_czgzz: "此操作將重置工作站,請確保系統沒有正在工作",
+    tips2_czgzz: "操作已成功",
+    tips1_czdyj: "此操作將重置工作站（並忽略工作站內卡片）,請確保系統沒有正在工作",
+    tips2_czdyj: "操作已成功",
+    tips1_jzsdd: "此操作將校準選定工作站的色帶感測器燈,請打開工作站色帶倉,將色帶盒取出,關上工作站色帶倉,再點擊確認",
+    tips2_jzsdd: "操作已成功",
+    tips1_cshjkc: "此操作將初始化進卡槽容量為1,請僅放入一張存儲卡到進卡槽",
+    tips2_cshjkc: "操作已成功",
+    tips1_bszjkc: "此操作將取消選擇工作站中進卡槽類型設定。 請同時取消所有工作站該設定,否則該工作站將無法正常工作",
+    tips2_bszjkc: "操作已成功",
+    tips1_qjgzz: "此操作將對選定工作站走卡通道進行清潔,請打開工作站色帶倉,將色帶盒取出,再將清潔卡撕掉保護膜後放入進卡盒,最後點擊確認",
+    tips2_qjgzz: "操作已成功",
+    refreshTime1: "重繪時間",
+    refreshTime2: "休眠時間",
+    saveTimeSucc: "重繪時間保存成功! ",
+    system: "系統",
+    moveCardTo: "移動卡片到",
+    serviceStation: "維護工作站"
   },
   warnCard: {
     retry: "重試",
   },
   index: {
-    pausing:"暫停中… ",
-    playing:"啟動中… ",
-    changingType:"切換中… ",
-    tips:"提示",
-    entireLog:"全部日誌",
-    wordSpace:"工作站",
-    workspacenodata:"",
-    newWork:"新建工作",
-    systemState:"當前工作站",
-    wordSpaceOnline:"狀態:",
-    on:"線上",
-    off:"離線",
-    equipModel:"型號:",
-    series:"序號:",
-    numbers:"已發行:",
-    machineVers:"固件版本:",
-    dice:"是否雙面:",
-    sigleDice:"單面",
-    twoDice:"雙面",
-    ribbonType:"色帶類型:",
-    ribbonNumber:"色帶",
-    inCardState:"進卡槽",
-    refresh:"重繪",
-    workList:"工作隊列",
-    wordID:"工作ID",
-    wordOrigin:"工作來源",
-    createTime:"創建時間",
-    finishedTime:"結束時間",
-    finishedNumber:"完成",
-    state:"狀態",
-    new:"新建",
-    pendding:"等待",
-    copying:"拷貝",
-    printing:"列印",
-    preparing:"準備",
-    done:"完成",
-    cancelState:"取消",
-    fail:"失敗",
-    Unknown:"未知",
-    nodata:"暫無數據",
-    removeDoneWord:"删除已完成工作",
-    tipsCont:"此操作將删除所有已完成工作",
-    tipsCancelSet:"取消設定提示",
-    tipsSet:"設定指定值提示",
-    tipsPlaying:"此操作將開啟卡樹服務",
-    tipsPausing:"此操作將停止服務,請確保沒有正在運行的工作",
-    tipsRefresh:"此操作將指定工作站進卡槽中存儲卡的類型,選擇前請確保系統無工作正在進行",
-    tipsAutoRefresh:"此操作將自動刷新進卡槽類型。 點擊確定後工作站自動進入一張存儲卡並根據讀取資訊自動設定存儲卡類型,請確定進卡槽內有卡,並且確保系統無工作正在進行",
-    deleteSucc:"删除成功! ",
-    cancelDelete:"操作已取消",
-    curLog:"當前日誌",
-    openHistoryLog:"全部日誌",
-    notice:"通知",
-    netFail:"網絡錯誤! ",
-    restarting:"重啓工作站中,請稍後! ",
-    restartSucc:"重啓工作站成功! ",
-    refreshSuccess:"重繪進卡槽成功! ",
-    operSucc:"操作成功! ",
-    comfirm:"確認",
-    cancel:"取消",
-    ERROR_INVALID_PARAMETER:"參數不正確",
-    PAVO_DS_LOCKED:"工作站已鎖定",
-    PAVO_DS_OFFLINE:"工作站未連接",
-    PAVO_DS_0100_COVER_OPEN:"上蓋未關閉",
-    PAVO_DS_0101_FLIPPER_COVER_OPEN:"雙面模塊上蓋未關閉",
-    PAVO_DS_0200_IC_MISSING:"色帶IC晶片遺失",
-    PAVO_DS_0201_RIBBON_MISSING:"沒有放色帶",
-    PAVO_DS_0202_RIBON_MISMATCH:"色帶不匹配",
-    PAVO_DS_0203_RIBBON_TYPE_ERROR:"色帶類型錯誤",
-    PAVO_DS_0300_RIBBON_SEARCH_FAIL:"查找色帶失敗",
-    PAVO_DS_0301_RIBBON_OUT:"色帶已用完",
-    PAVO_DS_0302_PRINT_FAIL:"列印失敗",
-    PAVO_DS_0303_PRINT_FAIL:"列印失敗",
-    PAVO_DS_0304_RIBBON_OUT:"色帶已用完",
-    PAVO_DS_0400_CARD_OUT:"存儲卡已用完",
-    PAVO_DS_0500_CARD_JAM:"夾卡",
-    PAVO_DS_0501_CARD_JAM:"夾卡",
-    PAVO_DS_0502_CARD_JAM:"夾卡",
-    PAVO_DS_0503_CARD_JAM:"夾卡",
-    PAVO_DS_0504_CARD_JAM:"夾卡",
-    PAVO_DS_0505_CARD_JAM:"夾卡",
-    PAVO_DS_0506_CARD_JAM:"夾卡",
-    PAVO_DS_0507_CARD_JAM:"夾卡",
-    PAVO_DS_0508_CARD_JAM:"夾卡",
-    PAVO_DS_0600_CARD_MISMATCH:"存儲卡不匹配",
-    PAVO_DS_0700_CAM_ERROR:"凸輪錯誤",
-    PAVO_DS_0800_FLIPPER_ERROR:"雙面模塊錯誤",
-    PAVO_DS_0801_FLIPPER_ERROR:"雙面模塊錯誤",
-    PAVO_DS_0802_FLIPPER_ERROR:"雙面模塊錯誤",
-    PAVO_DS_0803_FLIPPER_ERROR:"雙面模塊錯誤",
-    PAVO_DS_0900_NVRAM_ERROR:"NVRAM錯誤",
-    PAVO_DS_1000_RIBBON_ERROR:"色帶錯誤",
-    PAVO_DS_1100_RBN_TAKE_CALIB_FAIL:"RBN採集校準失敗",
-    PAVO_DS_1101_RBN_SUPPLY_CALIB_FAIL:"RBN電源校準失敗",
-    PAVO_DS_1200_ADC_ERROR:"ADC錯誤",
-    PAVO_DS_1300_FW_ERROR:"固件錯誤",
-    PAVO_DS_1301_FW_ERROR:"固件錯誤",
-    PAVO_DS_1400_POWER_SUPPLY_ERROR:"電源錯誤",
-    Firmware_Error:"固件錯誤",
-    Encoder_Error3:"編碼器錯誤（帶動端）",
-    Encoder_Error4:"編碼器錯誤（供應端）",
-    ADC_Error:"ADC錯誤",
-    Enocoder_Error_Film:"編碼器錯誤（轉印膜）",
-    Card_Jam:"夾卡",
-    Cover_open:"色帶門打開",
-    Rejectbox_Open:"廢卡盒打開",
-    Rejectbox_Full:"廢卡盒已滿",
-    Flat_Cover_Open:"整平蓋打開",
-    Flipper_Error:"翻轉器錯誤",
-    Ribbon_Out:"色帶已用完",
-    Ribbon_Error:"色帶錯誤",
-    Ribbon_Missing:"沒有放色帶",
-    Ribbon_Unsupport:"色帶不可用",
-    Ribbon_Mismatch:"色帶與晶片不匹配",
-    Ribbon_Install_Error:"色帶安裝錯誤",
-    Card_Feed_Error:"進卡錯誤",
-    Card_Out:"存儲卡已用完",
-    Film_Out:"轉印膜已用完",
-    Film_Error:"轉印膜錯誤",
-    Film_Missing:"沒有放轉印膜",
-    Film_Unsupport:"轉印膜不支持",
-    Film_Install_Error:"轉印膜安裝錯誤",
-    Printer_Memory_Full:"打印機記憶體已滿",
-    Filpper_Not_Install:"未接上翻轉器模塊",
-    "600DPI_Not_Enabled":"600DPI功能未啟用",
-    Ribbon_Unmatched:"色帶類型與設定不相符",
-    Text_Image_Outside:"要列印的文字或影像超過卡的範圍",
-    No_Card:"打印機中沒有卡",
-    Take_Ribbon:"請拿出色帶",
-    Ribbon_Low:"色帶少",
-    Card_Low:"存儲卡快用完",
-    Waiting_Card_In:"等待存儲卡插入",
-    Waiting_Card_Out:"正在等待移除存儲卡",
-    Need_Cleaning:"建議啟用清潔程式",
-    autoRefresh:"自動刷新",
-    refreshMore:"自定義",
-    NORMAL:"就緒",
-    fileready:"檔案準備中",
+    pausing: "暫停中… ",
+    playing: "啟動中… ",
+    changingType: "切換中… ",
+    tips: "提示",
+    entireLog: "全部日誌",
+    wordSpace: "工作站",
+    workspacenodata: "",
+    newWork: "新建工作",
+    systemState: "當前工作站",
+    wordSpaceOnline: "狀態:",
+    on: "線上",
+    off: "離線",
+    equipModel: "型號:",
+    series: "序號:",
+    numbers: "已發行:",
+    machineVers: "固件版本:",
+    dice: "是否雙面:",
+    sigleDice: "單面",
+    twoDice: "雙面",
+    ribbonType: "色帶類型:",
+    ribbonNumber: "色帶",
+    inCardState: "進卡槽",
+    refresh: "重繪",
+    workList: "工作隊列",
+    wordID: "工作ID",
+    wordOrigin: "工作來源",
+    createTime: "創建時間",
+    finishedTime: "結束時間",
+    finishedNumber: "完成",
+    state: "狀態",
+    new: "新建",
+    pendding: "等待",
+    copying: "拷貝",
+    printing: "列印",
+    preparing: "準備",
+    done: "完成",
+    cancelState: "取消",
+    fail: "失敗",
+    Unknown: "未知",
+    nodata: "暫無數據",
+    removeDoneWord: "删除已完成工作",
+    tipsCont: "此操作將删除所有已完成工作",
+    tipsCancelSet: "取消設定提示",
+    tipsSet: "設定指定值提示",
+    tipsPlaying: "此操作將開啟卡樹服務",
+    tipsPausing: "此操作將停止服務,請確保沒有正在運行的工作",
+    tipsRefresh: "此操作將指定工作站進卡槽中存儲卡的類型,選擇前請確保系統無工作正在進行",
+    tipsAutoRefresh: "此操作將自動刷新進卡槽類型。 點擊確定後工作站自動進入一張存儲卡並根據讀取資訊自動設定存儲卡類型,請確定進卡槽內有卡,並且確保系統無工作正在進行",
+    deleteSucc: "删除成功! ",
+    cancelDelete: "操作已取消",
+    curLog: "當前日誌",
+    openHistoryLog: "全部日誌",
+    notice: "通知",
+    netFail: "網絡錯誤! ",
+    restarting: "重啓工作站中,請稍後! ",
+    restartSucc: "重啓工作站成功! ",
+    refreshSuccess: "重繪進卡槽成功! ",
+    operSucc: "操作成功! ",
+    comfirm: "確認",
+    cancel: "取消",
+    ERROR_INVALID_PARAMETER: "參數不正確",
+    PAVO_DS_LOCKED: "工作站已鎖定",
+    PAVO_DS_OFFLINE: "工作站未連接",
+    PAVO_DS_0100_COVER_OPEN: "上蓋未關閉",
+    PAVO_DS_0101_FLIPPER_COVER_OPEN: "雙面模塊上蓋未關閉",
+    PAVO_DS_0200_IC_MISSING: "色帶IC晶片遺失",
+    PAVO_DS_0201_RIBBON_MISSING: "沒有放色帶",
+    PAVO_DS_0202_RIBON_MISMATCH: "色帶不匹配",
+    PAVO_DS_0203_RIBBON_TYPE_ERROR: "色帶類型錯誤",
+    PAVO_DS_0300_RIBBON_SEARCH_FAIL: "查找色帶失敗",
+    PAVO_DS_0301_RIBBON_OUT: "色帶已用完",
+    PAVO_DS_0302_PRINT_FAIL: "列印失敗",
+    PAVO_DS_0303_PRINT_FAIL: "列印失敗",
+    PAVO_DS_0304_RIBBON_OUT: "色帶已用完",
+    PAVO_DS_0400_CARD_OUT: "存儲卡已用完",
+    PAVO_DS_0500_CARD_JAM: "夾卡",
+    PAVO_DS_0501_CARD_JAM: "夾卡",
+    PAVO_DS_0502_CARD_JAM: "夾卡",
+    PAVO_DS_0503_CARD_JAM: "夾卡",
+    PAVO_DS_0504_CARD_JAM: "夾卡",
+    PAVO_DS_0505_CARD_JAM: "夾卡",
+    PAVO_DS_0506_CARD_JAM: "夾卡",
+    PAVO_DS_0507_CARD_JAM: "夾卡",
+    PAVO_DS_0508_CARD_JAM: "夾卡",
+    PAVO_DS_0600_CARD_MISMATCH: "存儲卡不匹配",
+    PAVO_DS_0700_CAM_ERROR: "凸輪錯誤",
+    PAVO_DS_0800_FLIPPER_ERROR: "雙面模塊錯誤",
+    PAVO_DS_0801_FLIPPER_ERROR: "雙面模塊錯誤",
+    PAVO_DS_0802_FLIPPER_ERROR: "雙面模塊錯誤",
+    PAVO_DS_0803_FLIPPER_ERROR: "雙面模塊錯誤",
+    PAVO_DS_0900_NVRAM_ERROR: "NVRAM錯誤",
+    PAVO_DS_1000_RIBBON_ERROR: "色帶錯誤",
+    PAVO_DS_1100_RBN_TAKE_CALIB_FAIL: "RBN採集校準失敗",
+    PAVO_DS_1101_RBN_SUPPLY_CALIB_FAIL: "RBN電源校準失敗",
+    PAVO_DS_1200_ADC_ERROR: "ADC錯誤",
+    PAVO_DS_1300_FW_ERROR: "固件錯誤",
+    PAVO_DS_1301_FW_ERROR: "固件錯誤",
+    PAVO_DS_1400_POWER_SUPPLY_ERROR: "電源錯誤",
+    Firmware_Error: "固件錯誤",
+    Encoder_Error3: "編碼器錯誤（帶動端）",
+    Encoder_Error4: "編碼器錯誤（供應端）",
+    ADC_Error: "ADC錯誤",
+    Enocoder_Error_Film: "編碼器錯誤（轉印膜）",
+    Card_Jam: "夾卡",
+    Cover_open: "色帶門打開",
+    Rejectbox_Open: "廢卡盒打開",
+    Rejectbox_Full: "廢卡盒已滿",
+    Flat_Cover_Open: "整平蓋打開",
+    Flipper_Error: "翻轉器錯誤",
+    Ribbon_Out: "色帶已用完",
+    Ribbon_Error: "色帶錯誤",
+    Ribbon_Missing: "沒有放色帶",
+    Ribbon_Unsupport: "色帶不可用",
+    Ribbon_Mismatch: "色帶與晶片不匹配",
+    Ribbon_Install_Error: "色帶安裝錯誤",
+    Card_Feed_Error: "進卡錯誤",
+    Card_Out: "存儲卡已用完",
+    Film_Out: "轉印膜已用完",
+    Film_Error: "轉印膜錯誤",
+    Film_Missing: "沒有放轉印膜",
+    Film_Unsupport: "轉印膜不支持",
+    Film_Install_Error: "轉印膜安裝錯誤",
+    Printer_Memory_Full: "打印機記憶體已滿",
+    Filpper_Not_Install: "未接上翻轉器模塊",
+    "600DPI_Not_Enabled": "600DPI功能未啟用",
+    Ribbon_Unmatched: "色帶類型與設定不相符",
+    Text_Image_Outside: "要列印的文字或影像超過卡的範圍",
+    No_Card: "打印機中沒有卡",
+    Take_Ribbon: "請拿出色帶",
+    Ribbon_Low: "色帶少",
+    Card_Low: "存儲卡快用完",
+    Waiting_Card_In: "等待存儲卡插入",
+    Waiting_Card_Out: "正在等待移除存儲卡",
+    Need_Cleaning: "建議啟用清潔程式",
+    autoRefresh: "自動刷新",
+    refreshMore: "自定義",
+    NORMAL: "就緒",
+    fileready: "檔案準備中",
   },
   work: {
     template: "模板",
@@ -387,8 +393,45 @@ export default {
     cdPart: "光盤分區",
     forbidCopyPart: "防拷貝分區",
     cdWithDisk: "光盤+磁盤",
-    senior: "高級作業設置",
+    senior: "高級作業設定",
+    // Basic Config
+    basicConfig: "基礎設定",
     better: "優先級",
+    startWorkSpace: "目標工作站",
+    ribbonType: "色帶類型",
+    formatFile: "格式化類型",
+    // Advanced Features
+    advancedFeatures: "高級功能",
+    generateISO: "生成ISO",
+    isoFileName: "ISO名稱",
+    inputIsoName: "輸入ISO名稱",
+    generateZIP: "生成ZIP",
+    zipFileName: "ZIP名稱",
+    inputZipName: "輸入ZIP名稱",
+    isEncrypt: "加密",
+    inputPassword: "密碼",
+    confirmPassword: "確認密碼",
+    // Hash
+    genMD5: "生成MD5",
+    copyHash: "拷貝HASH",
+    printMD5: "打印MD5",
+    // Switches
+    failLabel: "失敗打印標籤",
+    allowSpanCard: "允許跨卡",
+    presetContent: "預設內容",
+    // Recording
+    screenRecordReview: "屏幕記錄審查",
+    enableScreenRecord: "啟用屏幕錄制",
+    printRecordLogo: "打印標識",
+    recordPath: "錄制路徑",
+    // Hardware
+    hardwareControl: "硬體管控",
+    installDongle: "加密狗計數",
+    installCount: "安裝次數",
+    setAuthCode: "授權碼",
+    inputAuthCode: "輸入授權碼",
+    // Metadata
+    metadataEdit: "標籤內容編輯",
     low: "低",
     normal: "正常",
     high: "高",
@@ -397,8 +440,8 @@ export default {
     ribbonType: "色帶類型",
     sigleColor: "單色",
     colorful: "彩色",
-    gshType: "作業前格式化類型",
-    formatFile: "拷貝前格式化類型",
+    gshType: "格式化類型",
+    formatFile: "格式化類型",
     auto: "不格式化",
     hash: "生成HASH文件",
     md5: "打印MD5到HASH字段",
@@ -412,6 +455,8 @@ export default {
     selectFloder: "選擇文件夾",
     tag: "標籤",
     importTag: "添加標籤文件",
+    design: "設計",
+    import: "導入",
     print: "打印:",
     front: "僅打印正面",
     back: "僅打印背面",
diff --git a/src/renderer/store/modules/user.js b/src/renderer/store/modules/user.js
new file mode 100644
index 0000000..9ea9bd5
--- /dev/null
+++ b/src/renderer/store/modules/user.js
@@ -0,0 +1,34 @@
+const state = {
+  setFormDefault: {
+    is_blend: false,
+    record_screen: false,
+    record_screen_path: '',
+    print_record_logo: false,
+    install_dongle_count: 0 // Changed from boolean to number (0-256)
+  }
+}
+
+const mutations = {
+  SET_FORM_DEFAULT(state, payload) {
+    state.setFormDefault = payload
+  },
+  UPDATE_FORM_DEFAULT(state, payload) {
+    state.setFormDefault = { ...state.setFormDefault, ...payload }
+  }
+}
+
+const actions = {
+  setFormDefault({ commit }, payload) {
+    commit('SET_FORM_DEFAULT', payload)
+  },
+  updateFormDefault({ commit }, payload) {
+    commit('UPDATE_FORM_DEFAULT', payload)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}