Переглянути джерело

办件中心附件样式优化

songxy 1 рік тому
батько
коміт
bf6fce5f37

+ 14 - 11
zjugis-workflow/src/main/resources/templates/IModal/left.ftl

@@ -54,9 +54,11 @@
         <div class="workflow-left-layout"></div>
         <div class="z-comp-tab tab-thread oa_workflowtab" name="workflowtab" style="height: 100%;">
             <ul class="z-tab-bar">
-                <li z-tabindex="0"><a>流程办理</a></li>
                 <#if iMaterials>
+                    <li z-tabindex="0"><a>流程办理</a></li>
                     <li z-tabindex="1" class="on"><a>附件材料</a></li>
+                <#else>
+                    <li z-tabindex="0" class="on" style="width: 100%;text-align: left;"><a>流程办理</a></li>
                 </#if>
             </ul>
             <div class="z-tab-scroll">
@@ -149,14 +151,16 @@
     .oa_workflowtab .z-tab-bar {
         padding: 0px;
         margin-top: 20px;
-        border-left: 4px solid #2e77e6;
-        background: #ebf2fe;
-        border-top-right-radius: 20px;
-        border-bottom-right-radius: 20px;
-        width: 70%;
         text-align: center;
         font-weight: bold;
-        color: #000;
+        color: #333;
+        display: flex;
+        background: #e8f0fb;
+        width: calc(100% - 20px);
+        margin-left: 10px;
+        margin-right: 10px;
+        border-radius: 5px;
+        overflow: hidden;
     }
     .tab-thread .z-tab-bar {
         border-bottom: 0px;
@@ -165,18 +169,17 @@
         float: none;
         display: inline-block;
         padding: 10px 20px;
-        border-radius: 4px 4px 0px 0px;
         border: 0px;
+        width: 50%;
     }
     .tab-thread .z-tab-bar li.on {
-        border: 0px;
         background: #2e77e6;
     }
     .oa_workflowtab .z-tab-bar>li>a {
         top: 0px;
         padding: 0px;
-        color: #000;
-        font-size: 18px;
+        color: #333;
+        font-size: 15px;
     }
     .oa_workflowtab .z-tab-bar .on a {
         color: #fff !important;