加入删除提醒;

工单加入删除和批量删除
This commit is contained in:
471615499@qq.com 2024-09-02 20:07:31 +08:00
parent a2b2d1bf5d
commit ffffd305ff
8 changed files with 207 additions and 97 deletions

View File

@ -58,9 +58,9 @@ export function complete(parameter) {
export function delRepair(parameter) { export function delRepair(parameter) {
return axios({ return axios({
url: api.repair + '/delete', url: api.repair + '/batchRemove', // 原单独删除为delete改为允许批量的
method: 'post', method: 'post',
params: parameter data: parameter
}) })
} }

View File

@ -95,6 +95,9 @@
</div> </div>
<div class='table-operator' v-if='!isShowModel'> <div class='table-operator' v-if='!isShowModel'>
<a-button v-if='addEnable' type='primary' icon='plus' @click='$refs.modal.add()'>新建</a-button> <a-button v-if='addEnable' type='primary' icon='plus' @click='$refs.modal.add()'>新建</a-button>
<a-dropdown v-if='removeEnable&&selectedRowKeys.length > 0'>
<a-button type='danger' icon='delete' @click='delByIds(selectedRowKeys)'>删除</a-button>
</a-dropdown>
</div> </div>
<s-table <s-table
size='default' size='default'
@ -119,8 +122,8 @@
<a v-if='editEnabel' @click='handleView(record.id)'>详情</a> <a v-if='editEnabel' @click='handleView(record.id)'>详情</a>
<!-- <a-divider v-if='!isShowModel' type='vertical' />--> <!-- <a-divider v-if='!isShowModel' type='vertical' />-->
<!-- <a v-if='editEnabel && !isShowModel' @click='handleEdit(record)'>编辑</a>--> <!-- <a v-if='editEnabel && !isShowModel' @click='handleEdit(record)'>编辑</a>-->
<!-- <a-divider v-if='!isShowModel' type='vertical' />--> <a-divider v-if='!isShowModel' type='vertical' />
<!-- <a type='danger' v-if='!isShowModel' @click='delByIds(record.id)'>删除</a>--> <a type='danger' v-if='!isShowModel' @click='delByIds(record.id)'>删除</a>
<!-- <a-divider v-if='!isShowModel' type='vertical' />--> <!-- <a-divider v-if='!isShowModel' type='vertical' />-->
<!-- <a type='danger' v-if='!isShowModel' @click='delByIds(selectedRowKeys)'>批量删除</a>--> <!-- <a type='danger' v-if='!isShowModel' @click='delByIds(selectedRowKeys)'>批量删除</a>-->
</span> </span>
@ -154,6 +157,7 @@ import { exportRepair, exportTemplate, importData } from '@/api/admin/repair/rep
import storage from 'store' import storage from 'store'
import { ACCESS_TOKEN } from '@/store/mutation-types' import { ACCESS_TOKEN } from '@/store/mutation-types'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { delRepairRoom } from '@/api/admin/repair/repairAddressFloor'
export default { export default {
name: 'TableList', name: 'TableList',
@ -517,21 +521,25 @@ export default {
}, },
delByIds(ids) { delByIds(ids) {
const _this = this const _this = this
if (ids === '') {
this.$message.error('请选择后删除!')
return
}
this.$confirm({ this.$confirm({
title: '警告', title: '警告',
content: '确认要删除工单吗?', content: '删除后不可恢复,是否确认删除?',
okText: '是', okText: '是',
okType: 'warning', okType: 'warning',
cancelText: '否', cancelText: '否',
onOk() { onOk() {
delRepair({ id: ids }).then(res => { delRepair({ ids: ids.join(',') }).then(res => {
if (res.code === 0) { if (res.code === 0) {
message.success('删除成功') _this.message.success('删除成功')
_this.handleOk() _this.handleOk()
// _this.selectRepairList()
} else { } else {
message.error(res.msg) _this.$message.error(res.msg)
} }
_this.selectedRowKeys = []
}) })
}, },
onCancel() { onCancel() {

View File

@ -47,6 +47,7 @@
import {delRepairRoom,getRepairRoomList} from '@/api/admin/repair/repairAddressFloor' import {delRepairRoom,getRepairRoomList} from '@/api/admin/repair/repairAddressFloor'
import RepairRoomModal from './modules/RepairAddressFloorModalList.vue' import RepairRoomModal from './modules/RepairAddressFloorModalList.vue'
import {checkPermission} from '@/utils/permissions' import {checkPermission} from '@/utils/permissions'
import { delRepairAddress } from '@/api/admin/repair/repairAddress'
export default { export default {
name: 'TableList', name: 'TableList',
@ -119,14 +120,30 @@
console.log('handleSaveOk') console.log('handleSaveOk')
}, },
delByIds (ids) { delByIds (ids) {
const _this = this
if (ids === '') {
this.$message.error('请选择后删除!')
return
}
this.$confirm({
title: '警告',
content: '删除后不可恢复,是否确认删除?',
okText: '是',
okType: 'warning',
cancelText: '否',
onOk() {
delRepairRoom({ ids: ids.join(',') }).then(res => { delRepairRoom({ ids: ids.join(',') }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message.success('删除成功') _this.$message.success('删除成功')
this.handleOk() _this.handleOk()
} else { } else {
this.$message.error(res.msg) _this.$message.error(res.msg)
}
_this.selectedRowKeys = []
})
},
onCancel() {
} }
this.selectedRowKeys = []
}) })
} }
}, },

View File

@ -45,6 +45,7 @@
import {delRepairAddress,getRepairAddressList} from '@/api/admin/repair/repairAddress' import {delRepairAddress,getRepairAddressList} from '@/api/admin/repair/repairAddress'
import RepairAddressModal from './modules/RepairAddressModal.vue' import RepairAddressModal from './modules/RepairAddressModal.vue'
import {checkPermission} from '@/utils/permissions' import {checkPermission} from '@/utils/permissions'
import { delRepairType } from '@/api/admin/repair/repairDeviceType'
export default { export default {
name: 'TableList', name: 'TableList',
@ -121,14 +122,30 @@
}, },
delByIds (ids) { delByIds (ids) {
const _this = this
if (ids === '') {
this.$message.error('请选择后删除!')
return
}
this.$confirm({
title: '警告',
content: '删除后不可恢复,是否确认删除?',
okText: '是',
okType: 'warning',
cancelText: '否',
onOk() {
delRepairAddress({ ids: ids.join(',') }).then(res => { delRepairAddress({ ids: ids.join(',') }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message.success('删除成功') _this.$message.success('删除成功')
this.handleOk() _this.handleOk()
} else { } else {
this.$message.error(res.msg) _this.$message.error(res.msg)
}
_this.selectedRowKeys = []
})
},
onCancel() {
} }
this.selectedRowKeys = []
}) })
} }
}, },

View File

@ -48,6 +48,8 @@ import { delRepairDevice, getRepairDeviceList } from '@/api/admin/repair/repairD
import RepairDeviceModal from './modules/RepairDeviceModal.vue' import RepairDeviceModal from './modules/RepairDeviceModal.vue'
import { checkPermission } from '@/utils/permissions' import { checkPermission } from '@/utils/permissions'
import { delRepair } from '@/api/admin/repair'
import { message } from 'ant-design-vue'
export default { export default {
name: 'TableList', name: 'TableList',
@ -118,14 +120,30 @@ export default {
this.$refs.table.refresh(true) this.$refs.table.refresh(true)
}, },
delByIds(ids) { delByIds(ids) {
const _this = this
if (ids === '') {
this.$message.error('请选择后删除!')
return
}
this.$confirm({
title: '警告',
content: '删除后不可恢复,是否确认删除?',
okText: '是',
okType: 'warning',
cancelText: '否',
onOk() {
delRepairDevice({ ids: ids.join(',') }).then(res => { delRepairDevice({ ids: ids.join(',') }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message.success('删除成功') _this.$message.success('删除成功')
this.handleOk() _this.handleOk()
} else { } else {
this.$message.error(res.msg) _this.$message.error(res.msg)
}
_this.selectedRowKeys = []
})
},
onCancel() {
} }
this.selectedRowKeys = []
}) })
} }
}, },

View File

