Skip to content

S
SuperMan
Commit db13d9c3 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent bbb225c0
Hide whitespace changes
Inline Side-by-side
Showing with 1253 additions and 1052 deletions
src/components/FinancialModule/FinancialDocuments.vue
View file @ db13d9c3
...@@ -1959,7 +1959,6 @@ export default { ...@@ -1959,7 +1959,6 @@ export default {
path = 'addFinancialGZDocuments' path = 'addFinancialGZDocuments'
this.$router.push({ name: path,query:{"FrID":id,"edit":1,blank:'y',tab:'修改财务单据'} }) this.$router.push({ name: path,query:{"FrID":id,"edit":1,blank:'y',tab:'修改财务单据'} })
} }
// this.$router.push({ name: path,query:{"type":type,"FrID":id,"edit":edit,"Conditon":Conditon,"pageIndex":pageIndex,blank:'y',tab:'修改财务单据'} })
}, },
showjiaoyi(FrId){//弹出交易方式修改 showjiaoyi(FrId){//弹出交易方式修改
this.apipost('Financial_get_GetFinanceTrabeList', {FrId:FrId}, res => { this.apipost('Financial_get_GetFinanceTrabeList', {FrId:FrId}, res => {
...@@ -1973,7 +1972,6 @@ export default { ...@@ -1973,7 +1972,6 @@ export default {
} }
}) })
}) })
console.log(this.alltransaction,'ssssss')
this.transactionmode = true this.transactionmode = true
} }
}, err => {}) }, err => {})
......
src/components/FinancialModule/ReportForm/dianshangannualRatio.vue
View file @ db13d9c3
<template> <template>
<div class="dianshangannualRatio" ref="barparent"> <div class="dianshangannualRatio" ref="barparent">
<div class="el-card__header"> <div class="el-card__header">
<span>电商年度比数据</span> <span>电商年度比数据</span>
<div style="display: flex;flex-direction: row;align-items: center"> <div style="display: flex;flex-direction: row;align-items: center">
<!----> <!---->
<el-button type="primary" class="el-button--small" @click="Export">导出全部</el-button> <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">
<div class="block">
<el-date-picker v-model="msg.StartYear" type="year" format='yyyy' value-format="yyyy" @change='getmonth'
:clearable='false' placeholder="选择开始年">
</el-date-picker>
<span style="margin: 0 10px;">-</span>
<el-date-picker v-model="msg.EndYear" type="year" format='yyyy' value-format="yyyy" @change='getmonth'
:clearable='false' placeholder="选择结束年">
</el-date-picker>
</div> </div>
</div> </div>
<div class="content">
<div style="display: flex;flex-direction: row;align-items: center">
<div class="block">
<el-date-picker
v-model="msg.StartYear"
type="year"
format='yyyy'
value-format="yyyy"
@change='getmonth'
:clearable='false'
placeholder="选择开始年">
</el-date-picker>
<span style="margin: 0 10px;">-</span>
<el-date-picker
v-model="msg.EndYear"
type="year"
format='yyyy'
value-format="yyyy"
@change='getmonth'
:clearable='false'
placeholder="选择结束年">
</el-date-picker>
</div>
</div>
<div style="padding: 15px ;background: #FFF;margin-bottom: 50px;">
<!-- 第一张 -->
<div style="width: 100%;" class="tablestyle" v-if='YearSList && YearSList.length>0 '>
<div style="width: 150px;">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}">
<tr>
<td style="width: 150px;">年份</td>
</tr>
<tr v-for='(x,y) in leftData' :key='y'>
<td class="qthuanbicheng">{{x.Name}}</td>
</tr>
</table>
</div>
<div style="width:1px; overflow-x:scroll;flex:1">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
:style="{width: YearSListwidth+'px'}">
<tr>
<td style="font-size: 12px;" v-for='(x,y) in YearSList' :key='y' @click='goyearurl(x)'>{{x.Date}}</td>
</tr>
<tr v-for='(item,index) in leftData' :key='index'>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;"
v-for='(x,y) in YearSList' :key='y'>
<span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}</span>
</td>
</tr>
</table>
</div> </div>
</div> </div>
<div style="padding: 15px ;background: #FFF;margin-bottom: 50px;" > <!-- 第二张 -->
<div style="width: 100%;" class="tablestyle" v-if='YearAvgSList && YearAvgSList.length>0 && type == 0'>
<div style="width: 150px;">
<!-- 第一张 --> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}">
<div style="width: 100%;" class="tablestyle" v-if='YearSList && YearSList.length>0 '> <tr>
<div style="width: 150px;"> <td style="width: 150px;">年份</td>
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}"> </tr>
<tr > <td style="width: 150px;">年份</td> </tr> <tr v-for='(x,y) in leftData_t' :key='y'>
<tr v-for='(x,y) in leftData' :key = 'y'> <td class="qthuanbicheng">{{x.Name}}</td></tr> <td class="qthuanbicheng">{{x.Name}}</td>
</table> </tr>
</div> </table>
<div style="width:1px; overflow-x:scroll;flex:1" >
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: YearSListwidth+'px'}">
<tr > <td style="font-size: 12px;" v-for='(x,y) in YearSList' :key = 'y' @click='goyearurl(x)'>{{x.Date}}</td></tr>
<tr v-for='(item,index) in leftData' :key = 'index'>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;" v-for='(x,y) in YearSList' :key = 'y' >
<span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}</span>
</td>
</tr>
</table>
</div>
</div> </div>
<!-- 第二张 --> <div style="width:1px; overflow-x:scroll;flex:1">
<div style="width: 100%;" class="tablestyle" v-if='YearAvgSList && YearAvgSList.length>0 && type == 0'> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
<div style="width: 150px;"> :style="{width: YearSListwidth+'px'}">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}"> <tr>
<tr > <td style="width: 150px;">年份</td> </tr> <td style="font-size: 12px;" v-for='(x,y) in YearAvgSList' :key='y' @click='goyearurl(x)'>{{x.Date}}</td>
<tr v-for='(x,y) in leftData_t' :key = 'y'> <td class="qthuanbicheng">{{x.Name}}</td></tr> </tr>
</table> <tr v-for='(item,index) in leftData_t' :key='index'>
</div> <td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;"
<div style="width:1px; overflow-x:scroll;flex:1" > v-for='(x,y) in YearAvgSList' :key='y'>
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: YearSListwidth+'px'}"> <span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}</span>
<tr > <td style="font-size: 12px;" v-for='(x,y) in YearAvgSList' :key = 'y' @click='goyearurl(x)'>{{x.Date}}</td></tr> </td>
<tr v-for='(item,index) in leftData_t' :key = 'index'> </tr>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;" v-for='(x,y) in YearAvgSList' :key = 'y' > </table>
<span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}</span>
</td>
</tr>
</table>
</div>
</div> </div>
<!-- 第三张 --> </div>
<div style="width: 100%;display: flex;" v-if='YearRateSList && YearRateSList.length>0 && type == 0'> <!-- 第三张 -->
<div style="width: 150px;"> <div style="width: 100%;display: flex;" v-if='YearRateSList && YearRateSList.length>0 && type == 0'>
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}"> <div style="width: 150px;">
<tr > <td style="width: 150px;">年份</td> </tr> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}">
<tr v-for='(x,y) in leftData_tr' :key = 'y'> <td class="qthuanbicheng">{{x.Name}}</td></tr> <tr>
</table> <td style="width: 150px;">年份</td>
</div> </tr>
<div style="width:1px; overflow-x:scroll;flex:1" > <tr v-for='(x,y) in leftData_tr' :key='y'>
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: YearSListwidth+'px'}"> <td class="qthuanbicheng">{{x.Name}}</td>
<tr > <td style="font-size: 12px;" v-for='(x,y) in YearRateSList' :key = 'y' @click='goyearurl(x)'>{{x.Date}}</td></tr> </tr>
<tr v-for='(item,index) in leftData_tr' :key = 'index'> </table>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;" v-for='(x,y) in YearRateSList' :key = 'y'> </div>
<span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}%</span> <div style="width:1px; overflow-x:scroll;flex:1">
</td> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
</tr> :style="{width: YearSListwidth+'px'}">
</table> <tr>
</div> <td style="font-size: 12px;" v-for='(x,y) in YearRateSList' :key='y' @click='goyearurl(x)'>{{x.Date}}</td>
</tr>
<tr v-for='(item,index) in leftData_tr' :key='index'>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;"
v-for='(x,y) in YearRateSList' :key='y'>
<span
:style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}%</span>
</td>
</tr>
</table>
</div> </div>
</div>
<div v-if='type ==1' style="display: flex;align-items: flex-start;"> <div v-if='type ==1' style="display: flex;align-items: flex-start;">
<!-- 第二张 --> <!-- 第二张 -->
<div style="width: 100%;" class="tablestyle" v-if='YearAvgSList && YearAvgSList.length>0 '> <div style="width: 100%;" class="tablestyle" v-if='YearAvgSList && YearAvgSList.length>0 '>
<div style="width: 150px;"> <div style="width: 150px;">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}"> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
<tr > <td style="width: 150px;">年份</td> </tr> :style="{width: '150px'}">
<tr v-for='(x,y) in leftData_t' :key = 'y'> <td class="qthuanbicheng">{{x.Name}}</td></tr> <tr>
<td style="width: 150px;">年份</td>
</tr>
<tr v-for='(x,y) in leftData_t' :key='y'>
<td class="qthuanbicheng">{{x.Name}}</td>
</tr>
</table> </table>
</div> </div>
<div style="width:1px; overflow-x:scroll;flex:1" > <div style="width:1px; overflow-x:scroll;flex:1">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: YearSListwidth+'px'}"> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
<tr > <td style="font-size: 12px;" v-for='(x,y) in YearAvgSList' :key = 'y' @click='goyearurl(x)'>{{x.Date}}</td></tr> :style="{width: YearSListwidth+'px'}">
<tr v-for='(item,index) in leftData_t' :key = 'index'> <tr>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;" v-for='(x,y) in YearAvgSList' :key = 'y' > <td style="font-size: 12px;" v-for='(x,y) in YearAvgSList' :key='y' @click='goyearurl(x)'>{{x.Date}}
<span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}</span> </td>
</td> </tr>
</tr> <tr v-for='(item,index) in leftData_t' :key='index'>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;"
v-for='(x,y) in YearAvgSList' :key='y'>
<span
:style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}</span>
</td>
</tr>
</table> </table>
</div> </div>
</div> </div>
<!-- 第三张 --> <!-- 第三张 -->
<div style="width: 100%;display: flex;" v-if='YearRateSList && YearRateSList.length>0 '> <div style="width: 100%;display: flex;" v-if='YearRateSList && YearRateSList.length>0 '>
<div style="width: 150px;"> <div style="width: 150px;">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}"> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
<tr > <td style="width: 150px;">年份</td> </tr> :style="{width: '150px'}">
<tr v-for='(x,y) in leftData_tr' :key = 'y'> <td class="qthuanbicheng">{{x.Name}}</td></tr> <tr>
<td style="width: 150px;">年份</td>
</tr>
<tr v-for='(x,y) in leftData_tr' :key='y'>
<td class="qthuanbicheng">{{x.Name}}</td>
</tr>
</table> </table>
</div> </div>
<div style="width:1px; overflow-x:scroll;flex:1" > <div style="width:1px; overflow-x:scroll;flex:1">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: YearSListwidth+'px'}"> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
<tr > <td style="font-size: 12px;" v-for='(x,y) in YearRateSList' :key = 'y' @click='goyearurl(x)'>{{x.Date}}</td></tr> :style="{width: YearSListwidth+'px'}">
<tr v-for='(item,index) in leftData_tr' :key = 'index'> <tr>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;" v-for='(x,y) in YearRateSList' :key = 'y' > <td style="font-size: 12px;" v-for='(x,y) in YearRateSList' :key='y' @click='goyearurl(x)'>{{x.Date}}
<span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}%</span> </td>
</td> </tr>
</tr> <tr v-for='(item,index) in leftData_tr' :key='index'>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;"
v-for='(x,y) in YearRateSList' :key='y'>
<span
:style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}%</span>
</td>
</tr>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</template>
<script>
export default { </div>
name: "dianshangannualRatio",
</template>
data() {
return { <script>
value: '', export default {
tableHeight: window.innerHeight - 50 - 41 - 69 -74 - 30, //窗口的高度减去你需要减去的高度 name: "dianshangannualRatio",
tablewidth:window.innerWidth - 124,//等到表格的宽度
msg: { data() {
StartYear:'',//开始年 return {
EndYear:'', value: '',
}, tableHeight: window.innerHeight - 50 - 41 - 69 - 74 - 30, //窗口的高度减去你需要减去的高度
loading: false, tablewidth: window.innerWidth - 124, //等到表格的宽度
YearSList:[], msg: {
YearSListwidth:0, StartYear: '', //开始年
leftData:[ EndYear: '',
{Name:'付款人数',DataObj:'PeopleNum'}, },
{Name:'付款单数',DataObj:'OrderNum'}, loading: false,
{Name:'付款金额',DataObj:'PayMoney'}, YearSList: [],
{Name:'购买件数',DataObj:'BuyNum'}, YearSListwidth: 0,
{Name:'会员数',DataObj:'TotalPayPeople'}, leftData: [{
{Name:'总付款人数',DataObj:'MAvgPeopleNum'}, Name: '付款人数',
{Name:'毛利',DataObj:'Profit'}, DataObj: 'PeopleNum'
{Name:'普象',DataObj:'PXNum'}, },
{Name:'VIP',DataObj:'VipNum'}, {
{Name:'银象',DataObj:'YXNum'}, Name: '付款单数',
{Name:'金象',DataObj:'JXNum'}, DataObj: 'OrderNum'
{Name:'会员总数',DataObj:'TotalMNum'}, },
], {
YearAvgSList:[], Name: '付款金额',
YearAvgSListwidth:0, DataObj: 'PayMoney'
leftData_t:[ },
{Name:'平均付款人数(天)',DataObj:'MAvgPeopleNum'}, {
{Name:'平均付款单数',DataObj:'MAvgOrderNum'}, Name: '购买件数',
{Name:'平均付款金额',DataObj:'MAvgPayMoney'}, DataObj: 'BuyNum'
{Name:'平均付款件数',DataObj:'MAvgBuyNum'}, },
{Name:'平均每人购买单数',DataObj:'PAvgOrderNum'}, {
{Name:'平均每人购买件数',DataObj:'PAvgBuyNum'}, Name: '会员数',
{Name:'平均每单单价',DataObj:'PAvgBuyPrice'}, DataObj: 'TotalPayPeople'
{Name:'平均每人购买单价',DataObj:'PAvgUnitPrice'}, },
{Name:'平均会员数',DataObj:'PAvgMemberNum'}, {
{Name:'平均累计人数(月)',DataObj:'PAvgPaymentNum'}, Name: '总付款人数',
{Name:'平均会员下订单转换率',DataObj:'PAvgMOrderRate'}, DataObj: 'MAvgPeopleNum'
{Name:'平均复购人数',DataObj:'PAvgReBuyNum'}, },
{Name:'平均复购率',DataObj:'PAvgReBuyRate'}, {
{Name:'平均新人下单',DataObj:'PAvgNewPeopleNum'}, Name: '毛利',
{Name:'毛利率',DataObj:'PAvgProfitRate'}, DataObj: 'Profit'
], },
YearRateSList:[], {
YearRateSListwidth:0, Name: '普象',
leftData_tr:[ DataObj: 'PXNum'
{Name:'平均付款人数成长率',DataObj:'MAvgPeopleNum'}, },
{Name:'平均付款单数成长率',DataObj:'MAvgOrderNum'}, {
{Name:'平均付款金额成长率(天)',DataObj:'MAvgPayMoney'}, Name: 'VIP',
{Name:'平均付款件数成长率',DataObj:'MAvgBuyNum'}, DataObj: 'VipNum'
{Name:'平均每人购买单数成长率',DataObj:'PAvgOrderNum'}, },
{Name:'平均每人购买件数成长率',DataObj:'PAvgBuyNum'}, {
{Name:'平均每单单价成长率',DataObj:'PAvgUnitPrice'}, Name: '银象',
{Name:'平均每人购买单价成长率',DataObj:'PAvgBuyPrice'}, DataObj: 'YXNum'
{Name:'毛利成长率',DataObj:'PAvgProfit'}, },
{Name:'会员下订单成长率',DataObj:'PAvgMOrderRate'}, {
{Name:'普象会员成长率',DataObj:'PAvgPXNum'}, Name: '金象',
{Name:'VIP会员成长率',DataObj:'PAvgVipNum'}, DataObj: 'JXNum'
{Name:'银象会员成长率',DataObj:'PAvgYXNum'}, },
{Name:'金象会员成长率',DataObj:'PAvgJXNum'}, {
{Name:'会员成长率',DataObj:'PAvgTotalMNum'}, Name: '会员总数',
], DataObj: 'TotalMNum'
parentClientWidth:0, },
type:0, ],
} YearAvgSList: [],
}, YearAvgSListwidth: 0,
mounted(){ leftData_t: [{
Name: '平均付款人数(天)',
DataObj: 'MAvgPeopleNum'
},
{
Name: '平均付款单数',
DataObj: 'MAvgOrderNum'
},
{
Name: '平均付款金额',
DataObj: 'MAvgPayMoney'
},
{
Name: '平均付款件数',
DataObj: 'MAvgBuyNum'
},
{
Name: '平均每人购买单数',
DataObj: 'PAvgOrderNum'
},
{
Name: '平均每人购买件数',
DataObj: 'PAvgBuyNum'
},
{
Name: '平均每单单价',
DataObj: 'PAvgBuyPrice'
},
{
Name: '平均每人购买单价',
DataObj: 'PAvgUnitPrice'
},
{
Name: '平均会员数',
DataObj: 'PAvgMemberNum'
},
{
Name: '平均累计人数(月)',
DataObj: 'PAvgPaymentNum'
},
{
Name: '平均会员下订单转换率',
DataObj: 'PAvgMOrderRate'
},
{
Name: '平均复购人数',
DataObj: 'PAvgReBuyNum'
},
{
Name: '平均复购率',
DataObj: 'PAvgReBuyRate'
},
{
Name: '平均新人下单',
DataObj: 'PAvgNewPeopleNum'
},
{
Name: '毛利率',
DataObj: 'PAvgProfitRate'
},
],
YearRateSList: [],
YearRateSListwidth: 0,
leftData_tr: [{
Name: '平均付款人数成长率',
DataObj: 'MAvgPeopleNum'
},
{
Name: '平均付款单数成长率',
DataObj: 'MAvgOrderNum'
},
{
Name: '平均付款金额成长率(天)',
DataObj: 'MAvgPayMoney'
},
{
Name: '平均付款件数成长率',
DataObj: 'MAvgBuyNum'
},
{
Name: '平均每人购买单数成长率',
DataObj: 'PAvgOrderNum'
},
{
Name: '平均每人购买件数成长率',
DataObj: 'PAvgBuyNum'
},
{
Name: '平均每单单价成长率',
DataObj: 'PAvgUnitPrice'
},
{
Name: '平均每人购买单价成长率',
DataObj: 'PAvgBuyPrice'
},
{
Name: '毛利成长率',
DataObj: 'PAvgProfit'
},
{
Name: '会员下订单成长率',
DataObj: 'PAvgMOrderRate'
},
{
Name: '普象会员成长率',
DataObj: 'PAvgPXNum'
},
{
Name: 'VIP会员成长率',
DataObj: 'PAvgVipNum'
},
{
Name: '银象会员成长率',
DataObj: 'PAvgYXNum'
},
{
Name: '金象会员成长率',
DataObj: 'PAvgJXNum'
},
{
Name: '会员成长率',
DataObj: 'PAvgTotalMNum'
},
],
parentClientWidth: 0,
type: 0,
}
},
mounted() {
},
created() {
let nowtime = new Date()
this.msg.StartYear = (nowtime.getFullYear() - 1).toString()
this.msg.EndYear = nowtime.getFullYear().toString()
this.getDateList()
}, },
created() { methods: {
let nowtime = new Date() getmonth(e) {
this.msg.StartYear = (nowtime.getFullYear()-1).toString() this.getDateList()
this.msg.EndYear = nowtime.getFullYear().toString()
this.getDateList()
}, },
methods: { getDateList() {
getmonth(e){ if (this.msg.StartYear == '' || this.msg.EndYear == '') {
this.getDateList() this.Info('请选择开始或者结束年份')
}, return
getDateList() { }
if(this.msg.StartYear =='' || this.msg.EndYear ==''){ if ((new Date(this.msg.StartYear).getTime()) >= (new Date(this.msg.EndYear)).getTime()) {
this.Info('请选择开始或者结束年份') this.msg.EndYear = '';
return this.Info('结束年份不能大于开始年份')
} return
if((new Date(this.msg.StartYear).getTime())>=(new Date(this.msg.EndYear)).getTime()){ }
this.msg.EndYear=''; if ((new Date(this.msg.EndYear).getTime()) >= (new Date()).getTime()) {
this.Info('结束年份不能大于开始年份') this.msg.EndYear = '';
return this.Info('结束年份不能大于今年')
} return
if((new Date(this.msg.EndYear).getTime())>=(new Date()).getTime()){ }
this.msg.EndYear=''; this.loading = true;
this.Info('结束年份不能大于今年') this.RateList = [];
return this.mallapipost("/api/LiveHouse/GetDSYearStartistics", this.msg, res => {
} this.loading = false;
this.loading = true; if (res.data.resultCode == 1) {
this.RateList=[]; if (res.data.data) {
this.mallapipost("/api/LiveHouse/GetDSYearStartistics", this.msg, res => { this.YearSList = res.data.data.YearSList;
this.loading = false; this.YearSList.forEach(x => {
if (res.data.resultCode == 1) { if (x.Date.indexOf('成長率') != -1) {
if(res.data.data){ x.PeopleNum = x.PeopleNum + '%';
this.YearSList = res.data.data.YearSList; x.OrderNum = x.OrderNum + '%';
this.YearSList.forEach(x=>{ x.PayMoney = x.PayMoney + '%';
if(x.Date.indexOf('成長率')!=-1){ x.BuyNum = x.BuyNum + '%';
x.PeopleNum = x.PeopleNum+'%'; x.TotalPayPeople = x.TotalPayPeople + '%';
x.OrderNum = x.OrderNum+'%'; x.MAvgPeopleNum = x.MAvgPeopleNum + '%';
x.PayMoney = x.PayMoney+'%'; x.Profit = x.Profit + '%';
x.BuyNum = x.BuyNum+'%'; x.PXNum = x.PXNum + '%';
x.TotalPayPeople = x.TotalPayPeople+'%'; x.VipNum = x.VipNum + '%';
x.MAvgPeopleNum = x.MAvgPeopleNum+'%'; x.YXNum = x.YXNum + '%';
x.Profit = x.Profit+'%'; x.JXNum = x.JXNum + '%';
x.PXNum = x.PXNum+'%'; x.TotalMNum = x.TotalMNum + '%';
x.VipNum = x.VipNum+'%';
x.YXNum = x.YXNum+'%';
x.JXNum = x.JXNum+'%';
x.TotalMNum = x.TotalMNum+'%';
}
})
this.YearSListwidth = (this.YearSList.length * 120);
//第二张表
this.YearAvgSList = res.data.data.YearAvgSList;
this.YearAvgSList.forEach(x=>{
x.PAvgMOrderRate = x.PAvgMOrderRate+'%';
if(x.Date.indexOf('成長率')!=-1){
x.MAvgPeopleNum = x.MAvgPeopleNum+'%';
x.MAvgOrderNum = x.MAvgOrderNum+'%';
x.MAvgPayMoney = x.MAvgPayMoney+'%';
x.MAvgBuyNum = x.MAvgBuyNum+'%';
x.PAvgOrderNum = x.PAvgOrderNum+'%';
x.PAvgBuyNum = x.PAvgBuyNum+'%';
x.PAvgBuyPrice = x.PAvgBuyPrice+'%';
x.PAvgUnitPrice = x.PAvgUnitPrice+'%';
x.PAvgMemberNum = x.PAvgMemberNum+'%';
x.PAvgPaymentNum = x.PAvgPaymentNum+'%';
x.PAvgReBuyNum = x.PAvgReBuyNum+'%';
x.PAvgReBuyRate = x.PAvgReBuyRate+'%';
x.PAvgNewPeopleNum = x.PAvgNewPeopleNum+'%';
x.PAvgProfitRate = x.PAvgProfitRate+'%';
}
})
this.YearAvgSListwidth = (this.YearAvgSList.length * 120)
if(this.tablewidth>(this.YearAvgSListwidth + this.YearSListwidth + 300)+50){
this.type = 1
}
//第三张表
this.YearRateSList = res.data.data.YearRateSList;
this.YearRateSListwidth = (this.YearRateSList.length * 120)
} }
})
this.YearSListwidth = (this.YearSList.length * 120);
} else {
this.Info(res.data.message); //第二张表
} this.YearAvgSList = res.data.data.YearAvgSList;
this.YearAvgSList.forEach(x => {
}) x.PAvgMOrderRate = x.PAvgMOrderRate + '%';
}, if (x.Date.indexOf('成長率') != -1) {
x.MAvgPeopleNum = x.MAvgPeopleNum + '%';
x.MAvgOrderNum = x.MAvgOrderNum + '%';
x.MAvgPayMoney = x.MAvgPayMoney + '%';
Export() { x.MAvgBuyNum = x.MAvgBuyNum + '%';
let msg = this.msg x.PAvgOrderNum = x.PAvgOrderNum + '%';
msg = JSON.parse(JSON.stringify(msg)); x.PAvgBuyNum = x.PAvgBuyNum + '%';
this.GetMallLocalFile( x.PAvgBuyPrice = x.PAvgBuyPrice + '%';
"/api/LiveHouse/GetDSYearStartisticsToExcel", x.PAvgUnitPrice = x.PAvgUnitPrice + '%';
msg, x.PAvgMemberNum = x.PAvgMemberNum + '%';
"电商年度比统计"+this.msg.StartYear+"-"+this.msg.EndYear+".xls" x.PAvgPaymentNum = x.PAvgPaymentNum + '%';
); x.PAvgReBuyNum = x.PAvgReBuyNum + '%';
}, x.PAvgReBuyRate = x.PAvgReBuyRate + '%';
goyearurl(x){ x.PAvgNewPeopleNum = x.PAvgNewPeopleNum + '%';
console.log(x) x.PAvgProfitRate = x.PAvgProfitRate + '%';
if(x.Date.indexOf('成')==-1){ }
this.$router.push({ })
name: 'dianshangyeardata', this.YearAvgSListwidth = (this.YearAvgSList.length * 120)
query: { if (this.tablewidth > (this.YearAvgSListwidth + this.YearSListwidth + 300) + 50) {
timedata: x.Date, this.type = 1
blank:'y'
} }
}); //第三张表
} this.YearRateSList = res.data.data.YearRateSList;
}, this.YearRateSListwidth = (this.YearRateSList.length * 120)
getisred(dataInfo){
if((dataInfo.toString()).indexOf('-')!=-1){
return true
}else{
return false
}
},
gechengzhangv(dataInfo){
if((dataInfo.toString()).indexOf('-')!=-1){
return true
}else{
return false
} }
},
onInput() {
this.$forceUpdate()
}, } else {
tableRowClassName({row, rowIndex}){ this.Info(res.data.message);
if(row.hasOwnProperty('Date') && row.Date=='平均/总计' ){
return 'huanbichengz'
}else{
return 'monthstyel'
} }
}, })
tableRowClassName2({row, rowIndex}){ },
if(row.hasOwnProperty('Date') && row.Date=='平均/总计' ){ Export() {
return 'monthstyel2' let msg = this.msg
}else{ msg = JSON.parse(JSON.stringify(msg));
return 'monthstyel3' this.GetMallLocalFile(
} "/api/LiveHouse/GetDSYearStartisticsToExcel",
}, msg,
"电商年度比统计" + this.msg.StartYear + "-" + this.msg.EndYear + ".xls"
} );
} },
goyearurl(x) {
</script> if (x.Date.indexOf('成') == -1) {
this.$router.push({
<style> name: 'dianshangyeardata',
.dianshangannualRatio .el-card__header { query: {
display: flex; timedata: x.Date,
flex-direction: row; blank: 'y'
align-items: center; }
justify-content: space-between; });
background: #fff; }
padding: 18px 20px; },
} getisred(dataInfo) {
.dianshangannualRatio .tablestyle{ if ((dataInfo.toString()).indexOf('-') != -1) {
display: flex; return true
} } else {
return false
.dianshangannualRatio .el-button--small { }
padding: 9px 15px; },
} gechengzhangv(dataInfo) {
if ((dataInfo.toString()).indexOf('-') != -1) {
.dianshangannualRatio .content .searchInput { return true
border: 1px solid #DCDFE6; } else {
border-radius: 4px; return false
margin-left: 20px; }
} },
onInput() {
.dianshangannualRatio .content .searchInput .el-input__inner { this.$forceUpdate()
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.dianshangannualRatio .content .searchInput {
line-height: normal;
display: inline-table;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.dianshangannualRatio .content {
background: #fff;
margin-top: 10px;
padding: 15px;
box-sizing: border-box;
}
.dianshangannualRatio .el-icon-date {
line-height: 24px;
}
.dianshangannualRatio .el-range-separator {
line-height: 24px;
}
.dianshangannualRatio .just {
color: rgb(104, 207, 61)
}
.dianshangannualRatio .negative {
color: red
}
.dianshangannualRatio .el-input__icon {
line-height: 24px;
}
.dianshangannualRatio .el-table td,
.el-table th {
padding: 3px 0;
}
.dianshangannualRatio .el-table {
font-size: 13px;
}
.dianshangannualRatio .el-select__tags-text {
display: inline-block;
width: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dianshangannualRatio .el-select__tags {
max-width: 400px;
}
.dianshangannualRatio .Subtotal {
width: 100%;
margin: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
background: #f2f2f2;
font-size: 12px;
}
.dianshangannualRatio .Subtotal_item {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 50px;
background: #fff;
padding: 20px;
}
.dianshangannualRatio .Subtotal_item .Subtotal_t {
margin: 3px 0;
font-size: 12px;
width: 90px;
display: inline-block;
}
.dianshangannualRatio .ProfitLoss {
display: flex;
flex-direction: row;
align-items: center;
background: #fff;
}
.dianshangannualRatio .ProfitLoss_xbox {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #fff;
}
.dianshangannualRatio .diaBox{
display: flex;
flex-direction: column;
align-items: center;
}
.dianshangannualRatio .angclass{
background: #FDC022;
}
.dianshangannualRatio .el-table .huanbichengz{
background: #EB60BB;
}
.dianshangannualRatio .qthuanbicheng{
background: #FEFF30;
width: 120px;
}
.dianshangannualRatio .el-table .monthstyel{
background: #F6C8AB;
}
.dianshangannualRatio .el-table .monthstyel2{
background: #F6CAAD;
}
.dianshangannualRatio .el-table .monthstyel3{
background: #FE9A6B;
}
.dianshangannualRatio .el-table .whitestyle{
background: #FFF;
}
.dianshangannualRatio .el-date-editor.el-input, .el-date-editor.el-input__inner { },
width: 360px; tableRowClassName({
} row,
.dianshangannualRatio .singeRowTable{ rowIndex
background: rgb(255, 255, 255); }) {
margin-top: 20px; if (row.hasOwnProperty('Date') && row.Date == '平均/总计') {
} return 'huanbichengz'
.dianshangannualRatio .growthrate{ } else {
background: #FFF2CD; return 'monthstyel'
width: 120px; }
} },
.dianshangannualRatio .yearstyle{ tableRowClassName2({
background: #FE99FD; row,
width: 120px; rowIndex
} }) {
.dianshangannualRatio tr{ if (row.hasOwnProperty('Date') && row.Date == '平均/总计') {
height: 30px !important; return 'monthstyel2'
} } else {
.dianshangannualRatio tr td{ return 'monthstyel3'
cursor: pointer; }
} },
.dianshangannualRatio span{
font-size: 13px;
font-weight: normal;
}
.dianshangannualRatio ::-webkit-scrollbar {
height: 12px;
} }
</style> }
\ No newline at end of file </script>
<style>
.dianshangannualRatio .el-card__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 18px 20px;
}
.dianshangannualRatio .tablestyle {
display: flex;
}
.dianshangannualRatio .el-button--small {
padding: 9px 15px;
}
.dianshangannualRatio .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
margin-left: 20px;
}
.dianshangannualRatio .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.dianshangannualRatio .content .searchInput {
line-height: normal;
display: inline-table;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.dianshangannualRatio .content {
background: #fff;
margin-top: 10px;
padding: 15px;
box-sizing: border-box;
}
.dianshangannualRatio .el-icon-date {
line-height: 24px;
}
.dianshangannualRatio .el-range-separator {
line-height: 24px;
}
.dianshangannualRatio .just {
color: rgb(104, 207, 61)
}
.dianshangannualRatio .negative {
color: red
}
.dianshangannualRatio .el-input__icon {
line-height: 24px;
}
.dianshangannualRatio .el-table td,
.el-table th {
padding: 3px 0;
}
.dianshangannualRatio .el-table {
font-size: 13px;
}
.dianshangannualRatio .el-select__tags-text {
display: inline-block;
width: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dianshangannualRatio .el-select__tags {
max-width: 400px;
}
.dianshangannualRatio .Subtotal {
width: 100%;
margin: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
background: #f2f2f2;
font-size: 12px;
}
.dianshangannualRatio .Subtotal_item {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 50px;
background: #fff;
padding: 20px;
}
.dianshangannualRatio .Subtotal_item .Subtotal_t {
margin: 3px 0;
font-size: 12px;
width: 90px;
display: inline-block;
}
.dianshangannualRatio .ProfitLoss {
display: flex;
flex-direction: row;
align-items: center;
background: #fff;
}
.dianshangannualRatio .ProfitLoss_xbox {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #fff;
}
.dianshangannualRatio .diaBox {
display: flex;
flex-direction: column;
align-items: center;
}
.dianshangannualRatio .angclass {
background: #FDC022;
}
.dianshangannualRatio .el-table .huanbichengz {
background: #EB60BB;
}
.dianshangannualRatio .qthuanbicheng {
background: #FEFF30;
width: 120px;
}
.dianshangannualRatio .el-table .monthstyel {
background: #F6C8AB;
}
.dianshangannualRatio .el-table .monthstyel2 {
background: #F6CAAD;
}
.dianshangannualRatio .el-table .monthstyel3 {
background: #FE9A6B;
}
.dianshangannualRatio .el-table .whitestyle {
background: #FFF;
}
.dianshangannualRatio .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 360px;
}
.dianshangannualRatio .singeRowTable {
background: rgb(255, 255, 255);
margin-top: 20px;
}
.dianshangannualRatio .growthrate {
background: #FFF2CD;
width: 120px;
}
.dianshangannualRatio .yearstyle {
background: #FE99FD;
width: 120px;
}
.dianshangannualRatio tr {
height: 30px !important;
}
.dianshangannualRatio tr td {
cursor: pointer;
}
.dianshangannualRatio span {
font-size: 13px;
font-weight: normal;
}
.dianshangannualRatio ::-webkit-scrollbar {
height: 12px;
}
</style>
src/components/FinancialModule/ReportForm/dianshangyeardata.vue
View file @ db13d9c3
<template> <template>
<div class="dianshangyeardata"> <div class="dianshangyeardata">
<div class="el-card__header"> <div class="el-card__header">
<span>电商每月数据</span> <span>电商每月数据</span>
<div style="display: flex;flex-direction: row;align-items: center"> <div style="display: flex;flex-direction: row;align-items: center">
<!----> <el-button type="primary" class="el-button--small" @click="Export">导出全部</el-button>
<el-button type="primary" class="el-button--small" @click="Export">导出全部</el-button>
</div>
</div> </div>
</div>
<div class="content"> <div class="content">
<div style="display: flex;flex-direction: row;align-items: center"> <div style="display: flex;flex-direction: row;align-items: center">
<div class="block"> <div class="block">
<el-date-picker v-model="msg.StartTime" type="month" format='yyyy-MM' value-format="yyyy-MM"
@change='getmonth' :clearable='false' placeholder="选择开始月份">
<el-date-picker </el-date-picker>
v-model="msg.StartTime" <span style="margin: 0 10px;">-</span>
type="month"
format='yyyy-MM'
value-format="yyyy-MM"
@change='getmonth'
:clearable='false'
placeholder="选择开始月份">
</el-date-picker>
<span style="margin: 0 10px;">-</span>
<el-date-picker
v-model="msg.EndTime"
type="month"
format='yyyy-MM'
value-format="yyyy-MM"
@change='getmonth'
:clearable='false'
placeholder="选择结束月份">
</el-date-picker>
</div>
<el-date-picker v-model="msg.EndTime" type="month" format='yyyy-MM' value-format="yyyy-MM" @change='getmonth'
:clearable='false' placeholder="选择结束月份">
</el-date-picker>
</div> </div>
</div> </div>
<div style="padding: 15px ;background: #FFF;margin-bottom: 50px;"> </div>
<div style="padding: 15px ;background: #FFF;margin-bottom: 50px;">
<el-table :data="DataList" v-loading="loading" header-cell-class-name="headClass" header-row-class-name='angclass' <el-table :data="DataList" v-loading="loading" header-cell-class-name="headClass" header-row-class-name='angclass'
style="width: 100%;" border :row-class-name="tableRowClassName" :cell-style="columnStyle" > style="width: 100%;" border :row-class-name="tableRowClassName" :cell-style="columnStyle">
<el-table-column label="月份" prop="Date" width='80' fixed> <el-table-column label="月份" prop="Date" width='80' fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.Date == '平均/总计'" >平均</span> <span v-if="scope.row.Date == '平均/总计'">平均</span>
<span v-else @click="clickTr(scope.row)">{{scope.row.Date}}</span> <span v-else @click="clickTr(scope.row)">{{scope.row.Date}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="平均付款人数(天)" prop='MAvgPeopleNum' width='125'> <el-table-column label="平均付款人数(天)" prop='MAvgPeopleNum' width='125'>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="getisred(scope.row.MAvgPeopleNum) == true" style="color: #FD0F05;">{{scope.row.MAvgPeopleNum}}</span> <span v-if="getisred(scope.row.MAvgPeopleNum) == true"
<span v-else>{{scope.row.MAvgPeopleNum}}</span> style="color: #FD0F05;">{{scope.row.MAvgPeopleNum}}</span>
</template> <span v-else>{{scope.row.MAvgPeopleNum}}</span>
</el-table-column> </template>
<el-table-column label="平均付款单数" prop="MAvgOrderNum" width='125'> </el-table-column>
<template slot-scope="scope"> <el-table-column label="平均付款单数" prop="MAvgOrderNum" width='125'>
<span v-if="getisred(scope.row.MAvgOrderNum) == true" style="color: #FD0F05;">{{scope.row.MAvgOrderNum}}</span> <template slot-scope="scope">
<span v-else>{{scope.row.MAvgOrderNum}}</span> <span v-if="getisred(scope.row.MAvgOrderNum) == true"
</template> style="color: #FD0F05;">{{scope.row.MAvgOrderNum}}</span>
</el-table-column> <span v-else>{{scope.row.MAvgOrderNum}}</span>
<el-table-column label="平均付款金额" prop="MAvgPayMoney" width='120'> </template>
<template slot-scope="scope"> </el-table-column>
<span v-if="getisred(scope.row.MAvgPayMoney) == true" style="color: #FD0F05;">{{scope.row.MAvgPayMoney}}</span> <el-table-column label="平均付款金额" prop="MAvgPayMoney" width='120'>
<span v-else>{{scope.row.MAvgPayMoney}}</span> <template slot-scope="scope">
</template> <span v-if="getisred(scope.row.MAvgPayMoney) == true"
</el-table-column> style="color: #FD0F05;">{{scope.row.MAvgPayMoney}}</span>
<el-table-column label="平均付款件数" prop="MAvgBuyNum" width='120'> <span v-else>{{scope.row.MAvgPayMoney}}</span>
<template slot-scope="scope"> </template>
<span v-if="getisred(scope.row.MAvgBuyNum) == true" style="color: #FD0F05;">{{scope.row.MAvgBuyNum}}</span> </el-table-column>
<span v-else>{{scope.row.MAvgBuyNum}}</span> <el-table-column label="平均付款件数" prop="MAvgBuyNum" width='120'>
</template> <template slot-scope="scope">
</el-table-column> <span v-if="getisred(scope.row.MAvgBuyNum) == true" style="color: #FD0F05;">{{scope.row.MAvgBuyNum}}</span>
<el-table-column label="平均每人购买单数" prop="PAvgOrderNum" width='125'> <span v-else>{{scope.row.MAvgBuyNum}}</span>
<template slot-scope="scope"> </template>
<span v-if="getisred(scope.row.PAvgOrderNum) == true" style="color: #FD0F05;">{{scope.row.PAvgOrderNum}}</span> </el-table-column>
<span v-else>{{scope.row.PAvgOrderNum}}</span> <el-table-column label="平均每人购买单数" prop="PAvgOrderNum" width='125'>
</template> <template slot-scope="scope">
</el-table-column> <span v-if="getisred(scope.row.PAvgOrderNum) == true"
<el-table-column label="平均每人购买件数" prop="PAvgBuyNum" width='125'> style="color: #FD0F05;">{{scope.row.PAvgOrderNum}}</span>
<template slot-scope="scope"> <span v-else>{{scope.row.PAvgOrderNum}}</span>
<span v-if="getisred(scope.row.PAvgBuyNum) == true" style="color: #FD0F05;">{{scope.row.PAvgBuyNum}}</span> </template>
<span v-else>{{scope.row.PAvgBuyNum}}</span> </el-table-column>
</template> <el-table-column label="平均每人购买件数" prop="PAvgBuyNum" width='125'>
</el-table-column> <template slot-scope="scope">
<el-table-column label="平均每单单价" prop="PAvgUnitPrice" width='120'> <span v-if="getisred(scope.row.PAvgBuyNum) == true" style="color: #FD0F05;">{{scope.row.PAvgBuyNum}}</span>
<template slot-scope="scope"> <span v-else>{{scope.row.PAvgBuyNum}}</span>
<span v-if="getisred(scope.row.PAvgUnitPrice) == true" style="color: #FD0F05;">{{scope.row.PAvgUnitPrice}}</span> </template>
<span v-else>{{scope.row.PAvgUnitPrice}}</span> </el-table-column>
</template> <el-table-column label="平均每单单价" prop="PAvgUnitPrice" width='120'>
</el-table-column> <template slot-scope="scope">
<el-table-column label="平均每人购买单价" prop="PAvgBuyPrice" width='125'> <span v-if="getisred(scope.row.PAvgUnitPrice) == true"
<template slot-scope="scope"> style="color: #FD0F05;">{{scope.row.PAvgUnitPrice}}</span>
<span v-if="getisred(scope.row.PAvgBuyPrice) == true" style="color: #FD0F05;">{{scope.row.PAvgBuyPrice}}</span> <span v-else>{{scope.row.PAvgUnitPrice}}</span>
<span v-else>{{scope.row.PAvgBuyPrice}}</span> </template>
</template> </el-table-column>
</el-table-column> <el-table-column label="平均每人购买单价" prop="PAvgBuyPrice" width='125'>
<el-table-column label="平均会员累计数" prop="PAvgMemberNum" width='120'> <template slot-scope="scope">
<template slot-scope="scope"> <span v-if="getisred(scope.row.PAvgBuyPrice) == true"
<span v-if="getisred(scope.row.PAvgMemberNum) == true" style="color: #FD0F05;">{{scope.row.PAvgMemberNum}}</span> style="color: #FD0F05;">{{scope.row.PAvgBuyPrice}}</span>
<span v-else>{{scope.row.PAvgMemberNum}}</span> <span v-else>{{scope.row.PAvgBuyPrice}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="平均付款累计人数(月)" prop="PAvgPaymentNum" width='150'> <el-table-column label="平均会员累计数" prop="PAvgMemberNum" width='120'>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="getisred(scope.row.PAvgPaymentNum) == true" style="color: #FD0F05;">{{scope.row.PAvgPaymentNum}}</span> <span v-if="getisred(scope.row.PAvgMemberNum) == true"
<span v-else>{{scope.row.PAvgPaymentNum}}</span> style="color: #FD0F05;">{{scope.row.PAvgMemberNum}}</span>
</template> <span v-else>{{scope.row.PAvgMemberNum}}</span>
</el-table-column> </template>
<el-table-column label="平均会员下订单转换率" prop="PAvgMOrderRate" width='155'> </el-table-column>
<template slot-scope="scope"> <el-table-column label="平均付款累计人数(月)" prop="PAvgPaymentNum" width='150'>
<span v-if="getisred(scope.row.PAvgMOrderRate) == true" style="color: #FD0F05;">{{scope.row.PAvgMOrderRate}}</span> <template slot-scope="scope">
<span v-else>{{scope.row.PAvgMOrderRate}}</span> <span v-if="getisred(scope.row.PAvgPaymentNum) == true"
</template> style="color: #FD0F05;">{{scope.row.PAvgPaymentNum}}</span>
</el-table-column> <span v-else>{{scope.row.PAvgPaymentNum}}</span>
<el-table-column label="平均复购人数" prop="PAvgReBuyNum" width='120'> </template>
<template slot-scope="scope"> </el-table-column>
<span v-if="getisred(scope.row.PAvgReBuyNum) == true" style="color: #FD0F05;">{{scope.row.PAvgReBuyNum}}</span> <el-table-column label="平均会员下订单转换率" prop="PAvgMOrderRate" width='155'>
<span v-else>{{scope.row.PAvgReBuyNum}}</span> <template slot-scope="scope">
</template> <span v-if="getisred(scope.row.PAvgMOrderRate) == true"
</el-table-column> style="color: #FD0F05;">{{scope.row.PAvgMOrderRate}}</span>
<el-table-column label="平均复购率" prop="PAvgReBuyRate" width='120'> <span v-else>{{scope.row.PAvgMOrderRate}}</span>
<template slot-scope="scope"> </template>
<span v-if="getisred(scope.row.PAvgReBuyRate) == true" style="color: #FD0F05;">{{scope.row.PAvgReBuyRate}}</span> </el-table-column>
<span v-else>{{scope.row.PAvgReBuyRate}}</span> <el-table-column label="平均复购人数" prop="PAvgReBuyNum" width='120'>
</template> <template slot-scope="scope">
</el-table-column> <span v-if="getisred(scope.row.PAvgReBuyNum) == true"
<el-table-column label="平均新人下单" prop="PAvgNewPeopleNum" width='120'> style="color: #FD0F05;">{{scope.row.PAvgReBuyNum}}</span>
<template slot-scope="scope"> <span v-else>{{scope.row.PAvgReBuyNum}}</span>
<span v-if="getisred(scope.row.PAvgNewPeopleNum) == true" style="color: #FD0F05;">{{scope.row.PAvgNewPeopleNum}}</span> </template>
<span v-else>{{scope.row.PAvgNewPeopleNum}}</span> </el-table-column>
</template> <el-table-column label="平均复购率" prop="PAvgReBuyRate" width='120'>
</el-table-column> <template slot-scope="scope">
<el-table-column label="毛利率" prop="PAvgProfitRate" width='120'> <span v-if="getisred(scope.row.PAvgReBuyRate) == true"
<template slot-scope="scope"> style="color: #FD0F05;">{{scope.row.PAvgReBuyRate}}</span>
<span v-if="getisred(scope.row.PAvgProfitRate) == true" style="color: #FD0F05;">{{scope.row.PAvgProfitRate}}</span> <span v-else>{{scope.row.PAvgReBuyRate}}</span>
<span v-else>{{scope.row.PAvgProfitRate}}</span> </template>
</template> </el-table-column>
</el-table-column> <el-table-column label="平均新人下单" prop="PAvgNewPeopleNum" width='120'>
<template slot-scope="scope">
<span v-if="getisred(scope.row.PAvgNewPeopleNum) == true"
style="color: #FD0F05;">{{scope.row.PAvgNewPeopleNum}}</span>
<span v-else>{{scope.row.PAvgNewPeopleNum}}</span>
</template>
</el-table-column>
<el-table-column label="毛利率" prop="PAvgProfitRate" width='120'>
<template slot-scope="scope">
<span v-if="getisred(scope.row.PAvgProfitRate) == true"
style="color: #FD0F05;">{{scope.row.PAvgProfitRate}}</span>
<span v-else>{{scope.row.PAvgProfitRate}}</span>
</template>
</el-table-column>
</el-table> </el-table>
<el-table :data="DataList" v-loading="loading" header-cell-class-name="headClass" header-row-class-name='angclass' style="width: 100%;margin-top: 20px;" border <el-table :data="DataList" v-loading="loading" header-cell-class-name="headClass" header-row-class-name='angclass'
:row-class-name="tableRowClassName2" :cell-style="columnStyle" > style="width: 100%;margin-top: 20px;" border :row-class-name="tableRowClassName2" :cell-style="columnStyle">
<el-table-column label="月份" prop="Date" width='80' fixed> <el-table-column label="月份" prop="Date" width='80' fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.Date == '平均/总计'" >总计</span> <span v-if="scope.row.Date == '平均/总计'">总计</span>
<span v-else @click="clickTr(scope.row)">{{scope.row.Date}}</span> <span v-else @click="clickTr(scope.row)">{{scope.row.Date}}</span>
</template> </template>
</el-table-column> </el-table-column>
...@@ -173,12 +167,11 @@ ...@@ -173,12 +167,11 @@
</el-table-column> </el-table-column>
<el-table-column label="总付款人" prop="TotalPayPeople" width='120'> <el-table-column label="总付款人" prop="TotalPayPeople" width='120'>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="getisred(scope.row.TotalPayPeople) == true" style="color: #FD0F05;">{{scope.row.TotalPayPeople}}</span> <span v-if="getisred(scope.row.TotalPayPeople) == true"
style="color: #FD0F05;">{{scope.row.TotalPayPeople}}</span>
<span v-else>{{scope.row.TotalPayPeople}}</span> <span v-else>{{scope.row.TotalPayPeople}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="普象" prop="PXNum" width='120'> <el-table-column label="普象" prop="PXNum" width='120'>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="getisred(scope.row.PXNum) == true" style="color: #FD0F05;">{{scope.row.PXNum}}</span> <span v-if="getisred(scope.row.PXNum) == true" style="color: #FD0F05;">{{scope.row.PXNum}}</span>
...@@ -209,381 +202,433 @@ ...@@ -209,381 +202,433 @@
<span v-else>{{scope.row.TotalMNum}}</span> <span v-else>{{scope.row.TotalMNum}}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div style="width: 100%;display: flex;" v-if='RateList && RateList.length>0 '> <div style="width: 100%;display: flex;" v-if='RateList && RateList.length>0 '>
<div style="width: 150px;"> <div style="width: 150px;">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}"> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: '150px'}">
<tr > <td class="qthuanbicheng" style="width: 150px;"></td> </tr> <tr>
<tr v-for='(x,y) in leftData' :key = 'y'> <td class="qthuanbicheng">{{x.Name}}</td></tr> <td class="qthuanbicheng" style="width: 150px;"></td>
</tr>
<tr v-for='(x,y) in leftData' :key='y'>
<td class="qthuanbicheng">{{x.Name}}</td>
</tr>
</table> </table>
</div> </div>
<div style="width:1px; overflow-x:scroll;flex:1" > <div style="width:1px; overflow-x:scroll;flex:1">
<table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0" :style="{width: tablewidth+'px'}"> <table class="singeRowTable TcNewTable" border="1" cellspacing="0" cellpadding="0"
<tr > <td class="qthuanbicheng" style="width:90px;font-size: 12px;" v-for='(x,y) in RateList' :key = 'y' @click='goMonthurl(x)'>{{x.Date}}</td></tr> :style="{width: tablewidth+'px'}">
<tr v-for='(item,index) in leftData' :key = 'index'> <tr>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;" v-for='(x,y) in RateList' :key = 'y' > <td class="qthuanbicheng" style="width:90px;font-size: 12px;" v-for='(x,y) in RateList' :key='y'
<span :style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}%</span> @click='goMonthurl(x)'>{{x.Date}}</td>
</td> </tr>
</tr> <tr v-for='(item,index) in leftData' :key='index'>
<td :class="x.Date.indexOf('成長率')!=-1?'growthrate':'yearstyle'" style="font-size: 12px;"
v-for='(x,y) in RateList' :key='y'>
<span
:style="{color: getisred(x[item.DataObj]) == true?'#FD0F05':'#111111'}">{{x[item.DataObj]}}%</span>
</td>
</tr>
</table> </table>
</div> </div>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script>
export default {
name: "dianshangyeardata",
data() {
return {
value: '',
tableHeight: window.innerHeight - 50 - 41 - 69 -74 - 30, //窗口的高度减去你需要减去的高度
msg: {
StartTime:'2021-01',//开始月份
EndTime:'',
},
loading: false,
DataList:[],
RateList:[],
tablewidth:0,
leftData:[
{Name:'平均付款人数成长率',DataObj:'MAvgPeopleNum'},
{Name:'平均付款单数成长率',DataObj:'MAvgOrderNum'},
{Name:'平均付款金额成长率',DataObj:'MAvgPayMoney'},
{Name:'平均付款件数成长率',DataObj:'MAvgBuyNum'},
{Name:'平均每人购买单数成长率',DataObj:'PAvgOrderNum'},
{Name:'平均每人购买件数成长率',DataObj:'PAvgBuyNum'},
{Name:'平均每单单价成长率',DataObj:'PAvgUnitPrice'},
{Name:'平均每人购买单价成长率',DataObj:'PAvgBuyPrice'},
{Name:'毛利率成长率',DataObj:'PAvgProfitRate'},
{Name:'毛利成长率',DataObj:'PAvgProfit'},
{Name:'会员下订单成长率',DataObj:'PAvgMOrderRate'},
{Name:'普象会员成长率',DataObj:'PAvgPXNum'},
{Name:'VIP会员成长率',DataObj:'PAvgVipNum'},
{Name:'银象会员成长率',DataObj:'PAvgYXNum'},
{Name:'金象会员成长率',DataObj:'PAvgJXNum'},
{Name:'会员总成长率',DataObj:'PAvgTotalMNum'},
]
} <script>
}, export default {
created() { name: "dianshangyeardata",
let nowtime = new Date() data() {
let startT = nowtime.setMonth(nowtime.getMonth()-12) return {
let startdate = new Date(startT) value: '',
this.msg.StartTime = (startdate.getFullYear()) + '-' +((startdate.getMonth()+2)<10 ?'0'+(startdate.getMonth()+2):startdate.getMonth()+2)//此次加2月是根据后台数据不是会查出13个月的数据 tableHeight: window.innerHeight - 50 - 41 - 69 - 74 - 30, //窗口的高度减去你需要减去的高度
let enddate = new Date(); msg: {
this.msg.EndTime = enddate.getFullYear() + '-' +((enddate.getMonth()+1)<10 ?'0'+(enddate.getMonth()+1):enddate.getMonth()+1) StartTime: '2021-01', //开始月份
if (this.$route.query.timedata) { EndTime: '',
this.msg.StartTime=this.$route.query.timedata+'-01';
this.msg.EndTime=this.$route.query.timedata+'-12';
}
this.getDateList()
},
methods: {
getmonth(e){
this.getDateList()
}, },
getDateList() { loading: false,
if(this.msg.StartTime =='' || this.msg.EndTime ==''){ DataList: [],
this.Info('请选择开始或者结束月份') RateList: [],
return tablewidth: 0,
} leftData: [{
if((new Date(this.msg.StartTime).getTime())>=(new Date(this.msg.EndTime)).getTime()){ Name: '平均付款人数成长率',
this.msg.EndTime=''; DataObj: 'MAvgPeopleNum'
this.Info('结束月份不能大于开始月份') },
return {
} Name: '平均付款单数成长率',
// if((new Date(this.msg.EndTime).getTime())>=(new Date()).getTime()){ DataObj: 'MAvgOrderNum'
// this.msg.EndTime=''; },
// this.Info('结束月份不能大于这个月') {
// return Name: '平均付款金额成长率',
// } DataObj: 'MAvgPayMoney'
this.loading = true; },
this.RateList=[]; {
this.mallapipost("/api/LiveHouse/GetDSMoreMonthStatistics", this.msg, res => { Name: '平均付款件数成长率',
this.loading = false; DataObj: 'MAvgBuyNum'
if (res.data.resultCode == 1) { },
if(res.data.data){ {
this.DataList = res.data.data.DataList; Name: '平均每人购买单数成长率',
this.DataList.forEach(x=>{ DataObj: 'PAvgOrderNum'
x.PAvgMOrderRate = x.PAvgMOrderRate +'%'; },
x.PAvgReBuyRate = x.PAvgReBuyRate +'%'; {
x.PAvgProfitRate = x.PAvgProfitRate +'%'; Name: '平均每人购买件数成长率',
}) DataObj: 'PAvgBuyNum'
this.RateList = res.data.data.RateList; },
{
this.tablewidth = (this.RateList.length * 90)+150 Name: '平均每单单价成长率',
DataObj: 'PAvgUnitPrice'
} },
{
Name: '平均每人购买单价成长率',
} else { DataObj: 'PAvgBuyPrice'
this.Info(res.data.message); },
{
Name: '毛利率成长率',
DataObj: 'PAvgProfitRate'
},
{
Name: '毛利成长率',
DataObj: 'PAvgProfit'
},
{
Name: '会员下订单成长率',
DataObj: 'PAvgMOrderRate'
},
{
Name: '普象会员成长率',
DataObj: 'PAvgPXNum'
},
{
Name: 'VIP会员成长率',
DataObj: 'PAvgVipNum'
},
{
Name: '银象会员成长率',
DataObj: 'PAvgYXNum'
},
{
Name: '金象会员成长率',
DataObj: 'PAvgJXNum'
},
{
Name: '会员总成长率',
DataObj: 'PAvgTotalMNum'
},
]
}
},
created() {
let nowtime = new Date()
let startT = nowtime.setMonth(nowtime.getMonth() - 12)
let startdate = new Date(startT)
this.msg.StartTime = (startdate.getFullYear()) + '-' + ((startdate.getMonth() + 2) < 10 ? '0' + (startdate
.getMonth() + 2) : startdate.getMonth() + 2) //此次加2月是根据后台数据不是会查出13个月的数据
let enddate = new Date();
this.msg.EndTime = enddate.getFullYear() + '-' + ((enddate.getMonth() + 1) < 10 ? '0' + (enddate.getMonth() + 1) :
enddate.getMonth() + 1)
if (this.$route.query.timedata) {
this.msg.StartTime = this.$route.query.timedata + '-01';
this.msg.EndTime = this.$route.query.timedata + '-12';
}
this.getDateList()
},
methods: {
getmonth(e) {
this.getDateList()
},
getDateList() {
if (this.msg.StartTime == '' || this.msg.EndTime == '') {
this.Info('请选择开始或者结束月份')
return
}
if ((new Date(this.msg.StartTime).getTime()) >= (new Date(this.msg.EndTime)).getTime()) {
this.msg.EndTime = '';
this.Info('结束月份不能大于开始月份')
return
}
this.loading = true;
this.RateList = [];
this.mallapipost("/api/LiveHouse/GetDSMoreMonthStatistics", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
if (res.data.data) {
this.DataList = res.data.data.DataList;
this.DataList.forEach(x => {
x.PAvgMOrderRate = x.PAvgMOrderRate + '%';
x.PAvgReBuyRate = x.PAvgReBuyRate + '%';
x.PAvgProfitRate = x.PAvgProfitRate + '%';
})
this.RateList = res.data.data.RateList;
this.tablewidth = (this.RateList.length * 90) + 150
} }
})
},
Export() {
let msg = this.msg
msg = JSON.parse(JSON.stringify(msg));
this.GetMallLocalFile(
"/api/LiveHouse/GetDSMoreMonthStatisticsToExcel",
msg,
"电商每月统计"+this.msg.StartTime+"-"+this.msg.EndTime+".xls"
);
},
getisred(dataInfo){
if((dataInfo.toString()).indexOf('-')!=-1){
return true
}else{
return false
}
},
onInput() {
this.$forceUpdate()
}, } else {
tableRowClassName({row, rowIndex}){ this.Info(res.data.message);
if(row.hasOwnProperty('Date') && row.Date=='平均/总计' ){
return 'huanbichengz'
}else{
return 'monthstyel'
}
},
tableRowClassName2({row, rowIndex}){
if(row.hasOwnProperty('Date') && row.Date=='平均/总计' ){
return 'monthstyel2'
}else{
return 'monthstyel3'
} }
}, })
columnStyle({row, column, rowIndex, columnIndex}){ },
if(row.hasOwnProperty('DateStr') && (columnIndex==1|| columnIndex==2||columnIndex==3||columnIndex==4)){ Export() {
return 'background:#FFF;' let msg = this.msg
msg = JSON.parse(JSON.stringify(msg));
this.GetMallLocalFile(
"/api/LiveHouse/GetDSMoreMonthStatisticsToExcel",
msg,
"电商每月统计" + this.msg.StartTime + "-" + this.msg.EndTime + ".xls"
);
},
getisred(dataInfo) {
if ((dataInfo.toString()).indexOf('-') != -1) {
return true
} else {
return false
}
},
onInput() {
this.$forceUpdate()
},
tableRowClassName({
row,
rowIndex
}) {
if (row.hasOwnProperty('Date') && row.Date == '平均/总计') {
return 'huanbichengz'
} else {
return 'monthstyel'
}
},
tableRowClassName2({
row,
rowIndex
}) {
if (row.hasOwnProperty('Date') && row.Date == '平均/总计') {
return 'monthstyel2'
} else {
return 'monthstyel3'
}
},
columnStyle({
row,
column,
rowIndex,
columnIndex
}) {
if (row.hasOwnProperty('DateStr') && (columnIndex == 1 || columnIndex == 2 || columnIndex == 3 || columnIndex ==
4)) {
return 'background:#FFF;'
}
},
clickTr(row, ) {
this.$router.push({
name: 'onlineRetailersdata',
query: {
timedata: row.Date,
blank: 'y'
} }
}, });
clickTr(row,){ },
goMonthurl(row) {
if (row.Date.indexOf('平均') == -1) {
this.$router.push({ this.$router.push({
name: 'onlineRetailersdata', name: 'onlineRetailersdata',
query: { query: {
timedata: row.Date, timedata: row.Date,
blank:'y' blank: 'y'
} }
}); });
},
goMonthurl(row){
console.log(row)
if(row.Date.indexOf('平均')==-1){
this.$router.push({
name: 'onlineRetailersdata',
query: {
timedata: row.Date,
blank:'y'
}
});
}
} }
} }
} }
}
</script>
<style>
.dianshangyeardata .el-card__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 18px 20px;
}
.dianshangyeardata .el-button--small {
padding: 9px 15px;
}
.dianshangyeardata .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
margin-left: 20px;
}
.dianshangyeardata .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.dianshangyeardata .content .searchInput {
line-height: normal;
display: inline-table;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.dianshangyeardata .content {
background: #fff;
margin-top: 10px;
padding: 15px;
box-sizing: border-box;
}
.dianshangyeardata .el-icon-date {
line-height: 24px;
}
.dianshangyeardata .el-range-separator {
line-height: 24px;
}
.dianshangyeardata .just {
color: rgb(104, 207, 61)
}
.dianshangyeardata .negative {
color: red
}
.dianshangyeardata .el-input__icon {
line-height: 24px;
}
.dianshangyeardata .el-table td,
.el-table th {
padding: 3px 0;
}
.dianshangyeardata .el-table {
font-size: 13px;
}
.dianshangyeardata .el-select__tags-text {
display: inline-block;
width: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dianshangyeardata .el-select__tags {
max-width: 400px;
}
.dianshangyeardata .Subtotal {
width: 100%;
margin: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
background: #f2f2f2;
font-size: 12px;
}
.dianshangyeardata .Subtotal_item {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 50px;
background: #fff;
padding: 20px;
}
.dianshangyeardata .Subtotal_item .Subtotal_t {
margin: 3px 0;
font-size: 12px;
width: 90px;
display: inline-block;
}
.dianshangyeardata .ProfitLoss {
display: flex;
flex-direction: row;
align-items: center;
background: #fff;
}
.dianshangyeardata .ProfitLoss_xbox {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #fff;
}
.dianshangyeardata .diaBox{
display: flex;
flex-direction: column;
align-items: center;
}
.dianshangyeardata .angclass{
background: #FDC022;
}
.dianshangyeardata .el-table .huanbichengz{
background: #EB60BB;
}
.dianshangyeardata .qthuanbicheng{
background: #FEFF30;
width: 90px;
}
.dianshangyeardata .el-table .monthstyel{
background: #F6C8AB;
}
.dianshangyeardata .el-table .monthstyel2{
background: #FDC022;
}
.dianshangyeardata .el-table .monthstyel3{
background: #FFF2CC;
}
.dianshangyeardata .el-table .whitestyle{
background: #FFF;
}
.dianshangyeardata .el-date-editor.el-input, .el-date-editor.el-input__inner { </script>
width: 360px;
} <style>
.dianshangyeardata .singeRowTable{ .dianshangyeardata .el-card__header {
background: rgb(255, 255, 255); display: flex;
margin-top: 20px; flex-direction: row;
} align-items: center;
.dianshangyeardata tr{ justify-content: space-between;
height: 30px !important; background: #fff;
} padding: 18px 20px;
.dianshangyeardata tr td{ }
cursor: pointer;
} .dianshangyeardata .el-button--small {
.dianshangyeardata span{ padding: 9px 15px;
font-size: 13px; }
font-weight: normal;
} .dianshangyeardata .content .searchInput {
.dianshangyeardata ::-webkit-scrollbar { border: 1px solid #DCDFE6;
height: 12px; border-radius: 4px;
} margin-left: 20px;
</style> }
\ No newline at end of file .dianshangyeardata .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.dianshangyeardata .content .searchInput {
line-height: normal;
display: inline-table;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.dianshangyeardata .content {
background: #fff;
margin-top: 10px;
padding: 15px;
box-sizing: border-box;
}
.dianshangyeardata .el-icon-date {
line-height: 24px;
}
.dianshangyeardata .el-range-separator {
line-height: 24px;
}
.dianshangyeardata .just {
color: rgb(104, 207, 61)
}
.dianshangyeardata .negative {
color: red
}
.dianshangyeardata .el-input__icon {
line-height: 24px;
}
.dianshangyeardata .el-table td,
.el-table th {
padding: 3px 0;
}
.dianshangyeardata .el-table {
font-size: 13px;
}
.dianshangyeardata .el-select__tags-text {
display: inline-block;
width: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dianshangyeardata .el-select__tags {
max-width: 400px;
}
.dianshangyeardata .Subtotal {
width: 100%;
margin: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
background: #f2f2f2;
font-size: 12px;
}
.dianshangyeardata .Subtotal_item {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 50px;
background: #fff;
padding: 20px;
}
.dianshangyeardata .Subtotal_item .Subtotal_t {
margin: 3px 0;
font-size: 12px;
width: 90px;
display: inline-block;
}
.dianshangyeardata .ProfitLoss {
display: flex;
flex-direction: row;
align-items: center;
background: #fff;
}
.dianshangyeardata .ProfitLoss_xbox {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
background: #fff;
}
.dianshangyeardata .diaBox {
display: flex;
flex-direction: column;
align-items: center;
}
.dianshangyeardata .angclass {
background: #FDC022;
}
.dianshangyeardata .el-table .huanbichengz {
background: #EB60BB;
}
.dianshangyeardata .qthuanbicheng {
background: #FEFF30;
width: 90px;
}
.dianshangyeardata .el-table .monthstyel {
background: #F6C8AB;
}
.dianshangyeardata .el-table .monthstyel2 {
background: #FDC022;
}
.dianshangyeardata .el-table .monthstyel3 {
background: #FFF2CC;
}
.dianshangyeardata .el-table .whitestyle {
background: #FFF;
}
.dianshangyeardata .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 360px;
}
.dianshangyeardata .singeRowTable {
background: rgb(255, 255, 255);
margin-top: 20px;
}
.dianshangyeardata tr {
height: 30px !important;
}
.dianshangyeardata tr td {
cursor: pointer;
}
.dianshangyeardata span {
font-size: 13px;
font-weight: normal;
}
.dianshangyeardata ::-webkit-scrollbar {
height: 12px;
}
</style>
src/components/SalesModule/groupTourOrder.vue
View file @ db13d9c3
...@@ -4724,7 +4724,6 @@ export default { ...@@ -4724,7 +4724,6 @@ export default {
{ name: "baojiadan", url: x.QuotationUrl }, { name: "baojiadan", url: x.QuotationUrl },
]; ];
} }
console.log(4720, this.addMsg);
this.addMsg.ScenicRefundArr = res.data.data.ScenicRefundArr; this.addMsg.ScenicRefundArr = res.data.data.ScenicRefundArr;
this.addMsg.OneSex = x.OneSex; this.addMsg.OneSex = x.OneSex;
this.addMsg.PlatformAccount = ""; this.addMsg.PlatformAccount = "";
......
src/components/index.vue
View file @ db13d9c3
...@@ -1856,10 +1856,7 @@ ...@@ -1856,10 +1856,7 @@
pageSize:5, pageSize:5,
}, },
res => { res => {
console.log("res",res.data);
if (res.data.resultCode == 1) {
}
} }
); );
}, },
......
src/components/scenicSpot/admissionStatisticsDetails.vue
View file @ db13d9c3
...@@ -9,8 +9,7 @@ ...@@ -9,8 +9,7 @@
</template> </template>
<template v-else> <template v-else>
<span style="color:red;font-size:14px;">已制单，不能在修改!</span> <span style="color:red;font-size:14px;">已制单，不能在修改!</span>
<input v-if="EditBtn" type="button" class="fr normalBtn mb30" value="保存" <input v-if="EditBtn" type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
@click="saveList(1)" />
</template> </template>
</li> </li>
</ul> </ul>
...@@ -133,9 +132,8 @@ ...@@ -133,9 +132,8 @@
<el-option label='签单' value='2'></el-option> <el-option label='签单' value='2'></el-option>
<el-option label='实物抵扣' value='5'></el-option> <el-option label='实物抵扣' value='5'></el-option>
<el-option label='预付' value='4'></el-option> <el-option label='预付' value='4'></el-option>
<el-option label='网订' value='12'></el-option> <el-option label='网订' value='12'></el-option>
</el-select> </el-select>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -162,7 +160,7 @@ ...@@ -162,7 +160,7 @@
export default { export default {
data() { data() {
return { return {
EditBtn:false,//房餐景点修改权限 EditBtn: false, //房餐景点修改权限
defaultSelectValue: 0, defaultSelectValue: 0,
DataList: [], DataList: [],
roomList: [], roomList: [],
...@@ -173,7 +171,7 @@ ...@@ -173,7 +171,7 @@
IsOperation: '', IsOperation: '',
//是否禁用按钮 //是否禁用按钮
IsDisabled: false, IsDisabled: false,
LineId:0,//线路编号 LineId: 0, //线路编号
} }
}, },
methods: { methods: {
...@@ -269,7 +267,7 @@ ...@@ -269,7 +267,7 @@
}, err => {}) }, err => {})
}, },
CheckAuth() { CheckAuth() {
var actionCode = this.$AuthCode.EditRoomDinnerTIcket; var actionCode = this.$AuthCode.EditRoomDinnerTIcket;
this.CheckUserAuth(actionCode, res => { this.CheckUserAuth(actionCode, res => {
if (res.data.resultCode == 1 && res.data.data == 1) { if (res.data.resultCode == 1 && res.data.data == 1) {
...@@ -282,9 +280,8 @@ ...@@ -282,9 +280,8 @@
this.CheckAuth(); this.CheckAuth();
this.TCNUM = this.$route.query.TCNUM; this.TCNUM = this.$route.query.TCNUM;
this.flightTotal = this.$route.query.flightTotal; this.flightTotal = this.$route.query.flightTotal;
if(this.$route.query.LineId) if (this.$route.query.LineId) {
{ this.LineId = this.$route.query.LineId;
this.LineId=this.$route.query.LineId;
} }
this.GuestNum = this.$route.query.GuestNum; this.GuestNum = this.$route.query.GuestNum;
this.getList(); this.getList();
......
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