line.html 23.9 KB

Edit Raw Blame History

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:include="include :: header('线路档案信息')" />
	<th:block th:include="include :: select2-css" />
	<th:block th:include="include :: datetimepicker-css" />
</head>
<body class="gray-bg">
<div class="container-div" id="context">
	<div class="row">
		<div class="col-sm-12 search-collapse">
			<form id="formId">
				<div class="select-list">
					<ul>
						<li><label>公司：</label>
							<select id='company' >
							</select>
						</li>
						<li><label>分公司：</label>
							<select id='fCompany' >
							</select>
						</li>
						<li><label>线路名称：</label> <input type="text" name="lineName" />
						</li>
						<li><label>主线路id：</label> <input type="text" name="pLineId" />
						</li>
						<li><label>营运方式：</label> <select name="serviceType"
														 th:with="type=${@dict.getType('serviceType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>线路属性：</label>
							<select name="lineLevel"
									th:with="type=${@dict.getType('lineLevel')}">
								<option value=""></option>
								<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
										th:value="${dict.dictValue}"></option>
							</select>
						</li>
						<li><label>线路类型：</label> <select name="lineType"
														 th:with="type=${@dict.getType('lineType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>区属：</label> <select name="district"
													   th:with="type=${@dict.getType('district')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>是否区内：</label> <select name="inoutDistrict"
														 th:with="type=${@dict.getType('trueFalse')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>营运状态：</label> <select name="serviceState"
														 th:with="type=${@dict.getType('serviceState')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>车辆类型：</label> <select name="busType"
														 th:with="type=${@dict.getType('busType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>是否空调：</label> <select name="airConditionerType"
														 th:with="type=${@dict.getType('airConditionerType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>售票类型：</label> <select name="sellTicketType"
														 th:with="type=${@dict.getType('sellTicketType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>运营时间：</label> <select name="serviceTime"
														 th:with="type=${@dict.getType('serviceTime')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>线路长度：</label> <input type="text"
														name="lineDistance" /></li>
						<li><label>线路编码：</label> <input type="text" name="lineCode" />
						</li>
						<li><label>授权年限：</label> <input type="text"
														name="warrantYear" /></li>
						<li><label>授权起始：</label> <input type="text"
														class="time-input" placeholder="请选择授权起始日期"
														name="warrantStartTime" /></li>
						<li><label>授权结束：</label> <input type="text"
														class="time-input" placeholder="请选择授权结束日期" name="warrantEndTime" />
						</li>
						<li><label>撤销日期：</label> <input type="text"
														class="time-input" placeholder="请选择撤销日期" name="planCancelTime" />
						</li>
						<li><label>实际撤销：</label> <input type="text"
														class="time-input" placeholder="请选择实际撤销日期" name="cancelTime" />
						</li>
						<li><label>更新人：</label> <input type="text" name="updateBy" />
						</li>
						<li><label>更新时间：</label> <input type="text"
														class="time-input" placeholder="请选择更新时间" name="updateTime" /></li>
						<li><label>行车作业计划表报备时间：</label> <input type="text"
															   class="time-input" placeholder="请选择行车作业计划表报备时间"
															   name="timeSchedule" /></li>
						<li><label>停车场：</label> <input type="text" name="park" /></li>
						<li><label>是否权证：</label> <select name="isWarrant"
														 th:with="type=${@dict.getType('trueFalse')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>道路类型：</label> <select name="roadType"
														 th:with="type=${@dict.getType('roadType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>票价：</label> <input type="text" name="ticketPrice" /></li>
						<li><label>首站：</label> <input type="text"
													  name="firstStation" /></li>
						<li><label>起讫站：</label> <input type="text" name="startEnd" />
						</li>
						<li><label>首站时间：</label> <input type="text" name="firstTime" />
						</li>
						<li><label>末站：</label> <input type="text" name="lastStation" />
						</li>
						<li><label>末站首站：</label> <input type="text"
														name="lastTime" /></li>
						<li><label>上行里程：</label> <input type="text"
														name="mileageUp" /></li>
						<li><label>下行里程：</label> <input type="text"
														name="mileageDown" /></li>
						<li><label>平均里程：</label> <input type="text"
														name="averageMileage" /></li>
						<li><label>上行站级：</label> <input type="text"
														name="stationUp" /></li>
						<li><label>下行站级数()：</label> <input type="text"
														   name="stationDown" /></li>
						<li><label>行驶时间(上行)：</label> <input type="text"
															name="travelTimeUp" /></li>
						<li><label>行驶时间(下行)：</label> <input type="text"
															name="travelTimeDown" /></li>
						<li><label>行驶间隔(高峰)：</label> <input type="text"
															name="travelIntervalUp" /></li>
						<li><label>行驶间隔(低谷)：</label> <input type="text"
															name="travelIntervalDown" /></li>
						<li><label>经营权证：</label> <input type="text"
														name="warrantVehiclesLarge" /></li>
						<li><label>经营权证：</label> <input type="text"
														name="warrantVehiclesMiddle" /></li>
						<li><label>实际配车数：</label> <input type="text"
														 name="vehiclesNumber" /></li>
						<li><label>实际车辆数(大巴)：</label> <input type="text"
															 name="numberVehiclesLarge" /></li>
						<li><label>实际车辆数(中巴)：</label> <input type="text"
															 name="numberVehiclesMiddle" /></li>
						<li><label>车辆自编号：</label> <input type="text" name="carPlate" />
						</li>
						<li><label>线路总配人数：</label> <input type="text"
														  name="numberPerson" /></li>
						<li><label>人数司机：</label> <input type="text"
														name="numberPersonDriver" /></li>
						<li><label>售票员数：</label> <input type="text"
														name="numberPersonSales" /></li>
						<li><label>新能源车数：</label> <input type="text"
														 name="busEvNumber" /></li>
						<li><label>经营权证数：</label> <input type="text"
														 name="numberOfManage" /></li>
						<li><label>高峰系数：</label> <input type="text"
														name="fullCustomerPercent" /></li>
						<li><label>低谷系数：</label> <input type="text"
														name="lowCustomerPercent" /></li>
						<li><label>间隔等级：</label> <input type="text"
														name="divideLevel" /></li>
						<li><label>是否挂牌：</label> <input type="text"
														name="hasTimelists" /></li>
						<li><label>是否轨交末班车衔接：</label> <select name="isMetro"
															  th:with="type=${@dict.getType('trueFalse')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>轨交时间：</label> <input type="text"
														class="time-input" placeholder="请选择轨交时间" name="metroTime" /></li>
						<li><label>冷僻补贴：</label> <input type="text"
														name="coldBonusType" /></li>
						<li><label>日期截点：</label> <input type="text"
														class="time-input" placeholder="日期截点" name="createTimeEnd" id="createTimeEnd"/>
						</li>
						<li><label>性质：</label> <select name="lineUpdateType"
														 th:with="type=${@dict.getType('lineUpdateType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li><label>营收类型：</label> <select name="revenueType"
													   th:with="type=${@dict.getType('revenueType')}">
							<option value=""></option>
							<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
									th:value="${dict.dictValue}"></option>
						</select></li>
						<li>
							<el-button size="mini" type="primary" icon="el-icon-search"  onClick="$.table.search();">搜索</el-button>
							<el-button size="mini" icon="el-icon-refresh"  onClick="$.form.reset();">重置</el-button>
						</li>

					</ul>

				</div>
			</form>
		</div>


		<div class="btn-group-sm" id="toolbar" role="group">

			<el-button plain size="mini" type="success" icon="el-icon-search"  onClick="$.table.search();" data-toggle="modal" data-target="#myModal">选择显示的列</el-button>

			<el-button plain size="mini" type="warning" icon="el-icon-download" id="export"  onClick="$.table.exportExcel();" shiro:hasPermission="system:line:export"> 导出</el-button>
		</div>
		<div class="col-sm-12 select-table table-striped">
			<table id="bootstrap-table"></table>
		</div>
	</div>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: select2-js" />
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
	 aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">选择显示的列</h4>
			</div>
			<div class="modal-body" id="cols" style="float: left;">
				<input type="checkbox" onClick="checkAll(this);" id="checkboxForAll"/><label>全选</label><br />
				<br />

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary" data-dismiss="modal" onClick="initTable();">提交更改</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal -->
</div>

<th:block th:include="include :: datetimepicker-js" />
<script th:inline="javascript">

	var companyList=[[${companyList}]];
	var companies=new Array();
	var fCompanies=new Array();
	var type=[[${type}]];
	$(function() {
			for(let i in companyList){
				companies[i]=companyList[i].company;
				fCompanies[i]=companyList[i].fCompany;
			}
			companies=Array.from(new Set(companies));
			companySelect();
			fCompanySelect();
			$('#company').on('change.select2', function (e) {
				fCompanySelect()
			});
			console.log(type);
		if(type==2){
			console.log("show");
			$('#export').css("display", "show");
		}else {
			console.log("none");
			$('#export').css("display", "none");
		}
	});

	function companySelect(){
		var arr = new Array();
		var company=new Object();
		company.id='';
		company.text='';
		company.value='';
		arr.push(company)
		for (var i = 0; i < companies.length; i++) {
			company=new Object();
			company.id=companies[i];
			company.text=companies[i];
			company.value=companies[i];
			arr.push(company);
		}
		$("#company").select2({
			data: arr,
			placeholder:'请选择',
			allowClear:true
		})
	}


	function fCompanySelect(){
		$('#fCompany').empty();
		var company=$('#company').select2('val');
		var arr = new Array();
		var fCompany=new Object();
		fCompany.id='';
		fCompany.text='';
		fCompany.value='';
		arr.push(fCompany)
		if(company==''){
			for(let i in companyList){
				var companyName=companyList[i].company;
				var fCompanyName=companyList[i].fCompany;
				fCompany=new Object();
				fCompany.id=fCompanyName;
				fCompany.text=fCompanyName;
				fCompany.value=fCompanyName;
				arr.push(fCompany);
			}
		}else {
			for(let i in companyList){
				var companyName=companyList[i].company;
				var fCompanyName=companyList[i].fCompany;
				if(companyName==company){
					fCompany=new Object();
					fCompany.id=fCompanyName;
					fCompany.text=fCompanyName;
					fCompany.value=fCompanyName;
					arr.push(fCompany);
				}
			}
		}

		$("#fCompany").select2({
			data: arr,
			placeholder:'请选择',
			allowClear:true
		});
	}

	new Vue({
		el: '#context',
		data: function() {
			return { visible: false }
		}
	})

	var dicts = [[${@dict.getType('')}]];
	var mytable = null;


	function initTable(){
		var objs = $("#cols div");


		var data = [];

		for(var i = 0;i< objs.length;i++){
			var name = $(objs[i]).find("input")[0].name;
			var text = $(objs[i]).find("label")[0].innerText;
			var checked = $(objs[i]).find("input")[0].checked;

			data.push({
				name:name,
				text:text,
				checked:checked});

		}

		createTable(data);

		$.post("/system/line/updateUserLineInfo",{lineInfo:JSON.stringify(data)},function(data){
			$.modal.msg(data.msg);
		});
	}

	function createTable(objs){
		var options = {
			url: prefix + "/list",
			detailUrl: prefix + "/detail/{id}",
			exportUrl: prefix + "/export",
			modalName: "线路档案信息",
			columns: [],
			queryParams: queryParams,
			rowStyle:function(row,index) {
				var flag=DateMinus(row.isWarrantEndTime);
				if(row.isWarrant==='1'&&!flag){
					var strClass='danger';
					return {classes:strClass};
				}
				return "";
			},
			onDblClickRow:function (row,index){
				/*$.operate.full=true;*/
				$.operate.detail(row.id);
			}
		};


		if(objs.length > 0){
			options.columns[0] = {checkbox:true};
			options.columns[1] = {visible:false,field:"id"};
		}

		for(var i = 0;i< objs.length;i++){

			var col = {
				field: objs[i].name,
				title: objs[i].text,
				visible:objs[i].checked,
				align: 'center',
				formatter: function(value, row, index) {


					if(this.field == "roadType" || this.field == "busType"){
						if(value != null){

							var arr = value.split(",");
							value = "";
							for(var i in arr){

								for(var j in dicts[this.field]){
									if(dicts[this.field][j].dictValue == arr[i]){
										value += dicts[this.field][j].dictLabel + ","
										break;
									}
								}

							}
							return $.table.tooltip(value.substring(0,value.length -1), 5);
						}
					}

					if(this.field == "isLogicDelete" || this.field == "inoutDistrict"|| this.field == "isMetro" || this.field == "hasTimelists" || this.field == "isWarrant"){
						for(var j in dicts["trueFalse"]){
							if(dicts["trueFalse"][j].dictValue == value){
								value = dicts["trueFalse"][j].dictLabel;
								break;
							}
						}
					}


					if(dicts[this.field]){
						for(var j in dicts[this.field]){
							if(dicts[this.field][j].dictValue == value){
								value = dicts[this.field][j].dictLabel;
								break;
							}
						}
					}

					return $.table.tooltip(value, 5);
				}
			}

			if($($("#formId input[name="+objs[i].name+"]"))){
				if(objs[i].checked){
					$($("#formId input[name="+objs[i].name+"]")).parent().show();
				}else{

					$($("#formId input[name="+objs[i].name+"]")).parent().hide();
				}
			}
			if($($("#formId select[name="+objs[i].name+"]"))){
				if(objs[i].checked){
					$($("#formId select[name="+objs[i].name+"]")).parent().show();
				}else{

					$($("#formId select[name="+objs[i].name+"]")).parent().hide();
				}
			}

			options.columns.push(col);

		}

		$.table.destroy();

		$.table.init(options);

		mytable = $.table;
	}

	function checkAll(obj){
		var objs = $("#cols input");

		if(obj.checked == false){
			for(var i in objs){
				objs[i].checked = false;
			}
		}else{
			for(var i in objs){
				objs[i].checked = true;
			}
		}
	}

	function queryParams(params) {
		var search = $.table.queryParams(params);
		search.company=$('#company').select2('val');
		search.fCompany=$('#fCompany').select2('val');
		search.createTimeEnd=$('#createTimeEnd').val()!=''?$('#createTimeEnd').val()+' 23:59:59':'';
		return search;
	}
	var editFlag = [[${@permission.hasPermi('system:line:edit')}]];
	var removeFlag = [[${@permission.hasPermi('system:line:remove')}]];
	var prefix = ctx + "system/line";

	$(function() {
		var allDicts = {};

		for(var i in dicts){
			if(!allDicts[dicts[i].dictType]){
				allDicts[dicts[i].dictType] = [];
			}
			allDicts[dicts[i].dictType].push(dicts[i]);
		}

		dicts = allDicts;


		var cols = [
			{
				field: 'company',
				title: '公司'
			},
			{
				field: 'fCompany',
				title: '分公司'
			},
			{
				field: 'lineName',
				title: '线路名称'
			},
			{
				field: 'pLineId',
				title: '主线路id'
			},
			{
				field: 'serviceType',
				title: '营运方式'
			},
			{
				field: 'lineLevel',
				title: '线路属性'
			},
			{
				field: 'lineType',
				title: '线路属性'
			},
			{
				field: 'district',
				title: '区属'
			},
			{
				field: 'inoutDistrict',
				title: '是否区内'
			},
			{
				field: 'serviceState',
				title: '营运状态'
			},
			{
				field: 'busType',
				title: '车辆类型'
			},
			{
				field: 'airConditionerType',
				title: '是否空调'
			},
			{
				field: 'sellTicketType',
				title: '售票类型'
			},
			{
				field: 'serviceTime',
				title: '运营时间'
			},
			{
				field: 'lineDistance',
				title: '线路长度'
			},
			{
				field: 'lineCode',
				title: '线路编码'
			},
			{
				field: 'warrantYear',
				title: '授权年限'
			},
			{
				field: 'warrantStartTime',
				title: '授权起始日期'
			},
			{
				field: 'warrantEndTime',
				title: '授权结束日期'
			},
			{
				field: 'planCancelTime',
				title: '撤销日期'
			},
			{
				field: 'cancelTime',
				title: '实际撤销日期'
			},
			{
				field: 'cancelReason',
				title: '撤销原因'
			},
			{
				field: 'remark',
				title: '备注'
			},
			{
				field: 'isLogicDelete',
				title: '是否逻辑删除'
			},
			{
				field: 'updateBy',
				title: '更新人'
			},
			{
				field: 'updateTime',
				title: '更新时间'
			},
			{
				field: 'timeSchedule',
				title: '行车作业计划表报备时间'
			},
			{
				field: 'park',
				title: '停车场'
			},
			{
				field: 'isWarrant',
				title: '是否权证'
			},
			{
				field: 'isWarrantStartTime',
				title: '权证开通日期'
			},
			{
				field: 'isWarrantEndTime',
				title: '权证到期日期'
			},
			{
				field: 'roadType',
				title: '道路类型'
			},
			{
				field: 'ticketPrice',
				title: '票价'
			},
			{
				field: 'firstStation',
				title: '首站'
			},
			{
				field: 'startEnd',
				title: '起讫站'
			},
			{
				field: 'firstTime',
				title: '首站时间'
			},
			{
				field: 'lastStation',
				title: '末站'
			},
			{
				field: 'lastTime',
				title: '末站首站时间'
			},
			{
				field: 'mileageUp',
				title: '上行里程数'
			},
			{
				field: 'mileageDown',
				title: '下行里程数'
			},
			{
				field: 'averageMileage',
				title: '平均里程数'
			},
			{
				field: 'stationUp',
				title: '站级数(上行)'
			},
			{
				field: 'stationDown',
				title: '站级数(下行)'
			},{
				field: 'travelTimeUp',
				title: '行驶时间(上行)'
			},{
				field: 'travelTimeDown',
				title: '行驶时间(下行)'
			},{
				field: 'travelIntervalUp',
				title: '行驶间隔(高峰)'
			},{
				field: 'travelIntervalDown',
				title: '行驶间隔(低谷)'
			},{
				field: 'warrantVehiclesLarge',
				title: '经营权证(大巴)'
			}, {
				field: 'warrantVehiclesMiddle',
				title: '经营权证(中巴)'
			},{
				field: 'vehiclesNumber',
				title: '实际配车数'
			}, {
				field: 'numberVehiclesLarge',
				title: '实际车辆数(大巴)'
			}, {
				field: 'numberVehiclesMiddle',
				title: '实际车辆数(中巴)'
			},{
				field: 'carPlate',
				title: '车辆自编号'
			},{
				field: 'numberPerson',
				title: '线路总配人数'
			},{
				field: 'numberPersonDriver',
				title: '人数司机'
			}, {
				field: 'numberPersonSales',
				title: '售票员数'
			},{
				field: 'busEvNumber',
				title: '新能源车数'
			},{
				field: 'directions',
				title: '线路走向'
			},{
				field: 'numberOfManage',
				title: '经营权证数'
			},{
				field: 'halfwayStation',
				title: '站点名称'
			},{
				field: 'fullCustomerPercent',
				title: '高峰系数'
			},{
				field: 'lowCustomerPercent',
				title: '低谷系数'
			}, {
				field: 'divideLevel',
				title: '间隔等级'
			},{
				field: 'hasTimelists',
				title: '是否挂牌'
			},{
				field: 'isMetro',
				title: '是否轨交末班车衔接'
			},{
				field: 'metroTime',
				title: '轨交时间'
			},{
				field: 'coldBonusType',
				title: '冷僻线路补贴类型'
			},{
				field: 'revenueType',
				title: '营收类型'
			},{
				field: 'lineUpdateType',
				title: '性质'
			},{
				field: 'startDate',
				title: '启用时间'
			},{
				field: 'files',
				title: '附件'
			}];

		for(var i =0 ; i < cols.length ;i++){
			if(i > 0 && i %3 > 0)continue;
			var tag = "<div class='col_checkbox'><input type='checkbox' name="+cols[i].field+"><label>"+cols[i].title + "</label></div>";
			if(cols[i+1]){
				tag+= "<div class='col_checkbox'><input type='checkbox' name="+cols[i+1].field+"><label>"+cols[i+1].title + "</label></div>";
			}
			if(cols[i+2]){
				tag+= "<div class='col_checkbox'><input type='checkbox' name="+cols[i+2].field+"><label>"+cols[i+2].title + "</label></div>";
			}
			$("#cols").append(tag);
		}

		$.get("/system/line/getUserLineInfo",function(data){
			if(data.msg != null){
				var data = JSON.parse(data.msg);
				createTable(data);


				var allCheck = true;

				for(var i = 0;i<data.length;i++){

					if(!data[i].checked){
						allCheck = false;
					}

					$("#cols input[name="+data[i].name+"]")[0].checked = data[i].checked;
				}

				$("#checkboxForAll")[0].checked = allCheck;

			}
		});


	});


	function DateMinus(date1){
		if(date1==null){
			return true;
		}

		var sdate = new Date(date1);
		var now = new Date();
		var days = sdate.getTime()-now.getTime();
		var day = parseInt(days / (1000 * 60 * 60 * 24));
		console.log(day);
		if(day<120){
			return false;
		}
		return true;
	}

	$("input[name='createTimeEnd']").datetimepicker({
		format : "yyyy-mm-dd",
		minView : "month",
		autoclose : true
	});
</script>

<style>
	.col_checkbox {
		width: 33%;
		float: left;
	}
</style>
</body>
</html>