<template>
  <view class="Page_select_organization">
    <Select-Organization v-show="this.show"
                         @click="tab"
                         @toggle-organization="show = false"></Select-Organization>
    <view class="organization"
          @click="tab">
      <span>{{ this.nowSelectOrganizationInfo.name }}</span>
      <uni-icons color="#fff"
                 size="10"
                 type="bottom"></uni-icons>
    </view>
  </view>
</template>
<script>
import { mapState } from "vuex";
import ViewComment from "../../pages/template/bomb/viewComment.vue";
export default {
  data() {
    return {
      show: false,
    };
  },
  computed: {
    ...mapState(["nowSelectOrganizationInfo"]),
  },
  methods: {
    tab() {
      console.log("触发隐藏函数");
      this.show = !this.show;
    },
  },
};
</script>
<style lang="scss" scoped>

.organization {
  padding-bottom: 10rpx;
  width: 100%;
  height: 50rpx;
  line-height: 50rpx;
  text-align: center;
  font-size: 28rpx;
  color: #fff;
  background-color: #5179ef;
  .uni-icons {
    margin-left: 20rpx;
  }
}

.card {
  font-size: 16px;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
</style>
