{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/department-dict/index.vue?vue&type=style&index=0&id=299761ce&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/system/department-dict/index.vue","mtime":1708395041889},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmRhc2hib2FyZCB7DQogICYtY29udGFpbmVyIHsNCiAgICBtYXJnaW46IDQ1cHggMzBweCAzMHB4Ow0KICB9DQoNCiAgJi10ZXh0IHsNCiAgICBmb250LXNpemU6IDMwcHg7DQogICAgbGluZS1oZWlnaHQ6IDQ2cHg7DQogIH0NCn0NCg0KLmRhc2hib2FyZC1jb250YWluZXIgew0KDQogIC5zZWFyY2gtY29udGVudCB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiA3NHB4Ow0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIHBhZGRpbmctbGVmdDogMTBweDsNCg0KICAgIC5lbC1pbnB1dCB7DQogICAgICBtYXJnaW46IDAgMTBweDsNCiAgICB9DQoNCiAgICAuZWwtc2VsZWN0IHsNCiAgICAgIG1hcmdpbjogMCAxMHB4Ow0KICAgIH0NCg0KICAgIC5zZWFyY2gtYnRuIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7DQoNCiAgICAgIGRpdiB7DQogICAgICAgIC8vIG1hcmdpbjogMCA2cHg7DQogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICAgICAgd2lkdGg6IDgwcHg7DQogICAgICAgIGhlaWdodDogNDBweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICB9DQoNCiAgICAgIGRpdjpob3ZlciB7DQogICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgIH0NCg0KICAgICAgLnNlYXJjaCB7DQogICAgICAgIG1hcmdpbi1yaWdodDogMTBweDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzI3NjZERDsNCiAgICAgICAgY29sb3I6ICNGN0Y4RkI7DQogICAgICB9DQoNCiAgICAgIC5zZWFyY2g6aG92ZXIgew0KICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNEQ4NUY0Ow0KICAgICAgfQ0KDQogICAgICAucmVzZXQgew0KICAgICAgICBjb2xvcjogIzMzMzMzNDsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0Q3RDdENzsNCiAgICAgIH0NCg0KICAgICAgLnJlc2V0OmhvdmVyIHsNCiAgICAgICAgY29sb3I6ICMxRjlGRkY7DQogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxRjlGRkY7DQogICAgICB9DQogICAgfQ0KICB9DQoNCiAgLnRhYmxlLWNvbnRlbnQgew0KICAgIG1hcmdpbi10b3A6IDE1cHg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgICBwYWRkaW5nOiAwIDIwcHggMjBweDsNCg0KICAgIC5idG4gew0KICAgICAgbWFyZ2luOiAxNXB4IDIwcHggMTVweCAwOw0KICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgZmxvYXQ6IGxlZnQ7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICB3aWR0aDogOThweDsNCiAgICAgIGhlaWdodDogMzRweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNBQkM3RkQ7DQogICAgICBsaW5lLWhlaWdodDogMzRweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICBjb2xvcjogIzIyNTBDODsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNFN0VFRkY7DQogICAgfQ0KDQogICAgLmJ0bjpob3ZlciB7DQogICAgICBjb2xvcjogI0ZGRkZGRjsNCiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyMjUwQzg7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMjI1MEM4Ow0KICAgIH0NCg0KICAgIC5idG46YWN0aXZlIHsNCiAgICAgIGNvbG9yOiAjRkZGRkZGOw0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzE5NERBNDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMxOTREQTQ7DQogICAgfQ0KDQogICAgLnN0YXJ0VXNpbmcgew0KICAgICAgd2lkdGg6IDU0cHg7DQogICAgICBoZWlnaHQ6IDI0cHg7DQogICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjMDA5NzREOw0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0U3RkFGMDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNCRUZEREQ7DQogICAgfQ0KDQogICAgLkRlYWN0aXZhdGUgew0KICAgICAgd2lkdGg6IDU0cHg7DQogICAgICBoZWlnaHQ6IDI0cHg7DQogICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7DQogICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjRkY5OTMzOw0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRjNFODsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNGREU2Q0Y7DQogICAgfQ0KDQogICAgLm9wZXJhdGVCdG4gew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgY29sb3I6ICMyODY2REQ7DQoNCiAgICAgIGRpdiB7DQogICAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgICAgbWFyZ2luOiAwIDVweDsNCiAgICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5wYWdpbmF0aW9uIHsNCiAgICAgIG1hcmdpbjogMTBweCAwOw0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDIwcHg7DQoNCiAgICAgIC5lbC1wYWdpbmF0aW9uIHsNCiAgICAgICAgZmxvYXQ6IHJpZ2h0Ow0KICAgICAgICBtYXJnaW46IDEwcHggMDsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg0KLnNlYXJjaCB7DQogIGJhY2tncm91bmQtY29sb3I6ICMyNzY2REQ7DQogIGNvbG9yOiAjRjdGOEZCOw0KfQ0KDQouc2VhcmNoOmhvdmVyIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzREODVGNDsNCn0NCg0KLnJlc2V0IHsNCiAgY29sb3I6ICMzMzMzMzQ7DQogIGJvcmRlcjogMXB4IHNvbGlkICNEN0Q3RDc7DQp9DQoNCi5yZXNldDpob3ZlciB7DQogIGNvbG9yOiAjMUY5RkZGOw0KICBib3JkZXI6IDFweCBzb2xpZCAjMUY5RkZGOw0KICBiYWNrZ3JvdW5kOiBub25lOw0KfQ0KDQouc3RhcnRVc2luZyB7DQogIHdpZHRoOiA1NHB4Ow0KICBoZWlnaHQ6IDI0cHg7DQogIG1hcmdpbjogMTQuNXB4IGF1dG8gMDsNCiAgbGluZS1oZWlnaHQ6IDI0cHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBjb2xvcjogIzAwOTc0RDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjRTdGQUYwOw0KICBib3JkZXI6IDFweCBzb2xpZCAjQkVGREREOw0KfQ0KDQouRGVhY3RpdmF0ZSB7DQogIHdpZHRoOiA1NHB4Ow0KICBoZWlnaHQ6IDI0cHg7DQogIG1hcmdpbjogMTQuNXB4IGF1dG8gMDsNCiAgbGluZS1oZWlnaHQ6IDI0cHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBjb2xvcjogI0ZGOTkzMzsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkZGM0U4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjRkRFNkNGOw0KfQ0KDQo6OnYtZGVlcCAuZWwtZGlhbG9nX19ib2R5IHsNCiAgcGFkZGluZzogMjBweCA5NXB4ICFpbXBvcnRhbnQ7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8VA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;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;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;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/department-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;\" 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>\r\n    </div>\r\n\r\n    <div class=\"table-content\">\r\n      <div style=\"width: 100%;height: 30px;\">\r\n        <div class=\"btn\" @click=\"addDepartMenDict\">\r\n          <span class=\"icon font_family\">&#xe604;</span>\r\n          新增\r\n        </div>\r\n        <div class=\"btn\" @click=\"handleDelete\">\r\n          <span class=\"icon font_family\">&#xe607;</span>\r\n          批量删除\r\n        </div>\r\n        <div class=\"btn\" @click=\"exportOut\">\r\n          <span class=\"icon font_family\">&#xe605;</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\" />\r\n        <el-table-column prop=\"dictId\" label=\"字典编号\" align=\"center\" width=\"160\" />\r\n        <el-table-column prop=\"dictName\" label=\"字典名称\" align=\"center\" width=\"200\" />\r\n        <el-table-column prop=\"dictType\" label=\"字典类型\" align=\"center\" width=\"190\">\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=\"160\">\r\n          <template slot-scope=\"scope\">\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=\"170\" />\r\n        <el-table-column label=\"操作\" align=\"center\" width=\"200\">\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:16px;color: #2766DD;cursor: pointer;\"\r\n                @click=\"updateDepart(scope.row)\">修改</div>\r\n              <div style=\"width:100px;margin-right:50px;font-size:16px;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\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\r\n    <el-dialog center width=\"636px\" :title=\"title\" :visible.sync=\"dialogFormVisible\">\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\" prop=\"status\">\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=\"reset\" @click=\"closeDia\">取 消</el-button>\r\n        <el-button class=\"search\" @click=\"submitForm\">保存</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, getExportDepart, getDeleteDepart, getUpdateDepart } from '@/api/departMentDict'\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n  name: '',\r\n  computed: {\r\n    ...mapGetters([\r\n      'name'\r\n    ])\r\n  },\r\n  data() {\r\n    return {\r\n      rules: {\r\n        dictName: [\r\n          { required: true, message: '请输入字典名称', trigger: 'blur' }\r\n        ],\r\n        dictType: [\r\n          { required: true, message: '请输入字典类型', trigger: 'blur' }\r\n        ],\r\n        status: [\r\n          { required: true, message: '请选择状态', trigger: 'blur' }\r\n        ]\r\n      },\r\n      departMentData: [],\r\n      queryParams: {\r\n        // dataType: '1',\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: '1'\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: 'type', 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      getExportDepart({ids:this.ids}).then(res => {\r\n        // this.exportFile(res, '系统字典数据信息')\r\n\r\n\r\n        if (res.type == \"application/json\") {\r\n          const reader = new FileReader(); \r\n          reader.readAsText(res, 'utf-8'); \r\n          reader.onload = function () {\r\n            const msg = JSON.parse(reader.result);\r\n            if(msg.code == 200){\r\n              this.exportFile(res, '系统字典数据信息')\r\n            } else{\r\n              Message({\r\n                type: 'error',\r\n                message: msg.msg\r\n              });\r\n            }      \r\n          }\r\n        }else{\r\n          this.exportFile(res, '系统字典数据信息')\r\n        }\r\n\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      this.$refs.form.validate((valid) => {\r\n        if (valid) {\r\n          if (this.doType == 1) {\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              } 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              } 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      })\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    },\r\n    closeDia() {\r\n      this.dialogFormVisible = false\r\n      this.$refs.form.resetFields()\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: 74px;\r\n    background-color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-left: 10px;\r\n\r\n    .el-input {\r\n      margin: 0 10px;\r\n    }\r\n\r\n    .el-select {\r\n      margin: 0 10px;\r\n    }\r\n\r\n    .search-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 100%;\r\n      margin-left: 10px;\r\n\r\n      div {\r\n        // margin: 0 6px;\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      div:hover {\r\n        cursor: pointer;\r\n      }\r\n\r\n      .search {\r\n        margin-right: 10px;\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      }\r\n    }\r\n  }\r\n\r\n  .table-content {\r\n    margin-top: 15px;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    padding: 0 20px 20px;\r\n\r\n    .btn {\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    .btn:hover {\r\n      color: #FFFFFF;\r\n      background-color: #2250C8;\r\n      border: 1px solid #2250C8;\r\n    }\r\n\r\n    .btn:active {\r\n      color: #FFFFFF;\r\n      background-color: #194DA4;\r\n      border: 1px solid #194DA4;\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: #2866DD;\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        margin: 10px 0;\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.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 95px !important;\r\n}\r\n</style>\r\n"]}]}