xuziqiang
/
SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix:修改页面样式 字段

temp
zhaohy 3 months ago
parent
ed7194e253
commit
63a5c3ff0e
4 changed files with 73 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
  2. 2
      hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue
  3. 93
      hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPage.vue
  4. 2
      lib/component/form/form/form.vue

10
hx-ai-intelligent/src/view/equipmentControl/electricDoor/index.vue
View File

@ -20,7 +20,7 @@
class="door-box-item" class="door-box-item"
:style="{ :style="{
'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[ 'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[
item.record.EGstRu item?.record?.EGstRu
], ],
}"> }">
{{ item.deviceInfoName }} {{ item.deviceInfoName }}
@ -43,7 +43,7 @@
class="door-box-item" class="door-box-item"
:style="{ :style="{
'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[ 'background-color': { '0': 'rgba(191, 205, 226, 1)', '1': '#0dffa4', '2': '#ffbc46' }[
item.record.EGstRu item?.record?.EGstRu
], ],
}"> }">
{{ item.deviceInfoName }} {{ item.deviceInfoName }}
@ -81,14 +81,14 @@
'0': 'rgba(191, 205, 226, 1)', '0': 'rgba(191, 205, 226, 1)',
'1': 'rgba(0, 255, 210, 1)', '1': 'rgba(0, 255, 210, 1)',
'2': 'rgba(255, 188, 70, 1)', '2': 'rgba(255, 188, 70, 1)',
}[record.record.EGstRu], }[record?.record?.EGstRu],
color: { color: {
'0': 'rgba(191, 205, 226, 1)', '0': 'rgba(191, 205, 226, 1)',
'1': 'rgba(0, 255, 210, 1)', '1': 'rgba(0, 255, 210, 1)',
'2': 'rgba(255, 188, 70, 1)', '2': 'rgba(255, 188, 70, 1)',
}[record.record.EGstRu], }[record?.record?.EGstRu],
}"> }">
{{ record.record.runMode.label }} {{ record.record?.runMode?.label }}
</a-tag> </a-tag>
</template> </template>
<template v-if="column.dataIndex === 'time'"> <template v-if="column.dataIndex === 'time'">

2
hx-ai-intelligent/src/view/equipmentControl/liftSystem/index.vue
View File

@ -139,6 +139,8 @@
} }
:deep(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) { :deep(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) {
color: white !important; color: white !important;
font-size: 16px;
font-weight: 700;
} }
:deep(.ant-tabs-ink-bar) { :deep(.ant-tabs-ink-bar) {
background: linear-gradient(180deg, rgba(86, 221, 253, 1) 0%, rgba(25, 176, 255, 1) 100%); background: linear-gradient(180deg, rgba(86, 221, 253, 1) 0%, rgba(25, 176, 255, 1) 100%);

93
hx-ai-intelligent/src/view/equipmentControl/liftSystem/liftPage.vue
View File

@ -25,47 +25,53 @@
:columns="column" :columns="column"
:loading="loading" :loading="loading"
:data-source="dataSource" :data-source="dataSource"
:pagination="pagination"> :pagination="pagination"
:bordered="true"
:rowClassName="
() => {
return 'rowClass';
}
">
<template #bodyCell="{ record, column }"> <template #bodyCell="{ record, column }">
<template v-if="column.dataIndex === 'switch'"> <template v-if="column.dataIndex === 'switch'">
<a-tag <a-tag
style="background-color: rgba(0, 0, 0, 0.5); width: 50px" style="background-color: rgba(0, 0, 0, 0.5); width: 50px; border-radius: 2px"
:style="{ :style="{
border: { border: {
'1': '1px solid rgba(0, 255, 210, 1)', //2 '1': '1px solid rgba(0, 255, 210, 1)', //2
'0': '1px solid rgba(191, 205, 226, 1)', //关闭 '0': '1px solid rgba(191, 205, 226, 1)', //关闭
}[record.switchStatus.value], }[record?.switchStatus?.value],
color: { color: {
'1': 'rgba(0, 255, 210, 1)', //正常 '1': 'rgba(0, 255, 210, 1)', //正常
'0': 'rgba(191, 205, 226, 1)', //关闭 '0': 'rgba(191, 205, 226, 1)', //关闭
}[record.switchStatus.value], }[record?.switchStatus?.value],
}" }"
>{{ { '1': '开启', '0': '关闭' }[record.switchStatus.value] }}</a-tag >{{ { '1': '开启', '0': '关闭' }[record?.switchStatus?.value] }}</a-tag
> >
</template> </template>
<template v-if="column.dataIndex === 'state'"> <template v-if="column.dataIndex === 'state'">
<a-tag <a-tag
style="background-color: rgba(0, 0, 0, 0.5); width: 50px" style="background-color: rgba(0, 0, 0, 0.5); width: 50px; border-radius: 2px"
:style="{ :style="{
border: { border: {
'0': '1px solid rgba(0, 255, 210, 1)', //正常 '0': '1px solid rgba(0, 255, 210, 1)', //正常
'1': '1px solid rgba(255, 118, 54, 1)', //故障 '1': '1px solid rgba(255, 118, 54, 1)', //故障
'2': '1px solid rgba(255, 188, 70, 1)', //维修 '2': '1px solid rgba(255, 188, 70, 1)', //维修
'3': '1px solid rgba(243, 97, 99, 1)', //告警 '3': '1px solid rgba(243, 97, 99, 1)', //告警
}[record.runStatus.value], }[record?.runStatus?.value],
color: { color: {
'0': 'rgba(0, 255, 210, 1)', //正常 '0': 'rgba(0, 255, 210, 1)', //正常
'1': 'rgba(255, 118, 54, 1)', //故障 '1': 'rgba(255, 118, 54, 1)', //故障
'2': 'rgba(255, 188, 70, 1)', //维修 '2': 'rgba(255, 188, 70, 1)', //维修
'3': 'rgba(243, 97, 99, 1)', //告警 '3': 'rgba(243, 97, 99, 1)', //告警
}[record.runStatus.value], }[record?.runStatus?.value],
}" }"
>{{ record.runStatus.label }}</a-tag >{{ record?.runStatus?.label }}</a-tag
> >
</template> </template>
<template v-if="column.dataIndex === 'lift'"> <template v-if="column.dataIndex === 'lift'">
<a-tag <a-tag
style="background-color: rgba(0, 0, 0, 0.5); width: 50px" style="background-color: rgba(0, 0, 0, 0.5); width: 50px; border-radius: 2px"
:style="{ :style="{
border: { border: {
'0': '1px solid rgba(0, 255, 210, 1)', //上行 '0': '1px solid rgba(0, 255, 210, 1)', //上行
@ -73,16 +79,16 @@
'2': '1px solid rgba(255, 188, 70, 1)', //暂停 '2': '1px solid rgba(255, 188, 70, 1)', //暂停
'3': '1px solid rgba(243, 97, 99, 1)', //急停 '3': '1px solid rgba(243, 97, 99, 1)', //急停
'4': '1px solid rgba(167, 66, 255, 1)', //未知 '4': '1px solid rgba(167, 66, 255, 1)', //未知
}[record.runMode.value], }[record?.runMode?.value],
color: { color: {
'0': 'rgba(0, 255, 210, 1)', //上行 '0': 'rgba(0, 255, 210, 1)', //上行
'1': 'rgba(0, 255, 210, 1)', //下行 '1': 'rgba(0, 255, 210, 1)', //下行
'2': 'rgba(255, 188, 70, 1)', //暂停 '2': 'rgba(255, 188, 70, 1)', //暂停
'3': 'rgba(243, 97, 99, 1)', //急停 '3': 'rgba(243, 97, 99, 1)', //急停
'4': 'rgba(167, 66, 255, 1)', //未知 '4': 'rgba(167, 66, 255, 1)', //未知
}[record.runMode.value], }[record?.runMode?.value],
}" }"
>{{ record.runMode.label }}</a-tag >{{ record?.runMode?.label }}</a-tag
> >
</template> </template>
</template> </template>
@ -191,16 +197,16 @@
} }
:deep(.ant-table-thead > tr > th) { :deep(.ant-table-thead > tr > th) {
background-color: #1a2230; background-color: #1a2230;
border: 1px solid rgba(163, 192, 243, 0.8); // border: 1px solid rgba(163, 192, 243, 0.8);
color: white; color: white;
text-align: center; text-align: center;
font-weight: normal !important;
padding: 12px !important; padding: 12px !important;
font-weight: 600;
} }
:deep(.ant-table-tbody > tr > td) { :deep(.ant-table-tbody > tr > td) {
background-color: rgba(0, 0, 0, 0.9) !important; background-color: rgba(0, 0, 0, 0.9) !important;
color: white; color: white;
border: 1px solid rgba(163, 192, 243, 0.8); // border: 1px solid rgba(163, 192, 243, 0.8);
text-align: center; text-align: center;
padding: 12px !important; padding: 12px !important;
} }
@ -243,18 +249,18 @@
:deep(.anticon) { :deep(.anticon) {
color: rgba(12, 140, 246, 1) !important; color: rgba(12, 140, 246, 1) !important;
} }
:deep(.ant-table-pagination) { // :deep(.ant-table-pagination) {
display: flex; // display: flex;
position: absolute; // position: absolute;
bottom: 0; // bottom: 0;
right: 0; // right: 0;
} // }
:deep(.ant-spin-container) { // :deep(.ant-spin-container) {
height: 95% !important; // height: 95% !important;
} // }
:deep(.ant-spin-nested-loading) { // :deep(.ant-spin-nested-loading) {
height: 95% !important; // height: 95% !important;
} // }
//分页 在右边 取消 //分页 在右边 取消
// :deep(.ant-table-pagination-right) { // :deep(.ant-table-pagination-right) {
// justify-content: normal !important; // justify-content: normal !important;
@ -283,4 +289,35 @@
:deep(.ant-empty-description) { :deep(.ant-empty-description) {
color: white !important; color: white !important;
} }
:deep(.rowClass > td) {
border-right: 1px solid #abd1f5 !important;
border-bottom: 1px solid #abd1f5 !important;
}
:deep(.rowClass > td:first-child) {
border-bottom: 1px solid #abd1f5 !important;
}
:deep(.ant-table-thead > tr > th) {
border-bottom: 1px solid #abd1f5 !important;
}
:deep(.ant-table.ant-table-bordered > .ant-table-container) {
border-left: 1px solid #abd1f5 !important;
}
:deep(
.ant-table.ant-table-bordered
> .ant-table-container
> .ant-table-content
> table
> thead
> tr
> th
) {
border-right: 1px solid #abd1f5 !important;
}
:deep(
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table
) {
border-top: 1px solid #abd1f5 !important;
}
</style> </style>

2
lib/component/form/form/form.vue
View File

@ -48,7 +48,7 @@
:span="getFormClass.span" /> :span="getFormClass.span" />
<a-col v-if="showAction" :span="getFormClass.span" class="ns-operate"> <a-col v-if="showAction" :span="getFormClass.span" class="ns-operate">
<a-button @click="reset">重置</a-button> <a-button @click="reset">重置</a-button>
<a-button type="primary" html-type="submit" :loading="loading">搜索</a-button> <a-button type="primary" html-type="submit" :loading="loading">查询</a-button>
<a-button <a-button
type="link" type="link"
class="ns-operate-expand" class="ns-operate-expand"

Write Preview
Loading…
Cancel
Save