dev01 2 lat temu
rodzic
commit
8938a5cd0a

+ 1 - 1
js/component/account/achievement/techAchievementDesc.jsx

@@ -292,7 +292,7 @@ const AchievementDetailShow = Form.create()(React.createClass({
                                                 footer={null}
                                                 onCancel={() => { this.setState({ releaseSubmitVisible: false }) }} >
                                                 <span>确认要撤销发布吗?</span>
-                                                <Button className="modal-submit" type="primary" onClick={this.offShelf} >确认</Button>
+                                                <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.offShelf} >确认</Button>
                                                 <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ releaseSubmitVisible: false }) }}>取消</Button>
                                             </Modal>
                                         </div>;

+ 1 - 1
js/component/account/demand/techDemandDesc.jsx

@@ -275,7 +275,7 @@ const DemandDetailShow = Form.create()(React.createClass({
                                                 footer={null}
                                                 onCancel={() => { this.setState({ releaseSubmitVisible: false }) }} >
                                                 <span>确认要撤销发布吗?</span>
-                                                <Button className="modal-submit" type="primary" onClick={this.offShelf} >确认</Button>
+                                                <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.offShelf} >确认</Button>
                                                 <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ releaseSubmitVisible: false }) }}>取消</Button>
                                             </Modal>
                                         </div>;

+ 1 - 1
js/component/account/index/consultList.jsx

