|
|
@@ -1,10 +1,15 @@
|
|
|
<template>
|
|
|
<div v-loading="loading">
|
|
|
- <div class="search clear" style="align-items: center;;">
|
|
|
+ <div class="search clear" style="align-items: center;">
|
|
|
<el-tooltip placement="top" width="50px" trigger="hover" content="平台公司">
|
|
|
- <i class="el-icon-warning-outline" style="font-size:16px;cursor:pointer;;display:inline-block;padding-right: 5px" ></i>
|
|
|
- </el-tooltip>
|
|
|
- <span style="font-size: 15px;">月度完成情况</span>
|
|
|
+ <i
|
|
|
+ class="el-icon-warning-outline"
|
|
|
+ style="font-size:16px;cursor:pointer;;display:inline-block;padding-right: 5px"
|
|
|
+ ></i>
|
|
|
+ </el-tooltip>
|
|
|
+
|
|
|
+ <span style="font-size: 15px;">月度完成情况</span>
|
|
|
+
|
|
|
<div style="float:right">
|
|
|
<el-date-picker class="fr picker no-padding" v-model="daytime" style="width:95px" value-format="yyyy-MM-dd"
|
|
|
:editable="false" :disabled="isEmpty" :clearable="false" :size="'small'" format="yyyy-MM-dd" type="date"
|
|
|
@@ -13,55 +18,68 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-row style="margin-top:10px;margin-top:10px;margin-bottom:10px" v-if="!isEmpty">
|
|
|
- <el-table border size="mini" :data="topTable" :header-cell-class-name="setHeaderClassName"
|
|
|
- :cell-class-name="setCellClassName">
|
|
|
- <el-table-column fixed="left" label="公司" prop="companyName" align="center" width="70px">
|
|
|
+ <el-row style="margin-top:10px;margin-top:10px" v-if="!isEmpty">
|
|
|
+ <el-table
|
|
|
+ border
|
|
|
+ size="mini"
|
|
|
+ :data="tableData"
|
|
|
+ :header-cell-class-name="setHeaderClassName"
|
|
|
+ :cell-class-name="setCellClassName"
|
|
|
+ default-expand-all
|
|
|
+ row-key="companyNo"
|
|
|
+ :load="load"
|
|
|
+ lazy
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-table-column fixed="left" label="公司" prop="companyName" align="center" width="120px">
|
|
|
<template slot-scope="scope">
|
|
|
- <div v-if="scope.row.companyName === '结算单E企购'">
|
|
|
- 自营订单
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- {{ scope.row.companyName }}
|
|
|
- </div>
|
|
|
+ <span v-if="scope.row.companyName.indexOf('元隆雅图') === -1">
|
|
|
+ {{ mapCompany[scope.row.companyName] || scope.row.companyName }}
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <span v-else>
|
|
|
+ 元隆雅图
|
|
|
+ </span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+
|
|
|
+
|
|
|
<el-table-column label="当日营业收入" align="center" width="95px">
|
|
|
<template slot-scope="scope">
|
|
|
- {{ scope.row.companyName === '合计' ? unit2TenThousand(calcAmount('sale_total'), isTenThound) : unit2TenThousand(scope.row.sale_total, isTenThound) }}
|
|
|
+ {{ scope.row.companyName === '合计-元隆雅图' ? unit2TenThousand(calcAmount('sale_total'), isTenThound) : unit2TenThousand(scope.row.sale_total, isTenThound) }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column label="营收目标" align="center" min-width="95px">
|
|
|
<template slot-scope="scope">
|
|
|
- {{ scope.row.companyName === '合计' ? unit2TenThousand(calcAmount('total_tips'), isTenThound) : unit2TenThousand(scope.row.total_tips, isTenThound) }}
|
|
|
+ {{ scope.row.companyName === '合计-元隆雅图' ? unit2TenThousand(calcAmount('total_tips'), isTenThound) : unit2TenThousand(scope.row.total_tips, isTenThound) }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column label="营业收入(净)" align="center" min-width="115px">
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="display:flex;justify-content:center" :style="`${scope.row.companyName === '合计' ? '' :getCurrentValueStyle(scope.row.msale_total, scope.row.total_tips)}`">
|
|
|
+ <div style="display:flex;justify-content:center" :style="`${scope.row.companyName === '合计-元隆雅图' ? '' :getCurrentValueStyle(scope.row.msale_total, scope.row.total_tips)}`">
|
|
|
{{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('msale_total'), isTenThound)
|
|
|
: unit2TenThousand(scope.row.msale_total, isTenThound)
|
|
|
}}
|
|
|
<el-popover placement="right" :width="200" trigger="click">
|
|
|
<div class="table-size">
|
|
|
<p>直营/自营: {{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('0.0.monthinfo.msale_total', true), isTenThound)
|
|
|
- : unit2TenThousand(scope.row.info[0][0].monthinfo.msale_total, isTenThound)
|
|
|
+ : unit2TenThousand(scope.row.info[0].monthinfo.msale_total, isTenThound)
|
|
|
}}</p>
|
|
|
<p>支付渠道: {{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('0.1.monthinfo.msale_total', true), isTenThound)
|
|
|
- : unit2TenThousand(scope.row.info[0][1].monthinfo.msale_total, isTenThound)
|
|
|
+ : unit2TenThousand(scope.row.info[1].monthinfo.msale_total, isTenThound)
|
|
|
}}</p>
|
|
|
<p>供应商端: {{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('0.2.monthinfo.msale_total', true), isTenThound)
|
|
|
- : unit2TenThousand(scope.row.info[0][2].monthinfo.msale_total, isTenThound) }}
|
|
|
+ : unit2TenThousand(scope.row.info[2].monthinfo.msale_total, isTenThound) }}
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
@@ -77,8 +95,8 @@
|
|
|
|
|
|
<el-table-column label="营收完成%" align="center" min-width="85px">
|
|
|
<template slot-scope="scope">
|
|
|
- <div :style="`${scope.row.companyName === '合计' ? '' : getCurrentRateStyle(scope.row.completion_rate)}`">
|
|
|
- {{ scope.row.companyName === '合计' ? calcAmountCompletionRate() : (String(scope.row.completion_rate) === 'NaN' ? 0 : scope.row.completion_rate) + "%" }}
|
|
|
+ <div :style="`${scope.row.companyName === '合计-元隆雅图' ? '' : getCurrentRateStyle(scope.row.completion_rate)}`">
|
|
|
+ {{ scope.row.companyName === '合计-元隆雅图' ? calcAmountCompletionRate() : (String(scope.row.completion_rate) === 'NaN' ? 0 : scope.row.completion_rate) + "%" }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -89,7 +107,7 @@
|
|
|
<template slot-scope="scope">
|
|
|
{{
|
|
|
costField
|
|
|
- ? scope.row.companyName === '合计' ? unit2TenThousand(calcAmount('cost_tips'), isTenThound) : unit2TenThousand(scope.row.cost_tips, isTenThound)
|
|
|
+ ? scope.row.companyName === '合计-元隆雅图' ? unit2TenThousand(calcAmount('cost_tips'), isTenThound) : unit2TenThousand(scope.row.cost_tips, isTenThound)
|
|
|
: '***'
|
|
|
}}
|
|
|
</template>
|
|
|
@@ -97,9 +115,9 @@
|
|
|
|
|
|
<el-table-column label="毛利完成" align="center" min-width="90px">
|
|
|
<template slot-scope="scope">
|
|
|
- <div :style="`${scope.row.companyName === '合计' ? '' : getCurrentValueStyle(scope.row.gross_completion, scope.row.cost_tips)}`">
|
|
|
+ <div :style="`${scope.row.companyName === '合计-元隆雅图' ? '' : getCurrentValueStyle(scope.row.gross_completion, scope.row.cost_tips)}`">
|
|
|
{{ costField
|
|
|
- ? scope.row.companyName === '合计' ? unit2TenThousand(calcAmount('gross_completion'), isTenThound) : unit2TenThousand(scope.row.gross_completion, isTenThound)
|
|
|
+ ? scope.row.companyName === '合计-元隆雅图' ? unit2TenThousand(calcAmount('gross_completion'), isTenThound) : unit2TenThousand(scope.row.gross_completion, isTenThound)
|
|
|
: '***'
|
|
|
}}
|
|
|
</div>
|
|
|
@@ -107,11 +125,10 @@
|
|
|
</el-table-column>
|
|
|
</template>
|
|
|
|
|
|
-
|
|
|
<el-table-column label="毛利完成%" align="center" min-width="85px">
|
|
|
<template slot-scope="scope">
|
|
|
- <div :style="scope.row.companyName === '合计' ? '' : getCurrentRateStyle(scope.row.gross_completion_rate)">
|
|
|
- {{ scope.row.companyName === '合计' ? calcAmountGrossCompletionRate() : scope.row.gross_completion_rate + '%' }}
|
|
|
+ <div :style="scope.row.companyName === '合计-元隆雅图' ? '' : getCurrentRateStyle(scope.row.gross_completion_rate)">
|
|
|
+ {{ scope.row.companyName === '合计-元隆雅图' ? calcAmountGrossCompletionRate() : scope.row.gross_completion_rate + '%' }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -120,7 +137,7 @@
|
|
|
<el-table-column label="成本合计" align="center" min-width="125px">
|
|
|
<template slot-scope="scope">
|
|
|
<div style="display:flex;justify-content:center" v-if="costField">
|
|
|
- {{ scope.row.companyName === '合计'
|
|
|
+ {{ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('mcost_total'), isTenThound)
|
|
|
: unit2TenThousand(scope.row.mcost_total, isTenThound)
|
|
|
}}
|
|
|
@@ -128,28 +145,28 @@
|
|
|
<div class="table-size">
|
|
|
<p>直营/自营:
|
|
|
{{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('0.0.monthinfo.mcost_total',true),isTenThound)
|
|
|
- : unit2TenThousand(scope.row.info[0][0].monthinfo.mcost_total, isTenThound)
|
|
|
+ : unit2TenThousand(scope.row.info[0].monthinfo.mcost_total, isTenThound)
|
|
|
}}
|
|
|
</p>
|
|
|
<p>支付渠道:
|
|
|
{{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName ==='合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('0.1.monthinfo.mcost_total', true), isTenThound)
|
|
|
- : unit2TenThousand(scope.row.info[0][1].monthinfo.mcost_total, isTenThound)
|
|
|
+ : unit2TenThousand(scope.row.info[1].monthinfo.mcost_total, isTenThound)
|
|
|
}}</p>
|
|
|
<p>供应商端:
|
|
|
{{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('0.2.monthinfo.mcost_total', true),isTenThound)
|
|
|
- : unit2TenThousand(scope.row.info[0][2].monthinfo.mcost_total, isTenThound)
|
|
|
+ : unit2TenThousand(scope.row.info[2].monthinfo.mcost_total, isTenThound)
|
|
|
}}</p>
|
|
|
<p>物流费用:
|
|
|
{{
|
|
|
- scope.row.companyName === '合计'
|
|
|
+ scope.row.companyName === '合计-元隆雅图'
|
|
|
? unit2TenThousand(calcAmount('0.3.monthinfo.mcost_total', true), isTenThound)
|
|
|
- : unit2TenThousand(scope.row.info[0][3].monthinfo.mcost_total, isTenThound)
|
|
|
+ : unit2TenThousand(scope.row.info[3].monthinfo.mcost_total, isTenThound)
|
|
|
}}
|
|
|
</p>
|
|
|
</div>
|
|
|
@@ -167,7 +184,7 @@
|
|
|
<el-table-column label="实际毛利率" align="center" width="85px">
|
|
|
<template slot-scope="scope">
|
|
|
{{ costField
|
|
|
- ? scope.row.companyName === '合计' ? calcAmountRealRate() : unit2TenThousand(scope.row.gross_sale_completion_rate) + "%"
|
|
|
+ ? scope.row.companyName === '合计-元隆雅图' ? calcAmountRealRate() : unit2TenThousand(scope.row.gross_sale_completion_rate) + "%"
|
|
|
: '***'
|
|
|
}}
|
|
|
</template>
|
|
|
@@ -176,128 +193,6 @@
|
|
|
</el-table>
|
|
|
</el-row>
|
|
|
|
|
|
-
|
|
|
- <el-row style="margin-top:10px;margin-top:10px" v-if="!isEmpty">
|
|
|
- <el-table border size="mini" :data="tableData" :header-cell-class-name="setHeaderClassName"
|
|
|
- :cell-class-name="setCellClassName">
|
|
|
- <el-table-column fixed="left" label="公司" prop="companyName" align="center" width="60px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div v-if="scope.row.companyName.indexOf('普润') === -1">
|
|
|
- {{ mapCompany[scope.row.companyName] || scope.row.companyName }}
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-else>
|
|
|
- <el-popover placement="right" width="200" trigger="hover" content="普润&锦兴&知事">
|
|
|
- <template #reference>
|
|
|
- <i class="el-icon-warning-outline" style="font-size:14px;cursor:pointer"></i>
|
|
|
- 普润
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="当日营业收入" align="center" width="95px">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ unit2TenThousand(scope.row.sale_total, isTenThound) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="营收目标" align="center" min-width="95px">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ unit2TenThousand(scope.row.total_tips, isTenThound) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="营业收入(净)" align="center" min-width="115px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div style="display:flex;justify-content:center" :style="`${getCurrentValueStyle(scope.row.msale_total, scope.row.total_tips)}`">
|
|
|
- {{ unit2TenThousand(scope.row.msale_total, isTenThound) }}
|
|
|
- <el-popover placement="right" :width="200" trigger="click">
|
|
|
- <div class="table-size">
|
|
|
- <p>直营/自营: {{
|
|
|
- unit2TenThousand(scope.row.info[0][0].monthinfo.msale_total, isTenThound)
|
|
|
- }}</p>
|
|
|
- <p>支付渠道: {{ unit2TenThousand(scope.row.info[0][1].monthinfo.msale_total, isTenThound) }}</p>
|
|
|
- <p>供应商端: {{ unit2TenThousand(scope.row.info[0][2].monthinfo.msale_total, isTenThound) }}</p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <template #reference>
|
|
|
- <div :style="`${getCurrentValueStyle(scope.row.msale_total, scope.row.total_tips)}`">
|
|
|
- <i class="el-icon-warning-outline trigger-hover" style="font-size:16px;cursor:pointer;margin-left:5px"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="营收完成%" align="center" min-width="85px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div :style="`${getCurrentRateStyle(scope.row.completion_rate)}`">{{ (String(scope.row.completion_rate) === 'NaN' ? 0 : scope.row.completion_rate) + "%" }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
-
|
|
|
- <template v-if="costField">
|
|
|
- <el-table-column label="毛利目标" align="center" min-width="90px">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ costField ? unit2TenThousand(scope.row.cost_tips, isTenThound) : '***' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="毛利完成" align="center" min-width="90px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div :style="`${getCurrentValueStyle(scope.row.gross_completion, scope.row.cost_tips)}`">
|
|
|
- {{ costField ? unit2TenThousand(scope.row.gross_completion, isTenThound) : '***' }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </template>
|
|
|
-
|
|
|
-
|
|
|
- <el-table-column label="毛利完成%" align="center" min-width="85px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div :style="getCurrentRateStyle(scope.row.gross_completion_rate)">
|
|
|
- {{ scope.row.gross_completion_rate + '%' }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <template v-if="costField">
|
|
|
- <el-table-column label="成本合计" align="center" min-width="125px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div style="display:flex;justify-content:center" v-if="costField">
|
|
|
- {{ unit2TenThousand(scope.row.mcost_total, isTenThound) }}
|
|
|
- <el-popover placement="right" :width="200" trigger="click">
|
|
|
- <div class="table-size">
|
|
|
- <p>直营/自营: {{ unit2TenThousand(scope.row.info[0][0].monthinfo.mcost_total, isTenThound) }}</p>
|
|
|
- <p>支付渠道: {{ unit2TenThousand(scope.row.info[0][1].monthinfo.mcost_total, isTenThound) }}</p>
|
|
|
- <p>供应商端: {{ unit2TenThousand(scope.row.info[0][2].monthinfo.mcost_total, isTenThound) }}</p>
|
|
|
- <p>物流费用: {{ unit2TenThousand(scope.row.info[0][3].monthinfo.mcost_total, isTenThound) }}</p>
|
|
|
- </div>
|
|
|
-
|
|
|
- <template #reference>
|
|
|
- <i class="el-icon-warning-outline trigger-hover" style="font-size:16px;cursor:pointer;margin-left:5px"></i>
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
- </div>
|
|
|
-
|
|
|
- <p v-else>***</p>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="实际毛利率" align="center" width="85px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <!-- <div :style="`${getCurrentRateStyle(scope.row.gross_sale_completion_rate)}`"> -->
|
|
|
- {{ costField ? unit2TenThousand(scope.row.gross_sale_completion_rate) + "%" : '***' }}
|
|
|
- <!-- </div> -->
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </template>
|
|
|
- </el-table>
|
|
|
- </el-row>
|
|
|
-
|
|
|
<template v-else>
|
|
|
<div style="text-align:center;line-height:60px;user-select:none">当前账号没有访问权限</div>
|
|
|
</template>
|
|
|
@@ -310,8 +205,9 @@
|
|
|
import { addition, unit2TenThousand, subtraction, multiplication, division } from "../newReport/src/_utils";
|
|
|
import asyncRequest from "@/api/newResults";
|
|
|
import { mapCompany } from "./mapCompany";
|
|
|
-import dayjs from "dayjs"
|
|
|
+
|
|
|
import { amountData } from "./calc"
|
|
|
+import dayjs from "dayjs"
|
|
|
|
|
|
export default {
|
|
|
props: ['companies', 'costField', 'isTenThound'],
|
|
|
@@ -320,7 +216,6 @@ export default {
|
|
|
daytime: "",
|
|
|
loading: false,
|
|
|
tableData: [],
|
|
|
- topTable: [],
|
|
|
companyNo: "",
|
|
|
plat_cp_companies:[],
|
|
|
cp_companies: [],
|
|
|
@@ -335,64 +230,36 @@ export default {
|
|
|
const zsIndex = this.companies.findIndex((item) => item.label === "北京知事文化产业发展有限公司");
|
|
|
|
|
|
if (jxIndex !== -1 || prIndex !== -1 || zsIndex !== -1) hasCompose = true;
|
|
|
-
|
|
|
- console.log(this.companies)
|
|
|
this.cp_companies = this.companies.filter((item) => item.label !== "北京锦兴弘昌科技有限公司" && item.label !== "北京普润心堂商贸有限公司" && item.label !== "北京知事文化产业发展有限公司")
|
|
|
if (hasCompose) this.cp_companies = [...this.cp_companies, { value: "GS2302231124114965", label: "普润&锦兴&知事" }]
|
|
|
|
|
|
this.isEmpty = this.cp_companies.length === 0;
|
|
|
if (this.isEmpty) return;
|
|
|
|
|
|
- this.cp_companies = this.cp_companies.map((item, index) => {
|
|
|
- let label = '';
|
|
|
-
|
|
|
-
|
|
|
- if (item.label === '北京万宇恒通国际科贸有限公司') {
|
|
|
- label = '平台公司: 万宇'
|
|
|
- }
|
|
|
-
|
|
|
- if (item.label === '北京泰文创供应链管理有限公司') {
|
|
|
- label = '平台公司: 泰文创'
|
|
|
- }
|
|
|
-
|
|
|
- if (item.label === '北京元隆雅图文化传播股份有限公司') {
|
|
|
- label = '预订单E企购'
|
|
|
- }
|
|
|
-
|
|
|
- if (item.label === '自营订单') {
|
|
|
- label = '结算单E企购'
|
|
|
- }
|
|
|
-
|
|
|
- if (item.label === '地推订单') {
|
|
|
- label = '地推订单'
|
|
|
- }
|
|
|
+ const mapLabel = {
|
|
|
+ '北京万宇恒通国际科贸有限公司': '平台公司: 万宇',
|
|
|
+ '北京泰文创供应链管理有限公司': '平台公司: 泰文创',
|
|
|
+ '北京元隆雅图文化传播股份有限公司': '预订单E企购',
|
|
|
+ }
|
|
|
|
|
|
- if (item.label === "普润&锦兴&知事") label = `业务公司: 普润&锦兴&知事`
|
|
|
- if (label === '') label = `业务公司: ${mapCompany[item.label]}`;
|
|
|
+ this.cp_companies = this.cp_companies.map((item, index) => {
|
|
|
+ const label = mapLabel[item.label] || item.label
|
|
|
return ({ ...item, label })
|
|
|
})
|
|
|
|
|
|
|
|
|
- let plat_list = ['所有平台公司','平台公司: 万宇', '平台公司: 泰文创', '预订单E企购', '结算单E企购', '地推订单']
|
|
|
-
|
|
|
+ let plat_list = ['所有平台公司','平台公司: 万宇', '平台公司: 泰文创', '预订单E企购', '结算单E企购']
|
|
|
const plat_cp_list = this.cp_companies.map((item) => item.label);
|
|
|
plat_list = plat_list.filter(item => plat_cp_list.includes(item));
|
|
|
this.plat_cp_companies = plat_list.map((item) => this.cp_companies.find((cp_item) => cp_item.label === item));
|
|
|
|
|
|
-
|
|
|
- if(this.plat_cp_companies.length === 4){
|
|
|
- this.plat_cp_companies = [{ value: "", label: "所有平台公司" }, ...this.plat_cp_companies]
|
|
|
- }
|
|
|
+ if(this.plat_cp_companies.length === 4){ this.plat_cp_companies = [{ value: "", label: "所有平台公司" }, ...this.plat_cp_companies] }
|
|
|
|
|
|
this.companyNo = this.plat_cp_companies[0].value;
|
|
|
this.daytime = this.transformTime();
|
|
|
this.requestData();
|
|
|
},
|
|
|
methods: {
|
|
|
- isNaN(value){
|
|
|
- return value === 'NaN' || Number.isNaN(value)
|
|
|
- },
|
|
|
- unit2TenThousand,
|
|
|
calcAmountRealRate(){
|
|
|
const msale_total = this.calcAmount('msale_total')
|
|
|
const gross_completion = this.calcAmount('gross_completion')
|
|
|
@@ -409,22 +276,25 @@ export default {
|
|
|
return Number(multiplication(Number(division(msale_total, total_tips)).toFixed(2), 100)).toFixed(2) + '%'
|
|
|
},
|
|
|
calcAmount(prop, isInfo = false){
|
|
|
- const sourceData = this.topTable.filter(({companyName}) => companyName !== '合计')
|
|
|
-
|
|
|
+ const sourceData = this.tableData.find(({companyName}) => companyName === '合计-元隆雅图')
|
|
|
if(!isInfo){
|
|
|
- console.log(sourceData,prop)
|
|
|
- return sourceData.reduce((prev,current) => {
|
|
|
+ return sourceData.children.reduce((prev,current) => {
|
|
|
const value = Number(addition(prev,isNaN(current[prop]) ? 0 : current[prop]))
|
|
|
return value === 0 ? 0 : value.toFixed(2)
|
|
|
}, 0)
|
|
|
} else {
|
|
|
const [i1, i2,i3, i4] = prop.split('.')
|
|
|
- return sourceData.reduce((prev,current) => {
|
|
|
+ return sourceData.children.reduce((prev,current) => {
|
|
|
const value = Number(addition(prev, isNaN(current.info[i1][i2][i3][i4]) ? 0 : current.info[i1][i2][i3][i4]))
|
|
|
return value === 0 ? 0 : value.toFixed(2)
|
|
|
}, 0)
|
|
|
}
|
|
|
},
|
|
|
+ unit2TenThousand,
|
|
|
+ load(_1,_2,resolve){
|
|
|
+ const ylBusiness = this.tableData.find(({companyName}) => companyName.indexOf('元隆雅图') !== -1)
|
|
|
+ resolve(ylBusiness ? ylBusiness.children : [])
|
|
|
+ },
|
|
|
getCurrentRateStyle(current) {
|
|
|
const days = dayjs(this.daytime).daysInMonth();
|
|
|
const oneDay = Number(division(100, days)).toFixed(2);
|
|
|
@@ -440,8 +310,6 @@ export default {
|
|
|
return Number(currentTotalTip) > Number(current) ? 'color: red' : '';
|
|
|
},
|
|
|
addDataToCompany(c1, c2) {
|
|
|
- // Number(addition(c1.total_tips,c2.total_tips)).toFixed(2)
|
|
|
-
|
|
|
return {
|
|
|
companyName: '普润',
|
|
|
cost_tips: Number(c1.cost_tips).toFixed(2),
|
|
|
@@ -466,14 +334,12 @@ export default {
|
|
|
},
|
|
|
setCellClassName({ column ,row }) {
|
|
|
const { label } = column;
|
|
|
-
|
|
|
let base = ''
|
|
|
|
|
|
if(row.companyName === "北京万宇恒通国际科贸有限公司") {
|
|
|
base += 'font-bold '
|
|
|
}
|
|
|
|
|
|
-
|
|
|
if (label === "营收目标") {
|
|
|
base += "bg__success"
|
|
|
return base
|
|
|
@@ -484,7 +350,6 @@ export default {
|
|
|
return base;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
if (label === "毛利目标") {
|
|
|
base += "bg__primary"
|
|
|
return base
|
|
|
@@ -498,7 +363,6 @@ export default {
|
|
|
base += "bg__warning_1"
|
|
|
return base;
|
|
|
}
|
|
|
-
|
|
|
return base
|
|
|
},
|
|
|
setHeaderClassName({ column }) {
|
|
|
@@ -516,67 +380,77 @@ export default {
|
|
|
let d = time.getDate();
|
|
|
return y + "-" + (M < 10 ? "0" + M : M) + "-" + (d < 10 ? "0" + d : d);
|
|
|
},
|
|
|
- async requestData() {
|
|
|
+
|
|
|
+ async getData({ isChildren } = { isChildren: false }){
|
|
|
this.loading = true;
|
|
|
- this.tableData = [];
|
|
|
-
|
|
|
- const res = await asyncRequest.companyEveryMonth({ daytime: this.daytime });
|
|
|
-
|
|
|
- // const jxIndex = res.data.findIndex((item) => item.companyName === "北京锦兴弘昌科技有限公司");
|
|
|
- // let prIndex = res.data.findIndex((item) => item.companyName === "北京普润心堂商贸有限公司");
|
|
|
- // let zsIndex = res.data.findIndex((item) => item.companyName === "北京知事文化产业发展有限公司")
|
|
|
- // if (jxIndex >= 0 && prIndex >= 0) {
|
|
|
- // const jxItem = res.data[jxIndex];
|
|
|
- // res.data[prIndex] = this.addDataToCompany(jxItem, res.data[prIndex]);
|
|
|
- // res.data.splice(jxIndex, 1);
|
|
|
- // }
|
|
|
- // prIndex = res.data.findIndex((item) => item.companyName === "北京普润心堂商贸有限公司");
|
|
|
- // zsIndex = res.data.findIndex((item) => item.companyName === "北京知事文化产业发展有限公司")
|
|
|
- // if (zsIndex >= 0 && prIndex >= 0) {
|
|
|
- // const zsItem = res.data[zsIndex];
|
|
|
- // res.data[prIndex] = this.addDataToCompany(zsItem, res.data[prIndex]);
|
|
|
- // res.data.splice(zsIndex, 1);
|
|
|
- // }
|
|
|
- // if (this.companyNo === "GS2302231124114965") {
|
|
|
- // const jxResult = await asyncRequest.companyEveryMonth({ daytime: this.daytime, companyNo: "GS2304031312553746" });
|
|
|
- // const zsResult = await asyncRequest.companyEveryMonth({ daytime: this.daytime, companyNo: "GS2401181650538135" });
|
|
|
- // res.data[prIndex] = this.addDataToCompany(jxResult.data[0], res.data[prIndex]);
|
|
|
- // if(zsResult.data.length !== 0) {
|
|
|
- // res.data[prIndex] = this.addDataToCompany(zsResult.data[0], res.data[prIndex]);
|
|
|
- // }
|
|
|
- // }
|
|
|
- // const isBeforeDate = this.getDiffDay() < 0 && this.companyNo === "GS2302231323386950"
|
|
|
-
|
|
|
- if (res.code === 0 && res.data && res.data.length > 0) {
|
|
|
- res.data.forEach(({ companyName,companyNo ,monthinfo, dayinfo, total_tips, cost_tips }) => {
|
|
|
- const mapResponseType = { '1': '自营', '2': '渠道', '3': '供应商端' ,'4' : '物流费用'}
|
|
|
+
|
|
|
+ const api = isChildren ? asyncRequest.platform : asyncRequest.companyEveryMonth
|
|
|
+ const res = await api({ daytime: this.daytime });
|
|
|
+ this.loading = false;
|
|
|
+ let sourceData = []
|
|
|
+
|
|
|
+ if ((isChildren ? res.code === 1 : res.code === 0) && res.data && res.data.length > 0) {
|
|
|
+ res.data.forEach(({
|
|
|
+ platform_name,
|
|
|
+ platform_id,
|
|
|
+ companyName,
|
|
|
+ companyNo ,
|
|
|
+ monthinfo = [],
|
|
|
+ dayinfo = [],
|
|
|
+ total_tips = 0,
|
|
|
+ cost_tips = 0
|
|
|
+ }) => {
|
|
|
+ const mapResponseType = { '1': '自营', '2': '渠道', '3': '供应商端' ,'4' : '物流费用'}
|
|
|
const types = Object.keys(mapResponseType)
|
|
|
+
|
|
|
let prev_sale_total = 0;
|
|
|
let prev_msale_total = 0;
|
|
|
let prev_cost_total = 0;
|
|
|
let prev_mcost_total = 0;
|
|
|
|
|
|
const item = types.map(type => {
|
|
|
- const _monthinfo = monthinfo.find(month => String(month.type) === type) || {}
|
|
|
- const _dayinfo = dayinfo.find(day => String(day.type) === type) || {}
|
|
|
+ let _monthinfo = (Array.isArray(monthinfo) ? monthinfo : [monthinfo]).find(month => String(month.type) === type)
|
|
|
+ let _dayinfo = (Array.isArray(dayinfo) ? dayinfo : [dayinfo]).find(day => String(day.type) === type)
|
|
|
+
|
|
|
+ const defaultMonthInfo = { mcgd_th_total : "0.00", mcgd_total:"0.00", msale_total: "0.00", mth_total: "0.00", type }
|
|
|
+ const defaultDayinfo = { "sale_total": "0.00", "th_total": "0.00", "type": "1", "cgd_total": "0.00", "cgd_th_total": "0.00" }
|
|
|
+
|
|
|
+ if(!_monthinfo) _monthinfo = defaultMonthInfo
|
|
|
+ if(!_dayinfo) _dayinfo = defaultDayinfo
|
|
|
+
|
|
|
+ // 映射接口的字段
|
|
|
+ if(isChildren && 'sum_sale_total' in _dayinfo){
|
|
|
+ _dayinfo = {
|
|
|
+ cgd_total: _dayinfo.sum_cgd_total,
|
|
|
+ sale_total: _dayinfo.sum_sale_total,
|
|
|
+ cgd_th_total: _dayinfo.sum_cgd_th_total,
|
|
|
+ th_total: _dayinfo.sum_th_total,
|
|
|
+ type
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
/** 月营业收入 = 月销售额 - 月退货额 */
|
|
|
let msale_total = 0;
|
|
|
if(Number(type) !== 4){ msale_total = subtraction(_monthinfo.msale_total, _monthinfo.mth_total) || 0 }
|
|
|
+
|
|
|
/** 日营业收入 = 日销售额 - 日退货额 */
|
|
|
const sale_total = subtraction(_dayinfo.sale_total, _dayinfo.th_total) || 0;
|
|
|
/** 日成本 = 日采购额 - 日退货额 */
|
|
|
const cost_total = subtraction(_dayinfo.cgd_total, _dayinfo.cgd_th_total) || 0;
|
|
|
/** 月成本 = 月采购额 - 月退货额 */
|
|
|
let mcost_total = 0;
|
|
|
+
|
|
|
if(Number(type) !== 4){
|
|
|
mcost_total = subtraction(_monthinfo.mcgd_total, _monthinfo.mcgd_th_total) || 0;
|
|
|
}else{
|
|
|
mcost_total = Number(_monthinfo.mcgd_total || 0).toFixed(2);
|
|
|
}
|
|
|
+
|
|
|
prev_sale_total = Number(addition(prev_sale_total, sale_total)).toFixed(2);
|
|
|
prev_msale_total = Number(addition(prev_msale_total, msale_total)).toFixed(2);
|
|
|
prev_cost_total = Number(addition(prev_cost_total, cost_total)).toFixed(2);
|
|
|
prev_mcost_total = Number(addition(prev_mcost_total, mcost_total)).toFixed(2);
|
|
|
+
|
|
|
return {
|
|
|
type: mapResponseType[type],
|
|
|
dayinfo: { ..._dayinfo, sale_total },
|
|
|
@@ -587,14 +461,14 @@ export default {
|
|
|
const gross_completion = Number(subtraction(prev_msale_total, prev_mcost_total)).toFixed(2) //当月毛利完成 = 月营收 - 月成本
|
|
|
|
|
|
|
|
|
- this.tableData = [
|
|
|
- ...this.tableData,
|
|
|
+ sourceData = [
|
|
|
+ ...sourceData,
|
|
|
{
|
|
|
- companyNo,
|
|
|
- companyName, // 公司名称
|
|
|
+ companyNo: isChildren ? platform_id : companyNo,
|
|
|
+ companyName: isChildren ? platform_name : companyName, // 公司名称
|
|
|
cost_tips, // 当月成本指标
|
|
|
total_tips, // 当月营收目标
|
|
|
- info: [{ ...item }], // 直营..渠道 销售
|
|
|
+ info: item, // 直营..渠道 销售
|
|
|
sale_total: prev_sale_total, // 当日营业收入
|
|
|
cost_total: prev_cost_total, // 当日成本总额
|
|
|
msale_total: prev_msale_total, // 当月营业收入
|
|
|
@@ -606,44 +480,39 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
})
|
|
|
+ }else{
|
|
|
+ sourceData = []
|
|
|
+ }
|
|
|
|
|
|
-
|
|
|
-
|
|
|
- let i = ["北京万宇恒通国际科贸有限公司", '北京泰文创供应链管理有限公司' ,"北京元隆雅图文化传播股份有限公司", "结算单E企购", "地推订单"];
|
|
|
- const values = this.plat_cp_companies.map(({value}) => value)
|
|
|
- const l = this.tableData.map(item => item.companyName);
|
|
|
- i = i.filter(item => l.includes(item));
|
|
|
-
|
|
|
- this.tableData = i.map(item => this.tableData.find(l => l.companyName === item));
|
|
|
- this.tableData = this.tableData.filter(({companyNo}) => values.includes(companyNo));
|
|
|
- this.tableData.forEach(item => { if(item.companyName === '结算单E企购'){ item.companyName = '自营订单' } })
|
|
|
- console.log(this.tableData)
|
|
|
-
|
|
|
-
|
|
|
- const sourceData = JSON.parse(JSON.stringify(this.tableData))
|
|
|
- this.tableData = sourceData.filter(item => item.companyName !== '自营订单' && item.companyName !== '地推订单')
|
|
|
- const topTable = sourceData.filter((item) => item.companyName === '自营订单' || item.companyName === '地推订单')
|
|
|
-
|
|
|
- if(topTable.length === 0 || topTable.length === 1){
|
|
|
- this.topTable = [...topTable]
|
|
|
- }else{
|
|
|
- console.log(this.topTable)
|
|
|
- this.topTable = [
|
|
|
- amountData,
|
|
|
- ...topTable
|
|
|
- ]
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.tableData = [];
|
|
|
- this.topTable = [];
|
|
|
+ return sourceData
|
|
|
+ },
|
|
|
+ async requestData() {
|
|
|
+ let platformlist = await this.getData()
|
|
|
+
|
|
|
+ // 显示的公司列表
|
|
|
+ let displayedCompanylist = ["北京万宇恒通国际科贸有限公司", '北京泰文创供应链管理有限公司' ,"北京元隆雅图文化传播股份有限公司"];
|
|
|
+ let values = this.plat_cp_companies.map(({value}) => value)
|
|
|
+ const l = platformlist.map(item => item.companyName);
|
|
|
+ displayedCompanylist = displayedCompanylist.filter(item => l.includes(item));
|
|
|
+ platformlist = displayedCompanylist.map(item => platformlist.find(l => l.companyName === item));
|
|
|
+ platformlist = platformlist.filter(({ companyNo }) => values.includes(companyNo))
|
|
|
+ const composeCompanyIndex = platformlist.findIndex(({ companyNo }) => companyNo === 'GS2404151642335170')
|
|
|
+
|
|
|
+ if(composeCompanyIndex !== -1){
|
|
|
+ const children = await this.getData({ isChildren: true })
|
|
|
+ const [composeCompany] = platformlist.splice(composeCompanyIndex, 1)
|
|
|
+ platformlist.unshift({ hasChildren: true, children ,...composeCompany })
|
|
|
}
|
|
|
- this.loading = false;
|
|
|
+
|
|
|
+ this.tableData = platformlist
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+
|
|
|
+
|
|
|
.new-results {
|
|
|
.search {
|
|
|
height: 36px;
|
snow