Jelajahi Sumber

feat: 锁库-Modal去除footer,接受锁按钮用Popconfirm包裹

lanjianrong 4 tahun lalu
induk
melakukan
00cf33ea2c
1 mengubah file dengan 16 tambahan dan 7 penghapusan
  1. 16 7
      src/pages/Product/Lock/LockStore/components/ReceiveLock.jsx

+ 16 - 7
src/pages/Product/Lock/LockStore/components/ReceiveLock.jsx

@@ -1,4 +1,4 @@
-import { Button, Input, message, Modal } from 'antd'
+import { Button, Input, message, Modal, Popconfirm } from 'antd'
 import React, { useState, useRef } from 'react'
 import styles from '@/pages/Customer/Company/components/ConnectCompany/index.less'
 import consts from '@/basic/consts'
@@ -39,9 +39,14 @@ const ReceiveLock = ({ refresh, ...resetModalProps }) => {
       dataIndex: 'opreate',
       title: '操作',
       render: (_, record) => (
-        <Button size="small" onClick={() => receiveLongle(record.keyNum, record.id)}>
-          接收
-        </Button>
+        <Popconfirm
+          title="确定接收该锁吗?"
+          cancelText="取消"
+          okText="确定"
+          onConfirm={() => receiveLongle(record.keyNum, record.id)}
+        >
+          <Button size="small">接收</Button>
+        </Popconfirm>
       )
     }
   ]
@@ -51,9 +56,10 @@ const ReceiveLock = ({ refresh, ...resetModalProps }) => {
   }
   return (
     <Modal
-      width="50vw"
       {...resetModalProps}
+      width="50vw"
       bodyStyle={{ padding: '24px 24px 0' }}
+      footer={false}
       getContainer={() => document.getElementById('root')}
       title={
         <div className="flex items-center justify-between">
@@ -70,7 +76,8 @@ const ReceiveLock = ({ refresh, ...resetModalProps }) => {
             onSearch={handleOnSearch}
           />
         </div>
-      }>
+      }
+    >
       <div className={styles.modalContent}>
         <ProTable
           rowKey={record => record.id}
@@ -82,7 +89,9 @@ const ReceiveLock = ({ refresh, ...resetModalProps }) => {
           bordered={true}
           scroll={{ y: 460 }}
           request={async params => {
-            const { data: { longle, total } = { longle: [], total: 0 }, code = -1 } = await queryOldLockList(params)
+            const { data: { longle, total } = { longle: [], total: 0 }, code = -1 } = await queryOldLockList(
+              params
+            )
             return {
               data: longle,
               success: code === consts.RET_CODE.SUCCESS,