projectvipall.jsx 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836
  1. import React from "react";
  2. import $ from "jquery/src/ajax";
  3. import { AutoComplete, Button, Input, Spin, Table, Select, message, Tabs, Tag, Tooltip, Modal } from "antd";
  4. import OrderDesc from "../orderDetail/orderDesc";
  5. import ResolutionDetail from "@/resolutionDetail";
  6. import { ChooseList } from "../../order/orderNew/chooseList"
  7. import ReactToPrint from "react-to-print";
  8. import OrderItemStatus from "../../../common/orderItemStatus";
  9. const { TabPane } = Tabs;
  10. //财务总监会员项目查看
  11. const ProjectVipAll = React.createClass({
  12. //
  13. getInitialState() {
  14. return {
  15. dvisible: false,
  16. pageNo: 1,
  17. totalPage: 0,
  18. searchValues: {
  19. status: "5"
  20. },//查询条件
  21. loading: false,
  22. changeList: undefined,// 子组件改变的表格title数组
  23. pagination: {
  24. defaultCurrent: 1,
  25. defaultPageSize: 10,
  26. showQuickJumper: true,
  27. pageSize: 10,
  28. onChange: function (page) {
  29. this.setState({
  30. pageNo: page,
  31. });
  32. this.loadData(page);
  33. }.bind(this),
  34. showTotal: function (total) {
  35. return "共" + total + "条数据";
  36. },
  37. },
  38. columns: [
  39. // {
  40. // title: "销售类型",
  41. // dataIndex: "salesType",
  42. // key: "salesType",
  43. // render: (text, record) => {
  44. // return (
  45. // <Tooltip
  46. // title={salesList[text] + ((text == 3 || text == 4 || text == 5) ? (!record.other ? "" : "," + record.other) : "")}
  47. // >
  48. // <span>
  49. // {salesList[text]}
  50. // </span>
  51. // </Tooltip>
  52. // );
  53. // },
  54. // },
  55. {
  56. title: "合同编号",
  57. dataIndex: "contractNo",
  58. key: "contractNo",
  59. width: 160,
  60. render: (text, record) => {
  61. return (
  62. <Tooltip
  63. title={
  64. <Button
  65. type="primary"
  66. onClick={(e) => {
  67. e.stopPropagation();
  68. let input = document.getElementById("copyText");
  69. input.value = text;
  70. input.select();
  71. document.execCommand("copy");
  72. message.success("复制成功");
  73. }}
  74. >
  75. 复制
  76. </Button>
  77. }
  78. >
  79. <div>
  80. {text}
  81. <div style={{ display: "flex" }}>
  82. {/* <OrderItemStatus deleteSign={record.deleteSign} /> */}
  83. {
  84. record.approval == 1
  85. ? <Tag color="#faa755">特批待审</Tag> :
  86. record.approval == 2 && <Tag color="#ff0000">特批通过</Tag>
  87. }
  88. </div>
  89. </div>
  90. </Tooltip>
  91. );
  92. },
  93. },
  94. {
  95. title: "客户名称",
  96. dataIndex: "userName",
  97. key: "userName",
  98. width: 200,
  99. render: text => {
  100. return (
  101. <Tooltip title={text}>
  102. <div>{text}</div>
  103. </Tooltip>
  104. )
  105. }
  106. },
  107. {
  108. title: "订单编号",
  109. dataIndex: "orderNo",
  110. key: "orderNo",
  111. width: 140,
  112. render: (text, record) => {
  113. return (
  114. <Tooltip
  115. title={
  116. <Button
  117. type="primary"
  118. onClick={(e) => {
  119. e.stopPropagation();
  120. let input = document.getElementById("copyText");
  121. input.value = text;
  122. input.select();
  123. document.execCommand("copy");
  124. message.success("复制成功");
  125. }}
  126. >
  127. 复制
  128. </Button>
  129. }
  130. >
  131. <div>
  132. {text}
  133. <div>
  134. {record.signTotalAmount >= 10 && <Tag color="#ef7207">大客户</Tag>}
  135. {record.projectType == 1 && <Tag color="rgb(22, 155, 213)">会员</Tag>}
  136. </div>
  137. </div>
  138. </Tooltip>
  139. );
  140. },
  141. },
  142. {
  143. title: "订单部门",
  144. dataIndex: "depName",
  145. key: "depName",
  146. className: "title-table",
  147. },
  148. {
  149. title: "订单负责人",
  150. dataIndex: "salesmanName",
  151. key: "salesmanName",
  152. className: "title-table",
  153. },
  154. {
  155. title: "财务负责人",
  156. dataIndex: "financeName",
  157. key: "financeName",
  158. className: "title-table",
  159. },
  160. {
  161. title: "会员项目",
  162. dataIndex: "projectName",
  163. key: "projectName",
  164. className: "title-table",
  165. },
  166. {
  167. title: "项目说明",
  168. dataIndex: "projectComment",
  169. key: "projectComment",
  170. className: "title-table",
  171. width: 200,
  172. },
  173. {
  174. title: "状态",
  175. dataIndex: "status",
  176. key: "status",
  177. className: "title-table",
  178. render: (text) => {
  179. return (
  180. <div>
  181. {["", "财务审核", "特批审核", "通过", "驳回"][text]}
  182. </div>
  183. );
  184. }
  185. },
  186. // {
  187. // title: "操作",
  188. // dataIndex: "caozuo",
  189. // key: "caouzo",
  190. // className: "title-table",
  191. // width: 150,
  192. // render: (text, recard) => {
  193. // return (
  194. // <div>
  195. // {
  196. // recard.status == 1 &&
  197. // <Button
  198. // type="primary"
  199. // onClick={(e) => {
  200. // e.stopPropagation(),
  201. // this.checkRemark(recard, 1);
  202. // }}
  203. // >
  204. // 通过
  205. // </Button>
  206. // }
  207. // {
  208. // recard.status == 1 &&
  209. // <Button
  210. // type="danger"
  211. // style={{ marginLeft: "5px", }}
  212. // onClick={(e) => {
  213. // e.stopPropagation(),
  214. // this.checkRemark(recard, 0);
  215. // }}
  216. // >
  217. // 驳回
  218. // </Button>
  219. // }
  220. // </div>
  221. // );
  222. // },
  223. // },
  224. ],
  225. dataSource: [],
  226. fjlist: [],// 营销员列表
  227. checkOrderNo: "",//操作订单编号
  228. checkData: "",//操作描述
  229. checkVisible: "",//审核弹窗开关
  230. checkId: "",//会员项目编号
  231. result: -1,//1同意 0驳回
  232. };
  233. },
  234. componentWillMount() {
  235. this.loadData();
  236. this.departmentList();
  237. },
  238. // 获取订单部门
  239. departmentList() {
  240. $.ajax({
  241. method: "get",
  242. dataType: "json",
  243. crossDomain: false,
  244. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  245. data: {},
  246. success: function (data) {
  247. let thedata = data.data;
  248. let theArr = [];
  249. if (!thedata) {
  250. if (data.error && data.error.length) {
  251. message.warning(data.error[0].message);
  252. }
  253. } else {
  254. thedata.map(function (item, index) {
  255. theArr.push({
  256. key: index,
  257. name: item.name,
  258. id: item.id,
  259. });
  260. });
  261. }
  262. this.setState({
  263. departmentArr: theArr,
  264. });
  265. }.bind(this),
  266. }).always(
  267. function () {
  268. }.bind(this)
  269. );
  270. },
  271. // 列表数据
  272. loadData(pageNo, pageSize) {
  273. const { searchValues, pagination } = this.state
  274. this.setState({
  275. loading: true,
  276. });
  277. let datas = Object.assign(searchValues, {
  278. pageNo: pageNo || 1,
  279. pageSize: pageSize || 10,
  280. shiroType: 0, //所有
  281. });
  282. $.ajax({
  283. method: "get",
  284. dataType: "json",
  285. crossDomain: false,
  286. url: globalConfig.context + "/api/admin/orderProject/memberList",
  287. data: datas,
  288. success: function (data) {
  289. this.setState({
  290. loading: false,
  291. });
  292. if (data.error && data.error.length === 0) {
  293. if (data.data.list) {
  294. pagination.current = data.data.pageNo;
  295. pagination.total = data.data.totalCount;
  296. if (data.data && data.data.list && !data.data.list.length) {
  297. pagination.current = 0;
  298. pagination.total = 0;
  299. }
  300. this.setState({
  301. dataSource: data.data.list,
  302. pagination: this.state.pagination,
  303. pageNo: data.data.pageNo,
  304. totalPage: data.data.totalPage,
  305. });
  306. } else {
  307. this.setState({
  308. dataSource: data.data,
  309. pagination: false,
  310. });
  311. }
  312. } else {
  313. message.warning(data.error[0].message);
  314. }
  315. }.bind(this),
  316. }).always(
  317. function () {
  318. this.setState({
  319. loading: false,
  320. });
  321. }.bind(this)
  322. );
  323. },
  324. // 点击行
  325. tableRowClick(record) {
  326. this.state.RowData = record;
  327. this.setState({
  328. showDesc: true,
  329. });
  330. },
  331. // 关闭
  332. closeDesc(e, s) {
  333. this.state.showDesc = e;
  334. if (s) {
  335. this.loadData(this.state.page);
  336. }
  337. },
  338. // 搜索
  339. search() {
  340. this.setState({
  341. selectedRowKeys: []
  342. })
  343. this.loadData();
  344. },
  345. // 重置
  346. reset() {
  347. this.setState({
  348. searchValues: JSON.parse(JSON.stringify({})),
  349. }, () => {
  350. this.loadData();
  351. })
  352. },
  353. // 点击审核
  354. checkRemark(record, nmb) {
  355. this.setState({
  356. checkVisible: true,
  357. checkId: record.id,
  358. result: nmb
  359. });
  360. },
  361. // 审核
  362. toExamine() {
  363. if (!this.state.checkData) {
  364. message.warning("请填写审核说明~");
  365. return;
  366. }
  367. this.setState({
  368. loading: true,
  369. });
  370. $.ajax({
  371. method: "POST",
  372. dataType: "json",
  373. crossDomain: false,
  374. url: globalConfig.context + "/api/admin/orderProject/examineMemberProject",
  375. data: {
  376. id: this.state.checkId,
  377. remarks: this.state.content,
  378. result: this.state.result, //1同意 0驳回
  379. type: 0, //0财务审核 1特批审核
  380. },
  381. }).done(
  382. function (data) {
  383. if (!data.error.length) {
  384. message.success("审核成功!");
  385. this.setState({
  386. loading: false,
  387. });
  388. this.loadData()
  389. } else {
  390. message.warning(data.error[0].message);
  391. }
  392. }.bind(this)
  393. );
  394. },
  395. // 更改表格显示数据
  396. changeList(arr) {
  397. const newArr = [];
  398. this.state.columns.forEach((item) => {
  399. arr.forEach((val) => {
  400. if (val === item.title) {
  401. newArr.push(item);
  402. }
  403. });
  404. });
  405. this.setState({
  406. changeList: newArr,
  407. });
  408. },
  409. // 导出当前列表
  410. exportAll() {
  411. message.config({
  412. duration: 20,
  413. });
  414. let loading = message.loading("下载中...");
  415. this.setState({
  416. exportPendingLoading: true,
  417. });
  418. let data = {
  419. shiroType: 0, //所有
  420. };
  421. let obj1 = JSON.parse(JSON.stringify(this.state.searchValues));
  422. data = Object.assign(data, obj1);
  423. $.ajax({
  424. method: "get",
  425. dataType: "json",
  426. crossDomain: false,
  427. url: "/api/admin/orderProject/memberList/export",
  428. data,
  429. success: function (data) {
  430. if (data.error.length === 0) {
  431. this.download(data.data);
  432. } else {
  433. message.warning(data.error[0].message);
  434. }
  435. }.bind(this),
  436. }).always(
  437. function () {
  438. loading();
  439. this.setState({
  440. exportPendingLoading: false,
  441. });
  442. }.bind(this)
  443. );
  444. },
  445. // 打印
  446. printAll() {
  447. this.setState({
  448. dvisible: true,
  449. });
  450. this.loadData(1, 9999999);
  451. },
  452. // 下载
  453. download(fileName) {
  454. window.location.href =
  455. globalConfig.context + "/open/download?fileName=" + fileName;
  456. },
  457. // 查询订单负责人列表
  458. followUp(e) {
  459. const { searchValues } = this.state;
  460. this.setState({
  461. searchValues: Object.assign(searchValues, {
  462. aname: e,
  463. }),
  464. });
  465. $.ajax({
  466. method: "get",
  467. dataType: "json",
  468. crossDomain: false,
  469. url: globalConfig.context + "/api/admin/customer/listAdminByName",
  470. data: {
  471. adminName: e,
  472. },
  473. success: function (data) {
  474. let thedata = data.data;
  475. if (!thedata) {
  476. if (data.error && data.error.length) {
  477. message.warning(data.error[0].message);
  478. }
  479. thedata = {};
  480. }
  481. this.setState({
  482. fjlist: thedata,
  483. });
  484. }.bind(this),
  485. }).always(
  486. function () {
  487. this.setState({
  488. loading: false,
  489. });
  490. }.bind(this)
  491. );
  492. },
  493. // 选中订单负责人
  494. selectF(value) {
  495. const { searchValues, fjlist } = this.state;
  496. const newdataSources = JSON.stringify(fjlist) == "{}" ? [] : fjlist;
  497. this.setState({
  498. searchValues: Object.assign(searchValues, {
  499. salesmanId: newdataSources.find((item) => item.name == value).id,
  500. }),
  501. });
  502. },
  503. // 失去焦点
  504. blurChange(e) {
  505. let theType = "";
  506. let contactLists = this.state.customerArr || [];
  507. if (e) {
  508. contactLists.map(function (item) {
  509. if (item.name == e.toString()) {
  510. theType = item.id;
  511. }
  512. });
  513. }
  514. this.setState({
  515. theTypes: theType,
  516. });
  517. },
  518. // 删除数组最后一项(删除操作列)
  519. truncate(arr) {
  520. return arr.filter(function (v, i, ar) {
  521. return i !== ar.length - 1
  522. })
  523. },
  524. render() {
  525. const { TextArea } = Input
  526. const { searchValues, departmentArr = [] } = this.state
  527. const dataSources = this.state.fjlist || [];
  528. const options = dataSources.map((group) => (
  529. <Select.Option key={group.id} value={group.name}>
  530. {group.name}
  531. </Select.Option>
  532. ));
  533. return (
  534. <div className="user-content">
  535. <div className="content-title" style={{ marginBottom: 10 }}>
  536. <span style={{ fontWeight: 900, fontSize: 16 }}>会员项目(all)</span>
  537. </div>
  538. <Tabs defaultActiveKey="2" onChange={this.callback} className="test">
  539. <TabPane tab="更改表格显示数据" key="1">
  540. <div style={{ marginLeft: 10 }}>
  541. <ChooseList
  542. columns={this.state.columns}
  543. changeFn={this.changeList}
  544. changeList={this.state.changeList}
  545. top={55}
  546. margin={11}
  547. />
  548. </div>
  549. </TabPane>
  550. <TabPane tab="搜索" key="2">
  551. <div className="user-search" style={{ marginLeft: 10 }}>
  552. <Input
  553. placeholder="订单编号"
  554. value={searchValues["orderNo"]
  555. ? searchValues["orderNo"]
  556. : ""}
  557. onChange={(e) => {
  558. searchValues["orderNo"] = e.target.value;
  559. this.setState({
  560. searchValues: searchValues,
  561. });
  562. }}
  563. />
  564. <Input
  565. placeholder="客户名称"
  566. value={searchValues["userName"]
  567. ? searchValues["userName"]
  568. : ""}
  569. onChange={(e) => {
  570. searchValues["userName"] = e.target.value;
  571. this.setState({
  572. searchValues: searchValues,
  573. });
  574. }}
  575. />
  576. <Select
  577. placeholder="订单部门"
  578. style={{ width: 190, marginRight: 10 }}
  579. value={searchValues["depId"]
  580. ? searchValues["depId"]
  581. : undefined}
  582. onChange={(e) => {
  583. searchValues["depId"] = e;
  584. this.setState({
  585. searchValues: searchValues,
  586. });
  587. }}
  588. >
  589. {departmentArr.map(function (item) {
  590. return (
  591. <Select.Option key={item.id}>{item.name}</Select.Option>
  592. );
  593. })}
  594. </Select>
  595. <Input
  596. placeholder="合同编号"
  597. value={searchValues["contractNo"]
  598. ? searchValues["contractNo"]
  599. : ""}
  600. onChange={(e) => {
  601. searchValues["contractNo"] = e.target.value;
  602. this.setState({
  603. searchValues: searchValues,
  604. });
  605. }}
  606. />
  607. <AutoComplete
  608. className="certain-category-search"
  609. dropdownClassName="certain-category-search-dropdown"
  610. dropdownMatchSelectWidth={false}
  611. style={{ width: "120px" }}
  612. dataSource={options}
  613. placeholder="订单负责人"
  614. value={searchValues.aname || undefined}
  615. onChange={this.followUp.bind(this)}
  616. filterOption={true}
  617. onSelect={this.selectF.bind(this)}
  618. >
  619. <Input />
  620. </AutoComplete>
  621. <Input
  622. placeholder="项目名称"
  623. value={searchValues["projectName"]
  624. ? searchValues["projectName"]
  625. : ""}
  626. onChange={(e) => {
  627. searchValues["projectName"] = e.target.value;
  628. this.setState({
  629. searchValues: searchValues,
  630. });
  631. }}
  632. />
  633. <Select
  634. style={{ width: 120 }}
  635. placeholder="签单金额"
  636. value={searchValues["amountStatus"]
  637. ? searchValues["amountStatus"]
  638. : undefined}
  639. onChange={(e) => {
  640. searchValues["amountStatus"] = e;
  641. this.setState({
  642. searchValues: searchValues,
  643. });
  644. }}
  645. >
  646. <Option value="0">10万元以下</Option>
  647. <Option value="1">10~20万元</Option>
  648. <Option value="2">20~30万元</Option>
  649. <Option value="3">30~40万元</Option>
  650. <Option value="4">40万元以上</Option>
  651. </Select>
  652. <Select
  653. style={{ width: 120 }}
  654. placeholder="特批状态"
  655. value={searchValues["approval"]
  656. ? searchValues["approval"]
  657. : undefined}
  658. onChange={(e) => {
  659. searchValues["approval"] = e;
  660. this.setState({
  661. searchValues: searchValues,
  662. });
  663. }}
  664. >
  665. <Option value="0">非特批</Option>
  666. <Option value="1">特批待审</Option>
  667. <Option value="2">特批通过</Option>
  668. <Option value="4">全部特批</Option>
  669. </Select>
  670. <Select
  671. style={{ width: 120 }}
  672. placeholder="审核状态"
  673. value={searchValues["status"]
  674. ? searchValues["status"]
  675. : undefined}
  676. onChange={(e) => {
  677. searchValues["status"] = e;
  678. this.setState({
  679. searchValues: searchValues,
  680. });
  681. }}
  682. >
  683. <Option value="1">财务审核</Option>
  684. <Option value="2">特批审核</Option>
  685. <Option value="3">通过</Option>
  686. <Option value="5">全部</Option>
  687. </Select>
  688. <Button
  689. type="primary"
  690. onClick={this.search}
  691. style={{ marginLeft: 10 }}
  692. disabled={this.state.loading ? true : false}
  693. >
  694. 搜索
  695. </Button>
  696. <Button onClick={this.reset}>重置</Button>
  697. </div>
  698. </TabPane>
  699. <TabPane tab="打印" key="3">
  700. <Button
  701. type="primary"
  702. style={{ margin: "11px 0px 10px 10px" }}
  703. onClick={this.printAll}
  704. >
  705. 打印当前列表
  706. </Button>
  707. </TabPane>
  708. <TabPane tab="导出Excel" key="4">
  709. <Button
  710. type="primary"
  711. style={{ margin: "11px 0px 10px 10px" }}
  712. onClick={this.exportAll}
  713. >
  714. 导出当前列表
  715. </Button>
  716. </TabPane>
  717. </Tabs>
  718. <div className="patent-table">
  719. <Spin spinning={this.state.loading}>
  720. <Table
  721. bordered
  722. columns={
  723. this.state.changeList == undefined
  724. ? this.state.columns
  725. : this.state.changeList
  726. }
  727. dataSource={this.state.dataSource}
  728. pagination={this.state.pagination}
  729. onRowDoubleClick={this.tableRowClick.bind(this)}
  730. size="small"
  731. />
  732. </Spin>
  733. </div>
  734. {/* 订单详情 */}
  735. <OrderDesc
  736. data={this.state.RowData}
  737. showDesc={this.state.showDesc}
  738. closeDesc={this.closeDesc.bind(this)}
  739. />
  740. {
  741. //打印预览
  742. this.state.dvisible &&
  743. <Modal
  744. visible={this.state.dvisible}
  745. footer=""
  746. title="所有列表信息"
  747. className="admin-desc-content"
  748. width="1300px"
  749. onCancel={() => {
  750. this.loadData();
  751. this.setState({
  752. dvisible: false,
  753. });
  754. }}
  755. >
  756. <Spin spinning={this.state.loading}>
  757. <div
  758. className="patent-table"
  759. style={{
  760. padding: "25px 0 30px 30px",
  761. }}
  762. ref={(e) => {
  763. this.refs.all = e;
  764. }}
  765. >
  766. <Table
  767. columns={this.truncate(this.state.columns)}
  768. dataSource={this.state.dataSource}
  769. pagination={false}
  770. bordered
  771. size="small"
  772. />
  773. </div>
  774. </Spin>
  775. <ReactToPrint
  776. trigger={() => (
  777. <Button
  778. type="primary"
  779. style={{
  780. float: "right",
  781. marginTop: 10,
  782. position: "absolute",
  783. top: 0,
  784. right: 30,
  785. }}
  786. >
  787. 打印
  788. </Button>
  789. )}
  790. content={() => this.refs.all}
  791. />
  792. </Modal>
  793. }
  794. {
  795. //审核弹窗
  796. this.state.checkVisible &&
  797. <Modal
  798. maskClosable={false}
  799. title="审核订单"
  800. confirmLoading={this.state.loading}
  801. visible={this.state.checkVisible}
  802. onOk={this.toExamine}
  803. okText={this.state.result == 1 ? "通过" : this.state.result == 0 && "驳回"}
  804. onCancel={() => {
  805. this.loadData()
  806. this.setState({
  807. checkVisible: false,
  808. checkData: '',
  809. })
  810. }}
  811. >
  812. <TextArea
  813. value={this.state.checkData}
  814. onChange={(e) => {
  815. this.setState({
  816. checkData: e.target.value,
  817. })
  818. }}
  819. placeholder="请填写审核内容"
  820. />
  821. </Modal>
  822. }
  823. </div>
  824. );
  825. },
  826. });
  827. export default ProjectVipAll;