15 changed files with 662 additions and 136 deletions
@ -0,0 +1,13 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
|
||||
|
// USER_CODE_BEGIN -- service_logs
|
||||
|
/** |
||||
|
* |
||||
|
* @param params |
||||
|
* @returns |
||||
|
*/ |
||||
|
export function getServiceLogsList(params) { |
||||
|
return request.get(`service_logs/service_logs`, {params}) |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,141 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
v-model="showDialog" |
||||
|
title="客户详情" |
||||
|
width="80%" |
||||
|
class="user-profile p-6" |
||||
|
:destroy-on-close="true" |
||||
|
> |
||||
|
|
||||
|
<!-- 顶部用户信息 --> |
||||
|
<el-card class="mb-4"> |
||||
|
<div class="flex items-center"> |
||||
|
<el-avatar :size="60" class="mr-4" /> |
||||
|
<div> |
||||
|
<h2 class="text-xl font-bold">{{ user.name }}</h2> |
||||
|
<p>ID: {{ user.id }}</p> |
||||
|
<p>电话: {{ user.phone }}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
<!-- 标签导航 --> |
||||
|
<el-tabs v-model="activeTab" class="mb-4"> |
||||
|
<el-tab-pane label="六要素" name="six-elements" /> |
||||
|
<el-tab-pane label="修改日志" name="log" /> |
||||
|
<el-tab-pane label="学生情况" name="student" /> |
||||
|
<el-tab-pane label="订单列表" name="orders" /> |
||||
|
<el-tab-pane label="课程列表" name="courses" /> |
||||
|
</el-tabs> |
||||
|
|
||||
|
<!-- 六要素信息卡片 --> |
||||
|
<el-card v-if="activeTab === 'six-elements'"> |
||||
|
<h3 class="text-lg font-bold mb-4">六要素信息</h3> |
||||
|
<el-row :gutter="20" class="mb-2"> |
||||
|
<el-col :span="8">需求购买力：<el-tag>{{ info.purchasePower }}</el-tag></el-col> |
||||
|
<el-col :span="8">认知理念：<el-tag>{{ info.knowledge }}</el-tag></el-col> |
||||
|
<el-col :span="8">距离：<span>{{ info.distance }}</span></el-col> |
||||
|
</el-row> |
||||
|
<el-row :gutter="20" class="mb-2"> |
||||
|
<el-col :span="8">可谈上课时间：<span>{{ info.canTalkDate }}</span></el-col> |
||||
|
<el-col :span="8">承诺到访时间：<span>{{ info.promisedVisitDate }}</span></el-col> |
||||
|
<el-col :span="8">实际到访时间：<span>{{ info.actualVisitDate }}</span></el-col> |
||||
|
</el-row> |
||||
|
<el-row :gutter="20" class="mb-2"> |
||||
|
<el-col :span="8">电话后的意向程度：<el-tag>{{ info.phoneIntention }}</el-tag></el-col> |
||||
|
<el-col :span="8">是否关单： |
||||
|
<el-tag :type="info.isClosed ? 'success' : 'danger'">{{ info.isClosed ? '是' : '否' }}</el-tag> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<!-- 备注与访问情况 --> |
||||
|
<el-form label-position="top" class="mt-4"> |
||||
|
<el-form-item label="沟通备注"> |
||||
|
<el-input v-model="info.notes" placeholder="填写备注" disabled/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="一访情况"> |
||||
|
<el-input v-model="info.visit1" placeholder="填写一访情况" disabled/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="二访情况"> |
||||
|
<el-input v-model="info.visit2" placeholder="填写二访情况" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
|
||||
|
let showDialog = ref(false) |
||||
|
|
||||
|
|
||||
|
const activeTab = ref('six-elements') |
||||
|
|
||||
|
const user = reactive({ |
||||
|
name: '王五1', |
||||
|
id: 'U001', |
||||
|
phone: '13914556707' |
||||
|
}) |
||||
|
|
||||
|
const info = reactive({ |
||||
|
purchasePower: '', |
||||
|
knowledge: '', |
||||
|
distance: '', |
||||
|
canTalkDate: '', |
||||
|
promisedVisitDate: '', |
||||
|
actualVisitDate: '', |
||||
|
phoneIntention: '', |
||||
|
isClosed: '', |
||||
|
notes: '', |
||||
|
visit1: '', |
||||
|
visit2: '' |
||||
|
}) |
||||
|
|
||||
|
let call_intentList = ref([]) |
||||
|
let purchase_powerList = ref([]) |
||||
|
let concept_awarenessList = ref([]) |
||||
|
|
||||
|
const setFormData = async (row) => { |
||||
|
call_intentList.value = await ( |
||||
|
await useDictionary('preliminarycustomerintention') |
||||
|
).data.dictionary |
||||
|
|
||||
|
purchase_powerList.value = await ( |
||||
|
await useDictionary('customer_purchasing_power') |
||||
|
).data.dictionary |
||||
|
|
||||
|
concept_awarenessList.value = await ( |
||||
|
await useDictionary('cognitive_concept') |
||||
|
).data.dictionary |
||||
|
|
||||
|
user.name = row.name; |
||||
|
user.id = row.id; |
||||
|
user.phone = row.phone_number; |
||||
|
info.purchasePower = purchase_powerList.value.flat().find(item => item.value == row.six.purchase_power)?.name || ''; |
||||
|
info.knowledge = concept_awarenessList.value.flat().find(item => item.value == row.six.concept_awareness)?.name || ''; |
||||
|
info.distance = row.six.distance; |
||||
|
info.canTalkDate = row.six.preferred_class_time; |
||||
|
info.promisedVisitDate = row.six.promised_visit_time; |
||||
|
info.actualVisitDate = row.six.actual_visit_time; |
||||
|
info.phoneIntention = call_intentList.value.flat().find(item => item.value == row.six.call_intent)?.name || ''; |
||||
|
info.isClosed = row.six.is_closed == 1 ? true : false; |
||||
|
info.notes = row.six.communication; |
||||
|
info.visit1 = row.six.first_visit_status; |
||||
|
info.visit2 = row.six.second_visit_status; |
||||
|
console.log(call_intentList.value); |
||||
|
} |
||||
|
|
||||
|
defineExpose({ |
||||
|
showDialog, |
||||
|
setFormData |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.user-profile { |
||||
|
|
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,165 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<el-card class="box-card !border-none" shadow="never"> |
||||
|
<div class="flex justify-between items-center"> |
||||
|
<span class="text-lg">{{ pageName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<el-card |
||||
|
class="box-card !border-none my-[10px] table-search-wrap" |
||||
|
shadow="never" |
||||
|
> |
||||
|
<el-form |
||||
|
:inline="true" |
||||
|
:model="studentCourseUsageTable.searchParam" |
||||
|
ref="searchFormRef" |
||||
|
> |
||||
|
<el-form-item label="家长姓名" prop="name"> |
||||
|
<el-input |
||||
|
v-model="studentCourseUsageTable.searchParam.name" |
||||
|
placeholder="请输入家长姓名" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item label="评分" prop="score"> |
||||
|
<el-input |
||||
|
v-model="studentCourseUsageTable.searchParam.score" |
||||
|
placeholder="请输入评分" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadServiceLogsList()">{{ |
||||
|
t('search') |
||||
|
}}</el-button> |
||||
|
<el-button @click="resetForm(searchFormRef)">{{ |
||||
|
t('reset') |
||||
|
}}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
|
||||
|
<div class="mt-[10px]"> |
||||
|
<el-table |
||||
|
:data="studentCourseUsageTable.data" |
||||
|
size="large" |
||||
|
v-loading="studentCourseUsageTable.loading" |
||||
|
> |
||||
|
<template #empty> |
||||
|
<span>{{ |
||||
|
!studentCourseUsageTable.loading ? t('emptyData') : '' |
||||
|
}}</span> |
||||
|
</template> |
||||
|
|
||||
|
<el-table-column prop="name" label="家长姓名" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="staff_name" label="教练姓名" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
<el-table-column prop="service_name" label="服务内容" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
|
||||
|
<el-table-column prop="customer_confirmation" label="是否需要反馈" min-width="120" :show-overflow-tooltip="true"> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-if="row.customer_confirmation == 1">是</div> |
||||
|
<div v-if="row.customer_confirmation == 0">否</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
|
||||
|
<el-table-column prop="score" label="反馈分数" min-width="120" :show-overflow-tooltip="true"/> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</el-table> |
||||
|
<div class="mt-[16px] flex justify-end"> |
||||
|
<el-pagination |
||||
|
v-model:current-page="studentCourseUsageTable.page" |
||||
|
v-model:page-size="studentCourseUsageTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
:total="studentCourseUsageTable.total" |
||||
|
@size-change="loadServiceLogsList()" |
||||
|
@current-change="loadServiceLogsList" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, watch } from 'vue' |
||||
|
import { t } from '@/lang' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import { |
||||
|
getServiceLogsList, |
||||
|
} from '@/app/api/service_logs' |
||||
|
|
||||
|
import { img } from '@/utils/common' |
||||
|
import { ElMessageBox, FormInstance } from 'element-plus' |
||||
|
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
let studentCourseUsageTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam: { |
||||
|
name: '', |
||||
|
score: '', |
||||
|
}, |
||||
|
}) |
||||
|
|
||||
|
const searchFormRef = ref<FormInstance>() |
||||
|
|
||||
|
// 选中数据 |
||||
|
const selectData = ref<any[]>([]) |
||||
|
|
||||
|
// 字典数据 |
||||
|
|
||||
|
/** |
||||
|
* 获取学员课时消费记录列表 |
||||
|
*/ |
||||
|
const loadServiceLogsList = (page: number = 1) => { |
||||
|
studentCourseUsageTable.loading = true |
||||
|
studentCourseUsageTable.page = page |
||||
|
|
||||
|
getServiceLogsList({ |
||||
|
page: studentCourseUsageTable.page, |
||||
|
limit: studentCourseUsageTable.limit, |
||||
|
...studentCourseUsageTable.searchParam, |
||||
|
}) |
||||
|
.then((res) => { |
||||
|
studentCourseUsageTable.loading = false |
||||
|
studentCourseUsageTable.data = res.data.data |
||||
|
studentCourseUsageTable.total = res.data.total |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
studentCourseUsageTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadServiceLogsList() |
||||
|
|
||||
|
|
||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||
|
if (!formEl) return |
||||
|
formEl.resetFields() |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
/* 多行超出隐藏 */ |
||||
|
.multi-hidden { |
||||
|
word-break: break-all; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,39 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\adminapi\controller\service_logs; |
||||
|
|
||||
|
use app\service\admin\service_logs\ServiceLogsService; |
||||
|
use core\base\BaseAdminController; |
||||
|
use app\service\admin\service\ServiceService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 服务控制器 |
||||
|
* Class Service |
||||
|
* @package app\adminapi\controller\service |
||||
|
*/ |
||||
|
class ServiceLogs extends BaseAdminController |
||||
|
{ |
||||
|
/** |
||||
|
* 获取服务列表 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function lists(){ |
||||
|
|
||||
|
$data = $this->request->params([ |
||||
|
["name",""], |
||||
|
["score",""] |
||||
|
]); |
||||
|
return success((new ServiceLogsService())->getPage($data)); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,31 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
use think\facade\Route; |
||||
|
|
||||
|
use app\adminapi\middleware\AdminCheckRole; |
||||
|
use app\adminapi\middleware\AdminCheckToken; |
||||
|
use app\adminapi\middleware\AdminLog; |
||||
|
|
||||
|
|
||||
|
|
||||
|
// USER_CODE_BEGIN -- service |
||||
|
|
||||
|
Route::group('service_logs', function () { |
||||
|
|
||||
|
Route::get('service_logs', 'service_logs.ServiceLogs/lists'); |
||||
|
|
||||
|
})->middleware([ |
||||
|
AdminCheckToken::class, |
||||
|
AdminCheckRole::class, |
||||
|
AdminLog::class |
||||
|
]); |
||||
|
// USER_CODE_END -- service |
||||
@ -0,0 +1,44 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\model\service_logs; |
||||
|
|
||||
|
use core\base\BaseModel; |
||||
|
use think\model\concern\SoftDelete; |
||||
|
use think\model\relation\HasMany; |
||||
|
use think\model\relation\HasOne; |
||||
|
|
||||
|
/** |
||||
|
* 服务模型 |
||||
|
* Class Service |
||||
|
* @package app\model\service |
||||
|
*/ |
||||
|
class ServiceLogs extends BaseModel |
||||
|
{ |
||||
|
|
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'service_logs'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
@ -0,0 +1,60 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\service\admin\service_logs; |
||||
|
|
||||
|
|
||||
|
use app\model\service_logs\ServiceLogs; |
||||
|
use core\base\BaseAdminService; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 学员课时消费记录服务层 |
||||
|
* Class StudentCourseUsageService |
||||
|
* @package app\service\admin\student_course_usage |
||||
|
*/ |
||||
|
class ServiceLogsService extends BaseAdminService |
||||
|
{ |
||||
|
public function __construct() |
||||
|
{ |
||||
|
parent::__construct(); |
||||
|
$this->model = new ServiceLogs(); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取学员课时消费记录列表 |
||||
|
* @return array |
||||
|
*/ |
||||
|
public function getPage(array $data = []) |
||||
|
{ |
||||
|
$where = []; |
||||
|
if($data['name']){ |
||||
|
$where[] = ['b.name','like','%'.$data['name'].'%']; |
||||
|
} |
||||
|
|
||||
|
if($data['score']){ |
||||
|
$where[] = ['a.score','=',$data['score']]; |
||||
|
} |
||||
|
|
||||
|
$search_model = $this->model |
||||
|
->alias("a") |
||||
|
->join(['school_customer_resources' => 'b'],'a.resource_id = b.id','left') |
||||
|
->join(['school_personnel' => 'c'],'a.staff_id = c.id','left') |
||||
|
->join(['school_service' => 'd'],'a.service_id = d.id','left') |
||||
|
->where($where) |
||||
|
->field("a.*,b.name,c.name as staff_name,d.service_name,d.customer_confirmation") |
||||
|
->order("a.id desc"); |
||||
|
$list = $this->pageQuery($search_model); |
||||
|
return $list; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue