项目整体设计相关

1.CSS布局:

引用flexible.js，页面超过750px,字体限定为75px;

@media screen and (min-width:750px){
    html{
        font-size:75px!important;
    } 
}

2.权限系统思路

角色有权限列表，有后端制定，分配相应id:

然后前端页面路由绑定相应的权限项:

登录时后端返回相应的权限id,前端根据权限id过滤页面路由，从而控制显示；

再根据权限id判断增删改按钮的显示，控制细节权限：

<el-table-column label="删除" align="center" width="70" fixed="right" v-if="$checkPower(Power.UserDel)">
        <template #default="{ row }">
          <el-button type="text" @click="handleDelete(row)">
            <vab-icon icon="delete-bin-6-line"/>
            删除
          </el-button>
        </template>
      </el-table-column>