Skip to content

X
xiaomai-cloud-class-web
Commit 8e079ba3 by yuananting
Options

fix:样式调整，模板替换

parent 500a480a
Showing with 34 additions and 26 deletions
src/bu-components/SelectPrepareFileModal.less
......@@ -86,7 +86,7 @@
}
.iconfont {
color: #BFBFBF;
font-size:12px;
font-size: 16px;
}
}
}
......
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>
......
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;
}
}
}
......
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;
......
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
type="link"
<span
className="editor-fill-info_icon icon iconfont"
onClick={this.insertBlank}
>
&#xe83e; 插入占位符
</Button>
</span>
</div>
)}
<div
......
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">
......
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 杭州杰竞科技有限公司 版权所有
*/
......
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();
};
......
src/modules/teach-tool/modal/BatchImportQuestionModal.less
......@@ -95,6 +95,8 @@
}
.status-tip {
line-height: 20px;
color: #666666;
margin-bottom: 16px;
.num {
color: #FC9C6B;
}
......
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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment