|
|
|
@ -5,12 +5,7 @@ |
|
|
|
<div> |
|
|
|
<i class="el-icon-search" /> |
|
|
|
<span>筛选搜索</span> |
|
|
|
<el-button |
|
|
|
style="float: right" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
@click="searchBrandList()" |
|
|
|
> |
|
|
|
<el-button style="float: right" type="primary" size="small" @click="searchBrandList()"> |
|
|
|
查询结果 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
@ -25,23 +20,13 @@ |
|
|
|
<el-card class="operate-container" shadow="never"> |
|
|
|
<i class="el-icon-tickets" /> |
|
|
|
<span>数据列表</span> |
|
|
|
<el-button |
|
|
|
class="btn-add" |
|
|
|
size="mini" |
|
|
|
@click="addBrand()" |
|
|
|
> |
|
|
|
<el-button class="btn-add" size="mini" @click="addBrand()"> |
|
|
|
添加 |
|
|
|
</el-button> |
|
|
|
</el-card> |
|
|
|
<div class="table-container"> |
|
|
|
<el-table |
|
|
|
ref="brandTable" |
|
|
|
v-loading="listLoading" |
|
|
|
:data="list" |
|
|
|
style="width: 100%" |
|
|
|
border |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
> |
|
|
|
<el-table ref="brandTable" v-loading="listLoading" :data="list" style="width: 100%" border |
|
|
|
@selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" width="60" align="center" /> |
|
|
|
<el-table-column label="编号" width="100" align="center"> |
|
|
|
<template slot-scope="scope">{{ scope.row.id }}</template> |
|
|
|
@ -49,107 +34,77 @@ |
|
|
|
<el-table-column label="品牌名称" align="center"> |
|
|
|
<template slot-scope="scope">{{ scope.row.name }}</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="品牌首字母" width="100" align="center"> |
|
|
|
<el-table-column label="品牌首字母" width="150" align="center"> |
|
|
|
<template slot-scope="scope">{{ scope.row.firstLetter }}</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="排序" width="100" align="center"> |
|
|
|
<template slot-scope="scope">{{ scope.row.sort }}</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="品牌制造商" width="100" align="center"> |
|
|
|
<el-table-column label="是否配送" width="180" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch |
|
|
|
v-model="scope.row.factoryStatus" |
|
|
|
:active-value="1" |
|
|
|
:inactive-value="0" |
|
|
|
@change="handleFactoryStatusChange(scope.$index, scope.row)" |
|
|
|
/> |
|
|
|
<el-switch v-model="scope.row.delivery" active-text="配送" inactive-text="不配送" |
|
|
|
:active-value="'1'" :inactive-value="'0'" |
|
|
|
@change="handleDeliveryChange(scope.$index, scope.row)" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column label="品牌制造商" width="150" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch v-model="scope.row.factoryStatus" :active-value="1" :inactive-value="0" |
|
|
|
@change="handleFactoryStatusChange(scope.$index, scope.row)" /> |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
<el-table-column label="是否显示" width="100" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-switch |
|
|
|
v-model="scope.row.showStatus" |
|
|
|
:active-value="1" |
|
|
|
:inactive-value="0" |
|
|
|
@change="handleShowStatusChange(scope.$index, scope.row)" |
|
|
|
/> |
|
|
|
<el-switch v-model="scope.row.showStatus" :active-value="1" :inactive-value="0" |
|
|
|
@change="handleShowStatusChange(scope.$index, scope.row)" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="相关" width="220" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>商品：</span> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
@click="getProductList(scope.$index, scope.row)" |
|
|
|
>100 |
|
|
|
<el-button size="mini" type="text" @click="getProductList(scope.$index, scope.row)">100 |
|
|
|
</el-button> |
|
|
|
<span>评价：</span> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
@click="getProductCommentList(scope.$index, scope.row)" |
|
|
|
>1000 |
|
|
|
<el-button size="mini" type="text" |
|
|
|
@click="getProductCommentList(scope.$index, scope.row)">1000 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" width="200" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
@click="handleUpdate(scope.$index, scope.row)" |
|
|
|
>编辑 |
|
|
|
<el-button size="mini" @click="handleUpdate(scope.$index, scope.row)">编辑 |
|
|
|
</el-button> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="danger" |
|
|
|
@click="handleDelete(scope.$index, scope.row)" |
|
|
|
>删除 |
|
|
|
<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div class="batch-operate-container"> |
|
|
|
<el-select |
|
|
|
v-model="operateType" |
|
|
|
size="small" |
|
|
|
placeholder="批量操作" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in operates" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
/> |
|
|
|
<!-- <div class="batch-operate-container"> |
|
|
|
<el-select v-model="operateType" size="small" placeholder="批量操作"> |
|
|
|
<el-option v-for="item in operates" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
<el-button |
|
|
|
style="margin-left: 20px" |
|
|
|
class="search-button" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
@click="handleBatchOperate()" |
|
|
|
> |
|
|
|
<el-button style="margin-left: 20px" class="search-button" type="primary" size="small" |
|
|
|
@click="handleBatchOperate()"> |
|
|
|
确定 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="pagination-container"> |
|
|
|
<el-pagination |
|
|
|
background |
|
|
|
layout="total, sizes,prev, pager, next,jumper" |
|
|
|
:page-size="listQuery.pageSize" |
|
|
|
:page-sizes="[5,10,15]" |
|
|
|
:current-page.sync="listQuery.pageNum" |
|
|
|
:total="total" |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
/> |
|
|
|
<el-pagination background layout="total, sizes,prev, pager, next,jumper" :page-size="listQuery.pageSize" |
|
|
|
:page-sizes="[5,10,15]" :current-page.sync="listQuery.pageNum" :total="total" |
|
|
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { fetchList, updateShowStatus, updateFactoryStatus, deleteBrand } from '@/api/brand' |
|
|
|
import { |
|
|
|
fetchList, |
|
|
|
updateDelivery, |
|
|
|
updateShowStatus, |
|
|
|
updateFactoryStatus, |
|
|
|
deleteBrand |
|
|
|
} from '@/api/brand' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'BrandList', |
|
|
|
@ -188,7 +143,12 @@ |
|
|
|
this.multipleSelection = val |
|
|
|
}, |
|
|
|
handleUpdate(index, row) { |
|
|
|
this.$router.push({ path: '/pms/updateBrand', query: { id: row.id }}) |
|
|
|
this.$router.push({ |
|
|
|
path: '/pms/updateBrand', |
|
|
|
query: { |
|
|
|
id: row.id |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleDelete(index, row) { |
|
|
|
this.$confirm('是否要删除该品牌', '提示', { |
|
|
|
@ -212,6 +172,24 @@ |
|
|
|
getProductCommentList(index, row) { |
|
|
|
console.log(index, row) |
|
|
|
}, |
|
|
|
handleDeliveryChange(index, row) { |
|
|
|
var data = new URLSearchParams() |
|
|
|
data.append('ids', row.id) |
|
|
|
data.append('delivery', row.delivery) |
|
|
|
updateDelivery(data).then(response => { |
|
|
|
this.$message({ |
|
|
|
message: '修改成功', |
|
|
|
type: 'success', |
|
|
|
duration: 1000 |
|
|
|
}) |
|
|
|
}).catch(error => { |
|
|
|
if (row.delivery === 0) { |
|
|
|
row.delivery = 1 |
|
|
|
} else { |
|
|
|
row.delivery = 0 |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleFactoryStatusChange(index, row) { |
|
|
|
var data = new URLSearchParams() |
|
|
|
data.append('ids', row.id) |
|
|
|
@ -302,7 +280,9 @@ |
|
|
|
}) |
|
|
|
}, |
|
|
|
addBrand() { |
|
|
|
this.$router.push({ path: '/pms/addBrand' }) |
|
|
|
this.$router.push({ |
|
|
|
path: '/pms/addBrand' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -310,4 +290,3 @@ |
|
|
|
<style rel="stylesheet/scss" lang="scss" scoped> |
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
myTest383
4 months ago
