课堂观察手机端

src/components/pages/test/check/index.vue

@@ -27,7 +27,7 @@
           <div class="test_title">
             <div class="left">
               <div class="title">{{ testJson.title }}</div>
-              <div class="info">
+              <div class="info"  v-if="isDesktop">
                 <div class="info_box" v-if="testJson.typeN">
                   <span>类型：</span>
                   <span>{{ testJson.typeN }}</span>
@@ -42,7 +42,7 @@
                 </div>
               </div>
             </div>
-            <div class="right">
+            <div class="right" v-if="isDesktop">
               <div class="data_box">
                 <span>提交数量</span>
                 <span><span class="big">{{ works.length }}</span>份</span>
@@ -67,7 +67,7 @@
               <span :class="{ active: stype == 2 }" @click="checkDataType(2)">按人员查看</span>
               <span :class="{ active: stype == 3 }" @click="checkDataType(3)" v-show="false">按数量查看</span>
             </div>
-            <div class="left">
+            <div class="left"  v-if="isDesktop">
               <div style="margin-right: 10px;position: relative;" v-if="stype == 2 || stype == 3">
                 <el-select v-model="TeachingValue" @change="searchCourse" placeholder="按教研室">
                   <el-option
@@ -355,9 +355,9 @@
                     <div>{{ scope.row.type == 3 ? '是' : '否' }}</div>
                   </template>
                 </el-table-column>
-                <el-table-column label="操作" width="300px">
+                <el-table-column label="操作" width="300px"  v-if="isDesktop">
 
-                  <template slot-scope="scope">
+                  <template slot-scope="scope" >
                     <el-button @click="getTest(scope.row)" type="primary" size="small">查看</el-button>
                     <el-button @click="setWordHtml2(scope.row)" type="primary" size="small">导出答题信息</el-button>
                     <el-button @click="deleteTest(scope.row.id)" type="primary" size="small">删除</el-button>
@@ -456,6 +456,8 @@ export default {
       role: this.$route.query.role,
       cid: this.$route.query.cid,
       isN: this.$route.query.isN,
+      screenWidth: window.innerWidth,
+      isDesktop: false,
       title: "",
       testType: [],
       see: false,
@@ -1545,6 +1547,10 @@ export default {
           array.push(i)
         }
         return item.answer2 ? array[item.answer2] : ''
+    },
+    checkScreenSize() {
+      this.screenWidth = window.innerWidth;
+      this.isDesktop = this.screenWidth > 750; // 你可以根据需要调整这个阈值
     },
 		downloadFileType5(fileData,title="附件"){
 			let data = fileData;
@@ -1612,9 +1618,12 @@ export default {
 		},
   },
   beforeDestroy() {
-    document.getElementsByTagName('html')[0].style.overflow = ''
+    document.getElementsByTagName('html')[0].style.overflow = '';
+    window.removeEventListener("resize", this.checkScreenSize);
   },
   mounted() {
+    this.checkScreenSize();
+    window.addEventListener("resize", this.checkScreenSize);
     document.getElementsByTagName('html')[0].scrollTop = 0
     document.getElementsByTagName('html')[0].style.overflow = 'hidden'
     this.$nextTick(function () {

src/components/pages/testStudent/view/component/course.vue

@@ -10,7 +10,7 @@
             </div>
             <div class="choices" v-if="checkJson.courses.length">
                 <div class="course" @click="openCourse()">
-                    <div class="banner">
+                    <div class="banner" :style=" isN==1? 'width:140px;height:90px;' : ''">
                         <div v-if="tid" class="isRate">已评分</div>
                         <img :src="courseDetail.cover" alt="">
                     </div>
@@ -18,25 +18,25 @@
                         <div class="c_c">
                             <span>课程名称：</span>
                             <el-tooltip :content="courseDetail.title" placement="top" effect="dark">
-                                <span>{{ courseDetail.title }}</span>
+                                <span :style=" isN==1? 'max-width:75px;' : ''">{{ courseDetail.title }}</span>
                             </el-tooltip>
                         </div>
                         <div class="c_c">
                             <span>课程类型：</span>
                             <span v-if="!courseDetail.name">{{ '暂无' }}</span>
                             <el-tooltip v-else :content="courseDetail.name" placement="top" effect="dark">
-                                <span>{{ courseDetail.name }}</span>
+                                <span :style=" isN==1? 'max-width:75px;' : ''">{{ courseDetail.name }}</span>
                             </el-tooltip>
                         </div>
                         <div class="c_c">
                             <span>创建人：</span>
-                            <span>{{ courseDetail.username }}</span>
+                            <span :style=" isN==1? 'max-width:75px;' : ''">{{ courseDetail.username }}</span>
                         </div>
                         <div class="c_c">
                             <span>协作者：</span>
                             <span v-if="!courseDetail.xieName">{{ '暂无' }}</span>
                             <el-tooltip v-else :content="courseDetail.xieName" placement="top" effect="dark">
-                                <span>{{ courseDetail.xieName }}</span>
+                                <span :style=" isN==1? 'max-width:75px;' : ''">{{ courseDetail.xieName }}</span>
                             </el-tooltip>
                         </div>
                     </div>
@@ -85,6 +85,8 @@ export default {
                 1: { name: '附件' },
             },
             userid: this.$route.query.userid,
+            isN: this.$route.query.isN,
+
             checkJson: undefined,
             progress: 0,
             isFinishSize: 0,

src/components/pages/testStudent/view/component/eva.vue

@@ -8,8 +8,8 @@
             <div class="detail" v-if="checkJson.detail" v-html="checkJson.detail"
                 style="color: #00000099;margin-top: 5px;">
             </div>
-            <div class="choices">
-                <div class="score" :class="{active: (checkJson.answer2 || checkJson.answer2 === 0) && (checkJson.answer2 > index || checkJson.answer2 === index)}" @click="score(index)" v-for="(item, index) in (parseInt(checkJson.big) - parseInt(checkJson.small) + 1)" :key="index">{{ parseInt(checkJson.small) + index }}</div>
+            <div class="choices" :style=" isN==1? 'justify-content: space-around;width:100%' : ''">
+                <div class="score" :style=" isN==1? 'width:25px;height:25px;margin:0;' : ''" :class="{active: (checkJson.answer2 || checkJson.answer2 === 0) && (checkJson.answer2 > index || checkJson.answer2 === index)}" @click="score(index)" v-for="(item, index) in (parseInt(checkJson.big) - parseInt(checkJson.small) + 1)" :key="index">{{ parseInt(checkJson.small) + index }}</div>
             </div>
         </div>
     </div>
@@ -40,6 +40,8 @@ export default {
                 1: { name: '附件' },
             },
             userid: this.$route.query.userid,
+            isN: this.$route.query.isN,
+
             checkJson: undefined,
             progress: 0,
             isFinishSize: 0,

src/components/pages/testStudent/view/preview.vue

@@ -39,14 +39,14 @@
           <div class="r_pub_button_retrun" @click="retrunCourse">返回</div>
         </div>
         <div class="step_box">
-          <div class="edit_top" :style="isN==1?'border-bottom:none;justify-content:space-between;padding:20px':''">
-						<div v-if="isN==1" class="edit_title">提交记录</div>
+          <div class="edit_top" :style="isN==1?'border-bottom:none;justify-content:space-between;padding:10px':''">
+						<div v-if="isN==1" class="edit_title"  :style=" isN==1? 'margin-left : 12px' : ''">提交记录</div>
             <div class="op_btn">
-							<el-button type="primary" size="small" @click="autoFill" v-if="(showAutoFillBtn && isN!=1)">智能填写</el-button>
-              <el-button type="primary" size="small" @click="refresh" v-if="isReset">刷新</el-button>
-              <el-button :type="isN!=1?'primary':'info'" size="small" @click="reset">重置</el-button>
-              <el-button type="primary" size="small" @click="save" v-if="(type != 3 && isN!=1)">保存</el-button>
-              <el-button type="primary" size="small" @click="publish">提交</el-button>
+							<el-button type="primary" :style=" isN==1? 'padding: 5px 10px;' : ''" size="small" @click="autoFill" v-if="(showAutoFillBtn && isN!=1)">智能填写</el-button>
+              <el-button type="primary" :style=" isN==1? 'padding: 5px 10px;' : ''" size="small" @click="refresh" v-if="isReset">刷新</el-button>
+              <el-button :type="isN!=1?'primary':'info'" :style=" isN==1? 'padding: 5px 10px;' : ''" size="small" @click="reset">重置</el-button>
+              <el-button type="primary" :style=" isN==1? 'padding: 5px 10px;' : ''" size="small" @click="save" v-if="(type != 3 && isN!=1)">保存</el-button>
+              <el-button type="primary" :style=" isN==1? 'padding: 5px 10px;' : ''" size="small" @click="publish">提交</el-button>
             </div>
           </div>
           <topicVue :cJson.sync="cJson" :title="title" :brief="brief" ref="topicVue" v-if="!loading"