366 lines
12 KiB
TypeScript
366 lines
12 KiB
TypeScript
import type { VxeGridProps } from '#/adapter/vxe-table';
|
||
|
||
import { computed, h } from 'vue';
|
||
|
||
import { z } from '@vben/common-ui';
|
||
|
||
import { postOneNetAccountListAsync, postFilesUpload } from '#/api-client';
|
||
import { $t } from '#/locales';
|
||
|
||
export const querySchema = computed(() => [
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'productName',
|
||
label: $t('abp.OneNETManagement.ProductName'),
|
||
},
|
||
]);
|
||
|
||
export const tableSchema: any = computed((): VxeGridProps['columns'] => [
|
||
{ title: $t('common.seq'), type: 'seq', width: 50 },
|
||
{
|
||
field: 'oneNETAccountName',
|
||
title: $t('abp.OneNETManagement.BelongingAccountName'),
|
||
minWidth: '150',
|
||
},
|
||
{
|
||
field: 'ioTPlatformProductId',
|
||
title: $t('abp.OneNETManagement.OneNETProductId'),
|
||
minWidth: '150',
|
||
},
|
||
{
|
||
field: 'productName',
|
||
title: $t('abp.OneNETManagement.ProductName'),
|
||
minWidth: '150',
|
||
},
|
||
{
|
||
field: 'productAccesskey',
|
||
title: $t('abp.OneNETManagement.ProductAccesskey'),
|
||
minWidth: '150',
|
||
},
|
||
{
|
||
field: 'communicationAddress',
|
||
title: $t('abp.OneNETManagement.CommunicationAddress'),
|
||
minWidth: '150',
|
||
},
|
||
{
|
||
field: 'communicationAddressTLS',
|
||
title: $t('abp.OneNETManagement.CommunicationAddressTLS'),
|
||
minWidth: '150',
|
||
},
|
||
{
|
||
field: 'isEnabled',
|
||
title: $t('common.isEnable'),
|
||
minWidth: '150',
|
||
slots: { default: 'isEnable' },
|
||
},
|
||
{
|
||
title: $t('common.action'),
|
||
field: 'action',
|
||
fixed: 'right',
|
||
width: '150',
|
||
slots: { default: 'action' },
|
||
},
|
||
]);
|
||
|
||
export const addProductFormSchema: any = computed(() => [
|
||
{
|
||
component: 'ApiSelect',
|
||
fieldName: 'oneNETAccountId',
|
||
label: $t('abp.OneNETManagement.BelongingAccountName'),
|
||
componentProps: {
|
||
api: postOneNetAccountListAsync,
|
||
params: {
|
||
body: {
|
||
pageIndex: 1,
|
||
pageSize: 1000,
|
||
},
|
||
},
|
||
labelField: 'accountName',
|
||
valueField: 'oneNETAccountId',
|
||
immediate: true,
|
||
afterFetch: (res: any) => {
|
||
// 如果是 Axios 响应对象，提取 data
|
||
if (res && res.data) {
|
||
const data = res.data;
|
||
|
||
// 确保返回的是数组格式
|
||
if (Array.isArray(data)) {
|
||
return data;
|
||
}
|
||
// 如果是包装在 items 中的，提取出来
|
||
if (data && Array.isArray(data.items)) {
|
||
return data.items;
|
||
}
|
||
// 如果是包装在 data 中的，提取出来
|
||
if (data && Array.isArray(data.data)) {
|
||
return data.data;
|
||
}
|
||
}
|
||
|
||
// 如果都不是，返回空数组
|
||
return [];
|
||
},
|
||
placeholder: `${$t('common.pleaseSelect')}${$t('abp.OneNETManagement.BelongingAccountName')}`,
|
||
},
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseSelect')}${$t('abp.OneNETManagement.BelongingAccountName')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'IoTPlatformProductId',
|
||
label: $t('abp.OneNETManagement.OneNETProductId'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.OneNETProductId')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'productAccesskey',
|
||
label: $t('abp.OneNETManagement.ProductAccesskey'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.ProductAccesskey')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'communicationAddress',
|
||
label: $t('abp.OneNETManagement.CommunicationAddress'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.CommunicationAddress')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'CommunicationAddressTLS',
|
||
label: $t('abp.OneNETManagement.CommunicationAddressTLS'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.CommunicationAddressTLS')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'DeviceThingModelFileId',
|
||
label: $t('abp.OneNETManagement.DeviceThingModelFileName'),
|
||
componentProps: {
|
||
placeholder: '请选择文件',
|
||
readonly: true,
|
||
addonAfter: h('button', {
|
||
type: 'button',
|
||
style: 'border: none; background: #1890ff; color: white; padding: 4px 8px; border-radius: 4px; cursor: pointer;',
|
||
onClick: () => {
|
||
const input = document.createElement('input');
|
||
input.type = 'file';
|
||
input.accept = '*/*';
|
||
input.onchange = async (e: any) => {
|
||
const file = e.target.files[0];
|
||
if (file) {
|
||
try {
|
||
const result = await postFilesUpload({
|
||
body: {
|
||
files: [file]
|
||
}
|
||
});
|
||
|
||
if (result.status === 204 || result.status === 200) {
|
||
// 假设返回的是文件信息数组，取第一个文件的ID
|
||
const fileInfo = result.data?.[0];
|
||
if (fileInfo && fileInfo.id) {
|
||
// 查找当前输入框并更新值
|
||
const currentInput = document.querySelector('input[placeholder="请选择文件"]');
|
||
if (currentInput) {
|
||
(currentInput as HTMLInputElement).value = fileInfo.id;
|
||
// 触发change事件
|
||
currentInput.dispatchEvent(new Event('input', { bubbles: true }));
|
||
currentInput.dispatchEvent(new Event('change', { bubbles: true }));
|
||
|
||
// 同时设置文件名到隐藏字段
|
||
const fileNameInput = document.querySelector('input[name="DeviceThingModelFileName"]') ||
|
||
document.querySelector('input[data-field="DeviceThingModelFileName"]');
|
||
if (fileNameInput) {
|
||
(fileNameInput as HTMLInputElement).value = file.name;
|
||
fileNameInput.dispatchEvent(new Event('input', { bubbles: true }));
|
||
fileNameInput.dispatchEvent(new Event('change', { bubbles: true }));
|
||
}
|
||
}
|
||
console.log('文件上传成功，文件ID:', fileInfo.id, '文件名:', file.name);
|
||
} else {
|
||
console.error('文件上传成功但未获取到文件ID');
|
||
}
|
||
} else {
|
||
console.error('文件上传失败');
|
||
}
|
||
} catch (error) {
|
||
console.error('文件上传失败:', error);
|
||
}
|
||
}
|
||
};
|
||
input.click();
|
||
}
|
||
}, '选择文件'),
|
||
},
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseSelect')}${$t('abp.OneNETManagement.DeviceThingModelFileName')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'DeviceThingModelFileName',
|
||
label: '',
|
||
componentProps: {
|
||
type: 'hidden',
|
||
},
|
||
},
|
||
]);
|
||
|
||
export const editProductFormSchemaEdit: any = computed(() => [
|
||
{
|
||
component: 'ApiSelect',
|
||
fieldName: 'oneNETAccountId',
|
||
label: $t('abp.OneNETManagement.BelongingAccountName'),
|
||
componentProps: {
|
||
api: postOneNetAccountListAsync,
|
||
params: {
|
||
body: {
|
||
pageIndex: 1,
|
||
pageSize: 1000,
|
||
},
|
||
},
|
||
labelField: 'accountName',
|
||
valueField: 'oneNETAccountId',
|
||
immediate: true,
|
||
afterFetch: (res: any) => {
|
||
// 如果是 Axios 响应对象，提取 data
|
||
if (res && res.data) {
|
||
const data = res.data;
|
||
|
||
// 确保返回的是数组格式
|
||
if (Array.isArray(data)) {
|
||
return data;
|
||
}
|
||
// 如果是包装在 items 中的，提取出来
|
||
if (data && Array.isArray(data.items)) {
|
||
return data.items;
|
||
}
|
||
// 如果是包装在 data 中的，提取出来
|
||
if (data && Array.isArray(data.data)) {
|
||
return data.data;
|
||
}
|
||
}
|
||
|
||
// 如果都不是，返回空数组
|
||
return [];
|
||
},
|
||
placeholder: `${$t('common.pleaseSelect')}${$t('abp.OneNETManagement.BelongingAccountName')}`,
|
||
},
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseSelect')}${$t('abp.OneNETManagement.BelongingAccountName')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'IoTPlatformProductId',
|
||
label: $t('abp.OneNETManagement.OneNETProductId'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.OneNETProductId')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'productAccesskey',
|
||
label: $t('abp.OneNETManagement.ProductAccesskey'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.ProductAccesskey')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'communicationAddress',
|
||
label: $t('abp.OneNETManagement.CommunicationAddress'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.CommunicationAddress')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'CommunicationAddressTLS',
|
||
label: $t('abp.OneNETManagement.CommunicationAddressTLS'),
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseInput')}${$t('common.info')}${$t('abp.OneNETManagement.CommunicationAddressTLS')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'DeviceThingModelFileId',
|
||
label: $t('abp.OneNETManagement.DeviceThingModelFileName'),
|
||
componentProps: {
|
||
placeholder: '请选择文件',
|
||
readonly: true,
|
||
addonAfter: h('button', {
|
||
type: 'button',
|
||
style: 'border: none; background: #1890ff; color: white; padding: 4px 8px; border-radius: 4px; cursor: pointer;',
|
||
onClick: () => {
|
||
const input = document.createElement('input');
|
||
input.type = 'file';
|
||
input.accept = '*/*';
|
||
input.onchange = async (e: any) => {
|
||
const file = e.target.files[0];
|
||
if (file) {
|
||
try {
|
||
const result = await postFilesUpload({
|
||
body: {
|
||
files: [file]
|
||
}
|
||
});
|
||
|
||
if (result.status === 204 || result.status === 200) {
|
||
// 假设返回的是文件信息数组，取第一个文件的ID
|
||
const fileInfo = result.data?.[0];
|
||
if (fileInfo && fileInfo.id) {
|
||
// 查找当前输入框并更新值
|
||
const currentInput = document.querySelector('input[placeholder="请选择文件"]');
|
||
if (currentInput) {
|
||
(currentInput as HTMLInputElement).value = fileInfo.id;
|
||
// 触发change事件
|
||
currentInput.dispatchEvent(new Event('input', { bubbles: true }));
|
||
currentInput.dispatchEvent(new Event('change', { bubbles: true }));
|
||
|
||
// 同时设置文件名到隐藏字段
|
||
const fileNameInput = document.querySelector('input[name="DeviceThingModelFileName"]') ||
|
||
document.querySelector('input[data-field="DeviceThingModelFileName"]');
|
||
if (fileNameInput) {
|
||
(fileNameInput as HTMLInputElement).value = file.name;
|
||
fileNameInput.dispatchEvent(new Event('input', { bubbles: true }));
|
||
fileNameInput.dispatchEvent(new Event('change', { bubbles: true }));
|
||
}
|
||
}
|
||
console.log('文件上传成功，文件ID:', fileInfo.id, '文件名:', file.name);
|
||
} else {
|
||
console.error('文件上传成功但未获取到文件ID');
|
||
}
|
||
} else {
|
||
console.error('文件上传失败');
|
||
}
|
||
} catch (error) {
|
||
console.error('文件上传失败:', error);
|
||
}
|
||
}
|
||
};
|
||
input.click();
|
||
}
|
||
}, '选择文件'),
|
||
},
|
||
rules: z.string().min(1, {
|
||
message: `${$t('common.pleaseSelect')}${$t('abp.OneNETManagement.DeviceThingModelFileName')}`,
|
||
}),
|
||
},
|
||
{
|
||
component: 'Input',
|
||
fieldName: 'DeviceThingModelFileName',
|
||
label: '',
|
||
componentProps: {
|
||
type: 'hidden',
|
||
},
|
||
},
|
||
]);
|