Files
EPCMS/src/main/webapp/WEB-INF/template/client/view.html
2024-04-29 17:04:35 +08:00

223 lines
13 KiB
HTML

<!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>