潘钊 / bsth_control · Commits

Commit ba2d5ca1a1dc443c479e1ac8a2b9bbc44715d002

Authored by 李强
1 parent 97a2b57e
build: skipped

线路信息页面调整

Inline Side-by-side
Showing 8 changed files with 1475 additions and 981 deletions
src/main/resources/static/pages/base/line/add.html
  View file @ba2d5ca
  1 +<!-- 片段标题 START -->
1 <div class="page-head"> 2 <div class="page-head">
2 <div class="page-title"> 3 <div class="page-title">
3 <h1>添加线路</h1> 4 <h1>添加线路</h1>
4 </div> 5 </div>
5 </div> 6 </div>
  7 +<!-- 片段标题 END -->
6 8
  9 +<!-- 线路信息导航栏组件 START -->
7 <ul class="page-breadcrumb breadcrumb"> 10 <ul class="page-breadcrumb breadcrumb">
8 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li> 11 <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> 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li> 13 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li>
11 <li><span class="active">添加线路</span></li> 14 <li><span class="active">添加线路</span></li>
12 </ul> 15 </ul>
  16 +<!-- 线路信息导航栏组件 END -->
13 17
  18 +<!-- 信息容器组件 START -->
14 <div class="portlet light bordered"> 19 <div class="portlet light bordered">
15 20
16 - <!-- 标题 --> 21 + <!-- 信息容器组件标题 START -->
17 <div class="portlet-title"> 22 <div class="portlet-title">
18 <div class="caption"> 23 <div class="caption">
19 <i class="icon-equalizer font-red-sunglo"></i> 24 <i class="icon-equalizer font-red-sunglo"></i>
20 <span class="caption-subject font-red-sunglo bold uppercase">添加线路</span> 25 <span class="caption-subject font-red-sunglo bold uppercase">添加线路</span>
21 </div> 26 </div>
22 </div> 27 </div>
  28 + <!-- 信息容器组件标题 END -->
23 29
24 - <!-- 表单 --> 30 + <!-- 表单容器组件 START -->
25 <div class="portlet-body form"> 31 <div class="portlet-body form">
26 32
27 - <!-- START FORM --> 33 + <!-- line_add_form FORM START -->
28 <form action="/line" class="form-horizontal" id="line_add_form" > 34 <form action="/line" class="form-horizontal" id="line_add_form" >
29 35
30 - <!-- 错误提示 --> 36 + <!-- 表单验证错误提示组件 START -->
31 <div class="alert alert-danger display-hide"> 37 <div class="alert alert-danger display-hide">
32 <button class="close" data-close="alert"></button> 38 <button class="close" data-close="alert"></button>
33 您的输入有误，请检查下面的输入项 39 您的输入有误，请检查下面的输入项
34 </div> 40 </div>
  41 + <!-- 表单验证错误提示组件 END -->
35 42
36 - <!-- 表单内容 --> 43 + <!-- 表单字段内容 START -->
37 <div class="form-body"> 44 <div class="form-body">
38 45
39 - <!-- 线路名称 --> 46 + <!-- 表单分组组件 form-group START -->
40 <div class="form-group"> 47 <div class="form-group">
41 - <label class="control-label col-md-3">  
42 - <span class="required"> * </span>线路名称：  
43 - </label>  
44 - <div class="col-md-4">  
45 - <input type="text" class="form-control" name="name" id="nameInput" placeholder="线路名称" />  
46 - <span class="help-block"> 例如 ：浦东88路 </span>  
47 - </div>  
48 - </div>  
49 -  
50 - <!-- 英文名称 -->  
51 - <div class="form-group">  
52 - <label class="control-label col-md-3"> 英文名称： </label>  
53 - <div class="col-md-4">  
54 - <input type="text" class="form-control" name="es" id="esInput" placeholder="英文名称">  
55 - </div>  
56 - </div>  
57 -  
58 - <!-- 线路简称 -->  
59 - <div class="form-group">  
60 - <label class="control-label col-md-3"> 线路简称：</label>  
61 - <div class="col-md-4">  
62 - <input type="text" class="form-control" name="shortName" id="shortNameInput" placeholder="线路简称">  
63 - </div>  
64 - </div>  
65 -  
66 - <!-- 线路编码 -->  
67 - <div class="form-group">  
68 - <label class="control-label col-md-3">  
69 - <span class="required"> * </span>线路编码：  
70 - </label>  
71 - <div class="col-md-4">  
72 - <input type="text" class="form-control" name="lineCode" id="lineCodeInput" placeholder="线路编码">  
73 - </div>  
74 - </div>  
75 -  
76 - <!-- 所属公司 -->  
77 - <div class="form-group">  
78 - <label class="control-label col-md-3"> 所属公司：</label>  
79 - <div class="col-md-4">  
80 - <select name="company" class="form-control" id="companySelect"></select>  
81 - </div>  
82 - </div>  
83 -  
84 - <!-- 所属分公司 -->  
85 - <!-- <div class="form-group">  
86 - <label class="control-label col-md-3"> 所属分公司：</label>  
87 - <div class="col-md-4">  
88 - <select name="brancheCompany" class="form-control" id="brancheCompanySelect"></select>  
89 - </div>  
90 - </div> -->  
91 -  
92 - <!-- 线路性质 -->  
93 - <div class="form-group">  
94 - <label class="control-label col-md-3"> 线路性质：</label>  
95 - <div class="col-md-4">  
96 - <select name="nature" class="form-control" id="natureSelect">  
97 - <option value="">-- 请选择线路性质 --</option>  
98 - <option value="lj">路救</option>  
99 - <option value="bc">备车</option>  
100 - <option value="dbc">定班车</option>  
101 - <option value="yxl">夜宵路</option>  
102 - <option value="cgxl">常规线路</option>  
103 - <option value="gjxl">过江线路</option>  
104 - <option value="csbs">穿梭巴士</option>  
105 - <option value="tyxl">特约线路</option>  
106 - <option value="cctxl">村村通线路</option>  
107 - <option value="qt">其他</option>  
108 - </select>  
109 - </div> 48 + <!-- 线路编码 (* 必填项) START -->
  49 + <div class="col-md-6">
  50 + <label class="control-label col-md-5">
  51 + <span class="required"> * </span>线路编码：
  52 + </label>
  53 + <div class="col-md-4">
  54 + <input type="text" class="form-control" name="lineCode" id="lineCodeInput" placeholder="线路编码">
  55 + </div>
  56 + </div>
  57 + <!-- 线路编码 (* 必填项) END -->
  58 +
  59 + <!-- 线路名称 (* 必填项) START -->
  60 + <div class="col-md-6">
  61 + <label class="control-label col-md-5">
  62 + <span class="required"> * </span>线路名称：
  63 + </label>
  64 + <div class="col-md-4">
  65 + <input type="text" class="form-control" name="name" id="nameInput" placeholder="线路名称" />
  66 + <span class="help-block"> 例如 ：浦东88路 </span>
  67 + </div>
  68 + </div>
  69 + <!-- 线路名称 (* 必填项) END -->
110 </div> 70 </div>
  71 + <!-- 表单分组组件 form-group END -->
111 72
112 - <!-- 线路等级 --> 73 + <!-- 表单分组组件 form-group START -->
113 <div class="form-group"> 74 <div class="form-group">
114 - <label class="control-label col-md-3"> 线路等级：</label>  
115 - <div class="col-md-4">  
116 - <select name="level" class="form-control" id="levelSelect">  
117 - <option value="">-- 请选择线路等级 --</option>  
118 - <option value="1">一级线路</option>  
119 - <option value="2">二级线路</option>  
120 - <option value="0">未知等级</option>  
121 - </select>  
122 - </div>  
123 - </div>  
124 -  
125 - <!-- 是否撤销 -->  
126 - <div class="form-group">  
127 - <label class="control-label col-md-3">是否撤销：</label>  
128 - <div class="col-md-4">  
129 - <div class="md-radio-inline">  
130 - <div class="md-radio">  
131 - <input type="radio" id="radio14" name="destroy" data-title="是" class="md-radiobtn" value="1" >  
132 - <label for="radio14">  
133 - <span></span>  
134 - <span class="check"></span>  
135 - <span class="box"></span> 是  
136 - </label>  
137 - </div>  
138 - <div class="md-radio has-error">  
139 - <input type="radio" id="radio15" name="destroy" class="md-radiobtn" data-title="否" value="0" checked="checked">  
140 - <label for="radio15" style="color:#FFC0CB">  
141 - <span></span>  
142 - <span class="check"></span>  
143 - <span class="box"></span> 否  
144 - </label>  
145 - </div>  
146 - </div>  
147 - </div> 75 + <!-- 线路简称 START -->
  76 + <div class="col-md-6">
  77 + <label class="control-label col-md-5"> 线路简称：</label>
  78 + <div class="col-md-4">
  79 + <input type="text" class="form-control" name="shortName" id="shortNameInput" placeholder="线路简称">
  80 + </div>
  81 + </div>
  82 + <!-- 线路简称 END -->
  83 +
  84 + <!-- 英文名称 START -->
  85 + <div class="col-md-6">
  86 + <label class="control-label col-md-5"> 英文名称： </label>
  87 + <div class="col-md-4">
  88 + <input type="text" class="form-control" name="es" id="esInput" placeholder="英文名称">
  89 + </div>
  90 + </div>
  91 + <!-- 英文名称 END -->
148 </div> 92 </div>
  93 + <!-- 表单分组组件 form-group END -->
149 94
150 - <!-- 是否宵夜 --> 95 + <!-- 表单分组组件 form-group START -->
151 <div class="form-group"> 96 <div class="form-group">
152 - <label class="control-label col-md-3">是否宵夜：</label>  
153 - <div class="col-md-4">  
154 - <div class="md-radio-inline">  
155 - <div class="md-radio">  
156 - <input type="radio" id="radio16" name="supperLine" class="md-radiobtn" value="1" data-title="是" >  
157 - <label for="radio16">  
158 - <span></span>  
159 - <span class="check"></span>  
160 - <span class="box"></span> 是  
161 - </label>  
162 - </div>  
163 - <div class="md-radio has-error">  
164 - <input type="radio" id="radio17" name="supperLine" class="md-radiobtn" value="0" data-title="否" checked="checked">  
165 - <label for="radio17" style="color:#FFC0CB">  
166 - <span></span>  
167 - <span class="check"></span>  
168 - <span class="box"></span> 否  
169 - </label>  
170 - </div>  
171 - </div>  
172 - </div>  
173 - </div>  
174 -  
175 - <!-- 开辟日期 -->  
176 - <div class="form-group">  
177 - <label class="control-label col-md-3"> 开辟日期： </label>  
178 - <div class="col-md-4">  
179 - <input type="text" class="form-control" name="openDate" id="openDateInput" placeholder="开辟日期">  
180 - </div> 97 + <!-- 线路等级 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  98 + <div class="col-md-6">
  99 + <label class="control-label col-md-5"> 线路等级：</label>
  100 + <div class="col-md-4">
  101 + <select name="level" class="form-control" id="levelSelect">
  102 + <option value="">-- 请选择线路等级 --</option>
  103 + <option value="1">一级线路</option>
  104 + <option value="2">二级线路</option>
  105 + <option value="0">未知等级</option>
  106 + </select>
  107 + </div>
  108 + </div>
  109 + <!-- 线路等级 END -->
  110 +
  111 + <!-- 线路性质 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  112 + <div class="col-md-6">
  113 + <label class="control-label col-md-5"> 线路性质：</label>
  114 + <div class="col-md-4">
  115 + <select name="nature" class="form-control" id="natureSelect">
  116 + <option value="">-- 请选择线路性质 --</option>
  117 + <option value="lj">路救</option>
  118 + <option value="bc">备车</option>
  119 + <option value="dbc">定班车</option>
  120 + <option value="yxl">夜宵路</option>
  121 + <option value="cgxl">常规线路</option>
  122 + <option value="gjxl">过江线路</option>
  123 + <option value="csbs">穿梭巴士</option>
  124 + <option value="tyxl">特约线路</option>
  125 + <option value="cctxl">村村通线路</option>
  126 + <option value="qt">其他</option>
  127 + </select>
  128 + </div>
  129 + </div>
  130 + <!-- 线路性质 END -->
181 </div> 131 </div>
  132 + <!-- 表单分组组件 form-group END -->
182 133
183 - <!-- 线路沿革 --> 134 + <!-- 表单分组组件 form-group START -->
184 <div class="form-group"> 135 <div class="form-group">
185 - <label class="control-label col-md-3"> 线路沿革： </label>  
186 - <div class="col-md-4">  
187 - <textarea class="form-control" rows="3" name="history" id="historyTextarea" placeholder="线路沿革"></textarea>  
188 - <span class="help-block">日期及内容：如2014-1-1，开辟；2014-5-1，延线；</span>  
189 - </div> 136 + <!-- 所属公司 START 在片段线路添加JS模块里初始化select(options值查询的公司表) -->
  137 + <div class="col-md-6">
  138 + <label class="control-label col-md-5"> 所属公司：</label>
  139 + <div class="col-md-4">
  140 + <select name="company" class="form-control" id="companySelect"></select>
  141 + </div>
  142 + </div>
  143 + <!-- 所属公司 END -->
  144 +
  145 + <!-- 所属分公司 START 在片段线路添加JS模块里初始化select(options值查询的公司表) -->
  146 + <div class="col-md-6">
  147 + <label class="control-label col-md-5"> 所属公司：</label>
  148 + <div class="col-md-4">
  149 + <select name="brancheCompany" class="form-control" id="brancheCompanySelect"></select>
  150 + </div>
  151 + </div>
  152 + <!-- 所属分公司 END -->
190 </div> 153 </div>
  154 + <!-- 表单分组组件 form-group END -->
191 155
192 - <!-- 起始站名称 --> 156 + <!-- 表单分组组件 form-group START -->
193 <div class="form-group"> 157 <div class="form-group">
194 - <label class="control-label col-md-3"> 起始站名称： </label>  
195 - <div class="col-md-4">  
196 - <input type="text" class="form-control" name="startStationName" id="startStationNameInput" placeholder="起始站名称">  
197 - <span class="help-block"> 说明 ：上行起始站名称 </span>  
198 - </div> 158 + <!-- 线路规划类型 (* 必填项) START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  159 + <div class="col-md-6">
  160 + <label class="control-label col-md-5"><span class="required"> * </span> 线路规划类型：</label>
  161 + <div class="col-md-4">
  162 + <select name="linePlayType" class="form-control" id="linePlayTypeSelect">
  163 + <option value="">-- 请选择线路类型 --</option>
  164 + <option value="0">双向</option>
  165 + <option value="1">环线</option>
  166 + </select>
  167 + </div>
  168 + </div>
  169 + <!-- 线路规划类型 (* 必填项) END -->
  170 +
  171 + <!-- 开辟日期 START　-->
  172 + <div class="col-md-6">
  173 + <label class="control-label col-md-5"> 开辟日期： </label>
  174 + <div class="col-md-4">
  175 + <input type="text" class="form-control" name="openDate" id="openDateInput" placeholder="开辟日期">
  176 + </div>
  177 + </div>
  178 + <!-- 开辟日期 END　-->
199 </div> 179 </div>
  180 + <!-- 表单分组组件 form-group START -->
200 181
201 - <!-- 终点站名称 --> 182 + <!-- 表单分组组件 form-group START -->
202 <div class="form-group"> 183 <div class="form-group">
203 - <label class="control-label col-md-3"> 终点站名称： </label>  
204 - <div class="col-md-4">  
205 - <input type="text" class="form-control" name="endStationName" id="endStationNameInput" placeholder="终点站名称">  
206 - <span class="help-block"> 说明 ：上行终点站名称 </span>  
207 - </div> 184 + <!-- 是否宵夜 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  185 + <div class="col-md-6">
  186 + <label class="control-label col-md-5">是否宵夜：</label>
  187 + <div class="col-md-4">
  188 + <div class="md-radio-inline">
  189 + <div class="md-radio">
  190 + <input type="radio" id="radio16" name="supperLine" class="md-radiobtn" value="1" data-title="是" >
  191 + <label for="radio16">
  192 + <span></span>
  193 + <span class="check"></span>
  194 + <span class="box"></span> 是
  195 + </label>
  196 + </div>
  197 + <div class="md-radio has-error">
  198 + <input type="radio" id="radio17" name="supperLine" class="md-radiobtn" value="0" data-title="否" checked="checked">
  199 + <label for="radio17" style="color:#FFC0CB">
  200 + <span></span>
  201 + <span class="check"></span>
  202 + <span class="box"></span> 否
  203 + </label>
  204 + </div>
  205 + </div>
  206 + </div>
  207 + </div>
  208 + <!-- 是否宵夜 END -->
  209 +
  210 + <!-- 是否撤销 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  211 + <div class="col-md-6">
  212 + <label class="control-label col-md-5">是否撤销：</label>
  213 + <div class="col-md-4">
  214 + <div class="md-radio-inline">
  215 + <div class="md-radio">
  216 + <input type="radio" id="radio14" name="destroy" data-title="是" class="md-radiobtn" value="1" >
  217 + <label for="radio14">
  218 + <span></span>
  219 + <span class="check"></span>
  220 + <span class="box"></span> 是
  221 + </label>
  222 + </div>
  223 + <div class="md-radio has-error">
  224 + <input type="radio" id="radio15" name="destroy" class="md-radiobtn" data-title="否" value="0" checked="checked">
  225 + <label for="radio15" style="color:#FFC0CB">
  226 + <span></span>
  227 + <span class="check"></span>
  228 + <span class="box"></span> 否
  229 + </label>
  230 + </div>
  231 + </div>
  232 + </div>
  233 + </div>
  234 + <!-- 是否撤销 START -->
208 </div> 235 </div>
  236 + <!-- 表单分组组件 form-group END -->
209 237
210 - <!-- 设备线路编码 --> 238 + <!-- 表单分组组件 form-group START -->
211 <div class="form-group"> 239 <div class="form-group">
212 - <label class="control-label col-md-3"> 设备线路编码： </label>  
213 - <div class="col-md-4">  
214 - <input type="text" class="form-control" name="eqLinecode" id="eqLinecodeInput" placeholder="设备线路编码">  
215 - </div> 240 + <!-- 起始站名称 START (该字段值会在规划线路站点操作时会去验证是否有值。如果为空，则用线路规划站点的起点站。默认使用该字段填写值) -->
  241 + <div class="col-md-6">
  242 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站名称： </label>
  243 + <div class="col-md-4">
  244 + <input type="text" class="form-control" name="startStationName" id="startStationNameInput" placeholder="起始站名称">
  245 + <span class="help-block"> 说明 ：上行起始站名称 </span>
  246 + </div>
  247 + </div>
  248 + <!-- 起始站名称 END -->
  249 +
  250 + <!-- 终点站名称 START (该字段值会在规划线路站点操作时会去验证是否有值。如果为空，则用线路规划站点的终点站。默认使用该字段填写值) -->
  251 + <div class="col-md-6">
  252 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站名称： </label>
  253 + <div class="col-md-4">
  254 + <input type="text" class="form-control" name="endStationName" id="endStationNameInput" placeholder="终点站名称">
  255 + <span class="help-block"> 说明 ：上行终点站名称 </span>
  256 + </div>
  257 + </div>
  258 + <!-- 终点站名称 END -->
216 </div> 259 </div>
  260 + <!-- 表单分组组件 form-group END -->
217 261
218 - <!-- 上海市线路编码 --> 262 + <!-- 表单分组组件 form-group START -->
219 <div class="form-group"> 263 <div class="form-group">
220 - <label class="control-label col-md-3"> 上海市线路编码： </label>  
221 - <div class="col-md-4">  
222 - <input type="text" class="form-control" name="shanghaiLinecode" id="shanghaiLinecodeInput" placeholder="上海市线路编码">  
223 - </div> 264 + <!-- 起始站首班车时间 (* 必填项) START -->
  265 + <div class="col-md-6">
  266 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站首班时间： </label>
  267 + <div class="col-md-4">
  268 + <input type="text" class="form-control" name="startStationFirstTime" id="startStationFirstTimeInput" placeholder="起始站首班车时间">
  269 + <span class="help-block"> 例如 ：06:00 </span>
  270 + </div>
  271 + </div>
  272 + <!-- 起始站首班车时间 END -->
  273 +
  274 + <!-- 起始站末班车时间 (* 必填项) START -->
  275 + <div class="col-md-6">
  276 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站末班时间： </label>
  277 + <div class="col-md-4">
  278 + <!-- <input type="text" class="form-control" name="StartStationEndTime" id="StartStationEndTimeInput" placeholder="起始站末班车时间 "> -->
  279 + <input type="text" class="form-control" name="startStationEndTime" id="endTimeInput" placeholder="起始站末班车时间">
  280 + <span class="help-block"> 例如 ：17:00 </span>
  281 + </div>
  282 + </div>
  283 + <!-- 起始站末班车时间 END -->
224 </div> 284 </div>
  285 + <!-- 表单分组组件 form-group END -->
225 286
226 - <!-- 起始站调度电话 --> 287 + <!-- 表单分组组件 form-group START -->
227 <div class="form-group"> 288 <div class="form-group">
228 - <label class="control-label col-md-3"> 起始站调度电话： </label>  
229 - <div class="col-md-4">  
230 - <input type="text" class="form-control" name="startPhone" id="startPhoneInput" placeholder="起始站调度电话">  
231 - </div> 289 + <!-- 终点站首班车时间 (* 必填项) START -->
  290 + <div class="col-md-6">
  291 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站首班时间： </label>
  292 + <div class="col-md-4">
  293 + <input type="text" class="form-control" name="endStationFirstTime" id="endStationFirstTimeInput" placeholder="终点站首班车时间">
  294 + <span class="help-block"> 例如 ：05:00 </span>
  295 + </div>
  296 + </div>
  297 + <!-- 终点站首班车时间 END -->
  298 +
  299 + <!-- 终点站末班车时间 (* 必填项) START -->
  300 + <div class="col-md-6">
  301 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站末班时间： </label>
  302 + <div class="col-md-4">
  303 + <input type="text" class="form-control" name="endStationEndTime" id="endStationEndTimeInput" placeholder="终点站末班车时间 ">
  304 + <span class="help-block"> 例如 ：18:00 </span>
  305 + </div>
  306 + </div>
  307 + <!-- 终点站末班车时间 END -->
  308 + </div>
  309 + <!-- 表单分组组件 form-group END -->
  310 +
  311 + <!-- 表单分组组件 form-group START -->
  312 + <div class="form-group">
  313 + <!-- 上海市线路编码 START -->
  314 + <div class="col-md-6">
  315 + <label class="control-label col-md-5"> 上海市线路编码： </label>
  316 + <div class="col-md-4">
  317 + <input type="text" class="form-control" name="shanghaiLinecode" id="shanghaiLinecodeInput" placeholder="上海市线路编码">
  318 + </div>
  319 + </div>
  320 + <!-- 上海市线路编码 END -->
  321 +
  322 + <!--设备线路编码 START -->
  323 + <div class="col-md-6">
  324 + <label class="control-label col-md-5"> 设备线路编码： </label>
  325 + <div class="col-md-4">
  326 + <input type="text" class="form-control" name="eqLinecode" id="eqLinecodeInput" placeholder="设备线路编码">
  327 + </div>
  328 + </div>
  329 + <!--设备线路编码 END -->
  330 + </div>
  331 + <!-- 表单分组组件 form-group END -->
  332 +
  333 + <!-- 表单分组组件 form-group START -->
  334 + <div class="form-group">
  335 + <!-- 起始站调度电话 START -->
  336 + <div class="col-md-6">
  337 + <label class="control-label col-md-5"> 起始站调度电话： </label>
  338 + <div class="col-md-4">
  339 + <input type="text" class="form-control" name="startPhone" id="startPhoneInput" placeholder="起始站调度电话">
  340 + </div>
  341 + </div>
  342 + <!-- 起始站调度电话 END -->
  343 +
  344 + <!-- 终点站调度电话 START -->
  345 + <div class="col-md-6">
  346 + <label class="control-label col-md-5"> 终点站调度电话： </label>
  347 + <div class="col-md-4">
  348 + <input type="text" class="form-control" name="endPhone" id="startPhoneInput" placeholder="终点站调度电话">
  349 + </div>
  350 + </div>
  351 + <!-- 终点站调度电话 START -->
  352 + </div>
  353 + <!-- 表单分组组件 form-group END -->
  354 +
  355 + <!-- 表单分组组件 form-group START -->
  356 + <div class="form-group">
  357 + <!-- 车辆总数 START -->
  358 + <div class="col-md-6">
  359 + <label class="control-label col-md-5"> 车辆总数： </label>
  360 + <div class="col-md-4">
  361 + <input type="text" class="form-control" name="carSumNumber" id="carSumNumberInput" placeholder="车辆总数">
  362 + </div>
  363 + </div>
  364 + <!-- 车辆总数 END -->
  365 +
  366 + <!-- 普通车辆数 START -->
  367 + <div class="col-md-6">
  368 + <label class="control-label col-md-5"> 普通车辆数： </label>
  369 + <div class="col-md-4">
  370 + <input type="text" class="form-control" name="ordCarNumber" id="ordCarNumberInput" placeholder="普通车辆数">
  371 + </div>
  372 + </div>
  373 + <!-- 普通车辆数 END -->
232 </div> 374 </div>
  375 + <!-- 表单分组组件 form-group END -->
233 376
234 - <!-- 终点站调度电话 -->  
235 - <div class="form-group">  
236 - <label class="control-label col-md-3"> 终点站调度电话： </label>  
237 - <div class="col-md-4">  
238 - <input type="text" class="form-control" name="endPhone" id="startPhoneInput" placeholder="终点站调度电话">  
239 - </div>  
240 - </div>  
241 -  
242 - <!-- 起始站首班车时间 --> 377 + <!-- 表单分组组件 form-group START -->
243 <div class="form-group"> 378 <div class="form-group">
244 - <label class="control-label col-md-3"> 起始站首班车时间： </label>  
245 - <div class="col-md-4">  
246 - <input type="text" class="form-control" name="startStationFirstTime" id="startStationFirstTimeInput" placeholder="起始站首班车时间">  
247 - <span class="help-block"> 例如 ：06:00 </span>  
248 - </div> 379 + <!-- 空调车辆数 START -->
  380 + <div class="col-md-6">
  381 + <label class="control-label col-md-5"> 空调车辆数： </label>
  382 + <div class="col-md-4">
  383 + <input type="text" class="form-control" name="hvacCarNumber" id="hvacCarNumberInput" placeholder="空调车辆数">
  384 + </div>
  385 + </div>
  386 + <!-- 空调车辆数 END -->
249 </div> 387 </div>
  388 + <!-- 表单分组组件 form-group END -->
250 389
251 - <!-- 起始站末班车时间 -->  
252 - <div class="form-group">  
253 - <label class="control-label col-md-3"> 起始站末班车时间： </label>  
254 - <div class="col-md-4">  
255 - <input type="text" class="form-control" name="StartStationEndTime" id="StartStationEndTimeInput" placeholder="起始站末班车时间 ">  
256 - <span class="help-block"> 例如 ：17:00 </span>  
257 - </div>  
258 - </div>  
259 -  
260 -  
261 - <!-- 终点站首班时间 --> 390 + <!-- 表单分组组件 form-group START -->
262 <div class="form-group"> 391 <div class="form-group">
263 - <label class="control-label col-md-3"> 终点站首班车时间： </label>  
264 - <div class="col-md-4">  
265 - <input type="text" class="form-control" name="endStationFirstTime" id="endStationFirstTimeInput" placeholder="终点站首班车时间">  
266 - <span class="help-block"> 例如 ：05:00 </span>  
267 - </div>  
268 - </div>  
269 -  
270 - <!-- 终点站末班时间 -->  
271 - <div class="form-group">  
272 - <label class="control-label col-md-3"> 终点站末班车时间： </label>  
273 - <div class="col-md-4">  
274 - <input type="text" class="form-control" name="endStationEndTime" id="endStationEndTimeInput" placeholder="终点站末班车时间 ">  
275 - <span class="help-block"> 例如 ：18:00 </span>  
276 - </div>  
277 - </div>  
278 -  
279 - <!-- 车辆总数 -->  
280 - <div class="form-group">  
281 - <label class="control-label col-md-3"> 车辆总数： </label>  
282 - <div class="col-md-4">  
283 - <input type="text" class="form-control" name="carSumNumber" id="carSumNumberInput" placeholder="车辆总数">  
284 - </div>  
285 - </div>  
286 -  
287 - <!-- 空调车辆数 -->  
288 - <div class="form-group">  
289 - <label class="control-label col-md-3"> 空调车辆数： </label>  
290 - <div class="col-md-4">  
291 - <input type="text" class="form-control" name="hvacCarNumber" id="hvacCarNumberInput" placeholder="空调车辆数">  
292 - </div>  
293 - </div>  
294 -  
295 - <!-- 普通车辆数 -->  
296 - <div class="form-group">  
297 - <label class="control-label col-md-3"> 普通车辆数： </label>  
298 - <div class="col-md-4">  
299 - <input type="text" class="form-control" name="ordCarNumber" id="ordCarNumberInput" placeholder="普通车辆数">  
300 - </div>  
301 - </div>  
302 -  
303 - <!-- 描述/说明 -->  
304 - <div class="form-group">  
305 - <label class="control-label col-md-3"> 描述/说明： </label>  
306 - <div class="col-md-4">  
307 - <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>  
308 - </div> 392 + <!-- 线路沿革 START -->
  393 + <div class="col-md-6">
  394 + <label class="control-label col-md-5"> 线路沿革： </label>
  395 + <div class="col-md-4">
  396 + <textarea class="form-control" rows="3" name="history" id="historyTextarea" placeholder="线路沿革"></textarea>
  397 + <span class="help-block">日期及内容：如2014-1-1，开辟；2014-5-1，延线；</span>
  398 + </div>
  399 + </div>
  400 + <!-- 线路沿革 END -->
  401 +
  402 + <!-- 描述/说明 START -->
  403 + <div class="col-md-6">
  404 + <label class="control-label col-md-5"> 描述/说明： </label>
  405 + <div class="col-md-4">
  406 + <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>
  407 + </div>
  408 + </div>
  409 + <!-- 描述/说明 END -->
309 </div> 410 </div>
  411 + <!-- 表单分组组件 form-group END -->
310 </div> 412 </div>
  413 + <!-- 表单字段内容 END -->
  414 +
  415 + <!-- 表单按钮组件 START -->
311 <div class="form-actions"> 416 <div class="form-actions">
312 <div class="row"> 417 <div class="row">
313 <div class="col-md-offset-3 col-md-4"> 418 <div class="col-md-offset-3 col-md-4">
@@ -316,8 +421,16 @@ @@ -316,8 +421,16 @@
316 </div> 421 </div>
317 </div> 422 </div>
318 </div> 423 </div>
  424 + <!-- 表单按钮组件 END -->
  425 +
319 </form> 426 </form>
320 - <!-- END FORM--> 427 + <!-- line_add_form FORM END -->
  428 +
321 </div> 429 </div>
  430 + <!-- 表单组件 END -->
  431 +
322 </div> 432 </div>
  433 +<!-- 信息容器组件 END -->
  434 +
  435 +<!-- 线路信息添加片段JS模块 -->
323 <script src="/pages/base/line/js/line-add-form.js"></script> 436 <script src="/pages/base/line/js/line-add-form.js"></script>
324 \ No newline at end of file 437 \ No newline at end of file
src/main/resources/static/pages/base/line/details.html
  View file @ba2d5ca
  1 +<!-- 片段标题 START -->
1 <div class="page-head"> 2 <div class="page-head">
2 <div class="page-title"> 3 <div class="page-title">
3 <h1>线路详细信息</h1> 4 <h1>线路详细信息</h1>
4 </div> 5 </div>
5 </div> 6 </div>
  7 +<!-- 片段标题 START -->
6 8
  9 +<!-- 线路信息导航栏组件 START -->
7 <ul class="page-breadcrumb breadcrumb"> 10 <ul class="page-breadcrumb breadcrumb">
8 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li> 11 <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> 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li> 13 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li>
11 <li><span class="active">线路详情</span></li> 14 <li><span class="active">线路详情</span></li>
12 </ul> 15 </ul>
  16 +<!-- 线路信息导航栏组件 START -->
13 17
  18 +<!-- 信息容器组件 START -->
14 <div class="portlet light bordered"> 19 <div class="portlet light bordered">
  20 +
  21 + <!-- 信息容器组件标题 START -->
15 <div class="portlet-title"> 22 <div class="portlet-title">
16 <div class="caption"> 23 <div class="caption">
17 <i class="icon-equalizer font-red-sunglo"></i> 24 <i class="icon-equalizer font-red-sunglo"></i>
18 <span class="caption-subject font-red-sunglo bold uppercase">线路详情信息</span> 25 <span class="caption-subject font-red-sunglo bold uppercase">线路详情信息</span>
19 </div> 26 </div>
20 </div> 27 </div>
  28 + <!-- 信息容器组件标题 END -->
  29 +
  30 + <!-- 表单容器组件 START -->
21 <div class="portlet-body form" id="lineDetailsForm"> 31 <div class="portlet-body form" id="lineDetailsForm">
22 32
23 <!-- START FORM --> 33 <!-- START FORM -->
@@ -25,272 +35,376 @@ @@ -25,272 +35,376 @@
25 35
26 <!-- 表单内容 --> 36 <!-- 表单内容 -->
27 <div class="form-body"> 37 <div class="form-body">
28 -  
29 - <!-- 线路名称 --> 38 +
  39 + <!-- 表单分组组件 form-group START -->
30 <div class="form-group"> 40 <div class="form-group">
31 - <label class="control-label col-md-3">  
32 - <span class="required"> * </span>线路名称：  
33 - </label>  
34 - <div class="col-md-4">  
35 - <input type="text" class="form-control" name="name" id="nameInput" placeholder="线路名称" />  
36 - <span class="help-block"> 例如 ：浦东88路 </span>  
37 - </div>  
38 - </div>  
39 -  
40 - <!-- 英文名称 -->  
41 - <div class="form-group">  
42 - <label class="control-label col-md-3"> 英文名称： </label>  
43 - <div class="col-md-4">  
44 - <input type="text" class="form-control" name="es" id="esInput" placeholder="英文名称">  
45 - </div>  
46 - </div>  
47 -  
48 - <!-- 线路简称 -->  
49 - <div class="form-group">  
50 - <label class="control-label col-md-3"> 线路简称：</label>  
51 - <div class="col-md-4">  
52 - <input type="text" class="form-control" name="shortName" id="shortNameInput" placeholder="线路简称">  
53 - </div>  
54 - </div>  
55 -  
56 - <!-- 线路编码 -->  
57 - <div class="form-group">  
58 - <label class="control-label col-md-3">  
59 - <span class="required"> * </span>线路编码：  
60 - </label>  
61 - <div class="col-md-4">  
62 - <input type="text" class="form-control" name="lineCode" id="lineCodeInput" placeholder="线路编码">  
63 - </div>  
64 - </div>  
65 -  
66 - <!-- 所属公司 -->  
67 - <div class="form-group">  
68 - <label class="control-label col-md-3"> 所属公司：</label>  
69 - <div class="col-md-4">  
70 - <select name="company" class="form-control" id="companySelect"></select>  
71 - </div>  
72 - </div>  
73 -  
74 - <!-- 所属分公司 -->  
75 - <!-- <div class="form-group">  
76 - <label class="control-label col-md-3"> 所属分公司：</label>  
77 - <div class="col-md-4">  
78 - <select name="brancheCompany" class="form-control" id="brancheCompanySelect"></select>  
79 - </div>  
80 - </div> -->  
81 -  
82 - <!-- 线路性质 -->  
83 - <div class="form-group">  
84 - <label class="control-label col-md-3"> 线路性质：</label>  
85 - <div class="col-md-4">  
86 - <select name="nature" class="form-control" id="natureSelect">  
87 - <option value="">-- 请选择线路性质 --</option>  
88 - <option value="lj">路救</option>  
89 - <option value="bc">备车</option>  
90 - <option value="dbc">定班车</option>  
91 - <option value="yxl">夜宵路</option>  
92 - <option value="cgxl">常规线路</option>  
93 - <option value="gjxl">过江线路</option>  
94 - <option value="csbs">穿梭巴士</option>  
95 - <option value="tyxl">特约线路</option>  
96 - <option value="cctxl">村村通线路</option>  
97 - <option value="qt">其他</option>  
98 - </select>  
99 - </div>  
100 - </div>  
101 -  
102 - <!-- 线路等级 -->  
103 - <div class="form-group">  
104 - <label class="control-label col-md-3"> 线路等级：</label>  
105 - <div class="col-md-4">  
106 - <select name="level" class="form-control" id="levelSelect">  
107 - <option value="">-- 请选择线路等级 --</option>  
108 - <option value="1">一级线路</option>  
109 - <option value="2">二级线路</option>  
110 - <option value="0">未知等级</option>  
111 - </select>  
112 - </div>  
113 - </div>  
114 -  
115 - <!-- 是否撤销 -->  
116 - <div class="form-group">  
117 - <label class="control-label col-md-3">是否撤销：</label>  
118 - <div class="col-md-4">  
119 - <div class="md-radio-inline">  
120 - <div class="md-radio">  
121 - <input type="radio" id="radio14" name="destroy" data-title="是" class="md-radiobtn" value="1" >  
122 - <label for="radio14">  
123 - <span></span>  
124 - <span class="check"></span>  
125 - <span class="box"></span> 是  
126 - </label>  
127 - </div>  
128 - <div class="md-radio has-error">  
129 - <input type="radio" id="radio15" name="destroy" class="md-radiobtn" data-title="否" value="0">  
130 - <label for="radio15" style="color:#FFC0CB">  
131 - <span></span>  
132 - <span class="check"></span>  
133 - <span class="box"></span> 否  
134 - </label>  
135 - </div>  
136 - </div>  
137 - </div>  
138 - </div>  
139 -  
140 - <!-- 是否宵夜 -->  
141 - <div class="form-group">  
142 - <label class="control-label col-md-3">是否宵夜：</label>  
143 - <div class="col-md-4">  
144 - <div class="md-radio-inline">  
145 - <div class="md-radio">  
146 - <input type="radio" id="radio16" name="supperLine" class="md-radiobtn" data-title="是" value="1">  
147 - <label for="radio16">  
148 - <span></span>  
149 - <span class="check"></span>  
150 - <span class="box"></span> 是  
151 - </label>  
152 - </div>  
153 - <div class="md-radio has-error">  
154 - <input type="radio" id="radio17" name="supperLine" class="md-radiobtn" data-title="否" value="0">  
155 - <label for="radio17" style="color:#FFC0CB">  
156 - <span></span>  
157 - <span class="check"></span>  
158 - <span class="box"></span> 否  
159 - </label>  
160 - </div>  
161 - </div>  
162 - </div>  
163 - </div>  
164 -  
165 - <!-- 开辟日期 -->  
166 - <div class="form-group">  
167 - <label class="control-label col-md-3"> 开辟日期： </label>  
168 - <div class="col-md-4">  
169 - <input type="text" class="form-control" name="openDate" id="openDateInput" placeholder="开辟日期">  
170 - </div>  
171 - </div>  
172 -  
173 - <!-- 线路沿革 -->  
174 - <div class="form-group">  
175 - <label class="control-label col-md-3"> 线路沿革： </label>  
176 - <div class="col-md-4">  
177 - <textarea class="form-control" rows="3" name="history" id="historyTextarea" placeholder="线路沿革"></textarea>  
178 - <span class="help-block">日期及内容：如2014-1-1，开辟；2014-5-1，延线；</span>  
179 - </div>  
180 - </div>  
181 -  
182 - <!-- 设备线路编码 -->  
183 - <div class="form-group">  
184 - <label class="control-label col-md-3"> 设备线路编码： </label>  
185 - <div class="col-md-4">  
186 - <input type="text" class="form-control" name="eqLinecode" id="eqLinecodeInput" placeholder="设备线路编码">  
187 - </div> 41 + <!-- 线路编码 (* 必填项) START -->
  42 + <div class="col-md-6">
  43 + <label class="control-label col-md-5">
  44 + <span class="required"> * </span>线路编码：
  45 + </label>
  46 + <div class="col-md-4">
  47 + <input type="text" class="form-control" name="lineCode" id="lineCodeInput" placeholder="线路编码">
  48 + </div>
  49 + </div>
  50 + <!-- 线路编码 (* 必填项) END -->
  51 +
  52 + <!-- 线路名称 (* 必填项) START -->
  53 + <div class="col-md-6">
  54 + <label class="control-label col-md-5">
  55 + <span class="required"> * </span>线路名称：
  56 + </label>
  57 + <div class="col-md-4">
  58 + <input type="text" class="form-control" name="name" id="nameInput" placeholder="线路名称" />
  59 + <span class="help-block"> 例如 ：浦东88路 </span>
  60 + </div>
  61 + </div>
  62 + <!-- 线路名称 (* 必填项) END -->
188 </div> 63 </div>
  64 + <!-- 表单分组组件 form-group END -->
189 65
190 - <!-- 上海市线路编码 --> 66 + <!-- 表单分组组件 form-group START -->
191 <div class="form-group"> 67 <div class="form-group">
192 - <label class="control-label col-md-3"> 上海市线路编码： </label>  
193 - <div class="col-md-4">  
194 - <input type="text" class="form-control" name="shanghaiLinecode" id="shanghaiLinecodeInput" placeholder="上海市线路编码">  
195 - </div> 68 + <!-- 线路简称 START -->
  69 + <div class="col-md-6">
  70 + <label class="control-label col-md-5"> 线路简称：</label>
  71 + <div class="col-md-4">
  72 + <input type="text" class="form-control" name="shortName" id="shortNameInput" placeholder="线路简称">
  73 + </div>
  74 + </div>
  75 + <!-- 线路简称 END -->
  76 +
  77 + <!-- 英文名称 START -->
  78 + <div class="col-md-6">
  79 + <label class="control-label col-md-5"> 英文名称： </label>
  80 + <div class="col-md-4">
  81 + <input type="text" class="form-control" name="es" id="esInput" placeholder="英文名称">
  82 + </div>
  83 + </div>
  84 + <!-- 英文名称 END -->
196 </div> 85 </div>
  86 + <!-- 表单分组组件 form-group END -->
197 87
198 - <!-- 起始站调度电话 --> 88 + <!-- 表单分组组件 form-group START -->
199 <div class="form-group"> 89 <div class="form-group">
200 - <label class="control-label col-md-3"> 起始站调度电话： </label>  
201 - <div class="col-md-4">  
202 - <input type="text" class="form-control" name="startPhone" id="startPhoneInput" placeholder="起始站调度电话">  
203 - </div> 90 + <!-- 线路等级 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  91 + <div class="col-md-6">
  92 + <label class="control-label col-md-5"> 线路等级：</label>
  93 + <div class="col-md-4">
  94 + <select name="level" class="form-control" id="levelSelect">
  95 + <option value="">-- 请选择线路等级 --</option>
  96 + <option value="1">一级线路</option>
  97 + <option value="2">二级线路</option>
  98 + <option value="0">未知等级</option>
  99 + </select>
  100 + </div>
  101 + </div>
  102 + <!-- 线路等级 END -->
  103 +
  104 + <!-- 线路性质 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  105 + <div class="col-md-6">
  106 + <label class="control-label col-md-5"> 线路性质：</label>
  107 + <div class="col-md-4">
  108 + <select name="nature" class="form-control" id="natureSelect">
  109 + <option value="">-- 请选择线路性质 --</option>
  110 + <option value="lj">路救</option>
  111 + <option value="bc">备车</option>
  112 + <option value="dbc">定班车</option>
  113 + <option value="yxl">夜宵路</option>
  114 + <option value="cgxl">常规线路</option>
  115 + <option value="gjxl">过江线路</option>
  116 + <option value="csbs">穿梭巴士</option>
  117 + <option value="tyxl">特约线路</option>
  118 + <option value="cctxl">村村通线路</option>
  119 + <option value="qt">其他</option>
  120 + </select>
  121 + </div>
  122 + </div>
  123 + <!-- 线路性质 END -->
204 </div> 124 </div>
  125 + <!-- 表单分组组件 form-group END -->
205 126
206 - <!-- 终点站调度电话 --> 127 + <!-- 表单分组组件 form-group START -->
207 <div class="form-group"> 128 <div class="form-group">
208 - <label class="control-label col-md-3"> 终点站调度电话： </label>  
209 - <div class="col-md-4">  
210 - <input type="text" class="form-control" name="endPhone" id="startPhoneInput" placeholder="终点站调度电话">  
211 - </div>  
212 - </div>  
213 - <!-- 起始站名称 -->  
214 - <div class="form-group">  
215 - <label class="control-label col-md-3"> 起始站名称： </label>  
216 - <div class="col-md-4">  
217 - <input type="text" class="form-control" name="startStationName" id="startStationNameInput" placeholder="起始站名称">  
218 - </div>  
219 - </div>  
220 -  
221 - <!-- 起始站首班车时间 -->  
222 - <div class="form-group">  
223 - <label class="control-label col-md-3"> 起始站首班车时间： </label>  
224 - <div class="col-md-4">  
225 - <input type="text" class="form-control" name="startStationFirstTime" id="startStationFirstTimeInput" placeholder="起始站首班车时间">  
226 - </div> 129 + <!-- 所属公司 START 在片段线路添加JS模块里初始化select(options值查询的公司表) -->
  130 + <div class="col-md-6">
  131 + <label class="control-label col-md-5"> 所属公司：</label>
  132 + <div class="col-md-4">
  133 + <select name="company" class="form-control" id="companySelect"></select>
  134 + </div>
  135 + </div>
  136 + <!-- 所属公司 END -->
  137 +
  138 + <!-- 所属分公司 START 在片段线路添加JS模块里初始化select(options值查询的公司表) -->
  139 + <div class="col-md-6">
  140 + <label class="control-label col-md-5"> 所属公司：</label>
  141 + <div class="col-md-4">
  142 + <select name="brancheCompany" class="form-control" id="brancheCompanySelect"></select>
  143 + </div>
  144 + </div>
  145 + <!-- 所属分公司 END -->
227 </div> 146 </div>
  147 + <!-- 表单分组组件 form-group END -->
228 148
229 - <!-- 起始站末班车时间 --> 149 + <!-- 表单分组组件 form-group START -->
230 <div class="form-group"> 150 <div class="form-group">
231 - <label class="control-label col-md-3"> 起始站末班车时间： </label>  
232 - <div class="col-md-4">  
233 - <input type="text" class="form-control" name="startStationEndTime" id="StartStationEndTimeInput" placeholder="起始站末班车时间 ">  
234 - </div> 151 + <!-- 线路规划类型 (* 必填项) START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  152 + <div class="col-md-6">
  153 + <label class="control-label col-md-5"><span class="required"> * </span> 线路规划类型：</label>
  154 + <div class="col-md-4">
  155 + <select name="linePlayType" class="form-control" id="linePlayTypeSelect">
  156 + <option value="">-- 请选择线路类型 --</option>
  157 + <option value="0">双向</option>
  158 + <option value="1">环线</option>
  159 + </select>
  160 + </div>
  161 + </div>
  162 + <!-- 线路规划类型 (* 必填项) END -->
  163 +
  164 + <!-- 开辟日期 START　-->
  165 + <div class="col-md-6">
  166 + <label class="control-label col-md-5"> 开辟日期： </label>
  167 + <div class="col-md-4">
  168 + <input type="text" class="form-control" name="openDate" id="openDateInput" placeholder="开辟日期">
  169 + </div>
  170 + </div>
  171 + <!-- 开辟日期 END　-->
235 </div> 172 </div>
  173 + <!-- 表单分组组件 form-group START -->
236 174
237 -  
238 - <!-- 终点站名称 --> 175 + <!-- 表单分组组件 form-group START -->
239 <div class="form-group"> 176 <div class="form-group">
240 - <label class="control-label col-md-3"> 终点站名称： </label>  
241 - <div class="col-md-4">  
242 - <input type="text" class="form-control" name="endStationName" id="endStationNameInput" placeholder="终点站名称">  
243 - </div> 177 + <!-- 是否宵夜 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  178 + <div class="col-md-6">
  179 + <label class="control-label col-md-5">是否宵夜：</label>
  180 + <div class="col-md-4">
  181 + <div class="md-radio-inline">
  182 + <div class="md-radio">
  183 + <input type="radio" id="radio16" name="supperLine" class="md-radiobtn" value="1" data-title="是" >
  184 + <label for="radio16">
  185 + <span></span>
  186 + <span class="check"></span>
  187 + <span class="box"></span> 是
  188 + </label>
  189 + </div>
  190 + <div class="md-radio has-error">
  191 + <input type="radio" id="radio17" name="supperLine" class="md-radiobtn" value="0" data-title="否" checked="checked">
  192 + <label for="radio17" style="color:#FFC0CB">
  193 + <span></span>
  194 + <span class="check"></span>
  195 + <span class="box"></span> 否
  196 + </label>
  197 + </div>
  198 + </div>
  199 + </div>
  200 + </div>
  201 + <!-- 是否宵夜 END -->
  202 +
  203 + <!-- 是否撤销 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  204 + <div class="col-md-6">
  205 + <label class="control-label col-md-5">是否撤销：</label>
  206 + <div class="col-md-4">
  207 + <div class="md-radio-inline">
  208 + <div class="md-radio">
  209 + <input type="radio" id="radio14" name="destroy" data-title="是" class="md-radiobtn" value="1" >
  210 + <label for="radio14">
  211 + <span></span>
  212 + <span class="check"></span>
  213 + <span class="box"></span> 是
  214 + </label>
  215 + </div>
  216 + <div class="md-radio has-error">
  217 + <input type="radio" id="radio15" name="destroy" class="md-radiobtn" data-title="否" value="0" checked="checked">
  218 + <label for="radio15" style="color:#FFC0CB">
  219 + <span></span>
  220 + <span class="check"></span>
  221 + <span class="box"></span> 否
  222 + </label>
  223 + </div>
  224 + </div>
  225 + </div>
  226 + </div>
  227 + <!-- 是否撤销 START -->
244 </div> 228 </div>
  229 + <!-- 表单分组组件 form-group END -->
245 230
246 - <!-- 终点站首班时间 --> 231 + <!-- 表单分组组件 form-group START -->
247 <div class="form-group"> 232 <div class="form-group">
248 - <label class="control-label col-md-3"> 终点站首班车时间： </label>  
249 - <div class="col-md-4">  
250 - <input type="text" class="form-control" name="endStationFirstTime" id="endStationFirstTimeInput" placeholder="终点站首班车时间">  
251 - </div> 233 + <!-- 起始站名称 START (该字段值会在规划线路站点操作时会去验证是否有值。如果为空，则用线路规划站点的起点站。默认使用该字段填写值) -->
  234 + <div class="col-md-6">
  235 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站名称： </label>
  236 + <div class="col-md-4">
  237 + <input type="text" class="form-control" name="startStationName" id="startStationNameInput" placeholder="起始站名称">
  238 + <span class="help-block"> 说明 ：上行起始站名称 </span>
  239 + </div>
  240 + </div>
  241 + <!-- 起始站名称 END -->
  242 +
  243 + <!-- 终点站名称 START (该字段值会在规划线路站点操作时会去验证是否有值。如果为空，则用线路规划站点的终点站。默认使用该字段填写值) -->
  244 + <div class="col-md-6">
  245 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站名称： </label>
  246 + <div class="col-md-4">
  247 + <input type="text" class="form-control" name="endStationName" id="endStationNameInput" placeholder="终点站名称">
  248 + <span class="help-block"> 说明 ：上行终点站名称 </span>
  249 + </div>
  250 + </div>
  251 + <!-- 终点站名称 END -->
252 </div> 252 </div>
  253 + <!-- 表单分组组件 form-group END -->
253 254
254 - <!-- 终点站末班时间 --> 255 + <!-- 表单分组组件 form-group START -->
255 <div class="form-group"> 256 <div class="form-group">
256 - <label class="control-label col-md-3"> 终点站末班车时间： </label>  
257 - <div class="col-md-4">  
258 - <input type="text" class="form-control" name="endStationEndTime" id="endStationEndTimeInput" placeholder="终点站末班车时间 ">  
259 - </div> 257 + <!-- 起始站首班车时间 (* 必填项) START -->
  258 + <div class="col-md-6">
  259 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站首班时间： </label>
  260 + <div class="col-md-4">
  261 + <input type="text" class="form-control" name="startStationFirstTime" id="startStationFirstTimeInput" placeholder="起始站首班车时间">
  262 + <span class="help-block"> 例如 ：06:00 </span>
  263 + </div>
  264 + </div>
  265 + <!-- 起始站首班车时间 END -->
  266 +
  267 + <!-- 起始站末班车时间 (* 必填项) START -->
  268 + <div class="col-md-6">
  269 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站末班时间： </label>
  270 + <div class="col-md-4">
  271 + <!-- <input type="text" class="form-control" name="StartStationEndTime" id="StartStationEndTimeInput" placeholder="起始站末班车时间 "> -->
  272 + <input type="text" class="form-control" name="startStationEndTime" id="endTimeInput" placeholder="起始站末班车时间">
  273 + <span class="help-block"> 例如 ：17:00 </span>
  274 + </div>
  275 + </div>
  276 + <!-- 起始站末班车时间 END -->
260 </div> 277 </div>
  278 + <!-- 表单分组组件 form-group END -->
261 279
262 - <!-- 车辆总数 --> 280 + <!-- 表单分组组件 form-group START -->
263 <div class="form-group"> 281 <div class="form-group">
264 - <label class="control-label col-md-3"> 车辆总数： </label>  
265 - <div class="col-md-4">  
266 - <input type="text" class="form-control" name="carSumNumber" id="carSumNumberInput" placeholder="车辆总数">  
267 - </div> 282 + <!-- 终点站首班车时间 (* 必填项) START -->
  283 + <div class="col-md-6">
  284 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站首班时间： </label>
  285 + <div class="col-md-4">
  286 + <input type="text" class="form-control" name="endStationFirstTime" id="endStationFirstTimeInput" placeholder="终点站首班车时间">
  287 + <span class="help-block"> 例如 ：05:00 </span>
  288 + </div>
  289 + </div>
  290 + <!-- 终点站首班车时间 END -->
  291 +
  292 + <!-- 终点站末班车时间 (* 必填项) START -->
  293 + <div class="col-md-6">
  294 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站末班时间： </label>
  295 + <div class="col-md-4">
  296 + <input type="text" class="form-control" name="endStationEndTime" id="endStationEndTimeInput" placeholder="终点站末班车时间 ">
  297 + <span class="help-block"> 例如 ：18:00 </span>
  298 + </div>
  299 + </div>
  300 + <!-- 终点站末班车时间 END -->
  301 + </div>
  302 + <!-- 表单分组组件 form-group END -->
  303 +
  304 + <!-- 表单分组组件 form-group START -->
  305 + <div class="form-group">
  306 + <!-- 上海市线路编码 START -->
  307 + <div class="col-md-6">
  308 + <label class="control-label col-md-5"> 上海市线路编码： </label>
  309 + <div class="col-md-4">
  310 + <input type="text" class="form-control" name="shanghaiLinecode" id="shanghaiLinecodeInput" placeholder="上海市线路编码">
  311 + </div>
  312 + </div>
  313 + <!-- 上海市线路编码 END -->
  314 +
  315 + <!--设备线路编码 START -->
  316 + <div class="col-md-6">
  317 + <label class="control-label col-md-5"> 设备线路编码： </label>
  318 + <div class="col-md-4">
  319 + <input type="text" class="form-control" name="eqLinecode" id="eqLinecodeInput" placeholder="设备线路编码">
  320 + </div>
  321 + </div>
  322 + <!--设备线路编码 END -->
  323 + </div>
  324 + <!-- 表单分组组件 form-group END -->
  325 +
  326 + <!-- 表单分组组件 form-group START -->
  327 + <div class="form-group">
  328 + <!-- 起始站调度电话 START -->
  329 + <div class="col-md-6">
  330 + <label class="control-label col-md-5"> 起始站调度电话： </label>
  331 + <div class="col-md-4">
  332 + <input type="text" class="form-control" name="startPhone" id="startPhoneInput" placeholder="起始站调度电话">
  333 + </div>
  334 + </div>
  335 + <!-- 起始站调度电话 END -->
  336 +
  337 + <!-- 终点站调度电话 START -->
  338 + <div class="col-md-6">
  339 + <label class="control-label col-md-5"> 终点站调度电话： </label>
  340 + <div class="col-md-4">
  341 + <input type="text" class="form-control" name="endPhone" id="startPhoneInput" placeholder="终点站调度电话">
  342 + </div>
  343 + </div>
  344 + <!-- 终点站调度电话 START -->
  345 + </div>
  346 + <!-- 表单分组组件 form-group END -->
  347 +
  348 + <!-- 表单分组组件 form-group START -->
  349 + <div class="form-group">
  350 + <!-- 车辆总数 START -->
  351 + <div class="col-md-6">
  352 + <label class="control-label col-md-5"> 车辆总数： </label>
  353 + <div class="col-md-4">
  354 + <input type="text" class="form-control" name="carSumNumber" id="carSumNumberInput" placeholder="车辆总数">
  355 + </div>
  356 + </div>
  357 + <!-- 车辆总数 END -->
  358 +
  359 + <!-- 普通车辆数 START -->
  360 + <div class="col-md-6">
  361 + <label class="control-label col-md-5"> 普通车辆数： </label>
  362 + <div class="col-md-4">
  363 + <input type="text" class="form-control" name="ordCarNumber" id="ordCarNumberInput" placeholder="普通车辆数">
  364 + </div>
  365 + </div>
  366 + <!-- 普通车辆数 END -->
268 </div> 367 </div>
  368 + <!-- 表单分组组件 form-group END -->
269 369
270 - <!-- 空调车辆数 --> 370 + <!-- 表单分组组件 form-group START -->
271 <div class="form-group"> 371 <div class="form-group">
272 - <label class="control-label col-md-3"> 空调车辆数： </label>  
273 - <div class="col-md-4">  
274 - <input type="text" class="form-control" name="hvacCarNumber" id="hvacCarNumberInput" placeholder="空调车辆数">  
275 - </div> 372 + <!-- 空调车辆数 START -->
  373 + <div class="col-md-6">
  374 + <label class="control-label col-md-5"> 空调车辆数： </label>
  375 + <div class="col-md-4">
  376 + <input type="text" class="form-control" name="hvacCarNumber" id="hvacCarNumberInput" placeholder="空调车辆数">
  377 + </div>
  378 + </div>
  379 + <!-- 空调车辆数 END -->
276 </div> 380 </div>
  381 + <!-- 表单分组组件 form-group END -->
277 382
278 - <!-- 普通车辆数 -->  
279 - <div class="form-group">  
280 - <label class="control-label col-md-3"> 普通车辆数： </label>  
281 - <div class="col-md-4">  
282 - <input type="text" class="form-control" name="ordCarNumber" id="ordCarNumberInput" placeholder="普通车辆数">  
283 - </div>  
284 - </div>  
285 -  
286 - <!-- 描述/说明 --> 383 + <!-- 表单分组组件 form-group START -->
287 <div class="form-group"> 384 <div class="form-group">
288 - <label class="control-label col-md-3"> 描述/说明： </label>  
289 - <div class="col-md-4">  
290 - <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>  
291 - </div> 385 + <!-- 线路沿革 START -->
  386 + <div class="col-md-6">
  387 + <label class="control-label col-md-5"> 线路沿革： </label>
  388 + <div class="col-md-4">
  389 + <textarea class="form-control" rows="3" name="history" id="historyTextarea" placeholder="线路沿革"></textarea>
  390 + <span class="help-block">日期及内容：如2014-1-1，开辟；2014-5-1，延线；</span>
  391 + </div>
  392 + </div>
  393 + <!-- 线路沿革 END -->
  394 +
  395 + <!-- 描述/说明 START -->
  396 + <div class="col-md-6">
  397 + <label class="control-label col-md-5"> 描述/说明： </label>
  398 + <div class="col-md-4">
  399 + <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>
  400 + </div>
  401 + </div>
  402 + <!-- 描述/说明 END -->
292 </div> 403 </div>
  404 + <!-- 表单分组组件 form-group END -->
293 </div> 405 </div>
  406 +
  407 + <!-- 表单按钮组件 START -->
294 <div class="form-actions"> 408 <div class="form-actions">
295 <div class="row"> 409 <div class="row">
296 <div class="col-md-offset-3 col-md-4"> 410 <div class="col-md-offset-3 col-md-4">
@@ -298,9 +412,16 @@ @@ -298,9 +412,16 @@
298 </div> 412 </div>
299 </div> 413 </div>
300 </div> 414 </div>
  415 + <!-- 表单按钮组件 END -->
  416 +
301 </form> 417 </form>
302 <!-- END FORM--> 418 <!-- END FORM-->
303 419
304 </div> 420 </div>
  421 + <!-- 表单组件 END -->
  422 +
305 </div> 423 </div>
  424 +<!-- 信息容器组件 END -->
  425 +
  426 +<!-- 线路信息详情片段JS模块 -->
306 <script type="text/javascript" src="/pages/base/line/js/line-details-info.js"></script> 427 <script type="text/javascript" src="/pages/base/line/js/line-details-info.js"></script>
307 \ No newline at end of file 428 \ No newline at end of file
src/main/resources/static/pages/base/line/edit.html
  View file @ba2d5ca
  1 +<!-- 片段标题 START -->
1 <div class="page-head"> 2 <div class="page-head">
2 <div class="page-title"> 3 <div class="page-title">
3 <h1>修改线路信息</h1> 4 <h1>修改线路信息</h1>
4 </div> 5 </div>
5 </div> 6 </div>
  7 +<!-- 片段标题 END -->
6 8
  9 +<!-- 线路信息导航栏组件 START -->
7 <ul class="page-breadcrumb breadcrumb"> 10 <ul class="page-breadcrumb breadcrumb">
8 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li> 11 <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> 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li> 13 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li>
11 <li><span class="active">修改线路信息</span></li> 14 <li><span class="active">修改线路信息</span></li>
12 </ul> 15 </ul>
  16 +<!-- 线路信息导航栏组件 END -->
13 17
  18 +<!-- 信息容器组件 START -->
14 <div class="portlet light bordered"> 19 <div class="portlet light bordered">
  20 +
  21 + <!-- 信息容器组件标题 START -->
15 <div class="portlet-title"> 22 <div class="portlet-title">
16 <div class="caption"> 23 <div class="caption">
17 <i class="icon-equalizer font-red-sunglo"></i> 24 <i class="icon-equalizer font-red-sunglo"></i>
18 <span class="caption-subject font-red-sunglo bold uppercase">修改线路信息</span> 25 <span class="caption-subject font-red-sunglo bold uppercase">修改线路信息</span>
19 </div> 26 </div>
20 </div> 27 </div>
  28 + <!-- 信息容器组件标题 END -->
  29 +
  30 + <!-- 表单容器组件 START -->
21 <div class="portlet-body form" id="lineEditForm"> 31 <div class="portlet-body form" id="lineEditForm">
22 32
23 <!-- START FORM --> 33 <!-- START FORM -->
24 <form action="/" class="form-horizontal" id="line_edit_form" > 34 <form action="/" class="form-horizontal" id="line_edit_form" >
25 35
26 - <!-- 错误提示 --> 36 + <!-- 错误提示信息组件 START -->
27 <div class="alert alert-danger display-hide"> 37 <div class="alert alert-danger display-hide">
28 <button class="close" data-close="alert"></button> 38 <button class="close" data-close="alert"></button>
29 您的输入有误，请检查下面的输入项 39 您的输入有误，请检查下面的输入项
30 </div> 40 </div>
  41 + <!-- 错误提示信息组件 END -->
31 42
32 - <!-- 表单内容 --> 43 + <!-- 表单内容 START -->
33 <div class="form-body"> 44 <div class="form-body">
34 - 45 +
35 <input type="hidden" name="id" id="lineId"> 46 <input type="hidden" name="id" id="lineId">
36 47
37 - <!-- 线路名称 --> 48 + <!-- 表单分组组件 form-group START -->
38 <div class="form-group"> 49 <div class="form-group">
39 - <label class="control-label col-md-3">  
40 - <span class="required"> * </span>线路名称：  
41 - </label>  
42 - <div class="col-md-4">  
43 - <input type="text" class="form-control" name="name" id="nameInput" placeholder="线路名称" />  
44 - <span class="help-block"> 例如 ：浦东88路 </span>  
45 - </div>  
46 - </div>  
47 -  
48 - <!-- 英文名称 -->  
49 - <div class="form-group">  
50 - <label class="control-label col-md-3"> 英文名称： </label>  
51 - <div class="col-md-4">  
52 - <input type="text" class="form-control" name="es" id="esInput" placeholder="英文名称">  
53 - </div>  
54 - </div>  
55 -  
56 - <!-- 线路简称 -->  
57 - <div class="form-group">  
58 - <label class="control-label col-md-3"> 线路简称：</label>  
59 - <div class="col-md-4">  
60 - <input type="text" class="form-control" name="shortName" id="shortNameInput" placeholder="线路简称">  
61 - </div>  
62 - </div>  
63 -  
64 - <!-- 线路编码 -->  
65 - <div class="form-group">  
66 - <label class="control-label col-md-3">  
67 - <span class="required"> * </span>线路编码：  
68 - </label>  
69 - <div class="col-md-4">  
70 - <input type="text" class="form-control" name="lineCode" id="lineCodeInput" placeholder="线路编码">  
71 - </div>  
72 - </div>  
73 -  
74 - <!-- 所属公司 -->  
75 - <div class="form-group">  
76 - <label class="control-label col-md-3"> 所属公司：</label>  
77 - <div class="col-md-4">  
78 - <select name="company" class="form-control" id="companySelect"></select>  
79 - </div>  
80 - </div>  
81 -  
82 - <!-- 所属分公司 -->  
83 - <!-- <div class="form-group">  
84 - <label class="control-label col-md-3"> 所属分公司：</label>  
85 - <div class="col-md-4">  
86 - <select name="brancheCompany" class="form-control" id="brancheCompanySelect"></select>  
87 - </div>  
88 - </div> -->  
89 -  
90 - <!-- 线路性质 -->  
91 - <div class="form-group">  
92 - <label class="control-label col-md-3"> 线路性质：</label>  
93 - <div class="col-md-4">  
94 - <select name="nature" class="form-control" id="natureSelect">  
95 - <option value="">-- 请选择线路性质 --</option>  
96 - <option value="lj">路救</option>  
97 - <option value="bc">备车</option>  
98 - <option value="dbc">定班车</option>  
99 - <option value="yxl">夜宵路</option>  
100 - <option value="cgxl">常规线路</option>  
101 - <option value="gjxl">过江线路</option>  
102 - <option value="csbs">穿梭巴士</option>  
103 - <option value="tyxl">特约线路</option>  
104 - <option value="cctxl">村村通线路</option>  
105 - <option value="qt">其他</option>  
106 - </select>  
107 - </div>  
108 - </div>  
109 -  
110 - <!-- 线路等级 -->  
111 - <div class="form-group">  
112 - <label class="control-label col-md-3"> 线路等级：</label>  
113 - <div class="col-md-4">  
114 - <select name="level" class="form-control" id="levelSelect">  
115 - <option value="">-- 请选择线路等级 --</option>  
116 - <option value="1">一级线路</option>  
117 - <option value="2">二级线路</option>  
118 - <option value="0">未知等级</option>  
119 - </select>  
120 - </div>  
121 - </div>  
122 -  
123 - <!-- 是否撤销 -->  
124 - <div class="form-group">  
125 - <label class="control-label col-md-3">是否撤销：</label>  
126 - <div class="col-md-4">  
127 - <div class="md-radio-inline">  
128 - <div class="md-radio">  
129 - <input type="radio" id="radio14" name="destroy" data-title="是" class="md-radiobtn" value="1" >  
130 - <label for="radio14">  
131 - <span></span>  
132 - <span class="check"></span>  
133 - <span class="box"></span> 是  
134 - </label>  
135 - </div>  
136 - <div class="md-radio has-error">  
137 - <input type="radio" id="radio15" name="destroy" class="md-radiobtn" data-title="否" value="0">  
138 - <label for="radio15" style="color:#FFC0CB">  
139 - <span></span>  
140 - <span class="check"></span>  
141 - <span class="box"></span> 否  
142 - </label>  
143 - </div>  
144 - </div>  
145 - </div>  
146 - </div>  
147 -  
148 - <!-- 是否宵夜 -->  
149 - <div class="form-group">  
150 - <label class="control-label col-md-3">是否宵夜：</label>  
151 - <div class="col-md-4">  
152 - <div class="md-radio-inline">  
153 - <div class="md-radio">  
154 - <input type="radio" id="radio16" name="supperLine" class="md-radiobtn" data-title="是" value="1">  
155 - <label for="radio16">  
156 - <span></span>  
157 - <span class="check"></span>  
158 - <span class="box"></span> 是  
159 - </label>  
160 - </div>  
161 - <div class="md-radio has-error">  
162 - <input type="radio" id="radio17" name="supperLine" class="md-radiobtn" data-title="否" value="0">  
163 - <label for="radio17" style="color:#FFC0CB">  
164 - <span></span>  
165 - <span class="check"></span>  
166 - <span class="box"></span> 否  
167 - </label>  
168 - </div>  
169 - </div>  
170 - </div>  
171 - </div>  
172 -  
173 - <!-- 开辟日期 -->  
174 - <div class="form-group">  
175 - <label class="control-label col-md-3"> 开辟日期： </label>  
176 - <div class="col-md-4">  
177 - <input type="text" class="form-control" name="openDate" id="openDateInput" placeholder="开辟日期">  
178 - </div>  
179 - </div>  
180 -  
181 - <!-- 线路沿革 -->  
182 - <div class="form-group">  
183 - <label class="control-label col-md-3"> 线路沿革： </label>  
184 - <div class="col-md-4">  
185 - <textarea class="form-control" rows="3" name="history" id="historyTextarea" placeholder="线路沿革"></textarea>  
186 - <span class="help-block">日期及内容：如2014-1-1，开辟；2014-5-1，延线；</span>  
187 - </div>  
188 - </div>  
189 -  
190 - <!-- 设备线路编码 -->  
191 - <div class="form-group">  
192 - <label class="control-label col-md-3"> 设备线路编码： </label>  
193 - <div class="col-md-4">  
194 - <input type="text" class="form-control" name="eqLinecode" id="eqLinecodeInput" placeholder="设备线路编码">  
195 - </div>  
196 - </div>  
197 -  
198 - <!-- 上海市线路编码 -->  
199 - <div class="form-group">  
200 - <label class="control-label col-md-3"> 上海市线路编码： </label>  
201 - <div class="col-md-4">  
202 - <input type="text" class="form-control" name="shanghaiLinecode" id="shanghaiLinecodeInput" placeholder="上海市线路编码">  
203 - </div>  
204 - </div>  
205 -  
206 - <!-- 起始站调度电话 -->  
207 - <div class="form-group">  
208 - <label class="control-label col-md-3"> 起始站调度电话： </label>  
209 - <div class="col-md-4">  
210 - <input type="text" class="form-control" name="startPhone" id="startPhoneInput" placeholder="起始站调度电话">  
211 - </div> 50 + <!-- 线路编码 (* 必填项) START -->
  51 + <div class="col-md-6">
  52 + <label class="control-label col-md-5">
  53 + <span class="required"> * </span>线路编码：
  54 + </label>
  55 + <div class="col-md-4">
  56 + <input type="text" class="form-control" name="lineCode" id="lineCodeInput" placeholder="线路编码">
  57 + </div>
  58 + </div>
  59 + <!-- 线路编码 (* 必填项) END -->
  60 +
  61 + <!-- 线路名称 (* 必填项) START -->
  62 + <div class="col-md-6">
  63 + <label class="control-label col-md-5">
  64 + <span class="required"> * </span>线路名称：
  65 + </label>
  66 + <div class="col-md-4">
  67 + <input type="text" class="form-control" name="name" id="nameInput" placeholder="线路名称" />
  68 + <span class="help-block"> 例如 ：浦东88路 </span>
  69 + </div>
  70 + </div>
  71 + <!-- 线路名称 (* 必填项) END -->
212 </div> 72 </div>
  73 + <!-- 表单分组组件 form-group END -->
213 74
214 - <!-- 终点站调度电话 --> 75 + <!-- 表单分组组件 form-group START -->
215 <div class="form-group"> 76 <div class="form-group">
216 - <label class="control-label col-md-3"> 终点站调度电话： </label>  
217 - <div class="col-md-4">  
218 - <input type="text" class="form-control" name="endPhone" id="startPhoneInput" placeholder="终点站调度电话">  
219 - </div> 77 + <!-- 线路简称 START -->
  78 + <div class="col-md-6">
  79 + <label class="control-label col-md-5"> 线路简称：</label>
  80 + <div class="col-md-4">
  81 + <input type="text" class="form-control" name="shortName" id="shortNameInput" placeholder="线路简称">
  82 + </div>
  83 + </div>
  84 + <!-- 线路简称 END -->
  85 +
  86 + <!-- 英文名称 START -->
  87 + <div class="col-md-6">
  88 + <label class="control-label col-md-5"> 英文名称： </label>
  89 + <div class="col-md-4">
  90 + <input type="text" class="form-control" name="es" id="esInput" placeholder="英文名称">
  91 + </div>
  92 + </div>
  93 + <!-- 英文名称 END -->
220 </div> 94 </div>
  95 + <!-- 表单分组组件 form-group END -->
221 96
222 - <!-- 起始站名称 --> 97 + <!-- 表单分组组件 form-group START -->
223 <div class="form-group"> 98 <div class="form-group">
224 - <label class="control-label col-md-3"> 起始站名称： </label>  
225 - <div class="col-md-4">  
226 - <input type="text" class="form-control" name="startStationName" id="startStationNameInput" placeholder="起始站名称">  
227 - </div> 99 + <!-- 线路等级 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  100 + <div class="col-md-6">
  101 + <label class="control-label col-md-5"> 线路等级：</label>
  102 + <div class="col-md-4">
  103 + <select name="level" class="form-control" id="levelSelect">
  104 + <option value="">-- 请选择线路等级 --</option>
  105 + <option value="1">一级线路</option>
  106 + <option value="2">二级线路</option>
  107 + <option value="0">未知等级</option>
  108 + </select>
  109 + </div>
  110 + </div>
  111 + <!-- 线路等级 END -->
  112 +
  113 + <!-- 线路性质 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  114 + <div class="col-md-6">
  115 + <label class="control-label col-md-5"> 线路性质：</label>
  116 + <div class="col-md-4">
  117 + <select name="nature" class="form-control" id="natureSelect">
  118 + <option value="">-- 请选择线路性质 --</option>
  119 + <option value="lj">路救</option>
  120 + <option value="bc">备车</option>
  121 + <option value="dbc">定班车</option>
  122 + <option value="yxl">夜宵路</option>
  123 + <option value="cgxl">常规线路</option>
  124 + <option value="gjxl">过江线路</option>
  125 + <option value="csbs">穿梭巴士</option>
  126 + <option value="tyxl">特约线路</option>
  127 + <option value="cctxl">村村通线路</option>
  128 + <option value="qt">其他</option>
  129 + </select>
  130 + </div>
  131 + </div>
  132 + <!-- 线路性质 END -->
