1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/line-dict/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/line-dict/index.vue","mtime":1708395041890},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBnZXRMaW5lRGF0YUxpc3QsIGdldEFkZERlcGFydCwgZ2V0RXhwb3J0RGF0YURlcGFydCwgZ2V0RGVsZXRlRGVwYXJ0LCBnZXRVcGRhdGVEZXBhcnQgfSBmcm9tICdAL2FwaS9kZXBhcnRNZW50RGljdCcNCmltcG9ydCB7IG1hcEdldHRlcnMgfSBmcm9tICd2dWV4Jw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdIb21lJywNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBHZXR0ZXJzKFsNCiAgICAgICduYW1lJw0KICAgIF0pDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGRlcGFydE1lbnREYXRhOiBbXSwNCiAgICAgIHF1ZXJ5UGFyYW1zOiB7DQogICAgICAgIGRhdGFUeXBlOiAnMicsDQogICAgICAgIHBhZ2VTaXplOiAnMTAnLA0KICAgICAgICBwYWdlTnVtOiAnMScsDQogICAgICAgIGRpY3ROYW1lOiAnJywNCiAgICAgICAgc3RhdHVzOiAnJw0KICAgICAgfSwNCiAgICAgIGZvcm06IHsNCiAgICAgICAgZGljdE5hbWU6ICcnLA0KICAgICAgICBkaWN0VHlwZTogJycsDQogICAgICAgIHN0YXR1czogJycsDQogICAgICAgIHJlbWFyazogJycsDQogICAgICAgIGRhdGFUeXBlOiAnMicNCiAgICAgIH0sDQogICAgICBzdGF0dXNPcHRpb25zOiBbDQogICAgICAgIHsNCiAgICAgICAgICBsYWJlbDogJ+WQr+eUqCcsDQogICAgICAgICAgdmFsdWU6ICcxJw0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgbGFiZWw6ICflgZznlKgnLA0KICAgICAgICAgIHZhbHVlOiAnMicNCiAgICAgICAgfQ0KICAgICAgXSwNCiAgICAgIHNlYXJjaERhdGE6IHt9LA0KICAgICAgdGFibGVEYXRhOiBbXSwNCiAgICAgIGlkczogW10sDQogICAgICB0b3RhbDogMCwNCiAgICAgIHRpdGxlOiAnJywNCiAgICAgIGRpYWxvZ0Zvcm1WaXNpYmxlOiBmYWxzZSwNCiAgICAgIGRvVHlwZTogJycNCiAgICB9DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5nZXRMaXN0KCkNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIHRvVHlwZURldGFpbChzY29wZSkgew0KICAgICAgLy8gdGhpcy4kcm91dGVyLnB1c2goe25hbWU6ICdkZXBhcnRUeXBlJ30pDQogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7IG5hbWU6ICdsaW5lVHlwZScsIHF1ZXJ5OiB7IHRlc3RRdWVyeTogc2NvcGUucm93LmRpY3RUeXBlIH0gfSkNCiAgICB9LA0KICAgIHVwZGF0ZURlcGFydChzY29wZSkgew0KICAgICAgdGhpcy5kb1R5cGUgPSAyDQogICAgICB0aGlzLmRpYWxvZ0Zvcm1WaXNpYmxlID0gdHJ1ZQ0KICAgICAgdGhpcy50aXRsZSA9ICfkv67mlLnmlbDmja7lrZflhbgnDQogICAgICB0aGlzLmZvcm0gPSBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHNjb3BlKSkNCiAgICB9LA0KICAgIGhhbmRsZVNlbGVjdGlvbkNoYW5nZSh2YWwpIHsNCiAgICAgIHRoaXMuaWRzID0gdmFsLm1hcCgoaXRlbSkgPT4gaXRlbS5kaWN0SWQpDQogICAgfSwNCiAgICBoYW5kbGVEZWxldGUoKSB7DQogICAgICBpZiAodGhpcy5pZHMubGVuZ3RoID09IDApIHsNCiAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgdHlwZTogJ2Vycm9yJywNCiAgICAgICAgICBtZXNzYWdlOiAn6K+36YCJ5oup6KaB5Yig6Zmk55qE5a2X5YW45pWw5o2uIScNCiAgICAgICAgfSkNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuJGNvbmZpcm0oJ+ehruWumuimgeWIoOmZpOWQlz8nLCAn5L+h5oGv5o+Q56S6Jywgew0KICAgICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAn56Gu5a6aJywNCiAgICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiAn5Y+W5raIJywNCiAgICAgICAgICB0eXBlOiAnd2FybmluZycNCiAgICAgICAgfSkudGhlbigoKSA9PiB7DQogICAgICAgICAgZ2V0RGVsZXRlRGVwYXJ0KHRoaXMuaWRzKS50aGVuKHJlcyA9PiB7DQogICAgICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7DQogICAgICAgICAgICAgIHRoaXMuZ2V0TGlzdCh0aGlzLmRhdGEpDQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJywNCiAgICAgICAgICAgICAgICBtZXNzYWdlOiAn5Yig6Zmk5oiQ5YqfIScNCiAgICAgICAgICAgICAgfSkNCiAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsDQogICAgICAgICAgICAgICAgbWVzc2FnZTogcmVzLm1zZw0KICAgICAgICAgICAgICB9KQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0pDQogICAgICAgIH0pLmNhdGNoKCgpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgIHR5cGU6ICdpbmZvJywNCiAgICAgICAgICAgIG1lc3NhZ2U6ICflt7Llj5bmtojliKDpmaQnDQogICAgICAgICAgfSkNCiAgICAgICAgfSkNCiAgICAgIH0NCiAgICB9LA0KICAgIGRlbGV0ZURlcGFydFR5cGUoc2NvcGUpIHsNCiAgICAgIHRoaXMuJGNvbmZpcm0oJ+ehruWumuimgeWIoOmZpOWQlz8nLCAn5L+h5oGv5o+Q56S6Jywgew0KICAgICAgICBjb25maXJtQnV0dG9uVGV4dDogJ+ehruWumicsDQogICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLA0KICAgICAgICB0eXBlOiAnd2FybmluZycNCiAgICAgIH0pLnRoZW4oKCkgPT4gew0KICAgICAgICBnZXREZWxldGVEZXBhcnQoc2NvcGUuZGljdElkKS50aGVuKHJlcyA9PiB7DQogICAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgew0KICAgICAgICAgICAgdGhpcy5nZXRMaXN0KHRoaXMuZGF0YSkNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycsDQogICAgICAgICAgICAgIG1lc3NhZ2U6ICfliKDpmaTmiJDlip8hJw0KICAgICAgICAgICAgfSkNCiAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsDQogICAgICAgICAgICAgIG1lc3NhZ2U6IHJlcy5tc2cNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgfQ0KICAgICAgICB9KQ0KICAgICAgfSkuY2F0Y2goKCkgPT4gew0KICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICB0eXBlOiAnaW5mbycsDQogICAgICAgICAgbWVzc2FnZTogJ+W3suWPlua2iOWIoOmZpCcNCiAgICAgICAgfSkNCiAgICAgIH0pDQogICAgfSwNCiAgICBoYW5kbGVDdXJyZW50Q2hhbmdlKHZhbCkgew0KICAgICAgdGhpcy5xdWVyeVBhcmFtcy5wYWdlTnVtID0gdmFsDQogICAgICB0aGlzLmdldExpc3QoKQ0KICAgIH0sDQogICAgaGFuZGxlU2l6ZUNoYW5nZSh2YWwpIHsNCiAgICAgIHRoaXMucXVlcnlQYXJhbXMucGFnZVNpemUgPSB2YWwNCiAgICAgIHRoaXMuZ2V0TGlzdCgpDQogICAgfSwNCiAgICBleHBvcnRPdXQoKSB7DQogICAgICBnZXRFeHBvcnREYXRhRGVwYXJ0KHRoaXMucXVlcnlQYXJhbXMpLnRoZW4ocmVzID0+IHsNCiAgICAgICAgdGhpcy5leHBvcnRGaWxlKHJlcywgJ+aVsOaNruWtl+WFuOaVsOaNruS/oeaBrycpDQogICAgICB9KQ0KICAgIH0sDQogICAgZXhwb3J0RmlsZTogZnVuY3Rpb24gKG9iaiwgbmFtZSA9IERhdGUubm93KCksIHN1ZmZpeCA9ICd4bHN4Jykgew0KICAgICAgY29uc3QgdXJsID0gd2luZG93LlVSTC5jcmVhdGVPYmplY3RVUkwoDQogICAgICAgIG5ldyBCbG9iKFtvYmpdLCB7IHR5cGU6ICdhcHBsaWNhdGlvbi92bmQubXMtZXhjZWwnIH0pDQogICAgICApDQogICAgICBjb25zdCBhRE9NID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpDQogICAgICBhRE9NLnN0eWxlLmRpc3BsYXkgPSAnbm9uZScNCiAgICAgIGFET00uaHJlZiA9IHVybA0KICAgICAgY29uc3QgZmlsZU5hbWUgPSBuYW1lICsgJy4nICsgc3VmZml4DQogICAgICBhRE9NLnNldEF0dHJpYnV0ZSgnZG93bmxvYWQnLCBmaWxlTmFtZSkNCiAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoYURPTSkNCiAgICAgIGFET00uY2xpY2soKQ0KICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChhRE9NKQ0KICAgIH0sDQogICAgcmVzZXQoKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zLnN0YXR1cyA9ICcnDQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zLmRpY3ROYW1lID0gJycNCiAgICAgIHRoaXMuZ2V0TGlzdCgpDQogICAgfSwNCiAgICBoYW5kbGVTZWFyY2goKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zLnBhZ2VOdW0gPSAxDQogICAgICB0aGlzLmdldExpc3QoKQ0KICAgIH0sDQogICAgZ2V0TGlzdCgpIHsNCiAgICAgIGdldExpbmVEYXRhTGlzdCh0aGlzLnF1ZXJ5UGFyYW1zKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5kZXBhcnRNZW50RGF0YSA9IHJlcy5kYXRhLnJlY29yZHMNCiAgICAgICAgdGhpcy50b3RhbCA9IHJlcy5kYXRhLnRvdGFsDQogICAgICB9KQ0KICAgIH0sDQogICAgc3VibWl0Rm9ybSgpIHsNCiAgICAgIGlmICh0aGlzLmRvVHlwZSA9PSAxKSB7DQogICAgICAgIHRoaXMuZm9ybS5kYXRhVHlwZSA9IDINCiAgICAgICAgZ2V0QWRkRGVwYXJ0KHRoaXMuZm9ybSkudGhlbihyZXMgPT4gew0KICAgICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsNCiAgICAgICAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSBmYWxzZQ0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgIG1lc3NhZ2U6ICfmlrDlop7miJDlip8nLA0KICAgICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgICB0aGlzLmdldExpc3QoKQ0KICAgICAgICAgICAgdGhpcy4kcmVmcy5mb3JtLnJlc2V0RmllbGRzKCkNCiAgICAgICAgICAgIHRoaXMuZm9ybSA9IHt9DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICBtZXNzYWdlOiByZXMubXNnLA0KICAgICAgICAgICAgICB0eXBlOiAnZXJyb3InDQogICAgICAgICAgICB9KQ0KICAgICAgICAgIH0NCiAgICAgICAgfSkNCiAgICAgIH0gZWxzZSBpZiAodGhpcy5kb1R5cGUgPT0gMikgew0KICAgICAgICBnZXRVcGRhdGVEZXBhcnQodGhpcy5mb3JtKS50aGVuKHJlcyA9PiB7DQogICAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgew0KICAgICAgICAgICAgdGhpcy5kaWFsb2dGb3JtVmlzaWJsZSA9IGZhbHNlDQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgICAgbWVzc2FnZTogJ+S/ruaUueaIkOWKnycsDQogICAgICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJw0KICAgICAgICAgICAgfSkNCiAgICAgICAgICAgIHRoaXMuZ2V0TGlzdCgpDQogICAgICAgICAgICB0aGlzLiRyZWZzLmZvcm0ucmVzZXRGaWVsZHMoKQ0KICAgICAgICAgICAgdGhpcy5mb3JtID0ge30NCiAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgIG1lc3NhZ2U6IHJlcy5tc2csDQogICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgfQ0KICAgICAgICB9KQ0KICAgICAgfQ0KICAgIH0sDQogICAgYWRkRGVwYXJ0TWVuRGljdCgpIHsNCiAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSB0cnVlDQogICAgICB0aGlzLnRpdGxlID0gJ+aWsOWinuaVsOaNruWtl+WFuCcNCiAgICAgIHRoaXMuZG9UeXBlID0gMQ0KICAgICAgdGhpcy4kcmVmcy5mb3JtLnJlc2V0RmllbGRzKCkNCiAgICAgIHRoaXMuZm9ybSA9IHt9DQogICAgfSwNCiAgICBjbG9zZURpYSgpIHsNCiAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSBmYWxzZQ0KICAgICAgdGhpcy4kcmVmcy5mb3JtLnJlc2V0RmllbGRzKCkNCiAgICAgIHRoaXMuZm9ybSA9IHt9DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA;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;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","file":"index.vue","sourceRoot":"src/views/system/line-dict","sourcesContent":["<template>\r\n <div class=\"dashboard-container\">\r\n <div class=\"search-content\">\r\n <el-input v-model=\"queryParams.dictName\" style=\"width: 220px;padding-left:20px\" placeholder=\"请输入字典名称\" />\r\n <el-select v-model=\"queryParams.status\" clearable placeholder=\"请选择状态\">\r\n <el-option v-for=\"item in statusOptions\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\r\n </el-select>\r\n <div class=\"search\" @click=\"handleSearch\">搜索</div>\r\n <div class=\"reset\" @click=\"reset\">重置</div>\r\n </div>\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\" @click=\"addDepartMenDict\">\r\n <span class=\"icon font_family\"></span>\r\n 新增\r\n </div>\r\n <div class=\"addBtn\" @click=\"handleDelete\">\r\n <span class=\"icon font_family\"></span>\r\n 批量删除\r\n </div>\r\n <div class=\"addBtn\" style=\"margin-right:0px\" @click=\"exportOut\">\r\n <span class=\"icon font_family\"></span>\r\n 导出\r\n </div>\r\n </div>\r\n <el-table ref=\"multipleTable\" :data=\"departMentData\" 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=\"dictId\" label=\"字典编号\" align=\"center\" width=\"100\" />\r\n <el-table-column prop=\"dictName\" label=\"字典名称\" align=\"center\" width=\"220\" />\r\n <el-table-column prop=\"dictType\" label=\"字典类型\" align=\"center\" width=\"210\">\r\n <template slot-scope=\"scope\">\r\n <span style=\"color:blue;cursor: pointer;\" @click=\"toTypeDetail(scope)\">{{ scope.row.dictType }}</span>\r\n <!-- <router-link :to=\"'/system/department-dict/type/index/' + scope.row.dictId\" class=\"link-type\"> -->\r\n <!-- <span>{{ scope.row.dictType }}</span> -->\r\n <!-- </router-link> -->\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"status\" label=\"状态\" align=\"center\" width=\"170\">\r\n <template slot-scope=\"scope\">\r\n\r\n <div class=\"startUsing\" v-if=\"scope.row.status == 1\">启用</div>\r\n <div class=\"Deactivate\" v-else>停用</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"remark\" label=\"备注\" align=\"center\" />\r\n <el-table-column prop=\"createTime\" label=\"创建时间\" align=\"center\" width=\"130\" />\r\n <el-table-column label=\"操作\" align=\"center\" width=\"200\" fixed=\"right\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"operateBtn\" style=\"display:flex\">\r\n <div style=\"width:100px;margin-left:50px;font-size:14px;color: #2766DD;cursor: pointer;\"\r\n @click=\"updateDepart(scope.row)\">修改</div>\r\n <div style=\"width:100px;margin-right:50px;font-size:14px;color: #2766DD;cursor: pointer;\"\r\n @click=\"deleteDepartType(scope.row)\">删除</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 <el-dialog :title=\"title\" :visible.sync=\"dialogFormVisible\" width=\"636px\">\r\n <el-form ref=\"form\" :model=\"form\" :rules=\"rules\">\r\n <el-form-item label=\"字典名称\" label-width=\"80px\" prop=\"dictName\">\r\n <el-input v-model=\"form.dictName\" autocomplete=\"off\" placeholder=\"请输入字典名称\" />\r\n </el-form-item>\r\n <el-form-item label=\"字典类型\" label-width=\"80px\" prop=\"dictType\">\r\n <el-input v-model=\"form.dictType\" autocomplete=\"off\" placeholder=\"请输入字典类型\" />\r\n </el-form-item>\r\n <el-form-item label=\"状态\" label-width=\"80px\">\r\n <el-radio-group v-model=\"form.status\">\r\n <el-radio :label=\"1\">启用</el-radio>\r\n <el-radio :label=\"2\">停用</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item label=\"备注\" label-width=\"80px\" prop=\"remark\">\r\n <el-input v-model=\"form.remark\" autocomplete=\"off\" placeholder=\"请输入备注\" />\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <!-- <el-button class=\"searcha\" @click=\"submitForm\">保存</el-button>\r\n <el-button class=\"reseta\" @click=\"closeDia\">取 消</el-button> -->\r\n <div class=\"search\" @click=\"submitForm\">保 存</div>\r\n <div class=\"reset\" @click=\"closeDia\">取 消</div>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getLineDataList, getAddDepart, getExportDataDepart, getDeleteDepart, getUpdateDepart } from '@/api/departMentDict'\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n name: 'Home',\r\n computed: {\r\n ...mapGetters([\r\n 'name'\r\n ])\r\n },\r\n data() {\r\n return {\r\n departMentData: [],\r\n queryParams: {\r\n dataType: '2',\r\n pageSize: '10',\r\n pageNum: '1',\r\n dictName: '',\r\n status: ''\r\n },\r\n form: {\r\n dictName: '',\r\n dictType: '',\r\n status: '',\r\n remark: '',\r\n dataType: '2'\r\n },\r\n statusOptions: [\r\n {\r\n label: '启用',\r\n value: '1'\r\n },\r\n {\r\n label: '停用',\r\n value: '2'\r\n }\r\n ],\r\n searchData: {},\r\n tableData: [],\r\n ids: [],\r\n total: 0,\r\n title: '',\r\n dialogFormVisible: false,\r\n doType: ''\r\n }\r\n },\r\n created() {\r\n this.getList()\r\n },\r\n methods: {\r\n toTypeDetail(scope) {\r\n // this.$router.push({name: 'departType'})\r\n this.$router.push({ name: 'lineType', query: { testQuery: scope.row.dictType } })\r\n },\r\n updateDepart(scope) {\r\n this.doType = 2\r\n this.dialogFormVisible = true\r\n this.title = '修改数据字典'\r\n this.form = JSON.parse(JSON.stringify(scope))\r\n },\r\n handleSelectionChange(val) {\r\n this.ids = val.map((item) => item.dictId)\r\n },\r\n handleDelete() {\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 }).then(() => {\r\n getDeleteDepart(this.ids).then(res => {\r\n if (res.code == 200) {\r\n this.getList(this.data)\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 }).catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消删除'\r\n })\r\n })\r\n }\r\n },\r\n deleteDepartType(scope) {\r\n this.$confirm('确定要删除吗?', '信息提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n getDeleteDepart(scope.dictId).then(res => {\r\n if (res.code == 200) {\r\n this.getList(this.data)\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 }).catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消删除'\r\n })\r\n })\r\n },\r\n handleCurrentChange(val) {\r\n this.queryParams.pageNum = val\r\n this.getList()\r\n },\r\n handleSizeChange(val) {\r\n this.queryParams.pageSize = val\r\n this.getList()\r\n },\r\n exportOut() {\r\n getExportDataDepart(this.queryParams).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 reset() {\r\n this.queryParams.status = ''\r\n this.queryParams.dictName = ''\r\n this.getList()\r\n },\r\n handleSearch() {\r\n this.queryParams.pageNum = 1\r\n this.getList()\r\n },\r\n getList() {\r\n getLineDataList(this.queryParams).then((res) => {\r\n this.departMentData = res.data.records\r\n this.total = res.data.total\r\n })\r\n },\r\n submitForm() {\r\n if (this.doType == 1) {\r\n this.form.dataType = 2\r\n getAddDepart(this.form).then(res => {\r\n if (res.code == 200) {\r\n this.dialogFormVisible = false\r\n this.$message({\r\n message: '新增成功',\r\n type: 'success'\r\n })\r\n this.getList()\r\n this.$refs.form.resetFields()\r\n this.form = {}\r\n } else {\r\n this.$message({\r\n message: res.msg,\r\n type: 'error'\r\n })\r\n }\r\n })\r\n } else if (this.doType == 2) {\r\n getUpdateDepart(this.form).then(res => {\r\n if (res.code == 200) {\r\n this.dialogFormVisible = false\r\n this.$message({\r\n message: '修改成功',\r\n type: 'success'\r\n })\r\n this.getList()\r\n this.$refs.form.resetFields()\r\n this.form = {}\r\n } else {\r\n this.$message({\r\n message: res.msg,\r\n type: 'error'\r\n })\r\n }\r\n })\r\n }\r\n },\r\n addDepartMenDict() {\r\n this.dialogFormVisible = true\r\n this.title = '新增数据字典'\r\n this.doType = 1\r\n this.$refs.form.resetFields()\r\n this.form = {}\r\n },\r\n closeDia() {\r\n this.dialogFormVisible = false\r\n this.$refs.form.resetFields()\r\n this.form = {}\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 margin-top: -15px;\r\n\r\n .el-input {\r\n // margin: 0 10px;\r\n }\r\n\r\n .el-select {\r\n margin: 0 20px;\r\n }\r\n\r\n .search-btn {\r\n margin-left: 12px;\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: 15px 20px 15px 0;\r\n cursor: pointer;\r\n float: left;\r\n text-align: center;\r\n width: 98px;\r\n height: 34px;\r\n border-radius: 2px;\r\n border: 1px solid #ABC7FD;\r\n line-height: 34px;\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #2250C8;\r\n background-color: #E7EEFF;\r\n }\r\n\r\n .addBtn:hover {\r\n color: #FFFFFF;\r\n background-color: #2250C8;\r\n border: 1px solid #2250C8;\r\n }\r\n\r\n .addBtn:active {\r\n color: #FFFFFF;\r\n background-color: #194DA4;\r\n border: 1px solid #194DA4;\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: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #00974D;\r\n border-radius: 4px;\r\n background-color: #E7FAF0;\r\n border: 1px solid #BEFDDD;\r\n }\r\n\r\n .Deactivate {\r\n width: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #FF9933;\r\n border-radius: 4px;\r\n background-color: #FFF3E8;\r\n border: 1px solid #FDE6CF;\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 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 cursor: pointer;\r\n background-color: #2766DD;\r\n color: #F7F8FB;\r\n display: inline-block;\r\n width: 80px;\r\n height: 40px;\r\n border-radius: 2px;\r\n font-size: 14px;\r\n line-height: 40px;\r\n text-align: center;\r\n}\r\n\r\n.search:hover {\r\n background-color: #4D85F4;\r\n}\r\n\r\n.reset {\r\n cursor: pointer;\r\n color: #333334;\r\n border: 1px solid #D7D7D7;\r\n display: inline-block;\r\n margin-left: 12px;\r\n width: 80px;\r\n height: 40px;\r\n border-radius: 2px;\r\n font-size: 14px;\r\n line-height: 40px;\r\n text-align: center;\r\n}\r\n\r\n.reseta {\r\n cursor: pointer;\r\n color: #333334;\r\n border: 1px solid #D7D7D7;\r\n display: inline-block;\r\n margin-left: 12px;\r\n width: 80px;\r\n height: 40px;\r\n border-radius: 2px;\r\n font-size: 14px;\r\n text-align: center;\r\n}\r\n\r\n.searcha {\r\n cursor: pointer;\r\n background-color: #2766DD;\r\n color: #F7F8FB;\r\n display: inline-block;\r\n width: 80px;\r\n height: 40px;\r\n border-radius: 2px;\r\n font-size: 14px;\r\n text-align: center;\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.startUsing {\r\n width: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #00974D;\r\n border-radius: 4px;\r\n background-color: #E7FAF0;\r\n border: 1px solid #BEFDDD;\r\n}\r\n\r\n.Deactivate {\r\n width: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #FF9933;\r\n border-radius: 4px;\r\n background-color: #FFF3E8;\r\n border: 1px solid #FDE6CF;\r\n}\r\n\r\n::v-deep .el-dialog__body {\r\n padding: 20px 200px !important;\r\n}\r\n\r\n.dialog-footer {\r\n text-align: center;\r\n}\r\n::v-deep .el-dialog__body {\r\n padding: 20px 95px !important;\r\n}\r\n</style>\r\n"]}]}
|