潘钊 / 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 2 <div class="page-head">
2 3 <div class="page-title">
3 4 <h1>添加线路</h1>
4 5 </div>
5 6 </div>
  7 +<!-- 片段标题 END -->
6 8  
  9 +<!-- 线路信息导航栏组件 START -->
7 10 <ul class="page-breadcrumb breadcrumb">
8 11 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
9 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 13 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li>
11 14 <li><span class="active">添加线路</span></li>
12 15 </ul>
  16 +<!-- 线路信息导航栏组件 END -->
13 17  
  18 +<!-- 信息容器组件 START -->
14 19 <div class="portlet light bordered">
15 20  
16   - <!-- 标题 -->
  21 + <!-- 信息容器组件标题 START -->
17 22 <div class="portlet-title">
18 23 <div class="caption">
19 24 <i class="icon-equalizer font-red-sunglo"></i>
20 25 <span class="caption-subject font-red-sunglo bold uppercase">添加线路</span>
21 26 </div>
22 27 </div>
  28 + <!-- 信息容器组件标题 END -->
23 29  
24   - <!-- 表单 -->
  30 + <!-- 表单容器组件 START -->
25 31 <div class="portlet-body form">
26 32  
27   - <!-- START FORM -->
  33 + <!-- line_add_form FORM START -->
28 34 <form action="/line" class="form-horizontal" id="line_add_form" >
29 35  
30   - <!-- 错误提示 -->
  36 + <!-- 表单验证错误提示组件 START -->
31 37 <div class="alert alert-danger display-hide">
32 38 <button class="close" data-close="alert"></button>
33 39 您的输入有误，请检查下面的输入项
34 40 </div>
  41 + <!-- 表单验证错误提示组件 END -->
35 42  
36   - <!-- 表单内容 -->
  43 + <!-- 表单字段内容 START -->
37 44 <div class="form-body">
38 45  
39   - <!-- 线路名称 -->
  46 + <!-- 表单分组组件 form-group START -->
40 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 70 </div>
  71 + <!-- 表单分组组件 form-group END -->
111 72  
112   - <!-- 线路等级 -->
  73 + <!-- 表单分组组件 form-group START -->
113 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 92 </div>
  93 + <!-- 表单分组组件 form-group END -->
149 94  
150   - <!-- 是否宵夜 -->
  95 + <!-- 表单分组组件 form-group START -->
151 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 131 </div>
  132 + <!-- 表单分组组件 form-group END -->
182 133  
183   - <!-- 线路沿革 -->
  134 + <!-- 表单分组组件 form-group START -->
184 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 153 </div>
  154 + <!-- 表单分组组件 form-group END -->
191 155  
192   - <!-- 起始站名称 -->
  156 + <!-- 表单分组组件 form-group START -->
193 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 179 </div>
  180 + <!-- 表单分组组件 form-group START -->
200 181  
201   - <!-- 终点站名称 -->
  182 + <!-- 表单分组组件 form-group START -->
202 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 235 </div>
  236 + <!-- 表单分组组件 form-group END -->
209 237  
210   - <!-- 设备线路编码 -->
  238 + <!-- 表单分组组件 form-group START -->
211 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 259 </div>
  260 + <!-- 表单分组组件 form-group END -->
217 261  
218   - <!-- 上海市线路编码 -->
  262 + <!-- 表单分组组件 form-group START -->
219 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 284 </div>
  285 + <!-- 表单分组组件 form-group END -->
225 286  
226   - <!-- 起始站调度电话 -->
  287 + <!-- 表单分组组件 form-group START -->
227 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 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 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 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 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 410 </div>
  411 + <!-- 表单分组组件 form-group END -->
310 412 </div>
  413 + <!-- 表单字段内容 END -->
  414 +
  415 + <!-- 表单按钮组件 START -->
311 416 <div class="form-actions">
312 417 <div class="row">
313 418 <div class="col-md-offset-3 col-md-4">
... ... @@ -316,8 +421,16 @@
316 421 </div>
317 422 </div>
318 423 </div>
  424 + <!-- 表单按钮组件 END -->
  425 +
319 426 </form>
320   - <!-- END FORM-->
  427 + <!-- line_add_form FORM END -->
  428 +
321 429 </div>
  430 + <!-- 表单组件 END -->
  431 +
322 432 </div>
  433 +<!-- 信息容器组件 END -->
  434 +
  435 +<!-- 线路信息添加片段JS模块 -->
323 436 <script src="/pages/base/line/js/line-add-form.js"></script>
324 437 \ No newline at end of file
... ...
src/main/resources/static/pages/base/line/details.html
  View file @ba2d5ca
  1 +<!-- 片段标题 START -->
1 2 <div class="page-head">
2 3 <div class="page-title">
3 4 <h1>线路详细信息</h1>
4 5 </div>
5 6 </div>
  7 +<!-- 片段标题 START -->
6 8  
  9 +<!-- 线路信息导航栏组件 START -->
7 10 <ul class="page-breadcrumb breadcrumb">
8 11 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
9 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 13 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li>
11 14 <li><span class="active">线路详情</span></li>
12 15 </ul>
  16 +<!-- 线路信息导航栏组件 START -->
13 17  
  18 +<!-- 信息容器组件 START -->
14 19 <div class="portlet light bordered">
  20 +
  21 + <!-- 信息容器组件标题 START -->
15 22 <div class="portlet-title">
16 23 <div class="caption">
17 24 <i class="icon-equalizer font-red-sunglo"></i>
18 25 <span class="caption-subject font-red-sunglo bold uppercase">线路详情信息</span>
19 26 </div>
20 27 </div>
  28 + <!-- 信息容器组件标题 END -->
  29 +
  30 + <!-- 表单容器组件 START -->
21 31 <div class="portlet-body form" id="lineDetailsForm">
22 32  
23 33 <!-- START FORM -->
... ... @@ -25,272 +35,376 @@
25 35  
26 36 <!-- 表单内容 -->
27 37 <div class="form-body">
28   -
29   - <!-- 线路名称 -->
  38 +
  39 + <!-- 表单分组组件 form-group START -->
30 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 63 </div>
  64 + <!-- 表单分组组件 form-group END -->
189 65  
190   - <!-- 上海市线路编码 -->
  66 + <!-- 表单分组组件 form-group START -->
191 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 85 </div>
  86 + <!-- 表单分组组件 form-group END -->
197 87  
198   - <!-- 起始站调度电话 -->
  88 + <!-- 表单分组组件 form-group START -->
199 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 124 </div>
  125 + <!-- 表单分组组件 form-group END -->
205 126  
206   - <!-- 终点站调度电话 -->
  127 + <!-- 表单分组组件 form-group START -->
207 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 146 </div>
  147 + <!-- 表单分组组件 form-group END -->
228 148  
229   - <!-- 起始站末班车时间 -->
  149 + <!-- 表单分组组件 form-group START -->
230 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 172 </div>
  173 + <!-- 表单分组组件 form-group START -->
236 174  
237   -
238   - <!-- 终点站名称 -->
  175 + <!-- 表单分组组件 form-group START -->
239 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 228 </div>
  229 + <!-- 表单分组组件 form-group END -->
245 230  
246   - <!-- 终点站首班时间 -->
  231 + <!-- 表单分组组件 form-group START -->
247 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 252 </div>
  253 + <!-- 表单分组组件 form-group END -->
253 254  
254   - <!-- 终点站末班时间 -->
  255 + <!-- 表单分组组件 form-group START -->
255 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 277 </div>
  278 + <!-- 表单分组组件 form-group END -->
261 279  
262   - <!-- 车辆总数 -->
  280 + <!-- 表单分组组件 form-group START -->
263 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 367 </div>
  368 + <!-- 表单分组组件 form-group END -->
269 369  
270   - <!-- 空调车辆数 -->
  370 + <!-- 表单分组组件 form-group START -->
271 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 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 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 403 </div>
  404 + <!-- 表单分组组件 form-group END -->
293 405 </div>
  406 +
  407 + <!-- 表单按钮组件 START -->
294 408 <div class="form-actions">
295 409 <div class="row">
296 410 <div class="col-md-offset-3 col-md-4">
... ... @@ -298,9 +412,16 @@
298 412 </div>
299 413 </div>
300 414 </div>
  415 + <!-- 表单按钮组件 END -->
  416 +
301 417 </form>
302 418 <!-- END FORM-->
303 419  
304 420 </div>
  421 + <!-- 表单组件 END -->
  422 +
305 423 </div>
  424 +<!-- 信息容器组件 END -->
  425 +
  426 +<!-- 线路信息详情片段JS模块 -->
306 427 <script type="text/javascript" src="/pages/base/line/js/line-details-info.js"></script>
307 428 \ No newline at end of file
... ...
src/main/resources/static/pages/base/line/edit.html
  View file @ba2d5ca
  1 +<!-- 片段标题 START -->
1 2 <div class="page-head">
2 3 <div class="page-title">
3 4 <h1>修改线路信息</h1>
4 5 </div>
5 6 </div>
  7 +<!-- 片段标题 END -->
6 8  
  9 +<!-- 线路信息导航栏组件 START -->
7 10 <ul class="page-breadcrumb breadcrumb">
8 11 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
9 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 13 <li><a href="/pages/base/line/list.html" data-pjax>线路信息</a> <i class="fa fa-circle"></i></li>
11 14 <li><span class="active">修改线路信息</span></li>
12 15 </ul>
  16 +<!-- 线路信息导航栏组件 END -->
13 17  
  18 +<!-- 信息容器组件 START -->
14 19 <div class="portlet light bordered">
  20 +
  21 + <!-- 信息容器组件标题 START -->
15 22 <div class="portlet-title">
16 23 <div class="caption">
17 24 <i class="icon-equalizer font-red-sunglo"></i>
18 25 <span class="caption-subject font-red-sunglo bold uppercase">修改线路信息</span>
19 26 </div>
20 27 </div>
  28 + <!-- 信息容器组件标题 END -->
  29 +
  30 + <!-- 表单容器组件 START -->
21 31 <div class="portlet-body form" id="lineEditForm">
22 32  
23 33 <!-- START FORM -->
24 34 <form action="/" class="form-horizontal" id="line_edit_form" >
25 35  
26   - <!-- 错误提示 -->
  36 + <!-- 错误提示信息组件 START -->
27 37 <div class="alert alert-danger display-hide">
28 38 <button class="close" data-close="alert"></button>
29 39 您的输入有误，请检查下面的输入项
30 40 </div>
  41 + <!-- 错误提示信息组件 END -->
31 42  
32   - <!-- 表单内容 -->
  43 + <!-- 表单内容 START -->
33 44 <div class="form-body">
34   -
  45 +
35 46 <input type="hidden" name="id" id="lineId">
36 47  
37   - <!-- 线路名称 -->
  48 + <!-- 表单分组组件 form-group START -->
38 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 72 </div>
  73 + <!-- 表单分组组件 form-group END -->
213 74  
214   - <!-- 终点站调度电话 -->
  75 + <!-- 表单分组组件 form-group START -->
215 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 94 </div>
  95 + <!-- 表单分组组件 form-group END -->
221 96  
222   - <!-- 起始站名称 -->
  97 + <!-- 表单分组组件 form-group START -->
223 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 133 </div>
  134 + <!-- 表单分组组件 form-group END -->
229 135  
230   - <!-- 终点站名称 -->
  136 + <!-- 表单分组组件 form-group START -->
231 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 155 </div>
  156 + <!-- 表单分组组件 form-group END -->
237 157  
238   - <!-- 起始站首班车时间 -->
  158 + <!-- 表单分组组件 form-group START -->
239 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 181 </div>
  182 + <!-- 表单分组组件 form-group START -->
245 183  
246   - <!-- 起始站末班车时间 -->
  184 + <!-- 表单分组组件 form-group START -->
247 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 237 </div>
  238 + <!-- 表单分组组件 form-group END -->
253 239  
254   -
255   - <!-- 终点站首班时间 -->
  240 + <!-- 表单分组组件 form-group START -->
256 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 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 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 286 </div>
  287 + <!-- 表单分组组件 form-group END -->
278 288  
279   - <!-- 空调车辆数 -->
  289 + <!-- 表单分组组件 form-group START -->
280 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 376 </div>
  377 + <!-- 表单分组组件 form-group END -->
286 378  
287   - <!-- 普通车辆数 -->
  379 + <!-- 表单分组组件 form-group START -->
288 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 389 </div>
  390 + <!-- 表单分组组件 form-group END -->
294 391  
295   - <!-- 描述/说明 -->
  392 + <!-- 表单分组组件 form-group START -->
296 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 412 </div>
  413 + <!-- 表单分组组件 form-group END -->
302 414 </div>
  415 +
  416 + <!-- 表单按钮组件 START -->
303 417 <div class="form-actions">
304 418 <div class="row">
305 419 <div class="col-md-offset-3 col-md-4">
... ... @@ -308,9 +422,13 @@
308 422 </div>
309 423 </div>
310 424 </div>
  425 + <!-- 表单按钮组件 END -->
311 426 </form>
312 427 <!-- END FORM-->
313   -
314 428 </div>
  429 + <!-- 表单组件 END -->
315 430 </div>
  431 +<!-- 信息容器组件 END -->
  432 +
  433 +<!-- 线路信息修改片段JS模块 -->
316 434 <script src="/pages/base/line/js/line-edit-form.js"></script>
317 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 10 $(function(){
2 11  
3   - // 获取线路编码
  12 + /** 获取线路编码 @param cb <回调函数> */
4 13 function getLineCode(cb) {
5 14  
6   - // 获取线路编码
  15 + /** get请求获取线路编码。返回线路编码值 */
7 16 $.get('/line/getLineCode',function(lineCode){
8 17  
9 18 return cb && cb(lineCode);
... ... @@ -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 27 var businessCode = $('#companySelect').val();
... ... @@ -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 127 // 错误提示元素span对象
147 128 errorElement : 'span',
... ... @@ -217,6 +198,9 @@ $(function(){
217 198 // 起始站名称
218 199 'startStationName' : {
219 200  
  201 + // 必填项
  202 + /*required : true,*/
  203 +
220 204 // 最大长度
221 205 maxlength: 30
222 206  
... ... @@ -225,6 +209,64 @@ $(function(){
225 209 // 终点站名称
226 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 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 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 70 // 获取参数ID
4 71 var lineId = $.url().param('no');
5 72  
... ... @@ -30,12 +97,12 @@ $(function(){
30 97 $('#companySelect').val(result.company);
31 98  
32 99 // 填充分公司下拉框选择值
33   - /*getbrancheCompanyValues(result.company,function(){
  100 + getbrancheCompanyValues(result.company,function(){
34 101  
35 102 // 设置分公司
36 103 $('#brancheCompanySelect').val(result.brancheCompany);
37 104  
38   - });*/
  105 + });
39 106  
40 107 }
41 108  
... ... @@ -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 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 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 29 function setPinYin(){
97 30  
... ... @@ -104,7 +37,6 @@
104 37 // 设置线路简称值
105 38 $('#shortNameInput').val(pinyin.getCamelChars(val));
106 39 }
107   -
108 40  
109 41 /** 公司下拉框 @param：<callback：回调函数> */
110 42 function selectTemp(callback) {
... ... @@ -129,7 +61,7 @@
129 61 });
130 62 }
131 63  
132   - // 填充分公司下拉框选择值
  64 + // 填充分公司下拉框选择值
133 65 function getbrancheCompanyValues(businessCode,cb){
134 66  
135 67 // 分公司下拉框options属性值
... ... @@ -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 101 var businessCode = $('#companySelect').val();
173 102  
... ... @@ -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 195 var form = $('#line_edit_form');
... ... @@ -285,6 +268,83 @@
285 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 349 'history' : {
290 350  
... ...
src/main/resources/static/pages/base/line/js/line-list-table.js
  View file @ba2d5ca
... ... @@ -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 288 $('#datatable_ajax_tools #createUsingSingle').on('click', function() {
... ...
src/main/resources/static/pages/base/line/list.html
  View file @ba2d5ca
  1 +<!-- 片段标题 START -->
1 2 <div class="page-head">
2 3 <div class="page-title">
3 4 <h1>线路信息</h1>
4 5 </div>
5 6 </div>
  7 +<!-- 片段标题 END -->
6 8  
  9 +<!-- 线路信息导航栏组件 START -->
7 10 <ul class="page-breadcrumb breadcrumb">
8 11 <li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
9 12 <li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
10 13 <li><span class="active">线路信息</span></li>
11 14 </ul>
  15 +<!-- 线路信息导航栏组件 END -->
12 16  
13 17 <div class="row">
14 18 <div class="col-md-12">
... ... @@ -70,7 +74,8 @@
70 74 <input type="text" class="form-control form-filter input-sm" name="lineCode_eq">
71 75 </td>
72 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 79 </td>
75 80 <td>
76 81 <!-- 公司这里没使用字典表，暂时查的公司表 -->
... ... @@ -291,5 +296,6 @@
291 296 </tr>
292 297 {{/if}}
293 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 299 \ No newline at end of file
  300 +
  301 +<!-- 线路信息片段JS模块 -->
  302 +<script src="/pages/base/line/js/line-list-table.js"></script>
297 303 \ No newline at end of file
... ...