fix(performanceManage/monthlyAssess): 修复月度考评表单的指标数据处理和样式问题

1. 移除冗余的qcDeptType显示字段
2. 调整弹窗表单缩进和换行格式优化可读性
3. 调整明细标题的左侧间距对齐布局
4. 补全提交时的指标字段映射逻辑
5. 修复onIndicatorNameChange中的表单赋值冗余问题

src/views/performanceManage/monthlyAssess/index.vue

@@ -267,7 +267,7 @@
               <div class="indicator-name">{{ item.indicatorName }}</div>
               <div class="indicator-value">{{ item.score }}/次</div>
               <div class="indicator-count">{{ item.occurCount }}次</div>
-              <div class="indicator-qcDeptType">{{ item.qcDeptType }}</div>
+
               <div class="indicator-total">{{ item.scoreResult }}</div>
               <div class="indicator-actions">
                 <el-button type="primary" link icon="Edit" @click="editIndicator(groupIndex, itemIndex)"></el-button>
@@ -483,14 +483,14 @@
     <el-dialog :title="indicatorDialog.title" v-model="indicatorDialog.visible" width="60%">
       <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>
-        
+
+          <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>
+
         </el-form-item>
 
         <el-form-item label="分值/单位">
@@ -508,9 +508,11 @@
           </div>
         </el-form-item>
 
-        <template v-for="(detail, index) in (indicatorDialog.form.personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList || [])" :key="index">
+        <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>
+            <h4 style="margin-left: 80px;">明细{{ index + 1 }}</h4>
             <el-button type="danger" size="small" @click="removeRewardPunishmentDetail(index)">删除</el-button>
           </div>
           <el-form-item label="检查部门">
@@ -526,7 +528,8 @@
           </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" />
+              <el-input-number v-model="detail.amount" :min="0" :precision="2" style="width: 200px;"
+                @change="updateTotal" />
               <span>元</span>
             </div>
           </el-form-item>
@@ -535,7 +538,8 @@
           </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" />
+              <el-input-number v-model="detail.amount" :min="0" :precision="2" style="width: 200px;"
+                @change="updateTotal" />
               <span>元</span>
             </div>
           </el-form-item>
@@ -1025,11 +1029,14 @@ const submitForm = async () => {
       if (submitData.assessmentMonth) {
         submitData.assessmentMonth = submitData.assessmentMonth.replace('-', '')
       }
-
+      
       if (submitData.indicatorGroups && submitData.indicatorGroups.length > 0) {
         submitData.personnelMonthlyAssessmentIndicatorDetailList = submitData.indicatorGroups.flatMap(group =>
           group.items.map(item => ({
-            ...item
+            ...item,
+            indicatorName: item.name || item.indicatorName,
+            indicatorId: item.id || item.indicatorId,
+            indicatorCode: item.code || item.indicatorCode,
           }))
         )
         delete submitData.indicatorGroups
@@ -1173,7 +1180,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, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: [] }
+    indicatorDialog.form = { ...selected, indicatorId: selected.id, indicatorName: selected.name, occurCount: 1, personnelMonthlyAssessmentIndicatorRewardPunishmentDetailList: [] }
     updateTotal()
   }
 }