eoss-mobiles 0.1.13

package/packages/theme-chalk/src/field.scss

@@ -0,0 +1,28 @@
+.em-input {
+  .van-field__label {
+    align-self: center;
+  }
+  .hide-label{
+    .van-field__label{
+      display: none;
+    }
+  }
+  .van-cell--required::before {
+    
+      content: '';
+  }
+  .van-cell--required {
+    .van-field__label {
+      position: relative;
+    }
+    .van-field__label::before {
+      position: absolute;
+      left:-10px;
+      top: 60%;
+      transform: translate(0px, -50%);
+      color: #ee0a24;
+      font-size: 14px;
+      content: '*';
+    }
+  }
+}

package/packages/theme-chalk/src/flow.scss

@@ -0,0 +1,542 @@
+@import './common/var.scss';
+.em-flow {
+  
+  .process-handle,.process-start,.process-reject,.process-task{
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    .process-content,.startFlow-content,.reject-content,.transfer-content {
+      flex: 1;
+      overflow: auto;
+      background-color: #f2f2f2;
+      padding: 16px 10px 10px 10px;
+      .present-node {
+        display: flex;
+        align-items: center;
+        font-size: 12px;
+        font-family: PingFang SC;
+        font-weight: 400;
+        color: #333333;
+        margin-bottom: 16px;
+        .label {
+          margin-right: 12px;
+          color: #666666;
+        }
+      }
+      .input-box {
+        border-radius: 4px;
+        background-color: #fff;
+        .shrink-btn {
+          background-color: #fff;
+          padding: 10px 0px;
+          margin: 0px 17px 0px 16px;
+          text-align: center;
+          font-size: 12px;
+          color: $--color-primary;
+          border-bottom: 1px solid #eeeeee;
+        }
+        .item {
+          .van-cell {
+            padding: 16px 17px 0px 16px;
+            display: block;
+          }
+          .van-field__label {
+            font-weight: 500;
+            color: #333333;
+            font-size: 16px;
+            width: 100% !important;
+          }
+          .van-field__control {
+            border-bottom: 1px solid #eeeeee;
+            padding-bottom: 16px;
+            padding-top: 12px;
+            font-size: 14px;
+            font-weight: 400;
+            color: #999999;
+          }
+           .van-checkbox__label {
+            color: #999999;
+            font-size: 14px;
+          }
+          .van-radio__label {
+            color: #999999;
+            font-size: 14px;
+          }
+          .van-cell--required::before {
+            font-size: 16px;
+            left: 16px;
+            color: #cd0000;
+          }
+          //  .van-cell--required > .van-cell__title {
+          //   padding-left: 14px;
+          // }
+          .van-field__body {
+            position: relative;
+          }
+          .van-field__right-icon {
+            position: absolute;
+            right: 0px;
+          }
+          .van-radio--horizontal {
+            margin-bottom: 3px;
+          }
+          .select-list {
+            display: flex;
+            flex-wrap: wrap;
+            .item {
+              padding: 0px 8px;
+              border-radius: 20px;
+              border: 1px solid $--color-primary;
+              font-size: 14px;
+              display: flex;
+              font-size: 14px;
+              font-weight: 400;
+              color: $--color-primary;
+              margin-left: 3px;
+              margin-bottom: 3px;
+              .delte {
+                margin-left: 9px;
+                display: flex;
+                align-items: center;
+                img {
+                  width: 15px;
+                  height: 15px;
+                }
+              }
+            }
+          }
+        }
+        .item-msg2 {
+          .van-field__control {
+            border: none;
+          }
+        }
+        .item-limited-time {
+          .van-field__control {
+            padding: 0px;
+            border-bottom: none;
+          }
+          .item-limited-time-content {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .day-text {
+              padding-top: 16px;
+            }
+            .van-field__control {
+              padding: 0px;
+              border-bottom: 1px solid #eeeeee;
+              text-align: center;
+            }
+          }
+        }
+        .item-user {
+          .template-input-user {
+            width: 100%;
+            .next-user-change {
+              display: flex;
+              justify-content: space-between;
+              width: 100%;
+              .ts {
+                width: calc(100% - 16px);
+              }
+            }
+            .van-icon {
+              font-size: 16px;
+            }
+            .next-user-checkbox {
+              margin-bottom: 10px;
+              //   .van-checkbox {
+              //   margin-bottom: 5px;
+              // }
+            }
+          }
+        }
+        .itemRadio {
+          .van-field__control {
+            padding-bottom: 0px;
+            border-bottom: none;
+          }
+        }
+      }
+    }
+  }
+  .btn-list {
+    font-size: 16px;
+    width: 100%;
+    height: 83px;
+    background-color: #fff;
+    display: flex;
+    color: $--color-primary;
+    justify-content: center;
+    align-items: center;
+    .btn {
+      width: 154px;
+      height: 40px;
+      border: 1px solid $--color-primary;
+      border-radius: 20px;
+      text-align: center;
+      line-height: 40px;
+      &:last-child {
+        background: $--color-primary;
+        color: #fff;
+        border-radius: 20px;
+        margin-left: 15px;
+      }
+    }
+  }
+  .opinton-content {
+    .input-box-file {
+      .van-field__control {
+        border-bottom: none;
+      }
+    }
+    .input-box {
+      border-radius: 4px;
+      .item {
+        .van-cell {
+          padding: 16px 17px 0px 16px;
+          display: block;
+        }
+        .van-field__label {
+          font-weight: 500;
+          color: #333333;
+          font-size: 16px;
+          width: 100% !important;
+        }
+        .van-field__control {
+          border-bottom: 1px solid #eeeeee;
+          padding-bottom: 16px;
+          padding-top: 12px;
+          font-size: 14px;
+          font-weight: 400;
+          color: #999999;
+        }
+        .van-radio__label {
+          color: #999999;
+          font-size: 14px;
+        }
+        .van-cell--required::before {
+          font-size: 16px;
+          left: 16px;
+          color: #cd0000;
+        }
+        .van-cell--required > .van-cell__title {
+          padding-left: 14px;
+        }
+        .van-field__body {
+          position: relative;
+        }
+        .van-field__right-icon {
+          position: absolute;
+          right: 0px;
+        }
+        .van-radio--horizontal {
+          margin-bottom: 3px;
+        }
+        // &:last-child {
+        //     .van-field__control {
+        //     border-bottom: none;
+        //   }
+        // }
+        .select-list {
+          display: flex;
+          .item {
+            padding: 8px;
+            border-radius: 20px;
+            border: 1px solid $--color-primary;
+            font-size: 14px;
+            display: flex;
+            font-size: 14px;
+            font-weight: 400;
+            color: $--color-primary;
+            .delte {
+              margin-left: 9px;
+              img {
+                width: 15px;
+                height: 15px;
+              }
+            }
+          }
+        }
+      }
+      .itemRadio {
+        .van-field__control {
+          padding-bottom: 0px;
+          border-bottom: none;
+        }
+      }
+      .item-file {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        .van-field__control {
+          padding-top: 0px;
+          padding-bottom: 0px;
+        }
+        .upload-file-label {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          .add-icon {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 8px;
+            border-radius: 50%;
+            border: 1px dashed #999999;
+            .icon {
+              font-size: 14px;
+            }
+          }
+        }
+        .file-list {
+          .file-item {
+            display: flex;
+            align-items: center;
+            .left {
+              .file-icon {
+                width: 34px;
+                height: 34px;
+              }
+              margin-right: 8px;
+            }
+            .right {
+              width: 281px;
+              height: 65px;
+              border-bottom: 1px solid #eeeeee;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              .name {
+                font-size: 14px;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #333333;
+              }
+              .size {
+                margin-top: 9px;
+                font-weight: 400;
+                color: #999999;
+                font-size: 12px;
+              }
+              .delete-icon {
+                width: 15px;
+                height: 15px;
+              }
+            }
+            & :last-child {
+              .righ {
+                border-bottom: none;
+              }
+            }
+          }
+        }
+      }
+    }
+    .input-box[type='haveFile'] {
+      .van-field__control {
+        border-bottom: none;
+      }
+    }
+  }
+
+  .flow-message {
+    .van-checkbox__label {
+      color: #999999;
+      font-size: 14px;
+    }
+    .van-field__control{
+      color: #999;
+    }
+    .van-checkbox {
+      margin-bottom: 5px;
+    }
+    .template-input-two{
+     padding-top: 15px;
+    }
+        .van-cell {
+          display: block;
+        }
+        .van-field__label {
+          font-weight: 500;
+          color: #000;
+          font-size: 16px;
+          width: 100% !important;
+        }
+
+      .msg {
+        .van-cell {
+          border: 1px solid #eeeeee;
+          margin-top: 12px;
+          
+          color: #999;
+        }
+      }
+  }
+
+  .startFlow-content {
+    height: 100%;
+    overflow: auto;
+    background-color: #f2f2f2;
+    .present-node {
+      display: flex;
+      align-items: center;
+      font-size: 12px;
+      font-family: PingFang SC;
+      font-weight: 400;
+      color: #333333;
+      margin-bottom: 16px;
+      .label {
+        margin-right: 12px;
+        color: #666666;
+      }
+    }
+    .input-box {
+      border-radius: 4px;
+      background-color: #fff;
+      .shrink-btn {
+        padding: 10px 0px;
+        margin: 0px 17px 0px 16px;
+        text-align: center;
+        font-size: 12px;
+        color: $--color-primary;
+        border-bottom: 1px solid #eeeeee;
+      }
+      .item {
+        .msg {
+          ::v-deep .van-field {
+            padding: 16px 17px 16px 16px;
+            border: 1px solid #eeeeee;
+          }
+          ::v-deep .van-field__control {
+            padding: 0px;
+          }
+        }
+        ::v-deep .van-cell {
+          padding: 16px 17px 0px 16px;
+          display: block;
+        }
+        ::v-deep .van-field__label {
+          font-weight: 500;
+          color: #333333;
+          font-size: 16px;
+          width: 100%;
+        }
+        ::v-deep .van-field__control {
+          border-bottom: 1px solid #eeeeee;
+          padding-bottom: 16px;
+          padding-top: 12px;
+          font-size: 14px;
+          font-weight: 400;
+          color: #999999;
+        }
+        ::v-deep .van-checkbox__label {
+          color: #999999;
+          font-size: 14px;
+        }
+        ::v-deep .van-radio__label {
+          color: #999999;
+          font-size: 14px;
+        }
+        ::v-deep .van-cell--required::before {
+          font-size: 16px;
+          left: 16px;
+          color: #cd0000;
+          top: 22%;
+          transform: translate(0, 0);
+        }
+        // ::v-deep.van-cell--required > .van-cell__title {
+        //   padding-left: 14px;
+        // }
+        ::v-deep .van-field__body {
+          position: relative;
+        }
+        ::v-deep .van-field__right-icon {
+          position: absolute;
+          right: 0px;
+        }
+        ::v-deep .van-radio--horizontal {
+          margin-bottom: 3px;
+        }
+        &:last-child {
+          ::v-deep .van-field__control {
+            border-bottom: none;
+          }
+        }
+        .select-list {
+          display: flex;
+          .item {
+            padding: 8px;
+            border-radius: 20px;
+            border: 1px solid $--color-primary;
+            font-size: 14px;
+            display: flex;
+            font-size: 14px;
+            font-weight: 400;
+            color: $--color-primary;
+            .delte {
+              margin-left: 9px;
+              display: flex;
+              align-items: center;
+              img {
+                width: 15px;
+                height: 15px;
+              }
+            }
+          }
+        }
+      }
+      .item-two-line {
+        .template-input-two {
+          width: 100%;
+          .next-user-change {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+          }
+          ::v-deep .van-icon {
+            font-size: 16px;
+          }
+          .next-user-checkbox {
+            margin-bottom: 10px;
+          }
+        }
+      }
+      .itemRadio {
+        ::v-deep .van-field__control {
+          padding-bottom: 0px;
+          border-bottom: none;
+        }
+      }
+    }
+    .btn-list {
+      position: fixed;
+      font-size: 16px;
+      bottom: 0px;
+      left: 0px;
+      width: 100%;
+      height: 83px;
+      background-color: #fff;
+      display: flex;
+      color: $--color-primary;
+      justify-content: center;
+      align-items: center;
+      padding-bottom: 10px;
+      .btn {
+        width: 154px;
+        height: 40px;
+        border: 1px solid $--color-primary;
+        border-radius: 20px;
+        text-align: center;
+        line-height: 40px;
+        margin-left: 5px;
+        &:first-child {
+          background: $--color-primary;
+          color: #fff;
+          border-radius: 20px;
+          margin-left: 0px;
+        }
+      }
+    }
+  }
+}