考核模板修改

ruoyi-ui/src/views/kaohe/template/index.vue

@@ -186,6 +186,8 @@ export default {
   name: "Template",
   data() {
     return {
+      detail: {},
+      items: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -293,7 +295,9 @@ export default {
       this.reset()
       const id = row.id || this.ids
       getTemplate(id).then(response => {
-        this.form = response.data
+        this.form = {...response.data};
+        this.detail = {...response.data};
+        this.items = [...response.data.items];
         this.open = true
         this.title = "修改考核模板"
       })
@@ -304,11 +308,20 @@ export default {
         if (valid) {
           if(this.form.items.length>0){
             if (this.form.id != null) {
-              updateTemplate(this.form).then(response => {
+              let ids = this.items.map(item => item.id).sort((a, b) => a - b);;
-                this.$modal.msgSuccess("修改成功")
+              let ids1 = this.form.items.map(item => item.id).sort((a, b) => a - b);;
-                this.open = false
+              console.log(ids,ids1, this.arraysEqual(ids,ids1));
-                this.getList()
+              if(!(this.detail.temName === this.form.temName && this.detail.remark === this.form.remark && this.arraysEqual(ids,ids1))){
-              })
+                updateTemplate(this.form).then(response => {
+                  this.$modal.msgSuccess("修改成功")
+                  this.open = false
+                  this.getList()
+                })
+              }else {
+                this.$alert(`数据未发生变化，如不需要修改，请直接点击取消按钮！`, `提示`, {
+                  type: 'warning'
+                })
+              }
             } else {
               addTemplate(this.form).then(response => {
                 this.$modal.msgSuccess("新增成功")
@@ -416,6 +429,9 @@ export default {
     delKhitemList(row,index){
       this.form.items.splice(index,1)
     },
+    arraysEqual(a, b) {
+      return JSON.stringify(a.sort()) === JSON.stringify(b.sort());
+    }
   }
 }
 </script>