邓洁 : 修改页面细节

src/views/custom-query/sql/index.vue

@@ -17,9 +17,9 @@
     </el-form>
     <div class="query-btn">
       <el-button type="primary" @click="handleAdd" :icon="Plus" plain>新增</el-button>
-      <popover-delete :name="uqNameList" btn-type="danger" :type="'SQL查询'"
-                      :is-disabled="disabled" :is-plain="true" :btn-icon="Delete"
-                      @delete="handleDelete(uqIds)"/>
+      <el-button type="danger" :icon="Delete"
+                 @click="handleMoreDelete(uqIds)" :disabled="disabled" plain>删除
+      </el-button>
     </div>
     <div class="table">
       <el-table
@@ -34,8 +34,8 @@
         <el-table-column label="序号" type="index" width="60" align="center"/>
         <el-table-column prop="uqName" label="名称" align="center"/>
         <el-table-column prop="dataSourceId" label="数据源" align="center">
-          <template  #default="scope">
-            <el-tag >{{getDataSourceOptionItem(scope.row.dataSourceId)}}</el-tag>
+          <template #default="scope">
+            <el-tag>{{ getDataSourceOptionItem(scope.row.dataSourceId) }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="publish" label="发布类型" align="center">
@@ -50,12 +50,12 @@
           <template #default="scope">
             <div v-if="scope.row.publish == false">
               <el-button type="text" size="mini"
-                         @click="handleEdit(scope.row.id)" >编辑
+                         @click="handleEdit(scope.row.id)">编辑
               </el-button>
               <el-button type="text" size="mini"
-                         @click="handleDesign(scope.row)" >设计
+                         @click="handleDesign(scope.row)">设计
               </el-button>
-              <popover-delete :name="scope.row.uqName"  :type="'SQL查询'"
+              <popover-delete :name="scope.row.uqName" :type="'SQL查询'"
                               @delete="handleDelete(scope.row.id)"/>
             </div>
             <div v-else>
@@ -154,13 +154,13 @@ const formRules = ref({
   uqDescribe: [{required: true, message: '请输入描述', trigger: 'blur'}],
 })
 //获取数据源select的option
-const getOption =async () => {
-   await getDataSourceOption().then(res => {
-      if (res.code === 1000) {
-        dataSourceOption.value = res.data
-        // getList();
-      }
-    })
+const getOption = async () => {
+  await getDataSourceOption().then(res => {
+    if (res.code === 1000) {
+      dataSourceOption.value = res.data
+      // getList();
+    }
+  })
 }
 
 const getDataSourceOptionItem = (dataSourceId) => {
@@ -258,22 +258,24 @@ const handleDownLine = (row) => {
 
 //单个删除
 const handleDelete = async (id) => {
-  // let list = []
-  // list.push(row.id)
-  // ElMessageBox.confirm(`确认删除名称为${row.uqName}的数据吗?`, '系统提示', {
-  //   confirmButtonText: '确定',
-  //   cancelButtonText: '取消',
-  //   type: 'warning'
-  // }).then(() => {
-    delSql(id).then(res => {
-      if (res.code === 1000) {
-        ElMessage.success(res.msg)
-        getList()
-      } else {
-        ElMessage.error(res.msg)
-      }
-    })
-  // })
+  delSql(id).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+      getList()
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+//多删
+const handleMoreDelete = (uqIds) => {
+  ElMessageBox.confirm(`确认删除名称为${uqNameList}的SQL查询吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    handleDelete(uqIds)
+  })
 }
 //取消
 const handleCancel = () => {
@@ -314,7 +316,7 @@ const handleSubmit = async (instance) => {
 const handleSelect = async (selection) => {
   if (selection.length !== 0) {
     disabled.value = false
-    uqIds.value=selection.map(item => item.id).join()
+    uqIds.value = selection.map(item => item.id).join()
     uqNameList.value = selection.map(item => item.uqName).join()
   } else {
     disabled.value = true