离线合同标记

src/views/PurchasingCenter/OfflineContract/index.vue

@@ -93,12 +93,12 @@
             {{ scope.row.物料规格 }}
           </template>
         </el-table-column>
-        <el-table-column label="分配数量" align="center" min-width="80">
+        <el-table-column label="分配数量" align="center" min-width="80" prop="零件数量">
           <template slot-scope="scope">
             {{ scope.row.零件数量 }}
           </template>
         </el-table-column>
-        <el-table-column label="使用滞货数量" align="center" min-width="100">
+        <el-table-column label="使用滞货数量" align="center" min-width="100" prop="使用滞货数量">
           <template slot-scope="scope">
             {{ Number(scope.row.使用滞货数量) }}
           </template>
@@ -108,11 +108,21 @@
             {{ scope.row.待采购数量 = Number(scope.row.零件数量) - Number(scope.row.使用滞货数量) }}
           </template>
         </el-table-column>
-        <el-table-column label="备注" align="center" min-width="100">
+        <el-table-column :filters="remarkFilters" :filter-method="filterHandler0" label="备注" align="center" min-width="100" prop="备注筛选">
           <template slot-scope="scope">
             {{ scope.row.备注 }}
           </template>
         </el-table-column>
+        <el-table-column :filters="supplierFilters" :filter-method="filterHandler" label="供货商" align="center" min-width="100" prop="供货商筛选">
+          <template slot-scope="scope">
+            {{ scope.row.供货商 }}
+          </template>
+        </el-table-column>
+        <el-table-column :filters="source" :filter-method="filterSource" align="center" label="数据来源" min-width="90px" prop="零件类型筛选">
+          <template slot-scope="scope">
+            {{ Number(scope.row.零件类型) === 1 ? 'BZ' : 'WG' }}
+          </template>
+        </el-table-column>
       </el-table>
       <div class="block" style="margin: 10px 0 0 0;">
         <el-pagination
@@ -653,6 +663,18 @@ export default {
   name: '', // 离线合同
   data() {
     return {
+      source: [
+        {
+          text: 'BZ',
+          value: 1
+        },
+        {
+          text: 'WG',
+          value: 2
+        }
+      ],
+      remarkFilters: [],
+      supplierFilters: [],
       groupPartNumGroup: [], // 组件零件流水号组
       offlineContractsValue: '',
       offlineContracts: [],
@@ -806,6 +828,15 @@ export default {
     this.searchTable00()
   },
   methods: {
+    filterHandler0(value, row) { // 筛选备注
+      return row['备注'] === value
+    },
+    filterHandler(value, row) { // 筛选供货商
+      return row['供货商'] === value
+    },
+    filterSource(value, row) {
+      return Number(row['零件类型']) === Number(value)
+    },
     // 变更询价状态
     changeInquiryStatus() {
       this.$confirm('确定变更询价状态?', '提示', {
@@ -1332,6 +1363,18 @@ export default {
       searchMaterial(this.pageCurrent00, this.pageSize00, this.materialStatusValue[this.materialStatusValue.length - 1], check1, this.materialName, check2, this.materialSpec, check3, this.materialModel, this.id).then(response => {
         this.tableData00 = response.data.rows
         this.total00 = response.data.total
+        const remark = []
+        const supplier = []
+        this.remarkFilters = []
+        this.supplierFilters = []
+        response.data.rows.map(v => {
+          if (!remark.includes(v.备注)) {
+            remark.push(v.备注)
+            supplier.push(v.供货商)
+            this.remarkFilters.push({ text: v.备注, value: v.备注 })
+            this.supplierFilters.push({ text: v.供货商, value: v.供货商 })
+          }
+        })
       })
     },
     handleSizeChange00(val) { // 标准件和外购件列表分页