feat: 合同样式修改

src/pages/contractView/index.jsx

@@ -3,6 +3,7 @@ import ProTable from '@ant-design/pro-table';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { notification, Button, Modal, Image, message } from 'antd';
 import { query } from './services';
+import style from './style.less';
 
 const ContractView = () => {
   const [visible, setVisible] = useState(false);
@@ -74,23 +75,30 @@ const ContractView = () => {
   ];
   return (
     <PageHeaderWrapper>
-      <ProTable
-        search={{
-          collapsed: false,
-          collapseRender: () => null,
-        }}
-        columns={columns}
-        request={params => query({ ...params })}
-        rowKey={r => r.appealNo}
-        expandIconColumnIndex={10}
-        bordered
-        toolBarRender={false}
-        scroll={{ x: '100%', y: 400 }}
-        pagination={false}
-      />
-      <Modal visible={visible} width="1000px" onCancel={() => setVisible(false)}>
-        <iframe src={url} height="500" width="95%" title="合同"></iframe>
-      </Modal>
+      {!visible && (
+        <ProTable
+          search={{
+            collapsed: false,
+            collapseRender: () => null,
+          }}
+          columns={columns}
+          request={params => query({ ...params })}
+          rowKey={r => r.appealNo}
+          expandIconColumnIndex={10}
+          bordered
+          toolBarRender={false}
+          scroll={{ x: '100%', y: 400 }}
+          pagination={false}
+        />
+      )}
+      {visible && (
+        <div className={style.contract}>
+          <iframe src={url} height="500" width="95%" title="合同"></iframe>
+          <Button type="primary" onClick={() => setVisible(false)}>
+            取消
+          </Button>
+        </div>
+      )}
     </PageHeaderWrapper>
   );
 };

src/pages/contractView/style.less

+.contract {
+  text-align: center;
+}