修改iPad样式

src/components/pages/addCourse.vue

@@ -1532,7 +1532,7 @@
                         v-if="evalua"
                         style="
                           border: 1px solid #e5e5e5;
-                          width: 500px;
+                          width: 55%;
                           margin-top: 20px;
                           box-shadow: 3px 1px 15px 3px #e0e0e0;
                         "
@@ -4287,7 +4287,7 @@ export default {
 .basic_box {
   margin: 0 auto;
   position: relative;
-  padding: 0 0 0 20px;
+  padding: 0 20px 0 20px;
 }
 .basic_box_success {
   width: 100%;
@@ -5381,7 +5381,6 @@ ol {
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
-  min-width: 685px;
 }
 .toolSort > div {
   margin-right: 45px;
@@ -5617,11 +5616,8 @@ ol {
 }
 
 .lineTitle {
-  /* font-size: 1.5em; */
-  /* font-weight: bold; */
   margin-top: 15px;
-  /* width: 110px; */
-  /* min-width: 110px; */
+  width: 110px;
 }
 .courseTop {
   display: flex;
@@ -5854,7 +5850,7 @@ ol {
 }
 .pjCss {
   /* width: 42%; */
-  width: calc(100% - 520px);
+  width: calc(100% - 55%);
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;

src/components/pages/components/worksDetail2.vue

@@ -194,7 +194,7 @@
           :visible.sync="dialogVisible3"
           :append-to-body="true"
           :before-close="handleClose"
-          width="1200px"
+          width="800px"
           class="dialog_diy2"
         >
           <div class="zyBoxC">
@@ -278,7 +278,7 @@
                   </div>
                 </div>
               </div>
-              <div style="width: 610px; margin-right: 10px">
+              <div style="width: 50%; margin-right: 10px">
                 <div
                   class="sd_score"
                   style="box-sizing: border-box; width: 100%; box-shadow: none"
@@ -1743,12 +1743,8 @@ export default {
 }
 
 .left {
-  /* width: 60%;
   margin-right: 10px;
-  min-width: 350px;
-  min-height: 425px; */
-  margin-right: 10px;
-  width: 450px;
+  width: 30%;
   min-height: 425px;
 }
 .left .left_top {
@@ -1764,13 +1760,7 @@ export default {
   height: 160px;
 }
 .right {
-  /* width: 40%;
-  height: 75%;
-  min-width: 230px;
-  min-height: 370px; */
-  /* width: 25%; */
-  width: 32%;
-  /* margin-right: 10px; */
+  width: 20%;
   background: none;
   padding: 0;
 }
@@ -1846,10 +1836,8 @@ export default {
 
 .zyBox {
   display: flex;
-  /* width: 100%; */
+  width: 100%;
   position: relative;
-  min-width: 585px;
-  min-height: 425px;
 }
 
 .zyBoxC + .zyBoxC {
@@ -1860,7 +1848,7 @@ export default {
   bottom: 0;
   right: 0;
   background: #06a7ff;
-  width: 150px;
+  width: 100px;
   height: 30px;
   border-radius: 5px;
   text-align: center;
@@ -1868,7 +1856,7 @@ export default {
   line-height: 30px;
   font-size: 14px;
   cursor: pointer;
-  right: 27px;
+  right: 10px;
 }
 
 .bigImg >>> .vjs-tech,
@@ -2043,6 +2031,7 @@ export default {
   padding: 6px 12px;
   box-sizing: border-box;
   border-radius: 5px;
+  width: 60px;
 }
 .ask_body div span:nth-child(1) {
   max-width: 250px;

src/components/pages/worksDetail.vue

@@ -16,7 +16,10 @@
       <div class="student_head">
         <div style="padding: 10px 0px 20px 0">
           <el-breadcrumb separator-class="el-icon-arrow-right">
-            <el-breadcrumb-item :to="{ path: '/works?userid=' + userid + '&oid=' + oid }">评价管理</el-breadcrumb-item>
+            <el-breadcrumb-item
+              :to="{ path: '/works?userid=' + userid + '&oid=' + oid }"
+              >评价管理</el-breadcrumb-item
+            >
             <el-breadcrumb-item>作业管理</el-breadcrumb-item>
           </el-breadcrumb>
         </div>
@@ -35,7 +38,11 @@
 							:value="item.id"
 						></el-option>
           </el-select>-->
-          <el-select v-model="sClass" placeholder="请选择班级" @change="searchWork">
+          <el-select
+            v-model="sClass"
+            placeholder="请选择班级"
+            @change="searchWork"
+          >
             <el-option label="所有班级" value></el-option>
             <el-option
               v-for="(item, index) in grade"
@@ -61,18 +68,44 @@
           :row-class-name="tableRowClassName"
           stripe
         >
-          <el-table-column prop="sName" label="姓名" min-width="15" align="center"></el-table-column>
-          <el-table-column prop="class" label="班级" min-width="20" align="center"></el-table-column>
-          <el-table-column prop="course" label="项目" min-width="20" align="center"></el-table-column>
-          <el-table-column prop="time" label="时间" min-width="15" align="center"></el-table-column>
+          <el-table-column
+            prop="sName"
+            label="姓名"
+            min-width="15"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="class"
+            label="班级"
+            min-width="20"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="course"
+            label="项目"
+            min-width="20"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="time"
+            label="时间"
+            min-width="15"
+            align="center"
+          ></el-table-column>
           <el-table-column label="操作" min-width="30">
             <template slot-scope="scope">
               <el-button
                 type="primary"
                 size="small"
                 @click="lookWork(scope.row.id, scope.row.userid)"
-              >查看作业</el-button>
-              <el-button type="primary" size="small" @click="lookData(scope.row.userid)">生成报告</el-button>
+                >查看作业</el-button
+              >
+              <el-button
+                type="primary"
+                size="small"
+                @click="lookData(scope.row.userid)"
+                >生成报告</el-button
+              >
               <!-- <el-button
                 class="de_button"
                 type="primary"
@@ -86,12 +119,16 @@
           :visible.sync="dialogVisible3"
           :append-to-body="true"
           :before-close="handleClose"
-          class="add_work"
+          class="add_work workDetail"
         >
           <div class="zyBoxC" v-for="(item, index) in worksDetail" :key="index">
             <div class="courseTitle">
-              <span>{{ "第" + (item.stage + 1) + "阶段 " + item.chapterTitle }}</span>
-              <span v-if="item.askJson" @click="checkAsk(item.askJson)">查看问卷</span>
+              <span>{{
+                "第" + (item.stage + 1) + "阶段 " + item.chapterTitle
+              }}</span>
+              <span v-if="item.askJson" @click="checkAsk(item.askJson)"
+                >查看问卷</span
+              >
             </div>
             <div class="zyBox">
               <div class="left">
@@ -121,7 +158,11 @@
                     v-if="item.upVedio.length"
                     :class="item.tType == 0 ? 'isClick' : ''"
                   >
-                    <img src="../../assets/icon/spIcon.png" alt @click="item.tType = 0" />
+                    <img
+                      src="../../assets/icon/spIcon.png"
+                      alt
+                      @click="item.tType = 0"
+                    />
                   </div>
                   <div :class="item.tType == 1 ? 'isClick' : ''">
                     <img
@@ -150,7 +191,10 @@
                 </div>
               </div>
               <div style="width: 290px; margin-right: 10px">
-                <div class="sd_score" style="box-sizing: border-box; width: 100%; box-shadow: none">
+                <div
+                  class="sd_score"
+                  style="box-sizing: border-box; width: 100%; box-shadow: none"
+                >
                   <div class="score_box">
                     <span>意识能力</span>
                     <el-rate v-model="item.rate.ca"></el-rate>
@@ -230,7 +274,12 @@
                 </div>
               </div>
               <!-- <div class="rbButtom" @click="giveScore">评分</div> -->
-              <div class="rbButtom" @click="updateWorks(item.id, item.rate, index)">评分</div>
+              <div
+                class="rbButtom"
+                @click="updateWorks(item.id, item.rate, index)"
+              >
+                评分
+              </div>
             </div>
           </div>
         </el-dialog>
@@ -258,9 +307,9 @@
               <div>课程名称</div>
               <div>
                 {{
-                chapInfo[publicIndex] != null
-                ? chapInfo[publicIndex].dyName
-                : "暂无课程"
+                  chapInfo[publicIndex] != null
+                    ? chapInfo[publicIndex].dyName
+                    : "暂无课程"
                 }}
               </div>
             </div>
@@ -318,7 +367,9 @@
             </div>
           </div>
 
-          <div class="assess_right" @click="updateWorks" v-if="!uploadBoolean">提交</div>
+          <div class="assess_right" @click="updateWorks" v-if="!uploadBoolean">
+            提交
+          </div>
           <div class="assess_right" @click="updateWorks" v-else>提交</div>
         </el-dialog>
       </div>
@@ -375,7 +426,11 @@
         </div>
         <div class="a_addBox">
           <div style="font-size: 16px; color: #c7c7c7">问卷内容</div>
-          <div class="a_add_box" v-for="(item, index) in askJson.askJson" :key="index">
+          <div
+            class="a_add_box"
+            v-for="(item, index) in askJson.askJson"
+            :key="index"
+          >
             <div class="a_add_head">
               <div style="display: flex">
                 {{ index + 1 + "、" }}
@@ -391,7 +446,8 @@
                     :label="checkIndex1"
                     class="redioStyle"
                     disabled
-                  >{{ item3 }}</el-radio>
+                    >{{ item3 }}</el-radio
+                  >
                 </el-radio-group>
               </div>
             </div>
@@ -399,7 +455,9 @@
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="dialogVisible4 = false">关 闭</el-button>
+        <el-button type="primary" @click="dialogVisible4 = false"
+          >关 闭</el-button
+        >
       </span>
     </el-dialog>
   </div>
@@ -1258,13 +1316,8 @@ export default {
 }
 
 .left {
-  /* width: 60%;
-  margin-right: 10px;
-  min-width: 350px;
-  min-height: 425px; */
   margin-right: 10px;
-  width: 450px;
-  min-height: 425px;
+  width: 25%;
 }
 
 .right {
@@ -1334,10 +1387,8 @@ export default {
 
 .zyBox {
   display: flex;
-  /* width: 100%; */
+  width: 100%;
   position: relative;
-  min-width: 585px;
-  min-height: 425px;
 }
 
 .zyBoxC + .zyBoxC {
@@ -1456,4 +1507,5 @@ export default {
 .redioStyle >>> .el-radio__label {
   font-size: 18px;
 }
+
 </style>