修改页面

dminyi

2024-09-12 73370c3b2f2e8340d9c46124af56576d5de2bb59

 gz-customerSystem/src/views/register/handleFeedback/component/handle.jsx

@@ -16,6 +16,8 @@
import SupervisingView from '../../matterDetail/Supervising'
import UniteHandle from '../../matterDetail/UniteHandle';
import { useNavigate } from 'react-router-dom';
import MyUpload from '@/components/MyUpload';



const Option = Select.Option;
@@ -64,11 +66,14 @@
  return $$.ax.request({ url: `caseTask/listCaseFlow?caseId=` + caseId, type: 'get', service: 'mediate' });
}

//删除经办人
function deletePrincipalApi(caseId) {
  return $$.ax.request({ url: `caseInfoUnfold/deletePrincipal?caseId=` + caseId, type: 'get', service: 'mediate' });
}

const Handle = ({ authorData, caseTaskId, caseId }) => {
  const formRef = useRef();
  const navigate = useNavigate();
  const [selectedTab, setSelectedTab] = useState('1'); // 默认选中第一个 tab
  const [selectedTab1, setSelectedTab1] = useState('1'); // 默认选中第一个 tab
  const [wantUser, setWantUser] = useState({});
  const [formView, setFormView] = useState(false);
@@ -116,6 +121,11 @@
    // 处理确认逻辑
    setScannerVisible(false);
  };

  const handleWantUserClose = () => {
    setWantUser({ wantUserId: null, wantUserName: null })
    deletePrincipalApi(caseId)
  }

  const handleCancel = () => {
    // 处理取消逻辑
@@ -183,8 +193,9 @@
  const getFeedbackInfo = async () => {
    const res = await getFeedbackInfoApi(caseId)
    if (res.type) {
      setFeedbackInfoData(() => res.data)
      // getByIdRole();
      let data = res.data;
      setFeedbackInfoData(data);
      setWantUser({ wantUserName: data?.handleUserName })
    }
  }

@@ -324,7 +335,7 @@
        <div className='container-top'>
          <Col span={24}>
            <Space size='small'>
              <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>办理信息</h5>
              <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h4>办理信息</h4>
            </Space>
          </Col>
          <Row gutter={[16, 16]}>
@@ -334,13 +345,12 @@
            </Col>
            <Col span={8} style={{ display: 'flex' }}>
              <div><div className="title-text">经办人：</div></div>
              <div style={{ display: 'flex' }}>
              <div style={{ marginTop: '-4px' }}>
                {
                  feedbackInfoData?.handleUserName ?
                  wantUser.wantUserName ?
                    <>
                      <div>{feedbackInfoData?.handleUserName}</div>
                      <img onClick={() => handlePersonView()} src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} />
                    </> :
                      <WantUserTag name={wantUser.wantUserName} onClose={() => handleWantUserClose()} /> </>
                    :
                    <Button onClick={() => { setIsModalVisible(true); }} style={{ color: '#1A6FB8', marginTop: '-2px' }} type='outline'>选择</Button>
                }
              </div>
@@ -361,7 +371,7 @@
          <div className='container-bottom-left'>
            <Col span={24} style={{}}>
              <Space size='small'>
                <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>办理反馈</h5>
                <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h4>办理反馈</h4>
              </Space>
            </Col>
            <Form
@@ -372,10 +382,10 @@
              <Col span={24}>
                <HandleRecord isReview={false} handleEdit={handleEdit} data={list} />
                {/* {formView && */}
                <div className='Form' style={{ display: formView ? '' : 'none' }}>
                <div className='Form' style={{ display: formView ? '' : 'none', marginBottom: '50px' }}>
                  <Col span={24} style={{ marginBottom: '8px' }}>
                    <Space size='small'>
                      <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>添加办理记录</h5>
                      <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h4>添加办理记录</h4>
                    </Space>
                  </Col>
                  <Col span={24}>
@@ -400,7 +410,7 @@
                            <Input.TextArea
                              maxLength={200}
                              showWordLimit
                              rows={5}
                              rows={7}
                              placeholder='办理意见应该填写完整，办理意见应具备5要素:调解时间+调解参与部门/人+调解地点+调解过程+调解结果'
                              wrapperStyle={{ width: '100%' }}
                            />
@@ -462,7 +472,7 @@
                }
              >
                <Typography.Paragraph>
                  <div className='progress' style={{ paddingBottom: '16px' }}>
                  <div className='progress' style={{ paddingBottom: '16px', marginTop: '0px' }} >
                    <ProgressStep progressData={progressData} hasTab={true} />
                  </div>