ZhangBin
/
datang-admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改删除弹框

master
lucky 4 years ago
parent
b13fbdd75b
commit
251dc12295
4 changed files with 52 additions and 57 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 51
      src/components/Banner/index.vue
  2. 51
      src/components/Detail/index.vue
  3. 5
      src/components/News/index.vue
  4. 2
      src/utils/request.js

51
src/components/Banner/index.vue
View File

@ -52,7 +52,7 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="250"> width="230">
<template slot-scope="lists"> <template slot-scope="lists">
<el-button <el-button
type="primary" type="primary"
@ -62,19 +62,7 @@
size="mini"> size="mini">
编辑 编辑
</el-button> </el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteItem(lists.row.id)">删除</el-button>
<el-popover
placement="top"
width="160"
:value="visible">
<p>确定删除吗？</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="visible = false">取消</el-button>
<el-button type="danger" size="mini" plain @click="deleteItem(lists.row.id)">确定</el-button>
</div>
<el-button slot="reference" @click="visible = true" type="danger" icon="el-icon-delete" size="mini">删除</el-button>
</el-popover>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -128,7 +116,6 @@
currList: null, currList: null,
pageSize: 10, pageSize: 10,
pageNum: 1, pageNum: 1,
visible: false,
showAdd: true, showAdd: true,
} }
}, },
@ -204,18 +191,28 @@
* 删除 * 删除
*/ */
deleteItem(id) { deleteItem(id) {
const params = { try {
id this.$alert('确定删除该条轮播图吗？', '请确认', {
}; confirmButtonText: '确定',
POST_DELETE_CAROUSEL(params).then((res) => { callback: res => {
if(res.code === 200){ if(res === 'confirm') {
Alert.success('删除成功'); const params = {
this.getList() id
}else{ };
Alert.fail(res.msg || '删除失败'); POST_DELETE_CAROUSEL(params).then((res) => {
} if(res.code === 200){
}); Alert.success('删除成功');
this.visible = false this.getList()
}else{
Alert.fail(res.msg || '删除失败');
}
});
}
}
});
} catch (error) {
console.error('error: ', error);
}
}, },
// 关闭弹窗 // 关闭弹窗

51
src/components/Detail/index.vue
View File

@ -67,6 +67,7 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="230"
> >
<template slot-scope="lists"> <template slot-scope="lists">
<el-button <el-button
@ -77,19 +78,7 @@
size="mini"> size="mini">
编辑 编辑
</el-button> </el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteItem(lists.row.detailId)">删除</el-button>
<el-popover
placement="top"
width="160"
:value="visible">
<p>确定删除吗？</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="visible = false">取消</el-button>
<el-button type="danger" size="mini" plain @click="deleteItem(lists.row.detailId)">确定</el-button>
</div>
<el-button slot="reference" @click="visible = true" type="danger" icon="el-icon-delete" size="mini">删除</el-button>
</el-popover>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -143,7 +132,6 @@
currList: null, currList: null,
pageSize: 10, pageSize: 10,
pageNum: 1, pageNum: 1,
visible: false,
showAdd: true, showAdd: true,
content: '', content: '',
keys: [] keys: []
@ -262,18 +250,29 @@
* 删除 * 删除
*/ */
deleteItem(detailId) { deleteItem(detailId) {
const params = { try {
detailId this.$alert('确定删除该条内容吗？', '请确认', {
}; confirmButtonText: '确定',
DELETE_DETAIL(params).then((res) => { callback: res => {
if(res.code === 200){ if(res === 'confirm') {
Alert.success('删除成功'); const params = {
this.getList() detailId
}else{ };
Alert.fail(res.msg || '删除失败'); DELETE_DETAIL(params).then((res) => {
} if(res.code === 200){
}); Alert.success('删除成功');
this.visible = false this.getList()
}else{
Alert.fail(res.msg || '删除失败');
}
});
}
}
});
} catch (error) {
console.error('error: ', error);
}
}, },
} }
} }

5
src/components/News/index.vue
View File

@ -81,7 +81,7 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="250" width="230"
> >
<template slot-scope="lists"> <template slot-scope="lists">
<el-button <el-button
@ -198,11 +198,10 @@
/** /**
* 单个内容详情 * 单个内容详情
*/ */
async getDetail(row, title){ async getDetail(row){
try { try {
const params = { const params = {
introId: row.introId, introId: row.introId,
title: title || '',
}; };
this.loading = true this.loading = true
await QUERY_DETAIL(params).then(res => { await QUERY_DETAIL(params).then(res => {

2
src/utils/request.js
View File

@ -9,7 +9,7 @@ import myalert from './alert';
// create an axios instance // create an axios instance
const service = axios.create({ const service = axios.create({
baseURL: BASE_API, // api 的 base_url baseURL: BASE_API, // api 的 base_url
timeout: 8000 // request timeout timeout: 20000 // request timeout
}) })
// request interceptor // request interceptor

Write Preview
Loading…
Cancel
Save