Browse Source

保留一期报告;增加二期报告

htc 1 day ago
parent
commit
84a99b9133

+ 19 - 516
src/components/reportPdf/pdf.scss

@@ -1,8 +1,8 @@
 .cd_box{
     padding: 20px 0 30px;
     box-sizing: border-box;
-    border-top: 1px solid red !important;
     position: relative;
+    border-top: 1px solid rgba(0,0,0,.4);
     height: 890px;
     color: #111111;
     .cb_db{
@@ -46,7 +46,7 @@
         &.p3{
             font-size: 12px;
             line-height: 16px;
-            color: #33A7A7;
+            color: #761E6A;
         }
     }
 
@@ -71,56 +71,6 @@
         background: url('@/assets/images/report/fm_bg.png') no-repeat;
         background-size: 100% 100%;
         position: relative;
-    } 
-    &.fm2{
-        background: url('@/assets/images/versionTwo/fm_bg.png') no-repeat;
-        background-size: 100% 100%;
-        position: relative;
-        justify-content: flex-end;
-        padding: 0 40px 30px;
-        box-sizing: border-box;
-    }
-    .fm2-logo{
-        width: 163px;
-        height: 44px;
-        position: absolute;
-        top: 48px;
-        left: 30px;
-    }
-    .fm2-perill{
-        width: 308px;
-        height: 58px;
-    }
-    .fm2-line{
-        width: calc(100% - 87px);
-        height: 1px;
-        background: rgba(255,255,255,0.12);
-        margin-top: 12px;
-    }
-    .fm2-p{
-        font-family: PingFangSC, PingFang SC;
-        font-weight: 400;
-        font-size: 40px;
-        color: #FFDF73;
-        line-height: 48px;
-        margin-top: 12px;
-    }
-    .fm2-texts{
-        margin-top: 15px;
-        overflow: hidden;
-        justify-content: space-between;
-        flex-wrap: wrap;
-    }
-    
-    .fm2-texts-pre{
-        width: 50%;
-        margin-top: 15px;
-        font-family: PingFang-SC, PingFang-SC;
-        font-weight: 500;
-        font-size: 12px;
-        color: #FFFFFF;
-        line-height: 12px;
-        text-align: left;
     }
 
     .fm_img{
@@ -195,14 +145,14 @@
                 width: calc(20% - 10px);
                 height: 302px;
                 border-radius: 0px 18px 0px 18px;
-                border: 2px solid #33A7A7;
+                border: 2px solid #761E6A;
                 padding-left: 10px;
                 box-sizing: border-box;
                 position: relative;
                 .jbp_zm{
                     width: 32px;
                     height: 32px;
-                    background: #33A7A7;
+                    background: #761E6A;
                     font-family: PingFang-SC, PingFang-SC;
                     font-weight: bold;
                     font-size: 22px;
@@ -222,7 +172,7 @@
                     width: 100%;
                     height: 30px;
                     padding: 0 20px 7px 0;
-                    border-bottom: 2px solid #33A7A7;
+                    border-bottom: 2px solid #761E6A;
                     box-sizing: border-box;
                     font-family: STSongti-SC, STSongti-SC;
                     font-weight: bold;
@@ -349,6 +299,7 @@
         }
     }
 
