<template>
  <div
    class="zindexDeptName"
    v-if="toPdept && toPdept != 0"
    @click="clickDept(refsName)"
    :style="deptStyle"
  >
    <WWOpenData type="departmentName" :openid="toPdept"></WWOpenData>
  </div>
</template>
<script>
export default {
  props: {
    refsName: {
      type: '',
      default: ""
    },
    toPdept: {
      type: Number,
      default: 0
    },
    deptStyle: {
        type:String,
        default: ''
    },
  },
  watch: {},
  mounted() {},
  methods: {
    clickDept(refsNAme) {
        console.log(refsNAme)
        this.$nextTick(()=>{
          refsNAme.dropDownVisible = true;
        })
    }
  }
};
</script>
<style scoped>
.zindexDeptName {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  margin: 10px 0 0 10px;
  padding-left: 5px;
  background-color: #ffffff;
  color: #1d1d1d;
  height: 18px;
  width: 80%;
  overflow: hidden;
  cursor: pointer;
}
</style>
