fix:样式调整，模板替换

8e079ba3 · yuananting · 500a480a · 8e079ba3 · 8e079ba3 · 8e079ba3
Commit 8e079ba3 authored Mar 24, 2021 by yuananting
10 changed files
--- a/src/bu-components/SelectPrepareFileModal.less
+++ b/src/bu-components/SelectPrepareFileModal.less
@@ -86,7 +86,7 @@
      }
      .iconfont {
        color: #BFBFBF;
-        font-size:12px;
+        font-size: 16px;
      }
    }
  }

--- a/src/modules/teach-tool/QuestionCategoryManage.jsx
+++ b/src/modules/teach-tool/QuestionCategoryManage.jsx
@@ -2,7 +2,7 @@
 * @Author: yuananting
 * @Date: 2021-02-23 18:28:50
 * @LastEditors: yuananting
- * @LastEditTime: 2021-03-24 14:51:17
+ * @LastEditTime: 2021-03-24 17:18:20
 * @Description: 助学工具-题库-主页面分类管理
 * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
 */
@@ -599,7 +599,7 @@ class QuestionCategoryManage extends Component {
            <span className="search-label">搜索名称：</span>
            <Search
              placeholder="请输入名称"
-              style={{ width: "calc(100% - 84px)" }}
+              style={{ width: "300px" }}
              onSearch={(value) => this.queryCategoryTree("search", value)}
              className="search-input"
              enterButton={<span className="icon iconfont">&#xe832;</span>}
@@ -623,7 +623,7 @@ class QuestionCategoryManage extends Component {
          </Button>
          <div
            className="show-tips"
-            style={{ marginTop: "12px", width: "700px" }}
+            style={{ marginTop: "12px", width: "900px" }}
          >
            <ShowTips message="为方便管理，该分类用于课程、培训计划、题库、知识库等模块，改动将同步各模块更新" />
          </div>

--- a/src/modules/teach-tool/QuestionCategoryManage.less
+++ b/src/modules/teach-tool/QuestionCategoryManage.less
@@ -2,7 +2,7 @@
 * @Author: yuananting
 * @Date: 2021-02-23 19:41:42
 * @LastEditors: yuananting
- * @LastEditTime: 2021-03-24 14:57:20
+ * @LastEditTime: 2021-03-24 17:16:43
 * @Description: 助学工具-题库-题目分类管理样式
 * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
 */
@@ -21,7 +21,7 @@
  .course-category-tree {
    position: relative;
    margin-top: 16px;
-    width: 700px;
+    width: 900px;
    border: 1px solid #E8E8E8;
    .ant-tree.ant-tree-directory {
      font-size: 14px;
@@ -51,6 +51,7 @@
              justify-content: space-between;
              .title-opts {
                visibility: hidden;
+                margin-right: 16px;
              }
            }
          }

--- a/src/modules/teach-tool/components/NewQuestionTab.less
+++ b/src/modules/teach-tool/components/NewQuestionTab.less
@@ -2,7 +2,6 @@
  border-radius: 2px;
  padding: 16px;
  position: relative;
-  margin-bottom: 50px;
  .editor-fill-box_single {
    border-radius: 4px;
@@ -51,7 +50,7 @@
  }
  .question-answer_control {
-    margin: 40px 0 !important;
+    margin: 40px 0 24px !important;
    .answer-tip {
      font-size: 14px;
      color: #cccccc;
@@ -286,7 +285,7 @@
    .question-desc-box {
      margin-top: 24px;
      .desc-picture-box {
-        margin-bottom: 28px;
+        margin-bottom: 16px;
        .picture-box {
          position: relative;
          display: inline-flex;
@@ -317,7 +316,7 @@
        }
      }
      .desc-audio-box {
-        margin-bottom: 28px;
+        margin-bottom: 16px;
        .audio-box {
          position: relative;
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
@@ -381,26 +380,29 @@
    .gap-answer-label {
      margin-right: 12px;
      white-space: nowrap;
-      margin-top: 6px;
    }
    .gap-answer-content {
      background: #ffffff;
      border-radius: 4px;
      border: 1px solid #e8e8e8;
-      padding: 8px 12px 0;
+      padding: 3px 12px;
      width: calc(100% - 50px);
      word-wrap: break-word;
      word-break: break-all;
      overflow: hidden;
      .ant-tag {
-        margin-bottom: 8px !important;
        border: none;
+        font-size: 14px;
        line-height: 24px;
+        vertical-align: middle;
      }
      .gap-tag-input {
        margin-right: 5px;
        border: 1px solid rgb(165, 165, 165);
      }
+      .ant-tag-close-icon {
+        font-size: 14px;
+      }
      ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #ff4f4f;

--- a/src/modules/teach-tool/components/QuestionEditor.jsx
+++ b/src/modules/teach-tool/components/QuestionEditor.jsx
@@ -345,13 +345,12 @@ class QuestionEditor extends Component {
        {isGapFilling && contentType === "QUESTION_STEM" && (
          <div className="editor-fill-info">
            在需要填写答案的地方
-            <Button
+            <span
-              type="link"
              className="editor-fill-info_icon icon iconfont"
              onClick={this.insertBlank}
            >
              &#xe83e; 插入占位符
-            </Button>
+            </span>
          </div>
        )}
        <div

--- a/src/modules/teach-tool/components/QuestionManageContent.jsx
+++ b/src/modules/teach-tool/components/QuestionManageContent.jsx
@@ -2,7 +2,7 @@
 * @Author: yuananting
 * @Date: 2021-02-25 11:23:47
 * @LastEditors: yuananting
- * @LastEditTime: 2021-03-24 14:55:54
+ * @LastEditTime: 2021-03-24 17:34:44
 * @Description: 助学工具-题库-题目管理主页面列表数据
 * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
 */
@@ -231,6 +231,9 @@ class QuestionManageContent extends Component {
        title: "题目",
        key: "questionStem",
        dataIndex: "questionStem",
+        ellipsis: {
+          showTitle: false,
+        },
        render: (val, record) => {
          var handleVal = val;
          handleVal = handleVal.replace(/<(?!img|input).*?>/g, "");
@@ -239,7 +242,7 @@ class QuestionManageContent extends Component {
          handleVal = handleVal.replace(/\&nbsp\;/gi, " ");
          return (
            <Tooltip title={handleVal}>
-              <div className="record-name">{handleVal}</div>
+              {handleVal}
            </Tooltip>
          );
        },
@@ -248,7 +251,7 @@ class QuestionManageContent extends Component {
        title: "题型",
        key: "questionTypeEnum",
        dataIndex: "questionTypeEnum",
-        width: 200,
+        width: "16%",
        render: (val) => {
          return questionTypeEnum[val];
        },
@@ -259,7 +262,7 @@ class QuestionManageContent extends Component {
        dataIndex: "accuracy",
        sorter: true,
        showSorterTooltip: false,
-        width: 142,
+        width: "14%",
        render: (val) => {
          return val + "%";
        },
@@ -270,7 +273,7 @@ class QuestionManageContent extends Component {
        dataIndex: "updateTime",
        sorter: true,
        showSorterTooltip: false,
-        width: 200,
+        width: "24%",
        render: (val) => {
          return formatDate("YYYY-MM-DD H:i:s", val);
        },
@@ -279,7 +282,7 @@ class QuestionManageContent extends Component {
        title: "操作",
        key: "operate",
        dataIndex: "operate",
-        width: 232,
+        width: "24%",
        render: (val, record) => {
          return (
            <div className="record-operate">

--- a/src/modules/teach-tool/components/QuestionManageContent.less
+++ b/src/modules/teach-tool/components/QuestionManageContent.less
@@ -2,7 +2,7 @@
 * @Author: yuananting
 * @Date: 2021-02-25 11:26:28
 * @LastEditors: yuananting
- * @LastEditTime: 2021-03-24 15:57:41
+ * @LastEditTime: 2021-03-24 18:25:57
 * @Description: 助学工具-题库-题目管理右侧内容样式
 * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
 */

--- a/src/modules/teach-tool/modal/BatchImportQuestionModal.jsx
+++ b/src/modules/teach-tool/modal/BatchImportQuestionModal.jsx
@@ -33,7 +33,7 @@ class BatchImportQuestionModal extends Component {
  // 下载题目模板
  handleDownTemplate = () => {
    const a = document.createElement("a");
-    a.href = "https://image.xiaomaiketang.com/xm/questionImport.xlsx";
+    a.href = "https://image.xiaomaiketang.com/xm/题目批量导入标准模版.xlsx";
    a.click();
  };

--- a/src/modules/teach-tool/modal/BatchImportQuestionModal.less
+++ b/src/modules/teach-tool/modal/BatchImportQuestionModal.less
@@ -95,6 +95,8 @@
      }
      .status-tip {
        line-height: 20px;
+        color: #666666;
+        margin-bottom: 16px;
        .num {
          color: #FC9C6B;
        }

--- a/src/modules/teach-tool/modal/QuestionPreviewModal.less
+++ b/src/modules/teach-tool/modal/QuestionPreviewModal.less
@@ -91,6 +91,7 @@
        color: #666666;
        margin-bottom: 8px;
        .option-box-header {
+          margin-bottom: 8px;
          .option-sort {
            display: inline-block;
            margin-right: 5px;
@@ -198,7 +199,7 @@
      }
      .desc-picture-box {
        display: inline-flex;
-        margin-bottom: 28px;
+        margin-bottom: 16px;
        .picture-box {
          width: 88px;
          height: 88px;
@@ -225,7 +226,7 @@
        }
      }
      .desc-audio-box {
-        margin-bottom: 28px;
+        margin-bottom: 16px;
        .audio-box {
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
          padding: 10px 20px;