更新

src/components/Breadcrumb/index.vue

@@ -33,7 +33,7 @@ export default {
       const first = matched[0]
 
       if (!this.isDashboard(first)) {
-        matched = [{ path: '/dashboard', meta: { title: 'Dashboard' }}].concat(matched)
+        matched = [{meta: { title: 'Dashboard' }}].concat(matched)
       }
 
       this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)

src/layout/components/Navbar.vue

@@ -1,3 +1,4 @@
+//身份审核
 <template>
   <div class="navbar">
     <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
@@ -7,7 +8,12 @@
     <div class="right-menu">
       <el-dropdown class="avatar-container" trigger="click">
         <div class="avatar-wrapper">
-          <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
+          <img src="../../../public/img/yonghu.jpg" class="user-avatar">
+          <!-- <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar"> -->
+		  <div class="name_css">
+			  系统管理员：全能账户
+		  </div>
+		  
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown" class="user-dropdown">
@@ -115,13 +121,14 @@ export default {
       margin-right: 30px;
 
       .avatar-wrapper {
-        margin-top: 5px;
+        margin-top: 10px;
         position: relative;
+		display: flex;
 
         .user-avatar {
           cursor: pointer;
-          width: 40px;
-          height: 40px;
+          width: 30px;
+          height: 30px;
           border-radius: 10px;
         }
 
@@ -129,9 +136,14 @@ export default {
           cursor: pointer;
           position: absolute;
           right: -20px;
-          top: 25px;
+          top: 13px;
           font-size: 12px;
         }
+		.name_css{
+			 top: 25px;
+			 line-height: 36px;
+			 margin-left: 10px;
+		}
       }
     }
   }

src/main.js

@@ -4,7 +4,7 @@ import 'normalize.css/normalize.css' // A modern alternative to CSS resets
 
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
-import locale from 'element-ui/lib/locale/lang/en' // lang i18n
+import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 
 import '@/styles/index.scss' // global css
 

src/router/index.js

@@ -48,49 +48,49 @@ export const constantRoutes = [{
 	platformManagement,
 	feedbackManagement,
 
-	{
-		path: '/example',
-		component: Layout,
-		redirect: '/example/table',
-		name: 'Example',
-		meta: {
-			title: 'Example',
-			icon: 'el-icon-s-help'
-		},
-		children: [{
-				path: 'table',
-				name: 'Table',
-				component: () => import('@/views/table/index'),
-				meta: {
-					title: 'Table',
-					icon: 'table'
-				}
-			},
-			{
-				path: 'tree',
-				name: 'Tree',
-				component: () => import('@/views/tree/index'),
-				meta: {
-					title: 'Tree',
-					icon: 'tree'
-				}
-			}
-		]
-	},
+	// {
+	// 	path: '/example',
+	// 	component: Layout,
+	// 	redirect: '/example/table',
+	// 	name: 'Example',
+	// 	meta: {
+	// 		title: 'Example',
+	// 		icon: 'el-icon-s-help'
+	// 	},
+	// 	children: [{
+	// 			path: 'table',
+	// 			name: 'Table',
+	// 			component: () => import('@/views/table/index'),
+	// 			meta: {
+	// 				title: 'Table',
+	// 				icon: 'table'
+	// 			}
+	// 		},
+	// 		{
+	// 			path: 'tree',
+	// 			name: 'Tree',
+	// 			component: () => import('@/views/tree/index'),
+	// 			meta: {
+	// 				title: 'Tree',
+	// 				icon: 'tree'
+	// 			}
+	// 		}
+	// 	]
+	// },
 
-	{
-		path: '/form',
-		component: Layout,
-		children: [{
-			path: 'index',
-			name: 'Form',
-			component: () => import('@/views/form/index'),
-			meta: {
-				title: 'Form',
-				icon: 'form'
-			}
-		}]
-	},
+	// {
+	// 	path: '/form',
+	// 	component: Layout,
+	// 	children: [{
+	// 		path: 'index',
+	// 		name: 'Form',
+	// 		component: () => import('@/views/form/index'),
+	// 		meta: {
+	// 			title: 'Form',
+	// 			icon: 'form'
+	// 		}
+	// 	}]
+	// },
 
 	// {
 	//   path: 'external-link',

src/views/cargoOwnerManagement/empowerExamine.vue

@@ -1,27 +1,437 @@
-// 授权审核
+// 身份审核
 <template>
-  <div class="center">
-    <div>授权审核</div>
-    <el-button @click="number">{{ num }}</el-button>
-  </div>
+	<div class="center">
+		<div class="center_css">
+			<div class="top_css">
+				<el-row>
+					<el-col :span="14">
+						<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>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col>
+						<div class="search_btn">
+							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item"
+								@click="searchBtn('')">
+								全部
+							</div>
+							<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>
+							<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>
+							<div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+								未认证
+							</div>
+							<div :class="search == 6 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+								已注销
+							</div>
+							<div :class="search == 7 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+								已禁用
+							</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 type="index" label="序号" width="50">
+					<template scope="scope">
+						<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+						<span v-else>{{ scope.$index + 1 }}</span>
+					</template>
+				</el-table-column> -->
+				<el-table-column prop="reexType" label="货主姓名">
+					<template slot-scope="scope">
+						<div style="position: relative;">
+							<el-avatar :size="20" :src="scope.row.circleUrl" style="margin: 0 10px 0 -25px;"></el-avatar>
+							<span style="position: absolute;display: inline-block;">{{scope.row.reexType}}</span>
+						</div>
+					</template>
+				</el-table-column>
+				<el-table-column prop="purpose" label="账号"></el-table-column>
+				<el-table-column prop="amountMoney" label="身份证号"></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-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="status" label="累计支付运费（元）" min-width="140"></el-table-column>
+				<el-table-column prop="amountMoney" label="代理身份">
+					<template slot-scope="scope">
+						<span class="btn_css">查看</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="amountMoney" label="身份证">
+					<template slot-scope="scope">
+						<span class="btn_css">查看</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="amountMoney" label="状态"></el-table-column>
+				<el-table-column label="操作" min-width="350">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="adopt(scope.row)">通过</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="reject(scope.row)">驳回</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="newInfo(scope.row)">消息</span>
+						<el-divider direction="vertical"></el-divider>
+						<el-dropdown>
+							<span class="btn_css">•••</span>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item>禁用</el-dropdown-item>
+								<el-dropdown-item>启用</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+					</template>
+				</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>
+		<el-dialog title="车辆信息" :visible.sync="carInfo" width="500px" :before-close="carClose">
+			<div class="car_css" v-for="(item,index) in 5" :key="index">
+				<img src="../../../public/img/yonghu.jpg" class="car_item" />
+				<div>
+					<span>辽H12345 通过</span>
+				</div>
+			</div>
+		</el-dialog>
+		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+			<div>
+				<div><span class="sign">*</span>选择驳回原因</div>
+				<div class="form_css">
+					<el-form ref="form" :model="form" label-width="80px">
+						<el-checkbox-group v-model="form.checkList">
+							<el-checkbox label="证件照片不清晰"></el-checkbox>
+							<el-checkbox label="证件照片上传错误"></el-checkbox>
+							<el-checkbox label="身份信息填写错误"></el-checkbox>
+							<el-checkbox label="证件信息填写错误"></el-checkbox>
+							<el-checkbox label="其他"></el-checkbox>
+						</el-checkbox-group>
+						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
+						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，5-50个字" maxlength="50"
+							v-model="form.textarea"></el-input>
+						<div class="form_btn">
+							<el-button @click="rejectClose">取消</el-button>
+							<el-button @click="submit" type="primary">确定</el-button>
+						</div>
+					</el-form>
+				</div>
+			</div>
+		</el-dialog>
+		<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.title"></el-input></div>
+				<div class="Info_title">内容</div>
+				<div class="Info_item"><el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="50" v-model="Info.textarea"></el-input></div>
+				<div class="Info_btn">
+					<el-button @click="sendInfoClose">取消</el-button>
+					<el-button @click="submitInfo" type="primary">确定</el-button>
+				</div>
+			</div>
+		</el-dialog>
+	</div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: 1111,
-    };
-  },
-  methods: {
-    number() {
-      this.num = "授权审核";
-    },
-  },
-};
+	export default {
+		data() {
+			return {
+				tableData: [{
+						reexType: "王某",
+						count: 5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+					{
+						reexType: "",
+						count: 4.5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+				],
+				//分页
+				searchkeyWord: "",
+				currentPage: 1,
+				pageSize: 10,
+				deptBudgetTotal: 0,
+				deptCircularPage: {},
+				search: "",
+				addressUrl: [],
+				disabled: false,
+				carInfo: false,
+				rejectInfo: false,
+				checkList: [],
+				form: {
+					checkList: [],
+					textarea: "",
+				},
+				Info:{},
+				sendInfo:false,
+
+			};
+		},
+		methods: {
+
+			getList() {},
+			newInfo(row){
+				this.sendInfo = true
+			},
+			sendInfoClose(){
+				this.sendInfo = false
+			},
+			adopt(row) {
+				this.$confirm('确定通过辽H12345的审核？', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					})
+					.then(() => {})
+			},
+			reject(row) {
+				this.rejectInfo = true
+			},
+			rejectClose() {
+				this.form = {}
+				this.form.checkList = []
+				this.rejectInfo = false
+			},
+			submit() {
+				//驳回提交
+				this.form = {}
+				this.form.checkList = []
+			},
+			submitInfo(){
+				if(!this.Info.title){
+					this.$message.error("请输入标题")
+					return
+				}
+			},
+			carLook() {
+				this.carInfo = true;
+			},
+			carClose() {
+				this.carInfo = false;
+			},
+			searchBtn(num) {
+				this.search = num;
+				this.getList();
+			},
+			find() {
+				this.getList();
+			},
+			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;
-  background: #e8ecf6;
-}
-</style>
+	.center {
+		padding: 10px 20px;
+		background: #f5f6f7;
+		height: calc(100vh - 5vh);
+
+		.top_css {
+			padding: 10px;
+
+			.search_btn {
+				display: flex;
+				margin-top: 20px;
+
+				.search_item {
+					text-align: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 40px;
+					width: 112px;
+					height: 40px;
+					background: #f7f8f9;
+					cursor: pointer
+				}
+
+				.searchNo {
+					color: #323233;
+				}
+
+				.search {
+					color: #2f53eb;
+					background: #ffffff;
+				}
+			}
+		}
+
+		.center_css {
+			background: #ffffff;
+			border-radius: 1px;
+			margin-top: 10px;
+			padding-bottom: 10px;
+		}
+
+		.screen {
+			display: flex;
+
+			.search {
+				width: 40px;
+				height: 40px;
+				background: #f7f8fa;
+				border-radius: 0px 2px 2px 0px;
+				border: 1px solid #f0f1f2;
+			}
+
+			.count_css {
+				width: 80px;
+				text-align: center;
+				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;
+			}
+
+			.fujian {
+				font-size: 24px;
+				color: #409eff;
+			}
+
+			.warning {
+				font-size: 14px;
+				color: #ed1d1d;
+			}
+		}
+	}
+
+	.car_css {
+		width: 50%;
+		display: inline-block;
+		text-align: center;
+		margin-top: 20px;
+	}
+
+	.car_item {
+		width: 100px;
+		height: 100px;
+	}
+
+	.user {
+		margin-bottom: 20px;
+
+		.user_id {
+			display: flex;
+			height: 30px;
+		}
+
+		.name_css,
+		.id_css {
+			width: 50%;
+		}
+
+		.name_css {
+			text-align: right;
+		}
+
+		.user_item {
+			width: 450px;
+			height: 300px;
+		}
+	}
+
+	::v-deep .el-table--border .el-table__header th {
+		background: #f7f8f9;
+	}
+
+	.btn_css {
+		color: #2f53eb;
+		cursor: pointer
+	}
+
+	.sign {
+		font-size: 14px;
+		color: red;
+	}
+
+	.form_css {
+		width: 100%;
+		margin: 20px auto 20px;
+
+		::v-deep .el-checkbox {
+			width: 40%;
+			height: 30px;
+		}
+
+		::v-deep .el-dialog__body {
+			padding: 10px 20px;
+		}
+
+		::v-deep .el-dialog__title {
+			font-size: 16px;
+		}
+
+		::v-deep .el-textarea__inner {
+			background: #F0F1F2;
+		}
+
+		.form_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+	//发送信息
+	.Info_css{
+		.Info_title{
+			color: #323233;
+			font-size: 16px;
+		}
+		.Info_item{
+			margin: 20px 0;
+		}
+		.Info_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+</style>

src/views/cargoOwnerManagement/merchantVerification.vue

@@ -1,27 +1,456 @@
-// 货主身份审核
+// 货主授权审核
 <template>
-  <div class="center">
-    <div>货主身份审核</div>
-    <el-button @click="number">{{ num }}</el-button>
-  </div>
+	<div class="center">
+		<div class="center_css">
+			<div class="top_css">
+				<el-row>
+					<el-col :span="14">
+						<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>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col>
+						<div class="search_btn">
+							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item"
+								@click="searchBtn('')">
+								全部
+							</div>
+							<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>
+							<div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
+								已驳回
+							</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 type="index" label="序号" width="50">
+					<template scope="scope">
+						<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+						<span v-else>{{ scope.$index + 1 }}</span>
+					</template>
+				</el-table-column> -->
+				<el-table-column prop="reexType" label="货主姓名">
+					<template slot-scope="scope">
+						<div style="position: relative;">
+							<el-avatar :size="20" :src="scope.row.circleUrl" style="margin: 0 10px 0 -25px;"></el-avatar>
+							<span style="position: absolute;display: inline-block;">{{scope.row.reexType}}</span>
+						</div>
+					</template>
+				</el-table-column>
+				<el-table-column prop="purpose" label="账号"></el-table-column>
+				<el-table-column prop="amountMoney" label="身份证号"></el-table-column>
+				<el-table-column prop="amountMoney" label="所属企业名称"></el-table-column>
+				<el-table-column prop="amountMoney" label="授权书">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="lookBook(scope)">查看</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="amountMoney" label="授权截止日期"></el-table-column>
+				<el-table-column prop="amountMoney" label="认证日期"></el-table-column>
+				<el-table-column prop="amountMoney" label="状态"></el-table-column>
+				<el-table-column label="操作" min-width="350">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="adopt(scope.row)">通过</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="reject(scope.row)">驳回</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="newInfo(scope.row)">消息</span>
+						<el-divider direction="vertical"></el-divider>
+						<el-dropdown>
+							<span class="btn_css">•••</span>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item>禁用</el-dropdown-item>
+								<el-dropdown-item>启用</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+					</template>
+				</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>
+		<el-dialog title="查看授权" :visible.sync="lookInfo" width="500px" :before-close="lookBookClose">
+			<div class="InfoBook_css">
+				<div class="InfoBook_title">姓名</div>
+				<div class="InfoBook_item">张三</div>
+				<div class="InfoBook_title">身份证号</div>
+				<div class="InfoBook_item">210381</div>
+				<div class="InfoBook_title">有效期</div>
+				<div class="InfoBook_item">2017-02-03<span class="data_css">已过期</span></div>
+				<div class="InfoBook_title">身份证人面像</div>
+				<div class="InfoBook_item">
+					<img src="../../../public/img/yonghu.jpg" class="InfoBook_img">
+				</div> 
+				<div class="InfoBook_title">身份证国徽面</div>
+				<div class="InfoBook_item">
+					<img src="../../../public/img/yonghu.jpg" class="InfoBook_img">
+				</div> 
+				<div class="InfoBook_btn">
+					<el-button @click="lookBookClose">关闭</el-button>
+				</div>
+			</div>
+			
+		</el-dialog>
+		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+			<div>
+				<div><span class="sign">*</span>选择驳回原因</div>
+				<div class="form_css">
+					<el-form ref="form" :model="form" label-width="80px">
+						<el-checkbox-group v-model="form.checkList">
+							<el-checkbox label="证件照片不清晰"></el-checkbox>
+							<el-checkbox label="证件照片上传错误"></el-checkbox>
+							<el-checkbox label="身份信息填写错误"></el-checkbox>
+							<el-checkbox label="证件信息填写错误"></el-checkbox>
+							<el-checkbox label="其他"></el-checkbox>
+						</el-checkbox-group>
+						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
+						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，5-50个字" maxlength="50"
+							v-model="form.textarea"></el-input>
+						<div class="form_btn">
+							<el-button @click="rejectClose">取消</el-button>
+							<el-button @click="submit" type="primary">确定</el-button>
+						</div>
+					</el-form>
+				</div>
+			</div>
+		</el-dialog>
+		<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.title"></el-input></div>
+				<div class="Info_title">内容</div>
+				<div class="Info_item"><el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="50" v-model="Info.textarea"></el-input></div>
+				<div class="Info_btn">
+					<el-button @click="sendInfoClose">取消</el-button>
+					<el-button @click="submitInfo" type="primary">确定</el-button>
+				</div>
+			</div>
+		</el-dialog>
+	</div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: 1111,
-    };
-  },
-  methods: {
-    number() {
-      this.num = "货主身份审核";
-    },
-  },
-};
+	export default {
+		data() {
+			return {
+				tableData: [{
+						reexType: "王某",
+						count: 5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+					{
+						reexType: "",
+						count: 4.5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+				],
+				//分页
+				searchkeyWord: "",
+				currentPage: 1,
+				pageSize: 10,
+				deptBudgetTotal: 0,
+				deptCircularPage: {},
+				search: "",
+				addressUrl: [],
+				disabled: false,
+				lookInfo: false,
+				rejectInfo: false,
+				checkList: [],
+				form: {
+					checkList: [],
+					textarea: "",
+				},
+				Info:{},
+				sendInfo:false,
+
+			};
+		},
+		methods: {
+
+			getList() {},
+			newInfo(row){
+				this.sendInfo = true
+			},
+			sendInfoClose(){
+				this.sendInfo = false
+			},
+			adopt(row) {
+				this.$confirm('确定通过辽H12345的审核？', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					})
+					.then(() => {})
+			},
+			reject(row) {
+				this.rejectInfo = true
+			},
+			rejectClose() {
+				this.form = {}
+				this.form.checkList = []
+				this.rejectInfo = false
+			},
+			submit() {
+				//驳回提交
+				this.form = {}
+				this.form.checkList = []
+			},
+			submitInfo(){
+				if(!this.Info.title){
+					this.$message.error("请输入标题")
+					return
+				}
+			},
+			lookBook() {
+				this.lookInfo = true;
+			},
+			lookBookClose() {
+				this.lookInfo = false;
+			},
+			searchBtn(num) {
+				this.search = num;
+				this.getList();
+			},
+			find() {
+				this.getList();
+			},
+			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;
-  background: #e8ecf6;
-}
-</style>
+	.center {
+		padding: 10px 20px;
+		background: #f5f6f7;
+		height: calc(100vh - 5vh);
+
+		.top_css {
+			padding: 10px;
+
+			.search_btn {
+				display: flex;
+				margin-top: 20px;
+
+				.search_item {
+					text-align: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 40px;
+					width: 112px;
+					height: 40px;
+					background: #f7f8f9;
+					cursor: pointer
+				}
+
+				.searchNo {
+					color: #323233;
+				}
+
+				.search {
+					color: #2f53eb;
+					background: #ffffff;
+				}
+			}
+		}
+
+		.center_css {
+			background: #ffffff;
+			border-radius: 1px;
+			margin-top: 10px;
+			padding-bottom: 10px;
+		}
+
+		.screen {
+			display: flex;
+
+			.search {
+				width: 40px;
+				height: 40px;
+				background: #f7f8fa;
+				border-radius: 0px 2px 2px 0px;
+				border: 1px solid #f0f1f2;
+			}
+
+			.count_css {
+				width: 80px;
+				text-align: center;
+				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;
+			}
+
+			.fujian {
+				font-size: 24px;
+				color: #409eff;
+			}
+
+			.warning {
+				font-size: 14px;
+				color: #ed1d1d;
+			}
+		}
+	}
+
+	.car_css {
+		width: 50%;
+		display: inline-block;
+		text-align: center;
+		margin-top: 20px;
+	}
+
+	.car_item {
+		width: 100px;
+		height: 100px;
+	}
+
+	.user {
+		margin-bottom: 20px;
+
+		.user_id {
+			display: flex;
+			height: 30px;
+		}
+
+		.name_css,
+		.id_css {
+			width: 50%;
+		}
+
+		.name_css {
+			text-align: right;
+		}
+
+		.user_item {
+			width: 450px;
+			height: 300px;
+		}
+	}
+
+	::v-deep .el-table--border .el-table__header th {
+		background: #f7f8f9;
+	}
+
+	.btn_css {
+		color: #2f53eb;
+		cursor: pointer
+	}
+
+	.sign {
+		font-size: 14px;
+		color: red;
+	}
+
+	.form_css {
+		width: 100%;
+		margin: 20px auto 20px;
+
+		::v-deep .el-checkbox {
+			width: 40%;
+			height: 30px;
+		}
+
+		::v-deep .el-dialog__body {
+			padding: 10px 20px;
+		}
+
+		::v-deep .el-dialog__title {
+			font-size: 16px;
+		}
+
+		::v-deep .el-textarea__inner {
+			background: #F0F1F2;
+		}
+
+		.form_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+	//发送信息
+	.Info_css{
+		.Info_title{
+			color: #323233;
+			font-size: 16px;
+		}
+		.Info_item{
+			margin: 20px 0;
+		}
+		.Info_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+	//授权信息
+	.InfoBook_css{
+		.InfoBook_title{
+			color: #9D9D9D;
+			font-size: 14px;
+		}
+		.data_css{
+			color: #EF4C33 ;
+			font-size: 14px;
+			margin-left: 6px;
+		}
+		.InfoBook_item{
+			color: #0D0D0D;
+			font-size: 14px;
+			margin-bottom: 20px;
+		}
+		.InfoBook_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+		.InfoBook_img{
+			width: 200px;
+			height: 120px;
+			margin-top: 10px;
+		}
+	}
+	
+</style>

src/views/cargoOwnerManagement/taskAudit.vue

@@ -1,27 +1,456 @@
-// 任务审核
+// 货主任务审核
 <template>
-  <div class="center">
-    <div>任务审核</div>
-    <el-button @click="number">{{ num }}</el-button>
-  </div>
+	<div class="center">
+		<div class="center_css">
+			<div class="top_css">
+				<el-row>
+					<el-col :span="14">
+						<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>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col>
+						<div class="search_btn">
+							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item"
+								@click="searchBtn('')">
+								全部
+							</div>
+							<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>
+							<div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
+								已驳回
+							</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 type="index" label="序号" width="50">
+					<template scope="scope">
+						<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+						<span v-else>{{ scope.$index + 1 }}</span>
+					</template>
+				</el-table-column> -->
+				<el-table-column prop="reexType" label="货主姓名">
+					<template slot-scope="scope">
+						<div style="position: relative;">
+							<el-avatar :size="20" :src="scope.row.circleUrl" style="margin: 0 10px 0 -25px;"></el-avatar>
+							<span style="position: absolute;display: inline-block;">{{scope.row.reexType}}</span>
+						</div>
+					</template>
+				</el-table-column>
+				<el-table-column prop="purpose" label="账号"></el-table-column>
+				<el-table-column prop="amountMoney" label="身份证号"></el-table-column>
+				<el-table-column prop="amountMoney" label="所属企业名称"></el-table-column>
+				<el-table-column prop="amountMoney" label="授权书">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="lookBook(scope)">查看</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="amountMoney" label="授权截止日期"></el-table-column>
+				<el-table-column prop="amountMoney" label="认证日期"></el-table-column>
+				<el-table-column prop="amountMoney" label="状态"></el-table-column>
+				<el-table-column label="操作" min-width="350">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="adopt(scope.row)">通过</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="reject(scope.row)">驳回</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="newInfo(scope.row)">消息</span>
+						<el-divider direction="vertical"></el-divider>
+						<el-dropdown>
+							<span class="btn_css">•••</span>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item>禁用</el-dropdown-item>
+								<el-dropdown-item>启用</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+					</template>
+				</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>
+		<el-dialog title="查看授权" :visible.sync="lookInfo" width="500px" :before-close="lookBookClose">
+			<div class="InfoBook_css">
+				<div class="InfoBook_title">姓名</div>
+				<div class="InfoBook_item">张三</div>
+				<div class="InfoBook_title">身份证号</div>
+				<div class="InfoBook_item">210381</div>
+				<div class="InfoBook_title">有效期</div>
+				<div class="InfoBook_item">2017-02-03<span class="data_css">已过期</span></div>
+				<div class="InfoBook_title">身份证人面像</div>
+				<div class="InfoBook_item">
+					<img src="../../../public/img/yonghu.jpg" class="InfoBook_img">
+				</div> 
+				<div class="InfoBook_title">身份证国徽面</div>
+				<div class="InfoBook_item">
+					<img src="../../../public/img/yonghu.jpg" class="InfoBook_img">
+				</div> 
+				<div class="InfoBook_btn">
+					<el-button @click="lookBookClose">关闭</el-button>
+				</div>
+			</div>
+			
+		</el-dialog>
+		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+			<div>
+				<div><span class="sign">*</span>选择驳回原因</div>
+				<div class="form_css">
+					<el-form ref="form" :model="form" label-width="80px">
+						<el-checkbox-group v-model="form.checkList">
+							<el-checkbox label="证件照片不清晰"></el-checkbox>
+							<el-checkbox label="证件照片上传错误"></el-checkbox>
+							<el-checkbox label="身份信息填写错误"></el-checkbox>
+							<el-checkbox label="证件信息填写错误"></el-checkbox>
+							<el-checkbox label="其他"></el-checkbox>
+						</el-checkbox-group>
+						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
+						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，5-50个字" maxlength="50"
+							v-model="form.textarea"></el-input>
+						<div class="form_btn">
+							<el-button @click="rejectClose">取消</el-button>
+							<el-button @click="submit" type="primary">确定</el-button>
+						</div>
+					</el-form>
+				</div>
+			</div>
+		</el-dialog>
+		<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.title"></el-input></div>
+				<div class="Info_title">内容</div>
+				<div class="Info_item"><el-input type="textarea" :rows="3" resize="none" placeholder="消息内容10-100字" maxlength="50" v-model="Info.textarea"></el-input></div>
+				<div class="Info_btn">
+					<el-button @click="sendInfoClose">取消</el-button>
+					<el-button @click="submitInfo" type="primary">确定</el-button>
+				</div>
+			</div>
+		</el-dialog>
+	</div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: 1111,
-    };
-  },
-  methods: {
-    number() {
-      this.num = "任务审核";
-    },
-  },
-};
+	export default {
+		data() {
+			return {
+				tableData: [{
+						reexType: "王某",
+						count: 5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+					{
+						reexType: "",
+						count: 4.5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+				],
+				//分页
+				searchkeyWord: "",
+				currentPage: 1,
+				pageSize: 10,
+				deptBudgetTotal: 0,
+				deptCircularPage: {},
+				search: "",
+				addressUrl: [],
+				disabled: false,
+				lookInfo: false,
+				rejectInfo: false,
+				checkList: [],
+				form: {
+					checkList: [],
+					textarea: "",
+				},
+				Info:{},
+				sendInfo:false,
+
+			};
+		},
+		methods: {
+
+			getList() {},
+			newInfo(row){
+				this.sendInfo = true
+			},
+			sendInfoClose(){
+				this.sendInfo = false
+			},
+			adopt(row) {
+				this.$confirm('确定通过辽H12345的审核？', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					})
+					.then(() => {})
+			},
+			reject(row) {
+				this.rejectInfo = true
+			},
+			rejectClose() {
+				this.form = {}
+				this.form.checkList = []
+				this.rejectInfo = false
+			},
+			submit() {
+				//驳回提交
+				this.form = {}
+				this.form.checkList = []
+			},
+			submitInfo(){
+				if(!this.Info.title){
+					this.$message.error("请输入标题")
+					return
+				}
+			},
+			lookBook() {
+				this.lookInfo = true;
+			},
+			lookBookClose() {
+				this.lookInfo = false;
+			},
+			searchBtn(num) {
+				this.search = num;
+				this.getList();
+			},
+			find() {
+				this.getList();
+			},
+			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;
-  background: #e8ecf6;
-}
-</style>
+	.center {
+		padding: 10px 20px;
+		background: #f5f6f7;
+		height: calc(100vh - 5vh);
+
+		.top_css {
+			padding: 10px;
+
+			.search_btn {
+				display: flex;
+				margin-top: 20px;
+
+				.search_item {
+					text-align: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 40px;
+					width: 112px;
+					height: 40px;
+					background: #f7f8f9;
+					cursor: pointer
+				}
+
+				.searchNo {
+					color: #323233;
+				}
+
+				.search {
+					color: #2f53eb;
+					background: #ffffff;
+				}
+			}
+		}
+
+		.center_css {
+			background: #ffffff;
+			border-radius: 1px;
+			margin-top: 10px;
+			padding-bottom: 10px;
+		}
+
+		.screen {
+			display: flex;
+
+			.search {
+				width: 40px;
+				height: 40px;
+				background: #f7f8fa;
+				border-radius: 0px 2px 2px 0px;
+				border: 1px solid #f0f1f2;
+			}
+
+			.count_css {
+				width: 80px;
+				text-align: center;
+				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;
+			}
+
+			.fujian {
+				font-size: 24px;
+				color: #409eff;
+			}
+
+			.warning {
+				font-size: 14px;
+				color: #ed1d1d;
+			}
+		}
+	}
+
+	.car_css {
+		width: 50%;
+		display: inline-block;
+		text-align: center;
+		margin-top: 20px;
+	}
+
+	.car_item {
+		width: 100px;
+		height: 100px;
+	}
+
+	.user {
+		margin-bottom: 20px;
+
+		.user_id {
+			display: flex;
+			height: 30px;
+		}
+
+		.name_css,
+		.id_css {
+			width: 50%;
+		}
+
+		.name_css {
+			text-align: right;
+		}
+
+		.user_item {
+			width: 450px;
+			height: 300px;
+		}
+	}
+
+	::v-deep .el-table--border .el-table__header th {
+		background: #f7f8f9;
+	}
+
+	.btn_css {
+		color: #2f53eb;
+		cursor: pointer
+	}
+
+	.sign {
+		font-size: 14px;
+		color: red;
+	}
+
+	.form_css {
+		width: 100%;
+		margin: 20px auto 20px;
+
+		::v-deep .el-checkbox {
+			width: 40%;
+			height: 30px;
+		}
+
+		::v-deep .el-dialog__body {
+			padding: 10px 20px;
+		}
+
+		::v-deep .el-dialog__title {
+			font-size: 16px;
+		}
+
+		::v-deep .el-textarea__inner {
+			background: #F0F1F2;
+		}
+
+		.form_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+	//发送信息
+	.Info_css{
+		.Info_title{
+			color: #323233;
+			font-size: 16px;
+		}
+		.Info_item{
+			margin: 20px 0;
+		}
+		.Info_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+	//授权信息
+	.InfoBook_css{
+		.InfoBook_title{
+			color: #9D9D9D;
+			font-size: 14px;
+		}
+		.data_css{
+			color: #EF4C33 ;
+			font-size: 14px;
+			margin-left: 6px;
+		}
+		.InfoBook_item{
+			color: #0D0D0D;
+			font-size: 14px;
+			margin-bottom: 20px;
+		}
+		.InfoBook_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+		.InfoBook_img{
+			width: 200px;
+			height: 120px;
+			margin-top: 10px;
+		}
+	}
+	
+</style>

src/views/driverManagement/identityExamine.vue

@@ -1,148 +1,418 @@
 // 身份审核
 <template>
 	<div class="center">
-		<div class="top_css">
-			<el-row>
-			<el-col :span="14">
-				<el-button type="primary">全部</el-button>
-			<el-button type="primary">待审核</el-button>
-			<el-button type="primary">已通过</el-button>
-			<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 type="primary" class="search"><img width="16" height="16" style="left: -8px;" src='../../../public/img/sousuo.png' alt="" /></el-button>
-				</div>
-			</el-col>
-		</el-row>
-		</div>
-		
 		<div class="center_css">
-			<el-table :data="tableData" stripe style="width: 100%;overflow-y: scroll;" height="55.8vh">
-			<el-table-column type="index" label="序号">
-				<template scope="scope">
-					<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
-					<span v-else>{{ scope.$index + 1 }}</span>
-				</template>
-			</el-table-column>
-			<el-table-column prop="reexType" label="司机姓名"></el-table-column>
-			<el-table-column prop="purpose" label="账号"></el-table-column>
-			<el-table-column prop="expenseName" label="联系电话"></el-table-column>
-			<el-table-column prop="amountMoney" label="身份证号"></el-table-column>
-			<el-table-column prop="amountMoney" label="承运次数"></el-table-column>
-			<el-table-column prop="amountMoney" label="好评率(%)" min-width="84"></el-table-column>
-			<el-table-column prop="amountMoney" label="累计支付运费(元)" min-width="128"></el-table-column>
-			<el-table-column label="车辆">
-				<!-- <template slot-scope="scope">
-					<img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
-						src="../../../public/img/fujian.png" @click="fujian(scope.row)" alt="" />
-					<span>{{scope.row.addressUrl.split(",").length == 0 ? '' : scope.row.addressUrl.split(",").length}}</span>
-				</template> -->
-			</el-table-column>
-			<el-table-column prop="payee" label="账户"></el-table-column>
-			<el-table-column prop="paymentDate" label="附件"></el-table-column>
-			<el-table-column prop="status" label="状态"></el-table-column>
-			<el-table-column label="操作" min-width="400">
-				<template slot-scope="scope">
-					<el-button>通过</el-button>
-					<el-button>驳回</el-button>
-					<el-button>发消息</el-button>
-					<el-button>禁用</el-button>
-					<el-button>启用</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
+			<div class="top_css">
+				<el-row>
+					<el-col :span="14">
+						<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>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col>
+						<div class="search_btn">
+							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item"
+								@click="searchBtn('')">
+								全部
+							</div>
+							<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>
+							<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>
+							<div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+								已终止
+							</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 type="index" label="序号" width="50">
+					<template scope="scope">
+						<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+						<span v-else>{{ scope.$index + 1 }}</span>
+					</template>
+				</el-table-column> -->
+				<el-table-column prop="reexType" label="司机姓名">
+					<template slot-scope="scope">
+						<div style="position: relative;">
+							<el-avatar :size="20" :src="scope.row.circleUrl" style="margin: 0 10px 0 -25px;"></el-avatar>
+							<span style="position: absolute;display: inline-block;">{{scope.row.reexType}}</span>
+						</div>
+					</template>
+				</el-table-column>
+				<el-table-column prop="purpose" label="账号"></el-table-column>
+				<el-table-column prop="amountMoney" label="身份证号"></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-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="amountMoney" label="累计支付运费(元)" min-width="128"></el-table-column>
+				<el-table-column label="车辆">
+					<span  @click="carLook" class="btn_css">查看</span>
+				</el-table-column>
+				<el-table-column prop="payee" label="账户">
+					<span @click="account" class="btn_css">查看</span>
+				</el-table-column>
+				<el-table-column prop="paymentDate" label="附件">
+					<span class="btn_css" @click="fujianLook">查看</span>
+					<el-tooltip placement="top">
+						<div slot="content">身份证已过有效期 <br />驾驶证已过有效期</div>
+						<span style="margin-top:10px"></span>
+							<img src="../../../public/img/wenhao.png" alt="" >
+					</el-tooltip>
+				</el-table-column>
+				<el-table-column prop="amountMoney" label="注册日期"></el-table-column>
+				<el-table-column prop="status" label="状态"></el-table-column>
+				<el-table-column label="操作" min-width="350">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="adopt(scope.row)">通过</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="reject(scope.row)">驳回</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css">消息</span>
+						<el-divider direction="vertical"></el-divider>
+						<el-dropdown>
+							<span class="btn_css">•••</span>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item>禁用</el-dropdown-item>
+								<el-dropdown-item>启用</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+
+					</template>
+				</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>
-			  <!-- <el-pagination
-			        @size-change="handleSizeChange"
-			        @current-change="handleCurrentChange"
-			        :current-page="currentPage"
-			        :page-sizes="deptCircularPage.pageSize"
-			        :page-size="pageSize"
-			        layout="total, sizes, prev, pager, next, jumper"
-			        :total="deptBudgetTotal">
-			      </el-pagination> -->
+			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">
+			<div class="car_css" v-for="item in 5">
+				<img src="../../../public/img/yonghu.jpg" class="car_item" />
+				<div>
+					<span>辽H12345 通过</span>
+				</div>
+			</div>
+		</el-dialog>
+		<el-dialog title="账户信息" :visible.sync="userInfo" width="500px" :before-close="userClose">
+			<div class="user" v-for="item in 2">
+				<div class="user_id">
+					<div class="id_css">12121212121212121212</div>
+					<div class="name_css">张三</div>
+				</div>
+				<div>中国银行-鲅鱼圈支行</div>
+				<img src="../../../public/img/yonghu.jpg" class="user_item" />
+			</div>
+		</el-dialog>
+		<el-dialog title="附件" :visible.sync="fujianInfo" width="500px" :before-close="fujianClose">
+		<!-- 	<div class="user" v-for="item in 2">
+				
+			</div> -->
+		</el-dialog>
+		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+			<div>
+				<div><span class="sign">*</span>选择驳回原因</div>
+				<div class="form_css">
+					<el-form ref="form" :model="form" label-width="80px">
+						<el-checkbox-group v-model="form.checkList">
+							<el-checkbox label="证件照片不清晰"></el-checkbox>
+							<el-checkbox label="证件照片上传错误"></el-checkbox>
+							<el-checkbox label="身份信息填写错误"></el-checkbox>
+							<el-checkbox label="证件信息填写错误"></el-checkbox>
+							<el-checkbox label="其他"></el-checkbox>
+						</el-checkbox-group>
+						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
+						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，5-50个字" maxlength="50" v-model="form.textarea"></el-input>
+					    <div class="form_btn">
+					    	<el-button @click="rejectClose">取消</el-button>
+						 <el-button @click="submit" type="primary">确定</el-button>
+					    </div>
+						 
+					</el-form>
+				</div>
+			</div>
+		</el-dialog>
 	</div>
 </template>
 <script>
 	export default {
 		data() {
 			return {
-				tableData:[{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},{
-					reexType:"类型"
-				},],
-				searchkeyWord:"",
-				currentPage:1,
-				pageSize:10,
-				deptBudgetTotal:0,
-				deptCircularPage:{},
+				tableData: [{
+						reexType: "王某",
+						count: 5,
+						circleUrl:'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+					{
+						reexType: "",
+						count: 4.5,
+						circleUrl:'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+				],
+				//分页
+				searchkeyWord: "",
+				currentPage: 1,
+				pageSize: 10,
+				deptBudgetTotal: 0,
+				deptCircularPage: {},
+				search: "",
+				addressUrl: [],
+				disabled: false,
+				carInfo: false,
+				userInfo: false,
+				fujianInfo:false,
+				rejectInfo:false,
+				form:{
+					checkList:[],
+					textarea:"",
+				},
 			};
 		},
 		methods: {
-			number() {
-				this.num = 22222;
+			getList() {},
+			account() {
+				this.userInfo = true;
+			},
+			fujianLook(){
+				this.fujianInfo = true
+			},
+			userClose() {
+				this.userInfo = false;
+			},
+			fujianClose(){
+				this.fujianInfo = false
+			},
+			carLook() {
+				this.carInfo = true;
+			},
+			carClose() {
+				this.carInfo = false;
+			},
+			searchBtn(num) {
+				this.search = num;
+				this.getList();
+			},
+			find() {
+				this.getList();
+			},
+			adopt(row) {
+				this.$confirm('确定通过辽H12345的审核？', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					})
+					.then(() => {	
+					})
+			},
+			submit(){
+				//驳回提交
+				this.form = {}
+				this.form.checkList=[]
+			},
+			reject(row) {
+				this.rejectInfo = true
+			},
+			rejectClose() {
+				this.form = {}
+				this.form.checkList=[]
+				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();
 			},
-			 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 0;
-		background: #e8ecf6;
-		.top_css{
+		padding: 10px 20px;
+		background: #f5f6f7;
+		height: calc(100vh - 5vh);
+
+
+		.top_css {
 			padding: 10px;
-			.search{
-				margin-left:10px;
+
+			.search_btn {
+				display: flex;
+				margin-top: 20px;
+
+				.search_item {
+					text-align: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 40px;
+					width: 112px;
+					height: 40px;
+					background: #f7f8f9;
+					cursor:pointer
+				}
+
+				.searchNo {
+					color: #323233;
+				}
+
+				.search {
+					color: #2f53eb;
+					background: #ffffff;
+				}
 			}
 		}
-		.center_css{
+
+		.center_css {
+			background: #ffffff;
+			border-radius: 1px;
 			margin-top: 10px;
+			padding-bottom: 10px;
 		}
-		.screen{
+
+		.screen {
 			display: flex;
+
+			.search {
+				width: 40px;
+				height: 40px;
+				background: #f7f8fa;
+				border-radius: 0px 2px 2px 0px;
+				border: 1px solid #f0f1f2;
+			}
+
+			.count_css {
+				width: 80px;
+				text-align: center;
+				line-height: 40px;
+				color: #666666;
+			}
 		}
-		.el-button{
+
+		.el-button {
 			padding: 10px 20px !important;
 		}
-		.center_css{
-			::v-deep .el-table th,::v-deep .el-table td{
+
+		.center_css {
+
+			::v-deep .el-table th,
+			::v-deep .el-table td {
 				text-align: center;
 			}
+
+			.fujian {
+				font-size: 24px;
+				color: #409eff;
+			}
+
+			.warning {
+				font-size: 14px;
+				color: #ed1d1d;
+			}
+		}
+	}
+
+	.car_css {
+		width: 50%;
+		display: inline-block;
+		text-align: center;
+		margin-top: 20px;
+	}
+
+	.car_item {
+		width: 100px;
+		height: 100px;
+	}
+
+	.user {
+		margin-bottom: 20px;
+
+		.user_id {
+			display: flex;
+			height: 30px;
+		}
+
+		.name_css,
+		.id_css {
+			width: 50%;
+		}
+
+		.name_css {
+			text-align: right;
+		}
+
+		.user_item {
+			width: 450px;
+			height: 300px;
+		}
+	}
+
+	::v-deep .el-table--border .el-table__header th {
+		background: #f7f8f9;
+	}
+
+	.btn_css {
+		color: #2f53eb;
+		cursor:pointer
+	}
+	.sign {
+		font-size: 14px;
+		color: red;
+	}
+	.form_css {
+		width: 100%;
+		margin: 20px auto 20px;
+		::v-deep .el-checkbox{
+			width: 40%;
+			height: 30px;
+		}
+		// ::v-deep .el-dialog__body{
+		// 	padding: 10px 20px;
+		// }
+		::v-deep .el-dialog__title{
+			font-size: 16px;
+		}
+		::v-deep .el-textarea__inner{
+			background: #F0F1F2;
+		}
+		.form_btn{
+			text-align: right;
+			margin-top: 10px;
 		}
 	}
 </style>

src/views/driverManagement/vehicleExamine.vue

@@ -1,27 +1,372 @@
-// 车辆审核
+// 身份审核
 <template>
-  <div class="center">
-    <div>车辆审核</div>
-    <el-button @click="number">{{ num }}</el-button>
-  </div>
+	<div class="center">
+		<div class="center_css">
+			<div class="top_css">
+				<el-row>
+					<el-col :span="14">
+						<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>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col>
+						<div class="search_btn">
+							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item"
+								@click="searchBtn('')">
+								全部
+							</div>
+							<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>
+							<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>
+							<div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+								已终止
+							</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 type="index" label="序号" width="50">
+					<template scope="scope">
+						<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+						<span v-else>{{ scope.$index + 1 }}</span>
+					</template>
+				</el-table-column> -->
+				<el-table-column prop="reexType" label="司机姓名">
+					<template slot-scope="scope">
+						<div style="position: relative;">
+							<el-avatar :size="20" :src="scope.row.circleUrl" style="margin: 0 10px 0 -25px;"></el-avatar>
+							<span style="position: absolute;display: inline-block;">{{scope.row.reexType}}</span>
+						</div>
+					</template>
+				</el-table-column>
+				<el-table-column prop="purpose" label="账号"></el-table-column>
+				<el-table-column prop="amountMoney" label="身份证号"></el-table-column>
+				<el-table-column prop="amountMoney" label="车牌号"></el-table-column>
+
+				<el-table-column prop="amountMoney" label="人车合影、身份证">
+					<template scope="scope">
+						<span class="btn_css" @click="carLook">查看</span>
+					</template>
+				</el-table-column>
+
+				<el-table-column prop="status" label="状态"></el-table-column>
+				<el-table-column prop="amountMoney" label="更新日期"></el-table-column>
+				<el-table-column label="操作" min-width="350">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="adopt(scope.row)">通过</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="reject(scope.row)">驳回</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css">消息</span>
+						<el-divider direction="vertical"></el-divider>
+						<el-dropdown>
+							<span class="btn_css">•••</span>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item>禁用</el-dropdown-item>
+								<el-dropdown-item>启用</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+					</template>
+				</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>
+		<el-dialog title="车辆信息" :visible.sync="carInfo" width="500px" :before-close="carClose">
+			<div class="car_css" v-for="(item,index) in 5" :key="index">
+				<img src="../../../public/img/yonghu.jpg" class="car_item" />
+				<div>
+					<span>辽H12345 通过</span>
+				</div>
+			</div>
+		</el-dialog>
+		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+			<div>
+				<div><span class="sign">*</span>选择驳回原因</div>
+				<div class="form_css">
+					<el-form ref="form" :model="form" label-width="80px">
+						<el-checkbox-group v-model="form.checkList">
+							<el-checkbox label="证件照片不清晰"></el-checkbox>
+							<el-checkbox label="证件照片上传错误"></el-checkbox>
+							<el-checkbox label="身份信息填写错误"></el-checkbox>
+							<el-checkbox label="证件信息填写错误"></el-checkbox>
+							<el-checkbox label="其他"></el-checkbox>
+						</el-checkbox-group>
+						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
+						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，5-50个字" maxlength="50" v-model="form.textarea"></el-input>
+					<div class="form_btn">
+						<el-button @click="rejectClose">取消</el-button>
+					 <el-button @click="submit" type="primary">确定</el-button>
+					</div>
+					</el-form>
+				</div>
+			</div>
+		</el-dialog>
+	</div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: 1111,
-    };
-  },
-  methods: {
-    number() {
-      this.num = 22222;
-    },
-  },
-};
+	export default {
+		data() {
+			return {
+				tableData: [{
+						reexType: "王某",
+						count: 5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+					{
+						reexType: "",
+						count: 4.5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+				],
+				//分页
+				searchkeyWord: "",
+				currentPage: 1,
+				pageSize: 10,
+				deptBudgetTotal: 0,
+				deptCircularPage: {},
+				search: "",
+				addressUrl: [],
+				disabled: false,
+				carInfo: false,
+				rejectInfo: false,
+				checkList: [],
+				form: {
+					checkList:[],
+					textarea:"",
+				},
+				
+			};
+		},
+		methods: {
+
+			getList() {},
+			adopt(row) {
+				this.$confirm('确定通过辽H12345的审核？', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					})
+					.then(() => {})
+			},
+			reject(row) {
+				this.rejectInfo = true
+			},
+			rejectClose() {
+				this.form = {}
+				this.form.checkList=[]
+				this.rejectInfo = false
+			},
+			submit(){
+				//驳回提交
+				this.form = {}
+				this.form.checkList=[]
+			},
+			carLook() {
+				this.carInfo = true;
+			},
+			carClose() {
+				this.carInfo = false;
+			},
+			searchBtn(num) {
+				this.search = num;
+				this.getList();
+			},
+			find() {
+				this.getList();
+			},
+			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;
-  background: #e8ecf6;
-}
-</style>
+	.center {
+		padding: 10px 20px;
+		background: #f5f6f7;
+		height: calc(100vh - 5vh);
+		.top_css {
+			padding: 10px;
+			.search_btn {
+				display: flex;
+				margin-top: 20px;
+
+				.search_item {
+					text-align: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 40px;
+					width: 112px;
+					height: 40px;
+					background: #f7f8f9;
+					cursor: pointer
+				}
+				.searchNo {
+					color: #323233;
+				}
+				.search {
+					color: #2f53eb;
+					background: #ffffff;
+				}
+			}
+		}
+
+		.center_css {
+			background: #ffffff;
+			border-radius: 1px;
+			margin-top: 10px;
+			padding-bottom: 10px;
+		}
+
+		.screen {
+			display: flex;
+
+			.search {
+				width: 40px;
+				height: 40px;
+				background: #f7f8fa;
+				border-radius: 0px 2px 2px 0px;
+				border: 1px solid #f0f1f2;
+			}
+
+			.count_css {
+				width: 80px;
+				text-align: center;
+				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;
+			}
+
+			.fujian {
+				font-size: 24px;
+				color: #409eff;
+			}
+
+			.warning {
+				font-size: 14px;
+				color: #ed1d1d;
+			}
+		}
+	}
+
+	.car_css {
+		width: 50%;
+		display: inline-block;
+		text-align: center;
+		margin-top: 20px;
+	}
+
+	.car_item {
+		width: 100px;
+		height: 100px;
+	}
+
+	.user {
+		margin-bottom: 20px;
+
+		.user_id {
+			display: flex;
+			height: 30px;
+		}
+
+		.name_css,
+		.id_css {
+			width: 50%;
+		}
+
+		.name_css {
+			text-align: right;
+		}
+
+		.user_item {
+			width: 450px;
+			height: 300px;
+		}
+	}
+
+	::v-deep .el-table--border .el-table__header th {
+		background: #f7f8f9;
+	}
+
+	.btn_css {
+		color: #2f53eb;
+		cursor: pointer
+	}
+
+	.sign {
+		font-size: 14px;
+		color: red;
+	}
+
+	.form_css {
+		width: 100%;
+		margin: 20px auto 20px;
+		::v-deep .el-checkbox{
+			width: 40%;
+			height: 30px;
+		}
+		::v-deep .el-dialog__body{
+			padding: 10px 20px;
+		}
+		::v-deep .el-dialog__title{
+			font-size: 16px;
+		}
+		::v-deep .el-textarea__inner{
+			background: #F0F1F2;
+		}
+		.form_btn{
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+</style>

src/views/enterpriseManagement/enterpriseAudit.vue

@@ -1,27 +1,504 @@
-// 企业管理
+// 企业审核
 <template>
-  <div class="center">
-    <div>企业管理</div>
-    <el-button @click="number">{{ num }}</el-button>
-  </div>
+	<div class="center">
+		<div class="center_css">
+			<div class="top_css">
+				<el-row>
+					<el-col :span="14">
+						<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>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col>
+						<div class="search_btn">
+							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item"
+								@click="searchBtn('')">
+								全部
+							</div>
+							<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>
+							<div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
+								已驳回
+							</div>
+							<div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
+								已过期
+							</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 type="index" label="序号" width="50">
+					<template scope="scope">
+						<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+						<span v-else>{{ scope.$index + 1 }}</span>
+					</template>
+				</el-table-column> -->
+				<el-table-column prop="reexType" label="企业名称">
+					<template slot-scope="scope">
+						<div style="position: relative;">
+							<el-avatar :size="20" :src="scope.row.circleUrl" style="margin: 0 10px 0 -25px;"></el-avatar>
+							<span style="position: absolute;display: inline-block;">{{scope.row.reexType}}</span>
+						</div>
+					</template>
+				</el-table-column>
+				<el-table-column prop="purpose" label="统一社会信用代码"></el-table-column>
+				<el-table-column prop="amountMoney" label="法定代表人"></el-table-column>
+				<el-table-column prop="amountMoney" label="账号"></el-table-column>
+				<el-table-column prop="amountMoney" label="实缴金额（万元）"></el-table-column>
+				<el-table-column prop="amountMoney" label="认证日期"></el-table-column>
+				<el-table-column prop="amountMoney" label="厂地租赁截止日期"></el-table-column>
+				<el-table-column prop="amountMoney" label="营业期限"></el-table-column>
+				<el-table-column prop="amountMoney" label="状态"></el-table-column>
+				<el-table-column label="操作" min-width="350">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="adopt(scope.row)">通过</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="reject(scope.row)">驳回</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="seeInfo(scope.row)">查看</span>
+						<el-divider direction="vertical"></el-divider>
+						<el-dropdown>
+							<span class="btn_css">•••</span>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item>禁用</el-dropdown-item>
+								<el-dropdown-item>启用</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+					</template>
+				</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>
+		<el-dialog title="查看授权" :visible.sync="lookInfo" width="500px" :before-close="lookBookClose">
+			<div class="InfoBook_css">
+				<div class="InfoBook_title">姓名</div>
+				<div class="InfoBook_item">张三</div>
+				<div class="InfoBook_title">身份证号</div>
+				<div class="InfoBook_item">210381</div>
+				<div class="InfoBook_title">有效期</div>
+				<div class="InfoBook_item">2017-02-03<span class="data_css">已过期</span></div>
+				<div class="InfoBook_title">身份证人面像</div>
+				<div class="InfoBook_item">
+					<img src="../../../public/img/yonghu.jpg" class="InfoBook_img">
+				</div> 
+				<div class="InfoBook_title">身份证国徽面</div>
+				<div class="InfoBook_item">
+					<img src="../../../public/img/yonghu.jpg" class="InfoBook_img">
+				</div> 
+				<div class="InfoBook_btn">
+					<el-button @click="lookBookClose">关闭</el-button>
+				</div>
+			</div>
+			
+		</el-dialog>
+		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+			<div>
+				<div><span class="sign">*</span>选择驳回原因</div>
+				<div class="form_css">
+					<el-form ref="form" :model="form" label-width="80px">
+						<el-checkbox-group v-model="form.checkList">
+							<el-checkbox label="证件照片不清晰"></el-checkbox>
+							<el-checkbox label="证件照片上传错误"></el-checkbox>
+							<el-checkbox label="身份信息填写错误"></el-checkbox>
+							<el-checkbox label="证件信息填写错误"></el-checkbox>
+							<el-checkbox label="其他"></el-checkbox>
+						</el-checkbox-group>
+						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
+						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，5-50个字" maxlength="50"
+							v-model="form.textarea"></el-input>
+						<div class="form_btn">
+							<el-button @click="rejectClose">取消</el-button>
+							<el-button @click="submit" type="primary">确定</el-button>
+						</div>
+					</el-form>
+				</div>
+			</div>
+		</el-dialog>
+		<el-drawer title="企业详情" :visible.sync="rightSee" >
+			<div class="right_css">
+						<div class="right_title">企业名称</div>
+						<div class="right_item">黑龙江中天昊元贸易有限公司</div>
+						<div class="right_title">法定代表人姓名</div>
+						<div class="right_item">张三</div>
+						<div class="right_title">联系方式</div>
+						<div class="right_title">13654111111</div>
+						<div class="right_title">注册实缴金额（万元）</div>
+						<div class="right_title">13654111111</div>
+						
+						<div class="right_title">身份证</div>
+						<div class="right_item">
+							<img src="../../../public/img/yonghu.jpg" class="right_img">
+						</div>
+						<div class="right_item">
+							<img src="../../../public/img/yonghu.jpg" class="right_img">
+						</div>
+						<div class="right_title">身份证号</div>
+						<div class="right_item">210381</div>
+						<div class="right_title">身份证有效期</div>
+						<div class="right_item">2017-02-03<span class="data_css">已过期</span></div>
+						<div class="right_title">营业执照</div>
+						<div class="right_item">
+							<img src="../../../public/img/yonghu.jpg" class="right_img">
+						</div>
+						<div class="right_title">营业期限截止日期</div>
+						<div class="right_item">2017-02-03<span class="data_css">已过期</span></div>
+						<div class="right_title">统一社会信用代码</div>
+						<div class="right_item">210381</div>
+					
+						<div class="right_btn">
+							<el-button @click="rightSee = false">关闭</el-button>
+						</div>
+		
+					</div>
+		 
+		</el-drawer>
+	</div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: 1111,
-    };
-  },
-  methods: {
-    number() {
-      this.num = '企业管理';
-    },
-  },
-};
+	export default {
+		data() {
+			return {
+				tableData: [{
+						reexType: "王某",
+						count: 5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+					{
+						reexType: "",
+						count: 4.5,
+						circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+				],
+				//分页
+				searchkeyWord: "",
+				currentPage: 1,
+				pageSize: 10,
+				deptBudgetTotal: 0,
+				deptCircularPage: {},
+				search: "",
+				addressUrl: [],
+				disabled: false,
+				lookInfo: false,
+				rejectInfo: false,
+				checkList: [],
+				form: {
+					checkList: [],
+					textarea: "",
+				},
+				rightSee:false,
+
+			};
+		},
+		methods: {
+
+			getList() {},
+			adopt(row) {
+				this.$confirm('确定通过辽H12345的审核？', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					})
+					.then(() => {})
+			},
+			seeInfo(){
+				this.rightSee = true
+			},
+			reject(row) {
+				this.rejectInfo = true
+			},
+			rejectClose() {
+				this.form = {}
+				this.form.checkList = []
+				this.rejectInfo = false
+			},
+			submit() {
+				//驳回提交
+				this.form = {}
+				this.form.checkList = []
+			},
+			submitInfo(){
+				if(!this.Info.title){
+					this.$message.error("请输入标题")
+					return
+				}
+			},
+			lookBook() {
+				this.lookInfo = true;
+			},
+			lookBookClose() {
+				this.lookInfo = false;
+			},
+			searchBtn(num) {
+				this.search = num;
+				this.getList();
+			},
+			find() {
+				this.getList();
+			},
+			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;
-  background: #e8ecf6;
-}
-</style>
+	.center {
+		padding: 10px 20px;
+		background: #f5f6f7;
+		height: calc(100vh - 5vh);
+
+		.top_css {
+			padding: 10px;
+
+			.search_btn {
+				display: flex;
+				margin-top: 20px;
+
+				.search_item {
+					text-align: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 40px;
+					width: 112px;
+					height: 40px;
+					background: #f7f8f9;
+					cursor: pointer
+				}
+
+				.searchNo {
+					color: #323233;
+				}
+
+				.search {
+					color: #2f53eb;
+					background: #ffffff;
+				}
+			}
+		}
+
+		.center_css {
+			background: #ffffff;
+			border-radius: 1px;
+			margin-top: 10px;
+			padding-bottom: 10px;
+		}
+
+		.screen {
+			display: flex;
+
+			.search {
+				width: 40px;
+				height: 40px;
+				background: #f7f8fa;
+				border-radius: 0px 2px 2px 0px;
+				border: 1px solid #f0f1f2;
+			}
+
+			.count_css {
+				width: 80px;
+				text-align: center;
+				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;
+			}
+
+			.fujian {
+				font-size: 24px;
+				color: #409eff;
+			}
+
+			.warning {
+				font-size: 14px;
+				color: #ed1d1d;
+			}
+		}
+	}
+
+	.car_css {
+		width: 50%;
+		display: inline-block;
+		text-align: center;
+		margin-top: 20px;
+	}
+
+	.car_item {
+		width: 100px;
+		height: 100px;
+	}
+
+	.user {
+		margin-bottom: 20px;
+
+		.user_id {
+			display: flex;
+			height: 30px;
+		}
+
+		.name_css,
+		.id_css {
+			width: 50%;
+		}
+
+		.name_css {
+			text-align: right;
+		}
+
+		.user_item {
+			width: 450px;
+			height: 300px;
+		}
+	}
+
+	::v-deep .el-table--border .el-table__header th {
+		background: #f7f8f9;
+	}
+
+	.btn_css {
+		color: #2f53eb;
+		cursor: pointer
+	}
+
+	.sign {
+		font-size: 14px;
+		color: red;
+	}
+
+	.form_css {
+		width: 100%;
+		margin: 20px auto 20px;
+
+		::v-deep .el-checkbox {
+			width: 40%;
+			height: 30px;
+		}
+
+		::v-deep .el-dialog__body {
+			padding: 10px 20px;
+		}
+
+		::v-deep .el-dialog__title {
+			font-size: 16px;
+		}
+
+		::v-deep .el-textarea__inner {
+			background: #F0F1F2;
+		}
+
+		.form_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+	//发送信息
+	.Info_css{
+		.Info_title{
+			color: #323233;
+			font-size: 16px;
+		}
+		.Info_item{
+			margin: 20px 0;
+		}
+		.Info_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
+	//授权信息
+	.InfoBook_css{
+		.InfoBook_title{
+			color: #9D9D9D;
+			font-size: 14px;
+		}
+		.data_css{
+			color: #EF4C33 ;
+			font-size: 14px;
+			margin-left: 6px;
+		}
+		.InfoBook_item{
+			color: #0D0D0D;
+			font-size: 14px;
+			margin-bottom: 20px;
+		}
+		.InfoBook_btn {
+			text-align: right;
+			margin-top: 10px;
+		}
+		.InfoBook_img{
+			width: 200px;
+			height: 120px;
+			margin-top: 10px;
+		}
+	}
+	
+	.right_css {
+			padding:0 20px;
+	
+			.right_title {
+				color: #9D9D9D;
+				font-size: 14px;
+			}
+	
+			.right_item {
+				color: #0D0D0D;
+				font-size: 14px;
+				margin-bottom: 20px;
+			}
+	
+			.right_btn {
+				text-align: right;
+				margin-top: 10px;
+			}
+	
+			.right_img {
+				width: 200px;
+				height: 120px;
+				margin-top: 10px;
+			}
+		}
+	
+</style>

src/views/orderManagement/orderAudit.vue

@@ -1,27 +1,403 @@
 // 订单审核
 <template>
-  <div class="center">
-    <div>订单审核</div>
-    <el-button @click="number">{{ num }}</el-button>
-  </div>
+	<div class="center">
+		<div class="center_css">
+			<div class="top_css">
+				<el-row>
+					<el-col :span="14">
+						<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>
+						</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col>
+						<div class="search_btn">
+							<div :class="search == '' ? 'search' : 'searchNo'" class="search_item"
+								@click="searchBtn('')">
+								全部
+							</div>
+							<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>
+							<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>
+							<div :class="search == 5 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(5)">
+								已完结
+							</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 type="index" label="序号" width="50">
+					<template scope="scope">
+						<span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
+						<span v-else>{{ scope.$index + 1 }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="purpose" label="订单编号"></el-table-column>
+				<el-table-column prop="amountMoney" label="货主"></el-table-column>
+				<el-table-column prop="amountMoney" label="司机"></el-table-column>
+				<el-table-column prop="amountMoney" label="运费(元)" >
+				</el-table-column>
+				<el-table-column prop="amountMoney" label="已付(元)" ></el-table-column>
+				<el-table-column prop="amountMoney" label="超期费(元)" ></el-table-column>
+				<el-table-column prop="amountMoney" label="应还(元)" ></el-table-column>
+				<el-table-column prop="amountMoney" label="已还(元)" ></el-table-column>
+				<el-table-column prop="amountMoney" label="发票" ></el-table-column>
+				<!-- <el-table-column label="车辆">
+					<span  @click="carLook" class="btn_css">查看</span>
+				</el-table-column> -->
+				<el-table-column prop="payee" label="合同">
+					<span @click="account" class="btn_css">查看</span>
+				</el-table-column>
+				<el-table-column prop="amountMoney" label="更新时间" ></el-table-column>
+				<el-table-column prop="status" label="状态"></el-table-column>
+				<el-table-column label="操作" min-width="350">
+					<template slot-scope="scope">
+						<span class="btn_css" @click="adopt(scope.row)">通过</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css" @click="reject(scope.row)">驳回</span>
+						<el-divider direction="vertical"></el-divider>
+						<span class="btn_css">消息</span>
+						<el-divider direction="vertical"></el-divider>
+						<el-dropdown>
+							<span class="btn_css">•••</span>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item>禁用</el-dropdown-item>
+								<el-dropdown-item>启用</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+
+					</template>
+				</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>
+		<el-dialog title="车辆信息" :visible.sync="carInfo" width="500px" :before-close="carClose">
+			<div class="car_css" v-for="item in 5">
+				<img src="../../../public/img/yonghu.jpg" class="car_item" />
+				<div>
+					<span>辽H12345 通过</span>
+				</div>
+			</div>
+		</el-dialog>
+		<el-dialog title="账户信息" :visible.sync="userInfo" width="500px" :before-close="userClose">
+			<div class="user" v-for="item in 2">
+				<div class="user_id">
+					<div class="id_css">12121212121212121212</div>
+					<div class="name_css">张三</div>
+				</div>
+				<div>中国银行-鲅鱼圈支行</div>
+				<img src="../../../public/img/yonghu.jpg" class="user_item" />
+			</div>
+		</el-dialog>
+		<el-dialog title="附件" :visible.sync="fujianInfo" width="500px" :before-close="fujianClose">
+		<!-- 	<div class="user" v-for="item in 2">
+				
+			</div> -->
+		</el-dialog>
+		<el-dialog title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
+			<div>
+				<div><span class="sign">*</span>选择驳回原因</div>
+				<div class="form_css">
+					<el-form ref="form" :model="form" label-width="80px">
+						<el-checkbox-group v-model="form.checkList">
+							<el-checkbox label="证件照片不清晰"></el-checkbox>
+							<el-checkbox label="证件照片上传错误"></el-checkbox>
+							<el-checkbox label="身份信息填写错误"></el-checkbox>
+							<el-checkbox label="证件信息填写错误"></el-checkbox>
+							<el-checkbox label="其他"></el-checkbox>
+						</el-checkbox-group>
+						<div style="margin: 20px 0;">驳回原因描述（选填）</div>
+						<el-input type="textarea" :rows="3" resize="none" placeholder="输入驳回原因，5-50个字" maxlength="50" v-model="form.textarea"></el-input>
+					    <div class="form_btn">
+					    	<el-button @click="rejectClose">取消</el-button>
+						 <el-button @click="submit" type="primary">确定</el-button>
+					    </div>
+						 
+					</el-form>
+				</div>
+			</div>
+		</el-dialog>
+	</div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      num: 1111
-    }
-  },
-  methods: {
-    number() {
-      this.num = '订单审核'
-    }
-  }
-}
+	export default {
+		data() {
+			return {
+				tableData: [{
+						reexType: "王某",
+						count: 5,
+						circleUrl:'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+					{
+						reexType: "",
+						count: 4.5,
+						circleUrl:'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+					},
+				],
+				//分页
+				searchkeyWord: "",
+				currentPage: 1,
+				pageSize: 10,
+				deptBudgetTotal: 0,
+				deptCircularPage: {},
+				search: "",
+				addressUrl: [],
+				disabled: false,
+				carInfo: false,
+				userInfo: false,
+				fujianInfo:false,
+				rejectInfo:false,
+				form:{
+					checkList:[],
+					textarea:"",
+				},
+			};
+		},
+		methods: {
+			getList() {},
+			account() {
+				this.userInfo = true;
+			},
+			fujianLook(){
+				this.fujianInfo = true
+			},
+			userClose() {
+				this.userInfo = false;
+			},
+			fujianClose(){
+				this.fujianInfo = false
+			},
+			carLook() {
+				this.carInfo = true;
+			},
+			carClose() {
+				this.carInfo = false;
+			},
+			searchBtn(num) {
+				this.search = num;
+				this.getList();
+			},
+			find() {
+				this.getList();
+			},
+			adopt(row) {
+				this.$confirm('确定通过辽H12345的审核？', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					})
+					.then(() => {	
+					})
+			},
+			submit(){
+				//驳回提交
+				this.form = {}
+				this.form.checkList=[]
+			},
+			reject(row) {
+				this.rejectInfo = true
+			},
+			rejectClose() {
+				this.form = {}
+				this.form.checkList=[]
+				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;
-  background: #e8ecf6;
-}
+	.center {
+		padding: 10px 20px;
+		background: #f5f6f7;
+		height: calc(100vh - 5vh);
+
+
+		.top_css {
+			padding: 10px;
+
+			.search_btn {
+				display: flex;
+				margin-top: 20px;
+
+				.search_item {
+					text-align: center;
+					font-size: 14px;
+					font-weight: 600;
+					line-height: 40px;
+					width: 112px;
+					height: 40px;
+					background: #f7f8f9;
+					cursor:pointer
+				}
+
+				.searchNo {
+					color: #323233;
+				}
+
+				.search {
+					color: #2f53eb;
+					background: #ffffff;
+				}
+			}
+		}
+
+		.center_css {
+			background: #ffffff;
+			border-radius: 1px;
+			margin-top: 10px;
+			padding-bottom: 10px;
+		}
+
+		.screen {
+			display: flex;
+
+			.search {
+				width: 40px;
+				height: 40px;
+				background: #f7f8fa;
+				border-radius: 0px 2px 2px 0px;
+				border: 1px solid #f0f1f2;
+			}
+
+			.count_css {
+				width: 80px;
+				text-align: center;
+				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;
+			}
+
+			.fujian {
+				font-size: 24px;
+				color: #409eff;
+			}
+
+			.warning {
+				font-size: 14px;
+				color: #ed1d1d;
+			}
+		}
+	}
+
+	.car_css {
+		width: 50%;
+		display: inline-block;
+		text-align: center;
+		margin-top: 20px;
+	}
+
+	.car_item {
+		width: 100px;
+		height: 100px;
+	}
+
+	.user {
+		margin-bottom: 20px;
+
+		.user_id {
+			display: flex;
+			height: 30px;
+		}
+
+		.name_css,
+		.id_css {
+			width: 50%;
+		}
+
+		.name_css {
+			text-align: right;
+		}
+
+		.user_item {
+			width: 450px;
+			height: 300px;
+		}
+	}
+
+	::v-deep .el-table--border .el-table__header th {
+		background: #f7f8f9;
+	}
+
+	.btn_css {
+		color: #2f53eb;
+		cursor:pointer
+	}
+	.sign {
+		font-size: 14px;
+		color: red;
+	}
+	.form_css {
+		width: 100%;
+		margin: 20px auto 20px;
+		::v-deep .el-checkbox{
+			width: 40%;
+			height: 30px;
+		}
+		// ::v-deep .el-dialog__body{
+		// 	padding: 10px 20px;
+		// }
+		::v-deep .el-dialog__title{
+			font-size: 16px;
+		}
+		::v-deep .el-textarea__inner{
+			background: #F0F1F2;
+		}
+		.form_btn{
+			text-align: right;
+			margin-top: 10px;
+		}
+	}
 </style>
+

vue.config.js

@@ -55,7 +55,7 @@ module.exports = {
     },
     proxy: {
       '/pb': {
-        target: 'http://192.168.1.117:8090/',
+        target: 'http://192.168.0.107:8091/',
         changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
         pathRewrite: { '^/pb': '/' }, //这里重写路径
         secure: false,