反馈表弹窗子项删除

src/views/unified-access/access-feedback/dialog/ApiPage.vue

@@ -287,8 +287,8 @@
                 </el-table-column>
 
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row, $index }">
-                    <el-button type="text" size="small" @click="deleteBodyRow(props.row, $index,row)">删除</el-button>
+                  <template slot-scope="scope">
+                    <el-button type="text" size="small" @click="deleteBodyRow(props.row, scope.$index,scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -350,11 +350,11 @@
                   </template>
                 </el-table-column>
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row, $index }">
+                  <template slot-scope="scope">
                     <el-button
                       type="text"
                       size="small"
-                      @click="deleteQueryRow(props.row, $index,row)"
+                      @click="deleteQueryRow(props.row, scope.$index,scope.row)"
                     >删除</el-button>
                   </template>
                 </el-table-column>
@@ -417,11 +417,11 @@
                   </template>
                 </el-table-column>
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row, $index }">
+                  <template slot-scope="scope">
                     <el-button
                       type="text"
                       size="small"
-                      @click="deleteResponseRow(props.row, $index,row)"
+                      @click="deleteResponseRow(props.row, scope.$index,scope.row)"
                     >删除</el-button>
                   </template>
                 </el-table-column>
@@ -484,8 +484,8 @@
                   </template>
                 </el-table-column>
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row, $index }">
-                    <el-button type="text" size="small" @click="deleteDataRow(props.row, $index)">删除</el-button>
+                  <template slot-scope="scope">
+                    <el-button type="text" size="small" @click="deleteDataRow(props.row, scope.$index,scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -538,7 +538,7 @@
 import {
   deleteUrlSun,
   deleteDataSun
-} from "@/api/unified-access/access-feedback";
+} from "@/api/unified-access/access-feedback.js";
 import MyForm from "@/components/MyForm";
 export default {
   name: "",
@@ -558,11 +558,9 @@ export default {
   watch: {
     thirdStep: {
       handler(newVal) {
-        console.log(newVal, "newVal==thirdStep");
         this.rightTableData = newVal;
         this.leftTableData = this.rightTableData;
         this.pagination.total = this.leftTableData.length;
-        console.log(rightTableData, "rightTableData==thirdStep");
       },
       deep: true, // 深入监听
       immediate: true
@@ -748,17 +746,15 @@ export default {
       row.tabEtlHeaderSuns.push(newItem);
     },
     deleteHeaderRow(row, index, itemRow) {
-
       if (this.dialogTitle === "新增") {
         row.tabEtlHeaderSuns.splice(index, 1);
       } else {
-        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        })
-          .then(() => {
-            deleteUrlSun(itemRow.id).then(res => {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
               if (+res.code === 200) {
                 row.tabEtlHeaderSuns.splice(index, 1);
 
@@ -766,16 +762,19 @@ export default {
                   type: "success",
                   message: "删除成功!"
                 });
+              }else{
+                this.$message.error(res.msg);
               }
             });
-          })
-          .catch(() => {
-            this.$message({
-              type: "info",
-              message: "已取消删除"
-            });
-          });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
       }
+
     },
 
     //  Body
@@ -795,7 +794,7 @@ export default {
       if (this.dialogTitle === "新增") {
         row.tabEtlBodySuns.splice(index, 1);
       } else {
-        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        this.$confirm("此操作将永久删除该项, 是否继续?", "提示", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
@@ -838,13 +837,12 @@ export default {
       if (this.dialogTitle === "新增") {
         row.tabEtlQuerySuns.splice(index, 1);
       } else {
-        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        })
-          .then(() => {
-            deleteUrlSun(itemRow.id).then(res => {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
               if (+res.code === 200) {
                 row.tabEtlQuerySuns.splice(index, 1);
 
@@ -852,15 +850,17 @@ export default {
                   type: "success",
                   message: "删除成功!"
                 });
+              }else{
+                this.$message.error(res.msg);
               }
             });
-          })
-          .catch(() => {
-            this.$message({
-              type: "info",
-              message: "已取消删除"
-            });
-          });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
       }
     },
     // Response
@@ -879,29 +879,31 @@ export default {
     deleteResponseRow(row, index,itemRow) {
       if (this.dialogTitle === "新增") {
          row.tabEtlResponseSuns.splice(index, 1);
-      } else {
-        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        })
-          .then(() => {
-            deleteUrlSun(itemRow.id).then(res => {
+      }  else {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
               if (+res.code === 200) {
-                 row.tabEtlResponseSuns.splice(index, 1);
+                row.tabEtlResponseSuns.splice(index, 1);
+
                 this.$message({
                   type: "success",
                   message: "删除成功!"
                 });
+              }else{
+                this.$message.error(res.msg);
               }
             });
-          })
-          .catch(() => {
-            this.$message({
-              type: "info",
-              message: "已取消删除"
-            });
-          });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
       }
     },
     // Data
@@ -920,29 +922,31 @@ export default {
     deleteDataRow(row, index,itemRow) {
       if (this.dialogTitle === "新增") {
          row.tabEtlDataSuns.splice(index, 1);
-      } else {
-        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        })
-          .then(() => {
-            deleteUrlSun(itemRow.id).then(res => {
+      }  else {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
               if (+res.code === 200) {
-                 row.tabEtlDataSuns.splice(index, 1);
+                row.tabEtlDataSuns.splice(index, 1);
+
                 this.$message({
                   type: "success",
                   message: "删除成功!"
                 });
+              }else{
+                this.$message.error(res.msg);
               }
             });
-          })
-          .catch(() => {
-            this.$message({
-              type: "info",
-              message: "已取消删除"
-            });
-          });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
       }
     }
   },

src/views/unified-access/access-feedback/dialog/ETLPage.vue

@@ -168,9 +168,9 @@
                   </template>
                 </el-table-column>
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row ,$index}">
+                  <template slot-scope="scope">
 
-                    <el-button type="text" size="small" @click="deleteTableRow(props.row, $index)">删除</el-button>
+                    <el-button type="text" size="small" @click="deleteTableRow(props.row, scope.$index,scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -184,23 +184,35 @@
   </el-row>
 </template>
 <script>
