| | |
| | | <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> |