698 lines
34 KiB
HTML
698 lines
34 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=20190814">
|
||
</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);
|
||
}
|
||
|
||
.layui-body {
|
||
left: 0;
|
||
}
|
||
</style>
|
||
|
||
<body class="layui-layout-body">
|
||
<div class="layui-layout layui-layout-admin">
|
||
|
||
<div class="layui-body" style="bottom:0;top:0;">
|
||
<input type="hidden" id="active-user" data-avatar="{$user['user_avatar']}" data-name="{$user['user_name']}"
|
||
data-id="{$user['user_id']}"><!-- 当前对话的用户 -->
|
||
<div class="chat-left">
|
||
<div class="chat-box mylink-chat-main">
|
||
|
||
</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>
|
||
</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>
|
||
</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">
|
||
<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" value="{$user['user_id']}"
|
||
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" value="{$user['user_name']}"
|
||
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" value="{$user['user_ip']}"
|
||
readonly>
|
||
</div>
|
||
</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" value="0" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
{if(1 == $status['change_status'])}
|
||
<!-- <label class="layui-form-label layui-bg-cyan" style="cursor: pointer;color:white;"
|
||
id="scroll-link">转接</label> -->
|
||
{/if}
|
||
{if condition="$uinfo['kf_type'] eq 1"}
|
||
<label class="layui-form-label layui-bg-cyan"
|
||
style="cursor: pointer;color:white;margin-left: 10px;" id="change-account1"
|
||
onclick="paySelect()">选择账号</label>
|
||
{/if}
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!--支付信息-->
|
||
{if condition="$uinfo['kf_type'] eq 1"}
|
||
<div>
|
||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
||
<legend>支付信息</legend>
|
||
</fieldset>
|
||
<div style="height: 256px;text-align: center;" id='payment_img_div'>
|
||
{if condition="$payment_img['alias_id'] neq 'bank'"}
|
||
<div style="margin-bottom: 10px;">
|
||
<img class="layui-mylink-photos qr-img" id="payment_img"
|
||
src='{$payment_img["payment_img"]}' width="100px" height="100px">
|
||
</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="f-kefu" 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="f-kefu" 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="f-kefu1" 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="f-kefu2" 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="f-kefu3" 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="f-kefu4" 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="f-kefu5" value="{$payment_img['branch_bank']}"
|
||
class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</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" 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"
|
||
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">
|
||
<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">
|
||
</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">
|
||
<table class="layui-table">
|
||
<thead>
|
||
<tr>
|
||
<th>内容</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{foreach name="word" item="vo"}
|
||
<tr>
|
||
<td>{$vo.content}</td>
|
||
<td>
|
||
<a href="javascript:" onclick="sendWord(this)" data-word="{$vo.content}"
|
||
style="color:#009688">发送</a>
|
||
</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</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/service/js/layui/layui.js"></script>
|
||
<script src="__CDN__/static/common/js/indexedDB.js"></script>
|
||
<script>
|
||
var uid = "{$uinfo['id']}";
|
||
var uname = "{$uinfo['user_name']}";
|
||
var avatar = "{$uinfo['user_avatar']}";
|
||
var group = "{$uinfo['group_id']}";
|
||
var token = '{$token}';
|
||
var user_status = '{$user_status}';
|
||
|
||
// 选择账号类型
|
||
var select_pay_type = false;
|
||
|
||
layui.use('flow', function () {
|
||
var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。
|
||
var flow = layui.flow;
|
||
flow.load({
|
||
elem: '#chat-log-list' //指定列表容器
|
||
, done: function (page, next) { //到达临界点（默认滚动触发），触发下一页
|
||
var lis = [];
|
||
//以jQuery的Ajax请求为例，请求下一页数据（注意：page是从2开始返回）
|
||
$.get(`/service/Dialogue/outLineMsgLog?page=${page}&uid={$user['user_id']}`, function (res) {
|
||
// 假设你的列表返回在data集合中
|
||
console.log(res); return;
|
||
layui.each(res.data, function (index, item) {
|
||
lis.push('<li>' + item.title + '</li>');
|
||
});
|
||
|
||
//执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
|
||
//pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
|
||
next(lis.join(''), page < res.pages);
|
||
});
|
||
}
|
||
});
|
||
});
|
||
|
||
// 点击 左侧在线用户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
|
||
console.log('src')
|
||
console.log(res)
|
||
console.log('src')
|
||
if (res.alias_id != 'bank') {
|
||
var _html = ""
|
||
_html += "<div style='height: 256px;text-align: center;' id='payment_img_div'>"
|
||
_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='f-kefu' 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='f-kefu' value='" + res.account_num + "' class='layui-input' readonly></div></div>"
|
||
_html += "</div>"
|
||
$('#payment_img_div').html(_html)
|
||
} 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>"
|
||
$('#payment_img_div').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']
|
||
});
|
||
$.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('');
|
||
}
|
||
</script>
|
||
<script type="text/javascript" src="__CDN__/static/service/js/functions.js"></script>
|
||
<!-- <script type="text/javascript" src="__CDN__/static/service/js/dialogue.js"></script> -->
|
||
<script type="text/javascript" src="/static/service/js/dialogue.js"></script>
|
||
</body>
|
||
|
||
</html> |