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/assets/images/task/sign.svg | 3 +++
src/views/job/components/JobRelatedEvents.vue | 9 +++++++--
src/views/job/components/DeviceJobDetails.vue | 27 +++++++++++++++++++--------
3 files changed, 29 insertions(+), 10 deletions(-)
diff --git a/src/assets/images/task/sign.svg b/src/assets/images/task/sign.svg
new file mode 100644
index 0000000..cf6efce
--- /dev/null
+++ b/src/assets/images/task/sign.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="32" viewBox="0 0 23 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.8446 13.609C22.4288 14.8094 22.4288 17.1906 20.8446 18.3911L4.81187 30.5402C2.83607 32.0374 3.49992e-07 30.6282 4.58352e-07 28.1492L1.52047e-06 3.85082C1.62883e-06 1.37183 2.83608 -0.0374351 4.81187 1.45977L20.8446 13.609Z" fill="#1B94FF"/>
+</svg>
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;
diff --git a/src/views/job/components/JobRelatedEvents.vue b/src/views/job/components/JobRelatedEvents.vue
index 2dd0b4a..0a2e0d6 100644
--- a/src/views/job/components/JobRelatedEvents.vue
+++ b/src/views/job/components/JobRelatedEvents.vue
@@ -1,6 +1,7 @@
<template>
<div class="JobRelatedEvents">
<div class="machineTableDetailsTitle">
+ <img src="/src/assets/images/task/sign.svg" alt="">
<p>
关联事件
<span>{{ total }}</span>
@@ -194,11 +195,15 @@
.JobRelatedEvents {
.machineTableDetailsTitle {
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%;
+ 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