完成费用项页面

wuxw
1 parent 4a60bc89
Showing 8 changed files with 603 additions and 1 deletions
src/api/fee/payFeeConfigDiscountManageApi.js
src/components/fee/addPayFeeConfigDiscount.vue
src/components/fee/deletePayFeeConfigDiscount.vue
src/i18n/index.js
src/router/index.js
src/views/fee/feeConfigManageList.vue
src/views/fee/payFeeConfigDiscountManageLang.js
src/views/fee/payFeeConfigDiscountManageList.vue
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询费用折扣列表
+export function getPayFeeConfigDiscountList(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/payFeeConfigDiscount/queryPayFeeConfigDiscount',
+      method: 'get',
+      params: { ...params, communityId }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || '获取费用折扣列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询折扣列表
+export function getFeeDiscountList(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeDiscount/queryFeeDiscount',
+      method: 'get',
+      params: { ...params, communityId }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.total
+        })
+      } else {
+        reject(new Error(res.msg || '获取折扣列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存费用折扣
+export function savePayFeeConfigDiscount(data) {
+  return new Promise((resolve, reject) => {
+    data.communityId = getCommunityId()
+    request({
+      url: '/payFeeConfigDiscount/savePayFeeConfigDiscount',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '保存费用折扣失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除费用折扣
+export function deletePayFeeConfigDiscount(data) {
+  return new Promise((resolve, reject) => {
+    data.communityId = getCommunityId()
+    request({
+      url: '/payFeeConfigDiscount/deletePayFeeConfigDiscount',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除费用折扣失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('addPayFeeConfigDiscount.addTitle')"
+    :visible.sync="visible"
+    width="800px"
+    :close-on-click-modal="false"
+    @closed="resetForm"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="160px">
+      <el-form-item :label="$t('addPayFeeConfigDiscount.discountType')" prop="discountType">
+        <el-select
+          v-model="form.discountType"
+          :placeholder="$t('addPayFeeConfigDiscount.requiredPlaceholder')"
+          @change="changeDiscountType"
+          style="width: 100%"
+        >
+          <el-option disabled value="">{{ $t('addPayFeeConfigDiscount.selectDiscountType') }}</el-option>
+          <el-option value="1001">{{ $t('addPayFeeConfigDiscount.discount') }}</el-option>
+          <el-option value="2002">{{ $t('addPayFeeConfigDiscount.penalty') }}</el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('addPayFeeConfigDiscount.discountName')" prop="discountId">
+        <el-select
+          v-model="form.discountId"
+          :placeholder="$t('addPayFeeConfigDiscount.requiredPlaceholder')"
+          style="width: 100%"
+        >
+          <el-option disabled value="">{{ $t('addPayFeeConfigDiscount.selectDiscountName') }}</el-option>
+          <el-option
+            v-for="item in discounts"
+            :key="item.discountId"
+            :label="item.discountName"
+            :value="item.discountId"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('addPayFeeConfigDiscount.paymentPeriod')" required>
+        <el-col :span="11">
+          <el-form-item prop="startTime">
+            <el-date-picker
+              v-model="form.startTime"
+              type="datetime"
+              :placeholder="$t('addPayFeeConfigDiscount.startTimePlaceholder')"
+              style="width: 100%"
+            />
+          </el-form-item>
+          <div class="el-form-item__tip">{{ $t('addPayFeeConfigDiscount.paymentPeriodTip') }}</div>
+        </el-col>
+        <el-col :span="2" class="text-center">-</el-col>
+        <el-col :span="11">
+          <el-form-item prop="endTime">
+            <el-date-picker
+              v-model="form.endTime"
+              type="datetime"
+              :placeholder="$t('addPayFeeConfigDiscount.endTimePlaceholder')"
+              style="width: 100%"
+            />
+          </el-form-item>
+        </el-col>
+      </el-form-item>
+
+      <el-form-item
+        v-if="form.discountType !== '2002'"
+        :label="$t('addPayFeeConfigDiscount.discountEndTime')"
+        prop="payMaxEndTime"
+      >
+        <el-date-picker
+          v-model="form.payMaxEndTime"
+          type="datetime"
+          :placeholder="$t('addPayFeeConfigDiscount.discountEndTimePlaceholder')"
+          style="width: 100%"
+        />
+        <div class="el-form-item__tip">{{ $t('addPayFeeConfigDiscount.discountEndTimeTip') }}</div>
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="savePayFeeConfigDiscount" :loading="loading">
+        {{ $t('common.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { savePayFeeConfigDiscount, getFeeDiscountList } from '@/api/fee/payFeeConfigDiscountManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddPayFeeConfigDiscount',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      form: {
+        configDiscountId: '',
+        discountId: '',
+        configId: '',
+        discountType: '',
+        startTime: '',
+        endTime: '',
+        payMaxEndTime: '',
+        communityId: ''
+      },
+      discounts: [],
+      rules: {
+        discountType: [
+          { required: true, message: this.$t('addPayFeeConfigDiscount.discountTypeRequired'), trigger: 'change' }
+        ],
+        discountId: [
+          { required: true, message: this.$t('addPayFeeConfigDiscount.discountNameRequired'), trigger: 'change' }
+        ],
+        startTime: [
+          { required: true, message: this.$t('addPayFeeConfigDiscount.startTimeRequired'), trigger: 'change' }
+        ],
+        endTime: [
+          { required: true, message: this.$t('addPayFeeConfigDiscount.endTimeRequired'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(configId) {
+      this.form.configId = configId
+      this.form.communityId = getCommunityId()
+      this.visible = true
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.form = {
+        configDiscountId: '',
+        discountId: '',
+        configId: this.form.configId,
+        discountType: '',
+        startTime: '',
+        endTime: '',
+        payMaxEndTime: '',
+        communityId: this.form.communityId
+      }
+      this.discounts = []
+    },
+    async changeDiscountType() {
+      if (!this.form.discountType) return
+      
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.form.communityId,
+          discountType: this.form.discountType
+        }
+        const response = await getFeeDiscountList(params)
+        this.discounts = response.data
+      } catch (error) {
+        this.$message.error(this.$t('addPayFeeConfigDiscount.fetchDiscountsError'))
+      }
+    },
+    async savePayFeeConfigDiscount() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          this.loading = true
+          await savePayFeeConfigDiscount(this.form)
+          this.$message.success(this.$t('addPayFeeConfigDiscount.saveSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('addPayFeeConfigDiscount.saveError'))
+        } finally {
+          this.loading = false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.text-center {
+  text-align: center;
+}
+.el-form-item__tip {
+  text-align: left;
+  color: #999;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('deletePayFeeConfigDiscount.title')"
+    :visible.sync="visible"
+    width="500px"
+    :close-on-click-modal="false"
+  >
+    <div class="text-center">
+      <p>{{ $t('deletePayFeeConfigDiscount.confirmText') }}</p>
+    </div>
+    
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('deletePayFeeConfigDiscount.cancel') }}</el-button>
+      <el-button type="primary" @click="deletePayFeeConfigDiscount" :loading="loading">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deletePayFeeConfigDiscount } from '@/api/fee/payFeeConfigDiscountManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeletePayFeeConfigDiscount',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      configDiscount: {}
+    }
+  },
+  methods: {
+    open(configDiscount) {
+      this.configDiscount = { ...configDiscount }
+      this.configDiscount.communityId = getCommunityId()
+      this.visible = true
+    },
+    async deletePayFeeConfigDiscount() {
+      try {
+        this.loading = true
+        await deletePayFeeConfigDiscount(this.configDiscount)
+        this.$message.success(this.$t('deletePayFeeConfigDiscount.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('deletePayFeeConfigDiscount.deleteError'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -121,6 +121,8 @@ import { messages as communityPaymentMessages } from &#39;../views/fee/communityPaym
 import { messages as enterCommunityMessages } from '../views/community/enterCommunityLang'
 import { messages as roomRenovationManageMessages } from '../views/community/roomRenovationManageLang'
 import { messages as feeConfigManageMessages } from '../views/fee/feeConfigManageLang'
+import { messages as payFeeConfigDiscountManageMessages } from '../views/fee/payFeeConfigDiscountManageLang'
+
  
 Vue.use(VueI18n)
  
@@ -246,6 +248,7 @@ const messages = {
     ...enterCommunityMessages.en,
     ...roomRenovationManageMessages.en,
     ...feeConfigManageMessages.en,
+    ...payFeeConfigDiscountManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -367,6 +370,7 @@ const messages = {
     ...enterCommunityMessages.zh,
     ...roomRenovationManageMessages.zh,
     ...feeConfigManageMessages.zh,
+    ...payFeeConfigDiscountManageMessages.zh,
   }
 }
  
@@ -591,6 +591,11 @@ const routes = [
         name:'/pages/property/feeConfigManage',
         component: () => import('@/views/fee/feeConfigManageList.vue')
         },
+        {
+          path:'/views/fee/payFeeConfigDiscountManage',
+          name:'/views/fee/payFeeConfigDiscountManage',
+          component: () => import('@/views/fee/payFeeConfigDiscountManageList.vue')
+          },
       // 其他子路由可以在这里添加
     ]
   },
@@ -274,7 +274,7 @@ export default {
  
     _settingConfigDiscount(feeConfig) {
       this.$router.push({
-        path: '/fee/payFeeConfigDiscountManage',
+        path: '/views/fee/payFeeConfigDiscountManage',
         query: {
           configId: feeConfig.configId,
           feeName: feeConfig.feeName
+export const messages = {
+  en: {
+    payFeeConfigDiscountManage: {
+      title: 'Fee Discount',
+      discountId: 'Discount ID',
+      feeName: 'Fee Item',
+      discountName: 'Discount Name',
+      rule: 'Rule',
+      discountType: 'Discount Type',
+      discount: 'Discount',
+      penalty: 'Penalty',
+      paymentPeriod: 'Payment Period',
+      discountEndTime: 'Discount End Time',
+      operation: 'Operation',
+      paymentPeriodTip: 'Payment Period: This constrains the payment time, which is the time when the cashier operates the payment.',
+      discountEndTimeTip: 'Discount End Time: This indicates the maximum payment time.',
+      currentYearTip1: 'If the current year fee cannot enjoy the discount, select "No Arrears Rule" in the discount settings and set the arrears duration to 0.',
+      currentYearTip2: 'This way, all overdue fees will not enjoy the discount, and the current year fee is considered overdue so it will not enjoy the discount.',
+      fetchError: 'Failed to fetch discount data'
+    },
+    addPayFeeConfigDiscount: {
+      addTitle: 'Add Discount',
+      discountType: 'Discount Type',
+      requiredPlaceholder: 'Required',
+      selectDiscountType: 'Please select discount type',
+      discount: 'Discount',
+      penalty: 'Penalty',
+      discountName: 'Discount Name',
+      selectDiscountName: 'Please select discount name',
+      paymentPeriod: 'Payment Period',
+      startTimePlaceholder: 'Required, payment start time',
+      endTimePlaceholder: 'Required, payment end time',
+      paymentPeriodTip: 'Payment can only enjoy this discount during this period',
+      discountEndTime: 'Discount End Time',
+      discountEndTimePlaceholder: 'Optional, discount end time',
+      discountEndTimeTip: 'Maximum payment time, e.g., for 2024 fee discount, fill in 2025-01-01',
+      discountTypeRequired: 'Discount type is required',
+      discountNameRequired: 'Discount name is required',
+      startTimeRequired: 'Payment start time is required',
+      endTimeRequired: 'Payment end time is required',
+      fetchDiscountsError: 'Failed to fetch discounts',
+      saveSuccess: 'Discount added successfully',
+      saveError: 'Failed to add discount'
+    },
+    deletePayFeeConfigDiscount: {
+      title: 'Confirm Operation',
+      confirmText: 'Are you sure to delete this fee discount?',
+      cancel: 'Cancel',
+      deleteSuccess: 'Discount deleted successfully',
+      deleteError: 'Failed to delete discount'
+    },
+  },
+  zh: {
+    payFeeConfigDiscountManage: {
+      title: '费用折扣',
+      discountId: '费用折扣ID',
+      feeName: '费用项名称',
+      discountName: '折扣名称',
+      rule: '规则',
+      discountType: '折扣类型',
+      discount: '优惠',
+      penalty: '违约',
+      paymentPeriod: '缴费时间段',
+      discountEndTime: '折扣终止时间',
+      operation: '操作',
+      paymentPeriodTip: '缴费时间段：这个约束缴费的时间，也就是前台收银员操作缴费的时间',
+      discountEndTimeTip: '折扣终止时间：这个表示最大缴费到什么时候',
+      currentYearTip1: '如果本年度费用不能享受优惠 那么在折扣设置中规则选择打折无欠费规则，并且欠费时长为0',
+      currentYearTip2: '这样所有欠费的费用则不享受优惠，本年度的费用属于欠费所以不享受优惠',
+      fetchError: '获取折扣数据失败'
+    },
+    addPayFeeConfigDiscount: {
+      addTitle: '添加折扣',
+      discountType: '折扣类型',
+      requiredPlaceholder: '必填',
+      selectDiscountType: '请选择折扣类型',
+      discount: '优惠',
+      penalty: '违约',
+      discountName: '折扣名称',
+      selectDiscountName: '请选择折扣名称',
+      paymentPeriod: '缴费时间段',
+      startTimePlaceholder: '必填，请填写缴费起始时间',
+      endTimePlaceholder: '必填，请填写缴费结束时间',
+      paymentPeriodTip: '这段时间内缴费才能享受该优惠',
+      discountEndTime: '折扣终止时间',
+      discountEndTimePlaceholder: '可选，填写折扣终止时间',
+      discountEndTimeTip: '最大缴费到什么时候，比如想2024年费用优惠，那么就填写2025-01-01',
+      discountTypeRequired: '折扣类型不能为空',
+      discountNameRequired: '折扣名称不能为空',
+      startTimeRequired: '有效期起始时间不能为空',
+      endTimeRequired: '有效期终止时间不能为空',
+      fetchDiscountsError: '获取折扣列表失败',
+      saveSuccess: '添加成功',
+      saveError: '添加失败'
+    },
+    deletePayFeeConfigDiscount: {
+      title: '确认操作',
+      confirmText: '确定删除费用折扣吗？',
+      cancel: '点错了',
+      deleteSuccess: '删除成功',
+      deleteError: '删除失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <el-card class="pay-fee-config-discount-manage">
+    <div slot="header">
+      <el-row type="flex" justify="space-between" align="middle">
+        <el-col :span="12" class="text-left">
+          <h5>{{ $t('payFeeConfigDiscountManage.title') }}</h5>
+        </el-col>
+        <el-col :span="12" class="text-right">
+          <el-button type="primary" size="small" @click="goBack">
+            {{ $t('common.back') }}
+          </el-button>
+          <el-button type="primary" size="small" icon="el-icon-plus" @click="openAddModal">
+            {{ $t('common.add') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </div>
+
+    <el-table :data="payFeeConfigDiscounts" border style="width: 100%">
+      <el-table-column prop="configDiscountId" :label="$t('payFeeConfigDiscountManage.discountId')" align="center" />
+      <el-table-column prop="feeName" :label="$t('payFeeConfigDiscountManage.feeName')" align="center" />
+      <el-table-column prop="discountName" :label="$t('payFeeConfigDiscountManage.discountName')" align="center" />
+      <el-table-column :label="$t('payFeeConfigDiscountManage.rule')" align="center">
+        <template slot-scope="scope">
+          <div v-for="(item, index) in scope.row.feeDiscountSpecs" :key="index">
+            {{ item.specName }}：{{ item.specValue }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('payFeeConfigDiscountManage.discountType')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.discountType === '1001' ? $t('payFeeConfigDiscountManage.discount') : $t('payFeeConfigDiscountManage.penalty') }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('payFeeConfigDiscountManage.paymentPeriod')" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.startTime }}<br />~{{ scope.row.endTime }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="payMaxEndTime" :label="$t('payFeeConfigDiscountManage.discountEndTime')" align="center" />
+      <el-table-column :label="$t('common.operation')" align="center" width="150">
+        <template slot-scope="scope">
+          <el-button type="danger" size="mini" @click="openDeleteModal(scope.row)">
+            {{ $t('common.delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-row class="margin-top-xs">
+      <el-col :span="21" class="text-left">
+        <div>{{ $t('payFeeConfigDiscountManage.paymentPeriodTip') }}</div>
+        <div>{{ $t('payFeeConfigDiscountManage.discountEndTimeTip') }}</div>
+        <div>{{ $t('payFeeConfigDiscountManage.currentYearTip1') }}</div>
+        <div>{{ $t('payFeeConfigDiscountManage.currentYearTip2') }}</div>
+      </el-col>
+      <el-col :span="3" class="text-right">
+        <el-pagination
+          :current-page.sync="page.current"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="page.size"
+          :total="page.total"
+          layout="total, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </el-col>
+    </el-row>
+
+    <add-pay-fee-config-discount ref="addModal" @success="fetchData" />
+    <delete-pay-fee-config-discount ref="deleteModal" @success="fetchData" />
+  </el-card>
+</template>
+
+<script>
+import { getPayFeeConfigDiscountList } from '@/api/fee/payFeeConfigDiscountManageApi'
+import AddPayFeeConfigDiscount from '@/components/fee/addPayFeeConfigDiscount'
+import DeletePayFeeConfigDiscount from '@/components/fee/deletePayFeeConfigDiscount'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'PayFeeConfigDiscountManageList',
+  components: {
+    AddPayFeeConfigDiscount,
+    DeletePayFeeConfigDiscount
+  },
+  data() {
+    return {
+      payFeeConfigDiscounts: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      configId: '',
+      feeName: '',
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.configId = this.$route.query.configId
+    this.feeName = this.$route.query.feeName
+    this.fetchData()
+  },
+  methods: {
+    async fetchData() {
+      try {
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          configId: this.configId,
+          communityId: this.communityId
+        }
+        const response = await getPayFeeConfigDiscountList(params)
+        this.payFeeConfigDiscounts = response.data
+        this.page.total = response.total
+      } catch (error) {
+        this.$message.error(this.$t('payFeeConfigDiscountManage.fetchError'))
+      }
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this.fetchData()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this.fetchData()
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    openAddModal() {
+      this.$refs.addModal.open(this.configId)
+    },
+    openDeleteModal(row) {
+      this.$refs.deleteModal.open(row)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.pay-fee-config-discount-manage {
+  .margin-top-xs {
+    margin-top: 20px;
+  }
+  .text-right {
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file