diff --git a/.env.development b/.env.development
index e2f050b..51464fc 100644
--- a/.env.development
+++ b/.env.development
@@ -4,10 +4,16 @@ VUE_APP_TITLE = 工具与技术交流管理系统
 # 开发环境配置
 ENV = 'development'
 
-VUE_APP_CONTEXT_PATH = '/too-tech'
+VUE_APP_CONTEXT_PATH = '/tool-tech'
 
 # 工具与技术交流管理系统/开发环境
-VUE_APP_BASE_API = 'http://localhost:8080/too-tech-admin/'
+VUE_APP_BASE_API = 'http://localhost:8080/tool-tech-admin'
+
+# 文档在线预览服务
+VUE_APP_TOOL_TECH_FILE_VIEW_API = 'http://localhost:8012/tool-tech-file-view'
+
+# 流程管理服务地址
+VUE_APP_WORKFLOW_MANAGE_URL = 'http://localhost:8085/ebpm-process-manage'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/.env.production b/.env.production
index 20cea2a..4c4823e 100644
--- a/.env.production
+++ b/.env.production
@@ -4,7 +4,13 @@ VUE_APP_TITLE = 工具与技术交流管理系统
 # 生产环境配置
 ENV = 'production'
 
-VUE_APP_CONTEXT_PATH = '/too-tech'
+VUE_APP_CONTEXT_PATH = '/tool-tech'
 
 # 工具与技术交流管理系统/生产环境
 VUE_APP_BASE_API = '/prod-api'
+
+# 文档在线预览服务
+VUE_APP_TOOL_TECH_FILE_VIEW_API = 'http://localhost:8012/tool-tech-file-view'
+
+# 流程管理服务地址
+VUE_APP_WORKFLOW_MANAGE_URL = 'http://localhost:8085/ebpm-process-manage'
diff --git a/.env.staging b/.env.staging
index 3f45202..de8b743 100644
--- a/.env.staging
+++ b/.env.staging
@@ -6,7 +6,13 @@ NODE_ENV = production
 # 测试环境配置
 ENV = 'staging'
 
-VUE_APP_CONTEXT_PATH = '/too-tech'
+VUE_APP_CONTEXT_PATH = '/tool-tech'
 
 # 工具与技术交流管理系统/测试环境
-VUE_APP_BASE_API = 'https://www.rzdata.net/too-tech-admin/'
+VUE_APP_BASE_API = 'https://www.rzdata.net/tool-tech-admin'
+
+# 文档在线预览服务
+VUE_APP_TOOL_TECH_FILE_VIEW_API = 'http://localhost:8012/tool-tech-file-view'
+
+# 流程管理服务地址
+VUE_APP_WORKFLOW_MANAGE_URL = 'http://localhost:8085/ebpm-process-manage'
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
new file mode 100644
index 0000000..a8d7249
--- /dev/null
+++ b/.idea/codeStyles/Project.xml
@@ -0,0 +1,27 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <JSCodeStyleSettings version="0">
+      <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_GENERATOR_MULT" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+      <option name="SPACE_BEFORE_ASYNC_ARROW_LPAREN" value="false" />
+    </JSCodeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="IF_BRACE_FORCE" value="1" />
+      <option name="DOWHILE_BRACE_FORCE" value="1" />
+      <option name="WHILE_BRACE_FORCE" value="1" />
+      <option name="FOR_BRACE_FORCE" value="1" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>
\ No newline at end of file
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..79ee123
--- /dev/null
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 9df5c05..a4ace96 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,7 +2,33 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="880b2c9e-bb63-49b5-a9b3-35bf50aa9da8" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.idea/codeStyles/Project.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.idea/codeStyles/codeStyleConfig.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/public/css/poctstyle.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/api/document/document.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/api/tool/tool.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/views/document/index.vue" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/views/tool/index.vue" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/views/workflow/config/index.vue" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/views/workflow/task/index.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.env.development" beforeDir="false" afterPath="$PROJECT_DIR$/.env.development" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.env.production" beforeDir="false" afterPath="$PROJECT_DIR$/.env.production" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.env.staging" beforeDir="false" afterPath="$PROJECT_DIR$/.env.staging" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/api/system/user.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/api/system/user.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/router/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/router/index.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/utils/request.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/utils/request.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/views/tool/gen/basicInfoForm.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/system/tool/gen/basicInfoForm.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/views/tool/gen/createTable.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/system/tool/gen/createTable.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/views/tool/gen/editTable.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/system/tool/gen/editTable.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/views/tool/gen/genInfoForm.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/system/tool/gen/genInfoForm.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/views/tool/gen/importTable.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/system/tool/gen/importTable.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/views/tool/gen/index.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/system/tool/gen/index.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/views/tool/swagger/index.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/system/tool/swagger/index.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/vue.config.js" beforeDir="false" afterPath="$PROJECT_DIR$/vue.config.js" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -14,87 +40,113 @@
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   <component name="FileEditorManager">
-    <leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/vue.config.js">
+        <entry file="file://$PROJECT_DIR$/src/views/document/index.vue">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="703">
-              <caret line="37" column="48" selection-start-line="37" selection-start-column="48" selection-end-line="37" selection-end-column="48" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/package.json">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="57">
-              <caret line="3" column="23" selection-start-line="3" selection-start-column="23" selection-end-line="3" selection-end-column="23" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/default.conf">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="190">
-              <caret line="10" column="30" lean-forward="true" selection-start-line="10" selection-start-column="30" selection-end-line="10" selection-end-column="38" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/Dockerfile">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="19">
-              <caret line="1" column="42" selection-start-line="1" selection-start-column="42" selection-end-line="1" selection-end-column="42" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/.env.development">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="152">
-              <caret line="8" column="9" selection-start-line="8" selection-start-column="9" selection-end-line="8" selection-end-column="9" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/permission.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="209">
-              <caret line="11" lean-forward="true" selection-start-line="11" selection-end-line="11" />
+            <state relative-caret-position="148">
+              <caret line="43" column="19" lean-forward="true" selection-start-line="40" selection-start-column="8" selection-end-line="43" selection-end-column="19" />
               <folding>
-                <element signature="e#0#29#0" expanded="true" />
+                <element signature="e#4861#4971#0" expanded="true" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/package-lock.json">
+        <entry file="file://$PROJECT_DIR$/src/views/tool/index.vue">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="19">
-              <caret line="1" column="20" selection-start-line="1" selection-start-column="20" selection-end-line="1" selection-end-column="20" />
+            <state relative-caret-position="169">
+              <caret line="129" column="32" selection-start-line="129" selection-start-column="32" selection-end-line="129" selection-end-column="32" />
+              <folding>
+                <element signature="n#style#0;n#el-input#0;n#el-form-item#0;n#el-form#0;n#el-col#1;n#el-row#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#el-select#0;n#el-form-item#0;n#el-col#0;n#el-row#3;n#el-form#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+                <element signature="e#11739#11821#0" expanded="true" />
+                <element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
+              </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/.env.production">
+        <entry file="file://$PROJECT_DIR$/vue.config.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="19">
-              <caret line="1" column="23" selection-start-line="1" selection-start-column="23" selection-end-line="1" selection-end-column="23" />
+            <state relative-caret-position="237">
+              <caret line="31" column="20" selection-start-line="31" selection-start-column="20" selection-end-line="31" selection-end-column="20" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/.env.staging">
+        <entry file="file://$PROJECT_DIR$/src/components/user-selector/index.js">
+          <provider selected="true" editor-type-id="text-editor" />
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/public/css/poctstyle.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="190">
-              <caret line="10" column="9" selection-start-line="10" selection-start-column="9" selection-end-line="10" selection-end-column="9" />
+            <state relative-caret-position="2033">
+              <caret line="107" column="1" selection-start-line="107" selection-start-column="1" selection-end-line="107" selection-end-column="1" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/main.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="114">
+              <caret line="6" column="37" selection-start-line="6" selection-start-column="37" selection-end-line="6" selection-end-column="37" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/components/user-selector/src/user-selector.vue">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="180">
+              <caret line="174" column="24" selection-start-line="174" selection-start-column="18" selection-end-line="174" selection-end-column="24" />
+              <folding>
+                <element signature="n#style#0;n#el-input#0;n#el-form-item#0;n#el-col#0;n#el-row#0;n#el-form#0;n#div#0;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#el-input#0;n#el-form-item#0;n#el-col#1;n#el-row#0;n#el-form#0;n#div#0;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#div#1;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#el-button#0;n#div#0;n#div#0;n#div#1;n#div#1;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#div#0;n#div#2;n#div#1;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+                <element signature="e#6425#6495#0" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/utils/request.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="152">
+              <caret line="110" column="28" lean-forward="true" selection-start-line="110" selection-start-column="28" selection-end-line="110" selection-end-column="28" />
+              <folding>
+                <element signature="e#0#25#0" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/api/system/dict/data.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="230">
+              <caret line="18" lean-forward="true" selection-start-line="18" selection-end-line="18" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/views/system/user/index.vue">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="285">
+              <caret line="429" column="79" lean-forward="true" selection-start-line="429" selection-start-column="10" selection-end-line="429" selection-end-column="79" />
+              <folding>
+                <element signature="e#13051#13183#0" expanded="true" />
+                <element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
+              </folding>
             </state>
           </provider>
         </entry>
@@ -103,8 +155,42 @@
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>resource-net</find>
+      <find>openDataScope</find>
+      <find>menuExpand</find>
+      <find>dataScopeOptions</find>
+      <find>options</find>
+      <find>defaultProps</find>
+      <find>onChange</find>
+      <find>open</find>
+      <find>deptName</find>
+      <find>dept</find>
+      <find>handleImport</find>
+      <find>dicts</find>
+      <find>getDicts</find>
+      <find>dict</find>
+      <find>compu</find>
+      <find>./delete1.png</find>
+      <find>peopleName</find>
+      <find>peopleInfoBox</find>
+      <find>user-avatar</find>
+      <find>.el-dialog__body</find>
+      <find>staff</find>
+      <find>getNickNameList</find>
+      <find>selectedUserList</find>
+      <find>checkedUsers</find>
+      <find>userList</find>
+      <find>submitPeople</find>
+      <find>multiple</find>
+      <find>handleResetPwd</find>
+      <find>addTool</find>
+      <find>deptOptions</find>
+      <find>handleUseApply</find>
     </findStrings>
