弹框气泡

CCFlow/CCFlow/WF/MyFlowGener.htm

@@ -76,6 +76,59 @@
         .layui-footer {
             text-align: left !important;
         }
+        .dksp{
+            position:relative;
+        }
+
+            .dksp:hover::before {
+                content: '';
+                position: absolute;
+                left: 50%;
+                top: 26px;
+                width: 0px;
+                height: 0px;
+                border: 5px solid transparent;
+                border-bottom-color: #FF7171;
+            }
+
+            .dksp:hover::after {
+                content: '质量要点单独审批';
+                position: absolute;
+                left: 0;
+                top: 36px;
+                box-sizing: border-box;
+                background: #FEFD23;
+                box-shadow: 0 0 1px 1px #FF7171;
+                white-space: pre;
+                padding: 4px;
+                border-radius: 5px;
+            }
+        .lhsp {
+            position: relative;
+        }
+
+            .lhsp:hover::before {
+                content: '';
+                position: absolute;
+                left: 50%;
+                top: 26px;
+                width: 0px;
+                height: 0px;
+                border: 5px solid transparent;
+                border-bottom-color: #FF7171;
+            }
+            .lhsp:hover::after {
+                content: '技术协议,\A质量要点共同审批';
+                position: absolute;
+                left: 0;
+                top: 36px;
+                box-sizing: border-box;
+                background: #FEFD23;
+                box-shadow: 0 0 1px 1px #FF7171;
+                white-space: pre;
+                padding: 5px;
+                border-radius: 4px;
+            }
         
     </style>
     <style id="theme-data"></style>

CCFlow/CCFlow/WF/Toolbar.js

@@ -51,6 +51,7 @@ $(function () {
     var _html = "";
     var sendBtnOper = "";
     $.each(toolBars, function (i, toolBar) {
+       console.log("按钮遍历", toolBars, toolBar,i)
         var Oper = "";
 
         if (toolBar.Oper != "") {
@@ -84,8 +85,18 @@ $(function () {
                     Icon = Icon.replace(Icon.substr(0, index), "../");
                 img = "<img src='" + Icon + "' width='20px' height='20px'>&nbsp;";
             }
+            if (toolBar.Name == "跳转审批") {
+                _html += "<button type='button' class='layui-bar layui-btn layui-btn-sm layui-btn-primary dksp' name='" + toolBar.No + "' enable=true " + Oper + ">" + img + toolBar.Name + "</button>";
 
-            _html += "<button type='button' class='layui-bar layui-btn layui-btn-sm layui-btn-primary' name='" + toolBar.No + "' enable=true " + Oper + ">" + img + toolBar.Name + "</button>";
+            }
+            else if (toolBar.Name == "联合审批") {
+                _html += "<button type='button' class='layui-bar layui-btn layui-btn-sm layui-btn-primary lhsp' name='" + toolBar.No + "' enable=true " + Oper + ">" + img + toolBar.Name + "</button>";
+
+            }
+            else {
+                _html += "<button type='button' class='layui-bar layui-btn layui-btn-sm layui-btn-primary' name='" + toolBar.No + "' enable=true " + Oper + ">" + img + toolBar.Name + "</button>";
+
+            }
 
         }
         else {