Merge branch 'master' of https://gitee.com/dmc_qq/etc-project into master

src/views/fancongcong/addsupplyCardBalance/addsupplyCardBalance.vue

@@ -11,14 +11,20 @@
 				</el-form-item>
 			</el-form>
 		</div>
-		<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe >
+		<el-table :data="tableData" border style="width: 100%" class="table_box" stripe >
 			<el-table-column prop="date" label="卡号" width="100px"/>
 			<el-table-column prop="name" label="需要补交的金额" />
 			<el-table-column prop="regtime" label="卡账生成时间" />
 			<el-table-column prop="number" label="卡片所属渠道" />
-			<el-table-column label="操作" class="table_btn" width="150px" align="center">
-				<el-tooltip content="详细" placement="top">
-					<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
+			<el-table-column label="操作" class="table_btn" width="400px" align="center">
+				<el-tooltip content="卡账正常" placement="top">
+					<el-button type="primary" disabled>卡账正常</el-button>
+				</el-tooltip>
+				<el-tooltip content="补交明细" placement="top">
+					<el-button type="primary" @click="dialogFormVisibles = true">补交明细</el-button>
+				</el-tooltip>
+				<el-tooltip content="卡帐名细" placement="top">
+					<el-button type="primary" @click="dialogFormVisible = true">卡帐名细</el-button>
 				</el-tooltip>
 			</el-table-column>
 		</el-table>
@@ -27,13 +33,31 @@
 			<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
 		</div>
 
-		<el-dialog v-model="dialogFormVisible" title="补交详细">
+		<el-dialog v-model="dialogFormVisible" title="卡账明细">
 			<el-form :model="form">
-				<el-form-item label="手机号" :label-width="formLabelWidth">
-					<el-input v-model="form.phone" autocomplete="off" disabled />
+				<el-form-item label="当前卡内余额" :label-width="formLabelWidth">
+					<el-input v-model="form.balance" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="总消费金额" :label-width="formLabelWidth" >
+					<el-input v-model="form.balances" autocomplete="off" disabled/>
+				</el-form-item>
+				<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.intoName" autocomplete="off" disabled/>
+				</el-form-item>
+				<el-form-item label="出站名" :label-width="formLabelWidth">
+					<el-input v-model="form.leaveName" autocomplete="off" disabled/>
+				</el-form-item>
+				<el-form-item label="入站时间" :label-width="formLabelWidth">
+					<el-input v-model="form.intoTime" autocomplete="off" disabled/>
+				</el-form-item>
+				<el-form-item label="出站时间" :label-width="formLabelWidth">
+					<el-input v-model="form.leaveTime" 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.Money" autocomplete="off" disabled/>
 				</el-form-item>
 			</el-form>
 			<template #footer>
@@ -42,32 +66,49 @@
 					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
 				</span>
 			</template>
-			
+		</el-dialog>
+
+		<el-dialog v-model="dialogFormVisibles" title="补交明细">
+			<el-form :model="form">
+				<el-form-item label="卡号" :label-width="formLabelWidth">
+					<el-input v-model="form.carNumber" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="金额" :label-width="formLabelWidth" >
+					<el-input v-model="form.cardMoney" autocomplete="off" disabled/>
+				</el-form-item>
+				<el-form-item label="补交时间" :label-width="formLabelWidth">
+					<el-input v-model="form.CardTime" autocomplete="off" disabled/>
+				</el-form-item>
+				<el-form-item label="补交编号" :label-width="formLabelWidth">
+					<el-input v-model="form.Cardchannel" autocomplete="off" disabled/>
+				</el-form-item>
+			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button @click="dialogFormVisibles = false">确定</el-button>
+					<el-button type="primary" @click="dialogFormVisibles = false">关闭</el-button>
+				</span>
+			</template>
 		</el-dialog>
 	</div>
 </template>
 
 <script lang="ts" setup>
+	//导入模块
 	import {
-		Search,
-		Dwnload
+		Search
 	} from '@element-plus/icons-vue'
 	import {
 		reactive,
 		ref
 	} from 'vue'
 
+	//变量定义
 	const formInline = reactive({
 		user: '',
 		region: '',
 	})
-
-	const onSubmit = () => {
-		console.log('submit!')
-	}
-	
 	let title = ref("对公账户信息")
-
 	const options = [{
 			value: '',
 			label: '全部',
@@ -89,25 +130,29 @@
 			label: '待修改初始密码',
 		},
 	]
-
-	const value1 = ref('')
-	const value2 = ref('')
-	const value3 = ref('')
-	const value4 = ref('')
-	
-	const dialogTableVisible = ref(false)
-	const dialogFormVisible = ref(false)
-	const formLabelWidth = '140px'
-	
-	const form = reactive({
-	  phone: '13078580843',//手机号
-	  region: '',//验证码
-	  delivery: false,//是否展示详细
-	  number:''//对公账户资金账户编号
-	  
+	let value1 = ref('')
+	let value2 = ref('')
+	let value3 = ref('')
+	let value4 = ref('')
+	let dialogTableVisible = ref(false)
+	let dialogFormVisible = ref(false)
+    let dialogFormVisibles = ref(false)
+	let formLabelWidth = '140px'
+	let form = reactive({
+	  balance:'',//当前卡内余额
+	  balances:'',//总消费金额
+	  number:'',//流水编号
+	  intoName:'',//进站名
+	  leaveName:'',//离站名
+	  intoTime:'',//进站时间
+	  leaveTime:'',//离站时间
+	  licenseNumber:"",//车牌号
+	  Money:"",//金额
+	  carNumber:'',//补交卡号
+	  cardMoney:'',//需要补交的金额
+	  CardTime:'',//卡账生成时间
+	  Cardchannel:''//补交编号
 	})
-	
-	
 	const optiones = [{
 			value: '2',
 			label: '2',
@@ -129,9 +174,7 @@
 			label: '30',
 		},
 	]
-
 	const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
-
 	const shortcuts = [{
 			text: 'Today',
 			value: new Date(),
@@ -165,6 +208,12 @@
 			regtime: "2021-06-23T15:08:39"
 		}
 	]
+
+	//事件处理
+	const onSubmit = () => {
+		console.log('submit!')
+	}
+	onSubmit()
 </script>
 
 <style lang="scss">

src/views/fancongcong/advancepaymentaccount/advancepaymentaccount.vue

@@ -22,16 +22,15 @@
 				<el-form-item label="交易流水编号">
 					<el-input v-model="formInline.user" placeholder="交易流水编号" />
 				</el-form-item>
-
 				<el-form-item>
 					<el-button :icon="Search" type="primary">查询</el-button>
 					<el-button type="info">重置</el-button>
-					<el-button :icon="download" type="primary">导入Excel</el-button>
-					<el-button :icon="download" type="primary">下载导入模板</el-button>
+					<el-button type="primary">导入Excel</el-button>
+					<el-button type="primary">下载导入模板</el-button>
 				</el-form-item>
 			</el-form>
 		</div>
-		<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe >
+		<el-table :data="tableData" border style="width: 100%" class="table_box"  stripe >
 			<el-table-column prop="date" label="交易流水号" width="200px"/>
 			<el-table-column prop="name" label="交易时间" width="200px"/>
 			<el-table-column prop="address" label="支出金额" width="200px"/>
@@ -43,55 +42,55 @@
 			<el-table-column prop="use" label="用途" width="200px"/>
 			<el-table-column prop="nonumbers" label="附言" width="200px"/>
 			<el-table-column prop="usetype" label="摘要" width="200px"/>
-			<el-table-column label="操作" class="table_btn" width="150px" align="center">
-				<el-tooltip content="详细" placement="top">
-					<el-button type="warning" disabled>已同意</el-button>
+			<el-table-column label="操作" class="table_btn" width="500px" align="center">
+				<el-tooltip content="拒绝" placement="top">
+					<el-button type="warning" @click="опровергать">拒绝</el-button>
+				</el-tooltip>
+				<el-tooltip content="同意" placement="top">
+					<el-button type="warning" @click="agree">同意</el-button>
+				</el-tooltip>
+				<el-tooltip content="请输入对公账号" placement="top">
+					<el-button type="warning" @click="dialogFormVisible = true">请输入对公账号</el-button>
 				</el-tooltip>
 			</el-table-column>
 		</el-table>
-
 		<div class="page_box">
 			<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
 		</div>
-
 		<el-dialog v-model="dialogFormVisible" :title="title">
 			<el-form :model="form">
-				<el-form-item label="手机号" :label-width="formLabelWidth">
+				<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>
 			</el-form>
-			<!-- <span class="dialog-footer">
+			<span class="dialog-footer">
 					<el-button @click="dialogFormVisible = false">确定</el-button>
 					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
-			</span> -->
+			</span> 
 		</el-dialog>
 	</div>
 </template>
 
 <script lang="ts" setup>
+	//模块导入
 	import {
-		Search,
-		Dwnload
+		Search
 	} from '@element-plus/icons-vue'
 	import {
 		reactive,
 		ref
 	} from 'vue'
+	import {ElMessage,	ElMessageBox} from 'element-plus'
 
+	//变量声明
 	const formInline = reactive({
 		user: '',
 		region: '',
 	})
-
 	const onSubmit = () => {
 		console.log('submit!')
 	}
-	
 	let title = ref("对公账户信息")
-
 	const options = [{
 			value: '',
 			label: '全部',
@@ -113,25 +112,20 @@
 			label: '待修改初始密码',
 		},
 	]
-
-	const value1 = ref('')
-	const value2 = ref('')
-	const value3 = ref('')
-	const value4 = ref('')
-	
-	const dialogTableVisible = ref(false)
-	const dialogFormVisible = ref(false)
-	const formLabelWidth = '140px'
-	
-	const form = reactive({
+	let value1 = ref('')
+	let value2 = ref('')
+	let value3 = ref('')
+	let value4 = ref('')
+	let dialogTableVisible = ref(false)
+	let dialogFormVisible = ref(false)
+	let formLabelWidth = '140px'
+	let form = reactive({
 	  phone: '13078580843',//手机号
 	  region: '',//验证码
 	  delivery: false,//是否展示详细
 	  number:''//对公账户资金账户编号
 	  
 	})
-	
-	
 	const optiones = [{
 			value: '2',
 			label: '2',
@@ -153,9 +147,7 @@
 			label: '30',
 		},
 	]
-
 	const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
-
 	const shortcuts = [{
 			text: 'Today',
 			value: new Date(),
@@ -177,7 +169,6 @@
 			},
 		},
 	]
-
 	const tableData = [
 		{
 			date: '34625032',
@@ -194,6 +185,55 @@
 			usetype:"小额来账自动入账"
 		}
 	]
+
+
+	//事件
+	//同意申请
+	const agree = (id:any) => {
+		ElMessageBox.confirm(
+				'确定同意?',
+				'警告', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning',
+				}
+		 )
+			.then(() => {
+				ElMessage({
+					type: 'success',
+					message: '操作成功！',
+				})
+			})
+			.catch(() => {
+				ElMessage({
+					type: '取消',
+					message: '已取消',
+				})
+			})
+	}
+	//驳回申请
+	const опровергать = (id:any) => {
+		ElMessageBox.confirm(
+				'确定拒绝?',
+				'警告', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning',
+				}
+			)
+			.then(() => {
+				ElMessage({
+					type: 'success',
+					message: '操作成功！',
+				})
+			})
+			.catch(() => {
+				ElMessage({
+					type: '取消',
+					message: '已取消',
+				})
+			})
+	}
 </script>
 
 <style lang="scss">

src/views/fancongcong/cardrefundcostManage/cardrefundcostManage.vue

@@ -20,7 +20,13 @@
 			<el-table-column prop="number" label="卡内余额(元)" />
 			<el-table-column prop="numbers" label="交易后余额(元)"/>
 			<el-table-column prop="numbers" label="退费金额(元)"/>
-			<el-table-column label="操作" class="table_btn" width="150px" align="center">
+			<el-table-column label="操作" class="table_btn" width="500px" align="center">
+				<el-tooltip content="驳回" placement="top">
+					<el-button type="warning" @click="опровергать">驳回审核</el-button>
+				</el-tooltip>
+				<el-tooltip content="审核通过" placement="top">
+					<el-button type="warning" @click="agree">审核通过</el-button>
+				</el-tooltip>
 				<el-tooltip content="详细" placement="top">
 					<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
 				</el-tooltip>
@@ -52,26 +58,24 @@
 </template>
 
 <script lang="ts" setup>
+	//导入模块
 	import {
-		Search,
-		Dwnload
+		Search
 	} from '@element-plus/icons-vue'
 	import {
 		reactive,
 		ref
 	} from 'vue'
 
-	const formInline = reactive({
+	//变量声明
+	let formInline = reactive({
 		user: '',
 		region: '',
 	})
-
 	const onSubmit = () => {
 		console.log('submit!')
 	}
-	
 	let title = ref("对公账户信息")
-
 	const options = [{
 			value: '',
 			label: '全部',
@@ -93,25 +97,20 @@
 			label: '待修改初始密码',
 		},
 	]
-
-	const value1 = ref('')
-	const value2 = ref('')
-	const value3 = ref('')
-	const value4 = ref('')
-	
-	const dialogTableVisible = ref(false)
-	const dialogFormVisible = ref(false)
-	const formLabelWidth = '140px'
-	
-	const form = reactive({
+	let value1 = ref('')
+	let value2 = ref('')
+	let value3 = ref('')
+	let value4 = ref('')
+	let dialogTableVisible = ref(false)
+	let dialogFormVisible = ref(false)
+	let formLabelWidth = '140px'
+	let form = reactive({
 	  phone: '13078580843',//手机号
 	  region: '',//验证码
 	  delivery: false,//是否展示详细
 	  number:''//对公账户资金账户编号
 	  
 	})
-	
-	
 	const optiones = [{
 			value: '2',
 			label: '2',
@@ -133,9 +132,7 @@
 			label: '30',
 		},
 	]
-
 	const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
-
 	const shortcuts = [{
 			text: 'Today',
 			value: new Date(),
@@ -157,7 +154,6 @@
 			},
 		},
 	]
-
 	const tableData = [{
 			date: '01',
 			name: '52011750220200003674',
@@ -171,6 +167,9 @@
 			numbers:"0.00"
 		}
 	]
+
+	//事件处理
+	
 </script>
 
 <style lang="scss">

src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue

@@ -24,23 +24,23 @@
 					</el-select>
 				</el-form-item>
 				<el-form-item label="对公账户资金账户编号">
-					<el-input v-model="formInline.user" placeholder="对公账户资金账户编号" />
+					<el-input v-model="formInline.number" placeholder="对公账户资金账户编号" />
 				</el-form-item>
 				<el-form-item label="公司证件号">
-					<el-input v-model="formInline.user" placeholder="公司证件号" />
+					<el-input v-model="formInline.coNumber" placeholder="公司证件号" />
 				</el-form-item>
 				<el-form-item label="公司名称">
 					<el-input v-model="formInline.user" placeholder="公司名称" />
 				</el-form-item>
 
 				<el-form-item>
-					<el-button :icon="Search" type="primary">查询</el-button>
-					<el-button type="info">重置</el-button>
-					<el-button :icon="download" type="primary">导出</el-button>
+					<el-button :icon="Search" type="primary" @click="search">查询</el-button>
+					<el-button type="info" @click="resive">重置</el-button>
+					<el-button type="primary" @click="drow">导出</el-button>
 				</el-form-item>
 			</el-form>
 		</div>
-		<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe>
+		<el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
 			<el-table-column prop="date" label="序号" width="100px" />
 			<el-table-column prop="name" label="对公账户资金账户编号" />
 			<el-table-column prop="address" label="公司名称" />
@@ -67,7 +67,7 @@
 		</div>
 
 		<el-dialog v-model="dialogFormVisible" :title="title">
-			<el-form :model="form">
+			<!--<el-form :model="form" v-if="dialogFormVisible">
 				<el-form-item label="手机号" :label-width="formLabelWidth">
 					<el-input v-model="form.phone" autocomplete="off" disabled />
 				</el-form-item>
@@ -77,17 +77,7 @@
 						<el-button type="primary" @click="getPhone">{{text}}</el-button>
 					</div>
 				</el-form-item>
-			</el-form>
-			<template #footer>
-				<span class="dialog-footer">
-					<el-button type="primary" @click="dialogFormVisible = false">取消</el-button>
-					<el-button type="primary" @click="dialogFormVisible = false">确定</el-button>
-				</span>
-			</template>
-		</el-dialog>
-
-		<el-dialog v-model="dialogFormVisibles" title="对公账户信息">
-			<span>对公账户信息</span>
+			</el-form>-->
 			<el-form :model="form">
 				<el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth">
 					<el-input v-model="form.number" autocomplete="off" disabled />
@@ -95,46 +85,127 @@
 				<el-form-item label="公司名称" :label-width="formLabelWidth">
 					<el-input v-model="form.comName" autocomplete="off" disabled />
 				</el-form-item>
+				<el-form-item label="公司证件号" :label-width="formLabelWidth">
+					<el-input v-model="form.coNumbers" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="申请时间" :label-width="formLabelWidth">
+					<el-input v-model="form.regTime" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="账号状态" :label-width="formLabelWidth">
+					<el-input v-model="form.regtype" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="审核人员" :label-width="formLabelWidth">
+					<el-input v-model="form.regmame" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="审核时间" :label-width="formLabelWidth">
+					<el-input v-model="form.regtimres" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="经办人名称" :label-width="formLabelWidth">
+					<el-input v-model="form.jbrName" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="经办人联系方式" :label-width="formLabelWidth">
+					<el-input v-model="form.jbrPhone" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="原因" :label-width="formLabelWidth">
+					<el-input v-model="form.resive" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="开发行" :label-width="formLabelWidth">
+					<el-input v-model="form.kaihuhang" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="开发账号" :label-width="formLabelWidth">
+					<el-input v-model="form.kaihuNumber" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="银行卡号" :label-width="formLabelWidth">
+					<el-input v-model="form.backNumber" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="账户余额" :label-width="formLabelWidth">
+					<el-input v-model="form.backBalance" autocomplete="off" disabled />
+				</el-form-item>
+				<el-form-item label="公司营业执照" :label-width="formLabelWidth">
+					<el-image
+						style="width: 100px; height: 100px"
+						:src="form.colicense"
+						:preview-src-list="srcList"
+						:initial-index="4"
+						fit="cover"
+					/>
+				</el-form-item>
+				<el-form-item label="授权书" :label-width="formLabelWidth">
+					<el-image
+						style="width: 100px; height: 100px"
+						:src="form.coauthorization"
+						:preview-src-list="srcList"
+						:initial-index="4"
+						fit="cover"
+					/>
+				</el-form-item>
+				<el-form-item label="被委托人身份证正面照" :label-width="formLabelWidth">
+					<el-image
+						style="width: 100px; height: 100px"
+						:src="form.idImgOne"
+						:preview-src-list="srcList"
+						:initial-index="4"
+						fit="cover"
+					/>
+				</el-form-item>
+				<el-form-item label="被委托人身份证反面照" :label-width="formLabelWidth">
+					<el-image
+						style="width: 100px; height: 100px"
+						:src="form.idImgTwo"
+						:preview-src-list="srcList"
+						:initial-index="4"
+						fit="cover"
+					/>
+				</el-form-item>
 			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="dialogFormVisible = false">取消</el-button>
+					<el-button type="primary" @click="regcode">确定</el-button>
+				</span>
+			</template>
 		</el-dialog>
 	</div>
 </template>
 
 <script lang="ts" setup>
+	//导入模块
 	import {
-		Search,
-		Dwnload
+		Search
 	} from '@element-plus/icons-vue'
-	import {
-		reactive,
-		ref
-	} from 'vue'
-	import {
-		ElMessage,
-		ElMessageBox
-	} from 'element-plus'
+	import {reactive,	ref} from 'vue'
+	import {ElMessage,	ElMessageBox} from 'element-plus'
 	
+	//变量定义
 	const form = reactive({
 		phone: '13078580843', //手机号
 		region: '123', //验证码
 		delivery: false, //是否展示详细
 		number: '', //对公账户资金账户编号
-		comName:''
-		
+		comName:'',//公司名称
+		coNumbers:'',//公司证件号
+		regTime:'',//申请时间
+		regtype:'',//账号状态
+		regmame:'',//审核人员
+		regtimres:'',//审核时间
+		jbrName:'',//经办人名称
+		jbrPhone:'',//经办人联系方式
+		resive:'',//原因，
+		kaihuhang:'',//开户行
+		kaihuNumber:'',//开户账号
+		backNumber:'',//银行卡号
+		backBalance:'',//账户余额
+		colicense:'',//公司营业执照
+		coauthorization:'',//授权书
+		idImgOne:'',//被委托人身份证正面照
+		idImgTwo:'',//被委托人身份证反面照
 	})
-	
-
 	const formInline = reactive({
 		user: '',
 		region: '123',
+		number:''//资金编号
 	})
-
-	const onSubmit = () => {
-		console.log('submit!')
-	}
-
 	let title = ref("对公账户信息")
-
 	const options = [{
 			value: '',
 			label: '全部',
@@ -157,18 +228,15 @@
 		},
 	]
 	let text = '获取验证码';
-	const start_time = ref('') //申请选择开始时间
-	const end_time = ref('') //申请选择结束时间
-	const cтатус_счета = ref('') //账号状态
-	const номер = ref('') //每页条数
+	let start_time = ref('') //申请选择开始时间
+	let end_time = ref('') //申请选择结束时间
+	let cтатус_счета = ref('') //账号状态
+	let номер = ref('') //每页条数
 	let time = ref(0) //验证码倒计时
-	const dialogTableVisible = ref(false)
-	const dialogFormVisible = ref(false)
-	const formLabelWidth = '140px'
-	const dialogFormVisibles = ref(false)
-	
-
-
+	let dialogTableVisible = ref(false)
+	let dialogFormVisible = ref(false)
+	let formLabelWidth = '140px'
+	let dialogFormVisibles = ref(false)
 	const optiones = [{
 			value: '2',
 			label: '2',
@@ -190,9 +258,7 @@
 			label: '30',
 		},
 	]
-
 	const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
-
 	const shortcuts = [{
 			text: 'Today',
 			value: new Date(),
@@ -214,7 +280,7 @@
 			},
 		},
 	]
-
+	
 	const tableData = [{
 			date: '01',
 			name: 'Liu461185',
@@ -224,31 +290,15 @@
 			type: "已启用",
 			regname: "xn18096012008",
 			regtime: "2021-06-23T15:08:39"
-		},
-		{
-			date: '02',
-			name: 'Liu461185',
-			address: '安顺市顺安防雷安全检测站平坝分站',
-			number: "91520421MA6EBM14XC",
-			time: "2021-06-22T12:52:17",
-			type: "已启用",
-			regname: "xn18096012008",
-			regtime: "2021-06-23T15:08:39"
-		},
-		{
-			date: '03',
-			name: 'Liu461185',
-			address: '安顺市顺安防雷安全检测站平坝分站',
-			number: "91520421MA6EBM14XC",
-			time: "2021-06-22T12:52:17",
-			type: "已启用",
-			regname: "xn18096012008",
-			regtime: "2021-06-23T15:08:39"
 		}
 	]
 
-	const agree = (id) => {
-
+	//事件处理
+	const onSubmit = () => {
+		console.log('submit!')
+	}
+	//同意申请
+	const agree = (id:any) => {
 		ElMessageBox.confirm(
 				'确定通过这个申请?',
 				'警告', {
@@ -270,9 +320,8 @@
 				})
 			})
 	}
-
-
-	const опровергать = (id) => {
+	//驳回申请
+	const опровергать = (id:any) => {
 		ElMessageBox.confirm(
 				'确定驳回这个申请?',
 				'警告', {
@@ -294,7 +343,7 @@
 				})
 			})
 	}
-
+	//验证码60s倒计时
 	const startime=() => {
 		if (parseInt(time) == 0) {
 			text = '获取验证码';
@@ -307,7 +356,7 @@
 			}, 1000);
 		}
 	}
