index.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774
  1. <template>
  2. <div class="app-container">
  3. <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true" v-show="showSearch" label-width="68px">
  4. <el-form-item label="任务编码" prop="code">
  5. <el-input
  6. v-model="queryParams.code"
  7. clearable
  8. @keyup.enter.native="handleQuery"
  9. />
  10. </el-form-item>
  11. <el-form-item label="任务名称" prop="name">
  12. <el-input
  13. v-model="queryParams.name"
  14. clearable
  15. @keyup.enter.native="handleQuery"
  16. />
  17. </el-form-item>
  18. <el-form-item label="商机名称" prop="boName">
  19. <el-input
  20. v-model="queryParams.boName"
  21. clearable
  22. @keyup.enter.native="handleQuery"
  23. />
  24. </el-form-item>
  25. <el-form-item label="客户名称" prop="customerName">
  26. <el-input
  27. v-model="queryParams.customerName"
  28. clearable
  29. @keyup.enter.native="handleQuery"
  30. />
  31. </el-form-item>
  32. <el-form-item label="任务状态" prop="state">
  33. <el-select
  34. v-model="queryParams.state"
  35. clearable
  36. >
  37. <el-option
  38. v-for="dict in dict.type.mk_bo_taskstate"
  39. :key="dict.value"
  40. :label="dict.label"
  41. :value="dict.value"
  42. ></el-option>
  43. </el-select>
  44. </el-form-item>
  45. <el-form-item>
  46. <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  47. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  48. </el-form-item>
  49. </el-form>
  50. <!-- <el-row :gutter="10" class="mb8">
  51. <el-col :span="1.5">
  52. <el-button
  53. type="primary"
  54. plain
  55. icon="el-icon-plus"
  56. size="mini"
  57. @click="handleAdd"
  58. >新增</el-button
  59. >
  60. </el-col>
  61. <el-col :span="1.5">
  62. <el-button
  63. type="success"
  64. plain
  65. icon="el-icon-edit"
  66. size="mini"
  67. @click="handleUpdate"
  68. >修改</el-button
  69. >
  70. </el-col>
  71. <el-col :span="1.5">
  72. <el-button
  73. type="danger"
  74. plain
  75. icon="el-icon-delete"
  76. size="mini"
  77. @click="handleDelete"
  78. >删除</el-button
  79. >
  80. </el-col>
  81. <right-toolbar
  82. :showSearch.sync="showSearch"
  83. @queryTable="getList"
  84. ></right-toolbar>
  85. </el-row> -->
  86. <div class="btn_grooup">
  87. <el-button
  88. type="primary"
  89. plain
  90. icon="el-icon-plus"
  91. size="mini"
  92. @click="handleAdd"
  93. >新增</el-button
  94. >
  95. </div>
  96. <el-table
  97. v-loading="loading"
  98. :data="taskList"
  99. @selection-change="handleSelectionChange"
  100. height="700px"
  101. >
  102. <el-table-column type="selection" width="55" align="center" />
  103. <el-table-column width="150" label="任务编码" align="center" prop="code" />
  104. <el-table-column width="200" show-overflow-tooltip label="任务名称" align="center" prop="name" />
  105. <el-table-column
  106. width="200"
  107. show-overflow-tooltip
  108. label="商机名称"
  109. align="center"
  110. prop="boName"
  111. />
  112. <el-table-column label="商机阶段" align="center" prop="boStageName"/>
  113. <el-table-column
  114. show-overflow-tooltip
  115. label="客户名称"
  116. align="center"
  117. prop="customerName"
  118. />
  119. <el-table-column label="任务类型" align="center" prop="type">
  120. <template slot-scope="scope">
  121. <dict-tag
  122. :options="dict.type.mk_bo_tasktype"
  123. :value="scope.row.type"
  124. />
  125. </template>
  126. </el-table-column>
  127. <el-table-column label="任务状态" align="center" prop="state">
  128. <template slot-scope="scope">
  129. <dict-tag
  130. :options="dict.type.mk_bo_taskstate"
  131. :value="scope.row.state"
  132. />
  133. </template>
  134. </el-table-column>
  135. <el-table-column label="联系人" align="center" prop="linkmanName" />
  136. <el-table-column
  137. show-overflow-tooltip
  138. label="销售组织名称"
  139. align="center"
  140. prop="salesOrgName"
  141. />
  142. <el-table-column label="部门名称" align="center" prop="deptName" />
  143. <el-table-column label="负责人名称" align="center" prop="staffName" />
  144. <el-table-column
  145. label="截止时间"
  146. align="center"
  147. prop="deadlineTime"
  148. width="180"
  149. >
  150. <template slot-scope="scope">
  151. <span>{{ parseTime(scope.row.deadlineTime, "{y}-{m}-{d}") }}</span>
  152. </template>
  153. </el-table-column>
  154. <el-table-column label="任务内容" align="center" prop="content" />
  155. <el-table-column
  156. show-overflow-tooltip
  157. label="操作"
  158. fixed="right"
  159. align="center"
  160. class-name="small-padding fixed-width"
  161. >
  162. <template slot-scope="scope">
  163. <el-button
  164. size="mini"
  165. type="text"
  166. icon="el-icon-s-promotion"
  167. @click="handleBrowse(scope.row)"
  168. >跟进</el-button
  169. >
  170. </template>
  171. </el-table-column>
  172. </el-table>
  173. <pagination
  174. v-show="total > 0"
  175. :total="total"
  176. :page.sync="queryParams.pageNum"
  177. :limit.sync="queryParams.pageSize"
  178. @pagination="getList"
  179. />
  180. <!-- 添加或修改任务对话框 -->
  181. <el-dialog
  182. :title="title"
  183. :visible.sync="open"
  184. width="1000px"
  185. append-to-body
  186. >
  187. <el-form
  188. ref="form"
  189. :model="form"
  190. :rules="rules"
  191. label-width="80px"
  192. :disabled="this.operatingState == 'Browse'"
  193. >
  194. <el-row>
  195. <el-col :span="8">
  196. <el-form-item label="商机名称" prop="boName">
  197. <el-input
  198. v-model="form.boName"
  199. />
  200. </el-form-item>
  201. </el-col>
  202. <el-col :span="8">
  203. <el-form-item
  204. label="商机阶段"
  205. prop="boStage"
  206. >
  207. <el-select v-model="form.boStage">
  208. <el-option
  209. v-for="dict in dict.type.mk_bo_stage"
  210. :key="dict.value"
  211. :label="dict.label"
  212. :value="dict.value"
  213. ></el-option>
  214. </el-select>
  215. </el-form-item>
  216. </el-col>
  217. <el-col :span="8">
  218. <el-form-item label="客户" prop="customerName">
  219. <el-input
  220. v-model="form.customerName"
  221. >
  222. <el-button
  223. slot="append"
  224. icon="el-icon-more"
  225. @click="refereCustomer"
  226. ></el-button>
  227. </el-input>
  228. </el-form-item>
  229. </el-col>
  230. </el-row>
  231. <el-row>
  232. <el-col :span="8">
  233. <el-form-item label="任务编码" prop="code">
  234. <el-input
  235. v-model="form.code"
  236. :disabled="true"
  237. />
  238. </el-form-item>
  239. </el-col>
  240. <el-col :span="8">
  241. <el-form-item label="任务名称" prop="name">
  242. <el-input v-model="form.name" />
  243. </el-form-item>
  244. </el-col>
  245. <el-col :span="8">
  246. <el-form-item label="任务状态" prop="state">
  247. <el-select v-model="form.state" >
  248. <el-option
  249. v-for="dict in dict.type.mk_bo_taskstate"
  250. :key="dict.value"
  251. :label="dict.label"
  252. :value="dict.value"
  253. ></el-option>
  254. </el-select>
  255. </el-form-item>
  256. </el-col>
  257. </el-row>
  258. <el-row>
  259. <el-col :span="8">
  260. <el-form-item label="开始时间" prop="startTime">
  261. <el-date-picker
  262. clearable
  263. v-model="form.startTime"
  264. type="date"
  265. value-format="yyyy-MM-dd"
  266. >
  267. </el-date-picker>
  268. </el-form-item>
  269. </el-col>
  270. <el-col :span="8">
  271. <el-form-item label="截止时间" prop="deadlineTime">
  272. <el-date-picker
  273. clearable
  274. v-model="form.deadlineTime"
  275. type="date"
  276. value-format="yyyy-MM-dd"
  277. >
  278. </el-date-picker>
  279. </el-form-item>
  280. </el-col>
  281. <el-col :span="8">
  282. <el-form-item label="任务类型" prop="type">
  283. <el-select v-model="form.type" >
  284. <el-option
  285. v-for="dict in dict.type.mk_bo_tasktype"
  286. :key="dict.value"
  287. :label="dict.label"
  288. :value="dict.value"
  289. ></el-option>
  290. </el-select>
  291. </el-form-item>
  292. </el-col>
  293. </el-row>
  294. <el-row>
  295. <el-col :span="8">
  296. <el-form-item label="联系人" prop="linkmanName">
  297. <el-input v-model="form.linkmanName">
  298. <el-button
  299. slot="append"
  300. icon="el-icon-more"
  301. @click="refereContact"
  302. ></el-button>
  303. </el-input>
  304. </el-form-item>
  305. </el-col>
  306. </el-row>
  307. <el-row>
  308. <el-col :span="8">
  309. <el-form-item label="销售组织" prop="salesOrgName">
  310. <el-input v-model="form.salesOrgName" :disabled="true">
  311. <el-button
  312. slot="append"
  313. icon="el-icon-more"
  314. @click="refereOrg"
  315. :disabled="true"
  316. ></el-button>
  317. </el-input>
  318. </el-form-item>
  319. </el-col>
  320. <el-col :span="8">
  321. <el-form-item label="部门" prop="deptName">
  322. <el-input v-model="form.deptName" :disabled="true">
  323. <el-button
  324. slot="append"
  325. icon="el-icon-more"
  326. @click="refereDept"
  327. :disabled="true"
  328. ></el-button>
  329. </el-input>
  330. </el-form-item>
  331. </el-col>
  332. <el-col :span="8">
  333. <el-form-item label="负责人" prop="staffName">
  334. <el-input v-model="form.staffName">
  335. <el-button
  336. slot="append"
  337. icon="el-icon-more"
  338. @click="refereStaff"
  339. ></el-button>
  340. </el-input>
  341. </el-form-item>
  342. </el-col>
  343. </el-row>
  344. <el-form-item label="任务内容" prop="content">
  345. <el-input
  346. type="textarea"
  347. :rows="2"
  348. autosize
  349. v-model="form.content"
  350. >
  351. </el-input>
  352. </el-form-item>
  353. <div class="md-auditInfo">
  354. <el-divider content-position="left">其它信息</el-divider>
  355. <el-form :inline="true" label-position="right" :model="form">
  356. <el-row>
  357. <el-col :span="6">
  358. <el-form-item label="创建人">
  359. <el-input
  360. v-model="form.createByName"
  361. size="small"
  362. readonly
  363. ></el-input>
  364. </el-form-item>
  365. </el-col>
  366. <el-col :span="6">
  367. <el-form-item label="创建时间">
  368. <el-input
  369. v-model="form.createTime"
  370. size="small"
  371. readonly
  372. ></el-input>
  373. </el-form-item>
  374. </el-col>
  375. <el-col :span="6">
  376. <el-form-item label="修改人">
  377. <el-input
  378. v-model="form.updateByName"
  379. size="small"
  380. readonly
  381. ></el-input>
  382. </el-form-item>
  383. </el-col>
  384. <el-col :span="6">
  385. <el-form-item label="修改时间">
  386. <el-input
  387. v-model="form.updateTime"
  388. size="small"
  389. readonly
  390. ></el-input>
  391. </el-form-item>
  392. </el-col>
  393. </el-row>
  394. </el-form>
  395. </div>
  396. </el-form>
  397. <BehaviorList
  398. :key="timer"
  399. :source="'TaskList'"
  400. :bo="this.form"
  401. :boAuthority="boAuthority"
  402. v-if="this.operatingState != 'Insert'"
  403. />
  404. <div slot="footer">
  405. <el-button
  406. type="primary"
  407. @click="submitForm"
  408. v-if="this.operatingState != 'Browse'"
  409. >确 定</el-button
  410. >
  411. <el-button @click="cancel">取 消</el-button>
  412. </div>
  413. </el-dialog>
  414. <!-- 客户参照 -->
  415. <CustomerRef
  416. ref="customerSelect"
  417. @doSubmit="customerSelectionsToInput"
  418. :single="true"
  419. />
  420. <!-- 联系人参照 -->
  421. <ContactRef
  422. ref="contactSelect"
  423. @doSubmit="contactSelectionsToInput"
  424. :single="true"
  425. :outerQueryParams="this.bo"
  426. />
  427. <!-- 组织参照 -->
  428. <OrgRef ref="orgSelect" @doSubmit="orgSelectionsToInput" :single="true" />
  429. <!-- 部门参照 -->
  430. <DeptRef
  431. ref="deptSelect"
  432. @doSubmit="deptSelectionsToInput"
  433. :single="true"
  434. />
  435. <!-- 员工参照 -->
  436. <StaffRef
  437. ref="staffSelect"
  438. @doSubmit="staffSelectionsToInput"
  439. :single="true"
  440. />
  441. </div>
  442. </template>
  443. <script>
  444. import { listTask, getTask, delTask, addTask, updateTask } from "@/api/business/spd/bo/task";
  445. import "@riophae/vue-treeselect/dist/vue-treeselect.css";
  446. import CustomerRef from "@/views/business/spd/bo/refer/customer/index.vue";
  447. import ContactRef from "@/views/business/spd/bo/refer/contact/index.vue";
  448. import OrgRef from "@/views/business/spd/bo/refer/org/index.vue";
  449. import DeptRef from "@/views/business/spd/bo/refer/dept/index.vue";
  450. import StaffRef from "@/views/business/spd/bo/refer/staff/index.vue";
  451. import BehaviorList from "../behavior/behaviorList.vue";
  452. import { getPsnPost } from "@/api/business/spd/bo/authority";
  453. export default {
  454. name: "Task",
  455. dicts: ["mk_bo_taskstate", "mk_bo_tasktype", "mk_bo_stage"],
  456. components: {
  457. CustomerRef,
  458. ContactRef,
  459. OrgRef,
  460. DeptRef,
  461. StaffRef,
  462. BehaviorList,
  463. },
  464. data() {
  465. return {
  466. // 遮罩层
  467. loading: true,
  468. // 选中数组
  469. ids: [],
  470. // 子表选中数据
  471. checkedMkBoBehavior: [],
  472. // 非单个禁用
  473. single: true,
  474. // 非多个禁用
  475. multiple: true,
  476. // 显示搜索条件
  477. showSearch: true,
  478. // 总条数
  479. total: 0,
  480. // 任务表格数据
  481. taskList: [],
  482. // 行动表格数据
  483. mkBoBehaviorList: [],
  484. // 弹出层标题
  485. title: "",
  486. // 是否显示弹出层
  487. open: false,
  488. // 查询参数
  489. queryParams: {
  490. pageNum: 1,
  491. pageSize: 10,
  492. boName: null,
  493. boStage: null,
  494. code: null,
  495. name: null,
  496. type: null,
  497. state: null,
  498. customer: null,
  499. customerName: null,
  500. linkman: null,
  501. salesOrg: null,
  502. salesOrgName: null,
  503. dept: null,
  504. deptName: null,
  505. staff: null,
  506. staffName: null,
  507. startTime: null,
  508. deadlineTime: null,
  509. content: null,
  510. tenantId: null,
  511. revision: null,
  512. },
  513. // 表单参数
  514. form: {},
  515. // 表单校验
  516. rules: {
  517. },
  518. //重新加载子组件参数
  519. timer: '',
  520. // 操作撞他
  521. operatingState:'',
  522. // 所选商机
  523. curBo:{},
  524. // 权限
  525. boAuthority:{},
  526. };
  527. },
  528. created() {
  529. this.getList();
  530. },
  531. methods: {
  532. /** 查询任务列表 */
  533. getList() {
  534. this.loading = true;
  535. this.queryParams.staff = this.$store.state.user.id;
  536. listTask(this.queryParams).then(response => {
  537. this.taskList = response.rows;
  538. this.total = response.total;
  539. this.loading = false;
  540. });
  541. },
  542. // 取消按钮
  543. cancel() {
  544. this.open = false;
  545. this.reset();
  546. },
  547. // 表单重置
  548. reset() {
  549. this.form = {
  550. id: null,
  551. boName: null,
  552. boStage: null,
  553. code: null,
  554. name: null,
  555. type: null,
  556. state: null,
  557. customer: null,
  558. customerName: null,
  559. linkman: null,
  560. salesOrg: null,
  561. salesOrgName: null,
  562. dept: null,
  563. deptName: null,
  564. staff: null,
  565. staffName: null,
  566. deadlineTime: null,
  567. content: null,
  568. tenantId: null,
  569. revision: null,
  570. createBy: null,
  571. createTime: null,
  572. updateBy: null,
  573. updateTime: null,
  574. delFlag: null
  575. };
  576. this.mkBoBehaviorList = [];
  577. this.resetForm("form");
  578. },
  579. /** 搜索按钮操作 */
  580. handleQuery() {
  581. this.queryParams.pageNum = 1;
  582. this.getList();
  583. },
  584. /** 重置按钮操作 */
  585. resetQuery() {
  586. this.resetForm("queryForm");
  587. this.handleQuery();
  588. },
  589. // 多选框选中数据
  590. handleSelectionChange(selection) {
  591. this.ids = selection.map(item => item.id)
  592. this.single = selection.length!==1
  593. this.multiple = !selection.length
  594. },
  595. /** 查看按钮操作 */
  596. handleBrowse(row) {
  597. this.reset();
  598. const id = row.id || this.ids;
  599. getTask(id).then((response) => {
  600. this.form = response.data;
  601. this.open = true;
  602. this.operatingState = "Browse";
  603. this.title = "基础信息";
  604. //加载权限数据
  605. getPsnPost(this.form.bo).then((response) => {
  606. this.boAuthority = response.data;
  607. this.timer = new Date().getTime();
  608. });
  609. });
  610. },
  611. /** 新增按钮操作 */
  612. handleAdd() {
  613. this.reset();
  614. this.open = true;
  615. this.title = "添加任务";
  616. this.operatingState = "Insert";
  617. },
  618. /** 修改按钮操作 */
  619. handleUpdate(row) {
  620. this.reset();
  621. const id = row.id || this.ids
  622. getTask(id).then(response => {
  623. this.form = response.data;
  624. this.mkBoBehaviorList = response.data.mkBoBehaviorList;
  625. this.open = true;
  626. this.title = "修改任务";
  627. });
  628. },
  629. /** 提交按钮 */
  630. submitForm() {
  631. this.$refs["form"].validate(valid => {
  632. if (valid) {
  633. this.form.mkBoBehaviorList = this.mkBoBehaviorList;
  634. if (this.form.id != null) {
  635. updateTask(this.form).then(response => {
  636. this.$modal.msgSuccess("修改成功");
  637. this.open = false;
  638. this.getList();
  639. });
  640. } else {
  641. addTask(this.form).then(response => {
  642. this.$modal.msgSuccess("新增成功");
  643. this.open = false;
  644. this.getList();
  645. });
  646. }
  647. }
  648. });
  649. },
  650. /** 删除按钮操作 */
  651. handleDelete(row) {
  652. const ids = row.id || this.ids;
  653. this.$modal.confirm('是否确认删除任务编号为"' + ids + '"的数据项?').then(function() {
  654. return delTask(ids);
  655. }).then(() => {
  656. this.getList();
  657. this.$modal.msgSuccess("删除成功");
  658. }).catch(() => {});
  659. },
  660. /** 行动序号 */
  661. rowMkBoBehaviorIndex({ row, rowIndex }) {
  662. row.index = rowIndex + 1;
  663. },
  664. /** 行动添加按钮操作 */
  665. handleAddMkBoBehavior() {
  666. let obj = {};
  667. obj.type = "";
  668. obj.time = "";
  669. obj.customer = "";
  670. obj.customerName = "";
  671. obj.linkman = "";
  672. obj.linkmanName = "";
  673. obj.purpose = "";
  674. obj.result = "";
  675. obj.assist = "";
  676. obj.assistContent = "";
  677. obj.salesOrg = "";
  678. obj.salesOrgName = "";
  679. obj.dept = "";
  680. obj.deptName = "";
  681. obj.staff = "";
  682. obj.staffName = "";
  683. obj.content = "";
  684. obj.tenantId = "";
  685. obj.revision = "";
  686. this.mkBoBehaviorList.push(obj);
  687. },
  688. /** 行动删除按钮操作 */
  689. handleDeleteMkBoBehavior() {
  690. if (this.checkedMkBoBehavior.length == 0) {
  691. this.$modal.msgError("请先选择要删除的行动数据");
  692. } else {
  693. const mkBoBehaviorList = this.mkBoBehaviorList;
  694. const checkedMkBoBehavior = this.checkedMkBoBehavior;
  695. this.mkBoBehaviorList = mkBoBehaviorList.filter(function(item) {
  696. return checkedMkBoBehavior.indexOf(item.index) == -1
  697. });
  698. }
  699. },
  700. /** 复选框选中数据 */
  701. handleMkBoBehaviorSelectionChange(selection) {
  702. this.checkedMkBoBehavior = selection.map(item => item.index)
  703. },
  704. // 触发客户参照列表
  705. refereCustomer() {
  706. this.$refs.customerSelect.init();
  707. },
  708. //客户参照列表选择后
  709. customerSelectionsToInput(selections) {
  710. this.form.customer = selections[0].id;
  711. this.form.customerName = selections[0].name;
  712. },
  713. // 触发联系人参照列表
  714. refereContact() {
  715. this.$refs.contactSelect.init();
  716. },
  717. //联系人参照列表选择后
  718. contactSelectionsToInput(selections) {
  719. this.form.linkman = selections[0].id;
  720. this.form.linkmanName = selections[0].name;
  721. },
  722. // 触发组织参照列表
  723. refereOrg() {
  724. this.$refs.orgSelect.init();
  725. },
  726. //组织参照列表选择后
  727. orgSelectionsToInput(selections) {
  728. this.form.salesOrg = selections[0].deptId;
  729. this.form.salesOrgName = selections[0].deptName;
  730. },
  731. // 触发部门参照列表
  732. refereDept() {
  733. this.$refs.deptSelect.init();
  734. },
  735. //部门参照列表选择后
  736. deptSelectionsToInput(selections) {
  737. this.form.dept = selections[0].deptId;
  738. this.form.deptName = selections[0].deptName;
  739. },
  740. // 触发员工参照列表
  741. refereStaff() {
  742. this.$refs.staffSelect.init();
  743. },
  744. //员工参照列表选择后
  745. staffSelectionsToInput(selections) {
  746. this.form.staff = selections[0].userId;
  747. this.form.staffName = selections[0].nickName;
  748. this.form.dept = selections[0].deptId;
  749. this.form.deptName = selections[0].deptName;
  750. this.form.salesOrg = selections[0].orgId;
  751. this.form.salesOrgName = selections[0].orgName;
  752. },
  753. }
  754. };
  755. </script>
  756. <style lang="scss" scoped>
  757. .btn_grooup {
  758. margin-bottom: 10px;
  759. display: flex;
  760. justify-content: flex-end;
  761. }
  762. </style>