修改取消订单列表展示的问题

p-honggang.li

5 天以前 22cc8ce22157a32bfcd4ee14d824769c6e318cec

 src/views/pointsManage/settings/index.vue

@@ -9,33 +9,41 @@
              <span class="section-title">积分获取规则</span>
            </div>
          </template>
          

          <!-- 资源贡献 -->
          <div class="rule-category">
            <h4>资源贡献</h4>
          <div class="rule-category" v-for="rule in rules.getPointsRuleList">
            <h4>{{ rule.category}}</h4>
            <div class="rule-subcategory">
              <h5>提报标杆</h5>
              <!-- <h5>提报标杆</h5> -->
              <div class="rule-items">
        
              <div class="rule-item">
                <span class="rule-desc">每提报1个标杆,并审批完成,获</span>
                <el-input 
                  v-model="rules.benchmarkSubmission" 

              <div class="rule-item" v-for="pointRuleDetial in rule.pointsRules">
                <span class="rule-desc">{{ pointRuleDetial.ruleName }} : {{ pointRuleDetial.ruleDescription}} </span>
                <el-input
                  v-model="pointRuleDetial.pointsValue"
                  size="small"
                  style="width: 80px;"
                  style="width: 50px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
                <span class="unit" v-if="pointRuleDetial.isLimit === 1">,每日积分上限</span>
                <el-input
                  v-model="pointRuleDetial.dailyLimit"
                  size="small"
                  style="width: 50px;"
                  placeholder="请输入"
                   v-if="pointRuleDetial.isLimit === 1"
                />
              </div>
              </div>
            </div>
            <div class="rule-subcategory">
            <!-- <div class="rule-subcategory">
              <h5>提报知识</h5>
              <div class="rule-items">
                <div class="rule-item">
                <span class="rule-desc">每提报1个知识,并审批完成,获</span>
                <el-input 
                  v-model="rules.knowledgeSubmission" 
                <el-input
                  v-model="rules.knowledgeSubmission"
                  size="small"
                  style="width: 80px;"
                  placeholder="请输入"
@@ -49,8 +57,8 @@
              <div class="rule-items">
              <div class="rule-item">
                <span class="rule-desc">每提报1个产品,并审批完成,获</span>
                <el-input 
                  v-model="rules.productSubmission" 
                <el-input
                  v-model="rules.productSubmission"
                  size="small"
                  style="width: 80px;"
                  placeholder="请输入"
@@ -58,20 +66,20 @@
                <span class="unit">积分</span>
              </div>
            </div>
            </div>
           
            </div> -->

          </div>

          <!-- 资源交易 -->
          <div class="rule-category">
          <!-- <div class="rule-category">
            <h4>资源交易</h4>
            <div class="rule-subcategory">
              <h5>产品接入</h5>
              <div class="rule-items">
                <div class="rule-item">
                <span class="rule-desc">每接入1个产品，获</span>
                <el-input 
                  v-model="rules.productAccess" 
                <el-input
                  v-model="rules.productAccess"
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
@@ -85,8 +93,8 @@
              <div class="rule-items">
              <div class="rule-item">
                <span class="rule-desc">每交易1个资源,获</span>
                <el-input 
                  v-model="rules.resourceTransaction" 
                <el-input
                  v-model="rules.resourceTransaction"
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
@@ -95,191 +103,8 @@
              </div>
            </div>
            </div>
          </div>
          </div> -->

          <!-- 资源传播 -->
          <div class="rule-category">
            <h4>资源传播</h4>
            <div class="rule-subcategory">
              <h5>数字资源</h5>
              <div class="rule-items">
              <div class="rule-item">
                <span class="rule-desc">提报产品被订阅,获</span>
                <el-input 
                  v-model="rules.productSubscribed" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分,每日积分上限</span>
                <el-input 
                  v-model="rules.productSubscribedDailyLimit" 
                  size="small"
                  style="width: 80px;"
                  placeholder="请输入"
                />
              </div>
              <div class="rule-item">
                <span class="rule-desc">提报产品被试用,获</span>
                <el-input 
                  v-model="rules.productTrialed" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分,每日积分上限</span>
                <el-input 
                  v-model="rules.productTrialedDailyLimit" 
                  size="small"
                  style="width: 80px;"
                  placeholder="请输入"
                />
              </div>
              <div class="rule-item">
                <span class="rule-desc">提报产品被点赞,获</span>
                <el-input 
                  v-model="rules.resourceLiked" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分,每日积分上限</span>
                <el-input 
                  v-model="rules.resourceLikedDailyLimit" 
                  size="small"
                  style="width: 80px;"
                  placeholder="请输入"
                />
              </div>
              <!-- 后端无此规则，移除此项（如后端后续支持再开启） -->
              <div class="rule-item">
                <span class="rule-desc">提报产品被试用,获</span>
                <el-input 
                  v-model="rules.productTrialed" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分,每日积分上限</span>
                <el-input 
                  v-model="rules.productTrialedDailyLimit" 
                  size="small"
                  style="width: 80px;"
                  placeholder="请输入"
                />
              </div>
              </div>
            </div>
            
          </div>

          <!-- 用户参与 -->
          <div class="rule-category">
            <h4>用户参与</h4>
            <div class="rule-subcategory">
              <h5>交流互动</h5>
              <div class="rule-items">
                <div class="rule-item">
                  <span class="rule-desc">每日首次登录,获</span>
                  <el-input 
                    v-model="rules.dailyFirstLogin" 
                    size="small"
                    style="width: 60px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
                <div class="rule-item">
                  <span class="rule-desc">发布提问,获</span>
                  <el-input 
                    v-model="rules.postQuestion" 
                    size="small"
                    style="width: 60px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分,每日积分上限</span>
                  <el-input 
                    v-model="rules.postQuestionDailyLimit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                </div>
                <div class="rule-item">
                  <span class="rule-desc">发布评论,获</span>
                  <el-input 
                    v-model="rules.postComment" 
                    size="small"
                    style="width: 60px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分,每日积分上限</span>
                  <el-input 
                    v-model="rules.postCommentDailyLimit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                </div>
                <div class="rule-item">
                  <span class="rule-desc">评论被点赞,获</span>
                  <el-input 
                    v-model="rules.commentLiked" 
                    size="small"
                    style="width: 60px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分,每日积分上限</span>
                  <el-input 
                    v-model="rules.commentLikedDailyLimit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                </div>
              </div>
            </div>
          </div>

          <!-- 其他 -->
          <div class="rule-category">
            <h4>其他</h4>
            <div class="rule-subcategory">
              <h5>荣誉奖励</h5>
              <div class="rule-items">
                <div class="rule-item">
                  <span class="rule-desc">提报产品每月交易量TOP1,获</span>
                  <el-input 
                    v-model="rules.monthlyTop1" 
                    size="small"
                    style="width: 60px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
                <div class="rule-item">
                  <span class="rule-desc">提报产品每月交易量TOP2,获</span>
                  <el-input 
                    v-model="rules.monthlyTop2" 
                    size="small"
                    style="width: 60px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
                <div class="rule-item">
                  <span class="rule-desc">提报产品每月交易量TOP3,获</span>
                  <el-input 
                    v-model="rules.monthlyTop3" 
                    size="small"
                    style="width: 60px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
              </div>
            </div>
          </div>
        </el-card>
      </div>

@@ -292,228 +117,166 @@
              <span class="section-title">积分消耗规则</span>
            </div>
          </template>
          

          <!-- 资源传播 -->
          <div class="rule-category">
            <h4>资源传播</h4>
          <div class="rule-category" v-for="consumeRule in rules.consumePointsRuleList">
            <h4>{{ consumeRule.category }}</h4>
            <div class="rule-subcategory">
              <h5>数字资源</h5>
<!--              <h5>数字资源</h5>-->
            <div class="rule-items">
              <div class="rule-item">
                <span class="rule-desc">提报产品被取消收藏,扣除</span>
                <el-input 
                  v-model="rules.productUnfavorited" 
              <div class="rule-item" v-for="pointRuleDetials in consumeRule.pointsRules">
                <span class="rule-desc">{{ pointRuleDetials.ruleName }} : {{ pointRuleDetials.ruleDescription}}</span>
                <el-input
                  v-model="pointRuleDetials.pointsValue"
                  size="small"
                  style="width: 60px;"
                  style="width: 50px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
              </div>
              <div class="rule-item">
                <span class="rule-desc">提报产品被取消点赞,扣除</span>
                <el-input 
                  v-model="rules.productUnliked" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
              </div>
            </div>
            </div>
            <div class="rule-subcategory">
              <h5>产品订阅</h5>
            <div class="rule-items">
              <div class="rule-item">
                <span class="rule-desc">提报产品被取消订阅，扣除</span>
                <el-input 
                  v-model="rules.productUnfavorited" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
              </div>
              <div class="rule-item">
                <span class="rule-desc">提报产品被取消试用，扣除</span>
                <el-input 
                  v-model="rules.productUnliked" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
              </div>
            </div>
            </div>
            <div class="rule-subcategory">
              <h5>交流社区</h5>
            <div class="rule-items">
              <div class="rule-item">
                <span class="rule-desc">删除提问，扣除</span>
                <el-input 
                  v-model="rules.productUnfavorited" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
              </div>
              <div class="rule-item">
                <span class="rule-desc">删除评论，扣除</span>
                <el-input 
                  v-model="rules.productUnliked" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
              </div>
              <div class="rule-item">
                <span class="rule-desc">评论被取消点赞，扣除</span>
                <el-input 
                  v-model="rules.productUnliked" 
                  size="small"
                  style="width: 60px;"
                  placeholder="请输入"
                />
                <span class="unit">积分</span>
                <span class="unit" v-if="pointRuleDetials.isLimit === 1">,每日积分上限</span>
                  <el-input
                          v-model="pointRuleDetials.dailyLimit"
                          size="small"
                          style="width: 50px;"
                          placeholder="请输入"
                          v-if="pointRuleDetials.isLimit === 1"
                  />
              </div>
            </div>
            </div>
          </div>
       

        </el-card>

        <!-- 积分转换规则 -->
        <el-card class="rule-section" shadow="never">
          <template #header>
            <div class="card-header">
              <span class="section-title">积分转换规则</span>
            </div>
          </template>
          
          <div class="rule-category">
            <h4>积分转换</h4>
            <div class="rule-subcategory">
              <h5>数字化标杆积分转换</h5>
              <div class="rule-items">
                <div class="rule-item">
                  <span class="rule-desc">数字化标杆个人</span>
                  <el-input 
                    v-model="rules.benchmarkPersonalToUnit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分兑换数字化标杆单位</span>
                  <el-input 
                    v-model="rules.benchmarkUnitToPersonal" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
                <div class="rule-item">
                  <span class="rule-desc">数字化标杆单位</span>
                  <el-input 
                    v-model="rules.benchmarkUnitToPersonal" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分兑换数字化标杆个人</span>
                  <el-input 
                    v-model="rules.benchmarkPersonalToUnit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
              </div>
            </div>
            <div class="rule-subcategory">
              <h5>数字化知识积分转换</h5>
              <div class="rule-items">
                <div class="rule-item">
                  <span class="rule-desc">数字化知识个人</span>
                  <el-input 
                    v-model="rules.knowledgePersonalToUnit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分兑换数字化知识单位</span>
                  <el-input 
                    v-model="rules.knowledgeUnitToPersonal" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
                <div class="rule-item">
                  <span class="rule-desc">数字化知识单位</span>
                  <el-input 
                    v-model="rules.knowledgeUnitToPersonal" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分兑换数字化知识个人</span>
                  <el-input 
                    v-model="rules.knowledgePersonalToUnit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
              </div>
            </div>
            <div class="rule-subcategory">
              <h5>数字化产品积分转换</h5>
              <div class="rule-items">
                <div class="rule-item">
                  <span class="rule-desc">数字化产品个人</span>
                  <el-input 
                    v-model="rules.productPersonalToUnit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分兑换数字化产品单位</span>
                  <el-input 
                    v-model="rules.productUnitToPersonal" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
                <div class="rule-item">
                  <span class="rule-desc">数字化产品单位</span>
                  <el-input 
                    v-model="rules.productUnitToPersonal" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分兑换数字化产品个人</span>
                  <el-input 
                    v-model="rules.productPersonalToUnit" 
                    size="small"
                    style="width: 80px;"
                    placeholder="请输入"
                  />
                  <span class="unit">积分</span>
                </div>
              </div>
            </div>
          </div>
        </el-card>
