保安员纸质证书样式调整

Administrator

2021-11-03 e0d57c4759961058e5030d78b58adf5124e42096

保安员纸质证书样式调整

 src/views/accreditationRecords/accreditationRecords.vue

@@ -38,7 +38,7 @@
          size="small"
          plain
          icon="el-icon-download"
          v-if="permission.trainExam_performance_export"
          v-if="permission.accreditationRecords_export"
          @click="handleExport"
          >保安员证信息导出
        </el-button>
@@ -250,7 +250,7 @@
    permissionList() {
      return {
        addBtn: this.vaildData(null, false),
        viewBtn: this.vaildData(this.permission.notice_view, false),
        viewBtn: this.vaildData(this.permission.accreditationRecords_view, false),
        delBtn: this.vaildData(null, false),
        editBtn: this.vaildData(null, false),
      };

 src/views/securityGuard/securityCertificate.vue

@@ -13,7 +13,7 @@
            <div class="security_m_l_center no-print">
                发证公安机关&nbsp;（印章）<br />
                发证日期
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月
                &nbsp;&nbsp;年&nbsp;月
            </div>
            <div class="security_m_l_down no-print">证件编号</div>
            <div class="security_m_r_a no-print">姓名</div>
@@ -45,7 +45,7 @@
                {{ data.cardid.slice(6, 10) }}.{{ data.cardid.slice(10, 12) }}.{{ data.cardid.slice(12, 14) }}
            </div>
            <div class="security_m_r_o_rightaddress security_m_r_o_l_r widt">
                {{ data.address }}
                {{ data.registered }}
            </div>
            <div class="security_m_r_o_rightcardid">{{ data.cardid }}</div>
        </div>
@@ -69,21 +69,20 @@
    components: { dictVertical },
    props: ["data"],
    created () {

        var time = this.getNewTime()
        this.year = time[0]
        this.month = time[1]
    },
    methods: {
        Print () {
            if (this.data.address == '' || this.data.address == null) {
                this.$message({ message: '请完善地址信息', type: 'warning' })
            if (this.data.registered == '' || this.data.registered == null) {
                this.$message({ message: '请完善住址信息', type: 'warning' })
                return
            }
            var printDom = document.getElementById("securityCertificate");
            printDom.style.position = "fixed";
            printDom.style.top = "-26%";
            printDom.style.left = "-12%";
            printDom.style.top = "-28.5%";
            printDom.style.left = "-23%";
            printDom.style.width = "120%";
            printDom.style.height = "100%";
            printDom.style.fontFamily = "SimSun";
@@ -134,13 +133,13 @@
    position: relative;
}
// 标题
$upTop: 55px;
$downTop: 228px; //整体高度
$upTop: 45px;
$downTop: 260px; //整体高度
//经国家保安员考试审查合格。<br />特颁此证。
.security_main-title {
    position: absolute;
    top: $upTop;
    left: 39px;
    left: 34px;
    line-height: 45px;
    letter-spacing: 3px;
}
@@ -148,13 +147,13 @@
.security_m_l_center {
    position: absolute;
    top: $downTop;
    left: 32px;
    left: 15px;
    line-height: 40px;
}
//证件编号 &nbsp;
.security_m_l_down {
    position: absolute;
    top: 421px;
    top: 379px;
    left: 32px;
}

@@ -218,68 +217,69 @@
// 抬头名字
.security_m_l_titleName {
    position: absolute;
    top: 13px;
    left: 44px;
    top: 35px;
    left: 121px;
    line-height: 45px;
    letter-spacing: 3px;
}
//发证时间
$timeTop: 280px; //整体高度
$timeTop: 299px; //整体高度
//年
.security_m_l_titlepaperTimenian {
    position: absolute;
    top: $timeTop;
    left: 25px;
    left: 95px;
    line-height: 40px;
}
//月
.security_m_l_titlepaperTimeyue {
    position: absolute;
    top: $timeTop;
    left: 75px;
    left: 154px;
    line-height: 40px;
}
//日
.security_m_l_titlepaperTimeri {
    position: absolute;
    top: $timeTop;
    left: 164px;
    left: 159px;
    line-height: 40px;
}
//证件编号
.security_m_l_downsecuritynumber {
    position: absolute;
    top: 357px; //整体高度
    left: 54px;
    top: 379px; //整体高度
    left: 125px;
}

//内容
// 姓名
$centerLeft: 365px;
$centerLeft: 450px;
.security_m_r_o_right {
    position: absolute;
    top: $downTop + 2px;
    top: $downTop + $lineHigeht*0+ 0px;
    left: $centerLeft;
    // width: $rightWidth;
}
// 生日
.security_m_r_o_rightbirthday {
    position: absolute;
    top: $downTop + $lineHigeht * 1;
    top: $downTop + $lineHigeht * 1-2px;
    left: $centerLeft;
    // width: $rightWidth;
}
// 地址
.security_m_r_o_rightaddress {
    position: absolute;
    top: $downTop + $lineHigeht * 2 -5px;
    top: $downTop + $lineHigeht * 2 -4px;
    left: $centerLeft;
    width: 160px;
    font: bold 16px 'SimSun' !important;
}
// 身份证
.security_m_r_o_rightcardid {
    position: absolute;
    top: $downTop + $lineHigeht * 4 +8px;
    top: $downTop + $lineHigeht * 4 +6px;
    left: $centerLeft;
    // width: $rightWidth;
}

 src/views/securityGuard/securityGuard.vue

@@ -58,7 +58,6 @@
              >个人照片批量上传
            </el-button>
            <el-button
              style="display:none"
              type="primary"
              size="small"
              plain
@@ -790,18 +789,18 @@
              },
              {
                label: "联系地址",
                prop: "address",
                prop: "address"
              },
              {
                label: "住址",
                prop: "registered",
                rules: [
                  {
                    required: true,
                    message: "请输入联系地址",
                    message: "请输入住址",
                    trigger: "click",
                  },
                ],
              },
              {
                label: "户口所在地",
                prop: "registered",
              },
              {
                label: "所属辖区",