|
@@ -3,6 +3,8 @@ import React from 'react';
|
|
//锁定state不可修改,导致错误y
|
|
//锁定state不可修改,导致错误y
|
|
import { fromJS } from 'immutable';
|
|
import { fromJS } from 'immutable';
|
|
|
|
|
|
|
|
+import { Tag } from 'antd';
|
|
|
|
+
|
|
const defaultState = fromJS({
|
|
const defaultState = fromJS({
|
|
pagination: {
|
|
pagination: {
|
|
current: 1,
|
|
current: 1,
|
|
@@ -10,6 +12,7 @@ const defaultState = fromJS({
|
|
position: ['bottomCenter'],
|
|
position: ['bottomCenter'],
|
|
showSizeChanger: false
|
|
showSizeChanger: false
|
|
},
|
|
},
|
|
|
|
+ loading: false,
|
|
columnsNum: 0,
|
|
columnsNum: 0,
|
|
searchValue: '',
|
|
searchValue: '',
|
|
dataSource: [],
|
|
dataSource: [],
|
|
@@ -88,12 +91,39 @@ export default (state = defaultState, action) => {
|
|
countFalse = 0;
|
|
countFalse = 0;
|
|
for (var i = 0; i < columnsData.length; i++) {
|
|
for (var i = 0; i < columnsData.length; i++) {
|
|
var isAccept = localStorage.getItem("product_lock_store_Column_" + i);
|
|
var isAccept = localStorage.getItem("product_lock_store_Column_" + i);
|
|
- if (isAccept === "true") {
|
|
|
|
|
|
+ if (isAccept === "false") {
|
|
countFalse++;
|
|
countFalse++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ columnNumData = columnsData.length - countFalse;
|
|
|
|
+ // console.log(columnsData);
|
|
|
|
+ // console.log(columnsData.length);
|
|
// console.log(countFalse);
|
|
// console.log(countFalse);
|
|
- columnNumData = countFalse;
|
|
|
|
|
|
+ // columnNumData = countFalse;
|
|
|
|
+ let tagIndex='';
|
|
|
|
+ columnsBak.forEach((element,value) => {
|
|
|
|
+ if(element.title==='产品'){
|
|
|
|
+ tagIndex=value;
|
|
|
|
+ }
|
|
|
|
+ //console.log(value)
|
|
|
|
+ });
|
|
|
|
+ //console.log(columnsBak);
|
|
|
|
+ if(tagIndex!==''){
|
|
|
|
+ columnsBak[tagIndex]=renderTag(columnsBak[tagIndex]);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ let atextIndex='';
|
|
|
|
+ columnsBak.forEach((element,value) => {
|
|
|
|
+ if(element.title==='锁号'){
|
|
|
|
+ atextIndex=value;
|
|
|
|
+ }
|
|
|
|
+ //console.log(value)
|
|
|
|
+ });
|
|
|
|
+ //console.log(columnsBak);
|
|
|
|
+ if(atextIndex!==''){
|
|
|
|
+ columnsBak[atextIndex]=renderAtext(columnsBak[atextIndex],action);
|
|
|
|
+ }
|
|
|
|
+
|
|
return state.merge({
|
|
return state.merge({
|
|
columnsData: fromJS(columnsData),
|
|
columnsData: fromJS(columnsData),
|
|
columns: fromJS(columnsBak),
|
|
columns: fromJS(columnsBak),
|
|
@@ -101,7 +131,6 @@ export default (state = defaultState, action) => {
|
|
});
|
|
});
|
|
case constants.TOGGLE_COLUMNS_ALL:
|
|
case constants.TOGGLE_COLUMNS_ALL:
|
|
countFalse = 0;
|
|
countFalse = 0;
|
|
- //console.log(columns.length)
|
|
|
|
for (var i = 0; i <= columnsData.length; i++) {
|
|
for (var i = 0; i <= columnsData.length; i++) {
|
|
var isAccept = localStorage.getItem("product_lock_store_Column_" + i);
|
|
var isAccept = localStorage.getItem("product_lock_store_Column_" + i);
|
|
if (isAccept === "false") {
|
|
if (isAccept === "false") {
|
|
@@ -110,23 +139,25 @@ export default (state = defaultState, action) => {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
columnNumData = columnsData.length - countFalse;
|
|
columnNumData = columnsData.length - countFalse;
|
|
|
|
+ //console.log(refreshColumns(columnsData));
|
|
var columnsBak = refreshColumns(columnsData, columns);
|
|
var columnsBak = refreshColumns(columnsData, columns);
|
|
return state.merge({
|
|
return state.merge({
|
|
- columnsNum: columnNumData,
|
|
|
|
columnsData: fromJS(columnsData),
|
|
columnsData: fromJS(columnsData),
|
|
|
|
+ columnsNum: columnNumData,
|
|
|
|
+ columns: fromJS(columnsBak),
|
|
});
|
|
});
|
|
//排序
|
|
//排序
|
|
case constants.TOGGLE_SORTER:
|
|
case constants.TOGGLE_SORTER:
|
|
var sortField = localStorage.getItem("product_lock_store_sortField");
|
|
var sortField = localStorage.getItem("product_lock_store_sortField");
|
|
var sort = localStorage.getItem("product_lock_store_sort");
|
|
var sort = localStorage.getItem("product_lock_store_sort");
|
|
- if(sortField!==null&&sort!==null){
|
|
|
|
|
|
+ if (sortField !== null && sort !== null) {
|
|
return state.merge({
|
|
return state.merge({
|
|
sortField: sortField,
|
|
sortField: sortField,
|
|
sort: sort
|
|
sort: sort
|
|
});
|
|
});
|
|
- }else if(sortField!==null){
|
|
|
|
|
|
+ } else if (sortField !== null) {
|
|
return state.set('sortField', sortField);
|
|
return state.set('sortField', sortField);
|
|
- }else if(sort!==null){
|
|
|
|
|
|
+ } else if (sort !== null) {
|
|
return state.set('sort', sort);
|
|
return state.set('sort', sort);
|
|
}
|
|
}
|
|
case constants.CHANGE_LOCKSTORE_SORTFIELD:
|
|
case constants.CHANGE_LOCKSTORE_SORTFIELD:
|
|
@@ -136,14 +167,41 @@ export default (state = defaultState, action) => {
|
|
case constants.CHANGE_LOCKSTORE_SORT:
|
|
case constants.CHANGE_LOCKSTORE_SORT:
|
|
localStorage.setItem('product_lock_store_sort', action.data);
|
|
localStorage.setItem('product_lock_store_sort', action.data);
|
|
return state.set('sort', action.data);
|
|
return state.set('sort', action.data);
|
|
|
|
+ case constants.CHANGE_LOCKSTORE_LOADING:
|
|
|
|
+ return state.set('loading', action.data);
|
|
//表格
|
|
//表格
|
|
case constants.CHANGE_LOCKSTORE_DATA:
|
|
case constants.CHANGE_LOCKSTORE_DATA:
|
|
- let columnsDetail={
|
|
|
|
- ...columns[0],
|
|
|
|
- render: (text, record) => <a onClick={() => action.support.handlelockDetailPopups(record.key)} href="#lockDetail" data-toggle="modal" data-target="#lockDetail" >{text}</a>,
|
|
|
|
- }
|
|
|
|
- columns[0] = columnsDetail;
|
|
|
|
- // console.log(columnsDetail);
|
|
|
|
|
|
+ // console.log(columns[1])
|
|
|
|
+ // let columnsDetail = {
|
|
|
|
+ // ...columns[0],
|
|
|
|
+ // render: (text, record) => <a onClick={() => action.support.handlelockDetailPopups(record.key)} href="#lockDetail" data-toggle="modal" data-target="#lockDetail" >{text}</a>,
|
|
|
|
+ // }
|
|
|
|
+ // columns[0] = columnsDetail;
|
|
|
|
+ columns[0]=renderAtext(columns[0],action);
|
|
|
|
+ // let columnsProduct = {
|
|
|
|
+ // ...columns[1],
|
|
|
|
+ // render: (text, record) =>(
|
|
|
|
+ // <>
|
|
|
|
+ // {record.productList.map((tag,index) => (
|
|
|
|
+ // <Tag color="#886ab5" key={tag+index}>{tag}</Tag>
|
|
|
|
+ // ))}
|
|
|
|
+ // </>
|
|
|
|
+ // )
|
|
|
|
+ // }
|
|
|
|
+ // columns[1] = columnsProduct;
|
|
|
|
+ // if(columns[1].title==='产品'){
|
|
|
|
+ // columns[1]=renderTag(columns[1]);
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ //console.log(columns)
|
|
|
|
+ var ti=0;
|
|
|
|
+ columns.forEach((element,value) => {
|
|
|
|
+ if(element.title==='产品'){
|
|
|
|
+ ti=value;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ columns[ti]=renderTag(columns[ti]);
|
|
let pagination = {
|
|
let pagination = {
|
|
...action.pagination,
|
|
...action.pagination,
|
|
total: action.recordsTotal,
|
|
total: action.recordsTotal,
|
|
@@ -154,14 +212,13 @@ export default (state = defaultState, action) => {
|
|
columnsData[i].columnsValue = false;
|
|
columnsData[i].columnsValue = false;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- //var columnsBak = refreshColumns(columnsData, columns);
|
|
|
|
- // console.log(columnsBak);
|
|
|
|
|
|
+ var columnsBak = refreshColumns(columnsData, columns);
|
|
// return state.set('dataSource', action.data);
|
|
// return state.set('dataSource', action.data);
|
|
return state.merge({
|
|
return state.merge({
|
|
pagination: fromJS(pagination),
|
|
pagination: fromJS(pagination),
|
|
dataSource: fromJS(action.data),
|
|
dataSource: fromJS(action.data),
|
|
|
|
+ loading: false,
|
|
searchValue: action.searchValue,
|
|
searchValue: action.searchValue,
|
|
- // columns: fromJS(columnsBak),
|
|
|
|
columns: fromJS(columns),
|
|
columns: fromJS(columns),
|
|
});
|
|
});
|
|
default:
|
|
default:
|
|
@@ -181,4 +238,35 @@ function refreshColumns(columnsData) {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return columnsBak;
|
|
return columnsBak;
|
|
-};
|
|
|
|
|
|
+};
|
|
|
|
+
|
|
|
|
+function renderTag(columns){
|
|
|
|
+ //console.log(columns.title)
|
|
|
|
+ let columnsProduct=columns;
|
|
|
|
+ if(columns.title==='产品'){
|
|
|
|
+ columnsProduct = {
|
|
|
|
+ ...columns,
|
|
|
|
+ render: (text, record) =>(
|
|
|
|
+ <>
|
|
|
|
+ {record.productList.map((tag,index) => (
|
|
|
|
+ <Tag color="#886ab5" key={tag+index}>{tag}</Tag>
|
|
|
|
+ ))}
|
|
|
|
+ </>
|
|
|
|
+ )
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ return columnsProduct;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+function renderAtext(columns,action){
|
|
|
|
+ //console.log(columns.title);
|
|
|
|
+
|
|
|
|
+ let columnsDetail=columns;
|
|
|
|
+ if(columns.title==='锁号'){
|
|
|
|
+ columnsDetail = {
|
|
|
|
+ ...columns,
|
|
|
|
+ render: (text, record) => <a onClick={() => action.support.handlelockDetailPopups(record.key)} href="#lockDetail" data-toggle="modal" data-target="#lockDetail">{text}</a>,
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ return columnsDetail;
|
|
|
|
+}
|