|
@@ -1,65 +1,22 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
<headerTitle title="Bom审批"></headerTitle>
|
|
<headerTitle title="Bom审批"></headerTitle>
|
|
|
- <BOMSearch @search="reload" :statusOpt="statusOpt" />
|
|
|
|
|
|
|
|
|
|
- <ele-pro-table
|
|
|
|
|
- ref="table"
|
|
|
|
|
- :columns="columns"
|
|
|
|
|
- :datasource="datasource"
|
|
|
|
|
- class="dict-table"
|
|
|
|
|
- tool-class="ele-toolbar-actions"
|
|
|
|
|
- >
|
|
|
|
|
- <template v-slot:produceType="{ row }">
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="row.produceType"
|
|
|
|
|
- filterable
|
|
|
|
|
- multiple
|
|
|
|
|
- class="ele-block"
|
|
|
|
|
- size="mini"
|
|
|
|
|
- :disabled="true"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in dictList"
|
|
|
|
|
- :key="item.value"
|
|
|
|
|
- :value="item.value"
|
|
|
|
|
- :label="item.label"
|
|
|
|
|
- ></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </template>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <template v-slot:supplierId="{ row }">
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="row.supplierId"
|
|
|
|
|
- size="mini"
|
|
|
|
|
- clearable
|
|
|
|
|
- style="width: 100%"
|
|
|
|
|
- filterable
|
|
|
|
|
- placeholder="请选择供应商"
|
|
|
|
|
- :disabled="true"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option
|
|
|
|
|
- v-for="item in gysList"
|
|
|
|
|
- :key="item.id + index"
|
|
|
|
|
- :value="item.id"
|
|
|
|
|
- :label="item.name"
|
|
|
|
|
- ></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </template>
|
|
|
|
|
-
|
|
|
|
|
- </ele-pro-table>
|
|
|
|
|
|
|
+ <iframe
|
|
|
|
|
+ :src="location + '/page-main-data/product/oneProduct?isWt=true&businessId=' + businessId"
|
|
|
|
|
+ width="100%"
|
|
|
|
|
+ height="600"
|
|
|
|
|
+ frameborder="0"
|
|
|
|
|
+ allowfullscreen
|
|
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
- import BOMSearch from './BOM-search.vue';
|
|
|
|
|
- import { getBomPageCategoryId, contactList } from '@/api/bpm/components/bomApprover';
|
|
|
|
|
|
|
|
|
|
- import { getByCode } from '@/api/system/dictionary-data';
|
|
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
- BOMSearch
|
|
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
props: {
|
|
props: {
|
|
|
businessId: {
|
|
businessId: {
|
|
@@ -72,139 +29,12 @@
|
|
|
return {
|
|
return {
|
|
|
visible: false,
|
|
visible: false,
|
|
|
title: '',
|
|
title: '',
|
|
|
- dictList: [],
|
|
|
|
|
- gysList: [],
|
|
|
|
|
-
|
|
|
|
|
- columns: [
|
|
|
|
|
- {
|
|
|
|
|
- label: '序号',
|
|
|
|
|
- columnKey: 'index',
|
|
|
|
|
- type: 'index',
|
|
|
|
|
- width: 55,
|
|
|
|
|
- align: 'center',
|
|
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'categoryCode',
|
|
|
|
|
- label: '编码',
|
|
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'categoryName',
|
|
|
|
|
- label: '名称',
|
|
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'dosage',
|
|
|
|
|
- label: '用量',
|
|
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'produceType',
|
|
|
|
|
- slot: 'produceType',
|
|
|
|
|
- label: '生产类型',
|
|
|
|
|
- width: 160
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'supplierId',
|
|
|
|
|
- slot: 'supplierId',
|
|
|
|
|
- label: '供应商',
|
|
|
|
|
- width: 150
|
|
|
|
|
- },
|
|
|
|
|
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'factories',
|
|
|
|
|
- label: '生产厂家',
|
|
|
|
|
- width: 180
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'materielDesignation',
|
|
|
|
|
- slot: 'materielDesignation',
|
|
|
|
|
- label: '物料代号',
|
|
|
|
|
- width: 150
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'measuringUnit',
|
|
|
|
|
- label: '计量单位',
|
|
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'versions',
|
|
|
|
|
- label: '版本'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'status ',
|
|
|
|
|
- label: '状态',
|
|
|
|
|
- formatter: (row) => {
|
|
|
|
|
- return this.statusOpt[+row.status];
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'createName',
|
|
|
|
|
- label: '创建人',
|
|
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- prop: 'createTime',
|
|
|
|
|
- label: '创建日期',
|
|
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- }
|
|
|
|
|
- ],
|
|
|
|
|
- statusOpt: {
|
|
|
|
|
- '': '全部',
|
|
|
|
|
- 0: '已停用',
|
|
|
|
|
- 1: '已发布'
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ location: window.location.origin
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
- created() {
|
|
|
|
|
- this.getDictList('productionType');
|
|
|
|
|
- this.getContactList()
|
|
|
|
|
- },
|
|
|
|
|
- methods: {
|
|
|
|
|
- /* 表格数据源 */
|
|
|
|
|
- datasource({ where, page, limit }) {
|
|
|
|
|
- return getBomPageCategoryId({
|
|
|
|
|
- ...where,
|
|
|
|
|
- pageNum: page,
|
|
|
|
|
- size: limit,
|
|
|
|
|
- id: this.businessId
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- /* 刷新表格 */
|
|
|
|
|
- reload(where) {
|
|
|
|
|
- this.$refs.table.reload({ where });
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- async getDictList(code) {
|
|
|
|
|
- let { data: res } = await getByCode(code);
|
|
|
|
|
- this.dictList = res.map((item) => {
|
|
|
|
|
- let values = Object.keys(item);
|
|
|
|
|
- return {
|
|
|
|
|
- value: Number(values[0]),
|
|
|
|
|
- label: item[values[0]]
|
|
|
|
|
- };
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- getContactList() {
|
|
|
|
|
- let param = {
|
|
|
|
|
- pageNum: 1,
|
|
|
|
|
- type: 2,
|
|
|
|
|
- size: -1,
|
|
|
|
|
- status: 1
|
|
|
|
|
- };
|
|
|
|
|
- contactList(param).then((res) => {
|
|
|
|
|
- this.gysList = res.list;
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ created() {},
|
|
|
|
|
+ methods: {}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|