From 013f0d780f244e784494e5fec15b69ac535de1be Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 27 Sep 2025 14:35:42 +0800
Subject: [PATCH] feat:历史任务详情样式调整
---
src/views/job/components/DeviceJobDetails.vue | 27 +++++++++++++++++++--------
1 files changed, 19 insertions(+), 8 deletions(-)
diff --git a/src/views/job/components/DeviceJobDetails.vue b/src/views/job/components/DeviceJobDetails.vue
index 40945d4..922545d 100644
--- a/src/views/job/components/DeviceJobDetails.vue
+++ b/src/views/job/components/DeviceJobDetails.vue
@@ -4,7 +4,7 @@
:width="pxToRem(1800)" :close-on-click-modal="false" :destroy-on-close="true">
<div class="content">
<div class="contentLeft">
- <div class="machineTableDetailsTitle"><span>详情</span></div>
+ <div class="machineTableDetailsTitle"><img src="/src/assets/images/task/sign.svg" alt=""><span>详情</span></div>
<div class="infoBox">
<div class="itemBoxLeft">
<div v-for="(item, index) in infoList" :key="index" class="itemCon">
@@ -29,11 +29,14 @@
</div>
<JobRelatedEvents :jobTimes="jobTimes" :batchNo="batchNo" />
<div class="devicetitle" v-if="isShow">
+ <div>
+ <img src="/src/assets/images/task/sign.svg" alt="">
<p>
成果数据
<span>{{ total }}</span>
个
</p>
+ </div>
<div class="rightBox" v-if="total">
<div class="downloadBtn" @click="htlsrwxq === 100 && downloadFun()">
<el-progress v-if="htlsrwxq !== 100" :percentage="htlsrwxq" :show-text="false" striped striped-flow :duration="1" />
@@ -384,14 +387,18 @@
.machineTableDetailsTitle {
margin-bottom: 10px;
- background: url('/src/assets/images/task/detailtitle.png') no-repeat center;
+ // background: url('/src/assets/images/task/detailtitle.png') no-repeat center;
+ border-bottom: 2px solid #e4e7ed;
background-size: 100% 100%;
-
+ img{
+ width: 15px;
+ height: 15px;}
span {
display: inline-block;
- margin-left: 30px;
+ margin-left: 10px;
font-size: 16px;
- color: #0282ff;
+ // color: #0282ff;
+ color: #303133;
line-height: 20px;
text-align: left;
margin-bottom: 8px;
@@ -400,12 +407,13 @@
.devicetitle {
margin-bottom: 16px;
- background: url('/src/assets/images/task/detailtitle.png') no-repeat center;
+ // background: url('/src/assets/images/task/detailtitle.png') no-repeat center;
+ border-bottom: 2px solid #e4e7ed;
background-size: 100% 100%;
display: flex;
justify-content: space-between;
align-content: center;
-.rightBox{
+ .rightBox{
display: flex;
align-items: center;
padding-right: 10px;
@@ -451,9 +459,12 @@
}
}
+ img{
+ width: 15px;
+ height: 15px;}
p {
display: inline-block;
- margin-left: 30px;
+ margin-left: 10px;
font-size: 16px;
color: #363636;
line-height: 20px;
--
Gitblit v1.9.3