shenbo781 3 anos atrás
pai
commit
1b5880a7ed

+ 1
- 1
src/components/exportTable/exportTable.vue Ver arquivo

@@ -3,7 +3,7 @@
<el-button ref="hwcell" size="small" type="primary" @click="exportExcel" v-if="isShow">文件导出</el-button>
<el-table :data="tableData" style="width: 100%" border>
<el-table-column type="index" label="序号" width="60" />
<el-table-column prop="etcCardNumber" label="ETC卡号" width="190" />
<el-table-column prop="etcCardNumber" label="ETC卡号" width="145" />
<el-table-column prop="licensePlateNumber" label="车牌号" width="100" />
<el-table-column prop="consumptionType" label="消费类型" width="90" />
<el-table-column prop="entranceTime" label="入口时间" width="110" />

+ 9
- 9
src/layout/index.vue Ver arquivo

@@ -12,13 +12,13 @@
<span class="as-bold" style="font-size: 18px; color: #ffffff" v-show="menuStart.menuIsExpansion">黔通智联</span>
</div>

<!-- 菜单主体部分 -->
<div style="height: 100%; background-color: #ffffff">
<el-scrollbar class="as-border-width" height="100%" style="background-color: #ffffff">
<el-menu :default-active="menuIndex.menuIndex" style="height: 100%" mode="vertical" :router="false"
@select="select" :collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo">
<sidebar-item :list="list" />
</el-menu>
<!-- 菜单主体部分 height="100%" -->
<div class="as-border-width" style="height: 100%; background-color: #ffffff">
<el-scrollbar max-height="90%">
<el-menu :default-active="menuIndex.menuIndex" mode="vertical" :router="false" @select="select"
:collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo">
<sidebar-item :list="list" />
</el-menu>
</el-scrollbar>
</div>
</div>
@@ -105,11 +105,11 @@ function select(data: unknown) {
}
</script>

<!-- padding-bottom: 40px; -->
<!-- min-height: 400px; -->
<style lang="scss" scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
width: 248px;
min-height: 400px;
padding-bottom: 40px;
border-width: 0px;
}


+ 3
- 3
src/views/dengmingcong/TABActivate/TABActivate.vue Ver arquivo

@@ -1,6 +1,6 @@
<template>
<!-- 卡签注销 -->
<crud-form :homeData="Data" text="123">
<CRUD :homeData="Data" text="123">
<template #search="{ searchCondition }">
<!-- 搜索 监听回车 @keyup.enter.native="search"-->
<el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
@@ -11,11 +11,11 @@
</el-select>
<el-button type="primary" icon="CreditCard">读卡</el-button>
</template>
</crud-form>
</CRUD>
</template>
<script setup lang="ts">
// @ts-ignore crudFrom模板
import crudFrom from "@/crud/index.vue"
import CRUD from "@/crud/index.vue"
import {
Data
} from '@/data/cardAfter/initiativeHangUp' //表单配置

+ 3
- 3
src/views/dengmingcong/cardFillDo/cardFillDo.vue Ver arquivo

@@ -1,6 +1,6 @@
<template>
<!-- 卡签补办 -->
<crud-form ref="crudRef" :homeData="datas">
<CRUD ref="crudRef" :homeData="datas">
<!-- 自定义搜索 -->
<template #search="{ searchCondition }">
<!-- 搜索 监听回车 @keyup.enter.native="search"-->
@@ -37,11 +37,11 @@
<el-button type="primary">提交</el-button>
</span>
</template>
</crud-form>
</CRUD>
</template>
<script setup lang="ts">
// @ts-ignore crudFrom模板
import crudFrom from "@/crud/index.vue"
import CRUD from "@/crud/index.vue"
import {
Data
} from '@/data/cardAfter/cardFillDo' //表单配置

+ 4
- 4
src/views/dengmingcong/cardRenewal/cardRenewal.vue Ver arquivo

@@ -1,6 +1,6 @@
<template>
<!-- 卡签续期 -->
<crud-form ref="crudRef" :homeData="Data" text="123">
<CRUD ref="crudRef" :homeData="Data" text="123">
<template #search="{ searchCondition }">
<!-- 搜索 监听回车 @keyup.enter.native="search"-->
<el-input v-model="searchCondition.fileTwo" clearable placeholder="车牌号码"
@@ -17,11 +17,11 @@
<el-button type="primary">OBU续签</el-button>
</span>
</template>
</crud-form>
</CRUD>
</template>
<script setup lang="ts">
// @ts-ignore crudFrom模板
import crudFrom from "@/crud/index.vue"
// @ts-ignore
import CRUD from "@/crud/index.vue"
import {
Data
} from '@/data/cardAfter/cardRenewal' //表单配置

+ 3
- 3
src/views/dengmingcong/initiativeHangUp/initiativeHangUp.vue Ver arquivo

@@ -1,6 +1,6 @@
<template>
<!-- 主动挂起服务 -->
<crud-form :homeData="Data" text="123">
<CRUD :homeData="Data" text="123">
<template #search="{ searchCondition }">
<!-- 搜索 监听回车 @keyup.enter.native="search"-->
<el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
@@ -11,11 +11,11 @@
</el-select>
<el-button type="primary" icon="CreditCard">读卡</el-button>
</template>
</crud-form>
</CRUD>
</template>
<script setup lang="ts">
// @ts-ignore crudFrom模板
import crudFrom from "@/crud/index.vue"
import CRUD from "@/crud/index.vue"
import {
Data
} from '@/data/cardAfter/initiativeHangUp' //表单配置

+ 3
- 3
src/views/dengmingcong/passivityHangUp/passivityHangUp.vue Ver arquivo

@@ -1,6 +1,6 @@
<template>
<!-- 被动挂起服务 -->
<crud-form :homeData="Data" text="123">
<CRUD :homeData="Data" text="123">
<template #search="{ searchCondition }">
<!-- 搜索 监听回车 @keyup.enter.native="search"-->
<el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
@@ -11,11 +11,11 @@
</el-select>
<el-button type="primary" icon="CreditCard">读卡</el-button>
</template>
</crud-form>
</CRUD>
</template>
<script setup lang="ts">
// @ts-ignore crudFrom模板
import crudFrom from "@/crud/index.vue"
import CRUD from "@/crud/index.vue"
import {
Data
} from '@/data/cardAfter/initiativeHangUp' //表单配置

+ 18
- 15
src/views/shengbo/blacklistQuery/blacklistQuery.vue Ver arquivo

@@ -1,12 +1,13 @@
<template>
<div style="font-size: 13px; color: rgb(209, 65, 65); margin-left: 16px">
<div class="OBU-query content-warpper">
<div style="font-size: 10px; color: rgb(209, 65, 65);margin-left: 15px;">
注:目前仅支持中国工商银行贵州省分行、中国工商银行股份有限公司贵州省分行、农业银行、部互联网发行、
世纪恒通、工行微ETC、工总行直连模式三、贵州农信联社、贵州工行微ETC、世纪恒通GH查询下黑原因!
</div>
<div class="top">
<!-- 输入框 -->
<div class="topstyle">
<span style="margin-right: 10px; width: 40px">卡号</span>
<span style="width: 40px">卡号</span>
<el-input v-model="formdata.ardNumber" placeholder="请输入卡号" style="width: 220px">
</el-input>
</div>
@@ -40,11 +41,11 @@
<div class="topstyle">
<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="addTo">添加</el-button>
<!-- <el-button type="primary" :icon="Plus" @click="addTo">添加</el-button> -->
</div>
</div>
<!-- 弹窗 -->
<div>
<!-- <div>
<el-dialog v-model="dialogFormVisible">
<span class="as-gravity-center" style="font-size: 25px">卡黑名单-操作(下黑反白)</span>

@@ -80,18 +81,18 @@
</span>
</template>
</el-dialog>
</div>
</div> -->
<div style="padding-top: 12px">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="60" />
<el-table-column prop="ardNumber" label="卡号" width="120" />
<el-table-column prop="ardNumber" label="卡号" width="110" />
<el-table-column prop="blacklistType" label="黑名单类型" width="100" />
<el-table-column prop="effectiveTimeOfBlacklist" label="黑名单生效时间" width="170" />
<el-table-column prop="effectiveTimeOfBlacklist" label="黑名单生效时间" width="160" />
<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="antiWhiteOperatorNo" label="反白操作工号" width="110" />
<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>
@@ -135,6 +136,7 @@
</template>
</el-dialog>
</div>
</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" />
</div> -->
@@ -165,9 +167,9 @@ const addtodata = reactive({
//搜索
function search() {
proxy.$request
.post('api/user',{},
.post('/blacklistquery/queryBlackList',{},
{
baseURL: 'http://192.168.101.123:8080',
baseURL: 'http://10.52.0.172:10389',
}
)
.then((res: {}) => {
@@ -259,7 +261,7 @@ const tableData: User[] = [
{
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
effectiveTimeOfBlacklist: '2020-12-19 3:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
@@ -270,7 +272,7 @@ const tableData: User[] = [
{
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
effectiveTimeOfBlacklist: '2020-12-19 3:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
@@ -281,7 +283,7 @@ const tableData: User[] = [
{
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
effectiveTimeOfBlacklist: '2020-12-19 3:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
@@ -292,7 +294,7 @@ const tableData: User[] = [
{
ardNumber: '52011640230217310678',
blacklistType: '账户透支',
effectiveTimeOfBlacklist: '2020-12-19T03:41:04',
effectiveTimeOfBlacklist: '2020-12-19 3:41:04',
state: '在黑',
blacklistAntiWhiteTime: '',
xiaheiOperatorNo: 'ETCGsyh002',
@@ -322,12 +324,13 @@ const tableData: User[] = [
antiWhiteOperatorNo: '',
negativeeasons: '',
},
]
</script>
<style lang="scss" scoped>
.top {
display: flex;
margin-left: 10px;
//margin-left: 10px;
}
.topstyle {
display: flex;

+ 67
- 81
src/views/shengbo/trafficFlow/trafficFlow.vue Ver arquivo

@@ -1,76 +1,63 @@
<template>
<div class="top">
<!-- 输入框 -->
<div class="topstyle">
<el-input v-model="formData.etcCardNumber" placeholder="请输入ETC卡号" style="width: 200px">
</el-input>
</div>
<div class="topstyle">
<el-input
v-model="formData.licensePlateNumber"
placeholder="请输入车牌号"
style="width: 200px"
>
</el-input>
</div>
<!-- 日期框 -->
<div class="topstyle">
<el-date-picker
v-model="formData.startDate"
type="datetime"
placeholder="开始日期"
value-format="YYYY-MM-DD hh:mm:ss"
/>
<!-- <span>-</span> -->
<!-- <el-button>至</el-button> -->
<el-date-picker
v-model="formData.endDate"
type="datetime"
placeholder="结束日期"
value-format="YYYY-MM-DD hh:mm:ss"
style="margin-left: 5px"
/>
</div>
<!-- 按钮 -->
<div class="topstyle">
<el-button type="success" :icon="Search" @click="search">搜索</el-button>
<el-button type="warning" :icon="Refresh" @click="reset">重置</el-button>
<el-button type="primary" plain @click="exportCurrentPage">导出当前页</el-button>
<div class="OBU-query content-warpper">
<div class="top">
<!-- 输入框 -->
<div class="topstyle">
<el-input v-model="formData.etcCardNumber" placeholder="请输入ETC卡号" style="width: 200px">
</el-input>
</div>
<div class="topstyle">
<el-input
v-model="formData.licensePlateNumber"
placeholder="请输入车牌号"
style="width: 200px"
>
</el-input>
</div>
<!-- 日期框 -->
<div class="topstyle" style="width: 410px">
<el-date-picker
v-model="formData.startDate"
type="datetime"
placeholder="开始日期"
value-format="YYYY-MM-DD hh:mm:ss"
/>
<!-- <span>-</span> -->
<!-- <el-button>至</el-button> -->
<el-date-picker
v-model="formData.endDate"
type="datetime"
placeholder="结束日期"
value-format="YYYY-MM-DD hh:mm:ss"
style="margin-left: 5px"
/>
</div>
<!-- 按钮 -->
<div class="topstyle">
<el-button type="success" :icon="Search" @click="search">搜索</el-button>
<el-button type="warning" :icon="Refresh" @click="reset">重置</el-button>

<el-button type="primary" plain @click="exportAll">导出所有</el-button>
<el-button type="primary" plain @click="exportCurrentPage">导出当前页</el-button>

<el-button type="primary" plain @click="exportAll">导出所有</el-button>
</div>
</div>
</div>

<div style="padding-top: 12px">
<exportTable ref="exportTS"></exportTable>
<!-- <el-table :data="tableData1" style="width: 100%" border>
<el-table-column type="index" 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]" :total="1000" />
<div style="padding-top: 12px">
<exportTable ref="exportTS"></exportTable>
</div>
<div style="padding-top: 12px" class="as-gravity-center-end">
<el-pagination :page-sizes="[10, 20, 30, 40]" :total="1000" />
</div>
</div>
</template>

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


import exportTable from '../../../components/exportTable/exportTable.vue'

const { proxy }: any = getCurrentInstance()
const formData = reactive({
@@ -81,7 +68,7 @@ const formData = reactive({
})
const exportTS = ref()
const tableData = reactive({
title: "xx公司表格",
title: 'xx公司表格',
serialNumber: '', //序号
etcCardNumber: '', //ETC卡号
licensePlateNumber: '', //车牌号
@@ -110,23 +97,22 @@ const tableData = reactive({

//搜索
function search() {
if(formData.etcCardNumber !=''){
if (formData.etcCardNumber != '') {
proxy.$request
.post('/uc/trafficrecord/query',{},
{
baseURL: 'http://localhost:8080',
}
)
.then((res: {}) => {
console.log(res)
})
.catch((err: {}) => {
console.log(err)
})
}else{
.post('/uc/trafficrecord/query',{},
{
baseURL: 'http://10.52.0.172:10389',
}
)
.then((res: {}) => {
console.log(res)
})
.catch((err: {}) => {
console.log(err)
})
} else {
}
console.log(toRaw(formData))
console.log('发送搜索请求')
}
@@ -138,14 +124,14 @@ function reset() {
formData.endDate = ''
}
//导出当前页
const exportCurrentPage=()=>{
const exportCurrentPage = () => {
exportTS.value.exportExcel()
// childRef.value.exportExcel()
console.log('导出当前页的表格数据')
console.log('导出当前页的表格数据')
}
//导出所有
function exportAll() {
proxy.$refs.exportTable.exportExcel();
proxy.$refs.exportTable.exportExcel()
console.log('导出所有数据')
}


Carregando…
Cancelar
Salvar