20200206lljV2外购备料部分修改

src/views/WorkshopProcurement/OfflineProcurement/index.vue

@@ -25,19 +25,19 @@
       <el-button type="success" class="el-icon-search" size="small" style="margin: 0px 10px;" @click="pageCurrent10 = 1;pageSize10 = 10;getTableData()">查询</el-button>
     </el-card>
     <el-card style="width: 1137px">
-      <el-table v-loading="" :data="tableData10" stripe highlight-current-row border style="width: 100%;max-height: 315px;margin-top: 10px" height="315px" size="mini" @selection-change="handleSelectionChange">
+      <el-table v-loading="" :data="tableData10" stripe highlight-current-row border style="width: 100%;max-height: 315px;margin-top: 10px" height="315px" size="mini" @sort-change="sortChange" @selection-change="handleSelectionChange">
         <el-table-column type="selection" align="center" width="55"/>
         <el-table-column label="机床图号" prop="机床图号" min-width="180" align="center">
           <template slot-scope="scope">
             {{ scope.row.机床图号 }}
           </template>
         </el-table-column>
-        <el-table-column label="组号" prop="组号" width="120" align="center">
+        <el-table-column label="组号" prop="组号" width="120" sortable="custom" align="center">
           <template slot-scope="scope">
             {{ scope.row.组号 }}
           </template>
         </el-table-column>
-        <el-table-column label="零件图号" align="center" width="220">
+        <el-table-column label="零件图号" prop="零件图号" align="center" sortable="custom" width="220">
           <template slot-scope="scope">
             {{ scope.row.零件图号 }}
           </template>
@@ -52,7 +52,7 @@
             {{ scope.row.批次数量 }}
           </template>
         </el-table-column>
-        <el-table-column label="材料" align="center" min-width="160">
+        <el-table-column label="材料" prop="材料" align="center" sortable="custom" min-width="160">
           <template slot-scope="scope">
             {{ scope.row.材料 }}
           </template>
@@ -71,8 +71,8 @@
       </div>
     </el-card>
     <el-card style="width: 1137px">
-      <span>离线采购计划编号:</span>
-      <el-input v-model="purchasingOrder" placeholder="离线采购计划编号" size="small" style="width: 160px" clearable/>
+      <span>离线备料单号:</span>
+      <el-input v-model="purchasingOrder" placeholder="离线备料单号" size="small" style="width: 160px" clearable/>
       <span style="margin-left: 10px">供应商:</span>
       <el-select v-model="supplierName" placeholder="供应商" size="small" style="width: 150px" filterable clearable>
         <el-option
@@ -346,7 +346,7 @@ export default {
   },
   created() {
     this.searchRawMaterial()
-    this.searchTable()
+    // this.searchTable()
     this.getMachine()
   },
   methods: {
@@ -377,7 +377,7 @@ export default {
           if (Cookie.get('group') !== undefined) {
             this.Machine = parseInt(Cookie.get('machineValue'))
             this.getGroup()
-            this.getTableData()
+            // this.getTableData()
             this.Group = parseInt(Cookie.get('group'))
             // this.getTableData()
             Cookie.remove('machineValue')
@@ -418,7 +418,28 @@ export default {
         this.Group = response.data[0].组件流水号
       })
       this.getTableData()
-    }, // 按条件查询
+    },
+    // 按零件图号 组号 材料排序
+    sortChange(column) {
+      console.log(column + '-' + column.prop + '-' + column.order, 11111)
+      if (column.prop === '组号') {
+        this.ordername = 1
+      } else if (column.prop === '零件图号') {
+        this.ordername = 2
+      } else if (column.prop === '材料') {
+        this.ordername = 3
+      } else {
+        this.ordername = ''
+      }
+      console.log(this.ordername, 9990999)
+      if (column.order === 'ascending') {
+        this.order = 1
+      } else if (column.order === 'descending') { this.order = 2 } else {
+        this.order = ''
+      }
+      this.getTableData()
+    },
+    // 按条件查询
     getTableData() {
       this.tableData10 = []
       if (this.Machine === '') {
@@ -436,7 +457,7 @@ export default {
       } else {
         this.checkbox_number = 1
       }
-      getTable(this.checkbox_Machine, this.Machine, this.checkbox_Group, this.Group, this.checkbox_number, this.number, '', '', this.pageCurrent10, this.pageSize10).then(response => {
+      getTable(this.checkbox_Machine, this.Machine, this.checkbox_Group, this.Group, this.checkbox_number, this.number, '', '', this.pageCurrent10, this.pageSize10, this.ordername, this.order).then(response => {
         if (response.data.rows.length !== 0) {
           for (let i = 0; i < response.data.rows.length; i++) {
             this.tableData10.push({