From ddad19338c649987dbbf24a4c04fffd74f3eaef3 Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期二, 04 七月 2023 15:26:32 +0800
Subject: [PATCH] 修改前端页面
---
src/components/page/ticket/index.vue | 64 ++++++++++++++++++++++++--------
1 files changed, 48 insertions(+), 16 deletions(-)
diff --git a/src/components/page/ticket/index.vue b/src/components/page/ticket/index.vue
index e8ab463..283cc32 100644
--- a/src/components/page/ticket/index.vue
+++ b/src/components/page/ticket/index.vue
@@ -1,5 +1,5 @@
<template>
- <div class="mod-config">
+ <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>
@@ -60,18 +60,17 @@
</template>
</el-table-column>
<el-table-column
+ prop="createTime"
+ header-align="center"
+ align="center"
+ label="澶勭綒鏃堕棿">
+ </el-table-column>
+ <el-table-column
prop="carType"
width="90px"
header-align="center"
align="center"
label="杞﹁締绫诲瀷">
- </el-table-column>
- <el-table-column
- prop="color"
- width="90px"
- header-align="center"
- align="center"
- label="杞﹁締棰滆壊">
</el-table-column>
<el-table-column
prop="address"
@@ -86,7 +85,6 @@
align="center"
label="搴旂即閲戦">
</el-table-column>
-
<el-table-column
prop="payStatus"
width="100px"
@@ -120,14 +118,17 @@
label="澶囨敞">
</el-table-column>
<el-table-column
+ width="300px"
fixed="right"
header-align="center"
align="center"
label="鎿嶄綔">
<template slot-scope="scope">
- <el-button type="text" size="small" icon="el-icon-view" @click="addOrUpdateHandle(scope.row.id)">澶勫喅涔�</el-button>
+ <el-button type="text" size="small" icon="el-icon-document" @click="addOrUpdateHandle(scope.row.id)">澶勫喅涔�</el-button>
+ <el-button type="text" size="small" icon="el-icon-document-checked" @click="addOrUpdateHandle2(scope.row)">閫佽揪鍥炶瘉</el-button>
<el-button type="text" size="small" icon="el-icon-view" @click="pictureHandle(scope.row)">鍥惧儚璇佹嵁</el-button>
- <el-button type="text" size="small" icon="el-pay6zhifu" @click="jiaofeiHandle(scope.row.id)">鐜板満缂磋垂</el-button>
+ <el-button v-if="items==2" type="text" size="small" icon="el-icon-delete" @click="onDelete(scope.row.id)">鎾ら攢</el-button>
+<!-- <el-button type="text" size="small" icon="el-pay6zhifu" @click="jiaofeiHandle(scope.row.id)">鐜板満缂磋垂</el-button>-->
</template>
</el-table-column>
</el-table>
@@ -137,6 +138,7 @@
<!-- 寮圭獥, 鏂板 / 淇敼 -->
<table-form v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></table-form>
+ <table-form2 v-if="addOrUpdateVisible2" ref="addOrUpdate2" @refreshDataList="getDataList"></table-form2>
<!--鍥惧儚璇佹嵁-->
<pictureForm v-if="pictureFormVisiable" ref="pictureForm"></pictureForm>
</div>
@@ -144,7 +146,9 @@
<script>
import TableForm from './ticket-form'
+ import TableForm2 from './ticket-form2'
import pictureForm from './picture-form'
+ import {mapState} from 'vuex'
export default {
data () {
return {
@@ -168,11 +172,13 @@
totalPage: 0,
dataListLoading: false,
addOrUpdateVisible: false,
+ addOrUpdateVisible2: false,
pictureFormVisiable:false, //鍥惧儚璇佹嵁寮规
}
},
components: {
TableForm,
+ TableForm2,
pictureForm
},
created () {
@@ -181,7 +187,9 @@
this.tableHeight = window.innerHeight - 255
},
computed: {
-
+ ...mapState({
+ items:'roles'
+ }),
},
methods: {
// 鑾峰彇鏁版嵁鍒楄〃
@@ -193,17 +201,17 @@
this.dataListLoading = false
},
findAllViolation(){
- this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/violationType/findAll', this.formData, res => {
+ this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/violationtype/findAll', this.formData, res => {
this.table1 = res.data;
})
},
onPageSizeChange(val) {
this.pageData.pageSize = val;
- this.loadData();
+ this.getDataList();
},
onCurrentPageChange(val) {
this.pageData.page = val;
- this.loadData();
+ this.getDataList();
},
pictureHandle(data) {
console.log(data,'data=====')
@@ -225,10 +233,34 @@
this.$refs.addOrUpdate.init(id)
})
},
+ // 鏂板 / 淇敼
+ addOrUpdateHandle2 (row) {
+ if(row.personName != null){
+ this.addOrUpdateVisible2 = true
+ this.$nextTick(() => {
+ this.$refs.addOrUpdate2.init(row.id)
+ })
+
+ }else {
+ this.$message.error("澶勫喅涔﹁繕鏈～鍐欙紒")
+ }
+
+ },
//鐜板満缂磋垂
jiaofeiHandle(id){
this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/ticket/jiaofei', {id:id}, res => {
- this.getDataList()
+ if(res.code===0){
+ this.$message.success(res.msg)
+ }else {
+ this.$message.error(res.msg)
+ }
+ })
+ },
+ //鍒犻櫎
+ onDelete(id) {
+ this.$byutil.deleteData(this,this.$systemconfig.basePath+'/ffzf/ticket/delete',{id:id}, res => {
+ this.$message({message: '鎾ら攢鎴愬姛', type: 'success'});
+ this.getDataList();
})
},
}
--
Gitblit v1.9.1