feat(monthlyAssess): 重构扣分指标弹窗，支持多明细奖惩管理

1.  将原有的单条奖惩改为多条明细管理，支持按发生次数动态生成明细项
2.  新增表单校验规则，必填校验指标名称
3.  拆分奖励/扣罚模块，根据分值自动显示对应表单
4.  新增总分计算逻辑，自动汇总明细金额
5.  调整表单布局与样式，优化交互体验
6.  修复原有表单绑定与初始化逻辑问题

src/views/performanceManage/monthlyAssess/index.vue

@@ -481,16 +481,16 @@
 
     <!-- 第二个模态框：添加/编辑扣分指标 -->
     <el-dialog :title="indicatorDialog.title" v-model="indicatorDialog.visible" width="60%">
-      <el-form label-width="150px" class="indicator-form">
-        <el-form-item label="指标名称" prop="indicatorId">
-          <div style="display: flex; align-items: center; gap: 10px; width: 100%;">
+      <el-form label-width="150px" class="indicator-form" :model="indicatorDialog.form" :rules="indicatorDialog.rules">
+        <el-form-item label="指标名称" prop="indicatorId" required>
+   
             <el-select v-model="indicatorDialog.form.indicatorId" placeholder="搜索指标名称" filterable remote reserve-keyword
               :remote-method="searchIndicators" :loading="indicatorDialog.loading" style="flex: 1;"
               @change="onIndicatorNameChange">
               <el-option v-for="item in indicatorDialog.indicatorOptions" :key="item.id" :label="item.name"
                 :value="item.id" />
             </el-select>
-          </div>
+        
         </el-form-item>
 
         <el-form-item label="分值/单位">
@@ -508,34 +508,38 @@
           </div>
         </el-form-item>
 
-        <el-form-item label="检查部门">
-          <el-select v-model="indicatorDialog.form.qcDeptType" placeholder="请选择" style="width: 200px;">
-            <el-option v-for="item in base_performance_indicator_qc_dept_type" :key="item.value" :label="item.label"
-              :value="item.value" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="奖励明细">
-          <el-input v-model="indicatorDialog.form.rewardDetails" type="textarea" :rows="2" />
-        </el-form-item>
-
-        <el-form-item label="奖励">
-          <div style="display: flex; align-items: center; gap: 10px;">
-            <el-input-number v-model="indicatorDialog.form.reward" :min="0" :precision="2" style="width: 200px;" />
-            <span>元</span>
+        <template v-for="(detail, index) in (indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList || [])" :key="index">
+          <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;">
+            <h4 style="margin: 0;">明细{{ index + 1 }}</h4>
+            <el-button type="danger" size="small" @click="removeRewardPunishmentDetail(index)">删除</el-button>
           </div>
-        </el-form-item>
-
-        <el-form-item label="惩罚明细">
-          <el-input v-model="indicatorDialog.form.penaltyDetails" type="textarea" :rows="2" />
-        </el-form-item>
-
-        <el-form-item label="扣罚">
-          <div style="display: flex; align-items: center; gap: 10px;">
-            <el-input-number v-model="indicatorDialog.form.penalty" :min="0" :precision="2" style="width: 200px;" />
-            <span>元</span>
-          </div>
-        </el-form-item>
+          <el-form-item label="检查部门">
+            <div style="display: flex; align-items: center; gap: 10px; width: 100%;">
+              <el-select v-model="detail.qcDeptType" placeholder="请选择" style="width: 200px;">
+                <el-option v-for="item in base_performance_indicator_qc_dept_type" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </div>
+          </el-form-item>
+          <el-form-item v-if="indicatorDialog.form.score > 0" label="奖励明细">
+            <el-input v-model="detail.rewardPunishmentDetail" type="textarea" :rows="2" />
+          </el-form-item>
+          <el-form-item v-if="indicatorDialog.form.score > 0" label="奖励">
+            <div style="display: flex; align-items: center; gap: 10px;">
+              <el-input-number v-model="detail.amount" :min="0" :precision="2" style="width: 200px;" @change="updateTotal" />
+              <span>元</span>
+            </div>
+          </el-form-item>
+          <el-form-item v-if="indicatorDialog.form.score < 0" label="惩罚明细">
+            <el-input v-model="detail.rewardPunishmentDetail" type="textarea" :rows="2" />
+          </el-form-item>
+          <el-form-item v-if="indicatorDialog.form.score < 0" label="扣罚">
+            <div style="display: flex; align-items: center; gap: 10px;">
+              <el-input-number v-model="detail.amount" :min="0" :precision="2" style="width: 200px;" @change="updateTotal" />
+              <span>元</span>
+            </div>
+          </el-form-item>
+        </template>
       </el-form>
 
       <template #footer>
@@ -704,6 +708,11 @@ const indicatorDialog = reactive({
   itemIndex: null,
   loading: false,
   indicatorOptions: [],
+  rules: {
+    indicatorId: [
+      { required: true, message: '请选择指标名称', trigger: 'change' }
+    ]
+  },
   form: {
     indicatorId: '',
     name: '',
@@ -711,6 +720,7 @@ const indicatorDialog = reactive({
     occurCount: 1,
     qcDeptType: '',
     scoreResult: 0,
+    amountResult: 0,
     rewardDetails: '',
     reward: 0,
     penaltyDetails: '',
@@ -1121,14 +1131,14 @@ const addIndicator = () => {
   indicatorDialog.itemIndex = null
   indicatorDialog.form = {
     name: '',
-    score: -3,
+    score: 0,
     occurCount: 1,
     qcDeptType: '',
     scoreResult: 0,
-    rewardDetails: '',
-    reward: 0,
-    penaltyDetails: '',
-    penalty: 0
+    amountResult: 0,
+    rewardPunishmentDetail: '',
+    amount: 0,
+    personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: []
   }
 }
 
@@ -1141,6 +1151,9 @@ const editIndicator = (groupIndex, itemIndex) => {
   indicatorDialog.groupIndex = groupIndex
   indicatorDialog.itemIndex = itemIndex
   indicatorDialog.form = { ...item }
+  if (!indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList) {
+    indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList = []
+  }
 }
 
 // 删除指标
@@ -1160,7 +1173,7 @@ const onIndicatorNameChange = (value) => {
   console.log(value, indicatorDialog.indicatorOptions, "indicatorDialog.indicatorOptions")
   const selected = indicatorDialog.indicatorOptions.find(item => item.id === value)
   if (selected) {
-    indicatorDialog.form = { ...selected, occurCount: 1 }
+    indicatorDialog.form = { ...selected, occurCount: 1, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: [] }
     updateTotal()
   }
 }
@@ -1168,6 +1181,23 @@ const onIndicatorNameChange = (value) => {
 // 更新总分
 const updateTotal = () => {
   indicatorDialog.form.scoreResult = indicatorDialog.form.score * indicatorDialog.form.occurCount
+  const list = indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList
+  if (!list) {
+    indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList = []
+    indicatorDialog.form.amountResult = 0
+    return
+  }
+  const targetCount = indicatorDialog.form.occurCount
+  if (list.length < targetCount) {
+    for (let i = list.length; i < targetCount; i++) {
+      list.push({
+        qcDeptType: '',
+        rewardPunishmentDetail: '',
+        amount: 0
+      })
+    }
+  }
+  indicatorDialog.form.amountResult = list.reduce((sum, item) => sum + (Number(item.amount) || 0), 0)
 }
 
 // 保存指标
@@ -1177,6 +1207,12 @@ const saveIndicator = () => {
     return
   }
 
+  const list = indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList || []
+  if (list.length !== indicatorDialog.form.occurCount) {
+    ElMessage.error(`发生次数为 ${indicatorDialog.form.occurCount}，但明细数量为 ${list.length}，请删除多余的明细`)
+    return
+  }
+
   if (indicatorDialog.mode === 'add') {
     addIndicatorToGroup({ ...indicatorDialog.form })
     ElMessage.success('添加成功')
@@ -1189,6 +1225,12 @@ const saveIndicator = () => {
   indicatorDialog.visible = false
 }
 
+// 删除奖励/惩罚明细
+const removeRewardPunishmentDetail = (index) => {
+  indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList.splice(index, 1)
+  updateTotal()
+}
+
 // 监听Tab切换
 const handleTabChange = () => {
   queryParams.pageNum = 1
@@ -1366,7 +1408,6 @@ onMounted(() => {
 }
 
 .indicator-form :deep(.el-form-item__label) {
-  font-size: 20px;
   font-weight: 500;
   color: #303133;
 }