From 1ff5a66ce9535b6e071cfd0bc1094333e1cdc29f Mon Sep 17 00:00:00 2001
From: xialiang <1818147@qq.com>
Date: Tue, 22 Feb 2022 17:00:29 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=A8=A1=E6=8B=9F=E8=80=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../examination/mockExamination/index.tsx | 76 +++++++++++++++++++
web/src/pages/examination/service.ts | 17 +++++
2 files changed, 93 insertions(+)
create mode 100644 web/src/pages/examination/mockExamination/index.tsx
diff --git a/web/src/pages/examination/mockExamination/index.tsx b/web/src/pages/examination/mockExamination/index.tsx
new file mode 100644
index 0000000..9e02d5a
--- /dev/null
+++ b/web/src/pages/examination/mockExamination/index.tsx
@@ -0,0 +1,76 @@
+import { PlusOutlined } from '@ant-design/icons';
+import { Button, Card, List, Progress, Typography, Image } from 'antd';
+import { PageContainer } from '@ant-design/pro-layout';
+import { useRequest } from 'umi';
+import { querySubjectList } from './service';
+import type { SubjectListItemDataType } from './data.d';
+import styles from './style.less';
+import NumberInfo from './components/NumberInfo';
+
+const { Paragraph } = Typography;
+
+const SubjectList = () => {
+ /** 获取主题列表数据 */
+ const { data, loading } = useRequest(() => {
+
+ return querySubjectList({
+ count: 10,
+ });
+ });
+
+ const list = data?.list || [];
+
+ return (
+
+
+
{
+ if (item && item.subject_id) {
+ return (
+
+ {item?.subject_name}}
+ hoverable
+ className={styles.card}
+ actions={[]}
+ extra={<>开始学习时间: ---距离结束时间：---天考核学时：{item?.total_course_hours}}
+ >
+ }
+ title={false}
+ description={
+ <>
+
+
+ {item.subject_describe}
+
+
+
+
+
+ }
+ />
+
+
+ );
+ }
+ }}
+ />
+
+
{
+ if (item && item.subject_id) {
+ return (
+
+ {item?.subject_name}}
+ hoverable
+ className={styles.card}
+ actions={[]}
+ extra={<>开始学习时间: ---距离结束时间：---天考核学时：{item?.total_course_hours}}
+ >
+ }
+ title={false}
+ description={
+ <>
+
+
+ {item.subject_describe}
+
+
+
+
+
+ }
+ />
+
+
+ );
+ }
+ }}
+ />
+
{
xl: 1,
xxl: 1,
}}
- dataSource={list}
+ dataSource={subjectList}
renderItem={(item: SubjectListItemDataType) => {
if (item && item.subject_id) {
return (
@@ -45,21 +44,21 @@ const SubjectList = () => {
hoverable
className={styles.card}
actions={[]}
- extra={<>开始学习时间: ---距离结束时间：---天考核学时：{item?.total_course_hours}}
+ extra={<>开始学习时间: ---距离结束时间：---天考核学时：{item?.total_course_hours}}
>
}
title={false}
description={
<>
-
+
{item.subject_describe}
-
-
-
+
+
+
}
/>
diff --git a/web/src/pages/mockExamination/service.ts b/web/src/pages/mockExamination/service.ts
new file mode 100644
index 0000000..bceeda0
--- /dev/null
+++ b/web/src/pages/mockExamination/service.ts
@@ -0,0 +1,17 @@
+import { request } from 'umi';
+import type { CardListItemDataType } from './data.d';
+
+/**
+ * 【6.5】（教师首页）当前学习主题课程信息
+ * /dsideal_yy/ypt/careerTraining/learning/listMyLearningSubject
+ * @param params
+ * @returns
+ */
+export async function listMyLearningSubject(params: {
+ page_size: number;
+ //count: number;
+}): Promise<{ data: { list: CardListItemDataType[] } }> {
+ return request(' /dsideal_yy/ypt/careerTraining/learning/listMyLearningSubject', {
+ params,
+ });
+}
diff --git a/web/src/pages/mockExamination/style.less b/web/src/pages/mockExamination/style.less
new file mode 100644
index 0000000..7489aae
--- /dev/null
+++ b/web/src/pages/mockExamination/style.less
@@ -0,0 +1,118 @@
+@import '~antd/es/style/themes/default.less';
+@import './utils/utils.less';
+
+.cardList {
+ .card {
+ :global {
+ .ant-card-meta-title {
+ margin-bottom: 12px;
+ & > a {
+ display: inline-block;
+ max-width: 100%;
+ color: @heading-color;
+ }
+ }
+ .ant-card-body:hover {
+ .ant-card-meta-title > a {
+ color: @primary-color;
+ }
+ }
+ }
+ }
+ .item {
+ height: 64px;
+ }
+
+ :global {
+ .ant-list .ant-list-item-content-single {
+ max-width: 100%;
+ }
+ .ant-card-meta-description{
+ height:100%;
+ }
+ .ant-card-grid{
+ box-shadow:none;
+ height:100%;
+ }
+ }
+}
+:global {
+ .ant-card-meta-detail{
+ height: 150px;
+ }
+}
+.extraImg {
+ width: 155px;
+ margin-top: -20px;
+ text-align: center;
+ img {
+ width: 100%;
+ }
+}
+
+.newButton {
+ width: 100%;
+ height: 201px;
+ color: @text-color-secondary;
+ background-color: @component-background;
+ border-color: @border-color-base;
+}
+
+.cardAvatar {
+ width: 270px;
+ height: 150px;
+ border-radius: 10px;
+}
+
+.cardDescription {
+ .textOverflowMulti();
+}
+
+.pageHeaderContent {
+ position: relative;
+}
+
+.contentLink {
+ margin-top: 16px;
+ a {
+ margin-right: 32px;
+ img {
+ width: 24px;
+ }
+ }
+ img {
+ margin-right: 8px;
+ vertical-align: middle;
+ }
+}
+
+@media screen and (max-width: @screen-lg) {
+ .contentLink {
+ a {
+ margin-right: 16px;
+ }
+ }
+}
+@media screen and (max-width: @screen-md) {
+ .extraImg {
+ display: none;
+ }
+}
+
+@media screen and (max-width: @screen-sm) {
+ .pageHeaderContent {
+ padding-bottom: 30px;
+ }
+ .contentLink {
+ position: absolute;
+ bottom: -4px;
+ left: 0;
+ width: 1000px;
+ a {
+ margin-right: 16px;
+ }
+ img {
+ margin-right: 4px;
+ }
+ }
+}
diff --git a/web/src/pages/mockExamination/utils/utils.less b/web/src/pages/mockExamination/utils/utils.less
new file mode 100644
index 0000000..de1aa64
--- /dev/null
+++ b/web/src/pages/mockExamination/utils/utils.less
@@ -0,0 +1,50 @@
+.textOverflow() {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ word-break: break-all;
+}
+
+.textOverflowMulti(@line: 3, @bg: #fff) {
+ position: relative;
+ max-height: @line * 1.5em;
+ margin-right: -1em;
+ padding-right: 1em;
+ overflow: hidden;
+ line-height: 1.5em;
+ text-align: justify;
+ &::before {
+ position: absolute;
+ right: 14px;
+ bottom: 0;
+ padding: 0 1px;
+ background: @bg;
+ content: '...';
+ }
+ &::after {
+ position: absolute;
+ right: 14px;
+ width: 1em;
+ height: 1em;
+ margin-top: 0.2em;
+ background: white;
+ content: '';
+ }
+}
+
+// mixins for clearfix
+// ------------------------
+.clearfix() {
+ zoom: 1;
+ &::before,
+ &::after {
+ display: table;
+ content: ' ';
+ }
+ &::after {
+ clear: both;
+ height: 0;
+ font-size: 0;
+ visibility: hidden;
+ }
+}