diff --git a/src/api/scm/supplierCouponApi.js b/src/api/scm/supplierCouponApi.js
new file mode 100644
index 0000000..b501be5
--- /dev/null
+++ b/src/api/scm/supplierCouponApi.js
@@ -0,0 +1,101 @@
+import request from '@/utils/request'
+
+// 获取供应商列表
+export function getSupplierList(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 || 'Failed to get supplier list'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取优惠券列表
+export function getSupplierCouponList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierCoupon.listSupplierCoupon',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to get coupon list'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加优惠券
+export function addSupplierCoupon(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierCoupon.saveSupplierCoupon',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to add coupon'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新优惠券
+export function updateSupplierCoupon(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierCoupon.updateSupplierCoupon',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to update coupon'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除优惠券
+export function deleteSupplierCoupon(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierCoupon.deleteSupplierCoupon',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Failed to delete coupon'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/scm/supplierCouponBuyApi.js b/src/api/scm/supplierCouponBuyApi.js
new file mode 100644
index 0000000..2eb97ea
--- /dev/null
+++ b/src/api/scm/supplierCouponBuyApi.js
@@ -0,0 +1,29 @@
+import request from '@/utils/request'
+
+/**
+ * 获取优惠券购买记录列表
+ * @param {Object} params 查询参数
+ * @returns {Promise} 包含优惠券购买记录列表的Promise
+ */
+export function getSupplierCouponBuyList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/supplierCoupon.listSupplierCouponBuy',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total,
+          records: res.records
+        })
+      } else {
+        reject(new Error(res.msg || 'Failed to get coupon purchase records'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/scm/addSupplierCoupon.vue b/src/components/scm/addSupplierCoupon.vue
new file mode 100644
index 0000000..e58154e
--- /dev/null
+++ b/src/components/scm/addSupplierCoupon.vue
@@ -0,0 +1,118 @@
+<template>
+  <el-dialog 
+    :title="$t('supplierCoupon.addTitle')" 
+    :visible.sync="visible"
+    width="50%"
+  >
+    <el-form :model="form" :rules="rules" ref="form" label-width="120px">
+      <el-form-item :label="$t('supplierCoupon.name')" prop="name">
+        <el-input 
+          v-model="form.name" 
+          :placeholder="$t('supplierCoupon.required')"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('supplierCoupon.thirdPartyId')" prop="businessKey">
+        <el-input 
+          v-model="form.businessKey" 
+          :placeholder="$t('supplierCoupon.required')"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('supplierCoupon.price')" prop="valuePrice">
+        <el-input 
+          v-model="form.valuePrice" 
+          :placeholder="$t('supplierCoupon.required')"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('supplierCoupon.remark')" prop="remark">
+        <el-input 
+          type="textarea" 
+          v-model="form.remark" 
+          :placeholder="$t('supplierCoupon.required')"
+          rows="4"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('supplierCoupon.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="submitForm">
+        {{ $t('supplierCoupon.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addSupplierCoupon } from '@/api/scm/supplierCouponApi'
+
+export default {
+  name: 'AddSupplierCoupon',
+  data() {
+    return {
+      visible: false,
+      form: {
+        name: '',
+        supplierId: '',
+        businessKey: '',
+        valuePrice: '',
+        remark: ''
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 64, message: this.$t('supplierCoupon.maxLength', { length: 64 }), trigger: 'blur' }
+        ],
+        businessKey: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 30, message: this.$t('supplierCoupon.maxLength', { length: 30 }), trigger: 'blur' }
+        ],
+        valuePrice: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 10, message: this.$t('supplierCoupon.maxLength', { length: 10 }), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 1024, message: this.$t('supplierCoupon.maxLength', { length: 1024 }), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        name: '',
+        supplierId: data.supplierId,
+        businessKey: '',
+        valuePrice: '',
+        remark: ''
+      }
+      this.visible = true
+      this.$nextTick(() => {
+        if (this.$refs.form) {
+          this.$refs.form.clearValidate()
+        }
+      })
+    },
+    
+    submitForm() {
+      this.$refs.form.validate(async (valid) => {
+        if (valid) {
+          try {
+            await addSupplierCoupon(this.form)
+            this.$message.success(this.$t('supplierCoupon.addSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('supplierCoupon.addFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/scm/deleteSupplierCoupon.vue b/src/components/scm/deleteSupplierCoupon.vue
new file mode 100644
index 0000000..3a27a97
--- /dev/null
+++ b/src/components/scm/deleteSupplierCoupon.vue
@@ -0,0 +1,45 @@
+<template>
+  <el-dialog :title="$t('supplierCoupon.deleteTitle')" :visible.sync="visible" width="30%">
+    <p>{{ $t('supplierCoupon.deleteConfirm') }}</p>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('supplierCoupon.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="confirmDelete">
+        {{ $t('supplierCoupon.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteSupplierCoupon } from '@/api/scm/supplierCouponApi'
+
+export default {
+  name: 'DeleteSupplierCoupon',
+  data() {
+    return {
+      visible: false,
+      couponId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.couponId = data.couponId
+      this.supplierId = data.supplierId
+      this.visible = true
+    },
+
+    async confirmDelete() {
+      try {
+        await deleteSupplierCoupon({ couponId: this.couponId,supplierId:this.supplierId })
+        this.$message.success(this.$t('supplierCoupon.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('supplierCoupon.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/scm/editSupplierCoupon.vue b/src/components/scm/editSupplierCoupon.vue
new file mode 100644
index 0000000..56daf70
--- /dev/null
+++ b/src/components/scm/editSupplierCoupon.vue
@@ -0,0 +1,115 @@
+<template>
+  <el-dialog 
+    :title="$t('supplierCoupon.editTitle')" 
+    :visible.sync="visible"
+    width="50%"
+  >
+    <el-form :model="form" :rules="rules" ref="form" label-width="120px">
+      <el-form-item :label="$t('supplierCoupon.name')" prop="name">
+        <el-input 
+          v-model="form.name" 
+          :placeholder="$t('supplierCoupon.required')"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('supplierCoupon.thirdPartyId')" prop="businessKey">
+        <el-input 
+          v-model="form.businessKey" 
+          :placeholder="$t('supplierCoupon.required')"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('supplierCoupon.price')" prop="valuePrice">
+        <el-input 
+          v-model="form.valuePrice" 
+          :placeholder="$t('supplierCoupon.required')"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('supplierCoupon.remark')" prop="remark">
+        <el-input 
+          type="textarea" 
+          v-model="form.remark" 
+          :placeholder="$t('supplierCoupon.required')"
+          rows="4"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('supplierCoupon.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="submitForm">
+        {{ $t('supplierCoupon.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateSupplierCoupon } from '@/api/scm/supplierCouponApi'
+
+export default {
+  name: 'EditSupplierCoupon',
+  data() {
+    return {
+      visible: false,
+      form: {
+        couponId: '',
+        name: '',
+        businessKey: '',
+        valuePrice: '',
+        remark: ''
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 64, message: this.$t('supplierCoupon.maxLength', { length: 64 }), trigger: 'blur' }
+        ],
+        businessKey: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 30, message: this.$t('supplierCoupon.maxLength', { length: 30 }), trigger: 'blur' }
+        ],
+        valuePrice: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 10, message: this.$t('supplierCoupon.maxLength', { length: 10 }), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' },
+          { max: 1024, message: this.$t('supplierCoupon.maxLength', { length: 1024 }), trigger: 'blur' }
+        ],
+        couponId: [
+          { required: true, message: this.$t('supplierCoupon.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = { ...data }
+      this.visible = true
+      this.$nextTick(() => {
+        if (this.$refs.form) {
+          this.$refs.form.clearValidate()
+        }
+      })
+    },
+    
+    submitForm() {
+      this.$refs.form.validate(async (valid) => {
+        if (valid) {
+          try {
+            await updateSupplierCoupon(this.form)
+            this.$message.success(this.$t('supplierCoupon.updateSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('supplierCoupon.updateFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index f178b1e..a59d50b 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -110,6 +110,8 @@ import { messages as couponPoolManageMessages } from '../views/account/couponPoo
 import { messages as couponDetailManageMessages } from '../views/account/couponDetailManageLang'
 import { messages as supplierTypeManageMessages } from '../views/scm/supplierTypeManageLang'
 import { messages as supplierManageMessages } from '../views/scm/supplierManageLang'
+import { messages as supplierCouponMessages } from '../views/scm/supplierCouponLang'
+import { messages as supplierCouponBuyMessages } from '../views/scm/supplierCouponBuyLang'
 
 Vue.use(VueI18n)
 
@@ -224,6 +226,8 @@ const messages = {
     ...couponDetailManageMessages.en,
     ...supplierTypeManageMessages.en,
     ...supplierManageMessages.en,
+    ...supplierCouponMessages.en,
+    ...supplierCouponBuyMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -334,6 +338,8 @@ const messages = {
     ...couponDetailManageMessages.zh,
     ...supplierTypeManageMessages.zh,
     ...supplierManageMessages.zh,
+    ...supplierCouponMessages.zh,
+    ...supplierCouponBuyMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 87fa079..bec7722 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -532,9 +532,19 @@ const routes = [
         component: () => import('@/views/scm/supplierTypeManageList.vue')
       },
       {
-        path:'/pages/scm/supplierManage',
-        name:'/pages/scm/supplierManage',
+        path: '/pages/scm/supplierManage',
+        name: '/pages/scm/supplierManage',
         component: () => import('@/views/scm/supplierManageList.vue')
+      },
+      {
+        path: '/pages/scm/supplierCoupon',
+        name: '/pages/scm/supplierCoupon',
+        component: () => import('@/views/scm/supplierCouponList.vue')
+      },
+      {
+        path:'/pages/scm/supplierCouponBuy',
+        name:'/pages/scm/supplierCouponBuy',
+        component: () => import('@/views/scm/supplierCouponBuyList.vue')
         },
       // 其他子路由可以在这里添加
     ]
diff --git a/src/views/scm/supplierCouponBuyLang.js b/src/views/scm/supplierCouponBuyLang.js
new file mode 100644
index 0000000..5198cda
--- /dev/null
+++ b/src/views/scm/supplierCouponBuyLang.js
@@ -0,0 +1,68 @@
+export const messages = {
+  en: {
+    supplierCouponBuy: {
+      searchTitle: 'Query Conditions',
+      listTitle: 'Coupon Purchase Records',
+      placeholder: {
+        buyId: 'Order Number',
+        couponId: 'Coupon ID',
+        name: 'Name',
+        supplierName: 'Supplier',
+        storeName: 'Store Name',
+        objName: 'Community Name',
+        createUserTel: 'Contact Info',
+        createUserName: 'Buyer'
+      },
+      table: {
+        buyId: 'ID',
+        couponName: 'Coupon',
+        name: 'Name',
+        supplierName: 'Supplier',
+        quantity: 'Quantity',
+        valuePrice: 'Price',
+        storeName: 'Store Name',
+        objName: 'Community Name',
+        createUserTel: 'Contact',
+        createUserName: 'Buyer',
+        remark: 'Remark'
+      },
+      fetchError: 'Failed to fetch coupon purchase records'
+    },
+    common: {
+      search: 'Search'
+    }
+  },
+  zh: {
+    supplierCouponBuy: {
+      searchTitle: '查询条件',
+      listTitle: '优惠券购买记录',
+      placeholder: {
+        buyId: '请填写订单号',
+        couponId: '请填写优惠券编号',
+        name: '请填写名称',
+        supplierName: '请填写供应商',
+        storeName: '请填写商户名称',
+        objName: '请填写小区名称',
+        createUserTel: '请填写联系方式',
+        createUserName: '请填写购买人'
+      },
+      table: {
+        buyId: '编号',
+        couponName: '优惠券',
+        name: '名称',
+        supplierName: '供应商',
+        quantity: '购买数量',
+        valuePrice: '售价',
+        storeName: '商户名称',
+        objName: '小区名称',
+        createUserTel: '联系方式',
+        createUserName: '购买人',
+        remark: '备注'
+      },
+      fetchError: '获取优惠券购买记录失败'
+    },
+    common: {
+      search: '查询'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/scm/supplierCouponBuyList.vue b/src/views/scm/supplierCouponBuyList.vue
new file mode 100644
index 0000000..ab577f5
--- /dev/null
+++ b/src/views/scm/supplierCouponBuyList.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="supplier-coupon-buy-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="clearfix flex justify-between">
+        <span>{{ $t('supplierCouponBuy.searchTitle') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.buyId" :placeholder="$t('supplierCouponBuy.placeholder.buyId')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.couponId" :placeholder="$t('supplierCouponBuy.placeholder.couponId')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.name" :placeholder="$t('supplierCouponBuy.placeholder.name')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" style="margin-top: 15px">
+        <el-col :span="6">
+          <el-input v-model="searchForm.supplierName" :placeholder="$t('supplierCouponBuy.placeholder.supplierName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.storeName" :placeholder="$t('supplierCouponBuy.placeholder.storeName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.objName" :placeholder="$t('supplierCouponBuy.placeholder.objName')" clearable />
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" style="margin-top: 15px">
+        <el-col :span="6">
+          <el-input v-model="searchForm.createUserTel" :placeholder="$t('supplierCouponBuy.placeholder.createUserTel')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.createUserName" :placeholder="$t('supplierCouponBuy.placeholder.createUserName')"
+            clearable />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 数据列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="clearfix flex justify-between">
+        <span>{{ $t('supplierCouponBuy.listTitle') }}</span>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="buyId" :label="$t('supplierCouponBuy.table.buyId')" align="center" />
+        <el-table-column prop="couponName" :label="$t('supplierCouponBuy.table.couponName')" align="center" />
+        <el-table-column prop="name" :label="$t('supplierCouponBuy.table.name')" align="center" />
+        <el-table-column prop="supplierName" :label="$t('supplierCouponBuy.table.supplierName')" align="center" />
+        <el-table-column prop="quantity" :label="$t('supplierCouponBuy.table.quantity')" align="center" />
+        <el-table-column prop="valuePrice" :label="$t('supplierCouponBuy.table.valuePrice')" align="center" />
+        <el-table-column prop="storeName" :label="$t('supplierCouponBuy.table.storeName')" align="center" />
+        <el-table-column prop="objName" :label="$t('supplierCouponBuy.table.objName')" align="center" />
+        <el-table-column prop="createUserTel" :label="$t('supplierCouponBuy.table.createUserTel')" align="center" />
+        <el-table-column prop="createUserName" :label="$t('supplierCouponBuy.table.createUserName')" align="center" />
+        <el-table-column prop="remark" :label="$t('supplierCouponBuy.table.remark')" align="center" />
+      </el-table>
+
+      <!-- 分页 -->
+      <el-pagination :current-page="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>
+  </div>
+</template>
+
+<script>
+import { getSupplierCouponBuyList } from '@/api/scm/supplierCouponBuyApi'
+
+export default {
+  name: 'SupplierCouponBuyList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        buyId: '',
+        couponId: '',
+        name: '',
+        supplierName: '',
+        storeName: '',
+        objName: '',
+        createUserTel: '',
+        createUserName: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.searchForm,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await getSupplierCouponBuyList(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('supplierCouponBuy.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.supplier-coupon-buy-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: 15px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/scm/supplierCouponLang.js b/src/views/scm/supplierCouponLang.js
new file mode 100644
index 0000000..00061ed
--- /dev/null
+++ b/src/views/scm/supplierCouponLang.js
@@ -0,0 +1,56 @@
+export const messages =  {
+  en: {
+    supplierCoupon: {
+      title: 'Supplier Coupon Management',
+      searchConditions: 'Search Conditions',
+      couponInfo: 'Coupon Information',
+      name: 'Name',
+      businessId: 'Business ID',
+      supplier: 'Supplier',
+      thirdPartyId: 'Third-party ID',
+      price: 'Price',
+      remark: 'Remark',
+      operation: 'Operation',
+      add: 'Add',
+      edit: 'Edit',
+      delete: 'Delete',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      deleteConfirm: 'Are you sure to delete this coupon?',
+      deleteTitle: 'Confirm Operation',
+      required: 'Required',
+      addTitle: 'Add Coupon',
+      editTitle: 'Edit Coupon',
+      search: 'Search',
+      noData: 'No data',
+      supplierRequired: 'Please select a supplier first'
+    }
+  },
+  zh: {
+    supplierCoupon: {
+      title: '供应商优惠券管理',
+      searchConditions: '查询条件',
+      couponInfo: '优惠券信息',
+      name: '名称',
+      businessId: '业务ID',
+      supplier: '供应商',
+      thirdPartyId: '三方ID',
+      price: '售价',
+      remark: '备注',
+      operation: '操作',
+      add: '添加',
+      edit: '修改',
+      delete: '删除',
+      confirm: '确认',
+      cancel: '取消',
+      deleteConfirm: '确定删除优惠券？',
+      deleteTitle: '请确认您的操作',
+      required: '必填',
+      addTitle: '添加优惠券',
+      editTitle: '修改优惠券',
+      search: '查询',
+      noData: '暂无数据',
+      supplierRequired: '请先选择供应商'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/scm/supplierCouponList.vue b/src/views/scm/supplierCouponList.vue
new file mode 100644
index 0000000..9c5cc2d
--- /dev/null
+++ b/src/views/scm/supplierCouponList.vue
@@ -0,0 +1,242 @@
+<template>
+  <div class="supplier-coupon-container">
+
+
+      <el-row :gutter="20">
+        <el-col :span="4">
+          <el-card class="supplier-list">
+            <ul class="supplier-ul">
+              <li v-for="(supplier, index) in suppliers" :key="index"
+                :class="{ 'active': supplier.supplierId === curSupplier.supplierId }" @click="switchSupplier(supplier)">
+                {{ supplier.supplierName }}
+              </li>
+            </ul>
+          </el-card>
+        </el-col>
+
+        <el-col :span="20">
+          <el-card>
+            <div slot="header" class="text-left">
+              <span>{{ $t('supplierCoupon.searchConditions') }}</span>
+            </div>
+
+            <el-form :inline="true" :model="conditions" class="demo-form-inline text-left">
+              <el-form-item :label="$t('supplierCoupon.name')">
+                <el-input v-model="conditions.name" :placeholder="$t('supplierCoupon.name')"></el-input>
+              </el-form-item>
+
+              <el-form-item :label="$t('supplierCoupon.businessId')">
+                <el-input v-model="conditions.businessKey" :placeholder="$t('supplierCoupon.businessId')"></el-input>
+              </el-form-item>
+
+              <el-form-item>
+                <el-button type="primary" @click="querySupplierCoupon">
+                  {{ $t('supplierCoupon.search') }}
+                </el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+
+          <el-card class="coupon-list">
+            <div slot="header" class="flex justify-between">
+              <span>{{ $t('supplierCoupon.couponInfo') }}</span>
+              <el-button type="primary" size="small" style="float: right;" @click="openAddDialog">
+                {{ $t('supplierCoupon.add') }}
+              </el-button>
+            </div>
+
+            <el-table :data="supplierCoupons" style="width: 100%" v-loading="loading">
+              <el-table-column prop="couponId" :label="$t('supplierCoupon.name')" align="center" />
+              <el-table-column prop="name" :label="$t('supplierCoupon.name')" align="center" />
+              <el-table-column prop="supplierName" :label="$t('supplierCoupon.supplier')" align="center" />
+              <el-table-column prop="businessKey" :label="$t('supplierCoupon.thirdPartyId')" align="center" />
+              <el-table-column prop="valuePrice" :label="$t('supplierCoupon.price')" align="center" />
+              <el-table-column prop="remark" :label="$t('supplierCoupon.remark')" align="center" />
+              <el-table-column :label="$t('supplierCoupon.operation')" align="center">
+                <template slot-scope="scope">
+                  <el-button size="mini" @click="openEditDialog(scope.row)">
+                    {{ $t('supplierCoupon.edit') }}
+                  </el-button>
+                  <el-button size="mini" type="danger" @click="openDeleteDialog(scope.row)">
+                    {{ $t('supplierCoupon.delete') }}
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+              :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+              layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top: 20px;">
+            </el-pagination>
+          </el-card>
+        </el-col>
+      </el-row>
+
+    <add-supplier-coupon ref="addDialog" @success="handleAddSuccess" />
+    <edit-supplier-coupon ref="editDialog" @success="handleEditSuccess" />
+    <delete-supplier-coupon ref="deleteDialog" @success="handleDeleteSuccess" />
+  </div>
+</template>
+
+<script>
+import { getSupplierList, getSupplierCouponList } from '@/api/scm/supplierCouponApi'
+import AddSupplierCoupon from '@/components/scm/addSupplierCoupon'
+import EditSupplierCoupon from '@/components/scm/editSupplierCoupon'
+import DeleteSupplierCoupon from '@/components/scm/deleteSupplierCoupon'
+
+export default {
+  name: 'SupplierCouponList',
+  components: {
+    AddSupplierCoupon,
+    EditSupplierCoupon,
+    DeleteSupplierCoupon
+  },
+  data() {
+    return {
+      suppliers: [],
+      curSupplier: {},
+      supplierCoupons: [],
+      loading: false,
+      conditions: {
+        name: '',
+        businessKey: '',
+        supplierId: ''
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  mounted() {
+    this.getSupplierList()
+  },
+  methods: {
+    async getSupplierList() {
+      try {
+        const res = await getSupplierList({
+          page: 1,
+          row: 100
+        })
+        this.suppliers = res.data
+        if (this.suppliers.length > 0) {
+          this.switchSupplier(this.suppliers[0])
+        }
+      } catch (error) {
+        this.$message.error(this.$t('supplierCoupon.fetchError'))
+      }
+    },
+
+    async getSupplierCouponList() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.conditions,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const res = await getSupplierCouponList(params)
+        this.supplierCoupons = res.data
+        this.pagination.total = res.total
+      } catch (error) {
+        this.$message.error(this.$t('supplierCoupon.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+
+    switchSupplier(supplier) {
+      this.curSupplier = supplier
+      this.conditions.supplierId = supplier.supplierId
+      this.pagination.current = 1
+      this.getSupplierCouponList()
+    },
+
+    querySupplierCoupon() {
+      this.pagination.current = 1
+      this.getSupplierCouponList()
+    },
+
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.getSupplierCouponList()
+    },
+
+    handleCurrentChange(current) {
+      this.pagination.current = current
+      this.getSupplierCouponList()
+    },
+
+    openAddDialog() {
+      if (!this.curSupplier.supplierId) {
+        this.$message.warning(this.$t('supplierCoupon.supplierRequired'))
+        return
+      }
+      this.$refs.addDialog.open({
+        supplierId: this.curSupplier.supplierId
+      })
+    },
+
+    openEditDialog(row) {
+      this.$refs.editDialog.open(row)
+    },
+
+    openDeleteDialog(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+
+    handleAddSuccess() {
+      this.getSupplierCouponList()
+    },
+
+    handleEditSuccess() {
+      this.getSupplierCouponList()
+    },
+
+    handleDeleteSuccess() {
+      this.getSupplierCouponList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.supplier-coupon-container {
+  padding: 20px;
+}
+
+.supplier-list {
+  height: calc(100vh - 200px);
+  overflow-y: auto;
+}
+
+.supplier-ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.supplier-ul li {
+  padding: 10px;
+  cursor: pointer;
+  border-bottom: 1px solid #eee;
+}
+
+.supplier-ul li:hover {
+  background-color: #f5f7fa;
+}
+
+.supplier-ul li.active {
+  background-color: #409eff;
+  color: white;
+}
+
+.coupon-list {
+  margin-top: 20px;
+}
+
+.demo-form-inline {
+  margin-bottom: 0;
+}
+</style>
\ No newline at end of file