From e80fb1e51d652d0ccecc27688c72a168c8297075 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 27 二月 2025 17:12:41 +0800
Subject: [PATCH] 表格优化lll
---
admin/src/views/vehicle/visitPark.vue | 128 +++++++++++++++++++++---------------------
1 files changed, 64 insertions(+), 64 deletions(-)
diff --git a/admin/src/views/vehicle/visitPark.vue b/admin/src/views/vehicle/visitPark.vue
index 680b58c..908a221 100644
--- a/admin/src/views/vehicle/visitPark.vue
+++ b/admin/src/views/vehicle/visitPark.vue
@@ -1,65 +1,60 @@
<template>
- <TableLayout :permissions="['business:visitpark:query']">
- <!-- 鎼滅储琛ㄥ崟 -->
- <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
- <el-form-item title="杞︾墝鍙�" prop="carCode">
- <el-input v-model="searchForm.carCode" placeholder="杞︾墝鍙�" @keypress.enter.native="search"></el-input>
- </el-form-item>
- <section>
- <el-button type="primary" @click="search">鎼滅储</el-button>
- <el-button @click="reset">閲嶇疆</el-button>
- </section>
- </el-form>
- <!-- 琛ㄦ牸鍜屽垎椤� -->
- <template v-slot:table-wrap>
- <ul class="toolbar" v-permissions="['business:visitpark:create', 'business:visitpark:delete']">
- </ul>
- <el-table
- v-loading="isWorking.search"
- :data="tableData.list"
- stripe
- @selection-change="handleSelectionChange"
- >
- <el-table-column type="selection" width="55"></el-table-column>
- <el-table-column prop="carCode" label="杞︾墝鍙�" fixed min-width="100px"></el-table-column>
- <el-table-column prop="parksName" label="鍋滆溅鍦�" fixed min-width="100px"></el-table-column>
- <el-table-column prop="startTime" label="鏈夋晥鏈�" align="center" fixed min-width="150px">
- <template slot-scope="{row}">
- <div v-if="!row.startTime || !row.endTime">闀挎湡鏈夋晥</div>
- <div v-else>
- <span style="color: green">璧凤細{{row.startTime}}</span><br/>
- <span style="color: red">姝細{{row.endTime}}</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column prop="startTime" label="鐘舵��" fixed min-width="100px">
- <template slot-scope="{row}">
- <div v-if="row.isdeleted==1" style="color: red">宸插垹闄�</div>
- <div v-else style="color: green">
- <span v-if="row.hkStatus==0" style="color: #435EBE">寰呬笅鍙�</span>
- <span v-if="row.hkStatus==1" style="color: green">棰勭害鎴愬姛</span>
- <span v-if="row.hkStatus==2" style="color: red">棰勭害澶辫触</span>
- <span v-if="row.hkStatus==2" style="color: red">宸插彇娑�</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column prop="remark" label="澶囨敞" min-width="100px">
- <template slot-scope="{row}">
- <span v-if="row.isdeleted !=2">{{row.remark}}</span>
- </template>
- </el-table-column>
- <el-table-column prop="createDate" label="鍒涘缓鏃堕棿" min-width="140px"></el-table-column>
- </el-table>
- <pagination
- @size-change="handleSizeChange"
- @current-change="handlePageChange"
- :pagination="tableData.pagination"
- >
- </pagination>
- </template>
- <!-- 鏂板缓/淇敼 -->
- <OperaCarsWindow ref="operaCarsWindow" @success="handlePageChange"/>
- </TableLayout>
+ <TableLayout :permissions="['business:visitpark:query']">
+ <!-- 鎼滅储琛ㄥ崟 -->
+ <div ref="QueryFormRef" slot="search-form">
+ <el-form ref="searchForm" :model="searchForm" label-width="100px" inline>
+ <el-form-item title="杞︾墝鍙�" prop="carCode">
+ <el-input v-model="searchForm.carCode" placeholder="杞︾墝鍙�" @keypress.enter.native="search"></el-input>
+ </el-form-item>
+ <section>
+ <el-button type="primary" @click="search">鎼滅储</el-button>
+ <el-button @click="reset">閲嶇疆</el-button>
+ </section>
+ </el-form>
+ </div>
+
+ <!-- 琛ㄦ牸鍜屽垎椤� -->
+ <template v-slot:table-wrap>
+ <ul class="toolbar" v-permissions="['business:visitpark:create', 'business:visitpark:delete']">
+ </ul>
+ <el-table :max-height="tableHeight" v-loading="isWorking.search" :data="tableData.list" stripe
+ @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55"></el-table-column>
+ <el-table-column prop="carCode" label="杞︾墝鍙�" fixed min-width="100px"></el-table-column>
+ <el-table-column prop="parksName" label="鍋滆溅鍦�" fixed min-width="100px"></el-table-column>
+ <el-table-column prop="startTime" label="鏈夋晥鏈�" align="center" fixed min-width="150px">
+ <template slot-scope="{row}">
+ <div v-if="!row.startTime || !row.endTime">闀挎湡鏈夋晥</div>
+ <div v-else>
+ <span style="color: green">璧凤細{{ row.startTime }}</span><br />
+ <span style="color: red">姝細{{ row.endTime }}</span>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="startTime" label="鐘舵��" fixed min-width="100px">
+ <template slot-scope="{row}">
+ <div v-if="row.isdeleted == 1" style="color: red">宸插垹闄�</div>
+ <div v-else style="color: green">
+ <span v-if="row.hkStatus == 0" style="color: #435EBE">寰呬笅鍙�</span>
+ <span v-if="row.hkStatus == 1" style="color: green">棰勭害鎴愬姛</span>
+ <span v-if="row.hkStatus == 2" style="color: red">棰勭害澶辫触</span>
+ <span v-if="row.hkStatus == 2" style="color: red">宸插彇娑�</span>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="remark" label="澶囨敞" min-width="100px">
+ <template slot-scope="{row}">
+ <span v-if="row.isdeleted != 2">{{ row.remark }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="createDate" label="鍒涘缓鏃堕棿" min-width="140px"></el-table-column>
+ </el-table>
+ <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination">
+ </pagination>
+ </template>
+ <!-- 鏂板缓/淇敼 -->
+ <OperaCarsWindow ref="operaCarsWindow" @success="handlePageChange" />
+ </TableLayout>
</template>
<script>
@@ -72,7 +67,7 @@
name: 'parkBook',
extends: BaseTable,
components: { TableLayout, Pagination, OperaCarsWindow },
- data () {
+ data() {
return {
// 鎼滅储
searchForm: {
@@ -83,7 +78,12 @@
}
}
},
- created () {
+ mounted() {
+ this.$nextTick(() => {
+ this.tableHeight = document.body.scrollHeight - this.$refs.QueryFormRef.offsetHeight - 260
+ })
+ },
+ created() {
this.config({
module: '杞﹁締淇℃伅琛�',
api: '/business/visitPark',
@@ -93,7 +93,7 @@
this.search()
},
methods: {
- validity (startTime, endTime) {
+ validity(startTime, endTime) {
return validity(startTime, endTime)
}
}
--
Gitblit v1.9.3