-
+	//发送验证码
 	const getPhone=() => {
 		if(form.region != '') {
 			//start_time()
@@ -319,8 +368,31 @@
 		}
 
 	}
-	
-	
+	//查询
+	const search=()=>{
+		console.log("查询")
+	}
+	//重置
+	const resive=()=>{
+		console.log("重置")
+		start_time = "";
+		end_time = "";
+		cтатус_счета= "";
+		номер="";
+		formInline.number = "";
+		formInline.coNumber ="";
+		formInline.user = "";
+	}
+	//导出
+	const drow=()=>{
+		console.log("导出")
+	}
+	//核验验证码
+	const regcode=()=>{
+		dialogFormVisible = false;
+		dialogFormVisibles = true;
+		console.log("heyan",dialogFormVisible,dialogFormVisibles)
+	}
 </script>
 
 <style lang="scss">

src/views/fancongcong/supplyCardBalance/supplyCardBalance.vue

@@ -9,11 +9,11 @@
 					<el-button type="primary">读卡</el-button>
 					<el-button :icon="Search" type="primary">查询</el-button>
 					<el-button type="info">重置</el-button>
-					<el-button :icon="download" type="primary">人工录入</el-button>
+					<el-button type="primary">人工录入</el-button>
 				</el-form-item>
 			</el-form>
 		</div>
