init
- 框架初始化 - 安装插件 - 修复PHP8.4报错
This commit is contained in:
42
application/admin/view/shopro/chat/common_word/add.html
Normal file
42
application/admin/view/shopro/chat/common_word/add.html
Normal file
@@ -0,0 +1,42 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="addEdit" class="common-word-form" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-main>
|
||||
<el-scrollbar height="100%">
|
||||
<el-form :model="form.model" :rules="form.rules" ref="formRef" label-width="100px">
|
||||
<el-form-item label="客服分类" prop="room_id">
|
||||
<el-cascader v-model="form.model.room_id" :options="chat.config.default_rooms" :props="{
|
||||
label: 'name',
|
||||
value: 'value',
|
||||
checkStrictly: true,
|
||||
emitPath: false,
|
||||
}" clearable placeholder="请选择客服分类">
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="name">
|
||||
<el-input class="sa-w-360" v-model="form.model.name" placeholder="请输入标题"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="问题内容" prop="content">
|
||||
<form role="form">
|
||||
<textarea id="commonWordContent" class="editor"></textarea>
|
||||
</form>
|
||||
</el-form-item>
|
||||
<el-form-item label="权重">
|
||||
<el-input class="sa-w-360" v-model="form.model.weigh" placeholder="请输入权重" type="number">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="显示状态" prop="status">
|
||||
<el-radio-group v-model="form.model.status">
|
||||
<el-radio label="normal">正常</el-radio>
|
||||
<el-radio label="hidden">隐藏</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer--submit sa-flex sa-row-right">
|
||||
<el-button type="primary" @click="onConfirm">确定</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</div>
|
||||
97
application/admin/view/shopro/chat/common_word/index.html
Normal file
97
application/admin/view/shopro/chat/common_word/index.html
Normal file
@@ -0,0 +1,97 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="index" class="common-word-index panel panel-default panel-intro" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-header class="sa-header">
|
||||
<div class="sa-title sa-flex sa-row-between">
|
||||
<div class="sa-title-left">
|
||||
<div class="left-name">常用语</div>
|
||||
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
|
||||
</sa-filter-condition>
|
||||
</div>
|
||||
<div class="sa-title-right">
|
||||
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
|
||||
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
|
||||
{if $auth->check('shopro/chat/common_word/add')}
|
||||
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="sa-main">
|
||||
<el-table height="100%" class="sa-table" :data="state.data" stripe @selection-change="onChangeSelection"
|
||||
@sort-change="onChangeSort">
|
||||
<el-table-column type="selection" width="48"></el-table-column>
|
||||
<el-table-column prop="id" label="ID" min-width="90" sortable="custom"> </el-table-column>
|
||||
<el-table-column label="标题" min-width="100">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.name || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="客服分类" min-width="100">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.room_name || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" min-width="70">
|
||||
<template #default="scope">
|
||||
<el-tag :type="scope.row.status == 'normal' ? 'success' : 'info'">
|
||||
{{ scope.row.status_text }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="权重" min-width="88">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">{{ scope.row.weigh || 0 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="更新时间" width="172">
|
||||
<template #default="scope">
|
||||
{{ scope.row.updatetime || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" label="操作" min-width="120">
|
||||
<template #default="scope">
|
||||
{if $auth->check('shopro/chat/common_word/edit')}
|
||||
<el-button type="primary" link @click="onEdit(scope.row.id)">编辑</el-button>
|
||||
{/if}
|
||||
<el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"
|
||||
title="确认删除这条记录?" @confirm="onDelete(scope.row.id)">
|
||||
<template #reference>
|
||||
{if $auth->check('shopro/chat/common_word/delete')}
|
||||
<el-button type="danger" link>删除</el-button>
|
||||
{/if}
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer sa-flex sa-row-between sa-flex-wrap">
|
||||
<div class="sa-batch sa-flex">
|
||||
<div class="tip">
|
||||
已选择 <span>{{batchHandle.data.length}}</span> 项</div>
|
||||
<div class="sa-flex">
|
||||
{if $auth->check('shopro/chat/common_word/delete')}
|
||||
<el-button type="danger" :disabled="!batchHandle.data.length" @click="onBatchHandle('delete')">删除
|
||||
</el-button>
|
||||
{/if}
|
||||
{if $auth->check('shopro/chat/common_word/edit')}
|
||||
<el-button type="success" :disabled="!batchHandle.data.length" @click="onBatchHandle('normal')">正常
|
||||
</el-button>
|
||||
{/if}
|
||||
{if $auth->check('shopro/chat/common_word/edit')}
|
||||
<el-button type="info" :disabled="!batchHandle.data.length" @click="onBatchHandle('hidden')">隐藏
|
||||
</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<sa-pagination v-model="pagination" @pagination-change="getData"></sa-pagination>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
<sa-filter v-model="state.filter" @filter-change="onChangeFilter"></sa-filter>
|
||||
</div>
|
||||
42
application/admin/view/shopro/chat/customer_service/add.html
Normal file
42
application/admin/view/shopro/chat/customer_service/add.html
Normal file
@@ -0,0 +1,42 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="addEdit" class="customer-service-form" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-main>
|
||||
<el-scrollbar height="100%">
|
||||
<el-form :model="form.model" :rules="form.rules" ref="formRef" label-width="120px">
|
||||
<el-form-item label="客服分类" prop="room_id">
|
||||
<el-cascader class="sa-w-360" v-model="form.model.room_id" :options="chat.config.default_rooms" :props="{
|
||||
label: 'name',
|
||||
value: 'value',
|
||||
checkStrictly: true,
|
||||
emitPath: false,
|
||||
}" clearable placeholder="请选择客服分类" @change="getCustomerServiceSelect">
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="form.model.room_id" label="所属管理员" prop="auth_id">
|
||||
<el-cascader class="sa-w-360" v-model="form.model.auth_id" :options="customerService.select" :props="{
|
||||
label: 'nickname',
|
||||
value: 'id',
|
||||
checkStrictly: true,
|
||||
emitPath: false,
|
||||
}" clearable placeholder="请选择所属管理员">
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="客服名称" prop="name">
|
||||
<el-input class="sa-w-360" v-model="form.model.name" placeholder="请输入客服名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="客服头像" prop="avatar">
|
||||
<sa-uploader v-model="form.model.avatar"></sa-uploader>
|
||||
</el-form-item>
|
||||
<el-form-item label="最优接待人数">
|
||||
<el-input class="sa-w-360" v-model="form.model.max_num" placeholder="请输入最优接待人数" type="number"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer--submit sa-flex sa-row-right">
|
||||
<el-button type="primary" @click="onConfirm">确定</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</div>
|
||||
108
application/admin/view/shopro/chat/customer_service/index.html
Normal file
108
application/admin/view/shopro/chat/customer_service/index.html
Normal file
@@ -0,0 +1,108 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="index" class="customer-service-index panel panel-default panel-intro" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-header class="sa-header">
|
||||
<div class="sa-title sa-flex sa-row-between">
|
||||
<div class="sa-title-left">
|
||||
<div class="left-name">客服管理</div>
|
||||
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
|
||||
</sa-filter-condition>
|
||||
</div>
|
||||
<div class="sa-title-right">
|
||||
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
|
||||
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
|
||||
{if $auth->check('shopro/chat/customer_service/add')}
|
||||
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="sa-main">
|
||||
<el-table height="100%" class="sa-table" :data="state.data" stripe @selection-change="onChangeSelection"
|
||||
@sort-change="onChangeSort">
|
||||
<el-table-column type="selection" width="48"></el-table-column>
|
||||
<el-table-column prop="id" label="ID" min-width="90" sortable="custom"> </el-table-column>
|
||||
<el-table-column label="客服名称" min-width="180">
|
||||
<template #default="scope">
|
||||
<div class="sa-flex">
|
||||
<el-avatar class="mr-2" :size="32" :src="Fast.api.cdnurl(scope.row.avatar)">
|
||||
<img src="/assets/addons/shopro/img/default-avatar.png" />
|
||||
</el-avatar>
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.name || '-' }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="所属管理员" min-width="100">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.auth_model?.username || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="客服分类" min-width="100">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.room_name || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最优接待人数" min-width="120">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.max_num || 0 }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" min-width="70">
|
||||
<template #default="scope">
|
||||
<el-tag :type="scope.row.status == 'online' ? 'success' : 'info'">
|
||||
{{ scope.row.status_text }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上次服务时间" width="172">
|
||||
<template #default="scope">
|
||||
{{ scope.row.last_time || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="更新时间" width="172">
|
||||
<template #default="scope">
|
||||
{{ scope.row.updatetime || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" label="操作" min-width="120">
|
||||
<template #default="scope">
|
||||
{if $auth->check('shopro/chat/customer_service/edit')}
|
||||
<el-button type="primary" link @click="onEdit(scope.row.id)">编辑</el-button>
|
||||
{/if}
|
||||
<el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"
|
||||
title="确认删除这条记录?" @confirm="onDelete(scope.row.id)">
|
||||
<template #reference>
|
||||
{if $auth->check('shopro/chat/customer_service/delete')}
|
||||
<el-button type="danger" link>删除</el-button>
|
||||
{/if}
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer sa-flex sa-row-between sa-flex-wrap">
|
||||
<div class="sa-batch sa-flex">
|
||||
<div class="tip">
|
||||
已选择 <span>{{batchHandle.data.length}}</span> 项</div>
|
||||
<div class="sa-flex">
|
||||
{if $auth->check('shopro/chat/customer_service/delete')}
|
||||
<el-button type="danger" :disabled="!batchHandle.data.length" @click="onBatchHandle('delete')">删除
|
||||
</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<sa-pagination v-model="pagination" @pagination-change="getData"></sa-pagination>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
<sa-filter v-model="state.filter" @filter-change="onChangeFilter"></sa-filter>
|
||||
</div>
|
||||
42
application/admin/view/shopro/chat/question/add.html
Normal file
42
application/admin/view/shopro/chat/question/add.html
Normal file
@@ -0,0 +1,42 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="addEdit" class="question-form" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-main>
|
||||
<el-scrollbar height="100%">
|
||||
<el-form :model="form.model" :rules="form.rules" ref="formRef" label-width="100px">
|
||||
<el-form-item label="客服分类" prop="room_id">
|
||||
<el-cascader v-model="form.model.room_id" :options="chat.config.default_rooms" :props="{
|
||||
label: 'name',
|
||||
value: 'value',
|
||||
checkStrictly: true,
|
||||
emitPath: false,
|
||||
}" clearable placeholder="请选择客服分类">
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input class="sa-w-360" v-model="form.model.title" placeholder="请输入标题"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="问题内容" prop="content">
|
||||
<form role="form">
|
||||
<textarea id="questionContent" class="editor"></textarea>
|
||||
</form>
|
||||
</el-form-item>
|
||||
<el-form-item label="权重">
|
||||
<el-input class="sa-w-360" v-model="form.model.weigh" placeholder="请输入权重" type="number">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="显示状态" prop="status">
|
||||
<el-radio-group v-model="form.model.status">
|
||||
<el-radio label="normal">正常</el-radio>
|
||||
<el-radio label="hidden">隐藏</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer--submit sa-flex sa-row-right">
|
||||
<el-button type="primary" @click="onConfirm">确定</el-button>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
</div>
|
||||
97
application/admin/view/shopro/chat/question/index.html
Normal file
97
application/admin/view/shopro/chat/question/index.html
Normal file
@@ -0,0 +1,97 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<div id="index" class="question-index panel panel-default panel-intro" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-header class="sa-header">
|
||||
<div class="sa-title sa-flex sa-row-between">
|
||||
<div class="sa-title-left">
|
||||
<div class="left-name">常见问题</div>
|
||||
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
|
||||
</sa-filter-condition>
|
||||
</div>
|
||||
<div class="sa-title-right">
|
||||
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
|
||||
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
|
||||
{if $auth->check('shopro/chat/question/add')}
|
||||
<el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="sa-main">
|
||||
<el-table class="sa-table" height="100%" :data="state.data" stripe @selection-change="onChangeSelection"
|
||||
@sort-change="onChangeSort">
|
||||
<el-table-column type="selection" width="48"></el-table-column>
|
||||
<el-table-column sortable="custom" prop="id" label="ID" min-width="90"> </el-table-column>
|
||||
<el-table-column label="标题" min-width="100">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.title || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="客服分类" min-width="100">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.room_name || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" min-width="70">
|
||||
<template #default="scope">
|
||||
<el-tag :type="scope.row.status == 'normal' ? 'success' : 'info'">
|
||||
{{ scope.row.status_text }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="权重" min-width="88">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">{{ scope.row.weigh || 0 }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="更新时间" width="172">
|
||||
<template #default="scope">
|
||||
{{ scope.row.updatetime || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" label="操作" min-width="120">
|
||||
<template #default="scope">
|
||||
{if $auth->check('shopro/chat/question/edit')}
|
||||
<el-button type="primary" link @click="onEdit(scope.row.id)">编辑</el-button>
|
||||
{/if}
|
||||
<el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"
|
||||
title="确认删除这条记录?" @confirm="onDelete(scope.row.id)">
|
||||
<template #reference>
|
||||
{if $auth->check('shopro/chat/question/delete')}
|
||||
<el-button type="danger" link>删除</el-button>
|
||||
{/if}
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer sa-flex sa-row-between sa-flex-wrap">
|
||||
<div class="sa-batch sa-flex">
|
||||
<div class="tip">
|
||||
已选择 <span>{{batchHandle.data.length}}</span> 项</div>
|
||||
<div class="sa-flex">
|
||||
{if $auth->check('shopro/chat/question/delete')}
|
||||
<el-button type="danger" :disabled="!batchHandle.data.length" @click="onBatchHandle('delete')">删除
|
||||
</el-button>
|
||||
{/if}
|
||||
{if $auth->check('shopro/chat/question/edit')}
|
||||
<el-button type="success" :disabled="!batchHandle.data.length" @click="onBatchHandle('normal')">正常
|
||||
</el-button>
|
||||
{/if}
|
||||
{if $auth->check('shopro/chat/question/edit')}
|
||||
<el-button type="info" :disabled="!batchHandle.data.length" @click="onBatchHandle('hidden')">隐藏
|
||||
</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<sa-pagination v-model="pagination" @pagination-change="getData"></sa-pagination>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
<sa-filter v-model="state.filter" @filter-change="onChangeFilter"></sa-filter>
|
||||
</div>
|
||||
197
application/admin/view/shopro/chat/record/index.html
Normal file
197
application/admin/view/shopro/chat/record/index.html
Normal file
@@ -0,0 +1,197 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<style>
|
||||
.record-index .sa-title {
|
||||
border-bottom: 1px solid var(--sa-table-header-bg);
|
||||
}
|
||||
|
||||
.record-index .el-scrollbar {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.record-index .record-index-main {
|
||||
--el-main-padding: 0;
|
||||
}
|
||||
|
||||
.record-index .record-item {
|
||||
margin-bottom: 20px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.record-index .loading-status {
|
||||
color: var(--el-color-info);
|
||||
}
|
||||
|
||||
.record-index .center {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.record-index .record-item.sa-row-right .center {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.record-index .record-item.sa-row-left .center {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.record-index .record-message {
|
||||
max-width: 50%;
|
||||
|
||||
padding: 8px;
|
||||
font-size: 14px;
|
||||
color: var(--sa-font);
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.record-index .message-date {
|
||||
color: var(--sa-subfont);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.record-index .record-item.sa-row-right .record-message {
|
||||
background: var(--t-bg-active);
|
||||
border-radius: 4px 4px 0 4px;
|
||||
}
|
||||
|
||||
.record-index .record-item.sa-row-left .record-message {
|
||||
background: var(--sa-table-header-bg);
|
||||
border-radius: 4px 4px 4px 0;
|
||||
}
|
||||
|
||||
.record-index .record-emoji {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.record-index .record-emoji:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.record-index img {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.record-index .goods-item .goods-price {
|
||||
color: var(--el-color-danger);
|
||||
}
|
||||
|
||||
.record-index .order-sn {
|
||||
font-size: 12px;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
|
||||
.record-index .order-goods {
|
||||
padding: 8px;
|
||||
background: var(--sa-background-assist);
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="index" class="record-index" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-header>
|
||||
<div class="sa-title sa-flex sa-row-between">
|
||||
<div>{{ state.nickname }}</div>
|
||||
<el-dropdown trigger="click" @command="onCommand">
|
||||
<el-button class="sa-flex" link>
|
||||
<div class="mr-2">{{ state.room_name }}</div>
|
||||
<el-icon>
|
||||
<arrow-down />
|
||||
</el-icon>
|
||||
</el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-for="item in chat.config.default_rooms" :command="item.value">
|
||||
{{ item.name }}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="record-index-main">
|
||||
<el-scrollbar height="100%">
|
||||
<div class="loading-status sa-flex sa-row-center mb-2">
|
||||
<button link v-show="state.data.length && pagination.lastPage > 1" @click="onLoadMore">
|
||||
{{loadingMap[pagination.loadStatus].title}}
|
||||
</button>
|
||||
</div>
|
||||
<template v-for="(item,index) in state.data">
|
||||
<div class="sa-flex sa-row-center">
|
||||
<div v-if="item.sender_identify == 'system'" class="message-system mb-4">
|
||||
{{ item.content.text }}
|
||||
</div>
|
||||
<div v-if="showTime(item, index)" class="message-date mb-4">
|
||||
{{ formatTime(item.createtime) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="record-item sa-flex" :class="[
|
||||
item.sender_identify == 'customer_service'
|
||||
? 'sa-row-right'
|
||||
: item.sender_identify == 'customer'
|
||||
? 'sa-row-left'
|
||||
: '',
|
||||
]">
|
||||
<el-avatar v-if="item.sender_identify == 'customer'" class="mr-2" :size="40"
|
||||
:src="Fast.api.cdnurl(item.sender?.avatar)">
|
||||
<img src="/assets/addons/shopro/img/default-avatar.png" />
|
||||
</el-avatar>
|
||||
|
||||
<div class="center">
|
||||
<div class="mb-1">{{item.sender?.nickname || item.sender?.name || item.sender_id}}</div>
|
||||
<div class="record-message">
|
||||
<!-- 文本 -->
|
||||
<template v-if="item.message_type=='text'">
|
||||
<div v-html="replaceEmoji(item.message)"></div>
|
||||
</template>
|
||||
<!-- 图片 -->
|
||||
<template v-if="item.message_type=='image'">
|
||||
<img :src="Fast.api.cdnurl(item.message)" />
|
||||
</template>
|
||||
<!-- 商品 -->
|
||||
<template v-if="item.message_type=='goods'">
|
||||
<div class="goods-item sa-flex">
|
||||
<sa-image class="mr-2" :url="item.message.image" size="40"></sa-image>
|
||||
<div>
|
||||
<div class="sa-table-line-1">{{item.message.title}}</div>
|
||||
<div class="goods-price">¥{{item.message.price.join(',')}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<!-- 订单 -->
|
||||
<template v-if="item.message_type=='order'">
|
||||
<div class="order-item">
|
||||
<div class="order-sn mb-2">{{item.message.order_sn}}</div>
|
||||
<div class="order-goods sa-flex">
|
||||
<sa-image class="mr-2" :url="item.message.items[0]?.image" size="40">
|
||||
</sa-image>
|
||||
<div>
|
||||
<div class="sa-table-line-1">{{item.message.items[0]?.goods_title}}
|
||||
</div>
|
||||
<div class="sa-flex sa-row-between">
|
||||
<div class="order-goods-price">共{{item.message.items.length}}件商品
|
||||
</div>
|
||||
<div class="order-goods-total">合计 ¥{{item.message.pay_fee}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-avatar v-if="item.sender_identify== 'customer_service'" class="ml-2" :size="40"
|
||||
:src="Fast.api.cdnurl(item.sender?.avatar)">
|
||||
<img src="/assets/addons/shopro/img/default-avatar.png" />
|
||||
</el-avatar>
|
||||
</div>
|
||||
</template>
|
||||
</el-scrollbar>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</div>
|
||||
109
application/admin/view/shopro/chat/user/index.html
Normal file
109
application/admin/view/shopro/chat/user/index.html
Normal file
@@ -0,0 +1,109 @@
|
||||
{include file="/shopro/common/script" /}
|
||||
|
||||
<style>
|
||||
.user-index .auth-id {
|
||||
color: var(--sa-subfont);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="index" class="user-index panel panel-default panel-intro" v-cloak>
|
||||
<el-container class="panel-block">
|
||||
<el-header class="sa-header">
|
||||
<div class="sa-title sa-flex sa-row-between">
|
||||
<div class="sa-title-left">
|
||||
<div class="left-name">会话管理</div>
|
||||
<sa-filter-condition v-model="state.filter" @filter-delete="onChangeFilter">
|
||||
</sa-filter-condition>
|
||||
</div>
|
||||
<div class="sa-title-right">
|
||||
<el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>
|
||||
<el-button class="sa-button-refresh" icon="Search" @click="onOpenFilter"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="sa-main">
|
||||
<el-table height="100%" class="sa-table" :data="state.data" stripe @selection-change="onChangeSelection"
|
||||
@sort-change="onChangeSort">
|
||||
<el-table-column type="selection" width="48"></el-table-column>
|
||||
<el-table-column prop="id" label="ID" min-width="90" sortable="custom"> </el-table-column>
|
||||
<el-table-column label="用户信息" min-width="160">
|
||||
<template #default="scope">
|
||||
<div class="sa-flex sa-col-center">
|
||||
<el-avatar class="mr-2" :size="32" :src="Fast.api.cdnurl(scope.row.avatar)">
|
||||
<img src="/assets/addons/shopro/img/default-avatar.png" />
|
||||
</el-avatar>
|
||||
<div>
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.nickname || '-' }}
|
||||
</div>
|
||||
<div class="auth-id">
|
||||
{{ scope.row.auth_id ? '用户' : '游客' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="手机号" min-width="120">
|
||||
<template #default="scope">
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.user?.mobile || '-' }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最后会话客服" min-width="160">
|
||||
<template #default="scope">
|
||||
<div v-if="scope.row.customer_service" class="sa-flex sa-col-center">
|
||||
<el-avatar class="mr-2" :size="32"
|
||||
:src="Fast.api.cdnurl(scope.row.customer_service.avatar)">
|
||||
<img src="/assets/addons/shopro/img/default-avatar.png" />
|
||||
</el-avatar>
|
||||
<div>
|
||||
<div class="sa-table-line-1">
|
||||
{{ scope.row.customer_service.name || '-' }}
|
||||
</div>
|
||||
<div class="auth-id">
|
||||
{{ scope.row.customer_service.room_name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>{{scope.row.customer_service_id}}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最后会话时间" width="172">
|
||||
<template #default="scope">
|
||||
{{ scope.row.last_time || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" label="操作" min-width="120">
|
||||
<template #default="scope">
|
||||
{if $auth->check('shopro/chat/record/index')}
|
||||
<el-button type="primary" link @click="onRecord(scope.row)">查看</el-button>
|
||||
{/if}
|
||||
<el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"
|
||||
title="此操作会删除当前会话所有聊天记录，是否确定？" @confirm="onDelete(scope.row.id)">
|
||||
<template #reference>
|
||||
{if $auth->check('shopro/chat/user/delete')}
|
||||
<el-button type="danger" link>删除</el-button>
|
||||
{/if}
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-main>
|
||||
<el-footer class="sa-footer sa-flex sa-row-between sa-flex-wrap">
|
||||
<div class="sa-batch sa-flex">
|
||||
<div class="tip">
|
||||
已选择 <span>{{batchHandle.data.length}}</span> 项</div>
|
||||
<div class="sa-flex">
|
||||
{if $auth->check('shopro/chat/user/delete')}
|
||||
<el-button type="danger" :disabled="!batchHandle.data.length" @click="onBatchHandle('delete')">删除
|
||||
</el-button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<sa-pagination v-model="pagination" @pagination-change="getData"></sa-pagination>
|
||||
</el-footer>
|
||||
</el-container>
|
||||
<sa-filter v-model="state.filter" @filter-change="onChangeFilter"></sa-filter>
|
||||
</div>
|
||||
Reference in New Issue
Block a user