一面火,一面冰.繁与简的完美结合,杂而不乱,一切本应就是井然有序
助手函数分为三部分,一部分伴随组件包发布安装位于config\help.php中,这里面的助手函数紧密依赖业务,可以理解为是跟随业务需要拓展的.可以自行查看,并且拓展维护,
另一部分是组件包内置的,组件包也可分为两部分,一个部分是不依赖于laravel框架的通用助手函数,位于php-tool-youhujun组件包中,这里面都是通用的函数,可以直接使用,
另一个部分是依赖于laravel框架的助手函数,位于laravel-fast-api-youhujun组件包中(src\config\目录下)
市面上绝大多数开源电商、CRM 都是单库单表的简易实现，表结构粗糙，缺少乐观锁，索引规划潦草，SKU 与规格属性的关联逻辑很僵硬，商家自定义能力很弱，只能应付简单小商户的基础售卖场景。
而这套架构最核心的厉害之处，就是把系统底层约束和用户自定义能力做了自洽闭环。可以无限拓展自定义规格、属性，这套模型不仅仅局限于电商售卖，在仓储、B2B 零部件管理、多型号物料维护全都能复用，相当于打磨出了一套通用的实物类目描述底座
提示
本篇主要是将laravel-fast-api-youhujun 的自定义命令进行说明,从而提高开发效率
代码示例:
<template>
<el-row type="flex" justify="center">
<el-col :span="24">
<el-form-item label="内容" prop="content" class="editor">
<TinyMceEditor
v-model:content-value="createForm.content"
:disabled="false"
></TinyMceEditor>
</el-form-item>
</el-col>
</el-row>
</template>
<script setup lang="ts">
import TinyMceEditor from "@/pages/laravel-fast-api/v1/components/element/Editor/Tinymce/TinyMceEditor.vue";
</script>
<style lang="scss" scoped>
.editor :deep(.el-form-item__content) {
width: 100%;
min-width: 40rem;
max-width: 100rem;
height: auto;
}
</style>代码示例:
提示
注意 :multiple="false" 单选, :multiple="true" 多选
<template>
<el-row type="flex" justify="center">
<el-col :span="12">
<el-form-item label="店铺地区" prop="region_cascader_array">
<SelectRegion v-model:region-id-array="createForm.region_cascader_array" :multiple="false"></SelectRegion>
</el-form-item>
</el-col>
</el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectRegion from "@/pages/laravel-fast-api/v1/components/element/Address/SelectRegion.vue"
</script>示例:
<template>
<UploadSinglePicture
:upload-data="{type:null, use_type:20, file_type: '', save_path: 'picture'}"
type="image"
show-content="轮播图片"
:is-show-button="true"
v-model:upload-picture-uid="createForm.album_picture_uid"
v-model:upload-picture-url="uploadPicutreUrl"
/>
</template>
<script setup lang="ts">
//公共组件
import UploadSinglePicture from "@/pages/laravel-fast-api/v1/components/element/Upload/UploadPicture/UplaodSinglePicture.vue"
//上传图片回显
const uploadPicutreUrl = ref("");
</script>代码示例:
<template>
<YhCardItem>
<template #item-content>
<el-tag>现金账户</el-tag>
<el-row :gutter="10">
<el-col :span="8" style="text-align: center">
<el-statistic
title="可用余额"
:value="Number(userCashAssets.available_cash_amount)"
/>
</el-col>
<el-col :span="8" style="text-align: center">
<el-statistic
title="冻结金额"
:value="Number(userCashAssets.freeze_cash_amount)"
/>
</el-col>
<el-col :span="8" style="text-align: center">
<el-row :gutter="10">
<el-tag type="info" style="margin-right: 10px">账户状态:</el-tag>
<el-tag v-if="userCashAssets.account_status" type="success">正常</el-tag>
<el-tag v-else type="danger">冻结</el-tag>
</el-row>
</el-col>
</el-row>
</template>
</YhCardItem>
</template>
<script setup lang="ts">
import YhCardItem from "@/pages/laravel-fast-api/v1/components/element/Card/CardList/CardItem.vue";
</script>代码示例:
<template>
<el-row type="flex" justify="center">
<el-col :span="24">
<el-form-item label="开户银行" prop="bank_id">
<SelectBank v-model:select-bank-id="createForm.bank_id"></SelectBank>
</el-form-item>
</el-col>
</el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectBank from "@/pages/laravel-fast-api/v1/components/element/Bank/SelectBank.vue";
</script>代码示例:
<template>
<el-row type="flex" justify="center">
<el-col :span="12">
<el-form-item label="选择用户" prop="user_uid">
<SelectUser v-model:select-user-uid="createForm.user_uid"></SelectUser>
</el-form-item>
</el-col>
</el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectUser from "@/pages/laravel-fast-api/v1/components/element/User/SelectUser.vue";
</script>