记得上下班打卡 | git大法好,push需谨慎

Commit 53028f6a authored by liuran's avatar liuran

修改会员基础信息

parent 6b926528
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<link href="favicon.ico" rel="shortcut icon">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/jquery.contextMenu.min.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/skins.css" rel="stylesheet">
<link href="/ruoyi/css/ry-ui.css?v=4.6.1" rel="stylesheet">
<link href="/ajax/libs/bootstrap-fileinput/fileinput.min.css?v=20201202" rel="stylesheet">
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<div class="file-loading">
<input id="fileinput-demo-1" type="file" name="file" data-browse-on-zone-click="true"
data-msg-placeholder="Select {files} for upload...">
<input hidden id="coverImg" name="coverImg">
</div>
</div>
<!-- 全局js -->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/js/jquery.contextMenu.min.js"></script>
<script src="/ajax/libs/blockUI/jquery.blockUI.js"></script>
<script src="/ajax/libs/layer/layer.min.js"></script>
<script src="/ruoyi/js/ry-ui.js?v=4.6.1"></script>
<script src="/ruoyi/js/common.js?v=4.6.1"></script>
<script src="/ruoyi/index.js?v=20201208"></script>
<script src="/ajax/libs/fullscreen/jquery.fullscreen.js"></script>
<script src="/ajax/libs/bootstrap-fileinput/fileinput.min.js?v=20201202"></script>
<script type="text/javascript">
var platformUrl = "[[${platformUrl}]]";
var url6 = "[[${url6}]]";
var url7 = "[[${url7}]]";
var url14 = "[[${url14}]]";
$(function () {
$("#fileinput-demo-1").fileinput({
'theme': 'explorer-fas',
// 'uploadUrl': "/kylin/banners/upload3",
// 'uploadUrl': "http://127.0.0.1:9003" + "/platform/basicServices/alOss/upload",
'uploadUrl': "https://devplatform.zhengzai.tv/platform/basicServices/alOss/upload",
"uploadExtraData": {
"pathName" : "banner",
"buckType" : 1
},
// overwriteInitial: false,
// initialPreviewAsData: true,
autoReplace: true,
dropZoneTitle: "请上传文件",
maxFileCount: 1
});
$("#fileinput-demo-1").on("fileuploaded", function (event, data, previewId, index) {
window.localStorage.setItem('vipBanner', data.response.data.ossPath);
});
})
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<link href="favicon.ico" rel="shortcut icon">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/jquery.contextMenu.min.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/skins.css" rel="stylesheet">
<link href="/ruoyi/css/ry-ui.css?v=4.6.1" rel="stylesheet">
<link href="/ajax/libs/bootstrap-fileinput/fileinput.min.css?v=20201202" rel="stylesheet">
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<div class="file-loading">
<input id="fileinput-demo-1" type="file" name="file" data-browse-on-zone-click="true"
data-msg-placeholder="Select {files} for upload...">
<input hidden id="coverImg" name="coverImg">
</div>
</div>
<!-- 全局js -->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/js/jquery.contextMenu.min.js"></script>
<script src="/ajax/libs/blockUI/jquery.blockUI.js"></script>
<script src="/ajax/libs/layer/layer.min.js"></script>
<script src="/ruoyi/js/ry-ui.js?v=4.6.1"></script>
<script src="/ruoyi/js/common.js?v=4.6.1"></script>
<script src="/ruoyi/index.js?v=20201208"></script>
<script src="/ajax/libs/fullscreen/jquery.fullscreen.js"></script>
<script src="/ajax/libs/bootstrap-fileinput/fileinput.min.js?v=20201202"></script>
<script type="text/javascript">
var platformUrl = "[[${platformUrl}]]";
var url6 = "[[${url6}]]";
var url7 = "[[${url7}]]";
var url14 = "[[${url14}]]";
$(function () {
$("#fileinput-demo-1").fileinput({
'theme': 'explorer-fas',
// 'uploadUrl': "/kylin/banners/upload3",
// 'uploadUrl': "http://127.0.0.1:9003" + "/platform/basicServices/alOss/upload",
'uploadUrl': "https://devplatform.zhengzai.tv/platform/basicServices/alOss/upload",
"uploadExtraData": {
"pathName" : "banner",
"buckType" : 1
},
// overwriteInitial: false,
// initialPreviewAsData: true,
autoReplace: true,
dropZoneTitle: "请上传文件",
maxFileCount: 1
});
$("#fileinput-demo-1").on("fileuploaded", function (event, data, previewId, index) {
window.localStorage.setItem('vipLast', data.response.data.ossPath);
});
})
</script>
</body>
</html>
......@@ -9,8 +9,39 @@
float: left;
}
.text_menber {
width: 600px;
height: 100px !important;
}
.price_item .col-sm-10{
width: 200px;
}
.interests_column {
width: 100%;
float: left;
}
.interests_column:after {
clear: both;
}
.interests_item {
width: 300px;
float: left;
margin-left: 126px !important;
}
.interests_item .form-control {
margin-bottom: 10px;
}
.interests_item .member-coupes {
padding: 10px 0;
border: 1px solid #e5e6e7;
margin-bottom: 10px;
}
.interests_item .go-member-item {
width: 150px;
padding: 5px 0;
text-align: center;
background: #0d8ddb;
color: #fff;
}
</style>
<body class="gray-bg" style="font: 14px Helvetica Neue, Helvetica, PingFang SC, 微软雅黑, Tahoma, Arial, sans-serif !important;">
<section class="section-content">
......@@ -46,16 +77,17 @@
<div class="form-group">
<label class="col-sm-2 control-label">会员banner:</label>
<div class="text-center">
<p class="user-info-head avatar_img" onclick="avatar()">
<img class="img-circle img-lg" th:src="(${#strings.isEmpty(member.avatar)}) ? @{/img/profile.jpg} : @{${member.avatar}}" th:onerror="'this.src=\'' + @{'/img/profile.jpg'} + '\''">
<p class="user-info-head avatar_img" onclick="avatar(1)">
<img class="img-circle img-lg memberBanner" th:src="(${#strings.isEmpty(member.avatar)}) ? @{/img/profile.jpg} : @{${member.avatar}}" th:onerror="'this.src=\'' + @{'/img/profile.jpg'} + '\''">
</p>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">会员小尾巴:</label>
<div class="text-center">
<p class="user-info-head avatar_img" onclick="avatar()">
<img class="img-circle img-lg" th:src="(${#strings.isEmpty(member.icon)}) ? @{/img/log.png} : @{${member.icon}}" th:onerror="'this.src=\'' + @{'/img/log.png'} + '\''">
<p class="user-info-head avatar_img" onclick="avatar(2)" >
<img class="img-circle img-lg memberLast" th:src="(${#strings.isEmpty(member.icon)}) ? @{/img/log.png} : @{${member.icon}}" th:onerror="'this.src=\'' + @{'/img/log.png'} + '\''">
</p>
</div>
</div>
......@@ -109,7 +141,68 @@
<!--会员套餐-->
<div class="tab-pane" id="membership">
<form class="form-horizontal" id="form-membership-edit">
<div class="form-group price_item">
<label class="col-sm-2 control-label">会员价格:</label>
<div class="col-sm-10">
<label>原价(元)</label>
<input type="text" class="form-control" name="price" placeholder="请输入原价"/>
</div>
<div class="col-sm-10">
<label>购买价格(元)</label>
<input type="text" class="form-control" name="buyPrice" placeholder="请输入购买价格"/>
</div>
<div class="col-sm-10">
<label>首年优惠(元)</label>
<input type="text" class="form-control" name="discount" placeholder="请输入优惠价格"/>
</div>
<div class="col-sm-10">
<label>有效时间(天)</label>
<input type="text" class="form-control" name="validityTime" placeholder="请输入有效时间"/>
</div>
</div>
<div class="interests_column">
<div class="form-group interests_item">
<label>权益描述:</label>
<div class="text-center">
<p class="user-info-head avatar_img" onclick="icon()" >
<img class="img-circle img-lg interestsIcon"/>
</p>
<input type="text" class="form-control" name="interestsTitle" placeholder="请输入标题"/>
<input type="text" class="form-control" name="interestsSubTitle" placeholder="请输入副标题"/>
<textarea class="form-control" name="interestsDesc" placeholder="详情内容"></textarea>
<div class="member-coupes-item">
<div class="member-coupes-inner">
<div class="member-coupes-detail">
<span class="member-coupes-title"></span>
<span class="member-coupes-coupesType"></span>
<span class="member-coupes-type"></span>
<span class="member-coupes-num"></span>
<span class="member-coupes-time"></span>
</div>
<div class="member-coupes-bth">
<span onclick="editCoupes(this)">编辑</span>
<span onclick="delCoupes(this)">删除</span>
</div>
</div>
</div>
<div class="member-coupes" onclick="addCoupes(this)">+添加券<br/>*全场券不需要重复添加</div>
<div class="go-member-item" onclick="addColumn(this)">继续添加</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">双倍积分:</label>
<div class="col-sm-10">
<div class="radio-box">
<input type="radio" id="integral1" name="integral" value="0"/>
<label for="radio1"></label>
</div>
<div class="radio-box">
<input type="radio" id="integral2" name="integral" value="1"/>
<label for="radio2"></label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-sm btn-primary" onclick="submitMemberShip()"><i class="fa fa-check"></i>保 存</button>&nbsp;
......@@ -134,7 +227,74 @@
</section>
<th:block th:include="include :: footer" />
<th:block th:include="include :: bootstrap-fileinput-js"/>
<th:block th:include="include :: bootstrap-fileinput-css" />
<script>
// var platformUrl = "[[${platformUrl}]]";
function delCoupes (obj) {
if ($(obj).parents('.member-coupes-item').find('.member-coupes-inner').length > 1) {
$(obj).parents('.member-coupes-inner').remove();
}
}
function addCoupes (obj) {
$(obj).prev().prepend($(obj).prev().find('.member-coupes-inner').prop('outerHTML'))
}
function addColumn (obj) {
let appendDom = $(obj).parents('.interests_column');
appendDom.append(appendDom.find('.interests_item').prop('outerHTML'));
}
function avatar (num) {
if (num == 1) {
/*用户管理-头像*/
var url = 'zhengzai/html/upload.html';
top.layer.open({
type: 2,
area: ['600px', '470px'],
fix: false,
//不固定
maxmin: true,
shade: 0.3,
title: "会员banner",
content: url,
btn: ['确定', '关闭'],
// 弹层外区域关闭
shadeClose: true,
yes: function(index, layero) {
var vipBannerSrc = 'https://img.zhengzai.tv/' + window.localStorage.getItem('vipBanner');
$(".memberBanner").attr('src', vipBannerSrc);
top.layer.closeAll()
},
cancel: function(index) {
return true;
}
});
} else {
var url = 'zhengzai/html/uploadMember.html';
top.layer.open({
type: 2,
area: ['600px', '470px'],
fix: false,
//不固定
maxmin: true,
shade: 0.3,
title: "会员banner",
content: url,
btn: ['确定', '关闭'],
// 弹层外区域关闭
shadeClose: true,
yes: function(index, layero) {
var vipLastSrc = 'https://img.zhengzai.tv/' + window.localStorage.getItem('vipLast');
$(".memberLast").attr('src', vipLastSrc);
top.layer.closeAll()
},
cancel: function(index) {
return true;
}
});
}
}
/*基础信息-修改*/
$("#form-member-edit").validate({
onkeyup: false,
......@@ -183,7 +343,46 @@
function submitMemberInfo() {
if ($.validate.form()) {
$.operate.saveModal(ctx + "adam/member/detail/edit", $('#form-member-edit').serialize());
let formArr = [];
formArr = $('#form-member-edit').serializeArray();
let subArr = {};
for (var i in formArr) {
if (formArr[i].name == 'interestsDetail') {
subArr.interestsDetail = formArr[i].value;
}
if (formArr[i].name == 'limitation') {
subArr.limitation = formArr[i].value;
}
if (formArr[i].name == 'memberId') {
subArr.memberId = formArr[i].value;
}
if (formArr[i].name == 'title') {
subArr.title = formArr[i].value;
}
if (formArr[i].name == 'notes') {
subArr.notes = formArr[i].value;
}
if (formArr[i].name == 'onsale') {
subArr.onsale = formArr[i].value;
}
if (formArr[i].name == 'subTitle') {
subArr.subTitle = formArr[i].value;
}
}
subArr.avatar = $(".memberBanner").attr('src');
subArr.icon = $(".memberLast").attr('src');
$.ajax({
type : "POST",
contentType: "application/json;charset=UTF-8",
url : "https://devadam.zhengzai.tv/adam/member/edit_basic",
data : subArr,
success : function(res) {
console.log(res);
},
error : function(e){
console.log(e);
}
});
}
}
......
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<th:block th:include="include :: header('请上传banner')"/>
<th:block th:include="include :: bootstrap-fileinput-css"/>
</head>
<body class="white-bg">
<th:block th:include="include :: footer"/>
<th:block th:include="include :: bootstrap-fileinput-js"/>
<th:block th:include="include :: bootstrap-fileinput-css" />
<script type="text/javascript">
$(function () {
$("#fileinput-demo-1").fileinput({
'theme': 'explorer-fas',
// 'uploadUrl': "/kylin/banners/upload3",
// 'uploadUrl': "http://127.0.0.1:9003" + "/platform/basicServices/alOss/upload",
'uploadUrl': platformUrl + "/platform/basicServices/alOss/upload",
"uploadExtraData": {
"pathName" : "banner",
"buckType" : 1
},
// overwriteInitial: false,
// initialPreviewAsData: true,
autoReplace: true,
dropZoneTitle: "请上传文件",
maxFileCount: 1
});
})
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment