| 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/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\"></span>\r\n 新增\r\n </div>\r\n <div class=\"addBtn\" @click=\"deleteDictIds\">\r\n <span class=\"icon font_family\"></span>\r\n 批量删除\r\n </div>\r\n <div class=\"addBtn\" style=\"margin-right:0\" @click=\"uploadOut\">\r\n <span class=\"icon font_family\"></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"]}]}
|
