| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>新增</title>
- </head>
- <body layout:fragment="content">
- <style>
- .width_200 {
- width: 200px;
- }
- .ml_50 {
- margin-left: 50px;
- }
- .mt_10 {
- margin-top: 10px !important;
- }
- </style>
- <article class="page-container">
- <form class="form form-horizontal" id="form-content-add">
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户类型:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <label>
- <input name="nature" checked type="radio" value="1">
- 企业</label>
- <label>
- <input type="radio" name="nature" value="0">
- 个人</label>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户名称:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="text" class="input-text" value="" placeholder="请输入单位名称" th:id="company_name"
- th:name="company_name"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户地址:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="text" class="input-text" value="" placeholder="请输入单位名称" th:id="location"
- th:name="location"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>是否经营:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <label>
- <input name="is_product" checked type="radio" value="1">
- 是</label>
- <label>
- <input type="radio" name="is_product" value="0">
- 否</label>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业性质:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <span class="select-box">
- <select class="select" th:name="type_id">
- <option value="">--请选择--</option>
- <option value="" th:each="item : ${companyTypeList}" th:value="${item.id}" th:text="${item.type}">
- </option>
- </select>
- </span>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2 mt_10"><span class="c-red">*</span>联系人:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <div class="add_contact mt_10">
- <input type="text" required minlength="1" maxlength="45" class="width_200 input-text contact" placeholder="请输入联系人" th:name="companyContacts[0].contact"/>
- <input type="text" required isTel="true" class="ml_50 width_200 input-text phone" placeholder="请输入联系电话" th:name="companyContacts[0].phone"/>
- <span class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="addContact()"></i></span>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>经营范围:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <textarea class="textarea" placeholder="请输入经营范围" id="business" th:name="business"></textarea>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span>备注:</span></label>
- <div class="formControls col-xs-8 col-sm-9">
- <textarea class="textarea" th:name="remark"></textarea>
- </div>
- </div>
- <div class="row cl">
- <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
- <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 保存</button>
- <button onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </button>
- </div>
- </div>
- </form>
- </article>
- <script type="text/javascript" th:src="@{/js/build/company/company_add.js}"></script>
- <script th:inline="javascript">
- /**
- * 取消
- */
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- }
- function addContact() {
- var length = $(".add_contact").length;
- var html = "<i class='Hui-iconfont' onclick='removeLine(this)'></i>";
- $(".add_contact:eq(0)").clone().insertAfter($('.add_contact').eq(-1))
- .find(".phone").removeAttr("name").attr("name", "companyContacts[" + length + "].phone").val("").end()
- .find(".contact").removeAttr("name").attr("name", "companyContacts[" + length + "].contact").val("").end()
- .find(".icon_font").html(html).end();
- }
- function removeLine(obj) {
- $(obj).parents(".add_contact").remove();
- }
- </script>
- </body>
- </html>
|