1. (5254b154) | Commits | 潘钊 / bsth_control

Browse Code »

Commit 5254b15491d2840417cbf14eee194d1d6d295d26

Authored by 王通 2024-05-28 10:34:38 +0800

1 parent 25b537c8

build: skipped

1.

Inline Side-by-side

Showing 9 changed files with 1774 additions and 170 deletions

src/main/resources/static/pages/base/section/add_sut.html 0 → 100644

View file @5254b15

	1	+<link href="/pages/base/section/css/addmap.css" rel="stylesheet" type="text/css" />
	2	+<div class="page-head">
	3	+ <div class="page-title">
	4	+ <h1>添加路段</h1>
	5	+ </div>
	6	+</div>
	7	+
	8	+<ul class="page-breadcrumb breadcrumb">
	9	+ <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
	10	+ <li><span class="active">基础数据管理</span> <i class="fa fa-circle"></i></li>
	11	+ <li><a href="/pages/base/section/list_sut.html" data-pjax>路段信息</a> <i class="fa fa-circle"></i></li>
	12	+ <li><span class="active">添加路段</span></li>
	13	+</ul>
	14	+
	15	+<div class="portlet light bordered" id="form-wizard-info">
	16	+ <div class="portlet-title">
	17	+ <div class="caption">
	18	+ <i class="icon-equalizer font-red-sunglo"></i>
	19	+ <span class="caption-subject font-red-sunglo bold uppercase">添加路段
	20	+ <span class="step-title"> 1 - 4 </span>
	21	+ <i class="fa fa-question-circle tipso-animation" style="color: rgba(158, 158, 158, 0.49);"></i>
	22	+ </span>
	23	+ </div>
	24	+ <div class="actions">
	25	+ <div class="btn-group btn-group-devided" data-toggle="buttons">
	26	+ <a class="btn btn-circle default" href="/pages/base/section/list_sut.html" style="float: right;padding: 4px 23px;" data-pjax=""><i class="fa fa-reply"></i> 退出</a>
	27	+ </div>
	28	+ </div>
	29	+ </div>
	30	+ <div class="portlet-body form">
	31	+ <!-- START FORM -->
	32	+ <form class="form-horizontal" id="submit_section_form" action="/" method="POST" novalidate="novalidate">
	33	+ <div class="form-wizard">
	34	+ <div class="form-body">
	35	+ <ul class="nav nav-pills nav-justified steps">
	36	+ <li class="active">
	37	+ <a href="#tab1" data-toggle="tab" class="step" aria-expanded="true">
	38	+ <span class="number"> 1 </span>
	39	+ <span class="desc">
	40	+ <i class="fa fa-check"></i> 选择添加路段方式 </span>
	41	+ </a>
	42	+ </li>
	43	+ <li>
	44	+ <a href="#tab2" data-toggle="tab" class="step">
	45	+ <span class="number"> 2 </span>
	46	+ <span class="desc">
	47	+ <i class="fa fa-check"></i> 路段位置 </span>
	48	+ </a>
	49	+ </li>
	50	+ <li>
	51	+ <a href="#tab3" data-toggle="tab" class="step active">
	52	+ <span class="number"> 3 </span>
	53	+ <span class="desc">
	54	+ <i class="fa fa-check"></i> 路段信息 </span>
	55	+ </a>
	56	+ </li>
	57	+ <li>
	58	+ <a href="#tab4" data-toggle="tab" class="step">
	59	+ <span class="number"> 4 </span>
	60	+ <span class="desc">
	61	+ <i class="fa fa-check"></i> 确认 </span>
	62	+ </a>
	63	+ </li>
	64	+ </ul>
	65	+ <!-- 进度条 -->
	66	+ <div id="bar" class="progress progress-striped" role="progressbar">
	67	+ <div class="progress-bar progress-bar-success" style="width: 25%;"></div>
	68	+ </div>
	69	+
	70	+ <div class="tab-content">
	71	+ <div class="alert alert-danger display-hide">
	72	+ <button class="close" data-close="alert"></button>
	73	+ 您的输入有误，请检查下面的输入项
	74	+ </div>
	75	+ <div class="alert alert-success display-none">
	76	+ <button class="close" data-dismiss="alert"></button>
	77	+ Your form validation is successful!
	78	+ </div>
	79	+
	80	+ <!-- 选择添加路段方式 -->
	81	+ <div class="tab-pane active" id="tab1">
	82	+ <h3 class="block"> 选择添加路段方式 </h3>
	83	+ <!-- 起点名称 -->
	84	+ <div class="form-group" id="formRequ">
	85	+ <label class="col-md-3 control-label"><span class="required"> * </span>路段起点名称:</label>
	86	+ <div class="col-md-9">
	87	+ <input type="text" class="form-control input-medium" id="stationStartInput" name="stationStart">
	88	+ </div>
	89	+ </div>
	90	+ <!-- 终点名称-->
	91	+ <div class="form-group" id="formRequ">
	92	+ <label class="col-md-3 control-label"><span class="required"> * </span>路段终点名称:</label>
	93	+ <div class="col-md-9">
	94	+ <input type="text" class="form-control input-medium" id="stationEndInput" name="stationEnd">
	95	+ </div>
	96	+ </div>
	97	+ <!-- 新增方式 -->
	98	+ <div class="form-group">
	99	+ <label class="col-md-3 control-label"><span class="required"> * </span>
	100	+ 新增方式      :
	101	+ </label>
	102	+ <div class="col-md-9">
	103	+ <div class="icheck-list">
	104	+ <label>
	105	+ <input type="radio" class="icheck" name="baseRes" value=0 checked> 系统生成
	106	+ </label>
	107	+ <label >
	108	+ <input type="radio" class="icheck" name="baseRes" value=1 > 手动添加
	109	+ </label>
	110	+ </div>
	111	+ </div>
	112	+ </div>
	113	+ </div>
	114	+
	115	+ <!-- 路段位置 -->
	116	+ <div class="tab-pane" id="tab2">
	117	+ <h3 class="block"> 路段位置 </h3>
	118	+ <div id="sectionBmap_basic"></div>
	119	+ <div class="leftUtils">
	120	+ <div class="btn-group" style="left: 100px;">
	121	+ <a class="btn btn-sm green-seagreen dropdown-toggle" style="width: 98px;" href="javascript:;" data-toggle="dropdown" aria-expanded="false"> 绘制工具
	122	+ <i class="fa fa-angle-down"></i>
	123	+ </a>
	124	+ <ul class="dropdown-menu pull-right" style="min-width:100px">
	125	+ <li>
	126	+ <a href="javascript:;" id="openDrawingManager"><i class="fa fa-pencil"></i> 打开 </a>
	127	+ </li>
	128	+ <li>
	129	+ <a href="javascript:;" id = "closeDrawingManager"> <i class="fa fa-reply"></i> 关闭 </a>
	130	+ </li>
	131	+
	132	+ </ul>
	133	+ </div>
	134	+ </div>
	135	+ </div>
	136	+
	137	+ <!-- 路段信息 -->
	138	+ <div class="tab-pane" id="tab3">
	139	+ <h3 class="block"> 路段信息 </h3>
	140	+ <input type="hidden" name="bsectionVector" id="bsectionVectorInput" />
	141	+ <input type="hidden" name="gsectionVector" id="gsectionVectorInput" />
	142	+ <input type="hidden" name="dbType" id="dbTypeInput" value="b"/>
	143	+ <input type="hidden" name="lineId" id="lineIdInput" />
	144	+ <input type="hidden" name="lineCode" id="lineCodeInput" />
	145	+ <!-- 线路名称 -->
	146	+ <div class="form-body">
	147	+ <div class="form-group">
	148	+ <label class="control-label col-md-3">
	149	+ <span class="required"> * </span> 线路名称 :
	150	+ </label>
	151	+ <div class="col-md-6">
	152	+ <select name="line" class="form-control" style="width:100%" id="lineSelect"></select>
	153	+ </div>
	154	+ </div>
	155	+ </div>
	156	+
	157	+ <!-- 路段名称 -->
	158	+ <div class="form-body">
	159	+ <div class="form-group">
	160	+ <label class="control-label col-md-3">
	161	+ <span class="required"> * </span> 路段名称:
	162	+ </label>
	163	+ <div class="col-md-6">
	164	+ <input type="text" class="form-control" name="sectionName" id="sectionNameInput" placeholder="路段名称">
	165	+ </div>
	166	+ </div>
	167	+ </div>
	168	+
	169	+ <!-- 路段编码 -->
	170	+ <div class="form-body">
	171	+ <div class="form-group">
	172	+ <label class="control-label col-md-3">
	173	+ <span class="required"> * </span> 路段编码:
	174	+ </label>
	175	+ <div class="col-md-6">
	176	+ <input type="text" class="form-control" name="sectionCode" id="sectionCodeInput" readonly="readonly">
	177	+ </div>
	178	+ </div>
	179	+ </div>
	180	+ <!-- 路段序号 -->
	181	+ <div class="form-body">
	182	+ <div class="form-group">
	183	+ <label class="control-label col-md-3">
	184	+ 上一路段:
	185	+ </label>
	186	+ <div class="col-md-6">
	187	+ <select name="sectionrouteCode" style="width:100%" class="form-control" id="sectionrouteCodeSelect"></select>
	188	+ <span class="help-block">说明:选择的路段将作为本路段序号的参考，成为选择路段的下一个路段。 </span>
	189	+ </div>
	190	+ </div>
	191	+ </div>
	192	+ <!-- 路段方向 -->
	193	+ <div class="form-body">
	194	+ <div class="form-group">
	195	+ <label class="control-label col-md-3">
	196	+ <span class="required"> * </span>路段方向:
	197	+ </label>
	198	+ <div class="col-md-6">
	199	+ <select name="directions" class="form-control" id="sectionDirSelect">
	200	+ <option value="">-- 请选择路段类型 --</option>
	201	+ <option value="0">上行</option>
	202	+ <option value="1">下行</option>
	203	+ </select>
	204	+ </div>
	205	+ </div>
	206	+ </div>
	207	+ <!-- 是否撤销 -->
	208	+ <div class="form-body">
	209	+ <div class="form-group">
	210	+ <label class="col-md-3 control-label"> <span class="required"> * </span> 是否撤销:</label>
	211	+ <div class="col-md-6">
	212	+ <select name="destroy" class="form-control" id="destroySelect">
	213	+ <option value="">-- 请选择撤销类型 --</option>
	214	+ <option value="0">否</option>
	215	+ <option value="1">是</option>
	216	+ </select>
	217	+ </div>
	218	+ </div>
	219	+ </div>
	220	+ <!-- 限速 -->
	221	+ <div class="form-body">
	222	+ <div class="form-group">
	223	+ <label class="control-label col-md-3"> <span class="required"> * </span> 路段限速:</label>
	224	+ <div class="col-md-6">
	225	+ <input type="text" class="form-control" name="speedLimit" id="speedLimitInput">
	226	+ <span class="help-block">单位：千米/时(km/h)</span>
	227	+ </div>
	228	+ </div>
	229	+ </div>
	230	+ <!-- 道路编码-->
	231	+ <div class="form-body">
	232	+ <div class="form-group">
	233	+ <label class="control-label col-md-3">道路编码:</label>
	234	+ <div class="col-md-6">
	235	+ <input type="text" class="form-control" name="roadCoding" id="roadCodingCodInput">
	236	+ </div>
	237	+ </div>
	238	+ </div>
	239	+ <!-- 路段距离 -->
	240	+ <div class="form-body">
	241	+ <div class="form-group">
	242	+ <label class="col-md-3 control-label">路段距离:</label>
	243	+ <div class="col-md-6">
	244	+ <input type="text" class="form-control" name="sectionDistance" id="sectionDistanceInput" >
	245	+ <span class="help-block">单位：公里(km)</span>
	246	+ </div>
	247	+ </div>
	248	+ </div>
	249	+ <!-- 路段时长 -->
	250	+ <div class="form-body">
	251	+ <div class="form-group">
	252	+ <label class="col-md-3 control-label">路段时长:</label>
	253	+ <div class="col-md-6">
	254	+ <input type="text" class="form-control" name="sectionTime" id="sectionTimeInput" >
	255	+ <span class="help-block">单位：分钟(min)</span>
	256	+ </div>
	257	+ </div>
	258	+ </div>
	259	+ <!-- 版本号 -->
	260	+ <div class="form-body">
	261	+ <div class="form-group">
	262	+ <label class="col-md-3 control-label">版本号   :</label>
	263	+ <div class="col-md-6">
	264	+ <input type="text" class="form-control" name="versions" id="versionsInput" Readonly>
	265	+ </div>
	266	+ </div>
	267	+ </div>
	268	+ <!-- 描述/说明 -->
	269	+ <div class="form-group">
	270	+ <label class="control-label col-md-3"> 描述/说明: </label>
	271	+ <div class="col-md-6">
	272	+ <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>
	273	+ </div>
	274	+ </div>
	275	+
	276	+ </div>
	277	+
	278	+ <!-- 确定提交资料信息 -->
	279	+ <div class="tab-pane" id="tab4">
	280	+ <h3 class="block"> 确认您提交的路段信息 </h3>
	281	+
	282	+ <h4 class="form-section"> 路段信息 </h4>
	283	+
	284	+ <div class="form-group">
	285	+ <label class="control-label col-md-3">线路名称:</label>
	286	+ <div class="col-md-4">
	287	+ <p class="form-control-static" data-display="line"> </p>
	288	+ </div>
	289	+ </div>
	290	+
	291	+ <div class="form-group">
	292	+ <label class="control-label col-md-3">路段名称:</label>
	293	+ <div class="col-md-4">
	294	+ <p class="form-control-static" data-display="sectionName"> </p>
	295	+ </div>
	296	+ </div>
	297	+
	298	+ <div class="form-group">
	299	+ <label class="control-label col-md-3">路段编码:</label>
	300	+ <div class="col-md-4">
	301	+ <p class="form-control-static" data-display="sectionCode"> </p>
	302	+ </div>
	303	+ </div>
	304	+
	305	+ <div class="form-group">
	306	+ <label class="control-label col-md-3">上一路段:</label>
	307	+ <div class="col-md-4">
	308	+ <p class="form-control-static" data-display="sectionrouteCode"> </p>
	309	+ </div>
	310	+ </div>
	311	+
	312	+ <div class="form-group">
	313	+ <label class="control-label col-md-3">路段方向:</label>
	314	+ <div class="col-md-4">
	315	+ <p class="form-control-static" data-display="directions"> </p>
	316	+ </div>
	317	+ </div>
	318	+
	319	+ <div class="form-group">
	320	+ <label class="control-label col-md-3">是否撤销:</label>
	321	+ <div class="col-md-4">
	322	+ <p class="form-control-static" data-display="destroy"> </p>
	323	+ </div>
	324	+ </div>
	325	+
	326	+ <div class="form-group">
	327	+ <label class="control-label col-md-3">路段限速:</label>
	328	+ <div class="col-md-4">
	329	+ <p class="form-control-static" data-display="speedLimit"> </p>
	330	+ </div>
	331	+ </div>
	332	+
	333	+ <div class="form-group">
	334	+ <label class="control-label col-md-3">道路编码:</label>
	335	+ <div class="col-md-4">
	336	+ <p class="form-control-static" data-display="roadCoding"> </p>
	337	+ </div>
	338	+ </div>
	339	+
	340	+ <div class="form-group">
	341	+ <label class="control-label col-md-3">路段时长:</label>
	342	+ <div class="col-md-4">
	343	+ <p class="form-control-static" data-display="sectionTime"> </p>
	344	+ </div>
	345	+ </div>
	346	+
	347	+ <div class="form-group">
	348	+ <label class="control-label col-md-3">路段长度:</label>
	349	+ <div class="col-md-4">
	350	+ <p class="form-control-static" data-display="sectionDistance"> </p>
	351	+ </div>
	352	+ </div>
	353	+
	354	+ <div class="form-group">
	355	+ <label class="control-label col-md-3">版本号   :</label>
	356	+ <div class="col-md-4">
	357	+ <p class="form-control-static" data-display="versions"> </p>
	358	+ </div>
	359	+ </div>
	360	+
	361	+ <div class="form-group">
	362	+ <label class="control-label col-md-3">描述/说明:</label>
	363	+ <div class="col-md-4">
	364	+ <p class="form-control-static" data-display="descriptions"> </p>
	365	+ </div>
	366	+ </div>
	367	+
	368	+ </div>
	369	+ </div>
	370	+ </div>
	371	+ <div class="form-actions">
	372	+ <div class="row">
	373	+ <div class="col-md-offset-3 col-md-9">
	374	+ <a href="javascript:;" class="btn default button-previous disabled" style="display: none;">
	375	+ <i class="fa fa-angle-left"></i> 返回 </a>
	376	+ <a href="javascript:;" class="btn btn-outline green button-next"> 下一步
	377	+ <i class="fa fa-angle-right"></i>
	378	+ </a>
	379	+ <a href="javascript:;" class="btn green button-submit" style="display: none;" id="submintBtn"> 提交
	380	+ <i class="fa fa-check"></i>
	381	+ </a>
	382	+ </div>
	383	+ </div>
	384	+ </div>
	385	+ </div>
	386	+ </form>
	387	+ <!-- END FORM-->
	388	+ </div>
	389	+</div>
	390	+<!-- 函数方法JS类库 -->
	391	+<script src="/pages/base/section/js/add-input-function.js"></script>
	392	+<!-- 表单向导JS类库 -->
	393	+<script src="/pages/base/section/js/add-form-wizard_sut.js"></script>
	394	+<!-- 地图JS类库 -->
	395	+<script src="/pages/base/section/js/add-vmap-world.js"></script>
	396	+<!-- 表单元素事件JS类库 -->
	397	+<script src="/pages/base/section/js/add-form-events.js"></script>
	398	+<!-- reload事件 -->
	399	+<script src="/pages/base/section/js/add-form-reload.js"></script>
0	400	\ No newline at end of file
...	...

src/main/resources/static/pages/base/section/editsection_sut.html 0 → 100644

View file @5254b15

	1	+<!-- 编辑路段 -->
	2	+<div class="modal fade" id="edit_section_mobal" role="basic" aria-hidden="true">
	3	+ <div class="modal-dialog">
	4	+ <div class="modal-content">
	5	+ <div class="modal-header">
	6	+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	7	+ <h4 class="modal-title">路段修改</h4>
	8	+ </div>
	9	+ <div class="modal-body">
	10	+ <form class="form-horizontal" role="form" id="edit_section__form" action="/module" method="post">
	11	+ <div class="alert alert-danger display-hide"> <button class="close" data-close="alert"></button>
	12	+ 您的输入有误，请检查下面的输入项
	13	+ </div>
	14	+ <!-- 线路ID -->
	15	+ <input type="hidden" name="sectionId" id="sectionIdInput">
	16	+ <input type="hidden" name="sectionRouteId" id="sectionRouteIdInput">
	17	+ <input type="hidden" name="sectionRouteLine" id="sectionRouteLineInput">
	18	+ <input type="hidden" name="lineCode" id="lineCodeInput">
	19	+ <input type="hidden" name="bsectionVector" id="bsectionVectorInput" />
	20	+ <input type="hidden" name="csectionVector" id="csectionVectorInput" value=""/>
	21	+ <input type="hidden" name="dbType" id="dbTypeInput" value="b"/>
	22	+ <input type="hidden" name="isRoadeSpeed" id="isRoadeSpeedInput"/>
	23	+ <!-- 路段名称 -->
	24	+ <div class="form-body">
	25	+ <div class="form-group">
	26	+ <label class="control-label col-md-3">
	27	+ <span class="required"> * </span> 路段名称：
	28	+ </label>
	29	+ <div class="col-md-6">
	30	+ <input type="text" class="form-control" name="sectionName" id="sectionNameInput" placeholder="路段名称">
	31	+ </div>
	32	+ </div>
	33	+ </div>
	34	+ <!-- 路段编码 -->
	35	+ <div class="form-body">
	36	+ <div class="form-group">
	37	+ <label class="control-label col-md-3">
	38	+ <span class="required"> * </span> 路段编码：
	39	+ </label>
	40	+ <div class="col-md-6">
	41	+ <input type="text" class="form-control" name="sectionCode" id="sectionCodeInput" placeholder="路段编码" readonly="readonly">
	42	+ </div>
	43	+ </div>
	44	+ </div>
	45	+ <!-- 路段序号 -->
	46	+ <div class="form-body">
	47	+ <div class="form-group">
	48	+ <label class="control-label col-md-3">
	49	+ 上一路段：
	50	+ </label>
	51	+ <div class="col-md-6">
	52	+ <select name="sectionrouteCode" class="form-control" id="sectionrouteCodeSelect" style="width:100%"></select>
	53	+ <span class="help-block">说明：选择的路段将作为本路段序号的参考，成为选择路段的下一个路段。 </span>
	54	+ </div>
	55	+ </div>
	56	+ </div>
	57	+ <!-- 路段方向 -->
	58	+ <div class="form-body">
	59	+ <div class="form-group">
	60	+ <label class="control-label col-md-3">
	61	+ <span class="required"> * </span>路段方向：
	62	+ </label>
	63	+ <div class="col-md-6">
	64	+ <select name="directions" class="form-control" id="directionsSection">
	65	+ <option value="">-- 请选择路段类型 --</option>
	66	+ <option value="0">上行</option>
	67	+ <option value="1">下行</option>
	68	+ </select>
	69	+ </div>
	70	+ </div>
	71	+ </div>
	72	+ <!-- 路段限速 -->
	73	+ <div class="form-body">
	74	+ <div class="form-group">
	75	+ <label class="control-label col-md-3">
	76	+ <span class="required"> * </span> 路段限速：
	77	+ </label>
	78	+ <div class="col-md-6">
	79	+ <input type="text" class="form-control" name="speedLimit" id="speedLimitInput" placeholder="路段限速">
	80	+ <span class="help-block">单位：千米/时(km/h)</span>
	81	+ </div>
	82	+ </div>
	83	+ </div>
	84	+ <!-- 是否撤销 -->
	85	+ <div class="form-body">
	86	+ <div class="form-group">
	87	+ <label class="col-md-3 control-label"><span class="required"> * </span>是否撤销：</label>
	88	+ <div class="col-md-6">
	89	+ <select name="destroy" class="form-control" id="destroySelect">
	90	+ <option value="">-- 请选择撤销类型 --</option>
	91	+ <option value="0">否</option>
	92	+ <option value="1">是</option>
	93	+ </select>
	94	+ </div>
	95	+ </div>
	96	+ </div>
	97	+ <!-- 道路编码-->
	98	+ <div class="form-body">
	99	+ <div class="form-group">
	100	+ <label class="control-label col-md-3">道路编码：</label>
	101	+ <div class="col-md-6">
	102	+ <input type="text" class="form-control" name="roadCoding" id="roadCodingCodInput" placeholder="道路编码">
	103	+ </div>
	104	+ </div>
	105	+ </div>
	106	+ <!-- 路段长度 -->
	107	+ <div class="form-body">
	108	+ <div class="form-group">
	109	+ <label class="col-md-3 control-label">路段长度：</label>
	110	+ <div class="col-md-6">
	111	+ <input type="text" class="form-control" name="sectionDistance" id="sectionDistanceInput" placeholder="路段长度">
	112	+ <span class="help-block">单位：公里(km)</span>
	113	+ </div>
	114	+ </div>
	115	+ </div>
	116	+ <!-- 路段时长 -->
	117	+ <div class="form-body">
	118	+ <div class="form-group">
	119	+ <label class="col-md-3 control-label">路段历时：</label>
	120	+ <div class="col-md-6">
	121	+ <input type="text" class="form-control" name="sectionTime" id="sectionTimeInput" placeholder="路段时长">
	122	+ <span class="help-block">单位：分钟(min)</span>
	123	+ </div>
	124	+ </div>
	125	+ </div>
	126	+ <!-- 版本号 -->
	127	+ <div class="form-body">
	128	+ <div class="form-group">
	129	+ <label class="col-md-3 control-label">版本号   ：</label>
	130	+ <div class="col-md-6">
	131	+ <input type="text" class="form-control" name="versions" id="versionsInput" Readonly>
	132	+ </div>
	133	+ </div>
	134	+ </div>
	135	+ <!-- 描述/说明 -->
	136	+ <div class="form-group">
	137	+ <label class="control-label col-md-3"> 描述/说明： </label>
	138	+ <div class="col-md-6">
	139	+ <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>
	140	+ </div>
	141	+ </div>
	142	+ </form>
	143	+ </div>
	144	+ <div class="modal-footer">
	145	+ <button type="button" class="btn default" data-dismiss="modal">取消</button>
	146	+ <button type="button" class="btn btn-primary" id="editSectionButton">提交数据</button>
	147	+ </div>
	148	+ </div>
	149	+ </div>
	150	+</div>
	151	+<script type="text/javascript">
	152	+$('#edit_section_mobal').on('editSectionMobal_show', function(e, map_,ajaxd,section,fun){
	153	+ // 获取路段信息.
	154	+ var Section = section.getEitdSection();
	155	+ // 设值表单字段值.
	156	+ fun.setSectionFormValue(Section);
	157	+ // 方向.
	158	+ var dir = Section.sectionRouteDirections;
	159	+ // 线路ID.
	160	+ var lineId = Section.sectionRouteLine;
	161	+ // 路段路由ID.
	162	+ var sectionRouteId = Section.sectionRouteId;
	163	+ // 获取路段号元素，并添加下拉属性值
	164	+ ajaxd.getStation(lineId,dir,function(treeData) {
	165	+ /* var options = '<option value="">请选择...</option>';
	166	+ var dArray = treeData[0].children[1].children;
	167	+ var eq_stationRouteCode = Section.sectionRouteCode;
	168	+ for(var i = 0 ; i<dArray.length; i++){
	169	+ var ptions_v = dArray[i].sectionrouteCode;
	170	+ if(eq_stationRouteCode == ptions_v){
	171	+ continue;
	172	+ }
	173	+ options += '<option value="'+ ptions_v +'">'+dArray[i].sectionName + ' (' + ptions_v +')'
	174	+ + ' --' + dirdmToName(dArray[i].sectionrouteDirections) + '</option>' ;
	175	+ }
	176	+ $('#sectionrouteCodeSelect').html(options);
	177	+ ajaxd.findUpSectionRouteCode(lineId,dir,eq_stationRouteCode,function(str) {
	178	+ if(str.length>0){
	179	+ var upStationRouteCode = str[0].sectionrouteCode
	180	+ $('#sectionrouteCodeSelect').val(upStationRouteCode);
	181	+ }else {
	182	+ $('#sectionrouteCodeSelect').val('');
	183	+ }
	184	+ }); */
	185	+ var array = treeData[0].children[1].children,paramsD =new Array();
	186	+ var eq_scetionRouteCode = Section.sectionRouteCode;
	187	+ paramsD.push({'id':'请选择...','text':'将此路段设置位第一个路段'});
	188	+ // 遍历.
	189	+ $.each(array, function(i, g){
	190	+ // 判断.
	191	+ if(g.sectionName!='' \|\| g.sectionName != null) {
	192	+ var ptions_v = g.sectionrouteCode;
	193	+ if(eq_scetionRouteCode != ptions_v){
	194	+ // 添加拼音检索下拉框格式数据数组.
	195	+ paramsD.push({'id':ptions_v,
	196	+ 'text':g.sectionName + '(' + ptions_v + ')' + ' --' + dirdmToName(g.sectionrouteDirections)});
	197	+ }
	198	+ }
	199	+ });
	200	+ // 初始化上一个路段拼音检索下拉框.
	201	+ initPinYinSelect2($('#sectionrouteCodeSelect'),paramsD,function(selector) {
	202	+ $('#sectionDirSelect').val('');// 设值方向.
	203	+ ajaxd.findUpSectionRouteCode(lineId,dir,eq_scetionRouteCode,function(str) {
	204	+ if(str.length>0){
	205	+ var upStationRouteCode = str[0].sectionrouteCode;
	206	+ $('#sectionrouteCodeSelect').select2('val',upStationRouteCode);
	207	+ }else {
	208	+ $('#sectionrouteCodeSelect').select2('val','请选择...');
	209	+ }
	210	+ });
	211	+ });
	212	+ });
	213	+ function dirdmToName(value) {
	214	+ var srStr = '';
	215	+ if(value=='0')
	216	+ srStr = '上行';
	217	+ else if(value=='1')
	218	+ srStr = '下行';
	219	+ return srStr;
	220	+ }
	221	+ // 显示mobal
	222	+ $('#edit_section_mobal').modal({show : true,backdrop: 'static',keyboard: false});
	223	+ // 当调用 hide 实例方法时触发
	224	+ $('#edit_section_mobal').on('hide.bs.modal', function () {
	225	+ closeMobleSetClean();
	226	+ });
	227	+ function closeMobleSetClean() {
	228	+ // 清除地图覆盖物
	229	+ map_.clearMarkAndOverlays();
	230	+ /** 设置修改路段集合对象为空 */
	231	+ section.setEitdSection({});
	232	+ $('.dropdown-toggle').removeClass('disabled');
	233	+ $('#eidt').removeClass('btn disabled');
	234	+ $('#eidt').attr("disabled",false);
	235	+ /** 初始化路段信息 @return <id：路段路由ID> */
	236	+ fun.initSectionInfo(sectionRouteId);
	237	+ }
	238	+ // 编辑表单元素
	239	+ var form = $('#edit_section__form');
	240	+ // 获取错误提示元素
	241	+ var error = $('.alert-danger', form);
	242	+ // 提交数据按钮事件
	243	+ $('#editSectionButton').on('click', function() {
	244	+ // 表单提交
	245	+ form.submit();
	246	+ });
	247	+ // 表单验证
	248	+ form.validate({
	249	+ errorElement : 'span',
	250	+ errorClass : 'help-block help-block-error',
	251	+ focusInvalid : false,
	252	+ rules : {
	253	+ 'sectionName' : {required : true,maxlength:50},// 路段名称必填项
	254	+ 'sectionCode': {required : true,},// 路段编码必填项
	255	+ 'directions' : {required : true,},// 路段方向必填项
	256	+ 'speedLimit' : {required : true,number : true},// 路段限速必须输入合法的数字（负数，小数）。
	257	+ 'destroy' : {required : true,},// 是否撤销必填项.
	258	+ 'roadCoding' : {number : true},// 道路编码必须输入合法的数字（负数，小数）。
	259	+ 'sectionTime' : {number : true},// 路段时长必须输入合法的数字（负数，小数）。
	260	+ 'sectionDistance' : {number : true},// 路段长度必须输入合法的数字（负数，小数）。
	261	+ 'descriptions' : {maxlength: 150}// 描述与说明最大长度.
	262	+ },
	263	+ invalidHandler : function(event, validator) {
	264	+ error.show();
	265	+ App.scrollTo(error, -200);
	266	+ },
	267	+ highlight : function(element) {
	268	+ $(element).closest('.form-group').addClass('has-error');
	269	+ },
	270	+
	271	+ unhighlight : function(element) {
	272	+ $(element).closest('.form-group').removeClass('has-error');
	273	+
	274	+ },
	275	+ success : function(label) {
	276	+ label.closest('.form-group').removeClass('has-error');
	277	+
	278	+ },
	279	+ submitHandler : function(f) {
	280	+ var params = form.serializeJSON();
	281	+ params.createBy = Section.carParkCreateBy;
	282	+ // 定义日期格式
	283	+ var fs = 'YYYY-MM-DD HH:mm:ss'
	284	+ // 设置日期
	285	+ params.createDate = moment(Section.carParkCreateDate).format(fs);
	286	+ error.hide();
	287	+ if(params.sectionrouteCode=='请选择...')
	288	+ params.sectionrouteCode='';
	289	+ ajaxd.sectionUpdate(params,function(resuntDate) {
	290	+ if(resuntDate.status=='SUCCESS') {
	291	+ // 弹出添加成功提示消息
	292	+ layer.msg('修改成功...');
	293	+ }else {
	294	+ // 弹出添加失败提示消息
	295	+ layer.msg('修改失败...');
	296	+
	297	+ }
	298	+ $('#edit_section_mobal').modal('hide');
	299	+ closeMobleSetClean();
	300	+ });
	301	+ }
	302	+ });
	303	+});
	304	+</script>