@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered='false'>
<!-- <div class="table-page-search-wrapper">--> <!-- <div class="table-page-search-wrapper">-->
<!-- <a-form layout="inline">--> <!-- <a-form layout="inline">-->
<!-- <a-row :gutter="48">--> <!-- <a-row :gutter="48">-->
@ -18,32 +18,32 @@
<!-- </a-row>--> <!-- </a-row>-->
<!-- </a-form>--> <!-- </a-form>-->
<!-- </div>--> <!-- </div>-->
<div class="table-operator"> <div class='table-operator'>
<a-button v-if="addEnable" type="primary" icon="plus" @click="$refs.modal.add()">新建</a-button> <a-button v-if='addEnable' type='primary' icon='plus' @click='$refs.modal.add()'>新建</a-button>
<a-dropdown v-if="removeEnable&&selectedRowKeys.length > 0"> <a-dropdown v-if='removeEnable&&selectedRowKeys.length > 0'>
<a-button type="danger" icon="delete" @click="delByIds(selectedRowKeys)">删除</a-button> <a-button type='danger' icon='delete' @click='delByIds(selectedRowKeys)'>删除</a-button>
</a-dropdown> </a-dropdown>
</div> </div>
<s-table <s-table
size="default" size='default'
ref="table" ref='table'
rowKey="id" rowKey='id'
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
:columns="columns" :columns='columns'
:data="loadData" :data='loadData'
> >
<span slot="workers" slot-scope="text, record"> <span slot='workers' slot-scope='text, record'>
<a @click="seeWorKerList(record.id,record.workerName)">{{ record.worker }}</a> <a @click='seeWorKerList(record.id,record.workerName)'>{{ record.worker }}</a>
</span> </span>
<span slot="action" slot-scope="text, record"> <span slot='action' slot-scope='text, record'>
<a v-if="editEnabel" @click="handleEdit(record)">编辑</a> <a v-if='editEnabel' @click='handleEdit(record)'>编辑</a>
<a-divider type="vertical" /> <a-divider type='vertical' />
<a v-if="removeEnable" @click="delByIds([record.id])">删除</a> <a v-if='removeEnable' @click='delByIds([record.id])'>删除</a>
</span> </span>
</s-table> </s-table>
<repairType-modal ref="modal" @ok="handleOk" /> <repairType-modal ref='modal' @ok='handleOk' />
<a-modal v-model="workerVisible" title="维修人员" width="700px"> <a-modal v-model='workerVisible' title='维修人员' width='700px'>
<a-table :row-selection="rowSelection" :columns="workerColumns" :data-source="data" /> <a-table :row-selection='rowSelection' :columns='workerColumns' :data-source='data' />
</a-modal> </a-modal>
</a-card> </a-card>
</template> </template>
@ -54,6 +54,7 @@ import { STable } from '@/components'
import { delRepairType, getRepairTypeList } from '@/api/admin/repair/repairDeviceType' import { delRepairType, getRepairTypeList } from '@/api/admin/repair/repairDeviceType'
import RepairTypeModal from './modules/RepairDeviceTypeModal.vue' import RepairTypeModal from './modules/RepairDeviceTypeModal.vue'
import { checkPermission } from '@/utils/permissions' import { checkPermission } from '@/utils/permissions'
import { delRepairDevice } from '@/api/admin/repair/repairDevice'
export default { export default {
name: 'TableList', name: 'TableList',
@ -154,14 +155,30 @@ export default {
console.log('handleSaveOk') console.log('handleSaveOk')
}, },
delByIds(ids) { delByIds(ids) {
const _this = this
if (ids === '') {
this.$message.error('请选择后删除!')
return
}
this.$confirm({
title: '警告',
content: '删除后不可恢复,是否确认删除?',
okText: '是',
okType: 'warning',
cancelText: '否',
onOk() {
delRepairType({ ids: ids.join(',') }).then(res => { delRepairType({ ids: ids.join(',') }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message.success('删除成功') _this.$message.success('删除成功')
this.handleOk() _this.handleOk()
} else { } else {
this.$message.error(res.msg) _this.$message.error(res.msg)
}
_this.selectedRowKeys = []
})
},
onCancel() {
} }
this.selectedRowKeys = []
}) })
} }
}, },

View File

@ -47,6 +47,7 @@
import {delRepairFailureType,getRepairFailureTypeList} from '@/api/admin/repair/repairFailureType' import {delRepairFailureType,getRepairFailureTypeList} from '@/api/admin/repair/repairFailureType'
import RepairFailureTypeModal from './modules/RepairFailureTypeModal.vue' import RepairFailureTypeModal from './modules/RepairFailureTypeModal.vue'
import {checkPermission} from '@/utils/permissions' import {checkPermission} from '@/utils/permissions'
import { delRepairRoom } from '@/api/admin/repair/repairAddressFloor'
export default { export default {
name: 'TableList', name: 'TableList',
@ -118,15 +119,31 @@
console.log('handleSaveOk') console.log('handleSaveOk')
}, },
delByIds (ids) { delByIds (ids) {
const _this = this
if (ids === '') {
this.$message.error('请选择后删除!')
return
}
this.$confirm({
title: '警告',
content: '删除后不可恢复,是否确认删除?',
okText: '是',
okType: 'warning',
cancelText: '否',
onOk() {
delRepairFailureType({ ids: ids.join(',') }).then(res => { delRepairFailureType({ ids: ids.join(',') }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message.success('删除成功') _this.$message.success('删除成功')
this.handleOk() _this.handleOk()
} else { } else {
this.$message.error(res.msg) _this.$message.error(res.msg)
} }
this.selectedRowKeys = [] this.selectedRowKeys = []
}) })
},
onCancel() {
}
})
} }
}, },
watch: { watch: {

View File

@ -128,14 +128,30 @@ import RepairAddressModal from '@/views/admin/repair/modules/RepairAddressModal'
console.log('handleSaveOk') console.log('handleSaveOk')
}, },
delByIds (ids) { delByIds (ids) {
const _this = this
if (ids === '') {
this.$message.success('请选择后删除!')
return
}
this.$confirm({
title: '警告',
content: '删除后不可恢复,是否确认删除?',
okText: '是',
okType: 'warning',
cancelText: '否',
onOk() {
delRepairRoom({ ids: ids.join(',') }).then(res => { delRepairRoom({ ids: ids.join(',') }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message.success('删除成功') _this.$message.success('删除成功')
this.handleOk() _this.handleOk()
} else { } else {
this.$message.error(res.msg) _this.$message.error(res.msg)
}
_this.selectedRowKeys = []
})
},
onCancel() {
} }
this.selectedRowKeys = []
}) })
} }
}, },