commit
a65df7e75f
10 changed files with 669 additions and 58 deletions
@ -0,0 +1,159 @@ |
||||
<template> |
||||
<div class="article-manager"> |
||||
<el-card :bordered="false" shadow="never" class="ivu-mt-16"> |
||||
<div> |
||||
<el-form :model="page" label-width="80px" label-position="right" inline @submit.native.prevent> |
||||
<el-form-item label="商品名称："> |
||||
<el-input clearable placeholder="商品名称" v-model="page.params.productName" class="form_content_width" /> |
||||
</el-form-item> |
||||
|
||||
<el-form-item> |
||||
<el-button type="primary" @click="userSearchs">查询</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
|
||||
<el-table row-key="id" class="mt14" v-loading="loading" :data="tableData" empty-text="暂无数据" @selection-change="handleSelectionChange"> |
||||
<el-table-column type="selection" width="55"> </el-table-column> |
||||
<el-table-column prop="id" label="编号" min-width="120"></el-table-column> |
||||
<el-table-column prop="productName" label="商品名称" min-width="100"></el-table-column> |
||||
<el-table-column prop="productNum" label="货号" min-width="120" align="center"></el-table-column> |
||||
<el-table-column prop="price" label="价格" align="right"></el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
|
||||
<div class="acea-row row-right page"> |
||||
<el-pagination |
||||
@size-change="handleSizeChange" |
||||
@current-change="handleCurrentChange" |
||||
:current-page="page.currentPage" |
||||
:page-sizes="[10, 15, 20, 30]" |
||||
:page-size="page.pageSize" |
||||
layout="total, sizes, prev, pager, next, jumper" |
||||
:total="page.totalCount" |
||||
/> |
||||
<el-col :span="24" style="text-align: right;padding-top:20px"> |
||||
<el-button @click="close">取消</el-button> |
||||
<el-button type="primary" @click="submit">提交</el-button> |
||||
</el-col> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import marketingApi from '@/api/finance/marketing.js' |
||||
import { loadingFn } from '@/utils/validate' |
||||
export default { |
||||
name: 'product_productClassify', |
||||
props: { |
||||
type: { |
||||
type: String, |
||||
default: () => undefined |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
addDialog: false, // 添加弹窗 |
||||
updateDialog: false, // 修改弹窗 |
||||
multipleSelection: [], |
||||
FromData: null, |
||||
advertisement: { productList: [{ id: '', productName: '' }] }, |
||||
grid: { |
||||
xl: 7, |
||||
lg: 7, |
||||
md: 12, |
||||
sm: 24, |
||||
xs: 24 |
||||
}, |
||||
loading: false, |
||||
|
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
params: {}, |
||||
totalCount: 0 |
||||
}, |
||||
total: 0, |
||||
tableData: [] |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getList() |
||||
}, |
||||
created() { |
||||
this.advertisement.type = this.type |
||||
}, |
||||
methods: { |
||||
// 批量设置商品 |
||||
batchSelect(type) {}, |
||||
handleSizeChange(val) { |
||||
this.page.pageSize = val |
||||
this.getList() |
||||
}, |
||||
handleCurrentChange(val) { |
||||
this.page.currentPage = val |
||||
this.getList() |
||||
}, |
||||
handleSelectionChange(val) { |
||||
this.multipleSelection = val |
||||
}, |
||||
// 列表 |
||||
getList() { |
||||
loadingFn.call( |
||||
this, |
||||
'loading', |
||||
marketingApi.getProductByPage(this.page).then(res => { |
||||
if ((res.code = 20000)) ({ list: this.tableData = [], totalCount: this.page.totalCount = 0 } = res.data) |
||||
}) |
||||
) |
||||
}, |
||||
pageChange(index) { |
||||
this.page.currentPage = index |
||||
this.getList() |
||||
}, |
||||
submit() { |
||||
// 保存 |
||||
if (!this.multipleSelection || this.multipleSelection.length < 1) { |
||||
this.$message.error('请选择需要操作的数据') |
||||
return |
||||
} |
||||
|
||||
this.advertisement = Object.assign(this.advertisement, { productList: this.multipleSelection }) |
||||
console.log('---------------', this.advertisement) |
||||
marketingApi.chooseProducts(this.advertisement).then(res => { |
||||
this.$message.success(res.msg) |
||||
this.$emit('closeDialog') |
||||
this.$emit('getList') |
||||
}) |
||||
}, |
||||
close() { |
||||
this.$emit('closeDialog') |
||||
}, |
||||
// 表格搜索 |
||||
userSearchs() { |
||||
this.page.currentPage = 1 |
||||
this.getList() |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style scoped lang="stylus"> |
||||
.treeSel ::v-deep .ivu-select-dropdown-list { |
||||
padding: 0 10px !important; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.tabBox_img { |
||||
width: 36px; |
||||
height: 36px; |
||||
border-radius: 4px; |
||||
cursor: pointer; |
||||
|
||||
img { |
||||
width: 100%; |
||||
height: 100%; |
||||
|
||||
|
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,198 @@ |
||||
<template> |
||||
<div class="article-manager"> |
||||
<div :bordered="false" shadow="never" class="ivu-mt-16"> |
||||
<div class="module"> |
||||
<div class="text mt50">模块设置</div> |
||||
<div class="text-left mt50"></div> |
||||
<el-table row-key="id" class="tab mt14" v-loading="loading" :data="tableData" empty-text="暂无数据"> |
||||
<el-table-column prop="moduleName" label="名称" align="center"></el-table-column> |
||||
|
||||
<el-table-column prop="isReveal" label="显示隐藏" align="center"> |
||||
<template slot-scope="scope"> |
||||
<el-switch |
||||
:active-value="0" |
||||
:inactive-value="1" |
||||
@change="onchangeIsShow(scope.row)" |
||||
v-model="scope.row.isReveal" |
||||
active-color="#13ce66" |
||||
inactive-color="#ff4949" |
||||
> |
||||
</el-switch> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="date" label="操作" align="center"> |
||||
<template slot-scope="scope"> |
||||
<el-button plain type="info" @click="toUp(scope.row)" icon="el-icon-upload2">上移</el-button> |
||||
|
||||
<el-button plain @click="toDown(scope.row, scope)" type="info" icon="el-icon-download">下移</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
<el-row slot="button-group" style="margin-top:5px" v-if="false"> |
||||
<el-col :offset="22"> |
||||
<el-button type="primary" :size="$store.getters.size" @click="submit">提交</el-button> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import marketingApi from '@/api/finance/marketing.js' |
||||
import { loadingFn } from '@/utils/validate' |
||||
export default { |
||||
name: 'product_productClassify', |
||||
components: {}, |
||||
data() { |
||||
return { |
||||
editDialogConfig: { |
||||
visible: false |
||||
}, |
||||
treeSelect: [], |
||||
FromData: null, |
||||
grid: { |
||||
xl: 7, |
||||
lg: 7, |
||||
md: 12, |
||||
sm: 24, |
||||
xs: 24 |
||||
}, |
||||
loading: false, |
||||
|
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
params: { |
||||
type: '1' |
||||
}, |
||||
totalCount: 0 |
||||
}, |
||||
total: 0, |
||||
tableData: [] |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getList() |
||||
}, |
||||
methods: { |
||||
handleCommand(e) {}, |
||||
handleSizeChange(val) { |
||||
this.page.pageSize = val |
||||
this.getList() |
||||
}, |
||||
handleCurrentChange(val) { |
||||
this.page.currentPage = val |
||||
this.getList() |
||||
}, |
||||
// 商品分类； |
||||
goodsCategory() {}, |
||||
// 列表 |
||||
getList() { |
||||
loadingFn.call( |
||||
this, |
||||
'loading', |
||||
marketingApi.getModuleByPage(this.page).then(res => { |
||||
if ((res.code = 20000)) ({ list: this.tableData = [], totalCount: this.page.totalCount = 0 } = res.data) |
||||
}) |
||||
) |
||||
}, |
||||
pageChange(index) { |
||||
this.page.currentPage = index |
||||
this.getList() |
||||
}, |
||||
|
||||
// 修改状态 |
||||
onchangeIsShow(row) { |
||||
console.log(row) |
||||
let data = { |
||||
id: row.id, |
||||
isReveal: row.isReveal |
||||
} |
||||
marketingApi |
||||
.updateModule(data) |
||||
.then(async res => { |
||||
this.$message.success(res.msg) |
||||
this.getList() |
||||
}) |
||||
.catch(res => { |
||||
this.$message.error(res.msg) |
||||
this.getList() |
||||
}) |
||||
}, |
||||
|
||||
// 上移 |
||||
toUp(row, scope) { |
||||
console.log(row) |
||||
this.$alert('请确定将改模块上移！', '提示', { |
||||
confirmButtonText: '确定', |
||||
callback: action => { |
||||
if (action == 'confirm') { |
||||
loadingFn.call( |
||||
this, |
||||
'loading', |
||||
marketingApi.fluctuation(row.id, '1').then(res => { |
||||
if ((res.code = 20000)) { |
||||
this.$message.success('操作成功！') |
||||
this.handleCurrentChange() |
||||
} |
||||
}) |
||||
) |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
// 下移 |
||||
toDown(row, scope) { |
||||
this.$alert('请确定将改模块下移！', '提示', { |
||||
confirmButtonText: '确定', |
||||
callback: action => { |
||||
if (action == 'confirm') { |
||||
loadingFn.call( |
||||
this, |
||||
'loading', |
||||
marketingApi.fluctuation(row.id, '0').then(res => { |
||||
if ((res.code = 20000)) { |
||||
this.$message.success('操作成功！') |
||||
this.handleCurrentChange() |
||||
} |
||||
}) |
||||
) |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
// 表格搜索 |
||||
userSearchs() { |
||||
this.page.currentPage = 1 |
||||
this.getList() |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style> |
||||
.module { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.text { |
||||
font-size: 18px; |
||||
background: #9ea7b4; |
||||
height: 50px; |
||||
text-align: left; |
||||
line-height: 50px; |
||||
padding-left: 50px; |
||||
color: white; |
||||
width: 200px; |
||||
} |
||||
.text-left { |
||||
width: 0; |
||||
height: 0; |
||||
border: 25px solid; |
||||
border-color: transparent transparent transparent #9ea7b4; |
||||
} |
||||
.tab { |
||||
width: 200px; |
||||
background: transparent; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue