更新

MrShi

2025-03-12 69a1b3bf45738f048361ee4ccb6bdc64fce35720

 admin/src/views/vehicle/driver.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,89 @@
<template>
  <div class="main_app">
    <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear">
    </QueryForm>
    <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe row-key="id" class="mb20" default-expand-all>
      <el-table-column prop="username" label="登录账号" min-width="100"></el-table-column>
      <el-table-column prop="realname" label="姓名" min-width="100"></el-table-column>
      <el-table-column prop="openid" label="微信openid" min-width="100px"></el-table-column>
      <el-table-column prop="createTime" label="创建时间" sortable="custom" sort-by="CREATE_TIME" min-width="140px"></el-table-column>
    </el-table>
    <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" />
  </div>
</template>

<script>
import Pagination from '@/components/common/Pagination'
import QueryForm from '@/components/common/QueryForm'
import { pageDriverList  } from '@/api/system/user.js'
import BaseComputHeight from '@/components/base/BaseComputHeight'
export default {
  extends: BaseComputHeight,
  components: {
    QueryForm,
    Pagination
  },
  data() {
    return {
      filters: {},
      list: [],
      queryFormConfig: {
        formItems: [
          {
            type: 'input',
            filed: 'realname',
            label: '姓名'
          },
          {
            type: 'input',
            filed: 'username',
            label: '手机号'
          },
        ],
        online: true
      },
      pagination: {
        capacity: 10,
        page: 1,
        total: 0,
      },
      loading: false,
    }
  },
  created() {
    this.getList()
  },
  methods: {
    getList(page) {
      const { filters, pagination } = this
      pagination.page = page || pagination.page
      pageDriverList({
        model: {
          ...filters,
           type: 0
        },
        ...pagination
      }).then(res => {
        console.log('res', res)
        this.list = res.records || []
        this.pagination.total = res.total || 0
      })
    },
    clear() {
      this.filters = {}
      this.getList(1)
    },
    handleSizeChange(capacity) {
      this.pagination.capacity = capacity
      this.getList(1)
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-table{
  margin-bottom: 60px;
}

</style>