页面修改

src/pages/course/coursejob.vue

@@ -12,7 +12,6 @@
           <q-input @change="getCourseJobList" clearable standout="bg-primary text-white" v-model="msg.JobName"
             label="作业名称" @clear="getCourseJobList" maxlength="20" />
         </div>
-
       </div>
     </div>
     <div class="page-content">
@@ -25,7 +24,6 @@
             <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增作业" @click="EditQuestion(null)" />
           </div>
         </template>
-
         <template v-slot:bottom>
           <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
             :input="true" @input="changePage" />
@@ -39,9 +37,6 @@
           </q-td>
         </template>
       </q-table>
-      <job-form v-if="isShowCourseJobForm" :CourseId="msg.CourseId" :seting-obj="courseJobObj" @close="closeQuestion"
-        @success="refreshQuestion">
-      </job-form>
     </div>
   </div>
 </template>
@@ -49,13 +44,13 @@
   import {
     queryCourseJobPageList
   } from '../../api/course/index';
-  import jobForm from '../../components/course/job-form';
+
   export default {
     meta: {
       title: "作业管理"
     },
     components: {
-      jobForm
+
     },
     data() {
       return {
@@ -93,8 +88,7 @@
           JobName: "", //作业名称
         },
         pageCount: 0,
-        isShowCourseJobForm: false,
-        courseJobObj: null,
+
       }
     },
     created() {
@@ -106,7 +100,6 @@
       this.getCourseJobList();
     },
     methods: {
-
       //删除问题
       setQuestionStatus(item) {
         this.$q.dialog({
@@ -163,24 +156,21 @@
           this.loading = false
         })
       },
-      //刷新页面
-      refreshQuestion() {
-        this.isShowCourseJobForm = false;
-        this.getCourseJobList();
-      },
       //新增修改问题
       EditQuestion(obj) {
+        var jobId = 0;
         if (obj) {
-          this.courseJobObj = obj
-        } else {
-          this.courseJobObj = null
+          jobId = obj.JobId;
         }
-        this.isShowCourseJobForm = true
-      },
-      //关闭弹窗
-      closeQuestion() {
-        this.isShowCourseJobForm = false;
-        this.courseJobObj = null;
+        var tempStr = '/course/jobinfo';
+        var tempRouter = this.$router.resolve({
+          path: tempStr,
+          query: {
+            CourseId: this.msg.CourseId,
+            JobId: jobId
+          }
+        });
+        window.open(tempRouter.href,'_blank')
       },
     }
   }

src/components/course/job-form.vue → src/pages/course/jobinfo.vue

 <template>
-  <q-dialog v-model="persistent" persistent content-class="bg-grey-1" transition-show="scale" transition-hide="scale">
+ 
     <q-card style="width: 800px;max-width:900px;">
       <q-card-section>
         <div class="text-h6">{{objOption.CourseId==0?'新增作业信息':'修改作业信息'}}</div>
@@ -37,13 +37,14 @@
         </el-upload>
       </q-card-section>
       <q-separator />
+      
       <q-card-actions align="right" class="bg-white">
         <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeCourseForm" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveCourseLoading"
           @click="saveCourse" />
       </q-card-actions>
     </q-card>
-  </q-dialog>
+ 
 </template>
 
 <script>
@@ -62,12 +63,10 @@
   } from '../../api/common/common'
 
 
-  import selectTree from '../common/select-tree'
-  import extEditor from '../common/ext-editor'
+
   export default {
     components: {
-      selectTree,
-      extEditor,
+ 
     },
     props: {
       saveObj: {

src/router/routes.js

@@ -494,9 +494,14 @@ const routes = [{
             component: () =>
               import("pages/course/coursejob.vue")
           },
+
         ]
       },
-
+      {
+        path: "/course/jobinfo", //作业详情管理
+        component: () =>
+          import("pages/course/jobinfo.vue")
+      },
       {
         path: "/test", //API测试
         component: () =>