{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\codeGeneration\\list.vue?vue&type=style&index=0&id=69b6072c&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\codeGeneration\\list.vue","mtime":1761185180208},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQovLyDoh6rlrprkuYnmlrnms5XnvKnlsI8NCjo6di1kZWVwIC5kaXktZnVsbHNjcmVlbiB7DQogIG92ZXJmbG93OiBoaWRkZW47DQoNCiAgLml2dS1tb2RhbCB7DQogICAgdG9wOiAwcHg7DQogICAgbGVmdDogMHB4Ow0KICAgIHJpZ2h0OiAwcHg7DQogICAgYm90dG9tOiAwcHg7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7DQoNCiAgICAuaXZ1LW1vZGFsLWNvbnRlbnQgew0KICAgICAgaGVpZ2h0OiAxMDAlOw0KDQogICAgICAuaXZ1LW1vZGFsLWJvZHkgew0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICB9DQogICAgfQ0KDQogICAgLml2dS10YWJzIHsNCiAgICAgIC5pdnUtdGFicy1jb250ZW50LWFuaW1hdGVkIHsNCiAgICAgICAgaGVpZ2h0OiA5MiU7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyZjJmMmYgIWltcG9ydGFudDsNCiAgICAgIH0NCiAgICB9DQoNCiAgICAuaXZ1LXRhYnMtY29udGVudCB7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KDQogICAgLml2dS10YWJzIHsNCiAgICAgIC5pdnUtdGFicy10YWJwYW5lIHsNCiAgICAgICAgaGVpZ2h0OiA5MiU7DQogICAgICB9DQogICAgfQ0KICB9DQp9DQouZGl5LWhlYWRlciB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCg0KICAuZGl5LWhlYWRlci1pY29uIHsNCiAgICBtYXJnaW4tcmlnaHQ6IDMwcHg7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQoNCiAgLmRpeS1oZWFkZXItaWNvbjpob3ZlciB7DQogICAgb3BhY2l0eTogMC44Ow0KICB9DQp9DQo6OnYtZGVlcCAuaXZ1LW1vZGFsIHsNCiAgdG9wOiA3MHB4Ow0KfQ0KDQouaXZ1LW1vZGFsLWNvbnRlbnQgew0KICAuaXZ1LW1vZGFsLWJvZHkgew0KICAgIG1pbi1oZWlnaHQ6IDYzMnB4Ow0KICAgIGhlaWdodDogODB2aDsNCiAgICBvdmVyZmxvdzogaGlkZGVuOw0KICB9DQp9DQoNCi5pdnUtdGFicyB7DQogIC5pdnUtdGFicy1jb250ZW50LWFuaW1hdGVkIHsNCiAgICBtaW4taGVpZ2h0OiA1NjBweDsNCiAgICBoZWlnaHQ6IDczdmg7DQogICAgbWFyZ2luLXRvcDogLTFweDsNCiAgfQ0KDQogIC5pdnUtdGFicy10YWJwYW5lIHsNCiAgICBtaW4taGVpZ2h0OiA1NjBweDsNCiAgICBtYXJnaW4tdG9wOiAtMXB4Ow0KICB9DQp9DQoNCi5pdnUtdGFicy1uYXYgLml2dS10YWJzLXRhYiAuaXZ1LWljb24gew0KICBjb2xvcjogI2YwMDsNCn0NCg0KOjp2LWRlZXBib2R5IC5pdnUtc2VsZWN0LWRyb3Bkb3duIC5pdnUtZHJvcGRvd24tdHJhbnNmZXIgew0KICBiYWNrZ3JvdW5kOiByZWQgIWltcG9ydGFudDsNCn0NCg0KLy8g5a+86Iiq5qCP5Y+z6ZSu5qC35byPIOaXoOaViA0KLmZpbGUtbGVmdCA6OnYtZGVlcCAuaXZ1LXNlbGVjdC1kcm9wZG93bi5pdnUtZHJvcGRvd24tdHJhbnNmZXIgLml2dS1kcm9wZG93bi1tZW51IC5pdnUtZHJvcGRvd24taXRlbTpob3ZlciB7DQogIGJhY2tncm91bmQtY29sb3I6ICNlNWU1ZTUgIWltcG9ydGFudDsNCn0NCg0KLy8g6YCJ6aG55Y2h5aS06YOoDQo6OnYtZGVlcCAuaXZ1LXRhYnMuaXZ1LXRhYnMtY2FyZCA+IC5pdnUtdGFicy1iYXIgLml2dS10YWJzLW5hdi1jb250YWluZXIgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KfQ0KLmRlbW8tZHJhd2VyLWZvb3RlciB7DQogIHdpZHRoOiAxMDAlOw0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIGJvdHRvbTogMDsNCiAgbGVmdDogMDsNCiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNlOGU4ZTg7DQogIHBhZGRpbmc6IDEwcHggMTZweDsNCiAgdGV4dC1hbGlnbjogcmlnaHQ7DQogIGJhY2tncm91bmQ6ICNmZmY7DQp9DQouZmlsZSB7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgLnNhdmUgew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICBsZWZ0OiA1MCU7DQogICAgYm90dG9tOiAtMTBweDsNCiAgICB6LWluZGV4OiA5OTsNCiAgfQ0KfQ0KLmZpbGUtYm94IHsNCiAgaGVpZ2h0OiAxMDAlOw0KfQ0K"},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AAqgBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"list.vue","sourceRoot":"src/pages/system/codeGeneration","sourcesContent":["<template>\r\n  <div>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" v-loading=\"spinShow\">\r\n      <el-button type=\"primary\" v-db-click @click=\"groupAdd()\" class=\"mr20\">添加功能</el-button>\r\n      <!-- <el-button type=\"success\" v-db-click @click=\"buildCode()\" class=\"mr20\">重新发布</el-button> -->\r\n      <el-table\r\n        :data=\"tabList\"\r\n        ref=\"table\"\r\n        class=\"mt14\"\r\n        v-loading=\"loading\"\r\n        highlight-current-row\r\n        no-userFrom-text=\"暂无数据\"\r\n        no-filtered-userFrom-text=\"暂无筛选结果\"\r\n      >\r\n        <el-table-column label=\"ID\" width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.id }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"菜单名\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.name }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"表名\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.table_name }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"表备注\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.table_comment }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"添加时间\" min-width=\"130\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.add_time }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" fixed=\"right\" width=\"200\">\r\n          <template slot-scope=\"scope\">\r\n            <a v-db-click @click=\"edit(scope.row, '编辑')\">查看代码</a>\r\n            <el-divider direction=\"vertical\"></el-divider>\r\n            <a v-db-click @click=\"editItem(scope.row)\">编辑</a>\r\n            <el-divider direction=\"vertical\"></el-divider>\r\n            <a v-db-click @click=\"downLoad(scope.row)\">下载</a>\r\n            <el-divider direction=\"vertical\"></el-divider>\r\n            <a v-db-click @click=\"del(scope.row, '删除', scope.$index)\">删除</a>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n      <div class=\"acea-row row-right page\">\r\n        <pagination\r\n          v-if=\"total\"\r\n          :total=\"total\"\r\n          :page.sync=\"formValidate.page\"\r\n          :limit.sync=\"formValidate.limit\"\r\n          @pagination=\"getList\"\r\n        />\r\n      </div>\r\n    </el-card>\r\n    <el-drawer\r\n      :visible.sync=\"modals\"\r\n      :custom-class=\"className\"\r\n      title=\"Create\"\r\n      size=\"80%\"\r\n      :wrapperClosable=\"false\"\r\n      :styles=\"styles\"\r\n      @closed=\"editModalChange\"\r\n    >\r\n      <p slot=\"header\" class=\"diy-header\" ref=\"diyHeader\">\r\n        <span>{{ title }}</span>\r\n      </p>\r\n      <div class=\"file\" style=\"height: 100%\">\r\n        <el-button class=\"save\" type=\"primary\" v-db-click @click=\"pwdModal = true\">保存</el-button>\r\n\r\n        <div class=\"file-box\">\r\n          <div class=\"file-fix\"></div>\r\n          <div class=\"file-content\">\r\n            <!-- <el-tabs\r\n              type=\"card\"\r\n              v-model=\"indexEditor\"\r\n              style=\"height: 100%\"\r\n              @on-click=\"toggleEditor\"\r\n              :animated=\"false\"\r\n              closable\r\n              @on-tab-remove=\"handleTabRemove\"\r\n            >\r\n              <el-tab-pane\r\n                v-for=\"value in editorIndex\"\r\n                :key=\"value.index\"\r\n                :name=\"value.index.toString()\"\r\n                :label=\"value.title\"\r\n                :icon=\"value.icon\"\r\n              >\r\n                <div\r\n                  ref=\"container\"\r\n                  :id=\"'container_' + value.index\"\r\n                  style=\"height: 100%; min-height: calc(100vh - 110px)\"\r\n                ></div>\r\n              </el-tab-pane>\r\n            </el-tabs> -->\r\n            <el-tabs v-model=\"indexEditor\" type=\"card\" @tab-click=\"toggleEditor\">\r\n              <el-tab-pane v-for=\"value in editorIndex\" :key=\"value.index\">\r\n                <span slot=\"label\">\r\n                  <el-tooltip effect=\"light\" class=\"item\" :content=\"value.title\" placement=\"top\">\r\n                    <span>{{ value.file_name }}</span>\r\n                  </el-tooltip>\r\n                </span>\r\n                <div\r\n                  ref=\"container\"\r\n                  :id=\"'container_' + value.index\"\r\n                  style=\"height: 100%; min-height: calc(100vh - 110px)\"\r\n                ></div>\r\n              </el-tab-pane>\r\n              <!-- <el-tab-pane label=\"用户管理\" name=\"first\">用户管理</el-tab-pane>\r\n              <el-tab-pane label=\"配置管理\" name=\"second\">配置管理</el-tab-pane>\r\n              <el-tab-pane label=\"角色管理\" name=\"third\">角色管理</el-tab-pane>\r\n              <el-tab-pane label=\"定时任务补偿\" name=\"fourth\">定时任务补偿</el-tab-pane> -->\r\n            </el-tabs>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </el-drawer>\r\n    <el-dialog\r\n      :visible.sync=\"buildModals\"\r\n      title=\"终端\"\r\n      :show-close=\"true\"\r\n      :close-on-click-modal=\"false\"\r\n      width=\"720px\"\r\n      @close=\"editModalChange\"\r\n    >\r\n      <el-alert type=\"warning\" title=\"当前终端未运行于安装服务下，部分命令可能无法执行.\"></el-alert>\r\n      <div>\r\n        <div v-for=\"(item, index) in codeBuildList\" :key=\"index\">{{ item }}</div>\r\n      </div>\r\n    </el-dialog>\r\n    <el-dialog\r\n      :visible.sync=\"pwdModal\"\r\n      width=\"470px\"\r\n      title=\"文件管理密码\"\r\n      :show-close=\"true\"\r\n      :close-on-click-modal=\"false\"\r\n    >\r\n      <el-input v-model=\"pwd\" type=\"password\" placeholder=\"请输入文件管理密码\"></el-input>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"pwdModal = false\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"crudSaveFile\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { crudList, crudDet, crudDownload, crudSaveFile } from '@/api/systemCodeGeneration';\r\nimport * as monaco from 'monaco-editor';\r\nimport { getCookies, removeCookies } from '@/libs/util';\r\nimport Setting from '@/setting';\r\nexport default {\r\n  data() {\r\n    return {\r\n      grid: {\r\n        xl: 7,\r\n        lg: 7,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      formValidate: {\r\n        page: 1,\r\n        limit: 20,\r\n        title: '',\r\n      },\r\n      styles: {\r\n        height: 'calc(100% - 55px)',\r\n        overflow: 'auto',\r\n        paddingBottom: '53px',\r\n        position: 'static',\r\n      },\r\n      loading: false,\r\n      pwdModal: false,\r\n      buildModals: false,\r\n      pwd: '',\r\n      tabList: [],\r\n      codeBuildList: [],\r\n      total: 0,\r\n      columns1: [\r\n        {\r\n          title: 'ID',\r\n          key: 'id',\r\n          width: 80,\r\n        },\r\n        {\r\n          title: '菜单名',\r\n          key: 'name',\r\n          minWidth: 130,\r\n        },\r\n        {\r\n          title: '表名',\r\n          key: 'table_name',\r\n          minWidth: 130,\r\n        },\r\n        {\r\n          title: '字符集',\r\n          key: 'table_collation',\r\n          minWidth: 130,\r\n        },\r\n        {\r\n          title: '表备注',\r\n          key: 'table_comment',\r\n          minWidth: 130,\r\n        },\r\n        {\r\n          title: '添加时间',\r\n          key: 'add_time',\r\n          minWidth: 130,\r\n        },\r\n        {\r\n          title: '操作',\r\n          slot: 'action',\r\n          fixed: 'right',\r\n          minWidth: 150,\r\n        },\r\n      ],\r\n      FromData: null,\r\n      titleFrom: '',\r\n      groupId: 0,\r\n      addId: '',\r\n      editorList: [], //编辑器数组\r\n      indexEditor: 0, //当前编辑器索引\r\n      code: '', //当前文件打开时的内容\r\n      contextData: null, //左侧导航右键点击是产生的数据对象\r\n\r\n      fileType: '', // 文件操作类型 createFolder|创建文件夹 createFile|创建文件 delFolder|删除文件夹或者文件\r\n      className: '', //全屏 class名\r\n      spinShow: false,\r\n      modals: false, //编辑器开关\r\n      editor: '', //当前编辑器对象\r\n      editorIndex: [],\r\n      title: '',\r\n      editId: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState('media', ['isMobile']),\r\n    labelWidth() {\r\n      return this.isMobile ? undefined : '80px';\r\n    },\r\n    labelPosition() {\r\n      return this.isMobile ? 'top' : 'right';\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getList();\r\n  },\r\n  beforeDestroy() {\r\n    if (this.source) {\r\n      this.source.close(); //关闭EventSource\r\n    }\r\n  },\r\n  methods: {\r\n    crudSaveFile() {\r\n      let data = {\r\n        filepath: this.editorIndex[this.indexEditor].pathname,\r\n        comment: this.editorList[this.indexEditor].editor.getValue(),\r\n        pwd: this.pwd,\r\n      };\r\n      crudSaveFile(this.editId, data)\r\n        .then((res) => {\r\n          this.pwd = '';\r\n          this.$message.success(res.msg);\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    downLoad(row) {\r\n      crudDownload(row.id).then((res) => {\r\n        window.open(res.data.download_url, '_blank');\r\n      });\r\n    },\r\n    buildCode() {\r\n      this.buildModals = true;\r\n      if (typeof EventSource !== 'undefined') {\r\n        //支持eventSource\r\n        var postURL = Setting.apiBaseURL + '/system/crud/npm?token=' + getCookies('token');\r\n        this.source = new EventSource(postURL);\r\n        let self = this; //因EventSource中this的指向变了，所以要提前存储一下\r\n        this.source.onopen = function (res) {};\r\n        this.source.onmessage = function (data) {};\r\n        this.source.onerror = function (err) {\r\n          //链接失败后EventSource会每隔三秒左右重新发起链接\r\n        };\r\n      } else {\r\n        console.log('暂不支持EventSource');\r\n      }\r\n    },\r\n    // 跳转到组合数据列表页面\r\n    goList(row) {\r\n      this.$router.push({\r\n        path: this.$routeProStr + '/system/config/system_group/list/' + row.id,\r\n      });\r\n    },\r\n    // 列表\r\n    getList() {\r\n      this.loading = true;\r\n      crudList(this.formValidate)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.tabList = data.list;\r\n          this.total = data.count;\r\n          this.loading = false;\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 表格搜索\r\n    userSearchs() {\r\n      this.formValidate.page = 1;\r\n      this.getList();\r\n    },\r\n    // 点击添加\r\n    groupAdd() {\r\n      this.$router.push({\r\n        name: 'system_code_generation',\r\n      });\r\n    },\r\n    // 删除\r\n    del(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `system/crud/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.tabList.splice(num, 1);\r\n          this.getList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 编辑\r\n    edit(row) {\r\n      this.spinShow = true;\r\n      // 创建代码容器\r\n      this.title = row.name;\r\n      this.$nextTick((e) => {\r\n        this.openfile(row.id, false);\r\n      });\r\n    },\r\n    editItem(row) {\r\n      this.$router.push({\r\n        name: 'system_code_generation',\r\n        query: {\r\n          id: row.id,\r\n        },\r\n      });\r\n    },\r\n    //打开文件\r\n    openfile(id) {\r\n      try {\r\n        this.editId = id;\r\n        let that = this;\r\n        this.editorIndex = [];\r\n        this.editorList = [];\r\n        crudDet(id)\r\n          .then(async (res) => {\r\n            let data = res.data.file[0];\r\n            res.data.file.map((i, index) => {\r\n              let data = i;\r\n              this.editorIndex.push({\r\n                tab: true,\r\n                index: index + '',\r\n                title: data.name,\r\n                file_name: data.file_name,\r\n                pathname: data.path,\r\n              });\r\n              that.code = data.content;\r\n              this.initEditor(index, data.content);\r\n              this.$nextTick((e) => {\r\n                // 保存相对信息\r\n                that.editorList[index].path = data.path;\r\n                that.editorList[index].oldCode = that.content;\r\n                that.editorIndex[index].title = data.name;\r\n                that.editorIndex[index].file_name = data.file_name;\r\n              });\r\n            });\r\n            that.modals = true;\r\n            that.spinShow = false;\r\n          })\r\n          .catch((res) => {\r\n            that.catchFun(res);\r\n          });\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    /**\r\n     * 窗口最大化\r\n     */\r\n    winChanges() {\r\n      if (this.className) {\r\n        this.className = '';\r\n      } else {\r\n        this.className = 'diy-fullscreen';\r\n      }\r\n    },\r\n    /**\r\n     * 初始化编辑器\r\n     */\r\n    initEditor(index, conetnt) {\r\n      try {\r\n        let that = this;\r\n        that.$nextTick(() => {\r\n          // 初始化编辑器，确保dom已经渲染\r\n          that.editor = monaco.editor.create(document.getElementById('container_' + index), {\r\n            value: conetnt, //编辑器初始显示文字\r\n            language: 'sql', //语言支持自行查阅demo\r\n            automaticLayout: true, //自动布局\r\n            theme: 'vs', //官方自带三种主题vs, hc-black, or vs-dark\r\n            foldingStrategy: 'indentation', // 代码可分小段折叠\r\n            overviewRulerBorder: false, // 不要滚动条的边框\r\n            scrollbar: {\r\n              // 滚动条设置\r\n              verticalScrollbarSize: 4, // 竖滚动条\r\n              horizontalScrollbarSize: 10, // 横滚动条\r\n            },\r\n            autoIndent: true, // 自动布局\r\n            tabSize: 4, // tab缩进长度\r\n            autoClosingOvertype: 'always',\r\n            readOnly: false,\r\n          });\r\n          that.editorList.push({\r\n            editor: that.editor,\r\n            oldCode: that.code,\r\n            path: '',\r\n            index: index,\r\n          });\r\n        });\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n\r\n    /**\r\n     * 处理接口回调\r\n     * @param {Object} res\r\n     */\r\n    catchFun(res) {\r\n      if (res.status) {\r\n        if (res.status == 400) this.$message.error(res.msg);\r\n        if (res.status == 110008) {\r\n          // this.$message.error(res.msg);\r\n          this.isShowLogn = true;\r\n          this.isShowList = false;\r\n          this.loading = false;\r\n        }\r\n      } else {\r\n        // this.$message.error('文件编码不被兼容，无法正确读取文件!');\r\n      }\r\n      //关闭蒙版层\r\n      if (this.spinShow) this.spinShow = false;\r\n      // 关闭文件列表展示\r\n      if (this.loading) this.loading = false;\r\n    },\r\n    //编辑器状态变化\r\n    editModalChange() {\r\n      let that = this;\r\n      that.editorList.forEach(function (value, index) {\r\n        // 销毁当前编辑器\r\n        that.editorList[index].editor.dispose();\r\n        that.editorList[index].editor = null;\r\n      });\r\n      // 初始话数据\r\n      that.modals = false; //编辑器开关\r\n      that.editor = ''; //当前编辑器对象\r\n      that.editorIndex = [\r\n        //选项卡数组\r\n        {\r\n          tab: true,\r\n          index: '0',\r\n          title: '',\r\n          icon: '',\r\n        },\r\n      ];\r\n      that.editorList = []; //编辑器数组\r\n      that.indexEditor = '0'; //当前编辑器索引\r\n      that.code = ''; //当前文件打开时的内容\r\n      that.contextData = null; //左侧导航右键点击是产生的数据对象\r\n    },\r\n    /**\r\n     * 切换选项卡\r\n     * @param {Object} index\r\n     */\r\n    toggleEditor(index) {\r\n      index = Number(index);\r\n      this.code = this.editorList[index].oldCode; //设置文件打开时的代码\r\n      this.editor = this.editorList[index].editor; //设置编辑器实例\r\n    },\r\n    handleTabRemove(index) {\r\n      let that = this;\r\n      // 关闭选项卡\r\n      that.editorIndex[index].tab = false; // 关闭选项卡\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n// 自定义方法缩小\r\n::v-deep .diy-fullscreen {\r\n  overflow: hidden;\r\n\r\n  .ivu-modal {\r\n    top: 0px;\r\n    left: 0px;\r\n    right: 0px;\r\n    bottom: 0px;\r\n    height: 100%;\r\n    width: 100% !important;\r\n\r\n    .ivu-modal-content {\r\n      height: 100%;\r\n\r\n      .ivu-modal-body {\r\n        height: 100%;\r\n      }\r\n    }\r\n\r\n    .ivu-tabs {\r\n      .ivu-tabs-content-animated {\r\n        height: 92%;\r\n        background-color: #2f2f2f !important;\r\n      }\r\n    }\r\n\r\n    .ivu-tabs-content {\r\n      height: 100%;\r\n    }\r\n\r\n    .ivu-tabs {\r\n      .ivu-tabs-tabpane {\r\n        height: 92%;\r\n      }\r\n    }\r\n  }\r\n}\r\n.diy-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  .diy-header-icon {\r\n    margin-right: 30px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .diy-header-icon:hover {\r\n    opacity: 0.8;\r\n  }\r\n}\r\n::v-deep .ivu-modal {\r\n  top: 70px;\r\n}\r\n\r\n.ivu-modal-content {\r\n  .ivu-modal-body {\r\n    min-height: 632px;\r\n    height: 80vh;\r\n    overflow: hidden;\r\n  }\r\n}\r\n\r\n.ivu-tabs {\r\n  .ivu-tabs-content-animated {\r\n    min-height: 560px;\r\n    height: 73vh;\r\n    margin-top: -1px;\r\n  }\r\n\r\n  .ivu-tabs-tabpane {\r\n    min-height: 560px;\r\n    margin-top: -1px;\r\n  }\r\n}\r\n\r\n.ivu-tabs-nav .ivu-tabs-tab .ivu-icon {\r\n  color: #f00;\r\n}\r\n\r\n::v-deepbody .ivu-select-dropdown .ivu-dropdown-transfer {\r\n  background: red !important;\r\n}\r\n\r\n// 导航栏右键样式 无效\r\n.file-left ::v-deep .ivu-select-dropdown.ivu-dropdown-transfer .ivu-dropdown-menu .ivu-dropdown-item:hover {\r\n  background-color: #e5e5e5 !important;\r\n}\r\n\r\n// 选项卡头部\r\n::v-deep .ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-nav-container {\r\n  background-color: #fff;\r\n}\r\n.demo-drawer-footer {\r\n  width: 100%;\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  border-top: 1px solid #e8e8e8;\r\n  padding: 10px 16px;\r\n  text-align: right;\r\n  background: #fff;\r\n}\r\n.file {\r\n  position: relative;\r\n  .save {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: -10px;\r\n    z-index: 99;\r\n  }\r\n}\r\n.file-box {\r\n  height: 100%;\r\n}\r\n</style>\r\n"]}]}