|
|
@@ -4,65 +4,182 @@
|
|
|
<div class="center_css">
|
|
|
<div class="top_css">
|
|
|
<el-row>
|
|
|
- <el-col :span="14" style="height: 45px;">
|
|
|
- <!-- <el-button type="primary">添加</el-button> -->
|
|
|
+ <el-col :span="14" style="height: 45px">
|
|
|
+ <!-- <el-button type="primary">添加</el-button> -->
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
<div class="screen">
|
|
|
- <el-input placeholder="可按司机姓名、账号、身份证号查找" v-model="searchkeyWord" clearable></el-input>
|
|
|
- <el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
|
|
|
- src="../../../public/img/sousuo.png" /></el-button><span
|
|
|
- class="count_css">共{{ deptBudgetTotal }}条</span>
|
|
|
+ <el-input
|
|
|
+ placeholder="可按司机姓名、账号、身份证号查找"
|
|
|
+ v-model="searchkeyWord"
|
|
|
+ clearable
|
|
|
+ ></el-input>
|
|
|
+ <el-button class="search" @click="find"
|
|
|
+ ><img
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ style="margin-left: -8px"
|
|
|
+ src="../../../public/img/sousuo.png" /></el-button
|
|
|
+ ><span class="count_css">共{{ deptBudgetTotal }}条</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col>
|
|
|
<div class="search_btn">
|
|
|
- <div :class="search == '' ? 'search' : 'searchNo'" class="search_item search_block"
|
|
|
- @click="searchBtn('')">
|
|
|
+ <div
|
|
|
+ :class="search == '' ? 'search' : 'searchNo'"
|
|
|
+ class="search_item search_block"
|
|
|
+ @click="searchBtn('')"
|
|
|
+ >
|
|
|
全部
|
|
|
</div>
|
|
|
- <div :class="search == 1 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(1)">
|
|
|
+ <div
|
|
|
+ :class="search == 1 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(1)"
|
|
|
+ >
|
|
|
待审核
|
|
|
</div>
|
|
|
- <div :class="search == 2 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(2)">
|
|
|
+ <div
|
|
|
+ :class="search == 2 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(2)"
|
|
|
+ >
|
|
|
已通过
|
|
|
</div>
|
|
|
- <div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
|
|
|
+ <div
|
|
|
+ :class="search == 3 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(3)"
|
|
|
+ >
|
|
|
已驳回
|
|
|
</div>
|
|
|
- <div :class="search == 4 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(4)">
|
|
|
+ <div
|
|
|
+ :class="search == 4 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(4)"
|
|
|
+ >
|
|
|
已过期
|
|
|
</div>
|
|
|
- <div :class="search == 7 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(7)">
|
|
|
- 未认证
|
|
|
- </div>
|
|
|
- <div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
|
|
|
- 已注销
|
|
|
- </div>
|
|
|
- <div :class="search == 6 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(6)">
|
|
|
+ <div
|
|
|
+ :class="search == 7 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(7)"
|
|
|
+ >
|
|
|
+ 未认证
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ :class="search == 5 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(5)"
|
|
|
+ >
|
|
|
+ 已注销
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ :class="search == 6 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(6)"
|
|
|
+ >
|
|
|
已禁用
|
|
|
</div>
|
|
|
- <div :class="search == 8 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(8)">
|
|
|
+ <div
|
|
|
+ :class="search == 8 ? 'search' : 'searchNo'"
|
|
|
+ class="search_item"
|
|
|
+ @click="searchBtn(8)"
|
|
|
+ >
|
|
|
重点关注
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border>
|
|
|
- <el-table-column prop="driverName" label="司机姓名" min-width="130"></el-table-column>
|
|
|
- <el-table-column prop="driverPhone" label="账号" min-width="110"></el-table-column>
|
|
|
- <el-table-column prop="numberCard" label="身份证号" min-width="165"></el-table-column>
|
|
|
- <el-table-column prop="amountMoney" label="承运次数"></el-table-column>
|
|
|
- <el-table-column prop="amountMoney" label="评分" min-width="170">
|
|
|
- <template slot-scope="scope">
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 98%; margin: 0 auto; border-radius: 10px"
|
|
|
+ height="55.8vh"
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="driverName"
|
|
|
+ label="司机姓名"
|
|
|
+ min-width="130"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="driverPhone"
|
|
|
+ label="账号"
|
|
|
+ min-width="110"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="numberCard"
|
|
|
+ label="身份证号"
|
|
|
+ min-width="165"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column prop="shipmentsNumber" label="承运次数">
|
|
|
+ <template scope="scope">
|
|
|
+ {{ scope.row.shipmentsNumber ? scope.row.shipmentsNumber : 0 }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="favorableRate" label="好评率" min-width="170">
|
|
|
+ <!-- <template slot-scope="scope">
|
|
|
<el-rate v-model="scope.row.count" disabled show-score text-color="#ff9900" score-template="{value}">
|
|
|
</el-rate>
|
|
|
+ </template> -->
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="complaintsNumber" label="投诉和举报">
|
|
|
+ <template scope="scope">
|
|
|
+ <span>{{
|
|
|
+ scope.row.complaintsNumber ? scope.row.complaintsNumber : 0
|
|
|
+ }}</span>
|
|
|
+ <el-divider direction="vertical"></el-divider>
|
|
|
+ <span>{{
|
|
|
+ scope.row.reportedNumber ? scope.row.reportedNumber : 0
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="accumulatedFreight"
|
|
|
+ label="累计支付运费(元)"
|
|
|
+ min-width="130"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="advancePayment"
|
|
|
+ label="垫付比例(%)"
|
|
|
+ min-width="100"
|
|
|
+ >
|
|
|
+ <template scope="scope">
|
|
|
+ <div class="input_css">
|
|
|
+ <div style="text-align: center; margin: 0 auto">
|
|
|
+ <span v-if="scope.row.iconShow"
|
|
|
+ >{{
|
|
|
+ scope.row.advancePayment
|
|
|
+ ? scope.row.advancePayment
|
|
|
+ : "暂无"
|
|
|
+ }}{{ scope.row.iconShow }}</span
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-input
|
|
|
+ placeholder="暂无"
|
|
|
+ v-model="scope.row.advancePayment"
|
|
|
+ v-else
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <img
|
|
|
+ src="../../../public/img/edit.png"
|
|
|
+ alt=""
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
+ v-if="scope.row.iconShow"
|
|
|
+ @click="editNumber(scope.row)"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../../public/img/yes.png"
|
|
|
+ alt=""
|
|
|
+ style="width: 20px; height: 20px; margin-top: 4px"
|
|
|
+ v-else
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="amountMoney" label="累计支付运费(元)" min-width="130"></el-table-column>
|
|
|
<el-table-column label="车辆">
|
|
|
<template slot-scope="scope">
|
|
|
<span @click="carLook(scope.row)" class="btn_css">查看</span>
|
|
|
@@ -73,50 +190,101 @@
|
|
|
<span @click="account(scope.row)" class="btn_css">查看</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="paymentDate" label="附件">
|
|
|
- <template slot-scope="scope" style="text-align: center;">
|
|
|
- <span class="btn_css btn_css1" @click="fujianLook(scope.row)">查看</span>
|
|
|
- <el-tooltip placement="top"
|
|
|
- v-if="scope.row.overdueFlag == 1 || scope.row.driverOverdueFlag == 1 || scope.row.drivingOverdueFlag == 1 || scope.row.trailerOverdueFlag == 1 ||scope.row.qualificationOverdueFlag == 1 || scope.row.operationOverdueFlag == 1 ||scope.row.trailerOperationOverdueFlag == 1">
|
|
|
- <div slot="content"><span v-if="scope.row.overdueFlag == 1">身份证已过有效期<br /></span> <span
|
|
|
- v-if="scope.row.driverOverdueFlag == 1">驾驶证已过有效期<br /></span><span
|
|
|
- v-if="scope.row.drivingOverdueFlag == 1">行驶证已过有效期<br /></span><span
|
|
|
- v-if="scope.row.trailerOverdueFlag == 1">挂车行驶证已过有效期<br /></span><span
|
|
|
- v-if="scope.row.qualificationOverdueFlag == 1">从业资格证已过有效期<br /></span><span
|
|
|
- v-if="scope.row.operationOverdueFlag == 1">道路运输证已过有效期<br /></span><span
|
|
|
- v-if="scope.row.trailerOperationOverdueFlag == 1">挂车运输证已过有效期<br /></span></div>
|
|
|
- <span style="margin-top:10px"></span>
|
|
|
- <img src="../../../public/img/wenhao.png" alt="" class="ask_css">
|
|
|
- </el-tooltip>
|
|
|
+ <el-table-column prop="payee" label="账单">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span @click="billLook(scope.row)" class="btn_css">查看</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="createDate" label="注册日期" min-width="100"></el-table-column>
|
|
|
- <el-table-column prop="authenticationStatus" label="状态">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.authenticationStatus == '待审核'" class=""></span>
|
|
|
+ <el-table-column prop="paymentDate" label="附件">
|
|
|
+ <template slot-scope="scope" style="text-align: center">
|
|
|
+ <span class="btn_css btn_css1" @click="fujianLook(scope.row)"
|
|
|
+ >查看</span
|
|
|
+ >
|
|
|
+ <el-tooltip
|
|
|
+ placement="top"
|
|
|
+ v-if="
|
|
|
+ scope.row.overdueFlag == 1 ||
|
|
|
+ scope.row.driverOverdueFlag == 1 ||
|
|
|
+ scope.row.drivingOverdueFlag == 1 ||
|
|
|
+ scope.row.trailerOverdueFlag == 1 ||
|
|
|
+ scope.row.qualificationOverdueFlag == 1 ||
|
|
|
+ scope.row.operationOverdueFlag == 1 ||
|
|
|
+ scope.row.trailerOperationOverdueFlag == 1
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div slot="content">
|
|
|
+ <span v-if="scope.row.overdueFlag == 1"
|
|
|
+ >身份证已过有效期<br
|
|
|
+ /></span>
|
|
|
+ <span v-if="scope.row.driverOverdueFlag == 1"
|
|
|
+ >驾驶证已过有效期<br /></span
|
|
|
+ ><span v-if="scope.row.qualificationOverdueFlag == 1"
|
|
|
+ >从业资格证已过有效期<br
|
|
|
+ /></span>
|
|
|
+ </div>
|
|
|
+ <span style="margin-top: 10px"></span>
|
|
|
+ <img
|
|
|
+ src="../../../public/img/wenhao.png"
|
|
|
+ alt=""
|
|
|
+ class="ask_css"
|
|
|
+ />
|
|
|
+ </el-tooltip>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="createDate"
|
|
|
+ label="注册日期"
|
|
|
+ min-width="100"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="authenticationStatus"
|
|
|
+ label="状态"
|
|
|
+ ></el-table-column>
|
|
|
<el-table-column label="操作" min-width="300">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-link target="_blank" @click="adopt(scope.row)" type="primary" :underline="false"
|
|
|
- :disabled="scope.row.authenticationStatus != '审核中'">通过</el-link>
|
|
|
+ <el-link
|
|
|
+ target="_blank"
|
|
|
+ @click="adopt(scope.row)"
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ :disabled="scope.row.authenticationStatus != '审核中'"
|
|
|
+ >通过</el-link
|
|
|
+ >
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
|
- <el-link target="_blank" @click="reject(scope.row)" type="primary" :underline="false"
|
|
|
- :disabled="scope.row.authenticationStatus != '审核中'">驳回</el-link>
|
|
|
+ <el-link
|
|
|
+ target="_blank"
|
|
|
+ @click="reject(scope.row)"
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ :disabled="scope.row.authenticationStatus != '审核中'"
|
|
|
+ >驳回</el-link
|
|
|
+ >
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
|
- <el-link target="_blank" @click="newInfo(scope.row)" type="primary" :underline="false"
|
|
|
- :disabled="scope.row.authenticationStatus == '审核中'">消息</el-link>
|
|
|
+ <el-link
|
|
|
+ target="_blank"
|
|
|
+ @click="newInfo(scope.row)"
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ :disabled="scope.row.authenticationStatus == '审核中'"
|
|
|
+ >消息</el-link
|
|
|
+ >
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
|
<el-dropdown>
|
|
|
<span class="btn_css">•••</span>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
<el-dropdown-item
|
|
|
- :disabled="scope.row.authenticationStatus == '已禁用' && scope.row.authenticationStatus != '审核中'"><span
|
|
|
- @click="switchChange(scope.row,'1')">禁用</span>
|
|
|
+ :disabled="
|
|
|
+ scope.row.authenticationStatus == '已禁用' &&
|
|
|
+ scope.row.authenticationStatus != '审核中'
|
|
|
+ "
|
|
|
+ ><span @click="switchChange(scope.row, '1')">禁用</span>
|
|
|
</el-dropdown-item>
|
|
|
<el-dropdown-item
|
|
|
- :disabled="scope.row.authenticationStatus != '已禁用' && scope.row.authenticationStatus != '审核中'"><span
|
|
|
- @click="switchChange(scope.row,'2')">启用</span>
|
|
|
+ :disabled="
|
|
|
+ scope.row.authenticationStatus != '已禁用' &&
|
|
|
+ scope.row.authenticationStatus != '审核中'
|
|
|
+ "
|
|
|
+ ><span @click="switchChange(scope.row, '2')">启用</span>
|
|
|
</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
@@ -124,59 +292,159 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
- style="text-align: center; margin-top: 10px" :page-size="deptCircularPage.pageSize"
|
|
|
- layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ style="text-align: center; margin-top: 10px"
|
|
|
+ :page-size="deptCircularPage.pageSize"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="deptBudgetTotal"
|
|
|
+ >
|
|
|
</el-pagination>
|
|
|
- <el-dialog title="车辆信息" :visible.sync="carInfo" width="500px" :before-close="carClose">
|
|
|
+ <el-dialog
|
|
|
+ title="车辆信息"
|
|
|
+ :visible.sync="carInfo"
|
|
|
+ width="500px"
|
|
|
+ :before-close="carClose"
|
|
|
+ >
|
|
|
+ <span v-if="carSee.length == 0"></span>
|
|
|
<span class="tips">注：车辆信息不在本页面审核，仅供查看</span>
|
|
|
- <div class="car_css" v-for="(item,index) in carSee" :key="index">
|
|
|
+ <div class="car_css" v-for="(item, index) in carSee" :key="index">
|
|
|
<img :src="item.addressUrl" class="car_item" />
|
|
|
- <div class="status_css" v-if="item.status == '审核中'" style="color: #2F53EB; background: #CFDBFE ;">
|
|
|
- {{item.status}}
|
|
|
+ <div
|
|
|
+ class="status_css"
|
|
|
+ v-if="item.status == '审核中'"
|
|
|
+ style="color: #2f53eb; background: #cfdbfe"
|
|
|
+ >
|
|
|
+ {{ item.status }}
|
|
|
</div>
|
|
|
- <div class="status_css" v-else-if="item.status == '已通过'" style="color: #3AC602; background: #EEFAEA;">
|
|
|
- {{item.status}}
|
|
|
+ <div
|
|
|
+ class="status_css"
|
|
|
+ v-else-if="item.status == '已通过'"
|
|
|
+ style="color: #3ac602; background: #eefaea"
|
|
|
+ >
|
|
|
+ {{ item.status }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="status_css"
|
|
|
+ v-else
|
|
|
+ style="color: #f53f3f; background: #ffeff0"
|
|
|
+ >
|
|
|
+ {{ item.status }}
|
|
|
</div>
|
|
|
- <div class="status_css" v-else style="color: #F53F3F; background: #FFEFF0 ;">{{item.status}}</div>
|
|
|
<div class="carno_css">
|
|
|
- {{item.carNumber}}
|
|
|
+ {{ item.carNumber }}
|
|
|
</div>
|
|
|
<div class="carborder_css"></div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="账户信息" :visible.sync="userInfo" width="500px" :before-close="userClose">
|
|
|
- <div class="user" v-for="(item,index) in paySee" :key="index">
|
|
|
- <div class="name_css">{{item.payeeName}}</div>
|
|
|
- <div class="id_css">{{item.bankCard}}</div>
|
|
|
- <div class="pay_name">{{item.bankDepositBranch}}</div>
|
|
|
+ <el-dialog
|
|
|
+ title="账户信息"
|
|
|
+ :visible.sync="userInfo"
|
|
|
+ width="500px"
|
|
|
+ :before-close="userClose"
|
|
|
+ >
|
|
|
+ <div class="user" v-for="(item, index) in paySee" :key="index">
|
|
|
+ <div class="name_css">{{ item.payeeName }}</div>
|
|
|
+ <div class="id_css">{{ item.bankCard }}</div>
|
|
|
+ <div class="pay_name">{{ item.bankDepositBranch }}</div>
|
|
|
<img :src="item.payeeAddressUrl" class="user_item" />
|
|
|
<div class="border_css"></div>
|
|
|
</div>
|
|
|
+ <div v-if="paySee.length == 0">暂无账户信息</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="附件" :visible.sync="fujianInfo" width="830px" :before-close="fujianClose">
|
|
|
+ <!-- 账单 -->
|
|
|
+ <el-dialog
|
|
|
+ title="账单"
|
|
|
+ :visible.sync="billShow"
|
|
|
+ width="500px"
|
|
|
+ :before-close="billClose"
|
|
|
+ >
|
|
|
+ <div style="height: 450px" class="bill_css">
|
|
|
+ <div class="user" v-for="(item, index) in billInfo" :key="index">
|
|
|
+ <div class="flex">
|
|
|
+ <div>订单编号：{{ item.orderNo }}</div>
|
|
|
+ <div>{{ item.types }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="flex">
|
|
|
+ <div>{{ item.updateDate }}</div>
|
|
|
+ <div>{{ item.amountMoney }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-show="billInfo.length == 0">暂无账单信息</div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ title="附件"
|
|
|
+ :visible.sync="fujianInfo"
|
|
|
+ width="830px"
|
|
|
+ :before-close="fujianClose"
|
|
|
+ >
|
|
|
<div class="file">
|
|
|
<div class="fujian_css">
|
|
|
- <div class="fujian_item" :class="count == 1 ? 'file_btn':''" @click="btnChange(1)">身份证</div>
|
|
|
- <div class="fujian_item" :class="count == 2 ? 'file_btn':''" @click="btnChange(2)">驾驶证</div>
|
|
|
- <div class="fujian_item" :class="count == 3 ? 'file_btn':''" @click="btnChange(3)">行驶证</div>
|
|
|
- <div class="fujian_item" :class="count == 4 ? 'file_btn':''" @click="btnChange(4)">从业资格证</div>
|
|
|
- <div class="fujian_item" :class="count == 5 ? 'file_btn':''" @click="btnChange(5)">挂车行驶证</div>
|
|
|
- <div class="fujian_item" :class="count == 6 ? 'file_btn':''" @click="btnChange(6)">运营证</div>
|
|
|
- <div class="fujian_item" :class="count == 7 ? 'file_btn':''" @click="btnChange(7)">挂车运营证</div>
|
|
|
+ <div
|
|
|
+ class="fujian_item"
|
|
|
+ :class="count == 1 ? 'file_btn' : ''"
|
|
|
+ @click="btnChange(1)"
|
|
|
+ >
|
|
|
+ 身份证
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="fujian_item"
|
|
|
+ :class="count == 2 ? 'file_btn' : ''"
|
|
|
+ @click="btnChange(2)"
|
|
|
+ >
|
|
|
+ 驾驶证
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="fujian_item"
|
|
|
+ :class="count == 3 ? 'file_btn' : ''"
|
|
|
+ @click="btnChange(3)"
|
|
|
+ >
|
|
|
+ 行驶证
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="fujian_item"
|
|
|
+ :class="count == 4 ? 'file_btn' : ''"
|
|
|
+ @click="btnChange(4)"
|
|
|
+ >
|
|
|
+ 从业资格证
|
|
|
+ </div>
|
|
|
+ <!-- <div class="fujian_item" :class="count == 5 ? 'file_btn' : ''" @click="btnChange(5)">
|
|
|
+ 挂车行驶证
|
|
|
+ </div>
|
|
|
+ <div class="fujian_item" :class="count == 6 ? 'file_btn' : ''" @click="btnChange(6)">
|
|
|
+ 运营证
|
|
|
+ </div>
|
|
|
+ <div class="fujian_item" :class="count == 7 ? 'file_btn' : ''" @click="btnChange(7)">
|
|
|
+ 挂车运营证
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<div class="file_img">
|
|
|
- <img :src="img[index]" class="img_css">
|
|
|
+ <img :src="img[index]" class="img_css" />
|
|
|
</div>
|
|
|
<div class="btn">
|
|
|
- <el-button style="margin-right: 120px;" @click="index = 0"
|
|
|
- v-if="count == 1 || count == 2 || count == 3 || count == 5">{{abilityName}}</el-button>
|
|
|
- <el-button @click="index = 1" v-if="count == 1 || count == 2 || count == 3 || count == 5">{{abilityName1}}
|
|
|
+ <el-button
|
|
|
+ style="margin-right: 120px"
|
|
|
+ @click="index = 0"
|
|
|
+ v-if="count == 1 || count == 2 || count == 3 || count == 5"
|
|
|
+ >{{ abilityName }}</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ @click="index = 1"
|
|
|
+ v-if="count == 1 || count == 2 || count == 3 || count == 5"
|
|
|
+ >{{ abilityName1 }}
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
|
|
|
+ <el-dialog
|
|
|
+ title="驳回认证"
|
|
|
+ :visible.sync="rejectInfo"
|
|
|
+ width="400px"
|
|
|
+ :before-close="rejectClose"
|
|
|
+ >
|
|
|
<div>
|
|
|
<div><span class="sign">*</span>选择驳回原因</div>
|
|
|
<div class="form_css">
|
|
|
@@ -188,9 +456,15 @@
|
|
|
<el-checkbox label="证件信息填写错误" value="4"></el-checkbox>
|
|
|
<el-checkbox label="其他" value="5"></el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
- <div style="margin: 20px 0;">驳回原因描述（选填）</div>
|
|
|
- <el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，1-100个字"
|
|
|
- v-model="form.rejectReasonDescription" maxlength="100"></el-input>
|
|
|
+ <div style="margin: 20px 0">驳回原因描述（选填）</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ resize="none"
|
|
|
+ placeholder="输入驳回原因，1-100个字"
|
|
|
+ v-model="form.rejectReasonDescription"
|
|
|
+ maxlength="100"
|
|
|
+ ></el-input>
|
|
|
<div class="form_btn">
|
|
|
<el-button @click="rejectClose">取消</el-button>
|
|
|
<el-button @click="submit" type="primary">确定</el-button>
|
|
|
@@ -200,16 +474,31 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- //消息 -->
|
|
|
- <el-dialog title="发送信息" :visible.sync="sendInfo" width="400px" :before-close="sendInfoClose">
|
|
|
+ <el-dialog
|
|
|
+ title="发送信息"
|
|
|
+ :visible.sync="sendInfo"
|
|
|
+ width="400px"
|
|
|
+ :before-close="sendInfoClose"
|
|
|
+ >
|
|
|
<div class="Info_css">
|
|
|
<div class="Info_title">标题</div>
|
|
|
<div class="Info_item">
|
|
|
- <el-input placeholder="输入消息标题，不超过4-20个字。" v-model="Info.newsTitle" maxlength="20"></el-input>
|
|
|
+ <el-input
|
|
|
+ placeholder="输入消息标题，不超过4-20个字。"
|
|
|
+ v-model="Info.newsTitle"
|
|
|
+ maxlength="20"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
<div class="Info_title">内容</div>
|
|
|
<div class="Info_item">
|
|
|
- <el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="100"
|
|
|
- v-model="Info.newsContent"></el-input>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ resize="none"
|
|
|
+ placeholder="消息内容10-100字"
|
|
|
+ maxlength="100"
|
|
|
+ v-model="Info.newsContent"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
<div class="Info_btn">
|
|
|
<el-button @click="sendInfoClose">取消</el-button>
|
|
|
@@ -220,577 +509,624 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import {
|
|
|
- getList,
|
|
|
- toExamine,
|
|
|
- postNews
|
|
|
- } from '@/api/driverManagement'
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- tableData: [],
|
|
|
- //分页
|
|
|
- searchkeyWord: "",
|
|
|
- currentPage: 1,
|
|
|
- pageSize: 10,
|
|
|
- deptBudgetTotal: 0,
|
|
|
- deptCircularPage: {},
|
|
|
- search: "",
|
|
|
- addressUrl: [],
|
|
|
- disabled: false,
|
|
|
- carInfo: false,
|
|
|
- userInfo: false,
|
|
|
- fujianInfo: false,
|
|
|
- rejectInfo: false,
|
|
|
- form: {
|
|
|
- id: "",
|
|
|
- rejectReasonDescription: "",
|
|
|
- },
|
|
|
- checkList: [],
|
|
|
- carSee: [],
|
|
|
- paySee: [],
|
|
|
- sendInfo: false,
|
|
|
- Info: {},
|
|
|
- file: {},
|
|
|
- img: [],
|
|
|
- index: '0',
|
|
|
- count: '1',
|
|
|
- abilityName: '身份证人像面',
|
|
|
- abilityName1: '身份证国徽面',
|
|
|
- };
|
|
|
- },
|
|
|
-
|
|
|
- mounted() {
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getList() {
|
|
|
- this.listLoading = true
|
|
|
- let _obj = {}
|
|
|
- _obj.currentPage = this.currentPage
|
|
|
- _obj.pageSize = this.pageSize
|
|
|
- _obj.searchKeyWord = this.searchkeyWord
|
|
|
- _obj.searchType = this.search
|
|
|
- getList(_obj).then(response => {
|
|
|
- this.tableData = response.data.records
|
|
|
- this.deptBudgetTotal = response.data.total
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
+import { getList, toExamine, postNews, billSee } from "@/api/driverManagement";
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [],
|
|
|
+ //分页
|
|
|
+ searchkeyWord: "",
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ deptBudgetTotal: 0,
|
|
|
+ deptCircularPage: {},
|
|
|
+ search: "",
|
|
|
+ addressUrl: [],
|
|
|
+ disabled: false,
|
|
|
+ carInfo: false,
|
|
|
+ userInfo: false,
|
|
|
+ fujianInfo: false,
|
|
|
+ rejectInfo: false,
|
|
|
+ form: {
|
|
|
+ id: "",
|
|
|
+ rejectReasonDescription: "",
|
|
|
},
|
|
|
- btnChange(num) {
|
|
|
- this.count = num
|
|
|
- if (num == 1) {
|
|
|
- this.abilityName = '身份证人像面'
|
|
|
- this.abilityName1 = '身份证国徽面'
|
|
|
- this.img[0] = this.file.cardAddressUrl
|
|
|
- this.img[1] = this.file.cardBackAddressUrl
|
|
|
- } else if (num == 2) {
|
|
|
- this.abilityName = '驾驶证主页'
|
|
|
- this.abilityName1 = '驾驶证副页'
|
|
|
- this.img[0] = this.file.driverLicenseHomePage
|
|
|
- this.img[1] = this.file.driverLicenseBackPage
|
|
|
- } else if (num == 3) {
|
|
|
- this.abilityName = '行驶证主页'
|
|
|
- this.abilityName1 = '行驶证副页'
|
|
|
- this.img[0] = this.file.drivingLicenseHomePage
|
|
|
- this.img[1] = this.file.drivingLicenseBackPage
|
|
|
- } else if (num == 4) {
|
|
|
- this.index = 0
|
|
|
- this.img[0] = this.file.qualificationCertificate
|
|
|
- } else if (num == 5) {
|
|
|
- this.abilityName = '挂车行驶证主页'
|
|
|
- this.abilityName1 = '挂车行驶证副页'
|
|
|
- this.img[0] = this.file.trailerLicenseHomePage
|
|
|
- this.img[1] = this.file.trailerLicenseBackPage
|
|
|
- } else if (num == 6) {
|
|
|
- this.index = 0
|
|
|
- this.img[0] = this.file.operationCertificate
|
|
|
- } else if (num == 7) {
|
|
|
- this.index = 0
|
|
|
- this.img[0] = this.file.trailerOperationCertificate
|
|
|
- }
|
|
|
+ checkList: [],
|
|
|
+ carSee: [],
|
|
|
+ paySee: [],
|
|
|
+ sendInfo: false,
|
|
|
+ Info: {},
|
|
|
+ file: {},
|
|
|
+ img: [],
|
|
|
+ index: "0",
|
|
|
+ count: "1",
|
|
|
+ abilityName: "身份证人像面",
|
|
|
+ abilityName1: "身份证国徽面",
|
|
|
+ billInfo: [], //账单
|
|
|
+ billShow: false,
|
|
|
+ iconShow: true,
|
|
|
+ };
|
|
|
+ },
|
|
|
|
|
|
- },
|
|
|
- newInfo(row) {
|
|
|
- this.Info.newsTypeKey = 1
|
|
|
- this.Info.newsType = "系统消息"
|
|
|
- this.Info.crtCommonId = JSON.parse(localStorage.getItem('UserInfo')).userId
|
|
|
- this.Info.reCommonId = row.commonId
|
|
|
- this.Info.bussId = row.id
|
|
|
- this.sendInfo = true
|
|
|
- },
|
|
|
- sendInfoClose() {
|
|
|
- this.Info = {}
|
|
|
- this.sendInfo = false
|
|
|
- },
|
|
|
- submitInfo() {
|
|
|
- if (!this.Info.newsTitle) {
|
|
|
- this.$message.error("标题不能为空")
|
|
|
- return
|
|
|
- }
|
|
|
- if (!this.Info.newsContent) {
|
|
|
- this.$message.error("消息内容不能为空")
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.Info.newsTitle.length < 4 || this.Info.newsTitle.length > 20) {
|
|
|
- this.$message.error("标题字数应在4-20之间")
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.Info.newsContent.length < 10 || this.Info.newsContent.length > 100) {
|
|
|
- this.$message.error("消息内容字数应在10-100之间")
|
|
|
- return
|
|
|
- }
|
|
|
- this.listLoading = true
|
|
|
- postNews(this.Info).then(response => {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '发送成功！',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- this.sendInfoClose()
|
|
|
- this.listLoading = false
|
|
|
+ mounted() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ editNumber(item) {
|
|
|
+ item.iconShow = false
|
|
|
+ // for (let i = 0; i < this.tableData.length; i++) {
|
|
|
+ // if (this.tableData[i].id == item.id) {
|
|
|
+ // this.tableData[i].iconShow = false;
|
|
|
+ // this.$forceUpdate();
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ billLook(val) {
|
|
|
+ this.listLoading = true;
|
|
|
+ console.log(val.commonId);
|
|
|
+ billSee({
|
|
|
+ commonId: val.commonId,
|
|
|
+ })
|
|
|
+ .then((response) => {
|
|
|
+ this.billInfo = response.data;
|
|
|
+ this.listLoading = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ this.billShow = true;
|
|
|
+ },
|
|
|
+ billClose() {
|
|
|
+ this.billShow = false;
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ this.listLoading = true;
|
|
|
+ let _obj = {};
|
|
|
+ _obj.currentPage = this.currentPage;
|
|
|
+ _obj.pageSize = this.pageSize;
|
|
|
+ _obj.searchKeyWord = this.searchkeyWord;
|
|
|
+ _obj.searchType = this.search;
|
|
|
+ getList(_obj)
|
|
|
+ .then((response) => {
|
|
|
+ this.tableData = response.data.records;
|
|
|
+ for (let i = 0; i < this.tableData.length; i++) {
|
|
|
+ this.tableData[i].iconShow = true;
|
|
|
+ }
|
|
|
+ this.deptBudgetTotal = response.data.total;
|
|
|
+ this.listLoading = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ btnChange(num) {
|
|
|
+ this.count = num;
|
|
|
+ if (num == 1) {
|
|
|
+ this.abilityName = "身份证人像面";
|
|
|
+ this.abilityName1 = "身份证国徽面";
|
|
|
+ this.img[0] = this.file.cardAddressUrl;
|
|
|
+ this.img[1] = this.file.cardBackAddressUrl;
|
|
|
+ } else if (num == 2) {
|
|
|
+ this.abilityName = "驾驶证主页";
|
|
|
+ this.abilityName1 = "驾驶证副页";
|
|
|
+ this.img[0] = this.file.driverLicenseHomePage;
|
|
|
+ this.img[1] = this.file.driverLicenseBackPage;
|
|
|
+ } else if (num == 3) {
|
|
|
+ this.abilityName = "行驶证主页";
|
|
|
+ this.abilityName1 = "行驶证副页";
|
|
|
+ this.img[0] = this.file.drivingLicenseHomePage;
|
|
|
+ this.img[1] = this.file.drivingLicenseBackPage;
|
|
|
+ } else if (num == 4) {
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.qualificationCertificate;
|
|
|
+ } else if (num == 5) {
|
|
|
+ this.abilityName = "挂车行驶证主页";
|
|
|
+ this.abilityName1 = "挂车行驶证副页";
|
|
|
+ this.img[0] = this.file.trailerLicenseHomePage;
|
|
|
+ this.img[1] = this.file.trailerLicenseBackPage;
|
|
|
+ } else if (num == 6) {
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.operationCertificate;
|
|
|
+ } else if (num == 7) {
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.trailerOperationCertificate;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ newInfo(row) {
|
|
|
+ this.Info.newsTypeKey = 1;
|
|
|
+ this.Info.newsType = "系统消息";
|
|
|
+ this.Info.crtCommonId = JSON.parse(
|
|
|
+ localStorage.getItem("UserInfo")
|
|
|
+ ).userId;
|
|
|
+ this.Info.reCommonId = row.commonId;
|
|
|
+ this.Info.bussId = row.id;
|
|
|
+ this.sendInfo = true;
|
|
|
+ },
|
|
|
+ sendInfoClose() {
|
|
|
+ this.Info = {};
|
|
|
+ this.sendInfo = false;
|
|
|
+ },
|
|
|
+ submitInfo() {
|
|
|
+ if (!this.Info.newsTitle) {
|
|
|
+ this.$message.error("标题不能为空");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.Info.newsContent) {
|
|
|
+ this.$message.error("消息内容不能为空");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.Info.newsTitle.length < 4 || this.Info.newsTitle.length > 20) {
|
|
|
+ this.$message.error("标题字数应在4-20之间");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.Info.newsContent.length < 10 ||
|
|
|
+ this.Info.newsContent.length > 100
|
|
|
+ ) {
|
|
|
+ this.$message.error("消息内容字数应在10-100之间");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.listLoading = true;
|
|
|
+ postNews(this.Info)
|
|
|
+ .then((response) => {
|
|
|
+ this.$notify({
|
|
|
+ title: "成功",
|
|
|
+ message: "发送成功！",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.sendInfoClose();
|
|
|
+ this.listLoading = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ switchChange(row, num) {
|
|
|
+ var _examine = {};
|
|
|
+ _examine.id = row.id;
|
|
|
+ let title;
|
|
|
+ if (num == 1) {
|
|
|
+ _examine.flag = 3;
|
|
|
+ title = "禁用后客户将无法使用所有功能，是否确定禁用？";
|
|
|
+ } else if (num == 2) {
|
|
|
+ title = "确定重新启用该用户？";
|
|
|
+ _examine.flag = 4;
|
|
|
+ }
|
|
|
+ this.$confirm(title, "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }).then(() => {
|
|
|
+ this.listLoading = true;
|
|
|
+ toExamine(_examine)
|
|
|
+ .then((response) => {
|
|
|
+ if (num == 1) {
|
|
|
+ this.$notify({
|
|
|
+ title: "成功",
|
|
|
+ message: "禁用成功！",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ } else if (num == 2) {
|
|
|
+ this.$notify({
|
|
|
+ title: "成功",
|
|
|
+ message: "启用成功！",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.getList();
|
|
|
+ this.listLoading = false;
|
|
|
})
|
|
|
.catch(() => {
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- },
|
|
|
- switchChange(row, num) {
|
|
|
- var _examine = {}
|
|
|
- _examine.id = row.id
|
|
|
- let title
|
|
|
- if (num == 1) {
|
|
|
- _examine.flag = 3
|
|
|
- title = "禁用后客户将无法使用所有功能，是否确定禁用？"
|
|
|
- } else if (num == 2) {
|
|
|
- title = "确定重新启用该用户？"
|
|
|
- _examine.flag = 4
|
|
|
- }
|
|
|
- this.$confirm(title, '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.listLoading = true
|
|
|
- toExamine(_examine).then(response => {
|
|
|
- if (num == 1) {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '禁用成功！',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- } else if (num == 2) {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '启用成功！',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- }
|
|
|
- this.getList()
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- account(row) {
|
|
|
- this.paySee = row.driverPayeeInfoList
|
|
|
- this.userInfo = true;
|
|
|
- },
|
|
|
- fujianLook(row) {
|
|
|
- this.file = row
|
|
|
- this.index = 0
|
|
|
- this.img[0] = this.file.cardAddressUrl
|
|
|
- this.img[1] = this.file.cardBackAddressUrl
|
|
|
- this.fujianInfo = true
|
|
|
- },
|
|
|
- userClose() {
|
|
|
- this.userInfo = false;
|
|
|
- },
|
|
|
- fujianClose() {
|
|
|
- this.count = 1
|
|
|
- this.fujianInfo = false
|
|
|
- },
|
|
|
- carLook(row) {
|
|
|
- this.carSee = row.driverCarInfoList
|
|
|
- this.carInfo = true;
|
|
|
- },
|
|
|
- carClose() {
|
|
|
- this.carInfo = false;
|
|
|
- },
|
|
|
- searchBtn(num) {
|
|
|
- this.search = num;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- find() {
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- adopt(row) {
|
|
|
- this.$confirm('确定通过身份审核？', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.listLoading = true
|
|
|
- var _examine = {}
|
|
|
- _examine.id = row.id
|
|
|
- _examine.flag = 1
|
|
|
- toExamine(_examine).then(response => {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '通过成功！',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- this.rejectInfo = false
|
|
|
- this.getList()
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- submit() {
|
|
|
- if (this.checkList.length == 0) {
|
|
|
- this.$message.error("请选择驳回原因")
|
|
|
- return
|
|
|
- }
|
|
|
- this.listLoading = true
|
|
|
- this.form.rejectReason = this.checkList.toString()
|
|
|
- // delete this.form.checkList
|
|
|
- toExamine(this.form).then(response => {
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ account(row) {
|
|
|
+ this.paySee = row.driverPayeeInfoList;
|
|
|
+ this.userInfo = true;
|
|
|
+ },
|
|
|
+ fujianLook(row) {
|
|
|
+ this.file = row;
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.cardAddressUrl;
|
|
|
+ this.img[1] = this.file.cardBackAddressUrl;
|
|
|
+ this.fujianInfo = true;
|
|
|
+ },
|
|
|
+ userClose() {
|
|
|
+ this.userInfo = false;
|
|
|
+ },
|
|
|
+ fujianClose() {
|
|
|
+ this.count = 1;
|
|
|
+ this.fujianInfo = false;
|
|
|
+ },
|
|
|
+ carLook(row) {
|
|
|
+ this.carSee = row.driverCarInfoList;
|
|
|
+ this.carInfo = true;
|
|
|
+ },
|
|
|
+ carClose() {
|
|
|
+ this.carInfo = false;
|
|
|
+ },
|
|
|
+ searchBtn(num) {
|
|
|
+ this.search = num;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ find() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ adopt(row) {
|
|
|
+ this.$confirm("确定通过身份审核？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }).then(() => {
|
|
|
+ this.listLoading = true;
|
|
|
+ var _examine = {};
|
|
|
+ _examine.id = row.id;
|
|
|
+ _examine.flag = 1;
|
|
|
+ toExamine(_examine)
|
|
|
+ .then((response) => {
|
|
|
this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '驳回成功！',
|
|
|
- type: 'success'
|
|
|
+ title: "成功",
|
|
|
+ message: "通过成功！",
|
|
|
+ type: "success",
|
|
|
});
|
|
|
- this.checkList = []
|
|
|
- this.form = {}
|
|
|
- this.rejectInfo = false
|
|
|
- this.getList()
|
|
|
- this.listLoading = false
|
|
|
+ this.rejectInfo = false;
|
|
|
+ this.getList();
|
|
|
+ this.listLoading = false;
|
|
|
})
|
|
|
.catch(() => {
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- },
|
|
|
- reject(row) {
|
|
|
- this.form.id = row.id
|
|
|
- this.form.flag = 2
|
|
|
- this.rejectInfo = true
|
|
|
- },
|
|
|
- rejectClose() {
|
|
|
- this.checkList = []
|
|
|
- this.form = {}
|
|
|
- this.rejectInfo = false
|
|
|
- },
|
|
|
- // onChange() {
|
|
|
- // this.$refs.upload
|
|
|
- // .handleSaveBill()
|
|
|
- // .then(async (response) => {
|
|
|
- // this.formData.addressUrl = response;
|
|
|
- // })
|
|
|
- // .catch((res) => {
|
|
|
- // EventBus.$emit("error", (JSON.parse(res) || {}).message);
|
|
|
- // this.$refs.upload.clearFiles();
|
|
|
- // });
|
|
|
- // },
|
|
|
- handleSizeChange(val) {
|
|
|
- console.log(`每页 ${val} 条`);
|
|
|
- this.pageSize = val;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.currentPage = val;
|
|
|
- console.log(`当前页: ${val}`);
|
|
|
- this.getList();
|
|
|
- },
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ submit() {
|
|
|
+ if (this.checkList.length == 0) {
|
|
|
+ this.$message.error("请选择驳回原因");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.listLoading = true;
|
|
|
+ this.form.rejectReason = this.checkList.toString();
|
|
|
+ // delete this.form.checkList
|
|
|
+ toExamine(this.form)
|
|
|
+ .then((response) => {
|
|
|
+ this.$notify({
|
|
|
+ title: "成功",
|
|
|
+ message: "驳回成功！",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.checkList = [];
|
|
|
+ this.form = {};
|
|
|
+ this.rejectInfo = false;
|
|
|
+ this.getList();
|
|
|
+ this.listLoading = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ reject(row) {
|
|
|
+ this.form.id = row.id;
|
|
|
+ this.form.flag = 2;
|
|
|
+ this.rejectInfo = true;
|
|
|
},
|
|
|
- };
|
|
|
+ rejectClose() {
|
|
|
+ this.checkList = [];
|
|
|
+ this.form = {};
|
|
|
+ this.rejectInfo = false;
|
|
|
+ },
|
|
|
+ // onChange() {
|
|
|
+ // this.$refs.upload
|
|
|
+ // .handleSaveBill()
|
|
|
+ // .then(async (response) => {
|
|
|
+ // this.formData.addressUrl = response;
|
|
|
+ // })
|
|
|
+ // .catch((res) => {
|
|
|
+ // EventBus.$emit("error", (JSON.parse(res) || {}).message);
|
|
|
+ // this.$refs.upload.clearFiles();
|
|
|
+ // });
|
|
|
+ // },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ console.log(`每页 ${val} 条`);
|
|
|
+ this.pageSize = val;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val;
|
|
|
+ console.log(`当前页: ${val}`);
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
- .center {
|
|
|
- padding: 10px 20px;
|
|
|
- background: #f5f6f7;
|
|
|
- height: calc(100vh - 5vh);
|
|
|
-
|
|
|
-
|
|
|
- .top_css {
|
|
|
- padding: 10px;
|
|
|
-
|
|
|
-
|
|
|
- .search_btn {
|
|
|
- height: 80px;
|
|
|
- background: linear-gradient(#fafbfb, #ffffff);
|
|
|
- display: flex;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .search_block {
|
|
|
- margin-left: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .search_item {
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 600;
|
|
|
- line-height: 40px;
|
|
|
- width: 112px;
|
|
|
- height: 40px;
|
|
|
- background: #f7f8f9;
|
|
|
- cursor: pointer;
|
|
|
- margin-top: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- .searchNo {
|
|
|
- color: #323233;
|
|
|
- }
|
|
|
-
|
|
|
- .search {
|
|
|
- color: #2f53eb;
|
|
|
- background: #ffffff;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+.center {
|
|
|
+ padding: 10px 20px;
|
|
|
+ background: #f5f6f7;
|
|
|
+ height: calc(100vh - 5vh);
|
|
|
|
|
|
- .ask_css {
|
|
|
- position: absolute;
|
|
|
- margin: 3px 0 0 10px;
|
|
|
- }
|
|
|
+ .top_css {
|
|
|
+ padding: 10px;
|
|
|
|
|
|
- .center_css {
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 1px;
|
|
|
- margin-top: 10px;
|
|
|
- padding-bottom: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .screen {
|
|
|
- // float: right;
|
|
|
+ .search_btn {
|
|
|
+ height: 80px;
|
|
|
+ background: linear-gradient(#fafbfb, #ffffff);
|
|
|
display: flex;
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
- .search {
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- background: #f7f8fa;
|
|
|
- border-radius: 0px 2px 2px 0px;
|
|
|
- border: 1px solid #f0f1f2;
|
|
|
+ .search_block {
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
|
|
|
- .count_css {
|
|
|
- width: 80px;
|
|
|
+ .search_item {
|
|
|
text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
line-height: 40px;
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .el-button {
|
|
|
- padding: 10px 20px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .center_css {
|
|
|
-
|
|
|
- ::v-deep .el-table th,
|
|
|
- ::v-deep .el-table td {
|
|
|
- text-align: center;
|
|
|
+ width: 112px;
|
|
|
+ height: 40px;
|
|
|
+ background: #f7f8f9;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-top: 30px;
|
|
|
}
|
|
|
|
|
|
- .fujian {
|
|
|
- font-size: 24px;
|
|
|
- color: #409eff;
|
|
|
+ .searchNo {
|
|
|
+ color: #323233;
|
|
|
}
|
|
|
|
|
|
- .warning {
|
|
|
- font-size: 14px;
|
|
|
- color: #ed1d1d;
|
|
|
+ .search {
|
|
|
+ color: #2f53eb;
|
|
|
+ background: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .car_css {
|
|
|
- width: 50%;
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- margin-top: 30px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .status_css {
|
|
|
- background: #3AC602;
|
|
|
- width: 50px;
|
|
|
- height: 17px;
|
|
|
- position: absolute;
|
|
|
- top: 0px;
|
|
|
- right: 15px;
|
|
|
- border-radius: 3px;
|
|
|
- }
|
|
|
+ .ask_css {
|
|
|
+ position: absolute;
|
|
|
+ margin: 3px 0 0 10px;
|
|
|
+ }
|
|
|
|
|
|
- .carno_css {
|
|
|
- padding: 1px 5px;
|
|
|
- background-color: #F5F6F7;
|
|
|
- color: #666666;
|
|
|
- border-radius: 12px;
|
|
|
- text-align: center;
|
|
|
- width: 100px;
|
|
|
- margin: 10px auto 0;
|
|
|
- }
|
|
|
+ .center_css {
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 1px;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
|
|
|
- .carborder_css {
|
|
|
- border: 1px solid #F0F1F2;
|
|
|
- margin: 15px auto 0;
|
|
|
- width: 90%;
|
|
|
+ .screen {
|
|
|
+ // float: right;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .search {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ background: #f7f8fa;
|
|
|
+ border-radius: 0px 2px 2px 0px;
|
|
|
+ border: 1px solid #f0f1f2;
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .tips {
|
|
|
- color: #999999;
|
|
|
- font-size: 14px;
|
|
|
+ .count_css {
|
|
|
+ width: 80px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .car_item {
|
|
|
- width: 200px;
|
|
|
- height: 160px;
|
|
|
- border-radius: 5px;
|
|
|
+ .el-button {
|
|
|
+ padding: 10px 20px !important;
|
|
|
}
|
|
|
|
|
|
- .user {
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- .id_css {
|
|
|
- font-size: 14px;
|
|
|
+ .center_css {
|
|
|
+ ::v-deep .el-table th,
|
|
|
+ ::v-deep .el-table td {
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
- .id_css,
|
|
|
- .name_css {
|
|
|
- margin: 5px 0;
|
|
|
- color: #0D0D0D;
|
|
|
+ .fujian {
|
|
|
+ font-size: 24px;
|
|
|
+ color: #409eff;
|
|
|
}
|
|
|
|
|
|
- .pay_name {
|
|
|
- color: #9D9D9D;
|
|
|
+ .warning {
|
|
|
font-size: 14px;
|
|
|
+ color: #ed1d1d;
|
|
|
}
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
- .name_css {
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
+.car_css {
|
|
|
+ width: 50%;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 30px;
|
|
|
+ position: relative;
|
|
|
|
|
|
- .user_item {
|
|
|
- margin: 25px 0;
|
|
|
- width: 450px;
|
|
|
- height: 300px;
|
|
|
- }
|
|
|
+ .status_css {
|
|
|
+ background: #3ac602;
|
|
|
+ width: 50px;
|
|
|
+ height: 17px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ right: 15px;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
|
|
|
- .border_css {
|
|
|
- width: 100%;
|
|
|
- border: 1px solid #F0F1F2;
|
|
|
- }
|
|
|
+ .carno_css {
|
|
|
+ padding: 1px 5px;
|
|
|
+ background-color: #f5f6f7;
|
|
|
+ color: #666666;
|
|
|
+ border-radius: 12px;
|
|
|
+ text-align: center;
|
|
|
+ width: 100px;
|
|
|
+ margin: 10px auto 0;
|
|
|
}
|
|
|
|
|
|
- ::v-deep .el-table--border .el-table__header th {
|
|
|
- background: #f7f8f9;
|
|
|
+ .carborder_css {
|
|
|
+ border: 1px solid #f0f1f2;
|
|
|
+ margin: 15px auto 0;
|
|
|
+ width: 90%;
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+.tips {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.car_item {
|
|
|
+ width: 200px;
|
|
|
+ height: 160px;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.user {
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
|
- .btn_css {
|
|
|
- color: #409EFF;
|
|
|
- cursor: pointer
|
|
|
+ .id_css {
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
|
|
|
- .btn_css1 {
|
|
|
- margin-left: -20px;
|
|
|
+ .id_css,
|
|
|
+ .name_css {
|
|
|
+ margin: 5px 0;
|
|
|
+ color: #0d0d0d;
|
|
|
}
|
|
|
|
|
|
- .sign {
|
|
|
+ .pay_name {
|
|
|
+ color: #9d9d9d;
|
|
|
font-size: 14px;
|
|
|
- color: red;
|
|
|
}
|
|
|
|
|
|
- .form_css {
|
|
|
+ .name_css {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user_item {
|
|
|
+ margin: 25px 0;
|
|
|
+ width: 450px;
|
|
|
+ height: 300px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .border_css {
|
|
|
width: 100%;
|
|
|
- margin: 20px auto 20px;
|
|
|
+ border: 1px solid #f0f1f2;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
- ::v-deep .el-checkbox {
|
|
|
- width: 40%;
|
|
|
- height: 30px;
|
|
|
- }
|
|
|
+::v-deep .el-table--border .el-table__header th {
|
|
|
+ background: #f7f8f9;
|
|
|
+}
|
|
|
|
|
|
- // ::v-deep .el-dialog__body{
|
|
|
- // padding: 10px 20px;
|
|
|
- // }
|
|
|
- ::v-deep .el-dialog__title {
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
+.btn_css {
|
|
|
+ color: #409eff;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
|
|
|
- ::v-deep .el-textarea__inner {
|
|
|
- background: #F0F1F2;
|
|
|
- }
|
|
|
+.btn_css1 {
|
|
|
+ margin-left: -20px;
|
|
|
+}
|
|
|
|
|
|
- .form_btn {
|
|
|
- text-align: right;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
+.sign {
|
|
|
+ font-size: 14px;
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+
|
|
|
+.form_css {
|
|
|
+ width: 100%;
|
|
|
+ margin: 20px auto 20px;
|
|
|
+
|
|
|
+ ::v-deep .el-checkbox {
|
|
|
+ width: 40%;
|
|
|
+ height: 30px;
|
|
|
}
|
|
|
|
|
|
- //发送信息
|
|
|
- .Info_css {
|
|
|
- .Info_title {
|
|
|
- color: #323233;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
+ // ::v-deep .el-dialog__body{
|
|
|
+ // padding: 10px 20px;
|
|
|
+ // }
|
|
|
+ ::v-deep .el-dialog__title {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
|
|
|
- .Info_item {
|
|
|
- margin: 20px 0;
|
|
|
- }
|
|
|
+ ::v-deep .el-textarea__inner {
|
|
|
+ background: #f0f1f2;
|
|
|
+ }
|
|
|
|
|
|
- .Info_btn {
|
|
|
- text-align: right;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
+ .form_btn {
|
|
|
+ text-align: right;
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- //附件
|
|
|
- .file {
|
|
|
- .fujian_css {
|
|
|
- width: 631px;
|
|
|
- display: flex;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- border: 1px solid #F0F1F2;
|
|
|
- border-right: 0px;
|
|
|
- border-radius: 2px 0px 0px 2px;
|
|
|
+//发送信息
|
|
|
+.Info_css {
|
|
|
+ .Info_title {
|
|
|
+ color: #323233;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
|
|
|
- .fujian_item {
|
|
|
- cursor: pointer;
|
|
|
- width: 90px;
|
|
|
- height: 32px;
|
|
|
- border-right: 1px solid #F0F1F2;
|
|
|
- }
|
|
|
+ .Info_item {
|
|
|
+ margin: 20px 0;
|
|
|
+ }
|
|
|
|
|
|
- .file_btn {
|
|
|
- color: #2F53EB;
|
|
|
- background-color: #CFDBFE;
|
|
|
- }
|
|
|
- }
|
|
|
+ .Info_btn {
|
|
|
+ text-align: right;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
- .file_img {
|
|
|
- width: 525px;
|
|
|
- height: 332px;
|
|
|
- margin: 20px auto;
|
|
|
- }
|
|
|
+//附件
|
|
|
+.file {
|
|
|
+ .fujian_css {
|
|
|
+ width: 360px;
|
|
|
+ display: flex;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ border: 1px solid #f0f1f2;
|
|
|
+ border-right: 0px;
|
|
|
+ border-radius: 2px 0px 0px 2px;
|
|
|
|
|
|
- .img_css {
|
|
|
- width: 525px;
|
|
|
- height: 332px;
|
|
|
+ .fujian_item {
|
|
|
+ cursor: pointer;
|
|
|
+ width: 90px;
|
|
|
+ height: 32px;
|
|
|
+ border-right: 1px solid #f0f1f2;
|
|
|
}
|
|
|
|
|
|
- .btn {
|
|
|
- width: 410px;
|
|
|
- margin: 0 auto;
|
|
|
+ .file_btn {
|
|
|
+ color: #2f53eb;
|
|
|
+ background-color: #cfdbfe;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .file_img {
|
|
|
+ width: 525px;
|
|
|
+ height: 332px;
|
|
|
+ margin: 20px auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .img_css {
|
|
|
+ width: 525px;
|
|
|
+ height: 332px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ width: 410px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.bill_css {
|
|
|
+ height: 500px;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+.input_css {
|
|
|
+ display: flex;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+::v-deep .input_css .el-input__inner {
|
|
|
+ height: 30px;
|
|
|
+}
|
|
|
</style>
|
zhongtianhaoyuan
