From f22ec63c28c2339fb0e17a096101d913996a9cb1 Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Wed, 4 Jun 2025 02:14:08 +0800
Subject: [PATCH] 开发供应商功能

---
 src/api/scm/supplierManageApi.js            | 141 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/api/scm/supplierTypeManageApi.js        |  81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/scm/AddSupplier.vue          | 157 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/scm/AddSupplierType.vue      |  79 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/scm/ConfigSupplier.vue       |  91 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/scm/DeleteSupplier.vue       |  62 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/scm/DeleteSupplierType.vue   |  47 +++++++++++++++++++++++++++++++++++++++++++++++
 src/components/scm/EditSupplier.vue         | 159 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/scm/EditSupplierType.vue     |  84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/i18n/index.js                           |   6 ++++++
 src/router/index.js                         |  14 ++++++++++++--
 src/views/mall/junkRequirementManageLang.js |  24 ------------------------
 src/views/mall/storeInfoManageLang.js       |  34 ----------------------------------
 src/views/scm/supplierManageLang.js         |  60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/scm/supplierManageList.vue        | 203 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/scm/supplierTypeManageLang.js     | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/scm/supplierTypeManageList.vue    | 149 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 17 files changed, 1439 insertions(+), 60 deletions(-)
 create mode 100644 src/api/scm/supplierManageApi.js
 create mode 100644 src/api/scm/supplierTypeManageApi.js
 create mode 100644 src/components/scm/AddSupplier.vue
 create mode 100644 src/components/scm/AddSupplierType.vue
 create mode 100644 src/components/scm/ConfigSupplier.vue
 create mode 100644 src/components/scm/DeleteSupplier.vue
 create mode 100644 src/components/scm/DeleteSupplierType.vue
 create mode 100644 src/components/scm/EditSupplier.vue
 create mode 100644 src/components/scm/EditSupplierType.vue
 create mode 100644 src/views/scm/supplierManageLang.js
 create mode 100644 src/views/scm/supplierManageList.vue
 create mode 100644 src/views/scm/supplierTypeManageLang.js
 create mode 100644 src/views/scm/supplierTypeManageList.vue

