donghaolin
4 months ago
4 changed files with 426 additions and 1 deletions
-
2vue/gold-system/src/router/index.js
-
7vue/gold-system/src/views/index.vue
-
2vue/gold-system/src/views/login.vue
-
416vue/gold-system/src/views/permissions/index.vue
@ -0,0 +1,416 @@ |
|||
<script setup> |
|||
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(); |
|||
}); |
|||
</script> |
|||
|
|||
<template> |
|||
<el-row> |
|||
<el-col> |
|||
<el-card style="margin-bottom: 20px"> |
|||
<div class="head-card"> |
|||
<div class="head-card-element"> |
|||
<el-text class="mx-1" size="large">精网号：</el-text> |
|||
<el-input |
|||
v-model="detailY.jwcode" |
|||
style="width: 240px" |
|||
placeholder="请输入精网号" |
|||
clearable |
|||
/> |
|||
</div> |
|||
<div class="head-card-element" style="margin-left: 50px"> |
|||
<el-text class="mx-1" size="large">所属地区：</el-text> |
|||
<el-select |
|||
v-model="detailY.area" |
|||
placeholder="请选择所属地区" |
|||
style="width: 240px" |
|||
clearable |
|||
> |
|||
<el-option |
|||
v-for="item in area" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</div> |
|||
|
|||
<div class="head-card-element" style="margin-left: 50px"> |
|||
<el-text class="mx-1" size="large">所属部门：</el-text> |
|||
<el-select |
|||
v-model="detailY.area" |
|||
placeholder="请选择部门" |
|||
style="width: 240px" |
|||
clearable |
|||
> |
|||
<el-option |
|||
v-for="item in depart" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
</div> |
|||
|
|||
<div class="head-card-btn"> |
|||
<el-button @click="reset()">重置</el-button> |
|||
<el-button type="primary" @click="search()">查询</el-button> |
|||
</div> |
|||
</div> |
|||
</el-card> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col> |
|||
<el-card> |
|||
<!-- 添加 --> |
|||
<div class="add-item"> |
|||
<el-button |
|||
style="color: #048efb; border: 1px solid #048efb" |
|||
@click="permissionAdd = true" |
|||
>新增用户</el-button |
|||
> |
|||
</div> |
|||
<div> |
|||
<el-table :data="tableData" :height="tableHeight" style="width: 100%"> |
|||
<el-table-column |
|||
type="index" |
|||
label="序号" |
|||
width="100px" |
|||
fixed="left" |
|||
> |
|||
<template #default="scope"> |
|||
<span>{{ |
|||
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize |
|||
}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="jwcode" label="精网号" width="170" /> |
|||
<el-table-column prop="name" label="姓名" width="200" /> |
|||
<el-table-column prop="area" label="所属地区" width="200" /> |
|||
<el-table-column prop="rcoin" label="部门权限" width="150"> |
|||
<template> </template> |
|||
</el-table-column> |
|||
<el-table-column prop="rcoin" label="地区权限" width="150" /> |
|||
<el-table-column |
|||
fixed="right" |
|||
prop="operation" |
|||
label="操作" |
|||
width="200px" |
|||
> |
|||
<template #default="scope"> |
|||
<el-button type="primary" text @click="del(scope.row)"> |
|||
修改权限 |
|||
</el-button> |
|||
<el-popconfirm |
|||
title="确定将此条活动删除吗？" |
|||
@confirm="delConfirm" |
|||
> |
|||
<template #reference> |
|||
<el-button type="primary" text @click="del(scope.row)"> |
|||
删除 |
|||
</el-button> |
|||
</template> |
|||
<template #actions="{ confirm, cancel }"> |
|||
<el-button size="small" @click="cancel">取消</el-button> |
|||
<el-button type="primary" size="small" @click="confirm"> |
|||
确定 |
|||
</el-button> |
|||
</template> |
|||
</el-popconfirm> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
|
|||
<!-- 分页 --> |
|||
<!-- 分页 --> |
|||
<div class="pagination" style="margin-top: 20px"> |
|||
<el-pagination |
|||
background |
|||
:page-size="getObj.pageSize" |
|||
layout="slot" |
|||
:total="total" |
|||
> |
|||
<div>共{{ total }}条,每页</div> |
|||
<el-select |
|||
v-model="getObj.pageSize" |
|||
class="page-size" |
|||
@change="get()" |
|||
style="width: 80px" |
|||
> |
|||
<el-option |
|||
v-for="item in [5, 10, 20, 50, 100]" |
|||
:key="item" |
|||
:label="item" |
|||
:value="item" |
|||
></el-option> |
|||
</el-select> |
|||
<div>条</div> |
|||
</el-pagination> |
|||
<el-pagination |
|||
background |
|||
layout="prev, pager, next,slot" |
|||
:page-size="getObj.pageSize" |
|||
:total="total" |
|||
:current-page="getObj.pageNum" |
|||
@current-change="get" |
|||
> |
|||
<div>跳至</div> |
|||
<el-input |
|||
v-model="getObj.pageNum" |
|||
style="width: 40px" |
|||
@change="checkNumber" |
|||
/> |
|||
<div>页</div> |
|||
</el-pagination> |
|||
</div> |
|||
</el-card> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<!-- 这是添加弹窗 --> |
|||
<el-dialog |
|||
v-model="permissionAdd" |
|||
title="新增用户" |
|||
width="500" |
|||
:close-on-click-modal="false" |
|||
> |
|||
<!-- <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-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> |
|||
</el-form-item> |
|||
<el-form-item prop="exchangeRate" label="汇率:"> |
|||
<el-input |
|||
v-model="rateAdd.exchangeRate" |
|||
@update:modelValue="handleInput" |
|||
style="width: 120px" |
|||
/> |
|||
<p class="unit">:1</p> |
|||
<p> |
|||
(提示：当前规则每 {{ rateAdd.exchangeRate }} |
|||
{{ rateAdd.currency }}可兑换 1 新币) |
|||
</p> |
|||
</el-form-item> |
|||
<el-form-item prop="adminId" label="提交人:"> |
|||
<el-input :value="adminData.name" disabled 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-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-form-item> |
|||
<el-form-item> |
|||
<div class="dialog-footer"> |
|||
<el-button type="primary" @click="throttledAdd">添加</el-button> |
|||
<el-button @click="regeAdd = false">取消</el-button> |
|||
</div> |
|||
</el-form-item> |
|||
</el-form> |
|||
</template> --> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
.pagination { |
|||
display: flex; |
|||
} |
|||
|
|||
.status { |
|||
display: flex; |
|||
} |
|||
|
|||
.head-card { |
|||
display: flex; |
|||
} |
|||
|
|||
.head-card-element { |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.head-card-btn { |
|||
margin-left: auto; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue