| | |
| | | <template> |
| | | <TableLayout :permissions="['ext:workplans:query']"> |
| | | <!-- 搜索表单 --> |
| | | <el-form ref="searchForm" slot="search-form" label-suffix=":" :model="searchForm" label-width="90px" inline> |
| | | <el-form ref="searchForm" slot="search-form" label-suffix=":" :model="searchForm" label-width="110px" inline> |
| | | <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="salesorder"> |
| | | <el-input v-model="searchForm.salesorder" placeholder="请输入" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="计划日期" prop="planDate"> |
| | | <el-date-picker style="width: 300px;" @change="changeDate" v-model="searchForm.planDate" type="datetimerange" |
| | | <el-form-item label="计划开始日期" prop="startDate"> |
| | | <el-date-picker style="width: 300px;" @change="changeStartDate" v-model="startDate" type="daterange" |
| | | value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="计划完成日期" prop="planDate"> |
| | | <el-date-picker style="width: 300px;" @change="changeDate" v-model="planDate" type="daterange" |
| | | value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="完工合格数" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.finishQualifiedNum">{{ row.finishQualifiedNum }}</span> |
| | | <span class="valid-style" v-if="row.finishQualifiedNum">{{ row.finishQualifiedNum }}</span> |
| | | <span v-else>-</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="完工不良数" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.finishUnQualifiedNum">{{ row.finishUnQualifiedNum }}</span> |
| | | <span class="unvalid-style" v-if="row.finishUnQualifiedNum">{{ row.finishUnQualifiedNum }}</span> |
| | | <span v-else>-</span> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | materialCode: '', |
| | | planDateStart: '', |
| | | planDateEnd: '', |
| | | startDateEnd: '', |
| | | startDateStart: '', |
| | | factoryId: '', |
| | | materialId: '', |
| | | batch: '', |
| | |
| | | planCode: '' |
| | | }, |
| | | ids: [], |
| | | planDate: [], |
| | | startDate: [], |
| | | statusList: [ |
| | | { label: '已生成', value: 0 }, |
| | | { label: '执行中', value: 1 }, |
| | |
| | | } |
| | | this.search() |
| | | }, |
| | | changeStartDate(e) { |
| | | if (e) { |
| | | this.searchForm.startDateStart = e[0] |
| | | this.searchForm.startDateEnd = e[1] |
| | | } else { |
| | | this.searchForm.startDateStart = '' |
| | | this.searchForm.startDateEnd = '' |
| | | } |
| | | this.search() |
| | | }, |
| | | resets() { |
| | | this.searchForm.planDateStart = '' |
| | | this.searchForm.planDateEnd = '' |
| | | this.searchForm.startDateStart = '' |
| | | this.searchForm.startDateEnd = '' |
| | | this.planDate = [] |
| | | this.startDate = [] |
| | | this.reset() |
| | | } |
| | | } |