<template>
  <el-dialog
    title="项目分析"
    :visible.sync="visibleProxy"
    width="1280px"
    append-to-body
    @close="handleClose"
  >
    <div class="project-analysis-dialog-placeholder">
      <div class="placeholder-title">{{ person && person.name ? person.name : "项目分析" }}</div>
      <div class="placeholder-subtitle">
        当前来源：{{ source === "riskModelPeople" ? "命中模型涉及人员" : "风险人员总览" }}
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: "ProjectAnalysisDialog",
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
    person: {
      type: Object,
      default: () => null,
    },
    source: {
      type: String,
      default: "riskPeople",
    },
  },
  computed: {
    visibleProxy: {
      get() {
        return this.visible;
      },
      set(value) {
        this.$emit("update:visible", value);
      },
    },
  },
  methods: {
    handleClose() {
      this.$emit("close");
    },
  },
};
</script>

<style lang="scss" scoped>
.project-analysis-dialog-placeholder {
  min-height: 160px;
  padding: 24px;
  background: #f8fafc;
}

.placeholder-title {
  font-size: 20px;
  font-weight: 600;
  color: #0f172a;
}

.placeholder-subtitle {
  margin-top: 8px;
  font-size: 13px;
  color: #64748b;
}
</style>
