完善部分节目逻辑

src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue

@@ -4,22 +4,22 @@
 			<el-form :inline="true" :model="formInline" class="demo-form-inline">
 				<el-form-item label="申请时间">
 					<div class="block">
-						<el-date-picker v-model="value1" type="datetime" placeholder="" />
+						<el-date-picker v-model="start_time" type="datetime" placeholder="" />
 					</div>
 					<el-icon>
 						<semi-select />
 					</el-icon>
 					<div class="block">
-						<el-date-picker v-model="value2" type="datetime" placeholder="" />
+						<el-date-picker v-model="end_time" type="datetime" placeholder="" />
 					</div>
 				</el-form-item>
 				<el-form-item label="账号状态">
-					<el-select v-model="value3" clearable placeholder="账号状态">
+					<el-select v-model="cтатус_счета" clearable placeholder="账号状态">
 						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
 					</el-select>
 				</el-form-item>
 				<el-form-item label="每页条数">
-					<el-select v-model="value4" clearable placeholder="账号状态">
+					<el-select v-model="номер" clearable placeholder="账号状态">
 						<el-option v-for="item in optiones" :key="item.value" :label="item.label" :value="item.value" />
 					</el-select>
 				</el-form-item>
@@ -40,8 +40,8 @@
 				</el-form-item>
 			</el-form>
 		</div>
-		<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe >
-			<el-table-column prop="date" label="序号" width="100px"/>
+		<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe>
+			<el-table-column prop="date" label="序号" width="100px" />
 			<el-table-column prop="name" label="对公账户资金账户编号" />
 			<el-table-column prop="address" label="公司名称" />
 			<el-table-column prop="number" label="公司证件号" />
@@ -49,12 +49,12 @@
 			<el-table-column prop="type" label="账号状态" />
 			<el-table-column prop="regname" label="审核人员" />
 			<el-table-column prop="regtime" label="审核时间" />
-			<el-table-column label="操作" class="table_btn" width="150px" align="center">
+			<el-table-column label="操作" class="table_btn" width="350px" align="center">
 				<el-tooltip content="驳回" placement="top">
-					<el-button type="warning" @click="dialogFormVisible = true">驳回审核</el-button>
+					<el-button type="warning" @click="опровергать">驳回审核</el-button>
 				</el-tooltip>
 				<el-tooltip content="审核通过" placement="top">
-					<el-button type="warning" @click="dialogFormVisible = true">审核通过</el-button>
+					<el-button type="warning" @click="agree">审核通过</el-button>
 				</el-tooltip>
 				<el-tooltip content="详细" placement="top">
 					<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
@@ -67,30 +67,35 @@
 		</div>
 
 		<el-dialog v-model="dialogFormVisible" :title="title">
-			<el-form :model="form" v-if="delivery">
+			<el-form :model="form">
 				<el-form-item label="手机号" :label-width="formLabelWidth">
 					<el-input v-model="form.phone" autocomplete="off" disabled />
 				</el-form-item>
-				<el-form-item label="验证码" :label-width="formLabelWidth">
-					<el-input v-model="form.region" autocomplete="off" />
+				<el-form-item label="验证码" label-width="formLabelWidth">
+					<div class="as-layout-horizontal">
+						<el-input v-model="form.region" />
+						<el-button type="primary" @click="getPhone">{{text}}</el-button>
+					</div>
 				</el-form-item>
 			</el-form>
-			
-			<el-form :model="form" v-else>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary">取消</el-button>
+					<el-button type="primary" @click="dialogFormVisibles">确定</el-button>
+				</span>
+			</template>
+		</el-dialog>
+
+		<el-dialog v-model="dialogFormVisibles" title="对公账户信息">
+			<span>对公账户信息</span>
+			<el-form :model="form">
 				<el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth">
 					<el-input v-model="form.number" autocomplete="off" disabled />
 				</el-form-item>
-				<el-form-item label="验证码" :label-width="formLabelWidth">
-					<el-input v-model="form.region" autocomplete="off" />
+				<el-form-item label="公司名称" :label-width="formLabelWidth">
+					<el-input v-model="form.comName" autocomplete="off" disabled />
 				</el-form-item>
 			</el-form>
-			<template #footer>
-				<span class="dialog-footer">
-					<el-button @click="dialogFormVisible = false">确定</el-button>
-					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
-				</span>
-			</template>
-			
 		</el-dialog>
 	</div>
 </template>
@@ -104,16 +109,30 @@
 		reactive,
 		ref
 	} from 'vue'
+	import {
+		ElMessage,
+		ElMessageBox
+	} from 'element-plus'
+	
+	const form = reactive({
+		phone: '13078580843', //手机号
+		region: '123', //验证码
+		delivery: false, //是否展示详细
+		number: '' //对公账户资金账户编号
+		comName:'',
+		
+	})
+	
 
 	const formInline = reactive({
 		user: '',
-		region: '',
+		region: '123',
 	})
 
 	const onSubmit = () => {
 		console.log('submit!')
 	}
-	
+
 	let title = ref("对公账户信息")
 
 	const options = [{
@@ -137,25 +156,19 @@
 			label: '待修改初始密码',
 		},
 	]
-
-	const value1 = ref('')
-	const value2 = ref('')
-	const value3 = ref('')
-	const value4 = ref('')
-	
+	let text = '获取验证码';
+	const start_time = ref('') //申请选择开始时间
+	const end_time = ref('') //申请选择结束时间
+	const cтатус_счета = ref('') //账号状态
+	const номер = ref('') //每页条数
+	let time = ref(0) //验证码倒计时
 	const dialogTableVisible = ref(false)
 	const dialogFormVisible = ref(false)
 	const formLabelWidth = '140px'
+	const dialogFormVisibles = ref(false)
 	
-	const form = reactive({
-	  phone: '13078580843',//手机号
-	  region: '',//验证码
-	  delivery: false,//是否展示详细
-	  number:''//对公账户资金账户编号
-	  
-	})
-	
-	
+
+
 	const optiones = [{
 			value: '2',
 			label: '2',
@@ -233,6 +246,81 @@
 			regtime: "2021-06-23T15:08:39"
 		}
 	]
+
+	const agree = (id) => {
+
+		ElMessageBox.confirm(
+				'确定通过这个申请?',
+				'警告', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning',
+				}
+		 )
+			.then(() => {
+				ElMessage({
+					type: 'success',
+					message: '操作成功！',
+				})
+			})
+			.catch(() => {
+				ElMessage({
+					type: '取消',
+					message: '已取消',
+				})
+			})
+	}
+
+
+	const опровергать = (id) => {
+		ElMessageBox.confirm(
+				'确定驳回这个申请?',
+				'警告', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning',
+				}
+			)
+			.then(() => {
+				ElMessage({
+					type: 'success',
+					message: '操作成功！',
+				})
+			})
+			.catch(() => {
+				ElMessage({
+					type: '取消',
+					message: '已取消',
+				})
+			})
+	}
+
+	const startime=() => {
+		if (parseInt(time) == 0) {
+			text = '获取验证码';
+			time = 60;
+		} else {
+			time--;
+			text = time;
+			setTimeout(function() {
+				getPhone()
+			}, 1000);
+		}
+	}
+
+	const getPhone=() => {
+		if(form.region != '') {
+			//start_time()
+		} else {
+			ElMessage({
+				type: 'success',
+				message: '请输入验证码！',
+			})
+		}
+
+	}
+	
+	
 </script>
 
 <style lang="scss">
@@ -243,7 +331,8 @@
 
 		.table_box {
 			margin-top: 25px;
-			.table_btn{
+
+			.table_btn {
 				display: flex;
 				flex-direction: column;
 				align-self: stretch;
@@ -255,5 +344,10 @@
 		.page_box {
 			margin-top: 25px;
 		}
+
+		.box {
+			display: flex;
+
+		}
 	}
 </style>