0	305	\ No newline at end of file
...	...

src/main/resources/static/pages/base/section/js/add-form-wizard_sut.js 0 → 100644

View file @5254b15

	1	+/**
	2	+ * @description : (TODO) 表单的导航向导、验证、提交.
	3	+ *
	4	+ * @author bsth@lq.
	5	+ *
	6	+ * @version 1.0.
	7	+ */
	8	+
	9	+var FormWizard = function() {
	10	+ return {
	11	+ // 启动初始化向导导航.
	12	+ init : function() {
	13	+ if(!jQuery().bootstrapWizard) {return;}
	14	+ var form = $('#submit_section_form');// 定义表单.
	15	+ var error = $('.alert-danger',form);// 定义表单异常.
	16	+ var success = $('.alert-success',form);// 定义表单成功.
	17	+ // 表单验证.
	18	+ form.validate({
	19	+ errorElement : 'span',// 错误提示元素span对象.
	20	+ errorClass : 'help-block help-block-error', // 错误提示元素class名称.
	21	+ focusInvalid : true, // 验证错误获取焦点.
	22	+ // 需要验证的表单元素.
	23	+ rules : {
	24	+ 'stationStart' : {required : true,maxlength:50,},// 起点必填项.
	25	+ 'stationEnd' : {required : true,maxlength:50,},// 终点必填项.
	26	+ 'line' : {required : true},// 线路名称必填项.
	27	+ 'sectionName' : {required : true,maxlength: 50},// 路段名称必填项.
	28	+ 'sectionCode' : {required : true},// 路段编码必填项.
	29	+ 'directions' : {required : true},// 路段方向必填项.
	30	+ 'destroy' : {required : true},// 是否撤销必填项.
	31	+ 'roadCoding' : {number : true},// 道路编码必须输入合法的数字（负数，小数）。
	32	+ 'sectionTime' : {number : true},// 路段时长必须输入合法的数字（负数，小数）。
	33	+ 'sectionDistance' : {number : true},// 路段距离必须输入合法的数字（负数，小数）。
	34	+ 'speedLimit' : {required : true,number : true},// 必填项路段限速必须输入合法的数字（负数，小数）。
	35	+ 'descriptions' : {maxlength: 200}// 描述/说明输入长度最多是 200 的字符串（汉字算一个字符）。
	36	+ },
	37	+ /**
	38	+ * 类型：Callback。当未通过验证的表单提交时，可以在该回调函数中处理一些事情。
	39	+ *
	40	+ * 参数：该回调函数有两个参数：第一个为一个事件对象，第二个为验证器（validator）.
	41	+ */
	42	+ invalidHandler : function(event, validator) {
	43	+ error.show();// 显示表单未通过提示信息.
	44	+ App.scrollTo(error, -200);// 把提示信息放到指定的位置。
	45	+ },
	46	+
	47	+ /**
	48	+ * 类型：Callback。
	49	+ *
	50	+ * 默认：添加errorClass("has-error")到表单元素。将未通过验证的表单元素设置高亮。
	51	+ */
	52	+ highlight : function(element) {
	53	+ $(element).closest('.form-group').addClass('has-error'); // 添加errorClass("has-error")到表单元素.
	54	+ },
	55	+
	56	+ /**
	57	+ * 类型：Callback。
	58	+ *
	59	+ * 默认：移除errorClass("has-error")。与highlight操作相反.
	60	+ */
	61	+ unhighlight : function(element) {
	62	+ $(element).closest('.form-group').removeClass('has-error');// 移除errorClass("has-error") .
	63	+ },
	64	+
	65	+ /**
	66	+ * 类型：String,Callback。
	67	+ *
	68	+ * 如果指定它，当验证通过时显示一个消息。
	69	+ *
	70	+ * 如果是String类型的，则添加该样式到标签中；
	71	+ *
	72	+ * 如果是一个回调函数，则将标签作为其唯一的参数。
	73	+ */
	74	+ success : function(label) {
	75	+ label.closest('.form-group').removeClass('has-error'); // 当验证通过时,移除errorClass("has-error").
	76	+ },
	77	+
	78	+ /**
	79	+ * 类型：Callback。
	80	+ *
	81	+ * 默认：default (native) form submit;当表单通过验证，提交表单。回调函数有个默认参数form.
	82	+ */
	83	+ submitHandler : function(f) {
	84	+ // 防止用户多次提交
	85	+ $("#submintBtn").addClass("disabled");
	86	+ var params = form.serializeJSON();// 表单序列化.
	87	+ if(params.bsectionVector=='') {
	88	+ layer.msg('路段几何图形为空~请先在路段位置步骤中绘制出线路走向!');
	89	+ return;
	90	+ }
	91	+ // 保存路段.
	92	+ PublicFunctions.sectionSave(params,function(data) {
	93	+ if(data.status=='SUCCESS') {
	94	+ layer.msg('添加成功...');// 弹出添加成功提示消息.
	95	+ }else {
	96	+ layer.msg('添加失败...');// 弹出添加失败提示消息.
	97	+ }
	98	+ loadPage('list_sut.html');// 返回list.html页面.
	99	+ });
	100	+ $("#submintBtn").removeClass("disabled");
	101	+ }
	102	+ });
	103	+
	104	+ // 确认提交信息.
	105	+ var displayConfirm = function() {
	106	+ // 遍历表单元素下的tab4的class名称为form-control-static.
	107	+ $('#tab4 .form-control-static', form).each(function(){
	108	+ //　定义input
	109	+ var input = $('[name="'+$(this).attr("data-display")+'"]', form);
	110	+ if (input.is(":radio")) {
	111	+ input = $('[name="'+$(this).attr("data-display")+'"]:checked', form);
	112	+ }
	113	+ if (input.is(":text") \|\| input.is("textarea")) {
	114	+ $(this).html(input.val());
	115	+ } else if (input.is("select")) {
	116	+ $(this).html(input.find('option:selected').text());
	117	+ } else if (input.is(":radio") && input.is(":checked")) {
	118	+ $(this).html(input.attr("data-title"));
	119	+ } else if ($(this).attr("data-display") == 'payment[]') {
	120	+ var payment = [];
	121	+ $('[name="payment[]"]:checked', form).each(function(){
	122	+ payment.push($(this).attr('data-title'));
	123	+ });
	124	+ $(this).html(payment.join("<br>"));
	125	+ }
	126	+ });
	127	+ }
	128	+
	129	+ /** 按钮点击时触发 */
	130	+ var handleTitle = function(tab, navigation, index) {
	131	+ $('.tipso-animation').tipso('hide');
	132	+ var total = navigation.find('li').length;// 定义导航条标签个数.
	133	+ var current = index + 1; // 当前标签页
	134	+ $('.step-title', $('#form-wizard-info')).text((index + 1) + ' - ' + total);// 设置向导标题.
	135	+ jQuery('li', $('#form-wizard-info')).removeClass("done");// 删除"done"样式.
	136	+ var li_list = navigation.find('li');// 获取导航标签元素集合.
	137	+ // 遍历
	138	+ for (var i = 0; i < index; i++) {
	139	+ jQuery(li_list[i]).addClass("done");// 追加done样式.
	140	+ }
	141	+ /** 如果为第一步隐藏返回按钮,否则显示返回按钮. */
	142	+ if (current == 1) {
	143	+ $('#submit_section_form').find('.button-previous').hide();// 隐藏返回按钮.
	144	+ } else {
	145	+ $('#submit_section_form').find('.button-previous').show();// 显示返回按钮.
	146	+ }
	147	+ if (current == 2) {
	148	+ var container = $("#sectionBmap_basic");
	149	+ container.children().remove();
	150	+ container.show();
	151	+ setTimeout(function(){
	152	+ SectionVmapWorlds.init();
	153	+ var baseResValue = $('#submit_section_form input[name="baseRes"]:checked').val();
	154	+ var stationStartValue = $('#stationStartInput').val();
	155	+ var stationEndValue = $('#stationEndInput').val();
	156	+ var paramsStationsArray = [];
	157	+ paramsStationsArray[0] = stationStartValue;
	158	+ paramsStationsArray[1]= stationEndValue;
	159	+ $('#sectionNameInput').val(stationStartValue + '至' + stationEndValue );
	160	+ if(baseResValue == 0) {
	161	+ $('.leftUtils').hide();
	162	+ // 根据站点名称获取百度坐标.
	163	+ SectionVmapWorlds.stationsNameToPoints(paramsStationsArray,function(resultJson) {
	164	+ // 根据坐标点获取两点之间的时间与距离.
	165	+ SectionVmapWorlds.getDistanceAndDuration(resultJson,function(stationdataList) {
	166	+ SectionVmapWorlds.getSectionListPlonly(stationdataList,function(sectiondata) {
	167	+ $('#bsectionVectorInput').val(JSON.stringify(sectiondata));
	168	+ });
	169	+ });
	170	+ });
	171	+ }else if(baseResValue ==1) {
	172	+ SectionVmapWorlds.localSearchFromAdreesToPoint(stationStartValue);
	173	+ SectionVmapWorlds.localSearchFromAdreesToPoint(stationEndValue);
	174	+// SectionVmapWorlds.drawingManagerOpen();
	175	+ }
	176	+ $('html,body').animate({scrollTop: ($('#form-wizard-info').offset().top-5) + "px"},500);
	177	+ },300)
	178	+ } else if(current==3) {
	179	+ setTimeout(function(){
	180	+ $('html,body').animate({scrollTop: ($('#tab3').offset().top-70) + "px"});
	181	+ },500);
	182	+ }else if(current==4) {
	183	+ setTimeout(function(){
	184	+ $('html,body').animate({scrollTop: ($('#tab4').offset().top+40) + "px"});
	185	+ },500);
	186	+ }
	187	+ /** 如果为最后一步显示提交按钮，隐藏下一步按钮,否则隐藏提交按钮，显示下一步按钮 */
	188	+ if (current >= total) {
	189	+ $('#submit_section_form').find('.button-next').hide();// 隐藏下一步按钮.
	190	+ $('#submit_section_form').find('.button-submit').show(); // 显示提交按钮.
	191	+ displayConfirm();// 确认提交信息.
	192	+ } else {
	193	+ $('#submit_section_form').find('.button-next').show();// 隐藏提交按钮.
	194	+ $('#submit_section_form').find('.button-submit').hide();// 隐藏提交按钮.
	195	+ }
	196	+ App.scrollTo($('.page-title'));// 移动到指定位置.
	197	+ }
	198	+ // 表单导航向导插件.
	199	+ $('#submit_section_form').bootstrapWizard({
	200	+ 'nextSelector': '.button-next',// 下一步元素选择器.
	201	+ 'previousSelector': '.button-previous',// 返回元素选择器.
	202	+ /** 当一个导航标签被点击,返回错误的移动到该选项卡，并显示它的内容. */
	203	+ onTabClick: function (tab, navigation, index, clickedIndex) {
	204	+ return false;
	205	+ success.hide();
	206	+ error.hide();
	207	+ if (form.valid() == false) {
	208	+ return false;
	209	+ }
	210	+ handleTitle(tab, navigation, clickedIndex);
	211	+ },
	212	+ /** 下一步按钮被单击时触发, 返回移动到下一个步骤. */
	213	+ onNext: function (tab, navigation, index) {
	214	+ success.hide();
	215	+ error.hide();
	216	+ if (form.valid() == false) {
	217	+ return false;
	218	+ }
	219	+ if(index==2) {
	220	+ SectionVmapWorlds.drawingManagerClose();
	221	+ SectionVmapWorlds.clearMarkAndOverlays();
	222	+ }
	223	+ handleTitle(tab, navigation, index);
	224	+ },
	225	+ /** 上一步按钮被单击时触发,返回移动到前一个步骤 */
	226	+ onPrevious: function (tab, navigation, index) {
	227	+ success.hide();
	228	+ error.hide();
	229	+ SectionVmapWorlds.clearMarkAndOverlays();
	230	+ if(index==0) {
	231	+ SectionVmapWorlds.drawingManagerClose();
	232	+ }
	233	+ handleTitle(tab, navigation, index);
	234	+ },
	235	+ /** 显示选项卡内容 */
	236	+ onTabShow: function (tab, navigation, index) {
	237	+ var total = navigation.find('li').length;
	238	+ var current = index + 1;
	239	+ var $percent = (current / total) * 100;
	240	+ $('#submit_section_form').find('.progress-bar').css({
	241	+ width: $percent + '%',
	242	+ });
	243	+ }
	244	+ });
	245	+ $('#submit_section_form').find('.button-previous').hide();// 初始化第一步隐藏返回按钮
	246	+ }
	247	+ };
	248	+}();
