diff --git a/template/admin/src/api/setting.js b/template/admin/src/api/setting.js
index 1bece6f59..1fdb2c06f 100644
--- a/template/admin/src/api/setting.js
+++ b/template/admin/src/api/setting.js
@@ -1088,4 +1088,15 @@ export function saveType(type) {
     url: `setting/lang_country/form/${id}`,
     method: 'get',
   });
+}
+/**
+ * 添加语言地区表单
+ * @param {*} id 
+ * @returns 
+ */
+ export function langTypeStatus(id,status) {
+  return request({
+    url: `setting/lang_type/status/${id}/${status}`,
+    method: 'put',
+  });
 }
\ No newline at end of file
diff --git a/template/admin/src/api/system.js b/template/admin/src/api/system.js
index 672b4d81f..36f849490 100644
--- a/template/admin/src/api/system.js
+++ b/template/admin/src/api/system.js
@@ -332,18 +332,19 @@ export function opendirListApi(params) {
     url: `system/file/opendir`,
     method: 'GET',
     params,
-	file_edit:true
+    file_edit: true,
   });
 }
 
 /**
  * @description 文件管理 -- 读取文件
  */
-export function openfileApi(filepath) {
+export function openfileApi(params) {
   return request({
-    url: `system/file/openfile?filepath=${filepath}`,
+    url: `system/file/openfile`,
     method: 'GET',
-	file_edit:true
+    params,
+    file_edit: true,
   });
 }
 
@@ -352,10 +353,10 @@ export function openfileApi(filepath) {
  */
 export function savefileApi(data) {
   return request({
-    url: `system/file/savefile`,
+    url: `system/file/savefile?fileToken=${data.fileToken}`,
     method: 'post',
     data,
-	file_edit:true
+    file_edit: true,
   });
 }
 /**
@@ -366,7 +367,7 @@ export function createFolder(params) {
     url: `system/file/createFolder`,
     method: 'GET',
     params,
-	file_edit:true
+    file_edit: true,
   });
 }
 /**
@@ -377,7 +378,7 @@ export function createFile(params) {
     url: `system/file/createFile`,
     method: 'GET',
     params,
-	file_edit:true
+    file_edit: true,
   });
 }
 /**
@@ -388,7 +389,7 @@ export function rename(params) {
     url: `system/file/rename`,
     method: 'GET',
     params,
-	file_edit:true
+    file_edit: true,
   });
 }
 /**
@@ -399,7 +400,7 @@ export function delFolder(params) {
     url: `system/file/delFolder`,
     method: 'GET',
     params,
-	file_edit:true
+    file_edit: true,
   });
 }
 
@@ -587,44 +588,44 @@ export function setAgreements(data, type) {
 }
 
 /**
-* @description 获取授权产品
-*/
+ * @description 获取授权产品
+ */
 export function crmebProduct(params) {
   return request({
-      url: 'crmeb_product',
-      method: 'get',
-      params
+    url: 'crmeb_product',
+    method: 'get',
+    params,
   });
 }
 
 /**
  * @description 获取授权订单
  */
- export function getVersion() {
+export function getVersion() {
   return request({
-      url: `setting/get_version`,
-      method: 'get',
+    url: `setting/get_version`,
+    method: 'get',
   });
 }
 
 /**
-* @description 获取版权
-*/
+ * @description 获取版权
+ */
 export function getCrmebCopyRight() {
   return request({
-      url: `copyright`,
-      method: 'get'
+    url: `copyright`,
+    method: 'get',
   });
 }
 
 /**
-* @description 保存版权
-*/
+ * @description 保存版权
+ */
 export function saveCrmebCopyRight(data) {
   return request({
-      url: `copyright`,
-      method: 'post',
-      data
+    url: `copyright`,
+    method: 'post',
+    data,
   });
 }
 
@@ -632,41 +633,41 @@ export function saveCrmebCopyRight(data) {
  * @description 升级包 -- 列表
  * @param data
  */
- export function upgradeListApi (params) {
+export function upgradeListApi(params) {
   return request({
-      url: '/system/upgrade/list',
-      method: 'get',
-      params
-  })
+    url: '/system/upgrade/list',
+    method: 'get',
+    params,
+  });
 }
 
 /**
-* @description 升级进度
-*/
+ * @description 升级进度
+ */
 export function upgradeProgressApi() {
   return request({
-      url: `/system/upgrade_progress`,
-      method: 'get'
+    url: `/system/upgrade_progress`,
+    method: 'get',
   });
 }
 
 /**
-* @description 升级协议
-*/
+ * @description 升级协议
+ */
 export function upgradeAgreementApi() {
   return request({
-      url: `/system/upgrade/agreement`,
-      method: 'get'
+    url: `/system/upgrade/agreement`,
+    method: 'get',
   });
 }
 
 /**
-* @description 升级状态
-*/
+ * @description 升级状态
+ */
 export function upgradeStatusApi() {
   return request({
-      url: `/system/upgrade_status`,
-      method: 'get'
+    url: `/system/upgrade_status`,
+    method: 'get',
   });
 }
 
@@ -674,31 +675,31 @@ export function upgradeStatusApi() {
  * @description 升级包 -- 升级记录
  * @param data
  */
- export function upgradeLogListApi (params) {
+export function upgradeLogListApi(params) {
   return request({
-      url: '/system/upgrade_log/list',
-      method: 'get',
-      params
-  })
+    url: '/system/upgrade_log/list',
+    method: 'get',
+    params,
+  });
 }
 
 /**
  * 导出备份文件
  */
- export function upgradeExportApi(id) {
+export function upgradeExportApi(id) {
   return request({
     url: `system/upgrade_export/${id}`,
     method: 'get',
-    responseType: 'blob'
+    responseType: 'blob',
   });
 }
 
 /**
  * @description 下载升级包
  */
- export function downloadApi(params) {
+export function downloadApi(params) {
   return request({
-    url: '/system/upgrade_download/'+params,
+    url: '/system/upgrade_download/' + params,
     method: 'POST',
   });
 }
@@ -707,10 +708,10 @@ export function upgradeStatusApi() {
  * @description 升级包 -- 可升级列表
  * @param data
  */
- export function upgradeableListApi (params) {
+export function upgradeableListApi(params) {
   return request({
-      url: '/system/upgradeable/list',
-      method: 'get',
-      params
-  })
-}
\ No newline at end of file
+    url: '/system/upgradeable/list',
+    method: 'get',
+    params,
+  });
+}
diff --git a/template/admin/src/components/copyright/index.vue b/template/admin/src/components/copyright/index.vue
index 6fb6cb8fe..fe10a928d 100644
--- a/template/admin/src/components/copyright/index.vue
+++ b/template/admin/src/components/copyright/index.vue
@@ -3,11 +3,15 @@
     <div class="ivu-global-footer-links">
       <a :href="item.href" target="_blank" v-for="(item, index) in links" :key="index">{{ item.title }}</a>
     </div>
-    <div class="ivu-global-footer-copyright"><a href="https://www.crmeb.com" target="_blank">{{ copyright }}</a></div>
+    <div class="ivu-global-footer-copyright" v-if="copyright">{{ copyright }}</div>
+    <div class="ivu-global-footer-copyright">
+      Copyright © 2014-2022 
+      <a href="https://www.crmeb.com" target="_blank">{{ version }}</a>
+    </div>
   </div>
 </template>
 <script>
-import { getCrmebCopyRight } from '@/api/system'
+import { getCrmebCopyRight } from '@/api/system';
 export default {
   name: 'i-copyright',
   data() {
@@ -29,19 +33,19 @@ export default {
           href: 'http://doc.crmeb.com',
         },
       ],
-      copyright: 'Copyright © 2022 | 西安众邦网络科技有限公司',
+      copyright: 'Copyright © 2014-2022',
+      version: '',
     };
   },
-  created(){
+  created() {
     this.getVersion();
-    
   },
   methods: {
     getVersion() {
-      let version = this.$store.state.userInfo.version;
+      this.version = this.$store.state.userInfo.version;
       getCrmebCopyRight().then((res) => {
-         this.copyright = res.data.copyrightContext || (this.copyright += version ? '  |  ' + version : '')
-      })
+        this.copyright = res.data.copyrightContext;
+      });
     },
   },
 };
diff --git a/template/admin/src/components/main/components/side-menu/side-menu.vue b/template/admin/src/components/main/components/side-menu/side-menu.vue
index a819645d7..5ee1b7056 100644
--- a/template/admin/src/components/main/components/side-menu/side-menu.vue
+++ b/template/admin/src/components/main/components/side-menu/side-menu.vue
@@ -147,55 +147,57 @@ export default {
 </script>
 <style lang="less">
 @import './side-menu.less';
-.side-menu-wrapper a.drop-menu-a {
-  padding: 15px !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer {
-  background: rgb(0, 21, 41) !important;
-  width: 170px !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .ivu-select-dropdown {
-  background: rgb(0, 21, 41) !important;
-  width: 170px !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu {
-  min-width: unset !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item {
-  padding: 9px 0 9px 30px !important;
-  font-size: 13px !important;
-  text-align: left;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item:hover {
-  background-color: #2d8cf0 !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .menu-title {
-  padding-left: 0 !important;
-  color: rgba(225, 225, 225, 0.7) !important;
-  font-size: 13px !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item:hover .menu-title {
-  color: #fff !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .collased-menu-dropdown {
-  padding: 9px 0 9px 30px !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .collased-menu-dropdown:hover {
-  background-color: #2d8cf0 !important;
-  color: #fff !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer
-  .collased-menu-dropdown:hover
-  > .ivu-dropdown-rel
-  > .drop-menu-a
-  > .menu-title {
-  color: #fff !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer
-  .collased-menu-dropdown:hover
-  > .ivu-dropdown-rel
-  > .drop-menu-a
-  > .ivu-icon {
-  color: #fff !important;
+.ivu-menu {
+  .side-menu-wrapper a.drop-menu-a {
+    padding: 15px !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer {
+    background: rgb(0, 21, 41) !important;
+    width: 170px !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .ivu-select-dropdown {
+    background: rgb(0, 21, 41) !important;
+    width: 170px !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu {
+    min-width: unset !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item {
+    padding: 9px 0 9px 30px !important;
+    font-size: 13px !important;
+    text-align: left;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item:hover {
+    background-color: #2d8cf0 !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .menu-title {
+    padding-left: 0 !important;
+    color: rgba(225, 225, 225, 0.7) !important;
+    font-size: 13px !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item:hover .menu-title {
+    color: #fff !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .collased-menu-dropdown {
+    padding: 9px 0 9px 30px !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer .collased-menu-dropdown:hover {
+    background-color: #2d8cf0 !important;
+    color: #fff !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer
+    .collased-menu-dropdown:hover
+    > .ivu-dropdown-rel
+    > .drop-menu-a
+    > .menu-title {
+    color: #fff !important;
+  }
+  .ivu-select-dropdown.ivu-dropdown-transfer
+    .collased-menu-dropdown:hover
+    > .ivu-dropdown-rel
+    > .drop-menu-a
+    > .ivu-icon {
+    color: #fff !important;
+  }
 }
 </style>
diff --git a/template/admin/src/components/main/components/tags-nav/tags-nav.vue b/template/admin/src/components/main/components/tags-nav/tags-nav.vue
index 74b318823..0b06cc21c 100644
--- a/template/admin/src/components/main/components/tags-nav/tags-nav.vue
+++ b/template/admin/src/components/main/components/tags-nav/tags-nav.vue
@@ -212,7 +212,7 @@ export default {
 
 <style lang="less">
 .close .ivu-dropdown-item {
-  color: rgba(255, 255, 255, 0.7) !important;
+  // color: rgba(255, 255, 255, 0.7) !important;
 }
 @import './tags-nav.less';
 </style>
diff --git a/template/admin/src/components/main/components/user/user.vue b/template/admin/src/components/main/components/user/user.vue
index 2ccd10419..324c88d64 100644
--- a/template/admin/src/components/main/components/user/user.vue
+++ b/template/admin/src/components/main/components/user/user.vue
@@ -11,7 +11,7 @@
         <!--消息中心<Badge style="margin-left: 10px" :count="messageUnreadCount"></Badge>-->
         <!--</DropdownItem>-->
         <DropdownItem name="userCenter"><Icon type="ios-contact-outline" class="iconImg" />个人中心</DropdownItem>
-		    <DropdownItem v-show = "info.level === 0" name="fileEdit"><Icon type="ios-document-outline" class="iconImg" />文件管理</DropdownItem>
+		    <!-- <DropdownItem v-show = "info.level === 0" name="fileEdit"><Icon type="ios-document-outline" class="iconImg" />文件管理</DropdownItem> -->
         <DropdownItem name="logout"><Icon type="ios-log-out" class="iconImg" />退出登录</DropdownItem>
       </DropdownMenu>
     </Dropdown>
diff --git a/template/admin/src/libs/request.js b/template/admin/src/libs/request.js
index 1a590f2e4..946d86e50 100644
--- a/template/admin/src/libs/request.js
+++ b/template/admin/src/libs/request.js
@@ -34,14 +34,9 @@ service.interceptors.request.use(
     }
     const token = getCookies('token');
     const kefuToken = getCookies('kefu_token');
-	const fileToken = getCookies('file_token');
-    if (token || kefuToken || fileToken) {
-      config.headers['Authori-zation'] = config.file_edit ? (config.kefu ? 'Bearer ' + kefuToken : 'Bearer ' + fileToken) : (config.kefu ? 'Bearer ' + kefuToken : 'Bearer ' + token);
+    if (token || kefuToken) {
+      config.headers['Authori-zation'] = config.kefu ? 'Bearer ' + kefuToken : 'Bearer ' + token;
     }
-	if(fileToken)
-	{
-		config.headers['Invalid-zation'] = 'Bearer ' + fileToken;
-	}
     return config;
   },
   (error) => {
@@ -85,11 +80,15 @@ service.interceptors.response.use(
         removeCookies('kefu_uuid');
         router.replace({ path: '/kefu' });
         break;
+      case 110008:
+        router.replace({ path: '/admin/system/maintain/system_file/login' });
+        break;
       default:
         return Promise.reject(obj || { msg: '未知错误' });
     }
   },
   (error) => {
+    console.log(error);
     Message.error(error.msg);
     return Promise.reject(error);
   },
diff --git a/template/admin/src/pages/account/login/index.vue b/template/admin/src/pages/account/login/index.vue
index e62b1ebb3..d9c08121a 100644
--- a/template/admin/src/pages/account/login/index.vue
+++ b/template/admin/src/pages/account/login/index.vue
@@ -54,25 +54,24 @@
     </div>
 
     <Verify
-        @success="success"
-        captchaType="blockPuzzle"
-        :imgSize="{ width: '330px', height: '155px' }"
+      @success="success"
+      captchaType="blockPuzzle"
+      :imgSize="{ width: '330px', height: '155px' }"
       ref="verify"
     ></Verify>
     <div class="footer">
-      <div class="pull-right" v-if="copyright">{{copyright}}</div>
-      <div class="pull-right" v-else><a href="https://www.crmeb.com" target="_blank">Copyright © 2022 | 西安众邦网络科技有限公司 | {{version}}</a></div>
+      <div class="pull-right" v-if="copyright">{{ copyright }}</div>
+      <div class="pull-right" v-else>Copyright © 2014-2022 <a href="https://www.crmeb.com" target="_blank">{{version}}</a></div>
     </div>
   </div>
 </template>
 <script>
 import { AccountLogin, loginInfoApi } from '@/api/account';
 import { getWorkermanUrl } from '@/api/kefu';
-// import mixins from '../mixins'
 import Setting from '@/setting';
 import { setCookies } from '@/libs/util';
-import '../../../assets/js/canvas-nest.min';
-import Verify from "@/components/verifition/Verify";
+import '@/assets/js/canvas-nest.min';
+import Verify from '@/components/verifition/Verify';
 
 export default {
   components: {
@@ -106,7 +105,7 @@ export default {
       defaultSwiperList: require('@/assets/images/sw.jpg'),
       key: '',
       copyright: '',
-      version: ''
+      version: '',
     };
   },
   created() {
@@ -180,7 +179,7 @@ export default {
           this.swiperList = [{ slide: this.defaultSwiperList }];
         });
     },
-    success(params){
+    success(params) {
       this.closeModel(params);
     },
     // 关闭模态框
@@ -197,7 +196,7 @@ export default {
         imgcode: this.formInline.code,
         key: this.key,
         captchaType: 'blockPuzzle',
-        captchaVerification: params.captchaVerification,
+        captchaVerification: params ? params.captchaVerification : '',
       })
         .then(async (res) => {
           msg();
@@ -313,7 +312,11 @@ export default {
     handleSubmit(name) {
       this.$refs[name].validate((valid) => {
         if (valid) {
-          this.$refs.verify.show()
+          if (this.errorNum > 2) {
+            this.$refs.verify.show();
+          } else {
+            this.closeModel();
+          }
         }
       });
     },
@@ -464,6 +467,7 @@ a:link, a:visited, a:hover, a:active {
     color: #666;
 }
 .pull-right a {
+    margin-left: 0;
     color: #666;
 }
 .footer{
diff --git a/template/admin/src/pages/kefu/index.vue b/template/admin/src/pages/kefu/index.vue
index a2b76e8c8..099ff1cdc 100644
--- a/template/admin/src/pages/kefu/index.vue
+++ b/template/admin/src/pages/kefu/index.vue
@@ -52,7 +52,7 @@
     </div>
     <div class="foot-box" v-if="copyright">{{ copyright }}</div>
     <div class="foot-box" v-else>
-      <a href="https://www.crmeb.com" target="_blank">Copyright © 2022 | 西安众邦网络科技有限公司 | {{ version }}</a>
+      Copyright © 2014-2022 <a href="https://www.crmeb.com" target="_blank">{{ version }}</a>
     </div>
   </div>
 </template>
@@ -401,13 +401,14 @@ export default {
   height: 100vh;
 
   .foot-box {
-    padding: 20px 0;
+    padding: 20px 20px;
     font-size: 14px;
     color: #666666;
-    text-align: center;
+    text-align: right;
     box-sizing: border-box;
 
     a {
+      margin-left: 0;
       color: #666666;
     }
   }
diff --git a/template/admin/src/pages/setting/multiLanguage/country.vue b/template/admin/src/pages/setting/multiLanguage/country.vue
index 30105a56e..3e5cd1310 100644
--- a/template/admin/src/pages/setting/multiLanguage/country.vue
+++ b/template/admin/src/pages/setting/multiLanguage/country.vue
@@ -91,17 +91,22 @@ export default {
         {
           title: '编号',
           key: 'id',
-          width: 80,
+          width: 120,
         },
         {
-          title: '所属语言',
+          title: '浏览器语言识别码',
+          key: 'code',
+          minWidth: 150,
+        },
+        {
+          title: '语言说明',
           key: 'name',
           minWidth: 180,
         },
         {
-          title: '状态码/文字',
-          key: 'code',
-          minWidth: 300,
+          title: '关联语言',
+          key: 'link_lang',
+          minWidth: 180,
         },
         {
           title: '操作',
diff --git a/template/admin/src/pages/setting/multiLanguage/langList.vue b/template/admin/src/pages/setting/multiLanguage/langList.vue
index 1877abb8c..53e253112 100644
--- a/template/admin/src/pages/setting/multiLanguage/langList.vue
+++ b/template/admin/src/pages/setting/multiLanguage/langList.vue
@@ -53,8 +53,11 @@
       </Form>
     </Card>
     <Alert class="mt10">
-      通知
-      <template slot="desc">我是一个通知. </template>
+      使用说明
+      <template slot="desc"
+        >添加用户端页面语言，添加完成之后状态码为中文文字，前端页面使用 $t(`xxxx`)，js文件中使用 this.t(`xxxx`)
+        或者使用 that.t(`xxxx`)<br />添加后端接口语言，添加完成之后状态码为6位数字，后台抛错或者控制器返回文字的时候直接填写状态码数字</template
+      >
     </Alert>
     <Card :bordered="false" dis-hover>
       <Row type="flex">
diff --git a/template/admin/src/pages/setting/multiLanguage/list.vue b/template/admin/src/pages/setting/multiLanguage/list.vue
index 9dc1de28e..73692d6d4 100644
--- a/template/admin/src/pages/setting/multiLanguage/list.vue
+++ b/template/admin/src/pages/setting/multiLanguage/list.vue
@@ -54,7 +54,7 @@
 
 <script>
 import { mapState } from 'vuex';
-import { langTypeList, langTypeForm } from '@/api/setting';
+import { langTypeList, langTypeForm, langTypeStatus } from '@/api/setting';
 export default {
   name: 'user_group',
   data() {
@@ -79,7 +79,7 @@ export default {
           minWidth: 200,
         },
         {
-          title: '语言编码',
+          title: '浏览器语言识别码',
           key: 'file_name',
           minWidth: 200,
         },
@@ -178,17 +178,14 @@ export default {
     },
     // 修改状态
     changeSwitch(row) {
-      console.log(row)
-      // PostgoodsIsShow(row.id, row.is_show)
-      //   .then((res) => {
-      //     this.$Message.success(res.msg);
-      //     this.goodHeade();
-      //     this.getDataList();
-      //   })
-      //   .catch((res) => {
-      //     row.is_show = !row.is_show ? 1 : 0;
-      //     this.$Message.error(res.msg);
-      //   });
+      langTypeStatus(row.id, row.status)
+        .then((res) => {
+          this.$Message.success(res.msg);
+        })
+        .catch((res) => {
+          row.status = !row.status ? 1 : 0;
+          this.$Message.error(res.msg);
+        });
     },
   },
 };
diff --git a/template/admin/src/pages/system/maintain/systemFile/components/codemirror.vue b/template/admin/src/pages/system/maintain/systemFile/components/codemirror.vue
index 89c93b094..ce34b88fc 100644
--- a/template/admin/src/pages/system/maintain/systemFile/components/codemirror.vue
+++ b/template/admin/src/pages/system/maintain/systemFile/components/codemirror.vue
@@ -1,160 +1,152 @@
 <template>
-	<Modal v-model="modals_son" scrollable footer-hide closable :title="title" :mask-closable="false" width="900">
-
-		<Button type="primary" id="savefile" class="mr5 mb15" @click="savefile">保存</Button>
-		<Button id="undo" class="mr5 mb15" @click="undofile">撤销</Button>
-		<Button id="redo" class="mr5 mb15" @click="redofile">回退</Button>
-		<Button id="refresh" class="mb15" @click="refreshfile">刷新</Button>
-		<textarea ref="mycode" class="codesql public_text" v-model="code" style="height: 80vh"></textarea>
-		<Spin size="large" fix v-if="spinShow"></Spin>
-	</Modal>
+  <Modal v-model="modals_son" scrollable footer-hide closable :title="title" :mask-closable="false" width="900">
+    <Button type="primary" id="savefile" class="mr5 mb15" @click="savefile">保存</Button>
+    <Button id="undo" class="mr5 mb15" @click="undofile">撤销</Button>
+    <Button id="redo" class="mr5 mb15" @click="redofile">回退</Button>
+    <Button id="refresh" class="mb15" @click="refreshfile">刷新</Button>
+    <textarea ref="mycode" class="codesql public_text" v-model="code" style="height: 80vh"></textarea>
+    <Spin size="large" fix v-if="spinShow"></Spin>
+  </Modal>
 </template>
 
 <script>
-	import {
-		opendirLoginApi
-	} from '@/api/system';
-	import CodeMirror from 'codemirror/lib/codemirror';
-	import 'codemirror/theme/ambiance.css';
-	import {
-		setCookies,
-		getCookies,
-		removeCookies
-	} from '@/libs/util';
+import { opendirLoginApi } from '@/api/system';
+import CodeMirror from 'codemirror/lib/codemirror';
+import 'codemirror/theme/ambiance.css';
+import { setCookies, getCookies, removeCookies } from '@/libs/util';
 
+// 核心样式
+// import 'codemirror/lib/codemirror.css'
+// 引入主题后还需要在 options 中指定主题才会生效
+import 'codemirror/theme/cobalt.css';
 
-	// 核心样式
-	// import 'codemirror/lib/codemirror.css'
-	// 引入主题后还需要在 options 中指定主题才会生效
-	import 'codemirror/theme/cobalt.css'
+// 需要引入具体的语法高亮库才会有对应的语法高亮效果
+// codemirror 官方其实支持通过 /addon/mode/loadmode.js 和 /mode/meta.js 来实现动态加载对应语法高亮库
+// 但 vue 貌似没有无法在实例初始化后再动态加载对应 JS ，所以此处才把对应的 JS 提前引入
+// import 'codemirror/mode/javascript/javascript.js'
+// import 'codemirror/mode/css/css.js'
+// import 'codemirror/mode/xml/xml.js'
+// import 'codemirror/mode/clike/clike.js'
+// import 'codemirror/mode/markdown/markdown.js'
+// import 'codemirror/mode/python/python.js'
+// import 'codemirror/mode/r/r.js'
+// import 'codemirror/mode/shell/shell.js'
+// import 'codemirror/mode/sql/sql.js'
+// import 'codemirror/mode/swift/swift.js'
+// import 'codemirror/mode/vue/vue.js'
 
-	// 需要引入具体的语法高亮库才会有对应的语法高亮效果
-	// codemirror 官方其实支持通过 /addon/mode/loadmode.js 和 /mode/meta.js 来实现动态加载对应语法高亮库
-	// 但 vue 貌似没有无法在实例初始化后再动态加载对应 JS ，所以此处才把对应的 JS 提前引入
-	// import 'codemirror/mode/javascript/javascript.js'
-	// import 'codemirror/mode/css/css.js'
-	// import 'codemirror/mode/xml/xml.js'
-	// import 'codemirror/mode/clike/clike.js'
-	// import 'codemirror/mode/markdown/markdown.js'
-	// import 'codemirror/mode/python/python.js'
-	// import 'codemirror/mode/r/r.js'
-	// import 'codemirror/mode/shell/shell.js'
-	// import 'codemirror/mode/sql/sql.js'
-	// import 'codemirror/mode/swift/swift.js'
-	// import 'codemirror/mode/vue/vue.js'
+require('codemirror/mode/javascript/javascript');
+export default {
+  name: 'opendir',
+  props: {
+    rows: {
+      type: Object,
+      default: {},
+    },
+    code: {
+      type: String,
+      default: ' ',
+    },
+    modals: {
+      type: Boolean,
+      default: false,
+    },
+    title: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      editor: '',
+      isShowLogn: false, // 登录
+      isShowList: false, // 登录之后列表
+      spinShow: false,
+      loading: false,
 
+      formItem: {
+        dir: '',
+        superior: 0,
+        filedir: '',
+      },
+      pathname: '',
+      modals_son: this.modals,
+      fileToken: getCookies('file_token'),
+    };
+  },
+  watch: {
+    code: {
+      handler(newValue, oldValue) {
+        this.editor.setValue(newValue);
+      },
+      deep: true, // 默认值是 false，代表是否深度监听
+    },
+    modals: {
+      handler(newValue, oldValue) {
+        this.modals_son = newValue;
+      },
+      deep: true, // 默认值是 false，代表是否深度监听
+    },
+  },
+  mounted() {
+    this.editor = CodeMirror.fromTextArea(this.$refs.mycode, {
+      value: 'http://www.crmeb.com', // 文本域默认显示的文本
+      mode: 'text/javascript',
+      theme: 'ambiance', // CSS样式选择
+      indentUnit: 8, // 缩进单位，默认2
+      smartIndent: true, // 是否智能缩进
+      tabSize: 4, // Tab缩进，默认4
+      readOnly: false, // 是否只读，默认false
+      showCursorWhenSelecting: true,
+      lineNumbers: true, // 是否显示行号
 
-	require('codemirror/mode/javascript/javascript');
-	export default {
-		name: 'opendir',
-		props: {
-			rows: {
-				type: Object,
-				default: {}
-			},
-			code: {
-				type: String,
-				default: ' '
-			},
-			modals: {
-				type: Boolean,
-				default: false
-			},
-			title: {
-				type: String,
-				default: ''
-			}
-		},
-		data() {
-			return {
-				editor: '',
-				isShowLogn: false, // 登录
-				isShowList: false, // 登录之后列表
-				spinShow: false,
-				loading: false,
-
-				formItem: {
-					dir: '',
-					superior: 0,
-					filedir: '',
-				},
-				pathname: '',
-				modals_son : this.modals
-			};
-		},
-		watch: {
-			code: {
-				handler(newValue, oldValue) {
-					this.editor.setValue(newValue);
-				},
-				deep: true // 默认值是 false，代表是否深度监听
-			},
-			modals: {
-				handler(newValue, oldValue) {
-					this.modals_son = newValue
-				},
-				deep: true // 默认值是 false，代表是否深度监听
-			},
-		},
-		mounted() {
-			this.editor = CodeMirror.fromTextArea(this.$refs.mycode, {
-				value: 'http://www.crmeb.com', // 文本域默认显示的文本
-				mode: 'text/javascript',
-				theme: 'ambiance', // CSS样式选择
-				indentUnit: 8, // 缩进单位，默认2
-				smartIndent: true, // 是否智能缩进
-				tabSize: 4, // Tab缩进，默认4
-				readOnly: false, // 是否只读，默认false
-				showCursorWhenSelecting: true,
-				lineNumbers: true, // 是否显示行号
-
-				indentWithTabs: true,
-				matchBrackets: true,
-				extraKeys: {
-					'Ctrl': 'autocomplete'
-				}, //自定义快捷键
-			});
-			//代码自动提示功能，记住使用cursorActivity事件不要使用change事件，这是一个坑，那样页面直接会卡死
-			editor.on('cursorActivity', function() {
-				editor.showHint()
-			})
-		},
-		created() {
-			// this.getList();
-			this.onIsLogin();
-		},
-		methods: {
-
-			// 保存
-			savefile() {
-				let data = {
-					comment: this.editor.getValue(),
-					filepath: this.pathname,
-				};
-				savefileApi(data)
-					.then(async (res) => {
-						this.$Message.success(res.msg);
-						this.modals = false;
-					})
-					.catch((res) => {
-						this.$Message.error(res.msg);
-					});
-			},
-			// 撤销
-			undofile() {
-				this.editor.undo();
-			},
-			redofile() {
-				this.editor.redo();
-			},
-			// 刷新
-			refreshfile() {
-				this.editor.refresh();
-			},
-		},
-	};
+      indentWithTabs: true,
+      matchBrackets: true,
+      extraKeys: {
+        Ctrl: 'autocomplete',
+      }, //自定义快捷键
+    });
+    //代码自动提示功能，记住使用cursorActivity事件不要使用change事件，这是一个坑，那样页面直接会卡死
+    editor.on('cursorActivity', function () {
+      editor.showHint();
+    });
+  },
+  created() {
+    // this.getList();
+    this.onIsLogin();
+  },
+  methods: {
+    // 保存
+    savefile() {
+      let data = {
+        comment: this.editor.getValue(),
+        filepath: this.pathname,
+        fileToken: this.fileToken,
+      };
+      savefileApi(data)
+        .then(async (res) => {
+          this.$Message.success(res.msg);
+          this.modals = false;
+        })
+        .catch((res) => {
+          this.$Message.error(res.msg);
+        });
+    },
+    // 撤销
+    undofile() {
+      this.editor.undo();
+    },
+    redofile() {
+      this.editor.redo();
+    },
+    // 刷新
+    refreshfile() {
+      this.editor.refresh();
+    },
+  },
+};
 </script>
 <style scoped lang="stylus">
->>>.CodeMirror 
+>>>.CodeMirror
 	height: 70vh !important
 </style>
diff --git a/template/admin/src/pages/system/maintain/systemFile/login.vue b/template/admin/src/pages/system/maintain/systemFile/login.vue
new file mode 100644
index 000000000..2fe3f8a9a
--- /dev/null
+++ b/template/admin/src/pages/system/maintain/systemFile/login.vue
@@ -0,0 +1,126 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <div class="i-layout-page-header">
+        <span class="ivu-page-header-title">{{ $route.meta.title }}</span>
+      </div>
+    </div>
+    <Row type="flex">
+      <Col span="24">
+        <div class="index_from page-account-container">
+          <div class="page-account-top">
+            <span class="page-account-top-tit">文件管理登录</span>
+          </div>
+          <Form ref="formInline" :model="formInline" :rules="ruleInline" @submit.native.prevent>
+            <!-- <FormItem prop="sms_account" class="maxInpt">
+            <Input type="text" v-model="formInline.account" prefix="ios-contact-outline" placeholder="请输入手机号" />
+          </FormItem> -->
+            <FormItem prop="sms_token" class="maxInpt">
+              <Input type="password" v-model="formInline.password" prefix="ios-lock-outline" placeholder="请输入密码" />
+              <span class="trip">提示：config/filesystem.php中手动配置password后使用，不能为空</span>
+            </FormItem>
+            <FormItem class="maxInpt">
+              <Button type="primary" long size="large" @click="handleSubmit('formInline')" class="btn">登录</Button>
+            </FormItem>
+          </Form>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<script>
+import { opendirLoginApi } from '@/api/system';
+import { setCookies } from '@/libs/util';
+
+export default {
+  name: 'file_login',
+  data() {
+    const validatePhone = (rule, value, callback) => {
+      if (!value) {
+        return callback(new Error('请填写手机号'));
+      } else if (!/^1[3456789]\d{9}$/.test(value)) {
+        callback(new Error('手机号格式不正确!'));
+      } else {
+        callback();
+      }
+    };
+    return {
+      formInline: {
+        // account: '',
+        password: '',
+      },
+      ruleInline: {
+        // account: [{ required: true, validator: validatePhone, trigger: 'blur' }],
+        password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+      },
+    };
+  },
+  created() {
+    var _this = this;
+    document.onkeydown = function (e) {
+      let key = window.event.keyCode;
+      if (key === 13) {
+        _this.handleSubmit('formInline');
+      }
+    };
+  },
+  methods: {
+    handleSubmit(name) {
+      this.$refs[name].validate((valid) => {
+        if (valid) {
+          opendirLoginApi(this.formInline)
+            .then(async (res) => {
+              this.$Message.success('登录成功!');
+              //   this.$emit('on-Login', res.data);
+              let expires = this.getExpiresTime(res.data.expires_time);
+              // 记录用户登陆信息
+              setCookies('file_token', res.data.token, expires);
+              this.$router.push({
+                path: '/admin/system/maintain/system_file/opendir',
+              });
+            })
+            .catch((res) => {
+              this.$Message.error(res.msg);
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+    //计算token过期时间
+    getExpiresTime(expiresTime) {
+      let nowTimeNum = Math.round(new Date() / 1000);
+      let expiresTimeNum = expiresTime - nowTimeNum;
+      return parseFloat(parseFloat(parseFloat(expiresTimeNum / 60) / 60) / 24);
+    },
+  },
+};
+</script>
+
+<style scoped lang="stylus">
+.maxInpt{
+    max-width 400px
+    margin-left auto
+    margin-right auto
+}
+.trip{
+    color #aaa
+}
+.page-account-container{
+    text-align center
+    padding 50px 0
+}
+.page-account-top{
+    margin-bottom 20px
+}
+.page-account-top-tit
+    font-size 21px
+    color #1890FF
+.page-account-other
+    text-align center
+    color #1890FF
+    font-size 12px
+    span
+        cursor pointer
+</style>
diff --git a/template/admin/src/pages/system/maintain/systemFile/opendir.vue b/template/admin/src/pages/system/maintain/systemFile/opendir.vue
index f50f2bb03..2e4993b77 100644
--- a/template/admin/src/pages/system/maintain/systemFile/opendir.vue
+++ b/template/admin/src/pages/system/maintain/systemFile/opendir.vue
@@ -1,771 +1,858 @@
 <template>
-	<div>
-		<div class="i-layout-page-header">
-			<div class="i-layout-page-header">
-				<span class="ivu-page-header-title">{{ $route.meta.title }}</span>
-			</div>
-		</div>
-		<Card :bordered="false" dis-hover class="ivu-mt">
-			<login-from v-if="isShowLogn" @on-Login="onLogin"></login-from>
-			<div v-if="isShowList" class="backs" @click="goBack(false)">
-				<Icon type="ios-folder-outline" class="mr5" /><span>返回上级</span>
-			</div>
-			<Table v-if="isShowList" ref="selection" :columns="columns4" :data="tabList" :loading="loading"
-				no-data-text="暂无数据" highlight-row class="mt20" @on-current-change="currentChange"
-				no-filtered-data-text="暂无筛选结果">
-				<template slot-scope="{ row }" slot="filename">
-					<Icon type="ios-folder-outline" v-if="row.isDir" class="mr5" />
-					<Icon type="ios-document-outline" v-else class="mr5" />
-					<span>{{ row.filename }}</span>
-				</template>
-				<template slot-scope="{ row }" slot="isWritable">
-					<span v-text="row.isWritable ? '是' : '否'"></span>
-				</template>
-				<template slot-scope="{ row, index }" slot="action">
-					<a @click="open(row)" v-if="row.isDir">打开</a>
-					<a @click="edit(row)" v-else>编辑</a>
-				</template>
-			</Table>
-		</Card>
-		<Modal :class-name="className" v-model="modals" scrollable footer-hide closable :mask-closable="false" width="80%" :before-close = 'editModalChange'>
-			<p slot="header" class="diy-header" ref="diyHeader">
-				<span>{{title}}</span>
-				<Icon @click="winChanges" class="diy-header-icon" :type="className ? 'ios-contract' : 'ios-qr-scanner'"  size = "20"/>
-			</p>
-			<div style="height: 100%;">
-				<Button type="primary" id="savefile" class="diy-button" @click="savefile(indexEditor)">保存</Button>
-				<Button id="refresh" class="diy-button" @click="refreshfile">刷新</Button>
-				
-				<div class="file-box">
-					<div class="show-info">
-						<div class="show-text" :title="navItem.pathname">
-							目录: {{navItem.pathname}}
-						</div>
-						<div class="diy-button-list">
-							<Button class="diy-button" @click="goBack(true)">返回上一级</Button>
-							<Button class="diy-button" @click="getList(true,true)">刷新</Button>
-						</div>
-					</div>
-					<div class="file-left">
-						<Tree class="diy-tree-render" :data="navList" :render="renderContent" :load-data="loadData" @on-contextmenu="handleContextMenu" expand-node>
-							<template transfer slot="contextMenu">
-								<DropdownItem v-if="contextData && contextData.isDir" @click.native="handleContextCreateFolder()">新建文件夹</DropdownItem>
-								<DropdownItem v-if="contextData && contextData.isDir" @click.native="handleContextCreateFile()">新建文件</DropdownItem>
-								<DropdownItem @click.native="handleContextRename()">重命名</DropdownItem>
-								<DropdownItem @click.native="handleContextDelFolder()" style="color: #ed4014">删除</DropdownItem>
-							</template>
-						</Tree>
-					</div>
-					<div class="file-fix"></div>
-					<div class="file-content">
-						<Tabs type="card" v-model="indexEditor" style="height: 100%;" @on-click="toggleEditor" :animated="false" closable @on-tab-remove="handleTabRemove">
-							<TabPane v-for="(value) in editorIndex" :key="value.index" :name="value.index.toString()" :label="value.title" :icon="value.icon" v-if="value.tab">
-								<div ref="container" :id="'container_'+value.index" style="height:100%;min-height: 560px;"></div>
-							</TabPane>
-						</Tabs>
-					</div>
-					<Spin size="large" fix v-if="spinShow"></Spin>
-				</div>
-			</div>
-			
-		</Modal>
-		
-		<div v-show="formShow" class="diy-from">
-			<div class="diy-from-header">{{formTitle}}<span :title="contextData ? contextData.pathname : ''">{{contextData ? contextData.pathname : ''}}</span></div>
-			<Form ref="formInline" :model="formFile" :rules="ruleInline" inline>
-				<FormItem prop="filename" class="diy-file">
-					<Input type="text" class="diy-file" v-model="formFile.filename" placeholder="请输入名字">
-						<Icon type="ios-folder-open-outline" slot="prepend"></Icon>
-					</Input>
-				</FormItem>
-				<FormItem>
-					<Button class="diy-button" @click="handleSubmit('formInline')">确定</Button>
-				</FormItem>
-				<FormItem>
-					<Button class="diy-button" @click="formExit()">取消</Button>
-				</FormItem>
-				<div class="form-mask" v-show="formShow"></div>
-			</Form>
-		</div>		
-	</div>
+  <div>
+    <div class="i-layout-page-header">
+      <div class="i-layout-page-header">
+        <span class="ivu-page-header-title">{{ $route.meta.title }}</span>
+      </div>
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <div v-if="isShowList" class="backs" @click="goBack(false)">
+        <Icon type="ios-folder-outline" class="mr5" /><span>返回上级</span>
+      </div>
+      <Table
+        v-if="isShowList"
+        ref="selection"
+        :columns="columns4"
+        :data="tabList"
+        :loading="loading"
+        no-data-text="暂无数据"
+        highlight-row
+        class="mt20"
+        @on-current-change="currentChange"
+        no-filtered-data-text="暂无筛选结果"
+      >
+        <template slot-scope="{ row }" slot="filename">
+          <Icon type="ios-folder-outline" v-if="row.isDir" class="mr5" />
+          <Icon type="ios-document-outline" v-else class="mr5" />
+          <span>{{ row.filename }}</span>
+        </template>
+        <template slot-scope="{ row }" slot="isWritable">
+          <span v-text="row.isWritable ? '是' : '否'"></span>
+        </template>
+        <template slot-scope="{ row, index }" slot="action">
+          <a @click="open(row)" v-if="row.isDir">打开</a>
+          <a @click="edit(row)" v-else>编辑</a>
+        </template>
+      </Table>
+    </Card>
+    <Modal
+      :class-name="className"
+      v-model="modals"
+      scrollable
+      footer-hide
+      closable
+      :mask-closable="false"
+      width="80%"
+      :before-close="editModalChange"
+    >
+      <p slot="header" class="diy-header" ref="diyHeader">
+        <span>{{ title }}</span>
+        <Icon
+          @click="winChanges"
+          class="diy-header-icon"
+          :type="className ? 'ios-contract' : 'ios-qr-scanner'"
+          size="20"
+        />
+      </p>
+      <div style="height: 100%">
+        <Button type="primary" id="savefile" class="diy-button" @click="savefile(indexEditor)">保存</Button>
+        <Button id="refresh" class="diy-button" @click="refreshfile">刷新</Button>
+
+        <div class="file-box">
+          <div class="show-info">
+            <div class="show-text" :title="navItem.pathname">目录: {{ navItem.pathname }}</div>
+            <div class="diy-button-list">
+              <Button class="diy-button" @click="goBack(true)">返回上一级</Button>
+              <Button class="diy-button" @click="getList(true, true)">刷新</Button>
+            </div>
+          </div>
+          <div class="file-left">
+            <Tree
+              class="diy-tree-render"
+              :data="navList"
+              :render="renderContent"
+              :load-data="loadData"
+              @on-contextmenu="handleContextMenu"
+              expand-node
+            >
+              <template transfer slot="contextMenu">
+                <DropdownItem v-if="contextData && contextData.isDir" @click.native="handleContextCreateFolder()"
+                  >新建文件夹</DropdownItem
+                >
+                <DropdownItem v-if="contextData && contextData.isDir" @click.native="handleContextCreateFile()"
+                  >新建文件</DropdownItem
+                >
+                <DropdownItem @click.native="handleContextRename()">重命名</DropdownItem>
+                <DropdownItem @click.native="handleContextDelFolder()" style="color: #ed4014">删除</DropdownItem>
+              </template>
+            </Tree>
+          </div>
+          <div class="file-fix"></div>
+          <div class="file-content">
+            <Tabs
+              type="card"
+              v-model="indexEditor"
+              style="height: 100%"
+              @on-click="toggleEditor"
+              :animated="false"
+              closable
+              @on-tab-remove="handleTabRemove"
+            >
+              <TabPane
+                v-for="value in editorIndex"
+                :key="value.index"
+                :name="value.index.toString()"
+                :label="value.title"
+                :icon="value.icon"
+                v-if="value.tab"
+              >
+                <div ref="container" :id="'container_' + value.index" style="height: 100%; min-height: 560px"></div>
+              </TabPane>
+            </Tabs>
+          </div>
+          <Spin size="large" fix v-if="spinShow"></Spin>
+        </div>
+      </div>
+    </Modal>
+
+    <div v-show="formShow" class="diy-from">
+      <div class="diy-from-header">
+        {{ formTitle
+        }}<span :title="contextData ? contextData.pathname : ''">{{ contextData ? contextData.pathname : '' }}</span>
+      </div>
+      <Form ref="formInline" :model="formFile" :rules="ruleInline" inline>
+        <FormItem prop="filename" class="diy-file">
+          <Input type="text" class="diy-file" v-model="formFile.filename" placeholder="请输入名字">
+            <Icon type="ios-folder-open-outline" slot="prepend"></Icon>
+          </Input>
+        </FormItem>
+        <FormItem>
+          <Button class="diy-button" @click="handleSubmit('formInline')">确定</Button>
+        </FormItem>
+        <FormItem>
+          <Button class="diy-button" @click="formExit()">取消</Button>
+        </FormItem>
+        <div class="form-mask" v-show="formShow"></div>
+      </Form>
+    </div>
+  </div>
 </template>
 
 <script>
-	import { resolveComponent } from 'vue'
-	import {
-		opendirListApi,
-		openfileApi,
-		savefileApi,
-		opendirLoginApi,
-		createFolder,
-		createFile,
-		delFolder,
-		rename
-	} from '@/api/system';
-	import CodeMirror from 'codemirror/lib/codemirror';
-	import loginFrom from './components/loginFrom';
-	import {
-		setCookies,
-		getCookies,
-		removeCookies
-	} from '@/libs/util';
-	// import Fullscreen from '@/components/main/components/fullscreen';
-	import * as monaco from 'monaco-editor'
-	export default {
-		name: 'opendir',
-		data() {
-			return {
-				modals: false,  //编辑器开关
-				editor: '',   //当前编辑器对象
-				editorIndex:[  //选项卡数组
-					{
-						tab:true,
-						index:'0',
-						title:'',
-						icon:'',
-					}
-				],
-				editorList:[],  //编辑器数组
-				indexEditor:0,  //当前编辑器索引
-				code: '',       //当前文件打开时的内容
-				navList: [],   //左侧导航数据
-				navItem:{},   //左侧导航点击是选中的数据
-				contextData:null,   //左侧导航右键点击是产生的数据对象
-				
-				
-				fileType:'',    // 文件操作类型 createFolder|创建文件夹 createFile|创建文件 delFolder|删除文件夹或者文件
-				className:"",  //全屏 class名
-				// fullscreen:false,  // 是否全屏
-				isSave:true,   //当前文件是否保存
-				
-				isShowLogn: false, // 登录
-				isShowList: false, // 登录之后列表
-				
-				spinShow: false,
-				loading: false,
-				tabList: [],
-				columns4: [{
-						title: '文件/文件夹名',
-						slot: 'filename',
-						minWidth: 150,
-						back: '返回上级',
-					},
-					{
-						title: '文件/文件夹路径',
-						key: 'real_path',
-						minWidth: 150,
-					},
-					{
-						title: '文件/文件夹大小',
-						key: 'size',
-						minWidth: 100,
-					},
-					{
-						title: '是否可写',
-						slot: 'isWritable',
-						minWidth: 100,
-					},
-					{
-						title: '更新时间',
-						key: 'mtime',
-						minWidth: 150,
-					},
-					{
-						title: '操作',
-						slot: 'action',
-						minWidth: 150,
-					},
-				],
-				formItem: {    //记录当前路径信息，获取文件列表时使用
-					dir: '',
-					superior: 0,
-					filedir: '',
-				},
-				dir:'',   //当前完整文件路径
-				// rows: {},  // 
-				pathname: '',   // 当前文件路径
-				title: '',   //当前文件标题
-				
-				
-				formFile: {      //重命名表单
-					filename: '',
-				},
-				ruleInline: {
-					filename: [
-						{ required: true, message: '请输入文件或文件夹的名字', trigger: 'blur' }
-					]
-				},
-				formShow:false,  //表单开关
-				formTitle:'',	//表单标题
-				
-			};
-		},
-		components: {
-			loginFrom,
-		},
-		mounted() {
-			this.initEditor();
-			
-		},
-		created() {
-			this.getList();
-		},
-		computed:{
-			
-		},
-		methods: {
-			// 点击行
-			currentChange(currentRow) {
-				if (currentRow.isDir) {
-					this.open(currentRow);
-				} else {
-					this.edit(currentRow);
-				}
-			},
-			/**
-			 * 文件列表
-			 * @param {Object} refresh   // 是否重新加载 bool
-			 * @param {Object} is_edit   // 是否是编辑器中的刷新 bool
-			 */
-			getList(refresh,is_edit) { 
-				let data;
-				if(refresh){
-					data = {
-						dir: '',
-						superior: 0,
-						filedir: '',
-					};
-				}else{
-					data = this.formItem;
-				}
-				if(!is_edit) this.loading = true;
-				opendirListApi(data)
-					.then(async (res) => {
-						let data = res.data;
-						if(is_edit)
-						{
-							this.navList = data.navList;
-						}else{
-							this.navListForTab = data.navList;
-							this.tabList = data.list;
-							// this.navList = data.navList;
-							this.isShowList = true;
-						}
-						this.dir = data.dir;
-						this.isShowLogn = false;
-						this.loading = false;
-						
-					})
-					.catch((res) => {
-						this.catchFun(res);
-					});
-			},
-			//新建文件后重新加载左侧导航
-			getListItem(data) {
-				opendirListApi(data)
-					.then(async (res) => {
-						this.$set(this.contextData, 'children', res.data.navList);
-					})
-					.catch((res) => {
-						this.catchFun(res);
-					});
-			},
-			
-			// 返回上级
-			goBack(is_edit) {
-				this.formItem = {
-					dir: this.dir,
-					superior: 1,
-					filedir: '',
-				};
-				this.getList(false,is_edit);
-			},
-			// 打开
-			open(row) {
-				// this.rows = row;
-				this.formItem = {
-					dir: row.path,
-					superior: 0,
-					filedir: row.filename,
-				};
-				this.getList(false,false);
-			},
-			// 编辑
-			edit(row) {
-				this.navItem = row;
-				this.spinShow = true;
-				this.pathname = row.pathname;
-				this.title = row.filename;
-				this.editorIndex[0].title = row.filename;
-				this.navList = this.navListForTab;
-				this.dir = row.path;
-				// 创建代码容器
-				if(this.editorList.length <= 0)
-				{
-					this.initEditor();
-				}
-				this.openfile(row.pathname,false);
-			},
-			/**
-			 * 保存
-			 * @param {Object} index   // 当前索引
-			 * @param {Object} type    // true 不更新当前本地数据，false或者为空 更新当前数据
-			 */
-			savefile(index,type) {
-				let code = this.editorList[index].editor.getValue();
-				let data = {
-					comment: code,
-					filepath: this.editorList[index].path,
-				};
-				let that = this;
-				savefileApi(data)
-					.then(async (res) => {
-						if(!type)
-						{
-							that.code = code;
-							that.isSave = true;
-							that.editorIndex[index].icon = '';
-							that.editorList[index].isSave = true;
-						}
-						that.$Message.success(res.msg);
-						that.$Modal.remove();
-					})
-					.catch((res) => {
-						that.catchFun(res);
-					});
-			},
-			// 刷新
-			refreshfile() {
-				// 刷新编辑器
-				if(this.editorList[this.indexEditor]) this.openfile(this.editorList[this.indexEditor].path,true);
-			},
-			// 登录跳转
-			onLogin(data) {
-				let expires = this.getExpiresTime(data.expires_time);
-				// 记录用户登陆信息
-				setCookies('file_token', data.token, expires);
-				this.getList(false,false);
-			},
-			//计算token过期时间
-			getExpiresTime(expiresTime) {
-				let nowTimeNum = Math.round(new Date() / 1000);
-				let expiresTimeNum = expiresTime - nowTimeNum;
-				return parseFloat(parseFloat(parseFloat(expiresTimeNum / 60) / 60) / 24);
-			},
-			// 侧边栏异步加载
-			loadData (item, callback) {
-				if(item.isDir)
-				{
-					this.formItem = {
-						dir: item.path,
-						superior: 0,
-						filedir: item.title,
-					};
-					opendirListApi(this.formItem)
-						.then(async (res) => {
-							callback(res.data.navList);
-						})
-						.catch((res) => {
-							if (res.status == 110008) {
-								this.$Message.error(res.msg);
-								this.isShowLogn = true;
-								this.isShowList = false;
-								this.loading = false;
-							} else {
-								this.catchFun(res);
-							}
-						});
-				}
-			},
-			// 自定义显示
-			renderContent (h, { root, node, data }) {
-				let that = this;
-				return h('span', {
-					style: {
-						display: "inline-block",
-						cursor: "pointer",
-						userSelect: 'null',
-						color:"#cccccc",
-						display: 'inline-block',
-						width: '100%',
-						borderRadis:'5px'
-					},
-					on: {
-						click: () => {
-						  that.clickDir(data,root,node);
-						},
-						'contextmenu': ()=>{
-							// that.handleContextDelFolder(data,root,node);
-						}
-					}
-					
-				},[
-					h('span', [
-						h('Icon', {
-							props: {
-								type:  data.isDir ? "ios-folder-outline" : 'ios-document-outline'
-							},
-							style: {
-								marginRight: '8px'
-							}
-						}),
-						h('span',{
-							attrs:{
-								title:data.title,
-							},
-						}, data.title)
-					])
-				]);
-			},
-			/**
-			 * 侧边栏点击事件
-			 * @param {Object} data
-			 */
-			clickDir(data,root,node){
-				let that = this;
-				that.navItem = data;
-				that.pathname = data.pathname;
-				if(!data.isDir)
-				{
-					
-					let index = that.editorIndex.length
-					// 创建tabs
-					that.editorIndex.push({tab:true,index:index.toString(),title:data.title,icon:''});
-					that.indexEditor = index.toString();
-					// 创建代码容器
-					that.initEditor();
-					that.openfile(data.pathname,true);
-					
-				}
-			},
-			//侧边栏右键点击事件
-			handleContextMenu (data, event, position) {
-				position.left =  (Number(position.left.slice(0,-2)) + 75)+'px';
-				this.contextData = data;
-				
-			},
-			// 文件操作类型 createFolder|创建文件夹 createFile|创建文件 delFolder|删除文件夹或者文件 renameFile|文件重命名
-			//创建文件夹
-			handleContextCreateFolder () {
-				this.formFile.filename = '';
-				this.formTitle = '创建文件夹';
-				this.formShow = true;
-				this.fileType = 'createFolder';
-				
-			},
-			//创建文件
-			handleContextCreateFile () {
-				this.formFile.filename = '';
-				this.formTitle = '创建文件';
-				this.formShow = true;
-				this.fileType = 'createFile';
-			},
-			//删除文件
-			handleContextDelFolder () {
-				let that = this;
-				that.$Modal.confirm({
-				  title: '删除文件夹和文件',
-				  content: '您确定要删除改文件？',
-				  loading: true,
-				  onOk: () => {
-					let data = {
-						path:that.contextData.pathname,
-					};
-					delFolder(data).then(async(res)=>{
-						that.loopDel(that.navList,that.contextData.nodeKey)
-						that.$Modal.remove();
-						that.$Message.success('删除成功');
-					}).catch((res)=>{
-						that.catchFun(res);
-					});
-				  },
-				  onCancel: () => {
-				    that.$Message.info('取消删除');
-				  },
-				});
-			},
-			//重命名
-			handleContextRename(){
-				this.formFile.filename = this.contextData.title;
-				this.formTitle = '重命名文件';
-				this.formShow = true;
-				this.fileType = 'renameFile';
-			},
-			//打开文件
-			openfile(path,is_edit){
-				let that = this;
-				openfileApi(path)
-					.then(async (res) => {
-						let data = res.data;
-						that.code = data.content;
-						// 保存相对信息
-						that.editorList[that.indexEditor].path = path;
-						that.editorList[that.indexEditor].oldCode = that.code;
-						//改变属性
-						that.changeModel(data.mode,that.code);
-						if(!is_edit)
-						{
-							that.modals = true;
-							that.spinShow = false;
-						}
-					})
-					.catch((res) => {
-						that.catchFun(res);
-					});
-			},
-			/**
-			 * 初始化编辑器
-			 */
-			initEditor(){
-				let that = this;
-				
-				that.$nextTick(() => {
-				  // 初始化编辑器，确保dom已经渲染
-				  that.editor = monaco.editor.create(document.getElementById('container_'+that.indexEditor), {
-				  	value:that.code,//编辑器初始显示文字
-				  	language:'sql',//语言支持自行查阅demo
-				  	automaticLayout: true,//自动布局
-				  	theme:'vs-dark' ,//官方自带三种主题vs, hc-black, or vs-dark
-				  	foldingStrategy: 'indentation', // 代码可分小段折叠
-				  	overviewRulerBorder: false, // 不要滚动条的边框
-				  	scrollbar: { // 滚动条设置
-				  		verticalScrollbarSize: 4, // 竖滚动条
-				  		horizontalScrollbarSize: 10, // 横滚动条
-				  	},
-				  	autoIndent: true, // 自动布局
-				  	tabSize: 4, // tab缩进长度
-				  	autoClosingOvertype:'always',
-				  });
-				  //添加按键监听
-				  that.editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S, function () {
-				  　　that.savefile(that.indexEditor);
-				  });
-				  that.editor.onKeyUp(() => {
-				  	// 当键盘按下，判断当前编辑器文本与已保存的编辑器文本是否一致
-				  	if(that.editor.getValue() != that.code){
-				  		that.isSave = false;
-				  		that.editorIndex[that.indexEditor].icon = 'md-warning';
-						that.editorList[that.indexEditor].isSave = false;
-				  	}
-				  });
-				  that.editorList.push({'editor':that.editor,'oldCode':that.code,'path':'','isSave':true,'index':that.indexEditor});
-				});
-			},
-			/**
-			 * 切换语言
-			 * @param {Object} mode
-			 */
-			changeModel(mode,value){
-				var oldModel = this.editorList[this.indexEditor].editor.getModel();//获取旧模型
-				// var value = this.editor.getValue();//获取旧的文本
-				//创建新模型，value为旧文本，id为modeId，即语言（language.id）
-				//modesIds即为支持语言
-				// var modesIds = monaco.languages.getLanguages().map(function(lang) { return lang.id; });
-				if(!mode) mode = oldModel.getLanguageId();
-				// if(!value) value = this.editor.getValue();
-				
-				var newModel = monaco.editor.createModel(value,mode);
-				//将旧模型销毁
-				if(oldModel){
-					oldModel.dispose();
-				}
-				//设置新模型
-				this.editorList[this.indexEditor].editor.setModel(newModel);
-			},
-			// 文件操作类型 createFolder|创建文件夹 createFile|创建文件 delFolder|删除文件夹或者文件
-			handleSubmit(name) {
-				let that =this;
-				let data = '';
-				let dataItem = '';
-				this.$refs[name].validate((valid) => {
-					if (valid) {
-						switch (that.fileType)
-						{
-							case 'createFolder':
-								data = {
-									path:that.contextData.pathname,
-									name:that.formFile.filename
-								};
-								createFolder(data).then(async(res)=>{
-									dataItem = {
-										dir: that.contextData.path,
-										superior: 0,
-										filedir: that.contextData.title,
-									};
-									that.getListItem(dataItem)
-									if(that.formShow) that.formShow = false;
-									that.$Message.success('创建成功');
-								}).catch((res)=>{
-									that.catchFun(res);
-								});
-							break;
-							case 'createFile':
-								data = {
-									path:that.contextData.pathname,
-									name:that.formFile.filename
-								};
-								createFile(data).then(async(res)=>{
-									dataItem = {
-										dir: that.contextData.path,
-										superior: 0,
-										filedir: that.contextData.title,
-									};
-									that.getListItem(dataItem)
-									if(that.formShow) that.formShow = false;
-									that.$Message.success('创建成功');
-								}).catch((res)=>{
-									that.catchFun(res);
-								});
-							break;
-							case 'renameFile':
-								data = {
-									newname:that.contextData.path + '\\' + that.formFile.filename,
-									oldname:that.contextData.pathname
-								};
-								rename(data).then(async(res)=>{
-									that.$set(that.contextData, 'title', that.formFile.filename);
-									that.$Message.success('修改成功');
-									if(that.formShow) that.formShow = false;
-								}).catch((res)=>{
-									that.catchFun(res);
-								});
-							break;
-						}
-					} else {
-						this.$Message.error('Fail!');
-					}
-				})
-			},
-			/**
-			 * 退出表单
-			 */
-			formExit(){
-				this.formShow = false;
-			},
-			
-			/**
-			 * 处理接口回调
-			 * @param {Object} res
-			 */
-			catchFun(res){
-				if(res.status)
-				{
-					if(res.status == 400)
-					 this.$Message.error(res.msg);
-					if (res.status == 110008) {
-						this.$Message.error(res.msg);
-						this.isShowLogn = true;
-						this.isShowList = false;
-						this.loading = false;
-					}
-				}else{
-					this.$Message.error('文件编码不被兼容，无法正确读取文件!');
-				}
-				//关闭蒙版层
-				if(this.spinShow) this.spinShow = false;
-				// 关闭文件列表展示
-				if(this.loading) this.loading = false;
-			},
-			loopDel(data,nodeKey){
-				data.forEach((item, index) => {
-					if (item.nodeKey === nodeKey) {
-						return data.splice(index, 1)
-					}
-					if (item.children.length > 0) {
-						return this.loopDel(item.children, nodeKey)
-					}
-				})
-			},
-			/**
-			 * 窗口最大化
-			 */
-			winChanges(){
-				if(this.className)
-				{
-					this.className = '';
-				}else{
-					this.className = "diy-fullscreen";
-				}
-			},
-			/**
-			 * 切换选项卡
-			 * @param {Object} index
-			 */
-			toggleEditor(index){
-				index = Number(index);
-				this.code = this.editorList[index].oldCode; //设置文件打开时的代码
-				this.editor = this.editorList[index].editor;  //设置编辑器实例
-			},
-			handleTabRemove (index) {
-				let that = this;
-				
-				// 关闭选项卡
-				that.editorIndex[index].tab = false;  // 关闭选项卡
-				// 判断当前文件有没有保存
-				if(!that.editorList[index].isSave)
-				{
-					that.$Modal.confirm({
-					  title: '文件未保存',
-					  content: '您是否需要保存当前文件',
-					  loading: true,
-					  onOk: () => {
-						// 保存文件
-						that.savefile(index);
-					  },
-					  onCancel: () => {
-					    that.$Message.info('取消保存');
-					  },
-					});
-				}
-				
-				
-			},
-			//编辑器状态变化
-			editModalChange()
-			{
-				let that = this;
-				that.editorList.forEach(function(value,index){
-					if(value.isSave === false)
-					{
-						if(confirm(`${that.editorIndex[index].title}文件未保存,是否要保存该文件`))
-						{
-							// 保存当前文件
-							that.savefile(index,true);   
-						}else{
-							that.$Message.info(`已取消${that.editorIndex[index].title}文件保存`);
-						}
-					}
-					// 销毁当前编辑器
-					 that.editorList[index].editor.dispose();
-					 that.editorList[index].editor = null;
-				});
-				// 初始话数据
-				that.modals = false;  //编辑器开关
-				that.editor = '';   //当前编辑器对象
-				that.editorIndex = [  //选项卡数组
-					{
-						tab:true,
-						index:'0',
-						title:'',
-						icon:'',
-					}
-				];
-				that.editorList = [];  //编辑器数组
-				that.indexEditor = '0';  //当前编辑器索引
-				that.code = '';       //当前文件打开时的内容
-				that.navList = [];   //左侧导航数据
-				that.navItem = {};   //左侧导航点击是选中的数据
-				that.contextData = null;   //左侧导航右键点击是产生的数据对象
-			}
-		},
-	};
+import { resolveComponent } from 'vue';
+import {
+  opendirListApi,
+  openfileApi,
+  savefileApi,
+  opendirLoginApi,
+  createFolder,
+  createFile,
+  delFolder,
+  rename,
+} from '@/api/system';
+import CodeMirror from 'codemirror/lib/codemirror';
+import loginFrom from './components/loginFrom';
+import { setCookies, getCookies, removeCookies } from '@/libs/util';
+// import Fullscreen from '@/components/main/components/fullscreen';
+import * as monaco from 'monaco-editor';
+export default {
+  name: 'opendir',
+  data() {
+    return {
+      modals: false, //编辑器开关
+      editor: '', //当前编辑器对象
+      editorIndex: [
+        //选项卡数组
+        {
+          tab: true,
+          index: '0',
+          title: '',
+          icon: '',
+        },
+      ],
+      editorList: [], //编辑器数组
+      indexEditor: 0, //当前编辑器索引
+      code: '', //当前文件打开时的内容
+      navList: [], //左侧导航数据
+      navItem: {}, //左侧导航点击是选中的数据
+      contextData: null, //左侧导航右键点击是产生的数据对象
+
+      fileType: '', // 文件操作类型 createFolder|创建文件夹 createFile|创建文件 delFolder|删除文件夹或者文件
+      className: '', //全屏 class名
+      // fullscreen:false,  // 是否全屏
+      isSave: true, //当前文件是否保存
+
+      isShowLogn: false, // 登录
+      isShowList: false, // 登录之后列表
+
+      spinShow: false,
+      loading: false,
+      tabList: [],
+      columns4: [
+        {
+          title: '文件/文件夹名',
+          slot: 'filename',
+          minWidth: 150,
+          back: '返回上级',
+        },
+        {
+          title: '文件/文件夹路径',
+          key: 'real_path',
+          minWidth: 150,
+        },
+        {
+          title: '文件/文件夹大小',
+          key: 'size',
+          minWidth: 100,
+        },
+        {
+          title: '是否可写',
+          slot: 'isWritable',
+          minWidth: 100,
+        },
+        {
+          title: '更新时间',
+          key: 'mtime',
+          minWidth: 150,
+        },
+        {
+          title: '操作',
+          slot: 'action',
+          minWidth: 150,
+        },
+      ],
+      formItem: {
+        //记录当前路径信息，获取文件列表时使用
+        dir: '',
+        superior: 0,
+        filedir: '',
+        fileToken: getCookies('file_token'),
+      },
+      dir: '', //当前完整文件路径
+      // rows: {},  //
+      pathname: '', // 当前文件路径
+      title: '', //当前文件标题
+
+      formFile: {
+        //重命名表单
+        filename: '',
+      },
+      ruleInline: {
+        filename: [{ required: true, message: '请输入文件或文件夹的名字', trigger: 'blur' }],
+      },
+      formShow: false, //表单开关
+      formTitle: '', //表单标题
+      fileToken: getCookies('file_token'),
+    };
+  },
+
+  components: {
+    loginFrom,
+  },
+  mounted() {
+    this.initEditor();
+  },
+  created() {
+    this.getList();
+  },
+  beforeDestroy() {
+    removeCookies('file_token');
+  },
+  computed: {},
+  methods: {
+    // 点击行
+    currentChange(currentRow) {
+      if (currentRow.isDir) {
+        this.open(currentRow);
+      } else {
+        this.edit(currentRow);
+      }
+    },
+    /**
+     * 文件列表
+     * @param {Object} refresh   // 是否重新加载 bool
+     * @param {Object} is_edit   // 是否是编辑器中的刷新 bool
+     */
+    getList(refresh, is_edit) {
+      let params;
+      if (refresh) {
+        params = {
+          dir: '',
+          superior: 0,
+          filedir: '',
+          fileToken: this.fileToken,
+        };
+      } else {
+        params = this.formItem;
+      }
+      if (!is_edit) this.loading = true;
+      opendirListApi(params)
+        .then(async (res) => {
+          let data = res.data;
+          if (is_edit) {
+            this.navList = data.navList;
+          } else {
+            this.navListForTab = data.navList;
+            this.tabList = data.list;
+            // this.navList = data.navList;
+            this.isShowList = true;
+          }
+          this.dir = data.dir;
+          this.isShowLogn = false;
+          this.loading = false;
+        })
+        .catch((res) => {
+          this.catchFun(res);
+        });
+    },
+    //新建文件后重新加载左侧导航
+    getListItem(data) {
+      opendirListApi(data)
+        .then(async (res) => {
+          this.$set(this.contextData, 'children', res.data.navList);
+        })
+        .catch((res) => {
+          this.catchFun(res);
+        });
+    },
+
+    // 返回上级
+    goBack(is_edit) {
+      this.formItem = {
+        dir: this.dir,
+        superior: 1,
+        filedir: '',
+      };
+      this.getList(false, is_edit);
+    },
+    // 打开
+    open(row) {
+      // this.rows = row;
+      this.formItem = {
+        dir: row.path,
+        superior: 0,
+        filedir: row.filename,
+        fileToken: this.fileToken,
+      };
+      this.getList(false, false);
+    },
+    // 编辑
+    edit(row) {
+      this.navItem = row;
+      this.spinShow = true;
+      this.pathname = row.pathname;
+      this.title = row.filename;
+      this.editorIndex[0].title = row.filename;
+      this.editorIndex[0].pathname = row.pathname;
+      this.navList = this.navListForTab;
+      this.dir = row.path;
+      // 创建代码容器
+      if (this.editorList.length <= 0) {
+        this.initEditor();
+      }
+      this.openfile(row.pathname, false);
+    },
+    /**
+     * 保存
+     * @param {Object} index   // 当前索引
+     * @param {Object} type    // true 不更新当前本地数据，false或者为空 更新当前数据
+     */
+    savefile(index, type) {
+      let code = this.editorList[index].editor.getValue();
+      let data = {
+        comment: code,
+        filepath: this.editorList[index].path,
+        fileToken: this.fileToken,
+      };
+      let that = this;
+      savefileApi(data)
+        .then(async (res) => {
+          if (!type) {
+            that.code = code;
+            that.isSave = true;
+            that.editorIndex[index].icon = '';
+            that.editorList[index].isSave = true;
+          }
+          that.$Message.success(res.msg);
+          that.$Modal.remove();
+        })
+        .catch((res) => {
+          that.catchFun(res);
+        });
+    },
+    // 刷新
+    refreshfile() {
+      // 刷新编辑器
+      if (this.editorList[this.indexEditor]) this.openfile(this.editorList[this.indexEditor].path, true);
+    },
+    //计算token过期时间
+    getExpiresTime(expiresTime) {
+      let nowTimeNum = Math.round(new Date() / 1000);
+      let expiresTimeNum = expiresTime - nowTimeNum;
+      return parseFloat(parseFloat(parseFloat(expiresTimeNum / 60) / 60) / 24);
+    },
+    // 侧边栏异步加载
+    loadData(item, callback) {
+      if (item.isDir) {
+        this.formItem = {
+          dir: item.path,
+          superior: 0,
+          filedir: item.title,
+          fileToken: this.fileToken,
+        };
+        opendirListApi(this.formItem)
+          .then(async (res) => {
+            callback(res.data.navList);
+          })
+          .catch((res) => {
+            if (res.status == 110008) {
+              this.$Message.error(res.msg);
+              this.isShowLogn = true;
+              this.isShowList = false;
+              this.loading = false;
+            } else {
+              this.catchFun(res);
+            }
+          });
+      }
+    },
+    // 自定义显示
+    renderContent(h, { root, node, data }) {
+      let that = this;
+      return h(
+        'span',
+        {
+          style: {
+            display: 'inline-block',
+            cursor: 'pointer',
+            userSelect: 'null',
+            color: '#cccccc',
+            display: 'inline-block',
+            width: '100%',
+            borderRadis: '5px',
+          },
+          on: {
+            click: () => {
+              that.clickDir(data, root, node);
+            },
+            contextmenu: () => {
+              // that.handleContextDelFolder(data,root,node);
+            },
+          },
+        },
+        [
+          h('span', [
+            h('Icon', {
+              props: {
+                type: data.isDir ? 'md-folder' : 'ios-document-outline',
+              },
+              style: {
+                marginRight: '8px',
+              },
+            }),
+            h(
+              'span',
+              {
+                attrs: {
+                  title: data.title,
+                },
+              },
+              data.title,
+            ),
+          ]),
+        ],
+      );
+    },
+    /**
+     * 侧边栏点击事件
+     * @param {Object} data
+     */
+    clickDir(data, root, node) {
+      let that = this;
+      that.navItem = data;
+      that.pathname = data.pathname;
+
+      if (!data.isDir) {
+        let i = that.editorIndex.findIndex((e) => {
+          return e.pathname === data.pathname;
+        });
+        if (i > -1) {
+          that.toggleEditor(i);
+          that.indexEditor = i.toString();
+        } else {
+          let index = that.editorIndex.length;
+          // 创建tabs
+          that.editorIndex.push({
+            tab: true,
+            index: index.toString(),
+            title: data.title,
+            icon: '',
+            pathname: data.pathname,
+          });
+          that.indexEditor = index.toString();
+          // 创建代码容器
+          that.initEditor();
+          that.openfile(data.pathname, true);
+        }
+      }
+    },
+    //侧边栏右键点击事件
+    handleContextMenu(data, event, position) {
+      position.left = Number(position.left.slice(0, -2)) + 75 + 'px';
+      this.contextData = data;
+    },
+    // 文件操作类型 createFolder|创建文件夹 createFile|创建文件 delFolder|删除文件夹或者文件 renameFile|文件重命名
+    //创建文件夹
+    handleContextCreateFolder() {
+      this.formFile.filename = '';
+      this.formTitle = '创建文件夹';
+      this.formShow = true;
+      this.fileType = 'createFolder';
+    },
+    //创建文件
+    handleContextCreateFile() {
+      this.formFile.filename = '';
+      this.formTitle = '创建文件';
+      this.formShow = true;
+      this.fileType = 'createFile';
+    },
+    //删除文件
+    handleContextDelFolder() {
+      let that = this;
+      that.$Modal.confirm({
+        title: '删除文件夹和文件',
+        content: '您确定要删除改文件？',
+        loading: true,
+        onOk: () => {
+          let data = {
+            path: that.contextData.pathname,
+            fileToken: this.fileToken,
+          };
+          delFolder(data)
+            .then(async (res) => {
+              that.loopDel(that.navList, that.contextData.nodeKey);
+              that.$Modal.remove();
+              that.$Message.success('删除成功');
+            })
+            .catch((res) => {
+              that.catchFun(res);
+            });
+        },
+        onCancel: () => {
+          that.$Message.info('取消删除');
+        },
+      });
+    },
+    //重命名
+    handleContextRename() {
+      this.formFile.filename = this.contextData.title;
+      this.formTitle = '重命名文件';
+      this.formShow = true;
+      this.fileType = 'renameFile';
+    },
+    //打开文件
+    openfile(path, is_edit) {
+      let that = this;
+      let params = {
+        filepath: path,
+        fileToken: this.fileToken,
+      };
+      openfileApi(params)
+        .then(async (res) => {
+          let data = res.data;
+          that.code = data.content;
+          // 保存相对信息
+          that.editorList[that.indexEditor].path = path;
+          that.editorList[that.indexEditor].oldCode = that.code;
+          //改变属性
+          that.changeModel(data.mode, that.code);
+          if (!is_edit) {
+            that.modals = true;
+            that.spinShow = false;
+          }
+        })
+        .catch((res) => {
+          that.catchFun(res);
+        });
+    },
+    /**
+     * 初始化编辑器
+     */
+    initEditor() {
+      let that = this;
+      that.$nextTick(() => {
+        // 初始化编辑器，确保dom已经渲染
+        that.editor = monaco.editor.create(document.getElementById('container_' + that.indexEditor), {
+          value: that.code, //编辑器初始显示文字
+          language: 'sql', //语言支持自行查阅demo
+          automaticLayout: true, //自动布局
+          theme: 'vs', //官方自带三种主题vs, hc-black, or vs-dark
+          foldingStrategy: 'indentation', // 代码可分小段折叠
+          overviewRulerBorder: false, // 不要滚动条的边框
+          scrollbar: {
+            // 滚动条设置
+            verticalScrollbarSize: 4, // 竖滚动条
+            horizontalScrollbarSize: 10, // 横滚动条
+          },
+          autoIndent: true, // 自动布局
+          tabSize: 4, // tab缩进长度
+          autoClosingOvertype: 'always',
+        });
+        //添加按键监听
+        that.editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S, function () {
+          that.savefile(that.indexEditor);
+        });
+        that.editor.onKeyUp(() => {
+          // 当键盘按下，判断当前编辑器文本与已保存的编辑器文本是否一致
+          if (that.editor.getValue() != that.code) {
+            that.isSave = false;
+            that.editorIndex[that.indexEditor].icon = 'md-warning';
+            that.editorList[that.indexEditor].isSave = false;
+          }
+        });
+        that.editorList.push({
+          editor: that.editor,
+          oldCode: that.code,
+          path: '',
+          isSave: true,
+          index: that.indexEditor,
+        });
+      });
+    },
+    /**
+     * 切换语言
+     * @param {Object} mode
+     */
+    changeModel(mode, value) {
+      var oldModel = this.editorList[this.indexEditor].editor.getModel(); //获取旧模型
+      // var value = this.editor.getValue();//获取旧的文本
+      //创建新模型，value为旧文本，id为modeId，即语言（language.id）
+      //modesIds即为支持语言
+      // var modesIds = monaco.languages.getLanguages().map(function(lang) { return lang.id; });
+      if (!mode) mode = oldModel.getLanguageId();
+      // if(!value) value = this.editor.getValue();
+
+      var newModel = monaco.editor.createModel(value, mode);
+      //将旧模型销毁
+      if (oldModel) {
+        oldModel.dispose();
+      }
+      //设置新模型
+      this.editorList[this.indexEditor].editor.setModel(newModel);
+    },
+    // 文件操作类型 createFolder|创建文件夹 createFile|创建文件 delFolder|删除文件夹或者文件
+    handleSubmit(name) {
+      let that = this;
+      let data = '';
+      let dataItem = '';
+      this.$refs[name].validate((valid) => {
+        if (valid) {
+          switch (that.fileType) {
+            case 'createFolder':
+              data = {
+                path: that.contextData.pathname,
+                name: that.formFile.filename,
+                fileToken: this.fileToken,
+              };
+              createFolder(data)
+                .then(async (res) => {
+                  dataItem = {
+                    dir: that.contextData.path,
+                    superior: 0,
+                    filedir: that.contextData.title,
+                    fileToken: this.fileToken,
+                  };
+                  that.getListItem(dataItem);
+                  if (that.formShow) that.formShow = false;
+                  that.$Message.success('创建成功');
+                })
+                .catch((res) => {
+                  that.catchFun(res);
+                });
+              break;
+            case 'createFile':
+              data = {
+                path: that.contextData.pathname,
+                name: that.formFile.filename,
+                fileToken: this.fileToken,
+              };
+              createFile(data)
+                .then(async (res) => {
+                  dataItem = {
+                    dir: that.contextData.path,
+                    superior: 0,
+                    filedir: that.contextData.title,
+                    fileToken: this.fileToken,
+                  };
+                  that.getListItem(dataItem);
+                  if (that.formShow) that.formShow = false;
+                  that.$Message.success('创建成功');
+                })
+                .catch((res) => {
+                  that.catchFun(res);
+                });
+              break;
+            case 'renameFile':
+              data = {
+                newname: that.contextData.path + '\\' + that.formFile.filename,
+                oldname: that.contextData.pathname,
+                fileToken: this.fileToken,
+              };
+              rename(data)
+                .then(async (res) => {
+                  that.$set(that.contextData, 'title', that.formFile.filename);
+                  that.$Message.success('修改成功');
+                  if (that.formShow) that.formShow = false;
+                })
+                .catch((res) => {
+                  that.catchFun(res);
+                });
+              break;
+          }
+        } else {
+          this.$Message.error('Fail!');
+        }
+      });
+    },
+    /**
+     * 退出表单
+     */
+    formExit() {
+      this.formShow = false;
+    },
+
+    /**
+     * 处理接口回调
+     * @param {Object} res
+     */
+    catchFun(res) {
+      if (res.status) {
+        if (res.status == 400) this.$Message.error(res.msg);
+        if (res.status == 110008) {
+          // this.$Message.error(res.msg);
+          this.isShowLogn = true;
+          this.isShowList = false;
+          this.loading = false;
+        }
+      } else {
+        // this.$Message.error('文件编码不被兼容，无法正确读取文件!');
+      }
+      //关闭蒙版层
+      if (this.spinShow) this.spinShow = false;
+      // 关闭文件列表展示
+      if (this.loading) this.loading = false;
+    },
+    loopDel(data, nodeKey) {
+      data.forEach((item, index) => {
+        if (item.nodeKey === nodeKey) {
+          return data.splice(index, 1);
+        }
+        if (item.children.length > 0) {
+          return this.loopDel(item.children, nodeKey);
+        }
+      });
+    },
+    /**
+     * 窗口最大化
+     */
+    winChanges() {
+      if (this.className) {
+        this.className = '';
+      } else {
+        this.className = 'diy-fullscreen';
+      }
+    },
+    /**
+     * 切换选项卡
+     * @param {Object} index
+     */
+    toggleEditor(index) {
+      index = Number(index);
+      this.code = this.editorList[index].oldCode; //设置文件打开时的代码
+      this.editor = this.editorList[index].editor; //设置编辑器实例
+    },
+    handleTabRemove(index) {
+      let that = this;
+
+      // 关闭选项卡
+      that.editorIndex[index].tab = false; // 关闭选项卡
+      // 判断当前文件有没有保存
+      if (!that.editorList[index].isSave) {
+        that.$Modal.confirm({
+          title: '文件未保存',
+          content: '您是否需要保存当前文件',
+          loading: true,
+          onOk: () => {
+            // 保存文件
+            that.savefile(index);
+          },
+          onCancel: () => {
+            that.$Message.info('取消保存');
+          },
+        });
+      }
+    },
+    //编辑器状态变化
+    editModalChange() {
+      let that = this;
+      that.editorList.forEach(function (value, index) {
+        if (value.isSave === false) {
+          if (confirm(`${that.editorIndex[index].title}文件未保存,是否要保存该文件`)) {
+            // 保存当前文件
+            that.savefile(index, true);
+          } else {
+            that.$Message.info(`已取消${that.editorIndex[index].title}文件保存`);
+          }
+        }
+        // 销毁当前编辑器
+        that.editorList[index].editor.dispose();
+        that.editorList[index].editor = null;
+      });
+      // 初始话数据
+      that.modals = false; //编辑器开关
+      that.editor = ''; //当前编辑器对象
+      that.editorIndex = [
+        //选项卡数组
+        {
+          tab: true,
+          index: '0',
+          title: '',
+          icon: '',
+        },
+      ];
+      that.editorList = []; //编辑器数组
+      that.indexEditor = '0'; //当前编辑器索引
+      that.code = ''; //当前文件打开时的内容
+      that.navList = []; //左侧导航数据
+      that.navItem = {}; //左侧导航点击是选中的数据
+      that.contextData = null; //左侧导航右键点击是产生的数据对象
+    },
+  },
+};
 </script>
+<style scoped>
+.file-left /deep/ .ivu-tree-title {
+  font-weight: 500;
+  font-family: SourceHanSansSC-regular, '微软雅黑', Arial, Helvetica, sans-serif;
+}
+.file-content /deep/ .ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab-active {
+  border-bottom: 1px solid orange;
+}
+</style>
 <style scoped lang="stylus">
-.mt20
+.file-left
+    padding-left 10px
+    >>>.ivu-icon-ios-arrow-forward
+       font-size 18px !important;
+	   color #cccccc
     >>>.ivu-icon-ios-folder-outline
        font-size 14px !important;
-    >>> .ivu-icon-ios-document-outline
+    >>>.ivu-icon-ios-document-outline
        font-size 18px !important;
+	>>>.ivu-icon-md-folder{
+     	font-size 18px !important;
+	   color #d6ab34 !important;
+	}
     >>> .ivu-table-row
        cursor pointer;
 .mr5
@@ -775,7 +862,7 @@
    display inline-block;
 >>>.CodeMirror
  height: 70vh !important;
- 
+
 .file-box
 	display: flex;
 	align-items: flex-start;
@@ -800,13 +887,13 @@
 	.file-fix
 		flex: 1;
 		max-width: 250px;
-		height: 100%;
+		height: 76vh;
 		min-height: 600px;
 		// bottom: 0px;
 		// overflow: auto;
-		// min-height: 600px;
+		min-height: 600px;
 		background-color: #222222;
-.file-box 
+.file-box
 	.file-content
 		// position: absolute;
 		// top: 53px;
@@ -921,7 +1008,7 @@ body >>>.ivu-select-dropdown{
 		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 		background: rgba(255, 255, 255, 0.2);
 .file-box
-	.file-left::-webkit-scrollbar-track 
+	.file-left::-webkit-scrollbar-track
 		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 		border-radius: 0;
 		background: rgba(0,0,0,0.1);
@@ -935,7 +1022,7 @@ body >>>.ivu-select-dropdown{
 	.diy-header-icon:hover
 		opacity: 0.8;
 // 自定义方法缩小
->>>.diy-fullscreen 
+>>>.diy-fullscreen
 		overflow: hidden;
 		.ivu-modal
 			top: 0px;
@@ -948,7 +1035,7 @@ body >>>.ivu-select-dropdown{
 				height: 100%;
 				.ivu-modal-body
 					height: 100%;
-			.ivu-tabs 
+			.ivu-tabs
 				.ivu-tabs-content-animated
 					height: 92%;
 					background-color:#2f2f2f !important;
@@ -958,26 +1045,29 @@ body >>>.ivu-select-dropdown{
 				.ivu-tabs-tabpane
 					height: 92%
 >>>.ivu-modal
+		top: 70px;
 	.ivu-modal-content
 		.ivu-modal-body
-			height: 632px;
+			min-height: 632px;
+			height: 80vh;
 			overflow: hidden;
-	.ivu-tabs 
+	.ivu-tabs
 		.ivu-tabs-content-animated
-			height: 560px;
+			min-height:560px;
+			height: 73vh;
 			margin-top: -1px;
 		.ivu-tabs-tabpane
-			height: 560px;
+			min-height:560px;
+			height: 73vh;
 			margin-top: -1px;
 	.ivu-tabs-nav .ivu-tabs-tab .ivu-icon
 		color: #f00;
 >>>body .ivu-select-dropdown .ivu-dropdown-transfer
 		background:red !important;
 // 导航栏右键样式 无效
-.ivu-select-dropdown.ivu-dropdown-transfer{
-  background:#fff !important;
-}
-.ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item:hover{
+
+
+.file-left /deep/ .ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item:hover{
 	background-color: #e5e5e5 !important;
 }
 // 选项卡头部
diff --git a/template/admin/src/router/modules/setting.js b/template/admin/src/router/modules/setting.js
index 40880a78a..606c7a590 100644
--- a/template/admin/src/router/modules/setting.js
+++ b/template/admin/src/router/modules/setting.js
@@ -643,7 +643,7 @@ export default {
       name: `${pre}langCountry`,
       meta: {
         auth: ['admin-lang-country'],
-        title: '国家列表',
+        title: '地区关联语言',
       },
       component: () => import('@/pages/setting/multiLanguage/country'),
     },
diff --git a/template/admin/src/router/modules/system.js b/template/admin/src/router/modules/system.js
index d637c9721..f3adee1eb 100644
--- a/template/admin/src/router/modules/system.js
+++ b/template/admin/src/router/modules/system.js
@@ -87,6 +87,15 @@ export default {
       },
       component: () => import('@/pages/system/maintain/systemFile/opendir'),
     },
+    {
+      path: 'maintain/system_file/login',
+      name: `${pre}opendir_login`,
+      meta: {
+        auth: ['system-maintain-system-file'],
+        title: '文件管理入口',
+      },
+      component: () => import('@/pages/system/maintain/systemFile/login'),
+    },
     {
       path: 'config/system_config_tab/index',
       name: `${pre}configTab`,
@@ -137,9 +146,9 @@ export default {
       name: `${pre}upgradeclient`,
       meta: {
         auth: ['system-onlineUpgrade-index'],
-        title: '在线升级'
+        title: '在线升级',
       },
-      component: () => import('@/pages/system/onlineUpgrade/index')
+      component: () => import('@/pages/system/onlineUpgrade/index'),
     },
   ],
 };