+import {
+  deleteUrlSun,
+  deleteDataSun
+} from "@/api/unified-access/access-feedback";
 export default {
   name: "",
   props: {
     thirdStep: {
       type: Array,
       default: []
+    },
+    title: {
+      type: String,
+      default: "弹窗标题"
     }
-
   },
   watch: {
     thirdStep: {
       handler(newVal) {
-        console.log(newVal, "newVal==thirdStep");
         this.rightTableData = newVal;
         this.leftTableData = this.rightTableData;
         this.pagination.total = this.leftTableData.length;
-        console.log(rightTableData, "rightTableData==thirdStep");
+      },
+      deep: true, // 深入监听
+      immediate: true
+    },
+    title: {
+      handler(newVal) {
+        this.dialogTitle = newVal;
       },
       deep: true, // 深入监听
       immediate: true
@@ -253,13 +265,39 @@ export default {
      
     },
     // 点击“删除”按钮时，删除左侧表格的项
-    onDeleteClick (row) {
-      const index = this.leftTableData.findIndex(item => item.id === row.id);
-      if (index > -1) {
-        this.leftTableData.splice(index, 1);
-      }
-      // 同步删除右侧表格的对应项
-      this.onDeleteRightClick(row);
+    onDeleteClick(row) {
+      this.$confirm("此操作将永久删除该项, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        center: true,
+        type: "warning"
+      })
+        .then(() => {
+          deleteDataSun(row.id).then(res => {
+            if (+res.code === 200) {
+              this.$message({
+                message: res.msg,
+                type: "success"
+              });
+              const index = this.leftTableData.findIndex(
+                item => item.id === row.id
+              );
+              if (index > -1) {
+                this.leftTableData.splice(index, 1);
+              }
+              // 同步删除右侧表格的对应项
+              this.onDeleteRightClick(row);
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除"
+          });
+        });
     },
     // 在右侧表格删除时，删除对应的数据
     onDeleteRightClick (row) {
@@ -353,8 +391,35 @@ export default {
       row.tabDatasourceMsgs.push(newItem);
     },
     // 删除当前行
-    deleteTableRow (row, index) {
-      row.tabDatasourceMsgs.splice(index, 1);
+    deleteTableRow (row, index,itemRow) {
+      if (this.dialogTitle === "新增") {
+       row.tabDatasourceMsgs.splice(index, 1);
+      } else {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
+              if (+res.code === 200) {
+                row.tabDatasourceMsgs.splice(index, 1);
+
+                this.$message({
+                  type: "success",
+                  message: "删除成功!"
+                });
+              }else{
+                this.$message.error(res.msg);
+              }
+            });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
+      }
     }
   },
   created () { },

src/views/unified-access/access-feedback/dialog/KafkaPage.vue

@@ -208,8 +208,8 @@
                 </el-table-column>
 
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row, $index }">
-                    <el-button type="text" size="small" @click="deleteKeyRow(props.row, $index)">删除</el-button>
+                  <template slot-scope="scope">
+                    <el-button type="text" size="small" @click="deleteKeyRow(props.row, scope.$index,scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -272,11 +272,11 @@
                 </el-table-column>
 
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row, $index }">
+                  <template slot-scope="scope">
                     <el-button
                       type="text"
                       size="small"
-                      @click="deleteValueRow(props.row, $index)"
+                      @click="deleteValueRow(props.row, scope.$index,scope.row)"
                     >删除</el-button>
                   </template>
                 </el-table-column>
@@ -340,8 +340,8 @@
                 </el-table-column>
 
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row , $index }">
-                    <el-button type="text" size="small" @click="deleteDataRow(props.row,index)">删除</el-button>
+                  <template slot-scope="scope">
+                    <el-button type="text" size="small" @click="deleteDataRow(props.row,scope.index,scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -377,6 +377,10 @@
   </el-row>
 </template>
 <script>