228 </div> 133 </div>
  134 + <!-- 表单分组组件 form-group END -->
229 135
230 - <!-- 终点站名称 --> 136 + <!-- 表单分组组件 form-group START -->
231 <div class="form-group"> 137 <div class="form-group">
232 - <label class="control-label col-md-3"> 终点站名称： </label>  
233 - <div class="col-md-4">  
234 - <input type="text" class="form-control" name="endStationName" id="endStationNameInput" placeholder="终点站名称">  
235 - </div> 138 + <!-- 所属公司 START 在片段线路添加JS模块里初始化select(options值查询的公司表) -->
  139 + <div class="col-md-6">
  140 + <label class="control-label col-md-5"> 所属公司：</label>
  141 + <div class="col-md-4">
  142 + <select name="company" class="form-control" id="companySelect"></select>
  143 + </div>
  144 + </div>
  145 + <!-- 所属公司 END -->
  146 +
  147 + <!-- 所属分公司 START 在片段线路添加JS模块里初始化select(options值查询的公司表) -->
  148 + <div class="col-md-6">
  149 + <label class="control-label col-md-5"> 所属公司：</label>
  150 + <div class="col-md-4">
  151 + <select name="brancheCompany" class="form-control" id="brancheCompanySelect"></select>
  152 + </div>
  153 + </div>
  154 + <!-- 所属分公司 END -->
236 </div> 155 </div>
  156 + <!-- 表单分组组件 form-group END -->
237 157
238 - <!-- 起始站首班车时间 --> 158 + <!-- 表单分组组件 form-group START -->
239 <div class="form-group"> 159 <div class="form-group">
240 - <label class="control-label col-md-3"> 起始站首班车时间： </label>  
241 - <div class="col-md-4">  
242 - <input type="text" class="form-control" name="startStationFirstTime" id="startStationFirstTimeInput" placeholder="起始站首班车时间">  
243 - </div> 160 + <!-- 线路规划类型 (* 必填项) START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  161 + <div class="col-md-6">
  162 + <label class="control-label col-md-5"><span class="required"> * </span> 线路规划类型：</label>
  163 + <div class="col-md-4">
  164 + <select name="linePlayType" class="form-control" id="linePlayTypeSelect">
  165 + <option value="">-- 请选择线路类型 --</option>
  166 + <option value="0">双向</option>
  167 + <option value="1">环线</option>
  168 + </select>
  169 + </div>
  170 + </div>
  171 + <!-- 线路规划类型 (* 必填项) END -->
  172 +
  173 + <!-- 开辟日期 START　-->
  174 + <div class="col-md-6">
  175 + <label class="control-label col-md-5"> 开辟日期： </label>
  176 + <div class="col-md-4">
  177 + <input type="text" class="form-control" name="openDate" id="openDateInput" placeholder="开辟日期">
  178 + </div>
  179 + </div>
  180 + <!-- 开辟日期 END　-->
244 </div> 181 </div>
  182 + <!-- 表单分组组件 form-group START -->
245 183
246 - <!-- 起始站末班车时间 --> 184 + <!-- 表单分组组件 form-group START -->
247 <div class="form-group"> 185 <div class="form-group">
248 - <label class="control-label col-md-3"> 起始站末班车时间： </label>  
249 - <div class="col-md-4">  
250 - <input type="text" class="form-control" name="StartStationEndTime" id="StartStationEndTimeInput" placeholder="起始站末班车时间 ">  
251 - </div> 186 + <!-- 是否宵夜 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  187 + <div class="col-md-6">
  188 + <label class="control-label col-md-5">是否宵夜：</label>
  189 + <div class="col-md-4">
  190 + <div class="md-radio-inline">
  191 + <div class="md-radio">
  192 + <input type="radio" id="radio16" name="supperLine" class="md-radiobtn" value="1" data-title="是" >
  193 + <label for="radio16">
  194 + <span></span>
  195 + <span class="check"></span>
  196 + <span class="box"></span> 是
  197 + </label>
  198 + </div>
  199 + <div class="md-radio has-error">
  200 + <input type="radio" id="radio17" name="supperLine" class="md-radiobtn" value="0" data-title="否" checked="checked">
  201 + <label for="radio17" style="color:#FFC0CB">
  202 + <span></span>
  203 + <span class="check"></span>
  204 + <span class="box"></span> 否
  205 + </label>
  206 + </div>
  207 + </div>
  208 + </div>
  209 + </div>
  210 + <!-- 是否宵夜 END -->
  211 +
  212 + <!-- 是否撤销 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
  213 + <div class="col-md-6">
  214 + <label class="control-label col-md-5">是否撤销：</label>
  215 + <div class="col-md-4">
  216 + <div class="md-radio-inline">
  217 + <div class="md-radio">
  218 + <input type="radio" id="radio14" name="destroy" data-title="是" class="md-radiobtn" value="1" >
  219 + <label for="radio14">
  220 + <span></span>
  221 + <span class="check"></span>
  222 + <span class="box"></span> 是
  223 + </label>
  224 + </div>
  225 + <div class="md-radio has-error">
  226 + <input type="radio" id="radio15" name="destroy" class="md-radiobtn" data-title="否" value="0" checked="checked">
  227 + <label for="radio15" style="color:#FFC0CB">
  228 + <span></span>
  229 + <span class="check"></span>
  230 + <span class="box"></span> 否
  231 + </label>
  232 + </div>
  233 + </div>
  234 + </div>
  235 + </div>
  236 + <!-- 是否撤销 START -->
252 </div> 237 </div>
  238 + <!-- 表单分组组件 form-group END -->
253 239
254 -  
255 - <!-- 终点站首班时间 --> 240 + <!-- 表单分组组件 form-group START -->
256 <div class="form-group"> 241 <div class="form-group">
257 - <label class="control-label col-md-3"> 终点站首班车时间： </label>  
258 - <div class="col-md-4">  
259 - <input type="text" class="form-control" name="endStationFirstTime" id="endStationFirstTimeInput" placeholder="终点站首班车时间">  
260 - </div> 242 + <!-- 起始站名称 START (该字段值会在规划线路站点操作时会去验证是否有值。如果为空，则用线路规划站点的起点站。默认使用该字段填写值) -->
  243 + <div class="col-md-6">
  244 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站名称： </label>
  245 + <div class="col-md-4">
  246 + <input type="text" class="form-control" name="startStationName" id="startStationNameInput" placeholder="起始站名称">
  247 + <span class="help-block"> 说明 ：上行起始站名称 </span>
  248 + </div>
  249 + </div>
  250 + <!-- 起始站名称 END -->
  251 +
  252 + <!-- 终点站名称 START (该字段值会在规划线路站点操作时会去验证是否有值。如果为空，则用线路规划站点的终点站。默认使用该字段填写值) -->
  253 + <div class="col-md-6">
  254 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站名称： </label>
  255 + <div class="col-md-4">
  256 + <input type="text" class="form-control" name="endStationName" id="endStationNameInput" placeholder="终点站名称">
  257 + <span class="help-block"> 说明 ：上行终点站名称 </span>
  258 + </div>
  259 + </div>
  260 + <!-- 终点站名称 END -->
261 </div> 261 </div>
  262 + <!-- 表单分组组件 form-group END -->
262 263
263 - <!-- 终点站末班时间 -->  
264 - <div class="form-group">  
265 - <label class="control-label col-md-3"> 终点站末班车时间： </label>  
266 - <div class="col-md-4">  
267 - <input type="text" class="form-control" name="endStationEndTime" id="endStationEndTimeInput" placeholder="终点站末班车时间 ">  
268 - </div>  
269 - </div>  
270 -  
271 - <!-- 车辆总数 --> 264 + <!-- 表单分组组件 form-group START -->
272 <div class="form-group"> 265 <div class="form-group">
273 - <label class="control-label col-md-3"> 车辆总数： </label>  
274 - <div class="col-md-4">  
275 - <input type="text" class="form-control" name="carSumNumber" id="carSumNumberInput" placeholder="车辆总数">  
276 - </div> 266 + <!-- 起始站首班车时间 (* 必填项) START -->
  267 + <div class="col-md-6">
  268 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站首班时间： </label>
  269 + <div class="col-md-4">
  270 + <input type="text" class="form-control" name="startStationFirstTime" id="startStationFirstTimeInput" placeholder="起始站首班车时间">
  271 + <span class="help-block"> 例如 ：06:00 </span>
  272 + </div>
  273 + </div>
  274 + <!-- 起始站首班车时间 END -->
  275 +
  276 + <!-- 起始站末班车时间 (* 必填项) START -->
  277 + <div class="col-md-6">
  278 + <label class="control-label col-md-5"><span class="required"> * </span> 起始站末班时间： </label>
  279 + <div class="col-md-4">
  280 + <!-- <input type="text" class="form-control" name="StartStationEndTime" id="StartStationEndTimeInput" placeholder="起始站末班车时间 "> -->
  281 + <input type="text" class="form-control" name="startStationEndTime" id="endTimeInput" placeholder="起始站末班车时间">
  282 + <span class="help-block"> 例如 ：17:00 </span>
  283 + </div>
  284 + </div>
  285 + <!-- 起始站末班车时间 END -->
277 </div> 286 </div>
  287 + <!-- 表单分组组件 form-group END -->
278 288
279 - <!-- 空调车辆数 --> 289 + <!-- 表单分组组件 form-group START -->
280 <div class="form-group"> 290 <div class="form-group">
281 - <label class="control-label col-md-3"> 空调车辆数： </label>  
282 - <div class="col-md-4">  
283 - <input type="text" class="form-control" name="hvacCarNumber" id="hvacCarNumberInput" placeholder="空调车辆数">  
284 - </div> 291 + <!-- 终点站首班车时间 (* 必填项) START -->
  292 + <div class="col-md-6">
  293 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站首班时间： </label>
  294 + <div class="col-md-4">
  295 + <input type="text" class="form-control" name="endStationFirstTime" id="endStationFirstTimeInput" placeholder="终点站首班车时间">
  296 + <span class="help-block"> 例如 ：05:00 </span>
  297 + </div>
  298 + </div>
  299 + <!-- 终点站首班车时间 END -->
  300 +
  301 + <!-- 终点站末班车时间 (* 必填项) START -->
  302 + <div class="col-md-6">
  303 + <label class="control-label col-md-5"><span class="required"> * </span> 终点站末班时间： </label>
  304 + <div class="col-md-4">
  305 + <input type="text" class="form-control" name="endStationEndTime" id="endStationEndTimeInput" placeholder="终点站末班车时间 ">
  306 + <span class="help-block"> 例如 ：18:00 </span>
  307 + </div>
  308 + </div>
  309 + <!-- 终点站末班车时间 END -->
  310 + </div>
  311 + <!-- 表单分组组件 form-group END -->
  312 +
  313 + <!-- 表单分组组件 form-group START -->
  314 + <div class="form-group">
  315 + <!-- 上海市线路编码 START -->
  316 + <div class="col-md-6">
  317 + <label class="control-label col-md-5"> 上海市线路编码： </label>
  318 + <div class="col-md-4">
  319 + <input type="text" class="form-control" name="shanghaiLinecode" id="shanghaiLinecodeInput" placeholder="上海市线路编码">
  320 + </div>
  321 + </div>
  322 + <!-- 上海市线路编码 END -->
  323 +
  324 + <!--设备线路编码 START -->
  325 + <div class="col-md-6">
  326 + <label class="control-label col-md-5"> 设备线路编码： </label>
  327 + <div class="col-md-4">
  328 + <input type="text" class="form-control" name="eqLinecode" id="eqLinecodeInput" placeholder="设备线路编码">
  329 + </div>
  330 + </div>
  331 + <!--设备线路编码 END -->
  332 + </div>
  333 + <!-- 表单分组组件 form-group END -->
  334 +
  335 + <!-- 表单分组组件 form-group START -->
  336 + <div class="form-group">
  337 + <!-- 起始站调度电话 START -->
  338 + <div class="col-md-6">
  339 + <label class="control-label col-md-5"> 起始站调度电话： </label>
  340 + <div class="col-md-4">
  341 + <input type="text" class="form-control" name="startPhone" id="startPhoneInput" placeholder="起始站调度电话">
  342 + </div>
  343 + </div>
  344 + <!-- 起始站调度电话 END -->
  345 +
  346 + <!-- 终点站调度电话 START -->
  347 + <div class="col-md-6">
  348 + <label class="control-label col-md-5"> 终点站调度电话： </label>
  349 + <div class="col-md-4">
  350 + <input type="text" class="form-control" name="endPhone" id="startPhoneInput" placeholder="终点站调度电话">
  351 + </div>
  352 + </div>
  353 + <!-- 终点站调度电话 START -->
  354 + </div>
  355 + <!-- 表单分组组件 form-group END -->
  356 +
  357 + <!-- 表单分组组件 form-group START -->
  358 + <div class="form-group">
  359 + <!-- 车辆总数 START -->
  360 + <div class="col-md-6">
  361 + <label class="control-label col-md-5"> 车辆总数： </label>
  362 + <div class="col-md-4">
  363 + <input type="text" class="form-control" name="carSumNumber" id="carSumNumberInput" placeholder="车辆总数">
  364 + </div>
  365 + </div>
  366 + <!-- 车辆总数 END -->
  367 +
  368 + <!-- 普通车辆数 START -->
  369 + <div class="col-md-6">
  370 + <label class="control-label col-md-5"> 普通车辆数： </label>
  371 + <div class="col-md-4">
  372 + <input type="text" class="form-control" name="ordCarNumber" id="ordCarNumberInput" placeholder="普通车辆数">
  373 + </div>
  374 + </div>
  375 + <!-- 普通车辆数 END -->
285 </div> 376 </div>
  377 + <!-- 表单分组组件 form-group END -->
286 378
287 - <!-- 普通车辆数 --> 379 + <!-- 表单分组组件 form-group START -->
288 <div class="form-group"> 380 <div class="form-group">
289 - <label class="control-label col-md-3"> 普通车辆数： </label>  
290 - <div class="col-md-4">  
291 - <input type="text" class="form-control" name="ordCarNumber" id="ordCarNumberInput" placeholder="普通车辆数">  
292 - </div> 381 + <!-- 空调车辆数 START -->
  382 + <div class="col-md-6">
  383 + <label class="control-label col-md-5"> 空调车辆数： </label>
  384 + <div class="col-md-4">
  385 + <input type="text" class="form-control" name="hvacCarNumber" id="hvacCarNumberInput" placeholder="空调车辆数">
  386 + </div>
  387 + </div>
  388 + <!-- 空调车辆数 END -->
293 </div> 389 </div>
  390 + <!-- 表单分组组件 form-group END -->
294 391
295 - <!-- 描述/说明 --> 392 + <!-- 表单分组组件 form-group START -->
296 <div class="form-group"> 393 <div class="form-group">
297 - <label class="control-label col-md-3"> 描述/说明： </label>  
298 - <div class="col-md-4">  
299 - <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>  
300 - </div> 394 + <!-- 线路沿革 START -->
  395 + <div class="col-md-6">
  396 + <label class="control-label col-md-5"> 线路沿革： </label>
  397 + <div class="col-md-4">
  398 + <textarea class="form-control" rows="3" name="history" id="historyTextarea" placeholder="线路沿革"></textarea>
  399 + <span class="help-block">日期及内容：如2014-1-1，开辟；2014-5-1，延线；</span>
  400 + </div>
  401 + </div>
  402 + <!-- 线路沿革 END -->
  403 +
  404 + <!-- 描述/说明 START -->
  405 + <div class="col-md-6">
  406 + <label class="control-label col-md-5"> 描述/说明： </label>
  407 + <div class="col-md-4">
  408 + <textarea class="form-control" rows="3" name="descriptions" id="descriptionsTextarea" placeholder="描述/说明"></textarea>
  409 + </div>
  410 + </div>
  411 + <!-- 描述/说明 END -->
301 </div> 412 </div>
  413 + <!-- 表单分组组件 form-group END -->
302 </div> 414 </div>
  415 +
  416 + <!-- 表单按钮组件 START -->
303 <div class="form-actions"> 417 <div class="form-actions">
304 <div class="row"> 418 <div class="row">
305 <div class="col-md-offset-3 col-md-4"> 419 <div class="col-md-offset-3 col-md-4">
@@ -308,9 +422,13 @@ @@ -308,9 +422,13 @@
308 </div> 422 </div>
309 </div> 423 </div>
310 </div> 424 </div>
  425 + <!-- 表单按钮组件 END -->
311 </form> 426 </form>
312 <!-- END FORM--> 427 <!-- END FORM-->
313 -  
314 </div> 428 </div>
  429 + <!-- 表单组件 END -->
315 </div> 430 </div>
  431 +<!-- 信息容器组件 END -->
  432 +
  433 +<!-- 线路信息修改片段JS模块 -->
316 <script src="/pages/base/line/js/line-edit-form.js"></script> 434 <script src="/pages/base/line/js/line-edit-form.js"></script>
317 \ No newline at end of file 435 \ No newline at end of file
src/main/resources/static/pages/base/line/js/line-add-form.js
  View file @ba2d5ca
  1 +/**
  2 + * @description TODO(线路信息添加片段JS模块)
  3 + *
  4 + * @author bsth@lq
  5 + *
  6 + * @date 二〇一六年十月十八日 13:31:58
  7 + *
  8 + */
  9 +
1 $(function(){ 10 $(function(){
2 11
3 - // 获取线路编码 12 + /** 获取线路编码 @param cb <回调函数> */
4 function getLineCode(cb) { 13 function getLineCode(cb) {
5 14
6 - // 获取线路编码 15 + /** get请求获取线路编码。返回线路编码值 */
7 $.get('/line/getLineCode',function(lineCode){ 16 $.get('/line/getLineCode',function(lineCode){
8 17
9 return cb && cb(lineCode); 18 return cb && cb(lineCode);
@@ -11,97 +20,8 @@ $(function(){ @@ -11,97 +20,8 @@ $(function(){
11 }); 20 });
12 } 21 }
13 22
14 - // 获取线路编码元素并设值  
15 - getLineCode(function(result){  
16 -  
17 - // 设置线路编码值  
18 - $('#lineCodeInput').val(result);  
19 -  
20 - })  
21 -  
22 - // 输入线路名称，自动生成英文名称和线路简称  
23 - $('#nameInput').on('keyup', setPinYin);  
24 -  
25 - // 根据线路名称值设置英文名称值和线路简称  
26 - function setPinYin(){  
27 -  
28 - // 获取线路名称值  
29 - var val = $('#nameInput').val();  
30 -  
31 - // 设置英文名称值  
32 - $('#esInput').val(pinyin.getFullChars(val));  
33 -  
34 - // 设置线路简称值  
35 - $('#shortNameInput').val(pinyin.getCamelChars(val));  
36 - }  
37 -  
38 - // 日期控件  
39 - $('#openDateInput').datetimepicker({  
40 -  
41 - // 日期控件时间格式  
42 - format : 'YYYY-MM-DD',  
43 -  
44 - // 语言  
45 - locale: 'zh-cn'  
46 -  
47 - });  
48 -  
49 - // 日期控件  
50 - $('#startStationFirstTimeInput').datetimepicker({  
51 -  
52 - format : 'HH:mm',  
53 -  
54 - locale: 'zh-cn',  
55 - });  
56 -  
57 - // 日期控件  
58 - $('#StartStationEndTimeInput').datetimepicker({  
59 -  
60 - format : 'HH:mm',  
61 -  
62 - locale: 'zh-cn',  
63 - });  
64 -  
65 - // 日期控件  
66 - $('#endStationFirstTimeInput').datetimepicker({  
67 -  
68 - format : 'HH:mm',  
69 -  
70 - locale: 'zh-cn',  
71 - });  
72 -  
73 - // 日期控件  
74 - $('#endStationEndTimeInput').datetimepicker({  
75 -  
76 - format : 'HH:mm',  
77 -  
78 - locale: 'zh-cn',  
79 - });  
80 -  
81 - // 填充公司下拉框选择值  
82 - $get('/business/all', {upCode_eq: '77'}, function(array){  
83 -  
84 - // 公司下拉options属性值  
85 - var options = '<option value="">-- 请选择公司 --</option>';  
86 -  
87 - // 遍历array  
88 - $.each(array, function(i,d){  
89 -  
90 - options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';  
91 -  
92 - });  
93 -  
94 - // 填充公司下拉框options,并添加公司下拉框值改变事件setbrancheCompanySelectOptions  
95 - $('#companySelect').html(options)  
96 - // $('#companySelect').html(options).on('change', setbrancheCompanySelectOptions);  
97 -  
98 - });  
99 -  
100 - // 填充分公司下拉框  
101 - // setbrancheCompanySelectOptions();  
102 -  
103 - // 填充分公司下拉框选择值  
104 - function setbrancheCompanySelectOptions(){ 23 + /** 填充分公司下拉框选择值 */
  24 + function setbrancheCompanySelectOptions(){
105 25
106 // 获取公司下拉框选择值 26 // 获取公司下拉框选择值
107 var businessCode = $('#companySelect').val(); 27 var businessCode = $('#companySelect').val();
@@ -132,16 +52,77 @@ $(function(){ @@ -132,16 +52,77 @@ $(function(){
132 52
133 }); 53 });
134 } 54 }
  55 + }
  56 +
  57 + /** 根据线路名称值设置英文名称值和线路简称 */
  58 + function setPinYin(){
  59 +
  60 + /** 获取线路名称值 */
  61 + var val = $('#nameInput').val();
  62 +
  63 + /** 汉字转换为拼音 设置英文名称值 */
  64 + $('#esInput').val(pinyin.getFullChars(val));
  65 +
  66 + /** 汉字转换为拼音将每一个字的拼音的首字母提取出来并大写 设置线路简称值 */
  67 + $('#shortNameInput').val(pinyin.getCamelChars(val));
135 } 68 }
136 69
137 - // 定义表单  
138 - var form = $('#line_add_form'); 70 + /** 获取线路编码元素并设值 @param 匿名函数 */
  71 + getLineCode(function(result){
  72 +
  73 + // 设置线路编码值
  74 + $('#lineCodeInput').val(result);
  75 +
  76 + })
  77 +
  78 + /** 输入线路名称，自动生成英文名称和线路简称 */
  79 + $('#nameInput').on('keyup', setPinYin);
  80 +
  81 + /** 开辟日期 日期控件 <format:日期控件时间格式;locale:语言> */
  82 + $('#openDateInput').datetimepicker({format : 'YYYY-MM-DD', locale: 'zh-cn'});
  83 +
  84 + /** 起始站首班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  85 + $('#startStationFirstTimeInput').datetimepicker({format : 'HH:mm', locale: 'zh-cn'});
  86 +
  87 + /** 起始站末班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  88 + $('#endTimeInput').datetimepicker({format : 'HH:mm', locale: 'zh-cn'});
  89 +
  90 + /** 终点站首班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  91 + $('#endStationFirstTimeInput').datetimepicker({format : 'HH:mm', locale: 'zh-cn'});
  92 +
  93 + /** 终点站末班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  94 + $('#endStationEndTimeInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
  95 +
  96 + /** get请求获取公司表数据并填充公司下拉框选择值 */
  97 + $get('/business/all', {upCode_eq: '77'}, function(array){
  98 +
  99 + /** 公司下拉options属性值 */
  100 + var options = '<option value="">-- 请选择公司 --</option>';
  101 +
  102 + /** 遍历array */
  103 + $.each(array, function(i,d){
  104 +
  105 + options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';
  106 +
  107 + });
  108 +
  109 + /** 填充公司下拉框options,并添加公司下拉框值改变事件setbrancheCompanySelectOptions */
  110 + $('#companySelect').html(options).on('change', setbrancheCompanySelectOptions);
  111 + // $('#companySelect').html(options)
  112 +
  113 + });
  114 +
  115 + /** 填充分公司下拉框 */
  116 + setbrancheCompanySelectOptions();
  117 +
  118 + // 定义表单
  119 + var form = $('#line_add_form');
139 120
140 - // 定义表单异常  
141 - var error = $('.alert-danger',form); 121 + // 定义表单异常
  122 + var error = $('.alert-danger',form);
142 123
143 - // 表单验证  
144 - form.validate({ 124 + // 表单验证
  125 + form.validate({
145 126
146 // 错误提示元素span对象 127 // 错误提示元素span对象
147 errorElement : 'span', 128 errorElement : 'span',
@@ -217,6 +198,9 @@ $(function(){ @@ -217,6 +198,9 @@ $(function(){
217 // 起始站名称 198 // 起始站名称
218 'startStationName' : { 199 'startStationName' : {
219 200
  201 + // 必填项
  202 + /*required : true,*/
  203 +
220 // 最大长度 204 // 最大长度
221 maxlength: 30 205 maxlength: 30
222 206
@@ -225,6 +209,64 @@ $(function(){ @@ -225,6 +209,64 @@ $(function(){
225 // 终点站名称 209 // 终点站名称
226 'endStationName' : { 210 'endStationName' : {
227 211
  212 + // 必填项
  213 + /*required : true,*/
  214 +
  215 + // 最大长度
  216 + maxlength: 30
  217 +
  218 + },
  219 +
  220 + // 起始站首班时间
  221 + 'startStationFirstTime' : {
  222 +
  223 + // 必填项
  224 + required : true,
  225 +
  226 + // 最大长度
  227 + maxlength: 30
  228 +
  229 + },
  230 +
  231 + // 线路规划类型 <0:双向;1:环线>
  232 + 'linePlayType' : {
  233 +
  234 + // 必填项
  235 + required : true,
  236 +
  237 + // 最大长度
  238 + maxlength: 30
  239 +
  240 + },
  241 +
  242 + // 起始站末班时间
  243 + 'StartStationEndTime' : {
  244 +
  245 + // 必填项
  246 + required : true,
  247 +
  248 + // 最大长度
  249 + maxlength: 30
  250 +
  251 + },
  252 +
  253 + // 终点站首班时间
  254 + 'endStationFirstTime' : {
  255 +
  256 + // 必填项
  257 + required : true,
  258 +
  259 + // 最大长度
  260 + maxlength: 30
  261 +
  262 + },
  263 +
  264 + // 终点站末班时间
  265 + 'endStationEndTime' : {
  266 +
  267 + // 必填项
  268 + required : true,
  269 +
228 // 最大长度 270 // 最大长度
229 maxlength: 30 271 maxlength: 30
230 272
src/main/resources/static/pages/base/line/js/line-details-info.js
  View file @ba2d5ca
  1 +/**
  2 + * @description TODO(线路信息详情片段JS模块)
  3 + *
  4 + * @author bsth@lq
  5 + *
  6 + * @date 二〇一六年十月十八日 13:31:58
  7 + *
  8 + */
  9 +
1 $(function(){ 10 $(function(){
2 11
  12 + // 填充分公司下拉框选择值
  13 + function getbrancheCompanyValues(businessCode,cb){
  14 +
  15 + // 分公司下拉框options属性值
  16 + var options = '<option value="">-- 请选择分公司 --</option>';
  17 +
  18 + if(businessCode) {
  19 +
  20 + $get('/business/all', {upCode_eq: businessCode}, function(brancheCompany){
  21 +
  22 + // 遍历brancheCompany
  23 + $.each(brancheCompany, function(i,d){
  24 +
  25 + options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';
  26 +
  27 + });
  28 +
  29 + // 填充分公司下拉框options
  30 + $('#brancheCompanySelect').html(options);
  31 +
  32 + return cb && cb();
  33 +
  34 + });
  35 +
  36 + } else {
  37 +
  38 + // 填充分公司下拉框options
  39 + $('#brancheCompanySelect').html(options);
  40 +
  41 + return cb && cb();
  42 + }
  43 +
  44 + }
  45 +
  46 + // 填充公司下拉框
  47 + function selectTemp(callback) {
  48 +
  49 + // 填充公司下拉框选择值
  50 + $.get('/business/all', {upCode_eq: '77'}, function(array){
  51 +
  52 + // 公司下拉options属性值
  53 + var options = '<option value="">-- 请选择公司 --</option>';
  54 +
  55 + // 遍历array
  56 + $.each(array, function(i,d){
  57 +
  58 + options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';
  59 +
  60 + });
  61 +
  62 + // 填充公司下拉框options
  63 + $('#companySelect').html(options);
  64 +
  65 + callback && callback();
  66 +
  67 + });
  68 + }
  69 +
3 // 获取参数ID 70 // 获取参数ID
4 var lineId = $.url().param('no'); 71 var lineId = $.url().param('no');
5 72
@@ -30,12 +97,12 @@ $(function(){ @@ -30,12 +97,12 @@ $(function(){
30 $('#companySelect').val(result.company); 97 $('#companySelect').val(result.company);
31 98
32 // 填充分公司下拉框选择值 99 // 填充分公司下拉框选择值
33 - /*getbrancheCompanyValues(result.company,function(){ 100 + getbrancheCompanyValues(result.company,function(){
34 101
35 // 设置分公司 102 // 设置分公司
36 $('#brancheCompanySelect').val(result.brancheCompany); 103 $('#brancheCompanySelect').val(result.brancheCompany);
37 104
38 - });*/ 105 + });
39 106
40 } 107 }
41 108
@@ -57,62 +124,4 @@ $(function(){ @@ -57,62 +124,4 @@ $(function(){
57 124
58 } 125 }
59 126
60 - // 填充公司下拉框  
61 - function selectTemp(callback) {  
62 -  
63 - // 填充公司下拉框选择值  
64 - $.get('/business/all', {upCode_eq: '77'}, function(array){  
65 -  
66 - // 公司下拉options属性值  
67 - var options = '<option value="">-- 请选择公司 --</option>';  
68 -  
69 - // 遍历array  
70 - $.each(array, function(i,d){  
71 -  
72 - options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';  
73 -  
74 - });  
75 -  
76 - // 填充公司下拉框options  
77 - $('#companySelect').html(options);  
78 -  
79 - callback && callback();  
80 -  
81 - });  
82 - }  
83 -  
84 -  
85 - // 填充分公司下拉框选择值  
86 - function getbrancheCompanyValues(businessCode,cb){  
87 -  
88 - // 分公司下拉框options属性值  
89 - var options = '<option value="">-- 请选择分公司 --</option>';  
90 -  
91 - if(businessCode) {  
92 -  
93 - $get('/business/all', {upCode_eq: businessCode}, function(brancheCompany){  
94 -  
95 - // 遍历brancheCompany  
96 - $.each(brancheCompany, function(i,d){  
97 -  
98 - options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';  
99 -  
100 - });  
101 -  
102 - // 填充分公司下拉框options  
103 - $('#brancheCompanySelect').html(options);  
104 -  
105 - return cb && cb();  
106 -  
107 - });  
108 -  
109 - } else {  
110 -  
111 - // 填充分公司下拉框options  
112 - $('#brancheCompanySelect').html(options);  
113 -  
114 - return cb && cb();  
115 - }  
116 -  
117 - }  
118 }); 127 });
119 \ No newline at end of file 128 \ No newline at end of file
src/main/resources/static/pages/base/line/js/line-edit-form.js
  View file @ba2d5ca
  1 +/**
  2 + * @description TODO(线路信息修改片段JS模块)
  3 + *
  4 + * @author bsth@lq
  5 + *
  6 + * @date 二〇一六年十月十八日 13:31:58
  7 + *
  8 + */
  9 +
  10 +
1 !function(){ 11 !function(){
2 12
3 - // 日期控件  
4 - $('#startStationFirstTimeInput').datetimepicker({  
5 -  
6 - format : 'HH:mm',  
7 -  
8 - locale: 'zh-cn',  
9 - }); 13 + /** 开辟日期 日期控件 <format:日期控件时间格式;locale:语言> */
  14 + $('#openDateInput').datetimepicker({format : 'YYYY-MM-DD', locale: 'zh-cn'});
10 15
11 - // 日期控件  
12 - $('#StartStationEndTimeInput').datetimepicker({  
13 -  
14 - format : 'HH:mm',  
15 -  
16 - locale: 'zh-cn',  
17 - });  
18 -  
19 - // 日期控件  
20 - $('#endStationFirstTimeInput').datetimepicker({  
21 -  
22 - format : 'HH:mm',  
23 -  
24 - locale: 'zh-cn',  
25 - });  
26 -  
27 - // 日期控件  
28 - $('#endStationEndTimeInput').datetimepicker({  
29 -  
30 - format : 'HH:mm',  
31 -  
32 - locale: 'zh-cn',  
33 - });  
34 -  
35 - // 获取参数ID  
36 - var lineId = $.url().param('no');  
37 -  
38 - // 如果参数ID不为空  
39 - if(lineId) {  
40 -  
41 - // 获取线路Id元素并设值  
42 - $('#lineId').val(lineId);  
43 -  
44 - // 初始化公司下拉框  
45 - selectTemp(function(){  
46 -  
47 - /** 根据ID查询详细信息 */  
48 - $get('/line/' + lineId ,null, function(result){  
49 -  
50 - // 如果不为空  
51 - if(result) {  
52 -  
53 - // 定义日期格式  
54 - var fs = 'YYYY-MM-DD'  
55 -  
56 - // 设置日期  
57 - result.openDate = moment(result.openDate).format(fs);  
58 -  
59 - /** 填充修改线路表单元素值 @param：<result：数据结果集；line_edit_form：表单元素> */  
60 - putFormData(result, '#line_edit_form');  
61 -  
62 - // 设置公司值  
63 - $('#companySelect').val(result.company);  
64 -  
65 - // 填充分公司下拉框选择值  
66 - /* getbrancheCompanyValues(result.company,function(){  
67 -  
68 - // 设置分公司  
69 - $('#brancheCompanySelect').val(result.brancheCompany);  
70 -  
71 - });*/  
72 -  
73 - }  
74 -  
75 - });  
76 - })  
77 -  
78 - } else {  
79 -  
80 - // 缺少ID  
81 - layer.confirm('【ID缺失，请点击返回，重新进行修改操作】', {btn : [ '返回' ],icon: 3, title:'提示'}, function(index){  
82 -  
83 - // 关闭弹出层  
84 - layer.close(index);  
85 -  
86 - // 跳转到list页面  
87 - loadPage('list.html');  
88 -  
89 - });  
90 - } 16 + /** 起始站首班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  17 + $('#startStationFirstTimeInput').datetimepicker({format : 'HH:mm', locale: 'zh-cn'});
  18 +
  19 + /** 起始站末班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  20 + $('#endTimeInput').datetimepicker({format : 'HH:mm', locale: 'zh-cn'});
91 21
92 - // 输入线路名称，自动生成英文名称和线路简称  
93 - $('#nameInput').on('keyup', setPinYin); 22 + /** 终点站首班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  23 + $('#endStationFirstTimeInput').datetimepicker({format : 'HH:mm', locale: 'zh-cn'});
94 24
  25 + /** 终点站末班时间 日期控件 <format:日期控件时间格式;locale:语言> */
  26 + $('#endStationEndTimeInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
  27 +
95 /** 根据线路名称值设置英文名称值和线路简称 */ 28 /** 根据线路名称值设置英文名称值和线路简称 */
96 function setPinYin(){ 29 function setPinYin(){
97 30
@@ -104,7 +37,6 @@ @@ -104,7 +37,6 @@
104 // 设置线路简称值 37 // 设置线路简称值
105 $('#shortNameInput').val(pinyin.getCamelChars(val)); 38 $('#shortNameInput').val(pinyin.getCamelChars(val));
106 } 39 }
107 -  
108 40
109 /** 公司下拉框 @param：<callback：回调函数> */ 41 /** 公司下拉框 @param：<callback：回调函数> */
110 function selectTemp(callback) { 42 function selectTemp(callback) {
@@ -129,7 +61,7 @@ @@ -129,7 +61,7 @@
129 }); 61 });
130 } 62 }
131 63
132 - // 填充分公司下拉框选择值 64 + // 填充分公司下拉框选择值
133 function getbrancheCompanyValues(businessCode,cb){ 65 function getbrancheCompanyValues(businessCode,cb){
134 66
135 // 分公司下拉框options属性值 67 // 分公司下拉框options属性值
@@ -163,11 +95,8 @@ @@ -163,11 +95,8 @@
163 95
164 } 96 }
165 97
166 - // 公司值改变事件  
167 - // $('#companySelect').on('change',companySelectChangeSetBrancheValue);  
168 -  
169 - function companySelectChangeSetBrancheValue() {  
170 - 98 + function companySelectChangeSetBrancheValue() {
  99 +
171 // 获取公司下拉框选择值 100 // 获取公司下拉框选择值
172 var businessCode = $('#companySelect').val(); 101 var businessCode = $('#companySelect').val();
173 102
@@ -198,15 +127,69 @@ @@ -198,15 +127,69 @@
198 }); 127 });
199 } 128 }
200 } 129 }
  130 +
  131 + // 获取参数ID
  132 + var lineId = $.url().param('no');
201 133
202 - // 日期控件  
203 - $('#openDateInput').datetimepicker({  
204 -  
205 - format : 'YYYY-MM-DD',  
206 -  
207 - locale: 'zh-cn'  
208 -  
209 - }); 134 + // 如果参数ID不为空
  135 + if(lineId) {
  136 +
  137 + // 获取线路Id元素并设值
  138 + $('#lineId').val(lineId);
  139 +
  140 + // 初始化公司下拉框
  141 + selectTemp(function(){
  142 +
  143 + /** 根据ID查询详细信息 */
  144 + $get('/line/' + lineId ,null, function(result){
  145 +
  146 + // 如果不为空
  147 + if(result) {
  148 +
  149 + // 定义日期格式
  150 + var fs = 'YYYY-MM-DD'
  151 +
  152 + // 设置日期
  153 + result.openDate = moment(result.openDate).format(fs);
  154 +
  155 + /** 填充修改线路表单元素值 @param：<result：数据结果集；line_edit_form：表单元素> */
  156 + putFormData(result, '#line_edit_form');
  157 +
  158 + // 设置公司值
  159 + $('#companySelect').val(result.company);
  160 +
  161 + // 填充分公司下拉框选择值
  162 + getbrancheCompanyValues(result.company,function(){
  163 +
  164 + // 设置分公司
  165 + $('#brancheCompanySelect').val(result.brancheCompany);
  166 +
  167 + });
  168 +
  169 + }
  170 +
  171 + });
  172 + })
  173 +
  174 + } else {
  175 +
  176 + // 缺少ID
  177 + layer.confirm('【ID缺失，请点击返回，重新进行修改操作】', {btn : [ '返回' ],icon: 3, title:'提示'}, function(index){
  178 +
  179 + // 关闭弹出层
  180 + layer.close(index);
  181 +
  182 + // 跳转到list页面
  183 + loadPage('list.html');
  184 +
  185 + });
  186 + }
  187 +
  188 + // 输入线路名称，自动生成英文名称和线路简称
  189 + $('#nameInput').on('keyup', setPinYin);
  190 +
  191 + // 公司值改变事件
  192 + $('#companySelect').on('change',companySelectChangeSetBrancheValue);
210 193
211 // 定义表单 194 // 定义表单
212 var form = $('#line_edit_form'); 195 var form = $('#line_edit_form');
@@ -285,6 +268,83 @@ @@ -285,6 +268,83 @@
285 dateISO:true 268 dateISO:true
286 }, 269 },
287 270
  271 + // 起始站名称
  272 + 'startStationName' : {
  273 +
  274 + // 必填项
  275 + /*required : true,*/
  276 +
  277 + // 最大长度
  278 + maxlength: 30
  279 +
  280 + },
  281 +
  282 + // 终点站名称
  283 + 'endStationName' : {
  284 +
  285 + // 必填项
  286 + /*required : true,*/
  287 +
  288 + // 最大长度
  289 + maxlength: 30
  290 +
  291 + },
  292 +
  293 + // 线路规划类型 <0:双向;1:环线>
  294 + 'linePlayType' : {
  295 +
  296 + // 必填项
  297 + required : true,
  298 +
  299 + // 最大长度
  300 + maxlength: 30
  301 +
  302 + },
  303 +
  304 + // 起始站首班时间
  305 + 'startStationFirstTime' : {
  306 +
  307 + // 必填项
  308 + required : true,
  309 +
  310 + // 最大长度
  311 + maxlength: 30
  312 +
  313 + },
  314 +
  315 + // 起始站末班时间
  316 + 'StartStationEndTime' : {
  317 +
  318 + // 必填项
  319 + required : true,
  320 +
  321 + // 最大长度
  322 + maxlength: 30
  323 +
  324 + },
  325 +
  326 + // 终点站首班时间
  327 + 'endStationFirstTime' : {
  328 +
  329 + // 必填项
  330 + required : true,
  331 +
  332 + // 最大长度
  333 + maxlength: 30
  334 +
  335 + },
  336 +
  337 + // 终点站末班时间
  338 + 'endStationEndTime' : {
  339 +
  340 + // 必填项
  341 + required : true,
  342 +
  343 + // 最大长度
  344 + maxlength: 30
  345 +
  346 + },
  347 +
288 // 线路沿革 348 // 线路沿革
289 'history' : { 349 'history' : {
290 350
src/main/resources/static/pages/base/line/js/line-list-table.js
  View file @ba2d5ca
@@ -258,6 +258,31 @@ @@ -258,6 +258,31 @@
258 } 258 }
259 } 259 }
260 260
  261 +
  262 + // 填充公司下拉框选择值
  263 + $get('/line/all', null, function(array){
  264 +
  265 + var opGroup = '<option value="">请选择...</option><optgroup label="线路">';
  266 +
  267 + var len_ = array.length;
  268 +
  269 + if(len_>0) {
  270 +
  271 + $.each(array, function(i, g){
  272 +
  273 + /*opGroup += '<option value="'+ g.id + '_' + g.lineCode +'">'+g.name+'</option>';*/
  274 + opGroup += '<option value="'+ g.name +'">'+g.name+'</option>';
  275 +
  276 + });
  277 +
  278 + }
  279 +
  280 + opGroup += '</optgroup>';
  281 +
  282 + $('#lineSelect').html(opGroup).select2();
  283 +
  284 + });
  285 +
261 286
262 /** 生成行单，这里暂时只做了单选生成。 */ 287 /** 生成行单，这里暂时只做了单选生成。 */
263 $('#datatable_ajax_tools #createUsingSingle').on('click', function() { 288 $('#datatable_ajax_tools #createUsingSingle').on('click', function() {
src/main/resources/static/pages/base/line/list.html
  View file @ba2d5ca
  1 +<!-- 片段标题 START -->
1 <div class="page-head"> 2 <div class="page-head">
2 <div class="page-title"> 3 <div class="page-title">
3 <h1>线路信息</h1> 4 <h1>线路信息</h1>
4 </div> 5 </div>
5 </div> 6 </div>
  7 +<!-- 片段标题 END -->
6 8
  9 +<!-- 线路信息导航栏组件 START -->
7 <ul class="page-breadcrumb breadcrumb"> 10 <ul class="page-breadcrumb breadcrumb">
8 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li> 11 <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> 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 <li><span class="active">线路信息</span></li> 13 <li><span class="active">线路信息</span></li>
11 </ul> 14 </ul>
  15 +<!-- 线路信息导航栏组件 END -->
12 16
13 <div class="row"> 17 <div class="row">
14 <div class="col-md-12"> 18 <div class="col-md-12">
@@ -70,7 +74,8 @@ @@ -70,7 +74,8 @@
70 <input type="text" class="form-control form-filter input-sm" name="lineCode_eq"> 74 <input type="text" class="form-control form-filter input-sm" name="lineCode_eq">
71 </td> 75 </td>
72 <td> 76 <td>
73 - <input type="text" class="form-control form-filter input-sm" name="name_like"> 77 + <select name="name_like" class="form-control" style="width:100%" id="lineSelect"></select>
  78 + <!-- <input type="text" class="form-control form-filter input-sm" name="name_like"> -->
74 </td> 79 </td>
75 <td> 80 <td>
76 <!-- 公司这里没使用字典表，暂时查的公司表 --> 81 <!-- 公司这里没使用字典表，暂时查的公司表 -->
@@ -291,5 +296,6 @@ @@ -291,5 +296,6 @@
291 </tr> 296 </tr>
292 {{/if}} 297 {{/if}}
293 </script> 298 </script>
294 -<script src="/pages/base/line/js/line-list-table.js"></script>  
295 -<!-- <a href="/pages/base/stationroute/list.html?no={{obj.id}}" class="btn default blue-stripe btn-sm" data-pjax> 查看 </a> -->  
296 \ No newline at end of file 299 \ No newline at end of file
  300 +
  301 +<!-- 线路信息片段JS模块 -->
  302 +<script src="/pages/base/line/js/line-list-table.js"></script>
297 \ No newline at end of file 303 \ No newline at end of file