积分功能开发中

wuxw
1 parent 71def04c
Showing 41 changed files with 3731 additions and 217 deletions
src/api/scm/couponPropertyPoolDetailApi.js
src/api/scm/couponPropertyUserDetailApi.js
src/api/scm/couponPropertyUserManageApi.js
src/api/scm/integralConfigManageApi.js
src/api/scm/integralGiftDetailManageApi.js
src/api/scm/integralRuleApi.js
src/components/scm/AddCouponRuleFee.vue
src/components/scm/CouponRuleCpps.vue
src/components/scm/CouponRuleDiv.vue
src/components/scm/CouponRuleFees.vue
src/components/scm/DeleteCouponRuleFee.vue
src/components/scm/addIntegralConfig.vue
src/components/scm/addIntegralRule.vue
src/components/scm/addIntegralRuleConfig.vue
src/components/scm/addIntegralRuleFee.vue
src/components/scm/deleteCouponPropertyPoolDetail.vue
src/components/scm/deleteIntegralConfig.vue
src/components/scm/deleteIntegralRule.vue
src/components/scm/deleteIntegralRuleConfig.vue
src/components/scm/deleteIntegralRuleFee.vue
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取优惠券赠送记录列表
+export function listCouponPropertyPoolDetail(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/couponProperty.listCouponPropertyPoolDetail',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 退回优惠券
+export function deleteCouponPropertyPoolDetail(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/couponProperty.deleteCouponPropertyPoolDetail',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取优惠券使用记录列表
+export function listCouponPropertyUserDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/couponProperty.listCouponPropertyUserDetail',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 核销优惠券
+export function writeOffCouponPropertyUser(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/couponProperty.writeOffCouponPropertyUser',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取业主优惠券列表
+export function listCouponPropertyUser(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/couponProperty.listCouponPropertyUser',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取积分标准列表
+export function listIntegralConfig(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/integral.listIntegralConfig',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加积分标准
+export function saveIntegralConfig(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/integral.saveIntegralConfig',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新积分标准
+export function updateIntegralConfig(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/integral.updateIntegralConfig',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除积分标准
+export function deleteIntegralConfig(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/integral.deleteIntegralConfig',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+/**
+ * 查询积分赠送明细列表
+ * @param {Object} params 查询参数
+ * @returns {Promise}
+ */
+export function listIntegralGiftDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.listIntegralGiftDetail',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 添加积分赠送明细
+ * @param {Object} data 添加数据
+ * @returns {Promise}
+ */
+export function addIntegralGiftDetail(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.saveIntegralGiftDetail',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 删除积分赠送明细
+ * @param {String} detailId 明细ID
+ * @returns {Promise}
+ */
+export function deleteIntegralGiftDetail(detailId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.deleteIntegralGiftDetail',
+      method: 'post',
+      data: { detailId }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 积分规则相关API
+export function listIntegralRule(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.listIntegralRule',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function saveIntegralRule(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.saveIntegralRule',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function updateIntegralRule(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.updateIntegralRule',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function deleteIntegralRule(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.deleteIntegralRule',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 积分标准配置相关API
+export function listIntegralRuleConfig(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.listIntegralRuleConfig',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function saveIntegralRuleConfig(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.saveIntegralRuleConfig',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function deleteIntegralRuleConfig(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.deleteIntegralRuleConfig',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 积分标准池相关API
+export function listIntegralConfig(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.listIntegralConfig',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 缴费时间相关API
+export function listIntegralRuleFee(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.listIntegralRuleFee',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function saveIntegralRuleFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.saveIntegralRuleFee',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function updateIntegralRuleFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.updateIntegralRuleFee',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export function deleteIntegralRuleFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/integral.deleteIntegralRuleFee',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
 <template>
-  <el-dialog
-    :title="$t('couponRuleFee.addFee')"
-    :visible.sync="visible"
-    width="50%"
-    @close="handleClose">
-    <el-form 
-      ref="form" 
-      :model="form" 
-      :rules="rules" 
-      label-width="120px">
-      <el-form-item 
-        :label="$t('couponRuleFee.fee')" 
-        prop="feeConfigId">
-        <el-select 
-          v-model="form.feeConfigId" 
-          :placeholder="$t('couponRuleFee.feePlaceholder')"
-          style="width: 100%">
-          <el-option
-            v-for="item in feeOptions"
-            :key="item.configId"
-            :label="item.feeName"
-            :value="item.configId">
+  <el-dialog :title="$t('couponRuleFee.addFee')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('couponRuleFee.fee')" prop="feeConfigId">
+        <el-select v-model="form.feeConfigId" :placeholder="$t('couponRuleFee.feePlaceholder')" style="width: 100%">
+          <el-option v-for="item in feeOptions" :key="item.configId" :label="item.feeName" :value="item.configId">
           </el-option>
         </el-select>
       </el-form-item>
-      
-      <el-form-item 
-        :label="$t('couponRuleFee.payStartTime')" 
-        prop="payStartTime">
-        <el-date-picker
-          v-model="form.payStartTime"
-          type="datetime"
-          :placeholder="$t('couponRuleFee.payStartTimePlaceholder')"
-          style="width: 100%">
+
+      <el-form-item :label="$t('couponRuleFee.payStartTime')" prop="payStartTime">
+        <el-date-picker v-model="form.payStartTime" type="datetime" value-format="yyyy-MM-dd"
+          :placeholder="$t('couponRuleFee.payStartTimePlaceholder')" style="width: 100%">
         </el-date-picker>
       </el-form-item>
-      
-      <el-form-item 
-        :label="$t('couponRuleFee.payEndTime')" 
-        prop="payEndTime">
-        <el-date-picker
-          v-model="form.payEndTime"
-          type="datetime"
-          :placeholder="$t('couponRuleFee.payEndTimePlaceholder')"
+
+      <el-form-item :label="$t('couponRuleFee.payEndTime')" prop="payEndTime">
+        <el-date-picker v-model="form.payEndTime" type="datetime" value-format="yyyy-MM-dd" :placeholder="$t('couponRuleFee.payEndTimePlaceholder')"
           style="width: 100%">
         </el-date-picker>
       </el-form-item>
-      
-      <el-form-item 
-        :label="$t('couponRuleFee.payMonth')" 
-        prop="payMonth">
-        <el-input-number
-          v-model="form.payMonth"
-          :min="1"
-          :max="12"
+
+      <el-form-item :label="$t('couponRuleFee.payMonth')" prop="payMonth">
+        <el-input-number v-model="form.payMonth" :min="1" :max="12"
           :placeholder="$t('couponRuleFee.payMonthPlaceholder')">
         </el-input-number>
       </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>
@@ -154,8 +122,9 @@ export default {
 .el-dialog {
   .el-form {
     padding: 0 20px;
-    
-    .el-select, .el-date-picker {
+
+    .el-select,
+    .el-date-picker {
       width: 100%;
     }
   }
 <template>
   <div class="coupon-rule-cpps">
     <el-row class="operation-row">
-      <el-col :span="24">
-        <el-button 
-          type="primary" 
-          size="small" 
-          @click="handleQuery"
-          class="query-btn">
+      <el-col :span="24" class="text-right">
+        <el-button type="primary" size="small" @click="handleQuery" class="query-btn">
           {{ $t('common.query') }}
         </el-button>
-        <el-button 
-          type="primary" 
-          size="small" 
-          @click="openAddModal"
-          class="add-btn">
+        <el-button type="primary" size="small" @click="openAddModal" class="add-btn">
           <i class="el-icon-plus"></i>
           {{ $t('common.add') }}
         </el-button>
       </el-col>
     </el-row>
  
-    <el-table
-      :data="tableData"
-      border
-      style="width: 100%"
-      v-loading="loading">
-      <el-table-column
-        prop="crcId"
-        :label="$t('couponRuleCpps.id')"
-        align="center"
-        width="100">
+    <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="crcId" :label="$t('couponRuleCpps.id')" align="center" width="100">
       </el-table-column>
-      <el-table-column
-        prop="couponName"
-        :label="$t('couponRuleCpps.coupon')"
-        align="center">
+      <el-table-column prop="couponName" :label="$t('couponRuleCpps.coupon')" align="center">
       </el-table-column>
-      <el-table-column
-        prop="quantity"
-        :label="$t('couponRuleCpps.quantity')"
-        align="center">
+      <el-table-column prop="quantity" :label="$t('couponRuleCpps.quantity')" align="center">
       </el-table-column>
-      <el-table-column
-        prop="giftFrequencyName"
-        :label="$t('couponRuleCpps.frequency')"
-        align="center">
+      <el-table-column prop="giftFrequencyName" :label="$t('couponRuleCpps.frequency')" align="center">
       </el-table-column>
-      <el-table-column
-        :label="$t('common.operation')"
-        align="center"
-        width="200">
+      <el-table-column :label="$t('common.operation')" align="center" width="200">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            @click="openEditModal(scope.row)">
+          <el-button size="mini" @click="openEditModal(scope.row)">
             {{ $t('common.edit') }}
           </el-button>
-          <el-button
-            size="mini"
-            type="danger"
-            @click="openDeleteModal(scope.row)">
+          <el-button size="mini" type="danger" @click="openDeleteModal(scope.row)">
             {{ $t('common.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">
+    <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">
     </el-pagination>
  
-    <add-coupon-rule-cpps 
-      ref="addCouponRuleCpps" 
-      :rule-id="ruleId"
-      @success="handleSuccess" />
-    <edit-coupon-rule-cpps 
-      ref="editCouponRuleCpps" 
-      @success="handleSuccess" />
-    <delete-coupon-rule-cpps 
-      ref="deleteCouponRuleCpps" 
-      @success="handleSuccess" />
+    <add-coupon-rule-cpps ref="addCouponRuleCpps" :rule-id="ruleId" @success="handleSuccess" />
+    <edit-coupon-rule-cpps ref="editCouponRuleCpps" @success="handleSuccess" />
+    <delete-coupon-rule-cpps ref="deleteCouponRuleCpps" @success="handleSuccess" />
   </div>
 </template>
  
@@ -103,14 +58,9 @@ export default {
     EditCouponRuleCpps,
     DeleteCouponRuleCpps
   },
-  props: {
-    ruleId: {
-      type: String,
-      required: true
-    }
-  },
   data() {
     return {
+      ruleId:'',
       loading: false,
       tableData: [],
       pagination: {
@@ -120,15 +70,14 @@ export default {
       }
     }
   },
-  watch: {
-    ruleId() {
-      this.getList()
-    }
-  },
   methods: {
+    open(ruleId){
+      this.ruleId = ruleId
+      this.getList()
+    },
     async getList() {
       if (!this.ruleId) return
-      
+
       this.loading = true
       try {
         const params = {
@@ -178,12 +127,12 @@ export default {
 .coupon-rule-cpps {
   .operation-row {
     margin-bottom: 20px;
-    
+
     .query-btn {
       margin-right: 10px;
     }
   }
-  
+
   .el-pagination {
     margin-top: 20px;
     text-align: right;
 <template>
-  <el-card class="coupon-rule-div">
-    <div class="operation-buttons">
-      <el-button type="primary" size="small" @click="openAddModal">{{ $t('common.add') }}</el-button>
-      <el-button type="warning" size="small" @click="openEditModal">{{ $t('common.edit') }}</el-button>
-      <el-button type="danger" size="small" @click="openDeleteModal">{{ $t('common.delete') }}</el-button>
-    </div>
+  <div>
+    <el-card class="coupon-rule-div">
+      <div class="operation-buttons">
+        <el-button type="primary" size="small" @click="openAddModal">{{ $t('common.add') }}</el-button>
+        <el-button type="warning" size="small" @click="openEditModal">{{ $t('common.edit') }}</el-button>
+        <el-button type="danger" size="small" @click="openDeleteModal">{{ $t('common.delete') }}</el-button>
+      </div>
  
-    <el-divider></el-divider>
+      <el-divider></el-divider>
  
-    <el-tree :data="couponRules" :props="treeProps" node-key="ruleId" highlight-current @node-click="handleNodeClick"
-      class="coupon-rule-tree">
-      <span slot-scope="{ node }" class="custom-tree-node">
-        <span>{{ node.label }}</span>
-      </span>
-    </el-tree>
-  </el-card>
+      <el-tree :data="couponRules" :props="treeProps" node-key="ruleId" highlight-current @node-click="handleNodeClick"
+        class="coupon-rule-tree">
+        <span slot-scope="{ node }" class="custom-tree-node">
+          <span>{{ node.label }}</span>
+        </span>
+      </el-tree>
+    </el-card>
+    <add-coupon-rule ref="addCouponRule" @success="handleSuccess" />
+    <edit-coupon-rule ref="editCouponRule" @success="handleSuccess" />
+    <delete-coupon-rule ref="deleteCouponRule" @success="handleSuccess" />
+  </div>
 </template>
  
 <script>
 import { listCouponRule } from '@/api/scm/couponRuleApi'
 import { getCommunityId } from '@/api/community/communityApi'
-
+import AddCouponRule from '@/components/scm/AddCouponRule'
+import EditCouponRule from '@/components/scm/EditCouponRule'
+import DeleteCouponRule from '@/components/scm/DeleteCouponRule'
 export default {
   name: 'CouponRuleDiv',
   data() {
@@ -33,6 +40,11 @@ export default {
       }
     }
   },
+  components: {
+    AddCouponRule,
+    EditCouponRule,
+    DeleteCouponRule
+  },
   created() {
     this.communityId = getCommunityId()
     this.getList()
@@ -56,27 +68,30 @@ export default {
     },
     handleNodeClick(data) {
       this.currentRule = data
-      this.$emit('switch', data)
+      this.$emit('switch',this.currentRule);
     },
     openAddModal() {
-      this.$emit('open-add')
+      this.$refs.addCouponRule.open()
     },
     openEditModal() {
       if (!this.currentRule.ruleId) {
         this.$message.warning(this.$t('couponRule.selectRuleFirst'))
         return
       }
-      this.$emit('open-edit', this.currentRule)
+      this.$refs.editCouponRule.open(this.currentRule)
     },
     openDeleteModal() {
       if (!this.currentRule.ruleId) {
         this.$message.warning(this.$t('couponRule.selectRuleFirst'))
         return
       }
-      this.$emit('open-delete', this.currentRule)
+      this.$refs.deleteCouponRule.open(this.currentRule)
     },
-    refreshList() {
+    handleSuccess() {
       this.getList()
+    },
+    refreshList() {
+    
     }
   }
 }
 <template>
   <div class="coupon-rule-fees">
     <el-row class="operation-row">
-      <el-col :span="24">
+      <el-col :span="24" class="text-right">
         <el-button type="primary" size="small" @click="handleQuery" class="query-btn">
           {{ $t('common.query') }}
         </el-button>
@@ -26,9 +26,9 @@
       </el-table-column>
       <el-table-column :label="$t('common.operation')" align="center" width="200">
         <template slot-scope="scope">
-          <el-button size="mini" @click="openEditModal(scope.row)">
+          <!-- <el-button size="mini" @click="openEditModal(scope.row)">
             {{ $t('common.edit') }}
-          </el-button>
+          </el-button> -->
           <el-button size="mini" type="danger" @click="openDeleteModal(scope.row)">
             {{ $t('common.delete') }}
           </el-button>
@@ -42,29 +42,29 @@
     </el-pagination>
  
     <add-coupon-rule-fee ref="addCouponRuleFee" :rule-id="ruleId" @success="handleSuccess" />
+    <delete-coupon-rule-fee ref="deleteCouponRuleFee" @success="handleSuccess" />
+
   </div>
 </template>
  
 <script>
 import { listCouponRuleFee } from '@/api/scm/couponRuleApi'
 import AddCouponRuleFee from './AddCouponRuleFee'
+import DeleteCouponRuleFee from './DeleteCouponRuleFee'
 import { getCommunityId } from '@/api/community/communityApi'
  
 export default {
   name: 'CouponRuleFees',
   components: {
-    AddCouponRuleFee
-  },
-  props: {
-    ruleId: {
-      type: String,
-      required: true
-    }
+    AddCouponRuleFee,
+    DeleteCouponRuleFee
   },
+  
   data() {
     return {
       loading: false,
       tableData: [],
+      ruleId:'',
       pagination: {
         current: 1,
         size: 10,
@@ -72,12 +72,12 @@ export default {
       }
     }
   },
-  watch: {
-    ruleId() {
-      this.getList()
-    }
-  },
   methods: {
+
+    open(ruleId){
+      this.ruleId = ruleId
+      this.getList()
+    },
     async getList() {
       if (!this.ruleId) return
  
@@ -116,14 +116,10 @@ export default {
     openEditModal(row) {
       // TODO: Implement edit modal
       this.$refs.editCouponRuleFee.open(row)
-
-      this.$message.warning('Edit feature will be implemented soon')
     },
     openDeleteModal(row) {
       this.$refs.deleteCouponRuleFee.open(row)
  
-      // TODO: Implement delete modal
-      this.$message.warning('Delete feature will be implemented soon')
     },
     handleSuccess() {
       this.getList()
 <template>
-  <el-dialog
-    :title="$t('couponRuleFee.deleteConfirm')"
-    :visible.sync="visible"
-    width="30%"
-    center
-    @close="handleClose">
+  <el-dialog :title="$t('couponRuleFee.deleteConfirm')" :visible.sync="visible" width="30%" center @close="handleClose">
     <div class="text-center">
       <p>{{ $t('couponRuleFee.deletePrompt') }}</p>
       <p class="delete-item">{{ currentItem.feeConfigName }}</p>
@@ -12,13 +7,10 @@
         {{ currentItem.payStartTime }} ~ {{ currentItem.payEndTime }}
       </p>
     </div>
-    
+
     <span slot="footer" class="dialog-footer">
       <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
-      <el-button 
-        type="danger" 
-        @click="handleConfirm"
-        :loading="loading">
+      <el-button type="danger" @click="handleConfirm" :loading="loading">
         {{ $t('common.confirmDelete') }}
       </el-button>
     </span>
@@ -82,13 +74,13 @@ export default {
 <style lang="scss" scoped>
 .text-center {
   text-align: center;
-  
+
   .delete-item {
     font-weight: bold;
     color: #f56c6c;
     margin: 10px 0;
   }
-  
+
   .delete-info {
     color: #909399;
     font-size: 12px;
+<template>
+  <el-dialog
+    :title="$t('integralConfigManage.add.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('integralConfigManage.form.configName')"
+        prop="configName"
+      >
+        <el-input
+          v-model="formData.configName"
+          :placeholder="$t('integralConfigManage.form.configNamePlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('integralConfigManage.form.computingFormula')"
+        prop="computingFormula"
+      >
+        <el-select
+          v-model="formData.computingFormula"
+          :placeholder="$t('integralConfigManage.form.computingFormulaPlaceholder')"
+          style="width: 100%"
+          @change="handleFormulaChange"
+        >
+          <el-option
+            v-for="item in formulaOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item
+        v-if="formData.computingFormula === '1001'"
+        :label="$t('integralConfigManage.form.amount')"
+        prop="squarePrice"
+      >
+        <el-input
+          v-model="formData.squarePrice"
+          :placeholder="$t('integralConfigManage.form.amountPlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        v-else-if="formData.computingFormula === '2002'"
+        :label="$t('integralConfigManage.form.month')"
+        prop="squarePrice"
+      >
+        <el-input
+          v-model="formData.squarePrice"
+          :placeholder="$t('integralConfigManage.form.monthPlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('integralConfigManage.form.points')"
+        prop="additionalAmount"
+      >
+        <el-input
+          v-model="formData.additionalAmount"
+          type="number"
+          :placeholder="$t('integralConfigManage.form.pointsPlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('integralConfigManage.form.scale')"
+        prop="scale"
+      >
+        <el-select
+          v-model="formData.scale"
+          :placeholder="$t('integralConfigManage.form.scalePlaceholder')"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in scaleOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </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 { saveIntegralConfig } from '@/api/scm/integralConfigManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddIntegralConfig',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        configName: '',
+        computingFormula: '',
+        squarePrice: '',
+        additionalAmount: '',
+        scale: '3',
+        communityId: ''
+      },
+      formulaOptions: [
+        { value: '1001', label: this.$t('integralConfigManage.formula.fullAmount') },
+        { value: '2002', label: this.$t('integralConfigManage.formula.fullMonth') }
+      ],
+      scaleOptions: [
+        { value: '3', label: this.$t('integralConfigManage.scale.roundUp') },
+        { value: '4', label: this.$t('integralConfigManage.scale.roundDown') }
+      ],
+      rules: {
+        configName: [
+          { required: true, message: this.$t('integralConfigManage.validate.configNameRequired'), trigger: 'blur' },
+          { max: 100, message: this.$t('integralConfigManage.validate.configNameMaxLength'), trigger: 'blur' }
+        ],
+        computingFormula: [
+          { required: true, message: this.$t('integralConfigManage.validate.computingFormulaRequired'), trigger: 'change' }
+        ],
+        squarePrice: [
+          { required: true, message: this.$t('integralConfigManage.validate.squarePriceRequired'), trigger: 'blur' },
+          { max: 12, message: this.$t('integralConfigManage.validate.squarePriceMaxLength'), trigger: 'blur' }
+        ],
+        additionalAmount: [
+          { required: true, message: this.$t('integralConfigManage.validate.additionalAmountRequired'), trigger: 'blur' },
+          { max: 12, message: this.$t('integralConfigManage.validate.additionalAmountMaxLength'), trigger: 'blur' }
+        ],
+        scale: [
+          { required: true, message: this.$t('integralConfigManage.validate.scaleRequired'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.formData.communityId = getCommunityId()
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.resetFields()
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleFormulaChange() {
+      this.formData.squarePrice = ''
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveIntegralConfig(this.formData)
+            this.$message.success(this.$t('integralConfigManage.message.addSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('integralConfigManage.message.addFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('integralRule.addTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('integralRule.ruleName')" prop="ruleName">
+        <el-input
+          v-model="form.ruleName"
+          :placeholder="$t('integralRule.ruleNamePlaceholder')"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('integralRule.remark')" prop="remark">
+        <el-input
+          type="textarea"
+          :rows="3"
+          v-model="form.remark"
+          :placeholder="$t('integralRule.remarkPlaceholder')"
+        ></el-input>
+      </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 { saveIntegralRule } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddIntegralRule',
+  data() {
+    return {
+      visible: false,
+      form: {
+        ruleName: '',
+        remark: ''
+      },
+      rules: {
+        ruleName: [
+          { required: true, message: this.$t('integralRule.ruleNameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('integralRule.ruleNameMaxLength'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('integralRule.remarkRequired'), trigger: 'blur' },
+          { max: 512, message: this.$t('integralRule.remarkMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.communityId = getCommunityId()
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          const params = {
+            ...this.form,
+            communityId: this.communityId
+          }
+          await saveIntegralRule(params)
+          this.$message.success(this.$t('common.addSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.addFailed'))
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('integralRule.addConfigTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form 
+      ref="form" 
+      :model="form" 
+      :rules="rules" 
+      label-width="120px"
+    >
+      <el-form-item 
+        :label="$t('integralRule.configName')" 
+        prop="configId"
+      >
+        <el-select
+          v-model="form.configId"
+          :placeholder="$t('integralRule.configPlaceholder')"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in configOptions"
+            :key="item.configId"
+            :label="item.configName"
+            :value="item.configId"
+          />
+        </el-select>
+      </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 { saveIntegralRuleConfig, listIntegralConfig } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddIntegralRuleConfig',
+  props: {
+    ruleId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        configId: '',
+        ruleId: ''
+      },
+      rules: {
+        configId: [
+          { required: true, message: this.$t('integralRule.configRequired'), trigger: 'change' }
+        ]
+      },
+      configOptions: []
+    }
+  },
+  methods: {
+    async open() {
+      this.visible = true
+      this.form.ruleId = this.ruleId
+      await this.fetchConfigOptions()
+    },
+    async fetchConfigOptions() {
+      try {
+        const { data } = await listIntegralConfig({
+          page: 1,
+          row: 100,
+          communityId: getCommunityId()
+        })
+        this.configOptions = data
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          await saveIntegralRuleConfig(this.form)
+          this.$message.success(this.$t('common.addSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.addFailed'))
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('integralRule.addFeeTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form 
+      ref="form" 
+      :model="form" 
+      :rules="rules" 
+      label-width="150px"
+    >
+      <el-form-item 
+        :label="$t('integralRule.payStartTime')" 
+        prop="payStartTime"
+      >
+        <el-date-picker
+          v-model="form.payStartTime"
+          type="datetime"
+          :placeholder="$t('integralRule.payStartTimePlaceholder')"
+          style="width: 100%"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+      </el-form-item>
+      <el-form-item 
+        :label="$t('integralRule.payEndTime')" 
+        prop="payEndTime"
+      >
+        <el-date-picker
+          v-model="form.payEndTime"
+          type="datetime"
+          :placeholder="$t('integralRule.payEndTimePlaceholder')"
+          style="width: 100%"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+      </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 { saveIntegralRuleFee } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddIntegralRuleFee',
+  data() {
+    return {
+      visible: false,
+      form: {
+        ruleId: '',
+        payStartTime: '',
+        payEndTime: ''
+      },
+      rules: {
+        payStartTime: [
+          { required: true, message: this.$t('integralRule.payStartTimeRequired'), trigger: 'change' }
+        ],
+        payEndTime: [
+          { required: true, message: this.$t('integralRule.payEndTimeRequired'), trigger: 'change' },
+          { 
+            validator: (rule, value, callback) => {
+              if (!value || !this.form.payStartTime) {
+                callback()
+              } else if (new Date(value) <= new Date(this.form.payStartTime)) {
+                callback(new Error(this.$t('integralRule.payEndTimeAfterStart')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'change'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form.ruleId = data.ruleId
+      this.communityId = getCommunityId()
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          const params = {
+            ...this.form,
+            communityId: this.communityId
+          }
+          await saveIntegralRuleFee(params)
+          this.$message.success(this.$t('common.addSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.addFailed'))
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('couponPropertyPoolDetail.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('couponPropertyPoolDetail.delete.confirmText') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteCouponPropertyPoolDetail } from '@/api/scm/couponPropertyPoolDetailApi'
+
+export default {
+  name: 'DeleteCouponPropertyPoolDetail',
+  data() {
+    return {
+      visible: false,
+      currentRow: null
+    }
+  },
+  methods: {
+    open(row) {
+      this.currentRow = row
+      this.visible = true
+    },
+    handleClose() {
+      this.visible = false
+      this.currentRow = null
+    },
+    async handleConfirm() {
+      try {
+        await deleteCouponPropertyPoolDetail(this.currentRow)
+        this.$message.success(this.$t('couponPropertyPoolDetail.delete.success'))
+        this.$emit('success')
+        this.handleClose()
+      } catch (error) {
+        this.$message.error(this.$t('couponPropertyPoolDetail.delete.error'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('integralConfigManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <el-alert
+        :title="$t('integralConfigManage.delete.confirmMessage')"
+        type="warning"
+        :closable="false"
+        show-icon
+      />
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="loading">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteIntegralConfig } from '@/api/scm/integralConfigManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteIntegralConfig',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      deleteData: {
+        configId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.deleteData = {
+        configId: data.configId,
+        communityId: getCommunityId()
+      }
+    },
+    handleClose() {
+      this.deleteData = {
+        configId: '',
+        communityId: ''
+      }
+      this.loading = false
+    },
+    async handleConfirm() {
+      try {
+        this.loading = true
+        await deleteIntegralConfig(this.deleteData)
+        this.$message.success(this.$t('integralConfigManage.message.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('integralConfigManage.message.deleteFailed'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.delete-content {
+  margin-bottom: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('common.confirmTitle')"
+    :visible.sync="visible"
+    width="30%"
+    center
+  >
+    <div class="text-center">
+      <p>{{ $t('integralRule.deleteConfirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="danger" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteIntegralRule } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteIntegralRule',
+  data() {
+    return {
+      visible: false,
+      ruleId: '',
+      communityId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.ruleId = data.ruleId
+      this.communityId = getCommunityId()
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteIntegralRule({
+          ruleId: this.ruleId,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('common.confirmTitle')"
+    :visible.sync="visible"
+    width="30%"
+    center
+  >
+    <div class="text-center">
+      <p>{{ $t('integralRule.deleteConfigConfirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button 
+        type="danger" 
+        @click="handleConfirm"
+      >{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteIntegralRuleConfig } from '@/api/scm/integralRuleApi'
+
+export default {
+  name: 'DeleteIntegralRuleConfig',
+  data() {
+    return {
+      visible: false,
+      configId: '',
+      ruleId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.configId = data.configId
+      this.ruleId = data.ruleId
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteIntegralRuleConfig({
+          configId: this.configId,
+          ruleId: this.ruleId
+        })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('common.confirmTitle')"
+    :visible.sync="visible"
+    width="30%"
+    center
+  >
+    <div class="text-center">
+      <p>{{ $t('integralRule.deleteFeeConfirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button 
+        type="danger" 
+        @click="handleConfirm"
+      >{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteIntegralRuleFee } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteIntegralRuleFee',
+  data() {
+    return {
+      visible: false,
+      irfId: '',
+      ruleId: '',
+      communityId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.irfId = data.irfId
+      this.ruleId = data.ruleId
+      this.communityId = getCommunityId()
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteIntegralRuleFee({
+          irfId: this.irfId,
+          ruleId: this.ruleId,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('integralConfigManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('integralConfigManage.form.configName')"
+        prop="configName"
+      >
+        <el-input
+          v-model="formData.configName"
+          :placeholder="$t('integralConfigManage.form.configNamePlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('integralConfigManage.form.computingFormula')"
+        prop="computingFormula"
+      >
+        <el-select
+          v-model="formData.computingFormula"
+          :placeholder="$t('integralConfigManage.form.computingFormulaPlaceholder')"
+          style="width: 100%"
+          @change="handleFormulaChange"
+        >
+          <el-option
+            v-for="item in formulaOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item
+        v-if="formData.computingFormula === '1001'"
+        :label="$t('integralConfigManage.form.amount')"
+        prop="squarePrice"
+      >
+        <el-input
+          v-model="formData.squarePrice"
+          :placeholder="$t('integralConfigManage.form.amountPlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        v-else-if="formData.computingFormula === '2002'"
+        :label="$t('integralConfigManage.form.month')"
+        prop="squarePrice"
+      >
+        <el-input
+          v-model="formData.squarePrice"
+          :placeholder="$t('integralConfigManage.form.monthPlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('integralConfigManage.form.points')"
+        prop="additionalAmount"
+      >
+        <el-input
+          v-model="formData.additionalAmount"
+          type="number"
+          :placeholder="$t('integralConfigManage.form.pointsPlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('integralConfigManage.form.scale')"
+        prop="scale"
+      >
+        <el-select
+          v-model="formData.scale"
+          :placeholder="$t('integralConfigManage.form.scalePlaceholder')"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in scaleOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </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 { updateIntegralConfig } from '@/api/scm/integralConfigManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditIntegralConfig',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        configId: '',
+        configName: '',
+        computingFormula: '',
+        squarePrice: '',
+        additionalAmount: '',
+        scale: '',
+        communityId: ''
+      },
+      formulaOptions: [
+        { value: '1001', label: this.$t('integralConfigManage.formula.fullAmount') },
+        { value: '2002', label: this.$t('integralConfigManage.formula.fullMonth') }
+      ],
+      scaleOptions: [
+        { value: '3', label: this.$t('integralConfigManage.scale.roundUp') },
+        { value: '4', label: this.$t('integralConfigManage.scale.roundDown') }
+      ],
+      rules: {
+        configId: [
+          { required: true, message: this.$t('integralConfigManage.validate.configIdRequired'), trigger: 'blur' }
+        ],
+        configName: [
+          { required: true, message: this.$t('integralConfigManage.validate.configNameRequired'), trigger: 'blur' },
+          { max: 100, message: this.$t('integralConfigManage.validate.configNameMaxLength'), trigger: 'blur' }
+        ],
+        computingFormula: [
+          { required: true, message: this.$t('integralConfigManage.validate.computingFormulaRequired'), trigger: 'change' }
+        ],
+        squarePrice: [
+          { required: true, message: this.$t('integralConfigManage.validate.squarePriceRequired'), trigger: 'blur' }
+        ],
+        additionalAmount: [
+          { required: true, message: this.$t('integralConfigManage.validate.additionalAmountRequired'), trigger: 'blur' }
+        ],
+        scale: [
+          { required: true, message: this.$t('integralConfigManage.validate.scaleRequired'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.formData = {
+        ...data,
+        communityId: getCommunityId()
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleFormulaChange() {
+      // 计算公式变化时清空金额/月份
+      this.formData.squarePrice = ''
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateIntegralConfig(this.formData)
+            this.$message.success(this.$t('integralConfigManage.message.editSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('integralConfigManage.message.editFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('integralRule.editTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('integralRule.ruleName')" prop="ruleName">
+        <el-input
+          v-model="form.ruleName"
+          :placeholder="$t('integralRule.ruleNamePlaceholder')"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('integralRule.remark')" prop="remark">
+        <el-input
+          type="textarea"
+          :rows="3"
+          v-model="form.remark"
+          :placeholder="$t('integralRule.remarkPlaceholder')"
+        ></el-input>
+      </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 { updateIntegralRule } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditIntegralRule',
+  data() {
+    return {
+      visible: false,
+      form: {
+        ruleId: '',
+        ruleName: '',
+        remark: ''
+      },
+      rules: {
+        ruleName: [
+          { required: true, message: this.$t('integralRule.ruleNameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('integralRule.ruleNameMaxLength'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('integralRule.remarkRequired'), trigger: 'blur' },
+          { max: 512, message: this.$t('integralRule.remarkMaxLength'), trigger: 'blur' }
+        ],
+        ruleId: [
+          { required: true, message: this.$t('integralRule.ruleIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        ruleId: data.ruleId,
+        ruleName: data.ruleName,
+        remark: data.remark
+      }
+      this.communityId = getCommunityId()
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          const params = {
+            ...this.form,
+            communityId: this.communityId
+          }
+          await updateIntegralRule(params)
+          this.$message.success(this.$t('common.editSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.editFailed'))
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('integralRule.editFeeTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form 
+      ref="form" 
+      :model="form" 
+      :rules="rules" 
+      label-width="150px"
+    >
+      <el-form-item 
+        :label="$t('integralRule.payStartTime')" 
+        prop="payStartTime"
+      >
+        <el-date-picker
+          v-model="form.payStartTime"
+          type="datetime"
+          :placeholder="$t('integralRule.payStartTimePlaceholder')"
+          style="width: 100%"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+      </el-form-item>
+      <el-form-item 
+        :label="$t('integralRule.payEndTime')" 
+        prop="payEndTime"
+      >
+        <el-date-picker
+          v-model="form.payEndTime"
+          type="datetime"
+          :placeholder="$t('integralRule.payEndTimePlaceholder')"
+          style="width: 100%"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        />
+      </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 { updateIntegralRuleFee } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditIntegralRuleFee',
+  data() {
+    return {
+      visible: false,
+      form: {
+        irfId: '',
+        ruleId: '',
+        payStartTime: '',
+        payEndTime: ''
+      },
+      rules: {
+        payStartTime: [
+          { required: true, message: this.$t('integralRule.payStartTimeRequired'), trigger: 'change' }
+        ],
+        payEndTime: [
+          { required: true, message: this.$t('integralRule.payEndTimeRequired'), trigger: 'change' },
+          { 
+            validator: (rule, value, callback) => {
+              if (!value || !this.form.payStartTime) {
+                callback()
+              } else if (new Date(value) <= new Date(this.form.payStartTime)) {
+                callback(new Error(this.$t('integralRule.payEndTimeAfterStart')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'change'
+          }
+        ],
+        irfId: [
+          { required: true, message: this.$t('integralRule.feeIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        irfId: data.irfId,
+        ruleId: data.ruleId,
+        payStartTime: data.payStartTime,
+        payEndTime: data.payEndTime
+      }
+      this.communityId = getCommunityId()
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          const params = {
+            ...this.form,
+            communityId: this.communityId
+          }
+          await updateIntegralRuleFee(params)
+          this.$message.success(this.$t('common.editSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.editFailed'))
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="integral-rule-config">
+    <el-row class="operation-bar">
+      <el-col :span="24" class="text-right">
+        <el-button-group>
+          <el-button type="primary" size="small" @click="handleQuery">{{ $t('common.query') }}</el-button>
+          <el-button type="primary" size="small" @click="openAddModal">{{ $t('common.add') }}</el-button>
+        </el-button-group>
+      </el-col>
+    </el-row>
+
+    <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="configId" :label="$t('integralRule.configId')" width="100" align="center" />
+      <el-table-column prop="configName" :label="$t('integralRule.configName')" align="center" />
+      <el-table-column prop="computingFormulaName" :label="$t('integralRule.computingFormula')" align="center" />
+      <el-table-column prop="squarePrice" :label="$t('integralRule.squarePrice')" align="center" />
+      <el-table-column prop="additionalAmount" :label="$t('integralRule.additionalAmount')" align="center" />
+      <el-table-column prop="scaleName" :label="$t('integralRule.scale')" align="center" />
+      <el-table-column :label="$t('common.operation')" width="150" align="center">
+        <template slot-scope="scope">
+          <el-button size="mini" type="danger" @click="handleDelete(scope.row)">{{ $t('common.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" />
+
+    <add-integral-rule-config ref="addIntegralRuleConfig" :rule-id="ruleId" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listIntegralRuleConfig, deleteIntegralRuleConfig } from '@/api/scm/integralRuleApi'
+import AddIntegralRuleConfig from './addIntegralRuleConfig'
+
+export default {
+  name: 'IntegralRuleConfig',
+  components: {
+    AddIntegralRuleConfig
+  },
+  data() {
+    return {
+      loading: false,
+      ruleId: '',
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(rule) {
+      this.ruleId = rule.ruleId
+      this.handleQuery()
+    },
+    async fetchData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ruleId: this.ruleId
+        }
+        const { data, total } = await listIntegralRuleConfig(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleQuery() {
+      this.pagination.current = 1
+      this.fetchData()
+    },
+    openAddModal() {
+      this.$refs.addIntegralRuleConfig.open()
+    },
+    async handleDelete(row) {
+      try {
+        await this.$confirm(
+          this.$t('integralRule.deleteConfigConfirm'),
+          this.$t('common.tip'),
+          {
+            confirmButtonText: this.$t('common.confirm'),
+            cancelButtonText: this.$t('common.cancel'),
+            type: 'warning'
+          }
+        )
+        await deleteIntegralRuleConfig({
+          configId: row.configId,
+          ruleId: this.ruleId,
+          ircId: row.ircId
+        })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.handleQuery()
+      } catch (error) {
+        if (error !== 'cancel') {
+          this.$message.error(error.message || this.$t('common.deleteFailed'))
+        }
+      }
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.fetchData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.fetchData()
+    },
+    handleSuccess() {
+      this.handleQuery()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.integral-rule-config {
+  padding: 20px;
+}
+
+.operation-bar {
+  margin-bottom: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <div>
+
+  <el-card class="box-card">
+    <div slot="header" class="flex justify-between">
+      <el-button-group>
+        <el-button size="small" @click="openAddModal">{{ $t('common.add') }}</el-button>
+        <el-button size="small" @click="openEditModal">{{ $t('common.edit') }}</el-button>
+        <el-button size="small" @click="openDeleteModal">{{ $t('common.delete') }}</el-button>
+      </el-button-group>
+    </div>
+    <el-tree
+      :data="integralRules"
+      :props="defaultProps"
+      node-key="ruleId"
+      highlight-current
+      @node-click="handleNodeClick"
+    ></el-tree>
+  </el-card>
+  <add-integral-rule ref="addIntegralRule" @success="handleSuccess" />
+    <edit-integral-rule ref="editIntegralRule" @success="handleSuccess" />
+    <delete-integral-rule ref="deleteIntegralRule" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listIntegralRule } from '@/api/scm/integralRuleApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import AddIntegralRule from '@/components/scm/addIntegralRule'
+import EditIntegralRule from '@/components/scm/editIntegralRule'
+import DeleteIntegralRule from '@/components/scm/deleteIntegralRule'
+export default {
+  name: 'IntegralRuleDiv',
+  data() {
+    return {
+      integralRules: [],
+      curIntegralRule: {},
+      defaultProps: {
+        children: 'children',
+        label: 'ruleName'
+      }
+    }
+  },
+  components: {
+    AddIntegralRule,
+    EditIntegralRule,
+    DeleteIntegralRule
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.refreshList()
+  },
+  methods: {
+    async refreshList() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.communityId
+        }
+        const { data } = await listIntegralRule(params)
+        this.integralRules = data
+        if (this.integralRules.length > 0) {
+          this.handleNodeClick(this.integralRules[0])
+        }
+      } catch (error) {
+        this.$message.error(this.$t('integralRule.fetchError'))
+      }
+    },
+    handleNodeClick(data) {
+      this.curIntegralRule = data
+      this.$emit('switch', data)
+    },
+    openAddModal() {
+      this.$refs.addIntegralRule.open()
+    },
+    openEditModal() {
+      if (!this.curIntegralRule.ruleId) {
+        this.$message.warning(this.$t('integralRule.selectRule'))
+        return
+      }
+      this.$refs.editIntegralRule.open(this.curIntegralRule)
+    },
+    openDeleteModal() {
+      if (!this.curIntegralRule.ruleId) {
+        this.$message.warning(this.$t('integralRule.selectRule'))
+        return
+      }
+      this.$refs.deleteIntegralRule.open(this.curIntegralRule)
+    },
+    handleSuccess() {
+      this.refreshList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.box-card {
+  height: 100%;
+}
+
+.el-tree {
+  margin-top: 10px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <div class="integral-rule-fees">
+    <el-row class="operation-bar">
+      <el-col :span="24" class="text-right">
+        <el-button-group>
+          <el-button type="primary" size="small" @click="handleQuery">{{ $t('common.query') }}</el-button>
+          <el-button type="primary" size="small" @click="openAddModal">{{ $t('common.add') }}</el-button>
+        </el-button-group>
+      </el-col>
+    </el-row>
+
+    <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="irfId" :label="$t('integralRule.feeId')" width="100" align="center" />
+      <el-table-column :label="$t('integralRule.payTimeRange')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.payStartTime }} ~ {{ scope.row.payEndTime }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('common.operation')" width="200" align="center">
+        <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 @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" />
+
+    <add-integral-rule-fee ref="addIntegralRuleFee" :rule-id="ruleId" @success="handleSuccess" />
+    <edit-integral-rule-fee ref="editIntegralRuleFee" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listIntegralRuleFee, deleteIntegralRuleFee } from '@/api/scm/integralRuleApi'
+import AddIntegralRuleFee from './addIntegralRuleFee'
+import EditIntegralRuleFee from './editIntegralRuleFee'
+
+export default {
+  name: 'IntegralRuleFees',
+  components: {
+    AddIntegralRuleFee,
+    EditIntegralRuleFee
+  },
+  data() {
+    return {
+      ruleId: '',
+      loading: false,
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(rule) {
+      this.ruleId = rule.ruleId
+      this.handleQuery()
+    },
+    async fetchData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ruleId: this.ruleId
+        }
+        const { data, total } = await listIntegralRuleFee(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleQuery() {
+      this.pagination.current = 1
+      this.fetchData()
+    },
+    openAddModal() {
+      console.log(this.ruleId)
+      this.$refs.addIntegralRuleFee.open({
+        ruleId: this.ruleId
+      })
+    },
+    handleEdit(row) {
+      this.$refs.editIntegralRuleFee.open(row)
+    },
+    async handleDelete(row) {
+      try {
+        await this.$confirm(
+          this.$t('integralRule.deleteFeeConfirm'),
+          this.$t('common.tip'),
+          {
+            confirmButtonText: this.$t('common.confirm'),
+            cancelButtonText: this.$t('common.cancel'),
+            type: 'warning'
+          }
+        )
+
+        await deleteIntegralRuleFee({
+          irfId: row.irfId,
+          ruleId: this.ruleId
+        })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.handleQuery()
+      } catch (error) {
+        if (error !== 'cancel') {
+          this.$message.error(error.message || this.$t('common.deleteFailed'))
+        }
+      }
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.fetchData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.fetchData()
+    },
+    handleSuccess() {
+      this.handleQuery()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.integral-rule-fees {
+  padding: 20px;
+}
+
+.operation-bar {
+  margin-bottom: 20px;
+}
+</style>
 \ No newline at end of file
 import { messages as couponMarketMessages } from '../views/scm/couponMarketLang'
 import { messages as couponPropertyPoolManageMessages } from '../views/scm/couponPropertyPoolManageLang'
 import { messages as couponRuleMessages } from '../views/scm/couponRuleLang'
+import { messages as couponPropertyPoolDetailMessages } from '../views/scm/couponPropertyPoolDetailLang'
+import { messages as couponPropertyUserManageMessages } from '../views/scm/couponPropertyUserManageLang'
+import { messages as couponPropertyUserDetailMessages } from '../views/scm/couponPropertyUserDetailLang'
+import { messages as integralConfigManageMessages } from '../views/scm/integralConfigManageLang'
+import { messages as integralRuleMessages } from '../views/scm/integralRuleLang'
+import { messages as integralGiftDetailManageMessages } from '../views/scm/integralGiftDetailManageLang'
  
 export const messages = {
     en: {
@@ -8,10 +14,22 @@ export const messages = {
         ...couponMarketMessages.en,
         ...couponPropertyPoolManageMessages.en,
         ...couponRuleMessages.en,
-    },
+        ...couponPropertyPoolDetailMessages.en,
+        ...couponPropertyUserManageMessages.en,
+        ...couponPropertyUserDetailMessages.en,
+        ...integralConfigManageMessages.en,
+        ...integralRuleMessages.en,
+        ...integralGiftDetailManageMessages.en,
+    },  
     zh: {
         ...couponMarketMessages.zh,
         ...couponPropertyPoolManageMessages.zh,
         ...couponRuleMessages.zh,
+        ...couponPropertyPoolDetailMessages.zh,
+        ...couponPropertyUserManageMessages.zh,
+        ...couponPropertyUserDetailMessages.zh,
+        ...integralConfigManageMessages.zh,
+        ...integralRuleMessages.zh,
+        ...integralGiftDetailManageMessages.zh,
     }
 }
 \ No newline at end of file
@@ -10,8 +10,38 @@ export default [
         component: () => import('@/views/scm/couponPropertyPoolManageList.vue')
     },
     {
-        path:'/pages/scm/couponRule',
-        name:'/pages/scm/couponRule',
+        path: '/pages/scm/couponRule',
+        name: '/pages/scm/couponRule',
         component: () => import('@/views/scm/couponRuleList.vue')
-        },
+    },
+    {
+        path: '/pages/scm/couponPropertyPoolDetail',
+        name: '/pages/scm/couponPropertyPoolDetail',
+        component: () => import('@/views/scm/couponPropertyPoolDetailList.vue')
+    },
+    {
+        path: '/pages/scm/couponPropertyUserManage',
+        name: '/pages/scm/couponPropertyUserManage',
+        component: () => import('@/views/scm/couponPropertyUserManageList.vue')
+    },
+    {
+        path: '/pages/scm/couponPropertyUserDetail',
+        name: '/pages/scm/couponPropertyUserDetail',
+        component: () => import('@/views/scm/couponPropertyUserDetailList.vue')
+    },
+    {
+        path: '/pages/scm/integralConfigManage',
+        name: '/pages/scm/integralConfigManage',
+        component: () => import('@/views/scm/integralConfigManageList.vue')
+    },
+    {
+        path: '/pages/scm/integralRule',
+        name: '/pages/scm/integralRule',
+        component: () => import('@/views/scm/integralRuleList.vue')
+    },
+    {
+        path: '/pages/scm/integralGiftDetailManage',
+        name: '/pages/scm/integralGiftDetailManage',
+        component: () => import('@/views/scm/integralGiftDetailManageList.vue')
+    },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    couponPropertyPoolDetail: {
+      search: {
+        title: 'Search Conditions',
+        cppId: 'Coupon ID',
+        couponName: 'Coupon Name',
+        fromType: 'Source Type',
+        fromTypePlaceholder: 'Please select source type',
+        fromType1: 'Purchased from coupon market',
+        fromType2: 'Self-made',
+        userName: 'User Name',
+        tel: 'Phone Number',
+        toType: 'Usage Type',
+        toTypePlaceholder: 'Please select usage type',
+        toType1: 'Shopping',
+        toType2: 'Maintenance Coupon',
+        toType3: 'Parking Coupon'
+      },
+      list: {
+        title: 'Gift Records'
+      },
+      table: {
+        cppId: 'ID',
+        couponName: 'Coupon Name',
+        value: 'Face Value',
+        sendCount: 'Quantity',
+        unit: 'piece',
+        userName: 'User Name',
+        tel: 'Phone Number',
+        createTime: 'Gift Time'
+      },
+      btn: {
+        return: 'Return'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirmText: 'Are you sure to return this coupon?',
+        success: 'Return successfully',
+        error: 'Return failed'
+      },
+      fetchError: 'Failed to fetch data'
+    }
+  },
+  zh: {
+    couponPropertyPoolDetail: {
+      search: {
+        title: '查询条件',
+        cppId: '优惠券编号',
+        couponName: '优惠券名称',
+        fromType: '来源方式',
+        fromTypePlaceholder: '请选择来源方式',
+        fromType1: '优惠券市场购买',
+        fromType2: '自己制作',
+        userName: '用户名称',
+        tel: '手机号',
+        toType: '用途',
+        toTypePlaceholder: '请选择用途',
+        toType1: '购物',
+        toType2: '维修券',
+        toType3: '停车券'
+      },
+      list: {
+        title: '赠送记录'
+      },
+      table: {
+        cppId: '编号',
+        couponName: '优惠券名称',
+        value: '面值',
+        sendCount: '数量',
+        unit: '张',
+        userName: '用户名称',
+        tel: '手机号',
+        createTime: '赠送时间'
+      },
+      btn: {
+        return: '退回'
+      },
+      delete: {
+        title: '确认操作',
+        confirmText: '确定退回优惠券吗？',
+        success: '退回成功',
+        error: '退回失败'
+      },
+      fetchError: '获取数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="coupon-property-pool-detail-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('couponPropertyPoolDetail.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.cppId" :placeholder="$t('couponPropertyPoolDetail.search.cppId')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.couponName" :placeholder="$t('couponPropertyPoolDetail.search.couponName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.fromType" :placeholder="$t('couponPropertyPoolDetail.search.fromType')"
+            style="width:100%">
+            <el-option :label="$t('couponPropertyPoolDetail.search.fromTypePlaceholder')" value="" />
+            <el-option :label="$t('couponPropertyPoolDetail.search.fromType1')" value="1001" />
+            <el-option :label="$t('couponPropertyPoolDetail.search.fromType2')" value="2002" />
+          </el-select>
+        </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:20px">
+        <el-col :span="6">
+          <el-input v-model="searchForm.userName" :placeholder="$t('couponPropertyPoolDetail.search.userName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.tel" :placeholder="$t('couponPropertyPoolDetail.search.tel')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.toType" :placeholder="$t('couponPropertyPoolDetail.search.toType')"
+            style="width:100%">
+            <el-option :label="$t('couponPropertyPoolDetail.search.toTypePlaceholder')" value="" />
+            <el-option :label="$t('couponPropertyPoolDetail.search.toType1')" value="1011" />
+            <el-option :label="$t('couponPropertyPoolDetail.search.toType2')" value="3003" />
+            <el-option :label="$t('couponPropertyPoolDetail.search.toType3')" value="4004" />
+          </el-select>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 赠送记录列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('couponPropertyPoolDetail.list.title') }}</span>
+      </div>
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="cppId" :label="$t('couponPropertyPoolDetail.table.cppId')" align="center" />
+        <el-table-column prop="couponName" :label="$t('couponPropertyPoolDetail.table.couponName')" align="center" />
+        <el-table-column prop="value" :label="$t('couponPropertyPoolDetail.table.value')" align="center" />
+        <el-table-column prop="sendCount" :label="$t('couponPropertyPoolDetail.table.sendCount')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.sendCount }}{{ $t('couponPropertyPoolDetail.table.unit') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="userName" :label="$t('couponPropertyPoolDetail.table.userName')" align="center" />
+        <el-table-column prop="tel" :label="$t('couponPropertyPoolDetail.table.tel')" align="center" />
+        <el-table-column prop="createTime" :label="$t('couponPropertyPoolDetail.table.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button size="mini" type="danger" @click="handleReturn(scope.row)">
+              {{ $t('couponPropertyPoolDetail.btn.return') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 退回确认对话框 -->
+    <delete-coupon-property-pool-detail ref="deleteDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listCouponPropertyPoolDetail } from '@/api/scm/couponPropertyPoolDetailApi'
+import DeleteCouponPropertyPoolDetail from '@/components/scm/deleteCouponPropertyPoolDetail'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'CouponPropertyPoolDetailList',
+  components: {
+    DeleteCouponPropertyPoolDetail
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        cppId: '',
+        couponName: '',
+        fromType: '',
+        toType: '',
+        userName: '',
+        tel: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    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 listCouponPropertyPoolDetail(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('couponPropertyPoolDetail.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReturn(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.coupon-property-pool-detail-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .list-wrapper {
+    margin-top: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    couponPropertyUser: {
+      scanPlaceholder: 'Please scan with barcode scanner',
+      verify: 'Verify',
+      verifyResult: 'Verification Result',
+      verifyTime: 'Verification Time',
+      couponName: 'Coupon Name',
+      faceValue: 'Face Value',
+      userName: 'User Name',
+      phone: 'Phone',
+      purpose: 'Purpose',
+      searchCondition: 'Search Conditions',
+      couponNamePlaceholder: 'Please enter coupon name',
+      userNamePlaceholder: 'Please enter user name',
+      phonePlaceholder: 'Please enter phone number',
+      usageRecord: 'Coupon Usage Records',
+      serialNumber: 'No.',
+      usageTime: 'Usage Time',
+      scanTip: 'Please scan first',
+      verifySuccess: 'Verification successful',
+      fetchError: 'Failed to fetch data'
+    }
+  },
+  zh: {
+    couponPropertyUser: {
+      scanPlaceholder: '请扫码枪扫码核销',
+      verify: '核销',
+      verifyResult: '核销结果',
+      verifyTime: '核销时间',
+      couponName: '优惠券名称',
+      faceValue: '面值',
+      userName: '用户名称',
+      phone: '手机号',
+      purpose: '用途',
+      searchCondition: '查询条件',
+      couponNamePlaceholder: '请填写优惠券名称',
+      userNamePlaceholder: '请填写用户名称',
+      phonePlaceholder: '请填写手机号',
+      usageRecord: '优惠券使用记录',
+      serialNumber: '编号',
+      usageTime: '使用时间',
+      scanTip: '请先扫码',
+      verifySuccess: '核销成功',
+      fetchError: '获取数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="coupon-property-user-detail-container">
+    <el-row :gutter="20">
+      <el-col :span="6">
+        <el-card class="verification-card">
+          <div class="verification-wrapper">
+            <el-row :gutter="10">
+              <el-col :span="18">
+                <el-input v-model="couponId" :placeholder="$t('couponPropertyUser.scanPlaceholder')"
+                  @keyup.enter.native="handleConfirmCoupon" />
+              </el-col>
+              <el-col :span="6">
+                <el-button type="primary" @click="handleConfirmCoupon">
+                  {{ $t('couponPropertyUser.verify') }}
+                </el-button>
+              </el-col>
+            </el-row>
+
+            <div class="verification-result">
+              <div class="result-item">
+                <span class="label">{{ $t('couponPropertyUser.verifyResult') }}:</span>
+                <span class="value">{{ order.remark }}</span>
+              </div>
+              <div class="result-item">
+                <span class="label">{{ $t('couponPropertyUser.verifyTime') }}:</span>
+                <span class="value">{{ order.createTime }}</span>
+              </div>
+              <div class="result-item">
+                <span class="label">{{ $t('couponPropertyUser.couponName') }}:</span>
+                <span class="value">{{ order.couponName }}</span>
+              </div>
+              <div class="result-item">
+                <span class="label">{{ $t('couponPropertyUser.faceValue') }}:</span>
+                <span class="value">{{ order.value }}</span>
+              </div>
+              <div class="result-item">
+                <span class="label">{{ $t('couponPropertyUser.userName') }}:</span>
+                <span class="value">{{ order.userName }}</span>
+              </div>
+              <div class="result-item">
+                <span class="label">{{ $t('couponPropertyUser.phone') }}:</span>
+                <span class="value">{{ order.tel }}</span>
+              </div>
+              <div class="result-item">
+                <span class="label">{{ $t('couponPropertyUser.purpose') }}:</span>
+                <span class="value">{{ order.toTypeName }}</span>
+              </div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col :span="18">
+        <el-card class="search-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('couponPropertyUser.searchCondition') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-input v-model="conditions.couponName" :placeholder="$t('couponPropertyUser.couponNamePlaceholder')" />
+            </el-col>
+            <el-col :span="8">
+              <el-input v-model="conditions.userName" :placeholder="$t('couponPropertyUser.userNamePlaceholder')" />
+            </el-col>
+            <el-col :span="6">
+              <el-input v-model="conditions.tel" :placeholder="$t('couponPropertyUser.phonePlaceholder')" />
+            </el-col>
+            <el-col :span="2">
+              <el-button type="primary" @click="handleQuery">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="table-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('couponPropertyUser.usageRecord') }}</span>
+          </div>
+          <el-table :data="couponPropertyUsers" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="uoId" :label="$t('couponPropertyUser.serialNumber')" align="center" />
+            <el-table-column prop="couponName" :label="$t('couponPropertyUser.couponName')" align="center" />
+            <el-table-column prop="value" :label="$t('couponPropertyUser.faceValue')" align="center" />
+            <el-table-column prop="userName" :label="$t('couponPropertyUser.userName')" align="center" />
+            <el-table-column prop="tel" :label="$t('couponPropertyUser.phone')" align="center" />
+            <el-table-column prop="remark" :label="$t('couponPropertyUser.purpose')" align="center" />
+            <el-table-column prop="createTime" :label="$t('couponPropertyUser.usageTime')" align="center" />
+          </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" class="pagination" />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { listCouponPropertyUserDetail, writeOffCouponPropertyUser } from '@/api/scm/couponPropertyUserDetailApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'CouponPropertyUserDetailList',
+  data() {
+    return {
+      loading: false,
+      couponId: '',
+      couponPropertyUsers: [],
+      order: {
+        remark: '',
+        userName: '',
+        createTime: '',
+        tel: '',
+        couponName: '',
+        value: '',
+        toTypeName: ''
+      },
+      conditions: {
+        couponId: '',
+        couponName: '',
+        validityDay: '',
+        userName: '',
+        tel: '',
+        toType: '',
+        state: '',
+        communityId: getCommunityId()
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.conditions
+        }
+        const { data, total } = await listCouponPropertyUserDetail(params)
+        this.couponPropertyUsers = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('couponPropertyUser.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleQuery() {
+      this.page.current = 1
+      this.getList()
+    },
+    async handleConfirmCoupon() {
+      if (!this.couponId) {
+        this.$message.warning(this.$t('couponPropertyUser.scanTip'))
+        return
+      }
+
+      try {
+        const data = {
+          couponQrcode: this.couponId,
+          communityId: this.conditions.communityId,
+          giftCount: 1
+        }
+        const res = await writeOffCouponPropertyUser(data)
+        if (res.code !== 0) {
+          this.$message.error(res.msg)
+          return
+        }
+
+        this.couponId = ''
+        this.$message.success(this.$t('couponPropertyUser.verifySuccess'))
+        this.getList()
+
+        if (res.data && res.data.length > 0) {
+          this.order = { ...res.data[0] }
+          if (!this.order.remark) {
+            this.order.remark = this.$t('couponPropertyUser.verifySuccess')
+          }
+        }
+      } catch (error) {
+        this.couponId = ''
+        this.$message.error(error.message)
+      }
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.coupon-property-user-detail-container {
+  padding: 20px;
+
+  .verification-card {
+    height: 100%;
+
+    .verification-wrapper {
+      padding: 10px;
+
+      .verification-result {
+        margin-top: 20px;
+
+        .result-item {
+          display: flex;
+          justify-content: space-between;
+          margin-bottom: 10px;
+          font-size: 14px;
+
+          .label {
+            color: #606266;
+          }
+
+          .value {
+            color: #303133;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .table-card {
+    .pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+
+  .el-input {
+    width: 100%;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    couponPropertyUserManage: {
+      search: {
+        title: 'Search Conditions',
+        couponId: 'Coupon ID',
+        couponName: 'Coupon Name',
+        validityDay: 'Validity Day',
+        userName: 'User Name',
+        tel: 'Phone Number',
+        toType: 'Usage',
+        selectToType: 'Select Usage',
+        shopping: 'Shopping',
+        payment: 'Payment',
+        repair: 'Repair Coupon',
+        parking: 'Parking Coupon',
+        state: 'Status',
+        selectState: 'Select Status',
+        unused: 'Unused',
+        used: 'Used'
+      },
+      list: {
+        title: 'Owner Coupons'
+      },
+      table: {
+        couponId: 'ID',
+        couponName: 'Coupon Name',
+        value: 'Face Value',
+        validityDay: 'Validity',
+        userName: 'User Name',
+        tel: 'Phone',
+        toType: 'Usage',
+        quantity: 'Quantity',
+        sheet: 'Sheet',
+        state: 'Status',
+        startTime: 'Effective Time',
+        unused: 'Unused',
+        used: 'Used'
+      },
+      fetchError: 'Failed to fetch coupon data'
+    }
+  },
+  zh: {
+    couponPropertyUserManage: {
+      search: {
+        title: '查询条件',
+        couponId: '优惠券编号',
+        couponName: '优惠券名称',
+        validityDay: '有效期',
+        userName: '用户名称',
+        tel: '手机号',
+        toType: '用途',
+        selectToType: '选择用途',
+        shopping: '购物',
+        payment: '缴费',
+        repair: '维修劵',
+        parking: '停车劵',
+        state: '状态',
+        selectState: '请选择状态',
+        unused: '未使用',
+        used: '已使用'
+      },
+      list: {
+        title: '业主优惠券'
+      },
+      table: {
+        couponId: '编号',
+        couponName: '优惠券名称',
+        value: '面值',
+        validityDay: '有效期',
+        userName: '用户名称',
+        tel: '手机号',
+        toType: '用途',
+        quantity: '数量',
+        sheet: '张',
+        state: '状态',
+        startTime: '生效时间',
+        unused: '未使用',
+        used: '已使用'
+      },
+      fetchError: '获取优惠券数据失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="coupon-property-user-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('couponPropertyUserManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.couponId" :placeholder="$t('couponPropertyUserManage.search.couponId')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.couponName" :placeholder="$t('couponPropertyUserManage.search.couponName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.validityDay" :placeholder="$t('couponPropertyUserManage.search.validityDay')"
+            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.userName" :placeholder="$t('couponPropertyUserManage.search.userName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.tel" :placeholder="$t('couponPropertyUserManage.search.tel')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.toType" :placeholder="$t('couponPropertyUserManage.search.toType')"
+            style="width:100%">
+            <el-option :label="$t('couponPropertyUserManage.search.selectToType')" value="" />
+            <el-option :label="$t('couponPropertyUserManage.search.shopping')" value="1001" />
+            <el-option :label="$t('couponPropertyUserManage.search.payment')" value="2002" />
+            <el-option :label="$t('couponPropertyUserManage.search.repair')" value="3003" />
+            <el-option :label="$t('couponPropertyUserManage.search.parking')" value="4004" />
+          </el-select>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" style="margin-top: 15px;">
+        <el-col :span="6">
+          <el-select v-model="searchForm.state" :placeholder="$t('couponPropertyUserManage.search.state')"
+            style="width:100%">
+            <el-option :label="$t('couponPropertyUserManage.search.selectState')" value="" />
+            <el-option :label="$t('couponPropertyUserManage.search.unused')" value="1001" />
+            <el-option :label="$t('couponPropertyUserManage.search.used')" value="2002" />
+          </el-select>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('couponPropertyUserManage.list.title') }}</span>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="couponId" :label="$t('couponPropertyUserManage.table.couponId')" align="center" />
+        <el-table-column prop="couponName" :label="$t('couponPropertyUserManage.table.couponName')" align="center" />
+        <el-table-column prop="value" :label="$t('couponPropertyUserManage.table.value')" align="center" />
+        <el-table-column prop="validityDay" :label="$t('couponPropertyUserManage.table.validityDay')" align="center" />
+        <el-table-column prop="userName" :label="$t('couponPropertyUserManage.table.userName')" align="center" />
+        <el-table-column prop="tel" :label="$t('couponPropertyUserManage.table.tel')" align="center" />
+        <el-table-column prop="toTypeName" :label="$t('couponPropertyUserManage.table.toType')" align="center" />
+        <el-table-column prop="stock" :label="$t('couponPropertyUserManage.table.quantity')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.stock }}{{ $t('couponPropertyUserManage.table.sheet') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="state" :label="$t('couponPropertyUserManage.table.state')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.state === '1001' ? $t('couponPropertyUserManage.table.unused') :
+              $t('couponPropertyUserManage.table.used') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="startTime" :label="$t('couponPropertyUserManage.table.startTime')" align="center" />
+      </el-table>
+
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { listCouponPropertyUser } from '@/api/scm/couponPropertyUserManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'CouponPropertyUserManageList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        couponId: '',
+        couponName: '',
+        validityDay: '',
+        userName: '',
+        tel: '',
+        toType: '',
+        state: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total, records } = await listCouponPropertyUser(params)
+        this.tableData = data
+        this.page.total = records || total
+      } catch (error) {
+        this.$message.error(this.$t('couponPropertyUserManage.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>
+.coupon-property-user-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: 15px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
@@ -6,26 +6,23 @@
       </el-col>
       <el-col :span="20" class="right-panel">
         <el-card class="box-card">
-          <div slot="header" class="clearfix">
+          <div slot="header" class="text-left">
             <h5>{{ currentCouponRule.ruleName }}</h5>
             <div class="role-context">{{ currentCouponRule.remark }}</div>
           </div>
-          <el-divider></el-divider>
-          <el-tabs v-model="activeTab" @tab-click="handleTabClick">
+          <el-tabs v-model="activeTab" @tab-click="handleTabClick(activeTab)">
             <el-tab-pane :label="$t('couponRule.coupon')" name="couponRuleCpps">
-              <coupon-rule-cpps v-if="activeTab === 'couponRuleCpps'" :rule-id="currentCouponRule.ruleId" />
+              <coupon-rule-cpps ref="couponRuleCpps" v-if="activeTab === 'couponRuleCpps'"  />
             </el-tab-pane>
             <el-tab-pane :label="$t('couponRule.fee')" name="couponRuleFee">
-              <coupon-rule-fees v-if="activeTab === 'couponRuleFee'" :rule-id="currentCouponRule.ruleId" />
+              <coupon-rule-fees ref="couponRuleFee" v-if="activeTab === 'couponRuleFee'"  />
             </el-tab-pane>
           </el-tabs>
         </el-card>
       </el-col>
     </el-row>
  
-    <add-coupon-rule ref="addCouponRule" @success="handleSuccess" />
-    <edit-coupon-rule ref="editCouponRule" @success="handleSuccess" />
-    <delete-coupon-rule ref="deleteCouponRule" @success="handleSuccess" />
+  
   </div>
 </template>
  
@@ -33,9 +30,7 @@
 import CouponRuleDiv from '@/components/scm/CouponRuleDiv'
 import CouponRuleCpps from '@/components/scm/CouponRuleCpps'
 import CouponRuleFees from '@/components/scm/CouponRuleFees'
-import AddCouponRule from '@/components/scm/AddCouponRule'
-import EditCouponRule from '@/components/scm/EditCouponRule'
-import DeleteCouponRule from '@/components/scm/DeleteCouponRule'
+
  
 export default {
   name: 'CouponRuleList',
@@ -43,9 +38,7 @@ export default {
     CouponRuleDiv,
     CouponRuleCpps,
     CouponRuleFees,
-    AddCouponRule,
-    EditCouponRule,
-    DeleteCouponRule
+
   },
   data() {
     return {
@@ -60,30 +53,18 @@ export default {
   methods: {
     handleSwitchCouponRule(rule) {
       this.currentCouponRule = rule
+      this.handleTabClick(this.activeTab)
     },
+
     handleTabClick(tab) {
-      this.activeTab = tab.name
-    },
-    handleSuccess() {
-      this.$refs.couponRuleDiv.refreshList()
+      this.activeTab = tab
+      let _that = this;
+      setTimeout(function(){
+        _that.$refs[tab].open(_that.currentCouponRule.ruleId)
+      },500)
     },
-    openAddModal() {
-      this.$refs.addCouponRule.open()
-    },
-    openEditModal() {
-      if (!this.currentCouponRule.ruleId) {
-        this.$message.warning(this.$t('couponRule.selectRuleFirst'))
-        return
-      }
-      this.$refs.editCouponRule.open(this.currentCouponRule)
-    },
-    openDeleteModal() {
-      if (!this.currentCouponRule.ruleId) {
-        this.$message.warning(this.$t('couponRule.selectRuleFirst'))
-        return
-      }
-      this.$refs.deleteCouponRule.open(this.currentCouponRule)
-    }
+   
+ 
   }
 }
 </script>
+export const messages = {
+  en: {
+    integralConfigManage: {
+      search: {
+        title: 'Search Conditions',
+        configNamePlaceholder: 'Please enter standard name'
+      },
+      list: {
+        title: 'Points Standard'
+      },
+      table: {
+        configName: 'Standard Name',
+        computingFormula: 'Calculation Formula',
+        squarePrice: 'Amount/Month',
+        additionalAmount: 'Points',
+        scale: 'Rounding'
+      },
+      form: {
+        configName: 'Standard Name',
+        configNamePlaceholder: 'Required, please enter standard name',
+        computingFormula: 'Calculation Formula',
+        computingFormulaPlaceholder: 'Required, please select calculation formula',
+        amount: 'Amount',
+        amountPlaceholder: 'Required, please enter amount',
+        month: 'Month',
+        monthPlaceholder: 'Required, please enter month',
+        points: 'Points',
+        pointsPlaceholder: 'Required, please enter points',
+        scale: 'Rounding',
+        scalePlaceholder: 'Required, please select rounding'
+      },
+      formula: {
+        fullAmount: 'Full amount give points',
+        fullMonth: 'Full month give points'
+      },
+      scale: {
+        roundUp: 'Round up',
+        roundDown: 'Round down'
+      },
+      validate: {
+        configIdRequired: 'Points standard cannot be empty',
+        configNameRequired: 'Standard name cannot be empty',
+        configNameMaxLength: 'Standard name cannot exceed 100 characters',
+        computingFormulaRequired: 'Calculation formula cannot be empty',
+        squarePriceRequired: 'Amount/month cannot be empty',
+        squarePriceMaxLength: 'Amount/month cannot exceed 12 characters',
+        additionalAmountRequired: 'Points cannot be empty',
+        additionalAmountMaxLength: 'Points cannot exceed 12 characters',
+        scaleRequired: 'Rounding cannot be empty'
+      },
+      message: {
+        addSuccess: 'Add points standard successfully',
+        addFailed: 'Add points standard failed',
+        editSuccess: 'Edit points standard successfully',
+        editFailed: 'Edit points standard failed',
+        deleteSuccess: 'Delete points standard successfully',
+        deleteFailed: 'Delete points standard failed',
+        fetchError: 'Failed to get points standard data'
+      },
+      add: {
+        title: 'Add Points Standard'
+      },
+      edit: {
+        title: 'Edit Points Standard'
+      },
+      delete: {
+        title: 'Delete Points Standard',
+        confirmMessage: 'Are you sure to delete this points standard?'
+      }
+    }
+  },
+  zh: {
+    integralConfigManage: {
+      search: {
+        title: '查询条件',
+        configNamePlaceholder: '请输入标准名称'
+      },
+      list: {
+        title: '积分标准'
+      },
+      table: {
+        configName: '标准名称',
+        computingFormula: '计算公式',
+        squarePrice: '金额/月',
+        additionalAmount: '赠送积分',
+        scale: '进位'
+      },
+      form: {
+        configName: '标准名称',
+        configNamePlaceholder: '必填，请填写标准名称',
+        computingFormula: '计算公式',
+        computingFormulaPlaceholder: '必填，请选择计算公式',
+        amount: '金额',
+        amountPlaceholder: '必填，请填写金额',
+        month: '月份',
+        monthPlaceholder: '必填，请填写月份',
+        points: '积分',
+        pointsPlaceholder: '必填，请填写积分',
+        scale: '进位',
+        scalePlaceholder: '必填，请选择进位'
+      },
+      formula: {
+        fullAmount: '满(金额)送积分',
+        fullMonth: '满(月)送积分'
+      },
+      scale: {
+        roundUp: '向上取整',
+        roundDown: '向下取整'
+      },
+      validate: {
+        configIdRequired: '积分标准不能为空',
+        configNameRequired: '标准名称不能为空',
+        configNameMaxLength: '标准名称不能超过100个字符',
+        computingFormulaRequired: '计算公式不能为空',
+        squarePriceRequired: '金额/月不能为空',
+        squarePriceMaxLength: '金额/月不能超过12个字符',
+        additionalAmountRequired: '积分不能为空',
+        additionalAmountMaxLength: '积分不能超过12个字符',
+        scaleRequired: '进位不能为空'
+      },
+      message: {
+        addSuccess: '添加积分标准成功',
+        addFailed: '添加积分标准失败',
+        editSuccess: '修改积分标准成功',
+        editFailed: '修改积分标准失败',
+        deleteSuccess: '删除积分标准成功',
+        deleteFailed: '删除积分标准失败',
+        fetchError: '获取积分标准数据失败'
+      },
+      add: {
+        title: '添加积分标准'
+      },
+      edit: {
+        title: '修改积分标准'
+      },
+      delete: {
+        title: '删除积分标准',
+        confirmMessage: '确定删除该积分标准吗？'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="integral-config-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('integralConfigManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.configName"
+            :placeholder="$t('integralConfigManage.search.configNamePlaceholder')" clearable />
+        </el-col>
+        <el-col :span="2">
+          <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="flex justify-between">
+        <span>{{ $t('integralConfigManage.list.title') }}</span>
+        <el-button type="primary" size="small" style="float: right" @click="handleAdd">
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="configName" :label="$t('integralConfigManage.table.configName')" align="center" />
+        <el-table-column prop="computingFormulaName" :label="$t('integralConfigManage.table.computingFormula')"
+          align="center" />
+        <el-table-column prop="squarePrice" :label="$t('integralConfigManage.table.squarePrice')" align="center" />
+        <el-table-column prop="additionalAmount" :label="$t('integralConfigManage.table.additionalAmount')"
+          align="center" />
+        <el-table-column prop="scaleName" :label="$t('integralConfigManage.table.scale')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 添加/编辑/删除组件 -->
+    <add-integral-config ref="addDialog" @success="handleSuccess" />
+    <edit-integral-config ref="editDialog" @success="handleSuccess" />
+    <delete-integral-config ref="deleteDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listIntegralConfig } from '@/api/scm/integralConfigManageApi'
+import AddIntegralConfig from '@/components/scm/addIntegralConfig'
+import EditIntegralConfig from '@/components/scm/editIntegralConfig'
+import DeleteIntegralConfig from '@/components/scm/deleteIntegralConfig'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'IntegralConfigManageList',
+  components: {
+    AddIntegralConfig,
+    EditIntegralConfig,
+    DeleteIntegralConfig
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        configName: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listIntegralConfig(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('integralConfigManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addDialog.open()
+    },
+    handleEdit(row) {
+      this.$refs.editDialog.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.integral-config-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    integralGiftDetailManage: {
+      search: {
+        title: 'Search Conditions',
+        detailId: 'Record ID',
+        userNameLike: 'User Name',
+        tel: 'Phone Number'
+      },
+      list: {
+        title: 'Gift Records'
+      },
+      table: {
+        detailId: 'Record ID',
+        acctName: 'Account Name',
+        configName: 'Standard Name',
+        ruleName: 'Rule Name',
+        quantity: 'Points Quantity',
+        userName: 'User Name',
+        tel: 'Phone Number',
+        createTime: 'Gift Time'
+      },
+      fetchError: 'Failed to fetch gift records'
+    }
+  },
+  zh: {
+    integralGiftDetailManage: {
+      search: {
+        title: '查询条件',
+        detailId: '记录编号',
+        userNameLike: '用户名称',
+        tel: '手机号'
+      },
+      list: {
+        title: '赠送记录'
+      },
+      table: {
+        detailId: '记录编号',
+        acctName: '账户名称',
+        configName: '标准名称',
+        ruleName: '规则名称',
+        quantity: '积分数量',
+        userName: '用户名称',
+        tel: '手机号',
+        createTime: '赠送时间'
+      },
+      fetchError: '获取赠送记录失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="integral-gift-detail-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="text-left">
+        <span>{{ $t('integralGiftDetailManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.detailId" :placeholder="$t('integralGiftDetailManage.search.detailId')"
+            clearable @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.userNameLike" :placeholder="$t('integralGiftDetailManage.search.userNameLike')"
+            clearable @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.tel" :placeholder="$t('integralGiftDetailManage.search.tel')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <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="text-left">
+        <span>{{ $t('integralGiftDetailManage.list.title') }}</span>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="detailId" :label="$t('integralGiftDetailManage.table.detailId')" align="center" />
+        <el-table-column prop="acctName" :label="$t('integralGiftDetailManage.table.acctName')" align="center" />
+        <el-table-column prop="configName" :label="$t('integralGiftDetailManage.table.configName')" align="center" />
+        <el-table-column prop="ruleName" :label="$t('integralGiftDetailManage.table.ruleName')" align="center" />
+        <el-table-column prop="quantity" :label="$t('integralGiftDetailManage.table.quantity')" align="center" />
+        <el-table-column prop="userName" :label="$t('integralGiftDetailManage.table.userName')" align="center" />
+        <el-table-column prop="tel" :label="$t('integralGiftDetailManage.table.tel')" align="center" />
+        <el-table-column prop="createTime" :label="$t('integralGiftDetailManage.table.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" @click="handleDetail(scope.row)">
+              {{ $t('common.detail') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { listIntegralGiftDetail } from '@/api/scm/integralGiftDetailManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'IntegralGiftDetailManageList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        detailId: '',
+        userNameLike: '',
+        tel: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listIntegralGiftDetail(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('integralGiftDetailManage.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()
+    },
+    handleDetail(row) {
+      // 查看详情逻辑
+      console.log(row)  
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.integral-gift-detail-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-input {
+      width: 100%;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    integralRule: {
+      addTitle: 'Add Integral Rule',
+      editTitle: 'Edit Integral Rule',
+      deleteTitle: 'Delete Integral Rule',
+      deleteConfirm: 'Are you sure to delete this integral rule?',
+      ruleName: 'Rule Name',
+      ruleNamePlaceholder: 'Please enter rule name',
+      ruleNameRequired: 'Rule name is required',
+      ruleNameMaxLength: 'Rule name cannot exceed 64 characters',
+      remark: 'Remark',
+      remarkPlaceholder: 'Please enter remark',
+      remarkRequired: 'Remark is required',
+      remarkMaxLength: 'Remark cannot exceed 512 characters',
+      ruleIdRequired: 'Rule ID is required',
+      selectRule: 'Please select a rule first',
+      
+      // Config related
+      addConfigTitle: 'Add Integral Config',
+      configId: 'Config ID',
+      configName: 'Config Name',
+      configPlaceholder: 'Please select config',
+      configRequired: 'Config is required',
+      deleteConfigConfirm: 'Are you sure to delete this config?',
+      computingFormula: 'Computing Formula',
+      squarePrice: 'Square Price',
+      additionalAmount: 'Additional Amount',
+      scale: 'Scale',
+      
+      // Fee related
+      addFeeTitle: 'Add Payment Time',
+      editFeeTitle: 'Edit Payment Time',
+      feeId: 'Fee ID',
+      payTimeRange: 'Payment Time Range',
+      payStartTime: 'Start Time',
+      payStartTimePlaceholder: 'Select start time',
+      payStartTimeRequired: 'Start time is required',
+      payEndTime: 'End Time',
+      payEndTimePlaceholder: 'Select end time',
+      payEndTimeRequired: 'End time is required',
+      payEndTimeAfterStart: 'End time must be after start time',
+      deleteFeeConfirm: 'Are you sure to delete this payment time?',
+      feeIdRequired: 'Fee ID is required',
+      
+      // Tab names
+      integralRuleConfig: 'Integral Standard',
+      integralRuleFee: 'Payment Time',
+      
+      // Messages
+      fetchError: 'Failed to fetch data',
+      selectRuleFirst: 'Please select a rule first'
+    }
+  },
+  zh: {
+    integralRule: {
+      addTitle: '添加积分规则',
+      editTitle: '编辑积分规则',
+      deleteTitle: '删除积分规则',
+      deleteConfirm: '确定删除该积分规则吗？',
+      ruleName: '规则名称',
+      ruleNamePlaceholder: '请输入规则名称',
+      ruleNameRequired: '规则名称不能为空',
+      ruleNameMaxLength: '规则名称不能超过64个字符',
+      remark: '备注',
+      remarkPlaceholder: '请输入备注',
+      remarkRequired: '备注不能为空',
+      remarkMaxLength: '备注不能超过512个字符',
+      ruleIdRequired: '规则ID不能为空',
+      selectRule: '请先选择规则',
+      
+      // Config related
+      addConfigTitle: '添加积分标准',
+      configId: '配置ID',
+      configName: '配置名称',
+      configPlaceholder: '请选择配置',
+      configRequired: '配置不能为空',
+      deleteConfigConfirm: '确定删除该配置吗？',
+      computingFormula: '计算公式',
+      squarePrice: '单价',
+      additionalAmount: '固定积分',
+      scale: '进位',
+      
+      // Fee related
+      addFeeTitle: '添加缴费时间',
+      editFeeTitle: '编辑缴费时间',
+      feeId: '费用ID',
+      payTimeRange: '缴费时间范围',
+      payStartTime: '开始时间',
+      payStartTimePlaceholder: '选择开始时间',
+      payStartTimeRequired: '开始时间不能为空',
+      payEndTime: '结束时间',
+      payEndTimePlaceholder: '选择结束时间',
+      payEndTimeRequired: '结束时间不能为空',
+      payEndTimeAfterStart: '结束时间必须晚于开始时间',
+      deleteFeeConfirm: '确定删除该缴费时间吗？',
+      feeIdRequired: '费用ID不能为空',
+      
+      // Tab names
+      integralRuleConfig: '积分标准',
+      integralRuleFee: '缴费时间',
+      
+      // Messages
+      fetchError: '获取数据失败',
+      selectRuleFirst: '请先选择规则'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="integral-rule-container">
+    <el-row :gutter="20">
+      <el-col :span="4" class="left-panel">
+        <integral-rule-div ref="integralRuleDiv" @switch="handleSwitchRule" />
+      </el-col>
+      <el-col :span="20" class="right-panel">
+        <el-card class="box-card">
+          <div slot="header" class="text-left">
+            <h5>{{ integralRuleInfo.curIntegralRule.ruleName }}</h5>
+            <div class="role-context">{{ integralRuleInfo.curIntegralRule.remark }}</div>
+          </div>
+          <el-tabs v-model="integralRuleInfo.tabName" @tab-click="handleTabClick(integralRuleInfo.tabName)">
+            <el-tab-pane label="积分标准" name="integralRuleConfig">
+              <integral-rule-config  ref="integralRuleConfig" v-if="integralRuleInfo.tabName === 'integralRuleConfig'"
+                />
+            </el-tab-pane>
+            <el-tab-pane label="缴费时间" name="integralRuleFee">
+              <integral-rule-fees ref="integralRuleFee" v-if="integralRuleInfo.tabName === 'integralRuleFee'"
+                />
+            </el-tab-pane>
+          </el-tabs>
+        </el-card>
+      </el-col>
+    </el-row>
+
+
+  </div>
+</template>
+
+<script>
+import IntegralRuleDiv from '@/components/scm/integralRuleDiv'
+import IntegralRuleConfig from '@/components/scm/integralRuleConfig'
+import IntegralRuleFees from '@/components/scm/integralRuleFees'
+
+
+export default {
+  name: 'IntegralRuleList',
+  components: {
+    IntegralRuleDiv,
+    IntegralRuleConfig,
+    IntegralRuleFees,
+
+  },
+  data() {
+    return {
+      integralRuleInfo: {
+        curIntegralRule: {},
+        tabName: 'integralRuleConfig'
+      }
+    }
+  },
+  methods: {
+    handleSwitchRule(rule) {
+      this.integralRuleInfo.curIntegralRule = rule
+      this.handleTabClick(this.integralRuleInfo.tabName)
+    },
+    handleTabClick(tab) {
+      this.integralRuleInfo.tabName = tab
+      setTimeout(() => {
+        this.$refs[tab].open(this.integralRuleInfo.curIntegralRule)
+      }, 500);
+    },
+
+  
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.integral-rule-container {
+  padding: 20px;
+  height: 100%;
+
+  .left-panel {
+    padding-right: 0;
+  }
+
+  .right-panel {
+    padding-left: 20px;
+  }
+
+  .box-card {
+    height: 100%;
+
+    .clearfix {
+
+      &:before,
+      &:after {
+        display: table;
+        content: "";
+      }
+
+      &:after {
+        clear: both;
+      }
+    }
+
+    .role-title {
+      margin: 0;
+      font-size: 16px;
+      font-weight: bold;
+    }
+
+    .role-context {
+      margin-top: 10px;
+      color: #666;
+    }
+  }
+}
+</style>
 \ No newline at end of file