| | |
| | | v-show="showSearch" |
| | | :label-width="locale === 'zh' ? '90px' : '160px'" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="9"> |
| | | <el-form-item :label="$t('plan.query.itemNumber')" prop="itemCode"> |
| | | <el-input |
| | | style="width: 210px" |
| | | v-model="queryParams.itemCode" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t( |
| | | 'plan.query.itemNumber' |
| | | )}`" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <el-form-item |
| | | :label="$t('plan.table.applicableFactories')" |
| | | prop="orgCode" |
| | | <!-- <el-row :gutter="20"> |
| | | <el-col :span="10"> --> |
| | | <el-form-item :label="$t('plan.query.itemNumber')" prop="itemCode"> |
| | | <el-input |
| | | style="width: 210px" |
| | | v-model="queryParams.itemCode" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t( |
| | | 'plan.query.itemNumber' |
| | | )}`" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <!-- </el-col> |
| | | <el-col :span="10"> --> |
| | | <el-form-item |
| | | :label="$t('plan.table.applicableFactories')" |
| | | prop="orgCode" |
| | | > |
| | | <el-select |
| | | clearable |
| | | v-model="queryParams.orgCode" |
| | | style="width: 160px" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t( |
| | | 'plan.table.applicableFactories' |
| | | )}`" |
| | | > |
| | | <el-option |
| | | v-for="plant in plantList" |
| | | :key="plant.id" |
| | | :label="plant.plantName" |
| | | :value="plant.plantCode" |
| | | > |
| | | <el-select |
| | | clearable |
| | | v-model="queryParams.orgCode" |
| | | :style="{width: locale=='zh'?'160px':'250px'}" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t('plan.table.applicableFactories')}`" |
| | | > |
| | | <el-option |
| | | v-for="plant in plantList" |
| | | :key="plant.id" |
| | | :label="plant.plantName" |
| | | :value="plant.plantCode" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6" 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-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- </el-col> |
| | | <el-col :span="4" 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-row> |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | > |
| | | </template> |
| | | </HxlhTable> |
| | | <el-dialog :title="title" v-model="openDialog" width="900px" append-to-body> |
| | | <el-dialog |
| | | :title="$t('common.common.viewDetails')" |
| | | v-model="openDialog" |
| | | width="900px" |
| | | append-to-body |
| | | > |
| | | <HxlhTable |
| | | style="width: 100%" |
| | | :columns="subGridOptions" |
| | |
| | | :height="heightSub" |
| | | > |
| | | </HxlhTable> |
| | | <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="openDialog = false">{{ |
| | | $t("common.common.cancel") |
| | | }}</el-button> |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | const loadingSub = ref(false); |
| | | const showSearch = ref(true); |
| | | const total = ref(0); |
| | | const height = ref(document.documentElement.clientHeight - 270 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | const heightSub = ref(document.documentElement.clientHeight - 320 + "px;"); |
| | | // 表格配置 |
| | | const columns = ref([]); |
| | |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | itemCode: null, |
| | | orgCode:"" |
| | | orgCode: "", |
| | | }, |
| | | rules: {}, |
| | | }); |
| | |
| | | // }, |
| | | // { type: "checkbox", width: 60, align: "center" }, |
| | | { |
| | | title: "BOM_Header_ID", |
| | | title: "BOM ID", |
| | | field: "bomHeaderId", |
| | | }, |
| | | { |
| | |
| | | ]; |
| | | subGridOptions.value = [ |
| | | { |
| | | title: "BOM_Line_ID", |
| | | title: t("plan.table.bomItemID"), |
| | | field: "bomLineId", |
| | | width: 150, |
| | | align: "center", |
| | | }, |
| | | { |
| | | title: "BOM_Header_ID", |
| | | title: "BOM ID", |
| | | field: "bomHeaderId", |
| | | width: 150, |
| | | align: "center", |