<template>
  <div class="relationQueryhead">
    <el-row class="body">
      <el-col :span="24" class="tc"
        ><div>{{ title }}核销</div>
      </el-col>
      <el-col :span="8" style="width: 200px"><div>编号</div></el-col>
      <el-col v-if="dashdIndex === 1" :span="8" class="setWidth"
        ><div>企业名称</div></el-col
      >
      <el-col :span="8" v-if="dashdIndex === 1" style="width: 110px"
        ><div>
          {{ type === "1" ? "资金" : type === "2" ? "资金" : "确认单" }}总额
        </div></el-col
      >
      <el-col :span="8" v-if="dashdIndex === 1" style="width: 110px"
        ><div>
          {{ type === "1" ? "发票" : type === "2" ? "确认单" : "发票" }}总额
        </div></el-col
      >
      <el-col v-if="dashdIndex !== 1" :span="8" style="width: 110px"
        ><div>{{ title }}总额</div></el-col
      >
    </el-row>
  </div>
</template>

<script>
export default {
  name: "headTemplate",
  props: ["title", "dashdIndex", "type"],
  data() {
    return {};
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
.relationQuery {
  .relationQueryhead {
    position: relative;
    width: 100%;
    .head {
      width: 100%;
      box-sizing: border-box;
      padding: 0 0 8px 0;
    }
    .body {
      > div {
        padding: 4px 0;
        box-sizing: border-box;
        background: #f5f7fa;
        border: 1px solid rgb(223, 230, 236);
        border-right: 0;
        &:last-child {
          border-right: 1px solid rgb(223, 230, 236);
        }
        &.tc {
          border-bottom: 0;
          border-right: 1px solid rgb(223, 230, 236);
        }
        &.setWidth {
          width: calc(100% - 420px);
        }
        // &.setWidth2 {
        //   width: calc(100% - 320px);
        // }
        > div {
          display: inline-block;
          color: rgb(144, 147, 153);
          padding: 0 10px;
          width: 100%;
          box-sizing: border-box;
          font-size: 12px;
          font-family: "Microsoft Yahei", sans-serif;
          font-size: 12px;
          //   font-style: normal;
          //   font-weight: 700;
          height: 21px;
          line-height: 21px;
        }
      }
    }
  }
}
</style>
