533 lines
13 KiB
TypeScript
533 lines
13 KiB
TypeScript
import { NsSelect } from './../../../../../lib/component/form/select/index';
|
||
import { dateUtil } from '/nerv-lib/util/date-util';
|
||
import data from './mock.json';
|
||
import { http } from '/nerv-lib/util';
|
||
import { ref } from 'vue';
|
||
import { device, group } from '/@/api/deviceManage';
|
||
import { dict } from '/@/api';
|
||
import { origanizemanage } from '/@/api/origanizemanage';
|
||
const tableCalKeyMap = [
|
||
{
|
||
title: '来源企业',
|
||
dataIndex: 'linkOrgName',
|
||
textEllipsis: true,
|
||
textNumber: 10,
|
||
},
|
||
{
|
||
title: '设备id',
|
||
textNumber: 10,
|
||
dataIndex: 'deviceCode',
|
||
textEllipsis: true,
|
||
},
|
||
{
|
||
title: '设备编号',
|
||
dataIndex: 'deviceNum',
|
||
textNumber: 10,
|
||
},
|
||
{
|
||
textNumber: 10,
|
||
title: '分组名称',
|
||
dataIndex: 'groupName',
|
||
},
|
||
{
|
||
title: '设备品牌/型号',
|
||
textNumber: 10,
|
||
dataIndex: 'deviceNameType',
|
||
},
|
||
{
|
||
textNumber: 10,
|
||
title: '设备状态',
|
||
dataIndex: 'deviceStatus',
|
||
customRender: ({ value }) => {
|
||
return value === '0' ? '启用' : '停用';
|
||
},
|
||
},
|
||
];
|
||
const tableKeyMap = [
|
||
{
|
||
title: '来源企业',
|
||
dataIndex: 'orgName',
|
||
},
|
||
{
|
||
title: '节点编号',
|
||
dataIndex: 'pointNum',
|
||
},
|
||
{
|
||
title: '节点路径',
|
||
dataIndex: 'routeName',
|
||
},
|
||
];
|
||
const doWnload = (url) => {
|
||
const a = document.createElement('a');
|
||
document.body.appendChild(a);
|
||
a.href = encodeURI(url);
|
||
//设置下载的文件名
|
||
// a.download = fileName.value;
|
||
//触发a标签的点击事件，进行下载
|
||
a.click();
|
||
};
|
||
|
||
export const formSchema = [
|
||
{
|
||
field: 'isCreate',
|
||
component: 'NsCheck',
|
||
show: false,
|
||
},
|
||
{
|
||
field: 'isCreatSon',
|
||
component: 'NsCheck',
|
||
show: false,
|
||
},
|
||
{
|
||
field: 'orgId',
|
||
component: 'NsInput',
|
||
show: false,
|
||
},
|
||
{
|
||
field: 'energyType',
|
||
component: 'NsInput',
|
||
show: false,
|
||
},
|
||
{
|
||
field: 'id',
|
||
component: 'NsInput',
|
||
show: false,
|
||
},
|
||
{
|
||
field: 'pid',
|
||
component: 'NsInput',
|
||
show: false,
|
||
},
|
||
{
|
||
label: '节点名称',
|
||
field: 'pointName',
|
||
component: 'NsInput',
|
||
componentProps: {
|
||
placeholder: '请输入节点名称(必填)',
|
||
},
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: '请输入节点名称',
|
||
},
|
||
],
|
||
},
|
||
{
|
||
label: '节点类型',
|
||
field: 'pointType',
|
||
component: 'NsSelectApi',
|
||
componentProps: {
|
||
placeholder: '请选择节点类型(必填)',
|
||
api: () => dict({ params: { dicKey: 'COUNT_POINT' } }),
|
||
// params: { dicKey: 'COUNT_POINT' },
|
||
immediate: true,
|
||
// resultField: 'data.COUNT_POINT',
|
||
labelField: 'cnValue',
|
||
valueField: 'dicKey',
|
||
},
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: '请输入节点类型',
|
||
},
|
||
],
|
||
},
|
||
];
|
||
export const editTreeConfig = (orgId) => ({
|
||
selectedKeys: ['0-0'],
|
||
defaultExpandAll: true,
|
||
api: group.queryEditGroup,
|
||
params: { orgId },
|
||
resultField: 'data.orgInfos',
|
||
fieldNames: { title: 'orgName', key: 'orgId' },
|
||
formConfig: {
|
||
schemas: [
|
||
{
|
||
field: 'orgName',
|
||
component: 'NsInput',
|
||
autoSubmit: true,
|
||
componentProps: {
|
||
placeholder: '请输入企业名称',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
});
|
||
export const editCalTreeConfig = (orgId) => ({
|
||
selectedKeys: ['0-0'],
|
||
defaultExpandAll: true,
|
||
api: group.queryEditCompute,
|
||
params: { orgId },
|
||
resultField: 'data.orgInfos',
|
||
fieldNames: { title: 'orgName', key: 'orgId' },
|
||
formConfig: {
|
||
schemas: [
|
||
{
|
||
field: 'orgName',
|
||
component: 'NsInput',
|
||
autoSubmit: true,
|
||
componentProps: {
|
||
placeholder: '请输入企业名称',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
});
|
||
export const treeConfig = (orgId) => {
|
||
return {
|
||
defaultExpandAll: true,
|
||
header: {
|
||
icon: 'orgLink',
|
||
title: '能耗分组',
|
||
},
|
||
params: { orgId },
|
||
|
||
api: group.queryDeviceGroupTree,
|
||
transform: (data) => {
|
||
return [{ pointName: '全部', id: 'all', selectable: false, children: data }];
|
||
},
|
||
formConfig: {
|
||
schemas: [
|
||
{
|
||
field: 'energyType',
|
||
label: '',
|
||
component: 'NsSelectApi',
|
||
autoSubmit: true,
|
||
componentProps: {
|
||
api: () => dict({ params: { dicKey: 'ENERGY_TYPE' } }),
|
||
// params: { dicKey: 'ENERGY_TYPE' },
|
||
immediate: true,
|
||
// resultField: 'data.ENERGY_TYPE',
|
||
labelField: 'cnValue',
|
||
valueField: 'dicKey',
|
||
placeholder: '请选择能耗种类',
|
||
autoSelectFirst: true,
|
||
},
|
||
},
|
||
{
|
||
field: 'pointName',
|
||
label: '',
|
||
component: 'NsInput',
|
||
autoSubmit: true,
|
||
componentProps: {
|
||
placeholder: '请输入节点名称',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
};
|
||
};
|
||
export const tableConfig = (el, elGroup, elFormula, defaultParams) => {
|
||
return {
|
||
title: '点位信息',
|
||
api: group.queryGroupPage,
|
||
params: defaultParams.value,
|
||
headerActions: [
|
||
{
|
||
label: '编辑',
|
||
name: 'groupEdit',
|
||
type: 'primary',
|
||
handle: (a, b) => {
|
||
el.value.toggle();
|
||
},
|
||
},
|
||
{
|
||
label: '批量删除',
|
||
name: 'groupBatDelete',
|
||
type: 'primary',
|
||
dynamicDisabled: (data: any) => {
|
||
return data.list.length === 0;
|
||
},
|
||
dynamicParams: { linkIds: 'linkId[]' },
|
||
confirm: true,
|
||
isClearCheck: true,
|
||
isReload: true,
|
||
api: group.delGroupList,
|
||
},
|
||
{
|
||
label: '批量导出',
|
||
name: 'groupExports',
|
||
type: 'primary',
|
||
dynamicDisabled: (data: any) => {
|
||
return data.list.length === 0;
|
||
},
|
||
extra: {
|
||
xlsxMap: tableKeyMap,
|
||
xlsxName: '分组信息YYYY-MM-DD',
|
||
},
|
||
},
|
||
{
|
||
label: '批量导入',
|
||
name: 'groupImport',
|
||
type: 'primary',
|
||
extra: {
|
||
// api: props.postImportApi, // 导入接口名
|
||
title: '设备信息', // 弹窗title
|
||
templateName: 'whiteListUser', // 所使用的文件名称
|
||
indexName: '设备id', // 匹配类型字段
|
||
message: [
|
||
{ label: '1、若必填项未填写，则不能进行导入操作' },
|
||
{ label: `2、当重复时，则更新数据。` },
|
||
{ label: '3、数据将从模版的第五行进行导入。' },
|
||
{ label: '4、文件导入勿超过5MB。' },
|
||
],
|
||
},
|
||
},
|
||
|
||
{
|
||
label: '模板下载',
|
||
name: 'groupTemDownload',
|
||
type: 'primary',
|
||
handle: () => {
|
||
// http.get('/asset/file/whiteListUser.xlsx');
|
||
doWnload('/hx-ai-intelligent/asset/file/whiteListUser.xlsx');
|
||
},
|
||
},
|
||
],
|
||
columns: tableKeyMap,
|
||
columnActions: {
|
||
title: '操作',
|
||
actions: [
|
||
{
|
||
label: '删除',
|
||
name: 'groupDelete',
|
||
dynamicParams: { linkIds: 'linkId[]' },
|
||
confirm: true,
|
||
isClearCheck: true,
|
||
isReload: true,
|
||
api: group.delGroupList,
|
||
},
|
||
],
|
||
},
|
||
|
||
formConfig: {
|
||
schemas: [
|
||
{
|
||
field: 'orgName',
|
||
component: 'NsSelectApi',
|
||
defaultParams: defaultParams.value,
|
||
componentProps: {
|
||
placeholder: '请选择公司',
|
||
mode: 'multiple',
|
||
api: group.dropGroupFilter,
|
||
resultField: 'data',
|
||
params: { filterField: 'ORG' },
|
||
labelField: 'orgName',
|
||
valueField: 'orgId',
|
||
filterOption: (input: string, option: any) => {
|
||
return option.deviceName.toLowerCase().indexOf(input.toLowerCase()) >= 0;
|
||
},
|
||
showSearch: true,
|
||
dropdownReload: true,
|
||
allowClear: true,
|
||
},
|
||
},
|
||
{
|
||
field: 'pointNum',
|
||
component: 'NsInput',
|
||
componentProps: {
|
||
placeholder: '请输入节点编号',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
// pagination: { pageSizeOptions: false },
|
||
rowKey: 'id',
|
||
};
|
||
};
|
||
|
||
export const tableConfigCal = (el, elGroup, elFormula, defaultParams) => {
|
||
// 计算节点
|
||
return {
|
||
title: '点位信息',
|
||
api: group.queryGroupInfoPage,
|
||
params: defaultParams.value,
|
||
headerActions: [
|
||
{
|
||
label: '编辑',
|
||
name: 'groupEdit',
|
||
type: 'primary',
|
||
handle: (a, b) => {
|
||
el.value.toggle();
|
||
},
|
||
},
|
||
{
|
||
label: '批量删除',
|
||
name: 'groupTemDownload',
|
||
type: 'primary',
|
||
dynamicDisabled: (data: any) => {
|
||
return data.list.length === 0;
|
||
},
|
||
dynamicParams: { ids: 'id[]' },
|
||
confirm: true,
|
||
isReload: true,
|
||
isClearCheck: true,
|
||
api: group.delComputeList,
|
||
},
|
||
{
|
||
label: '批量导出',
|
||
name: 'groupExports',
|
||
type: 'primary',
|
||
dynamicDisabled: (data: any) => {
|
||
return data.list.length === 0;
|
||
},
|
||
extra: {
|
||
xlsxMap: tableKeyMap,
|
||
xlsxName: '分组信息YYYY-MM-DD',
|
||
},
|
||
},
|
||
{
|
||
label: '批量导入',
|
||
name: 'groupImport',
|
||
type: 'primary',
|
||
extra: {
|
||
// api: props.postImportApi, // 导入接口名
|
||
title: '设备信息', // 弹窗title
|
||
templateName: 'whiteListUser', // 所使用的文件名称
|
||
indexName: '设备id', // 匹配类型字段
|
||
message: [
|
||
{ label: '1、若必填项未填写，则不能进行导入操作' },
|
||
{ label: `2、当重复时，则更新数据。` },
|
||
{ label: '3、数据将从模版的第五行进行导入。' },
|
||
{ label: '4、文件导入勿超过5MB。' },
|
||
],
|
||
},
|
||
},
|
||
|
||
{
|
||
label: '模板下载',
|
||
name: 'groupTemDownload',
|
||
type: 'primary',
|
||
handle: () => {
|
||
// http.get('/asset/file/whiteListUser.xlsx');
|
||
doWnload('/hx-ai-intelligent/asset/file/whiteListUser.xlsx');
|
||
},
|
||
},
|
||
|
||
{
|
||
label: '批量分组',
|
||
name: 'groupBatGroup',
|
||
type: 'primary',
|
||
dynamicDisabled: (data: any) => {
|
||
return data.list.length === 0;
|
||
},
|
||
handle: ({ list }) => {
|
||
const ids = list.map(({ id }) => id);
|
||
|
||
defaultParams.value['saveDeviceInfoIds'] = ids;
|
||
elGroup.value.toggle();
|
||
},
|
||
},
|
||
{
|
||
label: '公式编辑',
|
||
name: 'groupFormulaEdit',
|
||
type: 'primary',
|
||
handle: () => {
|
||
elFormula.value.toggle();
|
||
},
|
||
},
|
||
],
|
||
scroll: { x: 1400 },
|
||
columns: tableCalKeyMap,
|
||
columnActions: {
|
||
title: '操作',
|
||
actions: [
|
||
{
|
||
label: '删除',
|
||
name: 'groupDelete',
|
||
dynamicParams: { ids: 'id[]' },
|
||
confirm: true,
|
||
isReload: true,
|
||
isClearCheck: true,
|
||
api: group.delComputeList,
|
||
},
|
||
],
|
||
},
|
||
|
||
formConfig: {
|
||
schemas: [
|
||
{
|
||
field: 'orgIds',
|
||
component: 'NsSelectApi',
|
||
defaultParams: defaultParams.value,
|
||
componentProps: {
|
||
placeholder: '请选择公司',
|
||
mode: 'multiple',
|
||
api: group.dropGroupInfoFilter,
|
||
resultField: 'data',
|
||
params: { filterField: 'ORG' },
|
||
labelField: 'orgName',
|
||
valueField: 'orgId',
|
||
filterOption: (input: string, option: any) => {
|
||
return option.deviceName.toLowerCase().indexOf(input.toLowerCase()) >= 0;
|
||
},
|
||
showSearch: true,
|
||
dropdownReload: true,
|
||
allowClear: true,
|
||
},
|
||
},
|
||
{
|
||
field: 'deviceCode',
|
||
component: 'NsInput',
|
||
componentProps: {
|
||
placeholder: '请输入设备id',
|
||
},
|
||
},
|
||
{
|
||
field: 'deviceNum',
|
||
component: 'NsInput',
|
||
componentProps: {
|
||
placeholder: '请输入设备编号',
|
||
},
|
||
},
|
||
{
|
||
field: 'deviceStatus',
|
||
component: 'NsSelectApi',
|
||
componentProps: {
|
||
placeholder: '请选择设备状态',
|
||
api: () => dict({ params: { dicKey: 'DEVICE_STATUS' } }),
|
||
immediate: true,
|
||
labelField: 'cnValue',
|
||
valueField: 'dicKey',
|
||
},
|
||
},
|
||
{
|
||
field: 'deviceNameType',
|
||
component: 'NsSelectApi',
|
||
defaultParams: defaultParams.value,
|
||
componentProps: {
|
||
placeholder: '请选择设备型号',
|
||
mode: 'multiple',
|
||
api: (params: any) => {
|
||
return http.post(group.dropGroupInfoFilter, params).then((res: any) => {
|
||
const result = [...new Set(res.data)];
|
||
return { data: result };
|
||
});
|
||
},
|
||
resultField: 'data',
|
||
|
||
params: { filterField: 'DEVICE_TYPE' },
|
||
// labelField: 'orgName',
|
||
// valueField: 'orgId',
|
||
filterOption: (input: string, option: any) => {
|
||
return option.deviceName.toLowerCase().indexOf(input.toLowerCase()) >= 0;
|
||
},
|
||
showSearch: true,
|
||
dropdownReload: true,
|
||
allowClear: true,
|
||
},
|
||
},
|
||
{
|
||
field: 'provider',
|
||
component: 'NsInput',
|
||
componentProps: {
|
||
placeholder: '请输入分组名称',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
// pagination: { pageSizeOptions: false },
|
||
rowKey: 'id',
|
||
};
|
||
};
|