From 32d0e82e741bfee3a0a83a712bc0992dedad7b9b Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期一, 27 五月 2024 16:24:57 +0800 Subject: [PATCH] 最新版本 --- admin/src/views/operation/serviceCar/driverConfig.vue | 186 ++++++++++++++++++---------------------------- 1 files changed, 74 insertions(+), 112 deletions(-) diff --git a/admin/src/views/operation/serviceCar/driverConfig.vue b/admin/src/views/operation/serviceCar/driverConfig.vue index 481afc5..3878456 100644 --- a/admin/src/views/operation/serviceCar/driverConfig.vue +++ b/admin/src/views/operation/serviceCar/driverConfig.vue @@ -1,128 +1,90 @@ <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 + 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="150px"></el-table-column> + <el-table-column prop="memberPhone" label="鎵嬫満鍙�" min-width="200px"></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="缁勭粐" 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