HandOver-liuwu
/
frontend
mirror of https://codeup.aliyun.com/lsxd/marketing/frontend.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ feat: 新增提取修改提示代码

This commit is contained in:
wangsongsole 2023-10-09 13:37:39 +08:00
parent 32ffcae5e1
commit 7867aeb1b6
1 changed files with 85 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
src/pages/plan/message/index.jsx
View File

@ -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)
}
})