|
|
|
@ -1,169 +1,169 @@ |
|
|
|
<script setup> |
|
|
|
import { ref, onMounted, computed, reactive } from "vue"; |
|
|
|
import { ElMessage, ElMessageBox } from "element-plus"; |
|
|
|
import axios from "axios"; |
|
|
|
import { createApp } from "vue"; |
|
|
|
import moment from "moment"; |
|
|
|
import API from "../../api/index.js"; |
|
|
|
import _ from "lodash"; |
|
|
|
import request from "@/util/http"; |
|
|
|
import { ref, onMounted, computed, reactive } from 'vue' |
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus' |
|
|
|
import axios from 'axios' |
|
|
|
import { createApp } from 'vue' |
|
|
|
import moment from 'moment' |
|
|
|
import API from '../../api/index.js' |
|
|
|
import _ from 'lodash' |
|
|
|
import request from '@/util/http' |
|
|
|
|
|
|
|
// 查询用户接口 |
|
|
|
const adminData = ref({ |
|
|
|
name: "", |
|
|
|
}); |
|
|
|
name: '' |
|
|
|
}) |
|
|
|
const getAdminData = async function () { |
|
|
|
try { |
|
|
|
const result = await request( |
|
|
|
{ |
|
|
|
url: "/admin/userinfo", |
|
|
|
data:{}} |
|
|
|
); |
|
|
|
adminData.value = result; |
|
|
|
rateAdd.value.adminId = adminData.value.adminId; |
|
|
|
rateEdit.value.adminId = adminData.value.adminId; |
|
|
|
console.log("请求成功", result); |
|
|
|
console.log("用户信息", user.value); |
|
|
|
const result = await request({ |
|
|
|
url: '/admin/userinfo', |
|
|
|
data: {} |
|
|
|
}) |
|
|
|
adminData.value = result |
|
|
|
rateAdd.value.adminId = adminData.value.adminId |
|
|
|
rateEdit.value.adminId = adminData.value.adminId |
|
|
|
console.log('请求成功', result) |
|
|
|
console.log('用户信息', user.value) |
|
|
|
} catch (error) { |
|
|
|
console.log("请求失败", error); |
|
|
|
console.log('请求失败', error) |
|
|
|
} |
|
|
|
}; |
|
|
|
getAdminData(); |
|
|
|
} |
|
|
|
getAdminData() |
|
|
|
|
|
|
|
const regeAdd = ref(false); |
|
|
|
const regeEdit = ref(false); |
|
|
|
const regeAdd = ref(false) |
|
|
|
const regeEdit = ref(false) |
|
|
|
|
|
|
|
//汇率表格数据 |
|
|
|
const tableData = ref([]); |
|
|
|
const tableData = ref([]) |
|
|
|
//搜索对象 |
|
|
|
const getObj = ref({ |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
}); |
|
|
|
const total = ref(0); |
|
|
|
pageSize: 10 |
|
|
|
}) |
|
|
|
const total = ref(0) |
|
|
|
//分页总条目 |
|
|
|
|
|
|
|
//时间选择器 |
|
|
|
const value1 = ref({ |
|
|
|
startTime: "", |
|
|
|
endTime: "", |
|
|
|
}); // 时间数组 |
|
|
|
startTime: '', |
|
|
|
endTime: '' |
|
|
|
}) // 时间数组 |
|
|
|
function handleDateChange(value) { |
|
|
|
if (value && value.length === 2) { |
|
|
|
value1.value.startTime = value[0]; // 开始日期 |
|
|
|
value1.value.endTime = value[1]; // 结束日期 |
|
|
|
value1.value.startTime = value[0] // 开始日期 |
|
|
|
value1.value.endTime = value[1] // 结束日期 |
|
|
|
} |
|
|
|
console.log(value1); |
|
|
|
console.log(value1) |
|
|
|
} |
|
|
|
|
|
|
|
const time = ref({}); |
|
|
|
const time = ref({}) |
|
|
|
const get = async function (val) { |
|
|
|
// 搜索参数时间赋值 |
|
|
|
if (value1.value != null) { |
|
|
|
if (value1.value.startDate != "" && value1.value.endDate != "") { |
|
|
|
time.value.startTime = value1.value[0]; |
|
|
|
time.value.endTime = value1.value[1]; |
|
|
|
if (value1.value.startDate != '' && value1.value.endDate != '') { |
|
|
|
time.value.startTime = value1.value[0] |
|
|
|
time.value.endTime = value1.value[1] |
|
|
|
} |
|
|
|
} else { |
|
|
|
time.value.startTime = ""; |
|
|
|
time.value.endTime = ""; |
|
|
|
time.value.startTime = '' |
|
|
|
time.value.endTime = '' |
|
|
|
} |
|
|
|
try { |
|
|
|
// 搜索参数页码赋值 |
|
|
|
if (typeof val === "number") { |
|
|
|
getObj.value.pageNum = val; |
|
|
|
if (typeof val === 'number') { |
|
|
|
getObj.value.pageNum = val |
|
|
|
} |
|
|
|
|
|
|
|
console.log("搜索参数", getObj.value); |
|
|
|
console.log('搜索参数', getObj.value) |
|
|
|
// 发送POST请求 |
|
|
|
const result = await request({ |
|
|
|
url: "/rates/search", data:{ |
|
|
|
...getObj.value, |
|
|
|
rate: { ...time.value },} |
|
|
|
}); |
|
|
|
url: '/rates/search', |
|
|
|
data: { |
|
|
|
...getObj.value, |
|
|
|
rate: { ...time.value } |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log("请求成功", result); |
|
|
|
console.log('请求成功', result) |
|
|
|
// 存储表格数据 |
|
|
|
tableData.value = result.data.list; |
|
|
|
console.log("tableData", tableData.value); |
|
|
|
tableData.value = result.data.list |
|
|
|
console.log('tableData', tableData.value) |
|
|
|
// 在这里可以根据需求进一步处理成功后的逻辑，比如更新UI显示成功消息等 |
|
|
|
// 存储分页总条目 |
|
|
|
total.value = result.data.total; |
|
|
|
console.log("total", total.value); |
|
|
|
total.value = result.data.total |
|
|
|
console.log('total', total.value) |
|
|
|
} catch (error) { |
|
|
|
console.log("请求失败", error); |
|
|
|
console.log('请求失败', error) |
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
// 搜索 |
|
|
|
const search = function () { |
|
|
|
getObj.value.pageNum = 1; |
|
|
|
get(); |
|
|
|
}; |
|
|
|
getObj.value.pageNum = 1 |
|
|
|
get() |
|
|
|
} |
|
|
|
// 添加方法 |
|
|
|
const rateAdd = ref({}); |
|
|
|
const rateAdd = ref({}) |
|
|
|
const addRate = async function () { |
|
|
|
rateAdd.value.adminId = adminData.value.adminId; |
|
|
|
rateAdd.value.adminId = adminData.value.adminId |
|
|
|
if (rateAdd.value.startTime) { |
|
|
|
const date = new Date(rateAdd.value.startTime); |
|
|
|
date.setHours(0, 0, 0, 0); |
|
|
|
const date = new Date(rateAdd.value.startTime) |
|
|
|
date.setHours(0, 0, 0, 0) |
|
|
|
rateAdd.value.startTime = `${date.getFullYear()}-${String( |
|
|
|
date.getMonth() + 1 |
|
|
|
).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} 00:00:00`; |
|
|
|
).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} 00:00:00` |
|
|
|
} |
|
|
|
if (rateAdd.value.endTime) { |
|
|
|
const date = new Date(rateAdd.value.endTime); |
|
|
|
date.setHours(23, 59, 59, 999); |
|
|
|
const date = new Date(rateAdd.value.endTime) |
|
|
|
date.setHours(23, 59, 59, 999) |
|
|
|
rateAdd.value.endTime = `${date.getFullYear()}-${String( |
|
|
|
date.getMonth() + 1 |
|
|
|
).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} 23:59:59`; |
|
|
|
).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} 23:59:59` |
|
|
|
} |
|
|
|
try { |
|
|
|
console.log("搜索参数", getObj.value); |
|
|
|
console.log('搜索参数', getObj.value) |
|
|
|
// 发送POST请求 |
|
|
|
const result = await request( |
|
|
|
{ |
|
|
|
url: "/rates/add", |
|
|
|
data: rateAdd.value} |
|
|
|
); |
|
|
|
const result = await request({ |
|
|
|
url: '/rates/add', |
|
|
|
data: rateAdd.value |
|
|
|
}) |
|
|
|
if (result.code == 0) { |
|
|
|
ElMessage.error(result.msg); |
|
|
|
ElMessage.error(result.msg) |
|
|
|
} |
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log("请求成功", result); |
|
|
|
get(); |
|
|
|
console.log('请求成功', result) |
|
|
|
get() |
|
|
|
} catch (error) { |
|
|
|
console.log("请求失败", error); |
|
|
|
console.log('请求失败', error) |
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
const add = () => { |
|
|
|
Ref.value.validate(async (valid) => { |
|
|
|
if (valid) { |
|
|
|
ElMessageBox.confirm("确认添加？") |
|
|
|
ElMessageBox.confirm('确认添加？') |
|
|
|
.then(() => { |
|
|
|
addRate(); |
|
|
|
rateAdd.value = {}; |
|
|
|
addRate() |
|
|
|
rateAdd.value = {} |
|
|
|
value1.value = { |
|
|
|
startTime: "", |
|
|
|
endTime: "", |
|
|
|
}; |
|
|
|
regeAdd.value = false; |
|
|
|
startTime: '', |
|
|
|
endTime: '' |
|
|
|
} |
|
|
|
regeAdd.value = false |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
regeAdd.value = false; |
|
|
|
}); |
|
|
|
regeAdd.value = false |
|
|
|
}) |
|
|
|
} else { |
|
|
|
//提示 |
|
|
|
ElMessage({ |
|
|
|
type: "error", |
|
|
|
message: "请检查输入内容", |
|
|
|
}); |
|
|
|
type: 'error', |
|
|
|
message: '请检查输入内容' |
|
|
|
}) |
|
|
|
} |
|
|
|
}); |
|
|
|
}; |
|
|
|
}) |
|
|
|
} |
|
|
|
const handlePageSizeChange = function (val) { |
|
|
|
getObj.value.pageSize = val |
|
|
|
get() |
|
|
|
@ -173,158 +173,155 @@ const handleCurrentChange = function (val) { |
|
|
|
get() |
|
|
|
} |
|
|
|
// 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次 |
|
|
|
const throttledAdd = _.throttle(add, 5000, { trailing: false }); |
|
|
|
const throttledAdd = _.throttle(add, 5000, { trailing: false }) |
|
|
|
// 编辑方法 |
|
|
|
const rateEdit = ref({}); |
|
|
|
const rateEdit = ref({}) |
|
|
|
//查询已有的数据 |
|
|
|
const getEditData = async function (row) { |
|
|
|
try { |
|
|
|
console.log("搜索参数", getObj.value); |
|
|
|
console.log('搜索参数', getObj.value) |
|
|
|
// 发送POST请求 |
|
|
|
const result = await request( |
|
|
|
{ |
|
|
|
url: "/rates/searchById?rateId=" + row.rateId, |
|
|
|
data:{}} |
|
|
|
); |
|
|
|
const result = await request({ |
|
|
|
url: '/rates/searchById?rateId=' + row.rateId, |
|
|
|
data: {} |
|
|
|
}) |
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log("请求成功", result); |
|
|
|
console.log('请求成功', result) |
|
|
|
// 存储表格数据 |
|
|
|
|
|
|
|
rateEdit.value = result.data; |
|
|
|
rateEdit.value.adminId = adminData.value.adminId; |
|
|
|
console.log("这是编辑的数值", rateEdit.value); |
|
|
|
rateEdit.value = result.data |
|
|
|
rateEdit.value.adminId = adminData.value.adminId |
|
|
|
console.log('这是编辑的数值', rateEdit.value) |
|
|
|
} catch (error) { |
|
|
|
console.log("请求失败", error); |
|
|
|
console.log('请求失败', error) |
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
const editRate = async function () { |
|
|
|
if (rateEdit.value.startTime) { |
|
|
|
const date = new Date(rateEdit.value.startTime); |
|
|
|
date.setHours(0, 0, 0, 0); |
|
|
|
const date = new Date(rateEdit.value.startTime) |
|
|
|
date.setHours(0, 0, 0, 0) |
|
|
|
rateEdit.value.startTime = `${date.getFullYear()}-${String( |
|
|
|
date.getMonth() + 1 |
|
|
|
).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} 00:00:00`; |
|
|
|
).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} 00:00:00` |
|
|
|
} |
|
|
|
if (rateEdit.value.endTime) { |
|
|
|
const date = new Date(rateEdit.value.endTime); |
|
|
|
date.setHours(23, 59, 59, 999); |
|
|
|
const date = new Date(rateEdit.value.endTime) |
|
|
|
date.setHours(23, 59, 59, 999) |
|
|
|
rateEdit.value.endTime = `${date.getFullYear()}-${String( |
|
|
|
date.getMonth() + 1 |
|
|
|
).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} 23:59:59`; |
|
|
|
).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} 23:59:59` |
|
|
|
} |
|
|
|
try { |
|
|
|
console.log("搜索参数", rateEdit.value); |
|
|
|
console.log('搜索参数', rateEdit.value) |
|
|
|
// 发送POST请求 |
|
|
|
const result = await request( |
|
|
|
{ |
|
|
|
url: "/rates/update", |
|
|
|
data: rateEdit.value} |
|
|
|
); |
|
|
|
const result = await request({ |
|
|
|
url: '/rates/update', |
|
|
|
data: rateEdit.value |
|
|
|
}) |
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log("请求成功", result); |
|
|
|
get(); |
|
|
|
console.log('请求成功', result) |
|
|
|
get() |
|
|
|
} catch (error) { |
|
|
|
console.log("请求失败", error); |
|
|
|
console.log('请求失败', error) |
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
const edit = () => { |
|
|
|
ElMessageBox.confirm("确认修改？") |
|
|
|
ElMessageBox.confirm('确认修改？') |
|
|
|
.then(() => { |
|
|
|
editRate(); |
|
|
|
regeEdit.value = false; |
|
|
|
editRate() |
|
|
|
regeEdit.value = false |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
regeEdit.value = false; |
|
|
|
}); |
|
|
|
}; |
|
|
|
regeEdit.value = false |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
// 删除方法 |
|
|
|
const deleteRate = async function (row) { |
|
|
|
try { |
|
|
|
// 发送POST请求 |
|
|
|
const result = await request( |
|
|
|
{ |
|
|
|
url: "/rates/delete/ " + row.rateId, |
|
|
|
data:{}} |
|
|
|
); |
|
|
|
const result = await request({ |
|
|
|
url: '/rates/delete/ ' + row.rateId, |
|
|
|
data: {} |
|
|
|
}) |
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log("请求成功", result); |
|
|
|
get(); |
|
|
|
console.log('请求成功', result) |
|
|
|
get() |
|
|
|
} catch (error) { |
|
|
|
console.log("请求失败", error); |
|
|
|
console.log('请求失败', error) |
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
// 挂载 |
|
|
|
onMounted(async function () { |
|
|
|
get(); |
|
|
|
}); |
|
|
|
get() |
|
|
|
}) |
|
|
|
//分页 |
|
|
|
function handlePageChange(currentPage, pageSize) { |
|
|
|
get(); |
|
|
|
get() |
|
|
|
} |
|
|
|
//货币条目 |
|
|
|
const options = [ |
|
|
|
{ |
|
|
|
value: "USD", |
|
|
|
label: "USD", |
|
|
|
value: 'USD', |
|
|
|
label: 'USD' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "HKD", |
|
|
|
label: "HKD", |
|
|
|
value: 'HKD', |
|
|
|
label: 'HKD' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "THB", |
|
|
|
label: "THB", |
|
|
|
value: 'THB', |
|
|
|
label: 'THB' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "VND", |
|
|
|
label: "VND", |
|
|
|
value: 'VND', |
|
|
|
label: 'VND' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "CAD", |
|
|
|
label: "CAD", |
|
|
|
value: 'CAD', |
|
|
|
label: 'CAD' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "MYR", |
|
|
|
label: "MYR", |
|
|
|
value: 'MYR', |
|
|
|
label: 'MYR' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "KRW", |
|
|
|
label: "KRW", |
|
|
|
value: 'KRW', |
|
|
|
label: 'KRW' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "JPY", |
|
|
|
label: "JPY", |
|
|
|
value: 'JPY', |
|
|
|
label: 'JPY' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "CNY", |
|
|
|
label: "CNY", |
|
|
|
}, |
|
|
|
]; |
|
|
|
value: 'CNY', |
|
|
|
label: 'CNY' |
|
|
|
} |
|
|
|
] |
|
|
|
|
|
|
|
function formatDate(value) { |
|
|
|
if (!value) return ""; |
|
|
|
const date = new Date(value); |
|
|
|
const year = date.getFullYear(); |
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, "0"); |
|
|
|
const day = date.getDate().toString().padStart(2, "0"); |
|
|
|
const hours = date.getHours().toString().padStart(2, "0"); |
|
|
|
const minutes = date.getMinutes().toString().padStart(2, "0"); |
|
|
|
const seconds = date.getSeconds().toString().padStart(2, "0"); |
|
|
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; |
|
|
|
if (!value) return '' |
|
|
|
const date = new Date(value) |
|
|
|
const year = date.getFullYear() |
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, '0') |
|
|
|
const day = date.getDate().toString().padStart(2, '0') |
|
|
|
const hours = date.getHours().toString().padStart(2, '0') |
|
|
|
const minutes = date.getMinutes().toString().padStart(2, '0') |
|
|
|
const seconds = date.getSeconds().toString().padStart(2, '0') |
|
|
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}` |
|
|
|
} |
|
|
|
function formatDateTwe(value) { |
|
|
|
if (!value) return ""; |
|
|
|
const date = new Date(value); |
|
|
|
const year = date.getFullYear(); |
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, "0"); |
|
|
|
const day = date.getDate().toString().padStart(2, "0"); |
|
|
|
return `${year}-${month}-${day}`; |
|
|
|
if (!value) return '' |
|
|
|
const date = new Date(value) |
|
|
|
const year = date.getFullYear() |
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, '0') |
|
|
|
const day = date.getDate().toString().padStart(2, '0') |
|
|
|
return `${year}-${month}-${day}` |
|
|
|
} |
|
|
|
|
|
|
|
// //表格高度 |
|
|
|
@ -334,82 +331,80 @@ function formatDateTwe(value) { |
|
|
|
|
|
|
|
// 新增数据规则 |
|
|
|
// 表单验证ref |
|
|
|
const Ref = ref(null); |
|
|
|
const Ref = ref(null) |
|
|
|
const handleStartTimeChange = () => { |
|
|
|
Ref.value.validateField("endTime"); |
|
|
|
}; |
|
|
|
Ref.value.validateField('endTime') |
|
|
|
} |
|
|
|
const checkStartTime = function (rule, value, callback) { |
|
|
|
if (value <= new Date()) { |
|
|
|
callback(new Error("开始时间不能小于当前时间")); |
|
|
|
callback(new Error('开始时间不能小于当前时间')) |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
callback() |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
const checkEndTime = function (rule, value, callback) { |
|
|
|
if (value <= new Date()) { |
|
|
|
callback(new Error("结束时间不能小于当前时间")); |
|
|
|
callback(new Error('结束时间不能小于当前时间')) |
|
|
|
} else if (value <= rateAdd.value.startTime) { |
|
|
|
callback(new Error("结束时间不能小于开始时间")); |
|
|
|
callback(new Error('结束时间不能小于开始时间')) |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
callback() |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
const checkFreeGoldRadio = function (rule, value, callback) { |
|
|
|
if (value == "0" || value == null || value == "") { |
|
|
|
callback(new Error("请输入汇率比")); |
|
|
|
if (value == '0' || value == null || value == '') { |
|
|
|
callback(new Error('请输入汇率比')) |
|
|
|
} else if (value < 0 || isNaN(value)) { |
|
|
|
callback(new Error("请输入正确的格式")); |
|
|
|
callback(new Error('请输入正确的格式')) |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
callback() |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
const rules = reactive({ |
|
|
|
currency: [{ required: true, message: "请选择货币名称", trigger: "blur" }], |
|
|
|
exchangeRate: [{ validator: checkFreeGoldRadio, trigger: "blur" }], |
|
|
|
currency: [{ required: true, message: '请选择货币名称', trigger: 'blur' }], |
|
|
|
exchangeRate: [{ validator: checkFreeGoldRadio, trigger: 'blur' }], |
|
|
|
startTime: [ |
|
|
|
{ required: true, message: "请选择开始时间", trigger: "blur" }, |
|
|
|
{ validator: checkStartTime, trigger: "blur" }, |
|
|
|
{ required: true, message: '请选择开始时间', trigger: 'blur' }, |
|
|
|
{ validator: checkStartTime, trigger: 'blur' } |
|
|
|
], |
|
|
|
endTime: [ |
|
|
|
{ required: true, message: "请选择结束时间", trigger: "blur" }, |
|
|
|
{ validator: checkEndTime, trigger: "blur" }, |
|
|
|
], |
|
|
|
}); |
|
|
|
{ required: true, message: '请选择结束时间', trigger: 'blur' }, |
|
|
|
{ validator: checkEndTime, trigger: 'blur' } |
|
|
|
] |
|
|
|
}) |
|
|
|
|
|
|
|
// 重置的按钮 |
|
|
|
const handledelete = function () { |
|
|
|
value1.value = {}; |
|
|
|
startTime.value = ""; |
|
|
|
endTime.value = ""; |
|
|
|
}; |
|
|
|
value1.value = {} |
|
|
|
startTime.value = '' |
|
|
|
endTime.value = '' |
|
|
|
} |
|
|
|
// 验证跳转输入框的数字是否合法 |
|
|
|
const checkNumber = function () { |
|
|
|
if (typeof parseInt(getObj.value.pageNum) === "number") { |
|
|
|
console.log( |
|
|
|
"总共有多少页" + Math.ceil(total.value / getObj.value.pageSize) |
|
|
|
); |
|
|
|
if (typeof parseInt(getObj.value.pageNum) === 'number') { |
|
|
|
console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize)) |
|
|
|
if ( |
|
|
|
getObj.value.pageNum > 0 && |
|
|
|
getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize) |
|
|
|
) { |
|
|
|
getObj.value.pageNum = parseInt(getObj.value.pageNum); |
|
|
|
console.log("输入的数字合法"); |
|
|
|
get(); |
|
|
|
getObj.value.pageNum = parseInt(getObj.value.pageNum) |
|
|
|
console.log('输入的数字合法') |
|
|
|
get() |
|
|
|
} else { |
|
|
|
//提示 |
|
|
|
ElMessage({ |
|
|
|
type: "error", |
|
|
|
message: "请检查输入内容", |
|
|
|
}); |
|
|
|
type: 'error', |
|
|
|
message: '请检查输入内容' |
|
|
|
}) |
|
|
|
} |
|
|
|
} else { |
|
|
|
//提示 |
|
|
|
ElMessage({ |
|
|
|
type: "error", |
|
|
|
message: "请检查输入内容", |
|
|
|
}); |
|
|
|
type: 'error', |
|
|
|
message: '请检查输入内容' |
|
|
|
}) |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
// 删除========================================================= |
|
|
|
// 删除按钮 |
|
|
|
@ -418,26 +413,37 @@ const checkNumber = function () { |
|
|
|
const delConfirm = async function (row) { |
|
|
|
try { |
|
|
|
// 发送POST请求 |
|
|
|
const result = await request( |
|
|
|
{ |
|
|
|
url: "/rates/delete/ " + row.rateId, |
|
|
|
data:{}} |
|
|
|
); |
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log("请求成功", result); |
|
|
|
get(); |
|
|
|
const result = await request({ |
|
|
|
url: '/rates/delete/ ' + row.rateId, |
|
|
|
data: {} |
|
|
|
}) |
|
|
|
if (result.code == 200) { |
|
|
|
ElMessage({ |
|
|
|
type: 'success', |
|
|
|
message: '删除成功' |
|
|
|
}) |
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
console.log('请求成功', result) |
|
|
|
// 刷新表格数据 |
|
|
|
get() |
|
|
|
} else { |
|
|
|
ElMessage({ |
|
|
|
type: 'error', |
|
|
|
message: '删除失败' |
|
|
|
}) |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
console.log("请求失败", error); |
|
|
|
console.log('请求失败', error) |
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
//这是限制输入小数不超过七位的限制方法 |
|
|
|
function handleInput(value) { |
|
|
|
// 限制小数点后7位，这里使用正则表达式来实现 |
|
|
|
rateAdd.value.exchangeRate = value |
|
|
|
.replace(/(\.\d{7})\d+/, "$1") |
|
|
|
.replace(/^(\d+)(\.\d{0,7})?$/, "$1$2"); |
|
|
|
.replace(/(\.\d{7})\d+/, '$1') |
|
|
|
.replace(/^(\d+)(\.\d{0,7})?$/, '$1$2') |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
@ -557,8 +563,10 @@ function handleInput(value) { |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click=" |
|
|
|
regeEdit = true; |
|
|
|
getEditData(scope.row); |
|
|
|
() => { |
|
|
|
regeEdit = true |
|
|
|
getEditData(scope.row) |
|
|
|
} |
|
|
|
" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
@ -595,7 +603,6 @@ function handleInput(value) { |
|
|
|
@size-change="handlePageSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
></el-pagination> |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
|
|
zhaoln
4 weeks ago