页面修改

src/components/exam/exampublishlist.vue

@@ -101,8 +101,14 @@
             align: "left",
           },
           {
-            name: "ExamTimes",
+            name: "TestStatusStr",
             label: "考试时长",
+            field: "TestStatusStr",
+            align: "left",
+          },
+          {
+            name: "ExamTimes",
+            label: "考试状态",
             field: "ExamTimes",
             align: "left",
           },

src/pages/exam/examlist.vue

 <style>
+  .ExamTest_Sysuser_Date .el-range-editor .el-range-input {
+    background-color: transparent;
+  }
+
+  .ExamTest_Sysuser_Date .el-range-editor.el-input__inner {
+    background-color: transparent;
+  }
 
 </style>
 <!--考试管理-->
@@ -10,6 +17,18 @@
           <q-input @change="getList" clearable filled v-model="msg.PaperName" @clear="getList" maxlength="20"
             label="输入试卷名称" />
         </div>
+        <div class="col-3 ExamTest_Sysuser_Date">
+          <q-field filled>
+             <template v-slot:control>
+              <el-date-picker v-model="dateTimeList" @change="refreshPage" value-format="yyyy-MM-dd" type="daterange" style="border:none;" range-separator="至"
+                 start-placeholder="开始时间"  end-placeholder="结束时间"></el-date-picker>       
+            </template>
+          </q-field>
+        </div>
+        <div class="col-3">
+          <q-select @input="getList" clearable filled v-model="msg.QTestStatus" :options="StatusList" emit-value
+            map-options label="状态" />
+        </div>
       </div>
       <div class="page-option">
 
@@ -43,7 +62,24 @@
           pageSize: 10,
           rowsPerPage: 10,
           PaperName: "", //试卷名称
+          QTestStatus: "", //考试状态
+          QStartTime: "", //开始时间
+          QEndTime: "", //结束时间
+        },
+        StatusList: [{
+            value: 1,
+            label: "未开始"
+          },
+          {
+            value: 2,
+            label: "进行中"
           },
+          {
+            value: 3,
+            label: "已结束"
+          }
+        ],
+        dateTimeList: [],
         pageCount: 0,
         loading: false,
         dataList: [],
@@ -61,6 +97,13 @@
       },
       //获取菜单分页列表
       getList() {
+        if (this.dateTimeList && this.dateTimeList.length > 0) {
+          this.msg.QStartTime = this.dateTimeList[0];
+          this.msg.QEndTime = this.dateTimeList[1];
+        } else {
+          this.msg.QStartTime = '';
+          this.msg.QEndTime = '';
+        }
         this.loading = true;
         this.dataList = [];
         queryPublishExamPage(this.msg)