✨ feat: 对接接口

src/pages/plan/defineButton/index.jsx

@@ -1,4 +1,4 @@
-import { getDefineButtons, handelResponse, postClientPrompt } from "@/assets/api.js"
+import { getDefineButtons, handelResponse, updateDefineButtons } from "@/assets/api.js"
 import Grid from "@/components/gird/main.js"
 import Ipt from "@/components/input/main"
 import TabPage from "@/components/tabPage/main.js"
@@ -13,9 +13,9 @@ export default function DefineButton() {
   const Column = [
     {
       title: "范围",
-      prop: "type",
+      prop: "text",
-      name: "type",
+      name: "text",
-      type: "slot",
+      type: "normal",
       width: "400px"
     },
     {
@@ -27,8 +27,8 @@ export default function DefineButton() {
     },
     {
       title: "更新文案",
-      prop: "updateCustomize",
+      prop: "custom",
-      name: "updateCustomize",
+      name: "custom",
       type: "slot",
       width: "auto"
     }
@@ -36,7 +36,6 @@ export default function DefineButton() {
 
   const [state, setState] = useSetState({
     tableData: [],
-    backupTableData: [],
     tabs: [{ title: "文案列表" }],
     planId: sessionStorage.getItem("plan_id")
   })
@@ -47,8 +46,7 @@ export default function DefineButton() {
         res,
         (req, msg) => {
           setState({
-            tableData: cloneDeep(req),
+            tableData: cloneDeep(req)
-            backupTableData: cloneDeep(req)
           })
         },
         (error) => {
@@ -58,39 +56,9 @@ export default function DefineButton() {
     })
   }, [])
 
-  /* 区分类型 */
-  function typeFn(va) {
-    switch (va) {
-      case 0:
-        return "通用"
-      case 1:
-        return "兑换码"
-      case 2:
-        return "立减金"
-      case 3:
-        return "红包"
-      default:
-        break
-    }
-  }
-
   /* 提交 */
   function submit() {
-    const submitData = []
+    updateDefineButtons(state.planId, { button_conf: state.tableData }).then((res) => {
-    state.tableData.map((item) => {
-      state.backupTableData.map((items) => {
-        if (item.message_index === items.message_index && item.customize !== items.customize) {
-          const { message_index, uuid, customize } = item
-          submitData.push({
-            message_index,
-            uuid,
-            customize
-          })
-        }
-      })
-    })
-
-    postClientPrompt(submitData, state.planId).then((res) => {
       handelResponse(
         res,
         (req, msg) => {
@@ -117,25 +85,22 @@ export default function DefineButton() {
           Column={Column}
           maxheight={670}
           ComponentHandler={(com, rowData) => {
-            if (com === "type") {
+            if (com === "custom") {
-              return <p>{typeFn(rowData.type)}</p>
-            }
-            if (com === "updateCustomize") {
               return (
                 <Ipt
                   onChange={(e) => {
-                    rowData.customize = e
+                    rowData.custom = e
                     setState({ ...state })
                   }}
                   onClearItem={() => {
-                    rowData.customize = ""
+                    rowData.custom = ""
                     setState({ ...state })
                   }}
-                  value={rowData.customize}
+                  value={rowData.custom}
-                  placeholder="请输入（变量使用 ${xx} 格式。）"
+                  placeholder="请输入按钮文案"
                   labelWidth={"0px"}
                   countShow={false}
-                  maxLength={50}
+                  maxLength={6}
                   disabled={rowData.readOnly}
                   height={"36px"}
                   width={"400px"}
@@ -143,19 +108,6 @@ export default function DefineButton() {
                 />
               )
             }
-            if (com === "label") {
-              return (
-                <div>
-                  {rowData.label.length
-                    ? rowData.label.map((item) => (
-                        <p className="variable" key={item.index}>
-                          {item.name}: <span>{item.index}</span>
-                        </p>
-                      ))
-                    : "-"}
-                </div>
-              )
-            }
           }}
         />
       </TabPage>