优化BOM审批详情页，添加类型、编码、名称和版本信息展示

src/views/bpm/handleTask/components/bomApproverJSYY/detailDialog.vue

@@ -1,6 +1,22 @@
 <template>
   <div>
     <headerTitle title="Bom审批"></headerTitle>
+    <div class="title">
+      <div>
+        类型：{{
+          this.form.bomType == 1
+            ? 'PBOM'
+            : this.form.bomType == 2
+            ? 'MBOM'
+            : this.form.bomType == 3
+            ? 'ABOM'
+            : 'EBOM'
+        }}
+      </div>
+      <div> 编码：{{ this.form.code }} </div>
+      <div> 名称：{{ this.form.name }} </div>
+      <div> 版本：V{{ this.form.versions }} </div>
+    </div>
     <BOMSearch @search="reload" :statusOpt="statusOpt" />
 
     <ele-pro-table
@@ -106,7 +122,7 @@
 </template>
 
 <script>
-  import BOMSearch from './BOM-search.vue';
+import BOMSearch from './BOM-search.vue';
   import {
     getBomPageCategoryId,
     contactList,
@@ -133,7 +149,7 @@
         visible: false,
         title: '',
         gysList: [],
-
+        form: {},
         materielDesignationPL: null,
         supplierIdPL: null,
 
@@ -257,6 +273,7 @@
       handBomDetails(id) {
         if (id) {
           getBomGetById(id).then((res) => {
+            this.form=resolve
             this.baseCount = res.baseCount;
             this.unit = res.category.measuringUnit;
           });
@@ -299,6 +316,15 @@
 </script>
 
 <style lang="scss" scoped>
+  .title {
+    display: flex;
+    > div {
+      flex: 1;
+    }
+    margin-bottom: 15px;
+    font-weight: 800;
+    font-size: 16px;
+  }
   :deep(.el-table__expanded-cell) {
     padding-bottom: 30px !important;
     border-bottom: 12px solid #ccffcc !important;

src/views/bpm/handleTask/components/bomApproverJSdevice/detailDialog.vue

@@ -1,6 +1,23 @@
 <template>
   <div>
     <headerTitle title="Bom审批"></headerTitle>
+    <div class="title">
+      <div>
+        类型：{{
+          this.form.bomType == 1
+            ? 'PBOM'
+            : this.form.bomType == 2
+            ? 'MBOM'
+            : this.form.bomType == 3
+            ? 'ABOM'
+            : 'EBOM'
+        }}
+      </div>
+      <div> 编码：{{ this.form.code }} </div>
+      <div> 名称：{{ this.form.name }} </div>
+      <div> 版本：V{{ this.form.versions }} </div>
+    </div>
+
     <BOMSearch @search="reload" :statusOpt="statusOpt" />
 
     <ele-pro-table
@@ -137,7 +154,7 @@
         unit: '',
         materielDesignationPL: null,
         supplierIdPL: null,
-
+        form: {},
         columns: [
           {
             label: '序号',
@@ -267,6 +284,7 @@
       handBomDetails(id) {
         if (id) {
           getBomGetById(id).then((res) => {
+            this.form = res;
             this.baseCount = res.baseCount;
             this.unit = res.category.measuringUnit;
           });
@@ -297,6 +315,15 @@
 </script>
 
 <style lang="scss" scoped>
+  .title {
+    display: flex;
+    > div {
+      flex: 1;
+    }
+    margin-bottom: 15px;
+    font-weight: 800;
+    font-size: 16px;
+  }
   :deep(.el-table__expanded-cell) {
     padding-bottom: 30px !important;
     border-bottom: 12px solid #ccffcc !important;