-
-
- {
- cityStore.deleteItem(record);
- }}
- editCallback={(record) => {
- setIsModalOpen(true);
- formRef.current?.setFieldsValue(record);
- setRecord(record);
- setId(record.id);
- }}
- />
-
- formRef.current?.resetFields()}
- onOk={() => formRef.current?.submit()}
- okText="确定"
- cancelText="取消"
- onCancel={() => {
- setId(null);
- setRecord(null);
- setIsModalOpen(false);
- }}
- >
- {
- cityStore.add(formRef.current?.getFieldsValue())
- setIsModalOpen(false);
- }}
- createCallback={() => {
- formRef.current?.setFieldsValue(record);
- }}
- formDatas={formConfig as any}
- >
-
-
+
+
);
};
-export default inject("cityStore")(observer(City));
+export default City;
diff --git a/src/pages/city/list.tsx b/src/pages/city/list.tsx
new file mode 100644
index 0000000..019b3dd
--- /dev/null
+++ b/src/pages/city/list.tsx
@@ -0,0 +1,75 @@
+import React from "react";
+import { Button, Space, Modal, FormInstance } from "antd";
+import { Store } from "antd/lib/form/interface";
+import { inject, observer } from "mobx-react";
+import { useEffect, useState } from "react";
+import { columns, formConfig } from "./config";
+import BTable from "@/components/b_table";
+import SimpleForm from "@/components/form/simple_form";
+const City = (props: Store) => {
+ const { cityStore } = props;
+ const [isModalOpen, setIsModalOpen] = useState
(false);
+ const formRef = React.useRef(null);
+ const [userId, setId] = useState(null);
+ const [record, setRecord] = useState(null);
+
+ // 获取列表数据
+ useEffect(() => {
+ cityStore.getlist();
+ }, [cityStore]);
+
+ return (
+
+
+
+ {
+ cityStore.deleteItem(record);
+ }}
+ editCallback={(record) => {
+ setIsModalOpen(true);
+ formRef.current?.setFieldsValue(record);
+ setRecord(record);
+ setId(record.id);
+ }}
+ />
+ formRef.current?.resetFields()}
+ onOk={() => formRef.current?.submit()}
+ okText="确定"
+ cancelText="取消"
+ onCancel={() => {
+ setId(null);
+ setRecord(null);
+ setIsModalOpen(false);
+ }}
+ >
+ {
+ cityStore.add(formRef.current?.getFieldsValue())
+ setIsModalOpen(false);
+ }}
+ createCallback={() => {
+ formRef.current?.setFieldsValue(record);
+ }}
+ formDatas={formConfig as any}
+ >
+
+
+
+ );
+};
+
+export default inject("cityStore")(observer(City));
diff --git a/src/pages/sku/sku/config.tsx b/src/pages/sku/sku/config.tsx
index 688a374..0676545 100644
--- a/src/pages/sku/sku/config.tsx
+++ b/src/pages/sku/sku/config.tsx
@@ -1,29 +1,6 @@
-import { FormType } from "@/components/form/interface";
import { UserDataType } from "@/model/userModel";
import { ColumnsType } from "antd/lib/table";
-export const formConfig = [
- {
- type: FormType.input,
- label: "商品名称",
- name: "tag_name",
- value: "",
- rules: [{ required: true, message: "标签名称不能为空!" }],
- },
- {
- type: FormType.input,
- label: "标签描述",
- name: "tag_desc",
- value: "",
- rules: [{ required: true, message: "城市编码不能为空" }],
- },
- {
- type: FormType.input,
- label: "标签排序",
- name: "tag_sort",
- value: "1",
- rules: [{ required: true, message: "标签排序不能为空" }],
- },
-];
+import { Image } from "antd";
export const columns: ColumnsType = [
{
@@ -31,13 +8,12 @@ export const columns: ColumnsType = [
dataIndex: "sku_name",
fixed: "left",
},
- {
- title: "库存",
- dataIndex: "sku_stock",
- },
{
title: "商品分类",
- dataIndex: "sku_cat_identity",
+ dataIndex: "sku_cat",
+ render: (text, record) => {
+ return {text.name};
+ },
},
{
title: "品牌",
@@ -46,6 +22,9 @@ export const columns: ColumnsType = [
{
title: "缩略图",
dataIndex: "sku_thumb",
+ render: (text, record) => {
+ return ;
+ },
},
{
title: "商品介绍",
@@ -53,6 +32,9 @@ export const columns: ColumnsType = [
},
{
title: "所属城市",
- dataIndex: "city_identity",
+ dataIndex: "city",
+ render: (text, record) => {
+ return {text.city_name};
+ },
},
];
diff --git a/src/pages/sku/sku/index.tsx b/src/pages/sku/sku/index.tsx
index 895cd0a..4eac01c 100644
--- a/src/pages/sku/sku/index.tsx
+++ b/src/pages/sku/sku/index.tsx
@@ -1,17 +1,15 @@
import React from "react";
-import { Button, Space, Modal, FormInstance } from "antd";
+import { Button, Space } from "antd";
import { Store } from "antd/lib/form/interface";
import { inject, observer } from "mobx-react";
-import { useEffect, useState } from "react";
-import { columns, formConfig } from "./config";
+import { useEffect } from "react";
+import { columns } from "./config";
import BTable from "@/components/b_table";
-import SimpleForm from "@/components/form/simple_form";
+import { useNavigate } from "react-router";
const Sku = (props: Store) => {
const { skuStore } = props;
- const [isModalOpen, setIsModalOpen] = useState(false);
- const formRef = React.useRef(null);
- const [userId, setId] = useState(null);
- const [record, setRecord] = useState(null);
+
+ const nav = useNavigate();
// 获取列表数据
useEffect(() => {
@@ -21,7 +19,7 @@ const Sku = (props: Store) => {
return (
-
);
diff --git a/src/pages/sku/sku/sku_add.tsx b/src/pages/sku/sku/sku_add.tsx
new file mode 100644
index 0000000..b4c08e7
--- /dev/null
+++ b/src/pages/sku/sku/sku_add.tsx
@@ -0,0 +1,147 @@
+import SimpleForm from "@/components/form/simple_form";
+import { Button, Form, FormInstance, InputNumber, Select, Space } from "antd";
+import React, { useEffect } from "react";
+import { formConfig } from "./sku_add_config";
+import { inject, observer } from "mobx-react";
+import { MinusCircleOutlined } from "@ant-design/icons";
+import { Store } from "antd/es/form/interface";
+const { Option } = Select;
+
+const SkuAdd = (props: Store) => {
+ const formRef = React.useRef(null);
+ const { skuStore } = props;
+ useEffect(() => {
+ skuStore.getSkuSpecCat();
+ });
+ const create = () => {
+ let data = formRef.current?.getFieldsValue();
+ let obj = {...data}
+ let files:any = []
+ obj.sku_thumb = data.sku_thumb[0].url;
+
+ if (data.files && data.files.length > 0) {
+ data.files.forEach((v)=>{
+ if(v.url){
+ files.push({
+ file_name:v.fileName,
+ file_url:v.url,
+ file_type:1,
+ })
+ }
+ })
+ }
+ obj.files = files
+ skuStore.add(obj);
+ };
+ return (
+
+
+ 商品添加
+
+
+
create()}
+ createCallback={() => {
+ // formRef.current?.setFieldsValue(record);
+ }}
+ formDatas={formConfig as any}
+ >
+
+ {(fields, { add, remove }) => {
+ return (
+ <>
+ {fields.map(({ key, name }) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ remove(name)}
+ style={{ marginLeft: "20px" }}
+ />
+
+ ))}
+
+
+
+
+ );
+ }}
+
+
+