From 4ee6f73821ae2c4264c9ea5df9489f94687547d7 Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期二, 16 四月 2024 10:52:43 +0800
Subject: [PATCH] fix: 新增场内车辆管理
---
src/store/state.js | 6 ++
src/router/index.js | 5 +
src/components/page/enterParkCar/index.vue | 147 +++++++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 158 insertions(+), 0 deletions(-)
diff --git a/src/components/page/enterParkCar/index.vue b/src/components/page/enterParkCar/index.vue
new file mode 100644
index 0000000..aa2345c
--- /dev/null
+++ b/src/components/page/enterParkCar/index.vue
@@ -0,0 +1,147 @@
+<template>
+ <div class="mod-config" style="padding: 10px 10px 0px 10px;">
+ <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" >
+ <el-form-item label="杞︾墝鍙�">
+ <el-input v-model="searchForm.carNo" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="鍋滆溅鍦�">
+ <el-select v-model="searchForm.parkId" clearable>
+ <el-option v-for="item in table1" :key="item.id" :label="item.name" :value="item.id" ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" size="small" @click="getDataList" icon="el-icon-search">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+
+ <div class="avue-crud">
+ <el-table
+ :height="tableHeight"
+ :data="pageData.rows"
+ border
+ v-loading="pageData.isLoading">
+ <el-table-column
+ type="index"
+ width="50"
+ label="搴忓彿"
+ align="center">
+ </el-table-column>
+ <el-table-column label="鍏ュ満鍥�" width="200" header-align="center" align="center">
+ <template slot-scope="scope">
+ <!-- trigger(瑙﹀彂鏂瑰紡)銆乸lacement(鍑虹幇浣嶇疆) -->
+ <el-popover trigger="hover" placement="right" v-if="scope.row.imgPath != null">
+ <img :src="scope.row.imgPath" style="height: 800px;width: 800px"/>
+ <img slot="reference" :src="scope.row.imgPath" :alt="scope.row.imgPath" style="height: 50px;width: 150px">
+ </el-popover>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="carNo"
+ header-align="center"
+ align="center"
+ label="杞︾墝鍙�">
+ </el-table-column>
+ <el-table-column
+ prop="parkName"
+ header-align="center"
+ align="center"
+ label="鍋滆溅鍦�">
+ </el-table-column>
+ <el-table-column
+ prop="createTime"
+ header-align="center"
+ align="center"
+ label="鍏ュ満鏃堕棿">
+ </el-table-column>
+ <el-table-column
+ prop="status"
+ header-align="center"
+ align="center"
+ label="鍙戠幇杩濈珷">
+ <template slot-scope="scope">
+ <p v-if="scope.row.status==0">鏈繚绔�</p>
+ <p v-if="scope.row.status==1" style="color: red">鏈夎繚绔�</p>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="isAdd"
+ header-align="center"
+ align="center"
+ label="鎵嬪姩娣诲姞">
+ <template slot-scope="scope">
+ <p v-if="scope.row.isAdd==0 || scope.row.isAdd==null">鍚�</p>
+ <p v-if="scope.row.isAdd==1" style="color: red">鏄�</p>
+ </template>
+ </el-table-column>
+ </el-table>
+ <el-pagination background @size-change="onPageSizeChange" @current-change="onCurrentPageChange" :current-page="pageData.currentPage" :page-size="pageData.pageSize" :total="pageData.total" style="float: right"></el-pagination>
+
+ </div>
+
+ </div>
+</template>
+
+<script>
+ export default {
+ data () {
+ return {
+ tableHeight:500,
+ dataForm: {
+ key: ''
+ },
+ table1:[],
+ pageData: this.$byutil.defaultPageData(),
+ searchForm: {
+ current: this.pageIndex,
+ size: this.pageSize,
+ carNo:'',
+ parkId:''
+ },
+ dataList: [],
+ pageIndex: 1,
+ pageSize: 100,
+ totalPage: 0,
+ dataListLoading: false,
+ addOrUpdateVisible: false
+ }
+ },
+ components: {
+ },
+ created () {
+ this.getAllPark()
+ this.getDataList()
+ this.tableHeight = window.innerHeight - 260
+ },
+ computed: {
+ },
+ methods: {
+ // 鑾峰彇鏁版嵁鍒楄〃
+ getDataList () {
+ this.dataListLoading = true
+ this.searchForm.current = this.pageIndex
+ this.searchForm.size = this.pageSize
+ this.$byutil.loadPageData(this, this.$systemconfig.basePath+'/ffzf/park/getParkCar', this.searchForm);
+ this.dataListLoading = false
+ },
+ getAllPark(){
+ this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/park/findAll', this.formData, res => {
+ this.table1 = res.data;
+ })
+ },
+ onPageSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.getDataList();
+ },
+ onCurrentPageChange(val) {
+ this.pageData.page = val;
+ this.getDataList();
+ },
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+.fenye-box{
+ width: calc(70% - 20px);
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 7de059f..b5f1453 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -40,6 +40,11 @@
meta: { title: '鎵嬪姩鎶潌璁板綍' }
},
{
+ path: '/enterParkCar',
+ component: resolve => require(['../components/page/enterParkCar/index.vue'], resolve),
+ meta: { title: '鍦哄唴杞﹁締绠＄悊' }
+ },
+ {
path: '/ticketBlack',
component: resolve => require(['../components/page/ticketBlack/index.vue'], resolve),
meta: { title: '榛戝悕鍗曠鐞�' }
diff --git a/src/store/state.js b/src/store/state.js
index 002dfb7..2e0763c 100644
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -51,6 +51,12 @@
},
{
icon: 'el-icon-document',
+ name: '鍦哄唴杞﹁締绠＄悊',
+ parentId: 2,
+ indexUrl: "enterParkCar"
+ },
+ {
+ icon: 'el-icon-document',
name: '鎵嬪姩鎶潌璁板綍',
parentId: 2,
indexUrl: "barrierOpenLog"
--
Gitblit v1.9.1