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