sc

src/views/Home/SalesReport.vue

@@ -43,7 +43,13 @@
 
     <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="nickname" label="姓名" width="80" fixed="left">
+        <template #default="{ row }">
+          <el-button type="primary" style="padding: 0" text @click="handleDetail">{{
+            row.nickname
+          }}</el-button>
+        </template>
+      </el-table-column>
       <el-table-column prop="" sortable min-width="100">
         <template #header>
           <Tooltip message="咨询日期在所选周期内的线索总数" />
@@ -59,7 +65,12 @@
       <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="" 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
@@ -93,17 +104,21 @@
       <el-table-column label="总利润" prop="" sortable min-width="100" />
       <el-table-column prop="" sortable min-width="100">
         <template #header>
-          <Tooltip message="=总利润/(总成本+总支出)" min-width="100" />
+          <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>
+
+    <DialogSalerReportDetail ref="SalerDetailDialog" />
   </ContentWrap>
 </template>
 
 <script setup name="SalesReport">
+import DialogSalerReportDetail from './Comp/DialogSalerReportDetail.vue'
+
 import * as reportApi from '@/api/home/reportSignRate'
 import { removeNullField } from '@/utils'
 
@@ -112,12 +127,22 @@ onMounted(() => {
   handleSearch()
 })
 
+const defaultProps = {
+  children: 'children',
+  label: 'sourceName',
+  value: 'sourceId',
+  isLeaf: 'leaf'
+}
+
+const sourceOptions = ref([])
+const cartypeOptions = ref([])
+
 const searchForm = ref({})
 
 function handleReset() {
   searchForm.value = {
     nickname: undefined,
-    year: new Date().getFullYear() + ''
+    period: []
   }
 }
 
@@ -149,6 +174,11 @@ async function handleSearch() {
   }
 }
 
+const SalerDetailDialog = ref()
+function handleDetail(info) {
+  SalerDetailDialog.value.open(info, searchForm.value)
+}
+
 // function monthSort(pre, cur, idx) {
 
 //   return (