Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cl
commit
bc3c4f2ebc
@ -0,0 +1,161 @@ |
|||||||
|
<template> |
||||||
|
<ContentWrap> |
||||||
|
<el-form :model="searchForm" label-width="0" inline> |
||||||
|
<el-form-item> |
||||||
|
<el-date-picker |
||||||
|
v-model="searchForm.period" |
||||||
|
type="daterange" |
||||||
|
format="YYYY-MM-DD" |
||||||
|
value-format="YYYY-MM-DD" |
||||||
|
start-placeholder="选择日期" |
||||||
|
end-placeholder="选择日期" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-input v-model="searchForm.nickname" placeholder="销售姓名" clearable /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-tree-select |
||||||
|
v-model="searchForm.sourceId" |
||||||
|
:data="sourceOptions" |
||||||
|
:props="defaultProps" |
||||||
|
check-strictly |
||||||
|
node-key="sourceId" |
||||||
|
placeholder="请选择渠道" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-select v-model="searchForm.cartype" placeholder="选择驾照类型" clearable> |
||||||
|
<el-option |
||||||
|
v-for="item in cartypeOptions" |
||||||
|
:key="item.value" |
||||||
|
:label="item.label" |
||||||
|
:value="item.value" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<el-form-item> |
||||||
|
<el-button @click="handleSearch">查询</el-button> |
||||||
|
<el-button @click="handleReset">重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
|
||||||
|
<el-table v-loading="loading" :data="tableList" border stripe> |
||||||
|
<el-table-column type="index" width="50" fixed="left" /> |
||||||
|
<el-table-column prop="nickname" label="姓名" width="80" fixed="left" /> |
||||||
|
<el-table-column prop="" sortable min-width="100"> |
||||||
|
<template #header> |
||||||
|
<Tooltip message="咨询日期在所选周期内的线索总数" /> |
||||||
|
<span>新线索数</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="成交数" prop="" sortable min-width="100"> |
||||||
|
<template #header> |
||||||
|
<Tooltip message="成交日期在所选周期内的成交数" /> |
||||||
|
<span>成交数</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="成交率" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column label="跟进数/日" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column label="成交数/日" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column label="平均成交周期/天" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column prop="" sortable min-width="100"> |
||||||
|
<template #header> |
||||||
|
<Tooltip |
||||||
|
message="平均每笔成交订单的公司利润【按照登记，不按审核到账】=总公司利润/总成交数" |
||||||
|
/> |
||||||
|
<span>毛利/单</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="" sortable min-width="100"> |
||||||
|
<template #header> |
||||||
|
<Tooltip |
||||||
|
message="平均每笔成交订单的额外支出（返费等）【按照登记，不按审核到账】=总支出/总成交数" |
||||||
|
/> |
||||||
|
<span>支出/单</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="" sortable min-width="100"> |
||||||
|
<template #header> |
||||||
|
<Tooltip message="平均每条线索的成本=总线索成本/新线索条数" /> |
||||||
|
<span>线索成本/条</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="" sortable min-width="100"> |
||||||
|
<template #header> |
||||||
|
<Tooltip message="=（总公司利润-总支出-总线索成本）/总成交数" /> |
||||||
|
<span>净利润/单</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="总线索成本" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column label="总支出" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column label="总利润" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column prop="" sortable min-width="100"> |
||||||
|
<template #header> |
||||||
|
<Tooltip message="=总利润/(总成本+总支出)" min-width="100" /> |
||||||
|
<span>能效</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="撞单数" prop="" sortable min-width="100" /> |
||||||
|
<el-table-column label="撞单成交数" prop="" sortable min-width="100" /> |
||||||
|
</el-table> |
||||||
|
</ContentWrap> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup name="SalesReport"> |
||||||
|
import * as reportApi from '@/api/home/reportSignRate' |
||||||
|
import { removeNullField } from '@/utils' |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
handleReset() |
||||||
|
handleSearch() |
||||||
|
}) |
||||||
|
|
||||||
|
const searchForm = ref({}) |
||||||
|
|
||||||
|
function handleReset() { |
||||||
|
searchForm.value = { |
||||||
|
nickname: undefined, |
||||||
|
year: new Date().getFullYear() + '' |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const loading = ref(false) |
||||||
|
const tableList = ref([]) |
||||||
|
async function handleSearch() { |
||||||
|
loading.value = true |
||||||
|
try { |
||||||
|
const data = await reportApi.getList(removeNullField(searchForm.value)) |
||||||
|
tableList.value = data.map((item) => { |
||||||
|
const count = item.monthClueSignRateReportList.reduce( |
||||||
|
(pre, cur) => { |
||||||
|
return { |
||||||
|
signCount: pre.signCount + cur.clueSignNum, |
||||||
|
clueCount: pre.clueCount + cur.followClueNum |
||||||
|
} |
||||||
|
}, |
||||||
|
{ signCount: 0, clueCount: 0 } |
||||||
|
) |
||||||
|
const rate = count.clueCount > 0 ? ((count.signCount * 100) / count.clueCount).toFixed(2) : 0 |
||||||
|
return { |
||||||
|
...item, |
||||||
|
totalRate: `${rate}%(${count.signCount}/${count.clueCount})`, |
||||||
|
totalRateNum: rate |
||||||
|
} |
||||||
|
}) |
||||||
|
} finally { |
||||||
|
loading.value = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// function monthSort(pre, cur, idx) { |
||||||
|
|
||||||
|
// return ( |
||||||
|
// Number(pre.monthClueSignRateReportList[idx].rate) - |
||||||
|
// Number(cur.monthClueSignRateReportList[idx].rate) |
||||||
|
// ) |
||||||
|
// } |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
Loading…
Reference in new issue