From 76e2c4c759b4db75962c6407bbed0a4320c9555a Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Tue, 3 Jun 2025 13:59:19 +0800
Subject: [PATCH] 开发 admin 营销功能

---
 src/api/market/marketSmsManageApi.js      | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/AddMarketSms.vue    | 114 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/DeleteMarketSms.vue |  61 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/EditMarketSms.vue   |  96 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/i18n/index.js                         |   3 +++
 src/router/index.js                       |   5 +++++
 src/views/community/CommunityLang.js      |  26 --------------------------
 src/views/mall/userIntegralLang.js        |   8 --------
 src/views/market/marketSmsManageLang.js   | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/market/marketSmsManageList.vue  | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/project/menuLang.js             |  20 --------------------
 11 files changed, 657 insertions(+), 54 deletions(-)
 create mode 100644 src/api/market/marketSmsManageApi.js
 create mode 100644 src/components/market/AddMarketSms.vue
 create mode 100644 src/components/market/DeleteMarketSms.vue
 create mode 100644 src/components/market/EditMarketSms.vue
 create mode 100644 src/views/market/marketSmsManageLang.js
 create mode 100644 src/views/market/marketSmsManageList.vue

diff --git a/src/api/market/marketSmsManageApi.js b/src/api/market/marketSmsManageApi.js
new file mode 100644
index 0000000..d87f48e
--- /dev/null
+++ b/src/api/market/marketSmsManageApi.js
@@ -0,0 +1,101 @@
+import request from '@/utils/request'
+
+// 获取营销短信列表
+export function listMarketSms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketSms.listMarketSms',
+      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 saveMarketSms(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketSms.saveMarketSms',
+      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 updateMarketSms(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketSms.updateMarketSms',
+      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 deleteMarketSms(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketSms.deleteMarketSms',
+      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 listMarketSmsKey(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketSms.listMarketSmsKey',
+      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)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/market/AddMarketSms.vue b/src/components/market/AddMarketSms.vue
new file mode 100644
index 0000000..ccfc1d8
--- /dev/null
+++ b/src/components/market/AddMarketSms.vue
@@ -0,0 +1,114 @@
+<template>
+  <el-dialog :title="$t('marketSms.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('marketSms.form.smsName')" prop="smsName">
+        <el-input v-model="form.smsName" :placeholder="$t('marketSms.placeholder.smsName')" />
+      </el-form-item>
+      <el-form-item :label="$t('marketSms.form.smsType')" prop="smsType">
+        <el-select v-model="form.smsType" :placeholder="$t('marketSms.placeholder.smsType')" style="width: 100%"
+          @change="handleSmsTypeChange">
+          <el-option v-for="item in smsTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+        </el-select>
+      </el-form-item>
+      <el-form-item v-for="(item, index) in smsTypeValues" :key="index" :label="item.name">
+        <el-input v-model="item.smsValue" :placeholder="item.remark" />
+      </el-form-item>
+      <el-form-item :label="$t('marketSms.form.remark')" prop="remark">
+        <el-input v-model="form.remark" :placeholder="$t('marketSms.placeholder.remark')" type="textarea" rows="3" />
+      </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 { saveMarketSms, listMarketSmsKey } from '@/api/market/marketSmsManageApi'
+import {getDict} from '@/api/community/communityApi'
+
+export default {
+  name: 'AddMarketSms',
+  data() {
+    return {
+      visible: false,
+      form: {
+        smsName: '',
+        smsType: '',
+        remark: ''
+      },
+      smsTypes: [],
+      smsTypeValues: [],
+      rules: {
+        smsName: [
+          { required: true, message: this.$t('marketSms.validate.smsName'), trigger: 'blur' },
+          { max: 64, message: this.$t('marketSms.validate.smsNameMax'), trigger: 'blur' }
+        ],
+        smsType: [
+          { required: true, message: this.$t('marketSms.validate.smsType'), trigger: 'change' }
+        ],
+        remark: [
+          { required: true, message: this.$t('marketSms.validate.remark'), trigger: 'blur' },
+          { max: 512, message: this.$t('marketSms.validate.remarkMax'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getDictData()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        const data = await getDict('market_sms_key', 'sms_type')
+        this.smsTypes = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async handleSmsTypeChange(value) {
+      if (!value) return
+      try {
+        const { data } = await listMarketSmsKey({
+          smsType: value,
+          page: 1,
+          row: 100
+        })
+        this.smsTypeValues = data
+      } catch (error) {
+        console.error('获取短信类型值失败:', error)
+      }
+    },
+    open() {
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.smsTypeValues = []
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          const formData = {
+            ...this.form,
+            smsTypeValues: this.smsTypeValues
+          }
+          await saveMarketSms(formData)
+          this.$message.success(this.$t('marketSms.add.success'))
+          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/market/DeleteMarketSms.vue b/src/components/market/DeleteMarketSms.vue
new file mode 100644
index 0000000..ecbd520
--- /dev/null
+++ b/src/components/market/DeleteMarketSms.vue
@@ -0,0 +1,61 @@
+<template>
+    <el-dialog
+      :title="$t('marketSms.delete.title')"
+      :visible.sync="visible"
+      width="30%"
+      @close="handleClose"
+    >
+      <div class="delete-content">
+        <p>{{ $t('marketSms.delete.confirm') }}</p>
+      </div>
+      <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 { deleteMarketSms } from '@/api/market/marketSmsManageApi'
+  
+  export default {
+    name: 'DeleteMarketSms',
+    data() {
+      return {
+        visible: false,
+        smsId: ''
+      }
+    },
+    methods: {
+      open(data) {
+        this.smsId = data.smsId
+        this.visible = true
+      },
+      handleClose() {
+        this.smsId = ''
+      },
+      async handleConfirm() {
+        try {
+          await deleteMarketSms({ smsId: this.smsId })
+          this.$message.success(this.$t('marketSms.delete.success'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message)
+        }
+      }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .delete-content {
+    text-align: center;
+    font-size: 16px;
+    margin-bottom: 20px;
+  }
+  </style>
\ No newline at end of file
diff --git a/src/components/market/EditMarketSms.vue b/src/components/market/EditMarketSms.vue
new file mode 100644
index 0000000..5c57fd2
--- /dev/null
+++ b/src/components/market/EditMarketSms.vue
@@ -0,0 +1,96 @@
+<template>
+  <el-dialog :title="$t('marketSms.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('marketSms.form.smsName')" prop="smsName">
+        <el-input v-model="form.smsName" />
+      </el-form-item>
+      <el-form-item :label="$t('marketSms.form.smsType')" prop="smsType">
+        <el-select v-model="form.smsType" style="width: 100%" disabled>
+          <el-option v-for="item in smsTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+        </el-select>
+      </el-form-item>
+      <el-form-item v-for="(item, index) in form.smsTypeValues" :key="index" :label="item.name">
+        <el-input v-model="item.smsValue" :placeholder="item.remark" />
+      </el-form-item>
+      <el-form-item :label="$t('marketSms.form.remark')" prop="remark">
+        <el-input v-model="form.remark" type="textarea" />
+      </el-form-item>
+    </el-form>
+    <span 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>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateMarketSms } from '@/api/market/marketSmsManageApi'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditMarketSms',
+  data() {
+    return {
+      visible: false,
+      smsTypes: [],
+      form: {
+        smsId: '',
+        smsName: '',
+        smsType: '',
+        remark: '',
+        smsTypeValues: []
+      },
+      rules: {
+        smsName: [
+          { required: true, message: this.$t('marketSmsManage.rules.smsName'), trigger: 'blur' },
+          { max: 64, message: this.$t('marketSmsManage.rules.smsNameMax'), trigger: 'blur' }
+        ],
+        smsType: [
+          { required: true, message: this.$t('marketSmsManage.rules.smsType'), trigger: 'change' }
+        ],
+        remark: [
+          { required: true, message: this.$t('marketSmsManage.rules.remark'), trigger: 'blur' },
+          { max: 512, message: this.$t('marketSmsManage.rules.remarkMax'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getSmsTypes()
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        ...data,
+        smsTypeValues: data.values || []
+      }
+      this.visible = true
+    },
+    async getSmsTypes() {
+      try {
+        const data = await getDict('market_sms_key', 'sms_type')
+        this.smsTypes = data
+      } catch (error) {
+        console.error('Failed to get sms types:', error)
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        try {
+          await updateMarketSms(this.form)
+          this.$message.success(this.$t('marketSmsManage.message.editSuccess'))
+          this.$emit('success')
+          this.visible = false
+        } catch (error) {
+          this.$message.error(error.message || this.$t('marketSmsManage.message.editFailed'))
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form.smsTypeValues = []
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 70fc88d..e3a24b7 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -96,6 +96,7 @@ import { messages as storeOrderCartManageMessages } from '../views/mall/storeOrd
 import { messages as storeOrderCartReturnMessages } from '../views/mall/storeOrderCartReturnLang'
 import { messages as userIntegralMessages } from '../views/mall/userIntegralLang'
 import { messages as integralDetailMessages } from '../views/mall/integralDetailLang'
+import { messages as marketSmsManageMessages } from '../views/market/marketSmsManageLang'
 
 Vue.use(VueI18n)
 
@@ -196,6 +197,7 @@ const messages = {
     ...storeOrderCartReturnMessages.en,
     ...userIntegralMessages.en,
     ...integralDetailMessages.en,
+    ...marketSmsManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -292,6 +294,7 @@ const messages = {
     ...storeOrderCartReturnMessages.zh,
     ...userIntegralMessages.zh,
     ...integralDetailMessages.zh,
+    ...marketSmsManageMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 8d35148..154ebc2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -466,6 +466,11 @@ const routes = [
         name: '/pages/admin/integralDetail',
         component: () => import('@/views/mall/integralDetailList.vue')
       },
+      {
+        path:'/pages/admin/marketSmsManage',
+        name:'/pages/admin/marketSmsManage',
+        component: () => import('@/views/market/marketSmsManageList.vue')
+        },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/community/CommunityLang.js b/src/views/community/CommunityLang.js
index d0ab12f..2c6c155 100644
--- a/src/views/community/CommunityLang.js
+++ b/src/views/community/CommunityLang.js
@@ -12,19 +12,6 @@ export const messages = {
       startTime: 'Start Time',
       endTime: 'End Time',
       status: 'Status'
-    },
-    common: {
-      search: 'Search',
-      reset: 'Reset',
-      operation: 'Operation',
-      edit: 'Edit',
-      view: 'View',
-      delete: 'Delete',
-      confirm: 'Confirm',
-      cancel: 'Cancel',
-      warning: 'Warning',
-      deleteConfirm: 'Are you sure to delete this record?',
-      deleteSuccess: 'Delete successfully'
     }
   },
   zh: {
@@ -40,19 +27,6 @@ export const messages = {
       startTime: '开始时间',
       endTime: '结束时间',
       status: '状态'
-    },
-    common: {
-      search: '搜索',
-      reset: '重置',
-      operation: '操作',
-      edit: '编辑',
-      view: '查看',
-      delete: '删除',
-      confirm: '确定',
-      cancel: '取消',
-      warning: '警告',
-      deleteConfirm: '确定要删除这条记录吗？',
-      deleteSuccess: '删除成功'
     }
   }
 } 
\ No newline at end of file
diff --git a/src/views/mall/userIntegralLang.js b/src/views/mall/userIntegralLang.js
index 5fea13a..178ec66 100644
--- a/src/views/mall/userIntegralLang.js
+++ b/src/views/mall/userIntegralLang.js
@@ -22,10 +22,6 @@ export const messages = {
         merchant: 'Merchant'
       },
       fetchError: 'Failed to fetch points data'
-    },
-    common: {
-      search: 'Search',
-      manage: 'Manage'
     }
   },
   zh: {
@@ -51,10 +47,6 @@ export const messages = {
         merchant: '商户'
       },
       fetchError: '获取积分数据失败'
-    },
-    common: {
-      search: '查询',
-      manage: '管理'
     }
   }
 }
\ No newline at end of file
diff --git a/src/views/market/marketSmsManageLang.js b/src/views/market/marketSmsManageLang.js
new file mode 100644
index 0000000..fa8def0
--- /dev/null
+++ b/src/views/market/marketSmsManageLang.js
@@ -0,0 +1,104 @@
+export const messages = {
+  en: {
+    marketSms: {
+      search: {
+        title: 'Search Conditions',
+        smsName: 'Please enter name',
+        smsType: 'Please select type'
+      },
+      list: {
+        title: 'Marketing Configuration'
+      },
+      table: {
+        smsId: 'ID',
+        smsName: 'Name',
+        smsType: 'Type',
+        createTime: 'Create Time',
+        remark: 'Remark'
+      },
+      form: {
+        smsName: 'Name',
+        smsType: 'Type',
+        remark: 'Remark'
+      },
+      placeholder: {
+        smsName: 'Please enter name',
+        smsType: 'Please select type',
+        remark: 'Please enter remark'
+      },
+      validate: {
+        smsName: 'Name is required',
+        smsNameMax: 'Name cannot exceed 64 characters',
+        smsType: 'Type is required',
+        remark: 'Remark is required',
+        remarkMax: 'Remark cannot exceed 512 characters',
+        smsId: 'ID is required'
+      },
+      add: {
+        title: 'Add Marketing SMS',
+        success: 'Add successful'
+      },
+      edit: {
+        title: 'Edit Marketing SMS',
+        success: 'Edit successful'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirm: 'Are you sure to delete this marketing SMS?',
+        success: 'Delete successful'
+      },
+      fetchError: 'Failed to fetch data'
+    }
+  },
+  zh: {
+    marketSms: {
+      search: {
+        title: '查询条件',
+        smsName: '请输入名称',
+        smsType: '请选择类型'
+      },
+      list: {
+        title: '营销配置'
+      },
+      table: {
+        smsId: '编号',
+        smsName: '名称',
+        smsType: '设置类型',
+        createTime: '创建时间',
+        remark: '备注'
+      },
+      form: {
+        smsName: '名称',
+        smsType: '设置类型',
+        remark: '备注'
+      },
+      placeholder: {
+        smsName: '请输入名称',
+        smsType: '请选择设置类型',
+        remark: '请输入备注'
+      },
+      validate: {
+        smsName: '名称不能为空',
+        smsNameMax: '名称不能超过64个字符',
+        smsType: '设置类型不能为空',
+        remark: '备注不能为空',
+        remarkMax: '备注不能超过512个字符',
+        smsId: '编号不能为空'
+      },
+      add: {
+        title: '添加营销短信',
+        success: '添加成功'
+      },
+      edit: {
+        title: '修改营销短信',
+        success: '修改成功'
+      },
+      delete: {
+        title: '删除确认',
+        confirm: '确定删除该营销短信吗？',
+        success: '删除成功'
+      },
+      fetchError: '获取数据失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/market/marketSmsManageList.vue b/src/views/market/marketSmsManageList.vue
new file mode 100644
index 0000000..24b2d5b
--- /dev/null
+++ b/src/views/market/marketSmsManageList.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="market-sms-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="clearfix text-left">
+        <span>{{ $t('marketSms.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="4">
+          <el-input v-model="searchForm.smsName" :placeholder="$t('marketSms.search.smsName')" clearable />
+        </el-col>
+        <el-col :span="4">
+          <el-select v-model="searchForm.smsType" :placeholder="$t('marketSms.search.smsType')" clearable>
+            <el-option v-for="item in smsTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+          </el-select>
+        </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 text-left">
+        <span>{{ $t('marketSms.list.title') }}</span>
+        <div style="float: right;">
+          <el-button type="primary" size="small" @click="handleAdd">
+            {{ $t('common.add') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="smsId" :label="$t('marketSms.table.smsId')" align="center" />
+        <el-table-column prop="smsName" :label="$t('marketSms.table.smsName')" align="center" />
+        <el-table-column prop="smsType" :label="$t('marketSms.table.smsType')" align="center" />
+        <el-table-column prop="createTime" :label="$t('marketSms.table.createTime')" align="center" />
+        <el-table-column prop="remark" :label="$t('marketSms.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="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+        :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 子组件 -->
+    <add-market-sms ref="addMarketSms" @success="handleSuccess" />
+    <edit-market-sms ref="editMarketSms" @success="handleSuccess" />
+    <delete-market-sms ref="deleteMarketSms" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listMarketSms } from '@/api/market/marketSmsManageApi'
+import AddMarketSms from '@/components/market/AddMarketSms'
+import EditMarketSms from '@/components/market/EditMarketSms'
+import DeleteMarketSms from '@/components/market/DeleteMarketSms'
+
+export default {
+  name: 'MarketSmsManageList',
+  components: {
+    AddMarketSms,
+    EditMarketSms,
+    DeleteMarketSms
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        smsName: '',
+        smsType: ''
+      },
+      tableData: [],
+      smsTypes: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.getDictData()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listMarketSms(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('marketSms.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getDictData() {
+      try {
+        const data = await this.$store.dispatch('dict/getDict', {
+          dictType: 'market_sms_key',
+          dictName: 'sms_type'
+        })
+        this.smsTypes = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addMarketSms.open()
+    },
+    handleEdit(row) {
+      this.$refs.editMarketSms.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteMarketSms.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.market-sms-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/project/menuLang.js b/src/views/project/menuLang.js
index 8d48502..5c02098 100644
--- a/src/views/project/menuLang.js
+++ b/src/views/project/menuLang.js
@@ -19,16 +19,6 @@ export default {
         createTime: 'Create Time'
       }
     },
-    common: {
-      add: 'Add',
-      edit: 'Edit',
-      delete: 'Delete',
-      search: 'Search',
-      operation: 'Operation',
-      pagination: {
-        layout: 'total, sizes, prev, pager, next, jumper'
-      }
-    }
   },
   zh: {
     menu: {
@@ -50,15 +40,5 @@ export default {
         createTime: '创建时间'
       }
     },
-    common: {
-      add: '新增',
-      edit: '编辑',
-      delete: '删除',
-      search: '查询',
-      operation: '操作',
-      pagination: {
-        layout: 'total, sizes, prev, pager, next, jumper'
-      }
-    }
   }
 } 
\ No newline at end of file
--
libgit2 0.21.4