Browse Source

修改表格复选

mentoswzq 4 years ago
parent
commit
0976aff269

+ 8 - 0
js/component/manageCenter/customer/NEW/intentionCustomer/customer.less

@@ -13,3 +13,11 @@
     margin-right: 40px;
     margin-bottom: 50px;
 }
+.intentionCustomerTable{
+    .ant-table-thead .ant-table-selection-column .ant-checkbox-wrapper{
+        display: block!important;
+    }
+    thead > tr > .ant-table-selection-column > span .ant-checkbox-inner{
+        display: block!important;
+    }
+}

+ 58 - 34
js/component/manageCenter/customer/NEW/intentionCustomer/intentionCustomer.jsx

@@ -1,16 +1,13 @@
 import React from 'react';
-import { Radio, Icon, Button, AutoComplete,Cascader,Input, Select, Spin, Popconfirm, Table, Switch, message, DatePicker, Upload, Form,Tabs,Modal, Tag } from 'antd';
-import ajax from 'jquery/src/ajax/xhr.js';
+import {Icon, Button, AutoComplete,Cascader,Input, Select, Spin, Table, message, DatePicker, Form,Tabs,Modal, Tag } from 'antd';
 import $ from 'jquery/src/ajax';
 import moment from 'moment';
 import { citySelect, provinceList } from '@/NewDicProvinceList';
 import AddIntention from './addIntention.jsx';
-import { socialAttribute, industry, auditStatusL, lvl, currentMember } from '@/dataDic.js';
+import {industry, lvl, currentMember } from '@/dataDic.js';
 import ZhuanjiaoDetail from "@/zhuanjiaoDetail.jsx";
 import {
   getSocialAttribute,
-  beforeUploadFile,
-  getLevel,
   ShowModal
 } from "@/tools.js";
 import FollowDetail from './followDetail.jsx'
@@ -81,10 +78,14 @@ const IntentionCustomer = Form.create()(
             this.state.pagination.current = 0;
             this.state.pagination.total = 0;
           }
+          if(JSON.stringify(theArr) !== JSON.stringify(this.state.dataSource)){
+            this.setState({
+              selectedRowKeys: [],
+            })
+          }
           this.setState({
             dataSource: theArr,
             pagination: this.state.pagination,
-            selectedRowKeys: [],
           });
         }.bind(this),
       }).always(
@@ -312,11 +313,11 @@ const IntentionCustomer = Form.create()(
     },
 
     rankO(rank) {
-      let deletedIds;
+      let deletedIds ='';
       for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
         let rowItem = this.state.selectedRows[idx];
         if (rowItem.id) {
-          deletedIds = rowItem.id;
+          deletedIds = this.state.selectedRows.length-1 === idx ? deletedIds +rowItem.id : deletedIds + rowItem.id + ',';
         }
       }
       $.ajax({
@@ -330,15 +331,15 @@ const IntentionCustomer = Form.create()(
         },
       }).done(
         function (data) {
-          if (!data.error.length) {
+          if (!data.error.length && data.data !== 0) {
             message.success("操作成功!");
             this.setState({
               loading: false,
             });
+            this.loadData(this.state.ispage);
           } else {
-            message.warning(data.error[0].message);
+            message.warning(data.data === 0 ? '操作失败,请联系管理员!' : data.error[0].message);
           }
-          this.loadData(this.state.ispage);
         }.bind(this)
       );
     },
@@ -353,11 +354,11 @@ const IntentionCustomer = Form.create()(
     },
     //列表删除功能
     delectRow() {
-      let deletedIds;
+      let deletedIds='';
       for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
         let rowItem = this.state.selectedRows[idx];
         if (rowItem.id) {
-          deletedIds = rowItem.id;
+          deletedIds = this.state.selectedRows.length-1 === idx ? deletedIds +rowItem.id : deletedIds + rowItem.id + ',';
         }
       }
       this.setState({
@@ -476,7 +477,7 @@ const IntentionCustomer = Form.create()(
       this.state.visitModul = false;
       this.state.RowData = record;
       this.setState({
-        selectedRowKeys: [],
+        // selectedRowKeys: [],
         modalVisible: true,
         basicState: true,
         contactState: true,
@@ -545,15 +546,13 @@ const IntentionCustomer = Form.create()(
     //转交
     changeAssigner() {
       if (this.state.theTypes) {
-        this.setState({
-          selectedRowKeys: [],
-        });
-        let changeIds, oldAid;
+        let changeIds  = '';
+        let oldAid = '';
         for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
           let rowItem = this.state.selectedRows[idx];
           if (rowItem.id) {
             oldAid = rowItem.aid;
-            changeIds = rowItem.id;
+            changeIds = this.state.selectedRows.length-1 === idx ? changeIds +rowItem.id : changeIds + rowItem.id + ',' ;
           }
         }
         $.ajax({
@@ -573,6 +572,7 @@ const IntentionCustomer = Form.create()(
               this.setState({
                 auto: "",
                 loading: false,
+                selectedRowKeys: [],
               });
             } else {
               message.warning(data.error[0].message);
@@ -645,7 +645,14 @@ const IntentionCustomer = Form.create()(
         title: "提示",
         content: (
           <span style={{ color: "red" }}>
-            确定转交此客户?
+            确定要转交以下客户吗?
+            {
+              this.state.selectedRows.map((value,index)=>(
+                  <div key={index} style={{marginTop:'5px',color: "#000"}}>
+                    {value.name}
+                  </div>
+              ))
+            }
           </span>
         ),
         onOk() {
@@ -656,9 +663,18 @@ const IntentionCustomer = Form.create()(
     },
     showConfirms(fn, record) {
       Modal.confirm({
-        title: "您确定将当前客户移至公共客户吗?",
+        title: "您确定将以下客户移至公共客户吗?",
         content: (
-          <span style={{ color: "red" }}>移除后,此客户将被别人领取!</span>
+          <span style={{ color: "red" }}>
+            移除后,以下客户将被别人领取!
+            {
+              this.state.selectedRows.map((value,index)=>(
+                  <div key={index} style={{marginTop:'5px',color: "#000"}}>
+                    {value.name}
+                  </div>
+              ))
+            }
+          </span>
         ),
         onOk() {
           fn(record);
@@ -670,13 +686,20 @@ const IntentionCustomer = Form.create()(
       this.setState({
         loading: true
       })
+      let deletedIds='';
+      for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
+        let rowItem = this.state.selectedRows[idx];
+        if (rowItem.id) {
+          deletedIds = this.state.selectedRows.length-1 === idx ? deletedIds +rowItem.id : deletedIds + rowItem.id + ',';
+        }
+      }
       $.ajax({
         method: "get",
         dataType: "json",
         crossDomain: false,
         url: globalConfig.context + "/api/admin/customer/pushReleaseUser",
         data: {
-          id: this.state.selectedRows[0].id,
+          id: deletedIds,
         },
         success: function (data) {
           let thedata = data.data;
@@ -689,7 +712,7 @@ const IntentionCustomer = Form.create()(
             message.success("移除成功");
             this.loadData()
           }
-          
+
         }.bind(this),
       }).always(
         function () {
@@ -702,12 +725,13 @@ const IntentionCustomer = Form.create()(
     render() {
       const FormItem = Form.Item;
       const rowSelection = {
+        hideDefaultSelections: true,
         selectedRowKeys: this.state.selectedRowKeys,
         onChange: (selectedRowKeys, selectedRows) => {
           this.setState({
             modalVisible: false,
-            selectedRows: selectedRows.slice(-1),
-            selectedRowKeys: selectedRowKeys.slice(-1),
+            selectedRows: selectedRows,
+            selectedRowKeys: selectedRowKeys,
           });
         },
         onSelect: (recordt, selected, selectedRows) => {
@@ -803,9 +827,9 @@ const IntentionCustomer = Form.create()(
                 <Button onClick={this.reset}>重置</Button>
               </TabPane>
               {/*<Button onClick={() => { window.open(globalConfig.context + '/api/admin/customer/downloadTemplate?type=1') }}>下载批量导入模板</Button>
-               		<Upload 
+               		<Upload
                		    name="file"
-                        action={globalConfig.context + "/api/admin/customer/uploadExcel"}                            
+                        action={globalConfig.context + "/api/admin/customer/uploadExcel"}
                         beforeUpload={beforeUploadFile}
                         showUploadList={false}
                         onChange={(info) => {
@@ -825,11 +849,11 @@ const IntentionCustomer = Form.create()(
                             };
                         }} >
                         <Button>上传批量内容</Button>
-                    </Upload>  
-                    
+                    </Upload>
+
 	               {adminData.isSuperAdmin?<Popconfirm title="是否删除?" onConfirm={this.delectRow} okText="是" cancelText="否">
 							     <Button type="danger" style={{marginLeft:'10px'}}
-	                       			 disabled={!hasSelected} 
+	                       			 disabled={!hasSelected}
 	                       		 >删除<Icon type="minus" />
 	                        </Button>
 	                </Popconfirm>:''
@@ -915,7 +939,7 @@ const IntentionCustomer = Form.create()(
                       this.zhuanjiaoDetail(this.state.selectedRows[0]);
                   }}
                   type="primary"
-                  disabled={!hasSelected}
+                  disabled={!hasSelected || this.state.selectedRows.length > 1}
                 >
                   转交记录
                 </Button>
@@ -935,12 +959,12 @@ const IntentionCustomer = Form.create()(
           <div className="patent-table">
             <Spin spinning={this.state.loading}>
               <Table
-                size="middle"
+                className={'intentionCustomerTable'}
                 columns={this.state.columns}
                 dataSource={this.state.dataSource}
                 rowSelection={rowSelection}
                 pagination={this.state.pagination}
-                onRowClick={this.tableRowClick}
+                onRowDoubleClick={this.tableRowClick}
               />
             </Spin>
           </div>