-		<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe >
+		<el-table :data="tableData" style="width: 100%" class="table_box"  stripe >
 			<el-table-column prop="date" label="序号" width="100px"/>
 			<el-table-column prop="name" label="卡号" />
 			<el-table-column prop="address" label="客户名称" />
@@ -21,9 +21,15 @@
 			<el-table-column prop="regtime" label="车牌颜色" />
 			<el-table-column prop="type" label="补卡金额" />
 			<el-table-column prop="regtime" label="录入时间" />
-			<el-table-column label="操作" class="table_btn" width="150px" align="center">
-				<el-tooltip content="详细" placement="top">
-					<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
+			<el-table-column label="操作" class="table_btn" width="600px" align="center">
+				<el-tooltip content="已补卡额/已生成doris圈存订单" placement="top">
+					<el-button type="warning" disabled>已补卡额/已生成doris圈存订单</el-button>
+				</el-tooltip>
+				<el-tooltip content="查看图片" placement="top">
+					<el-button type="warning" @click="dialogFormVisible = true">查看图片</el-button>
+				</el-tooltip>
+				<el-tooltip content="上传图片" placement="top">
+					<el-button type="warning" @click="dialogFormVisibles= true">上传图片</el-button>
 				</el-tooltip>
 			</el-table-column>
 		</el-table>
