|  |  | 
 |  |  |           </el-option> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="物料编码" prop="mmodelCode"> | 
 |  |  |         <el-input v-model="searchForm.mmodelCode" placeholder="请输入物料编码" @keypress.enter.native="search"></el-input> | 
 |  |  |       <el-form-item label="物料信息" prop="materialName"> | 
 |  |  |         <el-input v-model="searchForm.materialName" placeholder="请输入物料名称/编码" @keypress.enter.native="search"></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="工序" prop="procedureId"> | 
 |  |  |         <el-select v-model="searchForm.procedureId" filterable clearable placeholder="请选择"> | 
 |  |  | 
 |  |  |         stripe | 
 |  |  |         border | 
 |  |  |       > | 
 |  |  |         <el-table-column prop="id" label="序号" fixed="left" min-width="80px"></el-table-column> | 
 |  |  |         <el-table-column type="index" :index="customIndex" label="序号" fixed="left" min-width="80px"></el-table-column> | 
 |  |  |         <el-table-column prop="userInfo.userName" label="生产人员" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="userInfo.departName" label="部门" min-width="100px"> </el-table-column> | 
 |  |  |         <el-table-column prop="materialName" label="物料名称" min-width="100px"></el-table-column> | 
 |  |  | 
 |  |  |         <el-table-column prop="workorderCode" label="工单编码" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="unitName" label="单位" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="num" label="报工数" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="qualifiedNum" label="良品数" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="unQualifiedNum" label="不良品数" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="qualifiedNum" label="良品数" min-width="100px"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             {{ row.qualifiedNum || 0 }} | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="unQualifiedNum" label="不良品数" min-width="100px"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             {{ row.unQualifiedNum || 0 }} | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="rate" label="合格率(%)" min-width="100px"></el-table-column> | 
 |  |  |       </el-table> | 
 |  |  |       <pagination | 
 |  |  | 
 |  |  |         userId: '', | 
 |  |  |         startDate: '', | 
 |  |  |         endDate: '', | 
 |  |  |         materialId: '', | 
 |  |  |         materialName: '', | 
 |  |  |       }, | 
 |  |  |       procedures: [ | 
 |  |  |       ], | 
 |  |  | 
 |  |  |       'field.main': 'name', | 
 |  |  |       sorts: [{ direction: 'DESC', property: 'CREATE_TIME' }] | 
 |  |  |     }) | 
 |  |  |      | 
 |  |  |     let tempDate = new Date() | 
 |  |  |     let year = tempDate.getFullYear() | 
 |  |  |     let month = tempDate.getMonth() + 1 | 
 |  |  |     let day = tempDate.getDate() | 
 |  |  |     this.searchForm.startDate = `${year}-${month}-01` | 
 |  |  |     this.searchForm.endDate = `${year}-${month}-${day}` | 
 |  |  |     this.planDate = [this.searchForm.startDate, this.searchForm.endDate] | 
 |  |  |     this.search() | 
 |  |  |   }, | 
 |  |  |   activated() { | 
 |  |  | 
 |  |  |         } | 
 |  |  |       }); | 
 |  |  |       return sums | 
 |  |  |     }, | 
 |  |  |     customIndex(index) { | 
 |  |  |       console.log(); | 
 |  |  |       return (this.tableData.pagination.pageIndex-1) * this.tableData.pagination.pageSize + index + 1 | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } |