<!--
 * @Author: zqm
 * @Date: 2021-06-25 13:39:10
 * @LastEditTime: 2022-01-06 11:03:18
 * @LastEditors: Please set LastEditors
 * @Description: 税种所属期展示
 * @FilePath: \taxFormToolFramework\src\components\titleShow.vue
-->
<template>
  <div class="stausXX">
    <p class="staus_left left">
      <span class="staus_title">当前凭证种类：</span>
      <span class="now_bbmc" v-html="bblxMc"></span>
    </p>
    <p class="staus_left left" v-if="bblx!='30101' && bblx!='30103'">
      <span class="staus_title">所属期：</span>
      <span class="now_ssq" v-html="sksssjq" v-format-date></span>至
      <span class="now_ssq" v-html="sksssjz" v-format-date></span>
    </p>
  </div>
</template>
<script>
export default {
  name: "titleShow",
  props: {
    bblxMc: { type: String, default: "" },
    sksssjq: { type: String, default: "" },
    sksssjz: { type: String, default: "" },
    bblxDm: { type: String, default: "" },
  },
  data() {
    return {
      bblx: ''
    }
  },
  mounted() {
    this.bblx = this.bblxDm
  }
}
</script>
<style scoped>
.stausXX {
  padding: 0 16px;
  color: #333333;
  line-height: 46px;
  text-align: left;
  background: #f0f1f2;
  border-radius: 3px;
  overflow: hidden;
}
.staus_left {
  margin-right: 40px;
}
.now_bbmc,
.now_ssq {
  font-weight: 900;
  font-family: "微软雅黑";
}
</style>
