projectManageDetaile.jsx 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  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,publishStatus } from '../../../../dataDic.js';
  7. import {getOrderType,getProjectState,getTaskStatus,getPublishStatus} 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. orderList:thisData,
  37. taskId:thisData.taskId,
  38. publishStatus:thisData.publishStatus,
  39. });
  40. }.bind(this),
  41. }).always(function () {
  42. this.setState({
  43. loading: false
  44. });
  45. }.bind(this));
  46. }
  47. },
  48. //修改公示状态
  49. changePublishStatus(){
  50. $.ajax({
  51. method: "post",
  52. dataType: "json",
  53. crossDomain: false,
  54. url: globalConfig.context + '/api/admin/techproject/updatePublishStatus',
  55. data: {
  56. taskId:this.state.taskId,
  57. publishStatus:this.state.publishStatus,
  58. },
  59. success: function (data) {
  60. let thisData = data.data;
  61. if (!thisData) {
  62. if (data.error && data.error.length) {
  63. message.warning(data.error[0].message);
  64. };
  65. thisData = {};
  66. }
  67. message.success('修改成功');
  68. }.bind(this),
  69. })
  70. },
  71. componentWillMount() {
  72. },
  73. componentWillReceiveProps(nextProps) { //props改变时触发
  74. this.state.visible = nextProps.showDesc;
  75. if(nextProps.showDesc) {
  76. this.loaduser(nextProps.datauser);
  77. }
  78. },
  79. handleCancel(){
  80. this.setState({
  81. visible:false
  82. })
  83. this.props.closeShow(false)
  84. },
  85. render() {
  86. const FormItem = Form.Item
  87. const formItemLayout = {
  88. labelCol: { span: 8 },
  89. wrapperCol: { span: 14 },
  90. };
  91. const orderDetaiel=this.state.orderList || [];
  92. return(
  93. <div>
  94. <Modal maskClosable={false} visible={this.state.visible}
  95. onOk={this.handleCancel} onCancel={this.handleCancel}
  96. width='1000px'
  97. title='查看任务'
  98. footer=''
  99. className="admin-desc-content">
  100. <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
  101. <Spin spinning={this.state.loading}>
  102. <div className="clearfix">
  103. <FormItem className="half-item"
  104. {...formItemLayout}
  105. label="客户名称" >
  106. <span>{orderDetaiel.buyerName}</span>
  107. </FormItem>
  108. <FormItem className="half-item"
  109. {...formItemLayout}
  110. label="项目编号" >
  111. <span>{orderDetaiel.projectNo}</span>
  112. </FormItem>
  113. <FormItem className="half-item"
  114. {...formItemLayout}
  115. label="任务编号" >
  116. <span>{orderDetaiel.taskNo}</span>
  117. </FormItem>
  118. <FormItem className="half-item"
  119. {...formItemLayout}
  120. label="服务项目名称" >
  121. <span>{orderDetaiel.commodityName}</span>
  122. </FormItem>
  123. <FormItem className="half-item"
  124. {...formItemLayout}
  125. label="任务状态" >
  126. <span>{getTaskStatus(orderDetaiel.taskStatus)}</span>
  127. </FormItem>
  128. <FormItem className="half-item"
  129. {...formItemLayout}
  130. label="是否锁定" >
  131. <span>{orderDetaiel.deletedSign==2?'锁定':'未锁定'}</span>
  132. </FormItem>
  133. <div className='clearfix'>
  134. <FormItem className="half-item"
  135. {...formItemLayout}
  136. label="公示状态" >
  137. {orderDetaiel.taskStatus==3?<span><Select placeholder="请选择公示状态"
  138. style={{ width:'150px'}}
  139. value={getPublishStatus(this.state.publishStatus)}
  140. onChange={(e)=>{this.setState({publishStatus:e})}}>
  141. {
  142. publishStatus.map(function (item) {
  143. return <Select.Option key={item.value} >{item.key}</Select.Option>
  144. })
  145. }
  146. </Select>
  147. <Button onClick={this.changePublishStatus} style={{marginLeft:'10px',fontSize:'12px'}}>修改公示状态</Button></span>:<span>{getPublishStatus(orderDetaiel.publishStatus)}</span>
  148. }
  149. </FormItem>
  150. <FormItem className="half-item"
  151. {...formItemLayout}
  152. label="资料负责人" >
  153. <span>{orderDetaiel.taskReceiverName}</span>
  154. </FormItem>
  155. <FormItem className="half-item"
  156. {...formItemLayout}
  157. label="派单人" >
  158. <span>{orderDetaiel.taskAllocatorName}</span>
  159. </FormItem>
  160. <FormItem className="half-item"
  161. {...formItemLayout}
  162. label="派单时间" >
  163. <span>{orderDetaiel.taskDistributionTime}</span>
  164. </FormItem>
  165. </div>
  166. <div className='clearfix'>
  167. <FormItem
  168. labelCol={{ span: 4 }}
  169. wrapperCol={{ span: 16 }}
  170. label="任务说明" >
  171. <span>{orderDetaiel.taskComment}</span>
  172. </FormItem>
  173. </div>
  174. </div>
  175. </Spin>
  176. </Form >
  177. </Modal>
  178. </div>
  179. )
  180. }
  181. }));
  182. export default MySettlementDetaile;