<template>
   <Modal
      v-model="my_show"
      :title="data?'编辑角色':'添加角色'"
      :closable="false"
      :mask-closable="false"
      @on-visible-change="visibleChange">
      <div class="page-edit-wrap uinn-lr20">
         <ui-loading :show="page_loading.show"></ui-loading>

         <ul>
            <li class="ui-list">
               <div class="ui-list-title"><span class="title-require">*</span>角色名：</div>
               <div class="ui-list-content">
                  <Input v-model.trim="params.name" :maxlength="32"></Input>
                  <ul class="common-tips-wraper umar-t5">
                     <li class="t-title">提示</li>
                     <li class="t-content">长度在1-32之间</li>
                  </ul>
               </div>
            </li>

            <li class="ui-list">
               <div class="ui-list-title">备注：</div>
               <div class="ui-list-content">
                  <Input type="textarea" :rows="5" v-model.trim="params.remark" :maxlength="255"></Input>
                  <ul class="common-tips-wraper umar-t5">
                     <li class="t-title">提示</li>
                     <li class="t-content">长度在1-255之间</li>
                  </ul>
               </div>
            </li>
         </ul>
      </div>
      <footer slot="footer" class="ta-c">
         <Button type="primary" ghost @click="my_show=false" class="w-80">取消</Button>
         <Button type="primary" :loading="loading" @click="ok" class="w-80">提交</Button>
      </footer>
   </Modal>
</template>

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