初始版本
This commit is contained in:
222
src/main/webapp/WEB-INF/template/client/view.html
Normal file
222
src/main/webapp/WEB-INF/template/client/view.html
Normal file
@@ -0,0 +1,222 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||||
|
||||
<!--module="client" moduleName="客户"-->
|
||||
<form id="addForm" action="client/update.html" method="post" returnUrl="client/list.html">
|
||||
<input type="hidden" name="id" th:value="${client.id}">
|
||||
<div class="appPage addPage">
|
||||
<div class="head">
|
||||
<h1 class="page-title">查看客户</h1>
|
||||
<div class="btnGroup">
|
||||
<a class="btn" href="javascript:Nav.go('client/list.html')">返回</a>
|
||||
<a class="form-setting"
|
||||
href="javascript:Dialog.functionDialog(null, null, '/admin/common/formSetting.html?name=client');" th:text="#{page.formSetting}">表单设置</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabBody">
|
||||
<ul class="tagSwitch">
|
||||
<li tagindex="1" class="tag active">基本信息</li>
|
||||
<li tagindex="2" class="tag">联系人</li>
|
||||
<li tagindex="3" class="tag">银行账号</li>
|
||||
<li tagindex="4" class="tag">收货地址</li>
|
||||
</ul>
|
||||
<div class="tagContents">
|
||||
<div tagindex="1" class="tagContent submitBody active" data-id="client">
|
||||
<div class="input-wrapper">
|
||||
<label for="name">名称</label>
|
||||
<input class="text" id="name" name="name"
|
||||
type="text" th:value="${client.name}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="taxpayerSn">税务登记号</label>
|
||||
<input class="text" id="taxpayerSn" name="taxpayerSn"
|
||||
type="text" th:value="${client.taxpayerSn}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="sn">编号</label>
|
||||
<input class="text" id="sn" name="sn"
|
||||
type="text" th:value="${client.sn}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="shortName">简称</label>
|
||||
<input class="text" id="shortName" name="shortName"
|
||||
type="text" th:value="${client.shortName}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="address">地址</label>
|
||||
<input class="text" id="address" name="address"
|
||||
type="text" th:value="${client.address}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="contact">联系人</label>
|
||||
<input class="text" id="contact" name="contact"
|
||||
type="text" th:value="${client.contact}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="phone">联系电话</label>
|
||||
<input class="text" id="phone" name="phone"
|
||||
type="text" th:value="${client.phone}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="landLinePhone">固定电话</label>
|
||||
<input class="text" id="landLinePhone" name="landLinePhone"
|
||||
type="text" th:value="${client.landLinePhone}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="memo">备注</label>
|
||||
<input class="text" id="memo" name="memo"
|
||||
type="text" th:value="${client.memo}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="email">邮箱</label>
|
||||
<input class="text" id="email" name="email"
|
||||
type="text" th:value="${client.email}" readonly>
|
||||
</div>
|
||||
<!-- <div class="input-wrapper">-->
|
||||
<!-- <label for="initialArrears">初期欠款</label>-->
|
||||
<!-- <input class="text" id="initialArrears" name="initialArrears"-->
|
||||
<!-- type="number" th:value="${client.initialArrears}" readonly>-->
|
||||
<!-- </div>-->
|
||||
<div class="input-wrapper" th:each="data : ${session.eField.list('client')}">
|
||||
<label th:for="${data.fieldName}" th:text="${data.name}"></label>
|
||||
<input class="text" th:id="${data.fieldName}" th:name="${data.fieldName}"
|
||||
th:value="${client.extraField(data.fieldName)}" type="text" readonly>
|
||||
</div>
|
||||
<div class="formBtns">
|
||||
<a href="javascript:Nav.return('client/list.html')" class="btn">取消</a>
|
||||
</div>
|
||||
</div>
|
||||
<div tagindex="2" class="tagContent submitBody">
|
||||
<div class="addable-wrapper">
|
||||
<div class="addable-line" th:each="contact, stat : ${client.contactList}">
|
||||
<input type="hidden" th:name="'contactList[' + ${stat.index} + '].id'"
|
||||
th:value="${contact.id}">
|
||||
<div class="roll-box">
|
||||
<div class="input-wrapper">
|
||||
<label>名称</label>
|
||||
<input class="text" type="text" th:name="'contactList[' + ${stat.index} + '].name'"
|
||||
th:value="${contact.name}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>联系电话</label>
|
||||
<input class="text" type="text"
|
||||
th:name="'contactList[' + ${stat.index} + '].phone'"
|
||||
th:value="${contact.phone}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>电子邮件</label>
|
||||
<input class="text" type="text"
|
||||
th:name="'contactList[' + ${stat.index} + '].email'"
|
||||
th:value="${contact.email}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>职位</label>
|
||||
<input class="text" type="text"
|
||||
th:name="'contactList[' + ${stat.index} + '].position'"
|
||||
th:value="${contact.position}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>传真</label>
|
||||
<input class="text" type="text" th:name="'contactList[' + ${stat.index} + '].fax'"
|
||||
th:value="${contact.fax}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>备注</label>
|
||||
<input class="text" type="text" th:name="'contactList[' + ${stat.index} + '].memo'"
|
||||
th:value="${contact.memo}" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="formBtns">
|
||||
<a href="javascript:Nav.return('client/list.html')" class="btn">取消</a>
|
||||
</div>
|
||||
</div>
|
||||
<div tagindex="3" class="tagContent submitBody">
|
||||
<div class="addable-wrapper">
|
||||
<div class="addable-line" th:each="bankAccount, stat : ${client.bankAccountList}">
|
||||
<input type="hidden" th:name="'bankAccountList[' + ${stat.index} + '].id'"
|
||||
th:value="${bankAccount.id}">
|
||||
<div class="roll-box">
|
||||
<div class="input-wrapper">
|
||||
<label>银行账号</label>
|
||||
<input class="text long-input" type="text"
|
||||
th:name="'bankAccountList[' + ${stat.index} + '].account'"
|
||||
th:value="${bankAccount.account}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>开户银行</label>
|
||||
<input class="text long-input" type="text"
|
||||
th:name="'bankAccountList[' + ${stat.index} + '].bank'"
|
||||
th:value="${bankAccount.bank}" readonly>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>收款人</label>
|
||||
<input class="text long-input" type="text"
|
||||
th:name="'bankAccountList[' + ${stat.index} + '].receiver'"
|
||||
th:value="${bankAccount.receiver}" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="formBtns">
|
||||
<a href="javascript:Nav.return('client/list.html')" class="btn">取消</a>
|
||||
</div>
|
||||
</div>
|
||||
<div tagindex="4" class="tagContent submitBody">
|
||||
<div class="addable-wrapper">
|
||||
<div class="addable-line" th:each="cargoAddress, stat : ${client.cargoAddressList}">
|
||||
<input type="hidden" th:name="'cargoAddressList[' + ${stat.index} + '].id'"
|
||||
th:value="${cargoAddress.id}">
|
||||
<div class="roll-box">
|
||||
<div class="input-wrapper">
|
||||
<label>省</label>
|
||||
<select class="provinceSelect"
|
||||
th:name="'cargoAddressList[' + ${stat.index} + '].provinceId'"
|
||||
style="width: 150px;" data-change="provinceChange"
|
||||
th:data-init="${cargoAddress.provinceId}" disabled>
|
||||
<option th:each="item : ${provinceList}" th:value="${item.id}"
|
||||
th:text="${item.name}"></option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>市</label>
|
||||
<select class="citySelect"
|
||||
th:name="'cargoAddressList[' + ${stat.index} + '].cityId'"
|
||||
style="width: 150px;" data-change="cityChange"
|
||||
th:data-init="${cargoAddress.cityId}" disabled>
|
||||
<option th:each="item : ${areaService.parentList(cargoAddress.cityId)}" th:value="${item.id}"
|
||||
th:text="${item.name}"></option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>区/县</label>
|
||||
<select class="countySelect"
|
||||
th:name="'cargoAddressList[' + ${stat.index} + '].countyId'"
|
||||
style="width: 150px;" th:data-init="${cargoAddress.countyId}" disabled>
|
||||
<option th:each="item : ${areaService.parentList(cargoAddress.countyId)}" th:value="${item.id}"
|
||||
th:text="${item.name}"></option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label>详细地址</label>
|
||||
<input class="text long-input" type="text"
|
||||
th:name="'cargoAddressList[' + ${stat.index} + '].address'"
|
||||
th:value="${cargoAddress.address}" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="formBtns">
|
||||
<a href="javascript:Nav.return('client/list.html')" class="btn">取消</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
$(".submitBody").eq(0).formSetting();
|
||||
</script>
|
||||
</html>
|
||||
Reference in New Issue
Block a user