855 lines
46 KiB
HTML
855 lines
46 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>客服工作台</title>
|
||
<link rel="stylesheet" href="/static/service/js/layui/css/layui.css">
|
||
<link rel="stylesheet" href="__CDN__/static/service/css/mylink.css?version=20190904">
|
||
</head>
|
||
<style>
|
||
/* .wexin-class{
|
||
background: red;
|
||
} */
|
||
.layui-form-label {
|
||
padding: 9px 0px;
|
||
width: 70px;
|
||
}
|
||
|
||
.layui-input-block {
|
||
margin-left: 75px;
|
||
}
|
||
|
||
.del_offline {
|
||
float: right;
|
||
margin-right: 5px;
|
||
width: 15px;
|
||
height: 15px;
|
||
border-radius: 50%;
|
||
text-align: center;
|
||
line-height: 15px;
|
||
background-color: #aaa;
|
||
color: #eee;
|
||
}
|
||
|
||
.fold {
|
||
transform: none;
|
||
}
|
||
|
||
.unfold {
|
||
transform: rotate(270deg);
|
||
}
|
||
|
||
.fs-upload-input,
|
||
.fs-upload-target {
|
||
display: none;
|
||
}
|
||
|
||
td {
|
||
word-break: break-all;
|
||
}
|
||
|
||
.fs-number-up,
|
||
.fs-number-down {
|
||
display: none !important;
|
||
}
|
||
</style>
|
||
|
||
<body class="layui-layout-body">
|
||
<div class="layui-layout layui-layout-admin">
|
||
|
||
<div class="layui-side" style="background:#f2f2f2;top:0px;border-right:1px solid #aaa;" id="all_user_list">
|
||
<div class="layui-side-scroll all_user_list" style="width:100%;">
|
||
<blockquote class="layui-elem-quote layui-nav-item"
|
||
style="color: white;background-color:rgb(70, 100, 139);margin-bottom:0px;line-height:40px;"
|
||
id="online_user">
|
||
在线会员
|
||
(<span style="color: rgb(93, 234, 133)" id="line-user-num"><span>0</span></span>)
|
||
<span style="float:right;margin-right:10px;" id="on_span" class="fold">＜</span>
|
||
<span class="layui-badge" style="margin:11px 25px 0 5px; float: right; display: none">new</span>
|
||
</blockquote>
|
||
<ul class="layui-unselect" id="user_list" style="padding: 5px 0;">
|
||
<form class="layui-form" action="" style="padding: 5px 0;">
|
||
<input type="text" name="搜索" id="keyword-on" placeholder="用户名, 用户id" class="layui-input"
|
||
style="display: inline-block; width: 60%; margin-left: 5px; padding: none; height: 25px;">
|
||
<button class="layui-btn" lay-submit type="button" onclick="searchUser('on')"
|
||
style="height: 24px; line-height: 24px; background-color: rgb(70, 100, 139);">搜索</button>
|
||
</form>
|
||
</ul>
|
||
|
||
<blockquote class="layui-elem-quote layui-nav-item"
|
||
style="color:white;margin-bottom:0px;background-color:rgb(70, 100, 139);line-height:40px;"
|
||
id="offline_user">
|
||
离线会员
|
||
<span style="color: #fff" id="offline-user-num">
|
||
(<span>0</span>)
|
||
</span>
|
||
<span style="float:right;margin-right:10px;" id="off_span" class="fold">＜</span>
|
||
<span class="layui-badge" style="margin:11px 25px 0 5px; float: right; display: none">new</span>
|
||
</blockquote>
|
||
<ul class="layui-unselect" id="offline_user_list" hidden="false">
|
||
<p style="font-size: 10px;color: #b1b1b1;padding: 5px 0 5px 10px;">温馨提示: 仅显示最近1天, 更多请到会话记录查询</p>
|
||
<form class="layui-form" action="" style="padding: 5px 0;">
|
||
<input type="text" name="搜索" id="keyword-off" placeholder="用户名, 用户id" class="layui-input"
|
||
style="display: inline-block; width: 60%; margin-left: 5px; padding: none; height: 25px;">
|
||
<button class="layui-btn" lay-submit type="button" onclick="searchUser('off')"
|
||
style="height: 24px; line-height: 24px; background-color: rgb(70, 100, 139);">搜索</button>
|
||
</form>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-body" style="bottom:0;top:0;">
|
||
<input type="hidden" id="active-user" data-avatar="" data-name="" data-id=""><!-- 当前对话的用户 -->
|
||
<div class="chat-left">
|
||
<div class="chat-box mylink-chat-main" style="position: relative;">
|
||
<div class="off_hint"
|
||
style="width: 100%; color: #828282; text-align: center; position: absolute; bottom: 20px; display: none;">
|
||
用户已下线, 当前会话将在30秒后自动从在线会员列表中移除</div>
|
||
<ul class="show-chat-detail">
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="msg-send">
|
||
<div class="tools-bar">
|
||
<a id="face" style=" display: inline-block; height: 30px;" href="javascript:void(0)" title="表情">
|
||
<i class="layui-icon" style="font-size: 30px;"></i>
|
||
</a>
|
||
<a id="image" style=" display: inline-block; height: 30px;" href="javascript:void(0)"
|
||
title="图片">
|
||
<i class="layui-icon" style="font-size: 30px;"></i>
|
||
</a>
|
||
<a id="file" style=" display: inline-block; height: 30px;" href="javascript:void(0)" title="文件">
|
||
<i class="layui-icon" style="font-size: 30px;"></i>
|
||
</a>
|
||
<a style=" display: inline-block; height: 30px;" href="javascript:void(0)"
|
||
onclick="openCommonLang()" title="常用语">
|
||
<i class="layui-icon" style="font-size: 30px;"></i>
|
||
</a>
|
||
</div>
|
||
<div class="msg-box">
|
||
<textarea class="msg-area" id="msg-area"></textarea>
|
||
</div>
|
||
<div class="send-area">
|
||
<span style="margin-left:10px;color:gray;">快捷键 Enter</span>
|
||
<button class="layui-btn layui-btn-small"
|
||
style="float:right;margin-right:10px;height: 36px;padding: 0 18px;color:white;background-color: #01c361;border-radius:4px"
|
||
id="send">
|
||
发送
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="width:28%;height:100%;float:left;margin-left:1%;overflow-y: auto">
|
||
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
||
<ul class="layui-tab-title">
|
||
<li class="layui-this" style="width:5%;">基本信息</li>
|
||
<!-- <li style="width:5%;">商品信息</li> -->
|
||
<!-- {if condition="$uinfo['kf_type'] eq 1"}
|
||
<li style="width:5%;">金币充值</li>
|
||
{/if} -->
|
||
<li style="width:5%;">常用语</li>
|
||
<li style="width:5%;">其他</li>
|
||
</ul>
|
||
<div class="layui-tab-content" style="min-height: 100px;">
|
||
<!-- 基本信息 -->
|
||
<div class="layui-tab-item layui-show">
|
||
|
||
<!--基本信息-->
|
||
<div class="layui-form layui-form-pane">
|
||
<div class="layui-form-item">
|
||
<!-- <button class="layui-btn layui-btn-primary" onclick="emptyChatLog()">清空在线用户聊天记录</button>
|
||
<button class="layui-btn layui-btn-primary" onclick="emptyChatLog('#offline_user_list')">清空离线用户聊天记录</button> -->
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">当前平台</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="f-group" value="{$uinfo['name']}" class="layui-input"
|
||
readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">当前用户id</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="f-user-id" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">访客名</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="f-user" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">IP</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="f-ip" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" style="margin-bottom: 0px;">
|
||
{if condition="$uinfo['kf_type'] eq 1"}
|
||
<label class="layui-form-label">工作者 </label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="worker_name" class="layui-input" readonly=""
|
||
style="width: 60%;">
|
||
<label class="layui-form-label layui-bg-cyan" id="sendQrcode"
|
||
style="display: inline-block;text-align: center;width: 30%;top: -38px;float: left;margin-left: 61%;"
|
||
onclick="openWindow('工作交接', '/service/index/changeWorker', '50%', '400px')">
|
||
交接
|
||
</label>
|
||
<i class="layui-icon alone-tips" id="change-user-hint"
|
||
style="position: relative;top: -25px;left: 2px;cursor: pointer;"
|
||
onmouseover="tipsHint(this, '#change-user-hint', '如果左侧框内容为空,则需要点击交接进入里面.可以为这个客服账号创建多个使用者.使用时先点上班,结束时点下班,系统会记录该使用者再这段时间记录金额总数')"></i>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
<!-- <div class="layui-form-item">
|
||
<label class="layui-form-label">地区</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="f-area" class="layui-input" readonly>
|
||
</div>
|
||
</div> -->
|
||
<div class="layui-form-item">
|
||
|
||
{if condition="$uinfo['kf_type'] eq 1"}
|
||
<label class="layui-form-label layui-bg-cyan"
|
||
style="width: 120px;cursor: pointer;color:white;margin-left: 10px;"
|
||
id="change-account1" onclick="paySelect()">选择支付账号</label>
|
||
|
||
<!-- <button class="layui-btn layui-btn-primary" -->
|
||
<button class="layui-form-label layui-bg-cyan"
|
||
style="width: 120px;cursor: pointer;color:white;margin-left: 10px;"
|
||
id="mark-pay-user">
|
||
未充值
|
||
</button>
|
||
|
||
<i class="layui-icon alone-tips" id="pay-hint"
|
||
style="position: relative; top: 10px; left: 2px; cursor: pointer;"
|
||
onmouseover="tipsHint(this, '#pay-hint', '将玩家标记为已充值时, 在专享闪付的客服列表里,会提高自己对该玩家展示的权重,优先将自己展示于玩家(方便于玩家优先找到充值过的客服')"></i>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
{if condition="$uinfo['kf_type'] eq 1"}
|
||
<!-- 添加充值记录 -->
|
||
<div>
|
||
<input type="number" id="recharge_money" placeholder="充值金额"
|
||
class="layui-input fs-number-element" min="1" style="width: 30%;float: left;">
|
||
<select id="recharge_type"
|
||
style='width: 40%;height: 38px;line-height: 20px;border-color: #e6e6e6;border-radius: 3px; padding-left: 20px; margin-left: 5px;'>
|
||
<option value="">请选择</option>
|
||
{if !empty($type)}
|
||
{foreach name="type" item="vo"}
|
||
<option value="{$vo['type_name']}">{$vo['type_name']}</option>
|
||
<!-- <option value="{$vo['id']}">{$vo['type_name']}</option> -->
|
||
{/foreach}
|
||
{/if}
|
||
</select>
|
||
<label class="layui-form-label layui-bg-cyan" id="sendQrcode"
|
||
style="text-align: center;width: 22%;float: right;" onclick="addRechargeLog()">
|
||
记录
|
||
</label>
|
||
<input type="text" id="bank-user-name" placeholder="银行卡用户名"
|
||
class="layui-input fs-number-element" min="1"
|
||
style="width: 45%;float: left; display: none;">
|
||
<input type="number" id="bank-number" placeholder="银行卡号"
|
||
class="layui-input fs-number-element" min="1"
|
||
style="width: 53%;float: left;margin-left: 5px; display: none;">
|
||
</div>
|
||
{/if}
|
||
|
||
<!--支付信息-->
|
||
{if condition="$uinfo['kf_type'] eq 1"}
|
||
<div>
|
||
<fieldset class="layui-elem-field layui-field-title"
|
||
style="margin-top: 20px;margin-bottom: 10">
|
||
<legend>支付信息</legend>
|
||
</fieldset>
|
||
<div id="show-payment-info">
|
||
{if condition="$payment_img['alias_id'] neq 'bank'"}
|
||
<div style="height: 255px;text-align: center;" id='payment_img_div'>
|
||
<div style="margin-bottom: 10px;">
|
||
<img class="layui-mylink-photos qr-img" id="payment_img"
|
||
src='{$payment_img["payment_img"]}' width="60px" height="60px" {if
|
||
condition="$payment_img.payment_img eq ''" }style="display:none" {/if}>
|
||
</div> <div class="layui-form layui-form-pane">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付方式</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_type"
|
||
value="{$payment_img['type_name']}" class="layui-input"
|
||
readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付姓名</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_name" value="{$payment_img['name']}"
|
||
class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付账号</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_num"
|
||
value="{$payment_img['account_num']}" class="layui-input"
|
||
readonly>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{else /}
|
||
<div class="layui-form layui-form-pane">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付方式</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_type" value="{$payment_img['type_name']}"
|
||
class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">银行卡姓名</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_name" value="{$payment_img['name']}"
|
||
class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">银行卡号</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_num"
|
||
value="{$payment_img['account_num']}" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">开户银行</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_bank" value="{$payment_img['open_bank']}"
|
||
class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">开户支行</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="payment_open"
|
||
value="{$payment_img['branch_bank']}" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
<div style="width: 100%">
|
||
<select lay-verify="required" lay-filter="type" id="img"
|
||
style='width: 60%;height: 38px;line-height: 20px;border-color: #e6e6e6;border-radius: 3px; padding-left: 20px'>
|
||
<option value="">请选择</option>
|
||
{if !empty($payment_information)}
|
||
{foreach name="payment_information" item="vo"}
|
||
{if condition="$vo['id'] eq $payment_img['id']"}
|
||
<option value="{$vo['id']}" selected>{$vo['type_name']}</option>
|
||
{else /}
|
||
<option value="{$vo['id']}">{$vo['type_name']}</option>
|
||
{/if}
|
||
<!-- <option value="{$vo['id']}">{$vo['type_name']}</option> -->
|
||
{/foreach}
|
||
{/if}
|
||
</select>
|
||
<label class="layui-form-label layui-bg-cyan" id="sendQrcode"
|
||
style='width: 30%;float: right;text-align: center;' onclick="send_qrcode()">
|
||
发送
|
||
</label>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
|
||
<!-- 产品或订单信息 -->
|
||
<!-- <div class="layui-tab-item">
|
||
<div class="layui-form layui-form-pane" id="order_list">
|
||
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- 金币充值tab切换页 -->
|
||
<!-- {if condition="$uinfo['kf_type'] eq 1"}
|
||
<div class="layui-tab-item">
|
||
<form class="layui-form" id="addGodsForm">
|
||
<div class="layui-form layui-form-pane">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">客服余额</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="amount" style="color:red;" value="{$amount}"
|
||
class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">玩家ID</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="coin_uid" class="layui-input" name="id"
|
||
lay-verify="required" readonly>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">充值金额</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" id="f-user" placeholder="请输入金额" name="coin_num"
|
||
lay-verify="required" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付方式</label>
|
||
<div class="layui-input-block">
|
||
<select name="customer_way" lay-filter="pay_type" lay-verify="required">
|
||
<option value="">请选择支付方式</option>
|
||
{if !empty($pay_types)}
|
||
{foreach $pay_types as $k => $v}
|
||
<option value="{$k}">{$v}</option>
|
||
{/foreach}
|
||
{/if}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付凭证</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="pay_url" placeholder="凭证图链接地址" class="layui-input"
|
||
lay-verify="required">
|
||
</div>
|
||
<span style="font-size:12px;color:red;">注意：聊天页面右键点击用户发送的支付截图复制图片链接</span>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
|
||
<label class="layui-form-label layui-btn lay-submit"
|
||
style="cursor: pointer;color:white;background-color: #009688;"
|
||
id="scroll-link" lay-filter="btnAddObj" onclick="recharge()">立即充值</label>
|
||
|
||
<label class="layui-form-label layui-btn-primary"
|
||
style="cursor: pointer;color:white; background-color: #c0c0c0;margin-left: 10px;"
|
||
id="change-account" onclick="rechargeReset()">重置</label>
|
||
</div>
|
||
|
||
</div>
|
||
</form>
|
||
</div>
|
||
{/if} -->
|
||
|
||
<!-- 常用语tab切换页 -->
|
||
<div class="layui-tab-item">
|
||
<div class="layui-form" id="common-lang">
|
||
<table class="layui-table">
|
||
<thead class="thead">
|
||
<tr>
|
||
<th>内容</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{foreach name="word" item="vo"}
|
||
<tr>
|
||
<td>{$vo.content}</td>
|
||
<td width="15px">
|
||
<!-- <a href="javascript:" onclick="sendWord(this)" data-word="{$vo.content}"
|
||
style="color:#009688">发送</a> -->
|
||
<button class="layui-btn layui-btn-small" onclick="sendWord(this)"
|
||
data-word="{$vo.content}"
|
||
style="float:right;margin-right:10px;height: 25px;line-height: 25px;padding: 0 18px;color:white;background-color: #01c361;border-radius:4px"
|
||
id="send">
|
||
发送
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 其他 -->
|
||
<div class="layui-tab-item">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 转接提示层 -->
|
||
<div class="layui-form" id="change-box" style="display: none">
|
||
<div class="layui-form-item" style="margin-top: 20px">
|
||
<label class="layui-form-label">选择分组</label>
|
||
<div class="layui-input-block" style="width: 70%">
|
||
<select lay-verify="required" lay-filter="group">
|
||
<option value=""></option>
|
||
{if !empty($groups)}
|
||
{foreach name="groups" item="vo"}
|
||
<option value="{$vo['id']}">{$vo['name']}</option>
|
||
{/foreach}
|
||
{/if}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 转接提示层 -->
|
||
|
||
<!-- 支付账号提示层 -->
|
||
<div class="layui-form" id="account-box" style="display: none">
|
||
<div class="layui-form-item" style="margin-top: 20px">
|
||
<div style="padding-top: 15px">
|
||
<label class="layui-form-label">支付类型</label>
|
||
<div class="layui-input-block" style="width: 70%;">
|
||
<select lay-verify="required" lay-filter="type" id="type" name="type">
|
||
<option value=""></option>
|
||
{if !empty($type)}
|
||
{foreach name="type" item="vo"}
|
||
<option value="{$vo['id']}">{$vo['type_name']}</option>
|
||
{/foreach}
|
||
{/if}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div style="padding-top: 15px;margin-top:30px;">
|
||
<label class="layui-form-label">支付账号</label>
|
||
<div class="layui-input-block" style="width: 70%;">
|
||
<select lay-filter="group" id="payment" name="payment">
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div style="padding-top: 15px;margin-top:30px;">
|
||
<div class="layui-input-block" style="width: 70%;text-align:center;">
|
||
<button class="layui-btn" lay-submit lay-filter="changePayment">确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 支付账号提示层 -->
|
||
|
||
|
||
<!--商品渲染模板-->
|
||
<script id="goods_tpl" type="text/html">
|
||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
||
<legend>商品信息</legend>
|
||
</fieldset>
|
||
<div class="order-alone-li lastset_cm" >
|
||
|
||
<table width="100%" border="" cellspacing="" cellpadding="">
|
||
<tbody>
|
||
<tr class="time_or">
|
||
<td>
|
||
<div class="fl_ttmm">
|
||
<p>
|
||
<span class="time-num">商品id：<em class="num">{{ d.goods_id }}</em></span>
|
||
<span style="float: right;"><a href="{{ d.url }}" target="_blank">查看详情</a></span>
|
||
</p>
|
||
</div>
|
||
<div class="fr_ttmm"></div>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr class="conten_or">
|
||
<td class="sx1">
|
||
<div class="shop-if-dif">
|
||
<div class="shop-difimg">
|
||
<img src="{{ d.thumb }}" width="60" height="60">
|
||
</div>
|
||
<div class="shop_name">
|
||
<a href="{{ d.url }}" target="_blank">{{ d.goods_name }}</a>
|
||
<p><span>市场价格：</span><span>￥</span><span>{{ d.market_price }}</span></p>
|
||
<p style="color: red;"><span>本店价格：</span><span>￥</span><span>{{ d.shop_price }}</span></p>
|
||
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
</div>
|
||
|
||
</script>
|
||
|
||
|
||
<!--订单渲染模板-->
|
||
<script id="order_tpl" type="text/html">
|
||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
||
<legend>订单信息</legend>
|
||
</fieldset>
|
||
<div class="order-alone-li lastset_cm" >
|
||
|
||
|
||
<table width="100%" border="" cellspacing="" cellpadding="">
|
||
<tbody>
|
||
<tr class="time_or">
|
||
<td>
|
||
<div class="fl_ttmm">
|
||
|
||
<p>
|
||
<span class="time-num">下单时间：<em class="num">{{ d.info.add_time }}</em></span>
|
||
</p>
|
||
<p>
|
||
<span class="time-num">订单编号：<em class="num">{{ d.info.order_sn }}</em></span>
|
||
</p>
|
||
|
||
</div>
|
||
<div class="fr_ttmm"></div>
|
||
</td>
|
||
</tr>
|
||
|
||
{{#layui.each(d.list, function(index, item){ }}
|
||
|
||
<tr class="conten_or">
|
||
<td class="sx1">
|
||
<div class="shop-if-dif">
|
||
<div class="shop-difimg">
|
||
<img src="{{ item.thumb }}" width="60" height="60">
|
||
</div>
|
||
<div class="shop_name">
|
||
<a href="{{ item.url }}" target="_blank">{{ item.goods_name }}</a>
|
||
<p>规格:{{ item.spec_key_name }}</p>
|
||
<p>
|
||
<span>实际价格：</span><span>￥</span><span>{{ item.final_price }}</span>
|
||
<span>商城价格：</span><span>￥</span><span>{{ item.goods_price }}</span>
|
||
<span>成本价格：</span><span>￥</span><span>{{ item.cost_price }}</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
{{#});}}
|
||
|
||
<tr class="time_or">
|
||
<td>
|
||
<div class="fl_ttmm">
|
||
<span class="time-num">订单价格：<em class="num">￥{{ d.info.total_amount }}</em></span>
|
||
<span class="time-num">含运费：<em class="num">￥{{ d.info.shipping_price }}</em></span>
|
||
<span class="time-num">应付金额：<em class="num">￥{{ d.info.order_amount }}</em></span>
|
||
|
||
<span class="time-num">订单状态：<em>{{ d.info.order_status }}</em></span>
|
||
<span class="time-num">发货状态：<em>{{ d.info.shipping_status }}</em></span>
|
||
<span class="time-num">支付状态：<em>{{ d.info.pay_status }}</em></span>
|
||
|
||
|
||
</div>
|
||
<div class="fr_ttmm"></div>
|
||
</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
</div>
|
||
|
||
</script>
|
||
|
||
|
||
<!-- <script src="__CDN__/static/service/js/jquery-1.9.0.min.js"></script> -->
|
||
<script src="__CDN__/static/admin/js/jquery.min.js?v=2.1.4"></script>
|
||
<script src="__CDN__/static/service/js/layui/layui.js"></script>
|
||
<script src="__CDN__/static/common/js/indexedDB.js?version=20190928"></script>
|
||
<script src="__CDN__/static/common/js/drag.js"></script>
|
||
<script>
|
||
layui.use('form, elementm', function () {
|
||
var element = layui.element;
|
||
var layer = layui.layer;
|
||
var form = layui.form;
|
||
form.render();
|
||
});
|
||
var uid = "{$uinfo['id']}";
|
||
var uname = "{$uinfo['user_name']}";
|
||
var avatar = "{$uinfo['user_avatar']}";
|
||
var group = "{$uinfo['group_id']}";
|
||
var token = '{$token}';
|
||
var online_user = `{$uinfo['online']}`;
|
||
var socket_server = "{$socket}";
|
||
var out_line_list = `{$out_line_list}`;
|
||
var worker_name = `{$worker['name']}`;
|
||
// 选择账号类型
|
||
var select_pay_type = false;
|
||
|
||
$('#worker_name').val(worker_name);
|
||
|
||
// 点击 左侧在线用户tab
|
||
$("#online_user").click(function () {
|
||
// 隐藏消息提示
|
||
$('#online_user .layui-badge').hide();
|
||
|
||
if ($("#user_list li").length == 0) {
|
||
layui.use('layer', function () {
|
||
var layer = layui.layer;
|
||
layer.msg('当前没有在线用户');
|
||
});
|
||
}
|
||
changeUserTabStatus(1);
|
||
});
|
||
|
||
// 点击 左侧离线用户tab
|
||
$("#offline_user").click(function () {
|
||
// 隐藏消息提示
|
||
$('#offline_user .layui-badge').hide();
|
||
|
||
if ($("#offline_user_list li").length == 0) {
|
||
layui.use('layer', function () {
|
||
var layer = layui.layer;
|
||
layer.msg('当前没有离线用户');
|
||
});
|
||
}
|
||
changeUserTabStatus(2);
|
||
});
|
||
|
||
// 切换在线用户与离线用户展示状态
|
||
function changeUserTabStatus(flag) {
|
||
if (flag == 1) {
|
||
if ($("#on_span").attr('class') == 'fold') {
|
||
$("#user_list").prop('hidden', false);
|
||
$("#offline_user_list").prop('hidden', true);
|
||
// $("#user_list").find('li').prop("class",'layui-nav-item');
|
||
$("#on_span").attr('class', 'unfold');
|
||
$("#off_span").attr('class', 'fold');
|
||
} else {
|
||
$("#offline_user_list").prop('hidden', false);
|
||
$("#user_list").prop('hidden', true);
|
||
// $("#offline_user_list").find('li').prop("class",'layui-nav-item');
|
||
$("#on_span").attr('class', 'fold');
|
||
$("#off_span").attr('class', 'unfold');
|
||
}
|
||
} else if (flag == 2) {
|
||
if ($("#off_span").attr('class') == 'fold') {
|
||
$("#offline_user_list").prop('hidden', false);
|
||
$("#user_list").prop('hidden', true);
|
||
// $("#offline_user_list").find('li').prop("class",'layui-nav-item');
|
||
$("#on_span").attr('class', 'fold');
|
||
$("#off_span").attr('class', 'unfold');
|
||
} else {
|
||
$("#user_list").prop('hidden', false);
|
||
$("#offline_user_list").prop('hidden', true);
|
||
// $("#user_list").find('li').prop("class",'layui-nav-item');
|
||
$("#on_span").attr('class', 'unfold');
|
||
$("#off_span").attr('class', 'fold');
|
||
}
|
||
}
|
||
}
|
||
|
||
//选择支付二维码
|
||
$("#img").change(function () {
|
||
var id = $(this).val()
|
||
$.ajax({
|
||
url: "{:url('index/payment_information')}",
|
||
type: "post",
|
||
data: { id: id },
|
||
dataType: "json",
|
||
success: function (res) {
|
||
var src = res.payment_img
|
||
if (res.alias_id != 'bank') {
|
||
var _html = ""
|
||
_html += "<div style='height: 320px;text-align: center;' id='payment_img_div'>"
|
||
if (src) {
|
||
_html += "<div style='margin-bottom: 10px;'><img class='layui-mylink-photos qr-img' id='payment_img' src='" + src + "' width='100px' height='100px'></div>"
|
||
}
|
||
_html += "<div class='layui-form layui-form-pane'>"
|
||
_html += "<div class='layui-form-item'><label class='layui-form-label'>支付方式</label><div class='layui-input-block'><input type='text' id='payment_type' value='" + res.type_name + "' class='layui-input' readonly></div></div>"
|
||
_html += "<div class='layui-form-item'><label class='layui-form-label'>支付姓名</label><div class='layui-input-block'><input type='text' id='payment_name' value='" + res.name + "' class='layui-input' readonly></div></div>"
|
||
_html += "<div class='layui-form-item'><label class='layui-form-label'>支付账号</label><div class='layui-input-block'><input type='text' id='payment_num' value='" + res.account_num + "' class='layui-input' readonly></div></div>"
|
||
_html += "</div>"
|
||
} else {
|
||
var _html = ""
|
||
_html += "<div class='layui-form layui-form-pane'>"
|
||
_html += '<div class="layui-form-item"><label class="layui-form-label">支付方式</label><div class="layui-input-block"><input type="text" id="payment_type" value="' + res.type_name + '" class="layui-input" readonly></div></div>'
|
||
_html += '<div class="layui-form-item"><label class="layui-form-label">银行卡姓名</label><div class="layui-input-block"><input type="text" id="payment_name" value="' + res.name + '" class="layui-input" readonly></div></div>'
|
||
_html += '<div class="layui-form-item"><label class="layui-form-label">银行卡号</label><div class="layui-input-block"><input type="text" id="payment_num" value="' + res.account_num + '" class="layui-input" readonly></div></div>'
|
||
_html += '<div class="layui-form-item"><label class="layui-form-label">开户银行</label><div class="layui-input-block"><input type="text" id="payment_bank" value="' + res.open_bank + '" class="layui-input" readonly></div></div>'
|
||
_html += '<div class="layui-form-item"><label class="layui-form-label">开户支行</label><div class="layui-input-block"><input type="text" id="payment_open" value="' + res.branch_bank + '" class="layui-input" readonly></div></div>'
|
||
_html += "</div>"
|
||
}
|
||
$('#show-payment-info').html(_html)
|
||
}
|
||
})
|
||
})
|
||
|
||
/**
|
||
* 充值
|
||
*/
|
||
function recharge() {
|
||
var form = $('#addGodsForm').serialize();
|
||
// console.log(form);return;
|
||
layer.confirm('确定充值吗?', function () {
|
||
var layerMsg = layer.load(1, {
|
||
icon: 0,
|
||
shade: [0.5, 'black']
|
||
});
|
||
var money = $("input[name='coin_num']").val();
|
||
$.ajax({
|
||
url: "{:url('index/rechargeCoin')}"
|
||
, data: form
|
||
, type: "post"
|
||
, dataType: "json"
|
||
, success: function (data) {
|
||
layer.close(layerMsg);
|
||
if (1 == data.code) {
|
||
layer.msg('充值成功');
|
||
$("#amount").val(($("#amount").val() - 0) - (money - 0));
|
||
rechargeReset();
|
||
} else {
|
||
// rechargeReset();
|
||
layer.msg(data.msg);
|
||
}
|
||
}
|
||
});
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 充值重置
|
||
*/
|
||
function rechargeReset() {
|
||
$("input[name='coin_num']").val('');
|
||
// $("input[name='customer_way']").val();
|
||
// $("select[name='customer_way']:first option:first").attr("selected",true);
|
||
$("input[name='pay_url']").val('');
|
||
}
|
||
|
||
// 清除超过三天的离线用户本地数据
|
||
// window.onload = function () {
|
||
// out_line_list = JSON.parse(out_line_list);
|
||
// // console.log(out_line_list);
|
||
// for (var i = 0; i <= out_line_list.length - 1; i++) {
|
||
// var key = 'KF' + uid + '-' + out_line_list[i].id;
|
||
// window.indexedDB.deleteDatabase(key);
|
||
// var key_last = 'KF' + uid + '-' + out_line_list[i].id + '-lastMsg';
|
||
// localStorage.removeItem(key_last); //清除客服对离线用户的本地缓存
|
||
// localStorage.removeItem(key); //清除客服对离线用户的本地缓存
|
||
// }
|
||
// }
|
||
|
||
/**
|
||
* 清空聊天记录
|
||
*/
|
||
function emptyChatLog(box = '#user_list') {
|
||
var list = $(box).find('li');
|
||
for (var i = 0; i <= list.length; i++) {
|
||
var id = $(list[i]).data('id');
|
||
var key = 'KF' + uid + '-' + id;
|
||
var key_last = 'KF' + uid + '-' + id + '-lastMsg';
|
||
localStorage.removeItem(key_last); //清除客服对离线用户的本地缓存
|
||
var local_msg_log = getCache(key);
|
||
if (local_msg_log) {
|
||
localStorage.removeItem(key);
|
||
}
|
||
}
|
||
layer.msg('清空成功!');
|
||
}
|
||
</script>
|
||
<script type="text/javascript" src="__CDN__/static/service/js/functions.js?version=20190928"></script>
|
||
<script type="text/javascript" src="__CDN__/static/service/js/repetition_line.js?version=20190928"></script>
|
||
<script type="text/javascript" src="__CDN__/static/service/js/mylink.js?version=20200305">
|
||
</script>
|
||
</body>
|
||
|
||
</html> |