<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org">
|
<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/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script>
|
</head>
|
<body>
|
<div class="ibox-content">
|
<form class="form-horizontal" id="dataform"
|
onsubmit="javascripr:return false;">
|
<div class="col-sm-12 form-group">
|
<div class="tabs-container">
|
<ul class="nav nav-tabs">
|
<li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="false"> 会员基本信息</a>
|
</li>
|
</ul>
|
<!-- 会员基本信息 start-->
|
<div class="tab-content">
|
<div id="tab-1" class="tab-pane active">
|
<div class="panel-body">
|
<input autocomplete="off" type="hidden" name="id" th:value="${obj?.id}">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">姓名<span class="text-danger">*</span></label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="vipName"
|
th:value="${obj?.vipName}" datatype="*1-20" nullmsg="姓名不能为空">
|
<div class="Validform_checktip"></div>
|
</div>
|
<label class="col-sm-2 control-label">性别</label>
|
<div class="col-sm-4">
|
<select class="form-control select2" size="1" name="sex">
|
<option th:selected="${obj?.sex eq '女' }" value='女'>女</option>
|
<option th:selected="${obj?.sex eq '男' }" value='男'>男</option>
|
</select>
|
</div>
|
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">会员编号<span class="text-danger">*</span></label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="vipNo"
|
th:value="${obj?.vipNo}" datatype="*1-20" nullmsg="会员编号不能为空"
|
errormsg="会员编号不能超过20位">
|
<div class="Validform_checktip"></div>
|
</div>
|
|
<label class="col-sm-2 control-label">手机号码<span class="text-danger">*</span></label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="phone"
|
th:value="${obj?.phone}" nullmsg="手机号码不能为空">
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">会员活跃度</label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'会员活跃度'}"
|
data-value="name"
|
th:data-def="${obj?.vipState}"
|
name="vipState">
|
</select>
|
</div>
|
|
<label class="col-sm-2 control-label">会员等级</label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull" id="levelId"
|
th:data-url="@{/admin/cardLevel/all}"
|
data-value="id"
|
data-filed="levelName"
|
th:data-def="${obj?.levelId}"
|
name="levelId">
|
<option value="0">--请选择会员等级--</option>
|
</select>
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">会员地址</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="addr"
|
th:value="${obj?.addr}" datatype="*1-200" ignore="ignore">
|
<div class="Validform_checktip"></div>
|
</div>
|
|
<label class="col-sm-2 control-label">星座</label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'星座'}"
|
th:data-def="${obj?.constell}"
|
data-value="name"
|
name="constell">
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">生肖</label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull select2"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'生肖'}"
|
th:data-def="${obj?.animalSign}"
|
data-value="name"
|
name="animalSign">
|
</select>
|
</div>
|
|
<label class="col-sm-2 control-label">到店途径</label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull"
|
th:data-url="@{/admin/customerDictionary/getListByParentCode/DDTJ}"
|
th:data-def="${obj?.arrivalWay}"
|
data-value="value"
|
data-filed="value"
|
name="arrivalWay">
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">会员类型</label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull"
|
th:data-url="@{/admin/customerDictionary/getListByParentCode/HYLX}"
|
|
data-value="value"
|
data-filed="value"
|
th:data-def="${obj?.vipType}"
|
|
name="vipType">
|
</select>
|
</div>
|
|
<label class="col-sm-2 control-label">入会时间</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" name="inDate" type="text" datatype="*"
|
class="form-control datetimepicker" nullmsg="入会时间不能为空" ignore="ignore"
|
style=" display: inline;"
|
th:value="${#dates.format(obj?.inDate, 'yyyy-MM-dd')}" />
|
<div class="Validform_checktip"></div>
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">生日</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" name="birthday1" type="text"
|
class="form-control datetimepicker"
|
style=" display: inline;"
|
th:value="${#dates.format(obj?.birthday1, 'yyyy-MM-dd')}" >
|
<div class="Validform_checktip"></div>
|
</div>
|
|
<label class="col-sm-2 control-label">生日类型</label>
|
<div class="col-sm-4">
|
<select class="form-control select2" th:value="${obj?.birthdayType }" size="1" name="birthdayType">
|
<option th:selected="${obj?.birthdayType eq 1 }" value='1'>农历</option>
|
<option th:selected="${obj?.birthdayType eq 2 }" value='2'>阳历</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">美疗师<span class="text-danger">*</span></label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull select2" dataType="*" nullmsg="请选择美疗师"
|
th:data-url="@{/admin/getShopStaffByRoleName?roleName=美疗师}"
|
data-value="suId"
|
data-filed="suName" th:data-def="${obj?.beatuyId}" name="beatuyId"
|
multiple="multiple"></select>
|
<div class="Validform_checktip"></div>
|
</div>
|
|
|
<label class="col-sm-2 control-label">健康顾问</label>
|
<div class="col-sm-4">
|
<select class="select2 form-control autoFull" id="staff"
|
th:data-url="@{/admin/shopAll}"
|
data-value="suId"
|
data-filed="suName"
|
th:data-def="${obj?.staffId}"
|
name="staffId">
|
</select>
|
<div class="Validform_checktip"></div>
|
</div>
|
|
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">疾病历史</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="textarea" class="form-control" name="disease"
|
th:value="${obj?.disease}" datatype="*0-500" ignore="ignore">
|
<div class="Validform_checktip"></div>
|
</div>
|
<label class="col-sm-2 control-label">备注</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="textarea" class="form-control" name="remark"
|
th:value="${obj?.remark}" datatype="*0-500" ignore="ignore">
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-group ">
|
<div class="col-sm-12 text-center fixed-button">
|
<a href="javascript:;" onclick="myForm.submit()"
|
class="btn btn-success radius"><i class="fa fa-check"></i> 保存</a>
|
<a class="btn btn-danger radius" href="javascript:;"
|
onclick="MTools.closeForm()"><i class="fa fa-close"></i> 关闭</a>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</body>
|
|
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
<script th:inline="javascript">
|
|
|
|
|
$(".select2").select2({'width':'100%'});
|
$(function(){
|
$(".select2").select2({'width':'100%'});
|
});
|
MTools.ininDatetimepicker({});
|
MTools.autoFullSelect();
|
//表单提交
|
var myForm=MForm.initForm({
|
invokeUrl:basePath+"/admin/vipInfo/addOrModify",
|
afterSubmit:function(){
|
if( parent.myGrid){
|
parent.myGrid.serchData();
|
}
|
|
},
|
});
|
|
$("#staff").change(function(){
|
if($("#staff").val()!=null){
|
$.AjaxProxy({c:false}).invoke(basePath+"/admin/shopstaffInfo/findById?id="+$("#staff").val(), function(loj) {
|
var shopId=loj.getString(0,"shopId");
|
console.log($("#staff").val());
|
console.log(shopId);
|
$("#shopId").val(shopId).trigger("change");
|
});
|
}
|
});
|
|
|
|
//删除选中的元素
|
function delSelectItem(node) {
|
//移除tr
|
$(node).closest('tr').remove();
|
$("tbody").find("tr").each(function(i) {
|
$(this).find("td").eq(0).html(i + 1);
|
});
|
}
|
</script>
|
</body>
|
</html>
|
