<template>
   <Modal
      v-model="my_show"
      title="分配权限(点击选择)"
      :closable="false"
      :mask-closable="false"
      @on-visible-change="visibleChange">
      <div class="page-detail-wrap uinn-lr20">
         <ui-loading :show="page_loading.show"></ui-loading>

         <Tree
            ref="tree"
            :data="list"
            show-checkbox
            @on-check-change="checkChange">
         </Tree>
      </div>
      <footer slot="footer" class="ta-c">
         <Button type="primary" ghost class="w-80" @click="my_show=false">取消</Button>
         <!-- <Button class="w-80" @click="checkChanges" v-if="list.length" v-text="check_all?'取消全选':'全选'"></Button> -->
         <Button type="primary" :loading="loading" @click="ok" class="w-80">提交</Button>
      </footer>
   </Modal>
</template>

<script src="./js/permissions.js"></script>

<style scoped>
   >>> .ivu-tree-title-selected,
   >>> .ivu-tree-title-selected:hover,
   >>> .ivu-tree-title:hover{
      background-color: transparent;
      cursor: default;
   }
</style>
