修改多选

src/router/index.js

@@ -43,17 +43,6 @@ export const constantRoutes = [
         },
         component: () => import('@/views/home/index.vue')
       },
-      {
-        path: '/center',
-        meta: { title: i18n.global.t('menus.center') },
-        component: () => import('@/views/account/center/index.vue')
-      },
-      {
-        path: '/elevenHatch',
-        name: 'elevenHatch',
-        meta: { title: i18n.global.t('menus.elevenHatch') },
-        component: () => import('@/views/elevenHatch/index.vue')
-      },
       {
         path: '401',
         component: () => import('@/views/error-page/401.vue'),

src/views/project/index.vue

@@ -20,8 +20,8 @@
         <el-option v-for="i in sectorList" :key="i.id" :label="i.title" :value="i.title"></el-option>
       </template>
     </custom-search-bar>
-    <custom-button-bar :fields="buttonFields" @add="toAdd"></custom-button-bar>
-    <custom-table :data="data" :fields="fields" @query="search" :total="total" :opera="opera" @exam="toExam" @edit="toEdit" @delete="toDelete">
+    <custom-button-bar :fields="buttonFields" @add="toAdd" @select="toMoreDelect"></custom-button-bar>
+    <custom-table :data="data" :fields="fields" @query="search" :total="total" :opera="opera" @exam="toExam" @edit="toEdit" @delete="toDelete" @toSelect="toSelect" :select="true">
       <template #is_use="{ row }">
         <el-tag v-if="row.is_use == '0'" type="success" @click="toUse(row, '1')">启用</el-tag>
         <el-tag v-else type="info" @click="toUse(row, '0')">禁用</el-tag>
@@ -105,7 +105,10 @@ const opera = [
   { label: t('common.exam'), method: 'exam', type: 'warning', display: (i) => i.status === '0' },
   { label: t('common.delete'), method: 'delete', confirm: true, type: 'danger', display: (i) => i.is_use === '1' }
 ]
-const buttonFields = [{ label: t('common.create'), method: 'add' }]
+const buttonFields = [
+  { label: t('common.create'), method: 'add' },
+  { label: t('common.select'), method: 'select', type: 'danger' }
+]
 let skip = 0
 let limit = inject('limit')
 const total = ref(0)
@@ -120,6 +123,8 @@ const cityList = ref([])
 const cooperateList = ref([])
 const tagsList = ref([])
 const sectorList = ref([])
+// 多选列表
+const selectList = ref([])
 // 加载中
 const loading = ref(false)
 const formFields = ref([
@@ -222,6 +227,25 @@ const toEdit = (data) => {
   form.value = data
   dialog.value = { type: '1', show: true, title: t('pages.project.upDialogTitle') }
 }
+// 多选
+const toSelect = (val) => {
+  selectList.value = val
+}
+// 批量删除
+const toMoreDelect = () => {
+  if (selectList.value.length > 0) {
+    ElMessageBox.confirm(`确定批量删除数据?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
+      .then(async () => {
+        console.log(selectList.value)
+      })
+      .catch(() => {})
+  } else {
+    ElMessage({
+      message: '未选择要处理的数据！',
+      type: 'warning'
+    })
+  }
+}
 // 删除
 const toDelete = async (data) => {
   const res = await store.del(data.id)