From 2aac6723548b2feeaaf28b6652d5cf56b8a31962 Mon Sep 17 00:00:00 2001 From: Helius <wangdoubleone@gmail.com> Date: Tue, 15 Dec 2020 18:14:55 +0800 Subject: [PATCH] add new vip_detail page --- zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/vip_detail.html | 166 +++++++++++++++++++++++++++++++++++++++++ zq-erp/src/main/resources/templates/views/admin/hive/vip/vipInfo-list.html | 30 +++++++ 2 files changed, 196 insertions(+), 0 deletions(-) diff --git a/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/vip_detail.html b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/vip_detail.html new file mode 100644 index 0000000..a718c91 --- /dev/null +++ b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/vip_detail.html @@ -0,0 +1,166 @@ +<!DOCTYPE HTML> +<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> +<head> + <meta charset="utf-8"> + <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> + <meta name="renderer" content="webkit|ie-comp|ie-stand"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="viewport" + content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> + <meta http-equiv="Cache-Control" content="no-siteapp"/> + <!-- 本框架基本脚本和样式 --> + <script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script> + <script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> + <script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script> + <link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}"> + + <script type="text/javascript" th:src="@{/js/function/vip.js}"></script> + <script type="text/javascript" th:src="@{/js/function/meiduCommon.js}"></script> + + <style type="text/css"> + .c { + cursor: pointer; + overflow: scroll; + height: 258px; + overflow-x: hidden; + } + + .c li:HOVER { + background: #efefef; + } + + .userList { + list-style: none; + padding-left: 0px; + border: 1px solid rgb(238, 238, 238); + position: fixed; + z-index: 99999999; + background: #FFFFFF; + box-shadow: 1px 2px 10px 1px #BFBFBF; + height: 300px; + overflow: scroll; + overflow-x: hidden; + } + + .userList li { + padding-left: 13px; + padding-top: 5px; + padding-bottom: 5px; + cursor: pointer; + border-bottom: 1px solid #efefef; + } + + .userList li:hover { + background: #eee; + } + + .ibox-content { + background-color: rgba(240, 242, 245, 1); + } + </style> + +</head> +<body onkeypress="dosearch(event)"> +<div class="ibox-content container-fluid" id="app"> + <el-container> + <el-header style="background-color: white; margin: 15px; line-height: 60px"> + <el-col :span="7"> + <el-col :span="19"> + <el-input placeholder="请输入内容"></el-input> + </el-col> + <el-col :span="1"> + <el-button type="primary">查询</el-button> + </el-col> + </el-col> + <el-col :offset="6" :span="10"> + <el-button type="primary" plain>充值</el-button> + <el-button type="info" plain>补交</el-button> + <el-button type="success" plain>收款</el-button> + <el-button type="warning" plain>开单</el-button> + <el-button type="primary" plain>服务单</el-button> + <el-button type="danger" plain>退款</el-button> + </el-col> + </el-header> + <el-container> + <el-aside style="background-color: white; margin:0 15px; width: 400px"> + <el-row type="flex" justify="center"> + <el-col :span="20" style="padding: 15px; text-align: center;"> + <el-avatar :size="150" :src="circleUrl"></el-avatar> + </el-col> + </el-row> + <el-row type="flex" justify="center"> + <el-col :span="4" style="text-align: center;"><span style="font-weight: bolder">XXX</span></el-col> + <el-col :span="4" style="text-align: center;">金卡会员</el-col> + </el-row> + <el-row type="flex" justify="center"> + <el-col :span="4" style="text-align: center;">24岁</el-col> + <el-col :span="4" style="text-align: center;">湖南长沙</el-col> + <el-col :span="4" style="text-align: center;">13412341234</el-col> + </el-row> + </el-aside> + <el-main style="background-color: white; margin-right: 15px;"></el-main> + </el-container> + </el-container> +</div> +</body> +<script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script> +<script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script> +<script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script> +<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> +<script th:inline="javascript"> + //初始带入vip的电话 + var key = $.query.get("vipPhone"); + if(key){ + selectList(key); + } + var app = new Vue({ + el: '#app', + data : { + circleUrl : "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png", + }, + created : function() {}, + methods : {} + }) + $(function () { + $("#key").keyup( + function () { + var $input = $("#key"); + if ($input.val().length > 1) { + $.AjaxProxy({ + p: { + keyWord: $input.val(), + }, + c: false, + }) + .invoke( + basePath + "/admin/vipInfo/findUserByPhotoOrName", + function (loj) { + var html = ""; + for (var i = 0; i < loj + .getRowCount(); i++) { + html += '<li onclick="selectList(\'' + loj.getString(i, 'phone') + '\')" >' + + loj.getString(i, 'phone') + "-" + loj.getString(i, 'vipName') + + "-" + loj.getString(i, 'vipNo') + + '</li>'; + } + $("#userList").html(html).show(); + }); + } else { + $("#userList").hide(); + } + }); + updateHistory(); + $("#userList").mouseleave(function () { + $(this).hide(); + }) + }) + + + function selectList(phone) { + $("#userList").hide(); + $("#key").val(phone); + selectByKey(); + } +</script> +</body> +</html> \ No newline at end of file diff --git a/zq-erp/src/main/resources/templates/views/admin/hive/vip/vipInfo-list.html b/zq-erp/src/main/resources/templates/views/admin/hive/vip/vipInfo-list.html index b6f51f1..04df453 100644 --- a/zq-erp/src/main/resources/templates/views/admin/hive/vip/vipInfo-list.html +++ b/zq-erp/src/main/resources/templates/views/admin/hive/vip/vipInfo-list.html @@ -142,6 +142,7 @@ <th data-field="vipState">会员活跃度</th> <th data-field="arrivalWay">到店途径</th> <th data-field="staffName">健康顾问</th> + <th data-field="staffName" data-formatter="buildOperation">操作</th> </tr> </thead> </table> @@ -168,6 +169,35 @@ }); }); + + var btns=[]; + btns[0]=""; + function buildOperation(value, row, index) { + var html = ""; + html += '<a class="text-info" href="javascript:void(0)" onClick="openVipDetail(\''+row.phone+'\')">查看详情</a> ' + html += '<a class="text-info" href="javascript:void(0)" onClick="openVipDetail2(\''+row.phone+'\')">测试页面</a> ' + return html; + } + + function openVipDetail(value) { + layer.full(layer.open({ + type : 2, + title : "会员详情", + area : [ MUI.SIZE_L, '450px' ], + maxmin : true, + content : [ basePath+'/admin/redirect/hive/beautySalon/vip?vipPhone=' + value ] + })); + } + + function openVipDetail2(value) { + layer.full(layer.open({ + type : 2, + title : "会员详情", + area : [ MUI.SIZE_L, '450px' ], + maxmin : true, + content : [ basePath+'/admin/redirect/hive/beautySalon/vip_detail?vipPhone=' + value ] + })); + } function updateVipInfos() { if(myGrid.getSelectItemsIds()==""){ layer.msg("请至少选择一名会员!", { -- Gitblit v1.9.1