1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>会议控制-报名管理-门票设置</title> 8 9 <!-- bootstrap --> 10 <link rel="stylesheet" id='style-bootstrap' href="assets/package/bootstrap/css/bootstrap.min.css"> 11 12 <!-- 主要样式 --> 13 <link rel="stylesheet" id='style-style' href="assets/css/style.css"> 14 15 <!-- 让IE8支持HTML5元素和媒体查询--> 16 <!-- Respond.js必须在网站环境里才可运行--> 17 <!--[if lt IE 9]> 18 <script src="assets/js/html5shiv.min.js"></script> 19 <script src="assets/js/respond.min.js"></script> 20 <![endif]--> 21 22 23 </head> 24 <body> 25 26 27 <!-- 头部 --> 28 <header id="header"> 29 <!-- 头部导航开始 --> 30 <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 31 <div class="container"> 32 <div class="navbar-header"> 33 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 34 <span class="sr-only">显示导航</span> 35 <span class="icon-bar"></span> 36 <span class="icon-bar"></span> 37 <span class="icon-bar"></span> 38 </button> 39 <a class="navbar-brand" href="#">优议</a> 40 </div> 41 <div class="collapse navbar-collapse navbar-ex1-collapse"> 42 <ul class="nav navbar-nav"> 43 <li class="active"><a href="#">首页</a></li> 44 <li><a href="#">发现会议</a></li> 45 </ul> 46 <!-- <form class="navbar-form navbar-left" role="search"> 47 <div class="form-group"> 48 <input type="text" class="form-control" placeholder="Search"> 49 </div> 50 <button type="submit" class="btn btn-default">Submit</button> 51 </form> --> 52 <ul class="nav navbar-nav navbar-right"> 53 <li><button type="button" class="btn btn-default navbar-btn">发布会议</button></li> 54 <li><a href="#">右侧导航</a></li> 55 <li class="dropdown"> 56 <a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单 <b class="caret"></b></a> 57 <ul class="dropdown-menu"> 58 <li><a href="#">下拉菜单</a></li> 59 <li><a href="#">下拉菜单</a></li> 60 <li><a href="#">下拉菜单</a></li> 61 <li><a href="#">下拉菜单</a></li> 62 </ul> 63 </li> 64 </ul> 65 </div> 66 </div> 67 </nav> 68 <!-- 头部导航结束 --> 69 </header> 70 <!-- 头部结束 --> 71 72 <!-- 会议主形象开始 --> 73 <div class="page-user-kv" id="kv"> 74 <div class="site-wrapper"> 75 <div class="site-wrapper-inner"> 76 <div class="cover-container"> 77 <div class="inner cover"> 78 <div class="container"> 79 <h1 class="cover-heading">GIEC2016第二届全球互联网经济大会</h1> 80 <p class="lead"> 81 </p> 82 <div class="page-user-kv-meta"> 83 <span><i class="fa fa-users"></i>会议主办方：朗集/朗集/中科创 </span> 84 <span><i class="fa fa-clock-o"></i>会议举办时间：2016年7月6日</span> 85 </div> 86 </div> 87 </div> 88 </div> 89 </div> 90 </div> 91 </div> 92 <!-- 会议主形象结束 --> 93 94 <!-- 主体开始 --> 95 <main id="main"> 96 <!-- 用户管理第二大导航 --> 97 <nav class="navbar navbar-default user-center-page-navigation" role="navigation"> 98 <div class="container"> 99 <div class="navbar-header"> 100 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 101 <span class="sr-only">显示导航</span> 102 <span class="icon-bar"></span> 103 <span class="icon-bar"></span> 104 <span class="icon-bar"></span> 105 </button> 106 </div> 107 <div class="row"> 108 <div class="collapse navbar-collapse navbar-ex1-collapse p0"> 109 <ul class="nav navbar-nav"> 110 <li ><a href="meet-basic-intro.html">基本管理</a></li> 111 <li><a href="meet-extend-index.html">会议推广</a></li> 112 <li><a href="meet-host-zhu.html">举办方</a></li> 113 <li><a href="meet-res-select.html">资源管理</a></li> 114 <li class="active"><a href="meet-sign-join.html">报名管理</a></li> 115 <li><a href="meet-son-son.html">子帐号</a></li> 116 <li><a href="meet-doc-all.html">文档管理</a></li> 117 <li><a href="meet-live-sign.html">现场管理</a></li> 118 <li><a href="meet-goout-ticket.html">出行管理</a></li> 119 <li><a href="meet-market-buy.html">应用市场</a></li> 120 <li><a href="meet-data-meet.html">数据统计</a></li> 121 </ul> 122 <!-- <ul class="nav navbar-nav navbar-right"> 123 <li><button type="button" class="btn btn-default navbar-btn">发布会议</button></li> 124 <li><a href="#">右侧导航</a></li> 125 <li class="dropdown"> 126 <a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单 <b class="caret"></b></a> 127 <ul class="dropdown-menu"> 128 <li><a href="#">下拉菜单</a></li> 129 <li><a href="#">下拉菜单</a></li> 130 <li><a href="#">下拉菜单</a></li> 131 <li><a href="#">下拉菜单</a></li> 132 </ul> 133 </li> 134 </ul> --> 135 </div> 136 </div> 137 </div> 138 </nav> 139 <!-- 用户管理第二大导航 --> 140 <!-- 用户页面 --> 141 <div class="page-user"> 142 <div class="container"> 143 <div class="row"> 144 <div class="col-md-3 sidebar"> 145 <!-- 用户侧边栏开始 --> 146 <div class="user-left"> 147 <div class="panel panel-default"> 148 <div class="panel-heading">报名管理</div> 149 <ul class="list-group"> 150 <a href="meet-sign-join.html" class="list-group-item"><li>参会人员管理</li></a> 151 <a href="meet-sign-ticket.html" class="list-group-item on"><li>门票设置</li></a> 152 <a href="meet-sign-sign.html" class="list-group-item"><li>报名设置</li></a> 153 <a href="meet-sign-invi.html" class="list-group-item"><li>定制邀请函</li></a> 154 <a href="#" class="list-group-item text-center"> 155 <img src="assets/images/weixin_qrcode_plus.png" alt="二维码" title="扫描二维码" class="imgline"/> 156 <p>查看会议手机版专题页</p> 157 </a> 158 <a href="#" class="list-group-item text-center"> 159 <button class="btn btn-success">查看会议专题页</button> 160 </a> 161 </ul> 162 </div> 163 </div> 164 <!-- 用户侧边栏结束 --> 165 </div> 166 167 168 <div class="col-md-9 page-user-right"> 169 170 <!-- 用户右侧开始 --> 171 <div class="user-right"> 172 <header> 173 <div class="user-right-title"> 174 <h4>门票设置</h4> 175 </div> 176 </header> 177 178 <!--短信充值--> 179 <div class="ticket bf pf20 pb0"> 180 <div class="row pb0"> 181 <div class="col-md-2 text-center"> 182 <img src="http://placehold.it/100x100" class="img-responsive" alt="" title=""/> 183 </div> 184 <div class="col-md-7"> 185 <div class="row"> 186 <h4>购票短信通知</h4> 187 <p>开启通知后，活动验证码会以短信形式发送给报名者！</p> 188 <div class="col-md-8 pl0"> 189 <div class="radio radio-success"> 190 <input type="radio" name="radio1" id="radio1" value="1"/> 191 <label for="radio1"> 192 开启（短信内容以66个字符一条进行计费） 193 </label> 194 </div> 195 </div> 196 <div class="col-md-4"> 197 <div class="radio radio-success"> 198 <input type="radio" name="radio1" id="radio2" value="2" class="mt" checked="checked"/> 199 <label for="radio2"> 200 关闭 201 </label> 202 </div> 203 </div> 204 </div> 205 </div> 206 <div class="col-md-3"> 207 <div class="row"> 208 <div class="col-md-12"> 209 <span>您的短信余额:</span> 210 <span id="" class="text-danger h4">0</span> 211 <span>条</span> 212 </div> 213 </div> 214 <div class="row"> 215 <div class="col-md-12"> 216 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#mychong">充值</a> 217 </div> 218 </div> 219 </div> 220 </div> 221 </div> 222 <!--短信充值结束--> 223 224 <!--充值摸态框--> 225 <div class="modal fade" id="mychong" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 226 <div class="modal-dialog" role="document"> 227 <div class="modal-content"> 228 <div class="modal-header"> 229 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 230 <h4 class="modal-title" id="myModalLabel">标题</h4> 231 </div> 232 <div class="modal-body"> 233 <!--充值金额--> 234 <div class="row"> 235 <div class="col-md-2 pr0"> 236 <small>充值金额:</small> 237 </div> 238 239 <div class="col-md-4"> 240 <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入充值金额"> 241 </div> 242 </div> 243 <!--充值金额--> 244 <!--充值方式--> 245 <div class="row"> 246 <div class="col-md-2 pr0"> 247 <small>充值方式:</small> 248 </div> 249 250 <div class="col-md-2"> 251 <a href="res-bao-active.html" class="b_font">优议宝</a> 252 </div> 253 <div class="col-md-2"> 254 <a href="#" class="b_font">微信</a> 255 </div> 256 <div class="col-md-2"> 257 <a href="#" class="b_font">支付宝</a> 258 </div> 259 </div> 260 <!--充值金额--> 261 <!--选择银行--> 262 <div class="row pb0"> 263 <div class="col-md-2 pr0"> 264 <small>选择银行:</small> 265 </div> 266 267 <div class="col-md-4"> 268 <select class="form-control"> 269 <option>工商银行</option> 270 <option>建设银行</option> 271 <option>农商银行</option> 272 <option>交通银行</option> 273 </select> 274 </div> 275 </div> 276 277 <div class="row pb0"> 278 <div class="col-md-2 pr0"> 279 <small>银行卡类型:</small> 280 </div> 281 282 <div class="col-md-2"> 283 <div class="radio radio-success"> 284 <input type="radio" name="radio8" id="radio8" value="option1" checked="checked"> 285 <label for="radio8"> 286 储蓄卡 287 </label> 288 </div> 289 290 </div> 291 292 <!--<div class="col-md-2"> 293 <div class="radio radio-success"> 294 <input type="radio" name="radio8" > 295 <label for="radio9"> 296 银行卡 297 </label> 298 </div> 299 </div>--> 300 </div> 301 <div class="row"> 302 <div class="col-md-2"></div> 303 <div class="col-md-3"> 304 <a href="#">选择更多银行</a> 305 </div> 306 </div> 307 <!--选择银行--> 308 <!--应付金额--> 309 <div class="row"> 310 <div class="col-md-2 pr0"> 311 <small>应付金额:</small> 312 </div> 313 <div class="col-md-3"> 314 <div><span class="fs18 text-warning">57.00</span>元</div> 315 </div> 316 </div> 317 <!--应付金额--> 318 </div> 319 <div class="modal-footer"> 320 <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> 321 <button type="button" class="btn btn-primary">快捷支付</button> 322 </div> 323 </div> 324 </div> 325 </div> 326 <!--充值摸态框--> 327 328 329 <!--添加票--> 330 <div class="row mt"> 331 <div class="col-md-12"> 332 <button type="button" class="btn btn-success pull-right" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i>添加票</button> 333 </div> 334 </div> 335 <!--添加票结束--> 336 <!--添加票模态框--> 337 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 338 <div class="modal-dialog" role="document"> 339 <div class="modal-content content"> 340 <div class="modal-header"> 341 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 342 <h4 class="modal-title" id="myModalLabel">添加门票</h4> 343 </div> 344 <div class="modal-body"> 345 <div class="row"> 346 <div class="col-md-2"> 347 <span class="b_font block">门票名称:<span class="text-danger">*</span></span> 348 </div> 349 <div class="col-md-8"> 350 <input type="text" class="form-control" id="" name="" placeholder="请输入门票名称"/> 351 </div> 352 </div> 353 <div class="row pb0"> 354 <div class="col-md-2"> 355 <span class="b_font block">门票类型</span> 356 </div> 357 <div class="col-md-8"> 358 <div class="row pl15 pb0"> 359 <div class="col-md-4"> 360 <div class="radio radio-success"> 361 <input type="radio" name="radio" id="radio3" value="1"> 362 <label for="radio3"> 363 收费门票 364 </label> 365 </div> 366 </div> 367 </div> 368 <div id="shoufei" style="display: none;"> 369 <div class="row"> 370 <div class="col-md-3"> 371 <span class="block b_font">费用:</span> 372 </div> 373 <div class="col-md-4"> 374 <input type="text" class="form-control" id="" name=""/> 375 </div> 376 <div class="col-md-4"> 377 <span class="block text-danger b_font">必填项</span> 378 </div> 379 </div> 380 <div class="row"> 381 <div class="col-md-3"> 382 <span class="block b_font">费用显示:</span> 383 </div> 384 <div class="col-md-8"> 385 <select name="" class="form-control"> 386 <option value="">服务费包含在票价中（>=2）</option> 387 <option value="">服务费不包含在票价中</option> 388 </select> 389 <span class="help-inline text-success">售票价格¥<span>100</span>，您所得¥<span>97.5</span>，服务费¥<span>2.5</span></span> 390 </div> 391 </div> 392 <div class="row pb0"> 393 <div class="col-md-3"> 394 <span class="block b_font">是否审核:</span> 395 </div> 396 <div class="col-md-4"> 397 <select name="" class="form-control"> 398 <option value="">审核</option> 399 <option value="">不审核</option> 400 </select> 401 </div> 402 </div> 403 </div> 404 405 <div class="row pl15"> 406 <div class="col-md-4"> 407 <div class="radio radio-success"> 408 <input type="radio" name="radio" id="radio4" value="2"> 409 <label for="radio4"> 410 免费门票 411 </label> 412 </div> 413 </div> 414 </div> 415 416 </div> 417 </div> 418 <div class="row"> 419 <div class="col-md-2"> 420 <span class="b_font block">可售数量:</span> 421 </div> 422 <div class="col-md-3"> 423 <input type="number" class="form-control" id="" name="" value="10"/> 424 </div> 425 </div> 426 <div class="row"> 427 <div class="col-md-12"> 428 <div class="checkbox"> 429 <input id="checkbox1" name="setting" type="checkbox"> 430 <label for="checkbox1"> 431 显示门票高级设置： （售票时间段、购票数限制、门票说明） 432 </label> 433 </div> 434 </div> 435 </div> 436 <div class="setting" id="setting">
相关文章：