|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="app-container"> | 
 |  |  |     <el-row :gutter="20"> | 
 |  |  |       <el-form | 
 |  |  |         :model="queryParams" | 
 |  |  |         ref="queryRef" | 
 |  |  |         :rules="rules" | 
 |  |  |         :inline="true" | 
 |  |  |         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: 240px" | 
 |  |  |                 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-form | 
 |  |  |       :model="queryParams" | 
 |  |  |       ref="queryRef" | 
 |  |  |       :rules="rules" | 
 |  |  |       :inline="true" | 
 |  |  |       v-show="showSearch" | 
 |  |  |       :label-width="locale === 'zh' ? '90px' : '160px'" | 
 |  |  |     > | 
 |  |  |       <el-row type="flex" justify="left" :gutter="20"> | 
 |  |  |         <el-col :span="locale === 'zh' ? 5 : 9"> | 
 |  |  |           <el-form-item :label="$t('plan.query.itemNumber')" prop="itemCode"> | 
 |  |  |             <el-input | 
 |  |  |               :style="{ width: locale === 'zh' ? '140px' : '240px' }" | 
 |  |  |               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="locale === 'zh' ? 7 : 9"> | 
 |  |  |           <el-form-item | 
 |  |  |             :label="$t('plan.table.applicableFactories')" | 
 |  |  |             prop="orgCode" | 
 |  |  |           > | 
 |  |  |             <el-select | 
 |  |  |               clearable | 
 |  |  |               v-model="queryParams.orgCode" | 
 |  |  |               :style="{ width: locale === 'zh' ? '180px' : '260px' }" | 
 |  |  |               :placeholder="`${$t('common.common.placeholder')}${$t( | 
 |  |  |                 'plan.table.applicableFactories' | 
 |  |  |               )}`" | 
 |  |  |             > | 
 |  |  |               <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 | 
 |  |  |                   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-form> | 
 |  |  |     </el-row> | 
 |  |  |               </el-option> | 
 |  |  |             </el-select> | 
 |  |  |           </el-form-item> | 
 |  |  |         </el-col> | 
 |  |  |         <el-col :span="locale === 'zh' ? 11 : 6" 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 | 
 |  |  |           type="success" | 
 |  |  |           plain | 
 |  |  |           icon="Refresh" | 
 |  |  |           :disabled="loadingRefresh" | 
 |  |  |           @click="handleRefresh" | 
 |  |  |           v-hasPermi="['apsPartRouteStat:edit']" | 
 |  |  |           v-hasPermi="['Aps:ApsStandardProcessRouteHeader:refreshProcessRouteData']" | 
 |  |  |           >{{ $t("common.common.update") }}</el-button | 
 |  |  |         > | 
 |  |  |       </el-col> | 
 |  |  | 
 |  |  |       :title="$t('common.common.viewDetails')" | 
 |  |  |       v-model="openDialog" | 
 |  |  |       width="900px" | 
 |  |  |       style="height:400px;overflow:hidden;" | 
 |  |  |       style="height: 400px; overflow: hidden" | 
 |  |  |       append-to-body | 
 |  |  |     > | 
 |  |  |       <HxlhTable | 
 |  |  | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script setup name="ApsPlatePlan"> | 
 |  |  | <script setup name="ProcessRouteDataPreparate"> | 
 |  |  | import { listAll_plant } from "@/api/basicData/plant"; | 
 |  |  | import { | 
 |  |  |   apsStandardProcessRouteHeaderList, | 
 |  |  |   apsStandardProcessRouteLineList, | 
 |  |  |   apsRefreshProcessRouteDataList | 
 |  |  | } from "@/api/basicData/processRoute.js"; | 
 |  |  | import { listAll_shop } from "@/api/basicData/shop"; | 
 |  |  | import HxlhTable from "@/components/HxlhTable/index.vue"; | 
 |  |  | 
 |  |  |   enabled: true, | 
 |  |  |   gt: 0, | 
 |  |  |   threshold: 50, | 
 |  |  | } | 
 |  |  | }; | 
 |  |  | // 分页属性 | 
 |  |  | const page = ref({ | 
 |  |  |   total: 0, | 
 |  |  | 
 |  |  | const subGridOptions = ref([]); | 
 |  |  | const subList = ref([]); | 
 |  |  | const loading = ref(false); | 
 |  |  | const loadingRefresh = ref(false); | 
 |  |  | const showSearch = ref(true); | 
 |  |  | const single = ref(true); | 
 |  |  | const total = ref(0); | 
 |  |  | 
 |  |  |         }, | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         title: "操作", | 
 |  |  |         title: t("common.common.operate"), | 
 |  |  |         width: 100, | 
 |  |  |         fixed: "right", | 
 |  |  |         slots: { default: "buttons" }, | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { immediate: true, deep: true } | 
 |  |  | ); | 
 |  |  | async function handleRefresh() { | 
 |  |  |   loadingRefresh.value = true; | 
 |  |  |   const res = await apsRefreshProcessRouteDataList(); | 
 |  |  |   if (res.code == 200) { | 
 |  |  |     ElMessage({ | 
 |  |  |       message: t("plan.message.update"), | 
 |  |  |       type: "success", | 
 |  |  |     }); | 
 |  |  |     loadingRefresh.value = false; | 
 |  |  |     getList(); | 
 |  |  |   } else { | 
 |  |  |     loadingRefresh.value = false; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | function changePageNo(currentPage) { | 
 |  |  |   queryParams.value.pageNum = currentPage; | 
 |  |  |   page.value.current = currentPage; | 
 |  |  | 
 |  |  | h4 { | 
 |  |  |   font-weight: bold; | 
 |  |  | } | 
 |  |  | .column-with-margin { | 
 |  |  |   margin-right: 0px; | 
 |  |  | } | 
 |  |  | </style> |