From 313306819565301df4e6e170b9b53d08a4e081d8 Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Tue, 3 Jun 2025 23:13:05 +0800
Subject: [PATCH] 开发完成admin 营销规则

---
 src/api/market/marketRuleApi.js                     | 337 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/AddMarketRule.vue             |  65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/AddMarketRuleCommunity.vue    |  92 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/AddMarketRuleObj.vue          |  84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/AddMarketRuleWay.vue          | 200 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/DeleteMarketRule.vue          |  43 +++++++++++++++++++++++++++++++++++++++++++
 src/components/market/DeleteMarketRuleCommunity.vue |  41 +++++++++++++++++++++++++++++++++++++++++
 src/components/market/DeleteMarketRuleObj.vue       |  43 +++++++++++++++++++++++++++++++++++++++++++
 src/components/market/DeleteMarketRuleWay.vue       |  39 +++++++++++++++++++++++++++++++++++++++
 src/components/market/EditMarketRule.vue            |  80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/MarketRuleCommunity.vue       | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/MarketRuleDiv.vue             | 102 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/MarketRuleObj.vue             | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/market/MarketRuleWay.vue             | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/i18n/index.js                                   |   3 +++
 src/router/index.js                                 |  31 ++++++++++++++++++-------------
 src/views/market/marketRuleLang.js                  |  80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/market/marketRuleList.vue                 |  91 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 18 files changed, 1656 insertions(+), 13 deletions(-)
 create mode 100644 src/api/market/marketRuleApi.js
 create mode 100644 src/components/market/AddMarketRule.vue
 create mode 100644 src/components/market/AddMarketRuleCommunity.vue
 create mode 100644 src/components/market/AddMarketRuleObj.vue
 create mode 100644 src/components/market/AddMarketRuleWay.vue
 create mode 100644 src/components/market/DeleteMarketRule.vue
 create mode 100644 src/components/market/DeleteMarketRuleCommunity.vue
 create mode 100644 src/components/market/DeleteMarketRuleObj.vue
 create mode 100644 src/components/market/DeleteMarketRuleWay.vue
 create mode 100644 src/components/market/EditMarketRule.vue
 create mode 100644 src/components/market/MarketRuleCommunity.vue
 create mode 100644 src/components/market/MarketRuleDiv.vue
 create mode 100644 src/components/market/MarketRuleObj.vue
 create mode 100644 src/components/market/MarketRuleWay.vue
 create mode 100644 src/views/market/marketRuleLang.js
 create mode 100644 src/views/market/marketRuleList.vue

