index.vue 22 KB

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