sc

src/views/Home/SalesReport.vue

@@ -3,12 +3,13 @@
     <el-form :model="searchForm" label-width="0" inline>
       <el-form-item>
         <el-date-picker
-          v-model="searchForm.period"
+          v-model="searchForm.consultTime"
           type="daterange"
           format="YYYY-MM-DD"
           value-format="YYYY-MM-DD"
           start-placeholder="选择日期"
           end-placeholder="选择日期"
+          :clearable="false"
         />
       </el-form-item>
       <el-form-item>
@@ -20,17 +21,18 @@
           :data="sourceOptions"
           :props="defaultProps"
           check-strictly
+          clearable
           node-key="sourceId"
           placeholder="请选择渠道"
         />
       </el-form-item>
       <el-form-item>
-        <el-select v-model="searchForm.cartype" placeholder="选择驾照类型" clearable>
+        <el-select v-model="searchForm.licenseType" placeholder="选择驾照类型" clearable>
           <el-option
-            v-for="item in cartypeOptions"
-            :key="item.value"
+            v-for="item in licenseTypeOptions"
+            :key="item.label"
             :label="item.label"
-            :value="item.value"
+            :value="item.label"
           />
         </el-select>
       </el-form-item>
@@ -45,33 +47,33 @@
       <el-table-column type="index" width="50" fixed="left" />
       <el-table-column prop="nickname" label="姓名" width="80" fixed="left">
         <template #default="{ row }">
-          <el-button type="primary" style="padding: 0" text @click="handleDetail">{{
+          <el-button type="primary" style="padding: 0" text @click="handleDetail(row)">{{
             row.nickname
           }}</el-button>
         </template>
       </el-table-column>
-      <el-table-column prop="" sortable min-width="100">
+      <el-table-column prop="newClueNumber" 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="signNumber" 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 label="成交率" prop="signRate" sortable min-width="100" />
+      <el-table-column label="跟进数/日" prop="dayFollowNumber" sortable min-width="100" />
+      <el-table-column label="成交数/日" prop="daySignNumber" sortable min-width="100" />
+      <el-table-column label="平均成交周期" prop="averageSignPeriod" sortable min-width="100">
         <template #header>
           <Tooltip message="平均每条成交的线索，从咨询开始到成交所需要的天数" />
           <span>平均成交周期</span>
         </template>
       </el-table-column>
-      <el-table-column prop="" sortable min-width="100">
+      <el-table-column prop="grossProfitOfSingleSign" sortable min-width="100">
         <template #header>
           <Tooltip
             message="平均每笔成交订单的公司利润【按照登记，不按审核到账】=总公司利润/总成交数"
@@ -79,7 +81,7 @@
           <span>毛利/单</span>
         </template>
       </el-table-column>
-      <el-table-column prop="" sortable min-width="100">
+      <el-table-column prop="payPriceOfSingleSign" sortable min-width="100">
         <template #header>
           <Tooltip
             message="平均每笔成交订单的额外支出（返费等）【按照登记，不按审核到账】=总支出/总成交数"
@@ -87,42 +89,52 @@
           <span>支出/单</span>
         </template>
       </el-table-column>
-      <el-table-column prop="" sortable min-width="100">
+      <el-table-column prop="costOfSingleClue" sortable min-width="100">
         <template #header>
           <Tooltip message="平均每条线索的成本=总线索成本/新线索条数" />
           <span>线索成本/条</span>
         </template>
       </el-table-column>
-      <el-table-column prop="" sortable min-width="100">
+      <el-table-column prop="netProfitOfSingleSign" 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">
+      <el-table-column label="总线索成本" prop="clueCostTotal" sortable min-width="100" />
+      <el-table-column label="总支出" prop="payPriceTotal" sortable min-width="100" />
+      <el-table-column label="总利润" prop="profitTotal" sortable min-width="100" />
+      <el-table-column prop="efficiency" 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="repeatClueNum" sortable min-width="100" />
+      <el-table-column label="撞单成交数" prop="repeatClueSignNum" sortable min-width="100" />
     </el-table>
 
-    <DialogSalerReportDetail ref="SalerDetailDialog" />
+    <DialogSalerReportDetail
+      :licenseTypeOptions="licenseTypeOptions"
+      :source-options="sourceOptions"
+      ref="SalerDetailDialog"
+    />
   </ContentWrap>
 </template>
 
 <script setup name="SalesReport">
 import DialogSalerReportDetail from './Comp/DialogSalerReportDetail.vue'
 
-import * as reportApi from '@/api/home/reportSignRate'
+import * as reportApi from '@/api/home/reportSaler'
+import { getSimpleSourceList as getResourceOptions } from '@/api/clue/source'
+
 import { removeNullField } from '@/utils'
+import { formatDate } from '@/utils/formatTime'
+import { handleTree } from '@/utils/tree'
+import { getIntDictOptions } from '@/utils/dict'
 
 onMounted(() => {
+  getOptions()
   handleReset()
   handleSearch()
 })
@@ -135,14 +147,16 @@ const defaultProps = {
 }
 
 const sourceOptions = ref([])
-const cartypeOptions = ref([])
+const licenseTypeOptions = ref([])
 
 const searchForm = ref({})
 
 function handleReset() {
+  const year = new Date().getFullYear()
+  const month = new Date().getMonth() + 1
   searchForm.value = {
     nickname: undefined,
-    period: []
+    consultTime: [`${year}-${month}-01`, formatDate(new Date())]
   }
 }
 
@@ -152,23 +166,7 @@ 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
-      }
-    })
+    tableList.value = data
   } finally {
     loading.value = false
   }
@@ -179,13 +177,12 @@ function handleDetail(info) {
   SalerDetailDialog.value.open(info, searchForm.value)
 }
 
-// function monthSort(pre, cur, idx) {
-
-//   return (
-//     Number(pre.monthClueSignRateReportList[idx].rate) -
-//     Number(cur.monthClueSignRateReportList[idx].rate)
-//   )
-// }
+function getOptions() {
+  getResourceOptions().then((data) => {
+    sourceOptions.value = handleTree(data, 'sourceId')
+  })
+  licenseTypeOptions.value = getIntDictOptions('license_type')
+}
 </script>
 
 <style lang="scss" scoped></style>