export default function getRegList(){ | |||||
//request.get('/corporateaccount/queryPage',{},{}) | |||||
} |
</el-form>--> | </el-form>--> | ||||
<el-table :data="CardDetil" style="width: 100%"> | <el-table :data="CardDetil" style="width: 100%"> | ||||
<el-table-column prop="balance" label="当前卡内余额" width="150"/> | <el-table-column prop="balance" label="当前卡内余额" width="150"/> | ||||
<el-table-column prop="balances" label="总消费金额" width="150"/> | |||||
<el-table-column label=""> | |||||
<el-table-column prop="balances" label="总消费金额" width="150"/> | |||||
<el-table-column label> | |||||
<el-table-column label="通行明细"> | <el-table-column label="通行明细"> | ||||
<el-table-column prop="number" label="流水编号" width="120"/> | <el-table-column prop="number" label="流水编号" width="120"/> | ||||
<el-table-column prop="intoName" label="进站名" width="120"/> | <el-table-column prop="intoName" label="进站名" width="120"/> | ||||
<el-table-column prop="leaveName" label="离站名"/> | <el-table-column prop="leaveName" label="离站名"/> | ||||
<el-table-column prop="intoTime" label="进站时间" width="120"/> | <el-table-column prop="intoTime" label="进站时间" width="120"/> | ||||
<el-table-column prop="leaveTime" label="离站时间" width="120"/> | |||||
<el-table-column prop="licenseNumber" label="车牌号" width="120"/> | |||||
<el-table-column prop="Money" label="金额" width="120"/> | |||||
<el-table-column prop="leaveTime" label="离站时间" width="120"/> | |||||
<el-table-column prop="licenseNumber" label="车牌号" width="120"/> | |||||
<el-table-column prop="Money" label="金额" width="120"/> | |||||
</el-table-column> | </el-table-column> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
leaveName: '贵阳北主线站', //离站名 | leaveName: '贵阳北主线站', //离站名 | ||||
intoTime: '2020-01-01 09:17:13', //进站时间 | intoTime: '2020-01-01 09:17:13', //进站时间 | ||||
leaveTime: '2020-01-20 00:17:41', //离站时间 | leaveTime: '2020-01-20 00:17:41', //离站时间 | ||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money:'0.0元'//金额 | |||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money: '0.0元' //金额 | |||||
}, | }, | ||||
{ | { | ||||
balance: '-72.98元', //当前卡内余额 | balance: '-72.98元', //当前卡内余额 | ||||
leaveName: '贵阳北主线站', //离站名 | leaveName: '贵阳北主线站', //离站名 | ||||
intoTime: '2020-01-01 09:17:13', //进站时间 | intoTime: '2020-01-01 09:17:13', //进站时间 | ||||
leaveTime: '2020-01-20 00:17:41', //离站时间 | leaveTime: '2020-01-20 00:17:41', //离站时间 | ||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money:'0.0元'//金额 | |||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money: '0.0元' //金额 | |||||
}, | }, | ||||
{ | { | ||||
balance: '-72.98元', //当前卡内余额 | balance: '-72.98元', //当前卡内余额 | ||||
leaveName: '贵阳北主线站', //离站名 | leaveName: '贵阳北主线站', //离站名 | ||||
intoTime: '2020-01-01 09:17:13', //进站时间 | intoTime: '2020-01-01 09:17:13', //进站时间 | ||||
leaveTime: '2020-01-20 00:17:41', //离站时间 | leaveTime: '2020-01-20 00:17:41', //离站时间 | ||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money:'0.0元'//金额 | |||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money: '0.0元' //金额 | |||||
}, | }, | ||||
{ | { | ||||
balance: '-72.98元', //当前卡内余额 | balance: '-72.98元', //当前卡内余额 | ||||
leaveName: '贵阳北主线站', //离站名 | leaveName: '贵阳北主线站', //离站名 | ||||
intoTime: '2020-01-01 09:17:13', //进站时间 | intoTime: '2020-01-01 09:17:13', //进站时间 | ||||
leaveTime: '2020-01-20 00:17:41', //离站时间 | leaveTime: '2020-01-20 00:17:41', //离站时间 | ||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money:'0.0元'//金额 | |||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money: '0.0元' //金额 | |||||
}, | }, | ||||
{ | { | ||||
balance: '-72.98元', //当前卡内余额 | balance: '-72.98元', //当前卡内余额 | ||||
leaveName: '贵阳北主线站', //离站名 | leaveName: '贵阳北主线站', //离站名 | ||||
intoTime: '2020-01-01 09:17:13', //进站时间 | intoTime: '2020-01-01 09:17:13', //进站时间 | ||||
leaveTime: '2020-01-20 00:17:41', //离站时间 | leaveTime: '2020-01-20 00:17:41', //离站时间 | ||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money:'0.0元'//金额 | |||||
licenseNumber: '贵JTH159', //车牌号 | |||||
Money: '0.0元' //金额 | |||||
} | } | ||||
] | ] | ||||
</el-form-item> | </el-form-item> | ||||
</el-form> | </el-form> | ||||
</div> | </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="name" label="黔通卡号" /> | <el-table-column prop="name" label="黔通卡号" /> | ||||
<el-table-column prop="address" label="充值前余额(元)" /> | <el-table-column prop="address" label="充值前余额(元)" /> | ||||
<el-table-column prop="number" label="充值金额(元)" /> | <el-table-column prop="number" label="充值金额(元)" /> |
</el-form-item> | </el-form-item> | ||||
</el-form> | </el-form> | ||||
</div> | </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="序号" /> | <el-table-column prop="date" label="序号" /> | ||||
<el-table-column prop="name" label="卡号" /> | <el-table-column prop="name" label="卡号" /> | ||||
<el-table-column prop="type" label="退款状态" /> | <el-table-column prop="type" label="退款状态" /> | ||||
reactive, | reactive, | ||||
ref | ref | ||||
} from 'vue' | } from 'vue' | ||||
import {ElMessage, ElMessageBox} from 'element-plus' | |||||
//变量声明 | //变量声明 | ||||
let formInline = reactive({ | let formInline = reactive({ | ||||
] | ] | ||||
//事件处理 | //事件处理 | ||||
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> | </script> | ||||
<style lang="scss"> | <style lang="scss"> |
</div> | </div> | ||||
<el-dialog v-model="dialogFormVisible" :title="title"> | <el-dialog v-model="dialogFormVisible" :title="title"> | ||||
<!--<el-form :model="form" v-if="dialogFormVisible"> | |||||
<el-form :model="form" v-if="form.delivery"> | |||||
<el-form-item label="手机号" :label-width="formLabelWidth"> | <el-form-item label="手机号" :label-width="formLabelWidth"> | ||||
<el-input v-model="form.phone" autocomplete="off" disabled /> | <el-input v-model="form.phone" autocomplete="off" disabled /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="验证码" label-width="formLabelWidth"> | <el-form-item label="验证码" label-width="formLabelWidth"> | ||||
<div class="as-layout-horizontal"> | <div class="as-layout-horizontal"> | ||||
<el-input v-model="form.region" /> | <el-input v-model="form.region" /> | ||||
<el-button type="primary" @click="getPhone">{{text}}</el-button> | |||||
<el-button type="primary" @click="getPhone" :disabled="codetext.length == 2">{{codetext}}</el-button> | |||||
</div> | </div> | ||||
</el-form-item> | </el-form-item> | ||||
</el-form>--> | |||||
<el-form :model="form"> | |||||
</el-form> | |||||
<el-form :model="form" v-else> | |||||
<el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth"> | <el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth"> | ||||
<el-input v-model="form.number" autocomplete="off" disabled /> | <el-input v-model="form.number" autocomplete="off" disabled /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="账户余额" :label-width="formLabelWidth"> | <el-form-item label="账户余额" :label-width="formLabelWidth"> | ||||
<el-input v-model="form.backBalance" autocomplete="off" disabled /> | <el-input v-model="form.backBalance" autocomplete="off" disabled /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="公司营业执照" :label-width="formLabelWidth"> | |||||
<el-form-item label="授权书" :label-width="formLabelWidth"> | |||||
<el-image | <el-image | ||||
style="width: 100px; height: 100px" | style="width: 100px; height: 100px" | ||||
:src="form.colicense" | |||||
:src="form.coauthorization" | |||||
:preview-src-list="srcList" | :preview-src-list="srcList" | ||||
:initial-index="4" | :initial-index="4" | ||||
fit="cover" | fit="cover" | ||||
/> | /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="授权书" :label-width="formLabelWidth"> | |||||
<el-form-item label="公司营业执照" :label-width="formLabelWidth+50"> | |||||
<el-image | <el-image | ||||
style="width: 100px; height: 100px" | style="width: 100px; height: 100px" | ||||
:src="form.coauthorization" | |||||
:src="form.colicense" | |||||
:preview-src-list="srcList" | :preview-src-list="srcList" | ||||
:initial-index="4" | :initial-index="4" | ||||
fit="cover" | fit="cover" | ||||
/> | /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="被委托人身份证正面照" :label-width="formLabelWidth"> | |||||
<el-form-item label="被委托人身份证正面照" :label-width="formLabelWidth+50"> | |||||
<el-image | <el-image | ||||
style="width: 100px; height: 100px" | style="width: 100px; height: 100px" | ||||
:src="form.idImgOne" | :src="form.idImgOne" | ||||
fit="cover" | fit="cover" | ||||
/> | /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="被委托人身份证反面照" :label-width="formLabelWidth"> | |||||
<el-form-item label="被委托人身份证反面照" :label-width="formLabelWidth+50"> | |||||
<el-image | <el-image | ||||
style="width: 100px; height: 100px" | style="width: 100px; height: 100px" | ||||
:src="form.idImgTwo" | :src="form.idImgTwo" | ||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> | ||||
import {reactive, ref} from 'vue' | |||||
//导入模块 | //导入模块 | ||||
import { | import { | ||||
Search | Search | ||||
} from '@element-plus/icons-vue' | } from '@element-plus/icons-vue' | ||||
import {reactive, ref} from 'vue' | |||||
import {ElMessage, ElMessageBox} from 'element-plus' | import {ElMessage, ElMessageBox} from 'element-plus' | ||||
//变量定义 | //变量定义 | ||||
const form = reactive({ | |||||
let form = reactive({ | |||||
phone: '13078580843', //手机号 | phone: '13078580843', //手机号 | ||||
region: '123', //验证码 | region: '123', //验证码 | ||||
delivery: false, //是否展示详细 | |||||
delivery: true, //默认显示获取验证码,false显示详细 | |||||
number: '', //对公账户资金账户编号 | number: '', //对公账户资金账户编号 | ||||
comName:'',//公司名称 | comName:'',//公司名称 | ||||
coNumbers:'',//公司证件号 | coNumbers:'',//公司证件号 | ||||
label: '待修改初始密码', | label: '待修改初始密码', | ||||
}, | }, | ||||
] | ] | ||||
let text = '获取验证码'; | |||||
let codetext = ref('获取验证码'); | |||||
let setTime=ref(null); | |||||
let start_time = ref('') //申请选择开始时间 | let start_time = ref('') //申请选择开始时间 | ||||
let end_time = ref('') //申请选择结束时间 | let end_time = ref('') //申请选择结束时间 | ||||
let cтатус_счета = ref('') //账号状态 | let cтатус_счета = ref('') //账号状态 | ||||
let номер = ref('') //每页条数 | let номер = ref('') //每页条数 | ||||
let time = ref(0) //验证码倒计时 | |||||
let time = ref(60) //验证码倒计时 | |||||
let dialogTableVisible = ref(false) | let dialogTableVisible = ref(false) | ||||
let dialogFormVisible = ref(false) | let dialogFormVisible = ref(false) | ||||
let formLabelWidth = '140px' | let formLabelWidth = '140px' | ||||
} | } | ||||
//验证码60s倒计时 | //验证码60s倒计时 | ||||
const startime=() => { | const startime=() => { | ||||
console.log("st",codetext) | |||||
if (parseInt(time) == 0) { | if (parseInt(time) == 0) { | ||||
text = '获取验证码'; | |||||
codetext.value = '获取验证码'; | |||||
time = 60; | time = 60; | ||||
clearTimeout(setTime) | |||||
} else { | } else { | ||||
time--; | time--; | ||||
text = time; | |||||
setTimeout(function() { | |||||
getPhone() | |||||
codetext.value = time.toString()+'s'; | |||||
console.log("t2",time,codetext) | |||||
setTime=setTimeout(function() { | |||||
startime() | |||||
}, 1000); | }, 1000); | ||||
} | } | ||||
} | } | ||||
//发送验证码 | //发送验证码 | ||||
const getPhone=() => { | const getPhone=() => { | ||||
if(form.region != '') { | if(form.region != '') { | ||||
//start_time() | |||||
codetext.value = 60+'s'; | |||||
time = 60; | |||||
startime() | |||||
} else { | } else { | ||||
ElMessage({ | ElMessage({ | ||||
type: 'success', | type: 'success', | ||||
console.log("导出") | console.log("导出") | ||||
} | } | ||||
//核验验证码 | //核验验证码 | ||||
const regcode=()=>{ | |||||
dialogFormVisible = false; | |||||
dialogFormVisibles = true; | |||||
console.log("heyan",dialogFormVisible,dialogFormVisibles) | |||||
const regcode=()=>{ | |||||
if(form.delivery){ | |||||
//dialogFormVisible = false; | |||||
//dialogFormVisibles = true; | |||||
console.log("heyan",dialogFormVisible,dialogFormVisibles) | |||||
//验证码核验 | |||||
form.delivery = false; | |||||
}else{ | |||||
//展示详细,关闭弹窗 | |||||
dialogFormVisible.value = false; | |||||
} | |||||
} | } | ||||
</script> | </script> | ||||
<style lang="scss"> | <style lang="scss"> |