{"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=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/log/operation/index.vue","mtime":1708395041888},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgew0KICBnZXRPcGVyYXRpb25MaXN0LA0KICBnZXREb2luZ1R5cGVMaXN0LA0KICBnZXRsb2FmT3V0LA0KICBnZXREZWxldGVMaXN0DQp9IGZyb20gJ0AvYXBpL29wZXJhdGlvbicNCmltcG9ydCB7IG1hcEdldHRlcnMgfSBmcm9tICd2dWV4Jw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdIb21lJywNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBHZXR0ZXJzKFsnbmFtZSddKQ0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBzZWFyY2hTaG93OiB0cnVlLA0KICAgICAgZm9ybURldGFpbDoge30sDQogICAgICB2YWx1ZTE6ICcnLA0KICAgICAgcXVlcnlQYXJhbXM6IHsNCiAgICAgICAgcGFnZVNpemU6ICcxMCcsDQogICAgICAgIHBhZ2VOdW06ICcxJywNCiAgICAgICAgdGl0bGU6ICcnLA0KICAgICAgICB1c2VySWQ6ICcnLA0KICAgICAgICBidXNpbmVzc1R5cGU6ICcnDQogICAgICB9LA0KICAgICAgb3BlbjogZmFsc2UsDQogICAgICBmb3JtOiB7DQogICAgICAgIGRpY3JOYW1lOiAnJywNCiAgICAgICAgZGljdFR5cGU6ICcnLA0KICAgICAgICBzdGF0dXM6ICcnLA0KICAgICAgICByZW1hcms6ICcnDQogICAgICB9LA0KICAgICAgc3RhdHVzT3B0aW9uczogWw0KICAgICAgICB7DQogICAgICAgICAgbGFiZWw6ICflkK/nlKgnLA0KICAgICAgICAgIHZhbHVlOiAnMCcNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGxhYmVsOiAn5YGc55SoJywNCiAgICAgICAgICB2YWx1ZTogJzEnDQogICAgICAgIH0NCiAgICAgIF0sDQogICAgICBzZWFyY2hEYXRhOiB7fSwNCiAgICAgIGRhdGVSYW5nZTogW10sDQogICAgICB0YWJsZURhdGE6IFtdLA0KICAgICAgZ2V0RG9UeXBlOiBbXSwNCiAgICAgIGlkczogW10sDQogICAgICB0b3RhbDogMCwNCiAgICAgIGRpYWxvZ0Zvcm1WaXNpYmxlOiBmYWxzZQ0KICAgIH0NCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICB0aGlzLmdldExpc3QoKQ0KICAgIHRoaXMuZ2V0VHlwZUxpc3QoKQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgc2hvd0RldGFpbChyb3cpIHsNCiAgICAgIHRoaXMub3BlbiA9IHRydWUNCiAgICAgIHRoaXMuZm9ybURldGFpbCA9IHJvdw0KICAgIH0sDQogICAgYWRkRGVwYXJ0TWVuRGljdCgpIHsNCiAgICAgIGlmICh0aGlzLmlkcy5sZW5ndGggPT0gMCkgew0KICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICB0eXBlOiAnZXJyb3InLA0KICAgICAgICAgIG1lc3NhZ2U6ICfor7fpgInmi6nopoHliKDpmaTnmoTml6Xlv5fmlbDmja4hJw0KICAgICAgICB9KQ0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy4kY29uZmlybSgn56Gu5a6a6KaB5Yig6Zmk5ZCXPycsICfkv6Hmga/mj5DnpLonLCB7DQogICAgICAgICAgY29uZmlybUJ1dHRvblRleHQ6ICfnoa7lrponLA0KICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLA0KICAgICAgICAgIHR5cGU6ICd3YXJuaW5nJw0KICAgICAgICB9KQ0KICAgICAgICAgIC50aGVuKCgpID0+IHsNCiAgICAgICAgICAgIGdldERlbGV0ZUxpc3QodGhpcy5pZHMpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7DQogICAgICAgICAgICAgICAgdGhpcy5nZXRMaXN0KCkNCiAgICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJywNCiAgICAgICAgICAgICAgICAgIG1lc3NhZ2U6ICfliKDpmaTmiJDlip8hJw0KICAgICAgICAgICAgICAgIH0pDQogICAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgICAgICB0eXBlOiAnZXJyb3InLA0KICAgICAgICAgICAgICAgICAgbWVzc2FnZTogcmVzLm1zZw0KICAgICAgICAgICAgICAgIH0pDQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0pDQogICAgICAgICAgfSkNCiAgICAgICAgICAuY2F0Y2goKCkgPT4gew0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgIHR5cGU6ICdpbmZvJywNCiAgICAgICAgICAgICAgbWVzc2FnZTogJ+W3suWPlua2iOWIoOmZpCcNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgfSkNCiAgICAgIH0NCiAgICB9LA0KICAgIGhhbmRsZVNlbGVjdGlvbkNoYW5nZSh2YWwpIHsNCiAgICAgIHRoaXMuaWRzID0gdmFsLm1hcCgoaXRlbSkgPT4gaXRlbS5vcGVySWQpDQogICAgfSwNCiAgICBleHBvcnRPdXQoKSB7DQogICAgICBnZXRsb2FmT3V0KHt9KS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5leHBvcnRGaWxlKHJlcywgJ+aTjeS9nOaXpeW/l+S/oeaBrycpDQogICAgICB9KQ0KICAgIH0sDQogICAgZXhwb3J0RmlsZTogZnVuY3Rpb24gKG9iaiwgbmFtZSA9IERhdGUubm93KCksIHN1ZmZpeCA9ICd4bHN4Jykgew0KICAgICAgY29uc3QgdXJsID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoDQogICAgICAgIG5ldyBCbG9iKFtvYmpdLCB7IHR5cGU6ICdhcHBsaWNhdGlvbi92bmQubXMtZXhjZWwnIH0pDQogICAgICApDQogICAgICBjb25zdCBhRE9NID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpDQogICAgICBhRE9NLnN0eWxlLmRpc3BsYXkgPSAnbm9uZScNCiAgICAgIGFET00uaHJlZiA9IHVybA0KICAgICAgY29uc3QgZmlsZU5hbWUgPSBuYW1lICsgJy4nICsgc3VmZml4DQogICAgICBhRE9NLnNldEF0dHJpYnV0ZSgnZG93bmxvYWQnLCBmaWxlTmFtZSkNCiAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoYURPTSkNCiAgICAgIGFET00uY2xpY2soKQ0KICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChhRE9NKQ0KICAgIH0sDQogICAgaGFuZGxlUXVlcnkoKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zLnBhZ2VOdW0gPSAxDQogICAgICB0aGlzLmdldExpc3QoKQ0KICAgIH0sDQogICAgcmVzZXQoKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zID0ge30NCiAgICAgIHRoaXMucXVlcnlQYXJhbXMucGFnZU51bSA9IDENCiAgICAgIHRoaXMucXVlcnlQYXJhbXMucGFnZVNpemUgPSAxMA0KICAgICAgdGhpcy5nZXRMaXN0KCkNCiAgICAgIHRoaXMuZGF0ZVJhbmdlID0gW10NCiAgICB9LA0KICAgIC8vIOaTjeS9nOexu+Weiw0KICAgIGdldFR5cGVMaXN0KCkgew0KICAgICAgZ2V0RG9pbmdUeXBlTGlzdCh7fSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMuZ2V0RG9UeXBlID0gcmVzLmRhdGENCiAgICAgIH0pDQogICAgfSwNCiAgICBzd2l0Y2hOdW1iZXIobnVtKSB7DQogICAgICB0aGlzLmdldERvVHlwZS5tYXAoKGl0ZW0pID0+IHsNCiAgICAgICAgaWYgKG51bS50b1N0cmluZygpID09PSBpdGVtLmRpY3RWYWx1ZSkgew0KICAgICAgICAgIG51bSA9IGl0ZW0uZGljdExhYmVsDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgICByZXR1cm4gbnVtDQogICAgfSwNCg0KICAgIGdldExpc3QoKSB7DQogICAgICBpZiAodGhpcy5kYXRlUmFuZ2UpIHsNCiAgICAgICAgdGhpcy5xdWVyeVBhcmFtcy5zdGFydFRpbWUgPSB0aGlzLmRhdGVSYW5nZVswXQ0KICAgICAgICB0aGlzLnF1ZXJ5UGFyYW1zLmVuZFRpbWUgPSB0aGlzLmRhdGVSYW5nZVsxXQ0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy5xdWVyeVBhcmFtcy5zYXRydFRpbWUgPSAnJw0KICAgICAgICB0aGlzLnF1ZXJ5UGFyYW1zLmVuZFRpbWUgPSAnJw0KICAgICAgfQ0KICAgICAgZ2V0T3BlcmF0aW9uTGlzdCh0aGlzLnF1ZXJ5UGFyYW1zKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy50YWJsZURhdGEgPSByZXMuZGF0YS5yZWNvcmRzDQogICAgICAgIHRoaXMudG90YWwgPSByZXMuZGF0YS50b3RhbA0KICAgICAgfSkNCiAgICB9LA0KICAgIGhhbmRsZVNpemVDaGFuZ2UodmFsKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zLnBhZ2VTaXplID0gdmFsDQogICAgICB0aGlzLmdldExpc3QoKQ0KICAgIH0sDQogICAgaGFuZGxlQ3VycmVudENoYW5nZSh2YWwpIHsNCiAgICAgIHRoaXMucXVlcnlQYXJhbXMucGFnZU51bSA9IHZhbA0KICAgICAgdGhpcy5nZXRMaXN0KCkNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyJA;AACA;AACA;AACA;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;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;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;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;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;AACA;AACA;AACA;AACA;AACA;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","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"]}]}