...	...

src/main/resources/static/pages/base/section/js/section-list-table_sut.js 0 → 100644

View file @5254b15

	1	+/**
	2	+ *
	3	+ * @JSName : list.js(路段信息list.html页面js)
	4	+ *
	5	+ * @Author : bsth@lq
	6	+ *
	7	+ * @Description : TODO(路段信息list.html页面js)
	8	+ *
	9	+ * @Data : 2016年4月28日上午9:21:17
	10	+ *
	11	+ * @Version 公交调度系统BS版 0.1
	12	+ *
	13	+ */
	14	+
	15	+(function(){
	16	+ alert(1)
	17	+ function getComp(cb) {
	18	+ $.get('/user/companyData',null,function(rs) {
	19	+ return cb && cb(rs);
	20	+ });
	21	+ }
	22	+ function getCompInfo(cb) {
	23	+ // get请求获取公司
	24	+ $get('/business/all', {upCode_eq: '88'}, function(gs_d){
	25	+ return cb && cb(gs_d);
	26	+ });
	27	+ }
	28	+ function gsdmTogsName(gsD,code) {
	29	+ var rsStr = '';
	30	+ for(var s = 0 ; s < gsD.length; s++) {
	31	+ if(gsD[s].businessCode == code) {
	32	+ rsStr = rsStr + '(' + gsD[s].businessName.replace('公司','') + ')';
	33	+ break;
	34	+ }
	35	+ }
	36	+ return rsStr;
	37	+ }
	38	+ function splitxlName(str) {
	39	+ var rsStr = '';
	40	+ if(str) {
	41	+ var strArray = str.split('_');
	42	+ rsStr = strArray[0];
	43	+ }
	44	+ return rsStr;
	45	+ }
	46	+ // 关闭左侧栏
	47	+ if (!$('body').hasClass('page-sidebar-closed')) {$('.menu-toggler.sidebar-toggler').click();}
	48	+ // page : 当前页、initPag :
	49	+ var page = 0,initPag,storage = window.localStorage;
	50	+ if(storage.xlName_AgursData!=null && storage.xlName_AgursData !='') {
	51	+ $('.tipso-animation').children().remove();
	52	+ // 延迟加载
	53	+ setTimeout(function(){
	54	+ $('.tipso-animation').tipso({
	55	+ speed : 400,
	56	+ background : '#0ed0e8',
	57	+ color : '#ffffff',
	58	+ position :'bottom',
	59	+ width : 400,
	60	+ delay : 100,
	61	+ animationIn : 'fadeInDownBig',
	62	+ animationOut : 'fadeOut',
	63	+ offsetX : -50,
	64	+ offsetY : -195,
	65	+ content :'您可以通过点击重置按钮来清除对线路名称的记忆哦!',
	66	+
	67	+ });
	68	+ $('.tipso-animation').tipso('show');
	69	+ setTimeout(function(){$('.tipso-animation').tipso('hide');},4000);
	70	+ },200);
	71	+ }
	72	+ function getlineSectionRoute(params,cb) {
	73	+ $get('/sectionroute/all',params, function(array){
	74	+ return cb && cb(array);
	75	+ });
	76	+ }
	77	+ function initldNameSelect(){
	78	+ var lineInfo = $('#lineSelect').val(),
	79	+ dirInfo = $('#dirSelect').val(),
	80	+ params = {};
	81	+ if(lineInfo!=null)
	82	+ params['line.id_eq'] = lineInfo.split('_')[1];
	83	+ else {
	84	+ var htm = '<option value="">请选择...</option>';
	85	+ // 路段上一个路段下拉框初始化.
	86	+ $('#sectionNameSelect').html(htm).select2();
	87	+ return ;
	88	+ }
	89	+ params.directions_eq = dirInfo;
	90	+ getlineSectionRoute(params,function(sectionD) {
	91	+ var sLen = sectionD.length,initSD = new Array();
	92	+ if(sLen>0) {
	93	+ $.each(sectionD, function(m, n){
	94	+ if(n.name!='' \|\| n.name != null) {
	95	+ initSD.push({'id':n.section.sectionName + '_' + n.destroy,
	96	+ 'text':n.section.sectionName + '(' + cxDmToName(n.destroy) + ')' + ' --' + dirDmToName(n.directions)});
	97	+ }
	98	+ });
	99	+ $('#sectionNameSelect').empty();
	100	+ initPinYinSelect2($('#sectionNameSelect'),initSD,function(ldmcSelector) {
	101	+ ldmcSelector.select2("val", '');
	102	+ });
	103	+ }else {
	104	+ var htm = '<option value="">请选择...</option>';
	105	+ // 路段上一个路段下拉框初始化.
	106	+ $('#sectionNameSelect').html(htm).select2();
	107	+ }
	108	+ });
	109	+ }
	110	+ function cxDmToName(value){
	111	+ var rsStr = '';
	112	+ if(value==0)
	113	+ rsStr = '运营';
	114	+ else if(value==1)
	115	+ rsStr = '撤销';
	116	+ return rsStr;
	117	+ }
	118	+ function dirDmToName(value){
	119	+ var srStr = '';
	120	+ if(value==0)
	121	+ srStr = '上行';
	122	+ else if(value==1)
	123	+ srStr = '下行';
	124	+ return srStr;
	125	+ }
	126	+ // 初始化是否撤销值.
	127	+ $('#destroy').val(0);
	128	+ getCompInfo(function(compD) {
	129	+ getComp(function(rs) {
	130	+ var params = {};
	131	+ if(rs.length>0) {
	132	+ var compA = new Array();
	133	+ for(var c = 0 ; c<rs.length;c++) {
	134	+ var comC = rs[c].companyCode;
	135	+ var child = rs[c].children;
	136	+ if(child.length>0) {
	137	+ for(var d = 0 ;d< child.length;d++) {
	138	+ compA.push(comC + '_' + child[d].code);
	139	+ }
	140	+ }else {
	141	+ compA.push(comC);
	142	+ }
	143	+ }
	144	+ params.cgsbm_in = compA.toString();
	145	+ }
	146	+ // 填充线路拉框选择值
	147	+ $get('/line/all', params, function(array){
	148	+ var len_ = array.length,paramsD = new Array();
	149	+ if(len_>0) {
	150	+ $.each(array, function(i, g){
	151	+ if(g.remove != 1 && (g.name!='' \|\| g.name != null)) {
	152	+ paramsD.push({'id':g.name + '_' + g.id + '_' + g.lineCode ,'text':g.name + gsdmTogsName(compD,g.company)});
	153	+ }
	154	+ });
	155	+ if($('span').hasClass('select2-selection'))
	156	+ $('span .select2-selection').remove();
	157	+ initPinYinSelect2($('#lineSelect'),paramsD,function(selector) {
	158	+ selector.select2("val", storage.xlName_AgursData);
	159	+ initSearch();
	160	+ });
	161	+ }
	162	+ });
	163	+ });
	164	+ });
	165	+ // 选择线路，填充线路编码搜索框
	166	+ $('#lineSelect').on('change',function() {
	167	+ initldNameSelect();
	168	+ var text = $('#lineSelect').val();
	169	+ if(text){
	170	+ var linecode = text.split("_");
	171	+ $("#lineCodeInput").val(linecode[2]);
	172	+ }
	173	+ });
	174	+ $('#dirSelect').on('change',function() {
	175	+ initldNameSelect();
	176	+ });
	177	+ $('#sectionNameSelect').on('change',function() {
	178	+ var ldName = $(this).val();
	179	+ if(ldName!=null) {
	180	+ $('#destroy').val(ldName.split('_')[1]);
	181	+ }
	182	+ });
	183	+ /**
	184	+ * @description : (TODO) 监听重置按钮事件.
	185	+ *
	186	+ */
	187	+ $('tr.filter .filter-cancel').on('click',function(){
	188	+ // 清空搜索框值
	189	+ $('tr.filter input,select').val('').change();
	190	+ $('.tipso-animation').tipso('hide');
	191	+ storage.setItem('xlName_AgursData','');
	192	+ // 重新加载表格数据
	193	+ loadTableDate(null,true);
	194	+ });
	195	+ /**
	196	+ * @description : (TODO) 搜索按钮事件
	197	+ *
	198	+ */
	199	+ $('tr.filter .filter-submit').on('click',function(){
	200	+ initSearch();
	201	+ });
	202	+ function initSearch() {
	203	+ var params = getParams();
	204	+ page = 0;
	205	+ if(params['line.name_like']!='' && params['line.name_like'] != null && params['line.name_like'] != storage.xlName_AgursData) {
	206	+ storage.setItem('xlName_AgursData',params['line.name_like']);
	207	+ }
	208	+ if(params['section.sectionName_like']!='' && params['section.sectionName_like'] != null) {
	209	+ params['section.sectionName_like'] = params['section.sectionName_like'].split('_')[0];
	210	+ }
	211	+ params['line.name_like'] = splitxlName(params['line.name_like']);
	212	+ loadTableDate(params,true);
	213	+ }
	214	+ function getParams() {
	215	+ // cells 集合返回表格中所有（列）单元格的一个数组
	216	+ var cells = $('tr.filter')[0].cells;
	217	+ // 搜索参数集合
	218	+ var params = {};
	219	+ // 搜索字段名称
	220	+ var name;
	221	+ // 遍历cells数组
	222	+ $.each(cells, function(i, cell){
	223	+ // 获取第i列的input或者select集合
	224	+ var items = $('input,select', cell);
	225	+ // 遍历items集合
	226	+ for(var j = 0, item; item = items[j++];){
	227	+ // 获取字段名称
	228	+ name = $(item).attr('name');
	229	+ if(name){
	230	+ // 赋取相对应的值
	231	+ params[name] = $(item).val();
	232	+ }
	233	+ }
	234	+ });
	235	+ return params;
	236	+ }
	237	+ /**
	238	+ * @description : (TODO) 表格数据分页加载事件
	239	+ *
	240	+ * ------@param : 查询参数
	241	+ *
	242	+ * ------@isPon : 是否重新分页
	243	+ *
	244	+ */
	245	+ function loadTableDate(param,isPon){
	246	+ // 搜索参数
	247	+ var params = {};
	248	+ if(param)
	249	+ params = param;
	250	+ // 排序（按方向与序号）
	251	+ params['order'] = 'directions,sectionrouteCode';
	252	+ // 排序方向.
	253	+ params['direction'] = 'ASC,ASC';
	254	+ // 记录当前页数
	255	+ params['page'] = page;
	256	+ // 弹出正在加载层
	257	+ var i = layer.load(2);
	258	+ // 异步请求获取表格数据
	259	+ $.get('/sectionroute',params,function(result){
	260	+ // 添加序号
	261	+ result.content.page = page;
	262	+ // 把数据填充到模版中
	263	+ var tbodyHtml = template('sectionInfo_list_table_temp_sut',{list:result.content});
	264	+ // 把渲染好的模版html文本追加到表格中
	265	+ $('#datatable_setion tbody').html(tbodyHtml);
	266	+ // 是重新分页且返回数据长度大于0
	267	+ if(isPon && result.content.length > 0){
	268	+ // 重新分页
	269	+ initPag = true;
	270	+ // 分页栏
	271	+ showPagination(result);
	272	+ }
	273	+ // 关闭弹出加载层
	274	+ layer.close(i);
	275	+ });
	276	+ }
	277	+ /**
	278	+ * @description : (TODO) 分页栏组件
	279	+ *
	280	+ */
	281	+ function showPagination(data){
	282	+ // 分页组件
	283	+ $('#pagination').jqPaginator({
	284	+ // 总页数
	285	+ totalPages: data.totalPages,
	286	+ // 中间显示页数
	287	+ visiblePages: 6,
	288	+ // 当前页
	289	+ currentPage: page + 1,
	290	+ first: '<li class="first"><a href="javascript:void(0);">首页<\/a><\/li>',
	291	+ prev: '<li class="prev"><a href="javascript:void(0);">上一页<\/a><\/li>',
	292	+ next: '<li class="next"><a href="javascript:void(0);">下一页<\/a><\/li>',
	293	+ last: '<li class="last"><a href="javascript:void(0);">尾页<\/a><\/li>',
	294	+ page: '<li class="page"><a href="javascript:void(0);">{{page}}<\/a><\/li>',
	295	+ onPageChange: function (num, type) {
	296	+ if(initPag){
	297	+ initPag = false;
	298	+ return;
	299	+ }
	300	+ var pData = getParams();
	301	+ if(pData['section.sectionName_like']!='' && pData['section.sectionName_like'] != null) {
	302	+ pData['section.sectionName_like'] = pData['section.sectionName_like'].split('_')[0];
	303	+ }
	304	+ pData['line.name_like'] = splitxlName(pData['line.name_like']);
	305	+ page = num - 1;
	306	+ loadTableDate(pData, false);
	307	+ }
	308	+ });
	309	+ }
	310	+})();
0	311	\ No newline at end of file
...	...

src/main/resources/static/pages/base/section/js/section-positions-events_sut.js 0 → 100644

View file @5254b15

	1	+$(function(){
	2	+ // 监听返回按钮事件.
	3	+ $('#backUp').on('click',function() {
	4	+ // 返回list.html页面
	5	+ //loadPage('/pages/base/section/list_sut.html');
	6	+ });
	7	+
	8	+ // 监听编辑线路走向.
	9	+ $('.dropdown-menu #eidt').on('click', function(){
	10	+ $('#eidt').attr("disabled",true);
	11	+ $('#eidt').addClass('btn disabled');
	12	+ // 弹出添加失败提示消息,2秒关闭（如果不配置，默认是3秒）
	13	+ var yindex = layer.msg('编辑完线路走向后,请双击线路走向区域保存',{ offset: '126px',shift: 0,time: 10000});
	14	+ SectionPWorldsBMap.editPolyUpline();
	15	+ });
	16	+});
0	17	\ No newline at end of file
...	...

src/main/resources/static/pages/base/section/js/section-positions-map_sut.js 0 → 100644

View file @5254b15

	1	+/**
	2	+ * @description : (TODO) 百度地图
	3	+ *
	4	+ * @author bsth@lq
	5	+ *
	6	+ * @version 1.0
	7	+ *
	8	+ */
	9	+
	10	+var SectionPWorldsBMap = function () {
	11	+ // 定义地图对象、地图覆盖物、线性几何图形.
	12	+ var mapValue = '',marker='', polyUpline='';
	13	+ var Bmap = {
	14	+ // 初始化地图.
	15	+ init : function() {
	16	+ // 设置中心点
	17	+ var CENTER_POINT = {lng : 121.528733,lat : 31.237425};
	18	+ // 百度API Key
	19	+ var bdKey = 'IGGrr4UjwIYzatoCRFKEL8sT';
	20	+ // 初始化百度地图
	21	+ mapValue = new BMap.Map('sectionPbmap_basic');
	22	+ //中心点和缩放级别
	23	+ mapValue.centerAndZoom(new BMap.Point(CENTER_POINT.lng,CENTER_POINT.lat), 15);
	24	+ //启用地图拖拽事件，默认启用(可不写)
	25	+ mapValue.enableDragging();
	26	+ //启用地图滚轮放大缩小
	27	+ mapValue.enableScrollWheelZoom();
	28	+ //禁用鼠标双击放大
	29	+ mapValue.disableDoubleClickZoom();
	30	+ //启用键盘上下左右键移动地图
	31	+ mapValue.enableKeyboard();
	32	+ return mapValue;
	33	+ },
	34	+ // 绘制线路走向线性几何图形.
	35	+ drawingUpline : function(r) {
	36	+ var sectionBsectionVectorStr = r[0].sectionBsectionVector;
	37	+ var tempStr = sectionBsectionVectorStr.substring(11,sectionBsectionVectorStr.length-1);
	38	+ var lineArray = tempStr.split(',');
	39	+ var polylineArray = [];
	40	+ var lineaLen = lineArray.length
	41	+ for(var i = 0;i<lineaLen;i++) {
	42	+ polylineArray.push(new BMap.Point(lineArray[i].split(' ')[0],lineArray[i].split(' ')[1]));
	43	+ }
	44	+ var centerI = Math.ceil(lineaLen/2);
	45	+ // 中心坐标点
	46	+ var point = new BMap.Point(lineArray[centerI].split(' ')[0],lineArray[centerI].split(' ')[1]);
	47	+ // 创建线路走向
	48	+ polyUpline = new BMap.Polyline(polylineArray, {strokeColor : "#5298ff",strokeWeight : 6,strokeOpacity :1,strokeStyle:'solid'});
	49	+ // 把折线添加到地图上
	50	+ mapValue.addOverlay(polyUpline);
	51	+ // 信息窗口参数属性
	52	+ var opts = {
	53	+ // 信息窗口宽度
	54	+ width : 200,
	55	+ // 信息窗口高度
	56	+ height : 450,
	57	+ // 信息窗位置偏移值。
	58	+ offset: new BMap.Size(500,-80),
	59	+ //标题
	60	+ title : '<h4 style="color:#FFFFFF">'+r[0].sectionName+'站详情</h4>',
	61	+ //设置不允许信窗发送短息
	62	+ enableMessage : false,
	63	+ //是否开启点击地图关闭信息窗口
	64	+ enableCloseOnClick : false,
	65	+ // 是否开启信息窗口打开时地图自动移动（默认开启）。(自 1.1 新增)
	66	+ enableAutoPan:true
	67	+ };
	68	+ var htm = '<HR style="border:1 dashed #987cb9" width="100%" color=#987cb9 SIZE=1>'+
	69	+ '<span style="color:#DDD;font-size: 15px;">路段名称：' + r[0].sectionName + '</span>' +
	70	+ '<span class="help-block" style="color:#DDD;font-size: 15px;">路段编码：' + r[0].sectionCode + '</span>' +
	71	+ '<span class="help-block" style="color:#DDD;font-size: 15px;">路段序号：' + r[0].sectionRouteCode + '</span>' +
	72	+ '<span class="help-block" style="color:#DDD;font-size: 15px;">限　　速：' + r[0].sectionSpeedLimit + '</span>' +
	73	+ '<span class="help-block" style="color:#DDD;font-size: 15px;">路段长度：' + r[0].sectionDistance + '</span>' +
	74	+ '<span class="help-block" style="color:#DDD;font-size: 15px;">路段时间：' + r[0].sectionTime + '</span>' +
	75	+ '<span class="help-block" style="width: 100%;font-size: 15px;;color:#DDD; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; " title="'+ 'ddd' +'" >说明/描述：' + 'ddd' + '</span>' ;
	76	+ // 创建信息窗口
	77	+ var infoWindow_target = new BMap.InfoWindow(htm, opts);
	78	+ // 自定义标注物图片
	79	+ var icon_target = new BMap.Icon('/pages/base/stationroute/css/img/blank.gif',new BMap.Size(20, 20));
	80	+ // 创建点
	81	+ marker = new BMap.Marker(point,{icon : icon_target});
	82	+ // 把标注添物加到地图上
	83	+ mapValue.addOverlay(marker);
	84	+ //开启信息窗口
	85	+ marker.openInfoWindow(infoWindow_target,point);
	86	+ var PanOptions_ ={noAnimation :true};
	87	+ mapValue.reset();
	88	+ mapValue.panTo(point,PanOptions_);
	89	+ mapValue.panBy(0,-110,PanOptions_);
	90	+ mapValue.setZoom(14);
	91	+ },
	92	+ // 编辑线路走向几何线性图形.
	93	+ editPolyUpline : function() {
	94	+ // 禁止覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
	95	+ polyUpline.disableMassClear();
	96	+ SectionPWorldsBMap.clearMarkAndOverlays();
	97	+ // 允许覆盖物在map.clearOverlays方法中被清除。(自 1.1 新增)
	98	+ polyUpline.enableMassClear();
	99	+ // 开启线路编辑
	100	+ polyUpline.enableEditing();
	101	+ // 添加双击折线保存事件
	102	+ polyUpline.addEventListener('dblclick',function(e) {
	103	+ // 关闭
	104	+ layer.closeAll();
	105	+ polyUpline.disableEditing();
	106	+ // 获取折线坐标集合
	107	+ var editPloyLineArray = polyUpline.getPath();
	108	+ EditSectionObj.setEitdBsectionVector(JSON.stringify(editPloyLineArray));
	109	+ polyUpline= '';
	110	+ // 加载修改路段弹出层mobal页面
	111	+ $.get('editsection_sut.html', function(m){
	112	+ $(pjaxContainer).append(m);
	113	+ $('#edit_section_mobal').trigger('editSectionMobal_show', [SectionPWorldsBMap,GetAjaxData,EditSectionObj,PositionsPublicFunctions]);
	114	+ });
	115	+ });
	116	+ },
	117	+ // 清楚地图覆盖物
	118	+ clearMarkAndOverlays : function() {
	119	+ mapValue.clearOverlays();
	120	+ mapValue.removeOverlay();
	121	+ }
	122	+ }
	123	+ return Bmap;
	124	+}();
