|
@@ -26,36 +26,30 @@
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<div style="background:#fff;padding:15px;margin-top:10px">
|
|
|
- <el-table :data="sourceList.data" :height="tableHeight" style="width: 100%" v-loading="loading">
|
|
|
- <el-table-column prop="name" label="组别" min-width="110" fixed="left">
|
|
|
- <template #default="{ row, $index }">
|
|
|
- <div>
|
|
|
- 随机啊啊啊啊
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="name" label="业务员" width="80" fixed="left" />
|
|
|
+ <el-table :data="sourceList.data" :height="tableHeight" style="width: 100%" v-loading="loading" border>
|
|
|
+ <el-table-column prop="groupName" label="组别" min-width="110" fixed="left" />
|
|
|
+ <el-table-column prop="saleUserName" label="业务员" width="80" fixed="left" />
|
|
|
|
|
|
<template v-if="dayList && dayList.length>0">
|
|
|
<el-table-column v-for="col in dayList" :key="col" :label="col" align="center" :class-name="today==col?'isToday':''">
|
|
|
<el-table-column prop="address" label="系统" width="100" align="right" :class-name="today==col?'isToday':''">
|
|
|
<template #default="{ row, $index }">
|
|
|
- <div style="width: 100%" :class="today==col?'isToday':''">
|
|
|
- <!-- {{col}} -->999,999.00
|
|
|
+ <div style="width: 100%" :class="today==col?'isToday':''" v-if="row[col] && row[col].sumContractAmount">
|
|
|
+ {{moneyFormat(row[col].sumContractAmount,2)}}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="address" label="聚水潭" width="100" align="right" :class-name="today==col?'isToday':''">
|
|
|
<template #default="{ row, $index }">
|
|
|
- <div style="width: 100%" :class="today==col?'isToday':''">
|
|
|
- {{col}}
|
|
|
+ <div style="width: 100%" :class="today==col?'isToday':''" v-if="row[col] && row[col].sumJstAmount">
|
|
|
+ {{moneyFormat(row[col].sumJstAmount,2)}}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
</template>
|
|
|
|
|
|
- <el-table-column width="90" align="right" fixed="right">
|
|
|
+ <el-table-column width="95" align="right" fixed="right">
|
|
|
<template #header>
|
|
|
<div>
|
|
|
系统
|
|
@@ -63,8 +57,13 @@
|
|
|
月累计
|
|
|
</div>
|
|
|
</template>
|
|
|
+ <template #default="{ row, $index }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ {{moneyFormat(row.sumContractAmount,2)}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column width="90" align="right" fixed="right">
|
|
|
+ <el-table-column width="95" align="right" fixed="right">
|
|
|
<template #header>
|
|
|
<div>
|
|
|
聚水潭
|
|
@@ -72,8 +71,13 @@
|
|
|
月累计
|
|
|
</div>
|
|
|
</template>
|
|
|
+ <template #default="{ row, $index }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ {{moneyFormat(row.sumJstAmount,2)}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column width="90" align="right" fixed="right">
|
|
|
+ <el-table-column width="95" align="right" fixed="right">
|
|
|
<template #header>
|
|
|
<div>
|
|
|
合计
|
|
@@ -81,10 +85,27 @@
|
|
|
月累计
|
|
|
</div>
|
|
|
</template>
|
|
|
+ <template #default="{ row, $index }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ {{moneyFormat(row.sumAmount,2)}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="address" label="月目标" width="90" align="right" fixed="right" />
|
|
|
- <el-table-column prop="address" label="月达成率" width="90" align="right" fixed="right" />
|
|
|
- <el-table-column prop="address" label="排名" width="60" align="right" fixed="right" />
|
|
|
+ <el-table-column label="月目标" width="90" align="right" fixed="right">
|
|
|
+ <template #default="{ row, $index }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ {{moneyFormat(row.targetAmount,2)}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="月达成率" width="90" align="right" fixed="right">
|
|
|
+ <template #default="{ row, $index }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ {{moneyFormat(row.finishRate,2)}} %
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="ranking" label="排名" width="60" align="center" fixed="right" />
|
|
|
</el-table>
|
|
|
</div>
|
|
|
|
|
@@ -116,7 +137,6 @@ const weekEnd = ref(moment().endOf("week").format("yyyy-MM-DD") + " 23:59:59");
|
|
|
const sourceList = ref({
|
|
|
data: [],
|
|
|
pagination: {
|
|
|
- total: 0,
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
beginTime: "",
|
|
@@ -128,17 +148,19 @@ const loading = ref(false);
|
|
|
const getList = (req) => {
|
|
|
sourceList.value.pagination = { ...sourceList.value.pagination, ...req };
|
|
|
loading.value = true;
|
|
|
- proxy.post("/contract/page", sourceList.value.pagination).then((res) => {
|
|
|
- sourceList.value.data = res.rows;
|
|
|
- sourceList.value.pagination.total = res.total;
|
|
|
- setTimeout(() => {
|
|
|
- loading.value = false;
|
|
|
- }, 200);
|
|
|
- });
|
|
|
+ proxy
|
|
|
+ .post("/deptPerf/monthlyReporting", sourceList.value.pagination)
|
|
|
+ .then((res) => {
|
|
|
+ sourceList.value.data = res;
|
|
|
+ setTimeout(() => {
|
|
|
+ loading.value = false;
|
|
|
+ }, 500);
|
|
|
+ });
|
|
|
};
|
|
|
|
|
|
const dayList = ref([]);
|
|
|
const onQuery = () => {
|
|
|
+ loading.value = true;
|
|
|
if (
|
|
|
sourceList.value.pagination.beginTime &&
|
|
|
sourceList.value.pagination.endTime
|
|
@@ -177,13 +199,17 @@ const onReset = () => {
|
|
|
};
|
|
|
onReset();
|
|
|
|
|
|
-const nowYearMonth = ref(moment().format("YYYY-MM-DD"));
|
|
|
-// const disabledFn= (date)=>{
|
|
|
-// let now =moment(date)
|
|
|
-// if(moment(date) > moment(beginTime.value) || ){
|
|
|
-
|
|
|
-// }
|
|
|
-// }
|
|
|
+// const nowYearMonth = ref(moment().format("YYYY-MM"));
|
|
|
+const disabledFn = (date) => {
|
|
|
+ if (
|
|
|
+ moment(date).isBefore(beginTime.value) ||
|
|
|
+ moment(date).isAfter(endTime.value)
|
|
|
+ ) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+};
|
|
|
|
|
|
const aa = () => {
|
|
|
let eles = document.querySelectorAll(".isToday");
|
|
@@ -206,6 +232,9 @@ const aa = () => {
|
|
|
:deep(.el-table .el-table__cell) {
|
|
|
padding: 0 !important;
|
|
|
}
|
|
|
+:deep(.el-table .cell) {
|
|
|
+ padding: 0 6px !important;
|
|
|
+}
|
|
|
.query {
|
|
|
background: #20b2aa;
|
|
|
color: #fff;
|