Commit 08a0473025dee6a65d06d084088faaa28f1ba76a

Authored by fengwotao
1 parent 8ba6ff07

fix:DEFECT-1398 选择多产品删除时,没有单项删除确认删除的提示

1 1 <script lang="ts" setup>
2 2 import { PageWrapper } from '/@/components/Page';
3 3 import { BasicForm, useForm } from '/@/components/Form';
4   - import { List, Button, Tooltip, Card, PaginationProps, Image } from 'ant-design-vue';
  4 + import { List, Button, Tooltip, Card, PaginationProps, Image, Popconfirm } from 'ant-design-vue';
5 5 import { ReloadOutlined } from '@ant-design/icons-vue';
6 6 import { computed, onMounted, reactive, ref, unref } from 'vue';
7 7 import {
... ... @@ -204,14 +204,16 @@
204 204 {{ getSelectAllFlag ? '反选' : '全选' }}
205 205 </Button>
206 206 <Authority :value="ProductPermission.DELETE">
207   - <Button
208   - type="primary"
209   - danger
210   - :disabled="!getCheckedRecord.length"
211   - @click="handleDelete(getCheckedRecord)"
  207 + <Popconfirm
  208 + title="您确定要批量删除数据"
  209 + ok-text="确定"
  210 + cancel-text="取消"
  211 + @confirm="handleDelete(getCheckedRecord)"
212 212 >
213   - 批量删除
214   - </Button>
  213 + <Button type="primary" danger :disabled="!getCheckedRecord.length">
  214 + 批量删除
  215 + </Button>
  216 + </Popconfirm>
215 217 </Authority>
216 218
217 219 <ModeSwitchButton :value="$props.mode" @change="handleModeChange" />
... ...