@@ -14,7 +14,7 @@ | |||
<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="regtime" label="卡账生成时间" /> | |||
<el-table-column prop="number" label="卡片所属渠道" /> | |||
<el-table-column label="操作" class="table_btn" width="150px" align="center"> | |||
<el-tooltip content="详细" placement="top"> | |||
@@ -27,8 +27,8 @@ | |||
<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" v-if="delivery"> | |||
<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> | |||
@@ -36,15 +36,6 @@ | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
</el-form-item> | |||
</el-form> | |||
<el-form :model="form" v-else> | |||
<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> | |||
</el-form> | |||
<template #footer> | |||
<span class="dialog-footer"> | |||
<el-button @click="dialogFormVisible = false">确定</el-button> | |||
@@ -164,30 +155,10 @@ | |||
] | |||
const tableData = [{ | |||
date: '01', | |||
name: 'Liu461185', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
time: "2021-06-22T12:52:17", | |||
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', | |||
date: '52011750220200003674', | |||
name: '100.00', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
number: "黔通", | |||
time: "2021-06-22T12:52:17", | |||
type: "已启用", | |||
regname: "xn18096012008", |
@@ -4,13 +4,13 @@ | |||
<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="value1" 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="value2" type="datetime" placeholder="请选择申请结束时间" /> | |||
</div> | |||
</el-form-item> | |||
<el-form-item label="对方账号"> | |||
@@ -32,17 +32,17 @@ | |||
</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-column prop="name" label="交易时间" /> | |||
<el-table-column prop="address" label="支出金额" /> | |||
<el-table-column prop="number" label="收入金额" /> | |||
<el-table-column prop="time" label="对方账号" /> | |||
<el-table-column prop="type" label="对方户名" /> | |||
<el-table-column prop="regname" label="对方行名" /> | |||
<el-table-column prop="regtime" label="对公账户账号" /> | |||
<el-table-column prop="type" label="用途" /> | |||
<el-table-column prop="regname" label="附言" /> | |||
<el-table-column prop="regtime" label="摘要" /> | |||
<el-table-column prop="date" label="交易流水号" width="200px"/> | |||
<el-table-column prop="name" label="交易时间" width="200px"/> | |||
<el-table-column prop="address" label="支出金额" width="200px"/> | |||
<el-table-column prop="number" label="收入金额" width="200px"/> | |||
<el-table-column prop="time" label="对方账号" width="200px"/> | |||
<el-table-column prop="type" label="对方户名" width="200px"/> | |||
<el-table-column prop="regname" label="对方行名" width="200px"/> | |||
<el-table-column prop="nonumber" label="对公账户账号" width="200px"/> | |||
<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> | |||
@@ -55,7 +55,7 @@ | |||
</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> | |||
@@ -63,22 +63,10 @@ | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
</el-form-item> | |||
</el-form> | |||
<el-form :model="form" v-else> | |||
<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> | |||
</el-form> | |||
<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> | |||
</span> | |||
</template> | |||
</span> --> | |||
</el-dialog> | |||
</div> | |||
</template> | |||
@@ -190,35 +178,20 @@ | |||
}, | |||
] | |||
const tableData = [{ | |||
date: '01', | |||
name: 'Liu461185', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
time: "2021-06-22T12:52:17", | |||
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" | |||
}, | |||
const tableData = [ | |||
{ | |||
date: '03', | |||
name: 'Liu461185', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
date: '34625032', | |||
name: '2022-05-07', | |||
address: '0.0', | |||
number: "5000.0", | |||
time: "2021-06-22T12:52:17", | |||
type: "已启用", | |||
regname: "xn18096012008", | |||
regtime: "2021-06-23T15:08:39" | |||
type: "23921001040002085", | |||
regname: "贵州省黔西南州水文水资源局", | |||
regtime: "中国农业银行股份有限公司兴义南盘江支行", | |||
nonumber:"szm123456", | |||
nonumbers:"贵E15389充ETC", | |||
use:"测试", | |||
usetype:"小额来账自动入账" | |||
} | |||
] | |||
</script> |
@@ -7,16 +7,16 @@ | |||
</el-form-item> | |||
<el-form-item> | |||
<el-button type="primary">读卡</el-button> | |||
<el-button :icon="Search" type="primary">查询</el-button> | |||
<el-button :icon="Search" 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" scrollbar-always-on="true" stripe> | |||
<el-table-column prop="name" label="黔通卡号" /> | |||
<el-table-column prop="address" label="充值前余额(元)" /> | |||
<el-table-column prop="number" label="充值金额(元)" /> | |||
<el-table-column prop="time" label="充值后余额(元)<" /> | |||
<el-table-column prop="type" label="充值时间" /> | |||
<el-table-column prop="time" 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> | |||
@@ -37,7 +37,7 @@ | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
</el-form-item> | |||
</el-form> | |||
<el-form :model="form" v-else> | |||
<el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth"> | |||
<el-input v-model="form.number" autocomplete="off" disabled /> | |||
@@ -52,7 +52,7 @@ | |||
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | |||
</span> | |||
</template> | |||
</el-dialog> | |||
</div> | |||
</template> | |||
@@ -75,7 +75,7 @@ | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
let title = ref("对公账户信息") | |||
const options = [{ | |||
@@ -104,20 +104,20 @@ | |||
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:''//对公账户资金账户编号 | |||
phone: '13078580843', //手机号 | |||
region: '', //验证码 | |||
delivery: false, //是否展示详细 | |||
number: '' //对公账户资金账户编号 | |||
}) | |||
const optiones = [{ | |||
value: '2', | |||
label: '2', | |||
@@ -166,30 +166,10 @@ | |||
const tableData = [{ | |||
date: '01', | |||
name: 'Liu461185', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
time: "2021-06-22T12:52:17", | |||
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", | |||
name: '52011750220200003674', | |||
address: '0.06', | |||
number: "100.00", | |||
time: "100.06", | |||
type: "已启用", | |||
regname: "xn18096012008", | |||
regtime: "2021-06-23T15:08:39" | |||
@@ -205,7 +185,8 @@ | |||
.table_box { | |||
margin-top: 25px; | |||
.table_btn{ | |||
.table_btn { | |||
display: flex; | |||
flex-direction: column; | |||
align-self: stretch; |
@@ -12,13 +12,14 @@ | |||
</el-form> | |||
</div> | |||
<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe > | |||
<el-table-column prop="name" label="序号" /> | |||
<el-table-column prop="date" label="序号" /> | |||
<el-table-column prop="name" label="卡号" /> | |||
<el-table-column prop="address" label="用户名" /> | |||
<el-table-column prop="number" label="证件号" /> | |||
<el-table-column prop="time" label="注销时间" /> | |||
<el-table-column prop="type" label="退款状态" /> | |||
<el-table-column prop="type" label="退费金额(元)"/> | |||
<el-table-column prop="regtime" label="注销时间" /> | |||
<el-table-column prop="numbers" label="卡账余额(元)" /> | |||
<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-tooltip content="详细" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button> | |||
@@ -30,8 +31,8 @@ | |||
<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" v-if="delivery"> | |||
<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> | |||
@@ -39,15 +40,6 @@ | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
</el-form-item> | |||
</el-form> | |||
<el-form :model="form" v-else> | |||
<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> | |||
</el-form> | |||
<template #footer> | |||
<span class="dialog-footer"> | |||
<el-button @click="dialogFormVisible = false">确定</el-button> | |||
@@ -168,33 +160,15 @@ | |||
const tableData = [{ | |||
date: '01', | |||
name: 'Liu461185', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
time: "2021-06-22T12:52:17", | |||
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', | |||
name: '52011750220200003674', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
time: "2021-06-22T12:52:17", | |||
type: "已启用", | |||
type: "已退款", | |||
regname: "xn18096012008", | |||
regtime: "2021-06-23T15:08:39" | |||
regtime: "2021-06-23T15:08:39", | |||
number:"0.00", | |||
numbers:"0.00" | |||
} | |||
] | |||
</script> |
@@ -4,13 +4,13 @@ | |||
<el-form :inline="true" :model="formInline" class="demo-form-inline"> | |||
<el-form-item label="申请时间"> | |||
<div class="block"> | |||
<el-date-picker v-model="start_time" 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="end_time" type="datetime" placeholder="" /> | |||
<el-date-picker v-model="end_time" type="datetime" placeholder="请选择申请结束时间" /> | |||
</div> | |||
</el-form-item> | |||
<el-form-item label="账号状态"> | |||
@@ -80,8 +80,8 @@ | |||
</el-form> | |||
<template #footer> | |||
<span class="dialog-footer"> | |||
<el-button type="primary">取消</el-button> | |||
<el-button type="primary" @click="dialogFormVisibles">确定</el-button> | |||
<el-button type="primary" @click="dialogFormVisible = false">取消</el-button> | |||
<el-button type="primary" @click="dialogFormVisible = false">确定</el-button> | |||
</span> | |||
</template> | |||
</el-dialog> |
@@ -10,7 +10,6 @@ | |||
<el-button :icon="Search" type="primary">查询</el-button> | |||
<el-button type="info">重置</el-button> | |||
<el-button :icon="download" type="primary">人工录入</el-button> | |||
</el-form-item> | |||
</el-form> | |||
</div> | |||
@@ -19,9 +18,9 @@ | |||
<el-table-column prop="name" label="卡号" /> | |||
<el-table-column prop="address" label="客户名称" /> | |||
<el-table-column prop="number" label="车牌号码" /> | |||
<el-table-column prop="time" label="车牌颜色" /> | |||
<el-table-column prop="regtime" label="车牌颜色" /> | |||
<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-tooltip content="详细" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button> | |||
@@ -33,8 +32,8 @@ | |||
<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" v-if="delivery"> | |||
<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> | |||
@@ -42,15 +41,6 @@ | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
</el-form-item> | |||
</el-form> | |||
<el-form :model="form" v-else> | |||
<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> | |||
</el-form> | |||
<template #footer> | |||
<span class="dialog-footer"> | |||
<el-button @click="dialogFormVisible = false">确定</el-button> | |||
@@ -171,33 +161,13 @@ | |||
const tableData = [{ | |||
date: '01', | |||
name: 'Liu461185', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
time: "2021-06-22T12:52:17", | |||
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', | |||
name: '52011750220200003674', | |||
address: '安顺市顺安防雷安全检测站平坝分站', | |||
number: "91520421MA6EBM14XC", | |||
number: "贵AC0263", | |||
time: "2021-06-22T12:52:17", | |||
type: "已启用", | |||
type: "100.00", | |||
regname: "xn18096012008", | |||
regtime: "2021-06-23T15:08:39" | |||
regtime: "蓝色" | |||
} | |||
] | |||
</script> |