diff --git a/vue/gold-system/src/views/index.vue b/vue/gold-system/src/views/index.vue index 4f58013..65642f3 100644 --- a/vue/gold-system/src/views/index.vue +++ b/vue/gold-system/src/views/index.vue @@ -152,6 +152,13 @@ onMounted(async function () { 客户金币余额 + + + + + + 权限管理 + diff --git a/vue/gold-system/src/views/login.vue b/vue/gold-system/src/views/login.vue index a7bb62d..2812027 100644 --- a/vue/gold-system/src/views/login.vue +++ b/vue/gold-system/src/views/login.vue @@ -68,7 +68,7 @@ const login = async function () { - + +import { ref, onMounted, reactive, computed } from "vue"; +import ElementPlus from "element-plus"; +import { ElMessage, ElMessageBox } from "element-plus"; +import axios from "axios"; +import moment from "moment"; +import { ta } from "element-plus/es/locales.mjs"; +import API from "../../api/index.js"; + +// 充值明细表格 +const tableData = ref([]); +// 计算用户各金币总数的不分页对象 +const tableAllData = ref([]); +// 各金币总数 +const rechargeCoin = ref(0); +const freeCoin = ref(0); +const taskCoin = ref(0); +// 搜索=========================================== +//分页总条目 +const total = ref(100); +// 搜索对象时间 +const getTime = ref([]); +// 搜索detailY +const detailY = ref({}); +// 不分页的搜索对象 +const getAllObj = ref({}); +// 搜索对象 +const getObj = ref({ + pageNum: 1, + pageSize: 50, +}); +const permissionAdd = ref(false); + +//选地区 +const area = [ + { + value: "马来西亚", + label: "马来西亚", + }, + { + value: "新加坡", + label: "新加坡", + }, + { + value: "香港", + label: "香港", + }, + { + value: "泰国", + label: "泰国", + }, + { + value: "加拿大", + label: "加拿大", + }, + { + value: "越南HCM", + label: "越南HCM", + }, +]; + +// 选部门 +const depart = [ + { + value: "0", + label: "总部", + }, + { + value: "1", + label: "客服", + }, + { + value: "2", + label: "财务", + }, +]; + +// 搜索接口 +const get = async function (val) { + try { + // 搜索参数页码赋值 + if (typeof val === "number") { + getObj.value.pageNum = val; + } + // 搜索参数时间赋值 + if (getTime.value != null) { + if (getTime.value.startDate != "" && getTime.value.endDate != "") { + detailY.value.startDate = getTime.value[0]; + detailY.value.endDate = getTime.value[1]; + } + } else { + detailY.value.startDate = ""; + detailY.value.endDate = ""; + } + console.log("搜索参数", getObj.value); + // 发送POST请求 + const result = await API.post("http://192.168.8.93:10010/detailY/select", { + ...getObj.value, + detailYgold: { ...detailY.value }, + }); + tableData.value = result.data.list; + total.value = result.data.total; + } catch (error) {} +}; +// 搜索 +const search = function () { + getObj.value.pageNum = 1; + get(); +}; +// 重置 +const reset = function () { + detailY.value = {}; +}; + +// 验证跳转输入框的数字是否合法 +const checkNumber = function () { + 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(); + } else { + //提示 + ElMessage({ + type: "error", + message: "请检查输入内容", + }); + } + } else { + //提示 + ElMessage({ + type: "error", + message: "请检查输入内容", + }); + } +}; + +// 添加方法 +const permissionAddInfo = ref({}); + +// 挂载 +onMounted(async function () { + await get(); +}); + + + + +