product_platform/oms-ui-admin
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

完善统计报表

Browse Source
This commit is contained in:
myTest383
2025-01-08 16:37:27 +08:00
parent 3af321cd03
commit c5e578b943
11 changed files with 499 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/api/statistics/cusmoterSale.js
View File

@@ -4,7 +4,7 @@ export default {
// 查询分页列表 // 查询分页列表
listPage: function(params) { listPage: function(params) {
return request({ return request({
url: '/oms/v1/smssalesbill/listPage', url: '/oms//v1/smssalesbill/customerSales',
method: 'post', method: 'post',
data: params, data: params,
headers: { headers: {
@@ -58,5 +58,20 @@ export default {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}) })
} },
expExcelOfCustomer: function(params) {
return request({
url: '/oms/v1/smssalesbill/customerSalesExport',
method: 'post',
data: params,
// headers: {
// "responseType": "blob" //将二进制流转换成blob对象
// },
headers: {
'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'
},
responseType: 'blob'
})
},
} }

19
src/api/statistics/goodsPurchase.js
View File

@@ -4,7 +4,7 @@ export default {
// 查询分页列表 // 查询分页列表
listPage: function(params) { listPage: function(params) {
return request({ return request({
url: '/oms/v1/smssalesbill/listPage', url: '/oms/apiadmin/purchasebill/goodsPurchase',
method: 'post', method: 'post',
data: params, data: params,
headers: { headers: {
@@ -58,5 +58,20 @@ export default {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}) })
} },
expExcelOfCustomer: function(params) {
return request({
url: '/oms/apiadmin/purchasebill/goodsPurchaseExport',
method: 'post',
data: params,
// headers: {
// "responseType": "blob" //将二进制流转换成blob对象
// },
headers: {
'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'
},
responseType: 'blob'
})
},
} }

18
src/api/statistics/goodsSale.js
View File

@@ -4,7 +4,7 @@ export default {
// 查询分页列表 // 查询分页列表
listPage: function(params) { listPage: function(params) {
return request({ return request({
url: '/oms/v1/smssalesbill/listPage', url: '/oms/v1/smssalesbill/goodsSales',
method: 'post', method: 'post',
data: params, data: params,
headers: { headers: {
@@ -58,5 +58,19 @@ export default {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}) })
} },
expExcelOfCustomer: function(params) {
return request({
url: '/oms/v1/smssalesbill/goodsSalesExport',
method: 'post',
data: params,
// headers: {
// "responseType": "blob" //将二进制流转换成blob对象
// },
headers: {
'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'
},
responseType: 'blob'
})
},
} }

11
src/views/purchase/purchaseOrder/purchaseOrderAdd.vue
View File

@@ -118,9 +118,10 @@
<el-button type="primary" size="mini" @click="deleteGoods(scope.row)">删除</el-button> <el-button type="primary" size="mini" @click="deleteGoods(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="商品编码" prop="goodsSkuCode" width="120" align="center" /> <el-table-column label="商品编码" prop="goodsCode" width="120" align="center" />
<el-table-column label="商品名称" prop="goodsSkuTitle" width="150" align="center" /> <el-table-column label="商品名称" prop="goodsSpuName" width="150" align="center" />
<el-table-column label="规格" prop="goodsSkuOwnSpec" width="120" align="center" /> <el-table-column label="规格型号" prop="goodsSkuTitle" width="120" align="center" />
<el-table-column label="规格编码" prop="goodsSkuCode" width="120" align="center" />
<el-table-column label="单位" prop="unit" width="60" align="center" /> <el-table-column label="单位" prop="unit" width="60" align="center" />
<el-table-column label="采购数量" align="center" prop="count" width="150"> <el-table-column label="采购数量" align="center" prop="count" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
@@ -828,7 +829,9 @@
"sid": value[i].sid != null ? value[i].sid : '', "sid": value[i].sid != null ? value[i].sid : '',
"goodsSkuSid": value[i].sid != null ? value[i].sid : '', "goodsSkuSid": value[i].sid != null ? value[i].sid : '',
"goodsSkuCode": value[i].goodsSkuCode != null ? value[i].goodsSkuCode : '', "goodsSkuCode": value[i].goodsSkuCode != null ? value[i].goodsSkuCode : '',
"goodsSkuTitle": value[i].goodsName != null ? value[i].goodsName : '', "goodsSkuTitle": value[i].title != null ? value[i].title : '',
"goodsCode": value[i].goodsCode != null ? value[i].goodsCode : '',
"goodsSpuName": value[i].goodsName != null ? value[i].goodsName : '',
"goodsSN": value[i].barCode != null ? value[i].barCode : '', "goodsSN": value[i].barCode != null ? value[i].barCode : '',
"goodsSkuOwnSpec": value[i].goodsSkuOwnSpec != null ? value[i].goodsSkuOwnSpec : '', "goodsSkuOwnSpec": value[i].goodsSkuOwnSpec != null ? value[i].goodsSkuOwnSpec : '',
"unit": value[i].unit != null ? value[i].unit : '', "unit": value[i].unit != null ? value[i].unit : '',

7
src/views/purchase/purchaseOrder/purchaseOrderInfo.vue
View File

@@ -80,9 +80,10 @@
</div> </div>
<el-table v-loading="listLoading" :data="formobj.purchaseBillDetailList" border style="width: 100%;"> <el-table v-loading="listLoading" :data="formobj.purchaseBillDetailList" border style="width: 100%;">
<el-table-column fixed width="80" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column fixed width="80" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column label="商品编码" prop="goodsSkuCode" width="150" align="center" /> <el-table-column label="商品编码" prop="goodsCode" width="120" align="center" />
<el-table-column label="商品名称" prop="goodsSkuTitle" width="150" align="center" /> <el-table-column label="商品名称" prop="goodsSpuName" width="150" align="center" />
<el-table-column label="规格" prop="goodsSkuOwnSpec" width="150" align="center" /> <el-table-column label="规格型号" prop="goodsSkuTitle" width="120" align="center" />
<el-table-column label="规格编码" prop="goodsSkuCode" width="120" align="center" />
<el-table-column label="单位" prop="unit" width="120" align="center" /> <el-table-column label="单位" prop="unit" width="120" align="center" />
<el-table-column prop="count" label="采购数量" width="120" align="center" /> <el-table-column prop="count" label="采购数量" width="120" align="center" />
<el-table-column label="数量(pcs)" prop="pcsCount" align="center" width="150" /> <el-table-column label="数量(pcs)" prop="pcsCount" align="center" width="150" />

5
src/views/purchase/purchaseOrder/relation/chooseproducts.vue
View File

@@ -61,8 +61,9 @@
<el-table-column width="50px" type="selection" align="center" /> <el-table-column width="50px" type="selection" align="center" />
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsName" label="商品名称" align="center" /> <el-table-column prop="goodsName" label="商品名称" align="center" />
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" /> <el-table-column prop="goodsCode" label="商品编码" align="center" />
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" /> <el-table-column prop="title" label="规格型号" align="center" />
<el-table-column prop="goodsSkuCode" label="规格编码" align="center" />
<el-table-column prop="unit" label="单位" align="center" /> <el-table-column prop="unit" label="单位" align="center" />
<!-- <el-table-column prop="tagPrice" label="吊牌价" align="center" /> --> <!-- <el-table-column prop="tagPrice" label="吊牌价" align="center" /> -->
<el-table-column prop="cost" label="单价" align="center" /> <el-table-column prop="cost" label="单价" align="center" />

7
src/views/purchase/purchaseReview/index.vue
View File

@@ -137,9 +137,10 @@
<el-tab-pane name="first" label="采购明细"> <el-tab-pane name="first" label="采购明细">
<el-table class="table" :data="goodsDetailList" border style="width: 100%"> <el-table class="table" :data="goodsDetailList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsSkuTitle" label="商品名称" width="120" align="center" /> <el-table-column label="商品编码" prop="goodsCode" width="120" align="center" />
<el-table-column prop="goodsSkuCode" label="商品编码" width="120" align="center" /> <el-table-column label="商品名称" prop="goodsSpuName" width="150" align="center" />
<el-table-column prop="goodsSkuOwnSpec" label="规格" width="120" align="center" /> <el-table-column label="规格型号" prop="goodsSkuTitle" width="120" align="center" />
<el-table-column label="规格编码" prop="goodsSkuCode" width="120" align="center" />
<el-table-column prop="unit" label="单位" align="center" /> <el-table-column prop="unit" label="单位" align="center" />
<el-table-column prop="count" label="数量" width="120" align="center" /> <el-table-column prop="count" label="数量" width="120" align="center" />
<el-table-column label="数量(pcs)" prop="pcsCount" align="center" width="150" /> <el-table-column label="数量(pcs)" prop="pcsCount" align="center" width="150" />

7
src/views/purchase/purchaseReview/purchaseOrderInfo.vue
View File

@@ -80,9 +80,10 @@
</div> </div>
<el-table v-loading="listLoading" :data="formobj.purchaseBillDetailList" border style="width: 100%;"> <el-table v-loading="listLoading" :data="formobj.purchaseBillDetailList" border style="width: 100%;">
<el-table-column fixed width="80" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column fixed width="80" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column label="商品编码" prop="goodsSkuCode" width="150" align="center" /> <el-table-column label="商品编码" prop="goodsCode" width="120" align="center" />
<el-table-column label="商品名称" prop="goodsSkuTitle" width="150" align="center" /> <el-table-column label="商品名称" prop="goodsSpuName" width="150" align="center" />
<el-table-column label="商品规格" prop="goodsSkuOwnSpec" width="150" align="center" /> <el-table-column label="规格型号" prop="goodsSkuTitle" width="120" align="center" />
<el-table-column label="规格编码" prop="goodsSkuCode" width="120" align="center" />
<el-table-column label="单位" prop="unit" width="120" align="center" /> <el-table-column label="单位" prop="unit" width="120" align="center" />
<el-table-column prop="count" label="采购数量" width="120" align="center" /> <el-table-column prop="count" label="采购数量" width="120" align="center" />
<el-table-column label="数量(pcs)" prop="pcsCount" align="center" width="150" /> <el-table-column label="数量(pcs)" prop="pcsCount" align="center" width="150" />

61
src/views/statistics/cusmoterSale/cusmoterSale.vue
View File

@@ -17,7 +17,7 @@
type="date" placeholder="选择日期"></el-date-picker> type="date" placeholder="选择日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="客户编码"> <el-form-item label="客户编码">
<el-input v-model="listQuery.params.warehouseName" placeholder="" clearable /> <el-input v-model="listQuery.params.customerCode" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="客户名称"> <el-form-item label="客户名称">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable /> <el-input v-model="listQuery.params.customerName" placeholder="" clearable />
@@ -39,11 +39,11 @@
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
<el-table-column prop="billNo" label="客户编码" align="center" /> <el-table-column prop="customerCode" label="客户编码" align="center" />
<el-table-column prop="state" label="客户名称" align="center" /> <el-table-column prop="customerName" label="客户名称" align="center" />
<el-table-column prop="createTime" label="销售数量" align="center" /> <el-table-column prop="count" label="销售数量" align="center" />
<el-table-column prop="billTypeValue" label="销售金额" align="center" /> <el-table-column prop="amount" label="销售金额" align="center" />
<el-table-column prop="shopName" label="运费" align="center" /> <el-table-column prop="shippingFee" label="运费" align="center" />
</el-table> </el-table>
</div> </div>
<!--End 主页面主要部分--> <!--End 主页面主要部分-->
@@ -76,6 +76,12 @@
return { return {
btndisabled: false, btndisabled: false,
btnList: [{ btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'build',
btnLabel: '导出'
}, {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
@@ -99,8 +105,6 @@
endDate: '', endDate: '',
cusmoterCode: '', cusmoterCode: '',
customerName: '', customerName: '',
useOrgSid: '',
createOrgSid: '',
} }
} }
} }
@@ -134,6 +138,9 @@
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
case 'build':
this.build()
break
default: default:
break break
} }
@@ -155,8 +162,9 @@
// 查询列表信息 // 查询列表信息
getList() { getList() {
this.listLoading = true this.listLoading = true
this.listQuery.params.useOrgSid = window.sessionStorage.getItem('orgSid') this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.createOrgSid = window.sessionStorage.getItem('orgSid') this.listQuery.params.orgPath = window.sessionStorage.getItem('orgSidPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => { req.listPage(this.listQuery).then(response => {
this.listLoading = false this.listLoading = false
if (response.success) { if (response.success) {
@@ -182,11 +190,8 @@
params: { params: {
startDate: '', startDate: '',
endDate: '', endDate: '',
customerCode: '', cusmoterCode: '',
customerName: '', customerName: '',
warehouseName: '',
useOrgSid: '',
createOrgSid: '',
} }
} }
this.getList() this.getList()
@@ -247,6 +252,34 @@
doClose() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)
},
// 导出
build() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.expExcelOfCustomer(this.listQuery.params).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
})
const fileName = '客户销售统计_' + this.listQuery.params.startDate + '.xlsx'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
} }
} }
} }

