t

src/views/research/ResearchAdd.vue

@@ -17,7 +17,10 @@
       <div class="types" @click="handleTypes(3)">问答题</div>
       <div class="types" @click="handleTypes(4)">评分题</div>
     </div>
-    <div v-for="(item, index) in allFormsData" :key="index">
+    <div
+      v-for="(item, index) in allFormsData"
+      :key="index + new Date().getTime()"
+    >
       <ResearchAddSingle
         v-if="item.type === 1"
         :item="item"
@@ -88,7 +91,7 @@
   </div>
 </template>
 <script>
-import { reactive, toRefs, computed, getCurrentInstance } from "vue";
+import { reactive, toRefs, computed } from "vue";
 // import { message } from "ant-design-vue";
 // import { createResearch } from "../../api/indexResearch";
 import ResearchAddSingle from "./components/ResearchAddSingle.vue";
@@ -121,11 +124,6 @@ export default {
     ResearchAddPin,
   },
   setup() {
-    let { ctx: that } = getCurrentInstance();
-    const reload = () => {
-      that.$forceUpdate();
-    };
-
     const router = useRouter();
     const state = reactive({
       assessmentId: "", //编辑时候传
@@ -158,8 +156,6 @@ export default {
         ];
         sortBy(renderArr, "orderNumber"); //序号
         state.allFormsData = parseData(renderArr, "questionType"); //类型
-        console.log("state.allFormsData11111111111");
-        console.log(state.allFormsData);
       }
     };
     getInfoDate();
@@ -417,27 +413,9 @@ export default {
     };
 
     const handleDel = ({ id, type, curItem }) => {
-      console.log(888888888);
-      console.log(id);
-      console.log(curItem);
-      // 前端删除
-      state.allFormsData.forEach((item, index) => {
-        if (item.id === id) {
-          state.allFormsData.splice(index, 1);
-        }
-      });
-      console.log(5656777777777);
-      console.log(state.allFormsData);
-      state.allFormsData.map((item, index) => {
-        item.id = index + 1;
-        return item;
-      });
-      reload();
       // 接口删除
       if (state.assessmentId && curItem.orderNumber) {
         if (type === 1) {
-          console.log(11111);
-          console.log(curItem);
           deleteChoiceQuestion({
             assessmentId: state.assessmentId,
             questionType: "1",
@@ -445,12 +423,9 @@ export default {
           }).then((res) => {
             console.log(56444);
             console.log(res);
-            reload();
           });
         }
         if (type === 2) {
-          console.log(11111);
-          console.log(curItem);
           deleteChoiceQuestion({
             assessmentId: state.assessmentId,
             questionType: "2",
@@ -458,12 +433,9 @@ export default {
           }).then((res) => {
             console.log(56444);
             console.log(res);
-            reload();
           });
         }
         if (type === 3) {
-          console.log(2222);
-          console.log(curItem);
           deleteQuestionScAndQa({
             assessmentId: state.assessmentId,
             questionType: "3",
@@ -471,12 +443,9 @@ export default {
           }).then((res) => {
             console.log(56444);
             console.log(res);
-            reload();
           });
         }
         if (type === 4) {
-          console.log(2222);
-          console.log(curItem);
           deleteQuestionScAndQa({
             assessmentId: state.assessmentId,
             questionType: "4",
@@ -484,10 +453,19 @@ export default {
           }).then((res) => {
             console.log(56444);
             console.log(res);
-            reload();
           });
         }
       }
+      // 前端删除
+      state.allFormsData.forEach((item, index) => {
+        if (item.id === id) {
+          state.allFormsData.splice(index, 1);
+        }
+      });
+      state.allFormsData.map((item, index) => {
+        item.id = index + 1;
+        return item;
+      });
     };
 
     const handleSave = () => {
@@ -497,8 +475,6 @@ export default {
       if (!checkVal(filterData)) {
         return false;
       }
-      console.log(12121212);
-      console.log(filterData);
 
       if (state.assessmentId) {
         resultPost = {
@@ -511,8 +487,6 @@ export default {
           "assessmentMaxScore",
           "assessmentMinScore",
         ]);
-        console.log(1212334);
-        console.log(resultPost);
         editResearchMessage(resultPost).then((res) => {
           if (res.data.code === 200) {
             message.success("编辑成功");