update drawer

src/views/core/base/equipment/index.vue

@@ -42,7 +42,24 @@
 		<!-- 设备 详情 - 编辑 -->
 		<EquipmentDrawer
 			v-if="editVisible"
+			ref="drawer"
 			:mode="editMode"
+			:sections="[
+				{ name: '基本信息', key: 'base', rows: rows, dataForm: form },
+				{
+					name: '属性列表',
+					key: 'attrs',
+					props: drawerListProps,
+					url: '',
+					navigator: true, // 是否显示分页器
+					pageNo: null,
+					pageSize: null,
+					tableBtns: [
+						{ name: 'edit', url: '', permission: '' },
+						{ name: 'delete', url: '', permission: '' },
+					],
+				},
+			]"
 			@confirm="submitForm"
 			@cancel="editVisible = false"
 			@destroy="editVisible = false">
@@ -322,10 +339,22 @@ export default {
 					},
 				],
 			],
-			// 是否显示弹出层
-			open: false,
 			editVisible: false,
 			editMode: 'edit', // 'edit', 'detail'
+			// drawer 里的设备属性列表配置项
+			drawerListProps: [
+				{
+					prop: 'createTime',
+					label: '添加时间',
+					fixed: true,
+					width: 180,
+					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
+				},
+				{ prop: 'keyName', label: '属性名称', align: 'center' },
+				{ prop: 'keyValue', label: '属性值', align: 'center' },
+			],
+			// 是否显示弹出层
+			open: false,
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
@@ -468,6 +497,9 @@ export default {
 					getEquipment(id).then((response) => {
 						this.form = response.data;
 						this.editVisible = true;
+						this.$nextTick(() => {
+							this.$refs['drawer'].init();
+						});
 					});
 					break;
 				case 'delete':