'学生端答题页面调整'

src/views/personal/index.vue

@@ -3,7 +3,7 @@
  * @Author: AnthonyD
  * @Date:   2023-02-23 15:52:52
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-04-24 18:32:53
+ * @Last Modified time: 2023-04-26 19:22:46
  */
 </script><template>
   <div class="person_container">

src/views/upload-result/index.vue

@@ -3,7 +3,7 @@
  * @Author: AnthonyD
  * @Date:   2023-03-01 16:25:21
  * @Last Modified by:   AnthonyD
- * @Last Modified time: 2023-04-03 19:52:34
+ * @Last Modified time: 2023-04-26 19:15:38
  */
 </script>
 
@@ -14,7 +14,7 @@
       :testdata="test_card_info"
       @sub="sub"
     ></test-info>
-    <el-card class="box-card browser_box">
+    <el-card class="box-card browser_box" v-if="test_result_sub_data[0]">
       <el-row class="box_card_header">
         <el-col :span="14">
           <div class="grid-content">
@@ -75,10 +75,10 @@
         <el-col :span="10" v-show="true">
           <div class="upload_right">
             <el-row style="display: flex; justify-content: space-between">
-              <el-col :span="12">
+              <el-col :span="17">
                 <h3 class="photo_header_title">上传纸质考试照片</h3>
               </el-col>
-              <el-col :span="12" style="text-align: right">
+              <el-col :span="7" style="text-align: right">
                 <el-upload
                   name="image"
                   :accept="'image/*'"
@@ -140,7 +140,7 @@
     </el-card>
 
     <!-- 移动端 -->
-    <el-card class="box-card mobile_box" v-if="true">
+    <el-card class="box-card mobile_box" v-if="test_result_sub_data[0]">
       <el-row class="box_card_header">
         <el-col :span="24">
           <div class="grid-content">
@@ -204,11 +204,11 @@
       <el-row class="box_card_header">
         <el-col :span="24">
           <div class="upload_right">
-            <el-row style="display: flex; justify-content: space-between">
-              <el-col :span="12">
+            <el-row>
+              <el-col :span="17">
                 <h3 class="photo_header_title">上传纸质考试照片</h3>
               </el-col>
-              <el-col :span="12" style="text-align: right">
+              <el-col :span="7" style="text-align: right">
                 <el-upload
                   name="image"
                   :accept="'image/*'"
@@ -268,16 +268,18 @@
         >
       </div>
     </el-card>
-
-    <!-- <el-button type="primary" style="width: 100%" @click="dialogVisible = true"
-      >sssss</el-button
-    > -->
     <el-dialog
-      title="请选择等级"
       v-if="test_result_sub_data[s_item]"
       :visible.sync="dialogVisible"
       class="answer_box"
     >
+      <div slot="title">
+        <span>
+          请选择第{{ s_item + 1 }}题等级：{{
+            test_result_sub_data[s_item].value
+          }}</span
+        >
+      </div>
       <div style="overflow-y: scroll; max-height: 500px">
         <el-row>
           <el-col
@@ -293,7 +295,11 @@
             </div>
             <el-radio-group
               size="mini"
-              @change="dialogVisible = false"
+              @change="
+                s_item < test_result_sub_data.length
+                  ? s_item++
+                  : (dialogVisible = false)
+              "
               v-model="test_result_sub_data[s_item].value"
             >
               <el-radio-button
@@ -311,20 +317,21 @@
           </el-col>
         </el-row>
       </div>
-      <!-- <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false"
-          >确 定</el-button
-        >
-      </span> -->
     </el-dialog>
+
     <!-- 移动 -->
     <el-dialog
-      title="请选择等级"
       v-if="test_result_sub_data[s_item]"
       :visible.sync="dialogVisibleMobile"
       class="answer_box"
     >
+      <div slot="title">
+        <span>
+          请选择第{{ s_item + 1 }}题等级：{{
+            test_result_sub_data[s_item].value
+          }}</span
+        >
+      </div>
       <div style="overflow-y: scroll; max-height: 500px">
         <el-row>
           <el-col
@@ -340,7 +347,11 @@
             </div>
             <el-radio-group
               size="mini"
-              @change="dialogVisibleMobile = false"
+              @change="
+                s_item < test_result_sub_data.length
+                  ? s_item++
+                  : (dialogVisible = false)
+              "
               v-model="test_result_sub_data[s_item].value"
             >
               <el-radio-button
@@ -357,12 +368,6 @@
           </el-col>
         </el-row>
       </div>
-      <!-- <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisibleMobile = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisibleMobile = false"
-          >确 定</el-button
-        >
-      </span> -->
     </el-dialog>
   </div>
 </template>
@@ -476,8 +481,9 @@ export default {
               .length / 5
           );
         }
-        console.log('sub-data' + this.test_result_sub_data);
-        console.log('@@@@@@@@@@@@@@@@@@@@@@@@@@');
+        console.log('sub-data');
+        console.log(this.test_result_sub_data);
+        // console.log('@@@@@@@@@@@@@@@@@@@@@@@@@@');
         console.log(this.test_results);
       });
     },
@@ -716,9 +722,7 @@ export default {
   .result_box {
     width: 80px;
   }
-  .reupload_box {
-    margin-left: 158px;
-  }
+
   .row_line .left_data {
     border-top: 1px solid #dcdfe6;
     border-left: 2px solid #dcdfe6;
@@ -773,9 +777,9 @@ export default {
   }
 
   .reupload_box {
-    margin-left: 76px;
-    margin-top: 10px;
+    margin-top: 8px;
   }
+
   .photo_header_title {
     margin-top: 15px;
   }