0	125	\ No newline at end of file
...	...

src/main/resources/static/pages/base/section/list.html

View file @5254b15

1		-<div class="page-head">
2		- <div class="page-title">
3		- <h1>路段信息</h1>
4		- </div>
5		-</div>
6		-
7		-<ul class="page-breadcrumb breadcrumb">
8		- <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
9		- <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10		- <li><span class="active">路段信息</span></li>
11		-</ul>
12		-
13		-<div class="row">
14		- <div class="col-md-12">
15		- <div class="portlet light porttlet-fit bordered">
16		- <div class="portlet-title">
17		- <div class="tipso-animation">
18		- </div>
19		- <div class="caption">
20		- <i class="fa fa-info-circle font-dark"></i>
21		- <span class="caption-subject font-dark sbold uppercase">路段信息</span>
22		- </div>
23		- <div class="actions">
24		- <div class="btn-group btn-group-devided" data-toggle="buttons">
25		- <a class="btn btn-circle blue" href="add.html" data-pjax><i class="fa fa-plus"></i> 添加路段</a>
26		- </div>
27		- </div>
28		- </div>
29		- <div class="portlet-body">
30		- <div class="table-container" style="margin-top: 10px">
31		- <table class="table table-striped table-bordered table-hover table-checkable" id="datatable_setion">
32		- <thead>
33		- <tr role="row" class="heading">
34		- <th width="2%">#</th>
35		- <th width="4%">线路编号</th>
36		- <th width="11%">线路名称</th>
37		- <th width="6%">线路方向</th>
38		- <th width="11%">路段名称</th>
39		- <th width="4%">路段编码</th>
40		- <th width="4%">路段序号</th>
41		- <th width="4%">路段限速</th>
42		- <th width="4%">路段长度</th>
43		- <th width="4%">路段历时</th>
44		- <th width="4%">版本号</th>
45		- <th width="6%">是否撤销</th>
46		- <th width="9%">操作</th>
47		- </tr>
48		- <tr role="row" class="filter">
49		- <td></td>
50		- <td>
51		- <input type="text" class="form-control form-filter input-sm" name="lineCode_eq" id="lineCodeInput">
52		- </td>
53		- <td>
54		- <select name="line.name_like" class="form-control" style="width:100%" id="lineSelect"></select>
55		- </td>
56		- <td>
57		- <select class="form-control form-filter" id ="dirSelect" name="directions_eq">
58		- <option value="">请选择...</option>
59		- <option value="0">上行</option>
60		- <option value="1">下行</option>
61		- </select>
62		- </td>
63		- <td>
64		- <!-- <input type="text" class="form-control form-filter input-sm" name="section.sectionName_like"> -->
65		- <select name="section.sectionName_like" class="form-control" style="width:100%" id="sectionNameSelect"></select>
66		- </td>
67		- <td>
68		- <input type="text" class="form-control form-filter input-sm" name="sectionCode_eq">
69		- </td>
70		- <td>
71		- <input type="text" class="form-control form-filter input-sm" name="sectionrouteCode_eq">
72		- </td>
73		- <td>
74		- <input type="text" class="form-control form-filter input-sm" name="section.speedLimit_eq">
75		- </td>
76		- <td>
77		- <input type="text" class="form-control form-filter input-sm" name="section.sectionDistance_eq">
78		- </td>
79		- <td>
80		- <input type="text" class="form-control form-filter input-sm" name="section.sectionTime_eq">
81		- </td>
82		- <td>
83		- <input type="text" class="form-control form-filter input-sm" name="versions_eq">
84		- </td>
85		- <td>
86		- <select class="form-control form-filter" id="destroy" name="destroy_eq">
87		- <option value="">请选择...</option>
88		- <option value="0">运营</option>
89		- <option value="1">撤销</option>
90		- </select>
91		- </td>
92		- <td>
93		- <button class="btn btn-sm green btn-outline filter-submit margin-bottom" >
94		- <i class="fa fa-search"></i> 搜索
95		- </button>
96		-
97		- <button class="btn btn-sm red btn-outline filter-cancel">
98		- <i class="fa fa-times"></i> 重置
99		- </button>
100		- </td>
101		- </tr>
102		- </thead>
103		- <tbody></tbody>
104		- </table>
105		- <div style="text-align: right;">
106		- <ul id="pagination" class="pagination"></ul>
107		- </div>
108		- </div>
109		- </div>
110		- </div>
111		- </div>
112		-</div>
113		-<script type="text/html" id="sectionInfo_list_table_temp">
114		- {{each list as obj i }}
115		- <tr>
116		- <td style="vertical-align: middle;">
117		- {{(list.page*10)+(i+1)}}
118		- </td>
119		- <td>
120		- {{obj.lineCode}}
121		- </td>
122		- <td>
123		- {{obj.line.name}}
124		- </td>
125		- <td>
126		- {{if obj.directions == '0'}}
127		- 上行
128		- {{else if obj.directions == '1'}}
129		- 下行
130		- {{/if}}
131		- </td>
132		- <td>
133		- {{obj.section.sectionName}}
134		- </td>
135		- <td>
136		- {{obj.sectionCode}}
137		- </td>
138		- <td>
139		- {{obj.sectionrouteCode}}
140		- </td>
141		- <td>
142		- {{obj.speedLimit}}
143		- </td>
144		- <td>
145		- {{obj.sectionDistance}}
146		- </td>
147		- <td>
148		- {{obj.sectionTime}}
149		- </td>
150		- <td>
151		- {{obj.versions}}
152		- </td>
153		- <td>
154		- {{if obj.destroy == 1}}
155		- <span style="font-weight: bold; color: red; padding: 5px; background-color: #FFE4E1; margin: 5px; font-size: 9px;border-radius: 4px;">撤销</span>
156		- {{else if obj.destroy == 0}}
157		- <span style="font-weight: bold; color: #07824e; padding: 5px; background-color: #FFE4E1; margin: 5px; font-size: 9px;border-radius: 4px;">运营</span>
158		- {{/if}}
159		- </td>
160		- <td>
161		- <a href="positions.html?no={{obj.id}}" class="btn default blue-stripe btn-sm" data-pjax> 定位 </a>
162		- </td>
163		- </tr>
164		- {{/each}}
165		- {{if list.length == 0}}
166		- <tr>
167		- <td colspan=13><h6 class="muted">没有找到相关数据</h6></td>
168		- </tr>
169		- {{/if}}
170		-</script>
	1	+<div class="page-head">
	2	+ <div class="page-title">
	3	+ <h1>路段信息</h1>
	4	+ </div>
	5	+</div>
	6	+
	7	+<ul class="page-breadcrumb breadcrumb">
	8	+ <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
	9	+ <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
	10	+ <li><span class="active">路段信息</span></li>
	11	+</ul>
	12	+
	13	+<div class="row">
	14	+ <div class="col-md-12">
	15	+ <div class="portlet light porttlet-fit bordered">
	16	+ <div class="portlet-title">
	17	+ <div class="tipso-animation">
	18	+ </div>
	19	+ <div class="caption">
	20	+ <i class="fa fa-info-circle font-dark"></i>
	21	+ <span class="caption-subject font-dark sbold uppercase">路段信息</span>
	22	+ </div>
	23	+ <div class="actions">
	24	+ <div class="btn-group btn-group-devided" data-toggle="buttons">
	25	+ <a class="btn btn-circle blue" href="add.html" data-pjax><i class="fa fa-plus"></i> 添加路段</a>
	26	+ </div>
	27	+ </div>
	28	+ </div>
	29	+ <div class="portlet-body">
	30	+ <div class="table-container" style="margin-top: 10px">
	31	+ <table class="table table-striped table-bordered table-hover table-checkable" id="datatable_setion">
	32	+ <thead>
	33	+ <tr role="row" class="heading">
	34	+ <th width="2%">#</th>
	35	+ <th width="4%">线路编号</th>
	36	+ <th width="11%">线路名称</th>
	37	+ <th width="6%">线路方向</th>
	38	+ <th width="11%">路段名称</th>
	39	+ <th width="4%">路段编码</th>
	40	+ <th width="4%">路段序号</th>
	41	+ <th width="4%">路段限速</th>
	42	+ <th width="4%">路段长度</th>
	43	+ <th width="4%">路段历时</th>
	44	+ <th width="4%">版本号</th>
	45	+ <th width="6%">是否撤销</th>
	46	+ <th width="9%">操作</th>
	47	+ </tr>
	48	+ <tr role="row" class="filter">
	49	+ <td></td>
	50	+ <td>
	51	+ <input type="text" class="form-control form-filter input-sm" name="lineCode_eq" id="lineCodeInput">
	52	+ </td>
	53	+ <td>
	54	+ <select name="line.name_like" class="form-control" style="width:100%" id="lineSelect"></select>
	55	+ </td>
	56	+ <td>
	57	+ <select class="form-control form-filter" id ="dirSelect" name="directions_eq">
	58	+ <option value="">请选择...</option>
	59	+ <option value="0">上行</option>
	60	+ <option value="1">下行</option>
	61	+ </select>
	62	+ </td>
	63	+ <td>
	64	+ <!-- <input type="text" class="form-control form-filter input-sm" name="section.sectionName_like"> -->
	65	+ <select name="section.sectionName_like" class="form-control" style="width:100%" id="sectionNameSelect"></select>
	66	+ </td>
	67	+ <td>
	68	+ <input type="text" class="form-control form-filter input-sm" name="sectionCode_eq">
	69	+ </td>
	70	+ <td>
	71	+ <input type="text" class="form-control form-filter input-sm" name="sectionrouteCode_eq">
	72	+ </td>
	73	+ <td>
	74	+ <input type="text" class="form-control form-filter input-sm" name="section.speedLimit_eq">
	75	+ </td>
	76	+ <td>
	77	+ <input type="text" class="form-control form-filter input-sm" name="section.sectionDistance_eq">
	78	+ </td>
	79	+ <td>
	80	+ <input type="text" class="form-control form-filter input-sm" name="section.sectionTime_eq">
	81	+ </td>
	82	+ <td>
	83	+ <input type="text" class="form-control form-filter input-sm" name="versions_eq">
	84	+ </td>
	85	+ <td>
	86	+ <select class="form-control form-filter" id="destroy" name="destroy_eq">
	87	+ <option value="">请选择...</option>
	88	+ <option value="0">运营</option>
	89	+ <option value="1">撤销</option>
	90	+ </select>
	91	+ </td>
	92	+ <td>
	93	+ <button class="btn btn-sm green btn-outline filter-submit margin-bottom" >
	94	+ <i class="fa fa-search"></i> 搜索
	95	+ </button>
	96	+
	97	+ <button class="btn btn-sm red btn-outline filter-cancel">
	98	+ <i class="fa fa-times"></i> 重置
	99	+ </button>
	100	+ </td>
	101	+ </tr>
	102	+ </thead>
	103	+ <tbody></tbody>
	104	+ </table>
	105	+ <div style="text-align: right;">
	106	+ <ul id="pagination" class="pagination"></ul>
	107	+ </div>
	108	+ </div>
	109	+ </div>
	110	+ </div>
	111	+ </div>
	112	+</div>
	113	+<script type="text/html" id="sectionInfo_list_table_temp">
	114	+ {{each list as obj i }}
	115	+ <tr>
	116	+ <td style="vertical-align: middle;">
	117	+ {{(list.page*10)+(i+1)}}
	118	+ </td>
	119	+ <td>
	120	+ {{obj.lineCode}}
	121	+ </td>
	122	+ <td>
	123	+ {{obj.line.name}}
	124	+ </td>
	125	+ <td>
	126	+ {{if obj.directions == '0'}}
	127	+ 上行
	128	+ {{else if obj.directions == '1'}}
	129	+ 下行
	130	+ {{/if}}
	131	+ </td>
	132	+ <td>
	133	+ {{obj.section.sectionName}}
	134	+ </td>
	135	+ <td>
	136	+ {{obj.sectionCode}}
	137	+ </td>
	138	+ <td>
	139	+ {{obj.sectionrouteCode}}
	140	+ </td>
	141	+ <td>
	142	+ {{obj.section.speedLimit}}
	143	+ </td>
	144	+ <td>
	145	+ {{obj.section.sectionDistance}}
	146	+ </td>
	147	+ <td>
	148	+ {{obj.section.sectionTime}}
	149	+ </td>
	150	+ <td>
	151	+ {{obj.versions}}
	152	+ </td>
	153	+ <td>
	154	+ {{if obj.destroy == 1}}
	155	+ <span style="font-weight: bold; color: red; padding: 5px; background-color: #FFE4E1; margin: 5px; font-size: 9px;border-radius: 4px;">撤销</span>
	156	+ {{else if obj.destroy == 0}}
	157	+ <span style="font-weight: bold; color: #07824e; padding: 5px; background-color: #FFE4E1; margin: 5px; font-size: 9px;border-radius: 4px;">运营</span>
	158	+ {{/if}}
	159	+ </td>
	160	+ <td>
	161	+ <a href="positions.html?no={{obj.id}}" class="btn default blue-stripe btn-sm" data-pjax> 定位 </a>
	162	+ </td>
	163	+ </tr>
	164	+ {{/each}}
	165	+ {{if list.length == 0}}
	166	+ <tr>
	167	+ <td colspan=13><h6 class="muted">没有找到相关数据</h6></td>
	168	+ </tr>
	169	+ {{/if}}
	170	+</script>
171	171	<script src="/pages/base/section/js/section-list-table.js"></script>
172	172	\ No newline at end of file
...	...

src/main/resources/static/pages/base/section/list_sut.html 0 → 100644

View file @5254b15

	1	+<div class="page-head">
	2	+ <div class="page-title">
	3	+ <h1>路段信息</h1>
	4	+ </div>
	5	+</div>
	6	+
	7	+<ul class="page-breadcrumb breadcrumb">
	8	+ <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
	9	+ <li><span class="active">基础数据管理</span> <i class="fa fa-circle"></i></li>
	10	+ <li><span class="active">路段信息</span></li>
	11	+</ul>
	12	+
	13	+<div class="row">
	14	+ <div class="col-md-12">
	15	+ <div class="portlet light porttlet-fit bordered">
	16	+ <div class="portlet-title">
	17	+ <div class="tipso-animation">
	18	+ </div>
	19	+ <div class="caption">
	20	+ <i class="fa fa-info-circle font-dark"></i>
	21	+ <span class="caption-subject font-dark sbold uppercase">路段信息</span>
	22	+ </div>
	23	+ <div class="actions">
	24	+ <div class="btn-group btn-group-devided" data-toggle="buttons">
	25	+ <a class="btn btn-circle blue" href="add_sut.html" data-pjax><i class="fa fa-plus"></i> 添加路段</a>
	26	+ </div>
	27	+ </div>
	28	+ </div>
	29	+ <div class="portlet-body">
	30	+ <div class="table-container" style="margin-top: 10px">
	31	+ <table class="table table-striped table-bordered table-hover table-checkable" id="datatable_setion">
	32	+ <thead>
	33	+ <tr role="row" class="heading">
	34	+ <th width="2%">#</th>
	35	+ <th width="4%">线路编号</th>
	36	+ <th width="11%">线路名称</th>
	37	+ <th width="6%">线路方向</th>
	38	+ <th width="11%">路段名称</th>
	39	+ <th width="4%">路段编码</th>
	40	+ <th width="4%">路段序号</th>
	41	+ <th width="4%">路段限速</th>
	42	+ <th width="4%">路段长度</th>
	43	+ <th width="4%">路段历时</th>
	44	+ <th width="4%">版本号</th>
	45	+ <th width="6%">是否撤销</th>
	46	+ <th width="9%">操作</th>
	47	+ </tr>
	48	+ <tr role="row" class="filter">
	49	+ <td></td>
	50	+ <td>
	51	+ <input type="text" class="form-control form-filter input-sm" name="lineCode_eq" id="lineCodeInput">
	52	+ </td>
	53	+ <td>
	54	+ <select name="line.name_like" class="form-control" style="width:100%" id="lineSelect"></select>
	55	+ </td>
	56	+ <td>
	57	+ <select class="form-control form-filter" id ="dirSelect" name="directions_eq">
	58	+ <option value="">请选择...</option>
	59	+ <option value="0">上行</option>
	60	+ <option value="1">下行</option>
	61	+ </select>
	62	+ </td>
	63	+ <td>
	64	+ <!-- <input type="text" class="form-control form-filter input-sm" name="section.sectionName_like"> -->
	65	+ <select name="section.sectionName_like" class="form-control" style="width:100%" id="sectionNameSelect"></select>
	66	+ </td>
	67	+ <td>
	68	+ <input type="text" class="form-control form-filter input-sm" name="sectionCode_eq">
	69	+ </td>
	70	+ <td>
	71	+ <input type="text" class="form-control form-filter input-sm" name="sectionrouteCode_eq">
	72	+ </td>
	73	+ <td>
	74	+ <input type="text" class="form-control form-filter input-sm" name="section.speedLimit_eq">
	75	+ </td>
	76	+ <td>
	77	+ <input type="text" class="form-control form-filter input-sm" name="section.sectionDistance_eq">
	78	+ </td>
	79	+ <td>
	80	+ <input type="text" class="form-control form-filter input-sm" name="section.sectionTime_eq">
	81	+ </td>
	82	+ <td>
	83	+ <input type="text" class="form-control form-filter input-sm" name="versions_eq">
	84	+ </td>
	85	+ <td>
	86	+ <select class="form-control form-filter" id="destroy" name="destroy_eq">
	87	+ <option value="">请选择...</option>
	88	+ <option value="0">运营</option>
	89	+ <option value="1">撤销</option>
	90	+ </select>
	91	+ </td>
	92	+ <td>
	93	+ <button class="btn btn-sm green btn-outline filter-submit margin-bottom" >
	94	+ <i class="fa fa-search"></i> 搜索
	95	+ </button>
	96	+
	97	+ <button class="btn btn-sm red btn-outline filter-cancel">
	98	+ <i class="fa fa-times"></i> 重置
	99	+ </button>
	100	+ </td>
	101	+ </tr>
	102	+ </thead>
	103	+ <tbody></tbody>
	104	+ </table>
	105	+ <div style="text-align: right;">
	106	+ <ul id="pagination" class="pagination"></ul>
	107	+ </div>
	108	+ </div>
	109	+ </div>
	110	+ </div>
	111	+ </div>
	112	+</div>
	113	+<script type="text/html" id="sectionInfo_list_table_temp_sut">
	114	+ {{each list as obj i }}
	115	+ <tr>
	116	+ <td style="vertical-align: middle;">
	117	+ {{(list.page*10)+(i+1)}}
	118	+ </td>
	119	+ <td>
	120	+ {{obj.lineCode}}
	121	+ </td>
	122	+ <td>
	123	+ {{obj.line.name}}
	124	+ </td>
	125	+ <td>
	126	+ {{if obj.directions == '0'}}
	127	+ 上行
	128	+ {{else if obj.directions == '1'}}
	129	+ 下行
	130	+ {{/if}}
	131	+ </td>
	132	+ <td>
	133	+ {{obj.section.sectionName}}
	134	+ </td>
	135	+ <td>
	136	+ {{obj.sectionCode}}
	137	+ </td>
	138	+ <td>
	139	+ {{obj.sectionrouteCode}}
	140	+ </td>
	141	+ <td>
	142	+ {{obj.section.speedLimit}}
	143	+ </td>
	144	+ <td>
	145	+ {{obj.section.sectionDistance}}
	146	+ </td>
	147	+ <td>
	148	+ {{obj.section.sectionTime}}
	149	+ </td>
	150	+ <td>
	151	+ {{obj.versions}}
	152	+ </td>
	153	+ <td>
	154	+ {{if obj.destroy == 1}}
	155	+ <span style="font-weight: bold; color: red; padding: 5px; background-color: #FFE4E1; margin: 5px; font-size: 9px;border-radius: 4px;">撤销</span>
	156	+ {{else if obj.destroy == 0}}
	157	+ <span style="font-weight: bold; color: #07824e; padding: 5px; background-color: #FFE4E1; margin: 5px; font-size: 9px;border-radius: 4px;">运营</span>
	158	+ {{/if}}
	159	+ </td>
	160	+ <td>
	161	+ <a href="positions_sut.html?no={{obj.id}}" class="btn default blue-stripe btn-sm" data-pjax> 定位 </a>
	162	+ </td>
	163	+ </tr>
	164	+ {{/each}}
	165	+ {{if list.length == 0}}
	166	+ <tr>
	167	+ <td colspan=13><h6 class="muted">没有找到相关数据</h6></td>
	168	+ </tr>
	169	+ {{/if}}
	170	+</script>
	171	+<script>
	172	+</script>
	173	+<script src="/pages/base/section/js/section-list-table_sut.js"></script>
