cloud-web-corejs 1.1.0-dev.10 → 1.1.0-dev.11

package/src/components/xform/styles/h5.scss

@@ -313,8 +313,9 @@ $xformH5Size:14px;
     }
 
     > .el-form-item__content {
-      width: auto !important; // 压对手二的 !important；本方 (0,7,1)+!important
-       text-align: right;
+      text-align: right;
+      display: flex;
+      justify-content: flex-end;
       /* 对手一 (0,3,2)，本方 (0,8,2) */
       span {
         font-size:$xformH5Size;
@@ -529,6 +530,7 @@ $xformH5Size:14px;
 }
 
 /* ============ 块 H：底部动作栏（胶囊按钮，单行、最多三个 + 图标下拉） ============ */
+
 .xform-h5 .h5-detail-wrap .h5-fixed-bottom-btns {
   display: flex;
   align-items: center;
@@ -884,13 +886,13 @@ $xformH5Size:14px;
   align-items: center;
   justify-content: center;
   height: 36px;
-  border-radius: $xformH5CardRadius;
+  border-radius: 8px;
   background: #fff;
-  border: solid 1px #eee;
+  //border: solid 1px #eee;
   color: $baseColor;
   font-size: 13px;
   cursor: pointer;
-
+  margin:-4px 0 8px;
   .h5-list-more-count {
     color: #999;
   }
@@ -968,7 +970,7 @@ $xformH5Size:14px;
     overflow: visible;
     background: #fff;
     border: solid 1px $xformH5RowBorder;
-    border-radius: 10px;
+    border-radius: 8px;
     transition: none; // element 的 item 有 transform 过渡，行式下没意义还会闪
 
     /* 行本体。li 下只有这一个 div，所有子块都在它里面 */
@@ -1332,7 +1334,7 @@ $xformH5Size:14px;
 
   > div {
     position: fixed;
-    top: 24%;
+    top: 19%;
     left: 32px;
     right: 32px;
     box-shadow: 0 0 14px rgba(0, 0, 0, 0.16);
@@ -1405,7 +1407,7 @@ $xformH5Size:14px;
         .line {
           border: solid 1px #e8e8e8;
         }
-        .el-input{width:100% !important}
+        .el-input,.el-select{width:100% !important}
       }
     }
 
@@ -1608,219 +1610,6 @@ $xformH5Size:14px;
 
   }
 
-  /* 搜索行（选用户 / 加签）：输入框 + 右侧「高级筛选」 */
-      .search-H5box {
-        flex: none;
-        position: relative;
-        display: flex;
-        padding: 8px 16px 0;
-
-        .txt {
-          flex: 1;
-          position: relative;
-          height: 38px;
-          background: #fff;
-          border: solid 1px #e4e4e4;
-          border-radius: 38px 0 0 38px;
-
-          .el-input {
-            width: 100% !important;
-          }
-
-          .el-input__inner {
-            height: 38px !important;
-            width: 100%;
-            border: none;
-            background: none;
-            line-height: 38px;
-            padding-left: 39px;
-            font-size: 13px;
-          }
-
-          /* 放大镜挪到左侧（element 默认在右） */
-          .el-input__suffix {
-            position: absolute;
-            left: 12px;
-            right: inherit;
-            top: 7px;
-            width: 20px;
-            transform: inherit !important;
-          }
-
-          .el-input-group__append {
-            border: none;
-            background: none;
-
-            .el-button {
-              border: none;
-              background: $baseColor;
-              color: #fff;
-              width: 53px;
-              height: 30px;
-              padding: 0;
-              position: absolute;
-              right: 4px;
-              top: 4px;
-              /* element 给 .el-input-group__append .el-button 定了 margin:-10px -20px，
-                 绝对定位后这对负边距会把按钮整体往右上顶出去（实测右溢 16px、上溢
-                 5px，正好压在「高级筛选」上）。原文是用 right:26px/top:14px 反向补
-                 偿的，这里直接清零，right/top 才是所见即所得。 */
-              margin: 0;
-              border-radius: 30px;
-              outline: none;
-              font-size: 13px;
-            }
-          }
-        }
-
-        .icon-screen {
-          flex: none;
-          height: 38px;
-          line-height: 38px;
-          padding: 0 10px;
-          font-size: 13px;
-          color: $baseColor;
-          background: transparentize($baseColor, 0.88);
-          border: solid 1px #e4e4e4;
-          border-left: none;
-          border-radius: 0 10px 10px 0;
-
-          i {
-            margin-right: 5px;
-            font-size: 14px;
-          }
-        }
-      }
-
-      /* 修改单据：表单直接挂在骨架下，不套 .flex */
-      > .el-dialog__body > div > .form-box {
-        flex: 1;
-        min-height: 0;
-        overflow-y: auto;
-      }
-
-      .flex {
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        min-height: 0;
-
-        /* 可滚动的候选列表 */
-        .checkbox-all_list {
-          flex: 1;
-          min-height: 0;
-          /* 只放开纵向。写成 overflow:auto 时横向也可滚，卡片里一旦有超长内容
-             （用户资料的「地址」字段存的是一整条图片 URL）就会拖出一条横向滚动条。 */
-          overflow-y: auto;
-          overflow-x: hidden;
-          padding: 0 12px;
-
-          .order-item {
-            background: #fff;
-
-            .is-checked {
-              position: absolute;
-              right: 0;
-              top: 0;
-              width: 62px;
-              height: 22px;
-              line-height: 20px;
-              text-align: center;
-              font-size: 13px;
-              color: #fff;
-              background: #e2e2e2;
-              border: solid 1px #dcdcdc;
-              border-radius: 0 8px 0 6px;
-
-              i {
-                margin-right: 3px;
-                font-size: 13px;
-              }
-            }
-
-            &.on {
-              border: solid 1px $baseColor;
-
-              .is-checked {
-                border-color: $baseColor;
-                background: $baseColor;
-              }
-            }
-          }
-        }
-
-        /* 已选区（底部固定，不滚） */
-        .checkbox-all {
-          flex: none;
-          position: relative;
-          min-height: 80px;
-          padding: 0 12px 8px;
-          background: #fff;
-          box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.06);
-
-          .ca-t {
-            margin: 8px 0;
-            font-size: 14px;
-            font-weight: 600;
-          }
-
-          .ca-c span {
-            display: inline-block;
-            position: relative;
-            height: 24px;
-            line-height: 24px;
-            padding: 0 28px 0 2px;
-            margin: 4px 10px 4px 0;
-            font-size: 13px;
-            color: $baseColor;
-            border: solid 1px $baseColor;
-            border-radius: 4px;
-
-            i {
-              position: absolute;
-              top: 0;
-              right: 0;
-              width: 24px;
-              height: 24px;
-              line-height: 24px;
-              text-align: center;
-              background: transparentize($baseColor, 0.91);
-            }
-          }
-        }
-
-        .form-box {
-          display: flex;
-          flex-direction: column;
-          flex: 1;
-          overflow: hidden;
-
-          .tit {
-            margin: 8px 12px;
-            background: rgba(51, 106, 153, 0.1);
-            border-radius: 11px;
-            padding: 10px 12px;
-            font-size: 13px;
-            color: $baseColor;
-
-            &:before {
-              content: "";
-              width: 5px;
-              height: 5px;
-              background: $baseColor;
-              border-radius: 50%;
-              vertical-align: middle;
-              margin-right: 5px;
-              display: inline-block;
-            }
-
-            > span {
-              vertical-align: middle;
-            }
-          }
-        }
-      }
-
       /* 按钮口径与块 H 的底部动作栏、块 G 的明细详情弹框页脚保持一致（40px 高胶囊）。
          原文搬过来时是 border-radius:14px —— 那是手写移动页 resources/css/h5.scss 的
          口径，跟包内基线不是一套，同一屏里会出现两种按钮，故改齐。
@@ -1845,78 +1634,7 @@ $xformH5Size:14px;
         }
       }
 
-      /* 列表里的一张候选卡片。原文挂在 .h5-box 下（不在 .pop-box 段内），
-         xform 里只有这批弹层用得到，就收进来。 */
-      .order-item {
-        position: relative;
-        border: solid 1px #f0f1f1;
-        border-radius: 12px;
-        padding: 8px 10px;
-        margin: 8px 0;
-
-        /* 左侧那道竖条 */
-        &:before {
-          content: "";
-          position: absolute;
-          left: 0;
-          top: 6px;
-          width: 3px;
-          height: 50px;
-          background: $baseColor;
-          border-radius: 5px;
-        }
-
-        /* 卡片里放的是用户资料原值，可能出现超长且无空格的串（「地址」字段实际存的
-           是一整条图片 URL）。默认不允许在非空白处断行，这种串会把卡片整体撑宽、
-           连带拖出横向滚动条，所以这里统一允许任意位置断行。 */
-        .t1,
-        .t2 {
-          word-break: break-all;
-          overflow-wrap: anywhere;
-        }
-
-        .t1 {
-          margin-bottom: 6px;
-
-          /* 模板里恒有 <i class="icon">（原文设了一圈头像样式后又 display:none，
-             等于留着没用）。照原样隐藏，避免哪天有人给裸 .icon 加了全局规则时冒出来。 */
-          .icon {
-            display: none;
-          }
-
-          span {
-            vertical-align: middle;
-            margin: 0 5px 0 0;
-          }
-        }
-
-        .t2 {
-          font-size: 11px;
-          color: rgba(128, 128, 128, 0.8);
-
-          p {
-            min-width: 50%;
-            /* 没有 max-width 时，inline-block 会被里面的长串顶到超出卡片宽度 */
-            max-width: 100%;
-            margin: 4px 0;
-            display: inline-block;
-            vertical-align: top;
-            font-size:13px;
-          }
-        }
-
-        /* 修改候选人：卡片内的「设置候选人」按钮 */
-        .btns {
-          text-align: right;
-          margin-top: 4px;
 
-          .btn {
-            height: 28px;
-            padding: 0 10px;
-            font-size: 13px;
-          }
-        }
-      }
 
 }
 
@@ -2010,28 +1728,413 @@ $xformH5Size:14px;
         flex: 1;
         margin: 0 8px;
         height: 42px;
-        border-radius: 12px;
+        border-radius: 42px;
       }
     }
   }
 }
 
 .el-dialog.h5view-dialog {
-    margin: 0 !important;
-    /* 同上：手机浏览器地址栏占位时 100vh 比可视区高，弹框底部的「关闭」会被顶出屏幕。
-       dvh 打头、vh 兜底，见块 G 的说明。 */
-    height: calc(100vh - 15px);
-    height: calc(100dvh - 15px);
+  margin: 0 !important;
+  /* 同上：手机浏览器地址栏占位时 100vh 比可视区高，弹框底部的「关闭」会被顶出屏幕。
+     dvh 打头、vh 兜底，见块 G 的说明。 */
+  height: calc(100vh - 15px);
+  height: calc(100dvh - 15px);
+  display: flex;
+  flex-direction: column;
+  border-radius: 0;
+
+  > .el-dialog__body {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .form-box {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: hidden;
+    background:#FFF;
+    .tit {
+      margin: 8px 12px;
+      background: rgba(51, 106, 153, 0.1);
+      border-radius: 11px;
+      padding: 10px 12px;
+      font-size: 13px;
+      color: $baseColor;
+
+      &:before {
+        content: "";
+        width: 5px;
+        height: 5px;
+        background: $baseColor;
+        border-radius: 50%;
+        vertical-align: middle;
+        margin-right: 5px;
+        display: inline-block;
+      }
+
+      > span {
+        vertical-align: middle;
+      }
+    }
+  }
+
+  /* 内容区的 height 是模板里的内联样式，只能用 !important 压掉，
+     改由上面的 flex 决定高度 */
+  .cont {
+    height: 100% !important;overflow: auto;
+    .h5-list-box{
+     margin:12px;padding:0 !important;background:none !important;
+     .item{
+       border:none;
+       .t2{
+         dl{
+           font-size:14px;color:#666;
+           dd{
+             margin:0;
+             color:#323232;
+             text-align:right;
+           }
+         }
+       }
+     }
+    }
+  }
+
+  /* 底部「关闭」：与底部动作栏同款胶囊，铺满一行 */
+  > .el-dialog__footer {
+    flex: none;
+    padding: 8px 13px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
+    .dialog-footer{display:flex;}
+    .button-sty,
+    .el-button {
+      height: 40px;
+      border-radius: 30px;
+      padding: 0;
+      font-size: 13px;
+      flex:1;
+      i {
+        margin-right: 3px;
+      }
+    }
+  }
+
+  /*步骤条*/
+  /* ---- 任务情况时间轴 ---- */
+  .h5-process-info {
+    font-size: $xformH5Size;
+    padding: 12px 16px;
+    background: #fff;
+    margin: 12px 16px;
+    border-radius: 15px;
+    overflow:auto;
+    .item {
+      display: flex;
+      line-height: 1.4;
+      padding: 6px 0 8px;
+      position: relative;
+
+      &:after {
+        content: "";
+        width: 2px;
+        position: absolute;
+        background: #e9e9e9;
+        top: 22px;
+        bottom: -10px;
+        left: 76px;
+        z-index: 2;
+      }
+
+      &:last-child:after {
+        display: none;
+      }
+
+      .time {
+        color: #666;
+        width: 82px;
+        position: absolute;
+        top: 37px;
+        left: -14px;
+        right: 0;
+        text-align: center;
+        zoom: 0.9;
+      }
+
+      .status {
+        width: 50px;
+        line-height: 16px;
+        padding: 2px 0;
+        height: 100%;
+        text-align: center;
+        border-radius: 22px;
+        vertical-align: middle;
+        background: #fff;
+        border: 1px solid #dcdfe6;
+        color: #606266;
+
+        &.green {
+          border: solid 1px #acedc9;
+          background: #e7faf0;
+          color: #67c23a;
+        }
+        &.red {
+          border: solid 1px #ffcaca;
+          background: #ffeded;
+          color: #f56c6c;
+        }
+        &.gray {
+          color: #d6d6d6;
+          background: #f4f4f5;
+          border-color: #d3d4d6;
+        }
+        &.orgn {
+          color: #e6a23c;
+          background: #fdf6ec;
+          border-color: #f5dab1;
+        }
+        &.blue {
+          background-color: transparentize($baseColor, 0.94);
+          color: $baseColor;
+          border: solid 1px transparentize($baseColor, 0.72);
+        }
+      }
+
+      .circle {
+        background: $baseColor;
+        width: 14px;
+        height: 14px;
+        border-radius: 50%;
+        border: solid 3px #fff;
+        display: inline-block;
+        margin: 3px 20px;
+        z-index: 9;
+      }
+
+      .info {
+        width: calc(100% - 100px);
+        color:#666;
+        p {
+          margin: 2px 0;
+          display: block;
+
+          > span {
+            display: inline-block;
+            min-width: 50%;
+
+            &.name {
+              font-weight: 600;
+              width: 100%;
+              margin-bottom: 3px;
+              color:#323232;
+            }
+          }
+
+          &.t {
+            display: flex;
+
+            .t1 {
+              min-width: 65px;
+              margin-right: 0;
+              flex: none;
+            }
+
+            span {
+              flex: 1;
+              white-space: pre-line;
+            }
+          }
+        }
+      }
+    }
+  }
+
+
+  /* 搜索行（选用户 / 加签）：输入框 + 右侧「高级筛选」 */
+  .search-H5box {
+    flex: none;
+    position: relative;
+    display: flex;
+    padding: 8px 16px 0;
+
+    .txt {
+      flex: 1;
+      position: relative;
+      height: 38px;
+      background: #fff;
+      border: solid 1px #e4e4e4;
+      border-radius: 38px 0 0 38px;
+
+      .el-input {
+        width: 100% !important;
+      }
+
+      .el-input__inner {
+        height: 38px !important;
+        width: 100%;
+        border: none;
+        background: none;
+        line-height: 38px;
+        padding-left: 39px;
+        font-size: 13px;
+      }
+
+      /* 放大镜挪到左侧（element 默认在右） */
+      .el-input__suffix {
+        position: absolute;
+        left: 12px;
+        right: inherit;
+        top: 7px;
+        width: 20px;
+        transform: inherit !important;
+      }
+
+      .el-input-group__append {
+        border: none;
+        background: none;
+
+        .el-button {
+          border: none;
+          background: $baseColor;
+          color: #fff;
+          width: 53px;
+          height: 30px;
+          padding: 0;
+          position: absolute;
+          right: 4px;
+          top: 4px;
+          /* element 给 .el-input-group__append .el-button 定了 margin:-10px -20px，
+             绝对定位后这对负边距会把按钮整体往右上顶出去（实测右溢 16px、上溢
+             5px，正好压在「高级筛选」上）。原文是用 right:26px/top:14px 反向补
+             偿的，这里直接清零，right/top 才是所见即所得。 */
+          margin: 0;
+          border-radius: 30px;
+          outline: none;
+          font-size: 13px;
+        }
+      }
+    }
+
+    .icon-screen {
+      flex: none;
+      height: 38px;
+      line-height: 38px;
+      padding: 0 10px;
+      font-size: 13px;
+      color: $baseColor;
+      background: transparentize($baseColor, 0.88);
+      border: solid 1px #e4e4e4;
+      border-left: none;
+      border-radius: 0 10px 10px 0;
+
+      i {
+        margin-right: 5px;
+        font-size: 14px;
+      }
+    }
+  }
+
+  /* 修改单据：表单直接挂在骨架下，不套 .flex */
+  > .el-dialog__body > div > .form-box {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+  }
+  .selected-flex-box{
+    display: flex;height:100%;flex-direction: column;
+  }
+  .flex {
     display: flex;
     flex-direction: column;
-    border-radius: 0;
+    flex: 1;
+    min-height: 0;
 
-    > .el-dialog__body {
+    /* 可滚动的候选列表 */
+    .checkbox-all_list {
       flex: 1;
       min-height: 0;
+      /* 只放开纵向。写成 overflow:auto 时横向也可滚，卡片里一旦有超长内容
+         （用户资料的「地址」字段存的是一整条图片 URL）就会拖出一条横向滚动条。 */
       overflow-y: auto;
-      -webkit-overflow-scrolling: touch;
+      overflow-x: hidden;
+      padding: 0 12px;
+
+      .order-item {
+        background: #fff;
+
+        .is-checked {
+          position: absolute;
+          right: 0;
+          top: 0;
+          width: 62px;
+          height: 22px;
+          line-height: 20px;
+          text-align: center;
+          font-size: 13px;
+          color: #fff;
+          background: #e2e2e2;
+          border: solid 1px #dcdcdc;
+          border-radius: 0 8px 0 6px;
+
+          i {
+            margin-right: 3px;
+            font-size: 13px;
+          }
+        }
+
+        &.on {
+          border: solid 1px $baseColor;
+
+          .is-checked {
+            border-color: $baseColor;
+            background: $baseColor;
+          }
+        }
+      }
+    }
+
+    /* 已选区（底部固定，不滚） */
+    .checkbox-all {
+      flex: none;
+      position: relative;
+      min-height: 80px;
+      padding: 0 12px 8px;
+      background: #fff;
+      box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.06);
+      border-bottom: solid 1px $xformH5RowBorder;
+      .ca-t {
+        margin: 8px 0;
+        font-size: 14px;
+        font-weight: 600;
+      }
+
+      .ca-c span {
+        display: inline-block;
+        position: relative;
+        height: 24px;
+        line-height: 24px;
+        padding: 0 28px 0 2px;
+        margin: 4px 10px 4px 0;
+        font-size: 13px;
+        color: $baseColor;
+        border: solid 1px $baseColor;
+        border-radius: 4px;
+
+        i {
+          position: absolute;
+          top: 0;
+          right: 0;
+          width: 24px;
+          height: 24px;
+          line-height: 24px;
+          text-align: center;
+          background: transparentize($baseColor, 0.91);
+        }
+      }
     }
+
     .form-box {
       display: flex;
       flex-direction: column;
@@ -2062,177 +2165,98 @@ $xformH5Size:14px;
         }
       }
     }
+  }
 
-    /* 内容区的 height 是模板里的内联样式，只能用 !important 压掉，
-       改由上面的 flex 决定高度 */
-    .cont {
-      height: 100% !important;overflow: auto;
-      .h5-list-box{
-       margin:12px;padding:0 !important;background:none !important;
-       .item{
-         border:none;
-         .t2{
-           dl{
-             font-size:14px;color:#666;
-             dd{
-               margin:0;
-               color:#323232;
-               text-align:right;
-             }
-           }
-         }
-       }
-      }
-    }
-
-    /* 底部「关闭」：与底部动作栏同款胶囊，铺满一行 */
-    > .el-dialog__footer {
-      flex: none;
-      padding: 8px 13px;
-      box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
 
-      .button-sty,
-      .el-button {
-        width: 100%;
-        height: 40px;
-        border-radius: 30px;
-        padding: 0;
-        font-size: 13px;
+  /* 列表里的一张候选卡片。原文挂在 .h5-box 下（不在 .pop-box 段内），
+     xform 里只有这批弹层用得到，就收进来。 */
+  .order-item {
+    position: relative;
+    border: solid 1px #f0f1f1;
+    border-radius: 12px;
+    padding: 8px 10px;
+    margin: 8px 0;
 
-        i {
-          margin-right: 3px;
-        }
-      }
+    /* 左侧那道竖条 */
+    &:before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 6px;
+      width: 3px;
+      height: 50px;
+      background: $baseColor;
+      border-radius: 5px;
     }
 
-    /*步骤条*/
-    /* ---- 任务情况时间轴 ---- */
-    .h5-process-info {
-      font-size: $xformH5Size;
-      padding: 12px 16px;
-      background: #fff;
-      margin: 12px 16px;
-      border-radius: 15px;
-      overflow:auto;
-      width:100%;
-      .item {
-        display: flex;
-        line-height: 1.4;
-        padding: 6px 0 8px;
-        position: relative;
-
-        &:after {
-          content: "";
-          width: 2px;
-          position: absolute;
-          background: #e9e9e9;
-          top: 22px;
-          bottom: -10px;
-          left: 76px;
-          z-index: 2;
-        }
+    /* 卡片里放的是用户资料原值，可能出现超长且无空格的串（「地址」字段实际存的
+       是一整条图片 URL）。默认不允许在非空白处断行，这种串会把卡片整体撑宽、
+       连带拖出横向滚动条，所以这里统一允许任意位置断行。 */
+    .t1,
+    .t2 {
+      word-break: break-all;
+      overflow-wrap: anywhere;
+    }
 
-        &:last-child:after {
-          display: none;
-        }
+    .t1 {
+      margin-bottom: 6px;
 
-        .time {
-          color: #666;
-          width: 82px;
-          position: absolute;
-          top: 37px;
-          left: -14px;
-          right: 0;
-          text-align: center;
-          zoom: 0.9;
-        }
-
-        .status {
-          width: 50px;
-          line-height: 16px;
-          padding: 2px 0;
-          height: 100%;
-          text-align: center;
-          border-radius: 22px;
-          vertical-align: middle;
-          background: #fff;
-          border: 1px solid #dcdfe6;
-          color: #606266;
-
-          &.green {
-            border: solid 1px #acedc9;
-            background: #e7faf0;
-            color: #67c23a;
-          }
-          &.red {
-            border: solid 1px #ffcaca;
-            background: #ffeded;
-            color: #f56c6c;
-          }
-          &.gray {
-            color: #d6d6d6;
-            background: #f4f4f5;
-            border-color: #d3d4d6;
-          }
-          &.orgn {
-            color: #e6a23c;
-            background: #fdf6ec;
-            border-color: #f5dab1;
-          }
-          &.blue {
-            background-color: transparentize($baseColor, 0.94);
-            color: $baseColor;
-            border: solid 1px transparentize($baseColor, 0.72);
-          }
-        }
+      /* 模板里恒有 <i class="icon">（原文设了一圈头像样式后又 display:none，
+         等于留着没用）。照原样隐藏，避免哪天有人给裸 .icon 加了全局规则时冒出来。 */
+      .icon {
+        display: none;
+      }
 
-        .circle {
-          background: $baseColor;
-          width: 14px;
-          height: 14px;
-          border-radius: 50%;
-          border: solid 3px #fff;
-          display: inline-block;
-          margin: 3px 20px;
-          z-index: 9;
-        }
+      span {
+        vertical-align: middle;
+        margin: 0 5px 0 0;
+      }
+    }
 
-        .info {
-          width: calc(100% - 100px);
-          color:#666;
-          p {
-            margin: 2px 0;
-            display: block;
-
-            > span {
-              display: inline-block;
-              min-width: 50%;
-
-              &.name {
-                font-weight: 600;
-                width: 100%;
-                margin-bottom: 3px;
-                color:#323232;
-              }
-            }
+    .t2 {
+      font-size: 11px;
+      color: rgba(128, 128, 128, 0.8);
 
-            &.t {
-              display: flex;
+      p {
+        min-width: 50%;
+        /* 没有 max-width 时，inline-block 会被里面的长串顶到超出卡片宽度 */
+        max-width: 100%;
+        margin: 4px 0;
+        display: inline-block;
+        vertical-align: top;
+        font-size:13px;
+      }
+    }
 
-              .t1 {
-                min-width: 65px;
-                margin-right: 0;
-                flex: none;
-              }
+    /* 修改候选人：卡片内的「设置候选人」按钮 */
+    .btns {
+      text-align: right;
+      margin-top: 4px;
 
-              span {
-                flex: 1;
-                white-space: pre-line;
-              }
-            }
-          }
-        }
+      .btn {
+        height: 28px;
+        padding: 0 10px;
+        font-size: 13px;
       }
     }
+  }
 
+}
+.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus{
+  background:none
+}
+.h5-dropdown-button.button-sty{
+  width: 100%;
+  height: 40px;
+  border-radius: 30px;
+  padding: 0;
+  /* 三个并排时按钮偏窄：字号收一档、超长省略，避免文字撑破 */
+  font-size: 13px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  i {
+    margin-right: 3px;
   }
+}