+    <replaceStrings>
+      <replace>docList</replace>
+      <replace>toolList</replace>
+      <replace>handlePublish</replace>
+    </replaceStrings>
     <dirStrings>
       <dir>D:\rzdata\ToolTech\tool-tech-front</dir>
     </dirStrings>
@@ -115,35 +201,39 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <option value="$PROJECT_DIR$/vue.config.js" />
         <option value="$PROJECT_DIR$/package.json" />
         <option value="$PROJECT_DIR$/default.conf" />
         <option value="$PROJECT_DIR$/Dockerfile" />
-        <option value="$PROJECT_DIR$/.env.production" />
-        <option value="$PROJECT_DIR$/.env.development" />
-        <option value="$PROJECT_DIR$/.env.staging" />
         <option value="$PROJECT_DIR$/src/views/register.vue" />
         <option value="$PROJECT_DIR$/src/views/login.vue" />
         <option value="$PROJECT_DIR$/package-lock.json" />
+        <option value="$PROJECT_DIR$/src/views/system/user/profile/userAvatar.vue" />
+        <option value="$PROJECT_DIR$/src/api/system/user.js" />
+        <option value="$PROJECT_DIR$/src/router/index.js" />
+        <option value="$PROJECT_DIR$/src/api/document/document.js" />
+        <option value="$PROJECT_DIR$/src/views/document/index.vue" />
+        <option value="$PROJECT_DIR$/src/views/workflow/index.vue" />
+        <option value="$PROJECT_DIR$/.env.development" />
+        <option value="$PROJECT_DIR$/.env.production" />
+        <option value="$PROJECT_DIR$/.env.staging" />
+        <option value="$PROJECT_DIR$/src/views/workflow/config/index.vue" />
+        <option value="$PROJECT_DIR$/src/views/workflow/task/index.vue" />
+        <option value="$PROJECT_DIR$/src/api/tool/tool.js" />
+        <option value="$PROJECT_DIR$/src/main.js" />
+        <option value="$PROJECT_DIR$/public/css/poctstyle.css" />
+        <option value="$PROJECT_DIR$/src/components/userSelector/userSelect.vue" />
+        <option value="$PROJECT_DIR$/src/components/user-selector/src/user-selector.vue" />
+        <option value="$PROJECT_DIR$/vue.config.js" />
+        <option value="$PROJECT_DIR$/src/utils/request.js" />
+        <option value="$PROJECT_DIR$/src/views/tool/index.vue" />
       </list>
     </option>
   </component>
-  <component name="ProjectConfigurationFiles">
-    <option name="files">
-      <list>
-        <option value="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" />
-        <option value="$PROJECT_DIR$/.idea/tool-tech-front.iml" />
-        <option value="$PROJECT_DIR$/.idea/misc.xml" />
-        <option value="$PROJECT_DIR$/.idea/vcs.xml" />
-        <option value="$PROJECT_DIR$/.idea/modules.xml" />
-      </list>
-    </option>
-  </component>
-  <component name="ProjectFrameBounds">
-    <option name="x" value="-12" />
-    <option name="y" value="-12" />
-    <option name="width" value="2904" />
-    <option name="height" value="1752" />
+  <component name="ProjectFrameBounds" extendedState="6">
+    <option name="x" value="-1928" />
+    <option name="y" value="515" />
+    <option name="width" value="1936" />
+    <option name="height" value="1048" />
   </component>
   <component name="ProjectView">
     <navigator proportions="" version="1">
@@ -157,11 +247,68 @@
               <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
               <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="public" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="public" type="462c0819:PsiDirectoryNode" />
+              <item name="css" type="462c0819:PsiDirectoryNode" />
+            </path>
             <path>
               <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
               <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
               <item name="src" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="api" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="api" type="462c0819:PsiDirectoryNode" />
+              <item name="document" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="api" type="462c0819:PsiDirectoryNode" />
+              <item name="system" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="api" type="462c0819:PsiDirectoryNode" />
+              <item name="tool" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+              <item name="user-selector" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="tool-tech-front" type="b2602c69:ProjectViewProjectNode" />
+              <item name="tool-tech-front" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="utils" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
           <select />
         </subPane>
@@ -170,15 +317,33 @@
     </panes>
   </component>
   <component name="PropertiesComponent">
+    <property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" />
     <property name="WebServerToolWindowFactoryState" value="false" />
     <property name="editor.config.ad.shown" value="true" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/public/css" />
     <property name="node.js.detected.package.eslint" value="true" />
     <property name="node.js.path.for.package.eslint" value="project" />
     <property name="node.js.selected.package.eslint" value="(autodetect)" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
     <property name="nodejs_package_manager_path" value="npm" />
+    <property name="ts.external.directory.path" value="D:\Program Files\JetBrains\WebStorm 2019.1.1\plugins\JavaScriptLanguage\jsLanguageServicesImpl\external" />
+  </component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\public\css" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\components" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\api\tool" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\views\tool" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\views\workflow\task" />
+    </key>
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\components" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\components\userSelector" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\views\workflow\config" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\views\system\tool" />
+      <recent name="D:\rzdata\ToolTech\tool-tech-front\src\views\system" />
+    </key>
   </component>
   <component name="RunDashboard">
     <option name="ruleStates">
@@ -219,32 +384,44 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1720405215626</updated>
-      <workItem from="1720405216920" duration="229000" />
+      <workItem from="1720405216920" duration="31083000" />
+      <workItem from="1720607146890" duration="646000" />
+      <workItem from="1721005856925" duration="22669000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="229000" />
+    <option name="totallyTimeSpent" value="54398000" />
+  </component>
+  <component name="TodoView">
+    <todo-panel id="selected-file">
+      <is-autoscroll-to-source value="true" />
+    </todo-panel>
+    <todo-panel id="all">
+      <are-packages-shown value="true" />
+      <is-autoscroll-to-source value="true" />
+    </todo-panel>
   </component>
   <component name="ToolWindowManager">
-    <frame x="-8" y="-8" width="1936" height="1168" extended-state="0" />
+    <frame x="-1928" y="515" width="1936" height="1048" extended-state="6" />
     <editor active="true" />
     <layout>
-      <window_info id="npm" sideWeight="0.5007194" side_tool="true" weight="0.25" />
-      <window_info id="Favorites" side_tool="true" />
-      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.49928057" visible="true" weight="0.25" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.49819493" visible="true" weight="0.25026342" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
-      <window_info anchor="bottom" id="Docker" show_stripe_button="false" />
-      <window_info anchor="bottom" id="Version Control" />
-      <window_info anchor="bottom" id="Terminal" />
-      <window_info anchor="bottom" id="Event Log" side_tool="true" />
+      <window_info id="npm" order="2" sideWeight="0.50180507" side_tool="true" weight="0.25" />
+      <window_info id="Favorites" order="3" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
       <window_info anchor="bottom" id="Find" order="1" />
-      <window_info anchor="bottom" id="Run" order="2" visible="true" weight="0.3291506" />
+      <window_info anchor="bottom" id="Run" order="2" visible="true" weight="0.3238512" />
       <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
       <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
-      <window_info anchor="bottom" id="TODO" order="6" />
+      <window_info anchor="bottom" id="TODO" order="6" weight="0.3291506" />
+      <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Version Control" order="8" />
+      <window_info anchor="bottom" id="TypeScript" order="9" />
+      <window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
+      <window_info anchor="bottom" id="Terminal" order="11" weight="0.3291506" />
       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
       <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
@@ -254,20 +431,6 @@
     <option name="version" value="1" />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/vue.config.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="703">
-          <caret line="37" column="48" selection-start-line="37" selection-start-column="48" selection-end-line="37" selection-end-column="48" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/package.json">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="57">
-          <caret line="3" column="23" selection-start-line="3" selection-start-column="23" selection-end-line="3" selection-end-column="23" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/Dockerfile">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="19">
@@ -275,20 +438,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/.env.production">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="19">
-          <caret line="1" column="23" selection-start-line="1" selection-start-column="23" selection-end-line="1" selection-end-column="23" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/.env.staging">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="190">
-          <caret line="10" column="9" selection-start-line="10" selection-start-column="9" selection-end-line="10" selection-end-column="9" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/default.conf">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="190">
@@ -296,13 +445,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/.env.development">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="152">
-          <caret line="8" column="9" selection-start-line="8" selection-start-column="9" selection-end-line="8" selection-end-column="9" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/permission.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="209">
@@ -320,5 +462,285 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/package.json">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="57">
+          <caret line="3" column="23" selection-start-line="3" selection-start-column="23" selection-end-line="3" selection-end-column="23" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/index.vue">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external/lib.dom.d.ts">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="215">
+          <caret line="5246" column="4" selection-start-line="5246" selection-start-column="4" selection-end-line="5246" selection-end-column="4" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/node_modules/element-ui/packages/upload/src/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="114">
+          <caret line="9" column="2" selection-start-line="9" selection-start-column="2" selection-end-line="9" selection-end-column="2" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/node_modules/vue/types/vue.d.ts">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="223">
+          <caret line="28" column="20" selection-start-line="28" selection-start-column="20" selection-end-line="28" selection-end-column="20" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/system/user/profile/userAvatar.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="252">
+          <caret line="62" column="2" selection-start-line="62" selection-start-column="2" selection-end-line="62" selection-end-column="29" />
+          <folding>
+            <element signature="e#2290#2318#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/node_modules/js-base64/base64.d.ts">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="223">
+          <caret line="92" column="14" selection-start-line="92" selection-start-column="14" selection-end-line="92" selection-end-column="14" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/system/tool/gen/basicInfoForm.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-228" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/system/tool/gen/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="190">
+          <caret line="190" column="7" selection-start-line="190" selection-start-column="7" selection-end-line="190" selection-end-column="7" />
+          <folding>
+            <element signature="e#6145#6230#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/system/tool/gen/editTable.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="57">
+          <caret line="129" column="7" selection-start-line="129" selection-start-column="7" selection-end-line="129" selection-end-column="7" />
+          <folding>
+            <element signature="e#5727#5788#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/router/index.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="38">
+          <caret line="158" column="48" selection-start-line="158" selection-start-column="48" selection-end-line="158" selection-end-column="48" />
+          <folding>
+            <element signature="e#0#21#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/system/role/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="8531">
+          <caret line="450" column="4" selection-start-line="450" selection-start-column="4" selection-end-line="455" selection-end-column="6" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/api/document/document.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="57">
+          <caret line="3" column="28" selection-start-line="3" selection-start-column="16" selection-end-line="3" selection-end-column="28" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external/lib.es5.d.ts">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="13528">
+          <caret line="725" column="12" selection-start-line="725" selection-start-column="12" selection-end-line="725" selection-end-column="12" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/api/system/user.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2584">
+          <caret line="137" column="26" selection-start-line="137" selection-start-column="16" selection-end-line="137" selection-end-column="26" />
+          <folding>
+            <element signature="e#0#37#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/system/tool/swagger/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="19">
+          <caret line="1" column="2" selection-start-line="1" selection-start-column="2" selection-end-line="1" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/.env.development">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="285">
+          <caret line="15" column="72" selection-start-line="15" selection-start-column="72" selection-end-line="15" selection-end-column="72" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/.env.production">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="285">
+          <caret line="15" column="72" selection-start-line="15" selection-start-column="72" selection-end-line="15" selection-end-column="72" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/.env.staging">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="323">
+          <caret line="17" column="72" selection-start-line="17" selection-start-column="72" selection-end-line="17" selection-end-column="72" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/workflow/config/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="247">
+          <caret line="13" column="103" selection-start-line="13" selection-start-column="92" selection-end-line="13" selection-end-column="103" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/workflow/task/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="247">
+          <caret line="13" column="97" selection-start-line="13" selection-start-column="97" selection-end-line="13" selection-end-column="97" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/api/tool/gen.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/api/tool/tool.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="57">
+          <caret line="3" column="24" selection-start-line="3" selection-start-column="16" selection-end-line="3" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/api/system/dict/data.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="230">
+          <caret line="18" lean-forward="true" selection-start-line="18" selection-end-line="18" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/main.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="114">
+          <caret line="6" column="37" selection-start-line="6" selection-start-column="37" selection-end-line="6" selection-end-column="37" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/public/css/poctstyle.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2033">
+          <caret line="107" column="1" selection-start-line="107" selection-start-column="1" selection-end-line="107" selection-end-column="1" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/userSelector/service.ts">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="95">
+          <caret line="13" column="8" lean-forward="true" selection-start-line="13" selection-start-column="8" selection-end-line="13" selection-end-column="8" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/userSelector/userSelect.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="589">
+          <caret line="130" column="2" selection-start-line="130" selection-start-column="2" selection-end-line="130" selection-end-column="2" />
+          <folding>
+            <element signature="e#239#280#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/user-selector/src/user-selector-service.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="228">
+          <caret line="12" column="62" selection-start-line="12" selection-start-column="62" selection-end-line="12" selection-end-column="62" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/user-selector/index.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/user-selector/src/user-selector.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="180">
+          <caret line="174" column="24" selection-start-line="174" selection-start-column="18" selection-end-line="174" selection-end-column="24" />
+          <folding>
+            <element signature="n#style#0;n#el-input#0;n#el-form-item#0;n#el-col#0;n#el-row#0;n#el-form#0;n#div#0;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#el-input#0;n#el-form-item#0;n#el-col#1;n#el-row#0;n#el-form#0;n#div#0;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#div#1;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#el-button#0;n#div#0;n#div#0;n#div#1;n#div#1;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#1;n#div#0;n#div#2;n#div#1;n#div#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+            <element signature="e#6425#6495#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/system/user/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="285">
+          <caret line="429" column="79" lean-forward="true" selection-start-line="429" selection-start-column="10" selection-end-line="429" selection-end-column="79" />
+          <folding>
+            <element signature="e#13051#13183#0" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/document/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="148">
+          <caret line="43" column="19" lean-forward="true" selection-start-line="40" selection-start-column="8" selection-end-line="43" selection-end-column="19" />
+          <folding>
+            <element signature="e#4861#4971#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/vue.config.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="237">
+          <caret line="31" column="20" selection-start-line="31" selection-start-column="20" selection-end-line="31" selection-end-column="20" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/utils/request.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="152">
+          <caret line="110" column="28" lean-forward="true" selection-start-line="110" selection-start-column="28" selection-end-line="110" selection-end-column="28" />
+          <folding>
+            <element signature="e#0#25#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/views/tool/index.vue">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="169">
+          <caret line="129" column="32" selection-start-line="129" selection-start-column="32" selection-end-line="129" selection-end-column="32" />
+          <folding>
+            <element signature="n#style#0;n#el-input#0;n#el-form-item#0;n#el-form#0;n#el-col#1;n#el-row#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#el-select#0;n#el-form-item#0;n#el-col#0;n#el-row#3;n#el-form#0;n#el-dialog#0;n#div#0;n#template#0;n#!!top" expanded="true" />
+            <element signature="e#11739#11821#0" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 8d6ec6a..cdd267c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3325,6 +3325,14 @@
       "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
       "dev": true
     },
+    "bufferutil": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmmirror.com/bufferutil/-/bufferutil-4.0.8.tgz",
+      "integrity": "sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==",
+      "requires": {
+        "node-gyp-build": "^4.3.0"
+      }
+    },
     "builtin-status-codes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
@@ -4983,6 +4991,15 @@
       "integrity": "sha512-0sVXIohTfLqVIW3kb/0n6IiWF3Ifj5nm2XaSrLq2DI6fKIGa2fYAZdk917rUneaeLVpYfFcyXE2ft0fe3remsA==",
       "dev": true
     },
+    "d": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/d/-/d-1.0.2.tgz",
+      "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==",
+      "requires": {
+        "es5-ext": "^0.10.64",
+        "type": "^2.7.2"
+      }
+    },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmmirror.com/dashdash/-/dashdash-1.14.1.tgz",
@@ -5807,6 +5824,36 @@
         "is-symbol": "^1.0.2"
       }
     },
+    "es5-ext": {
+      "version": "0.10.64",
+      "resolved": "https://registry.npmmirror.com/es5-ext/-/es5-ext-0.10.64.tgz",
+      "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==",
+      "requires": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "esniff": "^2.0.1",
+        "next-tick": "^1.1.0"
+      }
+    },
+    "es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "es6-symbol": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmmirror.com/es6-symbol/-/es6-symbol-3.1.4.tgz",
+      "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==",
+      "requires": {
+        "d": "^1.0.2",
+        "ext": "^1.7.0"
+      }
+    },
     "escalade": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.1.2.tgz",
@@ -6046,6 +6093,17 @@
       "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
       "dev": true
     },
+    "esniff": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/esniff/-/esniff-2.0.1.tgz",
+      "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==",
+      "requires": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.62",
+        "event-emitter": "^0.3.5",
+        "type": "^2.7.2"
+      }
+    },
     "espree": {
       "version": "7.3.1",
       "resolved": "https://registry.npmmirror.com/espree/-/espree-7.3.1.tgz",
@@ -6129,6 +6187,15 @@
       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
       "dev": true
     },
+    "event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmmirror.com/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
     "event-pubsub": {
       "version": "4.3.0",
       "resolved": "https://registry.npmmirror.com/event-pubsub/-/event-pubsub-4.3.0.tgz",
@@ -6149,8 +6216,7 @@
     "eventsource": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/eventsource/-/eventsource-2.0.2.tgz",
-      "integrity": "sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA==",
-      "dev": true
+      "integrity": "sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA=="
     },
     "evp_bytestokey": {
       "version": "1.0.3",
@@ -6292,6 +6358,14 @@
         }
       }
     },
+    "ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmmirror.com/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "requires": {
+        "type": "^2.7.2"
+      }
+    },
     "extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz",
@@ -6445,7 +6519,6 @@
       "version": "0.11.4",
       "resolved": "https://registry.npmmirror.com/faye-websocket/-/faye-websocket-0.11.4.tgz",
       "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
-      "dev": true,
       "requires": {
         "websocket-driver": ">=0.5.1"
       }
