|
|
|
@ -3,7 +3,7 @@ import type { UnwrapRef, VueElement, nextTick } from 'vue'
|
|
|
|
|
import { createVNode, getCurrentInstance, h, onMounted, reactive, ref, watch } from 'vue'
|
|
|
|
|
import { ExclamationCircleOutlined, PlusOutlined, RedoOutlined, SearchOutlined, UserOutlined } from '@ant-design/icons-vue'
|
|
|
|
|
import type { FormProps, ItemType, MenuProps, SelectProps, TableColumnsType } from 'ant-design-vue'
|
|
|
|
|
import type { Dayjs } from 'dayjs'
|
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
|
import { Modal } from 'ant-design-vue'
|
|
|
|
|
import { listSimpleBusiness, getBusinessUserList } from '@/api/xxjj/businessWarehouse'
|
|
|
|
|
|
|
|
|
@ -77,27 +77,15 @@ async function fetchMenuItems() {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// let dataSource =reactive({
|
|
|
|
|
// data:[]
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
let params=reactive({
|
|
|
|
|
nickname: '长江云息',
|
|
|
|
|
// nickname: '长江云息',
|
|
|
|
|
})
|
|
|
|
|
// let fetchData1 = async ()=>{
|
|
|
|
|
// const data = await defHttp.get('/system/business-warehouse/business-user',params)
|
|
|
|
|
// data = userList.list
|
|
|
|
|
// console.log(' dataSource.data', data);
|
|
|
|
|
// }
|
|
|
|
|
// 在组件中使用异步函数获取菜单项数据
|
|
|
|
|
async function fetchData() {
|
|
|
|
|
try {
|
|
|
|
|
const userList = await getBusinessUserList(params)
|
|
|
|
|
dataSource.data = userList.list
|
|
|
|
|
console.log(' dataSource.data', dataSource.data);
|
|
|
|
|
|
|
|
|
|
const data = await listSimpleBusiness()
|
|
|
|
|
console.log(data)
|
|
|
|
|
console.log('树状列表',data)
|
|
|
|
|
|
|
|
|
|
// 使用响应式数据保存获取到的菜单项
|
|
|
|
|
// items变量通过reactive函数创建为响应式数据。在fetchData函数中,使用splice方法来替换items数组的内容,确保新的数据被响应式地更新。这样,当fetchData异步请求完成后,items数组中的数据将被更新为获取到的菜单项数据
|
|
|
|
@ -121,7 +109,10 @@ interface FormState {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
const formState: UnwrapRef<FormState> = reactive({
|
|
|
|
|
username: '',
|
|
|
|
|
nickname: '',
|
|
|
|
|
deptname: '',
|
|
|
|
|
createTime: [],
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
@ -424,23 +415,45 @@ function showDeleteConfirm() {
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
const state = reactive({
|
|
|
|
|
dataSource: [],
|
|
|
|
|
})
|
|
|
|
|
onMounted( async () => {
|
|
|
|
|
const userList = await getBusinessUserList(params);
|
|
|
|
|
state.dataSource = userList.list
|
|
|
|
|
state.dataSource.forEach(item => {
|
|
|
|
|
item.loginDate = dayjs(item.loginDate).format('YYYY-MM-DD HH:mm:ss')
|
|
|
|
|
item.createTime = dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss')
|
|
|
|
|
item.updateTime = dayjs(item.updateTime).format('YYYY-MM-DD HH:mm:ss')
|
|
|
|
|
});
|
|
|
|
|
console.log('state',state);
|
|
|
|
|
|
|
|
|
|
fetchData()
|
|
|
|
|
// fetchData1()
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const menusubhandleClick: MenuProps['onClick'] = (e) => {
|
|
|
|
|
console.log('-------');
|
|
|
|
|
|
|
|
|
|
debugger
|
|
|
|
|
console.log('e',e);
|
|
|
|
|
|
|
|
|
|
// console.log('click', JSON.parse(JSON.stringify(e.item.originItemValue)) )
|
|
|
|
|
// alert(`当前打开的是${e.key}`)
|
|
|
|
|
title.label = JSON.parse(JSON.stringify(e.item.originItemValue))
|
|
|
|
|
title.title = JSON.parse(JSON.stringify(e.item.originItemValue))
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// watch(navopenKeys, (val) => {
|
|
|
|
|
// console.log('-----------')
|
|
|
|
|
// console.log('navopenKeys', val)
|
|
|
|
|
// })
|
|
|
|
|
// function menusubhandleClick(e){
|
|
|
|
|
// debugger
|
|
|
|
|
// console.log('e',e);
|
|
|
|
|
|
|
|
|
|
// title.label = e.businessName
|
|
|
|
|
// }
|
|
|
|
|
watch(navopenKeys, (val) => {
|
|
|
|
|
console.log('-----------')
|
|
|
|
|
console.log('navopenKeys', val)
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
@ -483,11 +496,11 @@ const menusubhandleClick: MenuProps['onClick'] = (e) => {
|
|
|
|
|
@finishFailed="onFinishFailed"
|
|
|
|
|
>
|
|
|
|
|
<a-form-item
|
|
|
|
|
name="username"
|
|
|
|
|
name="nickname"
|
|
|
|
|
style="width: 240px;"
|
|
|
|
|
:rules="[{ required: true, message: '输入姓名/工号/手机号/邮箱!' }]"
|
|
|
|
|
>
|
|
|
|
|
<a-input v-model:value="formState.username" placeholder="输入姓名/工号/手机号/邮箱">
|
|
|
|
|
<a-input v-model:value="formState.nickname" placeholder="输入姓名/工号/手机号/邮箱">
|
|
|
|
|
<template #prefix>
|
|
|
|
|
<UserOutlined class="site-form-item-icon" />
|
|
|
|
|
</template>
|
|
|
|
@ -495,7 +508,7 @@ const menusubhandleClick: MenuProps['onClick'] = (e) => {
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item
|
|
|
|
|
name="username"
|
|
|
|
|
name="deptName"
|
|
|
|
|
:rules="[{ required: true, message: '请选择部门!' }]"
|
|
|
|
|
>
|
|
|
|
|
<a-select
|
|
|
|
@ -523,7 +536,7 @@ const menusubhandleClick: MenuProps['onClick'] = (e) => {
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item
|
|
|
|
|
name="username"
|
|
|
|
|
name="createTime"
|
|
|
|
|
style="width: 240px;"
|
|
|
|
|
:rules="[{ required: true, message: '选择时间!' }]"
|
|
|
|
|
>
|
|
|
|
@ -556,7 +569,7 @@ const menusubhandleClick: MenuProps['onClick'] = (e) => {
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-table
|
|
|
|
|
class="ant-table-striped" :data-source="dataSource" :row-selection="rowSelection"
|
|
|
|
|
class="ant-table-striped" :data-source="state.dataSource" :row-selection="rowSelection"
|
|
|
|
|
style="width: 1000px;"
|
|
|
|
|
:columns="columns"
|
|
|
|
|
:row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')" :scroll="{ x: 1500, y: 500 }"
|
|
|
|
@ -612,8 +625,8 @@ const menusubhandleClick: MenuProps['onClick'] = (e) => {
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else-if="column.key === 'k5'">
|
|
|
|
|
<template v-if="record.k5 == true">
|
|
|
|
|
<template v-else-if="column.key === 'accountStatus'">
|
|
|
|
|
<template v-if="record.accountStatus == 0">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<div class="dot-true" />
|
|
|
|
@ -623,7 +636,7 @@ const menusubhandleClick: MenuProps['onClick'] = (e) => {
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<template v-else-if="record.accountStatus == 1">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<div class="dot-false" />
|
|
|
|
|