From d67ba690e49ce6674f048ceb8831df770f5b9e21 Mon Sep 17 00:00:00 2001
From: CD配唱片 <CD配唱片>
Date: 星期二, 29 四月 2025 15:12:23 +0800
Subject: [PATCH] 提交钣金计划大表i18n配置中英文

---
 src/views/mainPlan/platePlan/index.vue | 1058 +++++++++++++++++++++++++++++++---------------------------
 1 files changed, 572 insertions(+), 486 deletions(-)

diff --git a/src/views/mainPlan/platePlan/index.vue b/src/views/mainPlan/platePlan/index.vue
index 38fc61f..291efa1 100644
--- a/src/views/mainPlan/platePlan/index.vue
+++ b/src/views/mainPlan/platePlan/index.vue
@@ -1,61 +1,65 @@
 <template>
   <div class="app-container">
-    <el-row :gutter="20"> <el-col>
-    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="90px">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-form-item label="璁″垝寮�宸ユ棩" style="width: 100%;">
+    <el-row :gutter="10" class="mb8">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" :label-width="locale==='zh'?'90px':'180px'" label-position="left">
+      <!-- <el-row :gutter="20">
+        <el-col :span="6"> -->
+          <el-form-item :label="$t('page.query.daterangePlanStartDay')">
           <el-date-picker
+              style="width: 240px;"
               v-model="daterangePlanStartDay"
               value-format="YYYY-MM-DD"
               type="daterange"
               range-separator="-"
-              start-placeholder="寮�濮嬫棩鏈�"
-              end-placeholder="缁撴潫鏃ユ湡"
+              :start-placeholder="$t('page.placeholder.startDate')"
+              :end-placeholder="$t('page.placeholder.endDate')"
           ></el-date-picker>
         </el-form-item>
-        </el-col>
-        <el-col :span="6">
-        <el-form-item label="璁″垝瀹屽伐鏃�" style="width: 100%;">
+        <!-- </el-col>
+        <el-col :span="6"> -->
+        <el-form-item :label="$t('page.query.daterangePlanEndDay')">
           <el-date-picker
+              style="width: 240px;"
               v-model="daterangePlanEndDay"
               value-format="YYYY-MM-DD"
               type="daterange"
               range-separator="-"
-              start-placeholder="寮�濮嬫棩鏈�"
-              end-placeholder="缁撴潫鏃ユ湡"
+              :start-placeholder="$t('page.placeholder.startDate')"
+              :end-placeholder="$t('page.placeholder.endDate')"
           ></el-date-picker>
         </el-form-item>
-        </el-col>
-        <el-col :span="6">
-        <el-form-item label="鍗曟嵁鍙�" prop="documentNumber" style="width: 100%;">
+        <!-- </el-col>
+        <el-col :span="6"> -->
+        <el-form-item :label="$t('page.query.documentNumber')" prop="documentNumber" >
           <el-input
+              style="width: 240px;"
               v-model="queryParams.documentNumber"
-              placeholder="璇疯緭鍏ュ崟鎹彿"
+              :placeholder="$t('page.placeholder.documentNumber')"
               clearable
               @keyup.enter="handleQuery"
           />
         </el-form-item>
-        </el-col>
-        <el-col :span="6">
-        <el-form-item label="瀹㈡埛鍚嶇О" prop="customer" style="width: 100%;">
+        <!-- </el-col>
+        <el-col :span="6"> -->
+        <el-form-item :label="$t('page.query.customer')" prop="customer">
           <el-input
+              style="width: 240px;"
               v-model="queryParams.customer"
-              placeholder="璇疯緭鍏ュ鎴峰悕绉�"
+              :placeholder="$t('page.placeholder.customer')"
               clearable
               @keyup.enter="handleQuery"
           />
         </el-form-item>
-        </el-col>
-        <el-col  :span="24"  style="text-align: right;">
+        <!-- </el-col>
+        <el-col  :span="24"  style="text-align: right;"> -->
         <el-form-item>
-          <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
-          <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
+          <el-button type="primary" icon="Search" @click="handleQuery">{{$t("page.common.query")}}</el-button>
+          <el-button icon="Refresh" @click="resetQuery">{{$t("page.common.reset")}}</el-button>
         </el-form-item>
-        </el-col>
-      </el-row>
+        <!-- </el-col> -->
+      <!-- </el-row> -->
       </el-form>
-    </el-col> </el-row>
+    </el-row>
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
@@ -65,7 +69,7 @@
             :disabled="single"
             @click="handleUpdate"
             v-hasPermi="['apsPlatePlan:edit']"
-        >鎵归噺淇敼璁″垝寮�宸ユ棩</el-button>
+        >{{$t("page.btns.batchPlanStartDay")}}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -75,7 +79,7 @@
             :disabled="single"
             @click="handleUpdate"
             v-hasPermi="['apsPlatePlan:edit']"
-        >鎵归噺淇敼璁″垝瀹屽伐鏃�</el-button>
+        >{{$t("page.btns.batchPlanEndDay")}}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -84,7 +88,7 @@
             icon="Upload"
             @click="handleImport"
             v-hasPermi="['apsPlatePlan:import']"
-        >瀵煎叆</el-button>
+        >{{$t("page.common.import")}}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -93,7 +97,7 @@
           icon="Download"
           @click="handleExport"
           v-hasPermi="['apsPlatePlan:export']"
-        >瀵煎嚭</el-button>
+        >{{$t("page.common.export")}}</el-button>
       </el-col>
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -204,11 +208,10 @@
 import { ref } from "vue";
 import { getToken } from "@/utils/auth.js";
 import {ElMessage} from "element-plus";
-
+import { useI18n } from "vue-i18n"; //瑕佸湪js涓娇鐢ㄥ浗闄呭寲
 const { proxy } = getCurrentInstance();
-
+const { t, locale } = useI18n();
 const { aps_is_suspended, aps_document_status, aps_account, aps_business_type } = proxy.useDict('aps_is_suspended', 'aps_document_status', 'aps_account', 'aps_business_type');
-
 const exampleList = ref([]);
 const planList = ref([]);
 const loading = ref(true);
@@ -242,380 +245,6 @@
   // 涓婁紶鐨勫湴鍧�
   url: import.meta.env.VITE_APP_BASE_API + "/aps/apsPlatePlan/importData"
 });
-
-// 琛ㄦ牸閰嶇疆
-const exampleColumns = ref([
-  { type: 'seq', title: '搴忓彿', width: 60 },
-  {
-    title: '涓昏鍒掑憳',
-    field: 'masterPlanner',
-    width: 100,
-  },
-  {
-    title: '鍛ㄦ棩',
-    field: 'weekDay',
-    width: 100,
-    formatter: (({ cellValue, row, column }) => {
-      if (cellValue) {
-        const weekDay = new Date(cellValue);
-        const year = weekDay.getFullYear();
-        const month = String(weekDay.getMonth() + 1).padStart(2, '0');
-        const day = String(weekDay.getDate()).padStart(2, '0');
-        return `${month}-${day}`;
-      }
-      return '';
-    })
-  },
-  {
-    title: '鍛ㄥ害',
-    field: 'weekCycle',
-    width: 80,
-  },
-  {
-    title: '涓讳欢鏂欏彿',
-    field: 'mainPartNumber',
-    width: 150,
-  },
-  {
-    title: '涓讳欢鍥惧彿',
-    field: 'mainPartDrawingNumber',
-    width: 150,
-  },
-  {
-    title: '瀹㈡埛鍚嶇О',
-    field: 'customer',
-    width: 200,
-  },
-  {
-    title: '涓氬姟绫诲瀷',
-    field: 'businessType',
-    width: 150,
-  },
-  {
-    title: '鍗曟嵁鍙�',
-    field: 'documentNumber',
-    width: 150,
-  },
-  {
-    title: '闇�姹傚垎绫�',
-    field: 'requirementType',
-    width: 150,
-  },
-  {
-    title: '鍗曟嵁鐘舵��',
-    field: 'documentStatus',
-    width: 100,
-  },
-  {
-    title: '鏂欏彿',
-    field: 'itemNumber',
-    width: 150,
-  },
-  {
-    title: '鍥惧彿',
-    field: 'drawingNo',
-    width: 150,
-  },
-  {
-    title: '鐗堟湰鍙�',
-    field: 'versionNumber',
-    width: 100,
-  },
-  {
-    title: '鐢熶骇鏁伴噺',
-    field: 'productionQuantity',
-    width: 100,
-  },
-  {
-    title: '鑹搧鏁伴噺',
-    field: 'goodProductsQuantity',
-    width: 100,
-  },
-  {
-    title: '宸ュ簭鍙�',
-    field: 'processNumber',
-    width: 150,
-  },
-  {
-    title: '宸ヤ綔涓績',
-    field: 'workCenter',
-    width: 150,
-  },
-  {
-    title: '鎵�灞為儴闂�',
-    field: 'department',
-    width: 100,
-  },
-  {
-    title: '璁″垝寮�宸ユ棩',
-    field: 'planStartDay',
-    width: 100,
-  },
-  {
-    title: '璁″垝瀹屽伐鏃�',
-    field: 'planEndDay',
-    width: 100,
-  },
-  {
-    title: '澶囨枡鏂欏彿',
-    field: 'standbyNumber',
-    width: 100,
-  },
-  {
-    title: '澶囨枡鍚嶇О',
-    field: 'standbyName',
-    width: 200,
-  },
-  {
-    title: '澶囨枡搴撳瓨',
-    field: 'standbyStock',
-    width: 100,
-  },
-  {
-    title: '涓嬮亾宸ュ簭鎵�灞為儴闂�',
-    field: 'nextProcessDeparment',
-    width: 180,
-  },
-  {
-    title: '鏄惁鎸傝捣',
-    field: 'isSuspended',
-    width: 100,
-  },
-  {
-    title: '澶栧崗鏍囪瘑',
-    field: 'isOutsourcing',
-    width: 100,
-  },
-  {
-    title: '璐﹀',
-    field: 'account',
-    width: 100,
-  },
-  // {
-  //   title: '涓婇樁鐗╂枡',
-  //   field: 'advancedMaterials',
-  //   width: 100,
-  // },
-  // {
-  //   title: '涓婇樁鍗曟嵁鍙�',
-  //   field: 'advancedDocumentNumber',
-  //   width: 100,
-  // },
-  // {
-  //   title: '涓婇樁闇�姹傛棩鏈�',
-  //   field: 'advancedRequirementDay',
-  //   width: 150,
-  // },
-  // {
-  //   title: '璁″垝榻愬',
-  //   field: 'isPlanComplete',
-  //   width: 100,
-  // },
-  // {
-  //   title: '搴撳瓨榻愬',
-  //   field: 'isStockComplete',
-  //   width: 100,
-  // },
-  // {
-  //   title: '鏄惁鏈夋姌杩斿伐搴�',
-  //   field: 'hasTurnback',
-  //   width: 150,
-  // },
-  // {
-  //   title: '椋庨櫓鏍囪瘑',
-  //   field: 'hasRisk',
-  //   width: 100,
-  // },
-]);
-
-// 琛ㄦ牸閰嶇疆
-const columns = ref([
-  { field: 'expand', type: 'expand', width: 60, align: 'center', slots: { content: 'expandContent' } },
-  { type: 'checkbox', width: 60, align:"center"},
-  { type: 'seq', title: '搴忓彿', width: 60 },
-  // {
-  //   title: '涓昏鍒掑憳',
-  //   field: 'masterPlanner',
-  //   width: 100,
-  // },
-  // {
-  //   title: '鍛ㄦ棩',
-  //   field: 'weekDay',
-  //   width: 100,
-  //   formatter: (({ cellValue, row, column }) => {
-  //     if (cellValue) {
-  //       const weekDay = new Date(cellValue);
-  //       const year = weekDay.getFullYear();
-  //       const month = String(weekDay.getMonth() + 1).padStart(2, '0');
-  //       const day = String(weekDay.getDate()).padStart(2, '0');
-  //       return `${month}-${day}`;
-  //     }
-  //     return '';
-  //   })
-  // },
-  // {
-  //   title: '鍛ㄥ害',
-  //   field: 'weekCycle',
-  //   width: 80,
-  // },
-  {
-    title: '涓讳欢鏂欏彿',
-    field: 'mainPartNumber',
-    width: 150,
-  },
-  // {
-  //   title: '涓讳欢鍥惧彿',
-  //   field: 'mainPartDrawingNumber',
-  //   width: 150,
-  // },
-  // {
-  //   title: '瀹㈡埛鍚嶇О',
-  //   field: 'customer',
-  //   width: 200,
-  // },
-  {
-    title: '涓氬姟绫诲瀷',
-    field: 'businessType',
-    width: 100,
-  },
-  {
-    title: '鍗曟嵁鍙�',
-    field: 'documentNumber',
-    width: 140,
-  },
-  {
-    title: '闇�姹傚垎绫�',
-    field: 'requirementType',
-    width: 100,
-  },
-  {
-    title: '鍗曟嵁鐘舵��',
-    field: 'documentStatus',
-    width: 100,
-  },
-  {
-    title: '鏂欏彿',
-    field: 'itemNumber',
-    width: 100,
-  },
-  {
-    title: '鍥惧彿',
-    field: 'drawingNo',
-    width: 100,
-  },
-  // {
-  //   title: '鐗堟湰鍙�',
-  //   field: 'versionNumber',
-  //   width: 100,
-  // },
-  {
-    title: '鐢熶骇鏁伴噺',
-    field: 'productionQuantity',
-    width: 100,
-  },
-  // {
-  //   title: '鑹搧鏁伴噺',
-  //   field: 'goodProductsQuantity',
-  //   width: 100,
-  // },
-  {
-    title: '宸ュ簭鍙�',
-    field: 'processNumber',
-    width: 100,
-  },
-  {
-    title: '宸ヤ綔涓績',
-    field: 'workCenter',
-    width: 180,
-  },
-  // {
-  //   title: '鎵�灞為儴闂�',
-  //   field: 'department',
-  //   width: 100,
-  // },
-  // {
-  //   title: '璁″垝寮�宸ユ棩',
-  //   field: 'planStartDay',
-  //   width: 100,
-  // },
-  {
-    title: '璁″垝瀹屽伐鏃�',
-    field: 'planEndDay',
-    width: 100,
-  },
-  // {
-  //   title: '澶囨枡鏂欏彿',
-  //   field: 'standbyNumber',
-  //   width: 100,
-  // },
-  // {
-  //   title: '澶囨枡鍚嶇О',
-  //   field: 'standbyName',
-  //   width: 100,
-  // },
-  // {
-  //   title: '澶囨枡搴撳瓨',
-  //   field: 'standbyStock',
-  //   width: 100,
-  // },
-  // {
-  //   title: '涓嬮亾宸ュ簭鎵�灞為儴闂�',
-  //   field: 'nextProcessDeparment',
-  //   width: 160,
-  // },
-  // {
-  //   title: '鏄惁鎸傝捣',
-  //   field: 'isSuspended',
-  //   width: 100,
-  // },
-  // {
-  //   title: '澶栧崗鏍囪瘑',
-  //   field: 'isOutsourcing',
-  //   width: 100,
-  // },
-  // {
-  //   title: '璐﹀',
-  //   field: 'account',
-  //   width: 100,
-  // },
-  // {
-  //   title: '涓婇樁鐗╂枡',
-  //   field: 'advancedMaterials',
-  //   width: 100,
-  // },
-  // {
-  //   title: '涓婇樁鍗曟嵁鍙�',
-  //   field: 'advancedDocumentNumber',
-  //   width: 100,
-  // },
-  // {
-  //   title: '涓婇樁闇�姹傛棩鏈�',
-  //   field: 'advancedRequirementDay',
-  //   width: 100,
-  // },
-  // {
-  //   title: '璁″垝榻愬',
-  //   field: 'isPlanComplete',
-  //   width: 100,
-  // },
-  // {
-  //   title: '搴撳瓨榻愬',
-  //   field: 'isStockComplete',
-  //   width: 100,
-  // },
-  // {
-  //   title: '鏄惁鏈夋姌杩斿伐搴�',
-  //   field: 'hasTurnback',
-  //   width: 120,
-  // },
-  // {
-  //   title: '椋庨櫓鏍囪瘑',
-  //   field: 'hasRisk',
-  //   width: 100,
-  // },
-]);
-
-
 const data = reactive({
   form: {},
   queryParams: {
@@ -632,6 +261,462 @@
 });
 
 const { queryParams } = toRefs(data);
+const exampleColumns = ref([]);
+const columns = ref([]);
+const subGridOptions = ref({
+  border: true,
+  showOverflow: true,
+  columns: []
+})
+
+watch(locale, (newLocale) => {
+  // 閲嶆柊鑾峰彇缈昏瘧鏂囨湰
+  // 琛ㄦ牸閰嶇疆
+  exampleColumns.value = [
+    { type: 'seq', title: t('page.table.seq'), width: 60 },
+    {
+      title: t('page.table.masterPlanner'),
+      field: 'masterPlanner',
+      width: 100,
+    },
+    {
+      title: t('page.table.weekDay'),
+      field: 'weekDay',
+      width: 100,
+      formatter: (({ cellValue, row, column }) => {
+        if (cellValue) {
+          const weekDay = new Date(cellValue);
+          const year = weekDay.getFullYear();
+          const month = String(weekDay.getMonth() + 1).padStart(2, '0');
+          const day = String(weekDay.getDate()).padStart(2, '0');
+          return `${month}-${day}`;
+        }
+        return '';
+      })
+    },
+    {
+      title: t('page.table.weekCycle'),
+      field: 'weekCycle',
+      width: 80,
+    },
+    {
+      title: t('page.table.mainPartNumber'),
+      field: 'mainPartNumber',
+      width: 150,
+    },
+    {
+      title: t('page.table.mainPartDrawingNumber'),
+      field: 'mainPartDrawingNumber',
+      width: 150,
+    },
+    {
+      title: t('page.table.customer'),
+      field: 'customer',
+      width: 200,
+    },
+    {
+      title: t('page.table.businessType'),
+      field: 'businessType',
+      width: 150,
+    },
+    {
+      title: t('page.table.documentNumber'),
+      field: 'documentNumber',
+      width: 150,
+    },
+    {
+      title: t('page.table.requirementType'),
+      field: 'requirementType',
+      width: 150,
+    },
+    {
+      title: t('page.table.documentStatus'),
+      field: 'documentStatus',
+      width: 100,
+    },
+    {
+      title: t('page.table.itemNumber'),
+      field: 'itemNumber',
+      width: 150,
+    },
+    {
+      title: t('page.table.drawingNo'),
+      field: 'drawingNo',
+      width: 150,
+    },
+    {
+      title: t('page.table.versionNumber'),
+      field: 'versionNumber',
+      width: 100,
+    },
+    {
+      title: t('page.table.productionQuantity'),
+      field: 'productionQuantity',
+      width: 100,
+    },
+    {
+      title: t('page.table.goodProductsQuantity'),
+      field: 'goodProductsQuantity',
+      width: 100,
+    },
+    {
+      title: t('page.table.processNumber'),
+      field: 'processNumber',
+      width: 150,
+    },
+    {
+      title: t('page.table.factoryCenter'),
+      field: 'workCenter',
+      width: 150,
+    },
+    {
+      title: t('page.table.dependencyDepartment'),
+      field: 'department',
+      width: 100,
+    },
+    {
+      title: t('page.table.planStartDay'),
+      field: 'planStartDay',
+      width: 100,
+    },
+    {
+      title: t('page.table.planEndDayDate'),
+      field: 'planEndDay',
+      width: 100,
+    },
+    {
+      title:  t('page.table.standbyNumber'),
+      field: 'standbyNumber',
+      width: 100,
+    },
+    {
+      title: t('page.table.standbyName'),
+      field: 'standbyName',
+      width: 200,
+    },
+    {
+      title: t('page.table.standbyStock'),
+      field: 'standbyStock',
+      width: 100,
+    },
+    {
+      title: t('page.table.departmentToNextProcessBelongs'),
+      field: 'nextProcessDeparment',
+      width: 180,
+    },
+    {
+      title: t('page.table.isSuspended'),
+      field: 'isSuspended',
+      width: 100,
+    },
+    {
+      title: t('page.table.isOutsourcing'),
+      field: 'isOutsourcing',
+      width: 100,
+    },
+    {
+      title: t('page.table.account'),
+      field: 'account',
+      width: 100,
+    },
+    // {
+    //   title: '涓婇樁鐗╂枡',
+    //   field: 'advancedMaterials',
+    //   width: 100,
+    // },
+    // {
+    //   title: '涓婇樁鍗曟嵁鍙�',
+    //   field: 'advancedDocumentNumber',
+    //   width: 100,
+    // },
+    // {
+    //   title: '涓婇樁闇�姹傛棩鏈�',
+    //   field: 'advancedRequirementDay',
+    //   width: 150,
+    // },
+    // {
+    //   title: '璁″垝榻愬',
+    //   field: 'isPlanComplete',
+    //   width: 100,
+    // },
+    // {
+    //   title: '搴撳瓨榻愬',
+    //   field: 'isStockComplete',
+    //   width: 100,
+    // },
+    // {
+    //   title: '鏄惁鏈夋姌杩斿伐搴�',
+    //   field: 'hasTurnback',
+    //   width: 150,
+    // },
+    // {
+    //   title: '椋庨櫓鏍囪瘑',
+    //   field: 'hasRisk',
+    //   width: 100,
+    // },
+  ];
+  // 琛ㄦ牸閰嶇疆
+  columns.value = [
+    { field: 'expand', type: 'expand', width: 60, align: 'center', slots: { content: 'expandContent' } },
+    { type: 'checkbox', width: 60, align:"center"},
+    { type: 'seq', title: t('page.table.seq'), width: 60 },
+    // {
+    //   title: '涓昏鍒掑憳',
+    //   field: 'masterPlanner',
+    //   width: 100,
+    // },
+    // {
+    //   title: '鍛ㄦ棩',
+    //   field: 'weekDay',
+    //   width: 100,
+    //   formatter: (({ cellValue, row, column }) => {
+    //     if (cellValue) {
+    //       const weekDay = new Date(cellValue);
+    //       const year = weekDay.getFullYear();
+    //       const month = String(weekDay.getMonth() + 1).padStart(2, '0');
+    //       const day = String(weekDay.getDate()).padStart(2, '0');
+    //       return `${month}-${day}`;
+    //     }
+    //     return '';
+    //   })
+    // },
+    // {
+    //   title: '鍛ㄥ害',
+    //   field: 'weekCycle',
+    //   width: 80,
+    // },
+    {
+      title: t('page.table.mainPartNumber'),
+      field: 'mainPartNumber',
+      width: 150,
+    },
+    // {
+    //   title: '涓讳欢鍥惧彿',
+    //   field: 'mainPartDrawingNumber',
+    //   width: 150,
+    // },
+    // {
+    //   title: '瀹㈡埛鍚嶇О',
+    //   field: 'customer',
+    //   width: 200,
+    // },
+    {
+      title: t('page.table.businessType'),
+      field: 'businessType',
+      width: 100,
+    },
+    {
+      title: t('page.table.documentNumber'),
+      field: 'documentNumber',
+      width: 140,
+    },
+    {
+      title: t('page.table.requirementType'),
+      field: 'requirementType',
+      width: 100,
+    },
+    {
+      title: t('page.table.documentStatus'),
+      field: 'documentStatus',
+      width: 100,
+    },
+    {
+      title: t('page.table.itemNumber'),
+      field: 'itemNumber',
+      width: 100,
+    },
+    {
+      title: t('page.table.drawingNo'),
+      field: 'drawingNo',
+      width: 100,
+    },
+    // {
+    //   title: '鐗堟湰鍙�',
+    //   field: 'versionNumber',
+    //   width: 100,
+    // },
+    {
+      title: t('page.table.productionQuantity'),
+      field: 'productionQuantity',
+      width: 100,
+    },
+    // {
+    //   title: '鑹搧鏁伴噺',
+    //   field: 'goodProductsQuantity',
+    //   width: 100,
+    // },
+    {
+      title: t('page.table.processNumber'),
+      field: 'processNumber',
+      width: 100,
+    },
+    {
+      title: t('page.table.factoryCenter'),
+      field: 'workCenter',
+      width: 180,
+    },
+    // {
+    //   title: '鎵�灞為儴闂�',
+    //   field: 'department',
+    //   width: 100,
+    // },
+    // {
+    //   title: '璁″垝寮�宸ユ棩',
+    //   field: 'planStartDay',
+    //   width: 100,
+    // },
+    {
+      title: t('page.table.planEndDayDate'),
+      field: 'planEndDay',
+      width: 100,
+    },
+    // {
+    //   title: '澶囨枡鏂欏彿',
+    //   field: 'standbyNumber',
+    //   width: 100,
+    // },
+    // {
+    //   title: '澶囨枡鍚嶇О',
+    //   field: 'standbyName',
+    //   width: 100,
+    // },
+    // {
+    //   title: '澶囨枡搴撳瓨',
+    //   field: 'standbyStock',
+    //   width: 100,
+    // },
+    // {
+    //   title: '涓嬮亾宸ュ簭鎵�灞為儴闂�',
+    //   field: 'nextProcessDeparment',
+    //   width: 160,
+    // },
+    // {
+    //   title: '鏄惁鎸傝捣',
+    //   field: 'isSuspended',
+    //   width: 100,
+    // },
+    // {
+    //   title: '澶栧崗鏍囪瘑',
+    //   field: 'isOutsourcing',
+    //   width: 100,
+    // },
+    // {
+    //   title: '璐﹀',
+    //   field: 'account',
+    //   width: 100,
+    // },
+    // {
+    //   title: '涓婇樁鐗╂枡',
+    //   field: 'advancedMaterials',
+    //   width: 100,
+    // },
+    // {
+    //   title: '涓婇樁鍗曟嵁鍙�',
+    //   field: 'advancedDocumentNumber',
+    //   width: 100,
+    // },
+    // {
+    //   title: '涓婇樁闇�姹傛棩鏈�',
+    //   field: 'advancedRequirementDay',
+    //   width: 100,
+    // },
+    // {
+    //   title: '璁″垝榻愬',
+    //   field: 'isPlanComplete',
+    //   width: 100,
+    // },
+    // {
+    //   title: '搴撳瓨榻愬',
+    //   field: 'isStockComplete',
+    //   width: 100,
+    // },
+    // {
+    //   title: '鏄惁鏈夋姌杩斿伐搴�',
+    //   field: 'hasTurnback',
+    //   width: 120,
+    // },
+    // {
+    //   title: '椋庨櫓鏍囪瘑',
+    //   field: 'hasRisk',
+    //   width: 100,
+    // },
+  ];
+  subGridOptions.value.columns = [
+    {
+      title: t('page.table.itemNumber'),
+      field: 'itemNo',
+      width: 150,
+      align:"center",
+    },
+    {
+      title: t('page.table.workOrderNo'),
+      field: 'workOrderNo',
+      width: 150,
+      align:"center",
+    },
+    {
+      title: t('page.table.processNumber'),
+      field: 'processNumber',
+      width: 150,
+      align:"center",
+    },
+    {
+      title: t('page.table.processName'),
+      field: 'processName',
+      width: 150,
+      align:"center",
+    },
+    {
+      title: t('page.table.startDateOfProcessPlan'),
+      field: 'processPlanStartDay',
+      width: 200,
+      align:"center",
+    },
+    {
+      title: t('page.table.endDateOfProcessPlan'),
+      field: 'processPlanEndDay',
+      width: 200,
+      align:"center",
+    },
+    // {
+    //   title: '鏈紑宸ユ暟閲�',
+    //   field: 'notStartWorkCount',
+    //   width: 90,
+    //   align:"center",
+    // },
+    // {
+    //   title: '宸插畬鎴愭暟閲�',
+    //   field: 'completedCount',
+    //   width: 90,
+    //   align:"center",
+    // },
+    // {
+    //   title: '搴熷純鏁伴噺',
+    //   field: 'discardCount',
+    //   width: 90,
+    //   align:"center",
+    // },
+    {
+      title: t('page.table.standardTime'),
+      field: 'standardTime',
+      width: 90,
+      align:"center",
+    },
+    {
+      title: t('page.table.processOrder'),
+      field: 'processOrder',
+      width: 90,
+      align:"center",
+    },
+    {
+      title: t('page.table.integrationDay'),
+      field: 'integrationDay',
+      width: 160,
+      align:"center",
+    }
+  ]
+  getList();
+},{immediate:true, deep:true})
 /** 鏌ヨ閽i噾璁″垝涓存椂绠$悊鍒楄〃 */
 function getExampleList() {
   loading.value = true;
@@ -768,84 +853,85 @@
 }
 /*瀹氫箟涓嬫媺浜岀骇琛�*/
 
-const subGridOptions = reactive({
-  border: true,
-  showOverflow: true,
-  columns: [
-    {
-      title: '鏂欏彿',
-      field: 'itemNo',
-      width: 150,
-      align:"center",
-    },
-    {
-      title: '宸ュ崟鍙�',
-      field: 'workOrderNo',
-      width: 150,
-      align:"center",
-    },
-    {
-      title: '宸ュ簭搴忓彿',
-      field: 'processNumber',
-      width: 100,
-      align:"center",
-    },
-    {
-      title: '宸ュ簭鍚嶇О',
-      field: 'processName',
-      width: 150,
-      align:"center",
-    },
-    {
-      title: '宸ュ簭璁″垝寮�濮嬫棩鏈�',
-      field: 'processPlanStartDay',
-      width: 200,
-      align:"center",
-    },
-    {
-      title: '宸ュ簭璁″垝缁撴潫鏃ユ湡',
-      field: 'processPlanEndDay',
-      width: 200,
-      align:"center",
-    },
-    // {
-    //   title: '鏈紑宸ユ暟閲�',
-    //   field: 'notStartWorkCount',
-    //   width: 90,
-    //   align:"center",
-    // },
-    // {
-    //   title: '宸插畬鎴愭暟閲�',
-    //   field: 'completedCount',
-    //   width: 90,
-    //   align:"center",
-    // },
-    // {
-    //   title: '搴熷純鏁伴噺',
-    //   field: 'discardCount',
-    //   width: 90,
-    //   align:"center",
-    // },
-    {
-      title: '鏍囧噯宸ユ椂',
-      field: 'standardTime',
-      width: 90,
-      align:"center",
-    },
-    {
-      title: '宸ュ簭鎺掑簭',
-      field: 'processOrder',
-      width: 90,
-      align:"center",
-    },
-    {
-      title: '闆嗘垚鏃ユ湡',
-      field: 'integrationDay',
-      width: 160,
-      align:"center",
-    }
-  ]
-})
+// const subGridOptions = ref({
+//   border: true,
+//   showOverflow: true,
+//   columns: [
+//     {
+//       title: t('page.table.itemNumber'),
+//       field: 'itemNo',
+//       width: 150,
+//       align:"center",
+//     },
+//     {
+//       title: t('page.table.workOrderNo'),
+//       field: 'workOrderNo',
+//       width: 150,
+//       align:"center",
+//     },
+//     {
+//       title: t('page.table.processNumber'),
+//       field: 'processNumber',
+//       width: 100,
+//       align:"center",
+//     },
+//     {
+//       title: t('page.table.processName'),
+//       field: 'processName',
+//       width: 150,
+//       align:"center",
+//     },
+//     {
+//       title: t('page.table.startDateOfProcessPlan'),
+//       field: 'processPlanStartDay',
+//       width: 200,
+//       align:"center",
+//     },
+//     {
+//       title: '宸ュ簭璁″垝缁撴潫鏃ユ湡',
+//       field: 'processPlanEndDay',
+//       width: 200,
+//       align:"center",
+//     },
+//     // {
+//     //   title: '鏈紑宸ユ暟閲�',
+//     //   field: 'notStartWorkCount',
+//     //   width: 90,
+//     //   align:"center",
+//     // },
+//     // {
+//     //   title: '宸插畬鎴愭暟閲�',
+//     //   field: 'completedCount',
+//     //   width: 90,
+//     //   align:"center",
+//     // },
+//     // {
+//     //   title: '搴熷純鏁伴噺',
+//     //   field: 'discardCount',
+//     //   width: 90,
+//     //   align:"center",
+//     // },
+//     {
+//       title: '鏍囧噯宸ユ椂',
+//       field: 'standardTime',
+//       width: 90,
+//       align:"center",
+//     },
+//     {
+//       title: '宸ュ簭鎺掑簭',
+//       field: 'processOrder',
+//       width: 90,
+//       align:"center",
+//     },
+//     {
+//       title: '闆嗘垚鏃ユ湡',
+//       field: 'integrationDay',
+//       width: 160,
+//       align:"center",
+//     }
+//   ]
+// })
+
 const expandConfig = ref({
   lazy: true,
   loadMethod ({ row }) {

--
Gitblit v1.9.3