138 lines
3.3 KiB
Vue
138 lines
3.3 KiB
Vue
<template>
|
||
<a-modal
|
||
:width="modalWidth"
|
||
:style="modalStyle"
|
||
:visible="visible"
|
||
:maskClosable="false"
|
||
@cancel="handleCancel">
|
||
<template slot="footer">
|
||
<a-button @click="handleCancel" type="warn">Cancel</a-button>
|
||
</template>
|
||
<a-table
|
||
ref="table"
|
||
rowKey="id"
|
||
size="middle"
|
||
:columns="columns"
|
||
:loading="loading"
|
||
:dataSource="dataSource"
|
||
:pagination="false">
|
||
<span slot="action" slot-scope="text, record">
|
||
<a @click="handleBack(record.id)"><a-icon type="redo"/>Handle Back</a>
|
||
<a-divider type="vertical"/>
|
||
<a @click="handleDelete(record.id)"><a-icon type="scissor"/>Delete Completly</a>
|
||
</span>
|
||
</a-table>
|
||
|
||
</a-modal>
|
||
|
||
|
||
</template>
|
||
|
||
<script>
|
||
import { getAction,deleteAction,putAction } from '@/api/manage'
|
||
export default {
|
||
name: "DictDeleteList",
|
||
data () {
|
||
return {
|
||
modalWidth: '90%',
|
||
modalStyle: { 'top': '20px'},
|
||
title: 'Action',
|
||
visible: false,
|
||
loading: false,
|
||
dataSource:[],
|
||
columns:[
|
||
{
|
||
title: '#',
|
||
dataIndex: '',
|
||
key: 'rowIndex',
|
||
width: 120,
|
||
align: "center",
|
||
customRender: function (t, r, index) {
|
||
return parseInt(index) + 1;
|
||
}
|
||
},
|
||
{
|
||
title: 'Dict Name',
|
||
align: "left",
|
||
dataIndex: 'dictName'
|
||
},
|
||
{
|
||
title: 'Dict Code',
|
||
align: "left",
|
||
dataIndex: 'dictCode'
|
||
},
|
||
{
|
||
title: 'Description',
|
||
align: "left",
|
||
dataIndex: 'description'
|
||
},
|
||
{
|
||
title: 'Action',
|
||
dataIndex: 'action',
|
||
align: "center",
|
||
scopedSlots: {customRender: 'action'}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
handleCancel(){
|
||
this.visible = false
|
||
//回收站字典列表刷新
|
||
this.$emit("refresh")
|
||
},
|
||
show(){
|
||
this.visible = true
|
||
this.loadData();
|
||
},
|
||
loadData(){
|
||
this.loading = true
|
||
getAction("/sys/dict/deleteList").then(res=>{
|
||
this.loading = false
|
||
if(res.success){
|
||
this.dataSource = res.result
|
||
}else{
|
||
this.$message.warning(res.message)
|
||
}
|
||
})
|
||
},
|
||
handleBack(id){
|
||
putAction("/sys/dict/back/"+id).then(res=>{
|
||
if(res.success){
|
||
this.$message.success(res.message)
|
||
this.loadData();
|
||
}else{
|
||
this.$message.warning(res.message)
|
||
}
|
||
})
|
||
},
|
||
handleDelete(id){
|
||
this.$confirm({
|
||
title: 'Delete Completly',
|
||
content: (<div>
|
||
<p>Want To Delete Dict Item Completly?</p>
|
||
<p style="color:red;">Warning：Delete Completly Will Have No Way To Recover，Please Be Patient</p>
|
||
</div>),
|
||
centered: false,
|
||
onOk: () => {
|
||
var that = this;
|
||
deleteAction("/sys/dict/deletePhysic/"+id).then((res) => {
|
||
if (res.success) {
|
||
this.$message.success(res.message)
|
||
this.loadData();
|
||
} else {
|
||
that.$message.warning(res.message);
|
||
}
|
||
});
|
||
},
|
||
})
|
||
}
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style> |