feat:历史任务详情样式调整

张含笑

2025-09-27 013f0d780f244e784494e5fec15b69ac535de1be

feat:历史任务详情样式调整

 src/assets/images/task/sign.svg

New file
@@ -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>

 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;

 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;