update

src/components/pages/course.vue

@@ -1,26 +1,31 @@
 <template>
   <div class="pb_content" style="height: auto">
     <div class="pb_head top">
-      <span>项目管理</span>
+      <div>
+        <span>项目管理</span>
+        <span class="subClick" @click="
+          goTo(
+            '/works?userid=' +
+                  userid +
+                  '&oid=' +
+                  oid +
+                  '&org=' +
+                  org
+          )
+        ">评价管理</span>
+      </div>
       <div class="student_button">
-        <el-button type="primary" class="bgColor" @click="openCourse"
-          >协同编辑</el-button
-        >
-        <el-button
-          type="primary"
-          class="bgColor"
-          @click="
-            goTo(
-              '/course/addCourse?userid=' +
-                userid +
-                '&oid=' +
-                oid +
-                '&org=' +
-                org
-            )
-          "
-          >添加项目</el-button
-        >
+        <el-button type="primary" class="bgColor" @click="openCourse">协同编辑</el-button>
+        <el-button type="primary" class="bgColor" @click="
+          goTo(
+            '/course/addCourse?userid=' +
+              userid +
+              '&oid=' +
+              oid +
+              '&org=' +
+              org
+          )
+        ">添加项目</el-button>
       </div>
     </div>
     <div class="pb_content_body" style="height: 100%">
@@ -33,24 +38,12 @@
               <el-option value="1" label="他人项目"></el-option>
             </el-select>
           </div>
-          <div
-            class="all_choose"
-            v-for="(item, index) in CourseType[0]"
-            :key="index"
-          >
+          <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
             <span>{{ item.name }}</span>
-            <el-select
-              v-model="courseTypeId[item.id]"
-              placeholder="请选择"
-              @change="getTypeName"
-            >
+            <el-select v-model="courseTypeId[item.id]" placeholder="请选择" @change="getTypeName">
               <el-option label="全部" value="1">全部</el-option>
-              <el-option
-                v-for="item1 in CourseTypeJson[item.id]"
-                :key="item1.id"
-                :label="item1.name"
-                :value="item1.id"
-              ></el-option>
+              <el-option v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.name" :value="item1.id">
+              </el-option>
             </el-select>
           </div>
           <div @click="clear" class="clear">重置</div>
@@ -58,14 +51,8 @@
 
         <div class="student_right">
           <div class="head_left">
-            <el-input
-              v-model="courseName"
-              class="student_input"
-              placeholder="请输入项目名称"
-            ></el-input>
-            <el-button class="course_button" @click="searchCourse"
-              >查询</el-button
-            >
+            <el-input v-model="courseName" class="student_input" placeholder="请输入项目名称"></el-input>
+            <el-button class="course_button" @click="searchCourse">查询</el-button>
           </div>
         </div>
       </div>
@@ -75,16 +62,13 @@
             <div class="myCourse" v-if="item.isCourseType == 1">我的项目</div>
             <div class="xtCourse" v-else>协同项目</div>
             <div class="tup">
-              <img
-                :src="
-                  item.cover != null && item.cover != ''
-                    ? JSON.parse(item.cover).length > 0
-                      ? JSON.parse(item.cover)[0].url
-                      : mr
+              <img :src="
+                item.cover != null && item.cover != ''
+                  ? JSON.parse(item.cover).length > 0
+                    ? JSON.parse(item.cover)[0].url
                     : mr
-                "
-                alt
-              />
+                  : mr
+              " alt />
             </div>
             <!-- <div class="bottom_box">
               <div>{{ item.title }}</div>
@@ -100,37 +84,32 @@
             </div>
             <div class="three_bottom">
               <div @click="jump(item.courseId)">查看内容</div>
-              <div
-                v-if="groupA == '0'"
-                @click="
-                  goTo(
-                    '/course/addCourse?cid=' +
-                      item.courseId +
-                      '&userid=' +
-                      userid +
-                      '&oid=' +
-                      oid +
-                      '&org=' +
-                      org
-                  )
-                "
-              >
+              <div v-if="groupA == '0'" @click="
+                goTo(
+                  '/course/addCourse?cid=' +
+                    item.courseId +
+                    '&userid=' +
+                    userid +
+                    '&oid=' +
+                    oid +
+                    '&org=' +
+                    org
+                )
+              ">
                 修改
               </div>
-              <div
-                @click="
-                  goTo(
-                    '/works?cid=' +
-                      item.courseId +
-                      '&userid=' +
-                      userid +
-                      '&oid=' +
-                      oid +
-                      '&org=' +
-                      org
-                  )
-                "
-              >
+              <div @click="
+                goTo(
+                  '/works?cid=' +
+                    item.courseId +
+                    '&userid=' +
+                    userid +
+                    '&oid=' +
+                    oid +
+                    '&org=' +
+                    org
+                )
+              ">
                 报告
               </div>
               <div @click="deleteCourse(item.courseId)">删除</div>
@@ -141,27 +120,14 @@
       </div>
     </div>
     <div class="student_page">
-      <el-pagination
-        background
-        layout="prev, pager, next"
-        :page-size="10"
-        :total="total"
-        v-if="page && course.length"
-        style="padding-bottom: 20px"
-        @current-change="handleCurrentChange"
-      ></el-pagination>
+      <el-pagination background layout="prev, pager, next" :page-size="10" :total="total" v-if="page && course.length"
+        style="padding-bottom: 20px" @current-change="handleCurrentChange"></el-pagination>
     </div>
     <el-dialog :visible.sync="dialogVisible1" size="tiny">
       <img width="100%" :src="dialogImageUrl" alt />
     </el-dialog>
-    <el-dialog
-      title="查看提问"
-      :visible.sync="dialogVisible"
-      :append-to-body="true"
-      width="750px"
-      :before-close="handleClose"
-      class="dialog_diy"
-    >
+    <el-dialog title="查看提问" :visible.sync="dialogVisible" :append-to-body="true" width="750px"
+      :before-close="handleClose" class="dialog_diy">
       <div>
         <div class="a_addBox">
           <CourseProblem :problemCourse="problemCourse"></CourseProblem>
@@ -171,32 +137,18 @@
         <el-button @click="dialogVisible = false">关 闭</el-button>
       </span>
     </el-dialog>
-    <el-dialog
-      title="查看协同项目"
-      :visible.sync="dialogVisibleCourse"
-      :append-to-body="true"
-      width="850px"
-      :before-close="handleClose"
-      class="dialog_diy"
-    >
+    <el-dialog title="查看协同项目" :visible.sync="dialogVisibleCourse" :append-to-body="true" width="850px"
+      :before-close="handleClose" class="dialog_diy">
       <div class="ct_box">
-        <div
-          class="out_box"
-          v-for="(item, index) in courseTeam"
-          :key="index"
-          style="margin-left: 15px"
-        >
+        <div class="out_box" v-for="(item, index) in courseTeam" :key="index" style="margin-left: 15px">
           <div class="tup">
-            <img
-              :src="
-                item.cover != null && item.cover != ''
-                  ? JSON.parse(item.cover).length > 0
-                    ? JSON.parse(item.cover)[0].url
-                    : mr
+            <img :src="
+              item.cover != null && item.cover != ''
+                ? JSON.parse(item.cover).length > 0
+                  ? JSON.parse(item.cover)[0].url
                   : mr
-              "
-              alt
-            />
+                : mr
+            " alt />
           </div>
           <div class="bottom_box">
             <div>{{ item.title }}</div>
@@ -205,20 +157,18 @@
           </div>
           <div class="three_bottom">
             <div @click="jump(item.courseId)">查看内容</div>
-            <div
-              @click="
-                goTo(
-                  '/course/addCourse?cid=' +
-                    item.courseId +
-                    '&userid=' +
-                    userid +
-                    '&oid=' +
-                    oid +
-                    '&org=' +
-                    org
-                )
-              "
-            >
+            <div @click="
+              goTo(
+                '/course/addCourse?cid=' +
+                  item.courseId +
+                  '&userid=' +
+                  userid +
+                  '&oid=' +
+                  oid +
+                  '&org=' +
+                  org
+              )
+            ">
               编辑
             </div>
           </div>
@@ -351,7 +301,7 @@ export default {
       this.page = val;
       this.getCourse();
     },
-    init() {},
+    init() { },
     handleClose(done) {
       done();
     },
@@ -630,23 +580,28 @@ export default {
 </script>
 
 <style scoped>
-.dialog_diy >>> .el-dialog__header {
+.dialog_diy>>>.el-dialog__header {
   background: #3d67bc !important;
   padding: 15px 20px;
 }
-.dialog_diy >>> .el-dialog__title {
+
+.dialog_diy>>>.el-dialog__title {
   color: #fff;
 }
-.dialog_diy >>> .el-dialog__headerbtn {
+
+.dialog_diy>>>.el-dialog__headerbtn {
   top: 19px;
 }
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
   color: #fff;
 }
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
   color: #fff;
 }
-.student_head >>> .el-button--primary {
+
+.student_head>>>.el-button--primary {
   background-color: #2268bc;
 }
 
@@ -656,6 +611,7 @@ export default {
   text-decoration: underline;
   color: rgb(34, 104, 188);
 }
+
 .student_head {
   display: flex;
   justify-content: space-between;
@@ -678,15 +634,18 @@ export default {
   align-items: center;
   width: calc(100% / 3);
 }
+
 .student_search span {
   margin: 0 10px 0 0;
   min-width: 65px;
 }
+
 .student_button {
   display: flex;
   overflow: hidden;
   height: 40px;
 }
+
 .upload-demo {
   display: flex;
   flex-direction: column;
@@ -695,6 +654,7 @@ export default {
   width: 100px;
   overflow: hidden;
 }
+
 .student_table {
   padding: 20px 0;
   height: 100%;
@@ -707,7 +667,7 @@ export default {
   align-items: center;
 }
 
-.el-table >>> .even_row {
+.el-table>>>.even_row {
   background-color: #f1f1f1;
 }
 
@@ -719,19 +679,23 @@ export default {
 .course_button {
   padding: 10px 20px;
 }
+
 .course_button_box {
   display: flex;
   margin-top: 5px;
   justify-content: space-between;
 }
+
 .course_rate {
   margin-top: 5px;
 }
+
 .course_view {
   display: flex;
   align-items: center;
   margin: 5px 0 0 0;
 }
+
 .course_view i {
   background-image: url("../../assets/liulan.png");
   width: 25px;
@@ -742,34 +706,42 @@ export default {
   vertical-align: text-top;
   background-repeat: no-repeat;
 }
+
 .image {
   width: 100%;
   height: 150px;
   display: block;
 }
+
 .course_box {
   display: flex;
   flex-wrap: wrap;
 }
+
 .student_page {
   width: 95%;
   margin: 0 auto;
 }
+
 .course_create_box {
   font-size: 18px;
 }
+
 .course_name {
   margin-top: 10px;
 }
+
 .course_name span {
   margin-bottom: 10px;
   display: block;
 }
+
 .homework_box {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }
+
 .course_homework {
   width: 130px;
   display: flex;
@@ -778,21 +750,26 @@ export default {
   align-items: center;
   margin: 0 10px 10px 0;
 }
+
 .course_type {
   margin-top: 10px;
   display: flex;
 }
+
 .course_type1 span {
   margin-bottom: 10px;
   display: block;
 }
+
 .course_type2 {
   margin-left: 20px;
 }
+
 .course_type2 span {
   margin-bottom: 10px;
   display: block;
 }
+
 .course_empty {
   color: rgb(110, 110, 110);
   width: 100%;
@@ -801,9 +778,11 @@ export default {
   align-items: center;
   justify-content: center;
 }
-.el_cards >>> .el-card__body {
+
+.el_cards>>>.el-card__body {
   height: 100%;
 }
+
 .courseBtnBox {
   display: flex;
   flex-direction: column;
@@ -816,7 +795,7 @@ export default {
   display: flex;
 }
 
-.wordUpload > .buttonUp {
+.wordUpload>.buttonUp {
   margin-right: 5px;
 }
 
@@ -842,7 +821,8 @@ export default {
   flex-direction: column;
   box-sizing: border-box;
 }
-.bottom_box > div:nth-child(1) {
+
+.bottom_box>div:nth-child(1) {
   width: 230px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -858,7 +838,7 @@ export default {
   align-items: center;
 }
 
-.tup > img {
+.tup>img {
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -869,6 +849,7 @@ export default {
   font-size: 14px;
   color: #999;
 }
+
 .kc_t {
   margin-top: 5px;
 }
@@ -882,22 +863,26 @@ export default {
   background: #f5f4f4;
   font-size: 14px;
 }
-.three_bottom > div {
+
+.three_bottom>div {
   cursor: pointer;
 }
 
-.three_bottom > div:hover {
+.three_bottom>div:hover {
   color: #79a2ff;
 }
+
 .head_left {
   display: flex;
 }
-.student_input >>> .el-input__inner {
+
+.student_input>>>.el-input__inner {
   height: 40px;
   width: 190px;
   font-size: 13px;
   padding: 0 10px;
 }
+
 .course_button {
   color: #fff;
   background: #2268bc;
@@ -907,6 +892,7 @@ export default {
   font-size: 12px;
   line-height: 40px;
 }
+
 .all_choose {
   margin: 15px 0 10px;
   height: 20%;
@@ -915,10 +901,12 @@ export default {
   align-items: center;
   width: calc(100% / 3);
 }
-.all_choose > span {
+
+.all_choose>span {
   width: 50px;
   display: block;
 }
+
 .choose {
   display: flex;
   flex-direction: row;
@@ -930,25 +918,31 @@ export default {
   min-width: 868px;
   align-items: center;
 }
-.choose > div:nth-child(2) {
+
+.choose>div:nth-child(2) {
   margin-left: 1%;
   width: 32.33333%;
 }
-.choose > div:nth-child(4) {
+
+.choose>div:nth-child(4) {
   margin-right: 1%;
   width: 32.33333%;
 }
-.choose > div:nth-child(5) {
+
+.choose>div:nth-child(5) {
   margin: 5px 0 0 1%;
 }
-.choose > div:nth-child(4) > span {
+
+.choose>div:nth-child(4)>span {
   width: 74px !important;
   min-width: 74px;
 }
-.choose > div:nth-child(4) >>> .el-select {
+
+.choose>div:nth-child(4)>>>.el-select {
   width: 217.5px;
   min-width: 215.06px;
 }
+
 .clear {
   width: 70px;
   height: 35px;
@@ -960,12 +954,14 @@ export default {
   cursor: pointer;
   margin-left: 20px;
 }
+
 .ct_box {
   height: 500px;
   overflow: auto;
   display: flex;
   flex-wrap: wrap;
 }
+
 .myCourse {
   position: absolute;
   background: #3c3c3c;
@@ -979,6 +975,7 @@ export default {
   top: 5px;
   left: 5px;
 }
+
 .xtCourse {
   position: absolute;
   background: #41a5f0;
@@ -992,4 +989,13 @@ export default {
   top: 5px;
   left: 5px;
 }
+
+
+.subClick {
+  font-size: 16px;
+  cursor: pointer;
+  margin-left: 10px;
+  /* color: #ab582f; */
+  color: #409eff;
+}
 </style>

src/components/pages/works.vue

@@ -485,6 +485,7 @@ export default {
   cursor: pointer;
   margin-left: 10px;
   /* color: #ab582f; */
+  color: #409eff;
 }
 .pb_head {
   margin: 0 !important;