提交 57049b18 编写于 作者: doc_wei's avatar doc_wei

车辆维修保养托管到表单布局

上级 42112d76
// 车辆维修保养
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;
skyeyeEnclosure.init('enclosureUpload');
// 获取当前登录员工信息
systemCommonUtil.getSysCurrentLoginUserMation(function (data) {
var userName = data.bean.userName;
$("#maintenanceTitle").html("车辆维修保养登记单-" + userName + "-" + (new Date()).getTime()) + Math.floor(Math.random()*100);
});
// 查询所有的车牌号用于下拉选择框
adminAssistantUtil.queryAllVehicleList(function (data) {
$("#licensePlate").html(getDataUseHandlebars(getFileContent('tpl/template/select-option-must.tpl'), data));
form.render('select');
});
// 维修保养时间段选择
laydate.render({elem: '#maintenanceTime', type: 'date', range: true, trigger: 'click'});
matchingLanguage();
form.render();
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
maintenanceTitle: $("#maintenanceTitle").html(),
maintenanceCompany: $("#maintenanceCompany").val(),
maintenancePrice: $("#maintenancePrice").val(),
startTime: $("#maintenanceTime").val().split(" - ")[0],
endTime: $("#maintenanceTime").val().split(" - ")[1],
concreteContent: $("#concreteContent").val(),
roomAddDesc: $("#roomAddDesc").val(),
vehicleId: $("#licensePlate").val(),
maintenanceType: $("input[name='maintenanceType']:checked").val(),
enclosureInfo: skyeyeEnclosure.getEnclosureIdsByBoxId('enclosureUpload')
};
AjaxPostUtil.request({url: flowableBasePath + "maintenance002", 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.$;
showGrid({
id: "showForm",
url: flowableBasePath + "maintenance006",
params: {rowId:parent.rowId},
pagination: false,
template: getFileContent('tpl/vehicleManageMaintenance/vehicleManageMaintenanceDetailsTemplate.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
// 附件回显
skyeyeEnclosure.showDetails({"enclosureUploadBtn": json.bean.enclosureInfo});
matchingLanguage();
}
});
});
});
\ 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;
showGrid({
id: "showForm",
url: flowableBasePath + "maintenance004",
params: {rowId:parent.rowId},
pagination: false,
template: getFileContent('tpl/vehicleManageMaintenance/vehicleManageMaintenanceEditTemplate.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
// 维修保养时间段选择
laydate.render({elem: '#maintenanceTime', type: 'date', range: true, trigger: 'click'});
$("input:radio[name=maintenanceType][value=" + json.bean.maintenanceType + "]").attr("checked", true);
// 附件回显
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,
maintenanceCompany: $("#maintenanceCompany").val(),
maintenancePrice: $("#maintenancePrice").val(),
startTime: $("#maintenanceTime").val().split(" - ")[0],
endTime: $("#maintenanceTime").val().split(" - ")[1],
concreteContent: $("#concreteContent").val(),
roomAddDesc: $("#roomAddDesc").val(),
maintenanceType: $("input[name='maintenanceType']:checked").val(),
enclosureInfo: skyeyeEnclosure.getEnclosureIdsByBoxId('enclosureUpload')
};
AjaxPostUtil.request({url: flowableBasePath + "maintenance005", 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('1597478766486');
// 查询所有的车牌号用于下拉选择框
adminAssistantUtil.queryAllVehicleList(function (data) {
$("#maintenancePlate").html(getDataUseHandlebars(getFileContent('tpl/template/select-option.tpl'), data));
form.render('select');
});
showMaintenanceList();
// 维修保养管理
function showMaintenanceList(){
table.render({
id: 'maintenanceTable',
elem: '#maintenanceTable',
method: 'post',
url: flowableBasePath + "maintenance001",
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'maintenanceTitle', title: '主题', align: 'left', width: 300, templet: function (d) {
return '<a lay-event="maintenancedetails" class="notice-title-click">' + d.maintenanceTitle + '</a>';
}},
{ field: 'licensePlate', title: '车牌号', align: 'center', width: 120 },
{ field: 'maintenanceType', title: '类型', align: 'center', width: 120 },
{ field: 'Time', title: '时间段', align: 'center', width: 300 },
{ field: 'maintenancePrice', title: '费用(元)', width: 150 },
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 150, toolbar: '#maintenancetableBar'}
]],
done: function(json) {
matchingLanguage();
}
});
}
table.on('tool(maintenanceTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'maintenancedetails') { //详情
maintenancedetails(data);
} else if (layEvent === 'maintenancedelet'){ //删除
maintenancedelet(data);
} else if (layEvent === 'maintenanceedit'){ //编辑
maintenanceedit(data);
}
});
form.render();
// 维修保养信息详情
function maintenancedetails(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/vehicleManageMaintenance/vehicleManageMaintenanceDetails.html",
title: systemLanguage["com.skyeye.detailsPageTitle"][languageType],
pageId: "vehicleManageMaintenanceDetails",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
}});
}
// 删除维修保养信息
function maintenancedelet(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 + "maintenance003", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
loadMaintenanceTable();
}});
});
}
// 登记维修保养信息
$("body").on("click", "#addMaintenanceBean", function() {
_openNewWindows({
url: "../../tpl/vehicleManageMaintenance/vehicleManageMaintenanceAdd.html",
title: "车辆维修保养登记单",
pageId: "vehicleManageMaintenanceAdd",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadMaintenanceTable();
}});
});
// 编辑维修保养信息
function maintenanceedit(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/vehicleManageMaintenance/vehicleManageMaintenanceEdit.html",
title: "编辑车辆维修保养信息",
pageId: "vehicleManageMaintenanceEdit",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadMaintenanceTable();
}});
}
// 搜索表单
$("body").on("click", "#maintenanceformSearch", function() {
table.reloadData("maintenanceTable", {page: {curr: 1}, where: getTableParams()});
});
$("body").on("click", "#reloadMaintenanceTable", function() {
loadMaintenanceTable();
});
function loadMaintenanceTable(){
table.reloadData("maintenanceTable", {where: getTableParams()});
}
function getTableParams() {
return {
maintenanceTitle: $("#maintenanceTitle").val(),
maintenancePlate: $("#maintenancePlate").val()
};
}
exports('vehicleManageMaintenanceList', {});
});
<!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="maintenanceTitle"></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="" win-verify="required">
</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 winui-radio">
<input type="radio" name="maintenanceType" value="1" title="维修" checked="checked"/>
<input type="radio" name="maintenanceType" value="2" title="保养" />
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">维修保养公司</label>
<div class="layui-input-block">
<input type="text" id="maintenanceCompany" name="maintenanceCompany" placeholder="请输入维修保养公司" class="layui-input"/>
</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="number" id="maintenancePrice" name="maintenancePrice" win-verify="required|double" placeholder="请输入费用(元)" class="layui-input" />
</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" class="layui-input" id="maintenanceTime" win-verify="required" placeholder="请选择维修保养时间段">
</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">
<textarea id="concreteContent" name="concreteContent" placeholder="请输入具体内容" class="layui-textarea" style="height: 100px;" maxlength="200" win-verify="required"></textarea>
</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>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/vehicleManageMaintenance/'}).use('vehicleManageMaintenanceAdd');
</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>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/vehicleManageMaintenance/'}).use('vehicleManageMaintenanceDetails');
</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">
{{maintenanceTitle}}
</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 {{colorClass}}">
{{maintenanceType}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">维修保养公司:</label>
<div class="layui-input-block ver-center">
{{maintenanceCompany}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">费用:</label>
<div class="layui-input-block ver-center">
{{maintenancePrice}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">时间段:</label>
<div class="layui-input-block ver-center">
{{maintenanceTime}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">具体内容:</label>
<div class="layui-input-block ver-center">
{{concreteContent}}
</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>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/vehicleManageMaintenance/'}).use('vehicleManageMaintenanceEdit');
</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">
{{maintenanceTitle}}
</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 winui-radio">
<input type="radio" name="maintenanceType" value="1" title="维修" />
<input type="radio" name="maintenanceType" value="2" title="保养" />
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">维修保养公司</label>
<div class="layui-input-block">
<input type="text" id="maintenanceCompany" name="maintenanceCompany" placeholder="请输入维修保养公司" class="layui-input" value="{{maintenanceCompany}}"/>
</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="number" id="maintenancePrice" name="maintenancePrice" win-verify="required|double" placeholder="请输入费用(元)" class="layui-input" value="{{maintenancePrice}}"/>
</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" class="layui-input" id="maintenanceTime" win-verify="required" placeholder="请选择维修保养时间段" value="{{maintenanceTime}}"/>
</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">
<textarea id="concreteContent" name="concreteContent" placeholder="请输入具体内容" class="layui-textarea" style="height: 100px;" maxlength="200" win-verify="required">{{concreteContent}}</textarea>
</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}}
\ 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="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="maintenanceTitle" name="maintenanceTitle"
placeholder="请输入主题" class="layui-input" />
</div>
<label class="layui-form-label">车牌号</label>
<div class="layui-input-inline">
<select id="maintenancePlate" name="maintenancePlate" lay-filter="maintenancePlate" 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="maintenanceformSearch"><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="reloadMaintenanceTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addMaintenanceBean" class="winui-toolbtn" auth="1597478766486"><i class="fa fa-plus" aria-hidden="true"></i>登记</button>
</div>
</div>
<div style="margin: auto 10px;">
<table id="maintenanceTable" lay-filter="maintenanceTable"></table>
<script type="text/html" id="maintenancetableBar">
{{# if(auth('1597478776971')){ }}
<a class="layui-btn layui-btn-xs" lay-event="maintenanceedit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1597478786829')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="maintenancedelet"><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/vehicleManageMaintenance/'}).use('vehicleManageMaintenanceList');
</script>
</body>
</html>
\ No newline at end of file
...@@ -2,19 +2,6 @@ ...@@ -2,19 +2,6 @@
// 行政管理模块相关工具 // 行政管理模块相关工具
var adminAssistantUtil = { var adminAssistantUtil = {
/**
* 车辆管理---查询所有的车牌号用于下拉选择框
*
* @param callback 回执函数
*/
queryAllVehicleList: function (callback) {
AjaxPostUtil.request({url: flowableBasePath + "vehicle010", params: {}, type: 'json', method: "GET", callback: function(json) {
if(typeof(callback) == "function") {
callback(json);
}
}, async: false});
},
/** /**
* 资产选择页面---组件管理使用 * 资产选择页面---组件管理使用
* *
......
...@@ -84,6 +84,7 @@ ...@@ -84,6 +84,7 @@
"assetReportState": {"name": "资产明细状态", "className": "skyeye-adm#com.skyeye.eve.assets.classenum.AssetReportState"}, "assetReportState": {"name": "资产明细状态", "className": "skyeye-adm#com.skyeye.eve.assets.classenum.AssetReportState"},
"conferenceState": {"name": "会议室状态", "className": "skyeye-adm#com.skyeye.eve.conference.classenum.ConferenceState"}, "conferenceState": {"name": "会议室状态", "className": "skyeye-adm#com.skyeye.eve.conference.classenum.ConferenceState"},
"vehicleState": {"name": "车辆状态", "className": "skyeye-adm#com.skyeye.eve.vehicle.classenum.VehicleState"} "vehicleState": {"name": "车辆状态", "className": "skyeye-adm#com.skyeye.eve.vehicle.classenum.VehicleState"},
"maintenanceType": {"name": "车辆维修类型", "className": "skyeye-adm#com.skyeye.eve.vehicle.classenum.MaintenanceType"}
} }
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册