215
src/views/statistics/goodsPurchase/goodsPurchase.vue
View File

@@ -8,19 +8,42 @@
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form-item label="下单日期">
<el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker> <el-form-item label="供应商">
<span style="padding: 0 8px">至</span> <el-select v-model="listQuery.params.supplierSid" clearable placeholder="请选择供应商" style="width: 220px;">
<el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" <el-option v-for="item in supplierList" :key="item.sid" :label="item.supplierName" :value="item.sid">
type="date" placeholder="选择日期"></el-date-picker> </el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户编码"> <el-form-item label="仓库">
<el-input v-model="listQuery.params.warehouseName" placeholder="" clearable /> <el-select v-model="listQuery.params.warehouseSid" placeholder="请选择仓库" style="width: 220px;">
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName"
:value="item.sid" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户名称"> <el-form-item label="采购入库日期">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable /> <el-date-picker v-model="listQuery.params.value2" type="daterange" align="right" unlink-panels
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" :picker-options="pickerOptions">
</el-date-picker>
</el-form-item>
<el-form-item label="商品品牌">
<el-select v-model="listQuery.params.brandSid" placeholder="请选择品牌">
<el-option v-for="item in brandList" :key="item.sid" :label="item.brandName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="商品类别">
<el-select v-model="listQuery.params.typeSid" placeholder="请选择类别">
<el-option v-for="item in cateList" :key="item.sid" :label="item.goodsTypeName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="商品名称">
<el-select v-model="listQuery.params.goodsSid" placeholder="请选择商品" style="width: 220px;">
<el-option v-for="item in goodsList" :key="item.goodsSpuSid" :label="item.goodsName"
:value="item.goodsSpuSid" />
</el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
@@ -39,16 +62,16 @@
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
<el-table-column prop="billNo" label="商品编码" align="center" /> <el-table-column prop="goodsCode" label="商品编码" align="center" />
<el-table-column prop="shopName" label="条码" align="center" /> <el-table-column prop="barCode" label="条码" align="center" />
<el-table-column prop="state" label="商品名称" align="center" /> <el-table-column prop="goodsName" label="商品名称" align="center" />
<el-table-column prop="createTime" label="规格编码" align="center" /> <el-table-column prop="goodsSkuCode" label="规格编码" align="center" />
<el-table-column prop="billTypeValue" label="规格型号" align="center" /> <el-table-column prop="title" label="规格型号" align="center" />
<el-table-column prop="shopName" label="商品分类" align="center" /> <el-table-column prop="typeName" label="商品分类" align="center" />
<el-table-column prop="shopName" label="品牌" align="center" /> <el-table-column prop="brandName" label="品牌" align="center" />
<el-table-column prop="shopName" label="数量" align="center" /> <el-table-column prop="count" label="数量" align="center" />
<el-table-column prop="shopName" label="单价" align="center" /> <el-table-column prop="cost" label="单价" align="center" />
<el-table-column prop="shopName" label="金额" align="center" /> <el-table-column prop="amount" label="金额" align="center" />
</el-table> </el-table>
</div> </div>
<!--End 主页面主要部分--> <!--End 主页面主要部分-->
@@ -69,6 +92,13 @@
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import req from '@/api/statistics/goodsPurchase' import req from '@/api/statistics/goodsPurchase'
import req2 from '@/api/goods/brand.js'
import req3 from '@/api/goods/category.js'
import req4 from '@/api/goods/goods.js'
import {
choiceSupplierInfo,
getWarehouses,
} from '@/api/Common/dictcommons'
export default { export default {
name: 'SalesOrder', name: 'SalesOrder',
@@ -81,6 +111,12 @@
return { return {
btndisabled: false, btndisabled: false,
btnList: [{ btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'build',
btnLabel: '导出'
}, {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
@@ -102,22 +138,103 @@
params: { params: {
startDate: '', startDate: '',
endDate: '', endDate: '',
cusmoterCode: '', brandSid: '',
customerName: '', goodsSid: '',
useOrgSid: '', supplierSid: '',
createOrgSid: '', typeSid: '',
warehouseSid: '',
} }
} },
pickerOptions: {
shortcuts: [{
text: '昨天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
picker.$emit('pick', [start, end]);
}
}, {
text: '近7天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
}
}, {
text: '近30天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, ]
},
value1: '',
value2: '',
brandList: [],
cateList: [],
warehouseList: [],
supplierList: [],
goodsList: [],
}
},
watch: {
'listQuery.params.value2'(newVal) {
console.log("value2 ", newVal);
this.listQuery.params.startDate = newVal[0]
this.listQuery.params.endDate = newVal[1]
} }
}, },
created() { created() {
// 初始化变量 // 初始化变量
this.getList() this.getList()
this.init()
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
methods: { methods: {
init() {
choiceSupplierInfo({
createOrgSid: window.sessionStorage.getItem('orgSid')
}).then((resp) => {
if (resp.success) {
this.supplierList = resp.data
console.log("aaaaaa", this.supplierNameList);
}
})
getWarehouses({
orgPath: window.sessionStorage.getItem('orgSidPath'),
}).then((res) => {
if (res.success) {
this.warehouseList = res.data
console.log("aaaaaa", this.warehouseList);
}
})
var parpams = {
orgPath: window.sessionStorage.getItem('orgSid'),
}
req2.getAllBrand(parpams).then(resp => {
this.brandList = resp.data
})
req3.getAllType(parpams).then(resp => {
this.cateList = resp.data
})
req4.getGoodsListAllByOrg(parpams).then(resp => {
this.goodsList = resp.data
})
},
// 搜索条件效果 // 搜索条件效果
clicksearchShow() { clicksearchShow() {
this.isSearchShow = !this.isSearchShow this.isSearchShow = !this.isSearchShow
@@ -139,6 +256,9 @@
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
case 'build':
this.build()
break
default: default:
break break
} }
@@ -160,8 +280,9 @@
// 查询列表信息 // 查询列表信息
getList() { getList() {
this.listLoading = true this.listLoading = true
this.listQuery.params.useOrgSid = window.sessionStorage.getItem('orgSid') this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.createOrgSid = window.sessionStorage.getItem('orgSid') this.listQuery.params.orgPath = window.sessionStorage.getItem('orgSidPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => { req.listPage(this.listQuery).then(response => {
this.listLoading = false this.listLoading = false
if (response.success) { if (response.success) {
@@ -187,11 +308,11 @@
params: { params: {
startDate: '', startDate: '',
endDate: '', endDate: '',
customerCode: '', brandSid: '',
customerName: '', goodsSid: '',
warehouseName: '', supplierSid: '',
useOrgSid: '', typeSid: '',
createOrgSid: '', warehouseSid: '',
} }
} }
this.getList() this.getList()
@@ -252,6 +373,34 @@
doClose() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)
},
// 导出
build() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.expExcelOfCustomer(this.listQuery.params).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
})
const fileName = '商品采购统计_' + this.listQuery.params.startDate + '.xlsx'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
} }
} }
} }

