Merge remote-tracking branch 'origin/master'

jiangping

2024-12-25 9ae3baca4c8730fcc5f7c8daf3b6368cec554ae6

 admin/src/views/vehicle/driver.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,80 @@
<template>
  <div class="main_app">
    <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear">
    </QueryForm>
    <el-table v-loading="loading" :data="list" stripe row-key="id" class="mb20" default-expand-all>
      <el-table-column prop="realname" label="姓名" min-width="100"></el-table-column>
      <el-table-column prop="mobile" label="手机号" min-width="100"></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 { fetchList } from '@/api/system/user.js'
export default {
  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
      fetchList({
        model: {
          ...filters,
           memberType: 0
        },
        ...pagination
      }).then(res => {
        console.log('res', res)
        this.list = res.records || []
        this.pagination.total = res.total || 0
      })
    },
    clear() {
      this.filters = {}
      this.getList(0)
    },
    handleSizeChange(capacity) {
      this.pagination.capacity = capacity
      this.getList(0)
    }
  }
}
</script>

<style lang="scss" scoped></style>