eoss-ui 0.3.97

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

@@ -0,0 +1,285 @@
+@import './common/var.scss';
+.es-flow-buttons,
+.es-flow-title,
+.es-opinion,
+.es-common-opinions,
+.es-flow-buttons,
+.es-fenyue-buttons {
+  padding: 0 12px;
+}
+.es-user-defined {
+  display: flex;
+  .el-button--primary {
+    flex: 1;
+  }
+}
+.no-checked .el-checkbox__input {
+  display: none !important;
+}
+.es-flow-index {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 12px;
+  justify-content: space-between;
+  .el-checkbox-group {
+    display: contents;
+  }
+  .es-eidt-title {
+    font-size: 13px;
+    color: #333;
+    line-height: 20px;
+  }
+  .es-flow-top {
+    height: 350px;
+    .es-flow-title {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 40px;
+      .es-icon {
+        margin: 0 4px;
+      }
+    }
+    .es-opinion {
+      display: flex;
+      margin: 8px 0px;
+      justify-content: space-between;
+      .es-opinion-file {
+        cursor: pointer;
+        position: relative;
+        .es-file-num {
+          color: red;
+        }
+      }
+    }
+  }
+  .es-button-agree {
+    width: calc(43% - 15px);
+  }
+  .es-button-agree-save {
+    margin-top: 10px;
+  }
+}
+// .commonOpinion{
+  .commonOpinion-set{
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    .el-table__body-wrapper{
+      flex:1
+    }
+  }
+// }
+.es-flow-index-shrink {
+  width: 24px;
+  img {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+  }
+}
+.es-flow-form .el-checkbox-group {
+  display: contents;
+}
+.es-flow-index .el-textarea,
+.es-flow-form .el-textarea:first-child {
+  width: 100%;
+  margin-bottom: 10px !important;
+}
+.es-flow-index .el-select,
+.es-flow-form .es-opinions .el-select {
+  width: calc(100% + 40px) !important;
+}
+.es-flow-index .el-select .el-input {
+  width: 100%;
+  height: 40px;
+}
+.es-flow-index .process .el-select {
+  width: calc(100% + 40px) !important;
+}
+.es-flow-index .input-with-select .el-input-group__prepend {
+  background-color: #fff;
+  width: 100%;
+}
+.es-flow-index .el-input-group--prepend > .el-input__inner {
+  display: none !important;
+}
+.es-flow-index .select-process .el-input-group__append {
+  height: 40px;
+}
+.es-flow-index .select-process > .el-input__inner {
+  display: none !important;
+}
+
+.es-flow-index button.el-button.sub.el-button--primary.el-button--medium {
+  width: calc(100% - 85px);
+}
+.es-flow-index .el-input-group--prepend > .el-input-group__append {
+  height: 40px;
+  /* width: 50px !important; */
+}
+.es-flow-index .demo-dynamic .el-select {
+  width: 100% !important;
+}
+.es-flow-index.task-union-examine .el-select {
+  width: calc(100% + 40px) !important;
+}
+.es-flow-index
+  .el-input.el-input-group.el-input-group--append.el-input-group--prepend {
+  margin: 0 !important;
+}
+.es-flow-index .demo-dynamic {
+  margin-top: 10px;
+}
+.es-flow-index .demo-dynamic .selectUser,
+.es-flow-index .demo-dynamic .select-process .el-select {
+  /* margin: 0; */
+  width: calc(100% + 40px) !important;
+}
+.es-flow-index .es-footer-btn {
+  margin-top: 10px;
+}
+.es-flow-index .es-footer-btn .el-button + .el-button {
+  margin: 0;
+  margin-top: 10px;
+  margin-right: 10px;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
+  right: 5px !important;
+}
+.es-flow-index .el-input.is-disabled .el-input__inner {
+  color: #606266;
+}
+.es-flow-index .btn {
+  margin-right: 10px;
+}
+.es-flow-index .es-info {
+  padding: 0 8px;
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+/* 设置滚动条的样式 */
+
+.es-flow-index .es-info::-webkit-scrollbar {
+  width: 5px;
+}
+.es-flow-index .news {
+  display: flex;
+  justify-content: space-between;
+  cursor: pointer;
+  padding: 10px 0px;
+}
+.es-flow-index .news .sj,
+.show {
+  width: 10px;
+  height: 10px;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  margin-right: 10px;
+  transform: rotate(-135deg);
+  transition: 0.5s;
+}
+.es-flow-index .news .show {
+  transform: rotate(45deg);
+}
+.es-flow-index .el-checkbox {
+  margin: 0px 10px 10px 0px;
+}
+/* 滚动槽 */
+
+.es-flow-index .info::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
+
+  border-radius: 10px;
+}
+
+/* 滚动条滑块 */
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+
+  background: rgba(0, 0, 0, 0.1);
+
+  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
+  right: 5px !important;
+}
+.es-flow-form .input-with-select {
+  width: 100%;
+  margin-top: 0px;
+}
+.es-flow-form .el-select {
+  width: 100%;
+}
+
+.es-flow-form .es-opinions .el-select {
+  width: calc(100% + 40px) !important;
+}
+.select-users .el-input-group__append .el-button span {
+  display: none;
+}
+.select-users .no-icon .el-input-group__append {
+  display: none;
+}
+.select-users .el-input-group__append {
+  background-color: $--color-primary;
+}
+.select-users .el-input-group__append .el-button::after {
+  content: '';
+  display: inline-block;
+  width: 25px;
+  height: 25px;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAx5JREFUaEPtWO1RFUEQnI4AiUCJQIhAjECNQI1AiECNQIhAiUCIQIlAjECMQIigrX41Y21d+W4/D+pRb6v4wbvbven56OlZ2IYvbLj9tgVw3xHcRuDBRYDkazN7aWb7ZvbEAV6b2ZWZnQM4Gwl6WAqRlNGfEqPX2SkwxwDORwAZAoDkZzN74wZdmtkX9/aNfiP5yKOid575eycAjntBdANIjL8ViJxnSQrEiZntmNkpgKMeEF0APG2+mpmMPwSgPM8ukqqP7w7iVQ703IG9AH55zr8FoLQpXiTledXMNYC94o2TF5sBeCoo9y8BHLYYQFJRUE00R6EHgDwuyqz2foBNnHAGIEigyhc9AH441+8BEDVWL5LqE0rDKwAH1QeYtYs5ktQHATQ7wSm265zmj5MUx+8MAnALQL2ievUAiAIckULNRNADQFLghcsCNabqlVDpvRSxqPNbD4+TjD7yHIAiWr2aI+AFKPZ53BKFxPu/AYRqvXMAEQV9+KBCSqT7mr2/YsFqyJMNiSf15AjA6dyZJN+5mNNrktVN9RPf6AbgqfTBzN77oUorGaXmJGktOS25IAEn/RPp0m38kAiEJxJlWhLUZu0zPbw7AiSVz0oLTWQ1SzT8sbRu1h3cDMB1jNImFWEXmsRErZ5C6UQWM7KAqn/EkigUkCY91QTA00VSWu1fw4xyXiPiyuDc8hFT9aA/TWbap7Sq7gXVACYsIo9rjCwyfArMgSgCEZEsi3XVwIQyh7CIs1RMZ/q3ar4ojoAXq6RD9UdyKeUgVEtKS63i5lYEwAtWA4xyfpjn/5NSEQmlpDp7trBLAcT4eAGgli5LAvDvHZKhcosUahZAMvaJbfZLvFJl8eTl5Ht6kp01SgCER8TVkgyLL5IhTbJRKAHwx3N/t5UuaxEnUbgBsDu3fxZAom9+AlAnvbNFUrd8T3N3RjkA6rDSOYsxzzqPJD1n9v40ByAG92JeHhWipO/MDvwPHsCqgHvvflqj4pdns4Wci4AoVACaLm9bDY99fvkrAGubZ5ZGe41Yev8WwNIezp2/jUDOQ0s/3/gI/AUY12NA2FztQAAAAABJRU5ErkJggg==)
+    no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
+}
+.es-flow-form .input-with-select .el-input-group__prepend {
+  background-color: #fff;
+  width: 100%;
+}
+.es-flow-form .el-input-group--prepend > .el-input__inner {
+  display: none !important;
+}
+.es-flow-form button.el-button.sub.el-button--danger.el-button--medium {
+  width: calc(100% - 85px);
+}
+.es-flow-form .el-input-group--prepend > .el-input-group__append {
+  height: 40px;
+  /* width: 50px !important; */
+}
+// .es-flow-form .demo-dynamic .selectUser {
+//   width: calc(100% + 40px) !important;
+// }
+.es-flow-form .el-form-item__label {
+  font-weight: bold;
+}
+.es-flow-form .el-input.is-disabled .el-input__inner {
+  color: #000;
+}
+.select-user {
+  display: flex;
+  flex-wrap: wrap;
+}
+.select-user .left {
+  width: 30%;
+}
+.select-user .right {
+  padding: 3px;
+  width: 69%;
+}
+.select-user .el-checkbox {
+  width: 170px;
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+.select-user .all {
+  margin: 0px !important;
+}