视图编辑页面增加配方视图

src/views/Need/components/EditView.vue

@@ -1,5 +1,6 @@
 <template>
 	<lay-container fluid="true" class="content-box">
+		<FormulaView :teamId="dataInfoObj.FTeamID" :halfId="dataInfoObj.FMaterialHalfIDs"></FormulaView>
 		<lay-table class="row-select" v-if="dataColumn.length>0" height="320px" :columns="dataColumn"
 				   :data-source="dataList" :cellStyle="cellStyle" :cellClassName="cellClassName">
 			<template v-slot:toolbar v-if="dataInfoObj.FCanEdit!=2">
@@ -101,10 +102,12 @@
 		changeInfoData
 	} from "/src/api/api/materialType";
 	import OperateLog from "./OperateLog.vue";
+	import FormulaView from "./FormulaView.vue";
 
 	export default {
 		components: {
-			OperateLog
+			OperateLog,
+			FormulaView
 		},
 		setup() {
 			const dataColumn = ref([]);
@@ -164,6 +167,7 @@
 		},
 		methods: {
 			async getUserPower() {
+				console.log('this.dataInfoObj', this.dataInfoObj);
 				if (this.dataInfoObj.FCanEdit != 2) {
 					this.userPower[0] = (await getBasicRoleList({
 						FRoleType: 40,

src/views/Need/components/FormulaView.vue

@@ -0,0 +1,122 @@
+<template>
+    <lay-table style="margin:0 0 30px 0;" height="200px" :columns="dataColumn" :data-source="dataList">
+		<template v-slot:toolbar>
+			<p style="float:left;">配方视图</p>
+		</template>
+	</lay-table>
+</template>
+<script>
+    import {
+		ref
+	} from 'vue';
+    import {
+		getTeamworkView
+	} from "/src/api/api/teamwork";
+
+    export default {
+        setup() {
+            const viewList = ref([]);
+            const dataColumn = ref([
+                {type: 'number', title: '序号', width: '56'},
+                {key: '工厂', title: '工厂', align: 'center', width: '130px'},
+                {key: '开始生效日期', title: '开始生效日期', align: 'center', width: '130px'},
+                {key: 'BOM用途', title: 'BOM用途', align: 'center', width: '130px'},
+                {key: 'BOM状态', title: 'BOM状态', align: 'center', width: '130px'},
+                {key: '可选文本', title: '可选文本', align: 'center', width: '130px'},
+                {key: '可选BOM', title: '可选BOM', align: 'center', width: '130px'},
+                {key: '父项编码', title: '父项编码', align: 'center', width: '200px'},
+                {key: '父项描述', title: '父项描述', align: 'center', width: '300px'},
+                {key: '基本数量', title: '基本数量', align: 'center', width: '130px'},
+                {key: '基本单位', title: '基本单位', align: 'center', width: '130px'},
+                {key: '子项序号', title: '子项序号', align: 'center', width: '130px'},
+                {key: '项目类别', title: '项目类别', align: 'center', width: '130px'},
+                {key: '子项编码', title: '子项编码', align: 'center', width: '200px'},
+                {key: '子件描述', title: '子件描述', align: 'center', width: '300px'},
+                {key: '组件数量', title: '组件数量', align: 'center', width: '130px'},
+                {key: '计量单位', title: '计量单位', align: 'center', width: '130px'},
+                {key: '工程变更号', title: '工程变更号', align: 'center', width: '130px'},
+                {key: '项目ID', title: '项目ID', align: 'center', width: '130px'},
+                {key: '物料供应标识符', title: '物料供应标识符', align: 'center', width: '130px'},
+                {key: '备件标示', title: '备件标示', align: 'center', width: '130px'},
+                {key: '生产仓储地点', title: '生产仓储地点', align: 'center', width: '130px'},
+                {key: '组件损耗率', title: '组件损耗率', align: 'center', width: '130px'},
+                {key: '成本核算标识相关', title: '成本核算标识相关', align: 'center', width: '130px'},
+                {key: '生产相关', title: '生产相关', align: 'center', width: '130px'},
+                {key: 'BOM项目文本1', title: 'BOM项目文本1', align: 'center', width: '130px'},
+                {key: 'BOM项目文本2', title: 'BOM项目文本2', align: 'center', width: '130px'},
+                {key: '替代项目组', title: '替代项目组', align: 'center', width: '130px'},
+                {key: '优先级', title: '优先级', align: 'center', width: '130px'},
+                {key: '策略', title: '策略', align: 'center', width: '130px'},
+                {key: '使用可能性', title: '使用可能性', align: 'center', width: '130px'},
+                {key: '固定损耗数量', title: '固定损耗数量', align: 'center', width: '130px'}
+            ]);
+            const dataList = ref([]);
+
+            return {
+                viewList,
+				dataColumn,
+				dataList
+			}
+        },
+        props: {
+			teamId: {
+				type: String,
+				default: () => ""
+			},
+            halfId: {
+                type: String,
+                default: () => ""
+            }
+		},
+        mounted() {
+            this.initPage();
+		},
+        methods: {
+            async initPage() {
+                let dataColumn = [{
+					type: "number",
+					title: "序号",
+					width: "56"
+				}];
+                let dataList = [];
+
+                console.log('this.teamId', this.teamId);
+                console.log('this.halfId', this.halfId);
+
+				let postData = {
+					FTeamID: this.teamId,
+					FViewType: 2,
+					FType: 1,
+					HalfId : this.halfId
+				};
+
+				let result = await getTeamworkView(postData);
+
+                let formulaList = result["List1"]
+
+                if (formulaList) {
+                    console.log('formulaList', formulaList);
+                    for (let key in formulaList[0]) {
+                        let width = (key.indexOf("描述") != -1 || key == "文本" || key == "物料") ? "300px" :
+                            "130px";
+                        width = key.indexOf("编码") != -1 ? "200px" : width;
+                        dataColumn.push({
+                            key: key,
+                            title: key.split('.').pop(),
+                            align: "center",
+                            width: width
+                        });
+                    }
+                    
+                    formulaList.forEach((item) => {
+                        dataList.push(item);
+                    });
+                }
+                
+                // this.dataColumn = dataColumn;
+				this.dataList = dataList;
+            }
+        }
+    }
+
+</script>