exportExcel() { | exportExcel() { | ||||
//this.tableData1=this.tableData | //this.tableData1=this.tableData | ||||
console.log(this.tableData,'=============='); | console.log(this.tableData,'=============='); | ||||
if (!this.tableData1.length) { | |||||
if (!this.tableData.length) { | |||||
this.$message.warning("暂无数据导出"); | this.$message.warning("暂无数据导出"); | ||||
return false; | return false; | ||||
} | } | ||||
//格式转换 | //格式转换 | ||||
formatJson(filterVal) { | formatJson(filterVal) { | ||||
return this.tableData1.map(v => | |||||
return this.tableData.map(v => | |||||
// obj = { | // obj = { | ||||
// name:'', | // name:'', | ||||
// age:'' | // age:'' |
<el-form :inline="true" :model="formInline" class="demo-form-inline"> | <el-form :inline="true" :model="formInline" class="demo-form-inline"> | ||||
<el-form-item label="导入时间"> | <el-form-item label="导入时间"> | ||||
<div class="block"> | <div class="block"> | ||||
<el-date-picker v-model="start_time" type="datetime" placeholder="请选择申请开始时间"/> | |||||
<el-date-picker v-model="start_time" type="datetime" placeholder="请选择充值开始时间" /> | |||||
</div> | </div> | ||||
<el-icon> | <el-icon> | ||||
<semi-select/> | |||||
<semi-select /> | |||||
</el-icon> | </el-icon> | ||||
<div class="block"> | <div class="block"> | ||||
<el-date-picker v-model="end_time" type="datetime" placeholder="请选择申请结束时间"/> | |||||
<el-date-picker v-model="end_time" type="datetime" placeholder="请选择充值结束时间" /> | |||||
</div> | </div> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="对方账号"> | <el-form-item label="对方账号"> | ||||
<el-input v-model="formInline.Number" placeholder="对方账号"/> | |||||
<el-input v-model="formInline.Number" placeholder="对方账号" /> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="对方户名"> | <el-form-item label="对方户名"> | ||||
<el-input v-model="formInline.coNumber" placeholder="对方户名"/> | |||||
<el-input v-model="formInline.coNumber" placeholder="对方户名" /> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="交易流水编号"> | <el-form-item label="交易流水编号"> | ||||
<el-input v-model="formInline.user" placeholder="交易流水编号"/> | |||||
<el-input v-model="formInline.serialNo" placeholder="交易流水编号" /> | |||||
</el-form-item> | |||||
<el-form-item label="每页条数"> | |||||
<el-select v-model="pageNumber" clearable placeholder="账号状态"> | |||||
<el-option v-for="item in optiones" :key="item.value" :label="item.label" :value="item.value" /> | |||||
</el-select> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item> | <el-form-item> | ||||
<el-button :icon="Search" type="primary" @click="grabble">查询</el-button> | <el-button :icon="Search" type="primary" @click="grabble">查询</el-button> | ||||
</el-form> | </el-form> | ||||
</div> | </div> | ||||
<el-table :data="tableData" border style="width: 100%" class="table_box" stripe> | <el-table :data="tableData" border style="width: 100%" class="table_box" stripe> | ||||
<el-table-column prop="serialNo" label="交易流水号" width="200px"/> | |||||
<el-table-column prop="createTime" label="交易时间" width="200px"/> | |||||
<el-table-column prop="outFee" label="支出金额" width="200px"/> | |||||
<el-table-column prop="incomeFee" label="收入金额" width="200px"/> | |||||
<el-table-column prop="reciprocalAccount" label="对方账号" width="200px"/> | |||||
<el-table-column prop="reciprocalAccountName" label="对方户名" width="200px"/> | |||||
<el-table-column prop="reciprocalBankName" label="对方行名" width="200px"/> | |||||
<el-table-column prop="reciprocalAccountName" label="对公账户账号" width="200px"/> | |||||
<el-table-column prop="useage" label="用途" width="200px"/> | |||||
<el-table-column prop="remarks" label="附言" width="200px"/> | |||||
<el-table-column prop="snippet" label="摘要" width="200px"/> | |||||
<el-table-column prop="serialNo" label="交易流水号" width="200px" /> | |||||
<el-table-column prop="createTime" label="交易时间" width="200px" /> | |||||
<el-table-column prop="outFee" label="支出金额" width="200px" /> | |||||
<el-table-column prop="incomeFee" label="收入金额" width="200px" /> | |||||
<el-table-column prop="reciprocalAccount" label="对方账号" width="200px" /> | |||||
<el-table-column prop="reciprocalAccountName" label="对方户名" width="200px" /> | |||||
<el-table-column prop="reciprocalBankName" label="对方行名" width="200px" /> | |||||
<el-table-column prop="reciprocalAccountName" label="对公账户账号" width="200px" /> | |||||
<el-table-column prop="useage" label="用途" width="200px" /> | |||||
<el-table-column prop="remarks" label="附言" width="200px" /> | |||||
<el-table-column prop="snippet" label="摘要" width="200px" /> | |||||
<el-table-column label="操作" class="table_btn" width="500px" align="center"> | <el-table-column label="操作" class="table_btn" width="500px" align="center"> | ||||
<template v-slot="scope"> | <template v-slot="scope"> | ||||
<el-tooltip content="拒绝" placement="top"> | |||||
<el-tooltip content="拒绝" placement="top" v-if="scope.row.status == null"> | |||||
<el-button type="warning" @click="опровергать(scope.row)">拒绝</el-button> | <el-button type="warning" @click="опровергать(scope.row)">拒绝</el-button> | ||||
</el-tooltip> | </el-tooltip> | ||||
<el-tooltip content="同意" placement="top"> | |||||
<el-tooltip content="同意" placement="top" v-if="scope.row.status == null"> | |||||
<el-button type="warning" @click="agree(scope.row)">同意</el-button> | <el-button type="warning" @click="agree(scope.row)">同意</el-button> | ||||
</el-tooltip> | </el-tooltip> | ||||
<el-tooltip content="请输入对公账号" placement="top"> | |||||
<el-tooltip content="请输入对公账号" placement="top" v-if="scope.row.status == null"> | |||||
<el-button type="warning" @click="opendialo">请输入对公账号</el-button> | <el-button type="warning" @click="opendialo">请输入对公账号</el-button> | ||||
</el-tooltip> | </el-tooltip> | ||||
<el-tooltip :content="filterType(scope.row.status)" placement="top" v-if="scope.row.status != null"> | |||||
<el-button type="primary" @click="opendialo" disabled>{{filterType(scope.row.status)}}</el-button> | |||||
</el-tooltip> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<div class="page_box"> | <div class="page_box"> | ||||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="pageCount" @current-change="pagechange"/> | |||||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="pageCount" | |||||
v-model="pageNo"/> | |||||
</div> | </div> | ||||
<el-dialog v-model="dialogFormVisible" :title="title"> | <el-dialog v-model="dialogFormVisible" :title="title"> | ||||
<el-form :model="form"> | <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"/> | |||||
<el-input v-model="form.phone" autocomplete="off" /> | |||||
</el-form-item> | </el-form-item> | ||||
</el-form> | </el-form> | ||||
<template #footer> | <template #footer> | ||||
</template> | </template> | ||||
</el-dialog> | </el-dialog> | ||||
<el-dialog v-model="dialogFormVisibles" title="驳回申请"> | |||||
<el-form :model="form"> | |||||
<el-form-item label="驳回原因" :label-width="formLabelWidth"> | |||||
<el-input v-model="form.data_msg" autocomplete="off" placeholder="请输入驳回原因"/> | |||||
</el-form-item> | |||||
</el-form> | |||||
<template #footer> | |||||
<span class="dialog-footer"> | |||||
<el-button @click="dialogFormVisibles = false">关闭</el-button> | |||||
<el-button type="primary" @click="getMsg">确定</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.data_msg" autocomplete="off" placeholder="请输入驳回原因" /> | |||||
</el-form-item> | |||||
</el-form> | |||||
<template #footer> | |||||
<span class="dialog-footer"> | |||||
<el-button @click="dialogFormVisibles = false">关闭</el-button> | |||||
<el-button type="primary" @click="getMsg">确定</el-button> | |||||
</span> | |||||
</template> | |||||
</el-dialog> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
//变量声明 | //变量声明 | ||||
const { proxy } = getCurrentInstance() | const { proxy } = getCurrentInstance() | ||||
const formInline = ref({ | const formInline = ref({ | ||||
user:'', | |||||
region: '', | |||||
number:'', | |||||
coNumber:'', | |||||
user:'', | |||||
user: '', | |||||
region: '', | |||||
number: '', | |||||
coNumber: '', | |||||
user: '', | |||||
}) | }) | ||||
const onSubmit = () => { | const onSubmit = () => { | ||||
console.log('submit!') | console.log('submit!') | ||||
let value3 = ref('') | let value3 = ref('') | ||||
let value4 = ref('') | let value4 = ref('') | ||||
let pageNo = ref(1) | let pageNo = ref(1) | ||||
let pageNumber = ref(15)//每页条数 | |||||
let dialogTableVisible = ref(false) | let dialogTableVisible = ref(false) | ||||
let dialogFormVisible = ref(false) | let dialogFormVisible = ref(false) | ||||
let dialogFormVisibles = ref(false) | let dialogFormVisibles = ref(false) | ||||
region: '', //验证码 | region: '', //验证码 | ||||
delivery: false, //是否展示详细 | delivery: false, //是否展示详细 | ||||
number: '', //对公账户资金账户编号 | number: '', //对公账户资金账户编号 | ||||
data_msg:'',//驳回原因 | |||||
data_id:''//点击表格获取的id | |||||
data_msg: '',//驳回原因 | |||||
data_id: ''//点击表格获取的id | |||||
}) | }) | ||||
const optiones = [ | const optiones = [ | ||||
{ | { | ||||
cancelButtonText: '取消', | cancelButtonText: '取消', | ||||
type: 'warning' | type: 'warning' | ||||
}) | }) | ||||
.then(() => { | |||||
proxy.$request.post('/advancepayment/confirm', {}, { | |||||
baseURL: 'http://localhost:8089', | |||||
id:row.id, | |||||
// message:form.data_msg, | |||||
value:0 | |||||
}).then((res) => { | |||||
console.log(res,form.data_id,form.value); | |||||
if(res.data.success){ | |||||
ElMessage({ | |||||
type: 'success', | |||||
message: '操作成功!' | |||||
}) | |||||
grabble() | |||||
} | |||||
}).catch((err) => { | |||||
console.log(err); | |||||
}) | |||||
.then(() => { | |||||
proxy.$request.post('/advancepayment/confirm', { | |||||
id: row.id, | |||||
// message:form.data_msg, | |||||
value: 0 | |||||
}, { | |||||
///baseURL: 'http://localhost:8089', | |||||
}).then((res) => { | |||||
console.log(res, form.data_id, form.value); | |||||
if (res.data.success) { | |||||
ElMessage({ | |||||
type: 'success', | |||||
message: '操作成功!' | |||||
}) | |||||
grabble() | |||||
} | |||||
}).catch((err) => { | |||||
console.log(err); | |||||
}) | |||||
}) | }) | ||||
.catch(() => { | .catch(() => { | ||||
ElMessage({ | ElMessage({ | ||||
}) | }) | ||||
} | } | ||||
//驳回申请原因 | //驳回申请原因 | ||||
const getMsg=()=>{ | |||||
proxy.$request.post('/advancepayment/confirm', {}, { | |||||
baseURL: 'http://localhost:8089', | |||||
id:form.data_id, | |||||
message:form.data_msg, | |||||
value:1 | |||||
}).then((res) => { | |||||
console.log(res,form.data_id,form.data_msg); | |||||
if(res.data.success){ | |||||
ElMessage({ | |||||
type: 'success', | |||||
message: '操作成功!' | |||||
}) | |||||
dialogFormVisibles.value = false; | |||||
grabble() | |||||
} | |||||
}).catch((err) => { | |||||
console.log(err); | |||||
}) | |||||
const getMsg = () => { | |||||
proxy.$request.post('/advancepayment/confirm', { | |||||
id: form.data_id, | |||||
message: form.data_msg, | |||||
value: 1 | |||||
}, { | |||||
//baseURL: 'http://localhost:8089', | |||||
}).then((res) => { | |||||
console.log(res, form.data_id, form.data_msg); | |||||
if (res.data.success) { | |||||
ElMessage({ | |||||
type: 'success', | |||||
message: '操作成功!' | |||||
}) | |||||
dialogFormVisibles.value = false; | |||||
grabble() | |||||
} | |||||
}).catch((err) => { | |||||
console.log(err); | |||||
}) | |||||
} | } | ||||
//搜索 | //搜索 | ||||
const grabble = () => { | const grabble = () => { | ||||
let data = { | |||||
corporateAccountId: 'string', | |||||
endTime: '2020/01/01 00:00:00', | |||||
pageNo: 0, | |||||
pageSize: 0, | |||||
startTime: '2020/01/01 00:00:00', | |||||
type: 0, | |||||
baseURL: 'http://localhost:8089' | |||||
let data:any = { | |||||
//endTime: '2020/01/01 00:00:00', | |||||
pageNo: pageNo.value, | |||||
pageSize: pageNumber.value, | |||||
//startTime: '2020/01/01 00:00:00', | |||||
//type: 0, | |||||
} | } | ||||
formInline.value.Number != '' ? data.reciprocalAccount = formInline.value.Number : ''; | |||||
formInline.value.coNumber != '' ? data.reciprocalAccountName = formInline.value.coNumber :''; | |||||
formInline.value.serialNo != '' ? data.serialNo = formInline.value.serialNo :''; | |||||
proxy.$request | proxy.$request | ||||
.post('/advancepayment/queryPage', {}, data) | |||||
.post('/advancepayment/queryPage',data,{}) | |||||
.then((res) => { | .then((res) => { | ||||
console.log(res, form.data_id, form.value) | |||||
if (res.data.success) { | |||||
tableData.value = res.data.result | |||||
console.log('res', tableData) | |||||
//console.log(res.data,data) | |||||
if (res.data.code == 200) { | |||||
tableData.value = res.data.data.result | |||||
//console.log('res', tableData) | |||||
pageCount.value = res.data.pageCount | pageCount.value = res.data.pageCount | ||||
} | } | ||||
}) | }) | ||||
console.log('重置') | console.log('重置') | ||||
start_time.value = ''; | start_time.value = ''; | ||||
end_time.value = ''; | end_time.value = ''; | ||||
formInline.value.number= ''; | |||||
formInline.value.number = ''; | |||||
formInline.value.coNumber = ''; | formInline.value.coNumber = ''; | ||||
formInline.value.user= ''; | |||||
formInline.value.user = ''; | |||||
} | } | ||||
//填入对方对公账号 | //填入对方对公账号 | ||||
const account = ()=>{ | |||||
let data = { | |||||
id:form.data_id, | |||||
accountId:form.phone, | |||||
baseURL: 'http://localhost:8089' | |||||
} | |||||
proxy.$request.post('/advancepayment/account', {}, data).then((res) => { | |||||
console.log(res, form.data_id, form.value) | |||||
if (res.data.success) { | |||||
dialogFormVisible.value = false; | |||||
grabble(); | |||||
} | |||||
}) | |||||
const account = () => { | |||||
let data = { | |||||
id: form.data_id, | |||||
accountId: form.phone, | |||||
//baseURL: 'http://localhost:8089' | |||||
} | |||||
proxy.$request.post('/advancepayment/account', data,{}).then((res) => { | |||||
console.log(res, form.data_id, form.value) | |||||
if (res.data.success) { | |||||
dialogFormVisible.value = false; | |||||
grabble(); | |||||
} | |||||
}) | |||||
.catch((err) => { | .catch((err) => { | ||||
console.log(err) | console.log(err) | ||||
}) | }) | ||||
} | } | ||||
//打开填写对公账户的弹窗 | //打开填写对公账户的弹窗 | ||||
const opendialo = (row)=>{ | |||||
form.data_id = row.id; | |||||
dialogFormVisible.value = true; | |||||
const opendialo = (row) => { | |||||
form.data_id = row.id; | |||||
dialogFormVisible.value = true; | |||||
} | |||||
//过滤状态 | |||||
const filterType = (type: Number) => { | |||||
if (type == -1) { | |||||
return '审核通过' | |||||
} else if (type == -2) { | |||||
return '已驳回' | |||||
} else { | |||||
return '未审核' | |||||
} | |||||
} | } | ||||
onMounted(() => { | |||||
grabble() | |||||
}) | |||||
</script> | </script> | ||||
<style lang="scss"> | <style lang="scss"> | ||||
.table_box { | .table_box { | ||||
margin-top: 25px; | margin-top: 25px; | ||||
.table_btn { | .table_btn { | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; |
<div class="page_box"> | <div class="page_box"> | ||||
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="pageCount" | <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="pageCount" | ||||
@current-change="pagechange" /> | |||||
v-model="pageNo"/> | |||||
</div> | </div> | ||||
<el-dialog v-model="dialogFormVisible" :title="title" :show-close="false"> | <el-dialog v-model="dialogFormVisible" :title="title" :show-close="false"> | ||||
<el-row> | <el-row> | ||||
<el-col :span="12"> | <el-col :span="12"> | ||||
<el-form-item label="授权书" :label-width="formLabelWidth"> | <el-form-item label="授权书" :label-width="formLabelWidth"> | ||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.authBookUrl" :preview-src-list="detilMsg.authBookUrl" | |||||
:initial-index="4" fit="cover" /> | |||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.authBookUrl" | |||||
:preview-src-list="detilMsg.authBookUrl" :initial-index="4" fit="cover" /> | |||||
</el-form-item> | </el-form-item> | ||||
</el-col> | </el-col> | ||||
<el-col :span="12"> | <el-col :span="12"> | ||||
<el-form-item label="公司营业执照" :label-width="formLabelWidth"> | <el-form-item label="公司营业执照" :label-width="formLabelWidth"> | ||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.photoUrl" :preview-src-list="detilMsg.photoUrl" | |||||
:initial-index="4" fit="cover" /> | |||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.photoUrl" | |||||
:preview-src-list="detilMsg.photoUrl" :initial-index="4" fit="cover" /> | |||||
</el-form-item> | </el-form-item> | ||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
<el-row> | <el-row> | ||||
<el-col :span="12"> | <el-col :span="12"> | ||||
<el-form-item label="被委托人身份证正面照" :label-width="formLabelWidth"> | <el-form-item label="被委托人身份证正面照" :label-width="formLabelWidth"> | ||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.idCardImageUrl" :preview-src-list="detilMsg.idCardImageUrl" | |||||
:initial-index="4" fit="cover" /> | |||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.idCardImageUrl" | |||||
:preview-src-list="detilMsg.idCardImageUrl" :initial-index="4" fit="cover" /> | |||||
</el-form-item> | </el-form-item> | ||||
</el-col> | </el-col> | ||||
<el-col :span="12"> | <el-col :span="12"> | ||||
<el-form-item label="被委托人身份证反面照" :label-width="formLabelWidth"> | |||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.idCardBackImageUrl" :preview-src-list="detilMsg.idCardBackImageUrl" | |||||
<el-form-item label="被委托人身份证反面照" :label-width="formLabelWidth + 50"> | |||||
<el-image style="width: 100px; height: 100px" :src="detilMsg.idCardB" :preview-src-list="srcList" | |||||
:initial-index="4" fit="cover" /> | :initial-index="4" fit="cover" /> | ||||
</el-form-item> | </el-form-item> | ||||
</el-col> | </el-col> | ||||
</el-form> | </el-form> | ||||
<template #footer> | <template #footer> | ||||
<span class="dialog-footer"> | <span class="dialog-footer"> | ||||
<el-button type="primary" @click="dialogFormVisible = false;form.value.region = true">关闭</el-button> | |||||
<el-button type="primary" @click="close">关闭</el-button> | |||||
<el-button type="primary" @click="regcode" v-if="form.delivery">确定</el-button> | <el-button type="primary" @click="regcode" v-if="form.delivery">确定</el-button> | ||||
</span> | </span> | ||||
</template> | </template> | ||||
</el-form> | </el-form> | ||||
<template #footer> | <template #footer> | ||||
<span class="dialog-footer"> | <span class="dialog-footer"> | ||||
<el-button @click="dialogFormVisibles = false">关闭</el-button> | |||||
<el-button @click="close">关闭</el-button> | |||||
<el-button type="primary" @click="getMsg">确定</el-button> | <el-button type="primary" @click="getMsg">确定</el-button> | ||||
</span> | </span> | ||||
</template> | </template> | ||||
import { Search } from '@element-plus/icons-vue' | import { Search } from '@element-plus/icons-vue' | ||||
import { ElMessage, ElMessageBox } from 'element-plus' | import { ElMessage, ElMessageBox } from 'element-plus' | ||||
import { reactive, ref, getCurrentInstance, onMounted } from 'vue' | import { reactive, ref, getCurrentInstance, onMounted } from 'vue' | ||||
import { account } from "@/views/fancongcong/publicJs/account" | |||||
console.log(account) | |||||
//变量定义 | //变量定义 | ||||
let form: any = ref({ | let form: any = ref({ | ||||
data_id: '', //获取详细信息所点击的数据的id | data_id: '', //获取详细信息所点击的数据的id | ||||
data_msg: '' //驳回原因 | data_msg: '' //驳回原因 | ||||
}) | }) | ||||
let detilMsg = ref({});//待待审核等状态下的详细信息 | |||||
let detilMsg: any = ref({});//待待审核等状态下的详细信息 | |||||
const formInline = ref({ | const formInline = ref({ | ||||
user: '', | user: '', | ||||
region: '', | region: '', | ||||
status: 0, | status: 0, | ||||
uploadTime: '2009/09/05 11:28:06' | uploadTime: '2009/09/05 11:28:06' | ||||
} | } | ||||
]) | |||||
]); | |||||
//事件处理 | //事件处理 | ||||
const onSubmit = () => { | const onSubmit = () => { | ||||
srcList.value.push(res.data.data.idCardBackImageUrl) | srcList.value.push(res.data.data.idCardBackImageUrl) | ||||
srcList.value.push(res.data.data.idCardImageUrl) | srcList.value.push(res.data.data.idCardImageUrl) | ||||
srcList.value.push(res.data.data.photoUrl)*/ | srcList.value.push(res.data.data.photoUrl)*/ | ||||
console.log(detilMsg.value,srcList.value); | |||||
console.log(detilMsg.value, srcList.value); | |||||
} | } | ||||
}).catch((err) => { | }).catch((err) => { | ||||
console.log(err); | console.log(err); | ||||
return import.meta.env.VITE_APP_BASE_URL + url; | return import.meta.env.VITE_APP_BASE_URL + url; | ||||
} | } | ||||
//弹窗点击关闭 | |||||
const close = () => { | |||||
detilMsg.value = {}; | |||||
form.value.region = ''; | |||||
form.value.delivery = true; | |||||
dialogFormVisible.value = false; | |||||
} | |||||
onMounted(() => { | onMounted(() => { | ||||
search() | search() | ||||
}) | }) |
import { Search, SetUp } from '@element-plus/icons-vue' | |||||
import { ElMessage, ElMessageBox } from 'element-plus' | |||||
import { reactive, ref, getCurrentInstance, onMounted } from 'vue' | |||||
export function account() { | |||||
return { | |||||
/* tableData, | |||||
shortcuts, | |||||
defaultTime, | |||||
optiones, | |||||
proxy, | |||||
dialogFormVisibles, | |||||
dialogTableVisible, | |||||
formLabelWidth, | |||||
time, | |||||
номер, | |||||
cтатус_счета, | |||||
end_time, | |||||
start_time, | |||||
codetext, | |||||
title, | |||||
srcList, | |||||
pageSize, | |||||
pageCount, | |||||
pageNo, | |||||
clickType, | |||||
options, | |||||
clickType, | |||||
title, | |||||
srcList, | |||||
pageSize, | |||||
pageCount, | |||||
pageNo, | |||||
formInline, | |||||
detilMsg, | |||||
form, | |||||
filterType, | |||||
pagechange, | |||||
getDetil, | |||||
close, | |||||
regcode, | |||||
resive, | |||||
getPhone, | |||||
опровергать, | |||||
agree,*/ | |||||
} | |||||
} |
<exportTable ref="exportTS" :tableData="tableData1"></exportTable> | <exportTable ref="exportTS" :tableData="tableData1"></exportTable> | ||||
</div> | </div> | ||||
<div style="padding-top: 12px" class="as-gravity-center-end"> | <div style="padding-top: 12px" class="as-gravity-center-end"> | ||||
<!-- <el-pagination :page-sizes="pagesizes" :total="formData.total" :current-page="formData.pageNo" /> --> | |||||
<el-pagination | |||||
layout="total,sizes,prev,pager,next,jumper" | |||||
:page-sizes="[7, 20, 30, 40]" | |||||
v-model:total="formData.total" | |||||
v-model:current-page="formData.pageNo" | |||||
@size-change="handleSizeChange" | |||||
@current-change="handleCurrentChange" | |||||
/> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
import { reactive, ref, toRaw, getCurrentInstance, onMounted } from 'vue' | import { reactive, ref, toRaw, getCurrentInstance, onMounted } from 'vue' | ||||
import { useRoute, useRouter } from 'vue-router' | import { useRoute, useRouter } from 'vue-router' | ||||
import { Calendar, Search, Refresh } from '@element-plus/icons-vue' | import { Calendar, Search, Refresh } from '@element-plus/icons-vue' | ||||
import type { ElTable } from 'element-plus' | |||||
import type { ElTable,ElPagination} from 'element-plus' | |||||
import exportTable from '../../../components/exportTable/exportTable.vue' | import exportTable from '../../../components/exportTable/exportTable.vue' | ||||
const { proxy }: any = getCurrentInstance() | const { proxy }: any = getCurrentInstance() | ||||
const pagesizes = ref(7) | |||||
const handleSizeChange = (val: number) => { | |||||
console.log(`${val} items per page`) | |||||
} | |||||
const handleCurrentChange = (val: number) => { | |||||
console.log(`current page: ${val}`) | |||||
} | |||||
const formData = reactive({ | const formData = reactive({ | ||||
pagesizes: '',//每页显示条数 | |||||
total: '', //总条数 | |||||
pageNo: '', //当前页 | |||||
//pagesizes: '',//每页显示条数 | |||||
total: 100, //总条数 | |||||
pageNo: 1, //当前页 | |||||
etcCardNumber: '', //ETC卡号 | etcCardNumber: '', //ETC卡号 | ||||
licensePlateNumber: '', //车牌号 | licensePlateNumber: '', //车牌号 | ||||
startDate: '', //开始日期 | startDate: '', //开始日期 | ||||
postransactionalance: '', //交易后余额 | postransactionalance: '', //交易后余额 | ||||
}) | }) | ||||
// json_fields: { | |||||
// "排查日期":'date', | |||||
// "整改隐患内容":'details', | |||||
// "整改措施":'measure', | |||||
// "整改时限":'timeLimit', | |||||
// "应急措施和预案":'plan', | |||||
// "整改责任人":'personInCharge', | |||||
// "填表人":'preparer', | |||||
// "整改资金":'fund', | |||||
// "整改完成情况":'complete', | |||||
// "备注":'remark', | |||||
// }, | |||||
//搜索 | //搜索 | ||||
function search() { | function search() { | ||||
if (formData.etcCardNumber != '') { | if (formData.etcCardNumber != '') { | ||||
proxy.$request | proxy.$request | ||||
.post('/uc/trafficrecord/query',{ | .post('/uc/trafficrecord/query',{ | ||||
cardId : formData.etcCardNumber, | |||||
vehiclePlate : formData.licensePlateNumber, | |||||
pageNo:1, | |||||
cardId: formData.etcCardNumber, | |||||
vehiclePlate: formData.licensePlateNumber, | |||||
pageNo: formData.pageNo, | |||||
}, | }, | ||||
{ | { | ||||
baseURL: 'http://10.52.0.172:10389/csms', | baseURL: 'http://10.52.0.172:10389/csms', | ||||
transactionAmount: '0.00', | transactionAmount: '0.00', | ||||
postransactionalance: '38.25', | postransactionalance: '38.25', | ||||
}, | }, | ||||
{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
},{ | |||||
etcCardNumber: '52011328220200481698', | |||||
licensePlateNumber: '贵A710AE', | |||||
consumptionType: '省内流水', | |||||
entranceTime: '2019-12-27 20:14:02', | |||||
entryStationName: '贵阳西主线站', | |||||
exportTime: '2019-12-27 20:18:20', | |||||
exitStationName: '贵阳西主线站', | |||||
balanceBeforeTransaction: '38.25', | |||||
transactionAmount: '0.00', | |||||
postransactionalance: '38.25', | |||||
}, | |||||
] | ] | ||||
</script> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> |