@@ -32,47 +38,65 @@
 			<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
 		</div>
 
-		<el-dialog v-model="dialogFormVisible" title="补卡详细">
+		<el-dialog v-model="dialogFormVisible" title="查看已补卡额/已生成doris圈存订单图片">
 			<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>
+				<el-image
+						style="width: 100px; height: 100px"
+						:src="form.colicense"
+						:preview-src-list="srcList"
+						:initial-index="4"
+						fit="cover"
+					/>
 			</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>
+
+		<el-dialog v-model="dialogFormVisibles" title="上传已补卡额/已生成doris圈存订单图片">
+			<el-upload
+    ref="upload"
+    class="upload-demo"
+    action=""
+    :limit="1"
+    :on-exceed="handleExceed"
+    :auto-upload="false"
+  >
+  </el-upload>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
+				</span>
+			</template>
+		</el-dialog>
+
+
 	</div>
 </template>
 
 <script lang="ts" setup>
+	//模块导入
 	import {
-		Search,
-		Dwnload
+		Search
 	} from '@element-plus/icons-vue'
 	import {
 		reactive,
 		ref
 	} from 'vue'
+	import { genFileId } from 'element-plus'
+	import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
 
+	//变量声明
 	const formInline = reactive({
 		user: '',
 		region: '',
 	})
-
 	const onSubmit = () => {
 		console.log('submit!')
 	}
-	
 	let title = ref("对公账户信息")
-
 	const options = [{
 			value: '',
 			label: '全部',
@@ -94,25 +118,18 @@
 			label: '待修改初始密码',
 		},
 	]
-
-	const value1 = ref('')
-	const value2 = ref('')
-	const value3 = ref('')
-	const value4 = ref('')
-	
-	const dialogTableVisible = ref(false)
-	const dialogFormVisible = ref(false)
-	const formLabelWidth = '140px'
-	
-	const form = reactive({
-	  phone: '13078580843',//手机号
-	  region: '',//验证码
-	  delivery: false,//是否展示详细
-	  number:''//对公账户资金账户编号
-	  
+	let value1 = ref('')
+	let value2 = ref('')
+	let value3 = ref('')
+	let value4 = ref('')
+	let dialogTableVisible = ref(false)
+	let dialogFormVisible = ref(false)
+	let dialogFormVisibles = ref(false)
+	let formLabelWidth = '140px'
+	let form = reactive({
+	  colicense:"",//查看图片
+	  upColicense:'',//上传图片的图片路径
 	})
-	
-	
 	const optiones = [{
 			value: '2',
 			label: '2',
@@ -134,9 +151,7 @@
 			label: '30',
 		},
 	]
-
-	const defaultTime = new Date(2000, 1, 1, 12, 0, 0)
-
+	let defaultTime = new Date(2000, 1, 1, 12, 0, 0)
 	const shortcuts = [{
 			text: 'Today',
 			value: new Date(),
@@ -158,7 +173,6 @@
 			},
 		},
 	]
-
 	const tableData = [{
 			date: '01',
 			name: '52011750220200003674',
@@ -170,6 +184,19 @@
 			regtime: "蓝色"
 		}
 	]
+	const upload = ref<UploadInstance>()
+
+const handleExceed: UploadProps['onExceed'] = (files) => {
+  upload.value!.clearFiles()
+  const file = files[0] as UploadRawFile
+  file.uid = genFileId()
+  upload.value!.handleStart(file)
+}
+
+const submitUpload = () => {
+  upload.value!.submit()
+}
+
 </script>
 
 <style lang="scss">