查看作业-

src/request/index/network.js

@@ -41,11 +41,7 @@ instance.interceptors.request.use(
       config.headers["Content-Type"] = "application/x-www-form-urlencoded";
     }
     // 调用接口请求添加token认证信息
-    // let token = localStorage.getItem("index-token");
-
     const token = localStorage.getItem('index-token' + store.state.indexIdentity)
-
-    //
     config.headers.token = token
     if (token) config.headers.authorization = token;
     return config;

src/views/index/camp/Homework.vue

@@ -2,22 +2,22 @@
   <div class="homework">
     <div class="title">
       <div
-  v-if="$store.state.human == 1"
         class="homework_titile"
+        v-if="$store.state.human == 1"
       >
         作业
       </div>
-      <div v-else class="homework_titile">营地作业</div>
+      <div class="homework_titile" v-else>营地作业</div>
     </div>
     <div class="content_empty" v-if="total <= 0">
       <div>
-        <img src="@/assets/img/homework/homework.png" alt="" />
+        <img alt="" src="@/assets/img/homework/homework.png"/>
       </div>
 
       <p v-if="isShowinfo">同学你好，老师暂未发布作业</p>
     </div>
     <div class="home_content" v-if="total > 0">
-      <div class="each_content" v-for="item in homeworkList" :key="item.id">
+      <div :key="item.id" class="each_content" v-for="item in homeworkList">
         <div class="top flex">
           <div class="homework_name flex">
             <div class="work_name">{{ item.work_name }}</div>
@@ -28,19 +28,18 @@
           <!-- <el-button class="btn_refer" @click="toRefer(item)"
             >查看作业</el-button
           > -->
-
           <el-button
-            class="btn_refer"
             :disabled="
               !(
-                (item.is_submit == 0 && !disabled) ||
-                (item.is_submit == 1 && disabled)
+                (item.is_submit == 0 && !item.disabled) ||
+                (item.is_submit == 1 && item.disabled)
               )
             "
             @click="toRefer(item)"
-            >查看作业</el-button
+            class="btn_refer"
+          >查看作业
+          </el-button
           >
-
           <!-- <el-button type="info" plain disabled>警告按钮</el-button> -->
         </div>
         <div class="line"></div>
@@ -56,36 +55,36 @@
     </div>
     <div class="pagination" v-if="total > 0">
       <el-pagination
-        layout="prev, pager, next"
-        :page-size="pageSize"
         :current-page="currentPage"
+        :page-size="pageSize"
         :total="total"
-        @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+        layout="prev, pager, next"
       >
       </el-pagination>
     </div>
     <!-- 下载作业 -->
     <refer
       :dialogVisibleFu="dialogVisibleFu"
-      :timeOut="time_out"
-      :work_contexts="work_context"
       :enclosure_urls="enclosure_url"
-      :work_nums="work_num"
-      :workName="workName"
+      :end_time="end_time"
       :order_nums="order_num"
       :student_status="student_status"
-      :end_time="end_time"
+      :timeOut="time_out"
+      :workName="workName"
+      :work_contexts="work_context"
+      :work_nums="work_num"
       @closeDialog="closeDialog"
     ></refer>
   </div>
 </template>
 <script>
-/* eslint-disable */
-import refer from "v/index/camp/homework/refer";
-import { getTeacherWork } from "r/index/homework";
-import Bus from "config/bus.js";
-export default {
+  /* eslint-disable */
+  import refer from "v/index/camp/homework/refer";
+  import {getTeacherWork} from "r/index/homework";
+
+  export default {
     name: "homework",
     components: {
       refer,
@@ -160,7 +159,7 @@ export default {
         // }
       },
       getTeacherWork() {
-      getTeacherWork({ page: this.currentPage }).then((res) => {
+        getTeacherWork({page: this.currentPage}).then((res) => {
           // console.log(res, "getTeacherWork");
           if (res.data.code == 400001) {
             this.isShowinfo = false;
@@ -172,28 +171,32 @@ export default {
           }
           this.homeworkList = res.data.data.list;
           this.homeworkList.forEach((item) => {
-          if (item.is_submit == 1) {
-            this.disabled = true;
+            if (res.data.data.type.indexOf(item.type) != -1) {
+              //在数组中没找到指定元素则返回 -1
+              item.disabled = true;
+            } else {
+              item.disabled = false;
             }
+            console.log(this.homeworkList)
           });
           this.isShowinfo = true;
           this.total = res.data.data.count;
-
           // this.$message.success(res.data.message);
         });
       },
     },
-};
+  };
 </script>
 
 
-<style lang="scss"  >
-@import "a/scss/btn";
-.flex {
+<style lang="scss">
+  @import "a/scss/btn";
+
+  .flex {
     display: flex;
-}
+  }
 
-.homework {
+  .homework {
     font-family: PingFangSC-Medium, PingFang SC;
     // background: #ffffff;
     // width: 856px;
@@ -201,6 +204,7 @@ export default {
     // 空状态
     .title {
       padding: 50px;
+
       .homework_titile {
         font-size: 24px;
         font-weight: 500;
@@ -213,6 +217,7 @@ export default {
 
     .content_empty {
       padding-bottom: 200px;
+
       p,
       div {
         text-align: center;
@@ -222,6 +227,7 @@ export default {
     // 有作业时候F
     .title {
       padding: 50px 50px 20px 50px;
+
       .homework_titile {
         font-size: 24px;
         font-weight: 500;
@@ -243,6 +249,7 @@ export default {
         .top {
           margin-bottom: 10px;
           justify-content: space-between;
+
           .homework_name {
             .work_name {
               padding: 7px 20px 7px 0;
@@ -251,6 +258,7 @@ export default {
               color: #333333;
               line-height: 20px;
             }
+
             span {
               width: 65px;
               line-height: 34px;
@@ -259,19 +267,23 @@ export default {
               font-size: 12px;
               font-weight: 500;
             }
+
             .status_0 {
               background: #ffebf9;
               color: #60194a;
             }
+
             .status_1 {
               background: #fff0e5;
               color: #ff6f00;
             }
+
             .status_2 {
               background: #e4fff9;
               color: #0a9071;
             }
           }
+
           .btn_refer {
             // width: 88px;
             background: var(--color);
@@ -291,9 +303,11 @@ export default {
             }
           }
         }
+
         .line {
           border-bottom: 1px solid #d8d8d8;
         }
+
         .bottom {
           //+ 相邻选择器
           // p+div{
@@ -311,6 +325,7 @@ export default {
             -webkit-line-clamp: 3;
             -webkit-box-orient: vertical;
           }
+
           .time > div {
             margin-right: 20px;
             font-size: 12px;
@@ -322,11 +337,12 @@ export default {
         }
       }
     }
+
     .pagination {
       position: relative;
       float: right;
     }
-}
+  }
 </style>
 
 

src/views/index/camp/Index.vue

@@ -8,45 +8,45 @@
       <div class="index-container">
         <div>
           <div
-   v-if="$store.state.human == 1"
             class="camp_left"
             ref="leftBoxFu"
+            v-if="$store.state.human == 1"
           >
             <ul
-              class="camp_left_box"
-              ref="leftBox"
               :class="{
                 'is-fixed': isPosition == 1,
                 'is-absolute': isPosition == 2,
               }"
+              class="camp_left_box"
+              ref="leftBox"
             >
               <li
-                v-for="(item, index) in qinghuaTabs"
-                :key="index"
                 :class="{ active: campindex_type === index }"
+                :key="index"
                 @click="ToSignUp(index)"
+                v-for="(item, index) in qinghuaTabs"
               >
-                <img :src="item.url" />
+                <img :src="item.url"/>
                 {{ item.desc }}
               </li>
             </ul>
           </div>
-          <div v-else class="camp_left" ref="leftBoxFu">
+          <div class="camp_left" ref="leftBoxFu" v-else>
             <ul
-              class="camp_left_box"
-              ref="leftBox"
               :class="{
                 'is-fixed': isPosition == 1,
                 'is-absolute': isPosition == 2,
               }"
+              class="camp_left_box"
+              ref="leftBox"
             >
               <li
-                v-for="(item, index) in tabs"
-                :key="index"
                 :class="{ active: campindex_type === index }"
+                :key="index"
                 @click="ToSignUp(index)"
+                v-for="(item, index) in tabs"
               >
-                <img :src="item.url" />
+                <img :src="item.url"/>
                 {{ item.desc }}
               </li>
             </ul>
@@ -57,8 +57,8 @@
           <!-- <router-view @getStatus="getStatus" /> -->
           <SignUp @getStatus="getStatus" v-if="this.campindex_type == 0">
           </SignUp>
-          <Homework v-if="this.campindex_type == 1"> </Homework>
-          <Certificate v-if="this.campindex_type == 2"> </Certificate>
+          <Homework v-if="this.campindex_type == 1"></Homework>
+          <Certificate v-if="this.campindex_type == 2"></Certificate>
           <!-- <homeRefer v-if="this.homework_val == 3"> </homeRefer> -->
         </div>
       </div>
@@ -68,19 +68,19 @@
 </template>
 
 <script>
-/* eslint-disable */
+  /* eslint-disable */
 
-import Header from "@/components/index/SignUp/Header.vue";
-import Footer from "@/components/index/Footer.vue";
-import svg1 from "@/assets/img/signUp/icon.svg";
-import svg2 from "@/assets/img/signUp/icon-1.svg";
-import svg3 from "@/assets/img/signUp/icon-2.svg";
-import SignUp from "v/index/camp/SignUp";
-import Homework from "v/index/camp/Homework";
-import Certificate from "v/index/camp/Certificate";
-// import homeRefer from "v/index/camp/homework/refer";
+  import Header from "@/components/index/SignUp/Header.vue";
+  import Footer from "@/components/index/Footer.vue";
+  import svg1 from "@/assets/img/signUp/icon.svg";
+  import svg2 from "@/assets/img/signUp/icon-1.svg";
+  import svg3 from "@/assets/img/signUp/icon-2.svg";
+  import SignUp from "v/index/camp/SignUp";
+  import Homework from "v/index/camp/Homework";
+  import Certificate from "v/index/camp/Certificate";
+  // import homeRefer from "v/index/camp/homework/refer";
 
-export default {
+  export default {
     name: "campIndex",
     components: {
       Header,
@@ -214,29 +214,31 @@ export default {
         }
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-@import "a/scss/common";
-@import "a/scss/index";
-@import "a/style";
-@font-face {
+  @import "a/scss/common";
+  @import "a/scss/index";
+  @import "a/style";
+
+  @font-face {
     font-family: "icomoon";
     src: url("../../../assets/fonts/icomoon.eot?dcunb6");
-  src: url("../../../assets/fonts/icomoon.eot?dcunb6#iefix")
-      format("embedded-opentype"),
+    src: url("../../../assets/fonts/icomoon.eot?dcunb6#iefix") format("embedded-opentype"),
     url("../../../assets/fonts/icomoon.ttf?dcunb6") format("truetype"),
     url("../../../assets/fonts/icomoon.woff?dcunb6") format("woff"),
     url("../../../assets/fonts/icomoon.svg?dcunb6#icomoon") format("svg");
     font-weight: normal;
     font-style: normal;
     font-display: block;
-}
-.camp_left i {
+  }
+
+  .camp_left i {
     font-family: "icomoon";
-}
-.camp-index {
+  }
+
+  .camp-index {
     background: #f8f8f8;
 
     .el-header {
@@ -251,6 +253,7 @@ export default {
         background-color: #f8f8f8;
       }
     }
+
     // .com-container {
     //   height: calc(100% - 100px);
     // }
@@ -273,9 +276,11 @@ export default {
         border-radius: 8px;
         padding: 20px 0;
         margin-right: 25px;
+
         .camp_left_box {
           padding-inline-start: 0 !important;
         }
+
         &.is-fixed {
           position: fixed;
           top: 104px;
@@ -325,5 +330,5 @@ export default {
       border-radius: 8px;
       background-color: #ffffff;
     }
-}
+  }
 </style>

src/views/index/login/Login.vue

-<template>
+   <template>
   <div class="container">
     <div class="title_Login">
       <div v-if="changeLogin == 1">
@@ -126,7 +126,6 @@ export default {
       count: "",
       timer: null,
       codeTime: "", //手机验证码倒计时时间
-      isShowPwd: true, // 控制密码显示隐藏
       loginForm: {
         phone: null,
         password: null,