diff --git a/src/pages/plan/message/index.jsx b/src/pages/plan/message/index.jsx index 3599b9d4..f4a6fe2d 100644 --- a/src/pages/plan/message/index.jsx +++ b/src/pages/plan/message/index.jsx @@ -1,9 +1,83 @@ import Grid from "@/components/gird/main.js" import Ipt from "@/components/input/main" import TabPage from "@/components/tabPage/main.js" -import { useState } from "react" +import { useState, useEffect } from "react" import { Button } from "zent" +import { cloneDeep } from "lodash-es" import "./index.less" +const data = [ + { + id: 1, + statusText: "未开始", + defaultPrompt: "还没开始哟,兑换时间为${开始时间}至${结束时间}", + customizePrompt: "", + typeText: "通用", + variables: "开始时间,结束时间" + }, + { + id: 2, + statusText: "作废key批次", + defaultPrompt: "当前商品兑换已结束", + customizePrompt: "", + typeText: "通用" + }, + { + id: 3, + statusText: "仅兑换一次", + defaultPrompt: "亲,仅可兑换一次哦!", + customizePrompt: "", + typeText: "通用" + }, + { + id: 4, + statusText: "累计次数达到上限", + defaultPrompt: "当前商品兑换次数达到上限", + customizePrompt: "", + typeText: "通用" + }, + { + id: 5, + statusText: "无库存", + defaultPrompt: "暂无库存,看看其他商品吧~", + customizePrompt: "", + typeText: "通用" + }, + { + id: 6, + statusText: "其他商品处于兑换中", + defaultPrompt: "当前商品不可兑换", + customizePrompt: "", + typeText: "通用" + }, + { + id: 7, + statusText: "全部兑换", + defaultPrompt: "当前商品兑换次数达到上限", + customizePrompt: "", + typeText: "通用" + }, + { + id: 8, + statusText: "商品暂停", + defaultPrompt: "该商品暂无法兑换", + customizePrompt: "", + typeText: "通用" + }, + { + id: 9, + statusText: "正常过期", + defaultPrompt: "兑换已过期,兑换时间为${开始时间}至${结束时间}", + customizePrompt: "", + typeText: "通用" + }, + { + id: 10, + statusText: "不在领取时间范围内", + defaultPrompt: "该红包商品不在领取时间段内", + customizePrompt: "", + typeText: "红包" + } +] export default function Message() { const Column = [ @@ -44,80 +118,26 @@ export default function Message() { ] const [state, setState] = useState({ - tableData: [ - { - statusText: "未开始", - defaultPrompt: "还没开始哟,兑换时间为${开始时间}至${结束时间}", - customizePrompt: "", - typeText: "通用", - variables: "开始时间,结束时间" - }, - { - statusText: "作废key批次", - defaultPrompt: "当前商品兑换已结束", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "仅兑换一次", - defaultPrompt: "亲,仅可兑换一次哦!", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "累计次数达到上限", - defaultPrompt: "当前商品兑换次数达到上限", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "无库存", - defaultPrompt: "暂无库存,看看其他商品吧~", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "其他商品处于兑换中", - defaultPrompt: "当前商品不可兑换", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "全部兑换", - defaultPrompt: "当前商品兑换次数达到上限", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "商品暂停", - defaultPrompt: "该商品暂无法兑换", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "正常过期", - defaultPrompt: "兑换已过期,兑换时间为${开始时间}至${结束时间}", - customizePrompt: "", - typeText: "通用" - }, - { - statusText: "不在领取时间范围内", - defaultPrompt: "该红包商品不在领取时间段内", - customizePrompt: "", - typeText: "红包" - } - ], + tableData: [], backupTableData: [], tabs: [{ title: "提示列表" }], planId: sessionStorage.getItem("plan_id") }) + useEffect(() => { + setState({ + ...state, + tableData: cloneDeep(data), + backupTableData: cloneDeep(data) + }) + }, []) + /* 提交 */ function submit() { const submitData = [] state.tableData.map((item) => { state.backupTableData.map((items) => { - if (item.customizePrompt !== items.customizePrompt) { + if (item.id === items.id && item.customizePrompt !== items.customizePrompt) { submitData.push(item) } })