| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- <!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-edit">
- <input type="hidden" th:name="id" th:id="companyId" th:value="${company.id}"/>
- <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" type="radio" value="1" th:checked="${company.nature==1}">
- 企业</label>
- <label>
- <input type="radio" name="nature" th:checked="${company.nature==0}" 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" th:value="${company.company_name}" th:id="company_name"
- placeholder="请输入单位名称" 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" th:value="${company.location}" th:id="location"
- placeholder="请输入单位地址" 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" type="radio" value="true" th:checked="${company.is_product==true}">
- 是</label>
- <label>
- <input type="radio" name="is_product" th:checked="${company.is_product==false}" value="false">
- 否</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="-1">--请选择--</option>
- <option value="" th:selected="${company.type_id==item.id}" 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" th:unless="${#lists.isEmpty(company.companyContacts)}" th:each="companyContact,iterStat:${company.companyContacts}" th:object="${companyContact}">
- <input type="text" required minlength="1" th:value="*{contact}" maxlength="45" class="width_200 input-text contact" placeholder="请输入联系人" th:name="'companyContacts['+${iterStat.index}+'].contact'"/>
- <input type="text" required isTel="true" th:value="*{phone}" class="ml_50 width_200 input-text phone" placeholder="请输入联系电话" th:name="'companyContacts['+${iterStat.index}+'].phone'"/>
- <span th:if="${iterStat.first}" class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="addContact()"></i></span>
- <span th:unless="${iterStat.first}" class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="removeLine(this)"></i></span>
- </div>
- <div class="add_contact mt_10" th:if="${#lists.isEmpty(company.companyContacts)}">
- <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" th:value="${company.business}" placeholder="请输入经营范围" id="business"
- th:name="business">[[${company.business}]]</textarea>
- <!--<input type="text" class="input-text" value="" th:value="${company.business}" placeholder="请输入经营范围" th:name="business"/>-->
- </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:value="${company.remark}"
- th:name="remark">[[${company.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_edit.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>
|