出差审批

src/views/away/index.vue

@@ -48,13 +48,30 @@
               </span>
             </div>
 
+            <div>
+              <span>出差审批</span>
+              <Select v-model="select.away_status" clearable placeholder="全部状态" style="width: 130px">
+                <Option :value="1">待申请</Option>
+                <Option :value="2">流转中</Option>
+                <Option :value="3">已办结</Option>
+              </Select>
+            </div>
+            <div>
+              <span>出差报销</span>
+              <Select v-model="select.expense_status" clearable placeholder="全部状态" style="width: 130px">
+                <Option :value="1">待申请</Option>
+                <Option :value="2">流转中</Option>
+                <Option :value="3">已办结</Option>
+                <Option value="overdue">超时未办理</Option>
+              </Select>
+            </div>
             <div>
               <Button
                 type="primary"
                 @click="$router.push('/contract/away/addAway')">新增</Button>
             </div>
             <div>
-              <Button type="primary" @click="getList">查询</Button>
+              <Button type="primary" @click="search">查询</Button>
             </div>
             <div>
               <Button
@@ -183,6 +200,8 @@
 
       <div style="display: flex; justify-content: flex-end;padding: 10px 6px;">
         <Page
+          :current="select.page"
+          :page-size="select.page_size"
           :total="total"
           show-elevator
           @on-change="e => {
@@ -227,6 +246,8 @@ export default {
         keyword: '',
         start_year: "",
         end_year: "",
+        away_status: '',
+        expense_status: '',
         page: 1,
         page_size: 10
       },
@@ -527,6 +548,10 @@ export default {
       }
     },
 
+    search () {
+      this.select.page = 1;
+      this.getList();
+    },
     async getList (isFirst) {
       class Flow {
         status = 0