| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/log/operation/index.vue?vue&type=style&index=0&id=04d8a896&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/log/operation/index.vue","mtime":1708395041888},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouZGFzaGJvYXJkIHsNCiAgJi1jb250YWluZXIgew0KICAgIG1hcmdpbjogNDVweCAzMHB4IDMwcHg7DQogIH0NCg0KICAmLXRleHQgew0KICAgIGZvbnQtc2l6ZTogMzBweDsNCiAgICBsaW5lLWhlaWdodDogNDZweDsNCiAgfQ0KfQ0KDQouZGFzaGJvYXJkLWNvbnRhaW5lciB7DQoNCiAgLnNlYXJjaC1jb250ZW50IHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDgwcHg7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgICBwYWRkaW5nLXRvcDogMjBweDsNCg0KICAgIC5lbC1pbnB1dCB7DQogICAgICBtYXJnaW46IDAgMjBweDsNCiAgICB9DQoNCiAgICAuZWwtc2VsZWN0IHsNCiAgICAgIG1hcmdpbjogMCAyMHB4Ow0KICAgIH0NCg0KICAgIC5zZWFyY2gtYnRuIHsNCiAgICAgIGZsb2F0OiByaWdodDsNCiAgICAgIG1hcmdpbi1yaWdodDogMjBweDsNCiAgICB9DQogIH0NCg0KICAudGFibGUtY29udGVudCB7DQogICAgbWFyZ2luLXRvcDogLTIwcHg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCg0KICAgIC5hZGRCdG4gew0KICAgICAgbWFyZ2luOiAyM3B4IDZweDsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgIGZsb2F0OiByaWdodDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIHdpZHRoOiA5OHB4Ow0KICAgICAgaGVpZ2h0OiAzNHB4Ow0KICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgbGluZS1oZWlnaHQ6IDM0cHg7DQogICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgY29sb3I6ICNGN0Y4RkI7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2NkREOw0KICAgIH0NCg0KICAgIC5hZGRCdG46aG92ZXIgew0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzREODVGNDsNCiAgICB9DQoNCiAgICAucmlnaHRUYWJsZSB7DQogICAgICBmbG9hdDogcmlnaHQ7DQogICAgICB3aWR0aDogODUlOw0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCg0KICAgICAgLmJ0biB7DQogICAgICAgIG1hcmdpbjogMjBweCAxNXB4IDIwcHg7DQogICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICAgZmxvYXQ6IHJpZ2h0Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIHdpZHRoOiA5OHB4Ow0KICAgICAgICBoZWlnaHQ6IDM0cHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAzNHB4Ow0KICAgICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjg2NmRkOw0KICAgICAgfQ0KDQogICAgICAuc3RhcnRVc2luZyB7DQogICAgICAgIHdpZHRoOiA2MHB4Ow0KICAgICAgICBoZWlnaHQ6IDI1cHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNXB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgY29sb3I6ICNmZmY7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTc0YjsNCiAgICAgIH0NCg0KICAgICAgLkRlYWN0aXZhdGUgew0KICAgICAgICB3aWR0aDogNjBweDsNCiAgICAgICAgaGVpZ2h0OiAyNXB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMjVweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgICBib3JkZXItcmFkaXVzOiA1cHg7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZjk5MzM7DQogICAgICB9DQoNCiAgICAgIC5vcGVyYXRlQnRuIHsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICAgIGNvbG9yOiAjMjc2NkREOw0KDQogICAgICAgIGRpdiB7DQogICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICAgIG1hcmdpbjogMCA1cHg7DQogICAgICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgICB9DQogICAgICB9DQoNCiAgICAgIC5wYWdpbmF0aW9uIHsNCiAgICAgICAgbWFyZ2luOiAxMHB4IDA7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDIwcHg7DQoNCiAgICAgICAgLmVsLXBhZ2luYXRpb24gew0KICAgICAgICAgIGZsb2F0OiByaWdodDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KDQouc2VhcmNoIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZERDsNCiAgY29sb3I6ICNGN0Y4RkI7DQp9DQoNCi5zZWFyY2g6aG92ZXIgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjNEQ4NUY0Ow0KfQ0KDQoucmVzZXQgew0KICBjb2xvcjogIzMzMzMzNDsNCiAgYm9yZGVyOiAxcHggc29saWQgI0Q3RDdENzsNCn0NCg0KLnJlc2V0OmhvdmVyIHsNCiAgY29sb3I6ICMxRjlGRkY7DQogIGJvcmRlcjogMXB4IHNvbGlkICMxRjlGRkY7DQogIGJhY2tncm91bmQ6IG5vbmU7DQp9DQoNCjo6di1kZWVwIC5lbC1wYWdpbmF0aW9uIC5udW1iZXIgew0KICB3aWR0aDogNzJweA0KfQ0KDQo6OnYtZGVlcCAuZWwtZGF0ZS1lZGl0b3IgLmVsLXJhbmdlX19pY29uIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB0b3A6IDJweDsNCn0NCg0KLnNlYXJjaEJ0biB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZkZDsNCiAgY29sb3I6ICNmN2Y4ZmI7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogNDBweDsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBsaW5lLWhlaWdodDogNDBweDsNCn0NCg0KLnNlYXJjaEJ0bjpob3ZlciB7DQogIGJhY2tncm91bmQtY29sb3I6ICM0ZDg1ZjQ7DQp9DQoNCi5yZXNldEJ0biB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgY29sb3I6ICM1NjU2NTY7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2Q3ZDdkNzsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogNDBweDsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBsaW5lLWhlaWdodDogNDBweDsNCn0NCg0KLnJlc2V0QnRuOmhvdmVyIHsNCiAgY29sb3I6ICMxZjlmZmY7DQogIGJvcmRlcjogMXB4IHNvbGlkICMxZjlmZmY7DQogIGJhY2tncm91bmQ6IG5vbmU7DQp9DQoNCjo6di1kZWVwIC5lbC1pbnB1dF9faWNvbiB7DQogIC8vIGxpbmUtaGVpZ2h0OiA0N3B4Ow0KfQ0KDQo6OnYtZGVlcCAuZWwtZGF0ZS1lZGl0b3IgLmVsLXJhbmdlX19pY29uIHsNCiAgbGluZS1oZWlnaHQ6IDMwcHg7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkUA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/log/operation","sourcesContent":["<template>\r\n <div class=\"dashboard-container\">\r\n <div class=\"dashboard-text\">\r\n <div style=\"margin-top:-15px;background:#fff;padding:15px\">\r\n <el-row :gutter=\"24\" style=\"display:flex\">\r\n <el-input v-model=\"queryParams.title\" style=\"width: 220px;padding:0 10px\" placeholder=\"请输入系统模块\" />\r\n <el-input v-model=\"queryParams.userId\" style=\"width: 220px;padding:0 10px\" placeholder=\"请输入操作人员\" />\r\n <el-select v-model=\"queryParams.businessType\" clearable placeholder=\"请选择类型\" style=\"width:220px;padding:0 10px\">\r\n <el-option v-for=\"item in getDoType\" :key=\"item.dictValue\" :label=\"item.dictLabel\" :value=\"item.dictValue\" />\r\n </el-select>\r\n <div v-if=\"searchShow == true\" :span=\"6\" style=\"display:flex;margin-top:2px\">\r\n <!-- <div class=\"search-btn\"> -->\r\n <div class=\"searchBtn\" style=\"margin-left:10px\" @click=\"handleQuery\">搜索</div>\r\n <div class=\"resetBtn\" style=\"margin-left:10px\" @click=\"reset\">重置</div>\r\n <el-button v-if=\"searchShow == false\" type=\"text\" style=\"color: #2766dd !important;margin-left:10px\"\r\n icon=\"el-icon-arrow-up\" @click=\"searchShow = true\">收起</el-button>\r\n <el-button v-if=\"searchShow == true\" type=\"text\" style=\"color:#2766DD;margin-left:10px\"\r\n icon=\"el-icon-arrow-down\" @click=\"searchShow = false\">展开</el-button>\r\n <!-- </div> -->\r\n </div>\r\n </el-row>\r\n <el-row :gutter=\"24\" style=\"display:flex\">\r\n <div v-if=\"searchShow == false\" :span=\"6\">\r\n <el-date-picker v-model=\"dateRange\" style=\"width: 420px;margin-left:10px\" end-placeholder=\"结束日期\"\r\n range-separator=\"至\" start-placeholder=\"开始日期\" clearable value-format=\"yyyy-MM-dd HH:mm:ss\" type=\"daterange\"\r\n :clearable=\"true\" />\r\n </div>\r\n <el-col style=\"width:240px\"></el-col>\r\n <div v-if=\"searchShow == false\" :span=\"6\">\r\n <div class=\"search-btn\" style=\"display: flex;\">\r\n <!-- <el-button class=\"search\" @click=\"handleQuery\">搜索</el-button>\r\n <el-button class=\"reset\" @click=\"reset\">重置</el-button> -->\r\n <div class=\"searchBtn\" style=\"margin-top: 10px;\" @click=\"handleQuery\">搜索</div>\r\n <div class=\"resetBtn\" style=\"margin-left:10px;margin-top: 10px;\" @click=\"reset\">重置</div>\r\n <el-button v-if=\"searchShow == false\" type=\"text\" icon=\"el-icon-arrow-up\"\r\n style=\"color: #2766dd !important;margin-left:10px;margin-top: 10px;\"\r\n @click=\"searchShow = true\">收起</el-button>\r\n <el-button v-if=\"searchShow == true\" type=\"text\" icon=\"el-icon-arrow-down\"\r\n @click=\"searchShow = false\">展开</el-button>\r\n </div>\r\n </div>\r\n </el-row>\r\n </div>\r\n </div>\r\n\r\n <div style=\"margin-top: 15px;background:#fff;padding:20px\">\r\n <div class=\"table-content\">\r\n <div style=\"width: 100%; height: 30px\">\r\n <!-- <div class=\"addBtn\" style=\"margin-right:0\" @click=\"exportOut\">导出</div> -->\r\n <!-- <div class=\"addBtn\" @click=\"addDepartMenDict\">删除</div> -->\r\n </div>\r\n <el-table ref=\"multipleTable\" :data=\"tableData\" tooltip-effect=\"dark\" style=\"width: 100%\"\r\n @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"55\" align=\"center\" />\r\n <el-table-column prop=\"operId\" label=\"日志编号\" align=\"center\" fixed=\"left\" />\r\n <el-table-column prop=\"title\" label=\"系统模块\" align=\"center\" />\r\n <el-table-column prop=\"businessType\" label=\"操作类型\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <!-- <dict-tag :options=\"getDoType\" :value=\"scope.row.businessType\" /> -->\r\n {{ switchNumber(scope.row.businessType) }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"requestMethod\" label=\"请求方式\" align=\"center\" />\r\n <el-table-column prop=\"userId\" label=\"操作人员\" align=\"center\" />\r\n <el-table-column prop=\"operIp\" label=\"操作地址\" align=\"center\" />\r\n <el-table-column prop=\"operTime\" label=\"操作时间\" align=\"center\" />\r\n <el-table-column label=\"操作\" align=\"center\" fixed=\"right\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"operateBtn\">\r\n <div style=\"cursor: pointer;font-size:14px;color: #2766DD;;\" @click=\"showDetail(scope.row)\">\r\n 详细\r\n </div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <el-row type=\"flex\" justify=\"end\" style=\"margin-top: 10px\">\r\n <div class=\"pagination\">\r\n <el-pagination :page-sizes=\"[10, 15, 20]\" :page-size=\"searchData.pageSize\"\r\n layout=\"total, sizes, prev, pager, next, jumper\" :total=\"total\" @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\" />\r\n </div>\r\n </el-row>\r\n </div>\r\n </div>\r\n <!-- 操作日志详细 -->\r\n <el-dialog title=\"操作日志详细\" :visible.sync=\"open\" width=\"720px\" append-to-body>\r\n <div class=\"dialog_box\">\r\n <el-form :model=\"formDetail\">\r\n <el-row>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"操作模块\">{{\r\n formDetail.title\r\n }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"操作状态\">\r\n <div v-if=\"formDetail.status === 1\">正常</div>\r\n <div v-else-if=\"formDetail.status === 2\">失败</div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"操作时间\">{{\r\n formDetail.operTime\r\n }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"请求方式\">{{\r\n formDetail.requestMethod\r\n }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"登录信息\">{{ formDetail.operName }} / {{ formDetail.operIp }} /\r\n {{ formDetail.operLocation }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"请求参数\">{{\r\n formDetail.operParam\r\n }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"请求地址\">{{\r\n formDetail.operUrl\r\n }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"操作方法\">{{\r\n formDetail.method\r\n }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"返回参数\">{{\r\n formDetail.jsonResult\r\n }}</el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item v-if=\"form.status === 1\" label=\"异常信息\">{{\r\n formDetail.errorMsg\r\n }}</el-form-item>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n </div>\r\n <template #footer>\r\n <div class=\"dialog-footer\">\r\n <!-- <el-button class=\"reset\" @click=\"open = false\">关 闭</el-button> -->\r\n </div>\r\n </template>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n getOperationList,\r\n getDoingTypeList,\r\n getloafOut,\r\n getDeleteList\r\n} from '@/api/operation'\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n name: 'Home',\r\n computed: {\r\n ...mapGetters(['name'])\r\n },\r\n data() {\r\n return {\r\n searchShow: true,\r\n formDetail: {},\r\n value1: '',\r\n queryParams: {\r\n pageSize: '10',\r\n pageNum: '1',\r\n title: '',\r\n userId: '',\r\n businessType: ''\r\n },\r\n open: false,\r\n form: {\r\n dicrName: '',\r\n dictType: '',\r\n status: '',\r\n remark: ''\r\n },\r\n statusOptions: [\r\n {\r\n label: '启用',\r\n value: '0'\r\n },\r\n {\r\n label: '停用',\r\n value: '1'\r\n }\r\n ],\r\n searchData: {},\r\n dateRange: [],\r\n tableData: [],\r\n getDoType: [],\r\n ids: [],\r\n total: 0,\r\n dialogFormVisible: false\r\n }\r\n },\r\n created() {\r\n this.getList()\r\n this.getTypeList()\r\n },\r\n methods: {\r\n showDetail(row) {\r\n this.open = true\r\n this.formDetail = row\r\n },\r\n addDepartMenDict() {\r\n if (this.ids.length == 0) {\r\n this.$message({\r\n type: 'error',\r\n message: '请选择要删除的日志数据!'\r\n })\r\n } else {\r\n this.$confirm('确定要删除吗?', '信息提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n getDeleteList(this.ids).then((res) => {\r\n if (res.code == 200) {\r\n this.getList()\r\n this.$message({\r\n type: 'success',\r\n message: '删除成功!'\r\n })\r\n } else {\r\n this.$message({\r\n type: 'error',\r\n message: res.msg\r\n })\r\n }\r\n })\r\n })\r\n .catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消删除'\r\n })\r\n })\r\n }\r\n },\r\n handleSelectionChange(val) {\r\n this.ids = val.map((item) => item.operId)\r\n },\r\n exportOut() {\r\n getloafOut({}).then((res) => {\r\n this.exportFile(res, '操作日志信息')\r\n })\r\n },\r\n exportFile: function (obj, name = Date.now(), suffix = 'xlsx') {\r\n const url = window.URL.createObjectURL(\r\n new Blob([obj], { type: 'application/vnd.ms-excel' })\r\n )\r\n const aDOM = document.createElement('a')\r\n aDOM.style.display = 'none'\r\n aDOM.href = url\r\n const fileName = name + '.' + suffix\r\n aDOM.setAttribute('download', fileName)\r\n document.body.appendChild(aDOM)\r\n aDOM.click()\r\n document.body.removeChild(aDOM)\r\n },\r\n handleQuery() {\r\n this.queryParams.pageNum = 1\r\n this.getList()\r\n },\r\n reset() {\r\n this.queryParams = {}\r\n this.queryParams.pageNum = 1\r\n this.queryParams.pageSize = 10\r\n this.getList()\r\n this.dateRange = []\r\n },\r\n // 操作类型\r\n getTypeList() {\r\n getDoingTypeList({}).then((res) => {\r\n this.getDoType = res.data\r\n })\r\n },\r\n switchNumber(num) {\r\n this.getDoType.map((item) => {\r\n if (num.toString() === item.dictValue) {\r\n num = item.dictLabel\r\n }\r\n })\r\n return num\r\n },\r\n\r\n getList() {\r\n if (this.dateRange) {\r\n this.queryParams.startTime = this.dateRange[0]\r\n this.queryParams.endTime = this.dateRange[1]\r\n } else {\r\n this.queryParams.satrtTime = ''\r\n this.queryParams.endTime = ''\r\n }\r\n getOperationList(this.queryParams).then((res) => {\r\n this.tableData = res.data.records\r\n this.total = res.data.total\r\n })\r\n },\r\n handleSizeChange(val) {\r\n this.queryParams.pageSize = val\r\n this.getList()\r\n },\r\n handleCurrentChange(val) {\r\n this.queryParams.pageNum = val\r\n this.getList()\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n &-container {\r\n margin: 45px 30px 30px;\r\n }\r\n\r\n &-text {\r\n font-size: 30px;\r\n line-height: 46px;\r\n }\r\n}\r\n\r\n.dashboard-container {\r\n\r\n .search-content {\r\n width: 100%;\r\n height: 80px;\r\n background-color: #fff;\r\n padding-top: 20px;\r\n\r\n .el-input {\r\n margin: 0 20px;\r\n }\r\n\r\n .el-select {\r\n margin: 0 20px;\r\n }\r\n\r\n .search-btn {\r\n float: right;\r\n margin-right: 20px;\r\n }\r\n }\r\n\r\n .table-content {\r\n margin-top: -20px;\r\n width: 100%;\r\n background-color: #fff;\r\n\r\n .addBtn {\r\n margin: 23px 6px;\r\n cursor: pointer;\r\n float: right;\r\n text-align: center;\r\n width: 98px;\r\n height: 34px;\r\n border-radius: 2px;\r\n line-height: 34px;\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #F7F8FB;\r\n background-color: #2766DD;\r\n }\r\n\r\n .addBtn:hover {\r\n background-color: #4D85F4;\r\n }\r\n\r\n .rightTable {\r\n float: right;\r\n width: 85%;\r\n background-color: #fff;\r\n\r\n .btn {\r\n margin: 20px 15px 20px;\r\n cursor: pointer;\r\n float: right;\r\n text-align: center;\r\n width: 98px;\r\n height: 34px;\r\n line-height: 34px;\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #fff;\r\n background-color: #2866dd;\r\n }\r\n\r\n .startUsing {\r\n width: 60px;\r\n height: 25px;\r\n line-height: 25px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #fff;\r\n border-radius: 5px;\r\n background-color: #00974b;\r\n }\r\n\r\n .Deactivate {\r\n width: 60px;\r\n height: 25px;\r\n line-height: 25px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #fff;\r\n border-radius: 5px;\r\n background-color: #ff9933;\r\n }\r\n\r\n .operateBtn {\r\n display: flex;\r\n justify-content: center;\r\n color: #2766DD;\r\n\r\n div {\r\n font-size: 14px;\r\n margin: 0 5px;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .pagination {\r\n margin: 10px 0;\r\n width: 100%;\r\n height: 20px;\r\n\r\n .el-pagination {\r\n float: right;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.search {\r\n background-color: #2766DD;\r\n color: #F7F8FB;\r\n}\r\n\r\n.search:hover {\r\n background-color: #4D85F4;\r\n}\r\n\r\n.reset {\r\n color: #333334;\r\n border: 1px solid #D7D7D7;\r\n}\r\n\r\n.reset:hover {\r\n color: #1F9FFF;\r\n border: 1px solid #1F9FFF;\r\n background: none;\r\n}\r\n\r\n::v-deep .el-pagination .number {\r\n width: 72px\r\n}\r\n\r\n::v-deep .el-date-editor .el-range__icon {\r\n position: absolute;\r\n top: 2px;\r\n}\r\n\r\n.searchBtn {\r\n cursor: pointer;\r\n background-color: #2766dd;\r\n color: #f7f8fb;\r\n font-size: 14px;\r\n width: 80px;\r\n height: 40px;\r\n text-align: center;\r\n line-height: 40px;\r\n}\r\n\r\n.searchBtn:hover {\r\n background-color: #4d85f4;\r\n}\r\n\r\n.resetBtn {\r\n cursor: pointer;\r\n color: #565656;\r\n font-size: 14px;\r\n border: 1px solid #d7d7d7;\r\n width: 80px;\r\n height: 40px;\r\n text-align: center;\r\n line-height: 40px;\r\n}\r\n\r\n.resetBtn:hover {\r\n color: #1f9fff;\r\n border: 1px solid #1f9fff;\r\n background: none;\r\n}\r\n\r\n::v-deep .el-input__icon {\r\n // line-height: 47px;\r\n}\r\n\r\n::v-deep .el-date-editor .el-range__icon {\r\n line-height: 30px;\r\n}\r\n</style>\r\n"]}]}
|