@@ -7329,8 +7402,7 @@
     "http-parser-js": {
       "version": "0.5.8",
       "resolved": "https://registry.npmmirror.com/http-parser-js/-/http-parser-js-0.5.8.tgz",
-      "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==",
-      "dev": true
+      "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q=="
     },
     "http-proxy": {
       "version": "1.18.1",
@@ -7572,8 +7644,7 @@
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "inquirer": {
       "version": "7.3.3",
@@ -8021,8 +8092,7 @@
     "is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
-      "dev": true
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
     },
     "is-unicode-supported": {
       "version": "0.1.0",
@@ -9267,8 +9337,7 @@
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "multicast-dns": {
       "version": "6.2.3",
@@ -9346,6 +9415,11 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
+    "next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+    },
     "nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/nice-try/-/nice-try-1.0.5.tgz",
@@ -9367,6 +9441,11 @@
       "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
       "dev": true
     },
+    "node-gyp-build": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmmirror.com/node-gyp-build/-/node-gyp-build-4.8.1.tgz",
+      "integrity": "sha512-OSs33Z9yWr148JZcbZd5WiAXhh/n9z8TxQcdMhIOlpN9AhWpLfvVFO73+m77bBABQMaY9XSvIa+qk0jlI7Gcaw=="
+    },
     "node-libs-browser": {
       "version": "2.2.1",
       "resolved": "https://registry.npmmirror.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
@@ -11678,8 +11757,7 @@
     "querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "dev": true
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
     },
     "quill": {
       "version": "1.3.7",
@@ -12031,8 +12109,7 @@
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-      "dev": true
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
     },
     "resize-observer-polyfill": {
       "version": "1.5.1",
@@ -12225,8 +12302,7 @@
     "safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
     },
     "safe-regex": {
       "version": "1.1.0",
@@ -12781,7 +12857,6 @@
       "version": "1.6.1",
       "resolved": "https://registry.npmmirror.com/sockjs-client/-/sockjs-client-1.6.1.tgz",
       "integrity": "sha512-2g0tjOR+fRs0amxENLi/q5TiJTqY+WXFOzb5UwXndlK6TO3U/mirZznpx6w34HVMoc3g7cY24yC/ZMIYnDlfkw==",
-      "dev": true,
       "requires": {
         "debug": "^3.2.7",
         "eventsource": "^2.0.2",
@@ -12794,7 +12869,6 @@
           "version": "3.2.7",
           "resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz",
           "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
           "requires": {
             "ms": "^2.1.1"
           }
@@ -13987,6 +14061,11 @@
       "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
       "dev": true
     },
+    "type": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmmirror.com/type/-/type-2.7.3.tgz",
+      "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ=="
+    },
     "type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmmirror.com/type-check/-/type-check-0.4.0.tgz",
@@ -14070,6 +14149,14 @@
       "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
       "dev": true
     },
+    "typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmmirror.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "requires": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
     "typedarray.prototype.slice": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/typedarray.prototype.slice/-/typedarray.prototype.slice-1.0.3.tgz",
@@ -14361,7 +14448,6 @@
       "version": "1.5.10",
       "resolved": "https://registry.npmmirror.com/url-parse/-/url-parse-1.5.10.tgz",
       "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-      "dev": true,
       "requires": {
         "querystringify": "^2.1.1",
         "requires-port": "^1.0.0"
@@ -14382,6 +14468,14 @@
       "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
       "dev": true
     },
+    "utf-8-validate": {
+      "version": "5.0.10",
+      "resolved": "https://registry.npmmirror.com/utf-8-validate/-/utf-8-validate-5.0.10.tgz",
+      "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==",
+      "requires": {
+        "node-gyp-build": "^4.3.0"
+      }
+    },
     "util": {
       "version": "0.11.1",
       "resolved": "https://registry.npmmirror.com/util/-/util-0.11.1.tgz",
@@ -14551,6 +14645,11 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
+    "vue-iframe": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmmirror.com/vue-iframe/-/vue-iframe-0.0.0.tgz",
+      "integrity": "sha512-gH791EBUqJrsa5SuGhxeujyK4NFngJnuvpSJN0p5W5VoHmYkW35ZekOLlCZTN658VsXUYNGCPHlk9bzLtRyd7Q=="
+    },
     "vue-loader": {
       "version": "15.11.1",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.11.1.tgz",
@@ -15363,11 +15462,38 @@
         }
       }
     },
+    "websocket": {
+      "version": "1.0.35",
+      "resolved": "https://registry.npmmirror.com/websocket/-/websocket-1.0.35.tgz",
+      "integrity": "sha512-/REy6amwPZl44DDzvRCkaI1q1bIiQB0mEFQLUrhz3z2EK91cp3n72rAjUlrTP0zV22HJIUOVHQGPxhFRjxjt+Q==",
+      "requires": {
+        "bufferutil": "^4.0.1",
+        "debug": "^2.2.0",
+        "es5-ext": "^0.10.63",
+        "typedarray-to-buffer": "^3.1.5",
+        "utf-8-validate": "^5.0.2",
+        "yaeti": "^0.0.6"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        }
+      }
+    },
     "websocket-driver": {
       "version": "0.7.4",
       "resolved": "https://registry.npmmirror.com/websocket-driver/-/websocket-driver-0.7.4.tgz",
       "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
-      "dev": true,
       "requires": {
         "http-parser-js": ">=0.5.1",
         "safe-buffer": ">=5.1.0",
@@ -15377,8 +15503,7 @@
     "websocket-extensions": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
-      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
-      "dev": true
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg=="
     },
     "which": {
       "version": "1.3.1",
@@ -15500,6 +15625,11 @@
       "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
       "dev": true
     },
+    "yaeti": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmmirror.com/yaeti/-/yaeti-0.0.6.tgz",
+      "integrity": "sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug=="
+    },
     "yallist": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/yallist/-/yallist-2.1.2.tgz",
diff --git a/package.json b/package.json
index 4946221..6b9ea89 100644
--- a/package.json
+++ b/package.json
@@ -46,13 +46,16 @@
     "nprogress": "0.2.0",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
