|  |  |  | 
|---|
|  |  |  | </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="rate" label="合格率(%)" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="qualifiedNum" label="良品数" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span class="valid-style">{{ row.qualifiedNum || 0 }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="unQualifiedNum" label="不良品数" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span class="unvalid-style">{{ row.unQualifiedNum || 0 }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="rate" label="合格率" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | {{ `${row.rate.toFixed(2)}%` }} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <pagination | 
|---|
|  |  |  | @size-change="handleSizeChange" | 
|---|
|  |  |  | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|