@@ -12,7 +12,6 @@ | |||
"axios": "^0.27.2", | |||
"babel-polyfill": "^6.26.0", | |||
"element-plus": "^2.1.7", | |||
"file-saver": "^2.0.5", | |||
"fuse.js": "^6.5.3", | |||
"js-cookie": "^3.0.1", | |||
"jsencrypt": "^3.2.1", | |||
@@ -21,8 +20,7 @@ | |||
"vue": "^3.2.2", | |||
"vue-fragment": "^1.5.2", | |||
"vue-router": "4", | |||
"vuex": "^4.0.2", | |||
"xlsx": "^0.18.5" | |||
"vuex": "^4.0.2" | |||
}, | |||
"devDependencies": { | |||
"@babel/types": "^7.16.0", | |||
@@ -673,14 +671,6 @@ | |||
"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" | |||
} | |||
}, | |||
"node_modules/adler-32": { | |||
"version": "1.3.1", | |||
"resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz", | |||
"integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==", | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/ajv": { | |||
"version": "6.12.6", | |||
"resolved": "https://registry.npmmirror.com/ajv/download/ajv-6.12.6.tgz?cache=0&sync_timestamp=1637522259668&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fajv%2Fdownload%2Fajv-6.12.6.tgz", | |||
@@ -955,18 +945,6 @@ | |||
"integrity": "sha512-neRmrmIrCGuMnxGSoh+x7zYtQFFgnSY2jaomjU56sCkTA6JINqQrxutF459JpWcWRajvoyn95sOXq4Pqrnyjew==", | |||
"dev": true | |||
}, | |||
"node_modules/cfb": { | |||
"version": "1.2.2", | |||
"resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz", | |||
"integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==", | |||
"dependencies": { | |||
"adler-32": "~1.3.0", | |||
"crc-32": "~1.2.0" | |||
}, | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/chainsaw": { | |||
"version": "0.1.0", | |||
"resolved": "https://registry.npm.taobao.org/chainsaw/download/chainsaw-0.1.0.tgz", | |||
@@ -1013,14 +991,6 @@ | |||
"fsevents": "~2.3.2" | |||
} | |||
}, | |||
"node_modules/codepage": { | |||
"version": "1.15.0", | |||
"resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz", | |||
"integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==", | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/color-convert": { | |||
"version": "2.0.1", | |||
"resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz", | |||
@@ -1077,17 +1047,6 @@ | |||
"integrity": "sha1-pgQtNjTCsn6TKPg3uWX6yDgI24U=", | |||
"dev": true | |||
}, | |||
"node_modules/crc-32": { | |||
"version": "1.2.2", | |||
"resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz", | |||
"integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==", | |||
"bin": { | |||
"crc32": "bin/crc32.njs" | |||
}, | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/cross-spawn": { | |||
"version": "7.0.3", | |||
"resolved": "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-7.0.3.tgz", | |||
@@ -1869,11 +1828,6 @@ | |||
"node": "^10.12.0 || >=12.0.0" | |||
} | |||
}, | |||
"node_modules/file-saver": { | |||
"version": "2.0.5", | |||
"resolved": "https://registry.npmmirror.com/file-saver/-/file-saver-2.0.5.tgz", | |||
"integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==" | |||
}, | |||
"node_modules/fill-range": { | |||
"version": "7.0.1", | |||
"resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz", | |||
@@ -1943,14 +1897,6 @@ | |||
"node": ">= 6" | |||
} | |||
}, | |||
"node_modules/frac": { | |||
"version": "1.1.2", | |||
"resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz", | |||
"integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==", | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/fraction.js": { | |||
"version": "4.2.0", | |||
"resolved": "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.2.0.tgz", | |||
@@ -3070,17 +3016,6 @@ | |||
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", | |||
"dev": true | |||
}, | |||
"node_modules/ssf": { | |||
"version": "0.11.2", | |||
"resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz", | |||
"integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==", | |||
"dependencies": { | |||
"frac": "~1.1.2" | |||
}, | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/string_decoder": { | |||
"version": "1.1.1", | |||
"resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz", | |||
@@ -3721,22 +3656,6 @@ | |||
"node": ">= 8" | |||
} | |||
}, | |||
"node_modules/wmf": { | |||
"version": "1.0.2", | |||
"resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz", | |||
"integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==", | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/word": { | |||
"version": "0.3.0", | |||
"resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz", | |||
"integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==", | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/word-wrap": { | |||
"version": "1.2.3", | |||
"resolved": "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz", | |||
@@ -3752,26 +3671,6 @@ | |||
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", | |||
"dev": true | |||
}, | |||
"node_modules/xlsx": { | |||
"version": "0.18.5", | |||
"resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz", | |||
"integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==", | |||
"dependencies": { | |||
"adler-32": "~1.3.0", | |||
"cfb": "~1.2.1", | |||
"codepage": "~1.15.0", | |||
"crc-32": "~1.2.1", | |||
"ssf": "~0.11.2", | |||
"wmf": "~1.0.1", | |||
"word": "~0.3.0" | |||
}, | |||
"bin": { | |||
"xlsx": "bin/xlsx.njs" | |||
}, | |||
"engines": { | |||
"node": ">=0.8" | |||
} | |||
}, | |||
"node_modules/yallist": { | |||
"version": "4.0.0", | |||
"resolved": "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz", | |||
@@ -4250,11 +4149,6 @@ | |||
"dev": true, | |||
"requires": {} | |||
}, | |||
"adler-32": { | |||
"version": "1.3.1", | |||
"resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz", | |||
"integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==" | |||
}, | |||
"ajv": { | |||
"version": "6.12.6", | |||
"resolved": "https://registry.npmmirror.com/ajv/download/ajv-6.12.6.tgz?cache=0&sync_timestamp=1637522259668&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fajv%2Fdownload%2Fajv-6.12.6.tgz", | |||
@@ -4474,15 +4368,6 @@ | |||
"integrity": "sha512-neRmrmIrCGuMnxGSoh+x7zYtQFFgnSY2jaomjU56sCkTA6JINqQrxutF459JpWcWRajvoyn95sOXq4Pqrnyjew==", | |||
"dev": true | |||
}, | |||
"cfb": { | |||
"version": "1.2.2", | |||
"resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz", | |||
"integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==", | |||
"requires": { | |||
"adler-32": "~1.3.0", | |||
"crc-32": "~1.2.0" | |||
} | |||
}, | |||
"chainsaw": { | |||
"version": "0.1.0", | |||
"resolved": "https://registry.npm.taobao.org/chainsaw/download/chainsaw-0.1.0.tgz", | |||
@@ -4518,11 +4403,6 @@ | |||
"readdirp": "~3.6.0" | |||
} | |||
}, | |||
"codepage": { | |||
"version": "1.15.0", | |||
"resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz", | |||
"integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==" | |||
}, | |||
"color-convert": { | |||
"version": "2.0.1", | |||
"resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz", | |||
@@ -4571,11 +4451,6 @@ | |||
"integrity": "sha1-pgQtNjTCsn6TKPg3uWX6yDgI24U=", | |||
"dev": true | |||
}, | |||
"crc-32": { | |||
"version": "1.2.2", | |||
"resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz", | |||
"integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==" | |||
}, | |||
"cross-spawn": { | |||
"version": "7.0.3", | |||
"resolved": "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-7.0.3.tgz", | |||
@@ -5128,11 +5003,6 @@ | |||
"flat-cache": "^3.0.4" | |||
} | |||
}, | |||
"file-saver": { | |||
"version": "2.0.5", | |||
"resolved": "https://registry.npmmirror.com/file-saver/-/file-saver-2.0.5.tgz", | |||
"integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==" | |||
}, | |||
"fill-range": { | |||
"version": "7.0.1", | |||
"resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz", | |||
@@ -5184,11 +5054,6 @@ | |||
"mime-types": "^2.1.12" | |||
} | |||
}, | |||
"frac": { | |||
"version": "1.1.2", | |||
"resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz", | |||
"integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==" | |||
}, | |||
"fraction.js": { | |||
"version": "4.2.0", | |||
"resolved": "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.2.0.tgz", | |||
@@ -6065,14 +5930,6 @@ | |||
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", | |||
"dev": true | |||
}, | |||
"ssf": { | |||
"version": "0.11.2", | |||
"resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz", | |||
"integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==", | |||
"requires": { | |||
"frac": "~1.1.2" | |||
} | |||
}, | |||
"string_decoder": { | |||
"version": "1.1.1", | |||
"resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz", | |||
@@ -6575,16 +6432,6 @@ | |||
"isexe": "^2.0.0" | |||
} | |||
}, | |||
"wmf": { | |||
"version": "1.0.2", | |||
"resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz", | |||
"integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==" | |||
}, | |||
"word": { | |||
"version": "0.3.0", | |||
"resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz", | |||
"integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==" | |||
}, | |||
"word-wrap": { | |||
"version": "1.2.3", | |||
"resolved": "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz", | |||
@@ -6597,20 +6444,6 @@ | |||
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", | |||
"dev": true | |||
}, | |||
"xlsx": { | |||
"version": "0.18.5", | |||
"resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz", | |||
"integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==", | |||
"requires": { | |||
"adler-32": "~1.3.0", | |||
"cfb": "~1.2.1", | |||
"codepage": "~1.15.0", | |||
"crc-32": "~1.2.1", | |||
"ssf": "~0.11.2", | |||
"wmf": "~1.0.1", | |||
"word": "~0.3.0" | |||
} | |||
}, | |||
"yallist": { | |||
"version": "4.0.0", | |||
"resolved": "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz", |
@@ -13,7 +13,6 @@ | |||
"axios": "^0.27.2", | |||
"babel-polyfill": "^6.26.0", | |||
"element-plus": "^2.1.7", | |||
"file-saver": "^2.0.5", | |||
"fuse.js": "^6.5.3", | |||
"js-cookie": "^3.0.1", | |||
"jsencrypt": "^3.2.1", | |||
@@ -22,8 +21,7 @@ | |||
"vue": "^3.2.2", | |||
"vue-fragment": "^1.5.2", | |||
"vue-router": "4", | |||
"vuex": "^4.0.2", | |||
"xlsx": "^0.18.5" | |||
"vuex": "^4.0.2" | |||
}, | |||
"devDependencies": { | |||
"@babel/types": "^7.16.0", |
@@ -175,6 +175,8 @@ | |||
//表单字段 | |||
const form = ref(initForm) | |||
form.value.four = '52011328220201499572' | |||
console.log(form.value); | |||
//重置 | |||
const RefreshLeft = () => { |
@@ -16,9 +16,9 @@ | |||
<!-- 菜单主体部分 --> | |||
<div style="height: 100%;background-color: #FFFFFF;"> | |||
<el-scrollbar height="100%"> | |||
<el-menu :default-active="menuIndex.menuIndex" width="280" mode="vertical" :router="false" @select="select" | |||
:collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo"> | |||
<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"> | |||
<SidebarItem :list="list" /> | |||
</el-menu> | |||
</el-scrollbar> | |||
@@ -28,6 +28,7 @@ | |||
<div class="as-weight as-layout-vertical"> | |||
<!-- 头部选项 --> | |||
<div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> | |||
<Head style="height: 70px;"></Head> | |||
</div> | |||
@@ -117,6 +118,7 @@ | |||
width: 248px; | |||
min-height: 400px; | |||
padding-bottom: 40px; | |||
border-width: 0px; | |||
} | |||
.bg-theme { |
@@ -16,19 +16,19 @@ | |||
<el-button size="small" @click="reissue(scope,tableFrom)">补卡</el-button> | |||
</template> | |||
<!-- 自定义弹框内容 --> | |||
<template #dialog> | |||
<el-form :model="fromData"> | |||
<template #dialog="{ form }"> | |||
<el-form :model="form"> | |||
<el-form-item> | |||
<div class="as-layout-horizontal"> | |||
<el-input v-model="fromData.crud" type="input" placeholder="读新卡信息" /> | |||
<el-input v-model="form.crud" type="input" placeholder="读新卡信息" /> | |||
<el-button type="primary" icon="CreditCard" style="margin-left: 10px;">读卡</el-button> | |||
</div> | |||
</el-form-item> | |||
<el-form-item> | |||
<el-input v-model="fromData.crud" disabled type="input" placeholder="52011328220200034040" /> | |||
<el-input v-model="form.crud" disabled type="input" :placeholder="form.four" /> | |||
</el-form-item> | |||
</el-form> | |||
</template> | |||
<!-- 弹窗页脚 --> | |||
<template #footer> | |||
@@ -54,7 +54,6 @@ | |||
const datas = reactive(Data); | |||
const crudRef = ref() | |||
const fromData = reactive({}) | |||
const reissue = (scope, tableFrom) => { | |||
crudRef.value.dialogFormVisible = true | |||
crudRef.value.title = '补卡信息' |
@@ -11,14 +11,20 @@ | |||
</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="卡号" 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="150px" align="center"> | |||
<el-tooltip content="详细" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button> | |||
<el-table-column label="操作" class="table_btn" width="400px" align="center"> | |||
<el-tooltip content="卡账正常" placement="top"> | |||
<el-button type="primary" disabled>卡账正常</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="补交明细" placement="top"> | |||
<el-button type="primary" @click="dialogFormVisibles = true">补交明细</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="卡帐名细" placement="top"> | |||
<el-button type="primary" @click="dialogFormVisible = true">卡帐名细</el-button> | |||
</el-tooltip> | |||
</el-table-column> | |||
</el-table> | |||
@@ -27,13 +33,31 @@ | |||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | |||
</div> | |||
<el-dialog v-model="dialogFormVisible" title="补交详细"> | |||
<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 label="当前卡内余额" :label-width="formLabelWidth"> | |||
<el-input v-model="form.balance" autocomplete="off" disabled /> | |||
</el-form-item> | |||
<el-form-item label="总消费金额" :label-width="formLabelWidth" > | |||
<el-input v-model="form.balances" autocomplete="off" disabled/> | |||
</el-form-item> | |||
<el-form-item label="流水编号" :label-width="formLabelWidth"> | |||
<el-input v-model="form.number" autocomplete="off" disabled/> | |||
</el-form-item> | |||
<el-form-item label="入站名" :label-width="formLabelWidth"> | |||
<el-input v-model="form.intoName" autocomplete="off" disabled/> | |||
</el-form-item> | |||
<el-form-item label="出站名" :label-width="formLabelWidth"> | |||
<el-input v-model="form.leaveName" autocomplete="off" disabled/> | |||
</el-form-item> | |||
<el-form-item label="入站时间" :label-width="formLabelWidth"> | |||
<el-input v-model="form.intoTime" autocomplete="off" disabled/> | |||
</el-form-item> | |||
<el-form-item label="出站时间" :label-width="formLabelWidth"> | |||
<el-input v-model="form.leaveTime" autocomplete="off" disabled /> | |||
</el-form-item> | |||
<el-form-item label="验证码" :label-width="formLabelWidth"> | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
<el-form-item label="金额" :label-width="formLabelWidth"> | |||
<el-input v-model="form.Money" autocomplete="off" disabled/> | |||
</el-form-item> | |||
</el-form> | |||
<template #footer> | |||
@@ -42,32 +66,49 @@ | |||
<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> | |||
</template> | |||
<script lang="ts" setup> | |||
//导入模块 | |||
import { | |||
Search, | |||
Dwnload | |||
Search | |||
} from '@element-plus/icons-vue' | |||
import { | |||
reactive, | |||
ref | |||
} from 'vue' | |||
//变量定义 | |||
const formInline = reactive({ | |||
user: '', | |||
region: '', | |||
}) | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
let title = ref("对公账户信息") | |||
const options = [{ | |||
value: '', | |||
label: '全部', | |||
@@ -89,25 +130,29 @@ | |||
label: '待修改初始密码', | |||
}, | |||
] | |||
const value1 = ref('') | |||
const value2 = ref('') | |||
const value3 = ref('') | |||
const value4 = ref('') | |||
const dialogTableVisible = ref(false) | |||
const dialogFormVisible = ref(false) | |||
const formLabelWidth = '140px' | |||
const form = reactive({ | |||
phone: '13078580843',//手机号 | |||
region: '',//验证码 | |||
delivery: false,//是否展示详细 | |||
number:''//对公账户资金账户编号 | |||
let value1 = ref('') | |||
let value2 = ref('') | |||
let value3 = ref('') | |||
let value4 = ref('') | |||
let dialogTableVisible = ref(false) | |||
let dialogFormVisible = ref(false) | |||
let dialogFormVisibles = ref(false) | |||
let formLabelWidth = '140px' | |||
let form = reactive({ | |||
balance:'',//当前卡内余额 | |||
balances:'',//总消费金额 | |||
number:'',//流水编号 | |||
intoName:'',//进站名 | |||
leaveName:'',//离站名 | |||
intoTime:'',//进站时间 | |||
leaveTime:'',//离站时间 | |||
licenseNumber:"",//车牌号 | |||
Money:"",//金额 | |||
carNumber:'',//补交卡号 | |||
cardMoney:'',//需要补交的金额 | |||
CardTime:'',//卡账生成时间 | |||
Cardchannel:''//补交编号 | |||
}) | |||
const optiones = [{ | |||
value: '2', | |||
label: '2', | |||
@@ -129,9 +174,7 @@ | |||
label: '30', | |||
}, | |||
] | |||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||
const shortcuts = [{ | |||
text: 'Today', | |||
value: new Date(), | |||
@@ -165,6 +208,12 @@ | |||
regtime: "2021-06-23T15:08:39" | |||
} | |||
] | |||
//事件处理 | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
onSubmit() | |||
</script> | |||
<style lang="scss"> |
@@ -22,16 +22,15 @@ | |||
<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-button :icon="download" type="primary">导入Excel</el-button> | |||
<el-button :icon="download" type="primary">下载导入模板</el-button> | |||
<el-button type="primary">导入Excel</el-button> | |||
<el-button type="primary">下载导入模板</el-button> | |||
</el-form-item> | |||
</el-form> | |||
</div> | |||
<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe > | |||
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe > | |||
<el-table-column prop="date" label="交易流水号" width="200px"/> | |||
<el-table-column prop="name" label="交易时间" width="200px"/> | |||
<el-table-column prop="address" label="支出金额" width="200px"/> | |||
@@ -43,55 +42,55 @@ | |||
<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> | |||
<el-table-column label="操作" class="table_btn" width="500px" align="center"> | |||
<el-tooltip content="拒绝" placement="top"> | |||
<el-button type="warning" @click="опровергать">拒绝</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="同意" placement="top"> | |||
<el-button type="warning" @click="agree">同意</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="请输入对公账号" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisible = true">请输入对公账号</el-button> | |||
</el-tooltip> | |||
</el-table-column> | |||
</el-table> | |||
<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"> | |||
<el-form-item label="手机号" :label-width="formLabelWidth"> | |||
<el-form-item label="输入对方对公账号" :label-width="formLabelWidth"> | |||
<el-input v-model="form.phone" autocomplete="off" disabled /> | |||
</el-form-item> | |||
<el-form-item label="验证码" :label-width="formLabelWidth"> | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
</el-form-item> | |||
</el-form> | |||
<!-- <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> --> | |||
</span> | |||
</el-dialog> | |||
</div> | |||
</template> | |||
<script lang="ts" setup> | |||
//模块导入 | |||
import { | |||
Search, | |||
Dwnload | |||
Search | |||
} from '@element-plus/icons-vue' | |||
import { | |||
reactive, | |||
ref | |||
} from 'vue' | |||
import {ElMessage, ElMessageBox} from 'element-plus' | |||
//变量声明 | |||
const formInline = reactive({ | |||
user: '', | |||
region: '', | |||
}) | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
let title = ref("对公账户信息") | |||
const options = [{ | |||
value: '', | |||
label: '全部', | |||
@@ -113,25 +112,20 @@ | |||
label: '待修改初始密码', | |||
}, | |||
] | |||
const value1 = ref('') | |||
const value2 = ref('') | |||
const value3 = ref('') | |||
const value4 = ref('') | |||
const dialogTableVisible = ref(false) | |||
const dialogFormVisible = ref(false) | |||
const formLabelWidth = '140px' | |||
const form = reactive({ | |||
let value1 = ref('') | |||
let value2 = ref('') | |||
let value3 = ref('') | |||
let value4 = ref('') | |||
let dialogTableVisible = ref(false) | |||
let dialogFormVisible = ref(false) | |||
let formLabelWidth = '140px' | |||
let form = reactive({ | |||
phone: '13078580843',//手机号 | |||
region: '',//验证码 | |||
delivery: false,//是否展示详细 | |||
number:''//对公账户资金账户编号 | |||
}) | |||
const optiones = [{ | |||
value: '2', | |||
label: '2', | |||
@@ -153,9 +147,7 @@ | |||
label: '30', | |||
}, | |||
] | |||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||
const shortcuts = [{ | |||
text: 'Today', | |||
value: new Date(), | |||
@@ -177,7 +169,6 @@ | |||
}, | |||
}, | |||
] | |||
const tableData = [ | |||
{ | |||
date: '34625032', | |||
@@ -194,6 +185,55 @@ | |||
usetype:"小额来账自动入账" | |||
} | |||
] | |||
//事件 | |||
//同意申请 | |||
const agree = (id:any) => { | |||
ElMessageBox.confirm( | |||
'确定同意?', | |||
'警告', { | |||
confirmButtonText: '确定', | |||
cancelButtonText: '取消', | |||
type: 'warning', | |||
} | |||
) | |||
.then(() => { | |||
ElMessage({ | |||
type: 'success', | |||
message: '操作成功!', | |||
}) | |||
}) | |||
.catch(() => { | |||
ElMessage({ | |||
type: '取消', | |||
message: '已取消', | |||
}) | |||
}) | |||
} | |||
//驳回申请 | |||
const опровергать = (id:any) => { | |||
ElMessageBox.confirm( | |||
'确定拒绝?', | |||
'警告', { | |||
confirmButtonText: '确定', | |||
cancelButtonText: '取消', | |||
type: 'warning', | |||
} | |||
) | |||
.then(() => { | |||
ElMessage({ | |||
type: 'success', | |||
message: '操作成功!', | |||
}) | |||
}) | |||
.catch(() => { | |||
ElMessage({ | |||
type: '取消', | |||
message: '已取消', | |||
}) | |||
}) | |||
} | |||
</script> | |||
<style lang="scss"> |
@@ -20,7 +20,13 @@ | |||
<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-table-column label="操作" class="table_btn" width="500px" align="center"> | |||
<el-tooltip content="驳回" placement="top"> | |||
<el-button type="warning" @click="опровергать">驳回审核</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="审核通过" placement="top"> | |||
<el-button type="warning" @click="agree">审核通过</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="详细" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button> | |||
</el-tooltip> | |||
@@ -52,26 +58,24 @@ | |||
</template> | |||
<script lang="ts" setup> | |||
//导入模块 | |||
import { | |||
Search, | |||
Dwnload | |||
Search | |||
} from '@element-plus/icons-vue' | |||
import { | |||
reactive, | |||
ref | |||
} from 'vue' | |||
const formInline = reactive({ | |||
//变量声明 | |||
let formInline = reactive({ | |||
user: '', | |||
region: '', | |||
}) | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
let title = ref("对公账户信息") | |||
const options = [{ | |||
value: '', | |||
label: '全部', | |||
@@ -93,25 +97,20 @@ | |||
label: '待修改初始密码', | |||
}, | |||
] | |||
const value1 = ref('') | |||
const value2 = ref('') | |||
const value3 = ref('') | |||
const value4 = ref('') | |||
const dialogTableVisible = ref(false) | |||
const dialogFormVisible = ref(false) | |||
const formLabelWidth = '140px' | |||
const form = reactive({ | |||
let value1 = ref('') | |||
let value2 = ref('') | |||
let value3 = ref('') | |||
let value4 = ref('') | |||
let dialogTableVisible = ref(false) | |||
let dialogFormVisible = ref(false) | |||
let formLabelWidth = '140px' | |||
let form = reactive({ | |||
phone: '13078580843',//手机号 | |||
region: '',//验证码 | |||
delivery: false,//是否展示详细 | |||
number:''//对公账户资金账户编号 | |||
}) | |||
const optiones = [{ | |||
value: '2', | |||
label: '2', | |||
@@ -133,9 +132,7 @@ | |||
label: '30', | |||
}, | |||
] | |||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||
const shortcuts = [{ | |||
text: 'Today', | |||
value: new Date(), | |||
@@ -157,7 +154,6 @@ | |||
}, | |||
}, | |||
] | |||
const tableData = [{ | |||
date: '01', | |||
name: '52011750220200003674', | |||
@@ -171,6 +167,9 @@ | |||
numbers:"0.00" | |||
} | |||
] | |||
//事件处理 | |||
</script> | |||
<style lang="scss"> |
@@ -24,23 +24,23 @@ | |||
</el-select> | |||
</el-form-item> | |||
<el-form-item label="对公账户资金账户编号"> | |||
<el-input v-model="formInline.user" placeholder="对公账户资金账户编号" /> | |||
<el-input v-model="formInline.number" placeholder="对公账户资金账户编号" /> | |||
</el-form-item> | |||
<el-form-item label="公司证件号"> | |||
<el-input v-model="formInline.user" placeholder="公司证件号" /> | |||
<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">查询</el-button> | |||
<el-button type="info">重置</el-button> | |||
<el-button :icon="download" type="primary">导出</el-button> | |||
<el-button :icon="Search" type="primary" @click="search">查询</el-button> | |||
<el-button type="info" @click="resive">重置</el-button> | |||
<el-button type="primary" @click="drow">导出</el-button> | |||
</el-form-item> | |||
</el-form> | |||
</div> | |||
<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe> | |||
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe> | |||
<el-table-column prop="date" label="序号" width="100px" /> | |||
<el-table-column prop="name" label="对公账户资金账户编号" /> | |||
<el-table-column prop="address" label="公司名称" /> | |||
@@ -67,7 +67,7 @@ | |||
</div> | |||
<el-dialog v-model="dialogFormVisible" :title="title"> | |||
<el-form :model="form"> | |||
<!--<el-form :model="form" v-if="dialogFormVisible"> | |||
<el-form-item label="手机号" :label-width="formLabelWidth"> | |||
<el-input v-model="form.phone" autocomplete="off" disabled /> | |||
</el-form-item> | |||
@@ -77,17 +77,7 @@ | |||
<el-button type="primary" @click="getPhone">{{text}}</el-button> | |||
</div> | |||
</el-form-item> | |||
</el-form> | |||
<template #footer> | |||
<span class="dialog-footer"> | |||
<el-button type="primary" @click="dialogFormVisible = false">取消</el-button> | |||
<el-button type="primary" @click="dialogFormVisible = false">确定</el-button> | |||
</span> | |||
</template> | |||
</el-dialog> | |||
<el-dialog v-model="dialogFormVisibles" title="对公账户信息"> | |||
<span>对公账户信息</span> | |||
</el-form>--> | |||
<el-form :model="form"> | |||
<el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth"> | |||
<el-input v-model="form.number" autocomplete="off" disabled /> | |||
@@ -95,46 +85,127 @@ | |||
<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> | |||
</template> | |||
<script lang="ts" setup> | |||
//导入模块 | |||
import { | |||
Search, | |||
Dwnload | |||
Search | |||
} from '@element-plus/icons-vue' | |||
import { | |||
reactive, | |||
ref | |||
} from 'vue' | |||
import { | |||
ElMessage, | |||
ElMessageBox | |||
} from 'element-plus' | |||
import {reactive, ref} from 'vue' | |||
import {ElMessage, ElMessageBox} from 'element-plus' | |||
//变量定义 | |||
const form = reactive({ | |||
phone: '13078580843', //手机号 | |||
region: '123', //验证码 | |||
delivery: false, //是否展示详细 | |||
number: '', //对公账户资金账户编号 | |||
comName:'' | |||
comName:'',//公司名称 | |||
coNumbers:'',//公司证件号 | |||
regTime:'',//申请时间 | |||
regtype:'',//账号状态 | |||
regmame:'',//审核人员 | |||
regtimres:'',//审核时间 | |||
jbrName:'',//经办人名称 | |||
jbrPhone:'',//经办人联系方式 | |||
resive:'',//原因, | |||
kaihuhang:'',//开户行 | |||
kaihuNumber:'',//开户账号 | |||
backNumber:'',//银行卡号 | |||
backBalance:'',//账户余额 | |||
colicense:'',//公司营业执照 | |||
coauthorization:'',//授权书 | |||
idImgOne:'',//被委托人身份证正面照 | |||
idImgTwo:'',//被委托人身份证反面照 | |||
}) | |||
const formInline = reactive({ | |||
user: '', | |||
region: '123', | |||
number:''//资金编号 | |||
}) | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
let title = ref("对公账户信息") | |||
const options = [{ | |||
value: '', | |||
label: '全部', | |||
@@ -157,18 +228,15 @@ | |||
}, | |||
] | |||
let text = '获取验证码'; | |||
const start_time = ref('') //申请选择开始时间 | |||
const end_time = ref('') //申请选择结束时间 | |||
const cтатус_счета = ref('') //账号状态 | |||
const номер = ref('') //每页条数 | |||
let start_time = ref('') //申请选择开始时间 | |||
let end_time = ref('') //申请选择结束时间 | |||
let cтатус_счета = ref('') //账号状态 | |||
let номер = ref('') //每页条数 | |||
let time = ref(0) //验证码倒计时 | |||
const dialogTableVisible = ref(false) | |||
const dialogFormVisible = ref(false) | |||
const formLabelWidth = '140px' | |||
const dialogFormVisibles = ref(false) | |||
let dialogTableVisible = ref(false) | |||
let dialogFormVisible = ref(false) | |||
let formLabelWidth = '140px' | |||
let dialogFormVisibles = ref(false) | |||
const optiones = [{ | |||
value: '2', | |||
label: '2', | |||
@@ -190,9 +258,7 @@ | |||
label: '30', | |||
}, | |||
] | |||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||
const shortcuts = [{ | |||
text: 'Today', | |||
value: new Date(), | |||
@@ -214,7 +280,7 @@ | |||
}, | |||
}, | |||
] | |||
const tableData = [{ | |||
date: '01', | |||
name: 'Liu461185', | |||
@@ -224,31 +290,15 @@ | |||
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" | |||
} | |||
] | |||
const agree = (id) => { | |||
//事件处理 | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
//同意申请 | |||
const agree = (id:any) => { | |||
ElMessageBox.confirm( | |||
'确定通过这个申请?', | |||
'警告', { | |||
@@ -270,9 +320,8 @@ | |||
}) | |||
}) | |||
} | |||
const опровергать = (id) => { | |||
//驳回申请 | |||
const опровергать = (id:any) => { | |||
ElMessageBox.confirm( | |||
'确定驳回这个申请?', | |||
'警告', { | |||
@@ -294,7 +343,7 @@ | |||
}) | |||
}) | |||
} | |||
//验证码60s倒计时 | |||
const startime=() => { | |||
if (parseInt(time) == 0) { | |||
text = '获取验证码'; | |||
@@ -307,7 +356,7 @@ | |||
}, 1000); | |||
} | |||
} | |||
//发送验证码 | |||
const getPhone=() => { | |||
if(form.region != '') { | |||
//start_time() | |||
@@ -319,8 +368,31 @@ | |||
} | |||
} | |||
//查询 | |||
const search=()=>{ | |||
console.log("查询") | |||
} | |||
//重置 | |||
const resive=()=>{ | |||
console.log("重置") | |||
start_time = ""; | |||
end_time = ""; | |||
cтатус_счета= ""; | |||
номер=""; | |||
formInline.number = ""; | |||
formInline.coNumber =""; | |||
formInline.user = ""; | |||
} | |||
//导出 | |||
const drow=()=>{ | |||
console.log("导出") | |||
} | |||
//核验验证码 | |||
const regcode=()=>{ | |||
dialogFormVisible = false; | |||
dialogFormVisibles = true; | |||
console.log("heyan",dialogFormVisible,dialogFormVisibles) | |||
} | |||
</script> | |||
<style lang="scss"> |
@@ -9,11 +9,11 @@ | |||
<el-button type="primary">读卡</el-button> | |||
<el-button :icon="Search" type="primary">查询</el-button> | |||
<el-button type="info">重置</el-button> | |||
<el-button :icon="download" type="primary">人工录入</el-button> | |||
<el-button type="primary">人工录入</el-button> | |||
</el-form-item> | |||
</el-form> | |||
</div> | |||
<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe > | |||
<el-table :data="tableData" style="width: 100%" class="table_box" stripe > | |||
<el-table-column prop="date" label="序号" width="100px"/> | |||
<el-table-column prop="name" label="卡号" /> | |||
<el-table-column prop="address" label="客户名称" /> | |||
@@ -21,9 +21,15 @@ | |||
<el-table-column prop="regtime" label="车牌颜色" /> | |||
<el-table-column prop="type" label="补卡金额" /> | |||
<el-table-column prop="regtime" label="录入时间" /> | |||
<el-table-column label="操作" class="table_btn" width="150px" align="center"> | |||
<el-tooltip content="详细" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button> | |||
<el-table-column label="操作" class="table_btn" width="600px" align="center"> | |||
<el-tooltip content="已补卡额/已生成doris圈存订单" placement="top"> | |||
<el-button type="warning" disabled>已补卡额/已生成doris圈存订单</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="查看图片" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisible = true">查看图片</el-button> | |||
</el-tooltip> | |||
<el-tooltip content="上传图片" placement="top"> | |||
<el-button type="warning" @click="dialogFormVisibles= true">上传图片</el-button> | |||
</el-tooltip> | |||
</el-table-column> | |||
</el-table> | |||
@@ -32,47 +38,65 @@ | |||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> | |||
</div> | |||
<el-dialog v-model="dialogFormVisible" title="补卡详细"> | |||
<el-dialog v-model="dialogFormVisible" title="查看已补卡额/已生成doris圈存订单图片"> | |||
<el-form :model="form"> | |||
<el-form-item label="手机号" :label-width="formLabelWidth"> | |||
<el-input v-model="form.phone" autocomplete="off" disabled /> | |||
</el-form-item> | |||
<el-form-item label="验证码" :label-width="formLabelWidth"> | |||
<el-input v-model="form.region" autocomplete="off" /> | |||
</el-form-item> | |||
<el-image | |||
style="width: 100px; height: 100px" | |||
:src="form.colicense" | |||
:preview-src-list="srcList" | |||
:initial-index="4" | |||
fit="cover" | |||
/> | |||
</el-form> | |||
<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="上传已补卡额/已生成doris圈存订单图片"> | |||
<el-upload | |||
ref="upload" | |||
class="upload-demo" | |||
action="" | |||
:limit="1" | |||
:on-exceed="handleExceed" | |||
:auto-upload="false" | |||
> | |||
</el-upload> | |||
<template #footer> | |||
<span class="dialog-footer"> | |||
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button> | |||
</span> | |||
</template> | |||
</el-dialog> | |||
</div> | |||
</template> | |||
<script lang="ts" setup> | |||
//模块导入 | |||
import { | |||
Search, | |||
Dwnload | |||
Search | |||
} from '@element-plus/icons-vue' | |||
import { | |||
reactive, | |||
ref | |||
} from 'vue' | |||
import { genFileId } from 'element-plus' | |||
import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus' | |||
//变量声明 | |||
const formInline = reactive({ | |||
user: '', | |||
region: '', | |||
}) | |||
const onSubmit = () => { | |||
console.log('submit!') | |||
} | |||
let title = ref("对公账户信息") | |||
const options = [{ | |||
value: '', | |||
label: '全部', | |||
@@ -94,25 +118,18 @@ | |||
label: '待修改初始密码', | |||
}, | |||
] | |||
const value1 = ref('') | |||
const value2 = ref('') | |||
const value3 = ref('') | |||
const value4 = ref('') | |||
const dialogTableVisible = ref(false) | |||
const dialogFormVisible = ref(false) | |||
const formLabelWidth = '140px' | |||
const form = reactive({ | |||
phone: '13078580843',//手机号 | |||
region: '',//验证码 | |||
delivery: false,//是否展示详细 | |||
number:''//对公账户资金账户编号 | |||
let value1 = ref('') | |||
let value2 = ref('') | |||
let value3 = ref('') | |||
let value4 = ref('') | |||
let dialogTableVisible = ref(false) | |||
let dialogFormVisible = ref(false) | |||
let dialogFormVisibles = ref(false) | |||
let formLabelWidth = '140px' | |||
let form = reactive({ | |||
colicense:"",//查看图片 | |||
upColicense:'',//上传图片的图片路径 | |||
}) | |||
const optiones = [{ | |||
value: '2', | |||
label: '2', | |||
@@ -134,9 +151,7 @@ | |||
label: '30', | |||
}, | |||
] | |||
const defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||
let defaultTime = new Date(2000, 1, 1, 12, 0, 0) | |||
const shortcuts = [{ | |||
text: 'Today', | |||
value: new Date(), | |||
@@ -158,7 +173,6 @@ | |||
}, | |||
}, | |||
] | |||
const tableData = [{ | |||
date: '01', | |||
name: '52011750220200003674', | |||
@@ -170,6 +184,19 @@ | |||
regtime: "蓝色" | |||
} | |||
] | |||
const upload = ref<UploadInstance>() | |||
const handleExceed: UploadProps['onExceed'] = (files) => { | |||
upload.value!.clearFiles() | |||
const file = files[0] as UploadRawFile | |||
file.uid = genFileId() | |||
upload.value!.handleStart(file) | |||
} | |||
const submitUpload = () => { | |||
upload.value!.submit() | |||
} | |||
</script> | |||
<style lang="scss"> |
@@ -366,11 +366,6 @@ | |||
"resolved" "https://registry.npmmirror.com/acorn/download/acorn-7.4.1.tgz?cache=0&sync_timestamp=1637225522161&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Facorn%2Fdownload%2Facorn-7.4.1.tgz" | |||
"version" "7.4.1" | |||
"adler-32@~1.3.0": | |||
"integrity" "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==" | |||
"resolved" "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz" | |||
"version" "1.3.1" | |||
"ajv@^6.10.0", "ajv@^6.12.4": | |||
"integrity" "sha1-uvWmLoArB9l3A0WG+MO69a3ybfQ=" | |||
"resolved" "https://registry.npmmirror.com/ajv/download/ajv-6.12.6.tgz?cache=0&sync_timestamp=1637522259668&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fajv%2Fdownload%2Fajv-6.12.6.tgz" | |||
@@ -571,14 +566,6 @@ | |||
"resolved" "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001322.tgz" | |||
"version" "1.0.30001322" | |||
"cfb@~1.2.1": | |||
"integrity" "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==" | |||
"resolved" "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz" | |||
"version" "1.2.2" | |||
dependencies: | |||
"adler-32" "~1.3.0" | |||
"crc-32" "~1.2.0" | |||
"chainsaw@~0.1.0": | |||
"integrity" "sha1-XqtQsor+WAdNDVgpE4iCi15fvJg=" | |||
"resolved" "https://registry.npm.taobao.org/chainsaw/download/chainsaw-0.1.0.tgz" | |||
@@ -618,11 +605,6 @@ | |||
optionalDependencies: | |||
"fsevents" "~2.3.2" | |||
"codepage@~1.15.0": | |||
"integrity" "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==" | |||
"resolved" "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz" | |||
"version" "1.15.0" | |||
"color-convert@^1.9.0": | |||
"integrity" "sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=" | |||
"resolved" "https://registry.npm.taobao.org/color-convert/download/color-convert-1.9.3.tgz" | |||
@@ -676,11 +658,6 @@ | |||
"resolved" "https://registry.nlark.com/core-util-is/download/core-util-is-1.0.3.tgz" | |||
"version" "1.0.3" | |||
"crc-32@~1.2.0", "crc-32@~1.2.1": | |||
"integrity" "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==" | |||
"resolved" "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz" | |||
"version" "1.2.2" | |||
"cross-spawn@^7.0.2": | |||
"integrity" "sha1-9zqFudXUHQRVUcF34ogtSshXKKY=" | |||
"resolved" "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-7.0.3.tgz" | |||
@@ -1120,11 +1097,6 @@ | |||
dependencies: | |||
"flat-cache" "^3.0.4" | |||
"file-saver@^2.0.5": | |||
"integrity" "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==" | |||
"resolved" "https://registry.npmmirror.com/file-saver/-/file-saver-2.0.5.tgz" | |||
"version" "2.0.5" | |||
"fill-range@^7.0.1": | |||
"integrity" "sha1-GRmmp8df44ssfHflGYU12prN2kA=" | |||
"resolved" "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz" | |||
@@ -1159,11 +1131,6 @@ | |||
"combined-stream" "^1.0.8" | |||
"mime-types" "^2.1.12" | |||
"frac@~1.1.2": | |||
"integrity" "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==" | |||
"resolved" "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz" | |||
"version" "1.1.2" | |||
"fraction.js@^4.2.0": | |||
"integrity" "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==" | |||
"resolved" "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.2.0.tgz" | |||
@@ -1944,13 +1911,6 @@ | |||
"resolved" "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz" | |||
"version" "1.0.3" | |||
"ssf@~0.11.2": | |||
"integrity" "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==" | |||
"resolved" "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz" | |||
"version" "0.11.2" | |||
dependencies: | |||
"frac" "~1.1.2" | |||
"string_decoder@~1.1.1": | |||
"integrity" "sha1-nPFhG6YmhdcDCunkujQUnDrwP8g=" | |||
"resolved" "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz" | |||
@@ -2207,39 +2167,16 @@ | |||
dependencies: | |||
"isexe" "^2.0.0" | |||
"wmf@~1.0.1": | |||
"integrity" "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==" | |||
"resolved" "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz" | |||
"version" "1.0.2" | |||
"word-wrap@^1.2.3": | |||
"integrity" "sha1-YQY29rH3A4kb00dxzLF/uTtHB5w=" | |||
"resolved" "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz" | |||
"version" "1.2.3" | |||
"word@~0.3.0": | |||
"integrity" "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==" | |||
"resolved" "https://registry.npmmirror.com/word/-/word-0.3.0.tgz" | |||
"version" "0.3.0" | |||
"wrappy@1": | |||
"integrity" "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" | |||
"resolved" "https://registry.nlark.com/wrappy/download/wrappy-1.0.2.tgz?cache=0&sync_timestamp=1619133505879&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fwrappy%2Fdownload%2Fwrappy-1.0.2.tgz" | |||
"version" "1.0.2" | |||
"xlsx@^0.18.5": | |||
"integrity" "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==" | |||
"resolved" "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz" | |||
"version" "0.18.5" | |||
dependencies: | |||
"adler-32" "~1.3.0" | |||
"cfb" "~1.2.1" | |||
"codepage" "~1.15.0" | |||
"crc-32" "~1.2.1" | |||
"ssf" "~0.11.2" | |||
"wmf" "~1.0.1" | |||
"word" "~0.3.0" | |||
"yallist@^4.0.0": | |||
"integrity" "sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=" | |||
"resolved" "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz" |