240 lines
10 KiB
HTML
240 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||
<head>
|
||
<th:block th:include="include :: header('新增客户')" />
|
||
<th:block th:include="include :: datetimepicker-css" />
|
||
<th:block th:include="include :: summernote-css" />
|
||
</head>
|
||
<body class="white-bg">
|
||
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
||
<form class="form-horizontal m" id="form-customer-add">
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">客户名称：</label>
|
||
<div class="col-sm-8">
|
||
<input name="customerName" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">下次联系时间：</label>
|
||
<div class="col-sm-8">
|
||
<div class="input-group date">
|
||
<input name="nextTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">成交状态 0 未成交 1 已成交：</label>
|
||
<div class="col-sm-8">
|
||
<div class="radio-box">
|
||
<input type="radio" name="dealStatus" value="">
|
||
<label th:for="dealStatus" th:text="未知"></label>
|
||
</div>
|
||
<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">成交时间：</label>
|
||
<div class="col-sm-8">
|
||
<div class="input-group date">
|
||
<input name="dealTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">手机：</label>
|
||
<div class="col-sm-8">
|
||
<input name="mobile" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">电话：</label>
|
||
<div class="col-sm-8">
|
||
<input name="telephone" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">网址：</label>
|
||
<div class="col-sm-8">
|
||
<textarea name="website" class="form-control"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">邮箱：</label>
|
||
<div class="col-sm-8">
|
||
<input name="email" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">备注：</label>
|
||
<div class="col-sm-8">
|
||
<textarea name="remark" class="form-control"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">创建人ID：</label>
|
||
<div class="col-sm-8">
|
||
<input name="createUserId" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">负责人ID：</label>
|
||
<div class="col-sm-8">
|
||
<input name="ownerUserId" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">只读权限：</label>
|
||
<div class="col-sm-8">
|
||
<textarea name="roUserId" class="form-control"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">读写权限：</label>
|
||
<div class="col-sm-8">
|
||
<textarea name="rwUserId" class="form-control"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">详细地址：</label>
|
||
<div class="col-sm-8">
|
||
<input name="detailAddress" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">批次 比如附件批次：</label>
|
||
<div class="col-sm-8">
|
||
<input name="batchId" class="form-control" type="text" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">最后跟进时间：</label>
|
||
<div class="col-sm-8">
|
||
<div class="input-group date">
|
||
<input name="lastTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">放入公海时间：</label>
|
||
<div class="col-sm-8">
|
||
<div class="input-group date">
|
||
<input name="poolTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">1 分配 2 领取：</label>
|
||
<div class="col-sm-8">
|
||
<input name="isReceive" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">最后一条跟进记录：</label>
|
||
<div class="col-sm-8">
|
||
<input type="hidden" class="form-control" name="lastContent">
|
||
<div class="summernote" id="lastContent"></div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">接收到客户时间：</label>
|
||
<div class="col-sm-8">
|
||
<div class="input-group date">
|
||
<input name="receiveTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">进入公海前负责人id：</label>
|
||
<div class="col-sm-8">
|
||
<input name="preOwnerUserId" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<th:block th:include="include :: footer" />
|
||
<th:block th:include="include :: datetimepicker-js" />
|
||
<th:block th:include="include :: summernote-js" />
|
||
<script th:inline="javascript">
|
||
var prefix = ctx + "system/customer"
|
||
$("#form-customer-add").validate({
|
||
focusCleanup: true
|
||
});
|
||
|
||
function submitHandler() {
|
||
if ($.validate.form()) {
|
||
$.operate.save(prefix + "/add", $('#form-customer-add').serialize());
|
||
}
|
||
}
|
||
|
||
$("input[name='nextTime']").datetimepicker({
|
||
format: "yyyy-mm-dd",
|
||
minView: "month",
|
||
autoclose: true
|
||
});
|
||
|
||
$("input[name='dealTime']").datetimepicker({
|
||
format: "yyyy-mm-dd",
|
||
minView: "month",
|
||
autoclose: true
|
||
});
|
||
|
||
$("input[name='lastTime']").datetimepicker({
|
||
format: "yyyy-mm-dd",
|
||
minView: "month",
|
||
autoclose: true
|
||
});
|
||
|
||
$("input[name='poolTime']").datetimepicker({
|
||
format: "yyyy-mm-dd",
|
||
minView: "month",
|
||
autoclose: true
|
||
});
|
||
|
||
$("input[name='receiveTime']").datetimepicker({
|
||
format: "yyyy-mm-dd",
|
||
minView: "month",
|
||
autoclose: true
|
||
});
|
||
|
||
$(function() {
|
||
$('.summernote').summernote({
|
||
lang: 'zh-CN',
|
||
callbacks: {
|
||
onChange: function(contents, $edittable) {
|
||
$("input[name='" + this.id + "']").val(contents);
|
||
},
|
||
onImageUpload: function(files) {
|
||
var obj = this;
|
||
var data = new FormData();
|
||
data.append("file", files[0]);
|
||
$.ajax({
|
||
type: "post",
|
||
url: ctx + "common/upload",
|
||
data: data,
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
dataType: 'json',
|
||
success: function(result) {
|
||
if (result.code == web_status.SUCCESS) {
|
||
$('#' + obj.id).summernote('insertImage', result.url);
|
||
} else {
|
||
$.modal.alertError(result.msg);
|
||
}
|
||
},
|
||
error: function(error) {
|
||
$.modal.alertWarning("图片上传失败。");
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |