<template>
  <div>
    <el-dialog :visible.sync="dialogVisible"
               :title="dialogTitle"
               width="600px"
               @close="dialogVisible = false">
      <p v-for="(item, index) in companylists"
         class="no_top_bottom"
         :key="index">
        <span>{{item.enterpriseName}}</span>
      </p>
    </el-dialog>
  </div>
</template>

<script>
import BaseEdit from '@/pages/projectCompany/projectCompanyEditPage.js'
export default {
  props: {
    dialogTitle: {
      type: String,
      default: ''
    }
  },
  extends: new BaseEdit(),
  data () {
    return {
      companylists: []
    }
  },
  methods: {},
  watch: {
    visible (old) {
      if (old) {
        const { lists } = this.form
        this.companylists = lists
      } else {
        this.companylists = []
      }
    }
  }
}
</script>

<style  scoped>
p.no_top_bottom {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
</style>
