index.vue 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672
  1. <template>
  2. <div class="app-container">
  3. <el-row :gutter="20">
  4. <!--部门数据-->
  5. <el-col :span="4" :xs="24">
  6. <div class="head-container">
  7. <el-input
  8. v-model="deptName"
  9. placeholder="请输入部门名称"
  10. clearable
  11. size="small"
  12. prefix-icon="el-icon-search"
  13. style="margin-bottom: 20px"
  14. />
  15. </div>
  16. <div class="head-container">
  17. <el-tree
  18. :data="deptOptions"
  19. :props="defaultProps"
  20. :expand-on-click-node="false"
  21. :filter-node-method="filterNode"
  22. ref="tree"
  23. default-expand-all
  24. highlight-current
  25. @node-click="handleNodeClick"
  26. />
  27. </div>
  28. </el-col>
  29. <!--用户数据-->
  30. <el-col :span="20" :xs="24">
  31. <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
  32. <el-form-item label="用户名称" prop="userName">
  33. <el-input
  34. v-model="queryParams.userName"
  35. placeholder="请输入用户名称"
  36. clearable
  37. style="width: 240px"
  38. @keyup.enter.native="handleQuery"
  39. />
  40. </el-form-item>
  41. <el-form-item label="手机号码" prop="phonenumber">
  42. <el-input
  43. v-model="queryParams.phonenumber"
  44. placeholder="请输入手机号码"
  45. clearable
  46. style="width: 240px"
  47. @keyup.enter.native="handleQuery"
  48. />
  49. </el-form-item>
  50. <el-form-item label="状态" prop="status">
  51. <el-select
  52. v-model="queryParams.status"
  53. placeholder="用户状态"
  54. clearable
  55. style="width: 240px"
  56. >
  57. <el-option
  58. v-for="dict in dict.type.sys_normal_disable"
  59. :key="dict.value"
  60. :label="dict.label"
  61. :value="dict.value"
  62. />
  63. </el-select>
  64. </el-form-item>
  65. <el-form-item label="创建时间">
  66. <el-date-picker
  67. v-model="dateRange"
  68. style="width: 240px"
  69. value-format="yyyy-MM-dd"
  70. type="daterange"
  71. range-separator="-"
  72. start-placeholder="开始日期"
  73. end-placeholder="结束日期"
  74. ></el-date-picker>
  75. </el-form-item>
  76. <el-form-item>
  77. <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  78. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  79. </el-form-item>
  80. </el-form>
  81. <el-row :gutter="10" class="mb8">
  82. <el-col :span="1.5">
  83. <el-button
  84. type="primary"
  85. plain
  86. icon="el-icon-plus"
  87. size="mini"
  88. @click="handleAdd"
  89. v-hasPermi="['system:user:add']"
  90. >新增</el-button>
  91. </el-col>
  92. <el-col :span="1.5">
  93. <el-button
  94. type="success"
  95. plain
  96. icon="el-icon-edit"
  97. size="mini"
  98. :disabled="single"
  99. @click="handleUpdate"
  100. v-hasPermi="['system:user:edit']"
  101. >修改</el-button>
  102. </el-col>
  103. <el-col :span="1.5">
  104. <el-button
  105. type="danger"
  106. plain
  107. icon="el-icon-delete"
  108. size="mini"
  109. :disabled="multiple"
  110. @click="handleDelete"
  111. v-hasPermi="['system:user:remove']"
  112. >删除</el-button>
  113. </el-col>
  114. <el-col :span="1.5">
  115. <el-button
  116. type="info"
  117. plain
  118. icon="el-icon-upload2"
  119. size="mini"
  120. @click="handleImport"
  121. v-hasPermi="['system:user:import']"
  122. >导入</el-button>
  123. </el-col>
  124. <el-col :span="1.5">
  125. <el-button
  126. type="warning"
  127. plain
  128. icon="el-icon-download"
  129. size="mini"
  130. @click="handleExport"
  131. v-hasPermi="['system:user:export']"
  132. >导出</el-button>
  133. </el-col>
  134. <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
  135. </el-row>
  136. <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
  137. <el-table-column type="selection" width="50" align="center" />
  138. <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
  139. <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
  140. <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
  141. <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
  142. <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
  143. <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
  144. <template slot-scope="scope">
  145. <el-switch
  146. v-model="scope.row.status"
  147. active-value="0"
  148. inactive-value="1"
  149. @change="handleStatusChange(scope.row)"
  150. ></el-switch>
  151. </template>
  152. </el-table-column>
  153. <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
  154. <template slot-scope="scope">
  155. <span>{{ parseTime(scope.row.createTime) }}</span>
  156. </template>
  157. </el-table-column>
  158. <el-table-column
  159. label="操作"
  160. align="center"
  161. width="160"
  162. class-name="small-padding fixed-width"
  163. >
  164. <template slot-scope="scope" v-if="scope.row.userId !== 1">
  165. <el-button
  166. size="mini"
  167. type="text"
  168. icon="el-icon-edit"
  169. @click="handleUpdate(scope.row)"
  170. v-hasPermi="['system:user:edit']"
  171. >修改</el-button>
  172. <el-button
  173. size="mini"
  174. type="text"
  175. icon="el-icon-delete"
  176. @click="handleDelete(scope.row)"
  177. v-hasPermi="['system:user:remove']"
  178. >删除</el-button>
  179. <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']">
  180. <span class="el-dropdown-link">
  181. <i class="el-icon-d-arrow-right el-icon--right"></i>更多
  182. </span>
  183. <el-dropdown-menu slot="dropdown">
  184. <el-dropdown-item command="handleResetPwd" icon="el-icon-key"
  185. v-hasPermi="['system:user:resetPwd']">重置密码</el-dropdown-item>
  186. <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check"
  187. v-hasPermi="['system:user:edit']">分配角色</el-dropdown-item>
  188. </el-dropdown-menu>
  189. </el-dropdown>
  190. </template>
  191. </el-table-column>
  192. </el-table>
  193. <pagination
  194. v-show="total>0"
  195. :total="total"
  196. :page.sync="queryParams.pageNum"
  197. :limit.sync="queryParams.pageSize"
  198. @pagination="getList"
  199. />
  200. </el-col>
  201. </el-row>
  202. <!-- 添加或修改用户配置对话框 -->
  203. <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
  204. <el-form ref="form" :model="form" :rules="rules" label-width="80px">
  205. <el-row>
  206. <el-col :span="12">
  207. <el-form-item label="用户昵称" prop="nickName">
  208. <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
  209. </el-form-item>
  210. </el-col>
  211. <el-col :span="12">
  212. <el-form-item label="归属部门" prop="deptId">
  213. <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
  214. </el-form-item>
  215. </el-col>
  216. </el-row>
  217. <el-row>
  218. <el-col :span="12">
  219. <el-form-item label="手机号码" prop="phonenumber">
  220. <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
  221. </el-form-item>
  222. </el-col>
  223. <el-col :span="12">
  224. <el-form-item label="邮箱" prop="email">
  225. <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
  226. </el-form-item>
  227. </el-col>
  228. </el-row>
  229. <el-row>
  230. <el-col :span="12">
  231. <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
  232. <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
  233. </el-form-item>
  234. </el-col>
  235. <el-col :span="12">
  236. <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
  237. <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password/>
  238. </el-form-item>
  239. </el-col>
  240. </el-row>
  241. <el-row>
  242. <el-col :span="12">
  243. <el-form-item label="用户性别">
  244. <el-select v-model="form.sex" placeholder="请选择性别">
  245. <el-option
  246. v-for="dict in dict.type.sys_user_sex"
  247. :key="dict.value"
  248. :label="dict.label"
  249. :value="dict.value"
  250. ></el-option>
  251. </el-select>
  252. </el-form-item>
  253. </el-col>
  254. <el-col :span="12">
  255. <el-form-item label="状态">
  256. <el-radio-group v-model="form.status">
  257. <el-radio
  258. v-for="dict in dict.type.sys_normal_disable"
  259. :key="dict.value"
  260. :label="dict.value"
  261. >{{dict.label}}</el-radio>
  262. </el-radio-group>
  263. </el-form-item>
  264. </el-col>
  265. </el-row>
  266. <el-row>
  267. <el-col :span="12">
  268. <el-form-item label="岗位">
  269. <el-select v-model="form.postIds" multiple placeholder="请选择岗位">
  270. <el-option
  271. v-for="item in postOptions"
  272. :key="item.postId"
  273. :label="item.postName"
  274. :value="item.postId"
  275. :disabled="item.status == 1"
  276. ></el-option>
  277. </el-select>
  278. </el-form-item>
  279. </el-col>
  280. <el-col :span="12">
  281. <el-form-item label="角色">
  282. <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
  283. <el-option
  284. v-for="item in roleOptions"
  285. :key="item.roleId"
  286. :label="item.roleName"
  287. :value="item.roleId"
  288. :disabled="item.status == 1"
  289. ></el-option>
  290. </el-select>
  291. </el-form-item>
  292. </el-col>
  293. </el-row>
  294. <el-row>
  295. <el-col :span="24">
  296. <el-form-item label="备注">
  297. <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
  298. </el-form-item>
  299. </el-col>
  300. </el-row>
  301. </el-form>
  302. <div slot="footer" class="dialog-footer">
  303. <el-button type="primary" @click="submitForm">确 定</el-button>
  304. <el-button @click="cancel">取 消</el-button>
  305. </div>
  306. </el-dialog>
  307. <!-- 用户导入对话框 -->
  308. <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
  309. <el-upload
  310. ref="upload"
  311. :limit="1"
  312. accept=".xlsx, .xls"
  313. :headers="upload.headers"
  314. :action="upload.url + '?updateSupport=' + upload.updateSupport"
  315. :disabled="upload.isUploading"
  316. :on-progress="handleFileUploadProgress"
  317. :on-success="handleFileSuccess"
  318. :auto-upload="false"
  319. drag
  320. >
  321. <i class="el-icon-upload"></i>
  322. <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
  323. <div class="el-upload__tip text-center" slot="tip">
  324. <div class="el-upload__tip" slot="tip">
  325. <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
  326. </div>
  327. <span>仅允许导入xls、xlsx格式文件。</span>
  328. <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
  329. </div>
  330. </el-upload>
  331. <div slot="footer" class="dialog-footer">
  332. <el-button type="primary" @click="submitFileForm">确 定</el-button>
  333. <el-button @click="upload.open = false">取 消</el-button>
  334. </div>
  335. </el-dialog>
  336. </div>
  337. </template>
  338. <script>
  339. import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus } from "@/api/system/user";
  340. import { getToken } from "@/utils/auth";
  341. import { treeselect } from "@/api/system/dept";
  342. import Treeselect from "@riophae/vue-treeselect";
  343. import "@riophae/vue-treeselect/dist/vue-treeselect.css";
  344. export default {
  345. name: "User",
  346. dicts: ['sys_normal_disable', 'sys_user_sex'],
  347. components: { Treeselect },
  348. data() {
  349. return {
  350. // 遮罩层
  351. loading: true,
  352. // 选中数组
  353. ids: [],
  354. // 非单个禁用
  355. single: true,
  356. // 非多个禁用
  357. multiple: true,
  358. // 显示搜索条件
  359. showSearch: true,
  360. // 总条数
  361. total: 0,
  362. // 用户表格数据
  363. userList: null,
  364. // 弹出层标题
  365. title: "",
  366. // 部门树选项
  367. deptOptions: undefined,
  368. // 是否显示弹出层
  369. open: false,
  370. // 部门名称
  371. deptName: undefined,
  372. // 默认密码
  373. initPassword: undefined,
  374. // 日期范围
  375. dateRange: [],
  376. // 岗位选项
  377. postOptions: [],
  378. // 角色选项
  379. roleOptions: [],
  380. // 表单参数
  381. form: {},
  382. defaultProps: {
  383. children: "children",
  384. label: "label"
  385. },
  386. // 用户导入参数
  387. upload: {
  388. // 是否显示弹出层(用户导入)
  389. open: false,
  390. // 弹出层标题(用户导入)
  391. title: "",
  392. // 是否禁用上传
  393. isUploading: false,
  394. // 是否更新已经存在的用户数据
  395. updateSupport: 0,
  396. // 设置上传的请求头部
  397. headers: { Authorization: "Bearer " + getToken() },
  398. // 上传的地址
  399. url: process.env.VUE_APP_BASE_API + "/system/user/importData"
  400. },
  401. // 查询参数
  402. queryParams: {
  403. pageNum: 1,
  404. pageSize: 10,
  405. userName: undefined,
  406. phonenumber: undefined,
  407. status: undefined,
  408. deptId: undefined
  409. },
  410. // 列信息
  411. columns: [
  412. { key: 0, label: `用户编号`, visible: true },
  413. { key: 1, label: `用户名称`, visible: true },
  414. { key: 2, label: `用户昵称`, visible: true },
  415. { key: 3, label: `部门`, visible: true },
  416. { key: 4, label: `手机号码`, visible: true },
  417. { key: 5, label: `状态`, visible: true },
  418. { key: 6, label: `创建时间`, visible: true }
  419. ],
  420. // 表单校验
  421. rules: {
  422. userName: [
  423. { required: true, message: "用户名称不能为空", trigger: "blur" },
  424. { min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur' }
  425. ],
  426. nickName: [
  427. { required: true, message: "用户昵称不能为空", trigger: "blur" }
  428. ],
  429. password: [
  430. { required: true, message: "用户密码不能为空", trigger: "blur" },
  431. { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
  432. ],
  433. email: [
  434. {
  435. type: "email",
  436. message: "请输入正确的邮箱地址",
  437. trigger: ["blur", "change"]
  438. }
  439. ],
  440. phonenumber: [
  441. {
  442. pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
  443. message: "请输入正确的手机号码",
  444. trigger: "blur"
  445. }
  446. ]
  447. }
  448. };
  449. },
  450. watch: {
  451. // 根据名称筛选部门树
  452. deptName(val) {
  453. this.$refs.tree.filter(val);
  454. }
  455. },
  456. created() {
  457. this.getList();
  458. this.getTreeselect();
  459. this.getConfigKey("sys.user.initPassword").then(response => {
  460. this.initPassword = response.msg;
  461. });
  462. },
  463. methods: {
  464. /** 查询用户列表 */
  465. getList() {
  466. this.loading = true;
  467. listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
  468. this.userList = response.rows;
  469. this.total = response.total;
  470. this.loading = false;
  471. }
  472. );
  473. },
  474. /** 查询部门下拉树结构 */
  475. getTreeselect() {
  476. treeselect().then(response => {
  477. this.deptOptions = response.data;
  478. });
  479. },
  480. // 筛选节点
  481. filterNode(value, data) {
  482. if (!value) return true;
  483. return data.label.indexOf(value) !== -1;
  484. },
  485. // 节点单击事件
  486. handleNodeClick(data) {
  487. this.queryParams.deptId = data.id;
  488. this.handleQuery();
  489. },
  490. // 用户状态修改
  491. handleStatusChange(row) {
  492. let text = row.status === "0" ? "启用" : "停用";
  493. this.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗?').then(function() {
  494. return changeUserStatus(row.userId, row.status);
  495. }).then(() => {
  496. this.$modal.msgSuccess(text + "成功");
  497. }).catch(function() {
  498. row.status = row.status === "0" ? "1" : "0";
  499. });
  500. },
  501. // 取消按钮
  502. cancel() {
  503. this.open = false;
  504. this.reset();
  505. },
  506. // 表单重置
  507. reset() {
  508. this.form = {
  509. userId: undefined,
  510. deptId: undefined,
  511. userName: undefined,
  512. nickName: undefined,
  513. password: undefined,
  514. phonenumber: undefined,
  515. email: undefined,
  516. sex: undefined,
  517. status: "0",
  518. remark: undefined,
  519. postIds: [],
  520. roleIds: []
  521. };
  522. this.resetForm("form");
  523. },
  524. /** 搜索按钮操作 */
  525. handleQuery() {
  526. this.queryParams.pageNum = 1;
  527. this.getList();
  528. },
  529. /** 重置按钮操作 */
  530. resetQuery() {
  531. this.dateRange = [];
  532. this.resetForm("queryForm");
  533. this.handleQuery();
  534. },
  535. // 多选框选中数据
  536. handleSelectionChange(selection) {
  537. this.ids = selection.map(item => item.userId);
  538. this.single = selection.length != 1;
  539. this.multiple = !selection.length;
  540. },
  541. // 更多操作触发
  542. handleCommand(command, row) {
  543. switch (command) {
  544. case "handleResetPwd":
  545. this.handleResetPwd(row);
  546. break;
  547. case "handleAuthRole":
  548. this.handleAuthRole(row);
  549. break;
  550. default:
  551. break;
  552. }
  553. },
  554. /** 新增按钮操作 */
  555. handleAdd() {
  556. this.reset();
  557. this.getTreeselect();
  558. getUser().then(response => {
  559. this.postOptions = response.posts;
  560. this.roleOptions = response.roles;
  561. this.open = true;
  562. this.title = "添加用户";
  563. this.form.password = this.initPassword;
  564. });
  565. },
  566. /** 修改按钮操作 */
  567. handleUpdate(row) {
  568. this.reset();
  569. this.getTreeselect();
  570. const userId = row.userId || this.ids;
  571. getUser(userId).then(response => {
  572. this.form = response.data;
  573. this.postOptions = response.posts;
  574. this.roleOptions = response.roles;
  575. this.form.postIds = response.postIds;
  576. this.form.roleIds = response.roleIds;
  577. this.open = true;
  578. this.title = "修改用户";
  579. this.form.password = "";
  580. });
  581. },
  582. /** 重置密码按钮操作 */
  583. handleResetPwd(row) {
  584. this.$prompt('请输入"' + row.userName + '"的新密码', "提示", {
  585. confirmButtonText: "确定",
  586. cancelButtonText: "取消",
  587. closeOnClickModal: false,
  588. inputPattern: /^.{5,20}$/,
  589. inputErrorMessage: "用户密码长度必须介于 5 和 20 之间"
  590. }).then(({ value }) => {
  591. resetUserPwd(row.userId, value).then(response => {
  592. this.$modal.msgSuccess("修改成功,新密码是:" + value);
  593. });
  594. }).catch(() => {});
  595. },
  596. /** 分配角色操作 */
  597. handleAuthRole: function(row) {
  598. const userId = row.userId;
  599. this.$router.push("/system/user-auth/role/" + userId);
  600. },
  601. /** 提交按钮 */
  602. submitForm: function() {
  603. this.$refs["form"].validate(valid => {
  604. if (valid) {
  605. if (this.form.userId != undefined) {
  606. updateUser(this.form).then(response => {
  607. this.$modal.msgSuccess("修改成功");
  608. this.open = false;
  609. this.getList();
  610. });
  611. } else {
  612. addUser(this.form).then(response => {
  613. this.$modal.msgSuccess("新增成功");
  614. this.open = false;
  615. this.getList();
  616. });
  617. }
  618. }
  619. });
  620. },
  621. /** 删除按钮操作 */
  622. handleDelete(row) {
  623. const userIds = row.userId || this.ids;
  624. this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() {
  625. return delUser(userIds);
  626. }).then(() => {
  627. this.getList();
  628. this.$modal.msgSuccess("删除成功");
  629. }).catch(() => {});
  630. },
  631. /** 导出按钮操作 */
  632. handleExport() {
  633. this.download('system/user/export', {
  634. ...this.queryParams
  635. }, `user_${new Date().getTime()}.xlsx`)
  636. },
  637. /** 导入按钮操作 */
  638. handleImport() {
  639. this.upload.title = "用户导入";
  640. this.upload.open = true;
  641. },
  642. /** 下载模板操作 */
  643. importTemplate() {
  644. this.download('system/user/importTemplate', {
  645. }, `user_template_${new Date().getTime()}.xlsx`)
  646. },
  647. // 文件上传中处理
  648. handleFileUploadProgress(event, file, fileList) {
  649. this.upload.isUploading = true;
  650. },
  651. // 文件上传成功处理
  652. handleFileSuccess(response, file, fileList) {
  653. this.upload.open = false;
  654. this.upload.isUploading = false;
  655. this.$refs.upload.clearFiles();
  656. this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
  657. this.getList();
  658. },
  659. // 提交上传文件
  660. submitFileForm() {
  661. this.$refs.upload.submit();
  662. }
  663. }
  664. };
  665. </script>