瀏覽代碼

操作流程

liuyifan 6 年之前
父節點
當前提交
9511712328
共有 2 個文件被更改,包括 16 次插入10 次删除
  1. 8 8
      CallCenterWeb.UI/index.html
  2. 8 2
      CallCenterWeb.UI/js/intro.js-2.9.3/introjs.css

+ 8 - 8
CallCenterWeb.UI/index.html

@@ -812,21 +812,21 @@
812 812
                     <div class="navbar-header">
813 813
                         <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
814 814
                         <input type="hidden" id="isml" value="0" />
815
-                        <div class="nav navbar-top-links navbar-left" data-step="3" data-intro="呼叫栏">
815
+                        <div class="nav navbar-top-links navbar-left" data-step="3" data-intro="工具条">
816 816
                             <ul class="title-box" id="top-search" style="padding-left: 0; display:none;" >
817
-                                <li datafun="DropCall">
817
+                                <li datafun="DropCall" data-step="8" data-intro="挂断通话点击这里">
818 818
                                     <i class="iconfont  fa-5x DropCall"></i>
819 819
                                     <p>挂断</p>
820 820
                                 </li>
821
-                                <li datafun="MakeCall">
821
+                                <li datafun="MakeCall" data-step="7" data-intro="签入后,点击这里进行拨号外呼">
822 822
                                     <i class="iconfont  fa-5x MakeCall"></i>
823 823
                                     <p>外呼</p>
824 824
                                 </li>
825
-                                <li datafun="SayBusy">
825
+                                <li datafun="SayBusy" data-step="9" data-intro="暂时休息点这里">
826 826
                                     <i class="iconfont fa-5x SayBusy"></i>
827 827
                                     <p>置忙</p>
828 828
                                 </li>
829
-                                <li datafun="SayFree">
829
+                                <li datafun="SayFree" data-step="10" data-intro="休息回来继续工作点这里">
830 830
                                     <i class="iconfont fa-5x SayFree"></i>
831 831
                                     <p>置闲</p>
832 832
                                 </li>
@@ -846,17 +846,17 @@
846 846
                                     <i class="iconfont fa-5x Retrieve"></i>
847 847
                                     <p>接回</p>
848 848
                                 </li>
849
-                                <li datafun="Login">
849
+                                <li datafun="Login" data-step="6" data-intro="点击签入,开始工作">
850 850
                                     <i class="iconfont fa-5x Login"></i>
851 851
                                     <p>签入</p>
852 852
                                 </li>
853
-                                <li datafun="Logout">
853
+                                <li datafun="Logout" data-step="11" data-intro="结束工作打卡签出">
854 854
                                     <i class="iconfont fa-5x Logout"></i>
855 855
                                     <p>签出</p>
856 856
                                 </li>
857 857
                             </ul>
858 858
                         </div>
859
-                        <div class="nav closed" data-step="4" data-intro="呼叫栏">
859
+                        <div class="nav closed" data-step="4" data-intro="状态灯">
860 860
                             <!--左边-->
861 861
                             <!--头像显示-->
862 862
                             <!--<div class="text-center max-box">

+ 8 - 2
CallCenterWeb.UI/js/intro.js-2.9.3/introjs.css

@@ -182,7 +182,8 @@ tr.introjs-showElement > th {
182 182
   position: absolute;
183 183
   visibility: visible;
184 184
   padding: 10px;
185
-  background-color: white;
185
+  /*background-color: white;*/
186
+ background-color: rgb(48, 76, 98);
186 187
   min-width: 200px;
187 188
   max-width: 300px;
188 189
   border-radius: 3px;
@@ -194,6 +195,10 @@ tr.introjs-showElement > th {
194 195
           transition: opacity 0.1s ease-out;
195 196
 }
196 197
 
198
+.introjs-tooltiptext{
199
+	color: rgb(255, 255, 255)
200
+}
201
+
197 202
 .introjs-tooltipbuttons {
198 203
   text-align: right;
199 204
   white-space: nowrap;
@@ -323,7 +328,8 @@ tr.introjs-showElement > th {
323 328
   display: block;
324 329
   width: 6px;
325 330
   height: 6px;
326
-  background: #ccc;
331
+  /*background: #ccc;*/
332
+  background: rgb(255, 255, 255);
327 333
   border-radius: 10px;
328 334
   -moz-border-radius: 10px;
329 335
   -webkit-border-radius: 10px;