@focus-teach/ui 1.0.0

package/.history/packages/question-drawer/src/index_20230614212939.scss

@@ -0,0 +1,270 @@
+
+  
+.question-drawer {
+  ::v-deep .ft-tabs {
+    margin: 0 auto;
+  }
+  .icon-drop-down-btn:before {
+    content: "\e947";
+    position: absolute;
+    margin-top: 6px;
+    right: 8px;
+    font-size: 20px;
+    color: #c0c4cc;
+  }
+  .icon-drop-up-btn:before {
+    content: "\e94a";
+    position: absolute;
+    margin-top: 6px;
+    right: 8px;
+    font-size: 20px;
+    color: #c0c4cc;
+  }
+  .cascader.point{
+    ::v-deep .ft-cascader{
+      width: 100%;
+    }
+  }
+  .cascader {
+    width: 100%;
+    height: 45px;
+
+    ::v-deep .ft-cascader {
+      float: left;
+      width: 50%;
+
+      .el-cascader {
+        width: calc(100% - 8px);
+      }
+
+      .el-input__inner {
+        padding-left: 8px;
+        height: 32px;
+        line-height: 32px;
+        font-family: MicrosoftYaHei;
+        color: #333;
+      }
+    }
+    ::v-deep .ft-cascader:last-child {
+      .el-cascader {
+        width: 100%;
+      }
+    }
+    .knowledge-back {
+      width: 100%;
+      height: 32px;
+      position: relative;
+    }
+
+    .knowledge-back-pop {
+      width: 100%;
+      height: 32px;
+    }
+
+    .knowledge-input {
+      padding: 0 8px;
+      width: 100%;
+      height: 32px;
+      line-height: 32px;
+      font-size: 14px;
+      text-align: left;
+      border-radius: 4px;
+      background-color: #fff;
+      font-family: MicrosoftYaHei;
+      white-space: nowrap;
+      outline: none;
+      color: #ccc;
+    }
+
+    .knowledge-input-show {
+      border: 1px solid #4cbd74;
+    }
+
+    .knowledge-input-normal {
+      border: 1px solid #dcdfe6;
+    }
+
+    .knowledge-input-value {
+      color: #333;
+    }
+  }
+
+  .screen {
+    padding: 8px 0;
+    width: calc(100% - 2px);
+    height: auto;
+    background: #fff;
+    border: 1px solid #e2e2e2;
+
+    ::v-deep .ft-radio {
+      overflow-y: hidden;
+    }
+  }
+
+  .question {
+    margin-bottom: 1px;
+    width: 100%;
+    height: auto;
+    background: #fff;
+
+    // ::v-deep .ft-header {
+    //   border-bottom: 1px solid #eee;
+    // }
+  }
+
+  .page-contro {
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    font-size: 14px;
+    line-height: 40px;
+    color: #333;
+  }
+
+  .loading {
+    width: 100%;
+    height: 357px;
+  }
+}
+.knowledge-popover {
+  width: 100% !important;
+  height: auto !important;
+  border: 1px solid #cccccc !important;
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) !important;
+  z-index: 1005 !important;
+}
+
+.catalog-tool {
+  width: 100% !important;
+  height: 40px !important;
+  background: #fafafa !important;
+}
+.self-switch {
+  margin-right: 16px;
+  float: right;
+  margin-top: 10px;
+  display: block;
+}
+.btn-title {
+  margin-left: 16px !important;
+  float: left !important;
+  /* width: 140px; */
+  height: 100% !important;
+  line-height: 40px !important;
+  font-size: 12px !important;
+  color: #333333 !important;
+  letter-spacing: 0 !important;
+  overflow: hidden !important;
+}
+
+.knowledge-btn {
+  margin-top: 8px !important;
+  float: left !important;
+  width: 80px !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  font-family: MicrosoftYaHei !important;
+  font-size: 12px !important;
+  text-align: center !important;
+  border: 1px solid #4cbd74 !important;
+  cursor: pointer !important;
+}
+.knowledge-btn-normal {
+  background: #fff !important;
+  color: #4cbd74 !important;
+}
+
+.knowledge-btn-select {
+  background: #4cbd74 !important;
+  color: #fff !important;
+}
+.tool-btn-tab {
+  float: left;
+  margin-left: 155px;
+  width: 164px;
+  height: 40px;
+  z-index: 60002;
+}
+
+.tool-btn {
+  width: 100%;
+  height: 40px;
+  z-index: 60002;
+}
+
+.btn-count {
+  font-size: 14px;
+  color: #4cbd74;
+  font-weight: bold;
+}
+
+.btn {
+  margin-top: 7px;
+  margin-right: 15px;
+  float: right;
+  width: 50px;
+  height: 26px;
+  font-size: 14px;
+  line-height: 26px;
+  border-radius: 4px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.btn-disable {
+  color: #fff;
+  background: #cccccc;
+  opacity: 0.7;
+}
+
+.btn-sure {
+  color: #fff;
+  background: #4cbd74;
+}
+
+.btn-clear {
+  color: #4cbd74;
+  background: #fff;
+  border: 1px solid #4cbd74;
+}
+
+.self-tree {
+  margin: 16px 0 16px 8px;
+  height: calc(100% - 32px);
+  max-height: 242px;
+  overflow: auto;
+}
+
+.span-ellipsis {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
+  font-family: MicrosoftYaHei;
+  font-size: 12px;
+  color: #333333;
+}
+
+.tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+}
+
+.over-ellipsis-one {
+  display: block;
+  width: 248px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+}
+.knowledge-popover .btn{padding:0}
+.knowledge-popover + .el-tooltip__popper{
+  max-width: 475px;
+  max-height: calc(100% - 220px) !important;
+  overflow-y: auto !important;
+}

package/.history/packages/question-drawer/src/index_20230614213141.scss

@@ -0,0 +1,270 @@
+
+  
+.question-drawer {
+  ::v-deep .ft-tabs {
+    margin: 0 auto;
+  }
+  .icon-drop-down-btn:before {
+    content: "\e947";
+    position: absolute;
+    margin-top: 6px;
+    right: 8px;
+    font-size: 20px;
+    color: #c0c4cc;
+  }
+  .icon-drop-up-btn:before {
+    content: "\e94a";
+    position: absolute;
+    margin-top: 6px;
+    right: 8px;
+    font-size: 20px;
+    color: #c0c4cc;
+  }
+  .cascader.point{
+    ::v-deep .ft-cascader{
+      width: 100%;
+    }
+  }
+  .cascader {
+    width: 100%;
+    height: 45px;
+
+    ::v-deep .ft-cascader {
+      float: left;
+      width: 50%;
+
+      .el-cascader {
+        width: calc(100% - 8px);
+      }
+
+      .el-input__inner {
+        padding-left: 8px;
+        height: 32px;
+        line-height: 32px;
+        font-family: MicrosoftYaHei;
+        color: #333;
+      }
+    }
+    ::v-deep .ft-cascader:last-child {
+      .el-cascader {
+        width: 100%;
+      }
+    }
+    .knowledge-back {
+      width: 100%;
+      height: 32px;
+      position: relative;
+    }
+
+    .knowledge-back-pop {
+      width: 100%;
+      height: 32px;
+    }
+
+    .knowledge-input {
+      padding: 0 8px;
+      width: 100%;
+      height: 32px;
+      line-height: 32px;
+      font-size: 14px;
+      text-align: left;
+      border-radius: 4px;
+      background-color: #fff;
+      font-family: MicrosoftYaHei;
+      white-space: nowrap;
+      outline: none;
+      color: #ccc;
+    }
+
+    .knowledge-input-show {
+      border: 1px solid #4cbd74;
+    }
+
+    .knowledge-input-normal {
+      border: 1px solid #dcdfe6;
+    }
+
+    .knowledge-input-value {
+      color: #333;
+    }
+  }
+
+  .screen {
+    padding: 8px 0;
+    width: calc(100% - 2px);
+    height: auto;
+    background: #fff;
+    border: 1px solid #e2e2e2;
+
+    ::v-deep .ft-radio {
+      overflow-y: hidden;
+    }
+  }
+
+  .question {
+    margin-bottom: 1px;
+    width: 100%;
+    height: auto;
+    background: #fff;
+
+    // ::v-deep .ft-header {
+    //   border-bottom: 1px solid #eee;
+    // }
+  }
+
+  .page-contro {
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    font-size: 14px;
+    line-height: 40px;
+    color: #333;
+  }
+
+  .loading {
+    width: 100%;
+    height: 357px;
+  }
+}
+.knowledge-popover {
+  width: 100% !important;
+  height: auto !important;
+  border: 1px solid #cccccc !important;
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) !important;
+  z-index: 1005 !important;
+}
+
+.catalog-tool {
+  width: 100% !important;
+  height: 40px !important;
+  background: #fafafa !important;
+}
+.self-switch {
+  margin-right: 16px;
+  float: right;
+  margin-top: 10px;
+  display: block;
+}
+.btn-title {
+  margin-left: 16px !important;
+  float: left !important;
+  /* width: 140px; */
+  height: 100% !important;
+  line-height: 40px !important;
+  font-size: 12px !important;
+  color: #333333 !important;
+  letter-spacing: 0 !important;
+  overflow: hidden !important;
+}
+
+.knowledge-btn {
+  margin-top: 8px !important;
+  float: left !important;
+  width: 80px !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  font-family: MicrosoftYaHei !important;
+  font-size: 12px !important;
+  text-align: center !important;
+  border: 1px solid #4cbd74 !important;
+  cursor: pointer !important;
+}
+.knowledge-btn-normal {
+  background: #fff !important;
+  color: #4cbd74 !important;
+}
+
+.knowledge-btn-select {
+  background: #4cbd74 !important;
+  color: #fff !important;
+}
+.tool-btn-tab {
+  float: left;
+  margin-left: 155px;
+  width: 164px;
+  height: 40px;
+  z-index: 60002;
+}
+
+.tool-btn {
+  width: 100%;
+  height: 40px;
+  z-index: 60002;
+}
+
+.btn-count {
+  font-size: 14px;
+  color: #4cbd74;
+  font-weight: bold;
+}
+
+.btn {
+  margin-top: 7px;
+  margin-right: 15px;
+  float: right;
+  width: 50px;
+  height: 26px;
+  font-size: 14px;
+  line-height: 26px;
+  border-radius: 4px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.btn-disable {
+  color: #fff;
+  background: #cccccc;
+  opacity: 0.7;
+}
+
+.btn-sure {
+  color: #fff;
+  background: #4cbd74;
+}
+
+.btn-clear {
+  color: #4cbd74;
+  background: #fff;
+  border: 1px solid #4cbd74;
+}
+
+.self-tree {
+  margin: 16px 0 16px 8px;
+  height: calc(100% - 32px);
+  max-height: 242px;
+  overflow: auto;
+}
+
+.span-ellipsis {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
+  font-family: MicrosoftYaHei;
+  font-size: 12px;
+  color: #333333;
+}
+
+.tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+}
+
+.over-ellipsis-one {
+  display: block;
+  width: 248px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-line-clamp: 1;
+}
+.knowledge-popover .btn{padding:0}
+.knowledge-popover + ::v-deep .el-tooltip__popper{
+  max-width: 475px;
+  max-height: calc(100% - 220px) !important;
+  overflow-y: auto !important;
+}