| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- <!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 :: bootstrap-fileinput-css"/>
- </head>
- <body class="white-bg">
- <div class="wrapper wrapper-content animated fadeInRight ibox-content">
- <form class="form-horizontal m" id="form-matchmaker-add">
- <div class="form-group">
- <label class="col-sm-3 control-label">姓名
- :</label>
- <div class="col-sm-8">
- <input name="name" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">手机号
- :</label>
- <div class="col-sm-8">
- <input name="phone" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">简介
- :</label>
- <div class="col-sm-8">
- <input name="introduction" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">人物介绍
- :</label>
- <div class="col-sm-8">
- <input name="talentIntroduction" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">从业时间
- :</label>
- <div class="col-sm-8">
- <input name="workingTime" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">擅长
- :</label>
- <div class="col-sm-8">
- <input name="beGood" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">技能
- :</label>
- <div class="col-sm-8">
- <input name="skill" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">荣誉
- :</label>
- <div class="col-sm-8">
- <input name="honor" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">职称
- :</label>
- <div class="col-sm-8">
- <input name="title" class="form-control" maxlength="20" type="text">
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">头像 :</label>
- <div class="col-sm-8">
- <input type="hidden" name="wechatUrl" >
- <div class="file-loading">
- <input class="form-control file-upload" id="wechatUrl" name="file" type="file">
- </div>
- </div>
- </div>
- </form>
- </div>
- <th:block th:include="include :: footer"/>
- <th:block th:include="include :: bootstrap-fileinput-js"/>
- <script th:inline="javascript">
- var prefix = ctx + "xhnnotsingle/matchmaker"
- $("#form-matchmaker-add").validate({
- focusCleanup: true
- });
- function submitHandler() {
- if ($.validate.form()) {
- $("input[name='wechatUrl']").val(fileP);
- let data = $("#form-matchmaker-add").serializeArray();
- $.operate.save(prefix + "/add", data);
- }
- }
- let fileP = "";//附件用
- let fileRealP = "";//真实的文件名uuid
- $(".file-upload").fileinput({
- uploadUrl: ctx + 'common/upload',
- maxFileCount: 1,
- uploadAsync: true,
- allowedFileExtensions: ['jpg', 'png'],
- autoReplace: true,
- enctype: 'multipart/form-data'
- }).on('fileuploaded', function (event, data, previewId, index) {
- $("input[name='" + event.currentTarget.id + "']").val(data.response.url);
- fileP += data.response.fileName;
- }).on('fileremoved', function (event, id, index) {
- $("input[name='" + event.currentTarget.id + "']").val('')
- })
- </script>
- </body>
- </html>
|