projectManageDetaile.jsx 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. import React from 'react';
  2. import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete} from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js';
  4. import $ from 'jquery/src/ajax';
  5. import '../userMangagement.less';
  6. import {orderType} from '../../../../dataDic.js';
  7. import {getOrderType,getProjectState,getTaskStatus,getOrderChannel,getOrderState,getPaymentState,getApprovedState} from '../../../../tools.js';
  8. const MySettlementDetaile = Form.create()(React.createClass({
  9. getInitialState() {
  10. return {
  11. loading: false,
  12. visible: false,
  13. //派单
  14. };
  15. },
  16. //查看基本详情基本信息
  17. loaduser(record){
  18. if(record){
  19. $.ajax({
  20. method: "get",
  21. dataType: "json",
  22. crossDomain: false,
  23. url: globalConfig.context + '/api/admin/techproject/getProjectTaskDetail',
  24. data: {
  25. taskId: record.taskId
  26. },
  27. success: function (data) {
  28. let thisData = data.data;
  29. if (!thisData) {
  30. if (data.error && data.error.length) {
  31. message.warning(data.error[0].message);
  32. };
  33. thisData = {};
  34. };
  35. this.setState({
  36. orderNo:thisData.orderNo,
  37. orderList:thisData
  38. });
  39. }.bind(this),
  40. }).always(function () {
  41. this.setState({
  42. loading: false
  43. });
  44. }.bind(this));
  45. }
  46. },
  47. //查看订单
  48. seeOrder(){
  49. this.setState({
  50. seeOrderVisible:true
  51. })
  52. this.seeOrderList();
  53. },
  54. seeOrderCancel(){
  55. this.setState({
  56. seeOrderVisible:false
  57. })
  58. },
  59. seeOrderList(){
  60. this.state.lookOrderList=[];
  61. $.ajax({
  62. method: "get",
  63. dataType: "json",
  64. crossDomain: false,
  65. url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
  66. data: {
  67. orderNo: this.state.orderNo
  68. },
  69. success: function (data) {
  70. let thisData = data.data;
  71. if (!thisData) {
  72. if (data.error && data.error.length) {
  73. message.warning(data.error[0].message);
  74. };
  75. thisData = {};
  76. };
  77. this.setState({
  78. id:thisData.id,
  79. lookOrderList:thisData,
  80. });
  81. }.bind(this),
  82. }).always(function () {
  83. this.setState({
  84. loading: false
  85. });
  86. }.bind(this));
  87. },
  88. componentWillMount() {
  89. },
  90. componentWillReceiveProps(nextProps) { //props改变时触发
  91. this.state.visible = nextProps.showDesc;
  92. if(nextProps.showDesc) {
  93. this.loaduser(nextProps.datauser);
  94. }
  95. },
  96. handleCancel(){
  97. this.setState({
  98. visible:false
  99. });
  100. this.props.close(false);
  101. },
  102. render() {
  103. const FormItem = Form.Item
  104. const formItemLayout = {
  105. labelCol: { span: 8 },
  106. wrapperCol: { span: 14 },
  107. };
  108. const seeOrderDetaiel=this.state.lookOrderList || [];
  109. const orderDetaiel=this.state.orderList || [];
  110. return(
  111. <div>
  112. <Modal maskClosable={false} visible={this.state.visible}
  113. onOk={this.handleCancel} onCancel={this.handleCancel}
  114. width='1000px'
  115. title='查看任务'
  116. footer=''
  117. className="admin-desc-content">
  118. <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
  119. <Spin spinning={this.state.loading}>
  120. <div className="clearfix">
  121. <FormItem className="half-item"
  122. {...formItemLayout}
  123. label="客户名称" >
  124. <span>{orderDetaiel.buyerName}</span>
  125. </FormItem>
  126. <FormItem className="half-item"
  127. {...formItemLayout}
  128. label="订单编号" >
  129. <span>{orderDetaiel.orderNo}</span>
  130. {/*<Button style={{float:'right'}} onClick={this.seeOrder}>查看订单</Button>*/}
  131. </FormItem>
  132. <FormItem className="half-item"
  133. {...formItemLayout}
  134. label="项目编号" >
  135. <span>{orderDetaiel.projectNo}</span>
  136. </FormItem>
  137. <FormItem className="half-item"
  138. {...formItemLayout}
  139. label="任务编号" >
  140. <span>{orderDetaiel.taskNo}</span>
  141. </FormItem>
  142. <FormItem className="half-item"
  143. {...formItemLayout}
  144. label="服务项目名称" >
  145. <span>{orderDetaiel.commodityName}</span>
  146. </FormItem>
  147. <FormItem className="half-item"
  148. {...formItemLayout}
  149. label="任务状态" >
  150. <span>{getTaskStatus(orderDetaiel.taskStatus)}</span>
  151. </FormItem>
  152. <FormItem className="half-item"
  153. {...formItemLayout}
  154. label="是否锁定" >
  155. <span>{orderDetaiel.deletedSign==2?'锁定':'未锁定'}</span>
  156. </FormItem>
  157. <div className='clearfix'>
  158. <FormItem className="half-item"
  159. {...formItemLayout}
  160. label="任务说明" >
  161. <span>{orderDetaiel.taskComment}</span>
  162. </FormItem>
  163. </div>
  164. <div className='clearfix'>
  165. <FormItem className="half-item"
  166. {...formItemLayout}
  167. label="派单人" >
  168. <span>{orderDetaiel.taskAllocatorName}</span>
  169. </FormItem>
  170. <FormItem className="half-item"
  171. {...formItemLayout}
  172. label="派单时间" >
  173. <span>{orderDetaiel.taskDistributionTime}</span>
  174. </FormItem>
  175. <FormItem className="half-item"
  176. {...formItemLayout}
  177. label="资料负责人" >
  178. <span>{orderDetaiel.taskReceiverName}</span>
  179. </FormItem>
  180. </div>
  181. </div>
  182. </Spin>
  183. </Form >
  184. </Modal>
  185. <Modal maskClosable={false} visible={this.state.seeOrderVisible}
  186. onOk={this.seeOrderCancel} onCancel={this.seeOrderCancel}
  187. width='1000px'
  188. title= '查看订单'
  189. footer=''
  190. className="admin-desc-content">
  191. <Form layout="horizontal" id="demand-form">
  192. <Spin spinning={this.state.loading}>
  193. <div className="clearfix">
  194. <div className="clearfix">
  195. <FormItem className="half-item"
  196. {...formItemLayout}
  197. label="订单编号" >
  198. <span>{seeOrderDetaiel.orderNo}</span>
  199. </FormItem>
  200. <FormItem className="half-item"
  201. {...formItemLayout}
  202. label="下单时间" >
  203. <span>{seeOrderDetaiel.createTime}</span>
  204. </FormItem>
  205. <FormItem className="half-item"
  206. {...formItemLayout}
  207. label="客户名称" >
  208. <span>{seeOrderDetaiel.buyerName}</span>
  209. </FormItem>
  210. <FormItem className="half-item"
  211. {...formItemLayout}
  212. label="订单类型" >
  213. <span>{getOrderType(seeOrderDetaiel.orderType)}</span>
  214. </FormItem>
  215. <FormItem className="half-item"
  216. {...formItemLayout}
  217. label="订单渠道" >
  218. <span>{getOrderChannel(seeOrderDetaiel.orderChannel)}</span>
  219. </FormItem>
  220. <FormItem className="half-item"
  221. {...formItemLayout}
  222. label="订单状态" >
  223. <span>{getOrderState(seeOrderDetaiel.orderStatus)}</span>
  224. </FormItem>
  225. <div className='clearfix'>
  226. <FormItem className="half-item"
  227. {...formItemLayout}
  228. label="特批立项" >
  229. <span>{getApprovedState(seeOrderDetaiel.approval)}</span>
  230. </FormItem>
  231. <div className='clearfix'>
  232. <FormItem
  233. labelCol={{ span: 4 }}
  234. wrapperCol={{ span: 16 }}
  235. label="订单留言" >
  236. <span>{seeOrderDetaiel.orderRemarks}</span>
  237. </FormItem>
  238. </div>
  239. </div>
  240. </div>
  241. <div className='clearfix'>
  242. <FormItem className="half-item"
  243. {...formItemLayout}
  244. label="订单负责人" >
  245. <span>{seeOrderDetaiel.salesmanName}</span>
  246. </FormItem>
  247. <FormItem className="half-item"
  248. {...formItemLayout}
  249. label="意向时间" >
  250. <span>{seeOrderDetaiel.createTime}</span>
  251. </FormItem>
  252. <FormItem className="half-item"
  253. {...formItemLayout}
  254. label="签单时间" >
  255. <span>{seeOrderDetaiel.signTime}</span>
  256. </FormItem>
  257. <FormItem className="half-item"
  258. {...formItemLayout}
  259. label="财务负责人" >
  260. <span>{seeOrderDetaiel.financeName}</span>
  261. </FormItem>
  262. <FormItem className="half-item"
  263. {...formItemLayout}
  264. label="项目负责人" >
  265. <span>{seeOrderDetaiel.technicianName}</span>
  266. </FormItem>
  267. <FormItem className="half-item"
  268. {...formItemLayout}
  269. label="立项时间" >
  270. <span>{seeOrderDetaiel.setUpTime}</span>
  271. </FormItem>
  272. <FormItem className="half-item"
  273. {...formItemLayout}
  274. label="项目状态" >
  275. <span>{getProjectState(seeOrderDetaiel.projectStage)}</span>
  276. </FormItem>
  277. </div>
  278. </div>
  279. </Spin>
  280. </Form >
  281. </Modal>
  282. </div>
  283. )
  284. }
  285. }));
  286. export default MySettlementDetaile;