Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
ElectricitySheep
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
黄媛媛
ElectricitySheep
Commits
150763d5
Commit
150763d5
authored
Jun 19, 2020
by
黄奎
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://gitlab.oytour.com/huangyuanyuan/electricitysheep
parents
1710f0e8
e8ac33de
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
256 additions
and
1 deletion
+256
-1
OrderProfitLossList.vue
src/components/orderMan/OrderProfitLossList.vue
+250
-0
index.js
src/router/index.js
+6
-1
No files found.
src/components/orderMan/OrderProfitLossList.vue
0 → 100644
View file @
150763d5
<
template
>
<div
class=
"OrderProfitLossList"
>
<div
class=
"el-card__header"
>
<span>
损益核算
</span>
<div
style=
"display: flex;flex-direction: row;align-items: center"
>
<el-button
type=
"primary"
class=
"el-button--small"
@
click=
"Export"
>
导出全部
</el-button>
</div>
</div>
<div
class=
"content"
>
<div
style=
"display: flex;flex-direction: row;align-items: center"
>
<span>
供应商
</span>
<el-select
class=
"w150"
style=
"margin-left: 10px;"
v-model=
"SupplierId"
size=
"small"
placeholder=
"请选择"
@
change=
'getDateList'
>
<el-option
v-for=
"item in options"
:key=
"item.ID"
:label=
"item.Name"
:value=
"item.ID"
>
</el-option>
</el-select>
<div
class=
"block"
style=
"margin-left: 10px;"
>
<el-date-picker
style=
"padding: 3px 10px;width: 380px;height: 32px"
v-model=
"value"
type=
"daterange"
range-separator=
"至"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
value-format=
"yyyy-MM-dd"
@
change=
"change"
align=
"right"
>
</el-date-picker>
</div>
</div>
</div>
<div
style=
"padding: 20px;background: #fff;margin-top: 10px"
>
<el-table
:data=
"tableData"
v-loading=
"loading"
header-cell-class-name=
"headClass"
style=
"width: 100%"
border
>
<el-table-column
label=
"商品信息"
align=
"center"
>
<el-table-column
label=
"订单号"
prop=
"OrderNo"
width=
"200"
></el-table-column>
<el-table-column
label=
"规格"
width=
"300"
>
<template
slot-scope=
"scope"
>
{{
scope
.
row
.
GoodsName
}}{{
scope
.
row
.
Specification
}}
<!--
<p
v-for=
"(item,index) in scope.row.Specification "
:key=
"index"
>
{{
item
}}
</p>
-->
</
template
>
</el-table-column>
<el-table-column
label=
"单价"
prop=
"Unit_Price"
></el-table-column>
<el-table-column
label=
"数量"
prop=
"Number"
></el-table-column>
<el-table-column
label=
"供应商"
prop=
"SupplierName"
></el-table-column>
</el-table-column>
<el-table-column
label=
"营业收入"
align=
"center"
>
<el-table-column
label=
"结算款"
prop=
"Final_Price"
></el-table-column>
<el-table-column
label=
"运费"
prop=
"FreightMoney"
></el-table-column>
<el-table-column
label=
"已收"
prop=
"AllPrice"
></el-table-column>
<el-table-column
label=
"未收款"
>
<!--结算款-已收-->
<!--暂时写为0-->
<
template
slot-scope=
"scope"
>
<!--
<p>
{{
scope
.
row
.
Final_Price
-
scope
.
row
.
FreightMoney
}}
</p>
-->
<p>
0
</p>
</
template
>
</el-table-column>
<el-table-column
label=
"合计数"
prop=
"AllPrice"
></el-table-column>
</el-table-column>
<el-table-column
label=
"营业成本"
align=
"center"
>
<el-table-column
label=
"采购成本"
prop=
"CostMoney"
></el-table-column>
<el-table-column
label=
"包装费摊销"
prop=
"PackingMoney"
></el-table-column>
<el-table-column
label=
"快递费"
prop=
"CostFreight"
></el-table-column>
<el-table-column
label=
"商品运费摊销"
prop=
"GoodsFreight"
></el-table-column>
<el-table-column
label=
"一级返佣"
prop=
"OneCommission"
></el-table-column>
<el-table-column
label=
"二级返佣"
prop=
"TwoCommission"
></el-table-column>
<el-table-column
label=
"其他"
prop=
"OtherPrice"
></el-table-column>
<el-table-column
label=
"合计"
prop=
"ALLCommission"
></el-table-column>
</el-table-column>
<el-table-column
prop=
"Paid"
label=
"已付"
></el-table-column>
<el-table-column
prop=
"NoPaid"
label=
"应付"
></el-table-column>
<el-table-column
prop=
"GrossProfit"
label=
"毛利"
></el-table-column>
<el-table-column
prop=
"GrossProfitRate"
label=
"毛利率"
></el-table-column>
</el-table>
<el-pagination
style=
"text-align:right"
background
@
current-change=
"handleCurrentChange"
:page-size=
"msg.pageSize"
layout=
"prev, pager, next"
:total=
"count"
>
</el-pagination>
</div>
</div>
</template>
<
script
>
export
default
{
name
:
"OrderProfitLossList"
,
data
(){
return
{
value
:
''
,
msg
:{
pageIndex
:
1
,
pageSize
:
10
,
SupplierId
:
0
,
StartDate
:
''
,
EndDate
:
''
,
},
SupplierId
:
""
,
options
:[],
tableData
:[],
count
:
0
,
loading
:
false
,
}
},
created
(){
this
.
getDateList
()
this
.
getSupplierList
()
},
methods
:{
getDateList
(){
if
(
this
.
value
!=
''
){
this
.
msg
.
StartDate
=
this
.
value
[
0
];
this
.
msg
.
EndDate
=
this
.
value
[
1
];
}
if
(
this
.
SupplierId
!=
''
){
this
.
msg
.
SupplierId
=
this
.
SupplierId
}
else
{
this
.
msg
.
SupplierId
=
0
}
this
.
loading
=
true
;
this
.
apipost
(
"/api/Statistics/GetOrderProfitLossList"
,
this
.
msg
,
res
=>
{
this
.
loading
=
false
;
if
(
res
.
data
.
resultCode
==
1
){
this
.
tableData
=
res
.
data
.
data
.
pageData
;
this
.
count
=
res
.
data
.
data
.
count
;
}
else
{
this
.
Info
(
res
.
data
.
message
);
}
})
},
getSupplierList
(){
//获取供应商接口
this
.
apipost
(
"/api/Supplier/GetSupplierAllList"
,
{},
res
=>
{
this
.
loading
=
false
;
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
options
=
res
.
data
.
data
;
}
});
},
Export
(){
let
msg
=
{
SupplierId
:
this
.
msg
.
SupplierId
,
StartDate
:
this
.
msg
.
StartDate
,
EndDate
:
this
.
msg
.
EndDate
,
}
msg
=
JSON
.
parse
(
JSON
.
stringify
(
msg
));
this
.
GetLocalFile
(
"/api/Statistics/GetOrderProfitLossExcel"
,
msg
,
"损益核算.xls"
);
},
handleCurrentChange
(
val
)
{
this
.
msg
.
pageIndex
=
val
;
this
.
getDateList
();
},
change
(
val
){
if
(
val
==
null
){
this
.
value
=
''
;
this
.
msg
.
StartDate
=
''
;
this
.
msg
.
EndDate
=
''
;
}
this
.
getDateList
();
},
}
}
</
script
>
<
style
>
.OrderProfitLossList
.el-card__header
{
display
:
flex
;
flex-direction
:
row
;
align-items
:
center
;
justify-content
:
space-between
;
background
:
#fff
;
padding
:
18px
20px
;
}
.OrderProfitLossList
.el-button--small
{
padding
:
9px
15px
;
}
.OrderProfitLossList
.content
.searchInput
{
border
:
1px
solid
#DCDFE6
;
border-radius
:
4px
;
margin-left
:
20px
;
}
.OrderProfitLossList
.content
.searchInput
.el-input__inner
{
border
:
none
;
outline
:
none
;
height
:
30px
;
line-height
:
30px
;
}
.OrderProfitLossList
.content
.searchInput
{
line-height
:
normal
;
display
:
inline-table
;
border-collapse
:
separate
;
border-spacing
:
0
;
width
:
250px
;
margin-right
:
20px
;
}
.OrderProfitLossList
.content
{
background
:
#fff
;
margin-top
:
10px
;
padding
:
15px
;
box-sizing
:
border-box
;
}
.OrderProfitLossList
.el-icon-date
{
line-height
:
24px
;
}
.OrderProfitLossList
.el-range-separator
{
line-height
:
24px
;
}
.OrderProfitLossList
.just
{
color
:
rgb
(
104
,
207
,
61
)
}
.OrderProfitLossList
.negative
{
color
:
red
}
.OrderProfitLossList
.el-input__icon
{
line-height
:
24px
;
}
</
style
>
src/router/index.js
View file @
150763d5
...
...
@@ -367,7 +367,12 @@ export default new Router({
name
:
'financialAllocation'
,
component
:
resolve
=>
require
([
'@/components/orderMan/financialAllocation'
],
resolve
),
},
// 订单管理 损益核算
{
path
:
'/OrderProfitLossList'
,
name
:
'OrderProfitLossList'
,
component
:
resolve
=>
require
([
'@/components/orderMan/OrderProfitLossList'
],
resolve
),
},
//设置 基础设置
{
path
:
'/basicSetUp'
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment