feat: 修改样式

zhangyongtian

2024-09-11 6ffddb4f427176d39bb41df21919d7038e5bf668

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

@@ -2,7 +2,7 @@
 * @Author: dminyi 1301963064@qq.com
 * @Date: 2024-09-08 15:14:12
 * @LastEditors: dminyi 1301963064@qq.com
 * @LastEditTime: 2024-09-10 20:29:15
 * @LastEditTime: 2024-09-10 23:36:06
 * @FilePath: \gzDyh\gz-customerSystem\src\views\register\index.jsx
 * @Description: 工作台
 */
@@ -115,9 +115,7 @@

    },
  ]

  const [fakeData1, setFakeData1] = useState([])

  const [columnType, setColumnType] = useState([
    {
      title: '流转时间',
@@ -169,6 +167,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -230,6 +229,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -289,6 +289,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -347,6 +348,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -406,6 +408,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -465,6 +468,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -524,6 +528,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -532,8 +537,7 @@
      ),
    },
  ];

  const [column, setColumn] = useState([
  const column = [
    {
      title: '流转时间',
      dataIndex: 'turnaroundTime',
@@ -599,6 +603,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer', color: '#1A6FB8' }}>详情</div>
@@ -606,9 +611,8 @@
        </Space>
      ),
    },
  ])

  const [backColumn, setBackColumn] = useState([
  ]
  const backColumn = [
    {
      title: '回退时间',
      dataIndex: 'turnaroundTime',
@@ -662,6 +666,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
@@ -676,9 +681,9 @@
        </Space>
      ),
    },
  ])
  ]

  const [mangeColumn, setMangeColumn] = useState([
  const mangeColumn = [
    {
      title: '督办时间',
      dataIndex: 'turnaroundTime',
@@ -741,6 +746,7 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space>
          <div>回复</div>
@@ -748,7 +754,7 @@
        </Space>
      ),
    },
  ])
  ]

  //结案申请
  const caseResultApply = [
@@ -811,10 +817,80 @@
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
          <div onClick={() => navigate(`/mediate/visit/closingReview?caseTaskId=${record.ownerId}&caseId=${record.caseId}&windupId=${record.windupId}`)} style={{ cursor: 'pointer' }}>处理</div>
        </Space>
      ),
    },
  ];

  const caseResultApplyInfo = [
    {
      title: '结案申请时间',
      dataIndex: 'turnaroundTime',
      key: 'turnaroundTime',
      width: 100,
    },
    {
      title: '事项等级',
      dataIndex: 'caseGrade',
      key: 'caseGrade',
      width: 180,
    },
    {
      title: '事项来源',
      dataIndex: 'caseSource',
      key: 'caseSource',
      width: 180,
    },
    {
      title: '事项类型',
      dataIndex: 'caseType',
      key: 'caseType',
      width: 180,
    },
    {
      title: '承办部门',
      dataIndex: 'organizingUnit',
      key: 'organizingUnit',
      width: 180,
    },
    {
      title: '配合部门',
      dataIndex: 'cooperatingUnit',
      key: 'cooperatingUnit',
      width: 180,
    },
    {
      title: '申请方',
      dataIndex: 'plaintiffs',
      key: 'plaintiffs',
      width: 180,
    },
    {
      title: '化解结果',
      dataIndex: 'mediResult',
      key: 'mediResult',
      width: 180,
    },
    {
      title: '被申请方',
      dataIndex: 'defendants',
      key: 'defendants',
      width: 180,
    },
    {
      title: '操作',
      dataIndex: 'actions',
      key: 'actions',
      width: 180,
      fixed: 'right',
      render: (text, record) => (
        <Space style={{ color: '#1A6FB8' }}>
          <div onClick={() => navigate(`/mediate/visit/fileMessage?caseTaskId=${record.ownerId}&caseId=${record.caseId}`)} style={{ cursor: 'pointer' }}>详情</div>
        </Space>
      ),
    },
@@ -905,7 +981,7 @@

    if (type === '3') {
      if (tabActivekey === '4') {
        setColumnType(backColumn)
        setColumnType(caseResultApplyInfo)
        pageMyTaskBl('1')

      }
@@ -1052,10 +1128,7 @@
                size="small"
                rowKey="caseId"
                bordered={true}
                // style={{ marginBottom: '65px', marginTop: '-16px' }}
                rowSelection={{
                  type: 'Checkbox'
                }}
                scroll={{ x: 1300 }}
              />
            </Typography.Paragraph>
          </TabPane>
@@ -1079,10 +1152,7 @@
                size="small"
                rowKey="id"
                bordered={true}
                // style={{ marginBottom: '65px', marginTop: '-16px' }}
                rowSelection={{
                  type: 'Checkbox'
                }}
                scroll={{ x: 1300 }}
              />
            </Typography.Paragraph>
          </TabPane>
@@ -1102,10 +1172,7 @@
                  size="small"
                  rowKey="id"
                  bordered={true}
                  // style={{ marginBottom: '65px', marginTop: '-16px' }}
                  rowSelection={{
                    type: 'Checkbox'
                  }}
                  scroll={{ x: 1300 }}
                />
              </Typography.Paragraph>
            </TabPane>
@@ -1115,15 +1182,15 @@

      </div>
      <div className='VisitWorkBench-bottom'>
        自行排查
        <div style={{ display: 'flex', justifyContent: 'space-evenly' }}>
          <div className='bottomTab1'>
            <div className='VisitWorkBench-bottom-title' onClick={() => navigate(`/mediate/visit`)} style={{ color: '#206BCD', cursor: 'pointer' }}>大厅来访</div>
            <img src={visitInto} alt='' className='VisitWorkBench-bottom-img' />
        群众来访接待
        <div style={{ display: 'flex', justifyContent: 'space-evenly',gap:'24px',marginTop:'16px' }}>
          <div className='bottomTab1' style={{ cursor: 'pointer' }}>
            <div className='VisitWorkBench-bottom-title' onClick={() => {navigate(`/mediate/visit`)}} style={{ color: '#206BCD' }}>大厅来访</div>
            {/* <img src={visitInto} alt='' className='VisitWorkBench-bottom-img' /> */}
          </div>
          <div className='bottomTab2'>
          <div className='bottomTab2' style={{ cursor: 'pointer' }}>
            <div className='VisitWorkBench-bottom-title' style={{ color: '#D46B08' }}>自行排查</div>
            <img src={checkInto} alt='' className='VisitWorkBench-bottom-img' />
            {/* <img src={checkInto} alt='' className='VisitWorkBench-bottom-img' /> */}
          </div>
        </div>
      </div>