Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh ...

liuwh

2024-09-17 5aa4a814ab8d4aa194a9683ebefaefdfc6d92c3a

 gz-customerSystem/src/views/comprehensive/index.jsx

@@ -1,11 +1,11 @@

import React, { useEffect, useState } from 'react';
import Page from '../../components/Page/index';
import NewPage from '../../components/NewPage/index';
import { Form, Typography, Space, Tooltip } from 'antd';
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,16 +42,17 @@
  // 表头
  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: 'mediateDeptName' },
      { title: '承办部门', width: 150, dataIndex: 'mediateUnitName' },
      { title: '配合部门', width: 150, dataIndex: 'assistUnitName' },
      { title: '化解结果', width: 80, dataIndex: 'mediResult' },
      { title: '办结时间', width: 80, dataIndex: 'closeTime' },
      // { title: '申请方', dataIndex: 'plaintiffList' },
      // { title: '被申请方', dataIndex: 'defendantList' },
      // 22_00025-1 成功 22_00025-2 化解不成功
      { title: '化解结果', width: 100, dataIndex: 'mediResult', render: (text) => <div className={text === '22_00025-1' ? 'comprehensive-green' : text === '22_00025-2' ? 'comprehensive-red' : '-'} >{text === '22_00025-1' ? '化解成功' : text === '22_00025-2' ? '化解不成功' : '-'}</div> },
      { title: '办结时间', width: 100, dataIndex: 'closeTime', render: (text) => <span>{$$.dateFormat(text)}</span> },
      { title: '申请方', dataIndex: 'action', render: (text, record) => <div>{record.plaintiffList?.length > 0 ? record.plaintiffList?.map(i => i.trueName)?.join(',') : '-'}</div> },
      { title: '被申请方', dataIndex: 'action', render: (text, record) => <div>{record.defendantList?.length > 0 ? record.defendantList?.map(i => i.trueName)?.join(',') : '-'}</div> },
      { title: '登记机构', dataIndex: 'inputUnitName' },
      {
        title: '操作',
@@ -125,6 +126,12 @@
    getCaseInfoData(paramsObj);
  }


  // 导出数据
  function downloadXls() {
    window.open(`${$$.appUrl.baseUrl}/dyh-mediate/api/web/caseInfo/exportQueryAll`);
  };

  // 搜索 or 重置
  function handleSearch(type, session) {
    let paramsObj = {};
@@ -164,8 +171,8 @@
    if (res.type) {
      setSearch(submitData);
      setData({
        total: res.data?.totalElements,
        tableData: res.data?.content || [],
        total: 0,
        tableData: [],
      });
    }
  }
@@ -184,16 +191,25 @@


  return (
    <Page pageHead={{ title: '综合查询', subtitle: '管理员名下综合查询列表' }}>
      <div className="myMediation">
        <div className="myMediation-search">
    <NewPage
      pageHead={
        { breadcrumbData: [{ title: '工作台' }, { title: '综合查询' }], title: '综合查询' }
      }
    >
      <div className="comprehensive">
        <div className="pageSearch">
          <div className='comprehensive-title'>查询条件</div>
          <NewTableSearch
            exportButton={downloadXls}
            labelLength={6}
            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',
@@ -204,49 +220,65 @@
                  { 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>
    </Page>
    </NewPage>
  );
};