@@ -266,7 +266,7 @@ const OrderList = React.createClass({
                                 <span>是否确定取消这个订单?取消后后订单不可恢复!</span>
                             </div>
                             <div className="modal-box" >
-                                <Button type="primary" onClick={this.delRow}>确认</Button>
+                                <Button type="primary" loading={this.state.loading} onClick={this.delRow}>确认</Button>
                                 <Button type="ghost" onClick={() => { this.setState({ visible: false }) }}>取消</Button>
                             </div>
                         </div>

+ 1 - 1
js/component/account/index/serviceList.jsx

@@ -253,7 +253,7 @@ const OrderList = React.createClass({
                                 <span>是否确定取消这个订单?取消后后订单不可恢复!</span>
                             </div>
                             <div className="modal-box" >
-                                <Button type="primary" onClick={this.delRow}>确认</Button>
+                                <Button type="primary" loading={this.state.loading} onClick={this.delRow}>确认</Button>
                                 <Button type="ghost" onClick={() => { this.setState({ visible: false }) }}>取消</Button>
                             </div>
                         </div>

+ 1 - 1
js/component/manageCenter/achievement/crmAchievement.jsx

@@ -737,7 +737,7 @@ const AchievementDetailShow = Form.create()(React.createClass({
                         footer={null}
                         onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
                         <span>确认该需求审核未通过?</span>
-                        <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
+                        <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.formSubmit}>确认</Button>
                         <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
                     </Modal>
                 </Spin>

+ 1 - 1
js/component/manageCenter/achievement/techAchievementAudit/auditDesc.jsx

@@ -753,7 +753,7 @@ const AchievementDetailShow = Form.create()(React.createClass({
                         footer={null}
                         onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
                         <span>确认该需求审核未通过?</span>
-                        <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
+                        <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.formSubmit}>确认</Button>
                         <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
                     </Modal>
                 </Spin>

+ 1 - 1
js/component/manageCenter/achievement/techAchievementDesc.jsx

@@ -762,7 +762,7 @@ const AchievementDetailShow = Form.create()(React.createClass({
                         footer={null}
                         onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
                         <span>确认该需求审核未通过?</span>
-                        <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
+                        <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.formSubmit}>确认</Button>
                         <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
                     </Modal>
                 </Spin>

+ 1 - 1
js/component/manageCenter/achievement/techAchievementQueryDesc.jsx

@@ -747,7 +747,7 @@ const AchievementDetailShow = Form.create()(React.createClass({
                         footer={null}
                         onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
                         <span>确认该需求审核未通过?</span>
-                        <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
+                        <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.formSubmit}>确认</Button>
                         <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
                     </Modal>
                 </Spin>

+ 1 - 1
js/component/manageCenter/demand/demandAudit/demandAuditDesc.jsx

@@ -688,7 +688,7 @@ const DemandDetailShow = Form.create()(React.createClass({
                         footer={null}
                         onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
                         <span>确认该需求审核未通过?</span>
-                        <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
+                        <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.formSubmit}>确认</Button>
                         <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
                     </Modal>
                 </Spin>

+ 1 - 1
js/component/manageCenter/demand/techDemandDesc.jsx

@@ -692,7 +692,7 @@ const DemandDetailShow = Form.create()(React.createClass({
                         footer={null}
                         onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
                         <span>确认该需求审核未通过?</span>
-                        <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
+                        <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.formSubmit}>确认</Button>
                         <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
                     </Modal>
                 </Spin>

+ 1 - 1
js/component/manageCenter/demand/techDemandQueryDesc.jsx

@@ -676,7 +676,7 @@ const DemandDetailShow = Form.create()(React.createClass({
                         footer={null}
                         onCancel={() => { this.setState({ formSubmitVisible: false }) }} >
                         <span>确认该需求审核未通过?</span>
-                        <Button className="modal-submit" type="primary" onClick={this.formSubmit}>确认</Button>
+                        <Button className="modal-submit" type="primary" loading={this.state.loading} onClick={this.formSubmit}>确认</Button>
                         <Button className="modal-submit" type="ghost" onClick={() => { this.setState({ formSubmitVisible: false }) }}>取消</Button>
                     </Modal>
                 </Spin>

+ 225 - 204
js/component/manageCenter/financialManage/distribute/inSpecial.jsx

@@ -1,3 +1,4 @@
+// kptp 财务管理-省内特批
 import React from "react";
 import $ from "jquery/src/ajax";
 import "./public.less";
@@ -11,7 +12,9 @@ import {
   message,
   Modal,
   Upload,
-  Tabs, Popconfirm, Tooltip
+  Tabs,
+  Popconfirm,
+  Tooltip,
 } from "antd";
 import {
   getProvinceA,
@@ -21,23 +24,22 @@ import {
   getPeople,
   splitUrl,
   ShowModal,
-  getProcessStatus
+  getProcessStatus,
 } from "@/tools";
 import { ChooseList } from "../../../../component/manageCenter/order/orderNew/chooseList";
 import ShowModalDiv from "@/showModal.jsx";
 const FormItem = Form.Item;
-const {TabPane} = Tabs
+const { TabPane } = Tabs;
 import OrderDesc from "../../financialManage/orderDetail/orderDesc";
 import ImgList from "../../../common/imgList";
-import {getProjectName} from "../../../tools";
+import { getProjectName } from "../../../tools";
 import DepartmentList from "../../../common/departmentList";
 import LogPopup from "../../../common/logPopup";
 const inSpecial = React.createClass({
-
   loadData(pageNo) {
     this.state.data = [];
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -55,9 +57,9 @@ const inSpecial = React.createClass({
         orderNo: this.state.orderNoSearch,
         orderDep: this.state.departmenttList,
         type: 0,
-        approval: this.state.processStatus
+        approval: this.state.processStatus,
       },
-      success: function(data) {
+      success: function (data) {
         ShowModal(this);
         let theArr = [];
         if (!data.data || !data.data.list) {
@@ -83,7 +85,7 @@ const inSpecial = React.createClass({
                 : "",
               settlementAmount: thisdata.settlementAmount,
               notAmount: thisdata.notAmount,
-              approval: thisdata.approval
+              approval: thisdata.approval,
             });
           }
         }
@@ -96,13 +98,13 @@ const inSpecial = React.createClass({
         this.setState({
           totalPage: data.data.totalPage,
           dataSource: theArr,
-          pagination: this.state.pagination
+          pagination: this.state.pagination,
         });
-      }.bind(this)
+      }.bind(this),
     }).always(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -110,7 +112,7 @@ const inSpecial = React.createClass({
 
   invoiceData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -119,9 +121,9 @@ const inSpecial = React.createClass({
       url:
         globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
       data: {
-        id: this.state.id
+        id: this.state.id,
       },
-      success: function(data) {
+      success: function (data) {
         let thisdata = data.data;
         this.setState({
           orderNo: thisdata.orderNo,
@@ -152,13 +154,13 @@ const inSpecial = React.createClass({
                 ",",
                 globalConfig.avatarHost + "/upload"
               )
-            : []
+            : [],
         });
-      }.bind(this)
+      }.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -187,92 +189,96 @@ const inSpecial = React.createClass({
         defaultPageSize: 10,
         showQuickJumper: true,
         pageSize: 10,
-        onChange: function(page) {
+        onChange: function (page) {
           this.loadData(page);
         }.bind(this),
-        showTotal: function(total) {
+        showTotal: function (total) {
           return "共" + total + "条数据";
-        }
+        },
       },
       columns: [
         {
           title: "编号",
           dataIndex: "id",
-          key: "id"
+          key: "id",
           // fixed: "left"
         },
         {
           title: "客户",
           dataIndex: "unitName",
           key: "unitName",
-          width:100,
-          render: text => {
+          width: 100,
+          render: (text) => {
             return (
-                <Tooltip title={text}>
-                  <div style={{
-                    maxWidth:'100px',
-                    overflow:'hidden',
+              <Tooltip title={text}>
+                <div
+                  style={{
+                    maxWidth: "100px",
+                    overflow: "hidden",
                     textOverflow: "ellipsis",
-                    whiteSpace:'nowrap',
-                  }}>{text}</div>
-                </Tooltip>
-            )
-          }
+                    whiteSpace: "nowrap",
+                  }}
+                >
+                  {text}
+                </div>
+              </Tooltip>
+            );
+          },
         },
         {
           title: "跟单人/签单人",
           dataIndex: "name",
-          key: "name"
+          key: "name",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
-          render: (text,record) => {
+          render: (text, record) => {
             // return getStatus(text);
             return getInvoiceStatus(text, record);
-          }
+          },
         },
         {
           title: "流程状态",
           dataIndex: "processStatus",
           key: "processStatus",
-          render: text => {
+          render: (text) => {
             return getProcessStatus(text);
-          }
+          },
         },
         {
           title: "项目状态",
           dataIndex: "projectStatus",
           key: "projectStatus",
-          render: text => {
+          render: (text) => {
             return getProjectName(text);
-          }
+          },
         },
         {
           title: "申请开票(万)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "已开票(万)",
           dataIndex: "sumAmount",
-          key: "sumAmount"
+          key: "sumAmount",
         },
         {
           title: "已收款",
           dataIndex: "settlementAmount",
-          key: "settlementAmount"
+          key: "settlementAmount",
         },
         {
           title: "未收款",
           dataIndex: "notAmount",
-          key: "notAmount"
+          key: "notAmount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "操作",
@@ -284,7 +290,7 @@ const inSpecial = React.createClass({
                 {
                   <Button
                     type="primary"
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.visit(index);
                     }}
                     style={{ background: "deepskyblue", border: "none" }}
@@ -293,42 +299,54 @@ const inSpecial = React.createClass({
                   </Button>
                 }
                 {record.approval !== 2 ? (
-                    <Popconfirm placement="top" title="确定要通过吗?" onConfirm={(e)=>{
+                  <Popconfirm
+                    placement="top"
+                    title="确定要通过吗?"
+                    onConfirm={(e) => {
                       e.stopPropagation();
                       this.setState({ examine: 2 }, () => {
                         this.sende(record);
                       });
-                    }} okText="确定" cancelText="取消">
-                      <Button
-                        type="primary"
-                        style={{ marginLeft: "10px" }}
-                        onClick={e => {
-                            e.stopPropagation();
-                        }}
-                      >
-                        通过
-                      </Button>
-                    </Popconfirm>
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="primary"
+                      style={{ marginLeft: "10px" }}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                    >
+                      通过
+                    </Button>
+                  </Popconfirm>
                 ) : (
                   ""
                 )}
                 {record.approval !== 2 ? (
-                    <Popconfirm placement="top" title="确定要拒绝吗?" onConfirm={(e)=>{
+                  <Popconfirm
+                    placement="top"
+                    title="确定要拒绝吗?"
+                    onConfirm={(e) => {
                       e.stopPropagation();
                       this.setState({ examine: 3 }, () => {
                         this.reject(record);
                       });
-                    }} okText="确定" cancelText="取消">
-                      <Button
-                          type="danger"
-                          onClick={e => {
-                            e.stopPropagation();
-                          }}
-                          style={{ marginLeft: "10px" }}
-                      >
-                        拒绝
-                      </Button>
-                    </Popconfirm>
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="danger"
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                      style={{ marginLeft: "10px" }}
+                    >
+                      拒绝
+                    </Button>
+                  </Popconfirm>
                 ) : (
                   ""
                 )}
@@ -348,9 +366,9 @@ const inSpecial = React.createClass({
                     style={{
                       marginLeft: "10px",
                       background: "orangered",
-                      border: "none"
+                      border: "none",
                     }}
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.inRecord(record, index);
                     }}
                   >
@@ -359,47 +377,51 @@ const inSpecial = React.createClass({
                 }
               </div>
             );
-          }
-        }
+          },
+        },
       ],
       columnsDate: [
         {
           title: "编号",
           dataIndex: "id",
-          key: "id"
+          key: "id",
         },
         {
           title: "订单编号",
           dataIndex: "orderno",
-          key: "orderno"
+          key: "orderno",
         },
         {
           title: "开票金额(万元)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
           render: (text, record) => {
-            return <div>{getInvoiceStatus(text, record)} <LogPopup id={record.id} /></div>;
+            return (
+              <div>
+                {getInvoiceStatus(text, record)} <LogPopup id={record.id} />
+              </div>
+            );
           },
-        }
+        },
       ],
       dataSource: [],
-      searchTime: [,]
+      searchTime: [,],
     };
   },
 
   loadSend(record) {
     this.setState({
-      loading: true
+      loading: true,
     });
     if (this.state.examine === 3 && this.state.reason === "") {
       message.warning("拒绝理由不能为空!");
@@ -437,7 +459,7 @@ const inSpecial = React.createClass({
   //重置拒绝理由
   resetReason() {
     this.setState({
-      reason: ""
+      reason: "",
     });
   },
 
@@ -448,7 +470,7 @@ const inSpecial = React.createClass({
   commit() {
     this.loadSend();
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
@@ -456,7 +478,7 @@ const inSpecial = React.createClass({
     this.setState(
       {
         id: this.state.dataSource[index].id,
-        avisible: true
+        avisible: true,
       },
       () => {
         this.invoiceData();
@@ -465,24 +487,24 @@ const inSpecial = React.createClass({
   },
   visitCancels() {
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
   reject(record) {
     this.setState({
       visibleR: true,
-      id: record.id
+      id: record.id,
     });
   },
   rejectCancels() {
     this.setState({
-      visibleR: false
+      visibleR: false,
     });
   },
   inRecordData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -492,9 +514,9 @@ const inSpecial = React.createClass({
         globalConfig.context +
         "/api/admin/orderInvoice/salesmanOrderInvoiceList",
       data: {
-        orderNo: this.state.orderNo2
+        orderNo: this.state.orderNo2,
       },
-      success: function(data) {
+      success: function (data) {
         let theArr = [];
         let sum = 0;
         if (!data.data) {
@@ -512,19 +534,19 @@ const inSpecial = React.createClass({
               createTime: thisdata.createTime, //流程状态
               status: thisdata.status, //结算状态
               rejectReason: thisdata.rejectReason,
-              approval:thisdata.approval,//0非特批 1待审核 2审核通过
+              approval: thisdata.approval, //0非特批 1待审核 2审核通过
             });
           }
         }
         this.setState({
           recordData: theArr,
-          sum: sum.toFixed(6)
+          sum: sum.toFixed(6),
         });
-      }.bind(this)
+      }.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -534,7 +556,7 @@ const inSpecial = React.createClass({
     this.setState(
       {
         bvisible: true,
-        orderNo2: record.orderNo
+        orderNo2: record.orderNo,
       },
       () => {
         this.inRecordData();
@@ -544,7 +566,7 @@ const inSpecial = React.createClass({
 
   inRecordCanl() {
     this.setState({
-      bvisible: false
+      bvisible: false,
     });
   },
 
@@ -567,21 +589,21 @@ const inSpecial = React.createClass({
   },
   changeList(arr) {
     const newArr = [];
-    this.state.columns.forEach(item => {
-      arr.forEach(val => {
+    this.state.columns.forEach((item) => {
+      arr.forEach((val) => {
         if (val === item.title) {
           newArr.push(item);
         }
       });
     });
     this.setState({
-      changeList: newArr
+      changeList: newArr,
     });
   },
   tableRowClick(record) {
     this.state.RowData = record;
     this.setState({
-      showDesc: true
+      showDesc: true,
     });
   },
   closeDesc(e, s) {
@@ -593,7 +615,7 @@ const inSpecial = React.createClass({
   render() {
     const formItemLayout = {
       labelCol: { span: 8 },
-      wrapperCol: { span: 14 }
+      wrapperCol: { span: 14 },
     };
     return (
       <div className="user-content" style={{ position: "relative" }}>
@@ -601,83 +623,80 @@ const inSpecial = React.createClass({
         <div className="content-title">
           <span>省内特批</span>
         </div>
-        <Tabs
-          defaultActiveKey="1"
-          onChange={this.callback}
-          className="test">
+        <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
           <TabPane tab="搜索" key="1">
-        <div className="user-search">
-          <Input
-            placeholder="营销员名称"
-            value={this.state.nameSearch}
-            style={{marginLeft:10}}
-            onChange={e => {
-              this.setState({ nameSearch: e.target.value });
-            }}
-          />
-          <Input
-            placeholder="订单编号"
-            value={this.state.orderNoSearch}
-            onChange={e => {
-              this.setState({ orderNoSearch: e.target.value });
-            }}
-          />
-          <Input
-            placeholder="客户名称"
-            value={this.state.userName}
-            onChange={e => {
-              this.setState({ userName: e.target.value });
-            }}
-          />
-          <Select
-            placeholder="开票状态"
-            onChange={e => {
-              this.setState({ status: e });
-            }}
-            style={{ width: 160, marginRight: 5 }}
-            value={this.state.status}
-          >
-            <Option value="1">处理中</Option>
-            <Option value="2">通过</Option>
-          </Select>
-          <DepartmentList
-              value={this.state.departmenttList}
-              onChange={e => {
-                this.setState({ departmenttList: e });
-              }}/>
-          <Select
-            placeholder="特批状态"
-            onChange={e => {
-              this.setState({ processStatus: e });
-            }}
-            style={{ width: 160, marginRight: 5 }}
-            value={this.state.processStatus}
-          >
-            <Option value="1">特批未审核</Option>
-            <Option value="2">特批已审核</Option>
-          </Select>
-          <Button
-            type="primary"
-            onClick={this.search}
-            style={{ marginLeft: 10 }}
-          >
-            搜索
-          </Button>
-          <Button onClick={this.reset}>重置</Button>
-        </div>
-        </TabPane>
-        <TabPane tab="更改表格数据" key="2">
-        <div style={{margin:10,marginBottom:0}}>
-        <ChooseList
-          columns={this.state.columns}
-          changeFn={this.changeList}
-          changeList={this.state.changeList}
-          top={55}
-        />
-        </div>
-
-</TabPane>
-</Tabs>
+            <div className="user-search">
+              <Input
+                placeholder="营销员名称"
+                value={this.state.nameSearch}
+                style={{ marginLeft: 10 }}
+                onChange={(e) => {
+                  this.setState({ nameSearch: e.target.value });
+                }}
+              />
+              <Input
+                placeholder="订单编号"
+                value={this.state.orderNoSearch}
+                onChange={(e) => {
+                  this.setState({ orderNoSearch: e.target.value });
+                }}
+              />
+              <Input
+                placeholder="客户名称"
+                value={this.state.userName}
+                onChange={(e) => {
+                  this.setState({ userName: e.target.value });
+                }}
+              />
+              <Select
+                placeholder="开票状态"
+                onChange={(e) => {
+                  this.setState({ status: e });
+                }}
+                style={{ width: 160, marginRight: 5 }}
+                value={this.state.status}
+              >
+                <Option value="1">处理中</Option>
+                <Option value="2">通过</Option>
+              </Select>
+              <DepartmentList
+                value={this.state.departmenttList}
+                onChange={(e) => {
+                  this.setState({ departmenttList: e });
+                }}
+              />
+              <Select
+                placeholder="特批状态"
+                onChange={(e) => {
+                  this.setState({ processStatus: e });
+                }}
+                style={{ width: 160, marginRight: 5 }}
+                value={this.state.processStatus}
+              >
+                <Option value="1">特批未审核</Option>
+                <Option value="2">特批已审核</Option>
+              </Select>
+              <Button
+                type="primary"
+                onClick={this.search}
+                style={{ marginLeft: 10 }}
+              >
+                搜索
+              </Button>
+              <Button onClick={this.reset}>重置</Button>
+            </div>
+          </TabPane>
+          <TabPane tab="更改表格数据" key="2">
+            <div style={{ margin: 10, marginBottom: 0 }}>
+              <ChooseList
+                columns={this.state.columns}
+                changeFn={this.changeList}
+                changeList={this.state.changeList}
+                top={55}
+              />
+            </div>
+          </TabPane>
+        </Tabs>
         <div className="patent-table">
           <Spin spinning={this.state.loading}>
             <Table
@@ -703,25 +722,27 @@ const inSpecial = React.createClass({
           width="400px"
           onCancel={this.rejectCancels}
         >
-          <Input.TextArea
-            placeholder="请输入拒绝理由"
-            rows={4}
-            value={this.state.reason}
-            onChange={e => {
-              this.setState({ reason: e.target.value });
-            }}
-          ></Input.TextArea>
-          <div className="clearfix" style={{ marginTop: "20px" }}>
-            <Button
-              type="primary"
-              onClick={e => {
-                e.stopPropagation(), this.commit();
+          <Spin spinning={this.state.loading}>
+            <Input.TextArea
+              placeholder="请输入拒绝理由"
+              rows={4}
+              value={this.state.reason}
+              onChange={(e) => {
+                this.setState({ reason: e.target.value });
               }}
-              style={{ float: "right" }}
-            >
-              提交
-            </Button>
-          </div>
+            ></Input.TextArea>
+            <div className="clearfix" style={{ marginTop: "20px" }}>
+              <Button
+                type="primary"
+                onClick={(e) => {
+                  e.stopPropagation(), this.commit();
+                }}
+                style={{ float: "right" }}
+              >
+                提交
+              </Button>
+            </div>
+          </Spin>
         </Modal>
         <Modal
           className="admin-desc-content"
@@ -772,7 +793,7 @@ const inSpecial = React.createClass({
                   style={{
                     border: "1px dashed #aaa",
                     width: "90%",
-                    margin: "auto"
+                    margin: "auto",
                   }}
                 />
                 <div style={{ marginTop: "13px", marginLeft: "16px" }}>
@@ -900,10 +921,10 @@ const inSpecial = React.createClass({
                       className="demandDetailShow-upload"
                       listType="picture-card"
                       fileList={this.state.orgCodeUrl}
-                      onPreview={file => {
+                      onPreview={(file) => {
                         this.setState({
                           previewImage: file.url || file.thumbUrl,
-                          previewVisible: true
+                          previewVisible: true,
                         });
                       }}
                     />
@@ -930,7 +951,7 @@ const inSpecial = React.createClass({
                   style={{
                     border: "1px dashed #aaa",
                     width: "90%",
-                    margin: "auto"
+                    margin: "auto",
                   }}
                 />
                 <div className="clearfix" style={{ marginTop: "10px" }}>
@@ -1037,7 +1058,7 @@ const inSpecial = React.createClass({
         />
       </div>
     );
-  }
+  },
 });
 
 export default inSpecial;

+ 166 - 142
js/component/manageCenter/financialManage/distribute/invoiceApplyList.jsx

@@ -11,7 +11,8 @@ import {
   message,
   Modal,
   Popconfirm,
-  Tabs, Tooltip
+  Tabs,
+  Tooltip,
 } from "antd";
 import {
   getProvinceA,
@@ -21,23 +22,23 @@ import {
   getPeople,
   splitUrl,
   ShowModal,
-  getProcessStatus
+  getProcessStatus,
 } from "@/tools";
 import { ChooseList } from "../../../../component/manageCenter/order/orderNew/chooseList";
 import ShowModalDiv from "@/showModal.jsx";
 import OrderDesc from "../orderDetail/orderDesc";
-import KaiPiaoModal from "./kaiPiaoModal"
-import {getProjectName} from "../../../tools";
+import KaiPiaoModal from "./kaiPiaoModal";
+import { getProjectName } from "../../../tools";
 import DepartmentList from "../../../common/departmentList";
 import LogPopup from "../../../common/logPopup";
 const FormItem = Form.Item;
-const { TabPane } = Tabs
+const { TabPane } = Tabs;
 
 const invoiceApplyList = React.createClass({
   loadData(pageNo) {
     this.state.data = [];
     this.setState({
-      listLoading: true
+      listLoading: true,
     });
     $.ajax({
       method: "get",
@@ -81,7 +82,7 @@ const invoiceApplyList = React.createClass({
                 ? new Date(thisdata.createTime).toLocaleString()
                 : "",
               settlementAmount: thisdata.settlementAmount,
-              notAmount: thisdata.notAmount
+              notAmount: thisdata.notAmount,
             });
           }
           this.state.pagination.current = data.data.pageNo;
@@ -93,14 +94,14 @@ const invoiceApplyList = React.createClass({
           this.setState({
             totalPage: data.data.totalPage,
             dataSource: theArr,
-            pagination: this.state.pagination
+            pagination: this.state.pagination,
           });
         }
-      }.bind(this)
+      }.bind(this),
     }).always(
       function () {
         this.setState({
-          listLoading: false
+          listLoading: false,
         });
       }.bind(this)
     );
@@ -108,7 +109,7 @@ const invoiceApplyList = React.createClass({
 
   invoiceData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -117,7 +118,7 @@ const invoiceApplyList = React.createClass({
       url:
         globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
       data: {
-        id: this.state.id
+        id: this.state.id,
       },
       success: function (data) {
         let thisdata = data.data;
@@ -147,20 +148,20 @@ const invoiceApplyList = React.createClass({
           recipientAddress: thisdata.recipientAddress,
           orgCodeUrl: thisdata.voucherUrl
             ? splitUrl(
-              thisdata.voucherUrl,
-              ",",
-              globalConfig.avatarHost + "/upload"
-            )
-            : []
-        }
+                thisdata.voucherUrl,
+                ",",
+                globalConfig.avatarHost + "/upload"
+              )
+            : [],
+        };
         this.setState({
-          modalData: obj
-        })
-      }.bind(this)
+          modalData: obj,
+        });
+      }.bind(this),
     }).done(
       function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -190,87 +191,91 @@ const invoiceApplyList = React.createClass({
         }.bind(this),
         showTotal: function (total) {
           return "共" + total + "条数据";
-        }
+        },
       },
       columns: [
         {
           title: "编号",
           dataIndex: "id",
-          key: "id"
+          key: "id",
           // fixed: "left"
         },
         {
           title: "客户",
           dataIndex: "unitName",
           key: "unitName",
-          width:100,
-          render: text => {
+          width: 100,
+          render: (text) => {
             return (
-                <Tooltip title={text}>
-                  <div style={{
-                    maxWidth:'100px',
-                    overflow:'hidden',
+              <Tooltip title={text}>
+                <div
+                  style={{
+                    maxWidth: "100px",
+                    overflow: "hidden",
                     textOverflow: "ellipsis",
-                    whiteSpace:'nowrap',
-                  }}>{text}</div>
-                </Tooltip>
-            )
-          }
+                    whiteSpace: "nowrap",
+                  }}
+                >
+                  {text}
+                </div>
+              </Tooltip>
+            );
+          },
         },
         {
           title: "跟单人/签单人",
           dataIndex: "name",
-          key: "name"
+          key: "name",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
-          render: (text,record) => {
+          render: (text, record) => {
             // return getStatus(text);
             return getInvoiceStatus(text, record);
-          }
+          },
         },
         {
           title: "流程状态",
           dataIndex: "processStatus",
           key: "processStatus",
-          render: text => {
+          render: (text) => {
             return getProcessStatus(text);
-          }
+          },
         },
         {
           title: "项目状态",
           dataIndex: "projectStatus",
           key: "projectStatus",
-          render: text => {
+          render: (text) => {
             return getProjectName(text);
-          }
+          },
         },
         {
           title: "申请开票(万)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "已开票(万)",
           dataIndex: "sumAmount",
-          key: "sumAmount"
+          key: "sumAmount",
         },
         {
           title: "已收款",
           dataIndex: "settlementAmount",
-          key: "settlementAmount"
+          key: "settlementAmount",
         },
         {
           title: "未收款",
           dataIndex: "notAmount",
-          key: "notAmount"
+          key: "notAmount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "操作",
@@ -282,7 +287,7 @@ const invoiceApplyList = React.createClass({
                 {
                   <Button
                     type="primary"
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.visit(index);
                     }}
                     style={{ background: "deepskyblue", border: "none" }}
@@ -291,45 +296,57 @@ const invoiceApplyList = React.createClass({
                   </Button>
                 }
                 {record.status !== 2 ? (
-                        <Popconfirm placement="top" title="确定要通过吗?" onConfirm={(e)=>{
-                            e.stopPropagation();
-                            this.setState({ examine: 2 }, () => {
-                              this.sende(record);
-                            });
-                        }} okText="确定" cancelText="取消">
-                          <Button
-                              type="primary"
-                              style={{ marginLeft: "10px" }}
-                              onClick={e => {
-                                e.stopPropagation()
-                              }}
-                          >
-                            通过
-                          </Button>
-                        </Popconfirm>
+                  <Popconfirm
+                    placement="top"
+                    title="确定要通过吗?"
+                    onConfirm={(e) => {
+                      e.stopPropagation();
+                      this.setState({ examine: 2 }, () => {
+                        this.sende(record);
+                      });
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="primary"
+                      style={{ marginLeft: "10px" }}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                    >
+                      通过
+                    </Button>
+                  </Popconfirm>
                 ) : (
-                    ""
-                  )}
+                  ""
+                )}
                 {record.status !== 2 ? (
-                    <Popconfirm placement="top" title="确定要拒绝吗?" onConfirm={(e)=>{
+                  <Popconfirm
+                    placement="top"
+                    title="确定要拒绝吗?"
+                    onConfirm={(e) => {
+                      e.stopPropagation();
+                      this.setState({ examine: 3 }, () => {
+                        this.reject(record);
+                      });
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="danger"
+                      onClick={(e) => {
                         e.stopPropagation();
-                        this.setState({ examine: 3 }, () => {
-                          this.reject(record);
-                        });
-                    }} okText="确定" cancelText="取消">
-                      <Button
-                          type="danger"
-                          onClick={e => {
-                            e.stopPropagation()
-                          }}
-                          style={{ marginLeft: "10px" }}
-                      >
-                        拒绝
-                      </Button>
-                    </Popconfirm>
+                      }}
+                      style={{ marginLeft: "10px" }}
+                    >
+                      拒绝
+                    </Button>
+                  </Popconfirm>
                 ) : (
-                    ""
-                  )}
+                  ""
+                )}
                 {record.status === 2 ? (
                   <Button
                     style={{ marginLeft: "10px", color: "black" }}
@@ -338,17 +355,17 @@ const invoiceApplyList = React.createClass({
                     已通过
                   </Button>
                 ) : (
-                    ""
-                  )}
+                  ""
+                )}
                 {
                   <Button
                     type="primary"
                     style={{
                       marginLeft: "10px",
                       background: "orangered",
-                      border: "none"
+                      border: "none",
                     }}
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.inRecord(record, index);
                     }}
                   >
@@ -357,47 +374,51 @@ const invoiceApplyList = React.createClass({
                 }
               </div>
             );
-          }
-        }
+          },
+        },
       ],
       columnsDate: [
         {
           title: "编号",
           dataIndex: "id",
-          key: "id"
+          key: "id",
         },
         {
           title: "订单编号",
           dataIndex: "orderno",
-          key: "orderno"
+          key: "orderno",
         },
         {
           title: "开票金额(万元)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
           render: (text, record) => {
-            return <div>{getInvoiceStatus(text, record)} <LogPopup id={record.id} /></div>;
+            return (
+              <div>
+                {getInvoiceStatus(text, record)} <LogPopup id={record.id} />
+              </div>
+            );
           },
-        }
+        },
       ],
       dataSource: [],
-      searchTime: [,]
+      searchTime: [,],
     };
   },
 
   loadSend(record) {
     this.setState({
-      loading: true
+      loading: true,
     });
     if (this.state.examine === 3 && this.state.reason === "") {
       message.warning("拒绝理由不能为空!");
@@ -411,13 +432,13 @@ const invoiceApplyList = React.createClass({
       data: {
         id: this.state.examine === 2 ? record.id : this.state.id,
         examine: this.state.examine,
-        reason: this.state.reason
+        reason: this.state.reason,
       },
-      success: function () { }.bind(this)
+      success: function () {}.bind(this),
     }).done(
       function () {
         this.setState({
-          loading: false
+          loading: false,
         });
         if (this.state.examine === 2) {
           message.success("通过成功!");
@@ -435,7 +456,7 @@ const invoiceApplyList = React.createClass({
   //重置拒绝理由
   resetReason() {
     this.setState({
-      reason: ""
+      reason: "",
     });
   },
 
@@ -446,7 +467,7 @@ const invoiceApplyList = React.createClass({
   commit() {
     this.loadSend();
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
@@ -454,7 +475,7 @@ const invoiceApplyList = React.createClass({
     this.setState(
       {
         id: this.state.dataSource[index].id,
-        avisible: true
+        avisible: true,
       },
       () => {
         this.invoiceData();
@@ -463,24 +484,24 @@ const invoiceApplyList = React.createClass({
   },
   visitCancels() {
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
   reject(record) {
     this.setState({
       visibleR: true,
-      id: record.id
+      id: record.id,
     });
   },
   rejectCancels() {
     this.setState({
-      visibleR: false
+      visibleR: false,
     });
   },
   inRecordData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -490,7 +511,7 @@ const invoiceApplyList = React.createClass({
         globalConfig.context +
         "/api/admin/orderInvoice/salesmanOrderInvoiceList",
       data: {
-        orderNo: this.state.orderNo2
+        orderNo: this.state.orderNo2,
       },
       success: function (data) {
         let theArr = [];
@@ -510,19 +531,19 @@ const invoiceApplyList = React.createClass({
               createTime: thisdata.createTime, //流程状态
               status: thisdata.status, //结算状态
               rejectReason: thisdata.rejectReason,
-              approval:thisdata.approval,//0非特批 1待审核 2审核通过
+              approval: thisdata.approval, //0非特批 1待审核 2审核通过
             });
           }
         }
         this.setState({
           recordData: theArr,
-          sum: sum.toFixed(6)
+          sum: sum.toFixed(6),
         });
-      }.bind(this)
+      }.bind(this),
     }).done(
       function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -532,7 +553,7 @@ const invoiceApplyList = React.createClass({
     this.setState(
       {
         bvisible: true,
-        orderNo2: record.orderNo
+        orderNo2: record.orderNo,
       },
       () => {
         this.inRecordData();
@@ -542,7 +563,7 @@ const invoiceApplyList = React.createClass({
 
   inRecordCanl() {
     this.setState({
-      bvisible: false
+      bvisible: false,
     });
   },
 
@@ -564,21 +585,21 @@ const invoiceApplyList = React.createClass({
   },
   changeList(arr) {
     const newArr = [];
-    this.state.columns.forEach(item => {
-      arr.forEach(val => {
+    this.state.columns.forEach((item) => {
+      arr.forEach((val) => {
         if (val === item.title) {
           newArr.push(item);
         }
       });
     });
     this.setState({
-      changeList: newArr
+      changeList: newArr,
     });
   },
   tableRowClick(record) {
     this.state.RowData = record;
     this.setState({
-      showDesc: true
+      showDesc: true,
     });
   },
   closeDesc(e, s) {
@@ -590,7 +611,7 @@ const invoiceApplyList = React.createClass({
   render() {
     const formItemLayout = {
       labelCol: { span: 8 },
-      wrapperCol: { span: 14 }
+      wrapperCol: { span: 14 },
     };
     return (
       <div className="user-content">
@@ -617,10 +638,11 @@ const invoiceApplyList = React.createClass({
                 }}
               />
               <DepartmentList
-                  value={this.state.departmenttList}
-                  onChange={e => {
-                    this.setState({ departmenttList: e });
-                  }}/>
+                value={this.state.departmenttList}
+                onChange={(e) => {
+                  this.setState({ departmenttList: e });
+                }}
+              />
               <Button
                 type="primary"
                 onClick={this.search}
@@ -667,25 +689,27 @@ const invoiceApplyList = React.createClass({
           width="400px"
           onCancel={this.rejectCancels}
         >
-          <Input.TextArea
-            placeholder="请输入拒绝理由"
-            rows={4}
-            value={this.state.reason}
-            onChange={(e) => {
-              this.setState({ reason: e.target.value });
-            }}
-          ></Input.TextArea>
-          <div className="clearfix" style={{ marginTop: "20px" }}>
-            <Button
-              type="primary"
-              onClick={(e) => {
-                e.stopPropagation(), this.commit();
+          <Spin spinning={this.state.Loading}>
+            <Input.TextArea
+              placeholder="请输入拒绝理由"
+              rows={4}
+              value={this.state.reason}
+              onChange={(e) => {
+                this.setState({ reason: e.target.value });
               }}
-              style={{ float: "right" }}
-            >
-              提交
-            </Button>
-          </div>
+            ></Input.TextArea>
+            <div className="clearfix" style={{ marginTop: "20px" }}>
+              <Button
+                type="primary"
+                onClick={(e) => {
+                  e.stopPropagation(), this.commit();
+                }}
+                style={{ float: "right" }}
+              >
+                提交
+              </Button>
+            </div>
+          </Spin>
         </Modal>
         <KaiPiaoModal
           visible={this.state.avisible}
@@ -729,7 +753,7 @@ const invoiceApplyList = React.createClass({
         />
       </div>
     );
-  }
+  },
 });
 
 export default invoiceApplyList;

+ 195 - 173
js/component/manageCenter/financialManage/distribute/invoiceApplyListWai.jsx

@@ -11,7 +11,9 @@ import {
   message,
   Modal,
   Upload,
-  Tabs, Popconfirm, Tooltip
+  Tabs,
+  Popconfirm,
+  Tooltip,
 } from "antd";
 import {
   getProvinceA,
@@ -20,14 +22,14 @@ import {
   getprovince,
   getStatus,
   getPeople,
-  splitUrl
+  splitUrl,
 } from "@/tools";
 
 const FormItem = Form.Item;
-const {TabPane}= Tabs
+const { TabPane } = Tabs;
 import OrderDesc from "../orderDetail/orderDesc";
-import {ChooseList} from "../../order/orderNew/chooseList";
-import {getProjectName} from "../../../tools";
+import { ChooseList } from "../../order/orderNew/chooseList";
+import { getProjectName } from "../../../tools";
 import DepartmentList from "../../../common/departmentList";
 import LogPopup from "../../../common/logPopup";
 
@@ -35,7 +37,7 @@ const invoiceApplyListWai = React.createClass({
   loadData(pageNo) {
     this.state.data = [];
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -50,9 +52,9 @@ const invoiceApplyListWai = React.createClass({
         name: this.state.nameSearch, //客户名称
         orderNo: this.state.orderNoSearch,
         orderDep: this.state.departmenttList,
-        type: 1
+        type: 1,
       },
-      success: function(data) {
+      success: function (data) {
         let theArr = [];
         if (!data.data || !data.data.list) {
           if (data.error && data.error.length) {
@@ -76,7 +78,7 @@ const invoiceApplyListWai = React.createClass({
                 ? new Date(thisdata.createTime).toLocaleString()
                 : "",
               settlementAmount: thisdata.settlementAmount,
-              notAmount: thisdata.notAmount
+              notAmount: thisdata.notAmount,
             });
           }
         }
@@ -89,13 +91,13 @@ const invoiceApplyListWai = React.createClass({
         this.setState({
           totalPage: data.data.totalPage,
           dataSource: theArr,
-          pagination: this.state.pagination
+          pagination: this.state.pagination,
         });
-      }.bind(this)
+      }.bind(this),
     }).always(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -103,7 +105,7 @@ const invoiceApplyListWai = React.createClass({
   tableRowClick(record) {
     this.state.RowData = record;
     this.setState({
-      showDesc: true
+      showDesc: true,
     });
   },
   closeDesc(e, s) {
@@ -114,7 +116,7 @@ const invoiceApplyListWai = React.createClass({
   },
   invoiceData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -123,9 +125,9 @@ const invoiceApplyListWai = React.createClass({
       url:
         globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
       data: {
-        id: this.state.id
+        id: this.state.id,
       },
-      success: function(data) {
+      success: function (data) {
         let thisdata = data.data;
         this.setState({
           contractNo: thisdata.contractNo,
@@ -157,13 +159,13 @@ const invoiceApplyListWai = React.createClass({
                 ",",
                 globalConfig.avatarHost + "/upload"
               )
-            : []
+            : [],
         });
-      }.bind(this)
+      }.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -187,12 +189,12 @@ const invoiceApplyListWai = React.createClass({
         defaultPageSize: 10,
         showQuickJumper: true,
         pageSize: 10,
-        onChange: function(page) {
+        onChange: function (page) {
           this.loadData(page);
         }.bind(this),
-        showTotal: function(total) {
+        showTotal: function (total) {
           return "共" + total + "条数据";
-        }
+        },
       },
       columns: [
         {
@@ -204,74 +206,78 @@ const invoiceApplyListWai = React.createClass({
           title: "客户",
           dataIndex: "unitName",
           key: "unitName",
-          width:100,
-          render: text => {
+          width: 100,
+          render: (text) => {
             return (
-                <Tooltip title={text}>
-                  <div style={{
-                    maxWidth:'100px',
-                    overflow:'hidden',
+              <Tooltip title={text}>
+                <div
+                  style={{
+                    maxWidth: "100px",
+                    overflow: "hidden",
                     textOverflow: "ellipsis",
-                    whiteSpace:'nowrap',
-                  }}>{text}</div>
-                </Tooltip>
-            )
-          }
+                    whiteSpace: "nowrap",
+                  }}
+                >
+                  {text}
+                </div>
+              </Tooltip>
+            );
+          },
         },
         {
           title: "跟单人/签单人",
           dataIndex: "name",
-          key: "name"
+          key: "name",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
-          render: (text,record) => {
+          render: (text, record) => {
             // return getStatus(text);
             return getInvoiceStatus(text, record);
-          }
+          },
         },
         {
           title: "流程状态",
           dataIndex: "processStatus",
           key: "processStatus",
-          render: text => {
+          render: (text) => {
             return getProcessStatus(text);
-          }
+          },
         },
         {
           title: "项目状态",
           dataIndex: "projectStatus",
           key: "projectStatus",
-          render: text => {
+          render: (text) => {
             return getProjectName(text);
-          }
+          },
         },
         {
           title: "申请开票(万)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "已开票(万)",
           dataIndex: "sumAmount",
-          key: "sumAmount"
+          key: "sumAmount",
         },
         {
           title: "已收款",
           dataIndex: "settlementAmount",
-          key: "settlementAmount"
+          key: "settlementAmount",
         },
         {
           title: "未收款",
           dataIndex: "notAmount",
-          key: "notAmount"
+          key: "notAmount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "操作",
@@ -283,7 +289,7 @@ const invoiceApplyListWai = React.createClass({
                 {
                   <Button
                     type="primary"
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.visit(index);
                     }}
                     style={{ background: "deepskyblue", border: "none" }}
@@ -292,42 +298,54 @@ const invoiceApplyListWai = React.createClass({
                   </Button>
                 }
                 {record.status !== 2 ? (
-                    <Popconfirm placement="top" title="确定要通过吗?" onConfirm={(e)=>{
+                  <Popconfirm
+                    placement="top"
+                    title="确定要通过吗?"
+                    onConfirm={(e) => {
                       e.stopPropagation();
                       this.setState({ examine: 2 }, () => {
                         this.sende(record);
                       });
-                    }} okText="确定" cancelText="取消">
-                      <Button
-                          type="primary"
-                          style={{ marginLeft: "10px" }}
-                          onClick={e => {
-                            e.stopPropagation();
-                          }}
-                      >
-                        通过
-                      </Button>
-                    </Popconfirm>
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="primary"
+                      style={{ marginLeft: "10px" }}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                    >
+                      通过
+                    </Button>
+                  </Popconfirm>
                 ) : (
                   ""
                 )}
                 {record.status !== 2 ? (
-                    <Popconfirm placement="top" title="确定要拒绝吗?" onConfirm={(e)=>{
+                  <Popconfirm
+                    placement="top"
+                    title="确定要拒绝吗?"
+                    onConfirm={(e) => {
                       e.stopPropagation();
                       this.setState({ examine: 3 }, () => {
                         this.reject(record);
                       });
-                    }} okText="确定" cancelText="取消">
-                      <Button
-                          type="danger"
-                          onClick={e => {
-                            e.stopPropagation();
-                          }}
-                          style={{ marginLeft: "10px" }}
-                      >
-                        拒绝
-                      </Button>
-                    </Popconfirm>
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="danger"
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                      style={{ marginLeft: "10px" }}
+                    >
+                      拒绝
+                    </Button>
+                  </Popconfirm>
                 ) : (
                   ""
                 )}
@@ -347,9 +365,9 @@ const invoiceApplyListWai = React.createClass({
                     style={{
                       marginLeft: "10px",
                       background: "orangered",
-                      border: "none"
+                      border: "none",
                     }}
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.inRecord(record, index);
                     }}
                   >
@@ -358,47 +376,51 @@ const invoiceApplyListWai = React.createClass({
                 }
               </div>
             );
-          }
-        }
+          },
+        },
       ],
       columnsDate: [
         {
           title: "编号",
           dataIndex: "id",
-          key: "id"
+          key: "id",
         },
         {
           title: "订单编号",
           dataIndex: "orderno",
-          key: "orderno"
+          key: "orderno",
         },
         {
           title: "开票金额(万元)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
           render: (text, record) => {
-            return <div>{getInvoiceStatus(text, record)} <LogPopup id={record.id} /></div>;
+            return (
+              <div>
+                {getInvoiceStatus(text, record)} <LogPopup id={record.id} />
+              </div>
+            );
           },
-        }
+        },
       ],
       dataSource: [],
-      searchTime: [,]
+      searchTime: [,],
     };
   },
 
   loadSend(record) {
     this.setState({
-      loading: true
+      loading: true,
     });
     if (this.state.examine === 3 && this.state.reason === "") {
       message.warning("拒绝理由不能为空!");
@@ -412,13 +434,13 @@ const invoiceApplyListWai = React.createClass({
       data: {
         id: this.state.examine === 2 ? record.id : this.state.id,
         examine: this.state.examine,
-        reason: this.state.reason
+        reason: this.state.reason,
       },
-      success: function() {}.bind(this)
+      success: function () {}.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
         if (this.state.examine === 2) {
           message.success("通过成功!");
@@ -436,7 +458,7 @@ const invoiceApplyListWai = React.createClass({
   //重置拒绝理由
   resetReason() {
     this.setState({
-      reason: ""
+      reason: "",
     });
   },
 
@@ -447,7 +469,7 @@ const invoiceApplyListWai = React.createClass({
   commit() {
     this.loadSend();
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
@@ -455,7 +477,7 @@ const invoiceApplyListWai = React.createClass({
     this.setState(
       {
         id: this.state.dataSource[index].id,
-        avisible: true
+        avisible: true,
       },
       () => {
         this.invoiceData();
@@ -464,24 +486,24 @@ const invoiceApplyListWai = React.createClass({
   },
   visitCancels() {
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
   reject(record) {
     this.setState({
       visibleR: true,
-      id: record.id
+      id: record.id,
     });
   },
   rejectCancels() {
     this.setState({
-      visibleR: false
+      visibleR: false,
     });
   },
   inRecordData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -491,9 +513,9 @@ const invoiceApplyListWai = React.createClass({
         globalConfig.context +
         "/api/admin/orderInvoice/salesmanOrderInvoiceList",
       data: {
-        orderNo: this.state.orderNo2
+        orderNo: this.state.orderNo2,
       },
-      success: function(data) {
+      success: function (data) {
         let theArr = [];
         let sum = 0;
         if (!data.data) {
@@ -511,19 +533,19 @@ const invoiceApplyListWai = React.createClass({
               createTime: thisdata.createTime, //流程状态
               status: thisdata.status, //结算状态
               rejectReason: thisdata.rejectReason,
-              approval:thisdata.approval,//0非特批 1待审核 2审核通过
+              approval: thisdata.approval, //0非特批 1待审核 2审核通过
             });
           }
         }
         this.setState({
           recordData: theArr,
-          sum: sum.toFixed(6)
+          sum: sum.toFixed(6),
         });
-      }.bind(this)
+      }.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -533,7 +555,7 @@ const invoiceApplyListWai = React.createClass({
     this.setState(
       {
         bvisible: true,
-        orderNo2: record.orderNo
+        orderNo2: record.orderNo,
       },
       () => {
         this.inRecordData();
@@ -543,7 +565,7 @@ const invoiceApplyListWai = React.createClass({
 
   inRecordCanl() {
     this.setState({
-      bvisible: false
+      bvisible: false,
     });
   },
 
@@ -564,70 +586,68 @@ const invoiceApplyListWai = React.createClass({
   },
   changeList(arr) {
     const newArr = [];
-    this.state.columns.forEach(item => {
-      arr.forEach(val => {
+    this.state.columns.forEach((item) => {
+      arr.forEach((val) => {
         if (val === item.title) {
           newArr.push(item);
         }
       });
     });
     this.setState({
-      changeList: newArr
+      changeList: newArr,
     });
   },
   render() {
     const formItemLayout = {
       labelCol: { span: 8 },
-      wrapperCol: { span: 14 }
+      wrapperCol: { span: 14 },
     };
     return (
       <div className="user-content">
         <div className="content-title">
           <span>省外开票审核</span>
         </div>
-        <Tabs
-          defaultActiveKey="1"
-          onChange={this.callback}
-          className="test">
+        <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
           <TabPane tab="搜索" key="1">
-        <div className="user-search">
-          <Input
-            placeholder="营销员名称"
-            value={this.state.nameSearch}
-            onChange={e => {
-              this.setState({ nameSearch: e.target.value });
-            }}
-          />
-          <Input
-            placeholder="订单编号"
-            value={this.state.orderNoSearch}
-            onChange={e => {
-              this.setState({ orderNoSearch: e.target.value });
-            }}
-          />
-          <DepartmentList
-              value={this.state.departmenttList}
-              onChange={e => {
-                this.setState({ departmenttList: e });
-              }}/>
-          <Button
-            type="primary"
-            onClick={this.search}
-            style={{ marginLeft: 10 }}
-          >
-            搜索
-          </Button>
-          <Button onClick={this.reset}>重置</Button>
-        </div>
+            <div className="user-search">
+              <Input
+                placeholder="营销员名称"
+                value={this.state.nameSearch}
+                onChange={(e) => {
+                  this.setState({ nameSearch: e.target.value });
+                }}
+              />
+              <Input
+                placeholder="订单编号"
+                value={this.state.orderNoSearch}
+                onChange={(e) => {
+                  this.setState({ orderNoSearch: e.target.value });
+                }}
+              />
+              <DepartmentList
+                value={this.state.departmenttList}
+                onChange={(e) => {
+                  this.setState({ departmenttList: e });
+                }}
+              />
+              <Button
+                type="primary"
+                onClick={this.search}
+                style={{ marginLeft: 10 }}
+              >
+                搜索
+              </Button>
+              <Button onClick={this.reset}>重置</Button>
+            </div>
           </TabPane>
           <TabPane tab="更改表格显示数据" key="2">
             <div style={{ marginLeft: 10 }}>
               <ChooseList
-                  columns={this.state.columns}
-                  changeFn={this.changeList}
-                  changeList={this.state.changeList}
-                  top={55}
-                  margin={11}
+                columns={this.state.columns}
+                changeFn={this.changeList}
+                changeList={this.state.changeList}
+                top={55}
+                margin={11}
               />
             </div>
           </TabPane>
@@ -637,8 +657,8 @@ const invoiceApplyListWai = React.createClass({
             <Table
               columns={
                 this.state.changeList
-                    ? this.state.changeList
-                    : this.state.columns
+                  ? this.state.changeList
+                  : this.state.columns
               }
               scroll={{ x: 1500, y: 0 }}
               onRowClick={this.tableRowClick}
@@ -657,27 +677,29 @@ const invoiceApplyListWai = React.createClass({
           width="400px"
           onCancel={this.rejectCancels}
         >
-          <Input.TextArea
-            placeholder="请输入拒绝理由"
-            rows={4}
-            value={this.state.reason}
-            onChange={e => {
-              this.setState({ reason: e.target.value });
-            }}
-          />
-          <div className="clearfix" style={{ marginTop: "20px" }}>
-            <Button
-              loading={this.state.loading}
-              type="primary"
-              onClick={e => {
-                e.stopPropagation();
-                this.commit();
+          <Spin spinning={this.state.Loading}>
+            <Input.TextArea
+              placeholder="请输入拒绝理由"
+              rows={4}
+              value={this.state.reason}
+              onChange={(e) => {
+                this.setState({ reason: e.target.value });
               }}
-              style={{ float: "right" }}
-            >
-              提交
-            </Button>
-          </div>
+            />
+            <div className="clearfix" style={{ marginTop: "20px" }}>
+              <Button
+                loading={this.state.loading}
+                type="primary"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  this.commit();
+                }}
+                style={{ float: "right" }}
+              >
+                提交
+              </Button>
+            </div>
+          </Spin>
         </Modal>
         <Modal
           className="admin-desc-content"
@@ -739,7 +761,7 @@ const invoiceApplyListWai = React.createClass({
                   style={{
                     border: "1px dashed #aaa",
                     width: "90%",
-                    margin: "auto"
+                    margin: "auto",
                   }}
                 />
                 <div style={{ marginTop: "13px", marginLeft: "16px" }}>
@@ -867,10 +889,10 @@ const invoiceApplyListWai = React.createClass({
                       className="demandDetailShow-upload"
                       listType="picture-card"
                       fileList={this.state.orgCodeUrl}
-                      onPreview={file => {
+                      onPreview={(file) => {
                         this.setState({
                           previewImage: file.url || file.thumbUrl,
-                          previewVisible: true
+                          previewVisible: true,
                         });
                       }}
                     ></Upload>
@@ -894,7 +916,7 @@ const invoiceApplyListWai = React.createClass({
                   style={{
                     border: "1px dashed #aaa",
                     width: "90%",
-                    margin: "auto"
+                    margin: "auto",
                   }}
                 />
                 <div className="clearfix" style={{ marginTop: "10px" }}>
@@ -1001,7 +1023,7 @@ const invoiceApplyListWai = React.createClass({
         />
       </div>
     );
-  }
+  },
 });
 
 export default invoiceApplyListWai;

+ 200 - 169
js/component/manageCenter/financialManage/distribute/outSpecial.jsx

@@ -1,7 +1,19 @@
 import React from "react";
 import $ from "jquery/src/ajax";
 import "./public.less";
-import {Form, Button, Input, Spin, Table, message, Modal, Upload, Tabs, Popconfirm, Tooltip} from "antd";
+import {
+  Form,
+  Button,
+  Input,
+  Spin,
+  Table,
+  message,
+  Modal,
+  Upload,
+  Tabs,
+  Popconfirm,
+  Tooltip,
+} from "antd";
 import {
   getProvinceA,
   getInvoiceStatus,
@@ -9,21 +21,21 @@ import {
   getStatus,
   getProcessStatus,
   getPeople,
-  splitUrl
+  splitUrl,
 } from "@/tools";
 
 const FormItem = Form.Item;
 
 import OrderDesc from "../orderDetail/orderDesc";
-import {ChooseList} from "../../order/orderNew/chooseList";
-import {getProjectName} from "../../../tools";
+import { ChooseList } from "../../order/orderNew/chooseList";
+import { getProjectName } from "../../../tools";
 import LogPopup from "../../../common/logPopup";
 
 const outSpecial = React.createClass({
   loadData(pageNo) {
     this.state.data = [];
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -38,9 +50,9 @@ const outSpecial = React.createClass({
         name: this.state.nameSearch, //客户名称
         orderNo: this.state.orderNoSearch,
         orderDep: this.state.departmenttList,
-        type: 1
+        type: 1,
       },
-      success: function(data) {
+      success: function (data) {
         let theArr = [];
         if (!data.data || !data.data.list) {
           if (data.error && data.error.length) {
@@ -65,7 +77,7 @@ const outSpecial = React.createClass({
                 : "",
               settlementAmount: thisdata.settlementAmount,
               notAmount: thisdata.notAmount,
-              approval: thisdata.approval
+              approval: thisdata.approval,
             });
           }
         }
@@ -78,13 +90,13 @@ const outSpecial = React.createClass({
         this.setState({
           totalPage: data.data.totalPage,
           dataSource: theArr,
-          pagination: this.state.pagination
+          pagination: this.state.pagination,
         });
-      }.bind(this)
+      }.bind(this),
     }).always(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -92,7 +104,7 @@ const outSpecial = React.createClass({
 
   invoiceData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -101,9 +113,9 @@ const outSpecial = React.createClass({
       url:
         globalConfig.context + "/api/admin/orderInvoice/selectByIdOrderInvoice",
       data: {
-        id: this.state.id
+        id: this.state.id,
       },
-      success: function(data) {
+      success: function (data) {
         let thisdata = data.data;
         this.setState({
           orderNo: thisdata.orderNo,
@@ -134,13 +146,13 @@ const outSpecial = React.createClass({
                 ",",
                 globalConfig.avatarHost + "/upload"
               )
-            : []
+            : [],
         });
-      }.bind(this)
+      }.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -164,12 +176,12 @@ const outSpecial = React.createClass({
         defaultPageSize: 10,
         showQuickJumper: true,
         pageSize: 10,
-        onChange: function(page) {
+        onChange: function (page) {
           this.loadData(page);
         }.bind(this),
-        showTotal: function(total) {
+        showTotal: function (total) {
           return "共" + total + "条数据";
-        }
+        },
       },
       columns: [
         {
@@ -181,74 +193,78 @@ const outSpecial = React.createClass({
           title: "客户",
           dataIndex: "unitName",
           key: "unitName",
-          width:100,
-          render: text => {
+          width: 100,
+          render: (text) => {
             return (
-                <Tooltip title={text}>
-                  <div style={{
-                    maxWidth:'100px',
-                    overflow:'hidden',
+              <Tooltip title={text}>
+                <div
+                  style={{
+                    maxWidth: "100px",
+                    overflow: "hidden",
                     textOverflow: "ellipsis",
-                    whiteSpace:'nowrap',
-                  }}>{text}</div>
-                </Tooltip>
-            )
-          }
+                    whiteSpace: "nowrap",
+                  }}
+                >
+                  {text}
+                </div>
+              </Tooltip>
+            );
+          },
         },
         {
           title: "跟单人/签单人",
           dataIndex: "name",
-          key: "name"
+          key: "name",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
-          render: (text,record) => {
+          render: (text, record) => {
             // return getStatus(text);
             return getInvoiceStatus(text, record);
-          }
+          },
         },
         {
           title: "流程状态",
           dataIndex: "processStatus",
           key: "processStatus",
-          render: text => {
+          render: (text) => {
             return getProcessStatus(text);
-          }
+          },
         },
         {
           title: "项目状态",
           dataIndex: "projectStatus",
           key: "projectStatus",
-          render: text => {
+          render: (text) => {
             return getProjectName(text);
-          }
+          },
         },
         {
           title: "申请开票(万)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "已开票(万)",
           dataIndex: "sumAmount",
-          key: "sumAmount"
+          key: "sumAmount",
         },
         {
           title: "已收款",
           dataIndex: "settlementAmount",
-          key: "settlementAmount"
+          key: "settlementAmount",
         },
         {
           title: "未收款",
           dataIndex: "notAmount",
-          key: "notAmount"
+          key: "notAmount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "操作",
@@ -260,7 +276,7 @@ const outSpecial = React.createClass({
                 {
                   <Button
                     type="primary"
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.visit(index);
                     }}
                     style={{ background: "deepskyblue", border: "none" }}
@@ -269,42 +285,54 @@ const outSpecial = React.createClass({
                   </Button>
                 }
                 {record.approval !== 2 ? (
-                    <Popconfirm placement="top" title="确定要通过吗?" onConfirm={(e)=>{
+                  <Popconfirm
+                    placement="top"
+                    title="确定要通过吗?"
+                    onConfirm={(e) => {
                       e.stopPropagation();
                       this.setState({ examine: 2 }, () => {
                         this.sende(record);
                       });
-                    }} okText="确定" cancelText="取消">
-                      <Button
-                          type="primary"
-                          style={{ marginLeft: "10px" }}
-                          onClick={e => {
-                            e.stopPropagation();
-                          }}
-                      >
-                        通过
-                      </Button>
-                    </Popconfirm>
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="primary"
+                      style={{ marginLeft: "10px" }}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                    >
+                      通过
+                    </Button>
+                  </Popconfirm>
                 ) : (
                   ""
                 )}
                 {record.approval !== 2 ? (
-                    <Popconfirm placement="top" title="确定要拒绝吗?" onConfirm={(e)=>{
+                  <Popconfirm
+                    placement="top"
+                    title="确定要拒绝吗?"
+                    onConfirm={(e) => {
                       e.stopPropagation();
                       this.setState({ examine: 3 }, () => {
                         this.reject(record);
                       });
-                    }} okText="确定" cancelText="取消">
-                      <Button
-                          type="danger"
-                          onClick={e => {
-                            e.stopPropagation();
-                          }}
-                          style={{ marginLeft: "10px" }}
-                      >
-                        拒绝
-                      </Button>
-                    </Popconfirm>
+                    }}
+                    okText="确定"
+                    cancelText="取消"
+                  >
+                    <Button
+                      type="danger"
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                      style={{ marginLeft: "10px" }}
+                    >
+                      拒绝
+                    </Button>
+                  </Popconfirm>
                 ) : (
                   ""
                 )}
@@ -324,9 +352,9 @@ const outSpecial = React.createClass({
                     style={{
                       marginLeft: "10px",
                       background: "orangered",
-                      border: "none"
+                      border: "none",
                     }}
-                    onClick={e => {
+                    onClick={(e) => {
                       e.stopPropagation(), this.inRecord(record, index);
                     }}
                   >
@@ -335,47 +363,51 @@ const outSpecial = React.createClass({
                 }
               </div>
             );
-          }
-        }
+          },
+        },
       ],
       columnsDate: [
         {
           title: "编号",
           dataIndex: "id",
-          key: "id"
+          key: "id",
         },
         {
           title: "订单编号",
           dataIndex: "orderno",
-          key: "orderno"
+          key: "orderno",
         },
         {
           title: "开票金额(万元)",
           dataIndex: "amount",
-          key: "amount"
+          key: "amount",
         },
         {
           title: "申请时间",
           dataIndex: "createTime",
-          key: "createTime"
+          key: "createTime",
         },
         {
           title: "开票状态",
           dataIndex: "status",
           key: "status",
           render: (text, record) => {
-            return <div>{getInvoiceStatus(text, record)} <LogPopup id={record.id} /></div>;
+            return (
+              <div>
+                {getInvoiceStatus(text, record)} <LogPopup id={record.id} />
+              </div>
+            );
           },
-        }
+        },
       ],
       dataSource: [],
-      searchTime: [,]
+      searchTime: [,],
     };
   },
 
   loadSend(record) {
     this.setState({
-      loading: true
+      loading: true,
     });
     if (this.state.examine === 3 && this.state.reason === "") {
       message.warning("拒绝理由不能为空!");
@@ -389,13 +421,13 @@ const outSpecial = React.createClass({
       data: {
         id: this.state.examine === 2 ? record.id : this.state.id,
         examine: this.state.examine,
-        reason: this.state.reason
+        reason: this.state.reason,
       },
-      success: function() {}.bind(this)
+      success: function () {}.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
         if (this.state.examine === 2) {
           message.success("通过成功!");
@@ -413,7 +445,7 @@ const outSpecial = React.createClass({
   //重置拒绝理由
   resetReason() {
     this.setState({
-      reason: ""
+      reason: "",
     });
   },
 
@@ -424,7 +456,7 @@ const outSpecial = React.createClass({
   commit() {
     this.loadSend();
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
@@ -432,7 +464,7 @@ const outSpecial = React.createClass({
     this.setState(
       {
         id: this.state.dataSource[index].id,
-        avisible: true
+        avisible: true,
       },
       () => {
         this.invoiceData();
@@ -441,24 +473,24 @@ const outSpecial = React.createClass({
   },
   visitCancels() {
     this.setState({
-      avisible: false
+      avisible: false,
     });
   },
 
   reject(record) {
     this.setState({
       visibleR: true,
-      id: record.id
+      id: record.id,
     });
   },
   rejectCancels() {
     this.setState({
-      visibleR: false
+      visibleR: false,
     });
   },
   inRecordData() {
     this.setState({
-      loading: true
+      loading: true,
     });
     $.ajax({
       method: "get",
@@ -468,9 +500,9 @@ const outSpecial = React.createClass({
         globalConfig.context +
         "/api/admin/orderInvoice/salesmanOrderInvoiceList",
       data: {
-        orderNo: this.state.orderNo2
+        orderNo: this.state.orderNo2,
       },
-      success: function(data) {
+      success: function (data) {
         let theArr = [];
         let sum = 0;
         if (!data.data) {
@@ -488,19 +520,19 @@ const outSpecial = React.createClass({
               createTime: thisdata.createTime, //流程状态
               status: thisdata.status, //结算状态
               rejectReason: thisdata.rejectReason,
-              approval:thisdata.approval,//0非特批 1待审核 2审核通过
+              approval: thisdata.approval, //0非特批 1待审核 2审核通过
             });
           }
         }
         this.setState({
           recordData: theArr,
-          sum: sum.toFixed(6)
+          sum: sum.toFixed(6),
         });
-      }.bind(this)
+      }.bind(this),
     }).done(
-      function() {
+      function () {
         this.setState({
-          loading: false
+          loading: false,
         });
       }.bind(this)
     );
@@ -510,7 +542,7 @@ const outSpecial = React.createClass({
     this.setState(
       {
         bvisible: true,
-        orderNo2: record.orderNo
+        orderNo2: record.orderNo,
       },
       () => {
         this.inRecordData();
@@ -520,7 +552,7 @@ const outSpecial = React.createClass({
 
   inRecordCanl() {
     this.setState({
-      bvisible: false
+      bvisible: false,
     });
   },
 
@@ -549,7 +581,7 @@ const outSpecial = React.createClass({
   tableRowClick(record) {
     this.state.RowData = record;
     this.setState({
-      showDesc: true
+      showDesc: true,
     });
   },
   closeDesc(e, s) {
@@ -560,50 +592,47 @@ const outSpecial = React.createClass({
   },
   changeList(arr) {
     const newArr = [];
-    this.state.columns.forEach(item => {
-      arr.forEach(val => {
+    this.state.columns.forEach((item) => {
+      arr.forEach((val) => {
         if (val === item.title) {
           newArr.push(item);
         }
       });
     });
     this.setState({
-      changeList: newArr
+      changeList: newArr,
     });
   },
   render() {
     const formItemLayout = {
       labelCol: { span: 8 },
-      wrapperCol: { span: 14 }
+      wrapperCol: { span: 14 },
     };
-    const { TabPane } = Tabs
+    const { TabPane } = Tabs;
     return (
       <div className="user-content">
         <div className="content-title">
           <span>省外特批</span>
         </div>
-        <Tabs
-          defaultActiveKey="1"
-          onChange={this.callback}
-          className="test">
+        <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
           <TabPane tab="搜索" key="1">
-        <div className="user-search">
-          <Input
-            placeholder="营销员名称"
-            value={this.state.nameSearch}
-            style={{marginLeft:10}}
-            onChange={e => {
-              this.setState({ nameSearch: e.target.value });
-            }}
-          />
-          <Input
-            placeholder="订单编号"
-            value={this.state.orderNoSearch}
-            onChange={e => {
-              this.setState({ orderNoSearch: e.target.value });
-            }}
-          />
-          {/*<Select placeholder="订单部门"
+            <div className="user-search">
+              <Input
+                placeholder="营销员名称"
+                value={this.state.nameSearch}
+                style={{ marginLeft: 10 }}
+                onChange={(e) => {
+                  this.setState({ nameSearch: e.target.value });
+                }}
+              />
+              <Input
+                placeholder="订单编号"
+                value={this.state.orderNoSearch}
+                onChange={(e) => {
+                  this.setState({ orderNoSearch: e.target.value });
+                }}
+              />
+              {/*<Select placeholder="订单部门"
 					    style={{ width: 150 ,marginRight:10}}
 					    value={this.state.departmenttList}
 					    onChange={(e) => { this.setState({ departmenttList: e }) }}>
@@ -613,24 +642,24 @@ const outSpecial = React.createClass({
 					        })
 					    }
 					</Select>*/}
-          <Button
-            type="primary"
-            onClick={this.search}
-            style={{ marginLeft: 10 }}
-          >
-            搜索
-          </Button>
-          <Button onClick={this.reset}>重置</Button>
-        </div>
+              <Button
+                type="primary"
+                onClick={this.search}
+                style={{ marginLeft: 10 }}
+              >
+                搜索
+              </Button>
+              <Button onClick={this.reset}>重置</Button>
+            </div>
           </TabPane>
           <TabPane tab="更改表格显示数据" key="2">
             <div style={{ marginLeft: 10 }}>
               <ChooseList
-                  columns={this.state.columns}
-                  changeFn={this.changeList}
-                  changeList={this.state.changeList}
-                  top={55}
-                  margin={11}
+                columns={this.state.columns}
+                changeFn={this.changeList}
+                changeList={this.state.changeList}
+                top={55}
+                margin={11}
               />
             </div>
           </TabPane>
@@ -640,11 +669,11 @@ const outSpecial = React.createClass({
             <Table
               columns={
                 this.state.changeList
-                    ? this.state.changeList
-                    : this.state.columns
+                  ? this.state.changeList
+                  : this.state.columns
               }
               style={{
-                cursor: 'pointer',
+                cursor: "pointer",
               }}
               scroll={{ x: 1500, y: 0 }}
               onRowClick={this.tableRowClick}
@@ -663,25 +692,27 @@ const outSpecial = React.createClass({
           width="400px"
           onCancel={this.rejectCancels}
         >
-          <Input.TextArea
-            placeholder="请输入拒绝理由"
-            rows={4}
-            value={this.state.reason}
-            onChange={e => {
-              this.setState({ reason: e.target.value });
-            }}
-          />
-          <div className="clearfix" style={{ marginTop: "20px" }}>
-            <Button
-              type="primary"
-              onClick={e => {
-                e.stopPropagation(), this.commit();
+          <Spin spinning={this.state.Loading}>
+            <Input.TextArea
+              placeholder="请输入拒绝理由"
+              rows={4}
+              value={this.state.reason}
+              onChange={(e) => {
+                this.setState({ reason: e.target.value });
               }}
-              style={{ float: "right" }}
-            >
-              提交
-            </Button>
-          </div>
+            />
+            <div className="clearfix" style={{ marginTop: "20px" }}>
+              <Button
+                type="primary"
+                onClick={(e) => {
+                  e.stopPropagation(), this.commit();
+                }}
+                style={{ float: "right" }}
+              >
+                提交
+              </Button>
+            </div>
+          </Spin>
         </Modal>
         <Modal
           className="admin-desc-content"
@@ -732,7 +763,7 @@ const outSpecial = React.createClass({
                   style={{
                     border: "1px dashed #aaa",
                     width: "90%",
-                    margin: "auto"
+                    margin: "auto",
                   }}
                 />
                 <div style={{ marginTop: "13px", marginLeft: "16px" }}>
@@ -860,10 +891,10 @@ const outSpecial = React.createClass({
                       className="demandDetailShow-upload"
                       listType="picture-card"
                       fileList={this.state.orgCodeUrl}
-                      onPreview={file => {
+                      onPreview={(file) => {
                         this.setState({
                           previewImage: file.url || file.thumbUrl,
-                          previewVisible: true
+                          previewVisible: true,
                         });
                       }}
                     ></Upload>
@@ -887,7 +918,7 @@ const outSpecial = React.createClass({
                   style={{
                     border: "1px dashed #aaa",
                     width: "90%",
-                    margin: "auto"
+                    margin: "auto",
                   }}
                 />
                 <div className="clearfix" style={{ marginTop: "10px" }}>
@@ -994,7 +1025,7 @@ const outSpecial = React.createClass({
         />
       </div>
     );
-  }
+  },
 });
 
 export default outSpecial;