236
src/views/statistics/goodsSale/goodsSale.vue
View File

@@ -8,19 +8,48 @@
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form-item label="下单日期">
<el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" <el-form-item label="供应商">
type="date" placeholder="选择日期"></el-date-picker> <el-select v-model="listQuery.params.supplierSid" clearable placeholder="请选择供应商" style="width: 220px;">
<span style="padding: 0 8px">至</span> <el-option v-for="item in supplierList" :key="item.sid" :label="item.supplierName" :value="item.sid">
<el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" </el-option>
type="date" placeholder="选择日期"></el-date-picker> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户编码"> <el-form-item label="仓库">
<el-input v-model="listQuery.params.warehouseName" placeholder="" clearable /> <el-select v-model="listQuery.params.warehouseSid" placeholder="请选择仓库" style="width: 220px;">
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName"
:value="item.sid" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户名称"> <el-form-item label="采购入库日期">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable /> <el-date-picker v-model="listQuery.params.value2" type="daterange" align="right" unlink-panels
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" :picker-options="pickerOptions">
</el-date-picker>
</el-form-item>
<el-form-item label="商品名称">
<el-select v-model="listQuery.params.goodsSid" placeholder="请选择商品" style="width: 220px;">
<el-option v-for="item in goodsList" :key="item.goodsSpuSid" :label="item.goodsName"
:value="item.goodsSpuSid" />
</el-select>
</el-form-item>
<el-form-item label="商品品牌">
<el-select v-model="listQuery.params.brandSid" placeholder="请选择品牌">
<el-option v-for="item in brandList" :key="item.sid" :label="item.brandName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="商品类别">
<el-select v-model="listQuery.params.typeSid" placeholder="请选择类别">
<el-option v-for="item in cateList" :key="item.sid" :label="item.goodsTypeName" :value="item.sid" />
</el-select>
</el-form-item>
<el-form-item label="商品数量">
<el-input v-model="listQuery.params.count" placeholder="销售/退货大于" clearable />
</el-form-item>
<el-form-item label="停用商品">
<el-radio v-model="listQuery.params.state" :label="1">显示</el-radio>
<el-radio v-model="listQuery.params.state" :label="0">不显示</el-radio>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
@@ -39,20 +68,20 @@
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
<el-table-column prop="billNo" label="商品编码" align="center" /> <el-table-column prop="goodsCode" label="商品编码" align="center" />
<el-table-column prop="state" label="商品名称" align="center" /> <el-table-column prop="goodsName" label="商品名称" align="center" />
<el-table-column prop="createTime" label="规格编码" align="center" /> <el-table-column prop="goodsCode" label="规格编码" align="center" />
<el-table-column prop="billTypeValue" label="规格型号" align="center" /> <el-table-column prop="goodsSkuCode" label="规格型号" align="center" />
<el-table-column prop="shopName" label="条码" align="center" /> <el-table-column prop="barCode" label="条码" align="center" />
<el-table-column prop="shopName" label="商品分类" align="center" /> <el-table-column prop="typeName" label="商品分类" align="center" />
<el-table-column prop="shopName" label="品牌" align="center" /> <el-table-column prop="brandName" label="品牌" align="center" />
<el-table-column prop="shopName" label="数量" align="center" /> <el-table-column prop="count" label="数量" align="center" />
<el-table-column prop="shopName" label="平均单价" align="center" /> <el-table-column prop="averageCost" label="平均销售单价" align="center" />
<el-table-column prop="shopName" label="金额" align="center" /> <el-table-column prop="amount" label="销售金额" align="center" />
<el-table-column prop="shopName" label="成本单价" align="center" /> <el-table-column prop="cbdPrice" label="平均成本单价" align="center" />
<el-table-column prop="shopName" label="成本" align="center" /> <el-table-column prop="cbPrice" label="成本合计" align="center" />
<el-table-column prop="shopName" label="毛利率" align="center" /> <el-table-column prop="mll" label="毛利率" align="center" />
<el-table-column prop="shopName" label="毛利" align="center" /> <el-table-column prop="ml" label="毛利" align="center" />
</el-table> </el-table>
</div> </div>
<!--End 主页面主要部分--> <!--End 主页面主要部分-->
@@ -72,7 +101,15 @@
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import req from '@/api/statistics/cusmoterSale' import req from '@/api/statistics/goodsSale'
import req2 from '@/api/goods/brand.js'
import req3 from '@/api/goods/category.js'
import req4 from '@/api/goods/goods.js'
import {
choiceSupplierInfo,
getWarehouses,
} from '@/api/Common/dictcommons'
export default { export default {
name: 'SalesOrder', name: 'SalesOrder',
@@ -85,6 +122,12 @@
return { return {
btndisabled: false, btndisabled: false,
btnList: [{ btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'build',
btnLabel: '导出'
}, {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
@@ -106,22 +149,105 @@
params: { params: {
startDate: '', startDate: '',
endDate: '', endDate: '',
cusmoterCode: '', supplierSid: '',
customerName: '', warehouseSid: '',
useOrgSid: '', goodsSid: '',
createOrgSid: '', brandSid: '',
typeSid: '',
count: '',
state: 1,
} }
} },
pickerOptions: {
shortcuts: [{
text: '昨天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
picker.$emit('pick', [start, end]);
}
}, {
text: '近7天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
}
}, {
text: '近30天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, ]
},
value1: '',
value2: '',
brandList: [],
cateList: [],
warehouseList: [],
supplierList: [],
goodsList: [],
}
},
watch: {
'listQuery.params.value2'(newVal) {
console.log("value2 ", newVal);
this.listQuery.params.startDate = newVal[0]
this.listQuery.params.endDate = newVal[1]
} }
}, },
created() { created() {
// 初始化变量 // 初始化变量
this.getList() this.getList()
this.init()
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
methods: { methods: {
init() {
choiceSupplierInfo({
createOrgSid: window.sessionStorage.getItem('orgSid')
}).then((resp) => {
if (resp.success) {
this.supplierList = resp.data
console.log("aaaaaa", this.supplierNameList);
}
})
getWarehouses({
orgPath: window.sessionStorage.getItem('orgSidPath'),
}).then((res) => {
if (res.success) {
this.warehouseList = res.data
console.log("aaaaaa", this.warehouseList);
}
})
var parpams = {
orgPath: window.sessionStorage.getItem('orgSid'),
}
req2.getAllBrand(parpams).then(resp => {
this.brandList = resp.data
})
req3.getAllType(parpams).then(resp => {
this.cateList = resp.data
})
req4.getGoodsListAllByOrg(parpams).then(resp => {
this.goodsList = resp.data
})
},
// 搜索条件效果 // 搜索条件效果
clicksearchShow() { clicksearchShow() {
this.isSearchShow = !this.isSearchShow this.isSearchShow = !this.isSearchShow
@@ -143,6 +269,9 @@
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
case 'build':
this.build()
break
default: default:
break break
} }
@@ -164,8 +293,9 @@
// 查询列表信息 // 查询列表信息
getList() { getList() {
this.listLoading = true this.listLoading = true
this.listQuery.params.useOrgSid = window.sessionStorage.getItem('orgSid') this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.createOrgSid = window.sessionStorage.getItem('orgSid') this.listQuery.params.orgPath = window.sessionStorage.getItem('orgSidPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => { req.listPage(this.listQuery).then(response => {
this.listLoading = false this.listLoading = false
if (response.success) { if (response.success) {
@@ -191,11 +321,13 @@
params: { params: {
startDate: '', startDate: '',
endDate: '', endDate: '',
customerCode: '', supplierSid: '',
customerName: '', warehouseSid: '',
warehouseName: '', goodsSid: '',
useOrgSid: '', brandSid: '',
createOrgSid: '', typeSid: '',
count: '',
state: 1,
} }
} }
this.getList() this.getList()
@@ -256,6 +388,34 @@
doClose() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)
},
// 导出
build() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.expExcelOfCustomer(this.listQuery.params).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
})
const fileName = '商品销售统计_' + this.listQuery.params.startDate + '.xlsx'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
} }
} }
} }