{"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/type/index.vue?vue&type=style&index=0&id=062ce9da&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/line-dict/type/index.vue","mtime":1708395041890},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmRhc2hib2FyZCB7DQogICYtY29udGFpbmVyIHsNCiAgICBtYXJnaW46IDQ1cHggMzBweCAzMHB4Ow0KICB9DQoNCiAgJi10ZXh0IHsNCiAgICBmb250LXNpemU6IDMwcHg7DQogICAgbGluZS1oZWlnaHQ6IDQ2cHg7DQogIH0NCn0NCg0KLmRhc2hib2FyZC1jb250YWluZXIgew0KDQogIC5zZWFyY2gtY29udGVudCB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiA4MHB4Ow0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogICAgcGFkZGluZy10b3A6IDIwcHg7DQogICAgbWFyZ2luLXRvcDogLTE1cHg7DQoNCiAgICAuZWwtaW5wdXQgew0KICAgICAgLy9tYXJnaW46IDAgMTBweDsNCiAgICB9DQoNCiAgICAuZWwtc2VsZWN0IHsNCiAgICAgIG1hcmdpbjogMCAyMHB4Ow0KICAgIH0NCg0KICAgIC5zZWFyY2gtYnRuIHsNCiAgICAgIGZsb2F0OiByaWdodDsNCiAgICAgIG1hcmdpbi1yaWdodDogMjBweDsNCiAgICB9DQogIH0NCg0KICAudGFibGUtY29udGVudCB7DQogICAgbWFyZ2luLXRvcDogLTIwcHg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCg0KICAgIC5hZGRCdG4gew0KICAgICAgbWFyZ2luOiAxNXB4IDIwcHggMTVweCAwOw0KICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgZmxvYXQ6IGxlZnQ7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICB3aWR0aDogOThweDsNCiAgICAgIGhlaWdodDogMzRweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNBQkM3RkQ7DQogICAgICBsaW5lLWhlaWdodDogMzRweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICBjb2xvcjogIzIyNTBDODsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNFN0VFRkY7DQogICAgfQ0KDQogICAgLmFkZEJ0bjpob3ZlciB7DQogICAgICBjb2xvcjogI0ZGRkZGRjsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyMjUwQzg7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMjI1MEM4Ow0KICAgIH0NCg0KICAgIC5hZGRCdG46YWN0aXZlIHsNCiAgICAgIGNvbG9yOiAjRkZGRkZGOw0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzE5NERBNDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxOTREQTQ7DQogICAgfQ0KDQogICAgLnJpZ2h0VGFibGUgew0KICAgICAgZmxvYXQ6IHJpZ2h0Ow0KICAgICAgd2lkdGg6IDg1JTsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQoNCiAgICAgIC5idG4gew0KICAgICAgICBtYXJnaW46IDIwcHggMTVweCAyMHB4Ow0KICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAgIGZsb2F0OiByaWdodDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICB3aWR0aDogOThweDsNCiAgICAgICAgaGVpZ2h0OiAzNHB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMzRweDsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICBjb2xvcjogI2ZmZjsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzI4NjZERDsNCiAgICAgIH0NCg0KICAgICAgLnN0YXJ0VXNpbmcgew0KICAgICAgICB3aWR0aDogNTRweDsNCiAgICAgICAgaGVpZ2h0OiAyNHB4Ow0KICAgICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgY29sb3I6ICMwMDk3NEQ7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0U3RkFGMDsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0JFRkRERDsNCiAgICAgIH0NCg0KICAgICAgLkRlYWN0aXZhdGUgew0KICAgICAgICB3aWR0aDogNTRweDsNCiAgICAgICAgaGVpZ2h0OiAyNHB4Ow0KICAgICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgY29sb3I6ICNGRjk5MzM7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRjNFODsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0ZERTZDRjsNCiAgICAgIH0NCg0KICAgICAgLm9wZXJhdGVCdG4gew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgICAgY29sb3I6ICMyNzY2REQ7DQoNCiAgICAgICAgZGl2IHsNCiAgICAgICAgICBtYXJnaW46IDAgNXB4Ow0KICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICAgfQ0KICAgICAgfQ0KDQogICAgICAucGFnaW5hdGlvbiB7DQogICAgICAgIG1hcmdpbjogMTBweCAwOw0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAyMHB4Ow0KDQogICAgICAgIC5lbC1wYWdpbmF0aW9uIHsNCiAgICAgICAgICBmbG9hdDogcmlnaHQ7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg0KLnNlYXJjaCB7DQogIGJhY2tncm91bmQtY29sb3I6ICMyNzY2REQ7DQogIGNvbG9yOiAjRjdGOEZCOw0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIHdpZHRoOiA4MHB4Ow0KICBoZWlnaHQ6IDQwcHg7DQogIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBsaW5lLWhlaWdodDogNDBweDsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCi5zZWFyY2hhIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZERDsNCiAgY29sb3I6ICNGN0Y4RkI7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogNDBweDsNCiAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCg0KLnNlYXJjaDpob3ZlciB7DQogIGJhY2tncm91bmQtY29sb3I6ICM0RDg1RjQ7DQp9DQoNCi5yZXNldCB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgY29sb3I6ICMzMzMzMzQ7DQogIGJvcmRlcjogMXB4IHNvbGlkICNEN0Q3RDc7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogNDBweDsNCiAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIGxpbmUtaGVpZ2h0OiA0MHB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIG1hcmdpbi1sZWZ0OiAxMnB4Ow0KfQ0KDQoucmVzZXRhIHsNCiAgY29sb3I6ICMzMzMzMzQ7DQogIGJvcmRlcjogMXB4IHNvbGlkICNEN0Q3RDc7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgd2lkdGg6IDgwcHg7DQogIGhlaWdodDogNDBweDsNCiAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgbWFyZ2luLWxlZnQ6IDEycHg7DQp9DQoNCi5yZXNldDpob3ZlciB7DQogIGNvbG9yOiAjMUY5RkZGOw0KICBib3JkZXI6IDFweCBzb2xpZCAjMUY5RkZGOw0KICBiYWNrZ3JvdW5kOiBub25lOw0KfQ0KDQouc3RhcnRVc2luZyB7DQogIHdpZHRoOiA1NHB4Ow0KICBoZWlnaHQ6IDI0cHg7DQogIG1hcmdpbjogMTQuNXB4IGF1dG8gMDsNCiAgbGluZS1oZWlnaHQ6IDI0cHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBjb2xvcjogIzAwOTc0RDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjRTdGQUYwOw0KICBib3JkZXI6IDFweCBzb2xpZCAjQkVGREREOw0KfQ0KDQouRGVhY3RpdmF0ZSB7DQogIHdpZHRoOiA1NHB4Ow0KICBoZWlnaHQ6IDI0cHg7DQogIG1hcmdpbjogMTQuNXB4IGF1dG8gMDsNCiAgbGluZS1oZWlnaHQ6IDI0cHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBjb2xvcjogI0ZGOTkzMzsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkZGM0U4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjRkRFNkNGOw0KfQ0KDQo6OnYtZGVlcCAuZWwtZGlhbG9nX19ib2R5IHsNCiAgcGFkZGluZzogMjBweCAyMDBweCAhaW1wb3J0YW50Ow0KfQ0KDQouZGlhbG9nLWZvb3RlciB7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCg0KLmhlYWQgew0KICBoZWlnaHQ6IDUwcHg7DQogIGZvbnQtc2l6ZTogMTJweDsNCiAgbGluZS1oZWlnaHQ6IDQwcHg7DQogIGJhY2tncm91bmQ6ICNkYWRmZTggIWltcG9ydGFudDsNCiAgZGlzcGxheTogZmxleDsNCiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOw0KICBtYXJnaW4tdG9wOiAtMTVweDsNCiAgcGFkZGluZzogMCAyNXB4Ow0KfQ0KOjp2LWRlZXAgLmVsLWRpYWxvZ19fYm9keSB7DQogIHBhZGRpbmc6IDIwcHggOTVweCAhaW1wb3J0YW50Ow0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgXA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;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;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;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;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/line-dict/type","sourcesContent":["<template>\r\n  <div class=\"dashboard-container\">\r\n    <div class=\"head\">\r\n      <span>字典类型</span>\r\n      <!-- <span @click=\"backLaster\" style=\"color:#2866dd;cursor: pointer;\">返回</span> -->\r\n      <el-button style=\"color: #2766dd;margin-top:-12px\" type=\"text\" icon=\"el-icon-arrow-left\"\r\n        @click=\"backLast\">返回</el-button>\r\n    </div>\r\n    <div class=\"search-content\">\r\n      <!-- <el-input style=\"width: 220px;padding-left:20px\" placeholder=\"请输入字典名称\" /> -->\r\n      <el-select v-model=\"queryParams.dictType\" style=\"width: 220px\" @change=\"handleSearch\">\r\n        <el-option v-for=\"item in this.dictNameList\" :key=\"item.dictType\" :label=\"item.dictName\" :value=\"item.dictType\" />\r\n      </el-select>\r\n      <el-input v-model=\"queryParams.dictLabel\" style=\"width: 220px;padding-left:0px\" 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-btn\"> -->\r\n      <div class=\"search\" @click=\"handleSearch\">搜索</div>\r\n      <div class=\"reset\" @click=\"reset\">重置</div>\r\n      <!-- <div class=\"reset\" @click=\"backLast\">返回</div> -->\r\n      <!-- </div> -->\r\n    </div>\r\n    <div style=\"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\">&#xe604;</span>\r\n            新增\r\n          </div>\r\n          <div class=\"addBtn\" @click=\"deleteDictIds\">\r\n            <span class=\"icon font_family\">&#xe607;</span>\r\n            批量删除\r\n          </div>\r\n          <div class=\"addBtn\" style=\"margin-right:0\" @click=\"uploadOut\">\r\n            <span class=\"icon font_family\">&#xe605;</span>\r\n            导出\r\n          </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=\"dictCode\" label=\"字典主键\" align=\"center\" width=\"120\" />\r\n          <!-- <el-table-column prop=\"dictLabel\" label=\"字典名称\" /> -->\r\n          <el-table-column prop=\"dictType\" label=\"字典类型\" align=\"center\" width=\"220\" />\r\n          <el-table-column label=\"字典标签\" align=\"center\" prop=\"dictLabel\" width=\"140\">\r\n            <template #default=\"scope\">\r\n              <span v-if=\"scope.row.listClass == '' || scope.row.listClass == 'default'\">{{ scope.row.dictLabel }}</span>\r\n              <el-tag v-else :type=\"scope.row.listClass == 'primary' ? '' : scope.row.listClass\">{{ scope.row.dictLabel\r\n              }}</el-tag>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"dictSort\" label=\"字典排序\" align=\"center\" width=\"160\" />\r\n          <el-table-column prop=\"status\" label=\"状态\" align=\"center\" width=\"150\">\r\n            <template slot-scope=\"scope\">\r\n              <div v-if=\"scope.row.status == 1\" class=\"startUsing\">启用</div>\r\n              <div v-else class=\"Deactivate\">停用</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=\"updateTime\" label=\"最后更新\" align=\"center\" width=\"170\" />\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=\"editDict(scope.row)\">修改</div>\r\n                <div style=\"width:100px;margin-right:50px;font-size:14px;color: #2766DD;cursor: pointer;\"\r\n                  @click=\"deleteDict(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\" width=\"636px\" :visible.sync=\"dialogFormVisible\">\r\n      <el-form ref=\"form\" :model=\"form\" :rules=\"rules\">\r\n        <el-form-item label=\"字典类型\" label-width=\"80px\" prop=\"railwayName\">\r\n          <el-input v-model=\"form.dictType\" autocomplete=\"off\" disabled />\r\n        </el-form-item>\r\n        <el-form-item label=\"数据标签\" label-width=\"80px\" prop=\"railwayCode\">\r\n          <el-input v-model=\"form.dictLabel\" autocomplete=\"off\" maxlength=\"20\" placeholder=\"请输入数据标签\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"数据键值\" label-width=\"80px\" prop=\"railwayCode\">\r\n          <el-input v-model=\"form.dictValue\" autocomplete=\"off\" maxlength=\"4\" placeholder=\"请输入数据键值\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"样式属性\" label-width=\"80px\" prop=\"railwayCode\">\r\n          <el-input v-model=\"form.cssClass\" autocomplete=\"off\" maxlength=\"4\" placeholder=\"请输入样式属性\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"显示排序\" label-width=\"80px\" prop=\"railwayCode\">\r\n          <el-input v-model=\"form.dictSort\" autocomplete=\"off\" maxlength=\"4\" oninput=\"value=value.replace(/[^\\d]/g,'')\"\r\n            placeholder=\"请输入部门排序\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"回显样式\" label-width=\"80px\" prop=\"listClass\">\r\n          <el-select v-model=\"form.listClass\" style=\"width: 100%\">\r\n            <el-option v-for=\"item in listClassOptions\" :key=\"item.value\" :label=\"item.label + '(' + item.value + ')'\"\r\n              :value=\"item.value\" />\r\n          </el-select>\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=\"dialogFormVisible = false\">取 消</el-button> -->\r\n        <div class=\"search\" @click=\"submitForm\">保 存</div>\r\n        <div class=\"reset\" @click=\"dialogFormVisible = false\">取 消</div>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getType, getAddData, getUpdateData, getNameSelectData, getDeleteData, getExportOutData } from '@/api/departMentDict'\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n  name: 'LineType',\r\n  computed: {\r\n    ...mapGetters([\r\n      'name'\r\n    ])\r\n  },\r\n  data() {\r\n    return {\r\n      clickType: '',\r\n      queryParams: {\r\n        dictType: '',\r\n        pageSize: 10,\r\n        pageNum: 1,\r\n        diceCode: '',\r\n        dictLabel: ''\r\n      },\r\n      form: {\r\n        // dictCode: '',\r\n        dictLabel: '',\r\n        dictValue: '',\r\n        cssClass: '',\r\n        listClass: 'default',\r\n        dictSort: 0,\r\n        status: '0',\r\n        dictType: this.$route.query.testQuery,\r\n        remark: ''\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      ids: [],\r\n      tableData: [],\r\n      dictNameList: [],\r\n      total: 0,\r\n      title: '',\r\n      dialogFormVisible: false,\r\n      testQuery: '',\r\n      listClassOptions: [\r\n        { value: 'default', label: '默认' },\r\n        { value: 'primary', label: '主要' },\r\n        { value: 'success', label: '成功' },\r\n        { value: 'info', label: '信息' },\r\n        { value: 'warning', label: '警告' },\r\n        { value: 'danger', label: '危险' }\r\n      ]\r\n    }\r\n  },\r\n  created() {\r\n    this.getTypes()\r\n    this.queryParams.dictType = this.$route.query.testQuery\r\n    this.getDictName()\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    getDictName() {\r\n      getNameSelectData({}).then(res => {\r\n        console.log(res, '----------------------')\r\n        this.dictNameList = res.data\r\n      })\r\n    },\r\n    backLast() {\r\n      this.$router.push({ path: '/system/line-dict' })\r\n    },\r\n    uploadOut() {\r\n      getExportOutData(this.queryParams).then(response => {\r\n        this.exportFile(response, '部门数据字典信息')\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 = {}\r\n      this.queryParams.pageNum = 1\r\n      this.queryParams.pageSize = 10\r\n      this.getTypes()\r\n    },\r\n    handleSelectionChange(val) {\r\n      this.ids = val.map((item) => item.dictCode)\r\n    },\r\n    deleteDictIds() {\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          getDeleteData(this.ids).then(res => {\r\n            if (res.code == 200) {\r\n              this.getTypes(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    deleteDict(scope) {\r\n      console.log(scope.dictCode, 'scopepepepepeepep')\r\n      this.$confirm('确定要删除吗?', '信息提示', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => {\r\n        getDeleteData(scope.dictCode).then(res => {\r\n          if (res.code == 200) {\r\n            this.getTypes(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    submitForm() {\r\n      if (this.clickType == 1) {\r\n        getAddData(this.form).then(response => {\r\n          // useDictStore().removeDict(queryParams.value.dictType);\r\n          if (response.code == 200) {\r\n            this.$message({\r\n              type: 'success',\r\n              message: '新增成功!'\r\n            })\r\n            this.dialogFormVisible = false\r\n            this.form = {}\r\n            this.getTypes()\r\n          } else {\r\n            this.$message({\r\n              type: 'error',\r\n              message: response.msg\r\n            })\r\n          }\r\n        })\r\n      } else if (this.clickType == 2) {\r\n        getUpdateData(this.form).then(response => {\r\n          // useDictStore().removeDict(queryParams.value.dictType);\r\n          if (response.code == 200) {\r\n            this.$message({\r\n              type: 'success',\r\n              message: '修改成功!'\r\n            })\r\n            this.dialogFormVisible = false\r\n            this.form = {}\r\n            this.getTypes()\r\n          } else {\r\n            this.$message({\r\n              type: 'error',\r\n              message: response.msg\r\n            })\r\n          }\r\n        })\r\n      }\r\n    },\r\n    handleSearch() {\r\n      console.log(this.queryParams.dictType, 'queryParams.dictTypequeryParams.dictTypequeryParams.dictType');\r\n      this.queryParams.pageNum = 1\r\n      this.getTypes()\r\n    },\r\n    /** 查询字典类型详细 */\r\n    getTypes() {\r\n      getType(this.queryParams).then(response => {\r\n        this.tableData = response.data.records\r\n        this.total = response.data.total\r\n      })\r\n    },\r\n    addDepartMenDict() {\r\n      this.form = {}\r\n      this.form.dictType = this.$route.query.testQuery\r\n      this.clickType = 1\r\n      this.title = '添加字典数据'\r\n      this.dialogFormVisible = true\r\n    },\r\n    editDict(scope) {\r\n      this.clickType = 2\r\n      this.title = '修改字典数据'\r\n      this.dialogFormVisible = true\r\n      this.form = JSON.parse(JSON.stringify(scope))\r\n    },\r\n    handleSizeChange(val) {\r\n      this.queryParams.pageSize = val\r\n      this.getTypes()\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.queryParams.pageNum = val\r\n      this.getTypes()\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      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: 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  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  cursor: pointer;\r\n}\r\n\r\n.searcha {\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.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  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  margin-left: 12px;\r\n}\r\n\r\n.reseta {\r\n  color: #333334;\r\n  border: 1px solid #D7D7D7;\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  margin-left: 12px;\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\r\n.head {\r\n  height: 50px;\r\n  font-size: 12px;\r\n  line-height: 40px;\r\n  background: #dadfe8 !important;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-top: -15px;\r\n  padding: 0 25px;\r\n}\r\n::v-deep .el-dialog__body {\r\n  padding: 20px 95px !important;\r\n}\r\n</style>\r\n\r\n"]}]}