🦀️ fix: 修复bug
This commit is contained in:
parent
5323b590cd
commit
456747f672
|
@ -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)
|
||||
}
|
||||
|
||||
// 编辑分销商电话邮箱
|
||||
|
|
|
@ -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={() => {
|
||||
|
|
|
@ -12,4 +12,9 @@
|
|||
justify-content: flex-end;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
color: red;
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
|
@ -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 })
|
||||
}}
|
||||
/>
|
||||
|
|
|
@ -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 })
|
||||
}}
|
||||
/>
|
||||
|
|
|
@ -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 "-"
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue