Ei kuvausta

SeatsMessage.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>座席组管理</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  10. <link href="../css/Table/table1.css" rel="stylesheet" />
  11. <link href="../css/init.css" rel="stylesheet" />
  12. </head>
  13. <style>
  14. .toolBar {
  15. padding: 15px 0;
  16. border-bottom: 1px solid #ccc;
  17. }
  18. .tree {
  19. height: 400px;
  20. overflow-y: auto;
  21. }
  22. .inpBox {
  23. border: 1px solid #a9a9a9;
  24. height: 27px;
  25. width: 172px;
  26. display: inline-block;
  27. position: relative;
  28. vertical-align: middle;
  29. }
  30. .inps {
  31. height: 24px;
  32. width: 172px;
  33. }
  34. .inps1,
  35. .inps4,
  36. .inps1_chg {
  37. width: 170px;
  38. height: 24px;
  39. outline: none;
  40. border: 0;
  41. border-image-width: 0;
  42. padding: 0;
  43. padding-left: 3px;
  44. }
  45. .xl {
  46. display: inline-block;
  47. background:url(../img/dropDown.png) no-repeat;
  48. height: 100%;
  49. background-position: center center;
  50. width: 20px;
  51. position: absolute;
  52. right: 0;
  53. top: 0px;
  54. /*background-color: #f7bc8b;*/
  55. cursor: pointer;
  56. }
  57. /*.xl:hover{
  58. background-color: #e6d523;
  59. }*/
  60. .addTree {
  61. background: #fff;
  62. position: absolute;
  63. width: 100%;
  64. border: 1px solid darkgrey;
  65. right: 0;
  66. top: 26px;
  67. display: none;
  68. }
  69. .inpstext {
  70. resize: none;
  71. width: 50%;
  72. height: 70px;
  73. }
  74. </style>
  75. <body class="gray-bg">
  76. <div class="daoHang clearfix">
  77. <div class="dhLeft">
  78. <sapn><i class="syIcon"></i>位置:
  79. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  80. <a href="javaScript:;">话务管理</a>&gt;
  81. <a href="" style="color: #000;">座席组管理</a>
  82. </sapn>
  83. </div>
  84. <div class="dhRight">
  85. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  86. </div>
  87. </div>
  88. <div class="wrapper wrapper-content animated fadeInRight">
  89. <div class="toolBox clearfix">
  90. <div class="pull-left">
  91. <div class="form-inline">
  92. <div class="form-group">
  93. <input id="Key" type="text" class="form-control" placeholder="输入搜索的内容" />
  94. </div>
  95. </div>
  96. </div>
  97. <div class="pull-right">
  98. <a class="sc_btn" id="sc_btns">搜索</a>
  99. <a class="sc_btn add">添加</a>
  100. <a class="sc_btn xg">修改</a>
  101. <a class="sc_btn remove">删除</a>
  102. </div>
  103. </div>
  104. <div style="width: 100%;padding: 10px;">
  105. <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-click-to-select="true">
  106. <thead>
  107. <tr>
  108. <th data-field="state" data-checkbox="true"></th>
  109. <th data-field="F_ZXZCode" data-align="center">坐席组编号</th>
  110. <th data-field="F_ZXZName" data-align="center">座席组名称</th>
  111. <!--<th data-field="F_IVRKey" data-align="center">IVR按键</th>-->
  112. <th data-field="F_WHBDKey" data-align="center">外呼本地前缀</th>
  113. <th data-field="F_WHWDKey" data-align="center">外呼外地前缀</th>
  114. <th data-field="F_ZXAtt" data-align="center">座席归属地</th>
  115. <th data-field="F_Des" data-align="center">描述说明</th>
  116. </tr>
  117. </thead>
  118. <tbody id="tbody"></tbody>
  119. </table>
  120. </div>
  121. </div>
  122. <script src="../js/zTree/jquery.ztree.core.js"></script>
  123. <script src="../js/zTree/jquery.ztree.excheck.min.js"></script>
  124. <script src="js/seatsMess.js"></script>
  125. </body>
  126. </html>