feat(iot):优化 iot 产品管理的样式
parent
735ff018be
commit
84b91c6795
|
|
@ -147,19 +147,6 @@ export function useBasicFormSchema(
|
||||||
help: 'iot-gateway-server 默认根据接入的协议类型确定数据格式,仅 MQTT、EMQX 协议支持自定义序列化类型',
|
help: 'iot-gateway-server 默认根据接入的协议类型确定数据格式,仅 MQTT、EMQX 协议支持自定义序列化类型',
|
||||||
rules: 'required',
|
rules: 'required',
|
||||||
},
|
},
|
||||||
// TODO @haohao:这个貌似不需要?!
|
|
||||||
{
|
|
||||||
fieldName: 'status',
|
|
||||||
label: '产品状态',
|
|
||||||
component: 'RadioGroup',
|
|
||||||
componentProps: {
|
|
||||||
options: getDictOptions(DICT_TYPE.IOT_PRODUCT_STATUS, 'number'),
|
|
||||||
buttonStyle: 'solid',
|
|
||||||
optionType: 'button',
|
|
||||||
},
|
|
||||||
defaultValue: 0,
|
|
||||||
rules: 'required',
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -248,15 +235,6 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
|
||||||
name: 'CellImage',
|
name: 'CellImage',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
|
||||||
field: 'status',
|
|
||||||
title: '产品状态',
|
|
||||||
minWidth: 100,
|
|
||||||
cellRender: {
|
|
||||||
name: 'CellDict',
|
|
||||||
props: { type: DICT_TYPE.IOT_PRODUCT_STATUS },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
field: 'createTime',
|
field: 'createTime',
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
|
|
|
||||||
|
|
@ -175,7 +175,7 @@ onMounted(() => {
|
||||||
<FormModal @success="handleRefresh" />
|
<FormModal @success="handleRefresh" />
|
||||||
|
|
||||||
<!-- 统一搜索工具栏 -->
|
<!-- 统一搜索工具栏 -->
|
||||||
<Card :body-style="{ padding: '16px' }" class="mb-4">
|
<Card :body-style="{ padding: '16px' }" class="!mb-2">
|
||||||
<!-- 搜索表单 -->
|
<!-- 搜索表单 -->
|
||||||
<div class="mb-3 flex items-center gap-3">
|
<div class="mb-3 flex items-center gap-3">
|
||||||
<Input
|
<Input
|
||||||
|
|
|
||||||
|
|
@ -115,11 +115,6 @@ onMounted(() => {
|
||||||
<div class="ml-3 min-w-0 flex-1">
|
<div class="ml-3 min-w-0 flex-1">
|
||||||
<div class="product-title">{{ item.name }}</div>
|
<div class="product-title">{{ item.name }}</div>
|
||||||
</div>
|
</div>
|
||||||
<DictTag
|
|
||||||
:type="DICT_TYPE.IOT_PRODUCT_STATUS"
|
|
||||||
:value="item.status"
|
|
||||||
class="status-tag"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 内容区域 -->
|
<!-- 内容区域 -->
|
||||||
<div class="mb-3 flex items-start">
|
<div class="mb-3 flex items-start">
|
||||||
|
|
@ -269,11 +264,6 @@ onMounted(() => {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 状态标签
|
|
||||||
.status-tag {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 信息列表
|
// 信息列表
|
||||||
.info-list {
|
.info-list {
|
||||||
.info-item {
|
.info-item {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue