From 9a94659698885764730c5f9f9cf3bb38761c0de8 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 24 十月 2025 14:59:52 +0800
Subject: [PATCH] 页面
---
admin/src/views/operation/serviceCar/driverConfig.vue | 187 ++++++++++++++++++----------------------------
1 files changed, 75 insertions(+), 112 deletions(-)
diff --git a/admin/src/views/operation/serviceCar/driverConfig.vue b/admin/src/views/operation/serviceCar/driverConfig.vue
index 481afc5..14b9188 100644
--- a/admin/src/views/operation/serviceCar/driverConfig.vue
+++ b/admin/src/views/operation/serviceCar/driverConfig.vue
@@ -1,128 +1,91 @@
<template>
- <div class="main_app">
- <QueryForm
- v-model="filters"
- :query-form-config="queryFormConfig"
- @handleQuery="getList(1)"
- @clear="clear"
- />
- <div class="ml20 mt20">
- <el-button type="primary" @click="handleEdit()">娣诲姞</el-button>
- </div>
- <el-table v-loading="loading" :data="list" stripe>
- <el-table-column
- prop="name"
- label="濮撳悕"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鎬у埆"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="缁勭粐"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鎵嬫満鍙�"
- min-width="80"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鎿嶄綔"
- min-width="80"
- show-overflow-tooltip
+ <TableLayout :permissions="['business:member:query']">
+ <!-- 鎼滅储琛ㄥ崟 -->
+ <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="120px" inline>
+ <el-form-item label="鍙告満濮撳悕/鎵嬫満鍙�" prop="memberName">
+ <el-input v-model="searchForm.memberName" clearable 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:cardriver:create','business:cardriver:delete']">
+ <li><el-button type="primary" @click="$refs.OperaCarDriverWindow.open('鏂板缓鍙告満',null,searchForm.type)" icon="el-icon-plus" v-permissions="['business:cardriver:create']">鏂板缓</el-button></li>
+ <li><el-button type="danger" @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:cardriver:delete']">鎵归噺鍒犻櫎</el-button></li>
+ </ul>
+ <el-table
+ :height="tableHeightNew"
+ v-loading="isWorking.search"
+ :data="tableData.list"
+ stripe
+ @selection-change="handleSelectionChange"
>
- <template v-slot="scope">
- <el-button type="text" @click="handleEdit(scope.row)">缂栬緫</el-button>
- <el-button type="text" class="red" @click="handleDel(scope.row)">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
- <pagination
- @size-change="handleSizeChange"
- @current-change="getList"
- :pagination="pagination"
- />
- <el-dialog title="閫夋嫨浜哄憳" :visible.sync="isShowEdit" width="480px">
- <el-form
- :model="param"
- :rules="rules"
- ref="ruleForm"
- label-width="100px"
+ <el-table-column type="selection" width="55"></el-table-column>
+ <el-table-column prop="memberName" label="濮撳悕" min-width="100px"></el-table-column>
+ <el-table-column prop="memberPhone" label="鎵嬫満鍙�" min-width="120px"></el-table-column>
+ <el-table-column prop="memberSex" label="鎬у埆" min-width="100px">
+ <template slot-scope="{row}">
+ <span v-if="row.memberSex == 1">鐢�</span>
+ <span v-if="row.memberSex == 2">濂�</span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="companyName" label="缁勭粐" show-overflow-tooltip min-width="260px"></el-table-column>
+ <el-table-column prop="carCode" label="杞︾墝鍙�" min-width="100px"></el-table-column>
+ <el-table-column prop="editDate" label="鎿嶄綔鏃堕棿" min-width="150px"></el-table-column>
+ <el-table-column
+ v-if="containPermissions(['business:cardriver:update', 'business:cardriver:delete' ])"
+ label="鎿嶄綔"
+ min-width="250"
+ fixed="right"
+ >
+ <template slot-scope="{row}">
+ <el-button type="text" icon="el-icon-edit" @click="$refs.OperaCarDriverWindow.open('缂栬緫鍙告満',row,searchForm.type)" v-permissions="['business:cardriver:update']">缂栬緫</el-button>
+ <el-button type="text" icon="el-icon-delete" @click="deleteById(row)" style="color: red" v-permissions="['business:cardriver:delete']">鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ @size-change="handleSizeChange"
+ @current-change="handlePageChange"
+ :pagination="tableData.pagination"
>
- <el-form-item label="閫夋嫨缁勭粐" prop="name">
- <el-select placeholder="璇烽�夋嫨锛屽崟閫�" class="w300" filterable>
- <el-option></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="閫夋嫨浜哄憳" prop="name">
- <el-select placeholder="璇烽�夋嫨锛屽崟閫�" class="w300" filterable>
- <el-option></el-option>
- </el-select>
- </el-form-item>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="isShowEdit = false">鍙栨秷</el-button>
- <el-button type="primary" @click="isShowEdit = false">纭畾</el-button>
- </span>
- </el-dialog>
- </div>
+ </pagination>
+ </template>
+ <!-- 鏂板缓/淇敼 -->
+ <OperaCarDriverWindow ref="OperaCarDriverWindow" @success="handlePageChange"/>
+ </TableLayout>
</template>
<script>
+import BaseTable from '@/components/base/BaseTable'
+import TableLayout from '@/layouts/TableLayout'
import Pagination from '@/components/common/Pagination'
-import QueryForm from '@/components/common/QueryForm'
+import OperaCarDriverWindow from '@/components/business/OperaCarDriverWindow'
export default {
- components: {
- Pagination,
- QueryForm
- },
+ name: 'areaSet',
+ extends: BaseTable,
+ components: { TableLayout, Pagination, OperaCarDriverWindow },
data () {
return {
- filters: {},
- loading: false,
- queryFormConfig: {
- formItems: [
- {
- filed: 'name',
- type: 'input',
- label: '椹鹃┒鍛樺鍚�'
- }
- ],
- online: true
- },
- pagination: {
- capacity: 10,
- page: 1
- },
- list: [{}],
- total: 0,
- isShowEdit: false,
- param: {},
- rules: {}
+ // 鎼滅储
+ searchForm: {
+ title: ''
+ }
}
},
+ created () {
+ this.config({
+ module: '鍙告満閰嶇疆',
+ api: '/business/carDriver',
+ 'field.id': 'id',
+ 'field.main': 'id'
+ })
+ this.search()
+ },
methods: {
- getList (page) { },
- clear () { },
- handleEdit (row) {
- this.isShowEdit = true
- },
- handleDel () {},
- handleSizeChange (capacity) {
- this.pagination.capacity = capacity
- }
}
}
</script>
-
-<style>
-</style>
--
Gitblit v1.9.3