+
     .mddj_title{
         img{
             width: 65px;
@@ -488,14 +439,14 @@
         margin-top: 10px;
         .mb_item{
             padding: 20px 0;
-            border-bottom: 1px dotted #33A7A7;
+            border-bottom: 1px dotted #833478;
 
             .mbi_title{
                 background: rgba(131,52,120,0.12);
                 font-family: PingFang-SC, PingFang-SC;
                 font-weight: bold;
                 font-size: 10px;
-                color: #33A7A7;
+                color: #761E6A;
                 line-height: 14px;
                 padding: 5px;
                 display: inline;
@@ -525,7 +476,7 @@
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 600;
                 font-size: 20px;
-                color: #33A7A7;
+                color: #761E6A;
                 line-height: 24px;
                 text-align: right;
                 &.red{
@@ -570,8 +521,8 @@
                             height: 39px;
                             border-radius: 100%;
                             background: conic-gradient(
-                                #33A7A7 0deg,                          /* 起始点 */
-                                #33A7A7 calc(var(--percentage, 0) * 3.6deg), /* 切割范围 */
+                                #761E6A 0deg,                          /* 起始点 */
+                                #761E6A calc(var(--percentage, 0) * 3.6deg), /* 切割范围 */
                                 transparent calc(var(--percentage, 0) * 3.6deg), /* 切割的部分,使用透明 */
                                 transparent 360deg                 /* 圆的结束 */
                             );
@@ -596,7 +547,7 @@
                             font-family: PingFang-SC, PingFang-SC;
                             font-weight: 800;
                             font-size: 18px;
-                            color: #33A7A7;
+                            color: #761E6A;
                             z-index: 3;
                             display: flex;
                             flex-direction: column;
@@ -669,7 +620,7 @@
                     line-height: 16px;
                     text-align: center;
                     &.red{
-                        color: #33A7A7;
+                        color: #833478;
                     }
                 }
             }
@@ -691,7 +642,7 @@
                         width: calc(100% / 3);
                         height: 100%;
                         &.p1{
-                            background: #33A7A7;
+                            background: #761E6A;
                         }
                         &.p2{
                             background: rgba(118,30,106,0.6);
@@ -716,7 +667,7 @@
                             padding: 10px 8px;
                             white-space: nowrap;
                             &.red{
-                                color: #33A7A7;
+                                color: #833478;
                             }
                             &.green{
                                 color: #AD78A6;
@@ -742,7 +693,7 @@
             font-family: PingFang-SC, PingFang-SC;
             font-weight: bold;
             font-size: 12px;
-            color: #33A7A7;
+            color: #761E6A;
             line-height: 16px;
         }
         .nb_p{
@@ -803,7 +754,7 @@
                     background: #FFFFFF;
                     padding: 5px 5px;
                     &.red{
-                        background: #33A7A7;
+                        background: #761E6A;
                         color: #FFFFFF;
                     }
                     &.pink{
@@ -850,7 +801,7 @@
                     }
                 }
                 &.th td{
-                    background: #33A7A7;
+                    background: #761E6A;
                     color: #FFFFFF;
                 }
             }
@@ -915,6 +866,7 @@
             margin-top: 7px;
         }
     }
+
     
     .cb_content{
         &.box_dj{
@@ -1058,453 +1010,4 @@
             }
         }
     }
-
-    .v2-top{
-        width: 100%;
-        height: 49px;
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
-        padding: 0 8px 0 32px;
-        box-sizing: border-box;
-        .vt-left{
-            font-family: PingFang-SC, PingFang-SC;
-            font-weight: bold;
-            font-size: 24px;
-            color: #FFFFFF;
-            span{
-                font-family: PingFangSC, PingFang SC;
-                font-weight: 600;
-                font-size: 20px;
-                color: #199C9C;
-                margin-left: 40px;
-            }
-            &.black{
-                color: #002846;
-            }
-        }
-        .vt-right{
-            font-family: PingFangSC, PingFang SC;
-            font-weight: 400;
-            font-size: 8px;
-            color: #002846;
-            line-height: 14px;
-            text-align: right;
-        }
-    }
-
-    .v2-box{
-        margin-top: 13px;
-        background: #FFFFFF;
-        border-radius: 10px;
-        border: 1px solid #33A7A7;
-        padding: 16px 16px 18px;
-        position: relative;
-        .vb-img1{
-            width: 48px;
-            height: 6px;
-            position: absolute;
-            left: 12px;
-            top: -3px;
-        }
-        .vb-img2{
-            width: 44px;
-            height: 20px;
-            position: absolute;
-            left: 16px;
-            bottom: -10px;
-        }
-    }
-
-    .v2-p{
-        font-family: PingFangSC, PingFang SC;
-        font-weight: 400;
-        font-size: 10px;
-        color: #002846;
-        line-height: 16px;
-        span{
-            font-family: DIN, DIN;
-            font-weight: bold;
-            font-size: 14px;
-            color: #009191;
-            line-height: 14px;
-            margin: 0 10px;
-        }
-    }
-    .v2-p2{
-        font-family: PingFang-SC, PingFang-SC;
-        font-weight: bold;
-        font-size: 12px;
-        color: #002846;
-        line-height: 16px;
-    }
-    .v2-p3{
-        font-family: PingFang-SC, PingFang-SC;
-        font-weight: bold;
-        font-size: 14px;
-        color: #002846;
-        line-height: 20px;
-    }
-
-    .v2-six{
-        flex: 1;
-        margin-top: 29px;
-        background: #F1F9F9;
-        border-radius: 10px;
-        position: relative;
-        padding: 46px 16px 25px;
-        .vsix-title{
-            width: 234px;
-            height: 42px;
-            background: url('@/assets/images/versionTwo/intro_box_title_bg.png') no-repeat;
-            background-size: 100% 100%;
-            font-family: PingFangSC, PingFang SC;
-            font-weight: 600;
-            font-size: 20px;
-            color: #FFFFFF;
-            line-height: 42px;
-            text-align: center;
-            position: absolute;
-            left: 50%;
-            margin-left: -117px;
-            top: -10px;
-        }
-        .vsix-p{
-            font-family: PingFangSC, PingFang SC;
-            font-weight: 400;
-            font-size: 10px;
-            color: #002846;
-            line-height: 16px;
-        }
-        .vsix-boxs{
-            margin-top: 16px;
-            overflow: hidden;
-            .vsb{
-                margin-top: 2px;
-                background: #FFFFFF;
-                border-radius: 8px;
-                padding: 12px 16px 12px 24px;
-                .vsb-img{
-                    width: 48px;
-                    height: 48px;
-                }
-                .vsb-right{
-                    width: calc(100% - 77px);
-                    margin-left: 29px;
-                    padding-left: 24px;
-                    box-sizing: border-box;
-                    position: relative;
-                    &::before{
-                        content: '';
-                        width: 1px;
-                        height: 48px;
-                        background: #E6EAED;
-                        position: absolute;
-                        left: 0;
-                        top: 50%;
-                        margin-top: -24px;
-                    }
-                    .vsbr-top{
-                        .vsbrt-type{
-                            width: 24px;
-                            height: 24px;
-                            border-radius: 4px;
-                            font-family: PingFang-SC, PingFang-SC;
-                            font-weight: bold;
-                            font-size: 20px;
-                            color: #FFFFFF;
-                            line-height: 24px;
-                            text-align: center;
-                        }
-                        .vsbrt-title{
-                            font-family: PingFang-SC, PingFang-SC;
-                            font-weight: bold;
-                            font-size: 14px;
-                            line-height: 16px;
-                            margin-left: 8px;
-                        }
-                    }
-                    .vsbr-desc{
-                        font-family: PingFangSC, PingFang SC;
-                        font-weight: 400;
-                        font-size: 10px;
-                        color: #002846;
-                        line-height: 16px;
-                        margin-top: 10px;
-                    }
-                }
-            }
-        }
-    }
-
-    .v2-data{
-        background: #FFFFFF;
-        border-radius: 10px;
-        border: 1px solid #AEDADA;
-        width: calc(100% - 9px);
-        padding: 46px 16px 16px;
-        box-sizing: border-box;
-        margin: 27px 0 0 8px;
-        position: relative;
-        .vd-title{
-            width: 134px;
-            height: 44px;
-            background-size: 100%;
-            font-family: PingFangSC, PingFang SC;
-            font-weight: 600;
-            font-size: 18px;
-            color: #FFFFFF;
-            line-height: 30px;
-            padding-left: 24px;
-            box-sizing: border-box;
-            position: absolute;
-            top: -1px;
-            left: -9px;
-            &.vt2{
-                width: 224px;
-            }
-            &.vt3{
-                line-height: 36px;
-            }
-            &.black{
-                color: #002846;
-            }
-        }
-    }
-
-    .vd-wd{
-        margin-top: 8px;
-        width: 100%;
-        height: 34px;
-        border-radius: 6px;
-        padding: 0 10px;
-        box-sizing: border-box;
-        .vdwd-pre{
-            width: 30%;
-            font-family: PingFangSC, PingFang SC;
-            font-weight: 400;
-            font-size: 12px;
-            color: #4D697E;
-            line-height: 34px;
-            text-align: left;
-            &.vp{
-                width: 40%;
-            }
-            span{
-                font-family: DIN, DIN;
-                font-weight: bold;
-                font-size: 14px;
-                color: #002846;
-                line-height: 20px;
-            }
-        }
-    }
-
-    .vb-table{
-        margin-top: 11px;
-        border: 1px solid #FFE796;
-        border-radius: 4px;
-        .vbt-pre{
-            height: 44px;
-            .vbtp-left{
-                width: 110px;
-                height: 44px;
-                font-family: PingFangSC, PingFang SC;
-                font-weight: 400;
-                font-size: 10px;
-                color: #FFFFFF;
-                line-height: 14px;
-                border-bottom: 1px solid #FFFFFF;
-				box-sizing: border-box;
-                &.black{
-                    color: #002846;
-                }
-            }
-            .vbtp-right{
-                width: calc(100% - 110px);
-                height: 44px;
-                padding: 0 18px;
-                box-sizing: border-box;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                .vbtpr-title{
-                    font-family: PingFangSC, PingFang SC;
-                    font-weight: 400;
-                    font-size: 9px;
-                    color: #193D59;
-                    line-height: 10px;
-                }
-                .vbtpr-jd{
-                    margin-top: 7px;
-                    width: 100%;
-                    height: 6px;
-                    background: #F0F2F8;
-                    border-radius: 3px;
-                    position: relative;
-                    .vj_num{
-                        position: absolute;
-                        height: 6px;
-                        left: 0;
-                        top: 0;
-                    }
-                    .vj-val{
-                        background: #FFFFFF;
-                        border-radius: 4px;
-                        padding: 4px 7px;
-                        font-family: DIN, DIN;
-                        font-weight: bold;
-                        font-size: 12px;
-                        color: #002846;
-                        line-height: 10px;
-                        position: absolute;
-                        top: 50%;
-                        transform: translateY(-50%);
-                        z-index: 2;
-                    }
-                }
-            }
-            &:last-child{
-                .vbtp-left,.vbtp-right{
-                    border: none;
-                }
-            }
-        }
-
-        .vbt-th{
-            height: 26px;
-            border-radius: 4px 4px 0px 0px;
-            border-bottom: 1px solid #FFFFFF;
-            &>div{
-                font-family: PingFang-SC, PingFang-SC;
-                font-weight: bold;
-                font-size: 10px;
-                color: #FFFFFF;
-                line-height: 26px;
-                text-align: center;
-            }
-            &.black{
-                &>div{
-                    color: #002846;
-                }
-            }
-        }
-        .vbtt-w1{
-            width: 72px !important;
-        }
-        .vbtt-w2{
-            width: 46px !important;
-        }
-        .vbtt-w3{
-            flex: 1 !important;
-        }
-
-        .vbtp-num{
-            font-family: DIN, DIN;
-            font-weight: bold;
-            font-size: 14px;
-            color: #667E90;
-            text-align: center;
-            line-height: 44px;
-            &.green{
-                color: #199C9C;
-            }
-        }
-
-        .vbtp-desc{
-            height: 44px;
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            .vbtpd-title{
-                font-family: PingFangSC, PingFang SC;
-                font-weight: 400;
-                font-size: 9px;
-                color: #193D59;
-                line-height: 10px;
-            }
-            .xr_tb{
-                width: calc(100% - 20px);
-                height: 4px;
-                margin-top: 11px;
-                position: relative;
-                .xt_pre{
-                    width: calc(100% / 3);
-                    height: 100%;
-                    &.p1{
-                        background: #BA8EB4;
-                    }
-                    &.p2{
-                        background: #66BDBD;
-                    }
-                    &.p3{
-                        background: #AFCDF5;
-                    }
-                }
-                .xt_score{
-                    position: absolute;
-                    left: 14px;
-                    top: -9px;
-                    .xts_num{
-                        background: #FFFFFF;
-                        box-shadow: 0px 4px 10px 0px rgba(118,30,106,0.08);
-                        border-radius: 4px;
-                        border: 1px solid rgba(131,52,120,0.19);
-                        font-family: DIN, DIN;
-                        font-weight: bold;
-                        font-size: 12px;
-                        color: #904A87;
-                        line-height: 10px;
-                        padding: 4px 7px;
-                        white-space: nowrap;
-                        &.red{
-                            color: #904A87;
-                        }
-                        &.green{
-                            color: #199C9C;
-                        }
-                    }
-                    .xts_box{
-                        flex: 1;
-                        height: 8px;
-                        background: #199C9C;
-                    }
-                }
-            }
-        }
-    }
-
-    .vb-category{
-        position: absolute;
-        top: 80px;
-        left: 16px;
-        .vbc-pre{
-            margin-top: 16px;
-            .vbcp-yuan{
-                width: 10px;
-                height: 10px;
-                border-radius: 5px;
-                &.y1{
-                    background: #9F6196;
-                }
-                &.y2{
-                    background: #AFCDF5;
-                }
-                &.y3{
-                    background: #FFD650;
-                }
-                &.y4{
-                    background: #012846;
-                }
-            }
-            .vbcp-text{
-                font-family: PingFangSC, PingFang SC;
-                font-weight: 400;
-                font-size: 12px;
-                color: #002846;
-                line-height: 10px;
-                margin-left: 8px;
-            }
-        }
-    }
 }

File diff suppressed because it is too large
+ 909 - 279
src/components/reportPdf/pdf.vue


File diff suppressed because it is too large
+ 1510 - 0
src/components/reportPdf/pdf2.scss


File diff suppressed because it is too large
+ 363 - 0
src/components/reportPdf/pdf2.vue


File diff suppressed because it is too large
+ 719 - 198
src/components/reportPdf/pdfUser.vue


File diff suppressed because it is too large
+ 290 - 0
src/components/reportPdf/pdfUser2.vue