README

为 Laravel Enso Vue化的Admin LTE

特性

• 地址 - 多态地址功能
• 盒子
• 盒子小部件
• 面包屑 - 包含在 Page 组件中，并自动生成面包屑
• 信息框
• 通知 - 是通知菜单，用于页眉
• 覆盖层 - 是一个指示加载状态的旋转器覆盖层
• 页面 - 是页面内容的容器
• 罗地址 - 是针对罗马尼亚特定格式的地址扩展
• 小盒子
• 标签页
• 用户菜单 - 是用户菜单，用于页眉
• 用户小部件
• Vue过滤器 - DataTable 的附加过滤器

地址

接受以下参数： type - 字符串，您在配置中设置的地址模型别名 | 必需

• id - 数字，地址模型的 ID | 必需
• theme - 字符串，用于设置盒子样式的类。默认为 primary。
• solid - 布尔值，一个标志，用于显示盒子的实心类型。默认为 false。
• open - 布尔值，一个标志，用于设置盒子的起始样式（打开/关闭）。默认为 true。
• title - 字符串，盒子标题的文本。默认为 null。

盒子

接受以下参数

• theme - 字符串，用于设置盒子样式的类。
• border，布尔值，一个标志，用于显示组件周围的边框。默认为 false。
• solid - 布尔值，一个标志，用于显示盒子的实心类型。默认为 false。
• open - 布尔值，一个标志，用于设置盒子的起始样式（打开/关闭）。默认为 true。
• footer - 字符串，一个标志，用于显示页脚。默认为 false。
• icon - 字符串，盒子图标的类。默认为 null。
• title - 字符串，盒子标题的文本。默认为 null。
• search - 布尔值，一个标志，用于显示搜索输入。默认为 false。
• badge - 数字，要在盒子标题中显示的数字，默认为 null。
• refresh - 布尔值，一个标志，用于显示刷新控制。默认为 false。
• collapsible - 布尔值，一个标志，用于显示最小化控制。默认为 false。
• removable - 布尔值，一个标志，用于显示关闭控制。默认为 false。
• overlay - 布尔值，一个标志，用于显示加载覆盖层（旋转器）。默认为 false。
• bodyStyle - 对象，一个用于设置样式的对象。默认为 {}。

面包屑

• 不接受参数。
• 使用全局 Store 对象和给定的面包屑自动生成当前页面的面包屑。
• 包含在 Page 组件中，但如有需要，可以单独使用，只要它有对 Store 的访问权限。

如何使用视频

接受以下参数

• video，对象，包含显示视频所需的信息 | 必需
• tagList，对象，包含所有可用标签的列表 | 必需

请注意，此组件未设计为在HowToVideos菜单/页面之外重用。

信息框

接受以下参数

• theme - 字符串，用于设置框的样式的类。必需。
• icon - 字符串，盒子图标的类。默认为 null。
• text - 字符串，框中显示的文本。默认为null。
• number，字符串，框中显示的文本。默认为null。
• progress - 字符串，进度百分比。默认为false。
• description - 字符串，显示进度的描述。默认为false。

通知

接受以下参数

• user-id - 数字，加载通知的用户ID。必需。
• paginate - 数字，每页显示或加载的项目数。默认为6。

叠加层

接受以下参数

• line-fg-Color - 字符串，旋转器前景的颜色。默认为#41b883。
• line-bg-Color - 字符串，旋转器背景的颜色。默认为transparent。
• speed - 数字，旋转器的速度。默认为1。
• size - 字符串，旋转器的大小。默认为medium。

页面

接受以下参数

• custom-render - 函数，处理自定义渲染的方法。默认为null。

罗马尼亚地址

具有与地址相同的参数 - 请参阅上面。

小框

接受以下参数

• theme - 字符串，用于设置盒子样式的类。
• icon - 字符串，盒子图标的类。默认为 null。
• title - 字符串，盒子标题的文本。默认为 null。
• body，字符串，显示为正文。默认为null。
• overlay - 布尔值，一个标志，用于显示加载覆盖层（旋转器）。默认为 false。

选项卡

接受以下参数

• tabs - 数组，用于渲染选项卡及其槽位的字符串/对象数组。必需。
• title - 字符串，盒子标题的文本。默认为 null。
• reverse - 布尔值，反转选项卡列表的标志。默认为false。
• active，数字，活动选项卡的索引。默认为0。
• icon - 字符串，盒子图标的类。默认为 null。

用户菜单

不接收任何参数，使用全局Store变量

用户小部件

• theme - 字符串，用于设置样式的类。必需。
• background - 字符串，用于设置背景的类。
• avatar - 字符串，头像图片位置的URL。
• name - 字符串，显示的用户名称。默认为null。
• position - 字符串，用户的位置。默认为null。
• items - 数组，要显示的项目列表。每个项目必须是具有value和label属性的对象。默认为空数组。
• overlay - 布尔值，一个标志，用于显示加载覆盖层（旋转器）。默认为 false。

Vue过滤器

接受以下参数

• title - 字符串，盒子标题的文本。默认为 null。
• theme - 字符串，用于设置盒子样式的类。默认为 primary。
• options - 数组，要显示的选项列表。默认为空数组
• value - 任何内容，默认，起始值 | 必需
• offSwitch - 布尔值，确定是否渲染关闭开关。默认为true

要使用它，请将其包含在页面中

<vue-filter
        title="Taxes Paid"
        v-model="filters.orders.paid_taxes"
        :options="vueFilterOptions">
</vue-filter>

其中vueFilterOptions和filters可能如下所示

vueFilterOptions: [
    {value:true, label:"Yes"},
    {value:false, label:"No"}
],
filters: {
    orders: {                
        paid_taxes: '',                
    }
},

接下来，当定义您的数据表时，请确保您提供了过滤器

<data-table 
    source="orders" 
    :extra-filters="filters" 
    id="index-orders-id">
</data-table>

请注意，您可以使用多个此类过滤器，只需将其绑定到同一包含的filters对象中，它将被传递到datatables的后端逻辑。

贡献

是受欢迎的。拉取请求很棒，但问题也很好。

许可证

本软件包在MIT许可证下发布。