<template>
  <div class="system-list content-box">
    <div class="system-item" v-for="(item, index) in list" :key="index">
      <div class="sys-header"><img class="img" :src="item.sysUrl" alt="">{{item.sysName}}</div>
      <div class="sys-content">
        <div class="checkbox-wrap" v-for="(roleItem, index) in item.sysRoles" :key="`role-${index}`">
          <Checkbox v-model="roleItem.checked" size="large">{{roleItem.name}}</Checkbox>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SystemList',
  props: {
    list: Array
  },
  data () {
    return {
    }
  },
  created () { },
  methods: {}
}
</script>