|
|
|
@ -47,13 +47,20 @@
|
|
|
|
<!-- 列表 -->
|
|
|
|
<!-- 列表 -->
|
|
|
|
<ContentWrap>
|
|
|
|
<ContentWrap>
|
|
|
|
<el-tabs v-model="activeName" @tab-click="handleTabClick">
|
|
|
|
<el-tabs v-model="activeName" @tab-click="handleTabClick">
|
|
|
|
<el-tab-pane label="产品" name="2" />
|
|
|
|
<!-- 使用 v-for 动态生成 el-tab-pane -->
|
|
|
|
|
|
|
|
<el-tab-pane
|
|
|
|
|
|
|
|
v-for="item in parentList"
|
|
|
|
|
|
|
|
:key="item.id"
|
|
|
|
|
|
|
|
:label="item.name"
|
|
|
|
|
|
|
|
:name="item.id.toString()"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<!-- <el-tab-pane label="产品" name="2" />
|
|
|
|
<el-tab-pane label="原料" name="1" />
|
|
|
|
<el-tab-pane label="原料" name="1" />
|
|
|
|
<el-tab-pane label="备件" name="5" />
|
|
|
|
<el-tab-pane label="备件" name="5" />
|
|
|
|
<el-tab-pane label="工具" name="3" />
|
|
|
|
<el-tab-pane label="工具" name="3" />
|
|
|
|
<el-tab-pane label="耗材" name="4" />
|
|
|
|
<el-tab-pane label="耗材" name="4" />
|
|
|
|
<el-tab-pane label="办公室用品" name="6" />
|
|
|
|
<el-tab-pane label="办公室用品" name="6" />
|
|
|
|
<el-tab-pane label="其他" name="0" />
|
|
|
|
<el-tab-pane label="其他" name="0" /> -->
|
|
|
|
</el-tabs>
|
|
|
|
</el-tabs>
|
|
|
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
|
|
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
|
|
|
<el-table-column label="编码" align="center" prop="barCode" />
|
|
|
|
<el-table-column label="编码" align="center" prop="barCode" />
|
|
|
|
@ -126,7 +133,6 @@ import { ProductCategoryApi, ProductCategoryVO } from '@/api/erp/product/categor
|
|
|
|
import ProductForm from './ProductForm.vue'
|
|
|
|
import ProductForm from './ProductForm.vue'
|
|
|
|
import { DICT_TYPE } from '@/utils/dict'
|
|
|
|
import { DICT_TYPE } from '@/utils/dict'
|
|
|
|
import { defaultProps, handleTree } from '@/utils/tree'
|
|
|
|
import { defaultProps, handleTree } from '@/utils/tree'
|
|
|
|
import { erpPriceTableColumnFormatter } from '@/utils'
|
|
|
|
|
|
|
|
import BomForm from "@/views/mes/bom/BomForm.vue";
|
|
|
|
import BomForm from "@/views/mes/bom/BomForm.vue";
|
|
|
|
|
|
|
|
|
|
|
|
/** ERP 产品列表 */
|
|
|
|
/** ERP 产品列表 */
|
|
|
|
@ -147,6 +153,7 @@ const queryParams = reactive({
|
|
|
|
const queryFormRef = ref() // 搜索的表单
|
|
|
|
const queryFormRef = ref() // 搜索的表单
|
|
|
|
const exportLoading = ref(false) // 导出的加载中
|
|
|
|
const exportLoading = ref(false) // 导出的加载中
|
|
|
|
const categoryList = ref<ProductCategoryVO[]>([]) // 产品分类列表
|
|
|
|
const categoryList = ref<ProductCategoryVO[]>([]) // 产品分类列表
|
|
|
|
|
|
|
|
const parentList = ref<ProductCategoryVO[]>([])
|
|
|
|
|
|
|
|
|
|
|
|
/** 查询列表 */
|
|
|
|
/** 查询列表 */
|
|
|
|
const getList = async () => {
|
|
|
|
const getList = async () => {
|
|
|
|
@ -213,6 +220,15 @@ onMounted(async () => {
|
|
|
|
// 产品分类
|
|
|
|
// 产品分类
|
|
|
|
const categoryData = await ProductCategoryApi.getProductCategorySimpleList()
|
|
|
|
const categoryData = await ProductCategoryApi.getProductCategorySimpleList()
|
|
|
|
categoryList.value = handleTree(categoryData, 'id', 'parentId')
|
|
|
|
categoryList.value = handleTree(categoryData, 'id', 'parentId')
|
|
|
|
|
|
|
|
// 获取顶层分类
|
|
|
|
|
|
|
|
for (let i = 0; i < categoryData.length; i++) {
|
|
|
|
|
|
|
|
if (categoryData[i].parentId === 0) {
|
|
|
|
|
|
|
|
parentList.value.push(categoryData[i]);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 排序
|
|
|
|
|
|
|
|
parentList.value.sort((a, b) => a.sort - b.sort);
|
|
|
|
|
|
|
|
console.log(parentList.value)
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
/** tab 切换 */
|
|
|
|
/** tab 切换 */
|
|
|
|
|