diff --git a/src/api/market/marketRuleApi.js b/src/api/market/marketRuleApi.js
new file mode 100644
index 0000000..ade2119
--- /dev/null
+++ b/src/api/market/marketRuleApi.js
@@ -0,0 +1,337 @@
+import request from '@/utils/request'
+
+// 获取营销规则列表
+export function listMarketRule(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.listMarketRule',
+      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 saveMarketRule(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.saveMarketRule',
+      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 updateMarketRule(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.updateMarketRule',
+      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 deleteMarketRule(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.deleteMarketRule',
+      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 listMarketRuleWay(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.listMarketRuleWay',
+      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 saveMarketRuleWay(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.saveMarketRuleWay',
+      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 deleteMarketRuleWay(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.deleteMarketRuleWay',
+      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 listMarketText(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketText.listMarketText',
+      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 listMarketPic(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketPic.listMarketPic',
+      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 listMarketGoods(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketGoods.listMarketGoods',
+      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 listCommunitys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.listCommunitys',
+      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 saveMarketRuleCommunity(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.saveMarketRuleCommunity',
+      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 listMarketRuleCommunity(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.listMarketRuleCommunity',
+      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 deleteMarketRuleCommunity(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.deleteMarketRuleCommunity',
+      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 saveMarketRuleObj(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.saveMarketRuleObj',
+      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 listMarketRuleObj(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.listMarketRuleObj',
+      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 deleteMarketRuleObj(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/marketRule.deleteMarketRuleObj',
+      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/components/market/AddMarketRule.vue b/src/components/market/AddMarketRule.vue
new file mode 100644
index 0000000..bc20bd6
--- /dev/null
+++ b/src/components/market/AddMarketRule.vue
@@ -0,0 +1,65 @@
+<template>
+  <el-dialog :title="$t('marketRule.add')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('marketRule.name')" prop="name">
+        <el-input v-model="form.name" :placeholder="$t('marketRule.required')"></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('marketRule.remark')" prop="remark">
+        <el-input type="textarea" v-model="form.remark" :placeholder="$t('marketRule.required')" rows="4"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('marketRule.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveMarketRule } from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'AddMarketRule',
+  data() {
+    return {
+      visible: false,
+      form: {
+        name: '',
+        remark: ''
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'blur' },
+          { max: 64, message: this.$t('marketRule.maxLength64'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'blur' },
+          { max: 512, message: this.$t('marketRule.maxLength512'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveMarketRule(this.form)
+            this.$message.success(this.$t('marketRule.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/market/AddMarketRuleCommunity.vue b/src/components/market/AddMarketRuleCommunity.vue
new file mode 100644
index 0000000..a775893
--- /dev/null
+++ b/src/components/market/AddMarketRuleCommunity.vue
@@ -0,0 +1,92 @@
+<template>
+  <el-dialog :title="$t('marketRule.associateCommunity')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+      <el-form-item :label="$t('marketRule.communityName')" prop="communityId">
+        <el-select v-model="form.communityId" :placeholder="$t('marketRule.selectCommunity')" style="width: 100%;" filterable>
+          <el-option v-for="item in communitys" :key="item.communityId" :label="item.name" :value="item.communityId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('marketRule.remark')" prop="remark">
+        <el-input type="textarea" v-model="form.remark" :placeholder="$t('marketRule.optional')" rows="4"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('marketRule.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import {
+  saveMarketRuleCommunity,
+  listCommunitys
+} from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'AddMarketRuleCommunity',
+  props: {
+    ruleId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        ruleId: '',
+        communityId: '',
+        remark: ''
+      },
+      communitys: [],
+      rules: {
+        communityId: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'change' }
+        ],
+        remark: [
+          { max: 512, message: this.$t('marketRule.maxLength512'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.form.ruleId = this.ruleId
+      this.visible = true
+      this.loadCommunitys()
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        ruleId: this.ruleId,
+        communityId: '',
+        remark: ''
+      }
+    },
+    async loadCommunitys() {
+      try {
+        const { communitys } = await listCommunitys({ page: 1, row: 500 })
+        this.communitys = communitys
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveMarketRuleCommunity(this.form)
+            this.$message.success(this.$t('marketRule.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/market/AddMarketRuleObj.vue b/src/components/market/AddMarketRuleObj.vue
new file mode 100644
index 0000000..eafacd7
--- /dev/null
+++ b/src/components/market/AddMarketRuleObj.vue
@@ -0,0 +1,84 @@
+<template>
+  <el-dialog :title="$t('marketRule.associateObject')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+      <el-form-item :label="$t('marketRule.objectName')" prop="objType">
+        <el-select v-model="form.objType" :placeholder="$t('marketRule.selectObject')" style="width: 100%;">
+          <el-option v-for="item in objTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('marketRule.remark')" prop="remark">
+        <el-input type="textarea" v-model="form.remark" :placeholder="$t('marketRule.optional')" rows="4"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('marketRule.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveMarketRuleObj } from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'AddMarketRuleObj',
+  props: {
+    ruleId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        ruleId: '',
+        objType: '',
+        remark: ''
+      },
+      objTypes: [
+        { statusCd: '1001', name: this.$t('marketRule.customer') },
+        { statusCd: '2002', name: this.$t('marketRule.merchant') },
+        { statusCd: '3003', name: this.$t('marketRule.staff') }
+      ],
+      rules: {
+        objType: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'change' }
+        ],
+        remark: [
+          { max: 512, message: this.$t('marketRule.maxLength512'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.form.ruleId = this.ruleId
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        ruleId: this.ruleId,
+        objType: '',
+        remark: ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveMarketRuleObj(this.form)
+            this.$message.success(this.$t('marketRule.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/market/AddMarketRuleWay.vue b/src/components/market/AddMarketRuleWay.vue
new file mode 100644
index 0000000..af4f88c
--- /dev/null
+++ b/src/components/market/AddMarketRuleWay.vue
@@ -0,0 +1,200 @@
+<template>
+  <el-dialog
+    :title="$t('marketRule.associateMarketingMethod')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+      <el-form-item :label="$t('marketRule.marketingType')" prop="wayType">
+        <el-select 
+          v-model="form.wayType" 
+          :placeholder="$t('marketRule.selectMarketingType')"
+          @change="handleWayTypeChange"
+        >
+          <el-option
+            v-for="item in wayTypes"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item 
+        v-if="form.wayType === '1001'"
+        :label="$t('marketRule.marketingMethod')"
+        prop="wayObjId"
+      >
+        <el-select 
+          v-model="form.wayObjId" 
+          :placeholder="$t('marketRule.selectMarketingText')"
+        >
+          <el-option
+            v-for="item in marketTexts"
+            :key="item.textId"
+            :label="item.name"
+            :value="item.textId"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item 
+        v-if="form.wayType === '2002'"
+        :label="$t('marketRule.marketingMethod')"
+        prop="wayObjId"
+      >
+        <el-select 
+          v-model="form.wayObjId" 
+          :placeholder="$t('marketRule.selectMarketingImage')"
+        >
+          <el-option
+            v-for="item in marketPics"
+            :key="item.picId"
+            :label="item.name"
+            :value="item.picId"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item 
+        v-if="form.wayType === '3003'"
+        :label="$t('marketRule.marketingMethod')"
+        prop="wayObjId"
+      >
+        <el-select 
+          v-model="form.wayObjId" 
+          :placeholder="$t('marketRule.selectMarketingGoods')"
+        >
+          <el-option
+            v-for="item in marketGoodss"
+            :key="item.goodsId"
+            :label="item.name"
+            :value="item.goodsId"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('marketRule.remark')" prop="remark">
+        <el-input
+          type="textarea"
+          v-model="form.remark"
+          :placeholder="$t('marketRule.optional')"
+          rows="4"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('marketRule.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { 
+  saveMarketRuleWay,
+  listMarketText,
+  listMarketPic,
+  listMarketGoods 
+} from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'AddMarketRuleWay',
+  props: {
+    ruleId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        ruleId: '',
+        wayType: '',
+        wayObjId: '',
+        remark: ''
+      },
+      wayTypes: [
+        { value: '1001', label: this.$t('marketRule.text') },
+        { value: '2002', label: this.$t('marketRule.image') },
+        { value: '3003', label: this.$t('marketRule.goods') }
+      ],
+      marketTexts: [],
+      marketPics: [],
+      marketGoodss: [],
+      rules: {
+        wayType: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'change' }
+        ],
+        wayObjId: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'change' }
+        ],
+        remark: [
+          { max: 512, message: this.$t('marketRule.maxLength512'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.form.ruleId = this.ruleId
+      this.visible = true
+      this.loadMarketTexts()
+      this.loadMarketPics()
+      this.loadMarketGoodss()
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        ruleId: this.ruleId,
+        wayType: '',
+        wayObjId: '',
+        remark: ''
+      }
+    },
+    handleWayTypeChange() {
+      this.form.wayObjId = ''
+    },
+    async loadMarketTexts() {
+      try {
+        const { data } = await listMarketText({ page: 1, row: 100 })
+        this.marketTexts = data
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+    async loadMarketPics() {
+      try {
+        const { data } = await listMarketPic({ page: 1, row: 100 })
+        this.marketPics = data
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+    async loadMarketGoodss() {
+      try {
+        const { data } = await listMarketGoods({ page: 1, row: 100 })
+        this.marketGoodss = data
+      } catch (error) {
+        this.$message.error(error.message)
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveMarketRuleWay(this.form)
+            this.$message.success(this.$t('marketRule.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/market/DeleteMarketRule.vue b/src/components/market/DeleteMarketRule.vue
new file mode 100644
index 0000000..05a915c
--- /dev/null
+++ b/src/components/market/DeleteMarketRule.vue
@@ -0,0 +1,43 @@
+<template>
+  <el-dialog
+    :title="$t('marketRule.confirmDelete')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <p>{{ $t('marketRule.deleteConfirmMessage') }}</p>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="danger" @click="handleConfirm">{{ $t('marketRule.confirmDelete') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMarketRule } from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'DeleteMarketRule',
+  data() {
+    return {
+      visible: false,
+      ruleId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.ruleId = data.ruleId
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteMarketRule({ ruleId: this.ruleId })
+        this.$message.success(this.$t('marketRule.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/market/DeleteMarketRuleCommunity.vue b/src/components/market/DeleteMarketRuleCommunity.vue
new file mode 100644
index 0000000..53d52a9
--- /dev/null
+++ b/src/components/market/DeleteMarketRuleCommunity.vue
@@ -0,0 +1,41 @@
+<template>
+  <el-dialog :title="$t('marketRule.confirmDelete')" :visible.sync="visible" width="30%">
+    <p>{{ $t('marketRule.deleteConfirmMessage') }}</p>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="danger" @click="handleConfirm">{{ $t('marketRule.confirmDelete') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMarketRuleCommunity } from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'DeleteMarketRuleCommunity',
+  data() {
+    return {
+      visible: false,
+      communityId: '',
+      rcId:''
+    }
+  },
+  methods: {
+    open(data) {
+      this.communityId = data.communityId
+      this.rcId = data.rcId
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteMarketRuleCommunity({ communityId: this.communityId , rcId: this.rcId})
+        this.$message.success(this.$t('marketRule.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/market/DeleteMarketRuleObj.vue b/src/components/market/DeleteMarketRuleObj.vue
new file mode 100644
index 0000000..28df23e
--- /dev/null
+++ b/src/components/market/DeleteMarketRuleObj.vue
@@ -0,0 +1,43 @@
+<template>
+  <el-dialog
+    :title="$t('marketRule.confirmDelete')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <p>{{ $t('marketRule.deleteConfirmMessage') }}</p>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="danger" @click="handleConfirm">{{ $t('marketRule.confirmDelete') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMarketRuleObj } from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'DeleteMarketRuleObj',
+  data() {
+    return {
+      visible: false,
+      objId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.objId = data.objId
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteMarketRuleObj({ objId: this.objId })
+        this.$message.success(this.$t('marketRule.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/market/DeleteMarketRuleWay.vue b/src/components/market/DeleteMarketRuleWay.vue
new file mode 100644
index 0000000..718b129
--- /dev/null
+++ b/src/components/market/DeleteMarketRuleWay.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-dialog :title="$t('marketRule.confirmDelete')" :visible.sync="visible" width="30%">
+    <p>{{ $t('marketRule.deleteConfirmMessage') }}</p>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="danger" @click="handleConfirm">{{ $t('marketRule.confirmDelete') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMarketRuleWay } from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'DeleteMarketRuleWay',
+  data() {
+    return {
+      visible: false,
+      wayId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.wayId = data.wayId
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteMarketRuleWay({ wayId: this.wayId })
+        this.$message.success(this.$t('marketRule.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/market/EditMarketRule.vue b/src/components/market/EditMarketRule.vue
new file mode 100644
index 0000000..5d35530
--- /dev/null
+++ b/src/components/market/EditMarketRule.vue
@@ -0,0 +1,80 @@
+<template>
+  <el-dialog
+    :title="$t('marketRule.edit')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('marketRule.name')" prop="name">
+        <el-input v-model="form.name" :placeholder="$t('marketRule.required')"></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('marketRule.remark')" prop="remark">
+        <el-input
+          type="textarea"
+          v-model="form.remark"
+          :placeholder="$t('marketRule.required')"
+          rows="4"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('marketRule.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('marketRule.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateMarketRule } from '@/api/market/marketRuleApi'
+
+export default {
+  name: 'EditMarketRule',
+  data() {
+    return {
+      visible: false,
+      form: {
+        ruleId: '',
+        name: '',
+        remark: ''
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'blur' },
+          { max: 64, message: this.$t('marketRule.maxLength64'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'blur' },
+          { max: 512, message: this.$t('marketRule.maxLength512'), trigger: 'blur' }
+        ],
+        ruleId: [
+          { required: true, message: this.$t('marketRule.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = { ...data }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateMarketRule(this.form)
+            this.$message.success(this.$t('marketRule.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/components/market/MarketRuleCommunity.vue b/src/components/market/MarketRuleCommunity.vue
new file mode 100644
index 0000000..4259f19
--- /dev/null
+++ b/src/components/market/MarketRuleCommunity.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="market-rule-community">
+    <div class="action-bar">
+      <el-button type="primary" size="small" @click="openAddMarketRuleCommunityModal">
+        {{ $t('marketRule.associateCommunity') }}
+      </el-button>
+    </div>
+
+    <el-table :data="marketRuleCommunitys" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="communityName" :label="$t('marketRule.communityName')" align="center" />
+      <el-table-column prop="communityId" :label="$t('marketRule.communityId')" align="center" />
+      <el-table-column prop="remark" :label="$t('marketRule.remark')" align="center" />
+      <el-table-column :label="$t('marketRule.operation')" align="center" width="150">
+        <template slot-scope="scope">
+          <el-button size="mini" type="danger" @click="openDeleteMarketRuleCommunityModal(scope.row)">
+            {{ $t('marketRule.delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+      :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+      :total="page.total" />
+
+    <add-market-rule-community ref="addMarketRuleCommunity" :rule-id="ruleId" @success="handleSuccess" />
+    <delete-market-rule-community ref="deleteMarketRuleCommunity" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listMarketRuleCommunity } from '@/api/market/marketRuleApi'
+import AddMarketRuleCommunity from './AddMarketRuleCommunity'
+import DeleteMarketRuleCommunity from './DeleteMarketRuleCommunity'
+
+export default {
+  name: 'MarketRuleCommunity',
+  props: {
+    ruleId: {
+      type: String,
+      required: true
+    }
+  },
+  components: {
+    AddMarketRuleCommunity,
+    DeleteMarketRuleCommunity
+  },
+  data() {
+    return {
+      loading: false,
+      marketRuleCommunitys: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  watch: {
+    ruleId: {
+      immediate: true,
+      handler() {
+        this.listMarketRuleCommunitys()
+      }
+    }
+  },
+  methods: {
+    async listMarketRuleCommunitys() {
+      if (!this.ruleId) return
+
+      this.loading = true
+      try {
+        const { data, total } = await listMarketRuleCommunity({
+          page: this.page.current,
+          row: this.page.size,
+          ruleId: this.ruleId
+        })
+        this.marketRuleCommunitys = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(error.message)
+      } finally {
+        this.loading = false
+      }
+    },
+    openAddMarketRuleCommunityModal() {
+      this.$refs.addMarketRuleCommunity.open()
+    },
+    openDeleteMarketRuleCommunityModal(row) {
+      this.$refs.deleteMarketRuleCommunity.open(row)
+    },
+    handleSuccess() {
+      this.listMarketRuleCommunitys()
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this.listMarketRuleCommunitys()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this.listMarketRuleCommunitys()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.action-bar {
+  margin-bottom: 15px;
+  text-align: left;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/market/MarketRuleDiv.vue b/src/components/market/MarketRuleDiv.vue
new file mode 100644
index 0000000..09deabf
--- /dev/null
+++ b/src/components/market/MarketRuleDiv.vue
@@ -0,0 +1,102 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-button-group>
+          <el-button type="primary" size="small" @click="openAddMarketRuleModal">{{ $t('marketRule.add') }}</el-button>
+          <el-button type="primary" size="small" @click="openEditMarketRuleModal">{{ $t('marketRule.edit') }}</el-button>
+          <el-button type="danger" size="small" @click="openDeleteMarketRuleModal">{{ $t('marketRule.delete')
+          }}</el-button>
+        </el-button-group>
+      </div>
+      <el-tree :data="marketRules" :props="defaultProps" node-key="ruleId" highlight-current
+        @node-click="handleNodeClick"></el-tree>
+    </el-card>
+
+    <add-market-rule ref="addMarketRule" @success="handleSuccess" />
+    <edit-market-rule ref="editMarketRule" @success="handleSuccess" />
+    <delete-market-rule ref="deleteMarketRule" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listMarketRule } from '@/api/market/marketRuleApi'
+import AddMarketRule from '@/components/market/AddMarketRule'
+import EditMarketRule from '@/components/market/EditMarketRule'
+import DeleteMarketRule from '@/components/market/DeleteMarketRule'
+
+export default {
+  name: 'MarketRuleDiv',
+  data() {
+    return {
+      marketRules: [],
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      curMarketRule: {}
+    }
+  },
+  components: {
+    
+    AddMarketRule,
+    EditMarketRule,
+    DeleteMarketRule
+  },
+  created() {
+    this.listMarketRules()
+  },
+  methods: {
+    async listMarketRules() {
+      try {
+        const { data } = await listMarketRule({
+          page: 1,
+          row: 100
+        })
+        this.marketRules = data
+        if (this.marketRules.length > 0) {
+          this.curMarketRule = this.marketRules[0]
+          this.$emit('switchMarketRule', this.curMarketRule)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('marketRule.fetchError'))
+      }
+    },
+    handleNodeClick(data) {
+      this.curMarketRule = data
+      this.$emit('switchMarketRule', data)
+    },
+    openAddMarketRuleModal() {
+      this.$refs.addMarketRule && this.$refs.addMarketRule.open()
+    },
+    openEditMarketRuleModal() {
+      if (!this.curMarketRule || !this.curMarketRule.ruleId) {
+        this.$message.warning(this.$t('marketRule.selectRuleFirst'))
+        return
+      }
+      this.$refs.editMarketRule && this.$refs.editMarketRule.open(this.curMarketRule)
+    },
+    openDeleteMarketRuleModal() {
+      if (!this.curMarketRule || !this.curMarketRule.ruleId) {
+        this.$message.warning(this.$t('marketRule.selectRuleFirst'))
+        return
+      }
+      this.$refs.deleteMarketRule && this.$refs.deleteMarketRule.open(this.curMarketRule)
+    },
+    
+    handleSuccess() {
+      this.listMarketRules()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.box-card {
+  height: 100%;
+}
+
+.el-tree {
+  margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/market/MarketRuleObj.vue b/src/components/market/MarketRuleObj.vue
new file mode 100644
index 0000000..f1a069c
--- /dev/null
+++ b/src/components/market/MarketRuleObj.vue
@@ -0,0 +1,111 @@
+<template>
+  <div class="market-rule-obj">
+    <div class="action-bar">
+      <el-button type="primary" size="small" @click="openAddMarketRuleObjModal">
+        {{ $t('marketRule.associateObject') }}
+      </el-button>
+    </div>
+
+    <el-table :data="marketRuleObjs" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="objTypeName" :label="$t('marketRule.objectName')" align="center" />
+      <el-table-column prop="remark" :label="$t('marketRule.remark')" align="center" />
+      <el-table-column :label="$t('marketRule.operation')" align="center" width="150">
+        <template slot-scope="scope">
+          <el-button size="mini" type="danger" @click="openDeleteMarketRuleObjModal(scope.row)">
+            {{ $t('marketRule.delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+      :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+      :total="page.total" />
+
+    <add-market-rule-obj ref="addMarketRuleObj" :rule-id="ruleId" @success="handleSuccess" />
+    <delete-market-rule-obj ref="deleteMarketRuleObj" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listMarketRuleObj } from '@/api/market/marketRuleApi'
+import addMarketRuleObj from './AddMarketRuleObj'
+import deleteMarketRuleObj from './DeleteMarketRuleObj'
+
+export default {
+  name: 'MarketRuleObj',
+  props: {
+    ruleId: {
+      type: String,
+      required: true
+    }
+  },
+  components: {
+    addMarketRuleObj,
+    deleteMarketRuleObj
+  },
+  data() {
+    return {
+      loading: false,
+      marketRuleObjs: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  watch: {
+    ruleId: {
+      immediate: true,
+      handler() {
+        this.listMarketRuleObjs()
+      }
+    }
+  },
+  methods: {
+    async listMarketRuleObjs() {
+      if (!this.ruleId) return
+
+      this.loading = true
+      try {
+        const { data, total } = await listMarketRuleObj({
+          page: this.page.current,
+          row: this.page.size,
+          ruleId: this.ruleId
+        })
+        this.marketRuleObjs = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(error.message)
+      } finally {
+        this.loading = false
+      }
+    },
+    openAddMarketRuleObjModal() {
+      this.$refs.addMarketRuleObj.open()
+    },
+    openDeleteMarketRuleObjModal(row) {
+      this.$refs.deleteMarketRuleObj.open(row)
+    },
+    handleSuccess() {
+      this.listMarketRuleObjs()
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this.listMarketRuleObjs()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this.listMarketRuleObjs()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.action-bar {
+  margin-bottom: 15px;
+  text-align: left;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/market/MarketRuleWay.vue b/src/components/market/MarketRuleWay.vue
new file mode 100644
index 0000000..ce28475
--- /dev/null
+++ b/src/components/market/MarketRuleWay.vue
@@ -0,0 +1,115 @@
+<template>
+  <div class="market-rule-way">
+    <div class="action-bar">
+      <el-button type="primary" size="small" @click="openAddMarketRuleWayModal" v-if="marketRuleWays.length < 1">
+        {{ $t('marketRule.associateMarketingMethod') }}
+      </el-button>
+    </div>
+
+    <el-table :data="marketRuleWays" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="wayTypeName" :label="$t('marketRule.marketingType')" align="center" />
+      <el-table-column prop="textName" :label="$t('marketRule.marketingMethod')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.textName || scope.row.picName || scope.row.goodsName }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="remark" :label="$t('marketRule.remark')" align="center" />
+      <el-table-column :label="$t('marketRule.operation')" align="center" width="150">
+        <template slot-scope="scope">
+          <el-button size="mini" type="danger" @click="openDeleteMarketRuleWayModal(scope.row)">
+            {{ $t('marketRule.delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
+      :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
+      :total="page.total" />
+
+    <add-market-rule-way ref="addMarketRuleWay" :rule-id="ruleId" @success="handleSuccess" />
+    <delete-market-rule-way ref="deleteMarketRuleWay" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listMarketRuleWay } from '@/api/market/marketRuleApi'
+import addMarketRuleWay from './AddMarketRuleWay'
+import deleteMarketRuleWay from './DeleteMarketRuleWay'
+export default {
+  name: 'MarketRuleWay',
+  props: {
+    ruleId: {
+      type: String,
+      required: true
+    }
+  },
+  components: {
+    addMarketRuleWay,
+    deleteMarketRuleWay
+  },
+  data() {
+    return {
+      loading: false,
+      marketRuleWays: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  watch: {
+    ruleId: {
+      immediate: true,
+      handler() {
+        this.listMarketRuleWays()
+      }
+    }
+  },
+  methods: {
+    async listMarketRuleWays() {
+      if (!this.ruleId) return
+
+      this.loading = true
+      try {
+        const { data, total } = await listMarketRuleWay({
+          page: this.page.current,
+          row: this.page.size,
+          ruleId: this.ruleId
+        })
+        this.marketRuleWays = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(error.message)
+      } finally {
+        this.loading = false
+      }
+    },
+    openAddMarketRuleWayModal() {
+      this.$refs.addMarketRuleWay.open()
+    },
+    openDeleteMarketRuleWayModal(row) {
+      this.$refs.deleteMarketRuleWay.open(row)
+    },
+    handleSuccess() {
+      this.listMarketRuleWays()
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this.listMarketRuleWays()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this.listMarketRuleWays()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.action-bar {
+  margin-bottom: 15px;
+  text-align: left;
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index c678a6c..dec48b9 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -99,6 +99,7 @@ import { messages as integralDetailMessages } from '../views/mall/integralDetail
 import { messages as marketSmsManageMessages } from '../views/market/marketSmsManageLang'
 import { messages as marketWayMessages } from '../views/market/marketWayLang'
 import { messages as marketGoodsItemManageMessages } from '../views/market/marketGoodsItemManageLang'
+import { messages as marketRuleMessages } from '../views/market/marketRuleLang'
 
 Vue.use(VueI18n)
 
@@ -202,6 +203,7 @@ const messages = {
     ...marketSmsManageMessages.en,
     ...marketWayMessages.en,
     ...marketGoodsItemManageMessages.en,
+    ...marketRuleMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -301,6 +303,7 @@ const messages = {
     ...marketSmsManageMessages.zh,
     ...marketWayMessages.zh,
     ...marketGoodsItemManageMessages.zh,
+    ...marketRuleMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index cdce197..552ed5c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -467,20 +467,25 @@ const routes = [
         component: () => import('@/views/mall/integralDetailList.vue')
       },
       {
-        path:'/pages/admin/marketSmsManage',
-        name:'/pages/admin/marketSmsManage',
+        path: '/pages/admin/marketSmsManage',
+        name: '/pages/admin/marketSmsManage',
         component: () => import('@/views/market/marketSmsManageList.vue')
-        },
-        {
-          path:'/pages/admin/marketWay',
-          name:'/pages/admin/marketWay',
-          component: () => import('@/views/market/marketWayList.vue')
-          },
-          {
-            path:'/views/market/marketGoodsItemManage',
-            name:'/views/market/marketGoodsItemManage',
-            component: () => import('@/views/market/marketGoodsItemManageList.vue')
-            },
+      },
+      {
+        path: '/pages/admin/marketWay',
+        name: '/pages/admin/marketWay',
+        component: () => import('@/views/market/marketWayList.vue')
+      },
+      {
+        path: '/views/market/marketGoodsItemManage',
+        name: '/views/market/marketGoodsItemManage',
+        component: () => import('@/views/market/marketGoodsItemManageList.vue')
+      },
+      {
+        path: '/pages/admin/marketRule',
+        name: '/pages/admin/marketRule',
+        component: () => import('@/views/market/marketRuleList.vue')
+      },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/market/marketRuleLang.js b/src/views/market/marketRuleLang.js
new file mode 100644
index 0000000..5677d4f
--- /dev/null
+++ b/src/views/market/marketRuleLang.js
@@ -0,0 +1,80 @@
+export const messages = {
+  en: {
+    marketRule: {
+      title: 'Marketing Rule Management',
+      name: 'Name',
+      description: 'Description',
+      marketingMethod: 'Marketing Method',
+      communityAuthorization: 'Community Authorization',
+      targetObject: 'Target Object',
+      add: 'Add',
+      edit: 'Edit',
+      delete: 'Delete',
+      save: 'Save',
+      cancel: 'Cancel',
+      confirmDelete: 'Confirm Delete',
+      deleteConfirmMessage: 'Are you sure to delete this marketing rule?',
+      marketingType: 'Marketing Type',
+      remark: 'Remark',
+      operation: 'Operation',
+      communityName: 'Community Name',
+      communityId: 'Community ID',
+      objectName: 'Object Name',
+      associateMarketingMethod: 'Associate Marketing Method',
+      associateCommunity: 'Associate Community',
+      associateObject: 'Associate Object',
+      text: 'Text',
+      image: 'Image',
+      goods: 'Goods',
+      required: 'Required',
+      selectMarketingType: 'Please select marketing type',
+      selectMarketingText: 'Please select marketing text',
+      selectMarketingImage: 'Please select marketing image',
+      selectMarketingGoods: 'Please select marketing goods',
+      selectCommunity: 'Please select community',
+      selectObject: 'Please select object',
+      customer: 'Customer',
+      merchant: 'Merchant',
+      staff: 'Staff'
+    }
+  },
+  zh: {
+    marketRule: {
+      title: '营销规则管理',
+      name: '名称',
+      description: '描述',
+      marketingMethod: '营销方式',
+      communityAuthorization: '小区授权',
+      targetObject: '作用对象',
+      add: '添加',
+      edit: '修改',
+      delete: '删除',
+      save: '保存',
+      cancel: '取消',
+      confirmDelete: '确认删除',
+      deleteConfirmMessage: '确定删除营销规则?',
+      marketingType: '营销类型',
+      remark: '备注',
+      operation: '操作',
+      communityName: '小区名称',
+      communityId: '小区编号',
+      objectName: '对象名称',
+      associateMarketingMethod: '关联营销方式',
+      associateCommunity: '关联小区',
+      associateObject: '关联对象',
+      text: '文本',
+      image: '图片',
+      goods: '商品',
+      required: '必填',
+      selectMarketingType: '请选择营销类型',
+      selectMarketingText: '请选择营销文本',
+      selectMarketingImage: '请选择营销图片',
+      selectMarketingGoods: '请选择营销商品',
+      selectCommunity: '请选择小区',
+      selectObject: '请选择对象',
+      customer: '客户',
+      merchant: '商户',
+      staff: '员工'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/market/marketRuleList.vue b/src/views/market/marketRuleList.vue
new file mode 100644
index 0000000..abdc440
--- /dev/null
+++ b/src/views/market/marketRuleList.vue
@@ -0,0 +1,91 @@
+<template>
+  <div class="market-rule-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <market-rule-div ref="marketRuleDiv" @switchMarketRule="handleSwitchMarketRule" />
+      </el-col>
+      <el-col :span="20">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix text-left">
+            <span>{{ marketRuleInfo.curMarketRule.name }}</span>
+            <div class="role-context">{{ marketRuleInfo.curMarketRule.description }}</div>
+          </div>
+          <el-tabs v-model="marketRuleInfo.tabName" @tab-click="handleTabClick">
+            <el-tab-pane label="营销方式" name="marketRuleWay">
+              <market-rule-way v-if="marketRuleInfo.tabName === 'marketRuleWay'"
+                :rule-id="marketRuleInfo.curMarketRule.ruleId" />
+            </el-tab-pane>
+            <el-tab-pane label="小区授权" name="marketRuleCommunity">
+              <market-rule-community v-if="marketRuleInfo.tabName === 'marketRuleCommunity'"
+                :rule-id="marketRuleInfo.curMarketRule.ruleId" />
+            </el-tab-pane>
+            <el-tab-pane label="作用对象" name="marketRuleObj">
+              <market-rule-obj v-if="marketRuleInfo.tabName === 'marketRuleObj'"
+                :rule-id="marketRuleInfo.curMarketRule.ruleId" />
+            </el-tab-pane>
+          </el-tabs>
+        </el-card>
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+
+<script>
+import MarketRuleDiv from '@/components/market/MarketRuleDiv'
+import MarketRuleWay from '@/components/market/MarketRuleWay'
+import MarketRuleCommunity from '@/components/market/MarketRuleCommunity'
+import MarketRuleObj from '@/components/market/MarketRuleObj'
+
+
+export default {
+  name: 'MarketRuleList',
+  components: {
+    MarketRuleDiv,
+    MarketRuleWay,
+    MarketRuleCommunity,
+    MarketRuleObj,
+  },
+  data() {
+    return {
+      marketRuleInfo: {
+        curMarketRule: {},
+        tabName: 'marketRuleWay'
+      }
+    }
+  },
+  methods: {
+    handleSwitchMarketRule(marketRule) {
+      this.marketRuleInfo.curMarketRule = marketRule
+      this.marketRuleInfo.tabName = 'marketRuleWay'
+    },
+    handleTabClick(tab) {
+      this.marketRuleInfo.tabName = tab.name
+    },
+    handleSuccess() {
+      this.$refs.marketRuleDiv.listMarketRules()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.market-rule-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      h5 {
+        margin: 0;
+        font-size: 18px;
+      }
+
+      .role-context {
+        margin-top: 10px;
+        color: #666;
+      }
+    }
+  }
+}</style>
\ No newline at end of file
--
libgit2 0.21.4