+    "sockjs-client": "^1.6.1",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
+    "vue-iframe": "0.0.0",
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
-    "vuex": "3.6.0"
+    "vuex": "3.6.0",
+    "websocket": "^1.0.35"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "4.4.6",
diff --git a/public/css/poctstyle.css b/public/css/poctstyle.css
new file mode 100644
index 0000000..38c0667
--- /dev/null
+++ b/public/css/poctstyle.css
@@ -0,0 +1,108 @@
+
+
+/*choose-ul(选人组件)*/
+.choose-ul {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  min-height: 300px;
+  border: 1px solid #e1e1e1;
+  font-size: 14px;
+  background: #FFFFFF;
+}
+.choose-ul ul {
+  margin: 0;
+  padding: 5px;
+}
+.choose-ul ul li {
+  margin: 0;
+  padding: 3px 10px;
+  list-style: none;
+  color: #555555;
+  font-size: 14px;
+  line-height: 26px;
+}
+.choose-ul ul li a,
+.choose-ul ul li a:hover{
+  color: #555555;
+  font-size: 14px;
+  cursor:pointer;
+  text-decoration:none;
+}
+.choose-ul ul li .el-checkbox {
+  display: block;
+}
+.choose-ul ul li .el-checkbox .el-checkbox__input {
+  position: absolute;
+  right: 0;
+  top: 3px;
+}
+.choose-ul ul li .el-checkbox .el-checkbox__label {
+  padding-left: 0;
+}
+.choose-ul ul li i.el-icon-close {
+  display: none;
+}
+.choose-ul ul li.active {
+  background: #f5f5f5;
+}
+.choose-ul ul li:hover {
+  background: #f5f5f5;
+}
+.choose-ul ul li:hover i.el-icon-close {
+  float: right;
+  display: inline;
+  cursor: pointer;
+  color: #717579;
+  padding: 0 0 0 0;
+  font-size: 13px;
+  line-height: 26px;
+}
+.choose-ul .head {
+  width: 100%;
+  min-height: 34px;
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid #e1e1e1;
+  display: table;
+  background: #fafafa;
+}
+.choose-ul .head .left {
+  display: table-cell;
+  padding: 3px 10px;
+  vertical-align: middle;
+  color: #555;
+}
+.choose-ul .head .right {
+  display: table-cell;
+  text-align: right;
+  padding: 3px 10px;
+  vertical-align: middle;
+}
+body .choose-ul .head .right .empty-btn {
+  text-decoration: none !important;
+  background: none !important;
+  border: none !important;
+  color: #0070d2;
+  cursor: pointer;
+  margin: 0 0 0 10px;
+}
+.choose-ul .el-form-item__label {
+  line-height: 32px;
+}
+.choose-ul .el-form-item__content {
+  line-height: 32px;
+}
+.choose-ul .el-form-item__error {
+  padding-top: 2px;
+}
+.choose-ul .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+}
+.choose-ul .el-input__icon {
+  line-height: 32px;
+}
+.choose-ul .el-tree {
+  margin: 5px;
+}
diff --git a/src/api/document/document.js b/src/api/document/document.js
new file mode 100644
index 0000000..0eebd3d
--- /dev/null
+++ b/src/api/document/document.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询【请填写功能名称】列表
+export function listDocument(query) {
+  return request({
+    url: '/document/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询【请填写功能名称】详细
+export function getDocument(id) {
+  return request({
+    url: '/document/' + id,
+    method: 'get'
+  })
+}
+
+// 新增【请填写功能名称】
+export function addDocument(data) {
+  return request({
+    url: '/document',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改【请填写功能名称】
+export function updateDocument(data) {
+  return request({
+    url: '/document',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除【请填写功能名称】
+export function delDocument(id) {
+  return request({
+    url: '/document/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/user.js b/src/api/system/user.js
index f2f76ef..2d1be5e 100644
--- a/src/api/system/user.js
+++ b/src/api/system/user.js
@@ -133,3 +133,12 @@ export function deptTreeSelect() {
     method: 'get'
   })
 }
+
+// 文件上传
+export function uploadFile(data) {
+  return request({
+    url: '/system/user/upload',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/api/tool/tool.js b/src/api/tool/tool.js
new file mode 100644
index 0000000..c6c0e47
--- /dev/null
+++ b/src/api/tool/tool.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询工具信息列表
+export function listTool(query) {
+  return request({
+    url: '/tool/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询工具信息详细
+export function getTool(toolId) {
+  return request({
+    url: '/tool/' + toolId,
+    method: 'get'
+  })
+}
+
+// 新增工具信息
+export function addTool(data) {
+  return request({
+    url: '/tool',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改工具信息
+export function updateTool(data) {
+  return request({
+    url: '/tool',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除工具信息
+export function delTool(toolId) {
+  return request({
+    url: '/tool/' + toolId,
+    method: 'delete'
+  })
+}
diff --git a/src/components/user-selector/index.js b/src/components/user-selector/index.js
new file mode 100644
index 0000000..e705bc0
--- /dev/null
+++ b/src/components/user-selector/index.js
@@ -0,0 +1,7 @@
+import UserSelector from './src/user-selector'
+UserSelector.install = function(Vue) {
+  Vue.component(UserSelector.name, UserSelector)
+}
+
+// 默认导出组件
+export default UserSelector
diff --git a/src/components/user-selector/src/user-selector.vue b/src/components/user-selector/src/user-selector.vue
new file mode 100644
index 0000000..fb33469
--- /dev/null
+++ b/src/components/user-selector/src/user-selector.vue
@@ -0,0 +1,614 @@
+<template>
+  <div>
+    <el-dialog
+      :title="'人员选择' + (type == 'multiple' ? '(多选)' : '(单选)')"
+      :visible.sync="open"
+      :width="width || '900px'"
+      :height="height || '650px'"
+      :before-close="handleClose"
+      append-to-body
+    >
+
+      <div class="selectBox">
+        <div class="bottomBox" v-show="showSearch">
+          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"  label-width="68px">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="用户姓名" prop="nickName">
+                  <el-input
+                    v-model="queryParams.nickName"
+                    placeholder="请输入用户姓名"
+                    clearable
+                    style="width: 200px"
+                    size="mini"
+                    @keyup.enter.native="getList"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="手机号码" prop="phonenumber">
+                  <el-input
+                    v-model="queryParams.phonenumber"
+                    placeholder="请输入手机号码"
+                    clearable
+                    style="width: 200px"
+                    size="mini"
+                    @keyup.enter.native="getList"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <el-button type="primary" icon="el-icon-search" size="mini" @click="getList">搜索</el-button>
+                  <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+
+
+          </el-form>
+        </div>
+        <div class="topBox">
+          <div class="leftBox">
+            <div class="contentBox">
+              <div class="leftBox_title">组织架构</div>
+              <div style="padding: 4px;margin-bottom: 4px;">
+                <el-input
+                  v-model="deptName"
+                  placeholder="请输入部门名称"
+                  clearable
+                  size="mini"
+                  prefix-icon="el-icon-search"
+                >
+                </el-input>
+              </div>
+              <div class="treeBox">
+                <el-tree
+                  :data="deptOptions"
+                  :props="defaultProps"
+                  :expand-on-click-node="false"
+                  :filter-node-method="filterNode"
+                  ref="tree"
+                  node-key="id"
+                  default-expand-all
+                  highlight-current
+
+                  @node-click="handleNodeClick"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="leftBox">
+            <div class="contentBox">
+              <div class="leftBox_title">
+                人员选择
+                <!-- <el-checkbox class="leftBox_title_do" style="right: 60px" v-model="userNodeAll" @change="handleCheckedNodeAll($event)">全选</el-checkbox>
+                <el-checkbox class="leftBox_title_do" v-model="cancelUserNodeAll" @change="handleCheckedNodeAll($event)">全不选</el-checkbox> -->
+                <el-button v-if="type == 'multiple'" class="leftBox_title_do" style="right: 70px" type="text" size="mini" @click="handleCheckedNodeAll(true)">全选</el-button>
+                <el-button v-if="type == 'multiple'" class="leftBox_title_do" type="text" size="mini" @click="handleCheckedNodeAll(false)">全不选</el-button>
+              </div>
+
+              <div class="peopleBox">
+                <div class="peopleList">
+                  <el-checkbox-group ref="peopleCheckBoxes" v-model="checkedUsers" @change="handleCheckedUsersChange" :max="type == 'single' ? 1 : 2147483647">
+                    <el-checkbox
+                      v-for="item in userList"
+                      :label="item.userName"
+                      :key="item.userName"
+                      class="peopleCard"
+                    >
+                      <div class="peopleInfoBox">
+                        <div class="peopleName">{{ item.nickName }}</div>
+                        <div class="peopleDept">{{ item.dept.deptName || '' }}</div>
+                      </div>
+                    </el-checkbox>
+                  </el-checkbox-group>
+
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- this.checkedUsers -->
+          <div class="leftBox">
+            <div class="contentBox">
+              <div class="leftBox_title">已选择人员
+                <el-button v-if="type == 'multiple'" class="leftBox_title_do" type="text" size="mini" @click="clearAll">全部清空</el-button>
+              </div>
+              <div class="peopleBox">
+                <div class="peopleList">
+                  <div
+                    v-for="item in selectedUserList"
+                    class="peopleCard"
+                  >
+                    <div class="peopleInfoBox">
+                      <div class="peopleName" style="margin-top:4px">{{ item.nickName }}</div>
+                      <div class="peopleDept">{{ item.dept.deptName || '' }}</div>
+                    </div>
+
+                    <div class="peopleDeleteBtn" @click="deleteUserByUserName(item.userName)"></div>
+                  </div>
+
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+
+</template>
+
+<script>
+
+
+  import { listUser, getUser, deptTreeSelect } from "@/api/system/user";
+  import { getToken } from "@/utils/auth";
+
+
+  import Treeselect from "@riophae/vue-treeselect";
+
+  export default {
+    name: "PeopleSelect",
+    components: { Treeselect },
+    dicts: ['sys_normal_disable', 'sys_user_sex'],
+    props: {
+      width: {
+        type: String,
+        default: "900px",
+      },
+      height: {
+        type: String,
+        default: '650px'
+      },
+      type: {
+        type: String,
+        default: "single" //single or multiple
+      },
+      open: {
+        type: Boolean,
+        default:false,
+      }
+      // value: {
+      //     type: Object,
+      //     default: {
+      //         userName: [],
+      //         realName: []
+      //     }
+      // }
+    },
+    computed: {
+
+    },
+    data() {
+      return {
+
+        loading: false,
+
+        // open: false,
+        activeName: 'first',
+        defaultProps: {
+          children: "children",
+          label: "label"
+        },
+        // 部门树选项
+        deptOptions: undefined,
+        deptName: '',
+        showSearch: true,
+
+        userList: [],
+        allUserList: [],
+        allUserMap: new Map(),
+        selectedUserList: [],
+
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 2147483647,
+          userName: undefined,
+          phonenumber: undefined,
+          status: "0",
+          deptId: undefined
+        },
+
+        //已选择的用户信息
+        checkedUsers: [],
+
+        //   userNodeAll: false,
+        //   cancelUserNodeAll: false,
+
+      };
+    },
+    created() {
+      this.getDeptTree();
+      this.getAllUserList();
+    },
+    watch: {
+      // 根据名称筛选部门树
+      deptName(val) {
+        this.$refs.tree.filter(val);
+      }
+    },
+    methods: {
+      handleClose(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            this.cancel();
+          })
+          .catch(_ => {});
+      },
+      handleClick(tab, event) {
+        console.log(tab, event);
+      },
+
+
+      //获取选中的人员昵称列表
+      getNickNameList(uns) {
+        let result = [];
+        uns.forEach(item => {
+          if(this.allUserMap.has(item)) {
+            result.push(this.allUserMap.get(item).nickName || '');
+          }
+        })
+        return result;
+      },
+      getUserIdByUserName(userName){
+        let result = '';
+        if(this.allUserMap.has(userName)) {
+          result = this.allUserMap.get(userName).userId || '';
+        }
+        return result;
+      },
+      getNickNameByUserName(userName){
+        let result = '';
+        if(this.allUserMap.has(userName)) {
+          result = this.allUserMap.get(userName).nickName || '';
+        }
+        return result;
+      },
+      submitForm() {
+        let checkedUserArr = []
+        let checkedUser = {}
+        this.checkedUsers.forEach(userName => {
+          checkedUser['userName'] = userName
+          checkedUser['userId'] = this.getUserIdByUserName(userName)
+          checkedUser['nickName'] = this.getNickNameByUserName(userName)
+          checkedUserArr.push(checkedUser)
+        })
+        this.$emit("submit", checkedUserArr); //返回username和nickname
+      },
+      cancel() {
+        this.$emit('cancel');
+      },
+      // 筛选节点
+      filterNode(value, data) {
+        if (!value) return true;
+        return data.label.indexOf(value) !== -1;
+      },
+      // 节点单击事件
+      handleNodeClick(data) {
+        this.queryParams.deptId = data.id;
+        this.getList();
+      },
+      /** 查询部门下拉树结构 */
+      getDeptTree() {
+        deptTreeSelect().then(response => {
+          this.deptOptions = response.data;
+        });
+      },
+
+      //第一步要做的 checkedUsers 为数组如['admin','ry'] 在父组件调用此方法并传入要回显的数组可进行复选框回显操作
+      getAllUserList(checkedUsers = []) {
+        //查出所有的用户，用于根据不同情况筛选显示
+        listUser({pageNum: 1,pageSize: 2147483647,status: "0"}).then(response => {
+            this.allUserList = response.rows;
+
+            this.allUserMap = new Map();
+
+            this.checkedUsers = checkedUsers;
+
+            this.allUserList.forEach(item => {
+              this.allUserMap.set(item.userName, item);
+            });
+            this.updateCheckedUsers();
+            //   console.log(this.allUserList, this.allUserMap);
+            this.getList();
+          }
+        );
+      },
+
+      /** 查询用户列表 */
+      getList() {
+        listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+            this.userList = response.rows;
+            //   console.log(this.userList);
+          }
+        );
+      },
+
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.resetForm("queryForm");
+        this.queryParams.deptId = undefined;
+        this.$refs.tree.setCurrentKey(null);
+        this.getList();
+      },
+
+      handleCheckedUsersChange(val) {
+        // console.log(this.$refs.peopleCheckBoxes.value);
+        this.updateCheckedUsers();
+      },
+
+      updateCheckedUsers() {
+        this.selectedUserList = [];
+
+        this.checkedUsers.forEach(item => {
+          if(this.allUserMap.has(item)) {
+            let u = this.allUserMap.get(item);
+            this.selectedUserList.push(u);
+          }
+        })
+      },
+
+      deleteUserByUserName(username) {
+        for(let i = 0;i < this.checkedUsers.length;i++) {
+          if(this.checkedUsers[i].indexOf(username) != -1) {
+            this.checkedUsers.splice(i, 1);
+            this.updateCheckedUsers();
+            break;
+          }
+        }
+      },
+
+      handleCheckedNodeAll(val) {
+        if(val) { //全选
+          this.userList.forEach(item => {
+            for(let i = 0;i < this.checkedUsers.length;i++) {
+              if(this.checkedUsers[i] == item.userName) { //已存在，跳过
+                return;
+              }
+            }
+            //不存在，执行添加
+            this.checkedUsers.push(item.userName);
+          });
+        } else { //全不选
+          this.userList.forEach(item => {
+            for(let i = 0;i < this.checkedUsers.length;i++) {
+              if(this.checkedUsers[i] == item.userName) { //已存在，执行删除
+                this.checkedUsers.splice(i, 1);
+                return;
+              }
+            }
+            //不存在，无需操作
+
+          });
+        }
+        this.updateCheckedUsers();
+      },
+
+
+      clearAll() {
+        this.checkedUsers = [];
+        this.updateCheckedUsers();
+      }
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+  .selectBox {
+    width:100%;
+    min-width: 900px;
+    display: flex;
+    flex-direction: column;
+
+    .topBox {
+      width:100%;
+      display: flex;
+      margin-top:10px;
+      .leftBox {
+        width:280px;
+        height: 400px;
+        margin-right:10px;
+
+        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+        display: flex;
+        flex-direction: column;
+
+        .leftBox_title {
+          width:100%;
+          height:40px;
+          font-size: 16px;
+          line-height: 40px;
+          padding-left: 10px;
+          background-color: #f5f5f5;
+          position: relative;
+          .leftBox_title_do {
+            position: absolute;
+            right: 16px;
+            top: 8px;
+          }
+        }
+
+
+        .contentBox {
+          width:100%;
+
+        }
+      }
+    }
+
+    .bottomBox {
+      margin-top:15px;
+      width:100%;
+      // border: 1px solid #DCDFE6;
+      // -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+      // box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+      // overflow-y: auto;
+
+      .selectPeopleList {
+        width:100%;
+        display: flex;
+        flex-wrap: wrap;
+
+        .selectPeopleCard {
+          width:50px;
+          height:56px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin: 5px 10px;
+          .user-avatar {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            color: #fff;
+            background: #FFA502;
+            font-size: 14px;
+            text-align: center;
+            line-height: 40px;
+          }
+
+          .userInfo {
+            width:100%;
+            display: flex;
+            flex-direction: column;
+            margin-left:5px;
+            margin-right:5px;
+
+            div:nth-child(1) {
+              font-size: 14px;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              width:100%;
+              text-align: center;
+            }
+          }
+        }
+      }
+    }
+
+  }
+
+  .treeBox {
+    width:100%;
+    height: 320px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  .peopleBox {
+    width:100%;
+    height: 360px;
+    overflow-x: hidden;
+    overflow-y: auto;
+
+    .peopleList {
+      width:100%;
+      height:auto;
+
+
+      .peopleCard:hover {
+        background-color: #fafafa;
+        transition: .2s;
+
+        .peopleName {
+          color:#eb6100;
+        }
+      }
+      .peopleCard {
+        width:100%;
+        height: 48px;
+        border-top: solid #f5f5f5 1px;
+        border-bottom: solid #f5f5f5 1px;
+        padding-left: 8px;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        transition: .2s;
+        ::v-deep .el-checkbox__label {
+          display: flex;
+          align-items: center;
+        }
+
+        .avatarBox {
+          width: 40px;
+          height: 40px;
+
+          .user-avatar {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            color: #fff;
+            font-size: 14px;
+            text-align: center;
+            line-height: 40px;
+            user-select: none;
+          }
+        }
+
+        .peopleInfoBox {
+          width: 190px;
+          height:100%;
+          display: flex;
+          flex-direction: column;
+          padding-left: 8px;
+
+          .peopleName {
+            width: 100%;
+            height:20px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-size: 14px;
+            line-height: 20px;
+
+          }
+
+          .peopleDept {
+            width: 100%;
+            height:20px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-size: 12px;
+            line-height: 20px;
+            color: #999;
+          }
+        }
+
+        .peopleDeleteBtn {
+          width:20px;
+          height:20px;
+          // border-radius: 50%;
+         // background: url(./delete2.png) no-repeat;
+          background-size:100% 100%;
+          transition: .2s;
+        }
+
+        .peopleDeleteBtn:hover {
+          width:20px;
+          height:20px;
+          // border-radius: 50%;
+          //background: url(./delete1.png) no-repeat;
+          background-size:100% 100%;
+          transition: .2s;
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/src/main.js b/src/main.js
index 13c6cf2..ad562e4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,7 @@ import Cookies from 'js-cookie'
 
 import Element from 'element-ui'
 import './assets/styles/element-variables.scss'
-
+import  '../public/css/poctstyle.css'
 import '@/assets/styles/index.scss' // global css
 import '@/assets/styles/ruoyi.scss' // ruoyi css
 import App from './App'
diff --git a/src/router/index.js b/src/router/index.js
index f5f7ebf..7211c27 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -156,7 +156,7 @@ export const dynamicRoutes = [
     children: [
       {
         path: 'index/:tableId(\\d+)',
-        component: () => import('@/views/tool/gen/editTable'),
+        component: () => import('@/views/system/tool/gen/editTable'),
         name: 'GenEdit',
         meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
       }
diff --git a/src/utils/request.js b/src/utils/request.js
index ffb0d21..8b24a62 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -108,7 +108,6 @@ service.interceptors.response.use(res => {
     }
   },
   error => {
-    console.log('err' + error)
     let { message } = error;
     if (message == "Network Error") {
       message = "后端接口连接异常";
@@ -117,7 +116,7 @@ service.interceptors.response.use(res => {
     } else if (message.includes("Request failed with status code")) {
       message = "系统接口" + message.substr(message.length - 3) + "异常";
     }
-    Message({ message: message, type: 'error', duration: 5 * 1000 })
+    //Message({ message: message, type: 'error', duration: 5 * 1000 })
     return Promise.reject(error)
   }
 )
diff --git a/src/views/document/index.vue b/src/views/document/index.vue
new file mode 100644
index 0000000..f486057
--- /dev/null
+++ b/src/views/document/index.vue
@@ -0,0 +1,353 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+      <el-form-item label="文档名称" prop="roleName">
+        <el-input
+          v-model="queryParams.docName"
+          placeholder="请输入文档名称"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-upload2"
+          size="mini"
+          @click="handleAdd"
+        >上传文档</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="docList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="文档编号" prop="docCode" width="120" />
+      <el-table-column label="文档名称" prop="docName" :show-overflow-tooltip="true" />
+      <el-table-column label="类别" prop="docType" :show-overflow-tooltip="true" width="150" />
+      <el-table-column label="负责人" prop="docPrincipals" :show-overflow-tooltip="true" width="150" />
+      <el-table-column label="归属部门" prop="docRespDept" :show-overflow-tooltip="true" width="150" />
+      <el-table-column label="来源" prop="docSource" width="100" />
+      <el-table-column label="上传进度" prop="docUploadProgress" width="200" >
+        <template slot-scope="scope">
+          <el-tag type="success" v-if="scope.row.docStatus == 'ysc'">已上传</el-tag>
+          <el-progress v-else :percentage="progress" status="success"></el-progress>
+        </template>
+      </el-table-column>
+      <el-table-column label="关联工具" prop="roleSort" width="100" />
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="180">
+        <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handlePriew(scope.row)"
+          >预览</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改文档资源信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="类别" prop="docType">
+          <el-input v-model="form.docType" placeholder="请输入类别" />
+        </el-form-item>
+        <el-form-item label="负责人" prop="docPrincipals">
+          <el-input v-model="form.docPrincipals" placeholder="请输入负责人" />
+        </el-form-item>
+        <el-form-item label="归属部门" prop="docRespDept">
+          <el-input v-model="form.docRespDept" placeholder="请输入归属部门" />
+        </el-form-item>
+        <el-form-item label="文档来源" prop="docSource">
+          <el-input v-model="form.docSource" placeholder="请输入文档来源" />
+        </el-form-item>
+        <el-form-item label="文件">
+          <el-upload
+            class="upload-component"
+            ref="upload"
+            :auto-upload="false"
+            :file-list="fileList"
+            :on-change="onChange"
+            :on-remove="onRemove"
+            :limit="1"
+            action=""
+          >
+            <el-button size="small" type="primary">点击上传</el-button>
+            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :title="viewDialogTitle" :visible.sync="viewDialogOpen" fullscreen width="500px" append-to-body>
+      <i-frame :src="previewUrl" />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listDocument, getDocument, delDocument, addDocument, updateDocument } from "@/api/document/document";
+import { Base64 } from 'js-base64';
+import iFrame from "@/components/iFrame/index";
+import { w3cwebsocket as WebSocket } from 'websocket';
+import axios from 'axios';
+import { getToken } from '@/utils/auth'
+
+export default {
+  name: "Document",
+  components: { iFrame },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      docList: [],
+      // 弹出层标题
+      title: "",
+      viewDialogTitle: "",
+      // 是否显示弹出层
+      open: false,
+      viewDialogOpen: false,
+      // 日期范围
+      dateRange: [],
+      previewUrl: '',
+      progress: 0,
+      fileList: [],
+      websocket: null,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        docName: undefined
+      },
+      // 表单参数
+      form: {
+        docName: '',
+        docType: '',
+        docPrincipals: '',
+        docRespDept: '',
+        docSource: ''
+      },
+      // 表单校验
+      rules: {
+        docType: [
+          { required: true, message: "类别不能为空", trigger: "blur" }
+        ],
+        docSource: [
+          { required: true, message: "文档来源不能为空", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    this.getList();
+    this.initWebSocket();
+  },
+  methods: {
+    generateUniqueID() {
+      // 使用时间戳来生成唯一ID
+      const timestamp = new Date().getTime();
+      // 在ID前面添加一个前缀，以防止与其他ID冲突
+      const uniqueID = 'file_' + timestamp;
+      return uniqueID;
+    },
+    initWebSocket() {
+      this.websocket = new WebSocket('ws://localhost:8080/tool-tech-admin/websocket');
+      this.websocket.onmessage = (event) => {
+        const msgStr = event.data;
+        console.log('上传进度=' + msgStr);
+        let progress = msgStr.substring(msgStr.indexOf("/") + 1, msgStr.length);
+        this.progress = parseInt(progress)
+        // if (progress === '100%') {
+        //   this.websocket.close();
+        // }
+      };
+      this.websocket.onclose = () => {
+        console.log('WebSocket connection closed');
+      };
+    },
+    onChange(file, fileList) {
+      // valid the suffix of file
+      let validSuffix = ['pdf', 'docx', 'doc', 'txt', 'eml', 'mp4']
+      let splits = file.name.split('.')
+      let suffix = splits[splits.length - 1]
+      if (!validSuffix.includes(suffix)) {
+        this.$message.error(`只能上传 ${validSuffix.join(',')} 类型的文件！`)
+        this.fileList = fileList.filter(item => item.uid !== file.uid)
+        return
+      }
+      this.fileList = fileList
+    },
+
+    onRemove(file, fileList) {
+      this.fileList = fileList.filter(item => item.uid !== file.uid)
+    },
+    confirmSubmit(docId) {
+      // 创建 formData 对象
+      const formData = new FormData()
+      // 将所有 的 upload 组件中的文件对象放入到 FormData 对象中
+      this.fileList.forEach((file) => {
+        formData.append('files', file.raw)
+      })
+      formData.append('docId', docId)
+      formData.append('requestId', this.generateUniqueID())
+      //自定义的接口也可以用ajax或者自己封装的接口
+      axios.post('http://localhost:8080/tool-tech-admin/document/upload', formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data',
+            'Authorization': 'Bearer ' + getToken(),
+          }
+        }).then((response) => {
+          if(response.data.code===200){
+            this.getList()
+          }else{
+            // 弹框报错 response.data.message
+          }
+          this.initWebSocket();
+        }).catch((error) => {
+          console.error('Failed to upload file:', error);
+        });
+    },
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      listDocument(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+          this.docList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        }
+      );
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        docName: '',
+        docType: '',
+        docPrincipals: '',
+        docRespDept: '',
+        docSource: ''
+      };
+      this.fileList = []
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "上传文档";
+    },
+    handlePriew(row){
+      console.log('mmmmmmmmmmm',process.env.VUE_APP_BASE_API + row.docUrl)
+      this.previewUrl = process.env.VUE_APP_TOOL_TECH_FILE_VIEW_API + '/onlinePreview?url=' + encodeURIComponent(Base64.encode(process.env.VUE_APP_BASE_API + row.docUrl));
+      this.viewDialogTitle = '文档在线预览'
+      this.viewDialogOpen = true;
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.fileId)
+      this.single = selection.length!=1
+      this.multiple = !selection.length
+    },
+    /** 提交按钮 */
+    submitForm: function() {
+      //判断是否有文件再上传
+      if (this.fileList.length === 0) {
+        return this.$message.warning('请选取文件后再上传')
+      }
+      this.fileList.map(file =>{
+        this.form.docName = file.name
+      })
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            updateDocument(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addDocument(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+              this.confirmSubmit(response.data);
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const docIds = row.docId || this.ids;
+      this.$modal.confirm('是否确认删除？').then(function() {
+        return delDocument(docIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    }
+  }
+};
+</script>
diff --git a/src/views/tool/gen/basicInfoForm.vue b/src/views/system/tool/gen/basicInfoForm.vue
similarity index 100%
rename from src/views/tool/gen/basicInfoForm.vue
rename to src/views/system/tool/gen/basicInfoForm.vue
diff --git a/src/views/tool/gen/createTable.vue b/src/views/system/tool/gen/createTable.vue
similarity index 100%
rename from src/views/tool/gen/createTable.vue
rename to src/views/system/tool/gen/createTable.vue
diff --git a/src/views/tool/gen/editTable.vue b/src/views/system/tool/gen/editTable.vue
similarity index 100%
rename from src/views/tool/gen/editTable.vue
rename to src/views/system/tool/gen/editTable.vue
diff --git a/src/views/tool/gen/genInfoForm.vue b/src/views/system/tool/gen/genInfoForm.vue
similarity index 100%
rename from src/views/tool/gen/genInfoForm.vue
rename to src/views/system/tool/gen/genInfoForm.vue
diff --git a/src/views/tool/gen/importTable.vue b/src/views/system/tool/gen/importTable.vue
similarity index 100%
rename from src/views/tool/gen/importTable.vue
rename to src/views/system/tool/gen/importTable.vue
diff --git a/src/views/tool/gen/index.vue b/src/views/system/tool/gen/index.vue
similarity index 100%
rename from src/views/tool/gen/index.vue
rename to src/views/system/tool/gen/index.vue
diff --git a/src/views/tool/swagger/index.vue b/src/views/system/tool/swagger/index.vue
similarity index 100%
rename from src/views/tool/swagger/index.vue
rename to src/views/system/tool/swagger/index.vue
diff --git a/src/views/tool/index.vue b/src/views/tool/index.vue
new file mode 100644
index 0000000..524c0a4
--- /dev/null
+++ b/src/views/tool/index.vue
@@ -0,0 +1,649 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <!--部门数据-->
+      <el-col :span="4" :xs="24">
+        <div class="head-container">
+          <el-input
+            v-model="deptName"
+            placeholder="请输入部门名称"
+            clearable
+            size="small"
+            prefix-icon="el-icon-search"
+            style="margin-bottom: 20px"
+          />
+        </div>
+        <div class="head-container">
+          <el-tree
+            :data="deptOptions"
+            :props="defaultProps"
+            :expand-on-click-node="false"
+            :filter-node-method="filterNode"
+            ref="tree"
+            node-key="id"
+            default-expand-all
+            highlight-current
+            @node-click="handleNodeClick"
+          />
+        </div>
+      </el-col>
+      <!--用户数据-->
+      <el-col :span="20" :xs="24">
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+          <el-form-item label="工具编号" prop="toolCode">
+            <el-input
+              v-model="queryParams.toolCode"
+              placeholder="请输入工具编号"
+              clearable
+              style="width: 240px"
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item label="工具名称" prop="toolName">
+            <el-input
+              v-model="queryParams.toolName"
+              placeholder="请输入工具名称"
+              clearable
+              style="width: 240px"
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-select
+              v-model="queryParams.status"
+              placeholder="状态"
+              clearable
+              style="width: 240px"
+            >
+              <el-option
+                v-for="dict in dict.type.sys_normal_disable"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="创建时间">
+            <el-date-picker
+              v-model="dateRange"
+              style="width: 240px"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button
+              type="primary"
+              plain
+              icon="el-icon-plus"
+              size="mini"
+              @click="handleAdd"
+              v-hasPermi="['system:user:add']"
+            >新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="el-icon-edit"
+              size="mini"
+              :disabled="single"
+              @click="handleUpdate"
+              v-hasPermi="['system:user:edit']"
+            >修改</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="danger"
+              plain
+              icon="el-icon-delete"
+              size="mini"
+              :disabled="multiple"
+              @click="handleDelete"
+              v-hasPermi="['system:user:remove']"
+            >删除</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="warning"
+              plain
+              icon="el-icon-download"
+              size="mini"
+              @click="handleExport"
+              v-hasPermi="['system:user:export']"
+            >导出</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="primary"
+              plain
+              icon="el-icon-plus"
+              size="mini"
+              @click="handleUseApply"
+              v-hasPermi="['system:user:export']"
+            >使用申请</el-button>
+          </el-col>
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+        </el-row>
+
+        <el-table v-loading="loading" :data="toolList" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="50" align="center" />
+          <el-table-column label="工具编号" align="center" key="toolCode" prop="toolCode" v-if="columns[0].visible" />
+          <el-table-column label="工具名称" align="center" key="toolName" prop="toolName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
+          <el-table-column label="工具类别" align="center" key="toolType" prop="toolType" v-if="columns[2].visible" :show-overflow-tooltip="true" >
+            <template slot-scope="scope">
+              <template v-for="dict in dict.type.tool_type">
+                <span v-if="scope.row.toolType == dict.value">{{ dict.label }}</span>
+              </template>
+            </template>
+          </el-table-column>
+          <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
+          <el-table-column label="负责人" align="center" key="toolPrincipalsName" prop="toolPrincipalsName" v-if="columns[4].visible" width="120" />
+          <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
+            <template slot-scope="scope">
+              <el-tag type="success" v-if="scope.row.status == '0'">正常</el-tag>
+              <el-tag type="info" v-if="scope.row.status == '1'">禁用</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            align="center"
+            width="160"
+            class-name="small-padding fixed-width"
+          >
+            <template slot-scope="scope" v-if="scope.row.userId !== 1">
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handleUpdate(scope.row)"
+                v-hasPermi="['system:user:edit']"
+              >修改</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                @click="handleDelete(scope.row)"
+                v-hasPermi="['system:user:remove']"
+              >删除</el-button>
+              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']">
+                <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item command="handlePublish" icon="el-icon-key"
+                    v-hasPermi="['system:user:resetPwd']">发布</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </el-col>
+    </el-row>
+
+    <!-- 添加或修改工具信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="60%" :close-on-click-modal="false" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="工具编号" prop="toolCode">
+              <el-input v-model="form.toolCode" placeholder="请输入工具编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工具名称" prop="toolName">
+              <el-input v-model="form.toolName" placeholder="请输入工具名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="负责人" prop="toolPrincipals">
+              <el-input v-model="form.toolPrincipalsName" placeholder="请选择负责人" maxlength="11" @focus="toolPrincipalsChoose = true"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="归属部门" prop="toolRespDept">
+              <treeselect v-model="form.toolRespDept" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="工具来源" prop="toolSource">
+              <el-input v-model="form.toolSource" placeholder="请输入工具来源"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工具用途" prop="toolUse">
+              <el-input v-model="form.toolUse" placeholder="请输入工具用途" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="工具类别">
+              <el-select v-model="form.toolType" placeholder="请选择工具类别" style="width: 100%">
+                <el-option
+                  v-for="dict in dict.type.tool_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="状态">
+              <el-radio-group v-model="form.status">
+                <el-radio
+                  v-for="dict in dict.type.sys_normal_disable"
+                  :key="dict.value"
+                  :label="dict.value"
+                >{{dict.label}}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="测试情况">
+              <el-input v-model="form.testSituation" type="textarea" placeholder="请输入内容" maxlength="500" show-word-limit></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="功能描述">
+              <el-input v-model="form.functionDesc" type="textarea" placeholder="请输入内容" maxlength="500" show-word-limit></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="适用条件">
+              <el-input v-model="form.applyCondition" type="textarea" placeholder="请输入内容" maxlength="500" show-word-limit></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="操作说明">
+              <el-input v-model="form.operateExplain" type="textarea" placeholder="请输入内容" maxlength="500" show-word-limit></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="备注">
+              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" maxlength="500" show-word-limit></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 转派选人组件 -->
+    <bl-user-selector  ref="peopleSelect" :type="'single'" :isCheck="true" :open="toolPrincipalsChoose" @cancel="toolPrincipalsChoose=false"   @submit="submitPeople"></bl-user-selector>
+  </div>
+</template>
+
+<script>
+  import { listTool, getTool, delTool, addTool, updateTool } from "@/api/tool/tool";
+  import { deptTreeSelect } from "@/api/system/user";
+import { getToken } from "@/utils/auth";
+import { Base64 } from 'js-base64'
+import Treeselect from "@riophae/vue-treeselect";
+import blUserSelector from "@/components/user-selector/src/user-selector";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
+export default {
+  name: "User",
+  dicts: ['sys_normal_disable', 'tool_type'],
+  components: { Treeselect, blUserSelector },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      toolPrincipalsChoose: false,
+      // 总条数
+      total: 0,
+      // 工具表格数据
+      toolList: null,
+      // 弹出层标题
+      title: "",
+      // 部门树选项
+      deptOptions: undefined,
+      toolPrincipalsData: [],
+      // 是否显示弹出层
+      open: false,
+      // 部门名称
+      deptName: undefined,
+      // 默认密码
+      initPassword: undefined,
+      // 日期范围
+      dateRange: [],
+      // 岗位选项
+      postOptions: [],
+      // 角色选项
+      roleOptions: [],
+      // 表单参数
+      form: {},
+      defaultProps: {
+        children: "children",
+        label: "label"
+      },
+      // 用户导入参数
+      upload: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/system/user/importData"
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        toolCode: undefined,
+        toolName: undefined,
+        status: undefined
+      },
+      // 列信息
+      columns: [
+        { key: 0, label: `工具编号`, visible: true },
+        { key: 1, label: `工具名称`, visible: true },
+        { key: 2, label: `工具类别`, visible: true },
+        { key: 3, label: `部门`, visible: true },
+        { key: 4, label: `负责人`, visible: true },
+        { key: 5, label: `状态`, visible: true },
+        { key: 6, label: `创建时间`, visible: true }
+      ],
+      // 表单校验
+      rules: {
+        toolCode: [
+          { required: true, message: "工具编号不能为空", trigger: "blur" },
+          { min: 2, max: 30, message: '工具编号长度必须介于 2 和 30 之间', trigger: 'blur' }
+        ],
+        toolName: [
+          { required: true, message: "工具名称不能为空", trigger: "blur" },
+          { max: 50, message: '工具名称不能超过50个字', trigger: 'blur' }
+        ],
+        toolPrincipals: [
+          { required: true, message: "负责人不能为空", trigger: "blur" }
+        ],
+        toolSource: [
+          { max: 50, message: '工具来源不能超过50个字', trigger: 'blur' }
+        ],
+        toolUse: [
+          { max: 50, message: '工具用途不能超过50个字', trigger: 'blur' }
+        ]
+      }
+    };
+  },
+  watch: {
+    // 根据名称筛选部门树
+    deptName(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  created() {
+    this.getList();
+    this.getDeptTree();
+    this.getConfigKey("sys.user.initPassword").then(response => {
+      this.initPassword = response.msg;
+    });
+  },
+  methods: {
+    submitPeople(peopleList){
+      console.log(peopleList);
+      this.form.toolPrincipals = peopleList[0]['userId']
+      this.form.toolPrincipalsName = peopleList[0]['nickName']
+      this.toolPrincipalsChoose = false;
+    },
+    /** 查询用户列表 */
+    getList() {
+      this.loading = true;
+      listTool(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+          this.toolList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        }
+      );
+    },
+    /** 查询部门下拉树结构 */
+    getDeptTree() {
+      deptTreeSelect().then(response => {
+        this.deptOptions = response.data;
+      });
+    },
+    getDeptName(items, id) {
+      let label = ''
+      items.forEach(item => {
+        if(item['id'] == id){
+          label = item['label']
+          return
+        }
+      })
+      if(label == ''){
+        items.forEach(item => {
+          if (item.children) {
+            label = this.getDeptName(item.children, id)
+          }
+        })
+      }
+      return label
+    },
+    // 筛选节点
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    // 节点单击事件
+    handleNodeClick(data) {
+      this.queryParams.toolRespDept = data.id;
+      this.handleQuery();
+    },
+    // 用户状态修改
+    handleStatusChange(row) {
+      let text = row.status === "0" ? "启用" : "停用";
+      this.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗？').then(function() {
+        return changeUserStatus(row.userId, row.status);
+      }).then(() => {
+        this.$modal.msgSuccess(text + "成功");
+      }).catch(function() {
+        row.status = row.status === "0" ? "1" : "0";
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        userId: undefined,
+        deptId: undefined,
+        userName: undefined,
+        nickName: undefined,
+        password: undefined,
+        phonenumber: undefined,
+        email: undefined,
+        sex: undefined,
+        status: "0",
+        remark: undefined,
+        postIds: [],
+        roleIds: []
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.queryParams.deptId = undefined;
+      this.$refs.tree.setCurrentKey(null);
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.userId);
+      this.single = selection.length != 1;
+      this.multiple = !selection.length;
+    },
+    // 更多操作触发
+    handleCommand(command, row) {
+      switch (command) {
+        case "handlePublish":
+          this.handlePublish(row);
+          break;
+        case "handleAuthRole":
+          this.handleAuthRole(row);
+          break;
+        default:
+          break;
+      }
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      getTool().then(response => {
+        this.postOptions = response.posts;
+        this.roleOptions = response.roles;
+        this.open = true;
+        this.title = "添加工具";
+        this.form.password = this.initPassword;
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const toolId = row.toolId || this.ids;
+      getTool(toolId).then(response => {
+        this.form = response.data;
+        this.postOptions = response.posts;
+        this.roleOptions = response.roles;
+        this.$set(this.form, "postIds", response.postIds);
+        this.$set(this.form, "roleIds", response.roleIds);
+        this.open = true;
+        this.title = "修改工具";
+        this.form.password = "";
+      });
+    },
+    /** 发布按钮操作 */
+    handlePublish(row) {
+    },
+    /** 提交按钮 */
+    submitForm: function() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.userId != undefined) {
+            updateTool(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addTool(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            }).catch((e) => {
+              if (e.response.data.code === 400001001) {
+                let deptName = this.getDeptName(this.deptOptions, this.form.toolRespDept)
+                this.$alert('<strong>' + deptName + '</strong> 下已存在编号为 <strong>' + this.form.toolCode + '</strong> 的工具，请勿重复添加！', '提示', {
+                  dangerouslyUseHTMLString: true,
+                  confirmButtonText: '确定',
+                  callback: action => { }
+                })
+              }
+            })
+          }
+        }
+      })
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const toolIds = row.toolId || this.ids;
+      this.$modal.confirm('是否确认删除？').then(function() {
+        return delTool(toolIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/user/export', {
+        ...this.queryParams
+      }, `user_${new Date().getTime()}.xlsx`)
+    },
+    handleUseApply(){
+
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false;
+      this.upload.isUploading = false;
+      this.$refs.upload.clearFiles();
+      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
+      this.getList();
+    },
+    // 提交上传文件
+    submitFileForm() {
+      this.$refs.upload.submit();
+    }
+  }
+};
+</script>
diff --git a/src/views/workflow/config/index.vue b/src/views/workflow/config/index.vue
new file mode 100644
index 0000000..b0c07a3
--- /dev/null
+++ b/src/views/workflow/config/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="app-container">
+    <i-frame :src="workflowProcDefMgrUrl" />
+  </div>
+</template>
+
+<script>
+  import iFrame from "@/components/iFrame/index";
+export default {
+  name: "WorkflowConifg",
+  components: { iFrame },
+  data() {
+    return {
+      workflowProcDefMgrUrl: process.env.VUE_APP_WORKFLOW_MANAGE_URL + '/procDefMgr/list.do?customSso=1'
+    };
+  },
+  created() {
+  },
+  methods: {
+  }
+};
+</script>
diff --git a/src/views/workflow/task/index.vue b/src/views/workflow/task/index.vue
new file mode 100644
index 0000000..ebff5bb
--- /dev/null
+++ b/src/views/workflow/task/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="app-container">
+    <i-frame :src="workflowTaskMgrUrl" />
+  </div>
+</template>
+
+<script>
+  import iFrame from "@/components/iFrame/index";
+export default {
+  name: "WorkflowTask",
+  components: { iFrame },
+  data() {
+    return {
+      workflowTaskMgrUrl: process.env.VUE_APP_WORKFLOW_MANAGE_URL + '/taskMgr/list.do?customSso=1'
+    };
+  },
+  created() {
+  },
+  methods: {
+  }
+};
+</script>
diff --git a/vue.config.js b/vue.config.js
index 00fa65c..b1b1454 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -29,7 +29,7 @@ module.exports = {
   productionSourceMap: false,
   // webpack-dev-server 相关配置
   devServer: {
-    host: '0.0.0.0',
+    host: 'localhost',
     port: port,
     open: true,
     proxy: {