专业选科增加选科收藏

src/views/career/subject/majorChoice.vue

@@ -110,20 +110,26 @@
 
       <div class="concerned-college-container">
         <mx-table :rows="dataList" :propDefines="propDefines">
-          <template #select="{ row }">
+          <template #collect="{ row }">
             <img
-              class="college-icon"
+              class="college-icon pointer"
               v-if="row.collect"
               @click="httpCollectRemove(row)"
               src="@/assets/images/subject/icon_shoucang_pre.png"
             />
             <img
-              class="college-icon"
+              class="college-icon pointer"
               v-else
               @click="httpCollectAdd(row)"
               src="@/assets/images/subject/icon_shoucang_n.png"
             />
           </template>
+          <template #select="{ row }">
+            <div @click="saveCourseCollect(row)" class="pointer">
+              <i class="el-icon el-icon-success"  style="color: #42b983" v-if="row.isSelectCourse"></i>
+              <i class="el-icon el-icon-success"  v-else></i>
+            </div>
+          </template>
         </mx-table>
         <pagination
           v-show="total > 0"
@@ -139,7 +145,14 @@
 </template>
 
 <script>
-import { collectAdd, collectRemove, marjorsList, xkcxlistByMarjors, xkcxYears } from '@/api/webApi/webQue'
+import {
+  collectAdd,
+  collectRemove,
+  marjorsList,
+  saveSelectCourse,
+  xkcxlistByMarjors,
+  xkcxYears
+} from '@/api/webApi/webQue'
 
 import MajorChoiceDialog from '../components/MajorChoiceDialog.vue'
 
@@ -191,11 +204,17 @@ export default {
           align: 'left'
         },
         collect: {
-          label: '选择',
+          label: '收藏',
           align: 'left',
-          slot: 'select',
+          slot: 'collect',
           width: '100px'
-        }
+        },
+        subjectCollect: {
+          label: "选科收藏",
+          align: "left",
+          slot: "select",
+          width: "100px",
+        },
       },
       selectIds: [],
       pageNum: 1,
@@ -211,6 +230,17 @@ export default {
     this.httpGetMarjorsList()
   },
   methods: {
+    saveCourseCollect(row) {
+      saveSelectCourse({
+        refId:row.id,
+        isSelectCourse: !row.isSelectCourse
+      }).then(res =>{
+        if(res.code== 200){
+          row.isSelectCourse = !row.isSelectCourse
+          this.$message.success(res.msg)
+        }
+      })
+    },
     back() {
       this.$router.go(-1)
     },

src/views/career/subject/subjectChoice.vue

@@ -61,7 +61,6 @@
                   <i class="el-icon el-icon-success"  style="color: #42b983" v-if="row.isSelectCourse"></i>
                   <i class="el-icon el-icon-success"  v-else></i>
                 </div>
-
               </template>
             </mx-table>
             <pagination