255 lines
8.8 KiB
HTML
255 lines
8.8 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="/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" style="width: 100%; height: 100%; ">
|
||
<div class="chat-box mylink-chat-main" style="width: 98%; height: 100%; ">
|
||
|
||
</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="/static/service/js/jquery-1.9.0.min.js"></script>
|
||
<script src="/static/service/js/layui/layui.js"></script>
|
||
<script src="/static/common/js/indexedDB.js"></script>
|
||
<script>
|
||
var uid = "{$uinfo['id']}";
|
||
var kf_id = "{$kf_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;
|
||
|
||
</script>
|
||
<script type="text/javascript" src="/static/service/js/functions.js"></script>
|
||
<!-- <script type="text/javascript" src="/static/service/js/dialogue.js"></script> -->
|
||
<script type="text/javascript" src="/static/service/js/dialogue_admin.js"></script>
|
||
</body>
|
||
|
||
</html> |