diff --git a/vue/gold-system/src/views/managerecharge/rate.vue b/vue/gold-system/src/views/managerecharge/rate.vue index 3949da4..c537a39 100644 --- a/vue/gold-system/src/views/managerecharge/rate.vue +++ b/vue/gold-system/src/views/managerecharge/rate.vue @@ -34,25 +34,27 @@ const get = async function () { getObj.value.pageSize = result.data.data.pageSize; getObj.value.total = result.data.data.total; } catch (error) { - console.log('请求失败', error); + console.log("请求失败", error); // 在这里可以处理错误逻辑，比如显示错误提示等 } -} +}; // 添加方法 -const rateAdd = ref({}) +const rateAdd = ref({}); const addRate = async function () { - try { - console.log('搜索参数', getObj.value); + console.log("搜索参数", getObj.value); // 发送POST请求 - const result = await axios.post('http://192.168.8.174:10010/rates/add', rateAdd.value); + const result = await axios.post( + "http://192.168.8.174:10010/rates/add", + rateAdd.value + ); // 将响应结果存储到响应式数据中 - console.log('请求成功', result); + console.log("请求成功", result); get(); } catch (error) { - console.log('请求失败', error); + console.log("请求失败", error); // 在这里可以处理错误逻辑，比如显示错误提示等 } }; @@ -60,88 +62,96 @@ const addRate = async function () { const add = () => { Ref.value.validate(async (valid) => { if (valid) { - ElMessageBox.confirm('确认添加？').then(() => { - addRate(); - rateAdd.value = {} - value1.value = { - startTime: '', - endTime: '', - }; - regeAdd.value = false - }).catch(() => { - regeAdd.value = false - }) + ElMessageBox.confirm("确认添加？") + .then(() => { + addRate(); + rateAdd.value = {}; + value1.value = { + startTime: "", + endTime: "", + }; + regeAdd.value = false; + }) + .catch(() => { + regeAdd.value = false; + }); } else { //提示 ElMessage({ - type: 'error', - message: '请检查输入内容', - }) + type: "error", + message: "请检查输入内容", + }); } - - }) -} - + }); +}; // 编辑方法 -const rateEdit = ref({}) +const rateEdit = ref({}); //查询已有的数据 const getEditData = async function (row) { try { - console.log('搜索参数', getObj.value); + console.log("搜索参数", getObj.value); // 发送POST请求 - const result = await axios.post('http://192.168.8.174:10010/rates/search', { rate: { rateId: row.rateId } }); + const result = await axios.post("http://192.168.8.174:10010/rates/search", { + rate: { rateId: row.rateId }, + }); // 将响应结果存储到响应式数据中 - console.log('请求成功', result); + console.log("请求成功", result); // 存储表格数据 rateEdit.value = result.data.data[0]; - } catch (error) { - console.log('请求失败', error); + console.log("请求失败", error); // 在这里可以处理错误逻辑，比如显示错误提示等 } -} +}; const editRate = async function () { try { - console.log('搜索参数', rateEdit.value); + console.log("搜索参数", rateEdit.value); // 发送POST请求 - const result = await axios.post('http://192.168.8.174:10010/rates/update', rateEdit.value); + const result = await axios.post( + "http://192.168.8.174:10010/rates/update", + rateEdit.value + ); // 将响应结果存储到响应式数据中 - console.log('请求成功', result); + console.log("请求成功", result); get(); } catch (error) { - console.log('请求失败', error); + console.log("请求失败", error); // 在这里可以处理错误逻辑，比如显示错误提示等 } -} +}; const edit = () => { - ElMessageBox.confirm('确认修改？').then(() => { - editRate(); - regeEdit.value = false - }).catch(() => { - regeEdit.value = false - }) -} + ElMessageBox.confirm("确认修改？") + .then(() => { + editRate(); + regeEdit.value = false; + }) + .catch(() => { + regeEdit.value = false; + }); +}; // 删除方法 const deleteRate = async function (row) { try { // 发送POST请求 - const result = await axios.post('http://192.168.8.174:10010/rates/delete/ ' + row.rateId); + const result = await axios.post( + "http://192.168.8.174:10010/rates/delete/ " + row.rateId + ); // 将响应结果存储到响应式数据中 - console.log('请求成功', result); + console.log("请求成功", result); get(); } catch (error) { - console.log('请求失败', error); + console.log("请求失败", error); // 在这里可以处理错误逻辑，比如显示错误提示等 } -} +}; // 挂载 onMounted(async function () { get(); -}) +}); //分页 function handlePageChange(currentPage, pageSize) { get(); @@ -183,19 +193,6 @@ function handleDateChange(value) { console.log(value1); } - -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}`; -} - function formatDate(value) { if (!value) return ""; const date = new Date(value); @@ -210,44 +207,44 @@ function formatDate(value) { //表格高度 const tableHeight = computed(function () { - return (getObj.value.pageSize + 1) * 50 + 'px'; + return (getObj.value.pageSize + 1) * 50 + "px"; }); // 新增数据规则 // 表单验证ref 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 <= addObj.value.startTime) { - callback(new Error('结束时间不能小于开始时间')) + callback(new Error("结束时间不能小于开始时间")); } else { - callback() + callback(); } -} +}; const rules = reactive({ - currency: [{ required: true, message: '请选择货币名称', trigger: 'blur' },], - exchangeRate: [{ required: true, message: '请输入汇率', trigger: 'blur' },], - updateName: [{ required: true, message: '请输入添加人', trigger: 'blur' },], + currency: [{ required: true, message: "请选择货币名称", trigger: "blur" }], + exchangeRate: [{ required: true, message: "请输入汇率", trigger: "blur" }], + updateName: [{ required: true, message: "请输入添加人", 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" }, ], -}) +});