|
|
@ -6,74 +6,32 @@ import axios from "axios"; |
|
|
import moment from "moment"; |
|
|
import moment from "moment"; |
|
|
import { ta } from "element-plus/es/locales.mjs"; |
|
|
import { ta } from "element-plus/es/locales.mjs"; |
|
|
import API from "../../api/index.js"; |
|
|
import API from "../../api/index.js"; |
|
|
|
|
|
import { UserFilled } from "@element-plus/icons-vue"; |
|
|
|
|
|
|
|
|
// 充值明细表格 |
|
|
// 充值明细表格 |
|
|
const tableData = ref([]); |
|
|
const tableData = ref([]); |
|
|
// 计算用户各金币总数的不分页对象 |
|
|
|
|
|
const tableAllData = ref([]); |
|
|
|
|
|
// 各金币总数 |
|
|
|
|
|
const rechargeCoin = ref(0); |
|
|
|
|
|
const freeCoin = ref(0); |
|
|
|
|
|
const taskCoin = ref(0); |
|
|
|
|
|
// 搜索=========================================== |
|
|
// 搜索=========================================== |
|
|
//分页总条目 |
|
|
//分页总条目 |
|
|
const total = ref(100); |
|
|
const total = ref(100); |
|
|
// 搜索对象时间 |
|
|
|
|
|
const getTime = ref([]); |
|
|
|
|
|
// 搜索detailY |
|
|
// 搜索detailY |
|
|
const detailY = ref({}); |
|
|
|
|
|
// 不分页的搜索对象 |
|
|
|
|
|
const getAllObj = ref({}); |
|
|
|
|
|
|
|
|
const admin = ref({}); |
|
|
// 搜索对象 |
|
|
// 搜索对象 |
|
|
const getObj = ref({ |
|
|
const getObj = ref({ |
|
|
pageNum: 1, |
|
|
pageNum: 1, |
|
|
pageSize: 50, |
|
|
pageSize: 50, |
|
|
}); |
|
|
}); |
|
|
const permissionAdd = ref(false); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 新增用户权限弹窗 |
|
|
|
|
|
const permissionAddVisible = ref(false); |
|
|
|
|
|
// 编辑用户权限弹窗 |
|
|
|
|
|
const permissionEditVisible = ref(false); |
|
|
//选地区 |
|
|
//选地区 |
|
|
const area = [ |
|
|
|
|
|
{ |
|
|
|
|
|
value: "马来西亚", |
|
|
|
|
|
label: "马来西亚", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "新加坡", |
|
|
|
|
|
label: "新加坡", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "香港", |
|
|
|
|
|
label: "香港", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "泰国", |
|
|
|
|
|
label: "泰国", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "加拿大", |
|
|
|
|
|
label: "加拿大", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "越南HCM", |
|
|
|
|
|
label: "越南HCM", |
|
|
|
|
|
}, |
|
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const area = ref([]); |
|
|
// 选部门 |
|
|
// 选部门 |
|
|
const depart = [ |
|
|
|
|
|
{ |
|
|
|
|
|
value: "0", |
|
|
|
|
|
label: "总部", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "1", |
|
|
|
|
|
label: "客服", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "2", |
|
|
|
|
|
label: "财务", |
|
|
|
|
|
}, |
|
|
|
|
|
]; |
|
|
|
|
|
|
|
|
const store = ref([]); |
|
|
|
|
|
// 新增用户权限对象 |
|
|
|
|
|
const permissionAddObj = ref({}); |
|
|
|
|
|
// 编辑用户权限对象 |
|
|
|
|
|
const permissionEditObj = ref({}); |
|
|
|
|
|
|
|
|
// 搜索接口 |
|
|
// 搜索接口 |
|
|
const get = async function (val) { |
|
|
const get = async function (val) { |
|
|
@ -82,25 +40,15 @@ const get = async function (val) { |
|
|
if (typeof val === "number") { |
|
|
if (typeof val === "number") { |
|
|
getObj.value.pageNum = val; |
|
|
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); |
|
|
console.log("搜索参数", getObj.value); |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
const result = await API.post("http://192.168.8.93:10010/detailY/select", { |
|
|
|
|
|
|
|
|
const result = await API.post("/hwjb/admin/search", { |
|
|
...getObj.value, |
|
|
...getObj.value, |
|
|
detailYgold: { ...detailY.value }, |
|
|
|
|
|
|
|
|
admin: { ...admin.value }, |
|
|
}); |
|
|
}); |
|
|
tableData.value = result.data.list; |
|
|
tableData.value = result.data.list; |
|
|
total.value = result.data.total; |
|
|
total.value = result.data.total; |
|
|
} catch (error) {} |
|
|
|
|
|
|
|
|
} catch (error) { } |
|
|
}; |
|
|
}; |
|
|
// 搜索 |
|
|
// 搜索 |
|
|
const search = function () { |
|
|
const search = function () { |
|
|
@ -109,9 +57,30 @@ const search = function () { |
|
|
}; |
|
|
}; |
|
|
// 重置 |
|
|
// 重置 |
|
|
const reset = function () { |
|
|
const reset = function () { |
|
|
detailY.value = {}; |
|
|
|
|
|
|
|
|
admin.value = {}; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 获取地区 |
|
|
|
|
|
const getArea = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
const result = await API.post("/hwjb/admin/area", {}); |
|
|
|
|
|
area.value = result.data; |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log("请求失败", error); |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 获取部门 |
|
|
|
|
|
const getStore = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
const result = await API.post("/hwjb/admin/store", {}); |
|
|
|
|
|
store.value = result.data; |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log("请求失败", error); |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// 验证跳转输入框的数字是否合法 |
|
|
// 验证跳转输入框的数字是否合法 |
|
|
const checkNumber = function () { |
|
|
const checkNumber = function () { |
|
|
if (typeof parseInt(getObj.value.pageNum) === "number") { |
|
|
if (typeof parseInt(getObj.value.pageNum) === "number") { |
|
|
@ -141,12 +110,82 @@ const checkNumber = function () { |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
// 添加方法 |
|
|
|
|
|
const permissionAddInfo = ref({}); |
|
|
|
|
|
|
|
|
// 打开新增用户权限弹窗 |
|
|
|
|
|
const openPermissionAddVisible = function () { |
|
|
|
|
|
permissionAddVisible.value = true; |
|
|
|
|
|
} |
|
|
|
|
|
// 关闭新增用户权限弹窗 |
|
|
|
|
|
const closePermissionAddVisible = function () { |
|
|
|
|
|
permissionAddVisible.value = false; |
|
|
|
|
|
} |
|
|
|
|
|
// 新增用户权限初始化 |
|
|
|
|
|
const permissionAddInit = function () { |
|
|
|
|
|
permissionAddObj.value = {}; |
|
|
|
|
|
openPermissionAddVisible(); |
|
|
|
|
|
} |
|
|
|
|
|
// 通过精网号查询没有权限的用户 |
|
|
|
|
|
const getAdminByJwcodeWithoutPermission = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
const result = await API.post("/hwjb/admin/selectNo", permissionAddObj.value); |
|
|
|
|
|
if (result.code == 200) { |
|
|
|
|
|
permissionAddObj.value = result.data[0]; |
|
|
|
|
|
ElMessage.success("精网号查询成功"); |
|
|
|
|
|
}else{ |
|
|
|
|
|
ElMessage.error(result.msg); |
|
|
|
|
|
} |
|
|
|
|
|
console.log("精网号查询没有权限的用户", permissionAddObj.value); |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log("请求失败", error); |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 新增用户权限提交 |
|
|
|
|
|
const permissionAdd = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
console.log("新增用户权限提交", permissionAddObj.value); |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log("新增用户权限失败", error); |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} finally { |
|
|
|
|
|
closePermissionAddVisible(); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 打开编辑用户权限弹窗 |
|
|
|
|
|
const openPermissionEditVisible = function () { |
|
|
|
|
|
permissionEditVisible.value = true; |
|
|
|
|
|
} |
|
|
|
|
|
// 关闭编辑用户权限弹窗 |
|
|
|
|
|
const closePermissionEditVisible = function () { |
|
|
|
|
|
permissionEditVisible.value = false; |
|
|
|
|
|
} |
|
|
|
|
|
// 编辑用户权限初始化 |
|
|
|
|
|
const permissionEditInit = function (row) { |
|
|
|
|
|
permissionEditObj.value = {}; |
|
|
|
|
|
permissionEditObj.value.jwcode = row.jwcode; |
|
|
|
|
|
permissionEditObj.value.name = row.name; |
|
|
|
|
|
permissionEditObj.value.area = row.area; |
|
|
|
|
|
permissionEditObj.value.store = row.store; |
|
|
|
|
|
permissionEditObj.value.permission = row.permission; |
|
|
|
|
|
console.log("编辑用户权限", permissionEditObj.value); |
|
|
|
|
|
openPermissionEditVisible(); |
|
|
|
|
|
} |
|
|
|
|
|
// 编辑用户权限提交 |
|
|
|
|
|
const permissionEdit = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
console.log("编辑用户权限提交", permissionEditObj.value); |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log("编辑用户权限失败", error); |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} finally { |
|
|
|
|
|
closePermissionEditVisible(); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// 挂载 |
|
|
// 挂载 |
|
|
onMounted(async function () { |
|
|
onMounted(async function () { |
|
|
await get(); |
|
|
await get(); |
|
|
|
|
|
await getArea(); |
|
|
|
|
|
await getStore(); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
@ -157,44 +196,19 @@ onMounted(async function () { |
|
|
<div class="head-card"> |
|
|
<div class="head-card"> |
|
|
<div class="head-card-element"> |
|
|
<div class="head-card-element"> |
|
|
<el-text class="mx-1" size="large">精网号：</el-text> |
|
|
<el-text class="mx-1" size="large">精网号：</el-text> |
|
|
<el-input |
|
|
|
|
|
v-model="detailY.jwcode" |
|
|
|
|
|
style="width: 240px" |
|
|
|
|
|
placeholder="请输入精网号" |
|
|
|
|
|
clearable |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<el-input v-model="admin.jwcode" style="width: 240px" placeholder="请输入精网号" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="head-card-element" style="margin-left: 50px"> |
|
|
<div class="head-card-element" style="margin-left: 50px"> |
|
|
<el-text class="mx-1" size="large">所属地区：</el-text> |
|
|
<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 v-model="admin.area" placeholder="请选择所属地区" style="width: 240px" clearable> |
|
|
|
|
|
<el-option v-for="item in area" :key="item" :label="item" :value="item" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="head-card-element" style="margin-left: 50px"> |
|
|
<div class="head-card-element" style="margin-left: 50px"> |
|
|
<el-text class="mx-1" size="large">所属部门：</el-text> |
|
|
<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 v-model="admin.store" placeholder="请选择部门" style="width: 240px" clearable> |
|
|
|
|
|
<el-option v-for="item in store" :key="item" :label="item" :value="item" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -211,20 +225,11 @@ onMounted(async function () { |
|
|
<el-card> |
|
|
<el-card> |
|
|
<!-- 添加 --> |
|
|
<!-- 添加 --> |
|
|
<div class="add-item"> |
|
|
<div class="add-item"> |
|
|
<el-button |
|
|
|
|
|
style="color: #048efb; border: 1px solid #048efb" |
|
|
|
|
|
@click="permissionAdd = true" |
|
|
|
|
|
>新增用户</el-button |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-button style="color: #048efb; border: 1px solid #048efb" @click="permissionAddInit()">新增用户权限</el-button> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div> |
|
|
<el-table :data="tableData" :height="tableHeight" style="width: 100%"> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
type="index" |
|
|
|
|
|
label="序号" |
|
|
|
|
|
width="100px" |
|
|
|
|
|
fixed="left" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-table :data="tableData" :height="tableHeight" style="width: 100%; text-align: center;"> |
|
|
|
|
|
<el-table-column type="index" label="序号" width="100px" fixed="left"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<span>{{ |
|
|
<span>{{ |
|
|
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize |
|
|
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize |
|
|
@ -232,29 +237,31 @@ onMounted(async function () { |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</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 prop="jwcode" label="精网号" /> |
|
|
|
|
|
<el-table-column prop="name" label="姓名" /> |
|
|
|
|
|
<el-table-column prop="area" label="所属地区" /> |
|
|
|
|
|
<el-table-column prop="store" label="所属部门" /> |
|
|
|
|
|
<el-table-column prop="permission" label="部门权限"> |
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
|
<span v-if="scope.row.permission === '1'"> |
|
|
|
|
|
总部管理员 |
|
|
|
|
|
</span> |
|
|
|
|
|
<span v-if="scope.row.permission === '2'"> |
|
|
|
|
|
分部管理员 |
|
|
|
|
|
</span> |
|
|
|
|
|
<span v-if="scope.row.permission === '3'"> |
|
|
|
|
|
分部审核员 |
|
|
|
|
|
</span> |
|
|
|
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="rcoin" label="地区权限" width="150" /> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
fixed="right" |
|
|
|
|
|
prop="operation" |
|
|
|
|
|
label="操作" |
|
|
|
|
|
width="200px" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-table-column fixed="right" prop="operation" label="操作"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<el-button type="primary" text @click="del(scope.row)"> |
|
|
|
|
|
|
|
|
<el-button type="warning" text @click="permissionEditInit(scope.row)"> |
|
|
修改权限 |
|
|
修改权限 |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-popconfirm |
|
|
|
|
|
title="确定将此条活动删除吗？" |
|
|
|
|
|
@confirm="delConfirm" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-popconfirm title="确定将此条活动删除吗？" @confirm="delConfirm"> |
|
|
<template #reference> |
|
|
<template #reference> |
|
|
<el-button type="primary" text @click="del(scope.row)"> |
|
|
|
|
|
|
|
|
<el-button type="danger" text @click="del(scope.row)"> |
|
|
删除 |
|
|
删除 |
|
|
</el-button> |
|
|
</el-button> |
|
|
</template> |
|
|
</template> |
|
|
@ -271,44 +278,18 @@ onMounted(async function () { |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 分页 --> |
|
|
<!-- 分页 --> |
|
|
<!-- 分页 --> |
|
|
|
|
|
<div class="pagination" style="margin-top: 20px"> |
|
|
<div class="pagination" style="margin-top: 20px"> |
|
|
<el-pagination |
|
|
|
|
|
background |
|
|
|
|
|
:page-size="getObj.pageSize" |
|
|
|
|
|
layout="slot" |
|
|
|
|
|
:total="total" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-pagination background :page-size="getObj.pageSize" layout="slot" :total="total"> |
|
|
<div>共{{ total }}条,每页</div> |
|
|
<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 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> |
|
|
</el-select> |
|
|
<div>条</div> |
|
|
<div>条</div> |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
<el-pagination |
|
|
|
|
|
background |
|
|
|
|
|
layout="prev, pager, next,slot" |
|
|
|
|
|
:page-size="getObj.pageSize" |
|
|
|
|
|
:total="total" |
|
|
|
|
|
:current-page="getObj.pageNum" |
|
|
|
|
|
@current-change="get" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-pagination background layout="prev, pager, next,slot" :page-size="getObj.pageSize" :total="total" |
|
|
|
|
|
:current-page="getObj.pageNum" @current-change="get"> |
|
|
<div>跳至</div> |
|
|
<div>跳至</div> |
|
|
<el-input |
|
|
|
|
|
v-model="getObj.pageNum" |
|
|
|
|
|
style="width: 40px" |
|
|
|
|
|
@change="checkNumber" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<el-input v-model="getObj.pageNum" style="width: 40px" @change="checkNumber" /> |
|
|
<div>页</div> |
|
|
<div>页</div> |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
</div> |
|
|
</div> |
|
|
@ -316,84 +297,159 @@ onMounted(async function () { |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</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> |
|
|
|
|
|
|
|
|
<!-- 这是新增用户权限弹窗 --> |
|
|
|
|
|
<el-dialog v-model="permissionAddVisible" title="新增用户权限" width="800px" :close-on-click-modal="false"> |
|
|
|
|
|
|
|
|
|
|
|
<div style="display: flex; margin: 20px 0px 20px 0px;"> |
|
|
|
|
|
<span class="permissionVisible" style="margin-right: 10px;">精网号:</span> |
|
|
|
|
|
<el-input placeholder="请输入精网号" v-model="permissionAddObj.jwcode" style="width: 240px; margin-right: 10px;" |
|
|
|
|
|
clearable></el-input> |
|
|
|
|
|
<el-button type="primary" @click="getAdminByJwcodeWithoutPermission()">查询</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-descriptions class="margin-top" :column="2" :size="size" border label-width="200px"> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon> |
|
|
|
|
|
<UserFilled /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
员工精网号 |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionAddObj.jwcode }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon> |
|
|
|
|
|
<User /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
员工姓名 |
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
</template> --> |
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionAddObj.name }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon :style="iconStyle"> |
|
|
|
|
|
<location /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
所属地区 |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionAddObj.area }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon> |
|
|
|
|
|
<OfficeBuilding /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
部门 |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionAddObj.store }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
</el-descriptions> |
|
|
|
|
|
|
|
|
|
|
|
<el-divider> |
|
|
|
|
|
<el-icon><star-filled /></el-icon> |
|
|
|
|
|
</el-divider> |
|
|
|
|
|
<div> |
|
|
|
|
|
<span class="permissionVisible" style="margin-right: 20px;">权限设置:</span> |
|
|
|
|
|
<el-radio-group v-model="permissionAddObj.permission"> |
|
|
|
|
|
<el-radio value="1" border>总部管理员</el-radio> |
|
|
|
|
|
<el-radio value="2" border>分部管理员</el-radio> |
|
|
|
|
|
<el-radio value="3" border>分部审核员</el-radio> |
|
|
|
|
|
</el-radio-group> |
|
|
|
|
|
</div> |
|
|
|
|
|
<template #footer> |
|
|
|
|
|
<div> |
|
|
|
|
|
<el-button @click="closePermissionAddVisible()">取消</el-button> |
|
|
|
|
|
<el-button type="primary" @click="permissionAdd()"> 提交 </el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 这是编辑用户权限弹窗 --> |
|
|
|
|
|
<el-dialog v-model="permissionEditVisible" title="编辑用户权限" width="800px" :close-on-click-modal="false"> |
|
|
|
|
|
<el-descriptions class="margin-top" :column="2" :size="size" border label-width="200px"> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon> |
|
|
|
|
|
<UserFilled /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
员工精网号 |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionEditObj.jwcode }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon> |
|
|
|
|
|
<User /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
员工姓名 |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionEditObj.name }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon :style="iconStyle"> |
|
|
|
|
|
<location /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
所属地区 |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionEditObj.area }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
<el-descriptions-item> |
|
|
|
|
|
<template #label> |
|
|
|
|
|
<div class="permissionVisible"> |
|
|
|
|
|
<el-icon> |
|
|
|
|
|
<OfficeBuilding /> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
部门 |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
{{ permissionEditObj.store }} |
|
|
|
|
|
</el-descriptions-item> |
|
|
|
|
|
</el-descriptions> |
|
|
|
|
|
|
|
|
|
|
|
<el-divider> |
|
|
|
|
|
<el-icon><star-filled /></el-icon> |
|
|
|
|
|
</el-divider> |
|
|
|
|
|
<div> |
|
|
|
|
|
<span class="permissionVisible" style="margin-right: 20px;">权限设置:</span> |
|
|
|
|
|
<el-radio-group v-model="permissionEditObj.permission"> |
|
|
|
|
|
<el-radio value=1 border>总部管理员</el-radio> |
|
|
|
|
|
<el-radio value=2 border>分部管理员</el-radio> |
|
|
|
|
|
<el-radio value=3 border>分部审核员</el-radio> |
|
|
|
|
|
</el-radio-group> |
|
|
|
|
|
</div> |
|
|
|
|
|
<template #footer> |
|
|
|
|
|
<div> |
|
|
|
|
|
<el-button @click="closePermissionEditVisible()">取消</el-button> |
|
|
|
|
|
<el-button type="primary" @click="permissionEdit()"> 提交 </el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<style scoped> |
|
|
<style scoped> |
|
|
|
|
|
.permissionVisible { |
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.pagination { |
|
|
.pagination { |
|
|
display: flex; |
|
|
display: flex; |
|
|
} |
|
|
} |
|
|
|
hongxilin
4 months ago