xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

tijiao

Browse Source
This commit is contained in:
dinghao
2024-05-23 14:34:26 +08:00
parent 0df4d84cb6
commit 51d9fb84e5
1 changed files with 182 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
hx-ai-intelligent/src/view/organizationManage/usermanage/index.vue
View File

@@ -1,27 +1,115 @@
<!-- @format -->
<template>
<div class="main">
<div class="left">
<div class="top">
<div class="ns-table-title">关联企业</div>
<div>
<a-input-search
v-model:value="searchValue"
style="margin-bottom: 8px"
placeholder="请输入关联企业"
@search="onSearch" />
<a-tree :tree-data="treeData" @select="handleSelect">
<template #title="{ title }">
{{ title }}
<!-- <span v-if="title.indexOf(searchValue) > -1">
{{ title.substring(0, title.indexOf(searchValue)) }}
</span>
<span v-else>{{ title }}</span> -->
</template>
</a-tree>
</div>
</div>
<div class="ns-table-title">关联部门</div>
<div>
<a-input-search
v-model:value="searchValue2"
style="margin-bottom: 8px"
placeholder="请输入关联部门"
@search="onSearch2" />
<a-tree :tree-data="treeData2" @select="handleSelect2">
<template #title="{ title }">
{{ title }}
<!-- <span v-if="title.indexOf(searchValue) > -1">
{{ title.substring(0, title.indexOf(searchValue)) }}
</span>
<span v-else>{{ title }}</span> -->
</template>
</a-tree>
</div>
</div>
<div class="right">
<ns-view-list-table v-bind="tableConfig" :model="data" ref="mainRef" class="table" />
</div>
</div>
<a-drawer
:width="1200"
:visible="visible"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose">
<ns-form :schemas="formSchema" :model="formData" class="form" />
<span class="admin">用户权限</span>
<ns-view-list-table v-bind="tableConfig2" :model="data" ref="mainRef" rowKey="uuid" />
<a-button style="margin-right: 8px" @click="onClose">取消</a-button>
<a-button type="primary" @click="onEdit">确定</a-button>
</a-drawer>
<a-modal
title="用户信息"
:width="600"
:visible="addformvisible"
cancelText="取消"
@ok="handleOk"
@cancel="handleClose">
<ns-form :schemas="formSchema2" :model="formData2" />
</a-modal>
</template>
<script lang="ts">
import { Modal } from 'ant-design-vue';
import { createVNode, defineComponent, reactive, ref } from 'vue';
import { http } from '/nerv-lib/util/http';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { cloneDeep } from 'lodash-es';
import { NsMessage } from '/nerv-lib/component';
export default defineComponent({
name: 'OrderListIndex',
setup() {
const mainRef = ref();
const data = reactive({});
const data2 = reactive([
{
userinformation: 1,
},
]);
let formData = ref({});
let formData2 = ref({});
const visible = ref(false);
const addformvisible = ref(false);
const searchValue = ref<string>('');
const searchValue2 = ref<string>('');
const addformvisible = ref(false);
const opMap: any = {
type: 'add',
fuc: () => {},
record: {},
};
const mockData = ref([
{
id: 3,
zhanghao: 'axb',
name: '张三',
sex: '男',
phone: '123456789',
email: '1234567889',
relation: '1',
role: '1',
status: '1',
},
]);
const mockData2 = ref([
{
information: '1',
},
]);
const treeData = [
{
title: '铁路总局',
@@ -43,14 +131,6 @@
},
];
let formData = reactive({
name: '',
zhanghao: '',
});
let formData2 = reactive({
information: '',
});
const onSearch = () => {
console.log(searchValue.value);
};
@@ -70,12 +150,14 @@
const onClose = () => {
visible.value = false;
};
const onEdit = () => {
console.log(formData, 'formData');
opMap.fuc && opMap.fuc(formData.value);
visible.value = false;
};
const handleOk = () => {
opMap.fuc && opMap.fuc(formData2.value);
addformvisible.value = false;
};
const handleClose = () => {
@@ -84,10 +166,11 @@
const tableConfig = {
// title: '企业管理',
api: {
url: '/carbon_emission/device/getGatewayList',
method: 'post',
},
// api: {
// url: '/carbon_emission/device/getGatewayList',
// method: 'post',
// },
value: mockData.value,
listField: 'data.records',
headerActions: [
{
@@ -95,6 +178,11 @@
name: 'RoleTypeAdd',
type: 'primary',
handle: () => {
opMap.type = 'add';
opMap.fuc = (formData: any) => {
console.log(formData, 'formData');
mockData.value.push(cloneDeep(formData));
};
visible.value = true;
},
},
@@ -113,8 +201,7 @@
{
label: '导出',
type: 'primary',
name: 'RoleTypeAdd',
handle: () => {},
name: 'exports',
},
{
label: '批量删除',
@@ -195,8 +282,14 @@
// dynamicParams: 'uuid',
handle: (record: any) => {
console.log(record, 'record');
formData.name = record.name;
formData.zhanghao = record.zhanghao;
formData.value = record;
opMap.type = 'edit';
opMap.fuc = (formData: any) => {
Object.assign(
mockData.value.filter((item) => item.id === record.id)[0],
formData,
);
};
visible.value = true;
},
},
@@ -217,6 +310,7 @@
// .then((res) => {
// mainRef.value.nsTableRef.reload();
// });
NsMessage.success('冻结成功');
},
onCancel() {
console.log('Cancel');
@@ -235,9 +329,10 @@
icon: createVNode(ExclamationCircleOutlined),
content: createVNode('div', { style: 'color:red;' }, ''),
onOk() {
Modal.success({
title: '密码重置成功,初始密码123456',
});
// Modal.success({
// title: '密码重置成功,初始密码123456',
// });
NsMessage.success('密码重置成功,初始密码123456');
},
onCancel() {
console.log('Cancel');
@@ -252,27 +347,10 @@
dynamicParams: {
uuid: 'uuid',
},
// name: 'ExitManageDelete',
handle: (record: any) => {
console.log(record, 'record');
Modal.confirm({
title: '确定确认删除',
icon: createVNode(ExclamationCircleOutlined),
content: createVNode('div', { style: 'color:red;' }, ''),
onOk() {
// http
// .post('/api/parking_merchant/objs/gateInfo/delete', {
// uuid: record.uuid,
// })
// .then((res) => {
// mainRef.value.nsTableRef.reload();
// });
},
onCancel() {
console.log('Cancel');
},
class: 'test',
});
confirm: true,
handle: (record: any, name, reload) => {
console.log(record, name, reload, 'record');
mockData.value.splice(0, 1);
},
},
],
@@ -334,13 +412,14 @@
params: {},
},
// pagination: { defaultPageSize: 10 },
rowKey: 'uuid',
rowKey: 'id',
};
const tableConfig2 = {
api: {
url: '/carbon_emission/device/getGatewayList',
method: 'post',
},
// api: {
// url: '/carbon_emission/device/getGatewayList',
// method: 'post',
// },
value: mockData2.value,
listField: 'data.records',
rowSelection: null,
headerActions: [
@@ -349,6 +428,11 @@
name: 'RoleTypeAdd',
type: 'primary',
handle: () => {
opMap.type = 'add';
opMap.fuc = (formData2: any) => {
console.log(formData2, 'formData2');
mockData2.value.push(cloneDeep(formData2));
};
addformvisible.value = true;
},
},
@@ -356,7 +440,7 @@
columns: [
{
title: '角色信息',
dataIndex: 'name',
dataIndex: 'information',
},
],
columnActions: {
@@ -368,10 +452,15 @@
// dynamicParams: 'uuid',
handle: (record: any) => {
console.log(record, 'record');
formData2.value = record;
opMap.type = 'edit';
opMap.fuc = (formData2: any) => {
Object.assign(
mockData.value.filter((item) => item.id === record.id)[0],
formData2,
);
};
addformvisible.value = true;
// formData.name = record.name;
// formData.zhanghao = record.zhanghao;
// visible.value = true;
},
},
{
@@ -380,29 +469,31 @@
dynamicParams: {
uuid: 'uuid',
},
// name: 'ExitManageDelete',
handle: (record: any) => {
console.log(record, 'record');
Modal.confirm({
title: '确定确认删除',
icon: createVNode(ExclamationCircleOutlined),
content: createVNode('div', { style: 'color:red;' }, ''),
onOk() {
// http
// .post('/api/parking_merchant/objs/gateInfo/delete', {
// uuid: record.uuid,
// })
// .then((res) => {
// mainRef.value.nsTableRef.reload();
confirm: true,
handle: (record: any, name, reload) => {
console.log(record, name, reload, 'record');
mockData2.value.splice(0, 1);
},
// Modal.confirm({
// title: '确定确认删除',
// icon: createVNode(ExclamationCircleOutlined),
// content: createVNode('div', { style: 'color:red;' }, ''),
// onOk() {
// // http
// // .post('/api/parking_merchant/objs/gateInfo/delete', {
// // uuid: record.uuid,
// // })
// // .then((res) => {
// // mainRef.value.nsTableRef.reload();
// // });
// },
// onCancel() {
// console.log('Cancel');
// },
// class: 'test',
// });
},
onCancel() {
console.log('Cancel');
},
class: 'test',
});
},
},
],
},
};
@@ -507,15 +598,15 @@
options: [
{
value: 'zhejiang',
label: 'Zhejiang',
label: '铁路局',
children: [
{
value: 'hangzhou',
label: 'Hangzhou',
label: '铁路局1',
children: [
{
value: 'xihu',
label: 'West Lake',
label: '铁路局2',
},
],
},
@@ -530,26 +621,25 @@
tableConfig,
tableConfig2,
data,
data2,
mainRef,
visible,
onClose,
onEdit,
addformvisible,
formSchema,
formSchema2,
formData,
formData2,
treeData,
treeData2,
handleSelect,
handleSelect2,
searchValue,
searchValue2,
handleSelect,
handleSelect2,
onClose,
onEdit,
onSearch,
onSearch2,
handleOk,
handleClose,
formSchema2,
formData2,
addformvisible,
};
},
});
@@ -562,11 +652,11 @@
.left {
width: 400px;
/* height: 95vh; */
height: 92vh;
height: 92.7vh;
border-right: 5px solid rgb(229, 235, 240);
}
.top {
height: 50vh;
height: 46vh;
border-bottom: 5px solid rgb(229, 235, 240);
}
.ns-table-title {
@@ -577,7 +667,7 @@
font-weight: bold;
user-select: text;
padding-left: 16px;
width: calc(100% + 32px);
width: 100%;
}
.table {
width: 2000px;