ui

src/pages/main/leader/leaderHprocess.vue

@@ -21,36 +21,42 @@
                 :max="99"
                 :hidden="items.noTaskNum == 0"
               >
-                <div style="float: left;">
-                  <i
-                    @click="jumpTo(items)"
-                    v-if="items.sts == '0' && items.icon"
-                    v-html="items.icon"
-                  >
-                    {{ items.icon }}
-                  </i>
-                  <i
-                    @click="jumpTo(items)"
-                    :class="'el-icon-user'"
-                    v-if="items.sts == '0' && !items.icon"
-                    style="background: #0b82ff"
-                  ></i>
-                  <i
-                    :class="'iconfont icon-tongji'"
-                    v-if="items.sts != '0'"
-                    style="background: #ddd"
-                  ></i>
-                  <el-tooltip
-                    class="item"
-                    effect="dark"
-                    :content="items.moduleName"
-                    placement="bottom"
-                  >
-                  </el-tooltip>
-                </div>
-                <div class="span" style="float: right;">
-                  <div  @click="jumpTo(items)">
-                    {{ items.moduleName }}
+                <div class="elbadgefather">
+                  <div class="elbadgeson1">
+                    <i
+                      @click="jumpTo(items)"
+                      v-if="items.sts == '0' && items.icon"
+                      v-html="items.icon"
+                    >
+                      {{ items.icon }}
+                    </i>
+                    <i
+                      @click="jumpTo(items)"
+                      :class="'el-icon-user'"
+                      v-if="items.sts == '0' && !items.icon"
+                      style="background: #0b82ff"
+                    ></i>
+                    <i
+                      :class="'iconfont icon-tongji'"
+                      v-if="items.sts != '0'"
+                      style="background: #ddd"
+                    ></i>
+                    <el-tooltip
+                      class="item"
+                      effect="dark"
+                      :content="items.moduleName"
+                      placement="bottom"
+                    >
+                    </el-tooltip>
+                  </div>
+                  <div class="elbadgeson2">
+                    <div
+                      class="span"
+                      style="float: right"
+                      @click="jumpTo(items)"
+                    >
+                      {{ items.moduleName }}
+                    </div>
                     <div class="f-box-tit">
                       {{ item.unitName }}
                     </div>
@@ -261,8 +267,6 @@ export default {
       display: inline-block;
       height: 26px;
       line-height: 26px;
-
-    
     }
   }
 }
@@ -297,7 +301,14 @@ export default {
 
       .span {
         font-size: 13px;
-        display: block;
+        text-align: left;
+        width: 200px;
+        height: 20px;
+        line-height: 20px;
+        cursor: pointer;
+      }
+      .f-box-tit{
+        font-size: 13px;
         text-align: left;
         width: 200px;
         height: 20px;
@@ -340,4 +351,11 @@ export default {
   margin-top: 8px;
   margin-right: 35px;
 }
+.elbadgefather{
+  display: flex;
+}
+.elbadgeson2{
+  display: flex;
+  flex-direction: column;
+}
 </style>