dmc
/
test-web
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
瀏覽代碼

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

master
wq 3 年之前
父節點
cc5dd97b34 aad4fb233c
當前提交
a20534bcc8
共有 10 個檔案被更改，包括 1048 行新增 和 793 行删除
分割檢視 顯示文件統計
  1. 3
    0
      src/api/fancongcong/test.ts
  2. 2
    1
      src/api/index.ts
  3. 287
    200
      src/views/fancongcong/addsupplyCardBalance/addsupplyCardBalance.vue
  4. 4
    2
      src/views/fancongcong/advancepaymentaccount/advancepaymentaccount.vue
  5. 1
    1
      src/views/fancongcong/cardrechargefix/cardrechargefix.vue
  6. 47
    2
      src/views/fancongcong/cardrefundcostManage/cardrefundcostManage.vue
  7. 473
    407
      src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue
  8. 203
    162
      src/views/shengbo/blacklistQuery/blacklistQuery.vue
  9. 23
    18
      src/views/shengbo/trafficFlow/trafficFlow.vue
  10. 5
    0
      vite.config.ts

+ 3
- 0
src/api/fancongcong/test.ts 查看文件

@@ -0,0 +1,3 @@
export default function getRegList(){
//request.get('/corporateaccount/queryPage',{},{})
}

+ 2
- 1
src/api/index.ts 查看文件

@@ -10,6 +10,7 @@ const service = axios.create({
// `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。
// 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL
baseURL: import.meta.env.VITE_APP_BASE_URL + '',
//contentType: "application/x-www-form-urlencoded",
// `headers` 是即将被发送的自定义请求头
headers: {
"X-Requested-With": "XMLHttpRequest",
@@ -85,7 +86,7 @@ export function get(url: string, data = {}, options = {}) {
export function post(url: string, data = {}, options = {}) {
const defaultOptions = {
url: url,
data: "post",
method: "post",
params: data,
}
//合并用户配置参数信息

+ 287
- 200
src/views/fancongcong/addsupplyCardBalance/addsupplyCardBalance.vue 查看文件

@@ -1,40 +1,43 @@
<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>
<el-button :icon="Search" type="primary">查询</el-button>
<el-button type="info">重置</el-button>
</el-form-item>
</el-form>
</div>
<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="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>
<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>
<el-button :icon="Search" type="primary">查询</el-button>
<el-button type="info">重置</el-button>
</el-form-item>
</el-form>
</div>
<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="600px" 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="allBanner">全额补交</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>

<div class="page_box">
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
</div>
<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="卡账明细">
<el-form :model="form">
<el-dialog v-model="dialogFormVisible" title="卡账明细">
<!-- <el-form :model="form">
<el-form-item label="当前卡内余额" :label-width="formLabelWidth">
<el-input v-model="form.balance" autocomplete="off" disabled />
</el-form-item>
@@ -59,182 +62,266 @@
<el-form-item label="金额" :label-width="formLabelWidth">
<el-input v-model="form.Money" autocomplete="off" disabled/>
</el-form-item>
</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-form>-->
<el-table :data="CardDetil" style="width: 100%">
<el-table-column prop="balance" label="当前卡内余额" width="150"/>
<el-table-column prop="balances" label="总消费金额" width="150"/>
<el-table-column label>
<el-table-column label="通行明细">
<el-table-column prop="number" label="流水编号" width="120"/>
<el-table-column prop="intoName" label="进站名" width="120"/>
<el-table-column prop="leaveName" label="离站名"/>
<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>
</el-table-column>
</el-table>
<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="补交明细">
<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>
<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
} from '@element-plus/icons-vue'
import {
reactive,
ref
} from 'vue'
//导入模块
import { Search } from '@element-plus/icons-vue'
import { reactive, ref } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'

//变量定义
const formInline = reactive({
user: '',
region: ''
})
let title = ref('对公账户信息')
const options = [
{
value: '',
label: '全部'
},
{
value: '1',
label: '驳回'
},
{
value: '0',
label: '待审核'
},
{
value: '1',
label: '已启用'
},
{
value: '2',
label: '待修改初始密码'
}
]
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({
Money: '', //金额
carNumber: '', //补交卡号
cardMoney: '', //需要补交的金额
CardTime: '', //卡账生成时间
Cardchannel: '' //补交编号
})
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: '52011750220200003674',
name: '100.00',
address: '安顺市顺安防雷安全检测站平坝分站',
number: '黔通',
time: '2021-06-22T12:52:17',
type: '已启用',
regname: 'xn18096012008',
regtime: '2021-06-23T15:08:39'
}
]
const CardDetil = [
{
balance: '-72.98元', //当前卡内余额
balances: '231.35元', //总消费金额
number: '13282202003689462020-01-01 09:17:132020-01-20 00:17:410', //流水编号
intoName: '贵阳北主线站', //进站名
leaveName: '贵阳北主线站', //离站名
intoTime: '2020-01-01 09:17:13', //进站时间
leaveTime: '2020-01-20 00:17:41', //离站时间
licenseNumber: '贵JTH159', //车牌号
Money: '0.0元' //金额
},
{
balance: '-72.98元', //当前卡内余额
balances: '231.35元', //总消费金额
number: '13282202003689462020-01-01 09:17:132020-01-20 00:17:410', //流水编号
intoName: '贵阳北主线站', //进站名
leaveName: '贵阳北主线站', //离站名
intoTime: '2020-01-01 09:17:13', //进站时间
leaveTime: '2020-01-20 00:17:41', //离站时间
licenseNumber: '贵JTH159', //车牌号
Money: '0.0元' //金额
},
{
balance: '-72.98元', //当前卡内余额
balances: '231.35元', //总消费金额
number: '13282202003689462020-01-01 09:17:132020-01-20 00:17:410', //流水编号
intoName: '贵阳北主线站', //进站名
leaveName: '贵阳北主线站', //离站名
intoTime: '2020-01-01 09:17:13', //进站时间
leaveTime: '2020-01-20 00:17:41', //离站时间
licenseNumber: '贵JTH159', //车牌号
Money: '0.0元' //金额
},
{
balance: '-72.98元', //当前卡内余额
balances: '231.35元', //总消费金额
number: '13282202003689462020-01-01 09:17:132020-01-20 00:17:410', //流水编号
intoName: '贵阳北主线站', //进站名
leaveName: '贵阳北主线站', //离站名
intoTime: '2020-01-01 09:17:13', //进站时间
leaveTime: '2020-01-20 00:17:41', //离站时间
licenseNumber: '贵JTH159', //车牌号
Money: '0.0元' //金额
},
{
balance: '-72.98元', //当前卡内余额
balances: '231.35元', //总消费金额
number: '13282202003689462020-01-01 09:17:132020-01-20 00:17:410', //流水编号
intoName: '贵阳北主线站', //进站名
leaveName: '贵阳北主线站', //离站名
intoTime: '2020-01-01 09:17:13', //进站时间
leaveTime: '2020-01-20 00:17:41', //离站时间
licenseNumber: '贵JTH159', //车牌号
Money: '0.0元' //金额
}
]

//变量定义
const formInline = reactive({
user: '',
region: '',
})
let title = ref("对公账户信息")
const options = [{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
]
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',
},
{
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 onSubmit = () => {
console.log('submit!')
}

const tableData = [{
date: '52011750220200003674',
name: '100.00',
address: '安顺市顺安防雷安全检测站平坝分站',
number: "黔通",
time: "2021-06-22T12:52:17",
type: "已启用",
regname: "xn18096012008",
regtime: "2021-06-23T15:08:39"
}
]
const allBanner = () => {
ElMessageBox.confirm('确定全额补交完毕后点击确定', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
ElMessage({
type: 'success',
message: '操作成功！'
})
})
.catch(() => {
ElMessage({
type: '取消',
message: '已取消'
})
})
}

//事件处理
const onSubmit = () => {
console.log('submit!')
}
onSubmit()
onSubmit()
</script>

<style lang="scss">
.app_container {
padding: 20px;
display: flex;
flex-direction: column;
.app_container {
padding: 20px;
display: flex;
flex-direction: column;

.table_box {
margin-top: 25px;
.table_btn{
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}
.table_box {
margin-top: 25px;
.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}

.page_box {
margin-top: 25px;
}
}
.page_box {
margin-top: 25px;
}
}
</style>

+ 4
- 2
src/views/fancongcong/advancepaymentaccount/advancepaymentaccount.vue 查看文件

@@ -63,10 +63,12 @@
<el-input v-model="form.phone" autocomplete="off" disabled />
</el-form-item>
</el-form>
<span class="dialog-footer">
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisible = false">确定</el-button>
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
</span>
</span>
</template>
</el-dialog>
</div>
</template>

+ 1
- 1
src/views/fancongcong/cardrechargefix/cardrechargefix.vue 查看文件

@@ -11,7 +11,7 @@
</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="name" label="黔通卡号" />
<el-table-column prop="address" label="充值前余额(元)" />
<el-table-column prop="number" label="充值金额(元)" />

+ 47
- 2
src/views/fancongcong/cardrefundcostManage/cardrefundcostManage.vue 查看文件

@@ -11,7 +11,7 @@
</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="序号" />
<el-table-column prop="name" label="卡号" />
<el-table-column prop="type" label="退款状态" />
@@ -66,6 +66,7 @@
reactive,
ref
} from 'vue'
import {ElMessage, ElMessageBox} from 'element-plus'

//变量声明
let formInline = reactive({
@@ -169,7 +170,51 @@
]

//事件处理
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">

+ 473
- 407
src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue 查看文件

@@ -1,425 +1,491 @@
<template>
<div class="app_container">
<div class="menu">
<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="请选择申请开始时间" />
</div>
<el-icon>
<semi-select />
</el-icon>
<div class="block">
<el-date-picker v-model="end_time" type="datetime" placeholder="请选择申请结束时间" />
</div>
</el-form-item>
<el-form-item label="账号状态">
<el-select v-model="cтатус_счета" 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="номер" 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 label="对公账户资金账户编号">
<el-input v-model="formInline.number" placeholder="对公账户资金账户编号" />
</el-form-item>
<el-form-item label="公司证件号">
<el-input v-model="formInline.coNumber" placeholder="公司证件号" />
</el-form-item>
<el-form-item label="公司名称">
<el-input v-model="formInline.user" placeholder="公司名称" />
</el-form-item>
<div class="app_container">
<div class="menu">
<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="请选择申请开始时间"/>
</div>
<el-icon>
<semi-select/>
</el-icon>
<div class="block">
<el-date-picker v-model="end_time" type="datetime" placeholder="请选择申请结束时间"/>
</div>
</el-form-item>
<el-form-item label="账号状态">
<el-select v-model="cтатус_счета" 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="номер" 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 label="对公账户资金账户编号">
<el-input v-model="formInline.number" placeholder="对公账户资金账户编号"/>
</el-form-item>
<el-form-item label="公司证件号">
<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" @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" 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 label="操作" class="table_btn" width="350px" 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>
<el-form-item>
<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" stripe>
<el-table-column prop="id" label="序号" width="100px"/>
<el-table-column prop="accountId" label="对公账户资金账户编号"/>
<el-table-column prop="corporateName" label="公司名称"/>
<el-table-column prop="corporateIdNum" label="公司证件号"/>
<el-table-column prop="createTime" label="申请时间"/>
<el-table-column prop="status" label="账号状态"/>
<el-table-column prop="confirmStaffId" label="审核人员"/>
<el-table-column prop="confirmTime" label="审核时间"/>
<el-table-column label="操作" class="table_btn" width="350px" 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>
<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" v-if="dialogFormVisible">
<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">
<div class="as-layout-horizontal">
<el-input v-model="form.region" />
<el-button type="primary" @click="getPhone">{{text}}</el-button>
</div>
</el-form-item>
</el-form>-->
<el-form :model="form">
<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.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>
<el-dialog v-model="dialogFormVisible" :title="title">
<el-form :model="form" v-if="form.delivery">
<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">
<div class="as-layout-horizontal">
<el-input v-model="form.region"/>
<el-button
type="primary"
@click="getPhone"
:disabled="codetext.length == 2"
>{{codetext}}</el-button>
</div>
</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.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.coauthorization"
:preview-src-list="srcList"
:initial-index="4"
fit="cover"
/>
</el-form-item>
<el-form-item label="公司营业执照" :label-width="formLabelWidth+50">
<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+50">
<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+50">
<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
} from '@element-plus/icons-vue'
import {reactive, ref} from 'vue'
import {ElMessage, ElMessageBox} from 'element-plus'
//变量定义
const form = reactive({
phone: '13078580843', //手机号
region: '123', //验证码
delivery: false, //是否展示详细
number: '', //对公账户资金账户编号
comName:'',//公司名称
coNumbers:'',//公司证件号
regTime:'',//申请时间
regtype:'',//账号状态
regmame:'',//审核人员
regtimres:'',//审核时间
jbrName:'',//经办人名称
jbrPhone:'',//经办人联系方式
resive:'',//原因，
kaihuhang:'',//开户行
kaihuNumber:'',//开户账号
backNumber:'',//银行卡号
backBalance:'',//账户余额
colicense:'',//公司营业执照
coauthorization:'',//授权书
idImgOne:'',//被委托人身份证正面照
idImgTwo:'',//被委托人身份证反面照
})
const formInline = reactive({
user: '',
region: '123',
number:''//资金编号
})
let title = ref("对公账户信息")
const options = [{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
]
let text = '获取验证码';
let start_time = ref('') //申请选择开始时间
let end_time = ref('') //申请选择结束时间
let cтатус_счета = ref('') //账号状态
let номер = ref('') //每页条数
let time = ref(0) //验证码倒计时
let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false)
let formLabelWidth = '140px'
let dialogFormVisibles = ref(false)
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"
}
]
//导入模块
import { Search } from '@element-plus/icons-vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { reactive, ref ,getCurrentInstance, onMounted } from 'vue'

