地址配置修改

zhongrj

2024-05-24 f2a74b0b28b74dc29be85ec8e6328bdd262f84b9

 src/views/securityGuard/securityCertificate.vue

@@ -5,21 +5,21 @@
             ref="securityCertificate">
            <!-- 标题 -->
            <div class="security_main_backImge no-print"></div>
            <div class="security_main-title no-print">
                &nbsp;&nbsp;&nbsp;
                <span style="letter-spacing: 0px">____________</span>
                经国家<br />保安员考试审查合格。<br />特颁此证。
            </div>
            <div class="security_m_l_center no-print">
                发证公安机关&nbsp;（印章）<br />
                发证日期
                &nbsp;&nbsp;年&nbsp;月
            </div>
            <div class="security_m_l_down no-print">证件编号</div>
            <div class="security_m_r_a no-print">姓名</div>
            <div class="security_m_r_b no-print">出生年月</div>
            <div class="security_m_r_c no-print">地址</div>
            <div class="security_m_r_d no-print">公民身份<br />号码</div>
<!--            <div class="security_main-title no-print">-->
<!--                &nbsp;&nbsp;&nbsp;-->
<!--                <span style="letter-spacing: 0px">____________</span>-->
<!--                经国家<br />保安员考试审查合格。<br />特颁此证。-->
<!--            </div>-->
<!--            <div class="security_m_l_center no-print">-->
<!--                发证公安机关&nbsp;（印章）<br />-->
<!--                发证日期-->
<!--                &nbsp;&nbsp;年&nbsp;&nbsp;月-->
<!--            </div>-->
<!--            <div class="security_m_l_down no-print">证件编号</div>-->
<!--            <div class="security_m_r_a no-print">姓名</div>-->
<!--            <div class="security_m_r_b no-print">出生年月</div>-->
<!--            <div class="security_m_r_c no-print">地址</div>-->
<!--            <div class="security_m_r_d no-print">公民身份<br />号码</div>-->
            <!-- 内容 -->
            <div class="security_m_r_imgs no-print">
                <div v-if="!data.avatar">暂无照片</div>
@@ -49,12 +49,12 @@
            </div>
            <div class="security_m_r_o_rightcardid">{{ data.cardid }}</div>
        </div>
        <span slot="footer"
        <!-- <span slot="footer"
              class="dialog-footer no-print PrintBut"
              v-if='permission.securityGuard_securityCertificate'>
            <el-button type="primary"
                       @click="Print">打 印</el-button>
        </span>
        </span> -->
    </div>
</template>

@@ -74,9 +74,17 @@
    components: { dictVertical },
    props: ["data"],
    created () {
        var time = this.getNewTime()
        this.year = time[0]
        this.month = time[1]
        if (this.data.paperTime != null && this.data.paperTime != ''){
          let date = this.data.paperTime.split(" ")[0]
          let dateArr = date.split("-")

          this.year = dateArr[0];
          this.month = dateArr[1];
        }else{
          var time = this.getNewTime()
          this.year = time[0]
          this.month = time[1]
        }
    },
    computed: {
        ...mapGetters(["userInfo", "permission"]),
@@ -151,7 +159,7 @@
    font: bold 18px 'SimSun' !important;
}
.security_main {
    width: 630px;
    width: 660px;
    height: 512px;
    //   border: 1px solid rgba($color: #a5a5a5, $alpha: 0.5);
    // display: flex;
@@ -163,8 +171,8 @@
    position: relative;
}
// 标题
$upTop: 45px;
$downTop: 265px; //整体高度
$upTop: 57px;
$downTop: 290px; //整体高度
//经国家保安员考试审查合格。<br />特颁此证。
.security_main-title {
    position: absolute;
@@ -187,7 +195,7 @@
    left: 32px;
}

$rightLeft: 343px;
$rightLeft: 354px;
$rightFontSize: 18px;
$rightWidth: 77px;

@@ -236,7 +244,7 @@
    height: calc(441px / 3);
    position: absolute;
    top: $upTop;
    left: 421px;
    left: 427px;
    img {
        width: 100%;
        height: 100%;
@@ -247,25 +255,25 @@
// 抬头名字
.security_m_l_titleName {
    position: absolute;
    top: 45px;
    top: 55px;
    left: 121px;
    line-height: 45px;
    letter-spacing: 3px;
}
//发证时间
$timeTop: 306px; //整体高度
$timeTop: 344px; //整体高度
//年
.security_m_l_titlepaperTimenian {
    position: absolute;
    top: $timeTop;
    left: 107px;
    left: 159px;
    line-height: 40px;
}
//月
.security_m_l_titlepaperTimeyue {
    position: absolute;
    top: $timeTop;
    left: 166px;
    left: 210px;
    line-height: 40px;
}
//日
@@ -278,13 +286,13 @@
//证件编号
.security_m_l_downsecuritynumber {
    position: absolute;
    top: 370px; //整体高度
    top: 425px; //整体高度
    left: 145px;
}

//内容
// 姓名
$centerLeft: 458px;
$centerLeft: 448px;
.security_m_r_o_right {
    position: absolute;
    top: $downTop + $lineHigeht * 0-2px;
@@ -318,7 +326,7 @@
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/img/securityCertificate/bazsss.png);
    background-image: url(/img/securityCertificate/bayz.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}