Skip to content

E
ElectricitySheep
Commit bf245cbf authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

修改部分样式和功能

parent 69b407fe
Hide whitespace changes
Inline Side-by-side
Showing with 140 additions and 161 deletions
src/components/orderMan/OrderProfitLossList.vue
View file @ bf245cbf
......@@ -3,6 +3,7 @@
<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>
......@@ -10,58 +11,40 @@
<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="请选择" clearable @change='msg.pageIndex=1,getDateList()'>
<el-option
v-for="item in options"
:key="item.ID"
:label="item.Name"
:value="item.ID">
<el-select class="w150" style="margin-left: 10px;" v-model="msg.SupplierId" filterable size="small" placeholder="请选择"
@change="msg.pageIndex=1,getDateList()">
<el-option :key="0" :value="0" label="全部"></el-option>
<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 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" fixed></el-table-column>
<el-table-column label="规格" width="300" >
<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="150" :show-overflow-tooltip='true'></el-table-column>
<el-table-column label="规格" width="100" :show-overflow-tooltip='true'>
<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 label="单价" prop="Unit_Price" width="70"></el-table-column>
<el-table-column label="数量" prop="Number" width="70"></el-table-column>
<el-table-column label="供应商" prop="SupplierName" width="150" :show-overflow-tooltip='true'></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="未收款" >
<el-table-column label="营业收入" align="center" >
<el-table-column label="结算款" prop="Final_Price" width="70"></el-table-column>
<el-table-column label="运费" prop="FreightMoney" width="70"></el-table-column>
<el-table-column label="已收" prop="AllPrice" width="70"></el-table-column>
<el-table-column label="未收款" width="70">
<!--结算款-已收-->
<!--暂时写为0-->
<template slot-scope="scope">
......@@ -69,136 +52,115 @@
<p>0</p>
</template>
</el-table-column>
<el-table-column label="合计数" prop="AllPrice"></el-table-column>
<el-table-column label="合计数" prop="AllPrice" width="70"></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 label="营业成本" align="center">
<el-table-column label="采购成本" prop="CostMoney" width="70"></el-table-column>
<el-table-column label="包装费摊销" prop="PackingMoney" width="70"></el-table-column>
<el-table-column label="快递费" prop="CostFreight" width="70"></el-table-column>
<el-table-column label="商品运费摊销" prop="GoodsFreight" width="70"></el-table-column>
<el-table-column label="一级返佣" prop="OneCommission" width="70"></el-table-column>
<el-table-column label="二级返佣" prop="TwoCommission" width="70"></el-table-column>
<el-table-column label="其他" prop="OtherPrice" width="70"></el-table-column>
<el-table-column label="合计" prop="ALLCommission" width="70"></el-table-column>
</el-table-column>
<el-table-column prop="Paid" label="已付" ></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-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 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 default {
name: "OrderProfitLossList",
data() {
return {
value: '',
msg: {
pageIndex: 1,
pageSize: 10,
SupplierId: 0,
StartDate: '',
EndDate: '',
},
Export(){
let msg = {
SupplierId:this.msg.SupplierId,
StartDate :this.msg.StartDate ,
EndDate :this.msg.EndDate,
options: [],
tableData: [],
count: 0,
loading: false,
}
},
created() {
this.getDateList()
this.getSupplierList()
},
methods: {
getDateList() {
if (this.value != '' && this.value != null) {
this.msg.StartDate = this.value[0];
this.msg.EndDate = this.value[1];
}
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);
}
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='';
})
},
getSupplierList() { //获取供应商接口
this.apipost("/api/Supplier/GetSupplierAllList", {}, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.options = res.data.data;
}
this.msg.pageIndex=1
this.getDateList();
},
}
});
},
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.msg.pageIndex=1;
this.getDateList();
},
}
}
</script>
<style>
.OrderProfitLossList .el-card__header{
.OrderProfitLossList .el-card__header {
display: flex;
flex-direction: row;
align-items: center;
......@@ -206,46 +168,63 @@
background: #fff;
padding: 18px 20px;
}
.OrderProfitLossList .el-button--small{
.OrderProfitLossList .el-button--small {
padding: 9px 15px;
}
.OrderProfitLossList .content .searchInput{
.OrderProfitLossList .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
margin-left: 20px;
}
.OrderProfitLossList .content .searchInput .el-input__inner{
border:none;outline:none;
.OrderProfitLossList .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.OrderProfitLossList .content .searchInput{
.OrderProfitLossList .content .searchInput {
line-height: normal;
display: inline-table;
border-collapse: separate;
border-spacing: 0;
width:250px;
width: 250px;
margin-right: 20px;
}
.OrderProfitLossList .content{
.OrderProfitLossList .content {
background: #fff;
margin-top:10px;
margin-top: 10px;
padding: 15px;
box-sizing: border-box;
}
.OrderProfitLossList .el-icon-date{
.OrderProfitLossList .el-icon-date {
line-height: 24px;
}
.OrderProfitLossList .el-range-separator{
.OrderProfitLossList .el-range-separator {
line-height: 24px;
}
.OrderProfitLossList .just{
.OrderProfitLossList .just {
color: rgb(104, 207, 61)
}
.OrderProfitLossList .negative{
.OrderProfitLossList .negative {
color: red
}
.OrderProfitLossList .el-input__icon {
line-height: 24px;
}
.OrderProfitLossList .el-table td, .el-table th{
padding: 3px 0;
}
.OrderProfitLossList .el-table{
font-size: 13px;
}
</style>
src/components/orderMan/orderList.vue
View file @ bf245cbf
......@@ -147,7 +147,7 @@
</div>
</div>
<div flex="dir:left box:mean" style="width: 300px;">
<div flex="cross:center main:center" style="display: flex;flex-direction: column;align-items: center;">
<div flex="cross:center main:center" style="display: flex;flex-direction: column;align-items: flex-start;">
<span style="">小计：￥{{list.Final_Price}}
<img v-if="item.PaymentTime==''" @click="EditPrice(item,1,list)"
src="../../assets/img/userman/edit1.png" alt="">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment