私有库文档
BasicContainer 页面容器
页面容器组件
注意 : 一个页面只能在入口中使用, 只允许使用在index.vue中, 禁止在弹出框中使用、禁止一个页面出现多次
如何使用
<template>
<BasicContainer>
<省略代码块 />
</BasicContainer>
</template>
ShtTabs、ShtTabsPane tab切换
tab切换组件
注意 固定样式 谨慎使用
Pagination 分页
分页组件
所有分页必须使用该组件
<PaginationGroup :pages="pages" @pageChange="pageChange" />ShtFormTitle 标题
标题组件 一般用于新增编辑页面
<template>
<basicContainer>
<ShtFormTitle title="新增采购订单" horizontally="space-between">
<省略代码块 />
</ShtFormTitle>
<ShtFormTitle title="商品信息">
<省略代码块 />
</ShtFormTitle>
</basicContainer>
</template>
ShtOperationLog 日志
日志组件
<template>
<ShtTabs horizontally="space-between" @tab-click="handleTabClick">
<ShtOperationLog ref="shtOperationLog" />
</ShtTabs>
</template>
<script>
export default {
methods: {
// 切换tab
handleTabClick() {
if (strIndex === '1' && this.infoForm.purchaseOrderSn) {
// 请求日志数据
this.$refs.shtOperationLog.getData(this.infoForm.purchaseOrderSn);
}
}
}
}
</script>OperateButtonGroup 列表按钮
列表按钮组 组件
注意 只有列表按钮大于2个 才使用当前组件
<template>
<OperateButtonGroup>
<省略代码块 />
</OperateButtonGroup>
</template>