Browse Source

完善单车返利统计

zhanglei
yunuo970428 4 weeks ago
parent
commit
f0544b113e
  1. 19
      anrui-scm/anrui-scm-ui/src/api/statement/bikeRebateStatistics.js
  2. 29
      anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
  3. 256
      anrui-scm/anrui-scm-ui/src/views/statement/bikeRebateStatistics/bikeRebateStatistics.vue
  4. 99
      anrui-scm/anrui-scm-ui/src/views/statement/bikeRebateStatistics/bikeRebateStatisticsInfo.vue

19
anrui-scm/anrui-scm-ui/src/api/statement/bikeRebateStatistics.js

@ -0,0 +1,19 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(data) {
return request({
url: '/scm/v1/scmvehrebate/statistics',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
getDetail: function(data) {
return request({
url: '/scm/v1/scmvehrebate/getDetail/' + data,
method: 'get'
})
}
}

29
anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js

@ -1083,6 +1083,35 @@ const codemenu = [{
}
]
},
// 报表
{
path: '/statement',
component: Layout,
redirect: '/statement',
meta: {
title: '报表'
},
children: [
{
path: '/statement/bikeRebateStatistics',
component: () => import('@/views/statement/bikeRebateStatistics/bikeRebateStatistics.vue'),
name: 'BikeRebateStatistics',
meta: {
title: '单车返利统计',
noCache: true
}
}
// {
// path: '/statement/rebateSummary',
// component: () => import('@/views/statement/rebateSummary/rebateTypeSummary.vue'),
// name: 'RebateTypeSummary',
// meta: {
// title: '厂家返利汇总',
// noCache: true
// }
// }
]
},
// 流程审批
// 入库管理编辑
{

256
anrui-scm/anrui-scm-ui/src/views/statement/bikeRebateStatistics/bikeRebateStatistics.vue

@ -0,0 +1,256 @@
<template>
<div class="app-container">
<!--列表页面-->
<div v-show="viewState == 1">
<button-bar view-title="单车返利统计" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<!--Start查询列表部分-->
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="事业部">
<el-input v-model="listQuery.params.division" placeholder="" clearable/>
</el-form-item>
<el-form-item label="分公司">
<el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="采购系统">
<el-input v-model="listQuery.params.purchaseSystemName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="品牌">
<el-input v-model="listQuery.params.brandName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="车架号">
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="车型">
<el-input v-model="listQuery.params.vehModelName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="销售日期">
<el-date-picker v-model="listQuery.params.saleDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px"></span>
<el-date-picker v-model="listQuery.params.salesDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="实销日期">
<el-date-picker v-model="listQuery.params.acSaleDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px"></span>
<el-date-picker v-model="listQuery.params.acSaleDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<!--End查询列表部分-->
<div class="listtop">
<div class="tit">单车返利统计列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--Start 主页面主要部分 -->
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column prop="purchaseSystemName" label="采购系统" align="center" width="120" />
<el-table-column prop="vehModelName" label="车型" align="center" min-width="180" />
<el-table-column label="车架号" align="center" width="150">
<template slot-scope="scope">
<span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column prop="saleDate" label="销售日期" align="center" width="120" />
<el-table-column prop="acSaleDate" label="实销日期" align="center" width="120" />
<el-table-column label="返利金额" align="center">
<el-table-column prop="estimateRebate" label="预提" align="center" width="120" />
<el-table-column prop="uploadMoney" label="上传" align="center" width="120" />
<el-table-column prop="secondaryUploadMoney" label="二次上传" align="center" width="120" />
<el-table-column prop="stayDetermineMoney" label="待确定" align="center" width="120" />
<el-table-column prop="adjustmentMoney" label="调整" align="center" width="120" />
<el-table-column prop="notUploadMoney" label="未上传" align="center" width="120" />
</el-table-column>
<el-table-column label="其中费用" align="center">
<el-table-column prop="expectCost" label="预提" align="center" width="120" />
<el-table-column prop="money" label="上传" align="center" width="120" />
</el-table-column>
<el-table-column prop="brandName" label="品牌" align="center" width="120" />
<el-table-column prop="useOrgName" label="分公司" align="center" width="120" />
<el-table-column prop="division" label="事业部" align="center" width="120" />
</el-table>
</div>
<!--End 主页面主要部分-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--End查询列表部分-->
</div>
</div>
<bikeRebateStatisticsInfo v-show="viewState == 2" ref="divInfo" @doback="resetState" />
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import req from '@/api/statement/bikeRebateStatistics'
import bikeRebateStatisticsInfo from './bikeRebateStatisticsInfo'
export default {
name: 'BikeRebateStatistics',
components: {
Pagination,
pageye,
ButtonBar,
bikeRebateStatisticsInfo
},
data() {
return {
btndisabled: false,
btnList: [
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1, // 1 2 3 4
tableKey: 0,
list: [],
sids: [], // SIDs
FormLoading: false,
listLoading: false,
//
listQuery: {
current: 1,
size: 10,
total: 0,
params: {
division: '',
useOrgName: '',
purchaseSystemName: '',
brandName: '',
vinNo: '',
vehModelName: '',
saleDateStart: '',
saleDateEnd: '',
acSaleDateStart: '',
acSaleDateEnd: '',
userSid: '',
orgPath: '',
menuUrl: ''
}
}
}
},
created() {
//
this.getList()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
// sid
handleSelectionChange(row) {
const aa = []
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
//
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
//
getList() {
this.listLoading = true
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => {
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
//
handleFilter() {
this.listQuery.current = 1
this.getList()
},
//
handleReset() {
this.listQuery = {
current: 1,
size: 5,
total: 0,
params: {
division: '',
useOrgName: '',
purchaseSystemName: '',
brandName: '',
vinNo: '',
vehModelName: '',
saleDateStart: '',
saleDateEnd: '',
acSaleDateStart: '',
acSaleDateEnd: '',
userSid: '',
orgPath: '',
menuUrl: ''
}
}
this.getList()
},
toInfo(row) {
this.viewState = 2
this.$refs['divInfo'].showInfo(row)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

99
anrui-scm/anrui-scm-ui/src/views/statement/bikeRebateStatistics/bikeRebateStatisticsInfo.vue

@ -0,0 +1,99 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div style="margin: 0 auto;">{{title}}</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form class="formaddcopy02">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%">
<el-table-column fixed label="序号" type="index" width="80" :index="index + 1" align="center" />
<el-table-column fixed prop="purchaseSystemName" label="采购系统" align="center" width="110" />
<el-table-column prop="vehModelName" label="车型" align="center" width="200" />
<el-table-column fixed prop="vinNo" label="车架号" align="center" width="90" />
<el-table-column prop="rebateTypeValue" label="返利类型" align="center" width="120" />
<el-table-column prop="rebateName" label="返利名称" align="center" width="130" />
<el-table-column prop="palceGenDate" label="所属年月" align="center" width="85" />
<el-table-column label="返利金额" align="center">
<el-table-column prop="estimateRebate" label="预提" align="center" width="100" />
<el-table-column prop="uploadMoney" label="上传" align="center" width="100" />
<el-table-column prop="secondaryUploadMoney" label="二次上传" align="center" width="100" />
<el-table-column prop="stayDetermineMoney" label="待确定" align="center" width="100" />
<el-table-column prop="adjustmentMoney" label="调整" align="center" width="100" />
<el-table-column prop="notUploadMoney" label="未上传" align="center" width="100" />
</el-table-column>
<el-table-column label="其中费用" align="center">
<el-table-column prop="expectCost" label="预提" align="center" width="100" />
<el-table-column prop="money" label="上传" align="center" width="100" />
</el-table-column>
<el-table-column label="日期" align="center">
<el-table-column prop="createTime" label="创建" align="center" width="95" />
<el-table-column prop="withholdingDate" label="预提" align="center" width="95" />
<el-table-column prop="uploadDate" label="上传" align="center" width="95" />
<el-table-column prop="secondaryUploadDate" label="二次上传" align="center" width="95" />
</el-table-column>
<el-table-column label="状态" align="center">
<el-table-column label="流程" align="center" width="70">
<template slot-scope="scope">
<span>{{ scope.row.state == '0' ? '未计提' : scope.row.state == '1' ? '计提中' : scope.row.state == '2' ? '待核对' : scope.row.state == '3' ? '核对中' : scope.row.state == '4' ? '已核对' : '' }}</span>
</template>
</el-table-column>
<el-table-column label="一次核对状态" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.onceCheckState == '1' ? '是' : scope.row.onceCheckState == '0' ? '否' : scope.row.onceCheckState == '2' ? '一次核对中' : '' }}</span>
</template>
</el-table-column>
<el-table-column prop="secondCheckState" label="二次核对" align="center" width="120" />
</el-table-column>
<el-table-column prop="brandName" label="品牌" align="center" width="140" />
<el-table-column prop="createOrgName" label="分公司" align="center" width="150" />
<el-table-column prop="division" label="事业部" align="center" width="150" />
<el-table-column prop="manufactorSettlementPrice" label="车辆入库价" align="center" width="110" />
<el-table-column label="其中" align="center">
<el-table-column prop="freight" label="运费" align="center" width="100" />
<el-table-column prop="topAmount" label="上装" align="center" width="100" />
</el-table-column>
<el-table-column label="返利计算" align="center">
<el-table-column prop="calculationModeValue" label="方式" align="center" width="80" />
<el-table-column prop="calculationStandard" label="标准" align="center" width="100" />
</el-table-column>
<el-table-column prop="remarks" label="备注" align="center" min-width="200" />
</el-table>
</el-form>
</div>
</div>
</template>
<script>
import req from '@/api/statement/bikeRebateStatistics'
export default {
data() {
return {
index: 0,
tableKey: 0,
listLoading: false,
list: [],
title: ''
}
},
methods: {
showInfo(row) {
this.title = '单车返利统计明细'
req.getDetail(row.vehSid).then((resp) => {
if (resp.success) {
this.list = resp.data
}
})
},
handleReturn() {
this.list = []
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>
Loading…
Cancel
Save