<!--
 * @Author: your name
 * @Date: 2022-09-20 10:22:51
 * @LastEditTime: 2022-09-22 10:51:44
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * 
-->
<template>
  <div class="dialogBox">
    <div class="title">
      <span class="mc">社会资源</span>
      <span @click="close" class="close">
        <el-icon><Close /></el-icon>
      </span>
    </div>
    <div class="listBox">
      <div v-for="(item, index) in props.data" :key="index">
        <div class="infoBox">
          <div class="content">{{ item.ysmc }}</div>
          <div class="other">所属部门：{{ item.ssbm }}</div>
          <div class="address">
            <img src="@/assets/images/situationPresentation/dingwei.png" />
            <span>{{ item.yswzXz }}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, defineProps } from "vue";
// 左右折叠状态
import emitter from "@/utils/eventBus.js";
const props = defineProps({
  data: {
    type: Array,
    default: []
  }
});

//关闭弹窗
function close() {
  emitter.emit("showShzy", false);
  emitter.emit("deletePointArea", "lang");
}
</script>
<style lang="scss" scoped>
@import "@/assets/css/largeScreen.scss";
@import "@/assets/css/homeScreen.scss";
.dialogBox {
  .listBox {
    padding: 4px 10px;
    box-sizing: border-box;
    .infoBox {
      padding: 4px 10px;
      .other {
        margin: 5 10px;
        color: #779dcd;
      }
    }
    .address {
      margin-top: 10px;
      border-top: 1px solid #34334c;
      padding-top: 6px;
      img {
        margin-right: 10px;
      }
    }
  }
}

</style>
