页面修改

src/pages/exam/examPaper.vue

@@ -60,9 +60,19 @@
     cursor: default !important;
     pointer-events: none;
   }
-  .disabled-column .el-checkbox__input{
-    display:none;
+
+  .disabled-column .el-checkbox__input {
+    display: none;
+  }
+
+  .ExamPaper_Sysuser_Date .el-range-editor .el-range-input {
+    background-color: transparent;
+  }
+
+  .ExamPaper_Sysuser_Date .el-range-editor.el-input__inner {
+    background-color: transparent;
   }
+
 </style>
 <!--试卷库管理-->
 <template>
@@ -70,8 +80,19 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-input @change="getList" clearable filled v-model="msg.PaperName" @clear="getList" maxlength="20"
-            label="输入试卷名称、组卷人查找" />
+          <q-input @input="refreshPage" clearable filled v-model="msg.PaperName" maxlength="20" label="输入试卷名称" />
+        </div>
+        <div class="col-3 ExamPaper_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="refreshPage" clearable filled v-model="msg.QExamineStatus" :options="auditStatusList"
+            emit-value map-options label="审核状态" />
         </div>
       </div>
       <div class="page-option">
@@ -103,7 +124,8 @@
           <span v-if="index!=navList.length-1" :key="index">></span>
         </template>
       </div>
-      <exampaperlist :dataList="dataList" ref="examPaper" :msg="msg" :loading="loading" @success="refreshPage"></exampaperlist>
+      <exampaperlist :dataList="dataList" ref="examPaper" :msg="msg" :loading="loading" @success="refreshPage">
+      </exampaperlist>
       <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
         :input="true" @input="changePage" />
     </div>
@@ -120,18 +142,42 @@
       exampaperlist
     },
     meta: {
-      title: "考试管理"
+      title: "试卷管理"
     },
     data() {
       return {
-        data: [],
         msg: {
           pageIndex: 1,
           pageSize: 10,
           rowsPerPage: 10,
           PaperName: '', //题库名
           ParentId: 0,
+          QStartTime: "", //开始时间
+          QEndTime: "", //结束时间
+          QExamineStatus: '', //审核状态
+        },
+        dateTimeList: [], //选择时间
+        auditStatusList: [{
+            value: 0,
+            label: "草稿"
+          },
+          {
+            value: 1,
+            label: "审核中"
+          },
+          {
+            value: 2,
+            label: "正常"
           },
+          {
+            value: 3,
+            label: "驳回"
+          },
+          {
+            value: 6,
+            label: "作废"
+          }
+        ],
         pageCount: 0,
         loading: false,
         dataList: [],
@@ -168,10 +214,16 @@
       },
       //获取菜单分页列表
       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 = [];
         GetPaperPage(this.msg).then(res => {
-
           this.loading = false;
           if (res.Code == 1) {
             this.dataList = res.Data.pageModel.PageData;