feat: 自主项目编辑BUG

src/views/project/form/ProjectTestPaperFormationStrategy.vue

@@ -35,7 +35,13 @@
       </a-row>
 
       <a-card :bordered="false" title="组卷策略详情">
-        <a-table :columns="columns" :data-source="tableData" bordered :position="{ disabled: false }" :pagination="false">
+        <a-table
+          :columns="columns"
+          :data-source="tableData"
+          bordered
+          :position="{ disabled: false }"
+          :pagination="false"
+        >
           <template slot="topicNum" slot-scope="text, record">
             <a-input-number style="margin: -5px 0" v-model="record.topicNum" :min="0" :max="record.totalNum" />
           </template>
@@ -43,10 +49,10 @@
             <a-input-number style="margin: -5px 0" v-model="record.topicScore" :min="0" />
           </template>
           <template slot="totalScore" slot-scope="text, record">
-            <p>{{record.topicScore}}</p>
+            <p>{{ record.topicScore }}</p>
           </template>
-          <template slot="footer" :style="{ float:'left' }">
+          <template slot="footer" :style="{ float: 'left' }">
-            <p class="right">总分数：{{form.totalScore}} 分</p>
+            <p class="right">总分数：{{ form.totalScore }} 分</p>
           </template>
         </a-table>
       </a-card>
@@ -69,8 +75,8 @@ export default {
   components: {},
   props: {
     projectForm: {
-      type: Object,
+      type: Object
-    },
+    }
   },
   data() {
     // 这里存放数据
@@ -85,7 +91,7 @@ export default {
         projectName: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
         trainClass: [{ required: true, message: '请选择培训分类', trigger: 'blur' }],
         projectName: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
-        trainClass: [{ required: true, message: '请选择培训分类', trigger: 'blur' }],
+        trainClass: [{ required: true, message: '请选择培训分类', trigger: 'blur' }]
       },
       columns: [
         { title: '序号', key: 'i', dataIndex: 'i', width: 70, scopedSlots: { customRender: 'serial' } },
@@ -99,7 +105,7 @@ export default {
             if (text == 3) return '判断题'
             if (text == 4) return '简答题'
             if (text == 5) return '填空题'
-          },
+          }
         },
         { title: '总题量', dataIndex: 'totalNum', key: 'totalNum' },
         {
@@ -107,54 +113,55 @@ export default {
           dataIndex: 'topicNum',
           width: 100,
           key: 'topicNum',
-          scopedSlots: { customRender: 'topicNum' },
+          scopedSlots: { customRender: 'topicNum' }
         },
         {
           title: '单题分值',
           dataIndex: 'topicScore',
           width: 100,
           key: 'topicScore',
-          scopedSlots: { customRender: 'topicScore' },
+          scopedSlots: { customRender: 'topicScore' }
         },
         {
           title: '总分',
           dataIndex: 'totalScore',
+          key: 'total',
           customRender: (value, row, index) => {
-            if (!row.topicNum || !row.topicScore) return '';
+            if (!row.topicNum || !row.topicScore) return ''
-            return (row.topicNum * row.topicScore) + '分'
+            return row.topicNum * row.topicScore + '分'
-          },
+          }
-        },
+        }
       ],
-      tableData:  [],
+      tableData: [],
-      totalScore: 0,
+      totalScore: 0
     }
   },
   // 计算属性 类似于data概念
   computed: {},
   // 监控data中的数据变化
   watch: {
-    tableData: function () {
+    tableData: function() {
-      let sum = 0;
+      let sum = 0
       this.tableData.forEach(element => {
-        if(element.totalScore){
+        if (element.totalScore) {
-          console.log('单条总分数',element.totalScore)
+          console.log('单条总分数', element.totalScore)
-          sum = sum + element.totalScore;
+          sum = sum + element.totalScore
         }
-      });
+      })
-      this.form.totalScore = sum;
+      this.form.totalScore = sum
     }
   },
   // 方法集合
   methods: {
     //保存
     toSave() {
-      this.form.testPaperTactics = this.tableData;
+      this.form.testPaperTactics = { ...this.tableData }
       this.form.projectStatus = 1
       this.$emit('executeSave', this.form)
     },
     //发布
     toIssue() {
-      this.form.testPaperTactics =  this.tableData;
+      this.form.testPaperTactics = { ...this.tableData }
       this.form.projectStatus = 2
       this.$emit('executeIssue', this.form)
     },
@@ -163,17 +170,18 @@ export default {
       this.$emit('prevStep', this.form)
     },
     initTable() {
-      let ids = this.form.lessonIds.map((t) => {
+      let ids = this.form.lessonIds.map(t => {
-        return parseInt(t.ids);
+        return parseInt(t.ids)
       })
-      getQuestionNumByCourseIds({ ids: ids }).then((res) => {
+      getQuestionNumByCourseIds({ ids: ids }).then(res => {
         this.tableData = res.data
-        if(this.tableData && this.form.testPaperTactics){
+        if (this.tableData && this.form.testPaperTactics) {
-          this.tableData.forEach(t1 => {
+          this.tableData.forEach((t1, t1Index) => {
             this.form.testPaperTactics.forEach(t2 => {
-              if(t1.topicType === t2.topicType){
+              if (t1.topicType === t2.topicType) {
-                t1.topicNum = t2.topicNum
+                this.$set(this.tableData[t1Index], 'topicNum', t2.topicNum)
-                t1.topicScore = t2.topicScore
+                this.$set(this.tableData[t1Index], 'topicScore', t2.topicScore)
+
               }
             })
           })
@@ -183,24 +191,24 @@ export default {
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
   created() {
-    this.initTable();
+    this.initTable()
   },
   // 生命周期 - 挂载完成（可以访问DOM元素）
-  mounted() { },
+  mounted() {},
   // 生命周期 - 创建之前
-  beforeCreate() { },
+  beforeCreate() {},
   // 生命周期 - 挂载之前
-  beforeMount() { },
+  beforeMount() {},
   // 生命周期 - 更新之前
-  beforeUpdate() { },
+  beforeUpdate() {},
   // 生命周期 - 更新之后
-  updated() { },
+  updated() {},
   // 生命周期 - 销毁之前
-  beforeDestroy() { },
+  beforeDestroy() {},
   // 生命周期 - 销毁完成
-  destroyed() { },
+  destroyed() {},
   // 如果页面有keep-alive缓存功能，这个函数会触发
-  activated() {},
+  activated() {}
 }
 </script>
 <style scoped>
@@ -209,4 +217,4 @@ export default {
   text-align: right;
   font-size: 16px;
 }
-</style>
+</style>