cnhis-design-vue 3.1.5 → 3.1.6

package/es/packages/index.css

@@ -812,71 +812,57 @@ body > .vxe-table--tooltip-wrapper {
 .DragFormLeftItem .left-content .style-box input[type="checkbox"].disabled {
   cursor: pointer !important;
 }
-.popver-content {
-  height: 400px;
-  overflow: hidden;
-  overflow-y: auto;
-}
-.popver-ul {
-  margin-bottom: 10px;
-}
-.ul-title {
-  font-size: 14px;
-  font-weight: 400;
-  color: #919fbe;
-  line-height: 20px;
+.c-field-set {
+  height: 100%;
+  position: relative;
 }
-ul {
+.c-field-set ul {
   margin: 0;
   padding: 0;
 }
-.fields-set-content {
+.c-field-set .fields-set-content {
   height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.fields-set-content .fields-table {
+.c-field-set .fields-set-content .fields-table {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
-.setting-view {
-  height: 100%;
-  position: relative;
-}
-.setting-view :deep(.n-spin-container) {
+.c-field-set .n-spin-container {
   width: 100%;
   height: 100%;
 }
-.setting-view :deep(.n-spin-content) {
+.c-field-set .n-spin-content {
   height: 100%;
 }
-.setting-view .setting-title {
+.c-field-set .setting-title {
   background: #f2f2f4;
   border: 1px solid #f2f2f2;
   height: 52px;
   line-height: 52px;
 }
-.setting-view .setting-title span {
+.c-field-set .setting-title span {
   display: inline-block;
 }
-.setting-view .setting-title.seting-title-api .width-large {
+.c-field-set .setting-title.seting-title-api .width-large {
   width: 15%;
 }
-.setting-view .set-show {
+.c-field-set .set-show {
   min-height: 100px;
   overflow-y: auto;
 }
-.setting-view .set-show.set-show-api .width-large {
+.c-field-set .set-show.set-show-api .width-large {
   width: 15%;
 }
-.setting-view .set-show .left-style.sortable-chosen {
+.c-field-set .set-show .left-style.sortable-chosen {
   background: #fafafa;
   box-shadow: 0px 0px 10px 0px #d5d5d5;
 }
-.setting-view .set-show li {
+.c-field-set .set-show li {
   padding: 5px 0;
   display: flex;
   align-items: center;
@@ -884,7 +870,7 @@ ul {
   height: 52px;
   line-height: 52px;
 }
-.setting-view .set-show .alias-style {
+.c-field-set .set-show .alias-style {
   outline: none;
   border-radius: 4px 4px 4px 4px;
   border: solid 1px #d5d5d5;
@@ -893,7 +879,7 @@ ul {
   color: #38454f;
   width: 100%;
 }
-.setting-view .set-show .is-sort-style {
+.c-field-set .set-show .is-sort-style {
   outline: none;
   border-radius: 4px 4px 4px 4px;
   border: solid 1px #d5d5d5;
@@ -903,27 +889,27 @@ ul {
   width: 87px;
   margin-right: 5px;
 }
-.setting-view .set-show .is-sort-style:disabled {
+.c-field-set .set-show .is-sort-style:disabled {
   cursor: not-allowed;
   background: #f5f5f5;
 }
-.setting-view .set-show .col-width-style {
+.c-field-set .set-show .col-width-style {
   width: 70px;
 }
-.setting-view .set-show .title-item {
+.c-field-set .set-show .title-item {
   display: inline-flex;
   justify-content: flex-start;
   align-items: center;
   text-align: left;
 }
-.setting-view .set-show .title-item > span {
+.c-field-set .set-show .title-item > span {
   display: inline-block;
   max-width: calc(100% - 20px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.setting-view .alias-style {
+.c-field-set .alias-style {
   outline: none;
   border-radius: 4px 4px 4px 4px;
   border: solid 1px #d4dee5;
@@ -931,43 +917,43 @@ ul {
   text-indent: 16px;
   color: #38454f;
 }
-.setting-view .btn-operate {
+.c-field-set .btn-operate {
   border-top: 1px solid #d5d5d5;
   padding: 12px 0 12px;
 }
-.setting-view .width-show {
+.c-field-set .width-show {
   display: inline-block;
   width: 10%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.setting-view .drag-icon-wrap {
+.c-field-set .drag-icon-wrap {
   width: 5% !important;
   cursor: pointer;
   text-align: center;
 }
-.setting-view .width-showed {
+.c-field-set .width-showed {
   display: inline-block;
   width: 15%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.setting-view .width-showed select {
+.c-field-set .width-showed select {
   width: 90% !important;
 }
-.setting-view .width-word {
+.c-field-set .width-word {
   display: inline-block;
   width: 20%;
   line-height: 52px;
   overflow: hidden;
   white-space: nowrap;
 }
-.setting-view .width-word input {
+.c-field-set .width-word input {
   width: 90% !important;
 }
-.setting-view .width-large {
+.c-field-set .width-large {
   display: inline-block;
   width: 20%;
   overflow: hidden;
@@ -998,3 +984,1474 @@ ul {
   color: #757575;
   border-radius: 6px;
 }
+.c-select-label .label-disable-wrap {
+  width: 100%;
+  font-size: 14px;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+.c-select-label .label-disable-wrap .label-disable-img {
+  width: 320px;
+  height: 248px;
+}
+.c-select-label .common-label {
+  padding: 4px 12px;
+  margin-top: 8px !important;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+.c-select-label .common-label > span {
+  margin-right: 16px;
+  color: rgba(0, 0, 0, 0.9);
+}
+.c-select-label .form-add-icon-label {
+  margin-bottom: 4px;
+  color: #2d7aff;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+}
+.c-select-label .anticon + .anticon {
+  margin-left: 16px;
+}
+.c-select-label .label-disable-wrap {
+  text-align: center;
+}
+.c-select-label .n-tag {
+  max-width: 108px;
+  margin: 0 8px 0 0;
+  border: 1px solid #e0e0e6;
+}
+.c-select-label .n-tag .n-base-icon {
+  color: #fff;
+}
+.c-select-label .n-tag .n-tag__content {
+  display: inline-block;
+  align-items: center;
+  max-width: 80px;
+  height: 100%;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.c-label-form-content {
+  width: 100%;
+  height: 100%;
+  border-top: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
+}
+.c-label-form-content .label-wrap {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+.c-label-form-content .label-wrap .left-label-wrap {
+  width: 140px;
+  height: 404px;
+  max-height: 404px;
+  border-right: 1px solid #e8e8e8;
+}
+.c-label-form-content .label-wrap .left-label-wrap.total-left-label-wrap {
+  height: calc(100vh - 109px);
+  max-height: calc(100vh - 109px);
+}
+.c-label-form-content .label-wrap .left-label-wrap.explicit-label-wrap {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  overflow-y: auto;
+}
+.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link {
+  padding: 10px 8px;
+  font-size: 14px;
+}
+.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link.n-anchor-link--active {
+  background-color: #f2f2f2;
+}
+.c-label-form-content .label-wrap .right-label-wrap {
+  flex: 1;
+  height: 404px;
+  max-height: 404px;
+  overflow-y: auto;
+}
+.c-label-form-content .label-wrap .right-label-wrap.total-right-label-wrap {
+  max-height: calc(100vh - 109px);
+}
+.c-label-form-content .label-wrap .right-label-wrap .label-add {
+  position: relative;
+  top: 2px;
+  height: 30px;
+  line-height: 30px;
+  width: 108px;
+  text-align: center;
+  display: inline-flex;
+  justify-content: center;
+}
+.c-label-form-content .label-wrap .right-label-wrap .add-input {
+  width: 108px;
+}
+.c-label-form-content .label-wrap .right-label-wrap .add-input .n-input__suffix {
+  cursor: pointer;
+}
+.c-label-form-content .label-wrap .explicit-continer {
+  width: 100%;
+  border: 1px solid #d5d5d5;
+}
+.c-label-form-content .edit-label-type {
+  font-size: 12px;
+  margin-left: 4px;
+}
+.c-label-form-content .edit-label-content {
+  padding: 0 14px;
+}
+.c-label-form-content .edit-label-content .edit-content {
+  width: 100%;
+  margin-top: 8px;
+  margin-bottom: 10px;
+}
+.c-label-form-content .edit-label-content .edit-content .n-tag {
+  max-width: 108px;
+  margin: 0 8px 8px 0;
+  text-align: center;
+  border: 1px solid #e0e0e6;
+}
+.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content {
+  display: inline-flex;
+  align-items: center;
+}
+.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content span {
+  display: inline-block;
+  width: 80px;
+  height: 100%;
+  line-height: 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.c-chunk-upload-container {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+  overflow: hidden;
+  overflow-y: auto;
+}
+.c-chunk-upload-container div.uploader-drop {
+  padding: 0;
+  border: none;
+}
+.c-chunk-upload-container ul,
+.c-chunk-upload-container li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.c-chunk-upload-container .uploader-app {
+  min-width: 250px;
+}
+.c-chunk-upload-container .upload-btn {
+  padding: 20px 0px;
+}
+.c-chunk-upload-container .upload-btn .mgl-10 {
+  margin-left: 10px;
+}
+.c-chunk-upload-container .no-file {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 16px;
+}
+.c-chunk-upload-container .uploader-file-actions > span {
+  margin-right: 6px;
+}
+.c-file-list-conatiner {
+  background-color: #fff;
+  height: 300px;
+  margin-top: 20px;
+  overflow: hidden;
+  overflow-y: auto;
+}
+.c-file-list-conatiner .uploader-file {
+  height: auto;
+  line-height: initial;
+  border-bottom: none;
+}
+.c-file-container .c-f-item {
+  display: flex;
+}
+.c-file-container .c-f-item-icon {
+  width: 50px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.c-file-container .c-f-item-info {
+  flex: 1;
+  line-height: 20px;
+}
+.c-file-container .c-f-item-info-title {
+  line-height: 24px;
+}
+.c-file-container .c-f-item-info-title .title {
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
+}
+.c-file-container .c-f-item-info-title .size {
+  font-size: 12px;
+  color: #9d9d9d;
+}
+.c-file-container .c-f-item-info-time {
+  font-size: 12px;
+  color: #9d9d9d;
+}
+.c-file-container .c-f-item-btn {
+  width: 100px;
+  line-height: 40px;
+}
+.c-file-container .c-f-item-btn i {
+  padding: 0 5px;
+}
+.c-file-boder-bottom {
+  border-bottom: 1px solid #d5d5d5;
+}
+.c-drap-container {
+  position: relative;
+  padding-top: 45px;
+  overflow: hidden;
+  border-radius: 4px;
+  border: 1px dashed #5585f5;
+  background-color: #f9f9f9;
+  text-align: center;
+  height: 180px;
+  line-height: 1.5;
+  color: #5585f5;
+  cursor: pointer;
+}
+.c-drap-container i {
+  font-size: 56px;
+  margin-bottom: 20px;
+}
+.c-upload {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 4px;
+}
+.show-list {
+  display: inline-flex;
+  flex-wrap: wrap;
+}
+.c-uploader-preview-wrap.vod-wrap {
+  position: relative;
+  display: inline-block;
+  width: 140px;
+  height: 120px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+  border: 1px dashed #eeeeee;
+  border-radius: 4px;
+  background-color: #fff;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-uploading {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-color: #fafafa;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-uploading .progress-wrap {
+  padding: 3px;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-uploading .uploading-msg {
+  color: #333;
+  font-size: 12px;
+  text-align: center;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-uploading .uploading-mask {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 20%;
+  background: rgba(0, 0, 0, 0.3);
+  color: #fff;
+  text-align: center;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(50, 50, 51, 0.5);
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg .icon-vod-def {
+  font-size: 40px;
+  opacity: 0.3;
+  transform: scale3d(2, 2, 2);
+  transition: all 0.25s ease-out;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg .vod-cover-img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+  border-radius: 4px;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 120px;
+  height: 40px;
+  color: #fff;
+  background: #22de4b;
+  border-radius: 4px;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap .upload-img {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap.error-wrap {
+  flex-direction: column;
+  width: 158px;
+  height: 72px;
+  background: #e02020;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap.error-wrap span {
+  height: 20px;
+  line-height: 20px;
+  margin-bottom: 8px;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done .tooltip-wrap {
+  opacity: 0;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done .tooltip-wrap.is-new {
+  animation: fadeOut 2.5s 1 both;
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  80% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done:hover .icon-wrap {
+  background: rgba(0, 0, 0, 0.2);
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done:hover .theme_outlined {
+  display: none;
+}
+.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done:hover .theme_filled {
+  display: inline-block;
+}
+.c-uploader-preview-wrap .uploader-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  color: #fff;
+  background-color: rgba(50, 50, 51, 0.88);
+}
+.c-uploader-preview-wrap .uploader-mask .uploading-msg {
+  font-size: 12px;
+}
+.c-uploader-preview-wrap .uploader-preview-delete {
+  position: absolute;
+  top: -16px;
+  right: -7px;
+  width: 16px;
+  height: 16px;
+  z-index: 10;
+}
+.c-uploader-preview-wrap .uploader-preview-delete .pre-delete {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #fff;
+  color: #e02020;
+  font-size: 20px;
+  cursor: pointer;
+}
+.c-icon-wrap {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.6);
+  color: #fff;
+  font-size: 28px;
+  z-index: 1;
+}
+.c-icon-wrap .icon-play {
+  position: relative;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  transition: all 0.25s ease-out;
+}
+.c-icon-wrap .theme_outlined {
+  display: inline-block;
+}
+.c-icon-wrap .theme_filled {
+  display: none;
+}
+.c-chunk-uploader-btn {
+  display: table;
+  width: 140px;
+  height: 120px;
+  margin-right: 8px;
+  background: #fafafa;
+  text-align: center;
+  vertical-align: top;
+  border: 1px dashed #d5d5d5;
+  border-radius: 4px;
+  transition: border-color 0.3s ease;
+  -webkit-transition: border-color 0.3s ease;
+  cursor: pointer;
+}
+.c-chunk-uploader-btn.disable-upload {
+  cursor: not-allowed;
+}
+.c-chunk-uploader-btn .chunk-btn-content {
+  display: table-cell;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  vertical-align: middle;
+}
+.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn {
+  line-height: 1.2;
+}
+.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn img {
+  width: 32px;
+  height: 32px;
+}
+.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-icon {
+  font-size: 30px;
+  color: #000000;
+}
+.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text {
+  width: 140px;
+}
+.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text p {
+  color: #585858;
+  margin-bottom: 0px;
+}
+.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text span {
+  color: #b6b6b6;
+  font-size: 12px;
+}
+.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text .guage-text {
+  color: #585858;
+  font-size: 14px;
+}
+.c-chunk-uploader-btn:hover {
+  background: #f3f7ff;
+  border-color: #5585f5;
+}
+.c-chunk-uploader-btn:hover .guage-img {
+  content: url('cnhis-design-vue/es/src/assets/img/video_hover.png');
+}
+.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-icon,
+.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text p,
+.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text span,
+.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text .guage-text {
+  color: #5585f5;
+}
+.c-choice-wrap {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+.c-choice-wrap .scale-choice-img-wrap {
+  display: inline-block;
+  position: relative;
+  width: 74px;
+  min-width: 74px;
+  height: 62px;
+  background: #ffffff;
+  border-radius: 4px;
+  border: 1px solid #d5d5d5;
+  margin-right: 16px;
+}
+.c-choice-wrap .scale-choice-img-wrap:hover .scale-preview-wrap {
+  display: flex;
+}
+.c-choice-wrap .scale-choice-img-wrap > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.c-choice-wrap .scale-choice-img-wrap .scale-preview-wrap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: none;
+  justify-content: center;
+  align-items: center;
+  background: rgba(0, 0, 0, 0.75);
+  border-radius: 8px;
+  font-size: 20px;
+}
+.c-choice-wrap .scale-choice-img-wrap .scale-preview-wrap i.anticon {
+  color: #fff;
+  margin: 0px;
+}
+.c-choice-wrap .presuffix-wrap {
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  white-space: normal;
+}
+.c-choice-wrap .n-input {
+  flex: 1;
+  max-width: 300px;
+  border-bottom: 1px solid #d9d9d9;
+}
+.c-choice-wrap.choice-wrap-1 label {
+  width: 100%;
+}
+.c-choice-wrap.choice-wrap-1 label .n-input {
+  max-width: 300px;
+}
+.c-choice-wrap.choice-wrap-2 label {
+  width: 50%;
+}
+.c-choice-wrap.choice-wrap-3 label {
+  width: 33%;
+}
+.c-choice-wrap.choice-wrap-4 label {
+  width: 25%;
+}
+.c-choice-wrap label {
+  display: inline-flex;
+  align-items: center;
+  margin: 4px 0;
+}
+.c-choice-wrap label :deep(.n-radio__label) {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  white-space: normal;
+}
+.c-choice-wrap > :deep(.n-checkbox) {
+  display: inline-flex;
+  align-items: center;
+  margin: 4px 0;
+}
+.c-choice-wrap > :deep(.n-checkbox) .n-checkbox__label {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  white-space: normal;
+}
+.c-choice-wrap.choice-wrap-1 .n-checkbox {
+  width: 100%;
+}
+.c-choice-wrap.choice-wrap-1 .n-checkbox .n-input {
+  max-width: 300px;
+}
+.c-choice-wrap.choice-wrap-2 .n-checkbox {
+  width: 50%;
+}
+.c-choice-wrap.choice-wrap-3 .n-checkbox {
+  width: 33%;
+}
+.c-choice-wrap.choice-wrap-4 .n-checkbox {
+  width: 25%;
+}
+.c-scale {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  text-align: left;
+  padding-top: 4px;
+  padding-bottom: 50px;
+  box-sizing: border-box;
+  color: rgba(0, 0, 0, 0.65);
+}
+.c-scale :deep(.n-form-item-label) {
+  font-weight: 700;
+}
+.c-scale .scale-container {
+  width: 100%;
+  height: calc(100% - 51px);
+  padding-bottom: 10px;
+  transform-origin: 0 0;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.c-scale .scale-container.scale-container-nopadding {
+  height: 100%;
+}
+.c-scale .scale-container::-webkit-scrollbar {
+  width: 10px;
+}
+.c-scale :deep(.no-data-tip) {
+  width: 100%;
+  height: 100%;
+}
+.c-scale .lb-title {
+  text-align: center;
+}
+.c-scale .map-container {
+  cursor: pointer;
+}
+.c-scale .linebar-div {
+  text-align: center;
+  margin-top: 24px;
+}
+.c-scale .my-prompt {
+  padding: 10px;
+  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.14);
+  background-color: #fff;
+  border-radius: 4px;
+}
+.c-scale .img-card {
+  width: 100%;
+}
+.main {
+  padding: 0 16px;
+  box-sizing: border-box;
+}
+.main .scale-label-required {
+  font-weight: 700;
+}
+.main .required-text {
+  color: #e02828;
+}
+.main .evalute-label {
+  display: inline-block;
+  height: 20px;
+  line-height: 20px;
+  padding: 0 5px;
+  margin-left: 4px;
+  font-size: 12px;
+  color: #2d7aff;
+  border-radius: 4px;
+  border: 1px solid rgba(45, 122, 255, 0.5);
+  background: rgba(45, 122, 255, 0.1);
+}
+.main .evalute-tip {
+  display: inline-block;
+  padding: 0 5px;
+  margin-left: 8px;
+  color: #fe9626;
+  border-radius: 2px;
+  background: rgba(255, 194, 0, 0.15);
+  cursor: pointer;
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  border-top: 1px solid #e8e8e8;
+  padding-top: 12px;
+  height: 50px;
+  box-sizing: border-box;
+  background: #fff;
+}
+.footer .n-button + .n-button {
+  margin-left: 8px;
+}
+.rich-text-content {
+  word-break: break-all;
+}
+.rich-text-content :deep(p) {
+  margin-bottom: 0;
+}
+.rich-text-content :deep(img) {
+  max-width: 100%;
+}
+.n-dialog.n-modal.c-evatip-dialog-wrap {
+  width: 494px !important;
+  padding: 0;
+  max-height: unset;
+  overflow-y: hidden;
+}
+.n-dialog.n-modal.c-evatip-dialog-wrap .n-dialog__title {
+  height: 52px;
+  line-height: 52px;
+  padding-left: 16px;
+  font-weight: 600;
+  border-bottom: 1px solid #e8e8e8;
+}
+.n-dialog.n-modal.c-evatip-dialog-wrap .n-base-icon {
+  position: absolute;
+  right: 16px;
+  top: 16px;
+  margin: 0;
+  color: #666666;
+}
+.n-dialog.n-modal.c-evatip-dialog-wrap .n-dialog__content {
+  margin: 0;
+}
+.n-dialog.n-modal.c-evatip-dialog-wrap .evatip-container {
+  min-height: 100px;
+  max-height: 60vh;
+  overflow-y: auto;
+  padding: 26px 16px;
+  font-size: 16px;
+  color: #2e2e2e;
+}
+.n-dialog.n-modal.c-evatip-dialog-wrap .evatip-container p {
+  padding: 16px;
+  margin-top: 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  border-radius: 4px;
+  border: 1px solid rgba(213, 213, 213, 0.6);
+}
+.n-dialog.n-modal.c-evatip-dialog-wrap .n-dialog__action {
+  display: block;
+  width: 100%;
+  padding: 10px 16px;
+  text-align: right;
+  border-top: 1px solid #e8e8e8;
+  box-sizing: border-box;
+}
+.c-answerParse {
+  padding: 16px;
+  color: #2e2e2e;
+  border-radius: 8px;
+  background: rgba(253, 246, 246, 0.6);
+  margin-top: 6px;
+  margin-bottom: 12px;
+}
+.c-answerParse .answer-res-wrap {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+.c-answerParse .answer-res-wrap .answer-res {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 18px;
+  line-height: 36px;
+  color: #fff;
+  background: #f06f64;
+  border-radius: 18px;
+  font-weight: 700;
+}
+.c-answerParse .answer-res-wrap .answer-res svg {
+  margin-right: 8px;
+  font-size: 16px;
+}
+.c-answerParse .answer-res-wrap .answer-score {
+  font-size: 14px;
+  font-weight: 600;
+  color: #2e2e2e;
+}
+.c-answerParse .correct-answer {
+  line-height: 20px;
+  margin-bottom: 16px;
+}
+.c-answerParse .correct-answer p {
+  font-weight: 700;
+  display: inline-block;
+}
+.c-answerParse .correct-answer span {
+  word-break: break-all;
+  color: #91c850;
+  font-size: 16px;
+}
+.c-answerParse .answer-key {
+  line-height: 20px;
+}
+.c-answerParse .answer-key p {
+  font-weight: 700;
+  line-height: 20px;
+  margin-bottom: 16px;
+}
+.c-answerParse .answer-key span {
+  word-break: break-all;
+}
+.c-answerParse.answerParse-success {
+  background: rgba(234, 251, 228, 0.6);
+}
+.c-answerParse.answerParse-success .answer-res {
+  background: #91c850;
+}
+.c-evaluateCountdown {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 166px;
+  padding: 8px 12px;
+  background: #f2f2f4;
+  border-radius: 8px;
+  color: #212121;
+  z-index: 1;
+  text-align: center;
+}
+.c-evaluateCountdown.evaluateCountdown-hasTime:hover {
+  padding: 8px 32px;
+  background: #f1f1f4;
+}
+.c-evaluateCountdown.evaluateCountdown-hasTime:hover .countdown {
+  line-height: 40px;
+  font-size: 26px;
+}
+.c-evaluateCountdown.evaluateCountdown-hasTime:hover .countdown span {
+  line-height: unset;
+}
+.c-evaluateCountdown.evaluateCountdown-hasTime:hover .countdown svg {
+  display: none;
+}
+.c-evaluateCountdown.evaluateCountdown-hasTime:hover .answered-wrap {
+  display: block;
+}
+.c-evaluateCountdown.evaluateCountdown-hasTime .answered-wrap {
+  display: none;
+}
+.c-evaluateCountdown .countdown {
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  font-size: 14px;
+  color: #000000;
+}
+.c-evaluateCountdown .countdown span {
+  line-height: 18px;
+}
+.c-evaluateCountdown .countdown svg {
+  margin-left: 8px;
+  font-size: 16px;
+  color: #969696;
+}
+.c-evaluateCountdown .countdown.countdown-red {
+  color: #ff1818;
+}
+.c-evaluateCountdown .answered-wrap span {
+  color: #2d7aff;
+}
+.c-evaluate-page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.c-evaluate-page .evaluate-container {
+  width: 620px;
+  padding: 45px 32px;
+  text-align: center;
+  border-radius: 15px;
+  border: 1px solid #e0e0e0;
+}
+.c-evaluate-page .evaluate-container .evaluate-name {
+  font-size: 20px;
+  color: #212121;
+  line-height: 28px;
+  margin-bottom: 10px;
+  max-height: 88px;
+  overflow-y: auto;
+  word-break: break-all;
+}
+.c-evaluate-page .evaluate-container .evaluate-explain {
+  padding: 12px 22px 12px 30px;
+  margin-bottom: 24px;
+  text-align: left;
+  border-radius: 8px;
+  background: #f2f2f4;
+  overflow: hidden;
+}
+.c-evaluate-page .evaluate-container .evaluate-explain > div {
+  padding-right: 8px;
+  max-height: 206px;
+  overflow-y: auto;
+  word-break: break-all;
+}
+.c-evaluate-page .evaluate-container .evaluate-score {
+  display: flex;
+  margin-bottom: 24px;
+}
+.c-evaluate-page .evaluate-container .evaluate-score li + li {
+  border-left: 1px solid rgba(213, 213, 213, 0.6);
+}
+.c-evaluate-page .evaluate-container .evaluate-score li {
+  flex: 1;
+}
+.c-evaluate-page .evaluate-container .evaluate-score li div {
+  line-height: 50px;
+  font-size: 36px;
+  color: #000000;
+}
+.c-evaluate-page .evaluate-container .evaluate-score li span {
+  line-height: 20px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+}
+.c-evaluate-page .evaluate-container .evaluate-time-range {
+  font-size: 14px;
+  color: #000000;
+  line-height: 20px;
+  margin-bottom: 20px;
+}
+.c-evaluate-page .evaluate-container .evaluate-btn {
+  width: 380px;
+  height: unset;
+  padding: 16px 0;
+  text-align: center;
+  font-size: 18px;
+  color: #ffffff;
+  border-radius: 8px;
+}
+.c-totalScore-warp {
+  padding: 16px;
+  margin-bottom: 16px;
+  font-weight: 400;
+  color: #666666;
+  background: #f2f2f4;
+  font-size: 14px;
+  border-radius: 6px;
+}
+.c-totalScore-warp div + div {
+  margin-top: 4px;
+}
+.c-totalScore-warp span {
+  font-weight: 500;
+  color: #090909;
+}
+.c-totalScore-warp .score-result {
+  color: #2d7aff;
+}
+.text-over-tooltip-components {
+  display: inline-block;
+  max-width: 98%;
+  /* 文字超出宽度显示省略号 单行 */
+  /* 自定义样式 */
+}
+.text-over-tooltip-components .ellipsis {
+  font-size: 14px;
+  color: #35393c;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-over-tooltip-components .ellipsis i {
+  font-style: normal;
+  word-break: keep-all;
+  white-space: nowrap;
+}
+.text-over-tooltip-components .fs20 {
+  font-size: 20px;
+  font-weight: 600;
+  color: green;
+  line-height: 22px;
+}
+.text-over-tooltip-components .fs12 {
+  font-size: 12px;
+  font-weight: 400;
+  color: orange;
+  line-height: 14px;
+}
+.c-scale ul,
+.c-scale li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.c-scale .n-input {
+  width: 100%;
+  text-align: left;
+}
+.no-data-tip {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  color: #333333;
+  font-size: 22px;
+}
+.no-data-tip > img {
+  max-width: 70%;
+  width: 260px;
+}
+.no-data-tip > p {
+  margin-top: 12px;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.8);
+}
+.no-data-tip > span {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.4);
+  margin-top: 6px;
+}
+.c-scale-address {
+  max-width: 500px;
+}
+.c-scale-address .field-row {
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+}
+.c-scale-address .field-row .n-select {
+  flex: 1;
+  width: 100%;
+  padding: 0 5px 5px 0;
+}
+.c-scale-address .field-row .n-select:last-child {
+  padding-right: 0;
+}
+.c-scale-collection {
+  width: 100%;
+}
+.c-scale-collection .img-card {
+  width: 100%;
+}
+.c-scale-collection.scale-collection-title {
+  text-align: center;
+}
+.c-scale-collection.scale-collection-title h1 {
+  font-weight: 500;
+}
+.c-scale-collection.prompt-message {
+  position: relative;
+  padding: 10px;
+  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.14);
+  background-color: #fff;
+  border-radius: 4px;
+  color: #666;
+}
+.c-scale-collection.prompt-message.is-weak {
+  color: #999;
+}
+.c-scale-collection.prompt-message.is-strong {
+  color: #ff1818;
+  padding: 1px 0 0 35px;
+}
+.c-scale-collection.prompt-message .prompt-icon {
+  font-size: 18px;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.c-scale-collection.prompt-message .prompt-message-content {
+  line-height: 16px;
+  font-size: 14px;
+}
+.c-time-range {
+  display: flex;
+  align-items: center;
+}
+.c-map-container {
+  width: 100%;
+  cursor: pointer;
+}
+.c-map-container :deep(.n-input.map-input) .n-input__prefix {
+  transform: rotate(180deg);
+}
+.c-map-container :deep(.n-input.map-input) .n-input__prefix .n-icon {
+  color: rgba(0, 0, 0, 0.65);
+}
+.c-map-container :deep(.n-input.map-input).n-input--disabled .n-input__input-el {
+  color: rgba(0, 0, 0, 0.65);
+  background-color: #fff;
+  cursor: pointer;
+}
+.c-scale-map-modal .n-card__content {
+  overflow: hidden;
+}
+.c-scale-upload {
+  width: 100%;
+}
+.c-scale-upload :deep(.n-upload-file-list) {
+  display: flex;
+}
+.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
+  box-sizing: border-box;
+  background: rgba(0, 0, 0, 0.5);
+}
+.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
+  color: #fff;
+}
+.c-scale-upload :deep(.n-upload-file-list) .n-upload-trigger.n-upload-trigger--image-card {
+  width: 184px;
+  height: 184px;
+  border-color: #d5d5d5;
+  background-color: #fafafa;
+}
+.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type {
+  width: 184px;
+  height: 184px;
+  padding: 8px;
+  border-color: #d5d5d5;
+  background-color: #fafafa;
+}
+.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type .n-image {
+  height: 100%;
+}
+.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type img {
+  object-fit: cover !important;
+}
+.c-scale-upload .upload-img-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.c-scale-upload .dragger-upload-text {
+  display: flex;
+  align-items: center;
+}
+.c-scale-upload.scale-upload-file .n-upload-dragger {
+  padding: 16px 0;
+}
+.c-scale-upload.scale-upload-file .n-upload {
+  opacity: 1 !important;
+  --n-item-disabled-opacity: 1 !important;
+}
+.c-scale-upload.scale-upload-file .dragger-upload-text {
+  color: rgba(0, 0, 0, 0.65);
+}
+.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) .n-upload-file {
+  width: 100%;
+}
+.c-scale-upload.scale-upload-file :deep(.n-upload-trigger) {
+  width: 100%;
+  background: #fafafa;
+  border-color: #d5d5d5;
+}
+.text-over-tooltip-components {
+  display: inline-block;
+  max-width: 98%;
+  /* 文字超出宽度显示省略号 单行 */
+  /* 自定义样式 */
+}
+.text-over-tooltip-components .ellipsis {
+  font-size: 14px;
+  color: #35393c;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-over-tooltip-components .ellipsis i {
+  font-style: normal;
+  word-break: keep-all;
+  white-space: nowrap;
+}
+.text-over-tooltip-components .fs20 {
+  font-size: 20px;
+  font-weight: 600;
+  color: green;
+  line-height: 22px;
+}
+.text-over-tooltip-components .fs12 {
+  font-size: 12px;
+  font-weight: 400;
+  color: orange;
+  line-height: 14px;
+}
+.c-map {
+  width: 100%;
+  min-height: 500px;
+  height: 100%;
+  overflow: hidden;
+  text-align: left;
+}
+.c-map ul,
+.c-map li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.c-map #map-core {
+  width: 100%;
+  height: 250px;
+}
+.c-map .search-container {
+  margin-top: 20px;
+  height: 40px;
+}
+.c-map .search-container .map-input-search {
+  display: flex;
+}
+.c-map .search-container .map-input-search .n-input {
+  height: 32px;
+  line-height: 32px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.c-map .search-container .map-input-search .input-addon {
+  height: 32px;
+  line-height: 32px;
+}
+.c-map .search-container .map-input-search .input-addon .n-button {
+  height: 100%;
+  padding: 0 16px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.c-map .address-list {
+  height: calc(100% - 75px);
+  overflow-y: auto;
+}
+.c-map .address-list .address-item {
+  height: 60px;
+  cursor: pointer;
+  padding-top: 10px;
+}
+.c-map .address-list .address-item .title {
+  font-size: 16px;
+}
+.c-map .address-list .address-item span {
+  font-size: 12px;
+  color: #b9b9b9;
+}
+.c-map .address-list .address-item:first-child {
+  height: 57px;
+  padding-top: 20px;
+  line-height: 40px;
+}
+.video-js .vjs-time-control {
+  display: block;
+}
+.video-js .vjs-current-time.vjs-time-control {
+  display: block;
+}
+.video-js .vjs-duration.vjs-time-control {
+  display: block;
+}
+.vjs-paused .vjs-big-play-button,
+.vjs-paused.vjs-has-started .vjs-big-play-button {
+  display: block;
+}
+.video-js.vjs-playing .vjs-tech {
+  pointer-events: auto;
+}
+.vod-list {
+  height: 100%;
+}
+.show-list {
+  height: 100%;
+  display: flex;
+  padding: 3px 0;
+}
+.vod-wrap {
+  position: relative;
+  display: inline-block;
+  background-color: #fff;
+  height: 100%;
+  width: fit-content;
+  margin-right: 5px;
+  overflow: hidden;
+}
+.vod-wrap .vod-def-bg {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(50, 50, 51, 0.3);
+}
+.vod-wrap .vod-def-bg .vod-cover-img {
+  height: 130px;
+  width: 210px;
+  object-fit: cover;
+}
+.vod-wrap .icon-wrap {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.vod-wrap .icon-play {
+  color: #fff;
+  opacity: 0.8;
+  transform: scale3d(2, 2, 2);
+  transition: all 0.25s ease-out;
+}
+.player-wrap {
+  padding: 100px 0;
+  height: 100%;
+  width: 100%;
+}
+.c-video-modal .c-playervod-wrap.vod-list {
+  height: 100%;
+}
+.c-video-modal .c-playervod-wrap .show-list {
+  height: 100%;
+  display: flex;
+  padding: 3px 0;
+}
+.c-video-modal .c-playervod-wrap .vod-wrap {
+  position: relative;
+  display: inline-block;
+  background-color: #fff;
+  height: 100%;
+  width: fit-content;
+  margin-right: 5px;
+  overflow: hidden;
+}
+.c-video-modal .c-playervod-wrap .vod-wrap .vod-def-bg {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(50, 50, 51, 0.3);
+}
+.c-video-modal .c-playervod-wrap .vod-wrap .vod-def-bg .vod-cover-img {
+  height: 130px;
+  width: 210px;
+  object-fit: cover;
+}
+.c-video-modal .c-playervod-wrap .vod-wrap .icon-wrap {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.c-video-modal .c-playervod-wrap .vod-wrap .icon-play {
+  color: #fff;
+  opacity: 0.8;
+  transform: scale3d(2, 2, 2);
+  transition: all 0.25s ease-out;
+}
+.c-video-modal .c-playervod-wrap .player-wrap {
+  padding: 100px 0;
+  height: 100%;
+  width: 100%;
+}
+.c-video-modal .c-player-video-modal .preview-wrap {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.c-video-modal .c-player-video-modal .preview-wrap .preview {
+  padding: 20px 0;
+  width: 60vw;
+  height: 100%;
+}
+.vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar,
+.vxe-table--body-wrapper::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+  background-color: #f2f2f2;
+}
+.vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover,
+.vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover {
+  background-color: #b2b2b2;
+}
+.c-time-line.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+  width: 10px;
+  height: 10px;
+  border-left-width: 5px;
+  border-right-width: 5px;
+  border-top-width: 5px;
+  border-bottom-width: 5px;
+  margin-left: 2px;
+}
+.c-time-line .content {
+  width: 245px;
+  padding: 10px;
+  box-sizing: border-box;
+  border: 1px solid #D5D5D5;
+  border-radius: 4px;
+  background-color: #FAFAFA;
+  color: #212121;
+  font-size: 14px;
+  margin-bottom: 10px;
+}
+.c-time-line .content-name {
+  font-size: 16px;
+  font-weight: 600;
+}
+.c-time-line .content-name + span {
+  color: #666;
+}
+.c-time-line .content p {
+  margin: 5px 0 0;
+  line-height: 20px;
+  text-align: left;
+}
+.clearfix:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+.containers {
+  position: absolute;
+  background-color: #fff;
+  overflow-y: auto;
+  min-height: 300px;
+  height: 100%;
+  width: 100%;
+}
+.containers .canvas {
+  width: 100%;
+  height: 100%;
+}
+.containers .bjs-powered-by {
+  display: none !important;
+}
+.containers .djs-element .djs-hit-all {
+  cursor: pointer;
+}
+.containers .djs-bpmn-shape-node {
+  cursor: pointer;
+}