|
|
@@ -4,8 +4,15 @@
|
|
|
<Tabs v-model:activeKey="activeTab" type="line" class="common-page-tabs">
|
|
|
<TabPane tab="实时监测" key="realtime">
|
|
|
<div class="board-info">
|
|
|
- <MiniBoard :key="index" v-for="(item, index) in boardData" type="A" :label="item.label" :value="item.value"
|
|
|
- layout="label-top" class="board-item" />
|
|
|
+ <MiniBoard
|
|
|
+ :key="index"
|
|
|
+ v-for="(item, index) in boardData"
|
|
|
+ type="A"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ layout="label-top"
|
|
|
+ class="board-item"
|
|
|
+ />
|
|
|
</div>
|
|
|
<!-- 实时数据表格 -->
|
|
|
<BasicTable @register="registerTable" :scroll="{ x: 'max-content' }" :style="{ padding: 0 }">
|
|
|
@@ -34,10 +41,16 @@
|
|
|
</TabPane>
|
|
|
</Tabs>
|
|
|
<!-- 弹窗组件 -->
|
|
|
- <a-modal style="height: 400px" v-model:visible="visibleresolveModal" :width="600" centered title="密闭漏风处理情况"
|
|
|
- @ok="handleOkEdit()" @cancel="handleCancelEdit">
|
|
|
- <a-textarea style="width: 90%; margin-left: 20px; margin-right: 20px" v-model:value="resolveValue"
|
|
|
- placeholder="请输入解决情况" :rows="4" />
|
|
|
+ <a-modal
|
|
|
+ style="height: 400px"
|
|
|
+ v-model:visible="visibleresolveModal"
|
|
|
+ :width="600"
|
|
|
+ centered
|
|
|
+ title="密闭漏风处理情况"
|
|
|
+ @ok="handleOkEdit()"
|
|
|
+ @cancel="handleCancelEdit"
|
|
|
+ >
|
|
|
+ <a-textarea style="width: 90%; margin-left: 20px; margin-right: 20px" v-model:value="resolveValue" placeholder="请输入解决情况" :rows="4" />
|
|
|
</a-modal>
|
|
|
</template>
|
|
|
|
|
|
@@ -296,30 +309,20 @@ onUnmounted(() => {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-// .board-info {
|
|
|
-// display: grid;
|
|
|
-// grid-template-columns: repeat(5, auto); /* 3列:改5则为5列 */
|
|
|
-// gap: auto;
|
|
|
-// justify-content: start;
|
|
|
-// flex-wrap: wrap;
|
|
|
-// box-sizing: border-box;
|
|
|
-// background-color: @white;
|
|
|
-// padding: 10px;
|
|
|
-// gap: 100px;
|
|
|
-// // margin: 0 10px;
|
|
|
-// margin-bottom: 5px;
|
|
|
-// }
|
|
|
-// .board-item {
|
|
|
-// box-sizing: border-box;
|
|
|
-// }
|
|
|
.board-info {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(5, auto); /* 3列:改5则为5列 */
|
|
|
+ gap: auto;
|
|
|
+ justify-content: start;
|
|
|
flex-wrap: wrap;
|
|
|
- margin-bottom: 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: @white;
|
|
|
+ padding: 10px;
|
|
|
+ gap: 100px;
|
|
|
+ // margin: 0 10px;
|
|
|
+ margin-bottom: 5px;
|
|
|
}
|
|
|
-
|
|
|
.board-item {
|
|
|
- margin-right: 80px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
</style>
|