自行受理-办理反馈

dminyi

2024-08-29 c0ae7c2cef120be7d50143109fa2012a2f986ef7

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

@@ -2,11 +2,18 @@
import { Steps, Button } from '@arco-design/web-react';
import { Col, Space, Row, Tooltip } from 'antd';
import { register, empty } from '../../../../assets/images'
import { Form, Select, Empty } from '@arco-design/web-react';
import { Form, Select, Empty, Tabs, Typography, } from '@arco-design/web-react';
import { question1, } from '@/assets/images';

const Option = Select.Option;
const FormItem = Form.Item;
const TabPane = Tabs.TabPane;

const style = {
  textAlign: 'center',
  marginTop: 20,
};



const Handle = () => {
@@ -97,14 +104,39 @@
              </Row>
            </Form>
            <Space>
              <Button type="primary" style={{ backgroundColor: '#1A6FB8' }}>保存</Button>
              <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >预览</Button>
              <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>提交</Button>
              <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >自行受理</Button>
              <Button type="primary" style={{ backgroundColor: '#1A6FB8' }}>添加办理记录</Button>
              <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >结案申请</Button>
              <Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>联合处置申请</Button>
              <Button type='secondary'>返回上级页面</Button>
            </Space>
          </div>
          <div className='container-bottom-right'>22</div>
          <div className='container-bottom-right'>
            <Tabs defaultActiveTab='1' className='tabs-container' >
              <TabPane
                key='1'
                title={
                  <span style={{ fontSize: '15px' }}>
                    Tab 1
                  </span>
                }
              >
                <Typography.Paragraph style={style}>
                  
                </Typography.Paragraph>
              </TabPane>
              <TabPane
                key='2'
                title={
                  <span style={{ fontSize: '15px' }}>
                    Tab 2
                  </span>
                }
              >
                <Typography.Paragraph style={style}>Content of Tab Panel 2</Typography.Paragraph>
              </TabPane>
            </Tabs>

          </div>
        </div>
      </div>
    </>