diff --git a/src/router/getPages.ts b/src/router/getPages.ts
index 950cd6b..9cf96dd 100644
--- a/src/router/getPages.ts
+++ b/src/router/getPages.ts
@@ -814,6 +814,83 @@ export const getPages = (): Promise<any> => {
           updateBy: null,
           updateTime: null,
         },
+        {
+          btnList: [],
+          children: [
+            {
+              btnList: [],
+              children: [],
+              createBy: null,
+              createTime: null,
+              deleteFlag: null,
+              icon: "EosIconsRoleBinding",
+              isFull: {
+                extData: {
+                  boolVal: false,
+                },
+                label: "否",
+                value: 1,
+              },
+              isKeepAlive: {
+                extData: {
+                  boolVal: false,
+                },
+                label: "否",
+                value: 1,
+              },
+              link: "",
+              name: "供应商管理",
+              orderIndex: null,
+              parentId: "1904795567075102721",
+              path: "/suppliers/supplierManagement",
+              redirect: "",
+              remark: "",
+              snowFlakeId: "1904812573660811423",
+              status: null,
+              type: {
+                extData: null,
+                label: "菜单",
+                value: "menu",
+              },
+              updateBy: null,
+              updateTime: null,
+            },
+          ],
+          createBy: null,
+          createTime: null,
+          deleteFlag: null,
+          icon: "LineMdCogFilledLoop",
+          isFull: {
+            extData: {
+              boolVal: false,
+            },
+            label: "否",
+            value: 1,
+          },
+          isKeepAlive: {
+            extData: {
+              boolVal: false,
+            },
+            label: "否",
+            value: 1,
+          },
+          link: "",
+          name: "供应商管理",
+          orderIndex: null,
+          parentId: "0",
+          path: "/suppliers",
+          redirect: "/suppliers",
+          remark: "",
+          snowFlakeId: "1904795567075101420",
+          status: null,
+          type: {
+            extData: null,
+            label: "目录",
+            value: "dir",
+          },
+          updateBy: null,
+          updateTime: null,
+        },
         {
           btnList: [],
           createBy: null,
diff --git a/src/views/suppliers/supplierManagement/index.ts b/src/views/suppliers/supplierManagement/index.ts
new file mode 100644
index 0000000..8ae406f
--- /dev/null
+++ b/src/views/suppliers/supplierManagement/index.ts
@@ -0,0 +1,78 @@
+export interface SuppliersValue{
+  activate?: number
+  company?:string
+  cpId?:string
+  cred?:string
+  id?:string |　number
+  license?: string
+  manager?: string
+  name? : string
+  phone?:string
+  address?:string
+  settlementType?:TypeList[]
+  invoiceType?:TypeList
+  deliveryMethod?:TypeList
+  supplyType?:TypeList
+}
+
+interface TypeList {
+    value:number
+    label:string
+}
+
+const suppliersValueList:SuppliersValue[] = [
+  {
+    activate: 1,
+    company:"江南市场",
+    cpId:"1888888888888",
+    cred:"https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    id:"1915009841416429569",
+    license: "https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    manager: "test3",
+    name : "张三",
+    phone:"13416661555",
+    address:'湖南长沙',
+    settlementType:undefined,
+    invoiceType:undefined,
+    deliveryMethod:undefined,
+    supplyType:undefined
+  },
+  {
+    activate: 0,
+    company:"农贸市场",
+    cpId:"1888888888888",
+    cred:"https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    id:"1915009841416429569",
+    license: "https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    manager: "test1",
+    name : "李三",
+    address:'湖南长沙',
+    phone:"13416661555",
+  },
+  {
+    activate: 1,
+    company:"海鲜市场",
+    cpId:"255H2D32DF3152431",
+    cred:"https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    id:"1915009841416429569",
+    license: "https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    manager: "test2",
+    name : "刘三",
+    address:'湖南长沙',
+    phone:"13416661555",
+  },
+  {
+    activate: 0,
+    company:"果农市场",
+    cpId:"154563FGG1153156",
+    cred:"https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    id:"1915009841416429569",
+    license: "https://file.wy2020.com/admin/weiyi/img/purchase/supplier/license/1821723155631304705.jpg",
+    manager: "刘某",
+    name : "关三",
+    address:'湖南长沙',
+    phone:"13416661555",
+  }
+]
+
+export  default  suppliersValueList
\ No newline at end of file
diff --git a/src/views/suppliers/supplierManagement/index.vue b/src/views/suppliers/supplierManagement/index.vue
new file mode 100644
index 0000000..6ea90d5
--- /dev/null
+++ b/src/views/suppliers/supplierManagement/index.vue
@@ -0,0 +1,449 @@
+<template>
+  <div>
+    <TablePro
+      ref="tableRef"
+      :request-api="reqApi"
+      :search-form-options="searchFormOptions"
+      :columns="columns"
+      :isPageTable="true"
+      :single-line="false"
+    >
+      <template #headerExtra>
+        <n-button  strong secondary type="info" @click="addSupplier">添加供应商</n-button>
+      </template>
+    </TablePro>
+  </div>
+</template>
+<script setup lang="tsx">
+  import {
+    TablePro,
+    type TableProProps,
+    FormPro,
+    type FormItemOptions,
+    type TableProInst,
+    Icon,
+  } from "@/components";
+  import {reactive,ref} from 'vue'
+  import { type FormInst, NPerformantEllipsis, NPopconfirm, NTag, useModal } from "naive-ui";
+  import suppliersValueList, { type SuppliersValue } from "@/views/suppliers/supplierManagement/index.ts";
+  const tableRef = useTemplateRef<TableProInst>("tableRef");
+  const modal = useModal();
+  const forms = ref<FormInst | null>(null);
+  const reqApi: TableType["requestApi"] = (params) => {
+    return new Promise((resolve) => {
+      resolve({
+        code: 200,
+        data: {
+          current: "1",
+          // @ts-ignore
+          pages: "2",
+          records: suppliersValueList,
+          size: "10",
+          total: "12",
+        },
+        message: "操作成功！",
+      });
+    });
+  };
+  type TableType = TableProProps<any, any>;
+  const searchFormOptions = reactive<TableType["searchFormOptions"]>({
+    name: {
+      type: "input",
+      label: "供应商名称",
+    },
+  });
+
+  const columns = ref<TableType["columns"]>([
+
+    {
+      key: "company",
+      title: "供应商全称",
+    },
+    {
+      key: "cpId",
+      title: "统一社会信用代码",
+    },
+    {
+      key: "name",
+      title: "负责人",
+    },
+    {
+      key: "phone",
+      title: "联系电话",
+    },
+    {
+      key: "manager",
+      title: "管理员",
+    },
+    {
+      key: "license",
+      title: "营业执照",
+      render: (value: any) => {
+        return (
+          <n-image
+            width="30"
+            src={value.license}
+          />
+        );
+      }
+    },
+    {
+      key:'cred',
+      title:'资证',
+      render: (value: any) => {
+        return (
+          <n-image
+            width="30"
+            src={value.cred}
+          />
+        );
+      }
+    },
+    {
+      key:'activate',
+      title:'状态',
+      render: (value: any) => {
+        return (
+          <n-tag type={value.activate == 1?'success':'error'}>
+            {value.activate===1?'已激活':'未激活'}
+          </n-tag>
+        );
+      }
+    },
+    {
+      key: "",
+      title: "操作",
+      render: (value) => {
+        return (
+          <div style={{ display: "flex" }}>
+            <n-button
+              loading={loading.value}
+              strong
+              secondary
+              style={{ marginLeft: "10px" }}
+              type="success"
+              onClick={()=>{
+                title.value = `供应商信息`;
+                userValue.value.company = value.company
+                userValue.value.phone = value.phone
+                userValue.value.address = value.address
+                userValue.value.name = value.name
+                userValue.value.cpId = value.cpId
+                modalRef.value = modal.create({
+                  title: title.value,
+                  preset: "card",
+                  style: {
+                    width: "800px"
+                  },
+                  content: () => (
+                    <div style="height:600px">
+                      <FormPro labelPlacement={"top"}  ref={forms} v-model:value={userValue.value}
+                               form-item-options={formOptionsUser} gridProps={{ cols: 2, xGap: 16, itemResponsive: true }}>
+                      </FormPro>
+                      <FormPro   ref={forms} v-model:value={userValue.value}
+                                 form-item-options={formOptions1User} gridProps={{ cols: 1, xGap: 8, itemResponsive: true }}>
+                      </FormPro>
+                    </div>
+                  ),
+                  footer: () => (
+                    <div
+                      style={{
+                        display: "flex",
+                        justifyContent: "flex-end"
+                      }}
+                    >
+                      <n-button
+                        loading={loading.value}
+                        style={{ marginRight: "10px" }}
+                        type="primary"
+                        onClick={() => {
+                          addUserOrUpdate();
+                        }}
+                      >
+                        确认
+                      </n-button>
+                      <n-button
+                        onClick={() => {
+                          modalRef.value.destroy();
+                          resetModelValue();
+                        }}
+                      >
+                        取消
+                      </n-button>
+                    </div>
+                  ),
+                  onAfterLeave: () => {
+                    resetModelValue();
+                  }
+                });
+
+              }}
+            >
+              编辑
+            </n-button>
+            <n-button
+              loading={loading.value}
+              strong
+              secondary
+              style={{ marginLeft: "10px" }}
+              type={value.activate===1?'error':'success'}
+            >
+              {value.activate===1?'禁用':'启用'}
+            </n-button>
+          </div>
+        );
+      },
+    },
+  ]);
+
+  const suppliersList = {
+    activate: 0,
+    company:"",
+    cpId:"",
+    cred:"",
+    id:"",
+    license: "",
+    manager: "",
+    name : "",
+    phone:"",
+    settlementType:'0',
+    invoiceType:'0',
+    deliveryMethod:'0',
+    supplyType:'0',
+  }
+
+  const userValue = ref<SuppliersValue>({
+    ...suppliersList as any
+  });
+
+  const resetModelValue = () => {
+    userValue.value = { ...suppliersList as any };
+    title.value = '添加供应商'
+  };
+
+  const addUserOrUpdate =  () => {
+    forms.value?.validate().then((res) => {
+      // loading.value = true
+
+    });
+  };
+
+  const formOptionsUser = reactive<FormItemOptions<SuppliersValue>>({
+    company : {
+      type:'input',
+      label:'公司名',
+      required:true
+    },
+    address:{
+      type:'input',
+      label:'地址',
+      required:true
+    },
+    name:{
+      type:'input',
+      label:'联系人',
+      required:true
+    },
+    phone:{
+      type:'input',
+      label:'联系电话',
+      required:true
+    },
+    manager:{
+      type:'input',
+      label:'管理员'
+    },
+    cpId:{
+      type:'input',
+      label:'统一社会信用代码',
+      required:true
+    },
+    license:{
+       type:'custom',
+       label:'营业执照',
+       required:true
+    },
+    cred:{
+       type:'custom',
+       label:'资质'
+    }
+  })
+  const formOptions1User = reactive<FormItemOptions<SuppliersValue>>({
+    settlementType: {
+      type: 'radioGroup',
+      label: '结算类型',
+      required:true,
+      options: [
+        {
+          value: '0',
+          label: '无(报价时选择)'
+        },
+        {
+          value: '1',
+          label: '月结90天'
+        },
+        {
+          value: '2',
+          label: '月结60天'
+        },
+        {
+          value: '3',
+          label: '月结30天'
+        },
+        {
+          value: '4',
+          label: '现结'
+        },
+        {
+          value: '5',
+          label: '批结'
+        }
+      ],
+    },
+     invoiceType:{
+       type:'radioGroup',
+       label:'发票类型',
+       required:true,
+       options:[
+         {
+           value:'0',
+           label:'无(报价时选择)'
+         },
+         {
+           value:'1',
+           label:'专票13%'
+         },
+         {
+           value:'2',
+           label:'专票9%'
+         },
+         {
+           value:'3',
+           label:'专票6%'
+         },
+         {
+           value:'4',
+           label:'普票'
+         },
+         {
+           value:'5',
+           label:'不开票'
+         }
+       ]
+    },
+    deliveryMethod:{
+        type:'radioGroup',
+        label:'配送方式',
+      required:true,
+        options:[
+          {
+            value:'0',
+            label:'无(报价时选择)'
+          },
+          {
+            value:'1',
+            label:'是'
+          },
+          {
+            value:'2',
+            label:'否'
+          }
+        ]
+    },
+    supplyType:{
+       type:'checkboxGroup',
+       label:'供应类型',
+      required:true,
+      options:[
+        {
+          value:'0',
+          label:'蔬菜豆制类'
+        },
+        {
+          value:'1',
+          label:'肉类'
+        },
+        {
+          value:'2',
+          label:'禽类'
+        },
+        {
+          value:'3',
+          label:'烧腊类'
+        },
+        {
+          value:'4',
+          label:'水产冻货'
+        },{
+          value:'5',
+          label:'豆品蛋类'
+        },{
+          value:'6',
+          label:'米油杂粮'
+        },{
+          value:'7',
+          label:'调料干货'
+        },{
+          value:'8',
+          label:'厨房用品'
+        },{
+          value:'9',
+          label:'饮品'
+        }
+      ]
+    }
+  })
+  const loading = ref<boolean>(false);
+  const modalRef = ref();
+  const title = ref("添加供应商");
+  const addSupplier = ()=>{
+    modalRef.value = modal.create({
+      title: title.value,
+      preset: "card",
+      style: {
+        width: "800px"
+      },
+      content: () => (
+        <div style="height:600px">
+          <FormPro labelPlacement={"top"}  ref={forms} v-model:value={userValue.value}
+                    form-item-options={formOptionsUser} gridProps={{ cols: 2, xGap: 16, itemResponsive: true }}>
+          </FormPro>
+          <FormPro   ref={forms} v-model:value={userValue.value}
+                   form-item-options={formOptions1User} gridProps={{ cols: 1, xGap: 8, itemResponsive: true }}>
+          </FormPro>
+        </div>
+      ),
+      footer: () => (
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "flex-end"
+          }}
+        >
+          <n-button
+            loading={loading.value}
+            style={{ marginRight: "10px" }}
+            type="primary"
+            onClick={() => {
+              addUserOrUpdate();
+            }}
+          >
+            确认
+          </n-button>
+          <n-button
+            onClick={() => {
+              modalRef.value.destroy();
+              resetModelValue();
+            }}
+          >
+            取消
+          </n-button>
+        </div>
+      ),
+      onAfterLeave: () => {
+        resetModelValue();
+      }
+    });
+  }
+</script>
+<style scoped lang="scss"></style>