diff --git a/src/api/scm/supplierManageApi.js b/src/api/scm/supplierManageApi.js
new file mode 100644
index 0000000..60af5e3
--- /dev/null
+++ b/src/api/scm/supplierManageApi.js
@@ -0,0 +1,141 @@
+import request from '@/utils/request'
+
+// 查询供应商列表
+export function listSupplier(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplier.listSupplier',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询供应商列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加供应商
+export function saveSupplier(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplier.saveSupplier',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加供应商失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新供应商
+export function updateSupplier(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplier.updateSupplier',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新供应商失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除供应商
+export function deleteSupplier(supplierId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplier.deleteSupplier',
+      method: 'post',
+      data: { supplierId }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除供应商失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询供应商类型列表
+export function listSupplierType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierType.listSupplierType',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询供应商类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询供应商配置
+export function listSupplierConfig(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierType.listSupplierConfig',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询供应商配置失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存供应商配置
+export function saveSupplierConfig(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierType.saveSupplierConfig',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '保存供应商配置失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/scm/supplierTypeManageApi.js b/src/api/scm/supplierTypeManageApi.js
new file mode 100644
index 0000000..5b682f1
--- /dev/null
+++ b/src/api/scm/supplierTypeManageApi.js
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+// 获取供应商类型列表
+export function listSupplierType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierType.listSupplierType',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取供应商类型列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加供应商类型
+export function saveSupplierType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierType.saveSupplierType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加供应商类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新供应商类型
+export function updateSupplierType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierType.updateSupplierType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新供应商类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除供应商类型
+export function deleteSupplierType(stId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierType.deleteSupplierType',
+      method: 'post',
+      data: { stId }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除供应商类型失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/scm/AddSupplier.vue b/src/components/scm/AddSupplier.vue
new file mode 100644
index 0000000..bf5be36
--- /dev/null
+++ b/src/components/scm/AddSupplier.vue
@@ -0,0 +1,157 @@
+<template>
+  <el-dialog :title="$t('supplierManage.add')" :visible.sync="visible" width="800px" @close="resetForm">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('supplierManage.supplierType')" prop="stId">
+        <el-select v-model="form.stId"
+          :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.supplierType')" class="w-100">
+          <el-option v-for="item in supplierTypes" :key="item.stId" :label="item.typeName" :value="item.stId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.supplierName')" prop="supplierName">
+        <el-input v-model="form.supplierName" :placeholder="$t('supplierManage.requiredField')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.template')" prop="beanName">
+        <el-select v-model="form.beanName"
+          :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.template')" class="w-100">
+          <el-option v-for="item in beanNames" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.contactPerson')" prop="personName">
+        <el-input v-model="form.personName" :placeholder="$t('supplierManage.requiredField')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.contactTel')" prop="personTel">
+        <el-input v-model="form.personTel" :placeholder="$t('supplierManage.requiredField')" type="tel" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.startTime')" prop="startTime">
+        <el-date-picker v-model="form.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+          :placeholder="$t('supplierManage.requiredField')" class="w-100" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.endTime')" prop="endTime">
+        <el-date-picker v-model="form.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+          :placeholder="$t('supplierManage.requiredField')" class="w-100" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.remark')" prop="remark">
+        <el-input v-model="form.remark" type="textarea" :rows="3" :placeholder="$t('supplierManage.requiredField')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('supplierManage.cancel') }}</el-button>
+      <el-button type="primary" @click="saveSupplierInfo">{{ $t('supplierManage.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveSupplier, listSupplierType } from '@/api/scm/supplierManageApi'
+import {getDict} from '@/api/community/communityApi'
+
+export default {
+  name: 'AddSupplier',
+  props: {
+    dictData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        stId: '',
+        supplierName: '',
+        beanName: '',
+        personName: '',
+        personTel: '',
+        startTime: '',
+        endTime: '',
+        remark: ''
+      },
+      supplierTypes: [],
+      beanNames: [],
+      rules: {
+        stId: [
+          { required: true, message: this.$t('supplierManage.supplierType') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        supplierName: [
+          { required: true, message: this.$t('supplierManage.supplierName') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        beanName: [
+          { required: true, message: this.$t('supplierManage.template') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        personName: [
+          { required: true, message: this.$t('supplierManage.contactPerson') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        personTel: [
+          { required: true, message: this.$t('supplierManage.contactTel') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        startTime: [
+          { required: true, message: this.$t('supplierManage.startTime') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        endTime: [
+          { required: true, message: this.$t('supplierManage.endTime') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('supplierManage.remark') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  mounted() {
+    this.listSupplierTypes()
+  },
+  methods: {
+    async open() {
+      this.visible = true
+      const data = await getDict('supplier','bean_name')
+      this.beanNames = data
+    },
+
+    async listSupplierTypes() {
+      try {
+        const res = await listSupplierType({ page: 1, row: 100 })
+        this.supplierTypes = res.data
+      } catch (error) {
+        console.error('查询供应商类型失败:', error)
+      }
+    },
+
+    async saveSupplierInfo() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const res = await saveSupplier(this.form)
+            if (res.code === 0) {
+              this.$message.success(this.$t('common.saveSuccess'))
+              this.visible = false
+              this.$emit('success')
+            } else {
+              this.$message.error(res.msg || this.$t('common.saveFailed'))
+            }
+          } catch (error) {
+            console.error('保存供应商失败:', error)
+            this.$message.error(this.$t('common.saveFailed'))
+          }
+        }
+      })
+    },
+
+    resetForm() {
+      this.$refs.form.resetFields()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.w-100 {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/scm/AddSupplierType.vue b/src/components/scm/AddSupplierType.vue
new file mode 100644
index 0000000..30d327b
--- /dev/null
+++ b/src/components/scm/AddSupplierType.vue
@@ -0,0 +1,79 @@
+<template>
+  <el-dialog
+    :title="$t('supplierTypeManage.add.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('supplierTypeManage.form.typeCd')" prop="typeCd">
+        <el-input v-model="form.typeCd" :placeholder="$t('supplierTypeManage.placeholder.typeCd')" />
+      </el-form-item>
+      <el-form-item :label="$t('supplierTypeManage.form.typeName')" prop="typeName">
+        <el-input v-model="form.typeName" :placeholder="$t('supplierTypeManage.placeholder.typeName')" />
+      </el-form-item>
+      <el-form-item :label="$t('supplierTypeManage.form.remark')" prop="remark">
+        <el-input v-model="form.remark" type="textarea" :placeholder="$t('supplierTypeManage.placeholder.remark')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveSupplierType } from '@/api/scm/supplierTypeManageApi'
+
+export default {
+  name: 'AddSupplierType',
+  data() {
+    return {
+      visible: false,
+      form: {
+        typeCd: '',
+        typeName: '',
+        remark: ''
+      },
+      rules: {
+        typeCd: [
+          { required: true, message: this.$t('supplierTypeManage.validate.typeCdRequired'), trigger: 'blur' },
+          { max: 32, message: this.$t('supplierTypeManage.validate.typeCdMaxLength'), trigger: 'blur' }
+        ],
+        typeName: [
+          { required: true, message: this.$t('supplierTypeManage.validate.typeNameRequired'), trigger: 'blur' },
+          { max: 255, message: this.$t('supplierTypeManage.validate.typeNameMaxLength'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('supplierTypeManage.validate.remarkRequired'), trigger: 'blur' },
+          { max: 512, message: this.$t('supplierTypeManage.validate.remarkMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveSupplierType(this.form)
+            this.$message.success(this.$t('supplierTypeManage.message.addSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/scm/ConfigSupplier.vue b/src/components/scm/ConfigSupplier.vue
new file mode 100644
index 0000000..63e7674
--- /dev/null
+++ b/src/components/scm/ConfigSupplier.vue
@@ -0,0 +1,91 @@
+<template>
+  <el-dialog 
+    :title="$t('supplierManage.config')" 
+    :visible.sync="visible" 
+    width="800px"
+    @close="resetForm">
+    <el-form ref="form" :model="form" label-width="200px">
+      <el-form-item 
+        v-for="(item, index) in form.configs" 
+        :key="index"
+        :label="item.name">
+        <el-input 
+          v-model="item.columnValue" 
+          :placeholder="item.remark" 
+          class="w-100" />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('supplierManage.cancel') }}</el-button>
+      <el-button type="primary" @click="saveConfigSupplierInfo">{{ $t('supplierManage.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { listSupplierConfig, saveSupplierConfig } from '@/api/scm/supplierManageApi'
+
+export default {
+  name: 'ConfigSupplier',
+  data() {
+    return {
+      visible: false,
+      form: {
+        supplierId: '',
+        configs: []
+      }
+    }
+  },
+  methods: {
+    async open(row) {
+      this.form.supplierId = row.supplierId
+      this.visible = true
+      await this.loadSupplierConfigs()
+    },
+    
+    async loadSupplierConfigs() {
+      if (!this.form.supplierId) return
+      
+      try {
+        const res = await listSupplierConfig({
+          supplierId: this.form.supplierId,
+          page: 1,
+          row: 100
+        })
+        this.form.configs = res.data || []
+      } catch (error) {
+        console.error('加载供应商配置失败:', error)
+      }
+    },
+    
+    async saveConfigSupplierInfo() {
+      try {
+        const res = await saveSupplierConfig(this.form)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.visible = false
+        } else {
+          this.$message.error(res.msg || this.$t('common.saveFailed'))
+        }
+      } catch (error) {
+        console.error('保存供应商配置失败:', error)
+        this.$message.error(this.$t('common.saveFailed'))
+      }
+    },
+    
+    resetForm() {
+      this.form = {
+        supplierId: '',
+        configs: []
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.w-100 {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/scm/DeleteSupplier.vue b/src/components/scm/DeleteSupplier.vue
new file mode 100644
index 0000000..2bb869e
--- /dev/null
+++ b/src/components/scm/DeleteSupplier.vue
@@ -0,0 +1,62 @@
+<template>
+  <el-dialog
+    :title="$t('supplierManage.confirmDelete')"
+    :visible.sync="visible"
+    width="500px">
+    <div class="text-center">
+      <p>{{ $t('supplierManage.deleteTip') }}</p>
+      <p class="mt-10"><strong>{{ supplier.supplierName }}</strong></p>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('supplierManage.cancel') }}</el-button>
+      <el-button type="primary" @click="deleteSupplier">{{ $t('supplierManage.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteSupplier } from '@/api/scm/supplierManageApi'
+
+export default {
+  name: 'DeleteSupplier',
+  data() {
+    return {
+      visible: false,
+      supplier: {}
+    }
+  },
+  methods: {
+    open(row) {
+      this.supplier = { ...row }
+      this.visible = true
+    },
+    
+    async deleteSupplier() {
+      try {
+        const res = await deleteSupplier(this.supplier.supplierId)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.deleteSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } else {
+          this.$message.error(res.msg || this.$t('common.deleteFailed'))
+        }
+      } catch (error) {
+        console.error('删除供应商失败:', error)
+        this.$message.error(this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+
+.mt-10 {
+  margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/scm/DeleteSupplierType.vue b/src/components/scm/DeleteSupplierType.vue
new file mode 100644
index 0000000..1d55ce7
--- /dev/null
+++ b/src/components/scm/DeleteSupplierType.vue
@@ -0,0 +1,47 @@
+<template>
+  <el-dialog
+    :title="$t('supplierTypeManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <p>{{ $t('supplierTypeManage.delete.confirm') }}</p>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteSupplierType } from '@/api/scm/supplierTypeManageApi'
+
+export default {
+  name: 'DeleteSupplierType',
+  data() {
+    return {
+      visible: false,
+      stId: ''
+    }
+  },
+  methods: {
+    open(row) {
+      this.stId = row.stId
+      this.visible = true
+    },
+    handleClose() {
+      this.stId = ''
+    },
+    async handleConfirm() {
+      try {
+        await deleteSupplierType(this.stId)
+        this.$message.success(this.$t('supplierTypeManage.message.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/scm/EditSupplier.vue b/src/components/scm/EditSupplier.vue
new file mode 100644
index 0000000..efa35c3
--- /dev/null
+++ b/src/components/scm/EditSupplier.vue
@@ -0,0 +1,159 @@
+<template>
+  <el-dialog :title="$t('supplierManage.edit')" :visible.sync="visible" width="800px" @close="resetForm">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('supplierManage.supplierType')" prop="stId">
+        <el-select v-model="form.stId"
+          :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.supplierType')" class="w-100">
+          <el-option v-for="item in supplierTypes" :key="item.stId" :label="item.typeName" :value="item.stId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.supplierName')" prop="supplierName">
+        <el-input v-model="form.supplierName" :placeholder="$t('supplierManage.requiredField')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.template')" prop="beanName">
+        <el-select v-model="form.beanName"
+          :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.template')" class="w-100">
+          <el-option v-for="item in beanNames" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.contactPerson')" prop="personName">
+        <el-input v-model="form.personName" :placeholder="$t('supplierManage.requiredField')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.contactTel')" prop="personTel">
+        <el-input v-model="form.personTel" :placeholder="$t('supplierManage.requiredField')" type="tel" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.startTime')" prop="startTime">
+        <el-date-picker v-model="form.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+          :placeholder="$t('supplierManage.requiredField')" class="w-100" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.endTime')" prop="endTime">
+        <el-date-picker v-model="form.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+          :placeholder="$t('supplierManage.requiredField')" class="w-100" />
+      </el-form-item>
+
+      <el-form-item :label="$t('supplierManage.remark')" prop="remark">
+        <el-input v-model="form.remark" type="textarea" :rows="3" :placeholder="$t('supplierManage.requiredField')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('supplierManage.cancel') }}</el-button>
+      <el-button type="primary" @click="editSupplier">{{ $t('supplierManage.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateSupplier, listSupplierType } from '@/api/scm/supplierManageApi'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditSupplier',
+  props: {
+    dictData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        supplierId: '',
+        stId: '',
+        supplierName: '',
+        beanName: '',
+        personName: '',
+        personTel: '',
+        startTime: '',
+        endTime: '',
+        remark: ''
+      },
+      supplierTypes: [],
+      beanNames: [],
+      rules: {
+        stId: [
+          { required: true, message: this.$t('supplierManage.supplierType') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        supplierName: [
+          { required: true, message: this.$t('supplierManage.supplierName') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        beanName: [
+          { required: true, message: this.$t('supplierManage.template') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        personName: [
+          { required: true, message: this.$t('supplierManage.contactPerson') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        personTel: [
+          { required: true, message: this.$t('supplierManage.contactTel') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        startTime: [
+          { required: true, message: this.$t('supplierManage.startTime') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        endTime: [
+          { required: true, message: this.$t('supplierManage.endTime') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('supplierManage.remark') + this.$t('supplierManage.requiredField'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  mounted() {
+    this.listSupplierTypes()
+  },
+  methods: {
+   async open(row) {
+      this.form = { ...row }
+      this.visible = true
+      const data = await getDict('supplier','bean_name')
+      this.beanNames = data
+    },
+
+    async listSupplierTypes() {
+      try {
+        const res = await listSupplierType({ page: 1, row: 100 })
+        this.supplierTypes = res.data
+      } catch (error) {
+        console.error('查询供应商类型失败:', error)
+      }
+    },
+
+    async editSupplier() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            const res = await updateSupplier(this.form)
+            if (res.code === 0) {
+              this.$message.success(this.$t('common.updateSuccess'))
+              this.visible = false
+              this.$emit('success')
+            } else {
+              this.$message.error(res.msg || this.$t('common.updateFailed'))
+            }
+          } catch (error) {
+            console.error('更新供应商失败:', error)
+            this.$message.error(this.$t('common.updateFailed'))
+          }
+        }
+      })
+    },
+
+    resetForm() {
+      this.$refs.form.resetFields()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.w-100 {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/scm/EditSupplierType.vue b/src/components/scm/EditSupplierType.vue
new file mode 100644
index 0000000..5661fff
--- /dev/null
+++ b/src/components/scm/EditSupplierType.vue
@@ -0,0 +1,84 @@
+<template>
+  <el-dialog
+    :title="$t('supplierTypeManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('supplierTypeManage.form.typeCd')" prop="typeCd">
+        <el-input v-model="form.typeCd" :placeholder="$t('supplierTypeManage.placeholder.typeCd')" />
+      </el-form-item>
+      <el-form-item :label="$t('supplierTypeManage.form.typeName')" prop="typeName">
+        <el-input v-model="form.typeName" :placeholder="$t('supplierTypeManage.placeholder.typeName')" />
+      </el-form-item>
+      <el-form-item :label="$t('supplierTypeManage.form.remark')" prop="remark">
+        <el-input v-model="form.remark" type="textarea" :placeholder="$t('supplierTypeManage.placeholder.remark')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateSupplierType } from '@/api/scm/supplierTypeManageApi'
+
+export default {
+  name: 'EditSupplierType',
+  data() {
+    return {
+      visible: false,
+      form: {
+        stId: '',
+        typeCd: '',
+        typeName: '',
+        remark: ''
+      },
+      rules: {
+        typeCd: [
+          { required: true, message: this.$t('supplierTypeManage.validate.typeCdRequired'), trigger: 'blur' },
+          { max: 32, message: this.$t('supplierTypeManage.validate.typeCdMaxLength'), trigger: 'blur' }
+        ],
+        typeName: [
+          { required: true, message: this.$t('supplierTypeManage.validate.typeNameRequired'), trigger: 'blur' },
+          { max: 255, message: this.$t('supplierTypeManage.validate.typeNameMaxLength'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('supplierTypeManage.validate.remarkRequired'), trigger: 'blur' },
+          { max: 512, message: this.$t('supplierTypeManage.validate.remarkMaxLength'), trigger: 'blur' }
+        ],
+        stId: [
+          { required: true, message: this.$t('supplierTypeManage.validate.stIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = { ...row }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateSupplierType(this.form)
+            this.$message.success(this.$t('supplierTypeManage.message.editSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 62e09c6..f178b1e 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -108,6 +108,8 @@ import { messages as storeInfoManageMessages } from '../views/mall/storeInfoMana
 import { messages as junkRequirementManageMessages } from '../views/mall/junkRequirementManageLang'
 import { messages as couponPoolManageMessages } from '../views/account/couponPoolManageLang'
 import { messages as couponDetailManageMessages } from '../views/account/couponDetailManageLang'
+import { messages as supplierTypeManageMessages } from '../views/scm/supplierTypeManageLang'
+import { messages as supplierManageMessages } from '../views/scm/supplierManageLang'
 
 Vue.use(VueI18n)
 
@@ -220,6 +222,8 @@ const messages = {
     ...junkRequirementManageMessages.en,
     ...couponPoolManageMessages.en,
     ...couponDetailManageMessages.en,
+    ...supplierTypeManageMessages.en,
+    ...supplierManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -328,6 +332,8 @@ const messages = {
     ...junkRequirementManageMessages.zh,
     ...couponPoolManageMessages.zh,
     ...couponDetailManageMessages.zh,
+    ...supplierTypeManageMessages.zh,
+    ...supplierManageMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 92a6a87..87fa079 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -522,9 +522,19 @@ const routes = [
         component: () => import('@/views/account/couponPoolManageList.vue')
       },
       {
-        path:'/pages/admin/couponDetailManage',
-        name:'/pages/admin/couponDetailManage',
+        path: '/pages/admin/couponDetailManage',
+        name: '/pages/admin/couponDetailManage',
         component: () => import('@/views/account/couponDetailManageList.vue')
+      },
+      {
+        path: '/pages/scm/supplierTypeManage',
+        name: '/pages/scm/supplierTypeManage',
+        component: () => import('@/views/scm/supplierTypeManageList.vue')
+      },
+      {
+        path:'/pages/scm/supplierManage',
+        name:'/pages/scm/supplierManage',
+        component: () => import('@/views/scm/supplierManageList.vue')
         },
       // 其他子路由可以在这里添加
     ]
diff --git a/src/views/mall/junkRequirementManageLang.js b/src/views/mall/junkRequirementManageLang.js
index f3c2c7b..e28c22d 100644
--- a/src/views/mall/junkRequirementManageLang.js
+++ b/src/views/mall/junkRequirementManageLang.js
@@ -49,18 +49,6 @@ export const messages = {
       },
       fetchError: 'Failed to fetch junk requirements'
     },
-    common: {
-      search: 'Search',
-      hide: 'Hide',
-      more: 'More',
-      review: 'Review',
-      cancel: 'Cancel',
-      confirm: 'Confirm',
-      delete: 'Delete',
-      operation: 'Operation',
-      success: 'Success',
-      error: 'Error'
-    }
   },
   zh: {
     junkRequirement: {
@@ -112,17 +100,5 @@ export const messages = {
       },
       fetchError: '获取旧货需求失败'
     },
-    common: {
-      search: '查询',
-      hide: '隐藏',
-      more: '更多',
-      review: '审核',
-      cancel: '取消',
-      confirm: '确认',
-      delete: '删除',
-      operation: '操作',
-      success: '成功',
-      error: '错误'
-    }
   }
 }
\ No newline at end of file
diff --git a/src/views/mall/storeInfoManageLang.js b/src/views/mall/storeInfoManageLang.js
index 0c9e015..38ba35d 100644
--- a/src/views/mall/storeInfoManageLang.js
+++ b/src/views/mall/storeInfoManageLang.js
@@ -22,23 +22,6 @@ export const messages = {
         workTime: 'Work Time',
         remark: 'Remark'
       },
-      common: {
-        search: 'Search',
-        add: 'Add',
-        edit: 'Edit',
-        delete: 'Delete',
-        yes: 'Yes',
-        no: 'No',
-        operation: 'Operation',
-        cancel: 'Cancel',
-        save: 'Save',
-        confirm: 'Confirm',
-        saveSuccess: 'Save successfully',
-        updateSuccess: 'Update successfully',
-        deleteSuccess: 'Delete successfully',
-        required: 'Required',
-        optional: 'Optional'
-      },
       delete: {
         confirmDelete: 'Are you sure to delete store info'
       },
@@ -93,23 +76,6 @@ export const messages = {
         workTime: '工作时间',
         remark: '备注'
       },
-      common: {
-        search: '查询',
-        add: '添加',
-        edit: '修改',
-        delete: '删除',
-        yes: '是',
-        no: '否',
-        operation: '操作',
-        cancel: '取消',
-        save: '保存',
-        confirm: '确认',
-        saveSuccess: '保存成功',
-        updateSuccess: '更新成功',
-        deleteSuccess: '删除成功',
-        required: '必填',
-        optional: '选填'
-      },
       delete: {
         confirmDelete: '确定删除商户信息'
       },
diff --git a/src/views/scm/supplierManageLang.js b/src/views/scm/supplierManageLang.js
new file mode 100644
index 0000000..9585bb5
--- /dev/null
+++ b/src/views/scm/supplierManageLang.js
@@ -0,0 +1,60 @@
+export const messages = {
+  en: {
+    supplierManage: {
+      searchCondition: 'Search Condition',
+      moreCondition: 'More',
+      hide: 'Hide',
+      supplierInfo: 'Supplier Information',
+      add: 'Add',
+      supplierType: 'Supplier Type',
+      supplierName: 'Supplier Name',
+      contactPerson: 'Contact Person',
+      contactTel: 'Contact Number',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      createTime: 'Create Time',
+      remark: 'Remark',
+      operation: 'Operation',
+      edit: 'Edit',
+      config: 'Configure',
+      delete: 'Delete',
+      query: 'Search',
+      confirmDelete: 'Confirm Delete',
+      deleteTip: 'Are you sure to delete this supplier?',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      pleaseSelect: 'Please select',
+      requiredField: 'Required field',
+      template:'Template'
+    }
+  },
+  zh: {
+    supplierManage: {
+      searchCondition: '查询条件',
+      moreCondition: '更多',
+      hide: '隐藏',
+      supplierInfo: '供应商信息',
+      add: '添加',
+      supplierType: '供应商类型',
+      supplierName: '供应商名称',
+      contactPerson: '联系人',
+      contactTel: '联系电话',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      createTime: '创建时间',
+      remark: '备注',
+      operation: '操作',
+      edit: '修改',
+      config: '配置',
+      delete: '删除',
+      query: '查询',
+      confirmDelete: '确认删除',
+      deleteTip: '确定删除供应商吗？',
+      cancel: '取消',
+      confirm: '确认',
+      pleaseSelect: '请选择',
+      requiredField: '必填项',
+      template:'模版'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/scm/supplierManageList.vue b/src/views/scm/supplierManageList.vue
new file mode 100644
index 0000000..8baf349
--- /dev/null
+++ b/src/views/scm/supplierManageList.vue
@@ -0,0 +1,203 @@
+<template>
+  <div class="supplier-manage-container">
+    <el-card class="search-card">
+      <div slot="header" class="clearfix flex justify-between">
+        <span>{{ $t('supplierManage.searchCondition') }}</span>
+        <el-button type="text" style="float: right; padding: 3px 0" @click="toggleMoreCondition">
+          {{ moreCondition ? $t('supplierManage.hide') : $t('supplierManage.moreCondition') }}
+        </el-button>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-select v-model="conditions.stId"
+            :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.supplierType')" clearable class="w-100">
+            <el-option v-for="item in supplierTypes" :key="item.stId" :label="item.typeName" :value="item.stId" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="conditions.supplierName"
+            :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.supplierName')" />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="conditions.personName"
+            :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.contactPerson')" />
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="querySupplierMethod">{{ $t('supplierManage.query') }}</el-button>
+        </el-col>
+      </el-row>
+
+      <el-row v-if="moreCondition" :gutter="20" class="mt-10">
+        <el-col :span="6">
+          <el-input v-model="conditions.personTel"
+            :placeholder="$t('supplierManage.pleaseSelect') + $t('supplierManage.contactTel')" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card class="mt-20">
+      <div slot="header" class="clearfix  flex justify-between">
+        <span>{{ $t('supplierManage.supplierInfo') }}</span>
+        <el-button type="primary" size="small" style="float: right;" @click="openAddSupplierModal">
+          <i class="el-icon-plus"></i>
+          {{ $t('supplierManage.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="suppliers" border style="width: 100%">
+        <el-table-column prop="typeName" :label="$t('supplierManage.supplierType')" align="center" />
+        <el-table-column prop="supplierName" :label="$t('supplierManage.supplierName')" align="center" />
+        <el-table-column prop="personName" :label="$t('supplierManage.contactPerson')" align="center" />
+        <el-table-column prop="personTel" :label="$t('supplierManage.contactTel')" align="center" />
+        <el-table-column prop="startTime" :label="$t('supplierManage.startTime')" align="center" />
+        <el-table-column prop="endTime" :label="$t('supplierManage.endTime')" align="center" />
+        <el-table-column prop="createTime" :label="$t('supplierManage.createTime')" align="center" />
+        <el-table-column prop="remark" :label="$t('supplierManage.remark')" align="center" />
+        <el-table-column :label="$t('supplierManage.operation')" align="center" width="220">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="openEditSupplierModel(scope.row)">{{ $t('supplierManage.edit') }}</el-button>
+            <el-button size="mini" type="primary" @click="openConfigSupplierModel(scope.row)">{{
+              $t('supplierManage.config') }}</el-button>
+            <el-button size="mini" type="danger" @click="openDeleteSupplierModel(scope.row)">{{
+              $t('supplierManage.delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination class="mt-20" :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        layout="total, sizes, prev, pager, next, jumper" :total="page.total" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <add-supplier ref="addSupplier" @success="listSuppliers" />
+    <edit-supplier ref="editSupplier" @success="listSuppliers" />
+    <delete-supplier ref="deleteSupplier" @success="listSuppliers" />
+    <config-supplier ref="configSupplier" />
+  </div>
+</template>
+
+<script>
+import { listSupplier, listSupplierType } from '@/api/scm/supplierManageApi'
+import AddSupplier from '@/components/scm/AddSupplier'
+import EditSupplier from '@/components/scm/EditSupplier'
+import DeleteSupplier from '@/components/scm/DeleteSupplier'
+import ConfigSupplier from '@/components/scm/ConfigSupplier'
+
+export default {
+  name: 'SupplierManageList',
+  components: {
+    AddSupplier,
+    EditSupplier,
+    DeleteSupplier,
+    ConfigSupplier
+  },
+  data() {
+    return {
+      loading: false,
+      moreCondition: false,
+      conditions: {
+        stId: '',
+        supplierName: '',
+        personName: '',
+        personTel: ''
+      },
+      suppliers: [],
+      supplierTypes: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.listSuppliers()
+    this.listSupplierTypes()
+  },
+  methods: {
+    async listSuppliers() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.conditions
+        }
+        const res = await listSupplier(params)
+        this.suppliers = res.data
+        this.page.total = res.records
+      } catch (error) {
+        console.error('查询供应商列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async listSupplierTypes() {
+      try {
+        const res = await listSupplierType({ page: 1, row: 100 })
+        this.supplierTypes = res.data
+      } catch (error) {
+        console.error('查询供应商类型失败:', error)
+      }
+    },
+
+    querySupplierMethod() {
+      this.page.current = 1
+      this.listSuppliers()
+    },
+
+    toggleMoreCondition() {
+      this.moreCondition = !this.moreCondition
+    },
+
+    openAddSupplierModal() {
+      this.$refs.addSupplier.open()
+    },
+
+    openEditSupplierModel(row) {
+      this.$refs.editSupplier.open(row)
+    },
+
+    openConfigSupplierModel(row) {
+      this.$refs.configSupplier.open(row)
+    },
+
+    openDeleteSupplierModel(row) {
+      this.$refs.deleteSupplier.open(row)
+    },
+
+    handleSizeChange(size) {
+      this.page.size = size
+      this.listSuppliers()
+    },
+
+    handleCurrentChange(current) {
+      this.page.current = current
+      this.listSuppliers()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.supplier-manage-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .mt-10 {
+    margin-top: 10px;
+  }
+
+  .mt-20 {
+    margin-top: 20px;
+  }
+
+  .w-100 {
+    width: 100%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/scm/supplierTypeManageLang.js b/src/views/scm/supplierTypeManageLang.js
new file mode 100644
index 0000000..41e211b
--- /dev/null
+++ b/src/views/scm/supplierTypeManageLang.js
@@ -0,0 +1,108 @@
+export const messages = {
+  en: {
+    supplierTypeManage: {
+      search: {
+        title: 'Search Conditions',
+        typeCd: 'Please enter type code',
+        typeName: 'Please enter type name'
+      },
+      list: {
+        title: 'Supplier Type List'
+      },
+      table: {
+        typeCd: 'Type Code',
+        typeName: 'Type Name',
+        createTime: 'Create Time',
+        remark: 'Remark'
+      },
+      form: {
+        typeCd: 'Type Code',
+        typeName: 'Type Name',
+        remark: 'Remark'
+      },
+      placeholder: {
+        typeCd: 'Please enter type code',
+        typeName: 'Please enter type name',
+        remark: 'Please enter remark'
+      },
+      validate: {
+        typeCdRequired: 'Type code is required',
+        typeCdMaxLength: 'Type code cannot exceed 32 characters',
+        typeNameRequired: 'Type name is required',
+        typeNameMaxLength: 'Type name cannot exceed 255 characters',
+        remarkRequired: 'Remark is required',
+        remarkMaxLength: 'Remark cannot exceed 512 characters',
+        stIdRequired: 'ID is required'
+      },
+      message: {
+        addSuccess: 'Add success',
+        editSuccess: 'Edit success',
+        deleteSuccess: 'Delete success',
+        fetchError: 'Failed to fetch data'
+      },
+      add: {
+        title: 'Add Supplier Type'
+      },
+      edit: {
+        title: 'Edit Supplier Type'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirm: 'Are you sure to delete this supplier type?'
+      }
+    }
+  },
+  zh: {
+    supplierTypeManage: {
+      search: {
+        title: '查询条件',
+        typeCd: '请输入类型编码',
+        typeName: '请输入类型名称'
+      },
+      list: {
+        title: '供应商类型'
+      },
+      table: {
+        typeCd: '类型编码',
+        typeName: '类型名称',
+        createTime: '创建时间',
+        remark: '备注'
+      },
+      form: {
+        typeCd: '类型编码',
+        typeName: '类型名称',
+        remark: '备注'
+      },
+      placeholder: {
+        typeCd: '请输入类型编码',
+        typeName: '请输入类型名称',
+        remark: '请输入备注'
+      },
+      validate: {
+        typeCdRequired: '类型编码不能为空',
+        typeCdMaxLength: '类型编码不能超过32个字符',
+        typeNameRequired: '类型名称不能为空',
+        typeNameMaxLength: '类型名称不能超过255个字符',
+        remarkRequired: '备注不能为空',
+        remarkMaxLength: '备注不能超过512个字符',
+        stIdRequired: '编号不能为空'
+      },
+      message: {
+        addSuccess: '添加成功',
+        editSuccess: '修改成功',
+        deleteSuccess: '删除成功',
+        fetchError: '获取数据失败'
+      },
+      add: {
+        title: '添加供应商类型'
+      },
+      edit: {
+        title: '修改供应商类型'
+      },
+      delete: {
+        title: '删除确认',
+        confirm: '确定删除该供应商类型吗？'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/scm/supplierTypeManageList.vue b/src/views/scm/supplierTypeManageList.vue
new file mode 100644
index 0000000..6feb9ff
--- /dev/null
+++ b/src/views/scm/supplierTypeManageList.vue
@@ -0,0 +1,149 @@
+<template>
+  <div class="supplier-type-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('supplierTypeManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.typeCd" :placeholder="$t('supplierTypeManage.search.typeCd')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.typeName" :placeholder="$t('supplierTypeManage.search.typeName')" clearable />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">{{ $t('common.search') }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 供应商类型列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="clearfix flex justify-between">
+        <span>{{ $t('supplierTypeManage.list.title') }}</span>
+        <el-button type="primary" style="float: right" @click="handleAdd">{{ $t('common.add') }}</el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="typeCd" :label="$t('supplierTypeManage.table.typeCd')" align="center" />
+        <el-table-column prop="typeName" :label="$t('supplierTypeManage.table.typeName')" align="center" />
+        <el-table-column prop="createTime" :label="$t('supplierTypeManage.table.createTime')" align="center" />
+        <el-table-column prop="remark" :label="$t('supplierTypeManage.table.remark')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">{{ $t('common.edit') }}</el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">{{ $t('common.delete') }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 子组件 -->
+    <add-supplier-type ref="addSupplierType" @success="handleSuccess" />
+    <edit-supplier-type ref="editSupplierType" @success="handleSuccess" />
+    <delete-supplier-type ref="deleteSupplierType" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listSupplierType } from '@/api/scm/supplierTypeManageApi'
+import AddSupplierType from '@/components/scm/AddSupplierType'
+import EditSupplierType from '@/components/scm/EditSupplierType'
+import DeleteSupplierType from '@/components/scm/DeleteSupplierType'
+
+export default {
+  name: 'SupplierTypeManageList',
+  components: {
+    AddSupplierType,
+    EditSupplierType,
+    DeleteSupplierType
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        typeCd: '',
+        typeName: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, records } = await listSupplierType(params)
+        this.tableData = data
+        this.page.total = records
+      } catch (error) {
+        this.$message.error(this.$t('supplierTypeManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addSupplierType.open()
+    },
+    handleEdit(row) {
+      this.$refs.editSupplierType.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteSupplierType.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.supplier-type-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: 20px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
--
libgit2 0.21.4