{item.list?.map((itm) => {
return (
{
+ const { dispatch, actions } = props
+ const { } = actions;
+ const [keywordTarget, setKeywordTarget] = useState('contractNo');
+ const [keyword, setKeyword] = useState('');//搜索内容
+ const [limits, setLimits] = useState()//每页实际条数
+ const [query, setQuery] = useState({ limit: 10, page: 0 }); //页码信息
+ const [tableData, setTableData] = useState([]);
+ const [importModalV, setImportModalV] = useState(false);
- const columns = [
- {
- title: '序号',
- dataIndex: 'index',
- render: (text, record, index) => index + 1
- },
- ];
- const data = [];
+ const [setup, setSetup] = useState(false);//表格设置是否显现
+ const [setupp, setSetupp] = useState([]);//实际显示的表格列表
+ const CONTRACTDETAILS = "contractDetails";
+ const renderColumns = (columnKeys) => {
+ let columns = [];
+ Object.keys(columnKeys).map(key => {
+ tableList[0].list.push({ name: columnKeys[key], value: key });
+ switch (key) {
+ default:
+ columns.push({
+ title: columnKeys[key], dataIndex: key, key: key,
+ render: (text, record) => text === 0 ? text : text ? text : '—', width: 32 + columnKeys[key].length * 16
+ });
+ break;
+ }
+ })
+ return columns;
+ }
+ const tableList = [{
+ title: '基础信息',
+ list: []
+ }];
+ const columns = renderColumns(contractDetailsColumnKeys);
+ function seachValueChange(value) {
+ setKeyword(value)
+ }
+ useEffect(() => {
+ localStorage.getItem(CONTRACTDETAILS) == null
+ ? localStorage.setItem(
+ CONTRACTDETAILS,
+ JSON.stringify(['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a10', 'a11', 'a12', 'a13', 'a14', 'a15', 'a16'])
+ )
+ : "";
+ attribute();
+ }, []);
+ //获取表格属性设置
+ function attribute() {
+ const arr = localStorage.getItem(CONTRACTDETAILS)
+ ? JSON.parse(localStorage.getItem(CONTRACTDETAILS))
+ : [];
+ let newColumns = [];
+ for (let i = 0; i < columns.length; i++) {
+ if (arr.indexOf(columns[i].key) > -1) {
+ newColumns.push(columns[i]);
+ }
+ }
+ setSetupp(newColumns);
+ }
+ useEffect(() => {
+
+ }, [query])
+ function handleRow(record, index) {// 给偶数行设置斑马纹
+ if (index % 2 === 0) {
+ return {
+ style: {
+ background: '#FAFCFF',
+ }
+ };
+ } else {
+ return {};
+ }
+ }
+ const scroll = useMemo(() => ({}), []);
return (
<>
@@ -23,11 +91,116 @@ const ContractDetails = (props) => {
- /
合同明细表
-
-
+
+
+
+
+
+
+ 合同明细表
+ CONTRACT DETAILS
+
+
+
+
+
+
+
+
+
+ }
+ showClear
+ placeholder='请输入关键词搜索'
+ value={keyword}
+ style={{ width: 346 }}
+ onChange={seachValueChange}>
+
+
+
+
+ 
setSetup(true)}
+ />
+
+ setSetup(true)}
+ />
+ { setImportModalV(true); }}>
+ 导入
+
+
+ 导出全部
+
+
+
+ s)}
+ dataSource={tableData}
+ bordered={false}
+ empty="暂无数据"
+ pagination={false}
+
+ onRow={handleRow}
+ scroll={scroll}
+ />
+
+
+
+
+
+
+
+ 开票明细表
+ INVOICING DETAILS
+
+
+
+
+
+
+
+
+
+ }
+ showClear
+ placeholder='请输入关键词搜索'
+ value={keyword}
+ style={{ width: 346 }}
+ onChange={seachValueChange}>
+
+
+
+
+ setSetup(true)}
+ />
+
+ setSetup(true)}
+ />
+ { setImportModalV(true); }}>
+ 导入
+
+
+ 导出全部
+
+
+
+ s)}
+ dataSource={tableData}
+ bordered={false}
+ empty="暂无数据"
+ pagination={false}
+
+ onRow={handleRow}
+ scroll={scroll}
+ />
+
+