liuyg
2021-11-03 6d4df5cbb1def7e0da95fe9cdd8570e9019a6033
src/views/securityGuard/securityCertificate.vue
@@ -11,7 +11,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;&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>
@@ -23,22 +23,22 @@
        <div v-if="!data.avatar">暂无照片</div>
        <img :src="data.avatar" alt="" v-else />
      </div>
      <div class="security_m_l_titleName">{{ data.realName }}</div>
      <div class="security_m_l_titlepaperTimenian">
      <div class="security_m_l_titleName widt">{{ data.realName }}</div>
      <div class="security_m_l_titlepaperTimenian widt">
        {{ data.paperTime.slice(0, 4) }}
      </div>
      <div class="security_m_l_titlepaperTimeyue">
      <div class="security_m_l_titlepaperTimeyue widt">
        {{ data.paperTime.slice(5, 7) }}
      </div>
      <div class="security_m_l_titlepaperTimeri">
      <!-- <div class="security_m_l_titlepaperTimeri">
        {{ data.paperTime.slice(8, 10) }}
      </div>
      <div class="security_m_l_downsecuritynumber">
      </div> -->
      <div class="security_m_l_downsecuritynumber widt">
        {{ data.securitynumber }}
      </div>
      <div class="security_m_r_o_right">{{ data.realName }}</div>
      <div class="security_m_r_o_rightbirthday">{{ data.birthday }}</div>
      <div class="security_m_r_o_rightaddress security_m_r_o_l_r">
      <div class="security_m_r_o_right widt">{{ data.realName }}</div>
      <div class="security_m_r_o_rightbirthday widt">{{ 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 }}
      </div>
      <div class="security_m_r_o_rightcardid">{{ data.cardid }}</div>
@@ -96,7 +96,7 @@
}
// 标题
$upTop: 55px;
$downTop: 280px;
$downTop: 230px;  //整体高度
//经国家保安员考试审查合格。<br />特颁此证。
.security_main-title {
  position: absolute;
@@ -111,16 +111,17 @@
.security_m_l_center {
  position: absolute;
  top: $downTop;
  left: 39px;
  font-size: 18px;
  left: 32px;
  font-size: 16px;
  line-height: 40px;
}
//证件编号 &nbsp;
.security_m_l_down {
  position: absolute;
  top: 421px;
  left: 39px;
  left: 32px;
  font-size: 24px;
  font-weight: 500;
}
$rightLeft: 343px;
@@ -137,6 +138,7 @@
  width: $rightWidth;
  text-align: justify;
  text-align-last: justify;
  font-weight: 500;
}
//出生年月
.security_m_r_b {
@@ -186,7 +188,7 @@
// 抬头名字
.security_m_l_titleName {
  position: absolute;
  top: 46px;
  top: 16px;
  left: 85px;
  line-height: 45px;
  font-size: 22px;
@@ -194,46 +196,54 @@
  letter-spacing: 3px;
}
//发证时间
$timeTop: 320px;
$timeTop: 280px; //整体高度
//年
.security_m_l_titlepaperTimenian {
  position: absolute;
  top: $timeTop;
  left: 123px;
  left: 104px;
  font-size: 18px;
  line-height: 40px;
  // font-weight: 500;
}
//月
.security_m_l_titlepaperTimeyue {
  position: absolute;
  top: $timeTop;
  left: 192px;
  left: 164px;
  font-size: 18px;
  line-height: 40px;
  // font-weight: 500;
}
//日
.security_m_l_titlepaperTimeri {
  position: absolute;
  top: $timeTop;
  left: 253px;
  left: 209px;
  font-size: 18px;
  line-height: 40px;
  // font-weight: 500;
}
//证件编号
.security_m_l_downsecuritynumber {
  position: absolute;
  top: 421px;
  left: 160px;
  top: 369px; //整体高度
  left: 146px;
  font-size: 24px;
}
//内容
// 姓名
$centerLeft: 430px;
$centerLeft: 440px;
.security_m_r_o_right {
  position: absolute;
  top: $downTop;
  left: $centerLeft;
  font-size: $rightFontSize;
  // width: $rightWidth;
  // font-weight: 500;
}
// 生日
.security_m_r_o_rightbirthday {
@@ -242,6 +252,7 @@
  left: $centerLeft;
  font-size: $rightFontSize;
  // width: $rightWidth;
  // font-weight: 500;
}
// 地址
.security_m_r_o_rightaddress {
@@ -250,6 +261,7 @@
  left: $centerLeft;
  font-size: $rightFontSize;
  width: 160px;
  // font-weight: 500;
}
// 身份证
.security_m_r_o_rightcardid {
@@ -258,6 +270,7 @@
  left: $centerLeft;
  font-size: $rightFontSize;
  // width: $rightWidth;
  // font-weight: 500;
}
//背景图
.security_main_backImge {
@@ -268,4 +281,7 @@
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
// .widt{
//   font-weight: 550;
// }
</style>