From d38770f158cd4b9efe2a37bdc357824136e02ffe Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Wed, 21 Jan 2026 14:34:13 +0800
Subject: [PATCH] feat: 修改背景样式
---
applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue | 29 ++++++++++++++++++++---------
1 files changed, 20 insertions(+), 9 deletions(-)
diff --git a/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue b/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue
index 1391c15..6d05750 100644
--- a/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue
+++ b/applications/task-work-order/src/views/orderView/orderManage/orderManage/FormDiaLog.vue
@@ -4,16 +4,20 @@
v-model="visible"
:title="titleEnum[dialogMode]"
@closed="visible = false"
- :style="{ width: pxToRem(1216) }"
+ width="80%"
destroy-on-close
>
<div class="content" style="display: flex">
<div class="processBox">
- <div v-for="(item, index) in processList">{{ index }}-{{ item.flowName }}{{ item.flowDesc }}</div>
+ <el-steps direction="vertical" :active="processList.length">
+ <el-step v-for="item in processList" :title="item.flowName" :description="item.flowDesc" />
+ </el-steps>
+ <!-- <div v-for="(item, index) in processList">{{ index }}-{{ item.flowName }}{{ item.flowDesc }}</div>-->
</div>
<div class="leftBox">
- <div class="detail-container" v-if="dialogReadonly">
- <el-row>
+ <div v-if="dialogReadonly">
+ <div class="detail-title">工单详情</div>
+ <el-row class="detail-row-view">
<el-col :span="12">
<div class="label">工单名称</div>
<div class="val">{{ formData.workOrderName }}</div>
@@ -38,7 +42,8 @@
<div class="val">{{ formData.remark }}</div>
</el-col>
</el-row>
- <el-table ref="deviceTableRef" :data="deviceList" row-key="id">
+ <div class="detail-title" :style="{ marginTop: pxToRem(20) }">已选设备</div>
+ <el-table class="setHeight" ref="deviceTableRef" :data="deviceList" row-key="id">
<el-table-column prop="nickname" label="设备名称" />
<el-table-column prop="deviceName" label="设备型号" />
<el-table-column prop="devicePayload" label="设备负载" />
@@ -129,7 +134,7 @@
/>
</div>
<div class="rightBox" v-if="!dialogReadonly">
- <div class="title">推荐设备</div>
+ <div class="detail-title">推荐设备</div>
<el-table ref="deviceTableRef" :data="deviceList" row-key="id" @selection-change="handleDeviceSelectionChange">
<el-table-column type="selection" width="55" :reserve-selection="true" />
<el-table-column prop="nickname" label="设备名称" />
@@ -140,7 +145,7 @@
</div>
<template #footer>
-<!-- <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>-->
+ <!-- <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>-->
<el-button
class="save-btn"
color="#4C34FF"
@@ -182,7 +187,6 @@
</el-button>
</template>
</template>
-
</template>
<RefuseOrderDialog
@@ -399,7 +403,7 @@
material: Cesium.Color.RED,
},
})
- viewer.flyTo(mian)
+ viewer.flyTo(mian, { duration: 0 })
}
// 同步关联场景
@@ -451,6 +455,8 @@
.leftBox {
width: 0;
flex: 1;
+ display: flex;
+ flex-direction: column;
.gd-cesium {
width: 100%;
height: 423px;
@@ -464,4 +470,9 @@
}
}
}
+
+.setHeight {
+ max-height: 300px;
+ min-height: 200px;
+}
</style>
--
Gitblit v1.9.3