🦀️ fix: 修复bug

src/assets/api.js

@@ -814,7 +814,7 @@ export const getDirectList = (data) => {
 
 // key码有效期修改
 export const updateKeyDelay = (data) => {
-  return req("put", baseurl + "key/valid/update", data)
+  return req("put", baseurl + "/key/valid/update", data)
 }
 
 // 编辑分销商电话邮箱

src/components/keyDelay/index.jsx

@@ -2,17 +2,25 @@ import FormItem from "@/components/form-item/main"
 import Form from "@/components/form/main"
 import { useSetState } from "ahooks"
 import moment from "moment"
-import { useRef } from "react"
+import { useRef, useEffect } from "react"
 import "./index.less"
 import { Button, DateRangePicker, Input, Notify, Radio } from "zent"
 import { updateKeyDelay } from "../../assets/api"
-export default ({ data, onColes }) => {
+import { keyDelayFunc } from "@/tools"
+export default ({ data = [], onColes }) => {
   const ref = useRef()
   const [model, setModel] = useSetState({
     expiration_type: "1",
     expiration_value: ""
   })
 
+  useEffect(() => {
+    if (data.length < 2) {
+      console.log(1)
+      setModel({ ...data[0].expiration_value })
+    }
+  }, [data])
+
   function submit() {
     if (model.expiration_type == 2 && model.expiration_value.length < 1) {
       return Notify.error("请选择固定时间段")
@@ -20,10 +28,11 @@ export default ({ data, onColes }) => {
     if (model.expiration_type == 3 && !model.expiration_value) {
       return Notify.error("请输入接口调取后有效期")
     }
+    const keys = data.map((item) => item.key)
 
     updateKeyDelay({
       expiration_conf: model,
-      keys: data
+      keys
     })
       .then((res) => {
         if (res) {
@@ -63,7 +72,10 @@ export default ({ data, onColes }) => {
   return (
     <>
       <Form ref={ref} model={model} id="keyDelay">
-        <FormItem labelname="key码有效期" prop="expiration_type" id="keyDelay">
+        <FormItem labelname="当前key批次有效期:" id="keyDelay">
+          <p>{keyDelayFunc(data[0].batch_expiration_value)}</p>
+        </FormItem>
+        <FormItem labelname="key码有效期:" prop="expiration_type" id="keyDelay">
           <Radio.Group
             value={model.expiration_type}
             onChange={(e) => {
@@ -80,7 +92,7 @@ export default ({ data, onColes }) => {
         </FormItem>
 
         {model.expiration_type === "2" ? (
-          <FormItem labelname="固定时间段" id="keyDelay">
+          <FormItem labelname="固定时间段:" id="keyDelay">
             <DateRangePicker
               className="zent-datepicker-plan"
               showTime={{
@@ -100,7 +112,7 @@ export default ({ data, onColes }) => {
         ) : null}
 
         {model.expiration_type === "3" ? (
-          <FormItem labelname="接口调取后有效期" id="keyDelay">
+          <FormItem labelname="接口调取后有效期:" id="keyDelay">
             <Input
               placeholder="请输入天数"
               value={model.expiration_value}
@@ -136,6 +148,9 @@ export default ({ data, onColes }) => {
             />
           </FormItem>
         ) : null}
+        {data.length > 1 ? (
+          <p className="tip">*提交后将会对所有选中key码进行批量更新有效期，请谨慎操作</p>
+        ) : null}
         <p className="keyDelay-but">
           <Button
             onClick={() => {

src/components/keyDelay/index.less

@@ -12,4 +12,9 @@
          justify-content: flex-end;
          margin-top: 40px;
      }
+
+     .tip {
+         color: red;
+         margin-top: 30px;
+     }
  }

src/pages/plan/key/detail/list.js

@@ -323,7 +323,7 @@ export default class acclist extends React.Component {
     }
 
     if (key == 4) {
-      this.setState({ keyDelayVisible: true, keyDelay: [rowData.key] })
+      this.setState({ keyDelayVisible: true, keyDelay: [rowData] })
     }
   }
 
@@ -508,9 +508,7 @@ export default class acclist extends React.Component {
               </Button>
               <Button
                 onClick={() => {
-                  const keys = this.state.selectiondata
-                    .filter((item) => item.status === 1)
-                    .map((item) => item.key)
+                  const keys = this.state.selectiondata.filter((item) => item.status === 1)
                   this.setState({
                     keyDelayVisible: true,
                     keyDelay: keys
@@ -809,6 +807,7 @@ export default class acclist extends React.Component {
           <KeyDelay
             data={this.state.keyDelay}
             onColes={(isVisible) => {
+              this.getpageFn()
               this.setState({ keyDelayVisible: isVisible })
             }}
           />

src/pages/plan/keyList/index.jsx

@@ -520,7 +520,7 @@ const UseKeyList = () => {
     }
 
     if (key == 4) {
-      setState({ keyDelayVisible: true, keyDelay: [rowData.key] })
+      setState({ keyDelayVisible: true, keyDelay: [rowData] })
     }
   }
 
@@ -671,9 +671,7 @@ const UseKeyList = () => {
             </Button>
             <Button
               onClick={() => {
-                const keys = state.selectTable
-                  .filter((item) => item.status === 1)
-                  .map((item) => item.key)
+                const keys = state.selectTable.filter((item) => item.status === 1)
                 setState({
                   keyDelayVisible: true,
                   keyDelay: keys
@@ -816,6 +814,7 @@ const UseKeyList = () => {
         <KeyDelay
           data={state.keyDelay}
           onColes={(isVisible) => {
+            getTable()
             setState({ keyDelayVisible: isVisible })
           }}
         />

src/tools/index.js

@@ -136,9 +136,9 @@ export function keyDelayFunc(row = {}) {
   if (row.expiration_type == 1) {
     return "不设置"
   } else if (row.expiration_type == 2) {
-    return `${row.expiration_value[0]}~${row.expiration_value[1]}`
+    return `接口调取后${row.expiration_value[0]}~${row.expiration_value[1]}`
   } else if (row.expiration_type == 3) {
-    return `${row.expiration_value}天`
+    return `接口调取后${row.expiration_value}天`
   } else {
     return "-"
   }