You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
173 lines
3.9 KiB
173 lines
3.9 KiB
<template>
|
|
<div class="mod-hotSearcch">
|
|
<avue-crud
|
|
ref="crudRef"
|
|
:page="page"
|
|
:data="dataList"
|
|
:table-loading="dataListLoading"
|
|
:option="tableOption"
|
|
@search-change="onSearch"
|
|
@on-load="getDataList"
|
|
@refresh-change="refreshChange"
|
|
@selection-change="selectionChange"
|
|
>
|
|
<template #menu-left>
|
|
<el-button
|
|
v-if="isAuth('admin:hotSearch:save')"
|
|
type="primary"
|
|
icon="el-icon-plus"
|
|
@click="onAddOrUpdate()"
|
|
>
|
|
新增
|
|
</el-button>
|
|
<el-button
|
|
type="danger"
|
|
:disabled="dataListSelections.length <= 0"
|
|
@click.stop="onDeconste"
|
|
>
|
|
批量删除
|
|
</el-button>
|
|
</template>
|
|
|
|
<template #status="scope">
|
|
<el-tag
|
|
v-if="scope.row.status === 0"
|
|
type="danger"
|
|
>
|
|
未启用
|
|
</el-tag>
|
|
<el-tag v-else>
|
|
启用
|
|
</el-tag>
|
|
</template>
|
|
|
|
<template #menu="scope">
|
|
<el-button
|
|
v-if="isAuth('admin:hotSearch:update')"
|
|
type="primary"
|
|
icon="el-icon-edit"
|
|
@click="onAddOrUpdate(scope.row.hotSearchId)"
|
|
>
|
|
修改
|
|
</el-button>
|
|
<el-button
|
|
v-if="isAuth('admin:hotSearch:deconste')"
|
|
type="danger"
|
|
icon="el-icon-deconste"
|
|
@click.stop="onDeconste(scope.row,scope.index)"
|
|
>
|
|
删除
|
|
</el-button>
|
|
</template>
|
|
</avue-crud>
|
|
|
|
<!-- 弹窗, 新增 / 修改 -->
|
|
<add-or-update
|
|
v-if="addOrUpdateVisible"
|
|
ref="addOrUpdateRef"
|
|
@refresh-data-list="getDataList"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { isAuth } from '@/utils'
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
import { tableOption } from '@/crud/shop/hotSearch.js'
|
|
import AddOrUpdate from './add-or-update.vue'
|
|
const dataList = ref([])
|
|
const page = reactive({
|
|
total: 0, // 总页数
|
|
currentPage: 1, // 当前页数
|
|
pageSize: 10 // 每页显示多少条
|
|
})
|
|
const dataListLoading = ref(false)
|
|
const dataListSelections = ref([])
|
|
|
|
/**
|
|
* 获取数据列表
|
|
*/
|
|
const getDataList = (pageParam, params, done) => {
|
|
dataListLoading.value = true
|
|
http({
|
|
url: http.adornUrl('/admin/hotSearch/page'),
|
|
method: 'get',
|
|
params: http.adornParams(Object.assign({
|
|
current: pageParam ? pageParam.currentPage : 1,
|
|
size: pageParam ? pageParam.pageSize : 20
|
|
}, params))
|
|
})
|
|
.then(({ data }) => {
|
|
page.total = data.total
|
|
page.pageSize = data.size
|
|
page.currentPage = data.current
|
|
dataList.value = data.records
|
|
dataListLoading.value = false
|
|
if (done) done()
|
|
})
|
|
}
|
|
|
|
/**
|
|
* 多选回调
|
|
* @param list
|
|
*/
|
|
const selectionChange = (list) => {
|
|
dataListSelections.value = list
|
|
}
|
|
|
|
const addOrUpdateVisible = ref(false)
|
|
const addOrUpdateRef = ref(null)
|
|
/**
|
|
* 新增 / 修改
|
|
* @param id
|
|
*/
|
|
const onAddOrUpdate = (id) => {
|
|
addOrUpdateVisible.value = true
|
|
nextTick(() => {
|
|
addOrUpdateRef.value?.init(id)
|
|
})
|
|
}
|
|
|
|
/**
|
|
* 点击查询
|
|
*/
|
|
const onSearch = (params, done) => {
|
|
getDataList(page, params, done)
|
|
}
|
|
|
|
/**
|
|
* 删除
|
|
*/
|
|
const onDeconste = (row) => {
|
|
const ids = row.hotSearchId ? [row.hotSearchId] : dataListSelections.value?.map(item => {
|
|
return item.hotSearchId
|
|
})
|
|
ElMessageBox.confirm(`确定进行[${row.hotSearchId ? '删除' : '批量删除'}]操作?`, '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
.then(() => {
|
|
http({
|
|
url: http.adornUrl('/admin/hotSearch'),
|
|
method: 'delete',
|
|
data: http.adornData(ids, false)
|
|
})
|
|
.then(() => {
|
|
ElMessage({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
onClose: () => {
|
|
getDataList()
|
|
}
|
|
})
|
|
})
|
|
}).catch(() => { })
|
|
}
|
|
const refreshChange = () => {
|
|
getDataList(page)
|
|
}
|
|
|
|
</script>
|