备品备件

src/views/modules/ecss/partHsCode.vue

@@ -59,8 +59,11 @@
     </el-form>
 
     <el-table
+      @row-click="changeData"
+      highlight-current-row
       :height="height"
       :data="dataList"
+      ref="mainTable"
       border
       v-loading="dataListLoading"
       style="width: 100%;">
@@ -99,6 +102,14 @@
       :total="totalPage"
       layout="total, sizes, prev, pager, next, jumper">
     </el-pagination>
+
+    <el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName"   type="border-card" @tab-click="tabClick" >
+      <el-tab-pane label="基本信息" name="attribute">
+
+        <order-attribute ref="dialogAttribute" :site="currentRow.site" :buNo="currentRow.buNo" :order-no="currentRow.partNo" :code-no="'BG001'" :function-type="'ECSS'"></order-attribute>
+      </el-tab-pane>
+    </el-tabs>
+
     <el-dialog title="维护HSCode" :close-on-click-modal="false" v-drag :visible.sync="hsCodeModelFlag" width="500px">
       <el-form  label-position="top"  style="margin-left: 7px;margin-top: -5px;">
         <el-row :gutter="20">
@@ -140,12 +151,15 @@
   }from "@/api/ecss/ecss.js"
   import {} from "@/api/sysLanguage.js"
   import {getAllBuList}from  '@/api/factory/site.js'
+  import orderAttribute from "./orderProperties"
   export default {
     name: "null",
     components:{
+      orderAttribute,
     },
     data() {
       return {
+        activeName:'attribute',
         // 导出
         exportData: [],
         exportName: '物料HsCode' + this.dayjs().format('YYYYMMDDHHmmss'),
@@ -526,11 +540,18 @@
           hsCode:'',
           hsCodeDesc:'',
         },
+        currentRow:{
+          site:'',
+          partNo:'',
+          buNo:'',
+          recordType:'',
+
+        }
       }
     },
     mounted() {
       this.$nextTick(() => {
-        this.height = window.innerHeight - 240;
+        this.height = (window.innerHeight - 240)/2;
       })
     },
     methods: {
@@ -545,6 +566,10 @@
         this.pageIndex = val
         this.searchTable()
       },
+      tabClick (tab, event) {
+        // 刷新列表数据
+        this.refreshCurrentTabTable()
+      },
       searchTable(){
         this.searchData.limit = this.pageSize
         this.searchData.page = this.pageIndex
@@ -555,11 +580,23 @@
             this.pageIndex = data.page.currPage
             this.pageSize = data.page.pageSize
             this.totalPage = data.page.totalCount
+            if(this.dataList.length>0){
+              this.$refs.mainTable.setCurrentRow(this.dataList[0]);
+              this.changeData(this.dataList[0])
+            }else {
+              this.changeData(null)
+            }
           } else {
             this.dataList = [];
           }
         });
       },
+      refreshCurrentTabTable(){
+        if(this.currentRow===''||this.currentRow===null){
+          this.currentRow={site:'',partNo:'',buNo:'',recordType:''}
+        }
+
+      },
       async createExportData () {
         this.searchData.limit = -1
         this.searchData.page = 1
@@ -600,6 +637,10 @@
         this.hsCodeModelData=JSON.parse(JSON.stringify(row))
         this.hsCodeModelFlag=true
       },
+      changeData(row){
+        this.currentRow = JSON.parse(JSON.stringify(row));
+        this.refreshCurrentTabTable ();
+      },
       saveHSCode(){
         if(this.hsCodeModelData.hsCode===''||this.hsCodeModelData.hsCode==null){
           this.$alert('请输入HSCODE！', '错误', {