donghaolin
/
gold-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://39.101.133.168:8807/donghaolin/gold-system

Hongxilin
hongxilin 6 months ago
parent
e6124852be 9f37ddd99c
commit
c967c109d1
1 changed files with 192 additions and 112 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 304
      vue/gold-system/src/views/managerecharge/rate.vue

304
vue/gold-system/src/views/managerecharge/rate.vue
View File

@ -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" },
],
})
});
</script>
<template>
@ -258,28 +255,54 @@ const rules = reactive({
<!-- 这是时间 -->
<div class="demo-range">
时间：
<el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始时间"
end-placeholder="结束时间" @change="handleDateChange" :size="size" value-format="YYYY-MM-DD" />
<el-date-picker
v-model="value1"
type="daterange"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
@change="handleDateChange"
:size="size"
value-format="YYYY-MM-DD"
/>
<!-- 按钮 -->
<el-button class="button-item" type="primary" style="float:right" @click="get">查询</el-button>
<el-button class="button-item" style="float:right" @click="handledelete">重置</el-button>
<el-button
class="button-item"
type="primary"
style="float: right"
@click="get"
>查询</el-button
>
<el-button
class="button-item"
style="float: right"
@click="handledelete"
>重置</el-button
>
</div>
</el-card>
</el-col>
</el-row>
<el-row>
<el-col>
<el-card class="box-card" style="max-width: 100%">
<!-- 添加 -->
<div class="add-item">
<el-button style="color: #048EFB; border:1px solid #048EFB" @click=" regeAdd = true">新增汇率</el-button>
<el-button
style="color: #048efb; border: 1px solid #048efb"
@click="regeAdd = true"
>新增汇率</el-button
>
</div>
<!-- 表格 -->
<div>
<el-table :data="tableData" v-if="tableData.flag = 1" :height="tableHeight" style="width: 100%">
<el-table
:data="tableData"
v-if="(tableData.flag = 1)"
:height="tableHeight"
style="width: 100%"
>
<el-table-column prop="currency" label="货币名称" :span="3" />
<el-table-column prop="exchangeRate" label="汇率" :span="3" />
@ -296,48 +319,89 @@ const rules = reactive({
<el-table-column prop="updateName" label="更新人" :span="4" />
<el-table-column label="操作" :span="4">
<template #default="scope">
<el-button type="text" @click="regeEdit = true; getEditData(scope.row)">编辑</el-button>
<el-button type="text" @click="deleteRate(scope.row)">删除</el-button>
<el-button
type="text"
@click="
regeEdit = true;
getEditData(scope.row);
"
>编辑</el-button
>
<el-button type="text" @click="deleteRate(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页 -->
<div class="pagination">
<el-pagination background layout="prev, pager, next" v-model:current-page="getObj.pageNum"
v-model:page-size="getObj.pageSize" :total="getObj.total" @change="handlePageChange" />
<el-pagination
background
layout="prev, pager, next"
v-model:current-page="getObj.pageNum"
v-model:page-size="getObj.pageSize"
:total="getObj.total"
@change="handlePageChange"
/>
</div>
</el-card>
</el-col>
</el-row>
<!-- 这是添加弹窗 -->
<el-dialog v-model="regeAdd" title="新增汇率" width="500">
<template #footer>
<el-form ref="Ref" style="max-width: 600px" :model="rateAdd" :rules="rules" label-width="auto"
class="demo-ruleForm" :size="formSize" status-icon>
<el-form
ref="Ref"
style="max-width: 600px"
:model="rateAdd"
:rules="rules"
label-width="auto"
class="demo-ruleForm"
:size="formSize"
status-icon
>
<el-form-item prop="currency" label="货币名称:">
<el-select v-model.number="rateAdd.currency" placeholder="请选择" style="width: 240px">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
<el-select
v-model.number="rateAdd.currency"
placeholder="请选择"
style="width: 240px"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="exchangeRate" label="汇率:">
<el-input v-model="rateAdd.exchangeRate" style="width: 120px;" />
<el-input v-model="rateAdd.exchangeRate" style="width: 120px" />
<p class="unit">:1</p>
<p>(提示：当前规则每 5 元人民币可兑换 1 新币)</p>
</el-form-item>
<el-form-item prop="updateName" label="提交人:">
<el-input v-model="rateAdd.updateName" style="width: 240px;" />
<el-input v-model="rateAdd.updateName" style="width: 240px" />
</el-form-item>
<el-form-item prop="startTime" label="开始时间:">
<el-date-picker v-model="rateAdd.startTime" type="date" placeholder="请选择时间" :default-value="new Date"
@change="handleStartTimeChange" value-format="YYYY-MM-DD" />
<el-date-picker
v-model="rateAdd.startTime"
type="date"
placeholder="请选择时间"
:default-value="new Date()"
@change="handleStartTimeChange"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item prop="endTime" label="结束时间:">
<el-date-picker v-model="rateAdd.endTime" type="date" placeholder="请选择时间" :default-value="new Date"
value-format="YYYY-MM-DD" />
<el-date-picker
v-model="rateAdd.endTime"
type="date"
placeholder="请选择时间"
:default-value="new Date()"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item>
<div class="dialog-footer">
@ -352,20 +416,37 @@ const rules = reactive({
<!-- 这是编辑弹窗 -->
<el-dialog v-model="regeEdit" title="修改汇率" width="500">
<template #footer>
<el-form ref="ruleFormRef" style="max-width: 600px" :model="rateEdit" :rules="rules" label-width="auto"
class="demo-ruleForm" :size="formSize" status-icon>
<el-form
ref="ruleFormRef"
style="max-width: 600px"
:model="rateEdit"
:rules="rules"
label-width="auto"
class="demo-ruleForm"
:size="formSize"
status-icon
>
<el-form-item label="货币名称:">
<el-select v-model="rateEdit.currency" placeholder="请选择" style="width: 240px">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
<el-select
v-model="rateEdit.currency"
placeholder="请选择"
style="width: 240px"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="汇率:">
<el-input v-model="rateEdit.exchangeRate" style="width: 120px;" />
<el-input v-model="rateEdit.exchangeRate" style="width: 120px" />
<p class="unit">:1</p>
<p>(提示：当前规则每 5 元人民币可兑换 1 新币)</p>
</el-form-item>
<el-form-item label="提交人:">
<el-input v-model="rateEdit.updateName" style="width: 240px;" />
<el-input v-model="rateEdit.updateName" style="width: 240px" />
</el-form-item>
<el-form-item>
<div class="dialog-footer">
@ -377,7 +458,6 @@ const rules = reactive({
</template>
</el-dialog>
<!-- 这是编辑弹窗 -->
<el-dialog v-model="regeEdit" title="修改汇率" width="500">
<template #footer>
@ -426,7 +506,7 @@ const rules = reactive({
<style scoped>
p {
margin: 0px
margin: 0px;
}
.el-form-item {

Write Preview
Loading…
Cancel
Save