From 947d903af1aaa675a0d055668893d4be335e5db0 Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期一, 10 七月 2023 16:17:36 +0800
Subject: [PATCH] 修改前端页面
---
src/store/state.js | 6 +
src/router/index.js | 5 +
src/components/page/ticketBlack/index.vue | 172 +++++++++++++++++++++++++++++++++++++++++++
3 files changed, 183 insertions(+), 0 deletions(-)
diff --git a/src/components/page/ticketBlack/index.vue b/src/components/page/ticketBlack/index.vue
new file mode 100644
index 0000000..8a47660
--- /dev/null
+++ b/src/components/page/ticketBlack/index.vue
@@ -0,0 +1,172 @@
+<template>
+ <div>
+ <div style="padding: 10px 10px 0px 10px;">
+ <el-form :inline="true" :model="searchForm">
+ <el-form-item label="杞︾墝鍙�">
+ <el-input v-model="searchForm.carNo"></el-input>
+ </el-form-item>
+ <el-form-item label="鏄惁鎵嬪姩娣诲姞">
+ <el-select v-model="searchForm.isActive" clearable>
+ <el-option v-for="item in table1" :key="item.value" :label="item.label" :value="item.value" ></el-option>
+ </el-select>
+ </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-form-item>
+ </el-form>
+ </div>
+
+ <el-table :data="pageData.rows" v-loading="pageData.isLoading" border style="width:60%;border:1px solid #bcbec2;">
+ <el-table-column type="index" width="50" label="搴忓彿" align="center"> </el-table-column>
+ <el-table-column prop="carNo" label="杞︾墝鍙�" align="center" ></el-table-column>
+ <el-table-column prop="color" label="杞﹁締棰滆壊" align="center" width="80"></el-table-column>
+ <el-table-column prop="carType" label="杞﹁締绫诲瀷" align="center" ></el-table-column>
+ <el-table-column prop="violationCount" label="杩濈珷娆℃暟" align="center" width="80"></el-table-column>
+ <el-table-column prop="isActive" label="鎵嬪姩娣诲姞" align="center" width="80">
+ <template slot-scope="scope">
+ <p v-if="scope.row.isActive==0">鍚�</p>
+ <p v-if="scope.row.isActive==1">鏄�</p>
+ <p v-if="scope.row.isActive==null">鍚�</p>
+ </template>
+ </el-table-column>
+ <el-table-column v-if="items==2" label="鎿嶄綔" fixed="right" width="250" align="center">
+ <template slot-scope="scope">
+ <el-button size="mini" @click="onEdit(scope.$index, scope.row)">缂栬緫</el-button>
+ <el-button size="mini" type="danger" @click="onDelete(scope.$index, scope.row)">鍒犻櫎</el-button>
+ </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="padding: 10px 10px 600px 600px;"></el-pagination>
+
+ <el-dialog title="缂栬緫" :visible.sync="flag" width="30%">
+ <el-form :model="formData" ref="formData" label-width="100px">
+ <el-form-item label="杞︾墝鍙�" prop="carNo" :rules="[{required: true, message: '璇疯緭鍏ヨ溅鐗屽彿鍚嶇О', trigger: 'blur'}]">
+ <el-input v-model="formData.carNo" style="width: 210px"></el-input>
+ </el-form-item>
+ <el-form-item label="杞﹁締棰滆壊" prop="color">
+ <el-select v-model="formData.color" >
+ <el-option label="鐧借壊" value='鐧借壊'></el-option>
+ <el-option label="榛戣壊" value='榛戣壊'></el-option>
+ <el-option label="鐏拌壊" value='鐏拌壊'></el-option>
+ <el-option label="閾惰壊" value='閾惰壊'></el-option>
+ <el-option label="绾㈣壊" value='绾㈣壊'></el-option>
+ <el-option label="钃濊壊" value='钃濊壊'></el-option>
+ <el-option label="缁胯壊" value='缁胯壊'></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="杞﹁締绫诲瀷" prop="carType">
+ <el-select v-model="formData.carType" >
+ <el-option label="灏忓瀷姹借溅" value='灏忓瀷姹借溅'></el-option>
+ <el-option label="灏忓瀷鏂拌兘婧�" value='灏忓瀷鏂拌兘婧�'></el-option>
+ <el-option label="瀹㈣溅" value='瀹㈣溅'></el-option>
+ <el-option label="璐ц溅" value='璐ц溅'></el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="flag = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="onSave">纭� 瀹�</el-button>
+ </div>
+ </el-dialog>
+
+ </div>
+</template>
+
+<script>
+ import {mapState} from "vuex";
+
+ export default {
+ name: "index",
+ components:{
+ },
+ data: function () {
+ return {
+ flag:false,
+ flag2:false,
+ searchForm: {
+ name: ''
+ },
+ pageData: this.$byutil.defaultPageData(),
+ formData: {
+ carNo: '',
+ color: '',
+ carType: '',
+ },
+ table1:[
+ {'label':"鏄�",value:1},{'label':"鍚�",value:0}
+ ],
+ urlPath:this.$systemconfig.basePath + '/ffzf/ticketblack/',
+ id:null,
+ }
+ },
+ computed: {
+ ...mapState({
+ items:'roles'
+ }),
+ },
+ mounted() {
+ this.loadData();
+ },
+ methods: {
+ onSave(){
+ this.$refs['formData'].validate((valid) => {
+ if (valid) {
+ this.$byutil.postData(this, this.urlPath+'save', this.formData, res => {
+ this.$refs['formData'].resetFields();
+ this.flag=false;
+ this.$message({message: '淇濆瓨鎴愬姛', type: 'success'});
+ this.loadData();
+ })
+ } else {
+ return false;
+ }
+ });
+ },
+ loadData() {
+ this.$byutil.loadPageData(this, this.urlPath+'findPage', this.searchForm);
+ },
+ onSearch() {
+ this.pageData = this.$byutil.defaultPageData();
+ this.loadData();
+ },
+ onAdd() {
+ this.flag=true;
+ this.$refs['formData'].resetFields();
+ this.formData = {
+ name: '',
+ loginName: '',
+ phone: '',
+ type: '',
+ }
+ },
+ onEdit(index, row) {
+ this.flag=true;
+ this.formData = row;
+ },
+ onDelete(index, row) {
+ this.$byutil.deleteData(this,this.urlPath+"delete",{id:row.id}, res => {
+ this.$message({message: '鍒犻櫎鎴愬姛', type: 'success'});
+ this.loadData();
+ })
+ },
+ onPageSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ onCurrentPageChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ },
+
+ daoZha(index,row){
+ this.id = row.id;
+ this.flag2 = true;
+ }
+ }
+ }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 1594c1b..4437a96 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -35,6 +35,11 @@
meta: { title: '杞﹁締鍑哄満绠＄悊' }
},
{
+ path: '/ticketBlack',
+ component: resolve => require(['../components/page/ticketBlack/index.vue'], resolve),
+ meta: { title: '榛戝悕鍗曠鐞�' }
+ },
+ {
path: '/parkticket',
component: resolve => require(['../components/page/parkticket/index.vue'], resolve),
meta: { title: '娉婅溅鍙戠エ绠＄悊' }
diff --git a/src/store/state.js b/src/store/state.js
index 17ea89c..17b61f7 100644
--- a/src/store/state.js
+++ b/src/store/state.js
@@ -56,6 +56,12 @@
indexUrl: "whiteList"
},
{
+ icon: 'el-icon-document',
+ name: '榛戝悕鍗曠鐞�',
+ parentId: 2,
+ indexUrl: "ticketBlack"
+ },
+ {
icon: 'el-icon-document',
name: '娉婅溅鍙戠エ绠＄悊',
parentId: 2,
--
Gitblit v1.9.1