邓洁 : 修改页面细节

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

@@ -20,8 +20,9 @@
     </el-form>
     <div class="query-btn">
       <el-button type="primary" v-perm="['query:source:add']" @click="handleAdd" :icon="Plus" plain>新增</el-button>
-      <popover-delete :name="sourceName" btn-type="danger" :type="'数据模型'" :is-plain="true" :btn-icon="Delete" :is-disabled="disabled" :perm="['query:source:del']"
-                      @delete="handleDelete(sourceId)"/>
+      <el-button type="danger" :icon="Delete" v-perm="['query:source:del']"
+                 @click="handleMoreDelete(sourceId)" :disabled="disabled" plain>删除
+      </el-button>
       <el-button type="warning" v-perm="['query:source:export']" @click="handleExport" :icon="Download" plain>导出
       </el-button>
     </div>
@@ -42,14 +43,14 @@
         <el-table-column prop="type" label="数据模型类型" align="center"/>
         <el-table-column prop="confType" label="数据模型配置类型" align="center">
           <template #default="scope">
-            <tag dict-type="data_source_config"  :value="scope.row.configType"/>
+            <tag dict-type="data_source_config" :value="scope.row.configType"/>
           </template>
         </el-table-column>
         <el-table-column prop="url" label="数据模型连接地址" align="center"/>
         <el-table-column label="操作" align="center">
           <template #default="scope">
             <el-button type="text" size="mini" v-perm="['query:source:edit']"
-                       @click="handleEdit(scope.row.id)" >编辑
+                       @click="handleEdit(scope.row.id)">编辑
             </el-button>
             <popover-delete :name="scope.row.dsName" :type="'数据模型'" :perm="['query:source:del']"
                             @delete="handleDelete(scope.row.id)"/>
@@ -192,27 +193,27 @@ const formRules = ref({
   host: [{required: true, message: '请输入数据模型服务地址', trigger: 'blur'}],
   dbName: [{required: true, message: '请输入数据库名称', trigger: 'blur'}],
   url: [{required: true, message: '请输入数据模型连接地址', trigger: 'blur'}],
-  params:{
+  params: {
     serviceName: [{required: true, message: '请输入服务名称', trigger: 'blur'}],
     namespace: [{required: true, message: '请输入命名空间', trigger: 'blur'}]
   }
 })
-const getTypeOption=()=>{
-  getDataSourceType().then(res=>{
-    typeList.value=res.data
+const getTypeOption = () => {
+  getDataSourceType().then(res => {
+    typeList.value = res.data
   })
 }
 
 const handleTypeChange = (type) => {
-  if (form.value.configType !== 1){
+  if (form.value.configType !== 1) {
     return;
   }
-  if (type === 'ORACLE'){
+  if (type === 'ORACLE') {
     form.value.params = {
       serviceName: ''
     }
   }
-  if (type === 'POSTGRES'){
+  if (type === 'POSTGRES') {
     form.value.params = {
       namespace: ''
     }
@@ -301,7 +302,7 @@ const handleAdd = async () => {
   restFrom()
   title.value = "新增数据模型管理"
   isVisited.value = true
-  nextTick(()=>{
+  nextTick(() => {
     // 清空校验
     formInstance.value.clearValidate()
   })
@@ -316,7 +317,7 @@ const handleEdit = async (id) => {
       form.value = res.data
       title.value = "编辑数据模型管理"
       isVisited.value = true
-      nextTick(()=>{
+      nextTick(() => {
         // 清空校验
         formInstance.value.clearValidate()
       })
@@ -358,16 +359,25 @@ const handleCurrentChange = async (val) => {
 }
 //删除
 const handleDelete = async (id) => {
-    delDataSourceManage(id).then(res => {
-      if (res.code === 1000) {
-        ElMessage.success(res.msg)
-        getList()
-      } else {
-        ElMessage.error(res.msg)
-      }
-    })
+  delDataSourceManage(id).then(res => {
+    if (res.code === 1000) {
+      ElMessage.success(res.msg)
+      getList()
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+//多删
+const handleMoreDelete = (sourceId) => {
+  ElMessageBox.confirm(`确认删除名称为${sourceName}的数据模型吗?`, '系统提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    handleDelete(sourceId)
+  })
 }
-
 getTypeOption()
 getList()
 </script>