+import {
+  deleteUrlSun,
+  deleteDataSun
+} from "@/api/unified-access/access-feedback.js";
 import MyForm from "@/components/MyForm";
 export default {
   name: "",
@@ -387,17 +391,25 @@ export default {
     thirdStep: {
       type: Array,
       default: []
+    },
+    title: {
+      type: String,
+      default: "弹窗标题"
     }
-
   },
   watch: {
     thirdStep: {
       handler(newVal) {
-        console.log(newVal, "newVal==thirdStep");
         this.rightTableData = newVal;
         this.leftTableData = this.rightTableData;
         this.pagination.total = this.leftTableData.length;
-        console.log(rightTableData, "rightTableData==thirdStep");
+      },
+      deep: true, // 深入监听
+      immediate: true
+    },
+    title: {
+      handler(newVal) {
+        this.dialogTitle = newVal;
       },
       deep: true, // 深入监听
       immediate: true
@@ -486,12 +498,38 @@ export default {
     },
     // 删除行
     onDeleteClick(row) {
-      const index = this.leftTableData.findIndex(item => item.id === row.id);
-      if (index > -1) {
-        this.leftTableData.splice(index, 1);
-      }
-      // 同步删除右侧表格的对应项
-      this.onDeleteRightClick(row);
+      this.$confirm("此操作将永久删除该项, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        center: true,
+        type: "warning"
+      })
+        .then(() => {
+          deleteDataSun(row.id).then(res => {
+            if (+res.code === 200) {
+              this.$message({
+                message: res.msg,
+                type: "success"
+              });
+              const index = this.leftTableData.findIndex(
+                item => item.id === row.id
+              );
+              if (index > -1) {
+                this.leftTableData.splice(index, 1);
+              }
+              // 同步删除右侧表格的对应项
+              this.onDeleteRightClick(row);
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除"
+          });
+        });
     },
 
     // 在右侧表格删除时，删除对应的数据
@@ -517,8 +555,35 @@ export default {
     },
 
     // 删除 key 表格行
-    deleteKeyRow(row, index) {
-      row.tabKafkaKeySuns.splice(index, 1);
+    deleteKeyRow(row, index,itemRow) {
+      if (this.dialogTitle === "新增") {
+       row.tabKafkaKeySuns.splice(index, 1)
+      }  else {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
+              if (+res.code === 200) {
+                row.tabKafkaKeySuns.splice(index, 1)
+
+                this.$message({
+                  type: "success",
+                  message: "删除成功!"
+                });
+              }else{
+                this.$message.error(res.msg);
+              }
+            });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
+      }
     },
     // 新增 Value 表格行
     addValueTableRow(row) {
@@ -534,8 +599,35 @@ export default {
       row.tabKafkaValueSuns.push(newRow);
     },
     // 删除 Value 表格行
-    deleteValueRow(row, index) {
-      row.tabKafkaValueSuns.splice(index, 1);
+    deleteValueRow(row, index,itemRow) {
+      if (this.dialogTitle === "新增") {
+         row.tabKafkaValueSuns.splice(index, 1)
+      }  else {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
+              if (+res.code === 200) {
+                row.tabKafkaValueSuns.splice(index, 1)
+
+                this.$message({
+                  type: "success",
+                  message: "删除成功!"
+                });
+              }else{
+                this.$message.error(res.msg);
+              }
+            });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
+      }
     },
 
     // 新增 data 表格行
@@ -552,8 +644,35 @@ export default {
       row.tabKafkaDataSuns.push(newRow);
     },
     // 删除 data 表格行
-    deleteDataRow(row, index) {
-      row.tabKafkaDataSuns.splice(index, 1);
+    deleteDataRow(row, index,itemRow) {
+      if (this.dialogTitle === "新增") {
+         row.tabKafkaDataSuns.splice(index, 1);
+      } else {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
+              if (+res.code === 200) {
+                row.tabKafkaDataSuns.splice(index, 1)
+
+                this.$message({
+                  type: "success",
+                  message: "删除成功!"
+                });
+              }else{
+                this.$message.error(res.msg);
+              }
+            });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
+      }
     }
   },
   created() {},

src/views/unified-access/access-feedback/dialog/SFTPPage.vue

@@ -150,6 +150,10 @@
   </el-row>
 </template>
 <script>
+import {
+  deleteUrlSun,
+  deleteDataSun
+} from "@/api/unified-access/access-feedback";
 import MyForm from "@/components/MyForm";
 export default {
   name: "",
@@ -160,17 +164,25 @@ export default {
     thirdStep: {
       type: Array,
       default: []
+    },
+    title: {
+      type: String,
+      default: "弹窗标题"
     }
-
   },
   watch: {
     thirdStep: {
       handler(newVal) {
-        console.log(newVal, "newVal==thirdStep");
         this.rightTableData = newVal;
         this.leftTableData = this.rightTableData;
         this.pagination.total = this.leftTableData.length;
-        console.log(rightTableData, "rightTableData==thirdStep");
+      },
+      deep: true, // 深入监听
+      immediate: true
+    },
+    title: {
+      handler(newVal) {
+        this.dialogTitle = newVal;
       },
       deep: true, // 深入监听
       immediate: true
@@ -235,12 +247,38 @@ export default {
     },
     // 删除行
     onDeleteClick(row) {
-      const index = this.leftTableData.findIndex(item => item.id === row.id);
-      if (index > -1) {
-        this.leftTableData.splice(index, 1);
-      }
-      // 同步删除右侧表格的对应项
-      this.onDeleteRightClick(row);
+      this.$confirm("此操作将永久删除该项, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        center: true,
+        type: "warning"
+      })
+        .then(() => {
+          deleteDataSun(row.id).then(res => {
+            if (+res.code === 200) {
+              this.$message({
+                message: res.msg,
+                type: "success"
+              });
+              const index = this.leftTableData.findIndex(
+                item => item.id === row.id
+              );
+              if (index > -1) {
+                this.leftTableData.splice(index, 1);
+              }
+              // 同步删除右侧表格的对应项
+              this.onDeleteRightClick(row);
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除"
+          });
+        });
     },
 
     // 在右侧表格删除时，删除对应的数据

src/views/unified-access/access-feedback/dialog/TableToolsPage.vue

@@ -202,11 +202,11 @@
                   </template>
                 </el-table-column>
                 <el-table-column fixed="right" label="操作" width="100">
-                  <template :slot-scope="{ row ,$index}">
+                  <template slot-scope="scope">
                     <el-button
                       type="text"
                       size="small"
-                      @click="deleteTableRow(props.row, $index)"
+                      @click="deleteTableRow(props.row, scope.$index,scope.row)"
                     >删除</el-button>
                   </template>
                 </el-table-column>
@@ -227,37 +227,39 @@
   </el-row>
 </template>
 <script>
+import {
+  deleteUrlSun,
+  deleteDataSun
+} from "@/api/unified-access/access-feedback";
 export default {
   name: "",
   props: {
     thirdStep: {
       type: Array,
       default: []
+    },
+    title: {
+      type: String,
+      default: "弹窗标题"
     }
-    // rowObj: {
-    //   type: Object,
-    //   default: {}
-    // }
   },
   watch: {
     thirdStep: {
       handler(newVal) {
-        console.log(newVal, "newVal==thirdStep");
         this.rightTableData = newVal;
         this.leftTableData = this.rightTableData;
         this.pagination.total = this.leftTableData.length;
-        console.log(rightTableData, "rightTableData==thirdStep");
+      },
+      deep: true, // 深入监听
+      immediate: true
+    },
+    title: {
+      handler(newVal) {
+        this.dialogTitle = newVal;
       },
       deep: true, // 深入监听
       immediate: true
     }
-    // rowObj: {
-    //   handler(newVal) {
-    //     this.itemView = newVal;
-    //   },
-    //   deep: true, // 深入监听
-    //   immediate: true
-    // }
   },
   data() {
     return {
@@ -314,12 +316,38 @@ export default {
     },
     // 点击“删除”按钮时，删除左侧表格的项
     onDeleteClick(row) {
-      const index = this.leftTableData.findIndex(item => item.id === row.id);
-      if (index > -1) {
-        this.leftTableData.splice(index, 1);
-      }
-      // 同步删除右侧表格的对应项
-      this.onDeleteRightClick(row);
+      this.$confirm("此操作将永久删除该项, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        center: true,
+        type: "warning"
+      })
+        .then(() => {
+          deleteDataSun(row.id).then(res => {
+            if (+res.code === 200) {
+              this.$message({
+                message: res.msg,
+                type: "success"
+              });
+              const index = this.leftTableData.findIndex(
+                item => item.id === row.id
+              );
+              if (index > -1) {
+                this.leftTableData.splice(index, 1);
+              }
+              // 同步删除右侧表格的对应项
+              this.onDeleteRightClick(row);
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除"
+          });
+        });
     },
     // 在右侧表格删除时，删除对应的数据
     onDeleteRightClick(row) {
@@ -418,8 +446,35 @@ export default {
       row.tabDatasourceMsgs.push(newItem);
     },
     // 删除当前行
-    deleteTableRow(row, index) {
-      row.tabDatasourceMsgs.splice(index, 1);
+    deleteTableRow(row, index,itemRow) {
+      if (this.dialogTitle === "新增") {
+         row.tabDatasourceMsgs.splice(index, 1);
+      } else {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+              deleteUrlSun(itemRow.id).then(res => {
+              if (+res.code === 200) {
+                row.tabDatasourceMsgs.splice(index, 1);
+
+                this.$message({
+                  type: "success",
+                  message: "删除成功!"
+                });
+              }else{
+                this.$message.error(res.msg);
+              }
+            });
+ 
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });          
+        });
+      }
     }
   },
   created() {},