提示框修改,快速筛选题目

src/views/upload-result/index.vue

@@ -61,6 +61,9 @@
                           }}
                         </div>
                         <div class="right_data">
+                          <el-button type="text" style="color: #303133; width: 70px" @click="s_item=(e + (i - 1) * 5 - 1);dialogVisible=true" >
+                                {{test_result_sub_data[e + (i - 1) * 5 - 1].value}}
+                          </el-button>
                           <!-- <el-input
                             v-if="test_result_sub_data[e + (i - 1) * 5 - 1]"
                             v-model="
@@ -70,34 +73,30 @@
                             class="input_box"
                           >
                           </el-input> -->
-                          <el-popover
+                          <!-- <el-popover
                             style="display: block; width: 100%; height: 100%"
                             v-if="test_result_sub_data[e + (i - 1) * 5 - 1]"
                             placement="bottom"
-                            width="300"
+                            width="370"
+                            height="400"
                             v-model="
                               test_result_sub_data[e + (i - 1) * 5 - 1].visible
                             "
                             trigger="click"
                           >
-                            <div>
-                              <el-row>
-                                <el-radio-group
-                                  v-model="
-                                    test_result_sub_data[e + (i - 1) * 5 - 1]
-                                      .value
-                                  "
-                                >
-                                  <el-col
-                                    :span="6"
-                                    v-for="(i, index) in tobacco_grades_data"
-                                    :key="index"
-                                  >
-                                    <el-radio :label="i.grade_code">{{
-                                      i.grade_code
-                                    }}</el-radio>
-                                  </el-col>
+                            <div style="overflow-y: scroll;max-height: 400px;">
+                              <el-row >
+                              <el-col :span="8" v-for="(tobacco_grades_data_f, tobacco_grades_data_index) in tobacco_grades_data" 
+                              :key="'t'+(e + (i - 1) * 5 - 1)+tobacco_grades_data_index" style="height:119px;border-bottom: 1px solid #e6ebf5; padding:8px 0px">
+                              
+                                <div style="padding:2px 0px"><el-tag>组别:{{tobacco_grades_data_f.name}}</el-tag></div>
+                                <el-radio-group  size="mini" @change="test_result_sub_data[e + (i - 1) * 5 - 1].visible=false" v-model="test_result_sub_data[e + (i - 1) * 5 - 1].value">
+                                      <el-radio-button  
+                                      v-for="(grade_code_i, grade_code_index) in tobacco_grades_data_f.value" 
+                                      :key="'s'+tobacco_grades_data_index+(e + (i - 1) * 5 - 1)+grade_code_index" 
+                                        :label="grade_code_i.grade_code">{{grade_code_i.grade_code}}</el-radio-button>
                                 </el-radio-group>
+                            </el-col>
                             </el-row>
                             </div>
                             <el-button
@@ -109,7 +108,7 @@
                                 test_result_sub_data[e + (i - 1) * 5 - 1].value
                               }}
                             </el-button>
-                          </el-popover>
+                          </el-popover> -->
                         </div>
                       </div>
                     </div>
@@ -211,6 +210,34 @@
         >
       </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"
+      width="400px"
+      >
+      <div style="overflow-y: scroll;max-height: 500px;">
+      <el-row >
+        <el-col :span="8" v-for="(tobacco_grades_data_f, tobacco_grades_data_index) in tobacco_grades_data" 
+        :key="'t'+(s_item)+tobacco_grades_data_index" style="height:119px;border-bottom: 1px solid #e6ebf5; padding:8px 0px">
+          <div style="padding:2px 0px"><el-tag>组别:{{tobacco_grades_data_f.name}}</el-tag></div>
+          <el-radio-group  size="mini" @change="dialogVisible=false" v-model="test_result_sub_data[s_item].value">
+                <el-radio-button  
+                v-for="(grade_code_i, grade_code_index) in tobacco_grades_data_f.value" 
+                :key="'s'+tobacco_grades_data_index+(s_item)+grade_code_index" 
+                  :label="grade_code_i.grade_code">{{grade_code_i.grade_code}}</el-radio-button>
+          </el-radio-group>
+      </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>
   </div>
 </template>
 
@@ -224,6 +251,8 @@ export default {
   components: { TestInfo, AnswerView },
   data() {
     return {
+      s_item:0,
+      dialogVisible:false,
       headers: { Authorization: ' Bearer  ' + getToken() },
       IP: process.env.VUE_APP_BASE_API,
       row: 1,
@@ -292,7 +321,7 @@ export default {
           begin_answer_time: res.begin_answer_time,
           duration: res.examination_questions.duration * 60,
           const_down:
-            res.examination_questions.duration *
+            res.examination_questions.duration * 60 
             -(res.begin_answer_duration ? res.begin_answer_duration : 0),
           status: res.status,
           title: res.examination_questions_title,