0	174	\ No newline at end of file
...	...

src/main/resources/static/pages/base/section/positions_sut.html 0 → 100644

View file @5254b15

	1	+<link href="/pages/base/section/css/positions.css" rel="stylesheet" type="text/css" />
	2	+<div id="sectionPbmap_basic"></div>
	3	+<div class="leftUtils">
	4	+ <div class="btn-group" style="left: 100px;">
	5	+ <a class="btn btn-sm green-seagreen dropdown-toggle" style="width: 98px;" href="javascript:;" data-toggle="dropdown" aria-expanded="false"> 操作工具
	6	+ <i class="fa fa-angle-down"></i>
	7	+ </a>
	8	+ <ul class="dropdown-menu pull-right" style="min-width:100px">
	9	+ <li>
	10	+ <a href="javascript:;" id = "eidt"><i class="fa fa-pencil"></i> 修改 </a>
	11	+ </li>
	12	+ <li>
	13	+ <a href="list_sut.html" id = "backUp"> <i class="fa fa-reply"></i> 返回 </a>
	14	+ </li>
	15	+
	16	+ </ul>
	17	+ </div>
	18	+</div>
	19	+<!-- 编辑路段对象类 -->
	20	+<script src="/pages/base/section/js/positionsection.js"></script>
	21	+<!-- ajax异步请求类 -->
	22	+<script src="/pages/base/section/js/section-ajax-getdata.js"></script>
	23	+<!-- 函数方法类 -->
	24	+<script src="/pages/base/section/js/section-positions-function.js"></script>
	25	+<!-- 地图类 -->
	26	+<script src="/pages/base/section/js/section-positions-map_sut.js"></script>
	27	+<!-- 事件类 -->
	28	+<script src="/pages/base/section/js/section-positions-events_sut.js"></script>
	29	+<!-- reload类 -->
	30	+<script src="/pages/base/section/js/section-positions-reload.js"></script>
0	31	\ No newline at end of file
...	...

潘钊 / bsth_control · Commits

GitLab

1.