| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <!-- <el-col> --> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryRef" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | :label-width="locale === 'zh' ? '60px' : '150px'" |
| | | label-position="left" |
| | | > |
| | | <!-- <el-row :gutter="20"> |
| | | <el-col :span="12"> --> |
| | | <el-form-item :label="$t('plan.query.workOrderNo')" prop="num"> |
| | | <el-input |
| | | style="width: 370px" |
| | | v-model="queryParams.workOrderNo" |
| | | :placeholder="$t('plan.placeholder.planWorkOderNO')" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <!-- </el-col> |
| | | <el-col :span="12" style="text-align: right;"> --> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | | }}</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">{{ |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <!-- </el-col> |
| | | </el-row> --> |
| | | </el-form> |
| | | <!-- </el-col> --> |
| | | </el-row> |
| | | <!-- <el-col> --> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryRef" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | :label-width="locale === 'zh' ? '60px' : '150px'" |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-form-item :label="$t('plan.query.workOrderNo')" prop="num"> |
| | | <el-input |
| | | :style="{ width: locale === 'zh' ? '180px' : '250px' }" |
| | | v-model="queryParams.workOrderNo" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t( |
| | | 'plan.query.workOrderNo' |
| | | )}`" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | | }}</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">{{ |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | |
| | | { |
| | | title: t("plan.table.workOrderNo"), |
| | | field: "workOrderNo", |
| | | width: 150, |
| | | width: "auto", |
| | | }, |
| | | { |
| | | title: t("plan.table.processName"), |
| | | field: "processName", |
| | | width: "auto", |
| | | }, |
| | | { |
| | | title: t("plan.table.processNumber"), |
| | | field: "routeProcessNumberTxt", |
| | | width: 100, |
| | | width: "auto", |
| | | }, |
| | | { |
| | | title: t("plan.table.currentProcessNumber"), |
| | | field: "currentProcessNumberTxt", |
| | | width: 100, |
| | | width: "auto", |
| | | }, |
| | | { |
| | | title: t("plan.table.productionQuantity"), |
| | | field: "productionQuantity", |
| | | width: 80, |
| | | width: "auto", |
| | | }, |
| | | { |
| | | title: t("plan.table.standardTime"), |
| | | field: "standardTime", |
| | | width: 80, |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: t("plan.table.totalWorkingHoursOfProcess"), |
| | | field: "processTotalTime", |
| | | width: 80, |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: t("plan.table.planStartDay"), |
| | | field: "processPlanStartDaytxt", |
| | | width: 200, |
| | | width: 160, |
| | | type: "html", |
| | | }, |
| | | { |
| | | title: t("plan.table.planEndDayDate"), |
| | | field: "processPlanEndDaytxt", |
| | | width: 200, |
| | | width: 160, |
| | | type: "html", |
| | | }, |
| | | { |
| | | title: t("plan.table.OrderCompletionDate"), |
| | | title: t("plan.table.OrderCompletionDate"), |
| | | field: "orderPlanEndDay", |
| | | width: 200, |
| | | width: 160, |
| | | format: "YYYY-MM-DD HH:mm:ss", |
| | | }, |
| | | { |
| | | title: t("plan.table.abnormalState"), |
| | | field: "exceptionStatus", |
| | | width: "auto", |
| | | } |
| | | ]; |
| | | }, |
| | | { immediate: true, deep: true } |
| | |
| | | .padStart(3, "0"); |
| | | }); |
| | | aps_plate_process_statList.value = listValue; |
| | | console.log(aps_plate_process_statList.value,"aps_plate_process_statList.value") |
| | | total.value = response.total; |
| | | loading.value = false; |
| | | }); |
| | |
| | | // } |
| | | // return null; |
| | | // }; |
| | | getList(); |
| | | // getList(); |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .column-with-margin { |
| | | margin-right: 0px; |
| | | } |
| | | ::v-deep(.mytable-style.vxe-table .vxe-body--row.row-green) { |
| | | background-color: #187; |
| | | color: #fff; |