|
|
@@ -0,0 +1,232 @@ |
|
|
|
<template> |
|
|
|
<div class="app_container"> |
|
|
|
<div class="menu"> |
|
|
|
<el-form :inline="true" :model="formInline" class="demo-form-inline"> |
|
|
|
<el-form-item label="对公账户资金账户编号"> |
|
|
|
<el-input v-model="formInline.user" placeholder="对公账户资金账户编号" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="公司证件号"> |
|
|
|
<el-input v-model="formInline.user" placeholder="公司证件号" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="公司名称"> |
|
|
|
<el-input v-model="formInline.user" placeholder="公司名称" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="申请时间"> |
|
|
|
<div class="block"> |
|
|
|
<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="" /> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="账号状态"> |
|
|
|
<el-select v-model="value3" clearable placeholder="账号状态"> |
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="每页条数"> |
|
|
|
<el-select v-model="value4" clearable placeholder="账号状态"> |
|
|
|
<el-option v-for="item in optiones" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<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"> |
|
|
|
<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="regname" label="审核人员" /> |
|
|
|
<el-table-column prop="regtime" label="审核时间" /> |
|
|
|
<el-table-column label="操作" align="center"> |
|
|
|
|
|
|
|
<el-tooltip content="详细" placement="top"> |
|
|
|
<el-button>详细</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> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
import { |
|
|
|
Search |
|
|
|
} from '@element-plus/icons-vue' |
|
|
|
import { |
|
|
|
reactive, |
|
|
|
ref |
|
|
|
} from 'vue' |
|
|
|
|
|
|
|
const formInline = reactive({ |
|
|
|
user: '', |
|
|
|
region: '', |
|
|
|
}) |
|
|
|
|
|
|
|
const onSubmit = () => { |
|
|
|
console.log('submit!') |
|
|
|
} |
|
|
|
|
|
|
|
const options = [{ |
|
|
|
value: '', |
|
|
|
label: '全部', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '1', |
|
|
|
label: '驳回', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '0', |
|
|
|
label: '待审核', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '1', |
|
|
|
label: '已启用', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '2', |
|
|
|
label: '待修改初始密码', |
|
|
|
}, |
|
|
|
] |
|
|
|
|
|
|
|
const value1 = ref('') |
|
|
|
const value2 = ref('') |
|
|
|
const value3 = ref('') |
|
|
|
const value4 = ref('') |
|
|
|
|
|
|
|
const optiones = [{ |
|
|
|
value: '2', |
|
|
|
label: '2', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '6', |
|
|
|
label: '6', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '10', |
|
|
|
label: '10', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '15', |
|
|
|
label: '15', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '30', |
|
|
|
label: '30', |
|
|
|
}, |
|
|
|
] |
|
|
|
|
|
|
|
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) |
|
|
|
|
|
|
|
const shortcuts = [{ |
|
|
|
text: 'Today', |
|
|
|
value: new Date(), |
|
|
|
}, |
|
|
|
{ |
|
|
|
text: 'Yesterday', |
|
|
|
value: () => { |
|
|
|
const date = new Date() |
|
|
|
date.setTime(date.getTime() - 3600 * 1000 * 24) |
|
|
|
return date |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
text: 'A week ago', |
|
|
|
value: () => { |
|
|
|
const date = new Date() |
|
|
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7) |
|
|
|
return date |
|
|
|
}, |
|
|
|
}, |
|
|
|
] |
|
|
|
|
|
|
|
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", |
|
|
|
type: "已启用", |
|
|
|
regname: "xn18096012008", |
|
|
|
regtime: "2021-06-23T15:08:39" |
|
|
|
}, |
|
|
|
{ |
|
|
|
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", |
|
|
|
type: "已启用", |
|
|
|
regname: "xn18096012008", |
|
|
|
regtime: "2021-06-23T15:08:39" |
|
|
|
} |
|
|
|
] |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
.app_container { |
|
|
|
padding: 20px; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
.table_box { |
|
|
|
margin-top: 25px; |
|
|
|
} |
|
|
|
|
|
|
|
.page_box { |
|
|
|
margin-top: 25px; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |