提交 42112d76 编写于 作者: doc_wei's avatar doc_wei

车辆保险托管到表单布局

上级 93e19db3
// 车辆保险
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'fileUpload', 'tagEditor', 'laydate'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
laydate = layui.laydate;
var insuranceaddtableTemplate = $('#insuranceaddtableTemplate').html();
// 获取当前登录员工信息
systemCommonUtil.getSysCurrentLoginUserMation(function (data) {
var userName = data.bean.userName;
$("#insuranceTitle").html("车辆保险登记单-" + userName + "-" + (new Date()).getTime()) + Math.floor(Math.random()*100);
});
// 车辆险种
sysDictDataUtil.queryDictDataListByDictTypeCode(sysDictData["admVehicleCoverage"]["key"], function (data) {
var row = data.rows;
for(var i = 0;i < data.rows.length; i++){
var params = {
id: row[i].id,
name: row[i].name
};
$("#addTable").append(getDataUseHandlebars(insuranceaddtableTemplate, params));
}
form.render('checkbox');
});
// 查询所有的车牌号用于下拉选择框
adminAssistantUtil.queryAllVehicleList(function (data) {
$("#licensePlate").html(getDataUseHandlebars(getFileContent('tpl/template/select-option-must.tpl'), data));
form.render('select');
});
// 投保有效期时间
laydate.render({elem: '#validityTime', type: 'date', range: true, trigger: 'click'});
skyeyeEnclosure.init('enclosureUpload');
matchingLanguage();
form.render();
form.on('checkbox(checkboxProperty)', function(data) {
var rowId = $(this).attr("rowId");
var fu = $("#addTable").find("input[rowId=" + rowId + "]").parent();
if (data.elem.checked == true){
fu.next().find("input").removeAttr('disabled');
fu.next().next().find("input").removeAttr('disabled');
fu.next().next().next().find("input").removeAttr('disabled');
fu.next().find("input").removeClass('layui-disabled');
fu.next().next().find("input").removeClass('layui-disabled');
fu.next().next().next().find("input").removeClass('layui-disabled');
} else {
fu.next().find("input").attr('disabled','disabled');
fu.next().next().find("input").attr('disabled','disabled');
fu.next().next().next().find("input").attr('disabled','disabled');
fu.next().find("input").addClass('layui-disabled');
fu.next().next().find("input").addClass('layui-disabled');
fu.next().next().next().find("input").addClass('layui-disabled');
fu.next().find("input").val("");
fu.next().next().find("input").val("");
fu.next().next().next().find("input").val("");
bftotal();
}
});
$("body").on("blur", "#addTable input",function(){
bftotal();
})
//计算总保费
function bftotal(){
var bftotal = 0;
$.each($('input:checkbox:checked'),function(){
var rowId = $(this).attr("rowId");//选中的复选框的值
var fu = $("#addTable").find("input[rowId=" + rowId + "]").parent();
var bf = "";
bf = fu.next().find("input").val();//对应的保费
if (!isNull(bf)){
bftotal = parseFloat(bftotal) + parseFloat(bf);
bftotal = bftotal.toFixed(2);
}
});
$("#insuranceAllPrice").html(bftotal);
}
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
insuranceTitle: $("#insuranceTitle").html(),
insuranceCompany: $("#insuranceCompany").val(),
insuredTelephone: $("#insuredTelephone").val(),
validityStartTime: $("#validityTime").val().split(" - ")[0],
validityEndTime: $("#validityTime").val().split(" - ")[1],
roomAddDesc: $("#roomAddDesc").val(),
insuranceAllPrice: $("#insuranceAllPrice").html(),
enclosureInfo: skyeyeEnclosure.getEnclosureIdsByBoxId('enclosureUpload')
};
var coverageIds = "";
var istrue = true;
$.each($('input:checkbox:checked'),function(){
if(istrue){
var rowId = $(this).attr("rowId");//选中的复选框的值
var fu = $("#addTable").find("input[rowId="+rowId+"]").parent();
var bf = fu.next().find("input").val();//对应的保费
var be = fu.next().next().find("input").val();//对应的保额
if(isNull(bf)){
winui.window.msg('请输入选中的险种对应的保费', {icon: 2, time: 2000});
istrue = false;
} else {
var str = /^0{1}([.]\d{1,2})?$|^[1-9]\d*([.]{1}[0-9]{1,2})?$/;
var flag = str.test(bf);
if(!flag){
winui.window.msg('保费小数点后最多两位!', {icon: 2, time: 2000});
istrue = false;
} else {
if(isNull(be)){
winui.window.msg('请输入选中的险种对应的保额', {icon: 2, time: 2000});
istrue = false;
} else {
var flag = str.test(be);
if(!flag){
winui.window.msg('保额小数点后最多两位!', {icon: 2, time: 2000});
istrue = false;
}
}
}
}
var desc = fu.next().next().next().find("input").val();//对应的备注
str = rowId + "," + bf + "," + be + "," + desc;
coverageIds = coverageIds + str + ";";
}
});
if(istrue){
params.coverageIds = coverageIds;
if(isNull(params.coverageIds)){
winui.window.msg('请选择险种', {icon: 2, time: 2000});
return false;
}
params.vehicleId = data.field.licensePlate;
if(isNull(params.vehicleId)){
winui.window.msg('请选择车牌号', {icon: 2, time: 2000});
return false;
}
if(params.insuredTelephone != ""){
var mobile = /^0?1[3|4|5|8][0-9]\d{8}$/,phone = /^0[\d]{2,3}-[\d]{7,8}$/;
var flag = mobile.test(params.insuredTelephone) || phone.test(params.insuredTelephone);
if(!flag){
winui.window.msg('请输入正确的投保电话', {icon: 2, time: 2000});
return false;
}
}
AjaxPostUtil.request({url: flowableBasePath + "insurance002", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
}
return false;
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$;
var insuranceaddtableTemplate = $('#insuranceaddtableTemplate').html();
showGrid({
id: "showForm",
url: flowableBasePath + "insurance006",
params: {rowId:parent.rowId},
pagination: false,
template: getFileContent('tpl/vehicleManageInsurance/vehicleManageInsuranceDetailsTemplate.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
var coveragestr = "";
var arr = json.bean.coverageId.split(",");
for(var i = 0; i < arr.length; i++){
var str = arr[i].split("-");
for(var j = 0; j < str.length; j++){
coveragestr = coveragestr + str[0] + ",";
}
}
// 车辆险种
sysDictDataUtil.showDictDataListByDictTypeCode(sysDictData["admVehicleCoverage"]["key"], 'checkbox', "coverageChoose", json.bean.coverageId, form);
// 附件回显
skyeyeEnclosure.showDetails({"enclosureUploadBtn": json.bean.enclosureInfo});
matchingLanguage();
// 车辆险种
sysDictDataUtil.queryDictDataListByDictTypeCode(sysDictData["admVehicleCoverage"]["key"], function (data) {
var row = data.rows;
var coveragearr = coveragestr.split(",");
for(var i = 0;i < data.total; i++){
var params = {
id: row[i].id,
name: row[i].name
};
var f = false;
for(var m = 0;m < coveragearr.length; m++){
if(row[i].id == coveragearr[m]){
f = true;
}
}
if(f){
$("#addTable").append(getDataUseHandlebars(insuranceaddtableTemplate, params));
}
form.render('checkbox');
}
var arr = json.bean.coverageId.split(",");
for(var i = 0; i < arr.length; i++){
var str = arr[i].split("-");
for(var j = 0; j < str.length; j++){
var fu = $("#addTable").find("span[rowId="+str[0]+"]").parent();
fu.next().find("span").html(str[1]);//对应的保费
fu.next().next().find("span").html(str[2]);//对应的保额
if(str.length > 3){
fu.next().next().next().find("span").html(str[3]);//对应的备注
}
}
}
});
}
});
});
});
\ No newline at end of file
// 车辆保险
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'fileUpload', 'tagEditor', 'laydate'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
laydate = layui.laydate;
var insuranceaddtableTemplate = $('#insuranceaddtableTemplate').html();
form.on('checkbox(checkboxProperty)', function(data) {
var rowId = $(this).attr("rowId");
var fu = $("#addTable").find("input[rowId=" + rowId + "]").parent();
if (data.elem.checked == true){
fu.next().find("input").removeAttr('disabled');
fu.next().next().find("input").removeAttr('disabled');
fu.next().next().next().find("input").removeAttr('disabled');
fu.next().find("input").removeClass('layui-disabled');
fu.next().next().find("input").removeClass('layui-disabled');
fu.next().next().next().find("input").removeClass('layui-disabled');
} else {
fu.next().find("input").attr('disabled','disabled');
fu.next().next().find("input").attr('disabled','disabled');
fu.next().next().next().find("input").attr('disabled','disabled');
fu.next().find("input").addClass('layui-disabled');
fu.next().next().find("input").addClass('layui-disabled');
fu.next().next().next().find("input").addClass('layui-disabled');
fu.next().find("input").val("");
fu.next().next().find("input").val("");
fu.next().next().next().find("input").val("");
bftotal();
}
});
$("body").on("blur", "#addTable input",function(){
bftotal();
})
//计算总的保费
function bftotal(){
var bftotal = 0;
$.each($('input:checkbox:checked'),function(){
var rowId = $(this).attr("rowId");//选中的复选框的值
var fu = $("#addTable").find("input[rowId=" + rowId + "]").parent();
var bf = "";
bf = fu.next().find("input").val();//对应的保费
if (!isNull(bf)){
bftotal = parseFloat(bftotal) + parseFloat(bf);
bftotal = bftotal.toFixed(2);
}
});
$("#insuranceAllPrice").html(bftotal);
}
showGrid({
id: "showForm",
url: flowableBasePath + "insurance004",
params: {rowId:parent.rowId},
pagination: false,
template: getFileContent('tpl/vehicleManageInsurance/vehicleManageInsuranceEditTemplate.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
// 投保有效期时间
laydate.render({elem: '#validityTime', type: 'date', range: true, trigger: 'click'});
$("#insuranceAllPrice").html(json.bean.insuranceAllPrice);
// 车辆险种
sysDictDataUtil.queryDictDataListByDictTypeCode(sysDictData["admVehicleCoverage"]["key"], function (data) {
var row = data.rows;
for(var i = 0;i < data.rows.length; i++){
var params = {
id: row[i].id,
name: row[i].name
};
$("#addTable").append(getDataUseHandlebars(insuranceaddtableTemplate, params));
form.render('checkbox');
}
var arr = json.bean.coverageId.split(",");
for(var i = 0; i < arr.length; i++){
var str = arr[i].split("-");
for(var j = 0; j < str.length; j++){
$('input:checkbox[rowId="' + str[0] + '"]').attr("checked", true);
var fu = $("#addTable").find("input[rowId=" + str[0] + "]").parent();
fu.next().find("input").val(str[1]);//对应的保费
fu.next().next().find("input").val(str[2]);//对应的保额
if(str.length > 3){
fu.next().next().next().find("input").val(str[3]);//对应的备注
}
fu.next().find("input").removeAttr('disabled');
fu.next().next().find("input").removeAttr('disabled');
fu.next().next().next().find("input").removeAttr('disabled');
fu.next().find("input").removeClass('layui-disabled');
fu.next().next().find("input").removeClass('layui-disabled');
fu.next().next().next().find("input").removeClass('layui-disabled');
}
}
// 附件回显
skyeyeEnclosure.initTypeISData({'enclosureUpload': json.bean.enclosureInfo});
matchingLanguage();
form.render();
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
rowId: parent.rowId,
insuranceCompany: $("#insuranceCompany").val(),
insuredTelephone: $("#insuredTelephone").val(),
validityStartTime: $("#validityTime").val().split(" - ")[0],
validityEndTime: $("#validityTime").val().split(" - ")[1],
insuranceAllPrice: $("#insuranceAllPrice").val(),
roomAddDesc: $("#roomAddDesc").val(),
insuranceAllPrice: $("#insuranceAllPrice").html(),
enclosureInfo: skyeyeEnclosure.getEnclosureIdsByBoxId('enclosureUpload')
};
var coverageIds = "";
var istrue = true;
$.each($('input:checkbox:checked'),function(){
if(istrue){
var rowId = $(this).attr("rowId");//选中的复选框的值
var fu = $("#addTable").find("input[rowId=" + rowId + "]").parent();
var bf = fu.next().find("input").val();//对应的保费
var be = fu.next().next().find("input").val();//对应的保额
if(isNull(bf)){
winui.window.msg('请输入选中的险种对应的保费', {icon: 2, time: 2000});
istrue = false;
} else {
var str = /^0{1}([.]\d{1,2})?$|^[1-9]\d*([.]{1}[0-9]{1,2})?$/;
var flag = str.test(bf);
if(!flag){
winui.window.msg('保费小数点后最多两位!', {icon: 2, time: 2000});
istrue = false;
} else {
if(isNull(be)){
winui.window.msg('请输入选中的险种对应的保额', {icon: 2, time: 2000});
istrue = false;
} else {
var flag = str.test(be);
if(!flag){
winui.window.msg('保额小数点后最多两位!', {icon: 2, time: 2000});
istrue = false;
}
}
}
}
var desc = fu.next().next().next().find("input").val();//对应的备注
str = rowId + "," + bf + "," + be + "," + desc;
coverageIds = coverageIds + str + ";";
}
});
if(istrue){
params.coverageIds = coverageIds;
if(isNull(params.coverageIds)){
winui.window.msg('请选择险种', {icon: 2, time: 2000});
return false;
}
if(params.insuredTelephone != ""){
var mobile = /^0?1[3|4|5|8][0-9]\d{8}$/,phone = /^0[\d]{2,3}-[\d]{7,8}$/;
var flag = mobile.test(params.insuredTelephone) || phone.test(params.insuredTelephone);
if(!flag){
winui.window.msg('请输入正确的投保电话', {icon: 2, time: 2000});
return false;
}
}
AjaxPostUtil.request({url: flowableBasePath + "insurance005", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
}
return false;
});
});
}
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
var rowId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'form', 'laydate'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
table = layui.table,
laydate = layui.laydate;
// 新增车辆保险
authBtn('1597479769139');
// 查询所有的车牌号用于下拉选择框
adminAssistantUtil.queryAllVehicleList(function (data) {
$("#insurancePlate").html(getDataUseHandlebars(getFileContent('tpl/template/select-option.tpl'), data));
form.render('select');
});
showInsuranceList();
// 保险信息管理
function showInsuranceList(){
table.render({
id: 'insuranceTable',
elem: '#insuranceTable',
method: 'post',
url: flowableBasePath + "insurance001",
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'insuranceTitle', title: '主题', align: 'left', width: 300, templet: function (d) {
return '<a lay-event="insurancedetails" class="notice-title-click">' + d.insuranceTitle + '</a>';
}},
{ field: 'licensePlate', title: '车牌号', align: 'center', width: 120},
{ field: 'validityTime', title: '保险有效期', align: 'center', width: 180 },
{ field: 'insuranceAllPrice', title: '投保总费用(元)', width: 150 },
{ field: 'insuranceCompany', title: '投保公司', width: 170 },
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 150, toolbar: '#insurancetableBar'}
]],
done: function(json) {
matchingLanguage();
}
});
}
table.on('tool(insuranceTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'insurancedetails') { //详情
insurancedetails(data);
} else if (layEvent === 'insurancedelet'){ //删除
insurancedelet(data);
} else if (layEvent === 'insuranceedit'){ //编辑
insuranceedit(data);
}
});
form.render();
// 保险详情
function insurancedetails(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/vehicleManageInsurance/vehicleManageInsuranceDetails.html",
title: systemLanguage["com.skyeye.detailsPageTitle"][languageType],
pageId: "vehicleManageInsuranceDetails",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
}});
}
// 删除保险
function insurancedelet(data) {
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function (index) {
layer.close(index);
AjaxPostUtil.request({url: flowableBasePath + "insurance003", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
loadInsuranceTable();
}});
});
}
// 登记保险
$("body").on("click", "#addInsuranceBean", function() {
_openNewWindows({
url: "../../tpl/vehicleManageInsurance/vehicleManageInsuranceAdd.html",
title: "车辆保险登记单",
pageId: "vehicleManageInsuranceAdd",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadInsuranceTable();
}});
});
// 编辑保险
function insuranceedit(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/vehicleManageInsurance/vehicleManageInsuranceEdit.html",
title: "编辑车辆保险信息",
pageId: "vehicleManageInsuranceEdit",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadInsuranceTable();
}});
}
// 搜索表单
$("body").on("click", "#insuranceformSearch", function() {
table.reloadData("insuranceTable", {page: {curr: 1}, where: getTableParams()});
});
$("body").on("click", "#reloadInsuranceTable", function() {
loadInsuranceTable();
});
function loadInsuranceTable(){
table.reloadData("insuranceTable", {where: getTableParams()});
}
function getTableParams() {
return {
insuranceTitle: $("#insuranceTitle").val(),
insurancePlate: $("#insurancePlate").val()
};
}
exports('vehicleManageInsuranceList', {});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
<form class="layui-form" action="" id="showForm">
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">保险标题<i class="red">*</i></label>
<div class="layui-input-block ver-center">
<span id="insuranceTitle"></span>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">车牌号<i class="red">*</i></label>
<div class="layui-input-block">
<select id="licensePlate" name="licensePlate" lay-filter="licensePlate" lay-search="">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">投保公司<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="insuranceCompany" name="insuranceCompany" win-verify="required" placeholder="请输入投保公司" class="layui-input"/>
</div>
</div>
<table class="layui-table">
<thead>
<tr>
<th>险种<i class="red">*</i></th>
<th>保费<i class="red">*</i></th>
<th>保额<i class="red">*</i></th>
<th>备注</th>
</tr>
</thead>
<tbody id="addTable" class="insurance-table">
</tbody>
</table>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保总费用<i class="red">*</i></label>
<div class="layui-input-block ver-center">
<span id="insuranceAllPrice">0</span>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保电话</label>
<div class="layui-input-block">
<input type="text" id="insuredTelephone" name="insuredTelephone" placeholder="请输入投保电话" class="layui-input" maxlength="15"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保有效期<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="validityTime" name="validityTime" win-verify="required" placeholder="请选择投保有效期" class="layui-input"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">相关描述:</label>
<div class="layui-input-block">
<textarea id="roomAddDesc" name="roomAddDesc" placeholder="请输入附加描述" class="layui-textarea" style="height: 100px;" maxlength="200"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">相关附件</label>
<div class="layui-input-block" id="enclosureUpload">
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<!-- insuranceaddtableTemplate.tpl -->
<script type="text/x-handlebars-template" id="insuranceaddtableTemplate">
<tr>
<td><input type="checkbox" title="{{name}}" rowId="{{id}}" lay-filter="checkboxProperty"/></td>
<td><input type="number" disabled class="layui-input layui-disabled"/></td>
<td><input type="number" disabled class="layui-input layui-disabled"/></td>
<td><input type="text" disabled class="layui-input layui-disabled"/></td>
</tr>
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/vehicleManageInsurance/'}).use('vehicleManageInsuranceAdd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
<form class="layui-form" action="" id="showForm">
</form>
</div>
<!-- insuranceaddtableTemplate.tpl -->
<script type="text/x-handlebars-template" id="insuranceaddtableTemplate">
<tr>
<td><span rowId="{{id}}"></span>{{name}}</td>
<td><span></span></td>
<td><span></span></td>
<td><span></span></td>
</tr>
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/vehicleManageInsurance/'}).use('vehicleManageInsuranceDetails');
</script>
</body>
</html>
\ No newline at end of file
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">标题:</label>
<div class="layui-input-block ver-center">
{{insuranceTitle}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">车牌号:</label>
<div class="layui-input-block ver-center">
{{licensePlate}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">投保公司:</label>
<div class="layui-input-block ver-center">
{{insuranceCompany}}
</div>
</div>
<table class="layui-table">
<thead>
<tr>
<th>险种</th>
<th>保费</th>
<th>保额</th>
<th>备注</th>
</tr>
</thead>
<tbody id="addTable" class="insurance-table">
</tbody>
</table>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保总费用:</label>
<div class="layui-input-block ver-center">
{{insuranceAllPrice}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保电话:</label>
<div class="layui-input-block ver-center">
{{insuredTelephone}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保有效期:</label>
<div class="layui-input-block ver-center">
{{validityTime}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">附加描述:</label>
<div class="layui-input-block ver-center">
{{roomAddDesc}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">相关附件:</label>
<div class="layui-input-block ver-center" id="enclosureUploadBtn">
</div>
</div>
{{/bean}}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
<form class="layui-form" action="" id="showForm">
</form>
</div>
<!-- insuranceaddtableTemplate.tpl -->
<script type="text/x-handlebars-template" id="insuranceaddtableTemplate">
<tr>
<td><input type="checkbox" id="{{id}}" title="{{name}}" rowId="{{id}}" lay-filter="checkboxProperty"/></td>
<td><input type="number" disabled class="layui-input layui-disabled"/></td>
<td><input type="number" disabled class="layui-input layui-disabled"/></td>
<td><input type="text" disabled class="layui-input layui-disabled"/></td>
</tr>
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/vehicleManageInsurance/'}).use('vehicleManageInsuranceEdit');
</script>
</body>
</html>
\ No newline at end of file
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">保险标题<i class="red">*</i></label>
<div class="layui-input-block ver-center">
{{insuranceTitle}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">车牌号<i class="red">*</i></label>
<div class="layui-input-block ver-center">
{{licensePlate}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">投保公司<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="insuranceCompany" name="insuranceCompany" win-verify="required" placeholder="请输入投保公司" class="layui-input" value="{{insuranceCompany}}"/>
</div>
</div>
<table class="layui-table">
<thead>
<tr>
<th>险种<i class="red">*</i></th>
<th>保费<i class="red">*</i></th>
<th>保额<i class="red">*</i></th>
<th>备注</th>
</tr>
</thead>
<tbody id="addTable" class="insurance-table">
</tbody>
</table>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保总费用<i class="red">*</i></label>
<div class="layui-input-block ver-center">
<span id="insuranceAllPrice"></span>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保电话</label>
<div class="layui-input-block">
<input type="text" id="insuredTelephone" name="insuredTelephone" placeholder="请输入投保电话" class="layui-input" value="{{insuredTelephone}}" maxlength="15"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">投保有效期<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="validityTime" name="validityTime" win-verify="required" placeholder="请选择投保有效期" class="layui-input" value="{{validityTime}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">相关描述:</label>
<div class="layui-input-block">
<textarea id="roomAddDesc" name="roomAddDesc" placeholder="请输入附加描述" class="layui-textarea" style="height: 100px;" maxlength="200">{{roomAddDesc}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">相关附件</label>
<div class="layui-input-block" id="enclosureUpload">
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formEditBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto; height: 100%;">
<div class="txtcenter" style="margin: 0 auto; padding-top: 10px;">
<form class="layui-form layui-form-pane" action=""
autocomplete="off">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">主题</label>
<div class="layui-input-inline">
<input type="text" id="insuranceTitle" name="insuranceTitle"
placeholder="请输入主题" class="layui-input" />
</div>
<label class="layui-form-label">车牌号</label>
<div class="layui-input-inline">
<select id="insurancePlate" name="insurancePlate" lay-filter="insurancePlate" lay-search="">
</select>
</div>
<button type="reset" class="layui-btn layui-btn-primary list-form-search"><language showName="com.skyeye.reset"></language></button>
<button class="layui-btn list-form-search" type="button" id="insuranceformSearch"><language showName="com.skyeye.search2"></language></button>
</div>
</div>
</form>
</div>
<div class="winui-toolbar">
<div class="winui-tool" style="text-align: left;">
<button id="reloadInsuranceTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addInsuranceBean" class="winui-toolbtn" auth="1597479769139"><i class="fa fa-plus" aria-hidden="true"></i>登记</button>
</div>
</div>
<div style="margin: auto 10px;">
<table id="insuranceTable" lay-filter="insuranceTable"></table>
<script type="text/html" id="insurancetableBar">
{{# if(auth('1597479781665')){ }}
<a class="layui-btn layui-btn-xs" lay-event="insuranceedit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1597479790534')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="insurancedelet"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
</script>
</div>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/vehicleManageInsurance/'}).use('vehicleManageInsuranceList');
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册