diff --git a/src/views/iot/device/components/device-detail.vue b/src/views/iot/device/components/device-detail.vue
index 05bd629..9a79d29 100644
--- a/src/views/iot/device/components/device-detail.vue
+++ b/src/views/iot/device/components/device-detail.vue
@@ -16,22 +16,12 @@
设备详情
- {{
- renderData.name
- }}
- {{
- renderData.hardwareVersion
- }}
- {{
- renderData.firmwareVersion
- }}
- {{
- renderData.productId
- }}
+ {{ renderData.name }}
+ {{ renderData.hardwareVersion }}
+ {{ renderData.firmwareVersion }}
+ {{ renderData.productId }}
- {{
- dayjs(renderData.createTime).format('YYYY-MM-DD HH:mm:ss')
- }}
+ {{dayjs(renderData.createTime).format('YYYY-MM-DD HH:mm:ss') }}
@@ -44,7 +34,31 @@
- 基本信息
+
+
+
+ 所属产品详情
+
+ {{
+ renderData.productName
+ }}
+ {{
+ renderData.productType
+ }}
+ {{
+ renderData.model
+ }}
+ {{
+ renderData.link
+ }}
+ {{
+ renderData.remark
+ }}
+ {{
+ dayjs(renderData.createTime).format('YYYY-MM-DD HH:mm:ss')
+ }}
+
+
执行服务内容
diff --git a/src/views/iot/device/index.vue b/src/views/iot/device/index.vue
index 2ec657e..f1a65b2 100644
--- a/src/views/iot/device/index.vue
+++ b/src/views/iot/device/index.vue
@@ -32,7 +32,7 @@
- {{
+ {{
item.name
}}
@@ -242,7 +242,7 @@
name: '',
status: '',
isOnline: '',
- productName: '',
+ productId: '',
};
};
@@ -338,10 +338,8 @@
window.setTimeout(async () => {
const res = await queryDeviceByName({
name: value,
- page: 1,
- size: 5,
});
- options.value = res.data.records.map((item: any) => {
+ options.value = res.data.map((item: any) => {
return {
id: item.id,
name: item.name,
diff --git a/src/views/iot/deviceCard/components/device-detail.vue b/src/views/iot/deviceCard/components/device-detail.vue
index 77e9ce3..f799a54 100644
--- a/src/views/iot/deviceCard/components/device-detail.vue
+++ b/src/views/iot/deviceCard/components/device-detail.vue
@@ -43,7 +43,31 @@
- 基本信息
+
+
+
+ 所属产品详情
+
+ {{
+ renderData.productName
+ }}
+ {{
+ renderData.productType
+ }}
+ {{
+ renderData.model
+ }}
+ {{
+ renderData.link
+ }}
+ {{
+ renderData.remark
+ }}
+ {{
+ dayjs(renderData.createTime).format('YYYY-MM-DD HH:mm:ss')
+ }}
+
+
执行服务内容
diff --git a/src/views/iot/deviceCard/index.vue b/src/views/iot/deviceCard/index.vue
index c486e13..398ee9f 100644
--- a/src/views/iot/deviceCard/index.vue
+++ b/src/views/iot/deviceCard/index.vue
@@ -30,13 +30,20 @@
-
+
+ @search="handleSearch"
+ >
+ {{
+ item.name
+ }}
+
@@ -131,7 +138,7 @@
import useLoading from '@/hooks/loading';
import usePagination from '@/hooks/pagination';
import type { SelectOptionData } from '@arco-design/web-vue/es/select/interface';
- import { DeviceRecord, queryDeviceList } from '@/api/device';
+ import { DeviceRecord, queryDeviceByName, queryDeviceList } from '@/api/device';
import DeviceEdit from '@/views/iot/deviceCard/components/device-edit.vue';
import CardWrap from './components/card-wrap.vue';
@@ -140,6 +147,7 @@
name: '',
status: '',
isOnline: '',
+ productId: '',
};
};
@@ -147,6 +155,7 @@
const { pagination, setPagination } = usePagination();
const renderData = ref<[]>([]);
const formModel = ref(generateFormModel());
+ const options = ref([]);
const statusOptions = computed(() => [
{
@@ -190,6 +199,28 @@
} as unknown as DeviceRecord);
};
+ // 搜索
+ const handleSearch = (value: any) => {
+ if (value) {
+ loading.value = true;
+ options.value = [];
+ window.setTimeout(async () => {
+ const res = await queryDeviceByName({
+ name: value,
+ });
+ options.value = res.data.map((item: any) => {
+ return {
+ id: item.id,
+ name: item.name,
+ };
+ });
+ loading.value = false;
+ }, 1000);
+ } else {
+ options.value = [];
+ }
+ };
+
// 分页发生改变
const onPageChange = (current: number) => {
pagination.value.page = current;
diff --git a/src/views/iot/product/components/product-tsl.vue b/src/views/iot/product/components/product-tsl.vue
index fada109..a669d2b 100644
--- a/src/views/iot/product/components/product-tsl.vue
+++ b/src/views/iot/product/components/product-tsl.vue
@@ -41,7 +41,7 @@
(() => [
- // {
- // title: '操作',
- // dataIndex: 'id',
- // slotName: 'id',
- // },
{
title: '用户',
dataIndex: 'username',
@@ -244,11 +239,11 @@
const deptTreeData = ref([
{
- id: '1',
+ id: 1,
name: '总部门',
children: [
{
- id: '2',
+ id: 2,
name: '部门1',
members: [
{ id: '101', username: '成员1' },
@@ -256,7 +251,7 @@
],
},
{
- id: '3',
+ id: 3,
name: '部门2',
members: [
{ id: '201', username: '成员3' },
@@ -264,7 +259,7 @@
],
},
{
- id: '4',
+ id: 4,
name: '部门3',
members: [
{ id: '203', username: '成员5' },
@@ -275,6 +270,7 @@
},
]);
const renderData = ref([]);
+ const selectData = ref([]);
const messageType = computed(() => [
{
label: '消息',
@@ -304,6 +300,7 @@
deptId,
});
renderData.value = res.data.records;
+ selectData.value = selectData.value.concat(res.data.records);
} catch (err) {
// you can report use errorHandler or other
}
@@ -377,14 +374,15 @@
const getNamesByIds = (ids: number[]) => {
return ids
- .map((id) => renderData.value.find((dept) => dept.id === id)?.username)
+ .map((id) => selectData.value.find((dept) => dept.id === id)?.username)
.filter((username) => username !== undefined) as string[];
};
+
// 部门树模态框提交
const deptTreeSubmit = () => {
deptVisible.value = false;
- formData.value.userIds = selectedIds.value;
+ formData.value.userIds = [...selectedIds.value];
selectedNames.value = getNamesByIds(selectedIds.value);
};