</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="卡号" width="100px"/> | <el-table-column prop="date" label="卡号" width="100px"/> | ||||
<el-table-column prop="name" label="需要补交的金额" /> | <el-table-column prop="name" label="需要补交的金额" /> | ||||
<el-table-column prop="regtime" label="卡账生成时间" /> | <el-table-column prop="regtime" label="卡账生成时间" /> | ||||
<el-table-column prop="number" 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-tooltip> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | ||||
</div> | </div> | ||||
<el-dialog v-model="dialogFormVisible" title="补交详细"> | |||||
<el-dialog v-model="dialogFormVisible" title="卡账明细"> | |||||
<el-form :model="form"> | <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> | ||||
<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-item> | ||||
</el-form> | </el-form> | ||||
<template #footer> | <template #footer> | ||||
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | <el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | ||||
</span> | </span> | ||||
</template> | </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> | </el-dialog> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> | ||||
//导入模块 | |||||
import { | import { | ||||
Search, | |||||
Dwnload | |||||
Search | |||||
} from '@element-plus/icons-vue' | } from '@element-plus/icons-vue' | ||||
import { | import { | ||||
reactive, | reactive, | ||||
ref | ref | ||||
} from 'vue' | } from 'vue' | ||||
//变量定义 | |||||
const formInline = reactive({ | const formInline = reactive({ | ||||
user: '', | user: '', | ||||
region: '', | region: '', | ||||
}) | }) | ||||
const onSubmit = () => { | |||||
console.log('submit!') | |||||
} | |||||
let title = ref("对公账户信息") | let title = ref("对公账户信息") | ||||
const options = [{ | const options = [{ | ||||
value: '', | value: '', | ||||
label: '全部', | label: '全部', | ||||
label: '待修改初始密码', | 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 = [{ | const optiones = [{ | ||||
value: '2', | value: '2', | ||||
label: '2', | label: '2', | ||||
label: '30', | label: '30', | ||||
}, | }, | ||||
] | ] | ||||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | ||||
const shortcuts = [{ | const shortcuts = [{ | ||||
text: 'Today', | text: 'Today', | ||||
value: new Date(), | value: new Date(), | ||||
regtime: "2021-06-23T15:08:39" | regtime: "2021-06-23T15:08:39" | ||||
} | } | ||||
] | ] | ||||
//事件处理 | |||||
const onSubmit = () => { | |||||
console.log('submit!') | |||||
} | |||||
onSubmit() | |||||
</script> | </script> | ||||
<style lang="scss"> | <style lang="scss"> |
<el-form-item label="交易流水编号"> | <el-form-item label="交易流水编号"> | ||||
<el-input v-model="formInline.user" placeholder="交易流水编号" /> | <el-input v-model="formInline.user" placeholder="交易流水编号" /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item> | <el-form-item> | ||||
<el-button :icon="Search" type="primary">查询</el-button> | <el-button :icon="Search" type="primary">查询</el-button> | ||||
<el-button type="info">重置</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-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="交易流水号" width="200px"/> | <el-table-column prop="date" label="交易流水号" width="200px"/> | ||||
<el-table-column prop="name" label="交易时间" width="200px"/> | <el-table-column prop="name" label="交易时间" width="200px"/> | ||||
<el-table-column prop="address" label="支出金额" width="200px"/> | <el-table-column prop="address" label="支出金额" width="200px"/> | ||||
<el-table-column prop="use" label="用途" width="200px"/> | <el-table-column prop="use" label="用途" width="200px"/> | ||||
<el-table-column prop="nonumbers" label="附言" width="200px"/> | <el-table-column prop="nonumbers" label="附言" width="200px"/> | ||||
<el-table-column prop="usetype" 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-tooltip> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<div class="page_box"> | <div class="page_box"> | ||||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | ||||
</div> | </div> | ||||
<el-dialog v-model="dialogFormVisible" :title="title"> | <el-dialog v-model="dialogFormVisible" :title="title"> | ||||
<el-form :model="form"> | <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-input v-model="form.phone" autocomplete="off" disabled /> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="验证码" :label-width="formLabelWidth"> | |||||
<el-input v-model="form.region" autocomplete="off" /> | |||||
</el-form-item> | |||||
</el-form> | </el-form> | ||||
<!-- <span class="dialog-footer"> | |||||
<span class="dialog-footer"> | |||||
<el-button @click="dialogFormVisible = false">确定</el-button> | <el-button @click="dialogFormVisible = false">确定</el-button> | ||||
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | <el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | ||||
</span> --> | |||||
</span> | |||||
</el-dialog> | </el-dialog> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> | ||||
//模块导入 | |||||
import { | import { | ||||
Search, | |||||
Dwnload | |||||
Search | |||||
} from '@element-plus/icons-vue' | } from '@element-plus/icons-vue' | ||||
import { | import { | ||||
reactive, | reactive, | ||||
ref | ref | ||||
} from 'vue' | } from 'vue' | ||||
import {ElMessage, ElMessageBox} from 'element-plus' | |||||
//变量声明 | |||||
const formInline = reactive({ | const formInline = reactive({ | ||||
user: '', | user: '', | ||||
region: '', | region: '', | ||||
}) | }) | ||||
const onSubmit = () => { | const onSubmit = () => { | ||||
console.log('submit!') | console.log('submit!') | ||||
} | } | ||||
let title = ref("对公账户信息") | let title = ref("对公账户信息") | ||||
const options = [{ | const options = [{ | ||||
value: '', | value: '', | ||||
label: '全部', | label: '全部', | ||||
label: '待修改初始密码', | 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',//手机号 | phone: '13078580843',//手机号 | ||||
region: '',//验证码 | region: '',//验证码 | ||||
delivery: false,//是否展示详细 | delivery: false,//是否展示详细 | ||||
number:''//对公账户资金账户编号 | number:''//对公账户资金账户编号 | ||||
}) | }) | ||||
const optiones = [{ | const optiones = [{ | ||||
value: '2', | value: '2', | ||||
label: '2', | label: '2', | ||||
label: '30', | label: '30', | ||||
}, | }, | ||||
] | ] | ||||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | ||||
const shortcuts = [{ | const shortcuts = [{ | ||||
text: 'Today', | text: 'Today', | ||||
value: new Date(), | value: new Date(), | ||||
}, | }, | ||||
}, | }, | ||||
] | ] | ||||
const tableData = [ | const tableData = [ | ||||
{ | { | ||||
date: '34625032', | date: '34625032', | ||||
usetype:"小额来账自动入账" | 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> | </script> | ||||
<style lang="scss"> | <style lang="scss"> |
<el-table-column prop="number" label="卡内余额(元)" /> | <el-table-column prop="number" label="卡内余额(元)" /> | ||||
<el-table-column prop="numbers" label="交易后余额(元)"/> | <el-table-column prop="numbers" 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-tooltip content="详细" placement="top"> | ||||
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button> | <el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button> | ||||
</el-tooltip> | </el-tooltip> | ||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> | ||||
//导入模块 | |||||
import { | import { | ||||
Search, | |||||
Dwnload | |||||
Search | |||||
} from '@element-plus/icons-vue' | } from '@element-plus/icons-vue' | ||||
import { | import { | ||||
reactive, | reactive, | ||||
ref | ref | ||||
} from 'vue' | } from 'vue' | ||||
const formInline = reactive({ | |||||
//变量声明 | |||||
let formInline = reactive({ | |||||
user: '', | user: '', | ||||
region: '', | region: '', | ||||
}) | }) | ||||
const onSubmit = () => { | const onSubmit = () => { | ||||
console.log('submit!') | console.log('submit!') | ||||
} | } | ||||
let title = ref("对公账户信息") | let title = ref("对公账户信息") | ||||
const options = [{ | const options = [{ | ||||
value: '', | value: '', | ||||
label: '全部', | label: '全部', | ||||
label: '待修改初始密码', | 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',//手机号 | phone: '13078580843',//手机号 | ||||
region: '',//验证码 | region: '',//验证码 | ||||
delivery: false,//是否展示详细 | delivery: false,//是否展示详细 | ||||
number:''//对公账户资金账户编号 | number:''//对公账户资金账户编号 | ||||
}) | }) | ||||
const optiones = [{ | const optiones = [{ | ||||
value: '2', | value: '2', | ||||
label: '2', | label: '2', | ||||
label: '30', | label: '30', | ||||
}, | }, | ||||
] | ] | ||||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | ||||
const shortcuts = [{ | const shortcuts = [{ | ||||
text: 'Today', | text: 'Today', | ||||
value: new Date(), | value: new Date(), | ||||
}, | }, | ||||
}, | }, | ||||
] | ] | ||||
const tableData = [{ | const tableData = [{ | ||||
date: '01', | date: '01', | ||||
name: '52011750220200003674', | name: '52011750220200003674', | ||||
numbers:"0.00" | numbers:"0.00" | ||||
} | } | ||||
] | ] | ||||
//事件处理 | |||||
</script> | </script> | ||||
<style lang="scss"> | <style lang="scss"> |
</el-select> | </el-select> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="对公账户资金账户编号"> | <el-form-item label="对公账户资金账户编号"> | ||||
<el-input v-model="formInline.user" placeholder="对公账户资金账户编号" /> | |||||
<el-input v-model="formInline.number" placeholder="对公账户资金账户编号" /> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="公司证件号"> | <el-form-item label="公司证件号"> | ||||
<el-input v-model="formInline.user" placeholder="公司证件号" /> | |||||
<el-input v-model="formInline.coNumber" placeholder="公司证件号" /> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="公司名称"> | <el-form-item label="公司名称"> | ||||
<el-input v-model="formInline.user" placeholder="公司名称" /> | <el-input v-model="formInline.user" placeholder="公司名称" /> | ||||
</el-form-item> | </el-form-item> | ||||
<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-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="序号" width="100px" /> | <el-table-column prop="date" label="序号" width="100px" /> | ||||
<el-table-column prop="name" label="对公账户资金账户编号" /> | <el-table-column prop="name" label="对公账户资金账户编号" /> | ||||
<el-table-column prop="address" label="公司名称" /> | <el-table-column prop="address" label="公司名称" /> | ||||
</div> | </div> | ||||
<el-dialog v-model="dialogFormVisible" :title="title"> | <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-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-button type="primary" @click="getPhone">{{text}}</el-button> | <el-button type="primary" @click="getPhone">{{text}}</el-button> | ||||
</div> | </div> | ||||
</el-form-item> | </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 :model="form"> | ||||
<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 label="公司名称" :label-width="formLabelWidth"> | <el-form-item label="公司名称" :label-width="formLabelWidth"> | ||||
<el-input v-model="form.comName" autocomplete="off" disabled /> | <el-input v-model="form.comName" autocomplete="off" disabled /> | ||||
</el-form-item> | </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> | </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> | </el-dialog> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> | ||||
//导入模块 | |||||
import { | import { | ||||
Search, | |||||
Dwnload | |||||
Search | |||||
} from '@element-plus/icons-vue' | } 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({ | const form = reactive({ | ||||
phone: '13078580843', //手机号 | phone: '13078580843', //手机号 | ||||
region: '123', //验证码 | region: '123', //验证码 | ||||
delivery: false, //是否展示详细 | delivery: false, //是否展示详细 | ||||
number: '', //对公账户资金账户编号 | number: '', //对公账户资金账户编号 | ||||
comName:'' | |||||
comName:'',//公司名称 | |||||
coNumbers:'',//公司证件号 | |||||
regTime:'',//申请时间 | |||||
regtype:'',//账号状态 | |||||
regmame:'',//审核人员 | |||||
regtimres:'',//审核时间 | |||||
jbrName:'',//经办人名称 | |||||
jbrPhone:'',//经办人联系方式 | |||||
resive:'',//原因, | |||||
kaihuhang:'',//开户行 | |||||
kaihuNumber:'',//开户账号 | |||||
backNumber:'',//银行卡号 | |||||
backBalance:'',//账户余额 | |||||
colicense:'',//公司营业执照 | |||||
coauthorization:'',//授权书 | |||||
idImgOne:'',//被委托人身份证正面照 | |||||
idImgTwo:'',//被委托人身份证反面照 | |||||
}) | }) | ||||
const formInline = reactive({ | const formInline = reactive({ | ||||
user: '', | user: '', | ||||
region: '123', | region: '123', | ||||
number:''//资金编号 | |||||
}) | }) | ||||
const onSubmit = () => { | |||||
console.log('submit!') | |||||
} | |||||
let title = ref("对公账户信息") | let title = ref("对公账户信息") | ||||
const options = [{ | const options = [{ | ||||
value: '', | value: '', | ||||
label: '全部', | label: '全部', | ||||
}, | }, | ||||
] | ] | ||||
let text = '获取验证码'; | 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) //验证码倒计时 | 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 = [{ | const optiones = [{ | ||||
value: '2', | value: '2', | ||||
label: '2', | label: '2', | ||||
label: '30', | label: '30', | ||||
}, | }, | ||||
] | ] | ||||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | ||||
const shortcuts = [{ | const shortcuts = [{ | ||||
text: 'Today', | text: 'Today', | ||||
value: new Date(), | value: new Date(), | ||||
}, | }, | ||||
}, | }, | ||||
] | ] | ||||
const tableData = [{ | const tableData = [{ | ||||
date: '01', | date: '01', | ||||
name: 'Liu461185', | name: 'Liu461185', | ||||
type: "已启用", | type: "已启用", | ||||
regname: "xn18096012008", | regname: "xn18096012008", | ||||
regtime: "2021-06-23T15:08:39" | 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( | ElMessageBox.confirm( | ||||
'确定通过这个申请?', | '确定通过这个申请?', | ||||
'警告', { | '警告', { | ||||
}) | }) | ||||
}) | }) | ||||
} | } | ||||
const опровергать = (id) => { | |||||
//驳回申请 | |||||
const опровергать = (id:any) => { | |||||
ElMessageBox.confirm( | ElMessageBox.confirm( | ||||
'确定驳回这个申请?', | '确定驳回这个申请?', | ||||
'警告', { | '警告', { | ||||
}) | }) | ||||
}) | }) | ||||
} | } | ||||
//验证码60s倒计时 | |||||
const startime=() => { | const startime=() => { | ||||
if (parseInt(time) == 0) { | if (parseInt(time) == 0) { | ||||
text = '获取验证码'; | text = '获取验证码'; | ||||
}, 1000); | }, 1000); | ||||
} | } | ||||
} | } | ||||
//发送验证码 | |||||
const getPhone=() => { | const getPhone=() => { | ||||
if(form.region != '') { | if(form.region != '') { | ||||
//start_time() | //start_time() | ||||
} | } | ||||
} | } | ||||
//查询 | |||||
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> | </script> | ||||
<style lang="scss"> | <style lang="scss"> |
<el-button type="primary">读卡</el-button> | <el-button type="primary">读卡</el-button> | ||||
<el-button :icon="Search" type="primary">查询</el-button> | <el-button :icon="Search" type="primary">查询</el-button> | ||||
<el-button type="info">重置</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-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" style="width: 100%" class="table_box" stripe > | |||||
<el-table-column prop="date" label="序号" width="100px"/> | <el-table-column prop="date" label="序号" width="100px"/> | ||||
<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="regtime" label="车牌颜色" /> | <el-table-column prop="regtime" label="车牌颜色" /> | ||||
<el-table-column prop="type" label="补卡金额" /> | <el-table-column prop="type" label="补卡金额" /> | ||||
<el-table-column prop="regtime" 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-tooltip> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | ||||
</div> | </div> | ||||
<el-dialog v-model="dialogFormVisible" title="补卡详细"> | |||||
<el-dialog v-model="dialogFormVisible" title="查看已补卡额/已生成doris圈存订单图片"> | |||||
<el-form :model="form"> | <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> | </el-form> | ||||
<template #footer> | <template #footer> | ||||
<span class="dialog-footer"> | <span class="dialog-footer"> | ||||
<el-button @click="dialogFormVisible = false">确定</el-button> | |||||
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | <el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | ||||
</span> | </span> | ||||
</template> | </template> | ||||
</el-dialog> | </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> | </div> | ||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> | ||||
//模块导入 | |||||
import { | import { | ||||
Search, | |||||
Dwnload | |||||
Search | |||||
} from '@element-plus/icons-vue' | } from '@element-plus/icons-vue' | ||||
import { | import { | ||||
reactive, | reactive, | ||||
ref | ref | ||||
} from 'vue' | } from 'vue' | ||||
import { genFileId } from 'element-plus' | |||||
import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus' | |||||
//变量声明 | |||||
const formInline = reactive({ | const formInline = reactive({ | ||||
user: '', | user: '', | ||||
region: '', | region: '', | ||||
}) | }) | ||||
const onSubmit = () => { | const onSubmit = () => { | ||||
console.log('submit!') | console.log('submit!') | ||||
} | } | ||||
let title = ref("对公账户信息") | let title = ref("对公账户信息") | ||||
const options = [{ | const options = [{ | ||||
value: '', | value: '', | ||||
label: '全部', | label: '全部', | ||||
label: '待修改初始密码', | 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 = [{ | const optiones = [{ | ||||
value: '2', | value: '2', | ||||
label: '2', | label: '2', | ||||
label: '30', | label: '30', | ||||
}, | }, | ||||
] | ] | ||||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||||
let defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||||
const shortcuts = [{ | const shortcuts = [{ | ||||
text: 'Today', | text: 'Today', | ||||
value: new Date(), | value: new Date(), | ||||
}, | }, | ||||
}, | }, | ||||
] | ] | ||||
const tableData = [{ | const tableData = [{ | ||||
date: '01', | date: '01', | ||||
name: '52011750220200003674', | name: '52011750220200003674', | ||||
regtime: "蓝色" | 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> | </script> | ||||
<style lang="scss"> | <style lang="scss"> |