{"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>"]}]}