| 1 |
- {"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\\maintain\\systemDatabackup\\index.vue?vue&type=style&index=0&id=516cf2e6&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\maintain\\systemDatabackup\\index.vue","mtime":1761185180218},{"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:DQo6OnYtZGVlcCAuZWwtdGFic19faXRlbSB7DQogIGhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KICBsaW5lLWhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KfQ0KLnRhYmxlQm94IDo6di1kZWVwIC5pdnUtdGFibGUtaGVhZGVyIHRhYmxlIHsNCiAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7DQp9DQoudGFibGUtbWFyayB7DQogIGN1cnNvcjogdGV4dDsNCn0NCi50YWJsZS1tYXJrOmhvdmVyIHsNCiAgYm9yZGVyOiAxcHggc29saWQgI2MyYzJjMjsNCiAgcGFkZGluZzogM3B4IDVweDsNCn0NCi5tYXJrIDo6di1kZWVwIC5pdnUtaW5wdXQgew0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBib3JkZXItcmFkaXVzOiAwLjM5cmVtOw0KfQ0KLm1hcmsgOjp2LWRlZXAgLml2dS1pbnB1dCwNCi5pdnUtaW5wdXQ6aG92ZXIsDQouaXZ1LWlucHV0OmZvY3VzIHsNCiAgYm9yZGVyOiB0cmFuc3BhcmVudDsNCiAgYm94LXNoYWRvdzogbm9uZTsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2bA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/system/maintain/systemDatabackup","sourcesContent":["<template>\r\n <div>\r\n <el-card :bordered=\"false\" :body-style=\"{ padding: '0 20px 20px' }\">\r\n <el-tabs>\r\n <el-tab-pane label=\"数据库列表\">\r\n <!-- <el-card :bordered=\"false\" shadow=\"never\" class=\"tableBox\">-->\r\n <div class=\"mb10\">\r\n <!-- <span class=\"ivu-pl-8 mr10\">数据库表列表</span>-->\r\n <el-button v-db-click @click=\"getBackup\">备份</el-button>\r\n <el-button v-db-click @click=\"getOptimize\">优化表</el-button>\r\n <el-button v-db-click @click=\"getRepair\">修复表</el-button>\r\n <el-button v-db-click @click=\"exportData(1)\">导出文件</el-button>\r\n </div>\r\n <el-table\r\n ref=\"selection\"\r\n :data=\"tabList2\"\r\n v-loading=\"loading\"\r\n empty-text=\"暂无数据\"\r\n @select=\"onSelectTab\"\r\n @select-all=\"onSelectTab\"\r\n class=\"mt14\"\r\n >\r\n <el-table-column type=\"selection\" width=\"55\"> </el-table-column>\r\n <el-table-column label=\"表名称\" min-width=\"100\">\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=\"100\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"mark\">\r\n <div v-if=\"scope.row.is_edit\" class=\"table-mark\" v-db-click @click=\"isEditMark(scope.row)\">\r\n {{ scope.row.comment }}\r\n </div>\r\n <el-input ref=\"mark\" v-else v-model=\"scope.row.comment\" @blur=\"isEditBlur(scope.row, 0)\"></el-input>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"类型\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.engine }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"大小\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.data_length }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"更新时间\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.update_time }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"行数\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.rows }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"操作\" fixed=\"right\" width=\"70\">\r\n <template slot-scope=\"scope\">\r\n <a v-db-click @click=\"Info(scope.row)\">详情</a>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <!-- </el-card>-->\r\n <!-- 详情模态框-->\r\n <el-drawer\r\n :visible.sync=\"modals\"\r\n :wrapperClosable=\"false\"\r\n :size=\"740\"\r\n :title=\"'[ ' + rows.name + ' ]' + rows.comment\"\r\n >\r\n <el-table\r\n ref=\"selection\"\r\n :data=\"tabList3\"\r\n v-loading=\"loading2\"\r\n empty-text=\"暂无数据\"\r\n max-height=\"600\"\r\n size=\"small\"\r\n >\r\n <el-table-column label=\"字段名\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.COLUMN_NAME }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"数据类型\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.COLUMN_TYPE }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"默认值\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.COLUMN_DEFAULT }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"允许非空\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.IS_NULLABLE }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"自动递增\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.EXTRA }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"备注\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"mark\">\r\n <div v-if=\"scope.row.is_edit\" class=\"table-mark\" v-db-click @click=\"isEditMark(scope.row)\">\r\n {{ scope.row.COLUMN_COMMENT }}\r\n </div>\r\n <el-input\r\n ref=\"mark\"\r\n v-else\r\n v-model=\"scope.row.COLUMN_COMMENT\"\r\n @blur=\"isEditBlur(scope.row, 1)\"\r\n ></el-input>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </el-drawer>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"备份列表\">\r\n <el-table\r\n ref=\"selection\"\r\n :data=\"tabList\"\r\n v-loading=\"loading3\"\r\n empty-text=\"暂无数据\"\r\n highlight-current-row\r\n size=\"small\"\r\n >\r\n <el-table-column label=\"备份名称\" min-width=\"200\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.filename }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"part\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.part }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"大小\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.size }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"compress\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.compress }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"时间\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.backtime }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"操作\" fixed=\"right\" width=\"140\">\r\n <template slot-scope=\"scope\">\r\n <a v-db-click @click=\"ImportFile(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 <el-divider direction=\"vertical\"></el-divider>\r\n <a v-db-click @click=\"download(scope.row)\">下载</a>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </el-card>\r\n <el-dialog :visible.sync=\"markModal\" width=\"470px\" title=\"修改备注\" @closed=\"cancel\">\r\n <el-input v-model=\"mark\"></el-input>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button v-db-click @click=\"cancel\">取 消</el-button>\r\n <el-button type=\"primary\" v-db-click @click=\"ok\">确 定</el-button>\r\n </span>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n backupListApi,\r\n backupReadListApi,\r\n backupBackupApi,\r\n backupOptimizeApi,\r\n backupRepairApi,\r\n filesListApi,\r\n filesDownloadApi,\r\n filesImportApi,\r\n updateMark,\r\n} from '@/api/system';\r\nimport Setting from '@/setting';\r\nimport { getCookies } from '@/libs/util';\r\n\r\nexport default {\r\n name: 'systemDatabackup',\r\n data() {\r\n return {\r\n modals: false,\r\n loading: false,\r\n tabList: [],\r\n tabList2: [],\r\n selectionList: [],\r\n tabList3: [],\r\n rows: {},\r\n dataList: {},\r\n loading2: false,\r\n loading3: false,\r\n markModal: false,\r\n mark: '',\r\n header: {},\r\n Token: '',\r\n changeMarkData: {\r\n table: '',\r\n mark: '',\r\n type: '',\r\n field: '',\r\n },\r\n };\r\n },\r\n computed: {\r\n fileUrl() {\r\n const search = '/adminapi/';\r\n const start = Setting.apiBaseURL.indexOf(search);\r\n return Setting.apiBaseURL.substring(0, start); // 截取字符串\r\n },\r\n },\r\n created() {\r\n this.getToken();\r\n this.getList();\r\n this.getfileList();\r\n },\r\n methods: {\r\n editMark(row, type) {\r\n this.changeMarkData.table = row.name || row.TABLE_NAME;\r\n this.changeMarkData.field = row.COLUMN_NAME || '';\r\n this.changeMarkData.type = row.COLUMN_TYPE || '';\r\n this.changeMarkData.is_field = type;\r\n this.markModal = true;\r\n },\r\n ok() {\r\n this.changeMarkData.mark = this.mark;\r\n updateMark(this.changeMarkData).then((res) => {\r\n this.$message.success(res.msg);\r\n if (this.changeMarkData.is_field) {\r\n this.Info({ name: this.changeMarkData.table, comment: this.rows.comment });\r\n } else {\r\n this.getList();\r\n }\r\n });\r\n },\r\n cancel() {\r\n this.mark = '';\r\n },\r\n // 导入\r\n ImportFile(row) {\r\n filesImportApi({\r\n part: row.part,\r\n time: row.time,\r\n })\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n this.getfileList();\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 del(row, tit, num) {\r\n let delfromData = {\r\n title: tit,\r\n num: num,\r\n url: `system/backup/del_file`,\r\n method: 'DELETE',\r\n ids: {\r\n filename: row.time,\r\n },\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 })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 上传头部token\r\n getToken() {\r\n this.Token = getCookies('token');\r\n },\r\n download(row) {\r\n let data = {\r\n time: row.time,\r\n };\r\n filesDownloadApi(data)\r\n .then((res) => {\r\n if (res.data.key) {\r\n window.open(Setting.apiBaseURL + '/download?key=' + res.data.key);\r\n }\r\n })\r\n .catch((res) => {\r\n this.$message.error(res);\r\n });\r\n },\r\n // 导出备份记录表\r\n exportData() {\r\n const columns = this.columns.slice(1, 7);\r\n this.$refs.selection.exportCsv({\r\n filename: '导出',\r\n columns: columns,\r\n data: this.tabList2,\r\n });\r\n },\r\n // 全选\r\n onSelectTab(selection) {\r\n this.selectionList = selection;\r\n let tables = [];\r\n this.selectionList.map((item) => {\r\n tables.push(item.name);\r\n });\r\n this.dataList = {\r\n tables: tables.join(','),\r\n };\r\n },\r\n // 备份表\r\n getBackup() {\r\n if (this.selectionList.length === 0) {\r\n return this.$message.warning('请选择表');\r\n }\r\n backupBackupApi(this.dataList)\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n this.getfileList();\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 getfileList() {\r\n this.loading3 = true;\r\n filesListApi()\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList = data.list;\r\n this.loading3 = false;\r\n })\r\n .catch((res) => {\r\n this.loading3 = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 优化表\r\n getOptimize() {\r\n if (this.selectionList.length === 0) {\r\n return this.$message.warning('请选择表');\r\n }\r\n backupOptimizeApi(this.dataList)\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 修复表\r\n getRepair() {\r\n if (this.selectionList.length === 0) {\r\n return this.$message.warning('请选择表');\r\n }\r\n backupRepairApi(this.dataList)\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 数据库列表\r\n getList() {\r\n this.loading = true;\r\n backupListApi()\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList2 = data.list;\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 Info(row) {\r\n this.rows = row;\r\n this.modals = true;\r\n this.loading2 = true;\r\n let data = {\r\n tablename: row.name,\r\n };\r\n backupReadListApi(data)\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList3 = data.list;\r\n this.loading2 = false;\r\n })\r\n .catch((res) => {\r\n this.loading2 = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n isEditMark(row) {\r\n row.is_edit = true;\r\n this.$nextTick((e) => {\r\n this.$refs.mark.focus();\r\n });\r\n },\r\n isEditBlur(row, type) {\r\n row.is_edit = false;\r\n this.changeMarkData.table = row.name || row.TABLE_NAME;\r\n this.changeMarkData.field = row.COLUMN_NAME || '';\r\n this.changeMarkData.type = row.COLUMN_TYPE || '';\r\n this.changeMarkData.is_field = type;\r\n this.changeMarkData.mark = type ? row.COLUMN_COMMENT : row.comment;\r\n\r\n updateMark(this.changeMarkData)\r\n .then((res) => {\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 },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-tabs__item {\r\n height: 54px !important;\r\n line-height: 54px !important;\r\n}\r\n.tableBox ::v-deep .ivu-table-header table {\r\n border: none !important;\r\n}\r\n.table-mark {\r\n cursor: text;\r\n}\r\n.table-mark:hover {\r\n border: 1px solid #c2c2c2;\r\n padding: 3px 5px;\r\n}\r\n.mark ::v-deep .ivu-input {\r\n background: #fff;\r\n border-radius: 0.39rem;\r\n}\r\n.mark ::v-deep .ivu-input,\r\n.ivu-input:hover,\r\n.ivu-input:focus {\r\n border: transparent;\r\n box-shadow: none;\r\n}\r\n</style>\r\n"]}]}
|
