From 1fdb81a91f5f4092e927d2d9a7cc9ff4d231fca4 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期二, 07 一月 2025 16:43:41 +0800
Subject: [PATCH] 月付页面细节
---
src/components/page/outPark/index.vue | 372 +++++++++++++++++++++++-----------------------------
1 files changed, 163 insertions(+), 209 deletions(-)
diff --git a/src/components/page/outPark/index.vue b/src/components/page/outPark/index.vue
index aabbb65..efae4dc 100644
--- a/src/components/page/outPark/index.vue
+++ b/src/components/page/outPark/index.vue
@@ -1,226 +1,180 @@
<template>
- <section>
- <el-card class="box-card toolCard">
- <div slot="header" class="clearfix">
- <!--鏄剧ず瀵艰埅-->
- <el-breadcrumb separator="/">
- <el-breadcrumb-item :to="{ path: '/' }">棣栭〉</el-breadcrumb-item>
- <el-breadcrumb-item>
- <a href="javascript:void(0);">绯荤粺绠＄悊</a>
- </el-breadcrumb-item>
- <el-breadcrumb-item>鐢ㄦ埛绠＄悊</el-breadcrumb-item>
- </el-breadcrumb>
- </div>
- <!--<div class="text item">-->
- <!--宸ュ叿鏉�-->
- <!--<section class="toolbar">-->
+ <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-input v-model="searchForm.payCode" 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 label="閫夋嫨鍑哄満鏃堕棿">
+ <div class="date-box">
+ <el-date-picker type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+ v-model="searchForm.date" placeholder="">
+ </el-date-picker>
+ </div>
+ </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>
- <!--</section>-->
- <el-form :inline="true" :model="searchForm">
- <el-form-item label="鍚嶇О">
- <el-input v-model="searchForm.name" placeholder="鍚嶇О"></el-input>
- </el-form-item>
- <el-form-item label="鎵嬫満鍙�">
- <el-input v-model="searchForm.phone" placeholder="鎵嬫満鍙�"></el-input>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" size="small" @click="onSearch" icon="el-icon-search">鏌ヨ</el-button>
- <el-button type="primary" size="small" @click="onAdd" icon="el-icon-plus">澧炲姞</el-button>
- <el-button type="primary" size="small" @click="onInitPassword" icon="el-icon-refresh">鍒濆鍖栧瘑鐮�</el-button>
- <el-button type="primary" size="small" @click="onSetUserImage" icon="el-icon-picture-outline">璁剧疆澶村儚</el-button>
- <el-button type="primary" size="small" @click="onChangeDept" icon="el-icon-picture-outline">璋冩崲閮ㄩ棬</el-button>
- </el-form-item>
- </el-form>
-
- <!--</div>-->
- </el-card>
-
- <!--鍒楄〃鏁版嵁-->
- <el-table :data="pageData.rows" v-loading="pageData.isLoading" :element-loading-text="pageData.loadingText"
- border
- :height="pageConfig.maxHeight"
- stripe tooltip-effect="dark" style="width:100%; height:100%" @selection-change="onSelectionChange" @row-click="clickRow"
- ref="mulTable">
- <!--<el-table-column-->
- <!--type="selection"-->
- <!--width="50">
- </el-table-column>-->
- <el-table-column prop="loginName" label="鐧诲綍鍚�">
+ <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="name" label="濮撳悕">
+ <el-table-column
+ prop="enterTime"
+ header-align="center"
+ align="center"
+ label="鍏ュ満鏃堕棿">
</el-table-column>
- <el-table-column prop="sexStr" label="鎬у埆鍚�">
+ <el-table-column
+ prop="createTime"
+ header-align="center"
+ align="center"
+ label="鍑哄満鏃堕棿">
+ </el-table-column>
+ <el-table-column
+ prop="timeStr"
+ 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="age" label="骞撮緞">
+ <el-table-column
+ prop="payCode"
+ header-align="center"
+ align="center"
+ label="鏀粯鐮�">
</el-table-column>
- <el-table-column prop="deptName" label="鎵�鍦ㄩ儴闂�">
+ <el-table-column
+ prop="price"
+ width="100px"
+ header-align="center"
+ align="center"
+ label="鍋滆溅閲戦(鍏�)">
</el-table-column>
- <el-table-column prop="post" label="鑱屼綅">
+ <el-table-column
+ prop="status"
+ width="120px"
+ 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">宸茬即璐�</p>
+ <p v-if="scope.row.status==2">鏈堢杞�</p>
+ </template>
</el-table-column>
- <el-table-column prop="phone" label="鎵嬫満鍙�">
- </el-table-column>
- <el-table-column prop="roleNames" label="瑙掕壊">
- </el-table-column>
- <el-table-column prop="status" label="鐘舵��">
- </el-table-column>
- <el-table-column prop="lastLoginTime" label="鏈�杩戠櫥褰曟椂闂�">
- </el-table-column>
-
- <el-table-column label="鎿嶄綔" fixed="right" width="250">
- <template slot-scope="scope">
- <el-button
- size="mini"
- @click="onEdit(scope.$index, scope.row)">缂栬緫
- </el-button>
- <el-button
- size="mini"
- type="danger"
- @click="onStop(scope.$index, scope.row)">鍋滅敤
- </el-button>
- <el-button
- size="mini"
- @click="onStart(scope.$index, scope.row)">鍚敤
- </el-button>
- </template>
+ <el-table-column
+ prop="status3"
+ width="120px"
+ header-align="center"
+ align="center"
+ label="杩濈珷鐘舵��">
+ <template slot-scope="scope">
+ <p v-if="scope.row.status3==0">鏈繚绔�</p>
+ <p v-if="scope.row.status3==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-sizes="[10, 20, 30, 40, 50, 100, 200]"
- :page-size="pageData.pageSize"
- layout="total, sizes, jumper, prev, pager, next"
- :total="pageData.total">
- </el-pagination>
- </section>
+ <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>
- // 瀵煎叆鏂板缁勪欢
- import addDialog from './AddDialog'
- export default {
- name: "UserIndex",
- data: function () {
- return {
- pageConfig: {
- pageDataUrl: this.$systemconfig.basePath + '/security/user/list',
- stopUrl: this.$systemconfig.basePath + '/security/user/stop',
- startUrl: this.$systemconfig.basePath + '/security/user/start',
- initPasswordUrl:this.$systemconfig.basePath+'/security/user/restoreInitialPassword',
- },
- // 鏌ヨ鏁版嵁
- searchForm: {
- name: ''
- },
- // 椤甸潰鏁版嵁
- pageData: this.$byutil.defaultPageData()
- }
+ export default {
+ data () {
+ return {
+ tableHeight:500,
+ dataForm: {
+ key: ''
},
- // 寮曞叆缁勪欢
- components: {
- addDialog: addDialog
+ table1:[],
+ pageData: this.$byutil.defaultPageData(),
+ searchForm: {
+ current: this.pageIndex,
+ size: this.pageSize,
+ carNo:'',
+ parkId:'',
+ payCode:'',
+ date: new Date(),
},
- // 鎵ц鍒濆鍖栨暟鎹�
- mounted() {
- this.$byutil.initTableMaxHeight(this);
- this.loadData();
- },
- // 鏂规硶
- methods: {
- //鍔犺浇鏁版嵁
- loadData() {
- this.$byutil.loadPageData(this, this.pageConfig.pageDataUrl, this.searchForm);
- },
- // 鐐瑰嚮鏌ヨ鎸夐挳
- onSearch() {
- this.pageData = this.$byutil.defaultPageData();
- this.loadData();
- },
- // 鐐瑰嚮鏂板鎸夐挳
- onAdd() {
- this.$refs.addDialog.showDialog(true);
- },
- // 鐐瑰嚮缂栬緫鎸夐挳
- onEdit(index, row) {
- this.$refs.addDialog.showDialog(true);
- //鍒濆鍖栨棫鏁版嵁
- this.$refs.addDialog.initData(row);
- },
- // 鐐瑰嚮鍋滅敤
- onStop(index, row) {
- if(row.status == "鍒犻櫎"){
- alert("宸茬粡鍋滅敤锛屼笉鑳藉啀娆″仠鐢�");
- return;
- }
- this.$byutil.stopData(this, this.pageConfig.stopUrl, row);
- },
- // 鐐瑰嚮鍚敤
- onStart(index, row) {
- if(row.status == "姝ｅ父"){
- alert("姝ｅ父鐘舵�侊紝涓嶈兘鍐嶆鍚敤");
- return;
- }
- this.$byutil.startData(this, this.pageConfig.startUrl, row);
- },
- // 澶氶�夋椂
- onSelectionChange(val) {
- // this.pageData.multipleSelection = val
- },
- // 鍒囨崲姣忛〉鏄剧ず鏉℃暟
- onPageSizeChange(val) {
- this.pageData.pageSize = val;
- this.loadData();
- },
- // 璺宠浆椤�
- onCurrentPageChange(val) {
- this.pageData.page = val;
- this.loadData();
- },
- //鍗曢��
- clickRow(val){
- this.pageData.signSelection = val
-
- },
- // 璁剧疆澶村儚
- onSetUserImage (){
- let row = this.pageData.signSelection;
- if(!row){
- this.$alert('璇烽�夋嫨鐢ㄦ埛', {'title': '鎻愮ず','type': 'warning','center': true,'showClose': false});
- return;
- }
- this.$refs.setUserImageDialog.showDialog(true);
- this.$refs.setUserImageDialog.initData(row);
- },
-
- // 璋冩崲閮ㄩ棬
- onChangeDept (){
- let row = this.pageData.signSelection;
- if(!row){
- this.$alert('璇烽�夋嫨鐢ㄦ埛', {'title': '鎻愮ず','type': 'warning','center': true,'showClose': false});
- return;
- }
- this.$refs.changeDeptDialog.showDialog(true);
- this.$refs.changeDeptDialog.initData(row);
- },
-
- //鍒濆鍖栧瘑鐮�
- onInitPassword(){
- let row = this.pageData.signSelection;
- if(!row){
- this.$alert('璇烽�夋嫨鐢ㄦ埛', {'title': '鎻愮ず','type': 'warning','center': true,'showClose': false});
- return;
- }
- this.$byutil.postData(this,this.pageConfig.initPasswordUrl,row,res=>{
- this.$alert(row.name+'鍒濆鍖栧瘑鐮佹垚鍔�', {'title': '鎻愮ず','type': 'success','center': true,'showClose': false});
- })
- }
- }
+ 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/outpark/findPage', 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 scoped>
-
-</style>
\ No newline at end of file
--
Gitblit v1.9.1