| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\views\\system\\user\\index.vue?vue&type=style&index=0&id=1930a3c4&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\views\\system\\user\\index.vue","mtime":1647228900908},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCjo6di1kZWVwIC5lbC10cmVlLW5vZGVfX2NvbnRlbnQgew0KICBjb2xvcjogI2ZmZjsNCiAgaGVpZ2h0OiAzMHB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQp9DQo6OnYtZGVlcCAuZWwtdHJlZS1ub2RlX19jb250ZW50OmhvdmVyIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNGQ4NiAhaW1wb3J0YW50Ow0KfQ0KLyog5a+56K+d5qGG6IOM5pmv6aKc6ImyICovDQo6OnYtZGVlcCAuZWwtZGlhbG9nIHsNCiAgYmFja2dyb3VuZDogIzAwNGQ4NiAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLXRleHRhcmVhX19pbm5lciB7DQogIHdpZHRoOiA5MzBweDsNCiAgaGVpZ2h0OiAxMDRweDsNCiAgbWFyZ2luOiBhdXRvICFpbXBvcnRhbnQ7DQp9DQo6OnYtZGVlcCAuZWwtZGlhbG9nX19oZWFkZXIgew0KICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzcxOGE5ZDsNCn0NCjo6di1kZWVwIC5lbC1kaWFsb2dfX3RpdGxlIHsNCiAgY29sb3I6ICNmZmY7DQogIGZvbnQ6IDE4cHg7DQp9DQo6OnYtZGVlcCAuZWwtZGlhbG9nX19oZWFkZXJidG4gLmVsLWRpYWxvZ19fY2xvc2Ugew0KICBjb2xvcjogI2ZmZjsNCn0NCjo6di1kZWVwIC5lbC1mb3JtLWl0ZW1fX2xhYmVsIHsNCiAgZm9udDogMTZweDsNCiAgY29sb3I6ICNmZmY7DQogIHdpZHRoOiAxMDBweCAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLWlucHV0X19pbm5lciB7DQogIC8qIHdpZHRoOiAyMDBweCAhaW1wb3J0YW50Ow0KICBoZWlnaHQ6IDM2cHg7ICovDQogIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50Ow0KICBjb2xvcjogI2ZmZjsNCn0NCi8qIOWNleS9jeahhuiDjOaZr+minOiJsiAqLw0KOjp2LWRlZXAgLnZ1ZS10cmVlc2VsZWN0X19jb250cm9sIHsNCiAgYmFja2dyb3VuZDogIzAwNGQ4NiAhaW1wb3J0YW50Ow0KfQ0KLyog5Z+65pys5L+h5oGv6IOM5pmvICovDQouamliZW4gew0KICB3aWR0aDogOTUycHg7DQogIGhlaWdodDogMzJweDsNCiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uLy4uLy4uL2ltYWdlcy/lsI/moIfpopjlupUucG5nKTsNCiAgbWFyZ2luLWJvdHRvbTogMjVweDsNCiAgY29sb3I6ICNmZmY7DQogIHBhZGRpbmctbGVmdDogMTZweDsNCiAgbGluZS1oZWlnaHQ6IDMycHg7DQp9DQovKuiwg+aVtOihqOWNlemXtOi3nSAqLw0KOjp2LWRlZXAgLmVsLWZvcm0taXRlbV9fY29udGVudCB7DQogIHdpZHRoOiAyMDBweDsNCn0NCg0KLmNvbnRlbnRzIHsNCiAgcGFkZGluZzogMHB4IDQwcHggIWltcG9ydGFudDsNCn0NCi8qIOS4i+aLieiPnOWNlSAqLw0KLmVsLWRyb3Bkb3duLWxpbmsgew0KICBjdXJzb3I6IHBvaW50ZXI7DQogIGNvbG9yOiAjNDA5ZWZmOw0KfQ0KLmVsLWljb24tYXJyb3ctZG93biB7DQogIGZvbnQtc2l6ZTogMTJweDsNCn0NCi8qIOWIt+aWsOWbvuaghyAqLw0KLyogLmVsLWljb24tcmVmcmVzaCB7DQogIHdpZHRoOiA3NnB4Ow0KICBoZWlnaHQ6IDM2cHg7DQogIGNvbG9yOiAjZmZmOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWQ5NmZmICFpbXBvcnRhbnQ7DQogIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgYm9yZGVyOiBub25lOw0KICBtYXJnaW4tbGVmdDogMjBweDsNCiAgZm9udC1zaXplOiAxNHB4Ow0KfSAqLw0KLyog5LiL5ouJ6I+c5Y2V5a2X5L2TL+iDjOaZr+minOiJsiAqLw0KLmVsLXNlbGVjdC1kcm9wZG93bl9faXRlbS5ob3ZlciwNCi5lbC1zZWxlY3QtZHJvcGRvd25fX2l0ZW06aG92ZXIgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA0ZDg2Ow0KICBjb2xvcjogI2ZmZjsNCn0NCi5lbC1zZWxlY3QtZHJvcGRvd25fX2l0ZW0gew0KICBjb2xvcjogI2ZmZjsNCn0NCi8qIOaXtumXtOmAieaLqSAqLw0KOjp2LWRlZXAgLmVsLWlucHV0LS1zbWFsbCAuZWwtaW5wdXRfX2lubmVyIHsNCiAgd2lkdGg6IDIwMHB4Ow0KICBoZWlnaHQ6IDM2cHg7DQogIGxpbmUtaGVpZ2h0OiAzNnB4Ow0KfQ0KLmVsLWRhdGUtZWRpdG9yLmVsLWlucHV0IHsNCiAgd2lkdGg6IDIwMHB4Ow0KICBoZWlnaHQ6IDM2cHg7DQogIGxpbmUtaGVpZ2h0OiAzNnB4Ow0KfQ0KOjp2LWRlZXAgLmVsLWRhdGUtZWRpdG9yLmVsLWlucHV0IC5lbC1pbnB1dF9faW5uZXIgew0KICBoZWlnaHQ6IDM2cHg7DQogIGxpbmUtaGVpZ2h0OiAzNnB4Ow0KfQ0KLyog5Y2V5L2N5qGG6IOM5pmv6aKc6ImyICovDQo6OnYtZGVlcCAudnVlLXRyZWVzZWxlY3RfX2NvbnRyb2wgew0KICBiYWNrZ3JvdW5kOiAjMDA0ZDg2ICFpbXBvcnRhbnQ7DQogIGNvbG9yOiAjZmZmOw0KfQ0KLyog5Y2V5L2N5LiL5ouJ6I+c5Y2V6YCJ5Lit5a2X5L2T6aKc6ImyICovDQo6OnYtZGVlcCAudnVlLXRyZWVzZWxlY3RfX3NpbmdsZS12YWx1ZSB7DQogIGNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7DQp9DQovKiDliIbpobXmjInpkq4gKi8NCjo6di1kZWVwIC5lbC1wYWdpbmF0aW9uLmlzLWJhY2tncm91bmQgLmVsLXBhZ2VyIGxpIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzAwNGQ4NjsNCiAgY29sb3I6ICNmZmY7DQp9DQo6OnYtZGVlcCAuZWwtcGFnaW5hdGlvbi5pcy1iYWNrZ3JvdW5kIC5idG4tbmV4dCB7DQogIGJhY2tncm91bmQtY29sb3I6ICMwMDRkODY7DQogIGNvbG9yOiAjZmZmOw0KfQ0KOjp2LWRlZXAgLmVsLXBhZ2luYXRpb24uaXMtYmFja2dyb3VuZCAuYnRuLXByZXYsDQouZWwtcGFnaW5hdGlvbi5pcy1iYWNrZ3JvdW5kIC5idG4tbmV4dCwNCi5lbC1wYWdpbmF0aW9uLmlzLWJhY2tncm91bmQgLmVsLXBhZ2VyIGxpIHsNCiAgYmFja2dyb3VuZDogIzAwNGQ4NiAhaW1wb3J0YW50Ow0KICBjb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KfQ0KLyog5aSH5rOo6L6T5YWl5qGGICovDQoudGV4dGFyZWFzIDo6di1kZWVwIC5lbC1mb3JtLWl0ZW1fX2NvbnRlbnQgew0KICB3aWR0aDogMTAwJTsNCn0NCi8qIOaXpeacn+iDjOaZr+minOiJsiAqLw0KOjp2LWRlZXAgLmVsLWRhdGUtZWRpdG9yIC5lbC1yYW5nZS1pbnB1dCB7DQogIGJhY2tncm91bmQ6ICMwMDM2NWY7DQp9DQovKiDnirbmgIEgKi8NCi5lbC1yYWRpbyB7DQogIGNvbG9yOiByZ2IoMjA0LCAxOTgsIDE5OCk7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA04BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/user","sourcesContent":["<template>\r\n <div class=\"app-container\">\r\n <el-row :gutter=\"20\">\r\n <!--部门数据-->\r\n <el-col :span=\"4\" :xs=\"24\">\r\n <div class=\"head-container\">\r\n <el-input\r\n v-model=\"deptName\"\r\n placeholder=\"请输入部门名称\"\r\n clearable\r\n size=\"small\"\r\n prefix-icon=\"el-icon-search\"\r\n style=\"margin-bottom: 20px\"\r\n />\r\n </div>\r\n <div class=\"head-container\">\r\n <el-tree\r\n :data=\"deptOptions\"\r\n :props=\"defaultProps\"\r\n :expand-on-click-node=\"false\"\r\n :filter-node-method=\"filterNode\"\r\n ref=\"tree\"\r\n default-expand-all\r\n @node-click=\"handleNodeClick\"\r\n />\r\n </div>\r\n </el-col>\r\n <!--用户数据-->\r\n <el-col :span=\"20\" :xs=\"24\">\r\n <el-form\r\n :model=\"queryParams\"\r\n ref=\"queryForm\"\r\n :inline=\"true\"\r\n v-show=\"showSearch\"\r\n label-width=\"68px\"\r\n >\r\n <el-form-item label=\"用户名称\" prop=\"userName\">\r\n <el-input\r\n v-model=\"queryParams.userName\"\r\n placeholder=\"请输入用户名称\"\r\n clearable\r\n size=\"small\"\r\n style=\"width: 240px\"\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"手机号码\" prop=\"phonenumber\">\r\n <el-input\r\n v-model=\"queryParams.phonenumber\"\r\n placeholder=\"请输入手机号码\"\r\n clearable\r\n size=\"small\"\r\n style=\"width: 240px\"\r\n @keyup.enter.native=\"handleQuery\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"状态\" prop=\"status\">\r\n <el-select\r\n v-model=\"queryParams.status\"\r\n placeholder=\"用户状态\"\r\n clearable\r\n size=\"small\"\r\n style=\"width: 240px\"\r\n >\r\n <el-option\r\n v-for=\"dict in dict.type.sys_normal_disable\"\r\n :key=\"dict.value\"\r\n :label=\"dict.label\"\r\n :value=\"dict.value\"\r\n />\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"创建时间\">\r\n <el-date-picker\r\n v-model=\"dateRange\"\r\n size=\"small\"\r\n style=\"\r\n width: 200px;\r\n height: 36px;\r\n background: #00365f;\r\n border: 1px solid white;\r\n \"\r\n value-format=\"yyyy-MM-dd\"\r\n type=\"daterange\"\r\n range-separator=\"-\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" icon=\"el-icon-search\" size=\"btn\" @click=\"handleQuery\">搜索</el-button>\r\n <el-button icon=\"el-icon-refresh\" size=\"btr\" @click=\"resetQuery\">重置</el-button>\r\n </el-form-item>\r\n </el-form>\r\n\r\n <el-row :gutter=\"10\" class=\"mb8\">\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"primary\"\r\n plain\r\n icon=\"el-icon-plus\"\r\n size=\"mini\"\r\n @click=\"handleAdd\"\r\n v-hasPermi=\"['system:user:add']\"\r\n >新增</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"success\"\r\n plain\r\n icon=\"el-icon-edit\"\r\n size=\"mini\"\r\n :disabled=\"single\"\r\n @click=\"handleUpdate\"\r\n v-hasPermi=\"['system:user:edit']\"\r\n >修改</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"danger\"\r\n plain\r\n icon=\"el-icon-delete\"\r\n size=\"mini\"\r\n :disabled=\"multiple\"\r\n @click=\"handleDelete\"\r\n v-hasPermi=\"['system:user:remove']\"\r\n >删除</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"info\"\r\n plain\r\n icon=\"el-icon-upload2\"\r\n size=\"mini\"\r\n @click=\"handleImport\"\r\n v-hasPermi=\"['system:user:import']\"\r\n >导入</el-button>\r\n </el-col>\r\n <el-col :span=\"1.5\">\r\n <el-button\r\n type=\"warning\"\r\n plain\r\n icon=\"el-icon-download\"\r\n size=\"mini\"\r\n :loading=\"exportLoading\"\r\n @click=\"handleExport\"\r\n v-hasPermi=\"['system:user:export']\"\r\n >导出</el-button>\r\n </el-col>\r\n <right-toolbar :showSearch.sync=\"showSearch\" @queryTable=\"getList\" :columns=\"columns\"></right-toolbar>\r\n </el-row>\r\n\r\n <el-table\r\n v-loading=\"loading\"\r\n :data=\"userList\"\r\n @selection-change=\"handleSelectionChange\"\r\n :header-cell-style=\"{ background: '#003c69', color: 'white' }\"\r\n >\r\n <el-table-column type=\"selection\" width=\"50\" align=\"center\" />\r\n <el-table-column\r\n label=\"用户编号\"\r\n align=\"center\"\r\n key=\"userId\"\r\n prop=\"userId\"\r\n v-if=\"columns[0].visible\"\r\n />\r\n <el-table-column\r\n label=\"用户名称\"\r\n align=\"center\"\r\n key=\"userName\"\r\n prop=\"userName\"\r\n v-if=\"columns[1].visible\"\r\n :show-overflow-tooltip=\"true\"\r\n />\r\n <el-table-column\r\n label=\"用户昵称\"\r\n align=\"center\"\r\n key=\"nickName\"\r\n prop=\"nickName\"\r\n v-if=\"columns[2].visible\"\r\n :show-overflow-tooltip=\"true\"\r\n />\r\n <el-table-column\r\n label=\"部门\"\r\n align=\"center\"\r\n key=\"deptName\"\r\n prop=\"dept.deptName\"\r\n v-if=\"columns[3].visible\"\r\n :show-overflow-tooltip=\"true\"\r\n />\r\n <el-table-column\r\n label=\"手机号码\"\r\n align=\"center\"\r\n key=\"phonenumber\"\r\n prop=\"phonenumber\"\r\n v-if=\"columns[4].visible\"\r\n width=\"120\"\r\n />\r\n <el-table-column label=\"状态\" align=\"center\" key=\"status\" v-if=\"columns[5].visible\">\r\n <template slot-scope=\"scope\">\r\n <el-switch\r\n v-model=\"scope.row.status\"\r\n active-value=\"0\"\r\n inactive-value=\"1\"\r\n @change=\"handleStatusChange(scope.row)\"\r\n ></el-switch>\r\n </template>\r\n </el-table-column>\r\n <el-table-column\r\n label=\"创建时间\"\r\n align=\"center\"\r\n prop=\"createTime\"\r\n v-if=\"columns[6].visible\"\r\n width=\"160\"\r\n >\r\n <template slot-scope=\"scope\">\r\n <span>{{ parseTime(scope.row.createTime) }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column\r\n label=\"操作\"\r\n align=\"center\"\r\n width=\"200\"\r\n class-name=\"small-padding fixed-width\"\r\n >\r\n <template slot-scope=\"scope\" v-if=\"scope.row.userId !== 1\">\r\n <el-button\r\n size=\"mini\"\r\n type=\"text\"\r\n @click=\"handleUpdate(scope.row)\"\r\n v-hasPermi=\"['system:user:edit']\"\r\n >\r\n <span class=\"edit\">修改</span>\r\n </el-button>\r\n <el-button\r\n size=\"mini\"\r\n type=\"text\"\r\n @click=\"handleDelete(scope.row)\"\r\n v-hasPermi=\"['system:user:remove']\"\r\n >\r\n <span class=\"delete\">删除</span>\r\n </el-button>\r\n <el-dropdown\r\n size=\"mini\"\r\n @command=\"(command) => handleCommand(command, scope.row)\"\r\n v-hasPermi=\"['system:user:resetPwd', 'system:user:edit']\"\r\n >\r\n <span class=\"more\">更多</span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item\r\n command=\"handleResetPwd\"\r\n icon=\"el-icon-key\"\r\n v-hasPermi=\"['system:user:resetPwd']\"\r\n >重置密码</el-dropdown-item>\r\n <el-dropdown-item\r\n command=\"handleAuthRole\"\r\n icon=\"el-icon-circle-check\"\r\n v-hasPermi=\"['system:user:edit']\"\r\n >分配角色</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n\r\n <pagination\r\n v-show=\"total > 0\"\r\n :total=\"total\"\r\n :page.sync=\"queryParams.pageNum\"\r\n :limit.sync=\"queryParams.pageSize\"\r\n @pagination=\"getList\"\r\n />\r\n </el-col>\r\n </el-row>\r\n\r\n <!-- 添加或修改参数配置对话框 -->\r\n <el-dialog :title=\"title\" :visible.sync=\"open\" width=\"1016px\" append-to-body>\r\n <div class=\"jiben\">基本信息</div>\r\n\r\n <el-form ref=\"form\" :model=\"form\" :rules=\"rules\" label-width=\"80px\" :inline=\"true\">\r\n <el-row>\r\n <el-col :span=\"8\">\r\n <!-- <el-form-item label=\"归属部门\" prop=\"deptId\">\r\n <treeselect\r\n v-model=\"form.deptId\"\r\n :options=\"deptOptions\"\r\n :show-count=\"true\"\r\n placeholder=\"请选择归属部门\"\r\n @node-click=\"deptIdClick\"\r\n />\r\n </el-form-item>-->\r\n <el-form-item label=\"归属部门\" prop=\"deptId\">\r\n <el-select\r\n v-model=\"form.deptId\"\r\n @change=\"deptIdClick\"\r\n clearable\r\n placeholder=\"请选择归属部门\"\r\n >\r\n <el-option\r\n v-for=\"dict in unitId\"\r\n :key=\"dict.deptId\"\r\n :label=\"dict.deptName\"\r\n :value=\"dict.deptId\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"用户昵称\" prop=\"nickName\">\r\n <el-select\r\n v-model=\"form.nickName\"\r\n filterable\r\n clearable\r\n placeholder\r\n @change=\"unitNamechange\"\r\n >\r\n <el-option\r\n v-for=\"item in nickNamelist\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n :value=\"item\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"手机号码\" prop=\"phonenumber\">\r\n <el-input v-model=\"form.phonenumber\" placeholder=\"请输入手机号码\" maxlength=\"11\" />\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-row>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"邮箱\" prop=\"email\">\r\n <el-input v-model=\"form.email\" placeholder=\"请输入邮箱\" maxlength=\"50\" />\r\n </el-form-item>\r\n </el-col>\r\n\r\n <el-col :span=\"8\">\r\n <el-form-item v-if=\"form.userId == undefined\" label=\"用户名称\" prop=\"userName\">\r\n <el-input v-model=\"form.userName\" placeholder=\"请输入用户名称\" maxlength=\"30\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <el-form-item v-if=\"form.userId == undefined\" label=\"用户密码\" prop=\"password\">\r\n <el-input\r\n v-model=\"form.password\"\r\n placeholder=\"请输入用户密码\"\r\n type=\"password\"\r\n maxlength=\"20\"\r\n show-password\r\n />\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-row></el-row>\r\n <el-row>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"用户性别\">\r\n <el-select v-model=\"form.sex\" placeholder=\"请选择\">\r\n <el-option\r\n v-for=\"dict in dict.type.sys_user_sex\"\r\n :key=\"dict.value\"\r\n :label=\"dict.label\"\r\n :value=\"dict.value\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"角色\">\r\n <el-select v-model=\"form.roleIds\" multiple placeholder=\"请选择\">\r\n <el-option\r\n v-for=\"item in roleOptions\"\r\n :key=\"item.roleId\"\r\n :label=\"item.roleName\"\r\n :value=\"item.roleId\"\r\n :disabled=\"item.status == 1\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"岗位\">\r\n <el-select v-model=\"form.postIds\" multiple placeholder=\"请选择\">\r\n <el-option\r\n v-for=\"item in postOptions\"\r\n :key=\"item.postId\"\r\n :label=\"item.postName\"\r\n :value=\"item.postId\"\r\n :disabled=\"item.status == 1\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-row>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"权限\">\r\n <el-select v-model=\"form.permissions\" multiple placeholder=\"请选择权限\">\r\n <el-option\r\n v-for=\"item in permissions\"\r\n :key=\"dict.dictValue\"\r\n :label=\"dict.dictLabel\"\r\n :value=\"dict.dictValue\"\r\n :disabled=\"item.status == 1\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <el-form-item label=\"状态\">\r\n <el-radio-group v-model=\"form.status\">\r\n <el-radio\r\n v-for=\"dict in dict.type.sys_normal_disable\"\r\n :key=\"dict.value\"\r\n :label=\"dict.value\"\r\n >{{ dict.label }}</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <div class=\"jiben\">备注</div>\r\n\r\n <el-row>\r\n <el-col :span=\"24\">\r\n <el-form-item label style=\"width: 100%\" class=\"textareas\">\r\n <el-input v-model=\"form.remark\" type=\"textarea\" placeholder=\"请输入内容\"></el-input>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button type=\"primary\" @click=\"submitForm\">确 定</el-button>\r\n <el-button @click=\"cancel\">取 消</el-button>\r\n </div>\r\n </el-dialog>\r\n\r\n <!-- 用户导入对话框 -->\r\n <el-dialog :title=\"upload.title\" :visible.sync=\"upload.open\" width=\"400px\" append-to-body>\r\n <el-upload\r\n ref=\"upload\"\r\n :limit=\"1\"\r\n accept=\".xlsx, .xls\"\r\n :headers=\"upload.headers\"\r\n :action=\"upload.url + '?updateSupport=' + upload.updateSupport\"\r\n :disabled=\"upload.isUploading\"\r\n :on-progress=\"handleFileUploadProgress\"\r\n :on-success=\"handleFileSuccess\"\r\n :auto-upload=\"false\"\r\n drag\r\n >\r\n <i class=\"el-icon-upload\"></i>\r\n <div class=\"el-upload__text\">\r\n 将文件拖到此处，或\r\n <em>点击上传</em>\r\n </div>\r\n <div class=\"el-upload__tip text-center\" slot=\"tip\">\r\n <div class=\"el-upload__tip\" slot=\"tip\">\r\n <el-checkbox v-model=\"upload.updateSupport\" />是否更新已经存在的用户数据\r\n </div>\r\n <span>仅允许导入xls、xlsx格式文件。</span>\r\n <el-link\r\n type=\"primary\"\r\n :underline=\"false\"\r\n style=\"font-size: 12px; vertical-align: baseline\"\r\n @click=\"importTemplate\"\r\n >下载模板</el-link>\r\n </div>\r\n </el-upload>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button type=\"primary\" @click=\"submitFileForm\">确 定</el-button>\r\n <el-button @click=\"upload.open = false\">取 消</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n listUser,\r\n getUser,\r\n delUser,\r\n addUser,\r\n updateUser,\r\n exportUser,\r\n resetUserPwd,\r\n changeUserStatus,\r\n importTemplate,\r\n yhlist,\r\n getDept\r\n} from \"@/api/system/user\";\r\nimport { getToken } from \"@/utils/auth\";\r\nimport { treeselect } from \"@/api/system/dept\";\r\nimport Treeselect from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\n\r\nexport default {\r\n name: \"User\",\r\n dicts: [\"sys_normal_disable\", \"sys_user_sex\"],\r\n components: { Treeselect },\r\n data() {\r\n return {\r\n // 遮罩层\r\n loading: true,\r\n // 导出遮罩层\r\n exportLoading: false,\r\n // 选中数组\r\n ids: [],\r\n // 非单个禁用\r\n single: true,\r\n // 非多个禁用\r\n multiple: true,\r\n // 显示搜索条件\r\n showSearch: true,\r\n // 总条数\r\n total: 0,\r\n // 用户表格数据\r\n userList: null,\r\n // 弹出层标题\r\n title: \"\",\r\n // 部门树选项\r\n deptOptions: undefined,\r\n // 是否显示弹出层\r\n open: false,\r\n // 部门名称\r\n deptName: undefined,\r\n // 默认密码\r\n initPassword: undefined,\r\n // 日期范围\r\n dateRange: [],\r\n // 岗位选项\r\n postOptions: [],\r\n // 角色选项\r\n roleOptions: [],\r\n // 表单参数\r\n form: {},\r\n defaultProps: {\r\n label: \"label\",\r\n children: \"children\"\r\n },\r\n // 用户导入参数\r\n upload: {\r\n // 是否显示弹出层（用户导入）\r\n open: false,\r\n // 弹出层标题（用户导入）\r\n title: \"\",\r\n // 是否禁用上传\r\n isUploading: false,\r\n // 是否更新已经存在的用户数据\r\n updateSupport: 0,\r\n // 设置上传的请求头部\r\n headers: { Authorization: \"Bearer \" + getToken() },\r\n // 上传的地址\r\n url: process.env.VUE_APP_BASE_API + \"/system/user/importData\"\r\n },\r\n // 查询参数\r\n queryParams: {\r\n pageNum: 1,\r\n pageSize: 10,\r\n userName: undefined,\r\n phonenumber: undefined,\r\n status: undefined,\r\n deptId: undefined,\r\n permissions: null\r\n },\r\n // 列信息\r\n columns: [\r\n { key: 0, label: `用户编号`, visible: true },\r\n { key: 1, label: `用户名称`, visible: true },\r\n { key: 2, label: `用户昵称`, visible: true },\r\n { key: 3, label: `部门`, visible: true },\r\n { key: 4, label: `手机号码`, visible: true },\r\n { key: 5, label: `状态`, visible: true },\r\n { key: 6, label: `创建时间`, visible: true }\r\n ],\r\n // 表单校验\r\n rules: {\r\n userName: [\r\n { required: true, message: \"用户名称不能为空\", trigger: \"blur\" },\r\n {\r\n min: 2,\r\n max: 20,\r\n message: \"用户名称长度必须介于 2 和 20 之间\",\r\n trigger: \"blur\"\r\n }\r\n ],\r\n nickName: [\r\n { required: true, message: \"用户昵称不能为空\", trigger: \"change\" }\r\n ],\r\n deptId: [\r\n { required: true, message: \"归属部门不能为空\", trigger: \"change\" }\r\n ],\r\n password: [\r\n { required: true, message: \"用户密码不能为空\", trigger: \"blur\" },\r\n {\r\n min: 5,\r\n max: 20,\r\n message: \"用户密码长度必须介于 5 和 20 之间\",\r\n trigger: \"blur\"\r\n }\r\n ],\r\n email: [\r\n {\r\n type: \"email\",\r\n message: \"'请输入正确的邮箱地址\",\r\n trigger: [\"blur\", \"change\"]\r\n }\r\n ],\r\n phonenumber: [\r\n {\r\n pattern: /^1[3|4|5|6|7|8|9][0-9]\\d{8}$/,\r\n message: \"请输入正确的手机号码\",\r\n trigger: \"blur\"\r\n }\r\n ]\r\n },\r\n //用户昵称数组\r\n nickNamelist: [],\r\n //归属部门\r\n unitId: [],\r\n //权限\r\n permissions: []\r\n };\r\n },\r\n updated() {\r\n this.changeColor();\r\n //权限\r\n this.getDicts(\"sys_permissions\").then(response => {\r\n this.permissions = response.data;\r\n });\r\n },\r\n watch: {\r\n // 根据名称筛选部门树\r\n deptName(val) {\r\n this.$refs.tree.filter(val);\r\n }\r\n },\r\n\r\n created() {\r\n this.getList();\r\n this.getTreeselect();\r\n this.getConfigKey(\"sys.user.initPassword\").then(response => {\r\n this.initPassword = response.msg;\r\n });\r\n //归属部门数据\r\n getDept().then(res => {\r\n if (res.code == 200) {\r\n this.unitId = res.data;\r\n }\r\n });\r\n },\r\n methods: {\r\n /** 查询用户列表 */\r\n getList() {\r\n this.loading = true;\r\n listUser(this.addDateRange(this.queryParams, this.dateRange)).then(\r\n response => {\r\n this.userList = response.rows;\r\n this.total = response.total;\r\n this.loading = false;\r\n }\r\n );\r\n },\r\n /** 查询部门下拉树结构 */\r\n getTreeselect() {\r\n treeselect().then(response => {\r\n this.deptOptions = response.data;\r\n });\r\n },\r\n\r\n // 筛选节点\r\n filterNode(value, data) {\r\n if (!value) return true;\r\n return data.label.indexOf(value) !== -1;\r\n },\r\n // 节点单击事件\r\n handleNodeClick(data) {\r\n this.queryParams.deptId = data.id;\r\n this.getList();\r\n },\r\n // 用户状态修改\r\n handleStatusChange(row) {\r\n let text = row.status === \"0\" ? \"启用\" : \"停用\";\r\n this.$modal\r\n .confirm('确认要\"' + text + '\"\"' + row.userName + '\"用户吗？')\r\n .then(function() {\r\n return changeUserStatus(row.userId, row.status);\r\n })\r\n .then(() => {\r\n this.$modal.msgSuccess(text + \"成功\");\r\n })\r\n .catch(function() {\r\n row.status = row.status === \"0\" ? \"1\" : \"0\";\r\n });\r\n },\r\n // 取消按钮\r\n cancel() {\r\n this.open = false;\r\n this.reset();\r\n },\r\n // 表单重置\r\n reset() {\r\n this.form = {\r\n userId: undefined,\r\n deptId: undefined,\r\n userName: undefined,\r\n nickName: undefined,\r\n password: undefined,\r\n phonenumber: undefined,\r\n email: undefined,\r\n sex: undefined,\r\n status: \"0\",\r\n remark: undefined,\r\n postIds: [],\r\n roleIds: [],\r\n permissions: null\r\n };\r\n this.resetForm(\"form\");\r\n },\r\n /** 搜索按钮操作 */\r\n handleQuery() {\r\n this.queryParams.pageNum = 1;\r\n this.getList();\r\n },\r\n /** 重置按钮操作 */\r\n resetQuery() {\r\n this.dateRange = [];\r\n this.resetForm(\"queryForm\");\r\n this.handleQuery();\r\n },\r\n // 多选框选中数据\r\n handleSelectionChange(selection) {\r\n this.ids = selection.map(item => item.userId);\r\n this.single = selection.length != 1;\r\n this.multiple = !selection.length;\r\n },\r\n // 更多操作触发\r\n handleCommand(command, row) {\r\n switch (command) {\r\n case \"handleResetPwd\":\r\n this.handleResetPwd(row);\r\n break;\r\n case \"handleAuthRole\":\r\n this.handleAuthRole(row);\r\n break;\r\n default:\r\n break;\r\n }\r\n },\r\n /** 新增按钮操作 */\r\n handleAdd() {\r\n this.reset();\r\n this.getTreeselect();\r\n getUser().then(response => {\r\n this.postOptions = response.posts;\r\n this.roleOptions = response.roles;\r\n this.open = true;\r\n this.title = \"添加用户\";\r\n this.form.password = this.initPassword;\r\n });\r\n },\r\n /** 修改按钮操作 */\r\n handleUpdate(row) {\r\n this.reset();\r\n this.getTreeselect();\r\n const userId = row.userId || this.ids;\r\n getUser(userId).then(response => {\r\n this.form = response.data;\r\n this.deptIdClick();\r\n this.postOptions = response.posts;\r\n this.roleOptions = response.roles;\r\n this.form.postIds = response.postIds;\r\n this.form.roleIds = response.roleIds;\r\n this.open = true;\r\n this.title = \"修改用户\";\r\n this.form.password = \"\";\r\n });\r\n },\r\n /** 重置密码按钮操作 */\r\n handleResetPwd(row) {\r\n this.$prompt('请输入\"' + row.userName + '\"的新密码', \"提示\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n closeOnClickModal: false,\r\n inputPattern: /^.{5,20}$/,\r\n inputErrorMessage: \"用户密码长度必须介于 5 和 20 之间\"\r\n })\r\n .then(({ value }) => {\r\n resetUserPwd(row.userId, value).then(response => {\r\n this.$modal.msgSuccess(\"修改成功，新密码是：\" + value);\r\n });\r\n })\r\n .catch(() => {});\r\n },\r\n /** 分配角色操作 */\r\n handleAuthRole: function(row) {\r\n const userId = row.userId;\r\n this.$router.push(\"/system/user-auth/role/\" + userId);\r\n },\r\n /** 提交按钮 */\r\n submitForm: function() {\r\n this.$refs[\"form\"].validate(valid => {\r\n if (valid) {\r\n if (this.form.userId != undefined) {\r\n updateUser(this.form).then(response => {\r\n this.$modal.msgSuccess(\"修改成功\");\r\n this.open = false;\r\n this.getList();\r\n });\r\n } else {\r\n addUser(this.form).then(response => {\r\n this.$modal.msgSuccess(\"新增成功\");\r\n this.open = false;\r\n this.getList();\r\n });\r\n }\r\n }\r\n });\r\n },\r\n /** 删除按钮操作 */\r\n handleDelete(row) {\r\n const userIds = row.userId || this.ids;\r\n this.$modal\r\n .confirm('是否确认删除用户编号为\"' + userIds + '\"的数据项？')\r\n .then(function() {\r\n return delUser(userIds);\r\n })\r\n .then(() => {\r\n this.getList();\r\n this.$modal.msgSuccess(\"删除成功\");\r\n })\r\n .catch(() => {});\r\n },\r\n /** 导出按钮操作 */\r\n handleExport() {\r\n const queryParams = this.queryParams;\r\n this.$modal\r\n .confirm(\"是否确认导出所有用户数据项？\")\r\n .then(() => {\r\n this.exportLoading = true;\r\n return exportUser(queryParams);\r\n })\r\n .then(response => {\r\n this.$download.name(response.msg);\r\n this.exportLoading = false;\r\n })\r\n .catch(() => {});\r\n },\r\n /** 导入按钮操作 */\r\n handleImport() {\r\n this.upload.title = \"用户导入\";\r\n this.upload.open = true;\r\n },\r\n /** 下载模板操作 */\r\n importTemplate() {\r\n importTemplate().then(response => {\r\n this.$download.name(response.msg);\r\n });\r\n },\r\n // 文件上传中处理\r\n handleFileUploadProgress(event, file, fileList) {\r\n this.upload.isUploading = true;\r\n },\r\n // 文件上传成功处理\r\n handleFileSuccess(response, file, fileList) {\r\n this.upload.open = false;\r\n this.upload.isUploading = false;\r\n this.$refs.upload.clearFiles();\r\n this.$alert(response.msg, \"导入结果\", { dangerouslyUseHTMLString: true });\r\n this.getList();\r\n },\r\n // 提交上传文件\r\n submitFileForm() {\r\n this.$refs.upload.submit();\r\n },\r\n // 隔行变色\r\n changeColor() {\r\n var content = document.getElementsByClassName(\"el-tree-node__content\");\r\n for (var i = 0; i < content.length; i++) {\r\n if (i % 2 === 0) {\r\n content[i].style.background = \"#00365F \";\r\n } else {\r\n content[i].style.background = \"#003C69\";\r\n }\r\n }\r\n },\r\n //获取用户昵称数组\r\n deptIdClick() {\r\n yhlist(this.form.deptId).then(res => {\r\n if (res.code == 200) {\r\n this.nickNamelist = res.data;\r\n }\r\n });\r\n },\r\n //获取相关信息\r\n unitNamechange(val) {\r\n this.form.phonenumber = val.phone;\r\n this.form.sex = val.sex;\r\n this.form.nickName = val.name;\r\n }\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n::v-deep .el-tree-node__content {\r\n color: #fff;\r\n height: 30px;\r\n text-align: center;\r\n}\r\n::v-deep .el-tree-node__content:hover {\r\n background-color: #004d86 !important;\r\n}\r\n/* 对话框背景颜色 */\r\n::v-deep .el-dialog {\r\n background: #004d86 !important;\r\n}\r\n::v-deep .el-textarea__inner {\r\n width: 930px;\r\n height: 104px;\r\n margin: auto !important;\r\n}\r\n::v-deep .el-dialog__header {\r\n border-bottom: 1px solid #718a9d;\r\n}\r\n::v-deep .el-dialog__title {\r\n color: #fff;\r\n font: 18px;\r\n}\r\n::v-deep .el-dialog__headerbtn .el-dialog__close {\r\n color: #fff;\r\n}\r\n::v-deep .el-form-item__label {\r\n font: 16px;\r\n color: #fff;\r\n width: 100px !important;\r\n}\r\n::v-deep .el-input__inner {\r\n /* width: 200px !important;\r\n height: 36px; */\r\n background: transparent;\r\n color: #fff;\r\n}\r\n/* 单位框背景颜色 */\r\n::v-deep .vue-treeselect__control {\r\n background: #004d86 !important;\r\n}\r\n/* 基本信息背景 */\r\n.jiben {\r\n width: 952px;\r\n height: 32px;\r\n background-image: url(../../../images/小标题底.png);\r\n margin-bottom: 25px;\r\n color: #fff;\r\n padding-left: 16px;\r\n line-height: 32px;\r\n}\r\n/*调整表单间距 */\r\n::v-deep .el-form-item__content {\r\n width: 200px;\r\n}\r\n\r\n.contents {\r\n padding: 0px 40px !important;\r\n}\r\n/* 下拉菜单 */\r\n.el-dropdown-link {\r\n cursor: pointer;\r\n color: #409eff;\r\n}\r\n.el-icon-arrow-down {\r\n font-size: 12px;\r\n}\r\n/* 刷新图标 */\r\n/* .el-icon-refresh {\r\n width: 76px;\r\n height: 36px;\r\n color: #fff;\r\n background-color: #1d96ff !important;\r\n border-radius: 4px;\r\n border: none;\r\n margin-left: 20px;\r\n font-size: 14px;\r\n} */\r\n/* 下拉菜单字体/背景颜色 */\r\n.el-select-dropdown__item.hover,\r\n.el-select-dropdown__item:hover {\r\n background-color: #004d86;\r\n color: #fff;\r\n}\r\n.el-select-dropdown__item {\r\n color: #fff;\r\n}\r\n/* 时间选择 */\r\n::v-deep .el-input--small .el-input__inner {\r\n width: 200px;\r\n height: 36px;\r\n line-height: 36px;\r\n}\r\n.el-date-editor.el-input {\r\n width: 200px;\r\n height: 36px;\r\n line-height: 36px;\r\n}\r\n::v-deep .el-date-editor.el-input .el-input__inner {\r\n height: 36px;\r\n line-height: 36px;\r\n}\r\n/* 单位框背景颜色 */\r\n::v-deep .vue-treeselect__control {\r\n background: #004d86 !important;\r\n color: #fff;\r\n}\r\n/* 单位下拉菜单选中字体颜色 */\r\n::v-deep .vue-treeselect__single-value {\r\n color: #fff !important;\r\n}\r\n/* 分页按钮 */\r\n::v-deep .el-pagination.is-background .el-pager li {\r\n background-color: #004d86;\r\n color: #fff;\r\n}\r\n::v-deep .el-pagination.is-background .btn-next {\r\n background-color: #004d86;\r\n color: #fff;\r\n}\r\n::v-deep .el-pagination.is-background .btn-prev,\r\n.el-pagination.is-background .btn-next,\r\n.el-pagination.is-background .el-pager li {\r\n background: #004d86 !important;\r\n color: #fff !important;\r\n}\r\n/* 备注输入框 */\r\n.textareas ::v-deep .el-form-item__content {\r\n width: 100%;\r\n}\r\n/* 日期背景颜色 */\r\n::v-deep .el-date-editor .el-range-input {\r\n background: #00365f;\r\n}\r\n/* 状态 */\r\n.el-radio {\r\n color: rgb(204, 198, 198);\r\n}\r\n</style>"]}]}
|
