eoss-ui 0.8.16 → 0.8.17

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

@@ -1,376 +1,376 @@
-@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-fenyue-buttons{
-  display: flex;
-  flex-direction: row;
-  &-yj{
-    flex: 1;
-  }
-}
-.es-user-defined {
-  display: flex;
-  flex-wrap: wrap;
-  .el-button--primary {
-    flex: 1;
-  }
-}
-.flow-chart-dialog{
-  .el-dialog__body{
-    overflow: auto;
-  }
-}
-.required {
-  .el-textarea__inner::placeholder {
-    color: red;
-  }
-}
-.no-checked .el-checkbox__input {
-  display: none !important;
-}
-.es-reset-flow{
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  &-form-box{
-    flex: 1;
-    overflow-y: auto;
-    margin-bottom: 10px
-  }
-}
-.es-flow-content{
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding-bottom: 12px;
-  // justify-content: space-between;
-  position: relative;
-}
-.es-flow-index {
-  height: 100%;
-  // display: flex;
-  // flex-direction: column;
-  // padding-bottom: 12px;
-  // justify-content: space-between;
-  // position: relative;
-  .em-flow-more-btn {
-    display: block;
-    width: 100%;
-  }
-  .el-checkbox-group {
-    display: contents;
-  }
-  .es-eidt-title {
-    font-size: 13px;
-    color: #333;
-    line-height: 20px;
-  }
-  .es-flow-top {
-    // height: 380px;
-    .es-flow-title {
-      height: 40px;
-      line-height: 40px;
-      .es-icon {
-        position: absolute;
-        right: 8px;
-        top: 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-btn:hover {
-  background-color: #f5f5f5;
-  color: $--color-primary;
-  ::v-deep .el-popover {
-    padding: 12px 0px !important;
-  }
-}
-.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 .hide-flow-char .el-input-group__append {
-  padding: 0px;
-}
-.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 {
-  flex: 1;
-  // overflow-y: auto;
-  // overflow-x: hidden;
-  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 .es-flow-btn {
-  margin-right: 10px;
-}
-.es-flow-index .es-info {
-  padding: 0 12px;
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-.es-flow-index .form-right .el-form-item,.es-flow-index .form-left .el-form-item{
-  margin-bottom: 22px !important;
-}
-.es-flow-index .es-info .el-form-item{
-  margin-bottom: 0px;
-}
-.es-flow-index .es-info .el-form--label-top .el-form-item {
-  margin-bottom: 0px !important;
-}
-/* 设置滚动条的样式 */
-.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;
-}
-.custom-limit-time .el-input.el-input--suffix{
-  width: calc(100% + 40px) !important;
-}
-.task-union-examine .custom-limit-time .el-input.el-input--suffix{
-  width: unset !important;
-}
-.custom-limit-time .el-input-group__append{
-  background-color: $--color-primary !important;
-  color: #fff !important;
-}
-.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 i {
-  font-size: 18px;
-  color: #fff;
-}
-.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;
-}
-.es-flow-file .el-upload--handle{
-  flex-direction: row-reverse;
-}
-.es-flow-index,.flow-dialog{
-  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
-    background-color: $--color-primary !important;
-    border-color: $--color-primary !important;
-  }
-  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
-    border-color: #fff;
-  }
-  .el-checkbox__input.is-disabled + span.el-checkbox__label{
-    color: rgba(0, 0, 0, 0.85);
-  }
-}
-.flow-sort-box{
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  .flow-sort-draggable{
-    flex:1;
-    overflow-y: auto;
-    padding-bottom:10px;
-  }
-  .flow-sort-btn{
-    width: 100%;
-    text-align: right;
-  }
-}
+@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-fenyue-buttons{
+  display: flex;
+  flex-direction: row;
+  &-yj{
+    flex: 1;
+  }
+}
+.es-user-defined {
+  display: flex;
+  flex-wrap: wrap;
+  .el-button--primary {
+    flex: 1;
+  }
+}
+.flow-chart-dialog{
+  .el-dialog__body{
+    overflow: auto;
+  }
+}
+.required {
+  .el-textarea__inner::placeholder {
+    color: red;
+  }
+}
+.no-checked .el-checkbox__input {
+  display: none !important;
+}
+.es-reset-flow{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  &-form-box{
+    flex: 1;
+    overflow-y: auto;
+    margin-bottom: 10px
+  }
+}
+.es-flow-content{
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 12px;
+  // justify-content: space-between;
+  position: relative;
+}
+.es-flow-index {
+  height: 100%;
+  // display: flex;
+  // flex-direction: column;
+  // padding-bottom: 12px;
+  // justify-content: space-between;
+  // position: relative;
+  .em-flow-more-btn {
+    display: block;
+    width: 100%;
+  }
+  .el-checkbox-group {
+    display: contents;
+  }
+  .es-eidt-title {
+    font-size: 13px;
+    color: #333;
+    line-height: 20px;
+  }
+  .es-flow-top {
+    // height: 380px;
+    .es-flow-title {
+      height: 40px;
+      line-height: 40px;
+      .es-icon {
+        position: absolute;
+        right: 8px;
+        top: 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-btn:hover {
+  background-color: #f5f5f5;
+  color: $--color-primary;
+  ::v-deep .el-popover {
+    padding: 12px 0px !important;
+  }
+}
+.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 .hide-flow-char .el-input-group__append {
+  padding: 0px;
+}
+.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 {
+  flex: 1;
+  // overflow-y: auto;
+  // overflow-x: hidden;
+  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 .es-flow-btn {
+  margin-right: 10px;
+}
+.es-flow-index .es-info {
+  padding: 0 12px;
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.es-flow-index .form-right .el-form-item,.es-flow-index .form-left .el-form-item{
+  margin-bottom: 22px !important;
+}
+.es-flow-index .es-info .el-form-item{
+  margin-bottom: 0px;
+}
+.es-flow-index .es-info .el-form--label-top .el-form-item {
+  margin-bottom: 0px !important;
+}
+/* 设置滚动条的样式 */
+.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;
+}
+.custom-limit-time .el-input.el-input--suffix{
+  width: calc(100% + 40px) !important;
+}
+.task-union-examine .custom-limit-time .el-input.el-input--suffix{
+  width: unset !important;
+}
+.custom-limit-time .el-input-group__append{
+  background-color: $--color-primary !important;
+  color: #fff !important;
+}
+.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 i {
+  font-size: 18px;
+  color: #fff;
+}
+.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;
+}
+.es-flow-file .el-upload--handle{
+  flex-direction: row-reverse;
+}
+.es-flow-index,.flow-dialog{
+  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
+    background-color: $--color-primary !important;
+    border-color: $--color-primary !important;
+  }
+  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
+    border-color: #fff;
+  }
+  .el-checkbox__input.is-disabled + span.el-checkbox__label{
+    color: rgba(0, 0, 0, 0.85);
+  }
+}
+.flow-sort-box{
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  .flow-sort-draggable{
+    flex:1;
+    overflow-y: auto;
+    padding-bottom:10px;
+  }
+  .flow-sort-btn{
+    width: 100%;
+    text-align: right;
+  }
+}