| | |
| | | <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="batch"> |
| | | <el-input v-model="searchForm.batch" 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="salesorder"> |
| | | <el-input v-model="searchForm.salesorder" placeholder="请输入" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <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> |
| | |
| | | <ImportButton |
| | | text="导入" |
| | | template-name="workplans_import_template.xlsx" |
| | | template-path="template/workplans_import_template.xlsx" |
| | | template-path="/template/workplans_import_template.xlsx" |
| | | action="/business/workPlans/importBatch" |
| | | @success="search" |
| | | /> |
| | |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" border stripe @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55"></el-table-column> |
| | | <el-table-column prop="planCode" label="成品计划编码" min-width="150px"> |
| | | <el-table-column prop="planCode" label="成品计划编码" min-width="190px"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.plannedProgress.open('计划执行进度', row)"> |
| | | <span class="long-title-style">{{ row.planCode }}</span> |
| | | </el-button> |
| | | <el-tag type="danger" size="mini" v-if="row.hasExpire">延期</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="materialName" label="物料名称" min-width="100px"></el-table-column> |
| | |
| | | </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> |
| | |
| | | <span v-else>-</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="优先级" min-width="80px"> |
| | | <template slot-scope="{row}"> |
| | | <el-table-column prop="urgent" label="优先级" min-width="80px"> |
| | | <!-- <template slot-scope="{row}"> |
| | | <span v-if="row.urgent">{{ row.urgent }}</span> |
| | | <span v-else>-</span> |
| | | </template> |
| | | </template> --> |
| | | </el-table-column> |
| | | <el-table-column label="暂停" min-width="80px"> |
| | | <template slot-scope="{row}"> |
| | | {{ row.paused==0?'否':'是' }} |
| | | |
| | | </template> |
| | | </el-table-column> |
| | | |
| | |
| | | materialCode: '', |
| | | planDateStart: '', |
| | | planDateEnd: '', |
| | | startDateEnd: '', |
| | | startDateStart: '', |
| | | factoryId: '', |
| | | materialId: '', |
| | | batch: '', |
| | | salesorder: '', |
| | | planStatus: '', |
| | | 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() |
| | | } |
| | | } |