ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/institutionMonitor/index.scss

@@ -0,0 +1,339 @@
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+
+::v-deep .el-timeline-item__node {
+  background-color: #fff !important;
+  border: 4px solid #1890ff;
+}
+
+::v-deep .el-timeline-item__icon {
+  font-size: 20px;
+  color: #666;
+}
+
+::v-deep .el-timeline-item__tail {
+  border-left: 2px dotted #ccc;
+  top: 16px;
+}
+
+::v-deep .el-textarea__inner {
+  height: 120px;
+}
+
+::v-deep .el-button.filter-item {
+  color: #1890ff;
+  border: 1px solid #1890ff;
+}
+
+::v-deep .el-timeline-item__timestamp.is-top {
+  padding-top: 0;
+}
+
+::v-deep .el-timeline-item__node--normal {
+  top: 10px;
+}
+
+::v-deep .el-dialog__title {
+  font-size: 16px;
+  color: #111;
+  font-weight: 500;
+}
+
+::v-deep .is-scrolling-none + .el-table__fixed-right {
+  height: 100% !important;
+}
+::v-deep .el-tooltip__popper {
+  max-width: 200px; /* 设置最大宽度 */
+  white-space: normal; /* 允许换行 */
+}
+
+/*::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {*/
+/*  height: 30px;*/
+/*  line-height: 30px;*/
+/*}*/
+.el-select,
+.el-cascader {
+  margin-right: 0.5rem;
+}
+
+.head-container {
+  padding-bottom: 0;
+}
+
+.hospital_statics {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #808080;
+  font-size: 14px;
+  height: 120px;
+  margin-top: 10px;
+  img {
+    margin-right: 1rem;
+  }
+
+  > .left {
+    width: 60%;
+    border: 1px solid #eee;
+    display: flex;
+    justify-content: space-around;
+    //padding: 2rem 1rem;
+    align-items: center;
+    background-color: #fff;
+    margin-right: 0.5rem;
+    height: 100%;
+    position: relative;
+
+    > div {
+      flex: 1;
+      text-align: center;
+      justify-content: center;
+      display: flex;
+      position: relative;
+
+      &::before {
+        content: '';
+        width: 1px;
+        height: 60%;
+        background-color: #ccc;
+        position: absolute;
+        right: 0;
+        top: 18px;
+      }
+
+      &:last-child::before {
+        content: none;
+      }
+
+      > div {
+        margin-top: 6px;
+      }
+    }
+    .hospital_network::before {
+      content: none;
+    }
+    img {
+      width: 28px;
+      height: 24px;
+    }
+  }
+  > .right {
+    flex: 1;
+    img {
+      width: 14px;
+      height: 17px;
+      // height: 34px;
+      margin-top: 5px;
+    }
+  }
+  .special {
+    color: #000;
+    margin-top: 5px;
+    span {
+      font-weight: 600;
+      font-size: 16px;
+    }
+  }
+  .title-text {
+    position: absolute;
+    left: 8px;
+    top: 8px;
+    font-size: 14px;
+    color: #111;
+  }
+  > .keyWords {
+    flex: 5;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: 1rem 0;
+    border: 1px solid #eee;
+    background-color: #fff;
+    //padding: 2rem 1rem;
+    height: 100%;
+    position: relative;
+
+    > div {
+      display: flex;
+      flex: 1;
+      text-align: center;
+      justify-content: center;
+      position: relative;
+
+      &::before {
+        content: '';
+        width: 1px;
+        height: 60%;
+        background-color: #ccc;
+        position: absolute;
+        right: 0;
+      }
+
+      &:last-child::before {
+        content: none;
+      }
+      > div {
+      }
+    }
+    .picture {
+      text-align: left;
+    }
+    img {
+      width: 20px;
+      height: 22px;
+    }
+  }
+}
+
+.tableData {
+  background-color: #fff;
+  margin-top: 0.5rem;
+  padding: 20px;
+  border: 1px solid #dcdfe6;
+
+  .table-form-inline-hospital {
+    margin-bottom: 8px;
+  }
+
+  .cell {
+    i:first-child {
+      width: 5px;
+      height: 5px;
+      border-radius: 50%;
+      background-color: #595959;
+      display: inline-block;
+    }
+
+    .normal {
+      color: #595959;
+    }
+
+    .warn {
+      color: #b40000;
+
+      i:first-child {
+        background-color: #b40000;
+      }
+    }
+
+    .stop {
+      color: #ff781e;
+
+      i:first-child {
+        background-color: #ff781e;
+      }
+    }
+  }
+}
+.institutionMonitor {
+  padding: 8px;
+  border: 1px solid #dcdfe6;
+}
+.monitor-top {
+  // position: fixed;
+  padding: 8px;
+  z-index: 10;
+  background-color: #fff;
+  margin: -8px 0 0 -6px;
+}
+.queryCondition {
+  padding: 1rem 0;
+}
+
+.dialog-footer-bottom {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  span {
+    color: #000;
+  }
+
+  .el-icon-warning {
+    color: #faad14;
+  }
+
+  .el-button {
+    border: 1px solid #dcdfe6;
+    color: #111;
+    font-family: PingFangSC-Regular;
+    font-size: 12px;
+
+    &:last-child {
+      color: #fff;
+      border: none;
+    }
+  }
+}
+
+.total {
+  margin: 1rem 0;
+  color: #111;
+  font-family: DIN-Bold;
+
+  > span {
+    font-weight: bold;
+  }
+}
+
+.timeLine {
+  overflow: auto;
+  height: 25rem;
+
+  ul {
+    padding-left: 1px;
+  }
+
+  .content {
+    height: 108px;
+    background-color: #f5f7fa;
+    border-radius: 4px;
+    padding: 10px 13px 0;
+    overflow: auto;
+    font-size: 14px;
+    color: #666;
+
+    span {
+      font-weight: 600;
+      color: #333;
+    }
+
+    p {
+      margin-bottom: 10px;
+
+      &:last-child {
+        color: #333;
+      }
+    }
+  }
+}
+
+.sure span {
+  color: #fff;
+}
+
+.EmailSet {
+  .el-form {
+    padding: 0 120px 0 20px;
+    max-height: 60vh;
+    overflow: auto;
+    .testCron {
+      position: absolute;
+      top: 0;
+      right: -90px;
+    }
+    .cardForm {
+      position: relative;
+      .emailAdd {
+        position: absolute;
+        right: -70px;
+        top: 6px;
+        width: 60px;
+        .el-button + .el-button {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}