476 行
24 KiB
HTML
可执行文件
476 行
24 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<!--[1.6.48]-->
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title></title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/user/css/information.css"/>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.css">
|
|
<link rel="stylesheet" href="__PUBLIC__/css/system-gallery.css?v=1.0.3">
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/element-ui.js"></script>
|
|
<script charset="utf-8" src="__PUBLIC__/js/system-gallery.js?v=1.0.3"></script>
|
|
<style>
|
|
.file_label + .el-button {
|
|
margin-left: 10px;
|
|
}
|
|
.info_content_a03{
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
.info_content_a_center{
|
|
border: 1px solid #63b458;
|
|
width: 100px;
|
|
font-size: 14px;
|
|
margin: 20px auto;
|
|
text-align: center;
|
|
line-height: 14px;
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
color: #63b458;
|
|
}
|
|
.info_content_b_center{
|
|
margin: 10px auto;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.info_content_b_center>div{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.info_content_b_center>div>span:nth-child(1){
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #999;
|
|
}
|
|
.info_content_b_center>div>span:nth-child(2){
|
|
font-size: 16px;
|
|
color: #63b458;
|
|
}
|
|
.tips{
|
|
font-size: 12px;
|
|
color: #666;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.info_content_b02 .el-button{
|
|
margin-left: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app" v-cloak>
|
|
<form id="form">
|
|
<input type="hidden" name="hi" value="{$info['id']}">
|
|
<div class="infoBox" style="box-sizing: border-box;padding-bottom: 200px;">
|
|
<div class="info_title">
|
|
<div class="info_title_inner01 cheak01">1.填写会员卡信息</div>
|
|
<div class="info_title_inner02">2.功能设置</div>
|
|
</div>
|
|
<div class="info_content">
|
|
<div class="info_content_a" style="height: 580px;">
|
|
<img class="info_content_a01" src="__PUBLIC__/user/images/titleSon.png"/>
|
|
<div class="info_content_a02" style="margin-top: 20px;">
|
|
<!--会员卡背景-->
|
|
<img class="info_content_a02_bg logo_bg_url" src="{$info['logo_bg_url']}"
|
|
onerror="this.error=null;this.src='__PUBLIC__/images/wx_card_bg.png'"/>
|
|
<!--会员卡logo-->
|
|
<img class="info_content_a02_logo logo_url" style="border-radius: 50%;"
|
|
src="{$info['logo_url']}" onerror="this.error=null;this.src='__PUBLIC__/paper/images/wx_add.png'"/>
|
|
<!--商户名称-->
|
|
<span class="info_content_a02_name">{$info['brand_name']}</span>
|
|
<!--会员卡标题-->
|
|
<span class="info_content_a02_title">{$info['title']}</span>
|
|
<span class="info_content_a02_num">0000 11111 0000</span>
|
|
</div>
|
|
<div class="info_content_b_center">
|
|
<div>
|
|
<span>积分</span>
|
|
<span>1000</span>
|
|
</div>
|
|
<div>
|
|
<span>余额</span>
|
|
<span>查看</span>
|
|
</div>
|
|
</div>
|
|
<div class="info_content_a_center">我的钱包</div>
|
|
<div class="info_content_a03">
|
|
<span>快速付款</span>
|
|
<!--<img src="__PUBLIC__/user/images/inforight.png"/>-->
|
|
</div>
|
|
<div class="info_content_a03">
|
|
<span>积分商城</span>
|
|
<!--<img src="__PUBLIC__/user/images/inforight.png"/>-->
|
|
</div>
|
|
<div class="info_content_a03">
|
|
<span>线上商城</span>
|
|
<!--<img src="__PUBLIC__/user/images/inforight.png"/>-->
|
|
</div>
|
|
<div class="info_content_a03">
|
|
<span>会员卡详情</span>
|
|
<!--<img src="__PUBLIC__/user/images/inforight.png"/>-->
|
|
</div>
|
|
<div class="info_content_a03">
|
|
<span>公众号</span>
|
|
<!--<img src="__PUBLIC__/user/images/inforight.png"/>-->
|
|
</div>
|
|
</div>
|
|
<div class="info_content_b">
|
|
<div class="info_content_b01">基本信息</div>
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">商户名称</div>
|
|
<div class="info_content_b02_r">
|
|
<input name="brand_name" id="shopname" value="{$info['brand_name']}" disabled/>
|
|
</div>
|
|
</div>
|
|
<!--<div class="info_content_b02">-->
|
|
<!--<div class="info_content_b02_l">背景图片</div>-->
|
|
<!--<label class="file_label">-->
|
|
<!--<input type="hidden" name="logo_bg_url_id" value="{$info['logo_bg_url_id']}">-->
|
|
<!--<input @click="actFileName='logo_bg_url'" type="file" name="logo_bg_url"-->
|
|
<!--placeholder="选择图标" accept="image/png,image/jpeg" d-value="{$info['logo_bg_url']}"/>-->
|
|
<!--<img src="{$info['logo_bg_url']}" style="max-height: 70px;max-width: 70px;"-->
|
|
<!--onerror="this.onerror=null;this.src='__PUBLIC__/images/wx_card_bg.png'">-->
|
|
<!--</label>-->
|
|
<!--<el-button plain size="small" @click="selectImage('logo_bg_url')"-->
|
|
<!-->图库图片<el-tooltip class="item" effect="dark" content="点击图片选择本地图片，点击按钮选择图库图片" placement="top-start">-->
|
|
<!--<i class="el-icon-question"></i>-->
|
|
<!--</el-tooltip>-->
|
|
<!--</el-button>-->
|
|
<!--<p class="tips">设置背景图片须开启CDN</p>-->
|
|
<!--</div>-->
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">LOGO</div>
|
|
<label class="file_label">
|
|
<input type="hidden" name="logo_url_id" value="{$info['logo_url_id']}">
|
|
<input @click="actFileName='logo_url'" type="file" name="logo_url"
|
|
placeholder="选择图标" accept="image/png,image/jpeg" d-value="{$info['logo_url']}"/>
|
|
<img src="{$info['logo_url']}" style="max-height: 70px;max-width: 70px;"
|
|
onerror="this.onerror=null;this.src='__PUBLIC__/paper/images/wx_add.png'">
|
|
</label>
|
|
<el-button plain size="small" @click="selectImage('logo_url')"
|
|
>图库图片<el-tooltip class="item" effect="dark" content="点击图片选择本地图片，点击按钮选择图库图片" placement="top-start">
|
|
<i class="el-icon-question"></i>
|
|
</el-tooltip>
|
|
</el-button>
|
|
</div>
|
|
<!--<div class="info_content_b02">-->
|
|
<!--<div class="info_content_b02_l">会员卡背景</div>-->
|
|
<!--<div class="info_content_b02_r">-->
|
|
<!--<button type="button" class="layui-btn" id="cardbg">上传图片</button>-->
|
|
<!--<input type="hidden" id="background_pic_url" name="background_pic_url" value="{$info['background_pic_url']}">-->
|
|
<!--<!–<img src=""/>–>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">会员卡标题</div>
|
|
<div class="info_content_b02_r">
|
|
<input type="" name="title" id="cardTitle" value="{$info['title']}"/>
|
|
</div>
|
|
</div>
|
|
<p style="color: #8d8d8d;font-size: 12px;">建议会员卡标题包含商户名或服务内容,如腾讯会员黄钻尊享卡</p>
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">有效期</div>
|
|
<div class="info_content_b02_r">
|
|
<input type="radio" checked="checked"/>
|
|
<span>永久有效</span>
|
|
</div>
|
|
</div>
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">可用时段</div>
|
|
<div class="info_content_b02_r">
|
|
<input type="radio" checked="checked"/>
|
|
<span>全部时段</span>
|
|
</div>
|
|
</div>
|
|
<!--<div class="info_content_b02">-->
|
|
<!--<div class="info_content_b02_l">会员卡优惠</div>-->
|
|
<!--<div class="info_content_b02_r">-->
|
|
<!--<input type="checkbox" checked="checked"/>-->
|
|
<!--<span>折扣优惠</span>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<!--<div class="info_content_b02">
|
|
<div class="info_content_b02_l">享受折扣</div>
|
|
<div class="info_content_b02_r">
|
|
<input type="" name="" id="" value="" />折
|
|
</div>
|
|
</div>
|
|
<p style="color: #8d8d8d;font-size: 12px;">请填写1-9.9之间的数字,精确到小数点后1位</p>-->
|
|
<hr/>
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">特权说明</div>
|
|
<div class="info_content_b02_r">
|
|
<textarea name="prerogative" value="">{$info['prerogative']}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">使用须知</div>
|
|
<div class="info_content_b02_r">
|
|
<textarea name="description" value="">{$info['description']}</textarea>
|
|
</div>
|
|
</div>
|
|
<!--<div class="info_content_b02">-->
|
|
<!--<div class="info_content_b02_l">商户介绍(选填)</div>-->
|
|
<!--<div class="info_content_b02_r">-->
|
|
<!--<textarea name="" rows="" cols=""></textarea>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">电话</div>
|
|
<div class="info_content_b02_r">
|
|
<input placeholder="手机或固话" name="servoce_phone" value="{$info['servoce_phone']}"/>
|
|
</div>
|
|
</div>
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">库存</div>
|
|
<div class="info_content_b02_r">
|
|
<input type="tel" placeholder="库存数量" name="quantity" value="{$info['quantity']}" disabled/>
|
|
</div>
|
|
</div>
|
|
<div class="info_content_b02">
|
|
<div class="info_content_b02_l">商户服务</div>
|
|
<if condition="$info['business_service'] neq ''">
|
|
<div class="info_content_b02_r">
|
|
<if condition="in_array('BIZ_SERVICE_FREE_WIFI',$server)">
|
|
<input type="checkbox" checked="checked" name="business_service[]"
|
|
value="BIZ_SERVICE_FREE_WIFI" disabled/>
|
|
<span>免费WIFI</span>
|
|
<else/>
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_FREE_WIFI"
|
|
disabled/>
|
|
<span>免费WIFI</span>
|
|
</if>
|
|
<if condition="in_array('BIZ_SERVICE_WITH_PET',$server)">
|
|
<input type="checkbox" checked="checked" name="business_service[]"
|
|
value="BIZ_SERVICE_WITH_PET" disabled/>
|
|
<span>可带宠物</span>
|
|
<else/>
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_WITH_PET"
|
|
disabled/>
|
|
<span>可带宠物</span>
|
|
</if>
|
|
<if condition="in_array('BIZ_SERVICE_FREE_PARK',$server)">
|
|
<input type="checkbox" checked="checked" name="business_service[]"
|
|
value="BIZ_SERVICE_FREE_PARK" disabled/>
|
|
<span>免费停车</span>
|
|
<else/>
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_FREE_PARK"
|
|
disabled/>
|
|
<span>免费停车</span>
|
|
</if>
|
|
<if condition="in_array('BIZ_SERVICE_DELIVER',$server)">
|
|
<input type="checkbox" checked="checked" name="business_service[]"
|
|
value="BIZ_SERVICE_DELIVER" disabled/>
|
|
<span>可外卖</span>
|
|
<else/>
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_DELIVER"
|
|
disabled/>
|
|
<span>可外卖</span>
|
|
</if>
|
|
</div>
|
|
<else/>
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_FREE_WIFI" disabled/>
|
|
<span>免费WIFI</span>
|
|
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_WITH_PET" disabled/>
|
|
<span>可带宠物</span>
|
|
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_FREE_PARK" disabled/>
|
|
<span>免费停车</span>
|
|
|
|
<input type="checkbox" name="business_service[]" value="BIZ_SERVICE_DELIVER" disabled/>
|
|
<span>可外卖</span>
|
|
</if>
|
|
</div>
|
|
</div>
|
|
<div class="info_content_c">下一步</div>
|
|
</div>
|
|
<div class="info_next">
|
|
<div class="info_next_a">使用设置</div>
|
|
<div class="info_next_b">
|
|
<div class="info_next_b01">
|
|
<input type="checkbox" name="can_share"
|
|
<if condition="$info['can_share'] eq 2">checked</if>
|
|
/>
|
|
<span>用户可以分享领券链接</span>
|
|
</div>
|
|
<div class="info_next_b02">
|
|
<span>核销方式 </span>
|
|
<input type="radio" checked="checked"/> 用号码核销
|
|
</div>
|
|
<div class="info_next_b03">
|
|
<div class="info_next_b03_a">
|
|
<div class="info_next_b03_a01">
|
|
<input type="radio" name="code_type" value="CODE_TYPE_TEXT"
|
|
<if condition="$info[code_type] eq 'CODE_TYPE_TEXT' ">checked</if>
|
|
/>
|
|
<span>仅卡号</span>
|
|
</div>
|
|
<div class="info_next_b03_a02">输码后可销券</div>
|
|
<img class="info_next_b03_a03" src="__PUBLIC__/user/img/2.jpg"/>
|
|
</div>
|
|
|
|
<div class="info_next_b03_a">
|
|
<div class="info_next_b03_a01">
|
|
<input type="radio" name="code_type" value="CODE_TYPE_QRCODE"
|
|
<if condition="$info[code_type] eq 'CODE_TYPE_QRCODE' ">checked</if>
|
|
/>
|
|
<span>卡号和二维码</span>
|
|
</div>
|
|
<div class="info_next_b03_a02">扫码或输码后可销券</div>
|
|
<img class="info_next_b03_a03" src="__PUBLIC__/user/img/3.jpg"/>
|
|
</div>
|
|
|
|
<div class="info_next_b03_a">
|
|
<div class="info_next_b03_a01">
|
|
<input type="radio" name="code_type" value="CODE_TYPE_BARCODE"
|
|
<if condition="$info[code_type] eq 'CODE_TYPE_BARCODE' ">checked</if>
|
|
/>
|
|
<span>卡号和条形码</span>
|
|
</div>
|
|
<div class="info_next_b03_a02">扫码或输码后销券</div>
|
|
<img class="info_next_b03_a03" src="__PUBLIC__/user/img/1.jpg"/>
|
|
</div>
|
|
</div>
|
|
<div class="info_next_b04">
|
|
<span>操作提示 </span>
|
|
<input type="" checked="checked" name="notice" value="{$info['notice']}"/>
|
|
</div>
|
|
<p class="info_next_b05">(字数上限16个)建议引导用户到店出示会员卡,由店员完成核销操作</p>
|
|
</div>
|
|
<div class="info_next_c">
|
|
<div class="info_next_c01">上一步</div>
|
|
<div class="info_next_c02" @click="save">提交审核</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<el-dialog title="选择图片" :modal-append-to-body="false" :visible.sync="showSelectImage" custom-class="select-image-el-dialog" :top="'10px'">
|
|
<template-select-image :can-select-num="1" @selectfile="selectFile"></template-select-image>
|
|
</el-dialog>
|
|
</div>
|
|
|
|
</body>
|
|
<script type="text/javascript">
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: function () {
|
|
return {
|
|
showSelectImage: false,
|
|
actFileName: ''
|
|
}
|
|
},
|
|
methods: {
|
|
selectFile: function (item) {
|
|
console.log(item);
|
|
this.showSelectImage = false;
|
|
if (item.length) {
|
|
$("input[name='" + this.actFileName + "']").val('');
|
|
$("input[name='" + this.actFileName + "_id']").val(item[0].id);
|
|
$("input[name='" + this.actFileName + "']").next('img').attr('src', item[0].path);
|
|
$("." + this.actFileName).attr('src', item[0].path);
|
|
}
|
|
},
|
|
selectImage: function (actName) {
|
|
this.actFileName = actName;
|
|
this.showSelectImage = true;
|
|
},
|
|
save: function () {
|
|
var fd = new FormData(document.getElementById('form'));
|
|
var that = this;
|
|
this.$loading({
|
|
lock: true,
|
|
text: '保存中，请等待',
|
|
spinner: 'el-icon-loading',
|
|
background: 'rgba(255, 255, 255, 0.7)'
|
|
});
|
|
$.ajax({
|
|
url: "{:U('modifyCard')}",
|
|
type: "POST",
|
|
data: fd,
|
|
processData: false, // jQuery不要去处理发送的数据
|
|
contentType: false, // jQuery不要去设置Content-Type请求头
|
|
success: function (res) {
|
|
that.$loading().close();
|
|
if (res.status == 1) {
|
|
that.$message({
|
|
type: 'success',
|
|
message: res.msg,
|
|
duration: 1000,
|
|
onClose: function () {
|
|
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
|
parent.layer.close(index); //再执行关闭
|
|
//location.href = "{:U('index')}";
|
|
}
|
|
});
|
|
} else {
|
|
that.$message({
|
|
type: 'error',
|
|
message: res.msg,
|
|
duration: 1000
|
|
});
|
|
}
|
|
},
|
|
error:function () {
|
|
that.$message({
|
|
type: 'error',
|
|
message: '出错了！',
|
|
duration: 1000
|
|
});
|
|
that.$loading().close();
|
|
}
|
|
})
|
|
}
|
|
},
|
|
mounted: function () {
|
|
$("input[type='file']").on('change', function () {
|
|
if (this.files.length) {
|
|
var that = this;
|
|
var imgObj = this.files[0];
|
|
var imgType = ['image/jpeg', 'image/jpg', 'image/png'];
|
|
if (jQuery.inArray(imgObj.type, imgType) != -1) {
|
|
//是图片
|
|
var reader = new FileReader();
|
|
reader.readAsDataURL(imgObj);
|
|
reader.onload = function () {
|
|
$(that).next('img').attr('src', this.result);
|
|
$('.'+app.actFileName).attr('src', this.result);
|
|
}
|
|
}
|
|
}
|
|
})
|
|
},
|
|
created: function () {
|
|
|
|
}
|
|
});
|
|
$('#shopname').on('input', function () {
|
|
$('.info_content_a02_name').text($(this).val());
|
|
});
|
|
$('#cardTitle').on('input', function () {
|
|
$('.info_content_a02_title').text($(this).val());
|
|
});
|
|
//下一步
|
|
$(".info_content_c").click(function () {
|
|
$(".info_title_inner01").removeClass("cheak01");
|
|
$(".info_title_inner02").addClass("cheak01");
|
|
$(".info_content").hide();
|
|
$(".info_next").show();
|
|
})
|
|
|
|
//上一步
|
|
$(".info_next_c01").click(function () {
|
|
$(".info_title_inner02").removeClass("cheak01");
|
|
$(".info_title_inner01").addClass("cheak01");
|
|
$(".info_content").show();
|
|
$(".info_next").hide();
|
|
})
|
|
|
|
</script>
|
|
</html>
|
|
|