From 98f5b54a6259308fdf220382f03f5cefcacc5413 Mon Sep 17 00:00:00 2001
From: ZhiShuo_Lou <13209945+zhishuo-lou@user.noreply.gitee.com>
Date: Thu, 23 Nov 2023 22:15:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E6=B7=BB=E6=9D=A1=E4=BB=B6=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2+=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/car/fence.vue | 56 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/src/views/car/fence.vue b/src/views/car/fence.vue
index c4218db..31eadb3 100644
--- a/src/views/car/fence.vue
+++ b/src/views/car/fence.vue
@@ -1,5 +1,35 @@
 <template>
   <div>
+    <el-form :model="selectQuery">
+
+      <el-form-item >
+        <el-input v-model="selectQuery.fenceName"  placeholder="请输入围栏名称"></el-input>
+      </el-form-item>
+
+
+      <el-form-item label="行驶状态查询" style="width: 25%">
+        <el-select v-model="selectQuery.driveStatus" placeholder="请选择行驶状态">
+          <el-option label="请选择" value=""></el-option>
+          <el-option label="驶入" value="1"></el-option>
+          <el-option label="驶出" value="2"></el-option>
+        </el-select>
+      </el-form-item>
+
+
+      <el-form-item label="围栏状态" style="width: 25%">
+        <el-select v-model="selectQuery.fenceStatus" placeholder="请选择围栏状态">
+          <el-option label="请选择" value=""></el-option>
+          <el-option label="停用" value="0"></el-option>
+          <el-option label="正常" value="1"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item style="width: 25%">
+        <el-button @click="onSubQuery">搜索</el-button>
+      </el-form-item>
+
+    </el-form>
+
     <el-button type="success" plain @click="upiInsertDialog" icon="el-icon-check">添加围栏</el-button>
     <el-button type="danger" plain @click="deleteFence()" icon="el-icon-check">删除围栏</el-button>
 
@@ -50,6 +80,21 @@
 
     </el-table>
 
+<!--    分页-->
+<el-form :model="selectQuery">
+
+  <div class="block">
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :page-sizes="[5, 10, 15, 20]"
+      :page-size="selectQuery.pageSize"
+      layout="sizes, prev, pager, next"
+      :total="total">
+    </el-pagination>
+  </div>
+
+</el-form>
     <el-dialog :visible.sync="dialogVisible" width="70%">
 
       <div id="container" ></div>
@@ -133,6 +178,17 @@ export default {
   // },
 
   methods: {
+    onSubQuery() {
+        this.getFenceList()
+    },
+    handleSizeChange(val) {
+      this.selectQuery.pageSize = val
+      this.getFenceList()
+    },
+    handleCurrentChange(val) {
+      this.selectQuery.pageNum = val
+      this.getFenceList()
+    },
     handleSelectionChange(val) {
       this.dis = val;
     },