| | |
| | | <template> |
| | | <div class="mod-config"> |
| | | <basic-container> |
| | | <div class="avue-crud"> |
| | | <el-row> |
| | | <el-col :span="1"> |
| | | <div> |
| | | <el-divider direction="vertical"></el-divider> |
| | | <div |
| | | style="float: left;height: 18px;font-size: 13px;line-height: 18px;font-weight: bold" |
| | | > |
| | | <span>销售订单</span> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <div> |
| | | <el-input |
| | | clearable |
| | | @keyup.enter.native="getDataList" |
| | | v-model="paramObject.customerOrderNo" |
| | | placeholder="销售订单" |
| | | @clear="getDataList" |
| | | style="width: 100%" |
| | | > |
| | | </el-input> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1" offset="1"> |
| | | <div> |
| | | <el-divider direction="vertical"></el-divider> |
| | | <div |
| | | style="float: left;height: 18px;font-size: 13px;line-height: 18px;font-weight: bold" |
| | | > |
| | | <span>主计划号</span> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <div> |
| | | <el-input |
| | | clearable |
| | | @keyup.enter.native="getDataList" |
| | | v-model="paramObject.mpsNo" |
| | | placeholder="主计划号" |
| | | @clear="getDataList" |
| | | style="width: 100%" |
| | | > |
| | | </el-input> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1" offset="1"> |
| | | <div> |
| | | <el-divider direction="vertical"></el-divider> |
| | | <div |
| | | style="float: left;height: 18px;font-size: 13px;line-height: 18px;font-weight: bold" |
| | | > |
| | | <span>车间订单</span> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <div> |
| | | <el-input |
| | | clearable |
| | | @keyup.enter.native="getDataList" |
| | | v-model="paramObject.moNo" |
| | | placeholder="车间订单" |
| | | @clear="getDataList" |
| | | style="width: 100%" |
| | | > |
| | | </el-input> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1" offset="1"> |
| | | <div> |
| | | <el-divider direction="vertical"></el-divider> |
| | | <div |
| | | style="float: left;height: 18px;font-size: 13px;line-height: 18px;font-weight: bold" |
| | | > |
| | | <span>需求日期</span> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | <div> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="paramObject.requiredDate" |
| | | type="datetimerange" |
| | | start-placeholder="开始" |
| | | end-placeholder="结束" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | @change="feedDateChange($event)" |
| | | size="mini" |
| | | style="width:100px" |
| | | > |
| | | </el-date-picker> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="2" offset="1"> |
| | | <el-button type="primary" @click="getDataList()">搜索</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="avue-crud" style="margin: 0px 10px"> |
| | | <el-form :model="paramObject" label-width="100px" label-position="right"> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item label="销售订单"> |
| | | <el-input |
| | | clearable |
| | | @keyup.enter.native="getDataList" |
| | | v-model="paramObject.customerOrderNo" |
| | | placeholder="销售订单" |
| | | @clear="getDataList" |
| | | style="width: 100%" |
| | | > </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="主计划号"> |
| | | <el-input |
| | | clearable |
| | | @keyup.enter.native="getDataList" |
| | | v-model="paramObject.mpsNo" |
| | | placeholder="主计划号" |
| | | @clear="getDataList" |
| | | style="width: 100%" |
| | | > </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="车间订单"> |
| | | <el-input |
| | | clearable |
| | | @keyup.enter.native="getDataList" |
| | | v-model="paramObject.moNo" |
| | | placeholder="车间订单" |
| | | @clear="getDataList" |
| | | style="width: 100%" |
| | | > </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="需求日期"> |
| | | <el-date-picker |
| | | style="width:100%" |
| | | clearable |
| | | v-model="paramObject.requiredDate" |
| | | type="datetimerange" |
| | | start-placeholder="开始" |
| | | end-placeholder="结束" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | @change="feedDateChange($event)" |
| | | size="mini" |
| | | > </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="3" :offset="1"> |
| | | <el-button type="primary" @click="getDataList()">搜索</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | | <el-table |
| | | :data="dataList" |
| | | border |
| | |
| | | class="l-mes-table" |
| | | :height="screenHeight" |
| | | > |
| | | <el-table-column type="index" label="序号" width="50"> |
| | | <el-table-column type="index" label="序号" align="center" width="50"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="customerName" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="客户名称" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="customerOrderNo" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="销售订单号" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="mpsNo" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="主计划号" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="partNo" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="零件号" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="partName" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="零件名称" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="qtyRequired" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="车间订单需求数量" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="unit" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="单位" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="requiredDate" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="需求日期" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="moNo" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="120" |
| | | show-overflow-tooltip |
| | | label="车间订单号" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="name" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="工序名称" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="operationPartNo" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="工序零件号" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="operationPartName" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="工序零件名称" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="pda" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="工序需求数量" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="plannedQuantity" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="工单的计划数量" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="completedQuantity" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="工单的完成数量" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="units" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="单位" |
| | | > |
| | | </el-table-column> |
| | |
| | | prop="count" |
| | | header-align="center" |
| | | align="center" |
| | | min-width="100" |
| | | show-overflow-tooltip |
| | | label="工序完成进度" |
| | | > |
| | | </el-table-column> |