forked from gzzfw/frontEnd/gzDyh

liuwh
2024-09-17 5aa4a814ab8d4aa194a9683ebefaefdfc6d92c3a
gz-customerSystem/src/views/comprehensive/index.jsx
@@ -5,7 +5,7 @@
import { FolderFilled } from '@ant-design/icons';
import * as $$ from '../../utils/utility';
import { useLocation, useNavigate } from 'react-router-dom';
import TableView from '../../components/TableView';
import TableView from '../../components/TableViewCanSort';
import NewTableSearch from '../../components/NewTableSearch';
import MyTabs from '../../components/MyTabs';
import './index.less'
@@ -42,9 +42,9 @@
  // 表头
  const columns = () => {
    const columnsData = [
      { title: '事项状态', width: 80, dataIndex: 'statusName' },
      { title: '事项来源', width: 80, dataIndex: 'canalName' },
      { title: '事项等级', width: 80, dataIndex: 'caseLevel' },
      { title: '事项状态', width: 100, dataIndex: 'statusName' },
      { title: '事项来源', width: 100, dataIndex: 'canalName' },
      { title: '事项等级', width: 100, dataIndex: 'caseLevel' },
      { title: '纠纷类型', width: 150, dataIndex: 'caseTypeName' },
      { title: '承办部门', width: 150, dataIndex: 'mediateUnitName' },
      { title: '配合部门', width: 150, dataIndex: 'assistUnitName' },
@@ -171,8 +171,8 @@
    if (res.type) {
      setSearch(submitData);
      setData({
        total: res.data?.totalElements,
        tableData: res.data?.content || [],
        total: 0,
        tableData: [],
      });
    }
  }
@@ -205,7 +205,11 @@
            form={form}
            itemData={[
              { type: 'RangePicker', name: 'acceptTime', label: '办结时间', span: 8 },
              { type: 'null'},
              { type: 'null'},
              { type: 'RangePicker', name: 'acceptTime', label: '归档时间', span: 8 },
              { type: 'null'},
              { type: 'null'},
              {
                type: 'Select',
                name: 'joinRole',
@@ -216,46 +220,62 @@
                  { label: '我协助的', value: '2' },
                ],
              },
              {
                type: 'Select',
                name: 'joinRole',
                label: '承办部门',
                selectdata: [
                  { label: '我负责的', value: '1' },
                  { label: '我协助的', value: '2' },
                ],
              },
              {
                type: 'Select',
                name: 'joinRole',
                label: '登记机构',
                selectdata: [
                  { label: '我负责的', value: '1' },
                  { label: '我协助的', value: '2' },
                ],
              },
              { type: 'Input', name: 'defendants', label: '被申请人' },
              { type: 'Input', name: 'caseNo', label: '调解案号' },
              // {
              //   type: 'Select',
              //   name: 'joinRole',
              //   label: '承办部门',
              //   selectdata: [
              //     { label: '我负责的', value: '1' },
              //     { label: '我协助的', value: '2' },
              //   ],
              // },
              // {
              //   type: 'Select',
              //   name: 'joinRole',
              //   label: '登记机构',
              //   selectdata: [
              //     { label: '我负责的', value: '1' },
              //     { label: '我协助的', value: '2' },
              //   ],
              // },
              // { type: 'Input', name: 'defendants', label: '被申请人' },
              // { type: 'Input', name: 'caseNo', label: '调解案号' },
            ]}
            handleReset={() => handleSearch('reset')}
            handleSearch={() => handleSearch('search')}
          />
        </div>
        <div style={{ marginTop: '8px' }} className="pageTable">
          <TableView
            showHeader
            title="查询结果"
            columns={columns()}
            dataSource={data.tableData}
            pagination={{
              current: search.page,
              pageSize: search.size,
              total: data.total,
              onChange: (page, pageSize) => handleChangePage(page, pageSize),
            }}
            rowClassName={(record) => (record.id === data.tableActive ? 'tableRowActive' : '')}
          />
        <div style={{ marginTop: '8px' }} className="comprehensive-table">
          {
            data.tableData?.length > 0 ?
              <TableView
                showHeader
                title="查询结果"
                columns={columns()}
                dataSource={data.tableData}
                pagination={{
                  current: search.page,
                  pageSize: search.size,
                  total: data.total,
                  onChange: (page, pageSize) => handleChangePage(page, pageSize),
                }}
                rowClassName={(record) => (record.id === data.tableActive ? 'tableRowActive' : '')}
              /> :
              <TableView
                showHeader
                title="查询结果"
                columns={columns()}
                dataSource={data.tableData}
                pagination={{
                  current: search.page,
                  pageSize: search.size,
                  total: data.total,
                  onChange: (page, pageSize) => handleChangePage(page, pageSize),
                }}
                rowClassName={(record) => (record.id === data.tableActive ? 'tableRowActive' : '')}
              />
          }
        </div>
      </div>
    </NewPage>