//事件处理
const onSubmit = () => {
console.log('submit!')
}
//同意申请
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: '已取消',
})
})
}
//验证码60s倒计时
const startime=() => {
if (parseInt(time) == 0) {
text = '获取验证码';
time = 60;
} else {
time--;
text = time;
setTimeout(function() {
getPhone()
}, 1000);
}
}
//发送验证码
const getPhone=() => {
if(form.region != '') {
//start_time()
} else {
ElMessage({
type: 'success',
message: '请输入验证码！',
})
}
//变量定义
let form = reactive({
phone: '13078580843', //手机号
region: '123', //验证码
delivery: true, //默认显示获取验证码，false显示详细
number: '', //对公账户资金账户编号
comName: '', //公司名称
coNumbers: '', //公司证件号
regTime: '', //申请时间
regtype: '', //账号状态
regmame: '', //审核人员
regtimres: '', //审核时间
jbrName: '', //经办人名称
jbrPhone: '', //经办人联系方式
resive: '', //原因，
kaihuhang: '', //开户行
kaihuNumber: '', //开户账号
backNumber: '', //银行卡号
backBalance: '', //账户余额
colicense: '', //公司营业执照
coauthorization: '', //授权书
idImgOne: '', //被委托人身份证正面照
idImgTwo: '' //被委托人身份证反面照
})
const formInline = reactive({
user: '',
region: '123',
number: '' //资金编号
})
let title = ref('对公账户信息')
const options = [
{
value: '',
label: '全部'
},
{
value: '1',
label: '驳回'
},
{
value: '0',
label: '待审核'
},
{
value: '1',
label: '已启用'
},
{
value: '2',
label: '待修改初始密码'
}
]
let codetext = ref('获取验证码')
let setTime = ref(null)
let start_time = ref('') //申请选择开始时间
let end_time = ref('') //申请选择结束时间
let cтатус_счета = ref('') //账号状态
let номер = ref('') //每页条数
let time = ref(60) //验证码倒计时
let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false)
let formLabelWidth = '140px'
let dialogFormVisibles = ref(false)
const { proxy } = getCurrentInstance();
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 = [
{
accountId: 'HIJYVSGSK',
agentName: '杨杰',
agentTel: '13205360203',
bankAddress: '陕西省 商洛市 丹凤县',
bankCardId: 8957535811452491,
confirmStaffId: '萧艳',
confirmTime: '2001/07/28 11:23:26',
corporateIdNum: "'1127092027434239",
corporateName: 5201566346840427,
createTime: '2011/11/23 02:26:54',
id: '710000201205044241',
message: 'ok',
status: 0,
uploadTime: '2009/09/05 11:28:06'
}
]

//事件处理
const onSubmit = () => {
console.log('submit!')
}
//同意申请
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: '已取消'
})
})
}
//验证码60s倒计时
//验证码60s倒计时
const startime = () => {
console.log('st', codetext)
if (parseInt(time) == 0) {
codetext.value = '获取验证码'
time = 60
clearTimeout(setTime)
} else {
time--
codetext.value = time.toString() + 's'
console.log('t2', time, codetext)
setTime = setTimeout(function() {
startime()
}, 1000)
}
}
//发送验证码
const getPhone = (id) => {
if(form.region != '') {
 proxy.$request.post('/corporateaccount/send', {id:id}, {
        baseURL: 'http://localhost:8085'
    }).then((res) => {
        console.log(res);
    }).catch((err) => {
        console.log(err);
    })
codetext.value = 60 + 's'
time = 60
startime()
} else {
ElMessage({
type: 'success',
message: '请输入验证码！'
})
}
}
//查询
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 = () => {
if (form.delivery) {
//dialogFormVisible = false;
//dialogFormVisibles = true;
console.log('heyan', dialogFormVisible, dialogFormVisibles)
//验证码核验
form.delivery = false
if(form.region == resCode){

}
//查询
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)
}
} else {
//展示详细
dialogFormVisible.value = false
proxy.$request.post('/corporateaccount/queryId', {id:id}, {
        baseURL: 'http://localhost:8085'
    }).then((res) => {
        console.log(res);
    }).catch((err) => {
        console.log(err);
    })
}
}

onMounted(() => {
//      proxy.$request.post('api/corporateaccount/queryPage', {}, {
//         baseURL: 'http://localhost:8089'
//     }).then((res) => {
//         console.log(res);
//     }).catch((err) => {
//         console.log(err);
//     })

proxy.$request.post('/corporateaccount/queryPage', {}, {
        baseURL:'http://localhost:8089',
    }).then((res) => {
        console.log(res);
    }).catch((err) => {
        console.log(err);
    })

 })

</script>

<style lang="scss">
.app_container {
padding: 20px;
display: flex;
flex-direction: column;
.app_container {
padding: 20px;
display: flex;
flex-direction: column;

.table_box {
margin-top: 25px;
.table_box {
margin-top: 25px;

.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}
.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}

.page_box {
margin-top: 25px;
}
.page_box {
margin-top: 25px;
}

.box {
display: flex;

}
}
.box {
display: flex;
}
}
</style>

+ 203
- 162
src/views/shengbo/blacklistQuery/blacklistQuery.vue 查看文件

@@ -1,5 +1,5 @@
<template>
<div style="font-size: 13px; color: rgb(209, 65, 65);margin-left: 16px;">
<div style="font-size: 13px; color: rgb(209, 65, 65); margin-left: 16px">
注：目前仅支持中国工商银行贵州省分行、中国工商银行股份有限公司贵州省分行、农业银行、部互联网发行、
世纪恒通、工行微ETC、工总行直连模式三、贵州农信联社、贵州工行微ETC、世纪恒通GH查询下黑原因！
</div>
@@ -7,12 +7,12 @@
<!-- 输入框 -->
<div class="topstyle">
<span style="margin-right: 10px; width: 40px">卡号</span>
<el-input v-model="input4" placeholder="请输入卡号" style="width: 220px;"> </el-input>
<el-input v-model="formdata.ardNumber" placeholder="请输入卡号" style="width: 220px"> </el-input>
</div>
<!-- 日期框 -->
<div class="topstyle">
<el-date-picker
v-model="value1"
v-model="formdata.startDate"
type="datetime"
placeholder="开始日期"
format="YYYY/MM/DD hh:mm:ss"
@@ -20,7 +20,7 @@
<!-- <span>-</span> -->
<!-- <el-button>至</el-button> -->
<el-date-picker
v-model="value1"
v-model="formdata.endDate"
type="datetime"
placeholder="结束日期"
format="YYYY/MM/DD hh:mm:ss"
@@ -30,108 +30,109 @@
<!-- 下拉框 -->
<div class="topstyle">
<span style="margin-right: 10px">查询类型</span>
<el-select v-model="value1" style="width: 100px">
<el-option label="下黑" value="shanghai" />
<el-option label="反白" value="beijing" />
<el-select v-model="formdata.queryType" style="width: 100px">
<el-option label="下黑" value="下黑" />
<el-option label="反白" value="下黑" />
</el-select>
</div>
<!-- 按钮 -->
<div class="topstyle">
<el-button v-model="input4" type="success" :icon="Search" @click="search">搜索</el-button>
<el-button type="success" :icon="Search" @click="search">搜索</el-button>
<el-button type="warning" :icon="Refresh" @click="reset">重置</el-button>
<el-button type="primary" :icon="Plus" @click="dialogFormVisible = true">添加</el-button>
<el-button type="primary" :icon="Plus" @click="addTo">添加</el-button>
</div>
</div>
<!-- 弹窗 -->
<div>
<el-dialog v-model="dialogFormVisible" class="as-gravity-center">
<span class="as-gravity-center" style="font-size: 25px;">卡黑名单-操作(下黑反白)</span>
<el-form :model="form" style="padding-top:22px;">
<el-form-item label="卡号：" :label-width="100">
<el-input v-model="form.name" style="width: 215px" />
</el-form-item>
<el-form-item label="黑名单类型：" :label-width="100">
<el-select v-model="form.region" placeholder="请选择黑名单类型">
<el-option label="卡挂失" value="shanghai" />
<el-option label="无卡挂起" value="beijing" />
<el-option label="无卡销售" value="shanghai" />
<el-option label="账户透支" value="beijing" />
<el-option label="合作机构黑名单" value="shanghai" />
<el-option label="车型不符" value="beijing" />
<el-option label="储值卡余额不足" value="shanghai" />
</el-select>
</el-form-item>
<el-form-item label="状态类型：" :label-width="100">
<el-select v-model="form.region" placeholder="请选择状态类型">
<el-option label="下黑" value="shanghai" />
<el-option label="反白" value="beijing" />
</el-select>
</el-form-item>
<el-form-item label="原因：" :label-width="100">
<el-input v-model="form.desc" type="textarea" />
</el-form-item>
</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>
<span class="as-gravity-center" style="font-size: 25px">卡黑名单-操作(下黑反白)</span>
<el-form :model="addtodata" style="padding-top: 22px" :rules="rules">
<el-form-item prop="ardNumber" label="卡号：" :label-width="110">
<el-input v-model="addtodata.ardNumber" style="width: 215px" />
</el-form-item>
<el-form-item prop="blacklistType" label="黑名单类型：" :label-width="110">
<el-select v-model="addtodata.blacklistType" placeholder="请选择黑名单类型">
<el-option label="卡挂失" value="卡挂失" />
<el-option label="无卡挂起" value="无卡挂起" />
<el-option label="无卡销售" value="无卡销售" />
<el-option label="账户透支" value="账户透支" />
<el-option label="合作机构黑名单" value="合作机构黑名单" />
<el-option label="车型不符" value="车型不符" />
<el-option label="储值卡余额不足" value="储值卡余额不足" />
</el-select>
</el-form-item>
<el-form-item prop="statusType" label="状态类型：" :label-width="110">
<el-select v-model="addtodata.statusType" placeholder="请选择状态类型">
<el-option label="下黑" value="下黑" />
<el-option label="反白" value="反白" />
</el-select>
</el-form-item>
<el-form-item prop="reason" label="原因：" :label-width="110">
<el-input v-model="addtodata.reason" type="textarea" />
</el-form-item>
</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>
</div>
<div style="padding-top: 12px">
<el-table :data="tableData" border style="width: 100%">
<el-table-column property="date1" label="序号" width="60" />
<el-table-column property="date2" label="卡号" width="120" />
<el-table-column property="date3" label="黑名单类型" width="100" />
<el-table-column property="date4" label="黑名单生效时间" width="170" />
<el-table-column property="date5" label="状态" width="60" />
<el-table-column property="date6" label="黑名单反白时间" width="130" />
<el-table-column property="date7" label="下黑操作工号" width="110" />
<el-table-column property="date8" label="下黑原因" width="200" />
<el-table-column property="date9" label="反白操作工号" width="130" />
<el-table-column property="date10" label="反白原因" width="110" />
<el-table-column prop="serialNumber" label="序号" width="60" />
<el-table-column prop="ardNumber" label="卡号" width="120" />
<el-table-column prop="blacklistType" label="黑名单类型" width="100" />
<el-table-column prop="effectiveTimeOfBlacklist" label="黑名单生效时间" width="170" />
<el-table-column prop="state" label="状态" width="60" />
<el-table-column prop="blacklistAntiWhiteTime" label="黑名单反白时间" width="130" />
<el-table-column prop="xiaheiOperatorNo" label="下黑操作工号" width="110" />
<el-table-column prop="causeOfBlack" label="下黑原因" width="200" />
<el-table-column prop="antiWhiteOperatorNo" label="反白操作工号" width="130" />
<el-table-column prop="negativeeasons" label="反白原因" width="110" />
<el-table-column label="操作" width="90">
<el-button @click="dialogFormVisible1 = true" style="border-style: none">详情</el-button>
</el-table-column>
</el-table>
<el-dialog v-model="dialogFormVisible1" class="as-gravity-center">
<span class="as-gravity-center" style="font-size: 22px">基本信息</span>
<el-form :model="form1" style="padding-top: 12px">
<el-form-item label="卡号：" :label-width="100">
<el-input v-model="form1.data" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="车辆号：" :label-width="100">
<el-input v-model="form1.data1" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="机构名称：" :label-width="100">
<el-input v-model="form1.data2" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="黑名单类型：" :label-width="100">
<el-input v-model="form1.data3" style="width: 215px" disabled />
</el-form-item>
</el-form>
<span class="as-gravity-center" style="font-size: 22px">黑名单上传日志</span>
<el-form :model="form1" style="padding-top: 12px">
<el-form-item label="上传日志：" :label-width="100" style="color: rgb(209, 65, 65)">
<el-input v-model="form1.data4" type="textarea" disabled />
</el-form-item>
</el-form>
<span class="as-gravity-center" style="font-size: 22px">渠道下黑原因</span>
<el-form :model="form1" style="padding-top: 12px">
<el-form-item label="查询结果：" :label-width="100" style="color: rgb(209, 65, 65)">
<el-input v-model="form1.data5" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="下黑原因：" :label-width="100" style="color: rgb(209, 65, 65)">
<el-input v-model="form1.data6" type="textarea" disabled />
</el-form-item>
</el-form>
<template #footer>
<span>
<el-button @click="dialogFormVisible1 = false">关闭</el-button>
</span>
</template>
</el-dialog>
<span class="as-gravity-center" style="font-size: 22px">基本信息</span>
<el-form :model="detailsPopup" style="padding-top: 12px">
<el-form-item label="卡号：" :label-width="100">
<el-input v-model="detailsPopup.ardNumber" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="车辆号：" :label-width="100">
<el-input v-model="detailsPopup.vehicleNumber" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="机构名称：" :label-width="100">
<el-input v-model="detailsPopup.organizationName" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="黑名单类型：" :label-width="100">
<el-input v-model="detailsPopup.blacklistType" style="width: 215px" disabled />
</el-form-item>
</el-form>
<span class="as-gravity-center" style="font-size: 22px">黑名单上传日志</span>
<el-form :model="detailsPopup" style="padding-top: 12px">
<el-form-item label="上传日志：" :label-width="100" style="color: rgb(209, 65, 65)">
<el-input v-model="detailsPopup.uploadLog" type="textarea" disabled />
</el-form-item>
</el-form>
<span class="as-gravity-center" style="font-size: 22px">渠道下黑原因</span>
<el-form :model="detailsPopup" style="padding-top: 12px">
<el-form-item label="查询结果：" :label-width="100" style="color: rgb(209, 65, 65)">
<el-input v-model="detailsPopup.queryResults" style="width: 215px" disabled />
</el-form-item>
<el-form-item label="下黑原因：" :label-width="100" style="color: rgb(209, 65, 65)">
<el-input v-model="detailsPopup.causeOfBlack" type="textarea" disabled />
</el-form-item>
</el-form>
<template #footer>
<span>
<el-button @click="dialogFormVisible1 = false">关闭</el-button>
</span>
</template>
</el-dialog>
</div>
<div style="padding-top: 12px" class="as-gravity-center-end">
<el-pagination :page-sizes="[10, 20, 30, 40]" layout="sizes, prev, pager, next" :total="1000" />
@@ -139,58 +140,90 @@
</template>

<script lang="ts" setup>
import { reactive, ref } from 'vue'
import { reactive, ref, toRaw } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { Calendar, Search, Refresh, Plus } from '@element-plus/icons-vue'
import type { ElTable } from 'element-plus'

const input3 = ref('')
const input4 = ref('')
const value1 = ref('')

function reset() {}
function search() {}
function addTo() {}
import type { ElTable, FormInstance, FormRules} from 'element-plus'
const dialogFormVisible = ref(false)
const dialogFormVisible1 = ref(false)
const form1 = reactive({
data: '52011640230217310678',
data1: '云AG9L76',
data2: '中国工商银行贵州省分行',
data3: '账户透支黑名单',
data4: '未查到黑名单上传日志！',
data5: '成功',
data6:
'银行卡号：621476*********6594,总欠额：229.78元,最后一次补扣时间：2022-05-09 07:31:06,失败原因：总行处理失败:帐户余额不足,请保证余额充足系统每天会自动补扣',

const formdata = reactive({
ardNumber: '', //卡号
startDate: '', //开始日期
endDate: '', //结束日期
queryType: '', //查询类型
})
const form = reactive({
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: '',
const addtodata = reactive({
ardNumber: '', //卡号
blacklistType: '', //黑名单类型
statusType: '', //状态类型
reason: '', //原因
})
//搜索
function search() {
console.log(toRaw(formdata))
console.log('发送搜索请求')
}
//重置
function reset() {
console.log('重置')
}
//添加
function addTo() {
dialogFormVisible.value = true
console.log(toRaw(addtodata))
console.log('添加弹窗')
}
const rules = reactive<FormRules>({
ardNumber: [{
required: true,
message: '卡号不能为空',
trigger: 'blur',
}],
blacklistType: [{
required: true,
message: '黑名单类型不能为空',
trigger: 'blur',
}],
statusType: [{
required: true,
message: '状态类型不能为空',
trigger: 'blur',
}],
reason: [{
required: true,
message: '原因不能为空',
trigger: 'blur',
}],
})

// 详情弹窗
const detailsPopup = reactive({
ardNumber: '52011640230217310678', //卡号
vehicleNumber: '云AG9L76', //车辆号
organizationName: '中国工商银行贵州省分行', //机构名称
blacklistType: '账户透支黑名单', //黑名单类型
uploadLog: '未查到黑名单上传日志！', //上传日志
queryResults: '成功', //查询结果
causeOfBlack: '银行卡号：621476*********6594,总欠额：229.78元,最后一次补扣时间：2022-05-09 07:31:06,失败原因：总行处理失败:帐户余额不足,请保证余额充足系统每天会自动补扣', //下黑原因
})

interface User {
date1: string
date2: string
date3: string
date4: string
date5: string
date6: string
date7: string
date8: string
date9: string
date10: string
date11: string
serialNumber: string //序号
ardNumber: string //卡号
blacklistType: string //黑名单类型
effectiveTimeOfBlacklist: string //黑名单生效时间
state: string //状态
blacklistAntiWhiteTime: string //黑名单反白时间
xiaheiOperatorNo: string //下黑操作工号
causeOfBlack: string //下黑原因
antiWhiteOperatorNo: string //反白操作工号
negativeeasons: string //反白原因
}

const currentRow = ref()
const singleTableRef = ref<InstanceType<typeof ElTable>>()

const setCurrent = (row?: User) => {
singleTableRef.value!.setCurrentRow(row)
}
@@ -199,43 +232,52 @@ const handleCurrentChange = (val: User | undefined) => {
}
const tableData: User[] = [
{
date1: '1',
date2: '52011640230217310678',
date3: '账户透支',
date4: '2020-12-19T03:41:04',
date5: '在黑',
date6: '',
date7: 'ETCGsyh002',
date8: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
date9: '',
date10: '',
date11: '',
serialNumber: '1',
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
antiWhiteOperatorNo: '',
negativeeasons: '',
},
{
serialNumber: '2',
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
antiWhiteOperatorNo: '',
negativeeasons: '',
},
{
date1: '2',
date2: '52011640230217310678',
date3: '账户透支',
date4: '2020-12-19T03:41:04',
date5: '在黑',
date6: '',
date7: 'ETCGsyh002',
date8: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
date9: '',
date10: '',
date11: '',
serialNumber: '3',
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
antiWhiteOperatorNo: '',
negativeeasons: '',
},
{
date1: '3',
date2: '52011640230217310678',
date3: '账户透支',
date4: '2020-12-19T03:41:04',
date5: '在黑',
date6: '',
date7: 'ETCGsyh002',
date8: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
date9: '',
date10: '',
date11: '',
serialNumber: '4',
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
causeOfBlack: '车牌尾号L76欠费:229.78元;于20201219进入黑名单',
antiWhiteOperatorNo: '',
negativeeasons: '',
},
]
</script>
@@ -250,6 +292,5 @@ const tableData: User[] = [
margin-right: 10px;
align-items: center;
justify-content: flex-start;

}
</style>

+ 23
- 18
src/views/shengbo/trafficFlow/trafficFlow.vue 查看文件

@@ -35,27 +35,27 @@
<div class="topstyle">
<el-button type="success" :icon="Search" @click="submitForm">搜索</el-button>
<el-button type="warning" :icon="Refresh" @click="submitReset">重置</el-button>
<el-button type="primary" plain @click="downloadExcel">导出当前页</el-button>
<el-button type="primary" plain @click="dddd">导出所有</el-button>
<el-button type="primary" plain @click="exportAll">导出当前页</el-button>
<el-button type="primary" plain @click="exportAll">导出所有</el-button>
</div>
</div>
<div style="padding-top: 12px">
<el-table :data="tableData1" border style="width: 100%">
<el-table-column property="serialNumber" label="序号" width="60" />
<el-table-column property="etcCardNumber" label="ETC卡号" width="190" />
<el-table-column property="licensePlateNumber" label="车牌号" width="100" />
<el-table-column property="consumptionType" label="消费类型" width="90" />
<el-table-column property="entranceTime" label="入口时间" width="110" />
<el-table-column property="entryStationName" label="入口站名" width="110" />
<el-table-column property="exportTime" label="出口时间" width="110" />
<el-table-column property="exitStationName" label="出口站名" width="110" />
<el-table-column property="balanceBeforeTransaction" label="交易前余额（元）" width="140" />
<el-table-column property="transactionAmount" label="交易金额（元）" width="125" />
<el-table-column property="postransactionalance" label="交易后余额（元）" width="140" />
<el-table :data="tableData1" style="width: 100%" border>
<el-table-column prop="serialNumber" label="序号" width="60" />
<el-table-column prop="etcCardNumber" label="ETC卡号" width="190" />
<el-table-column prop="licensePlateNumber" label="车牌号" width="100" />
<el-table-column prop="consumptionType" label="消费类型" width="90" />
<el-table-column prop="entranceTime" label="入口时间" width="110" />
<el-table-column prop="entryStationName" label="入口站名" width="110" />
<el-table-column prop="exportTime" label="出口时间" width="110" />
<el-table-column prop="exitStationName" label="出口站名" width="110" />
<el-table-column prop="balanceBeforeTransaction" label="交易前余额（元）" width="140" />
<el-table-column prop="transactionAmount" label="交易金额（元）" width="125" />
<el-table-column prop="postransactionalance" label="交易后余额（元）" width="140" />
</el-table>
</div>
<div style="padding-top: 12px" class="as-gravity-center-end">
<el-pagination :page-sizes="[10, 20, 30, 40]" layout="sizes, prev, pager, next" :total="1000" />
<el-pagination :page-sizes="[10, 20, 30, 40]" :total="1000" />
</div>
</template>

@@ -65,15 +65,19 @@ import { useRoute, useRouter } from 'vue-router'
import { Calendar, Search, Refresh } from '@element-plus/icons-vue'
import type { ElTable } from 'element-plus'
import { getCurrentInstance, onMounted } from 'vue'

const { proxy } = getCurrentInstance()
onMounted(() => {
proxy.$request
.get('api/user', {})
.get('api/user',{},{
baseURL: 'http://192.168.1.101:8080',
}
)
.then((res) => {
console.log(res, '=====123')
console.log(res,'12345')
})
.catch((err) => {
console.log(err, '=====456')
console.log(err)
})
})

@@ -82,6 +86,7 @@ const formData = reactive({
licensePlateNumber: '', //车牌号
startDate: '', //开始日期
endDate: '', //结束日期
})
const tableData = reactive({
serialNumber: '', //序号

+ 5
- 0
vite.config.ts 查看文件

@@ -54,6 +54,11 @@ export default defineConfig(({ command, mode }) => {
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, '') //重写
}
/*'/corporateaccount': {
target: process.env.VUE_APP_BASE_API,
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, '') //重写
},*/
},
},
// 生产环境打包配置

Write Preview
Loading…
取消
儲存