feat: 软件锁产品列表

src/pages/Product/Lock/Lockstore/components/LocksDetail/LockModal.jsx

@@ -9,6 +9,7 @@ import consts from '@/basic/consts'
 import { useDebounceFn } from 'ahooks'
 import { apiSoftwareAddLonglelog, apiReceiveLock } from '@/services/lock'
 import { useDispatch } from 'umi'
+import { Children } from 'react'
 
 export const lockTypeEnum = {
   RECEIVE: 2,
@@ -126,6 +127,10 @@ const LockModal = props => {
     initData({ status: value, page: 1, size: 10 })
   }
 
+  const handleChange = value => {
+    console.log(`Selected: ${value}`)
+  }
+
   // 关联联系人
   const connectClient = async id => {
     const { code = -1 } = await apiSoftwareAddLonglelog({
@@ -271,9 +276,8 @@ const LockModal = props => {
         {type === lockTypeEnum.UPDATE ? (
           <>
             <Form.Item name="product" label="新增产品">
-              <Select>
-                <Option key="重庆养护（营改增）">重庆养护（营改增）</Option>
-                <Option key="广东算量新定额">广东算量新定额</Option>
+              <Select placeholder="请选择产品" onChange={handleChange}>
+                <Option>dadas</Option>
               </Select>
             </Form.Item>
           </>

src/pages/Product/Lock/Lockstore/components/LocksDetail/TabList.jsx

@@ -10,7 +10,7 @@ import { servicelogEnum, showProductsStatus, showNewLongleStatus, showMarkStatus
 import { useDispatch } from 'dva'
 
 const LockTabList = props => {
-  const { longleLog, longleId, keyNum } = props
+  const { longleLog, longleId, keyNum, status } = props
   const dispatch = useDispatch()
   const [state, setState] = useState({
     visible: false
@@ -82,65 +82,71 @@ const LockTabList = props => {
         </Tabs>
       </div>
       <div className="sheet-btns pl-4 pt-4 flex">
-        <Button
-          type="primary"
-          ghost
-          size="small"
-          className="mr-3px"
-          onClick={() =>
-            setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.RECEIVE })
-          }>
-          接收
-        </Button>
-        <Button
-          type="primary"
-          ghost
-          size="small"
-          className="mr-3px"
-          onClick={() =>
-            setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.SALE })
-          }>
-          借出/销售/赠送
-        </Button>
-        <Button
-          type="primary"
-          ghost
-          size="small"
-          className="mr-1"
-          onClick={() =>
-            setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.UPDATE })
-          }>
-          升级
-        </Button>
-        <Button
-          type="primary"
-          ghost
-          size="small"
-          className="mr-1"
-          onClick={() =>
-            setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.CHANGE })
-          }>
-          更换
-        </Button>
-        <Button
-          type="primary"
-          ghost
-          size="small"
-          className="mr-1"
-          onClick={() =>
-            setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.RECOVER })
-          }>
-          收回
-        </Button>
-        <Button
-          type="primary"
-          ghost
-          size="small"
-          onClick={() =>
-            setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.REMARK })
-          }>
-          备注
-        </Button>
+        {status === 1 ? (
+          <Button
+            type="primary"
+            ghost
+            size="small"
+            className="mr-3px"
+            onClick={() =>
+              setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.RECEIVE })
+            }>
+            接收
+          </Button>
+        ) : (
+          <>
+            <Button
+              type="primary"
+              ghost
+              size="small"
+              className="mr-3px"
+              onClick={() =>
+                setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.SALE })
+              }>
+              借出/销售/赠送
+            </Button>
+            <Button
+              type="primary"
+              ghost
+              size="small"
+              className="mr-1"
+              onClick={() =>
+                setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.UPDATE })
+              }>
+              升级
+            </Button>
+            <Button
+              type="primary"
+              ghost
+              size="small"
+              className="mr-1"
+              onClick={() =>
+                setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.CHANGE })
+              }>
+              更换
+            </Button>
+            <Button
+              type="primary"
+              ghost
+              size="small"
+              className="mr-1"
+              onClick={() =>
+                setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.RECOVER })
+              }>
+              收回
+            </Button>
+            <Button
+              type="primary"
+              ghost
+              size="small"
+              onClick={() =>
+                setAddLonglelog({ ...setAddLonglelog, visible: true, type: lockTypeEnum.REMARK })
+              }>
+              备注
+            </Button>
+          </>
+        )}
+
         <LockModal
           onConfirm={handleAddLonglelog}
           loading={addLonglelog.loading}