From 9123944e19b4f9d726d5b2be0534b7cfacef7c08 Mon Sep 17 00:00:00 2001 From: yuping <82253452@qq.com> Date: Sun, 20 Nov 2022 22:09:58 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=88=9D=E5=A7=8B=E5=8C=96?= =?UTF-8?q?=20=E7=AC=AC=E4=B8=80=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/api.js | 7 + src/assets/image/file/book.png | Bin 0 -> 260 bytes src/assets/image/file/rar.png | Bin 0 -> 590 bytes src/components/FileTypeImg.vue | 28 ++ src/components/img/UploadImg.vue | 66 ++++ src/components/index.js | 4 - src/mock/mocks/discuss.js | 138 +++++++++ src/views/discuss/DiscussPage.vue | 142 +++++---- src/views/discussdetail/DiscussDetail.vue | 351 +++++++++++++--------- src/views/homework/HomeworkPage.vue | 227 +++++++------- vite.config.js | 8 + 11 files changed, 643 insertions(+), 328 deletions(-) create mode 100644 src/assets/image/file/book.png create mode 100644 src/assets/image/file/rar.png create mode 100644 src/components/FileTypeImg.vue create mode 100644 src/components/img/UploadImg.vue delete mode 100644 src/components/index.js create mode 100644 src/mock/mocks/discuss.js diff --git a/src/api/api.js b/src/api/api.js index 2a10965..4e88be2 100644 --- a/src/api/api.js +++ b/src/api/api.js @@ -1,5 +1,7 @@ export const BASE = 'http://localhost:3000' +// export const FILE_UPLOAD = 'http://111.231.196.214:30001/file/upload' export const FILE_UPLOAD = '/file/upload' +export const COMMON_TOKEN = 'https://upload-z2.qiniup.com' export const ROUTER_CHAPTER_LIST = '/stu/router/chapterList' export const ROUTER_LIST = '/stu/router/list post' export const ROUTER_PROCESS = '/stu/router/process' @@ -16,3 +18,8 @@ export const TASK_WORK_DETAIL = '/stu/task/work/detail' export const STU_OFFCOURSE_DETAIL = '/stu/offcourse/detail' export const WORK_QUERYWORKDETAILBYID = '/work/queryWorkDetailById' export const EXAMINATION_QUERYEXAMINATIONDETAILBYID = '/examination/queryExaminationDetailById' +export const DISCUSS_COLLECTION = '/discussSubmit/clickDiscussCollectionCountOr POST' +export const DISCUSS_LIKE = '/discussSubmit/clickDiscussLikeCountOr POST' +export const DISCUSS_LIST = '/discussSubmit/queryDiscussSubmitDetailByDiscussId' +export const DISCUSS_DETAIL = '/discuss/getDiscussDetail' +export const DISCUSS_SUBMIT_REVIEW_LIST = '/discussSubmit/queryDiscussSubmitAndReview' diff --git a/src/assets/image/file/book.png b/src/assets/image/file/book.png new file mode 100644 index 0000000000000000000000000000000000000000..925572e184ef68e310f9848a2529a431f6dd458e GIT binary patch literal 260 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VV{wqX6T`Z5GB1IgeV#6kAr}67 zuj=w0au8^HSk9AhFnnWIOY?&b4m+9pHk9r#yHddZPp7Xr;q@v`u`3A+m@b-}Zn?VI zf8Y5tClc1Kecl|?BC*u{#%}F5w`8YX`o2pvLSat8DFy$I0JQ^dF^kNncu(|{Y1wOU zxxTt(qQ&~I38E`i>>IVea=ffRP-uBsE%W?EN4w&6dJ8RYsNDVTlj~G`Vb3PZjJTUJ zChK$fW`+Ob-4YjnwW(FPfY+0qr*Wm$&JcBmXAb59Yy1vy&#m5MCbw=+Ezlzopr0A8MGdH?_b literal 0 HcmV?d00001 diff --git a/src/assets/image/file/rar.png b/src/assets/image/file/rar.png new file mode 100644 index 0000000000000000000000000000000000000000..9b7bc337b39d55bbb0c5a8f186eba07678495c95 GIT binary patch literal 590 zcmV-U0Px%2uVaiR7gwhmd|SwK^TUgFB@&z#B?<&)|OIgE0t<`Nb5}x9t8gYJw$Cwp@L8$ zc<>?~q6aVbV7=(&f995sQlOpNP9iZjWNmtu^^cSH+ff5 z=d;^@$5q|X-{24=N1$~8qJ^AvOyAhd5S0%IPNX3|06)s$I9KIJW~Lh69C%MZXwQ`k zm9;C4dIyi6n7n*C5R20=k-Ms?KC)_A+jG<7HSp6Dl2*~K+h>N z_~T<}*Cp`)SP}UC9$w_&_=7*NCld{TyH3FKn`T1q8E}>%k%G2PcyNZ}Fe8-{pa6X4F%5bc4t_l(lP zEVS%};u1u=;oU + + + + \ No newline at end of file diff --git a/src/components/img/UploadImg.vue b/src/components/img/UploadImg.vue new file mode 100644 index 0000000..0193096 --- /dev/null +++ b/src/components/img/UploadImg.vue @@ -0,0 +1,66 @@ + + diff --git a/src/components/index.js b/src/components/index.js deleted file mode 100644 index 6030d19..0000000 --- a/src/components/index.js +++ /dev/null @@ -1,4 +0,0 @@ -import CompulsoryTag from './tag/CompulsoryTag.vue' -export { - CompulsoryTag -} \ No newline at end of file diff --git a/src/mock/mocks/discuss.js b/src/mock/mocks/discuss.js new file mode 100644 index 0000000..039b93b --- /dev/null +++ b/src/mock/mocks/discuss.js @@ -0,0 +1,138 @@ +export default { + DISCUSS_LIST: () => ({ + "code": 0, + "data": { + "pageNo": 0, + "pageSize": 0, + "pages": 0, + "rows": [ + { + "createTime": "", + "createUser": 0, + "discussCollectionCount": 12, + "discussId": "", + "discussLikeCount": "123", + "discussReviewCount": "12", + "discussSubmitContent": "所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说，\n" + + " 不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力。", + "discussSubmitId": "", + "discussSubmitPictureAddress": "", + "discussSubmitTitle": "从营销角度分析：我的团队需要这些能力", + "stuId": "", + "stuName": "", + "submitReviewVoList": [ + { + "createTime": "", + "createUser": 0, + "discussLikeCount": "12", + "discussReviewContent": "", + "discussReviewFlag": "", + "discussReviewId": "", + "discussReviewPictureAddress": "", + "discussSubmitId": "", + "stuId": "", + "stuName": "", + "submitReplyVoList": [ + { + "createTime": "", + "createUser": 0, + "discussReplyId": 0, + "discussReviewId": "", + "replyContent": "", + "replyFlag": "", + "replyPictureAddress": "", + "reviewStuId": "", + "reviewStuName": "", + "stuId": "", + "stuName": "", + "updateTime": "", + "updateUser": 0 + } + ], + "updateTime": "", + "updateUser": 0 + } + ], + "updateTime": "", + "updateUser": 0 + } + ], + "total": 0 + }, + "msg": "", + "success": true + }), + DISCUSS_DETAIL: () => ({ + "code": 0, + "data": { + "createTime": "", + "createUser": 0, + "discussExplain": "第二讲：模块化产品展示：班内成员讨论\n" + + "进行中", + "discussFlag": "", + "discussId": 0, + "discussName": "请基于公司的战略方向和你所负责的组织的业务发展，识别3-5个你和你的团队在未来2-3年的新的能力与技能要求", + "discussSettings": "", + "discussTag": "", + "projectId": 0, + "updateTime": "", + "updateUser": 0 + }, + "msg": "", + "success": true + }), + DISCUSS_SUBMIT_REVIEW_LIST: () => ({ + "code": 0, + "data": { + "createTime": "", + "createUser": 0, + "discussCollectionCount": 222, + "discussId": "", + "discussLikeCount": 123, + "discussReviewCount": "", + "discussSubmitContent": "所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说， 不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力", + "discussSubmitId": "", + "discussSubmitPictureAddress": "", + "discussSubmitTitle": "从营销角度分析：我的团队需要这些能力", + "stuId": "", + "stuName": "", + "submitReviewVoList": [ + { + "createTime": "2022-06-21 21:35:12", + "createUser": 0, + "discussLikeCount": "12", + "discussReviewContent": "教师基本功扎实，知识讲解准确，教学设计合理，始终以学生为主体，自主学习，小组交流讨论，上台交流展示等形式，师生配合默契，取得了较好的学习效果。", + "discussReviewFlag": "", + "discussReviewId": "", + "discussReviewPictureAddress": "", + "discussSubmitId": "", + "stuId": "", + "stuName": "罗宗梅", + "submitReplyVoList": [ + { + "createTime": "2022-06-21 21:35:12", + "createUser": 0, + "discussReplyId": 0, + "discussReviewId": "", + "replyContent": "教学重难点突出，板书条理清晰。教学步骤设计合理，由浅入深，循序渐进", + "replyFlag": "", + "replyPictureAddress": "", + "reviewStuId": "", + "reviewStuName": "", + "stuId": "", + "stuName": "赵雪莉", + "updateTime": "", + "updateUser": 0 + } + ], + "updateTime": "", + "updateUser": 0 + } + ], + "updateTime": "", + "updateUser": 0 + }, + "msg": "", + "success": true + }), +} diff --git a/src/views/discuss/DiscussPage.vue b/src/views/discuss/DiscussPage.vue index 47b576a..0f77a3a 100644 --- a/src/views/discuss/DiscussPage.vue +++ b/src/views/discuss/DiscussPage.vue @@ -2,7 +2,7 @@
混合制项目
@@ -14,16 +14,16 @@
@@ -37,92 +37,73 @@
- 请基于公司的战略方向和你所负责的组织的业务发展，识别3-5个你和你的团队在未来2-3年的新的能力与技能要求 + {{ disDetail.discussName }}
-
第二讲：模块化产品展示：班内成员讨论
+
{{ disDetail.discussExplain }}
进行中
- - + +
-
-
从营销角度分析：我的团队需要这些能力
+
+
{{ d.discussSubmitTitle }}
- 所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说， - 不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力。 + {{ d.discussSubmitContent }}
-
317
+
{{ d.discussReviewCount }}
-
317
+
{{ d.discussLikeCount }}
-
317
+
{{ d.discussCollectionCount }}
-
-
从营销角度分析：我的团队需要这些能力
-
- 所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说， - 不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力。 -
-
-
-
317
-
-
317
-
-
317
-
-
-
-
-
从营销角度分析：我的团队需要这些能力
-
- 所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说， - 不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力。 -
-
-
-
317
-
-
317
-
-
317
-
-
-
-
-
从营销角度分析：我的团队需要这些能力
-
- 所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说， - 不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力。 -
-
-
-
317
-
-
317
-
-
317
-
-
-
@@ -133,6 +114,7 @@ export default { display: table; clear: both; } + .surveydetail { .crumb { color: #fff; @@ -140,18 +122,21 @@ export default { font-size: 14px; line-height: 24px; } + .prevnext { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #ffffff; + .prev { display: flex; align-items: center; cursor: pointer; } } + .title { font-size: 20px; font-weight: 800; @@ -160,6 +145,7 @@ export default { margin-top: 17px; margin-left: -11px; } + .bascinfo { min-height: 800px; width: 100%; @@ -173,6 +159,7 @@ export default { display: flex; margin-top: 64px; position: relative; + .title { font-size: 24px; font-weight: 800; @@ -180,11 +167,13 @@ export default { margin-left: 79px; margin-right: 210px; } + @media screen and (max-width: 1574px) { .title { margin-bottom: -24px; } } + .btn { cursor: pointer; position: absolute; @@ -201,6 +190,7 @@ export default { top: 5px; } } + .line { display: flex; margin: 47px 45px 0 75px; @@ -208,12 +198,14 @@ export default { // height: 50px; background: #f9f9f9; position: relative; + .linetitle { margin: 14px 120px 17px 28px; font-size: 16px; font-weight: 800; color: #333333; } + .radi { position: absolute; width: 11px; @@ -223,6 +215,7 @@ export default { margin-top: 19px; right: 91px; } + .intime { position: absolute; margin-top: 15px; @@ -233,20 +226,28 @@ export default { right: 36px; } } + .allbtn { margin-top: 21px; margin-left: 105px; + + .active { + background: #387df7 !important; + color: #ffffff !important; + } + .btnone { width: 44px; height: 26px; - background: #387df7; border-radius: 4px; border: 0; + background-color: #fff; font-size: 14px; font-weight: 500; - color: #ffffff; + color: #6e7b84; cursor: pointer; } + .btntwo { font-size: 14px; font-weight: 500; @@ -256,15 +257,18 @@ export default { cursor: pointer; } } + .discusslist { margin-left: 105px; margin-top: 39px; + .itemtitle { font-size: 16px; font-weight: 500; color: #333333; margin-right: 88px; } + .itemdiscuss { margin-top: 15px; width: 812px; @@ -274,6 +278,7 @@ export default { color: #666666; line-height: 24px; } + .allstar { display: flex; margin-top: 18px; @@ -282,24 +287,29 @@ export default { width: 14px; height: 14px; } + .count { margin-left: 7px; font-size: 14px; font-weight: 500; color: #b3bdc4; } + .pinglun { background-image: url(../../assets/image/pinglun.png); } + .dianzan { margin-left: 19px; background-image: url(../../assets/image/dianzan2.png); } + .shoucang { margin-left: 19px; background-image: url(../../assets/image/shoucang.png); } } + .thinline { // max-width: 1450px; width: calc(100% - 88px); diff --git a/src/views/discussdetail/DiscussDetail.vue b/src/views/discussdetail/DiscussDetail.vue index ff33f36..7e8033b 100644 --- a/src/views/discussdetail/DiscussDetail.vue +++ b/src/views/discussdetail/DiscussDetail.vue @@ -2,7 +2,7 @@
混合制项目
@@ -14,16 +14,16 @@
@@ -37,33 +37,26 @@
- 请基于公司的战略方向和你所负责的组织的业务发展，识别3-5个你和你的团队在未来2-3年的新的能力与技能要求 + {{ disDetail.discussName }}
-
第二讲：模块化产品展示：班内成员讨论
+
{{ disDetail.discussExplain }}
进行中
-
从营销角度分析：我的团队需要这些能力
-
-
103
-
-
103
+
{{ data.discussSubmitTitle }}
+
+
{{ data.discussLikeCount }}
+
+
{{ data.discussCollectionCount }}
- 所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说，不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力。
- 包容成员
- 团队工作需要成员在一起不断地讨论，如果一个人固执己见，无法听取他人的意见，或无法和他人达成一致，团队的工作就无法进行下去。团队的效率在于配合的默契，如果达不成这种默契，团队合作就不可能成功。为此，对待团队中其他成员时一定要抱着宽容的心态，讨论问题的时候对事不对人，即使他人犯了错误，也要本着大家共同进步的目的去帮对方改正，而不是一味斥责。同时也要经常检查自己的缺点，如果意识到了自己的缺点，不妨将它坦诚地讲出来，承认自己的缺点，让大家共同帮助你改进， - 这是最有效的方法。
- 获得支持
- 要使自己的工作得到大家的支持和认可，而不是反对，必须让大家喜欢你。但一个人又如何让别人来喜欢你呢?除了在工作中互相支援、互相鼓励外，还应该尽量和大家一起去参加各种活动，或者礼貌地关心一下大家的生活。
- 保持谦虚
- 任何人都不喜欢骄傲自大的人，这种人在团队合作中也不会被大家认可。可能你在某个方面比其他人强，但你更应该将自己的注意力放在他人的强项上，只有这样，才能看到自己的肤浅和无知。因为团队中的任何一位成员，都有自己的专长，所以必须保持足够的谦虚。 + {{ data.discussSubmitTitle }}
@@ -71,117 +64,110 @@
{{ textarealength }}/100
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
- + + + +
-
-
-
罗宗梅
-
(显示事业)
-
理性思考，崇尚科学
-
-
-
-
- 教师基本功扎实，知识讲解准确，教学设计合理，始终以学生为主体，自主学习，小组交流讨论，上台交流展示等形式，师生配合默契，取得了较好的学习效果。 +
+
+
+
{{ row.stuName }}
+
(显示事业)
+
理性思考，崇尚科学
+
+
+
+
+ {{ row.discussReviewContent }} +
- -
-
2022-06-21 21:35:12
-
-
-
317
-
-
111
-
-
-
-
赵雪莉
-
回复
-
-
罗宗梅
-
2022-06-21 21:35:12
-
-
-
-
-
-
-
-
- 教学重难点突出，板书条理清晰。教学步骤设计合理，由浅入深，循序渐进 +
{{ row.createTime }}
+
+
+
{{ row.discussReviewCount }}
+
+
{{ row.discussLikeCount }}
+
+
+
+
+
{{ replay.stuName }}
+
回复
+
+
{{ row.stuName }}
+
{{ replay.createTime }}
+
+
+
+
+
+
+ {{ replay.replyContent }} +
+ +
+
+
+
无
+
+
无
+
- -
-
-
-
317
-
-
111
+ +
+
{{ textarealength2 }}/100
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
- + + +
@@ -194,34 +180,70 @@
-