<template>
  <div class="dialog-h-content scroll-h  div_main">
    <div v-for="(item,index) in ruleList"
         :key="index">
      <div class="div_name">{{'政策细则'+(index+1)}}：{{item.ruleName}}</div>
      <person-list-item :ruleId="item.id"> </person-list-item>
    </div>

  </div>
</template>

<script>



import { requestPost } from "@/js/dai/request";
import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // 引入Loading服务
import personListItem from './personListItem'

let loading // 加载动画
export default {
  data () {
    return {
      loading: false,
      total: 0,
      pageSize: 20,
      pageNo: 1,
      tableLoading: false,

      agencyId: '',
      initLoading: false,

      tableArray: [

      ],



    }
  },
  components: {
    personListItem
  },
  async created () {

  },
  activated () {
    // this.$refs['ref_table'].doLayout()
  },
  async mounted () {


  },

  methods: {








    // 开启加载动画
    startLoading () {
      loading = Loading.service({
        lock: true, // 是否锁定
        text: '正在加载……', // 加载中需要显示的文字
        background: 'rgba(0,0,0,.7)' // 背景颜色
      })
    },
    // 结束加载动画
    endLoading () {
      // clearTimeout(timer);
      if (loading) {
        loading.close()
      }
    }
  },
  computed: {

  },
  watch: {

  },
  props: {
    policyId: {
      type: String,
      required: ''
    },
    ruleList: {
      type: Array,
      required: true,
      default () {
        return []
      }
    },
  }
}
</script>

<style lang="scss" scoped >
@import "@/assets/scss/modules/management/list-main.scss";

.div_name {
  padding: 5px 20px;
  font-size: 16px;
}
</style>