<!--        <el-card class="rule-section" shadow="never">-->
<!--          <template #header>-->
<!--            <div class="card-header">-->
<!--              <span class="section-title">积分转换规则</span>-->
<!--            </div>-->
<!--          </template>-->

<!--          <div class="rule-category">-->
<!--            <h4>积分转换</h4>-->
<!--            <div class="rule-subcategory">-->
<!--              <h5>数字化标杆积分转换</h5>-->
<!--              <div class="rule-items">-->
<!--                <div class="rule-item">-->
<!--                  <span class="rule-desc">数字化标杆个人</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.benchmarkPersonalToUnit"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分兑换数字化标杆单位</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.benchmarkUnitToPersonal"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分</span>-->
<!--                </div>-->
<!--                <div class="rule-item">-->
<!--                  <span class="rule-desc">数字化标杆单位</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.benchmarkUnitToPersonal"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分兑换数字化标杆个人</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.benchmarkPersonalToUnit"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分</span>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="rule-subcategory">-->
<!--              <h5>数字化知识积分转换</h5>-->
<!--              <div class="rule-items">-->
<!--                <div class="rule-item">-->
<!--                  <span class="rule-desc">数字化知识个人</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.knowledgePersonalToUnit"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分兑换数字化知识单位</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.knowledgeUnitToPersonal"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分</span>-->
<!--                </div>-->
<!--                <div class="rule-item">-->
<!--                  <span class="rule-desc">数字化知识单位</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.knowledgeUnitToPersonal"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分兑换数字化知识个人</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.knowledgePersonalToUnit"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分</span>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="rule-subcategory">-->
<!--              <h5>数字化产品积分转换</h5>-->
<!--              <div class="rule-items">-->
<!--                <div class="rule-item">-->
<!--                  <span class="rule-desc">数字化产品个人</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.productPersonalToUnit"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分兑换数字化产品单位</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.productUnitToPersonal"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分</span>-->
<!--                </div>-->
<!--                <div class="rule-item">-->
<!--                  <span class="rule-desc">数字化产品单位</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.productUnitToPersonal"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分兑换数字化产品个人</span>-->
<!--                  <el-input-->
<!--                    v-model="rules.productPersonalToUnit"-->
<!--                    size="small"-->
<!--                    style="width: 80px;"-->
<!--                    placeholder="请输入"-->
<!--                  />-->
<!--                  <span class="unit">积分</span>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </el-card>-->
      </div>
    </div>

@@ -526,86 +289,106 @@
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { ref, onMounted, watch } from 'vue'
import { useRoute } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import { ArrowLeft } from '@element-plus/icons-vue'
import pointsApi from '../../../api/pointsApi'
import qs from 'qs'

// 获取路由实例
const route = useRoute()
// 获取路由参数中的规则id
const ruleId = route.query.ruleId as string
// 定义props
interface Props {
  ruleId?: string
}

const props = withDefaults(defineProps<Props>(), {
  ruleId: ''
})

// 定义emits
const emit = defineEmits<{
  goBack: []
  saveSuccess: []
}>()

interface PointRule {
  category: string,
  pointsRules: PointRuleDetial[]
}
interface PointRuleDetial {
  category: string,
  id: number,
  ruleDescription: string,
  ruleName: string,
  createdAt: string,
  ruleType: number,
  pointsWinner: number,
  isLimit: number,
  pointsValue: number,
  dailyLimit: number
}

// 积分规则配置
const rules = ref({
  // 积分获取规则
  benchmarkSubmission: 100,
  knowledgeSubmission: 100,
  productSubmission: 200,
  productAccess: 1000,
  resourceTransaction: 50,
  resourceFavorited: 1,
  resourceFavoritedDailyLimit: 100,
  resourceLiked: 1,
  resourceLikedDailyLimit: 100,
  resourceViewThreshold: 100,
  resourceViewed: 1,
  resourceVideoPlayed: 5,
  resourceDocumentViewed: 2,
  productSubscribed: 10,
  productSubscribedDailyLimit: 500,
  productTrialed: 5,
  productTrialedDailyLimit: 200,
  dailyFirstLogin: 1,
  postQuestion: 1,
  postQuestionDailyLimit: 50,
  postComment: 1,
  postCommentDailyLimit: 100,
  commentLiked: 1,
  commentLikedDailyLimit: 50,
  // 其他演示字段（后端未保存这些项时会忽略）
  monthlyTop1: 1000,
  monthlyTop2: 500,
  monthlyTop3: 300,
interface PointsRules {
  getPointsRuleList: PointRule[],
  consumePointsRuleList: PointRule[]
}

  // 积分消耗规则
  resourceUnfavorited: 1,
  resourceUnliked: 1,
  productUnsubscribed: 10,
  productUntrialed: 5,
  deleteQuestion: 1,
  deleteComment: 1,
  commentUnliked: 1,
  productUnfavorited: 2,
  productUnliked: 1,

  // 积分转换规则
  benchmarkPersonalToUnit: 100,
  benchmarkUnitToPersonal: 100,
  knowledgePersonalToUnit: 100,
  knowledgeUnitToPersonal: 100,
  productPersonalToUnit: 100,
  productUnitToPersonal: 100,
const rules = ref<PointsRules>({
  consumePointsRuleList: [],
  getPointsRuleList: []
})

// 获取积分规则配置
const getPointsRules = async () => {
  try {
    if (ruleId) {
    if (props.ruleId) {
      // 如果有ruleId参数，则获取特定规则
      const res = await pointsApi.getPointsRuleById(ruleId)
      const formData = new URLSearchParams();
      formData.append('ruleId', props.ruleId);

      const res = await pointsApi.getPointsRuleById(formData)
      if (res.code === 200 && res.data) {
        res.data.getPointsRuleList.map(item => {
          item.pointsRules.map(iitem => {
            if(iitem.ruleDescription.indexOf('被') > -1){
              iitem.descSort = 0
            }else{
              iitem.descSort = 1
            }
            return iitem
          })
          item.pointsRules.sort((a,b) => {
            if(a.ruleName === b.ruleName){
             return  a.descSort - b.descSort
            }else {
              return  a.ruleName.localeCompare(b.ruleName)
            }
          })
        })
        res.data.consumePointsRuleList.map(item => {
          item.pointsRules.map(iitem => {
            if(iitem.ruleDescription.indexOf('被') > -1){
              iitem.descSort = 0
            }else{
              iitem.descSort = 1
            }
            return iitem
          })
          item.pointsRules.sort((a,b) => {
            if(a.ruleName === b.ruleName){
              return  a.descSort - b.descSort
            }else {
              return  a.ruleName.localeCompare(b.ruleName)
            }
          })
        })
        // 将后端数据映射到前端规则对象
        Object.assign(rules.value, res.data)
        console.log(rules.value)
      }
    } else {
      // 如果没有ruleId参数，则获取所有规则
      const res = await pointsApi.getPointsRules()
      if (res.code === 200 && res.data) {
        // 将后端数据映射到前端规则对象
        Object.assign(rules.value, res.data)
      }
    }else{
      ElMessage.error('对应规则设置不存在')
    }
  } catch (error) {
    console.error('获取积分规则失败:', error)
@@ -620,10 +403,16 @@
      cancelButtonText: '取消',
      type: 'warning',
    })
    
    const res = await pointsApi.savePointsRules(rules.value)
    let pointRuleDetials: PointRuleDetial[] = []
    rules.value.getPointsRuleList.forEach(k => {
        pointRuleDetials.push(...k.pointsRules)
    })
    rules.value.consumePointsRuleList.forEach(k =>  pointRuleDetials.push(...k.pointsRules))
    const res = await pointsApi.savePointsRules(pointRuleDetials)
    if (res.code === 200) {
      ElMessage.success('保存成功')
      // 发出保存成功事件
      emit('saveSuccess')
    } else {
      ElMessage.error(res.msg || '保存失败')
    }
@@ -643,7 +432,7 @@
      cancelButtonText: '取消',
      type: 'warning',
    })
    

    await getPointsRules()
    ElMessage.success('重置成功')
  } catch (error) {
@@ -656,11 +445,27 @@

// 返回上一页
const goBack = () => {
  history.back()
  // 如果是从组件调用，发出goBack事件
  if (props.ruleId) {
    emit('goBack')
  } else {
    // 否则使用原有的返回逻辑
    history.back()
  }
}

// 监听ruleId变化
watch(() => props.ruleId, (newRuleId) => {
  if (newRuleId) {
    getPointsRules()
  }
}, { immediate: true })

onMounted(() => {
  getPointsRules()
  // 只有在没有props.ruleId时才执行原有的逻辑
  if (!props.ruleId) {
    getPointsRules()
  }
})
</script>

@@ -690,7 +495,7 @@
        cursor: pointer;
        color: #409eff;
        font-size: 18px;
        

        &:hover {
          color: #66b1ff;
        }
@@ -715,7 +520,7 @@
    max-width: 1665px;
    margin: 0 auto;
    margin-bottom: 40px;
    

    @media (max-width: 768px) {
      flex-direction: column;
      gap: 16px;
@@ -727,7 +532,7 @@
    justify-content: center;
    gap: 20px;
    padding: 20px 0;
    

    .el-button {
      min-width: 120px;
      height: 40px;
@@ -738,7 +543,7 @@
  .left-column {
    flex: 1;
    max-width: 50%;
    

    @media (max-width: 768px) {
      max-width: 100%;
    }
@@ -750,7 +555,7 @@
    display: flex;
    flex-direction: column;
    gap: 20px;
    

    @media (max-width: 768px) {
      max-width: 100%;
      gap: 16px;
@@ -760,13 +565,13 @@
  .rule-section {
    border-radius: 8px;
    border: 1px solid #e4e7ed;
    

    .card-header {
      // background-color: #fafafa;
      // background-color: rgba(221, 230, 244, 1);
      

      // border-bottom: 1px solid #e4e7ed;
      

      .section-title {
        font-size: 16px;
        font-weight: 600;
@@ -839,11 +644,11 @@
      :deep(.el-input) {
        .el-input__wrapper {
          box-shadow: 0 0 0 1px #dcdfe6 inset;
          

          &:hover {
            box-shadow: 0 0 0 1px #c0c4cc inset;
          }
          

          &.is-focus {
            box-shadow: 0 0 0 1px #409eff inset;
          }