| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328 |
- <%@ page contentType="text/html;charset=UTF-8" language="java" %>
- <html>
- <head>
- <jsp:include page="head.jsp"/>
- <title>领先共享汽车</title>
- </head>
- <body>
- <jsp:include page="contentBefore.jsp"/>
- <template>
- <div class="filters">
- <div class="num"> 共{{totalNumber}}认证</div>
- </div>
- <el-table :data="rows"
- ref="table"
- style="width: 100%"
- element-loading-text="拼命加载中"
- stripe
- v-loading="loading">
- <el-table-column
- type="index"
- width="70"
- align="center">
- </el-table-column>
- <el-table-column
- prop="userId"
- label="用户Id"
- align="center">
- </el-table-column>
- <el-table-column
- prop="isForeign"
- label="是否外籍"
- align="center">
- </el-table-column>
- <el-table-column
- prop="licenseCard"
- label="驾驶证号"
- align="center">
- </el-table-column>
- <el-table-column
- label="驾驶证"
- align="center">
- <template scope="scope">
- <img class="singleImg" :src="scope.row.realLicenseImg">
- </template>
- </el-table-column>
- <el-table-column
- label="驾照状态"
- align="center"
- width="150"
- inline-template >
- <div>
- <el-button v-if="row.licenseStatus==0" size="small" @click="passLicense(row)">通过</el-button>
- <el-button v-if="row.licenseStatus==0" size="small" type="danger" @click="failLicense(row)">失败</el-button>
- <span v-if="row.licenseStatus==1">成功</span>
- <span v-if="row.licenseStatus==2">失败</span>
- </div>
- </el-table-column>
- <el-table-column
- prop="realName"
- label="真实姓名"
- align="center">
- </el-table-column>
- <el-table-column
- prop="idCard"
- label="身份证"
- align="center">
- </el-table-column>
- <el-table-column
- label="身份证正面"
- align="center">
- <template scope="scope">
- <img class="singleImg" :src="scope.row.realIdCardFace">
- </template>
- </el-table-column>
- <el-table-column
- label="身份证背面"
- align="center">
- <template scope="scope">
- <img class="singleImg" :src="scope.row.realIdCardBack">
- </template>
- </el-table-column>
- <el-table-column
- label="身份证状态"
- align="center"
- width="150"
- inline-template >
- <div>
- <el-button v-if="row.idStatus==0" size="small" @click="passId(row)">通过</el-button>
- <el-button v-if="row.idStatus==0" size="small" type="danger" @click="failId(row)">失败</el-button>
- <span v-if="row.idStatus==1">成功</span>
- <span v-if="row.idStatus==2">失败</span>
- </div>
- </el-table-column>
- <el-table-column
- :context="_self"
- width="80"
- inline-template
- label="操作"
- align="center">
- <div>
- <el-button size="small" type="danger" @click="deleteRow(row)">删除</el-button>
- </div>
- </el-table-column>
- </el-table>
- <div class="pagination-wrapper" v-show="!loading">
- <el-pagination layout="sizes, prev, pager, next" :page-size="pageSize" :total="totalNumber"
- :page-size="pageSize"
- :current-page="currentPage" @current-change="pageChange" @size-change="sizeChange">
- </el-pagination>
- </div>
- </template>
- <jsp:include page="contentAfter.jsp"/>
- </body>
- <script>
- new Vue({
- el: '#app',
- created: function () {
- this.getRows();
- },
- data: function () {
- return {
- menu: '16-1',
- user: {
- id: '',
- username: 'admin',
- avatar: ''
- },
- loading: false,
- totalNumber: 0,
- totalPage: 10,
- currentPage: 1,
- pageSize: 20,
- rows: []
- };
- },
- methods: {
- logout: function () {
- this.$confirm('确定要注销吗?', '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'info'
- }).then(function () {
- localStorage.removeItem('user');
- this.$router.push({path: '/login'});
- }.bind(this)).catch(function (e) {
- });
- },
- getRows: function () {
- $.get({
- url: '../authenticationInfo/page',
- data: {
- currentPage: this.currentPage,
- pageNumber: this.pageSize
- }
- }).then(function (res) {
- if (res.success) {
- this.totalNumber = res.data.page.totalNumber;
- this.rows = res.data.pp;
- }
- }.bind(this))
- },
- pageChange: function (page) {
- this.currentPage = page;
- this.getRows();
- },
- sizeChange: function (size) {
- this.pageSize = size;
- this.getRows();
- },
- editRow: function (row) {
- window.location = 'authenticationInfo?id=' + row.id;
- },
- deleteRow: function (row) {
- this.$confirm('确定要删除吗?', '提示', {
- confirmButtonText: '删除',
- cancelButtonText: '取消',
- type: 'warning'
- }).then(function () {
- return $.post({
- url: '../authenticationInfo/del',
- data: {
- id: row.id
- }
- })
- }.bind(this)).then(function (res) {
- if (res.success) {
- this.$message.success('删除成功');
- this.getRows();
- } else {
- this.$message.error('删除失败');
- }
- }.bind(this)).catch(function () {
- });
- },
- create: function () {
- window.location = 'labelInfo';
- },
- passLicense: function (row) {
- this.$confirm('确定要通过驾照吗?', '提示', {
- confirmButtonText: '添加',
- cancelButtonText: '取消',
- type: 'warning'
- }).then(function () {
- return $.post({
- url: '../authenticationInfo/pass',
- data: {
- id : row.id,
- typeFlag : 0,
- }
- })
- }.bind(this)).then(function (res) {
- if (res.success) {
- this.$message.success('成功');
- this.getRows();
- } else {
- this.$message.error('失败');
- }
- }.bind(this)).catch(function () {
- });
- },
- failLicense : function (row) {
- this.$confirm('确定要失败驾照吗?', '提示', {
- confirmButtonText: '添加',
- cancelButtonText: '取消',
- type: 'warning'
- }).then(function () {
- return $.post({
- url: '../authenticationInfo/fail',
- data: {
- id : row.id,
- typeFlag : 0,
- }
- })
- }.bind(this)).then(function (res) {
- if (res.success) {
- this.$message.success('成功');
- this.getRows();
- } else {
- this.$message.error('失败');
- }
- }.bind(this)).catch(function () {
- });
- },
- passId: function (row) {
- this.$confirm('确定要通过身份证吗?', '提示', {
- confirmButtonText: '添加',
- cancelButtonText: '取消',
- type: 'warning'
- }).then(function () {
- return $.post({
- url: '../authenticationInfo/pass',
- data: {
- id : row.id,
- typeFlag : 1,
- }
- })
- }.bind(this)).then(function (res) {
- if (res.success) {
- this.$message.success('成功');
- this.getRows();
- } else {
- this.$message.error('失败');
- }
- }.bind(this)).catch(function () {
- });
- },
- failId: function (row) {
- this.$confirm('确定要失败身份证吗?', '提示', {
- confirmButtonText: '添加',
- cancelButtonText: '取消',
- type: 'warning'
- }).then(function () {
- return $.post({
- url: '../authenticationInfo/fail',
- data: {
- id : row.id,
- typeFlag : 1,
- }
- })
- }.bind(this)).then(function (res) {
- if (res.success) {
- this.$message.success('成功');
- this.getRows();
- } else {
- this.$message.error('失败');
- }
- }.bind(this)).catch(function () {
- });
- },
- }
- })
- </script>
- </html>
|
