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,6 +75,7 @@ const ContractView = () => {
   ];
   return (
     <PageHeaderWrapper>
+      {!visible && (
         <ProTable
           search={{
             collapsed: false,
@@ -88,9 +90,15 @@ const ContractView = () => {
           scroll={{ x: '100%', y: 400 }}
           pagination={false}
         />
-      <Modal visible={visible} width="1000px" onCancel={() => setVisible(false)}>
+      )}
+      {visible && (
+        <div className={style.contract}>
           <iframe src={url} height="500" width="95%" title="合同"></iframe>
-      </Modal>
+          <Button type="primary" onClick={() => setVisible(false)}>
+            取消
+          </Button>
+        </div>
+      )}
     </PageHeaderWrapper>
   );
 };

src/pages/contractView/style.less

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