From 201cf380a4e70cf538849dc443fe33adde8bbd0d Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Wed, 3 Jul 2024 17:04:19 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E6=B4=BE=E5=B7=A5=E5=8D=95=E6=89=B9=E9=87=8F=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue
index 2af8bd5d..3cdebd66 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/taskdispatch/index.vue
@@ -376,7 +376,7 @@ const outDispatching = () => {
       formData.value.dispatchIds = []
       multipleSelection.value.filter((item) => {
         formData.value.dispatchIds.push(item.id)
-        formData.value.active = 'SAVE'
+        formData.value.active = 'CANCEL_DISPATCH'
         formData.value.dispatchStatus = 1
       })
       const data = formData.value as unknown as TaskDispatchApi.TaskDispatchVO

From 8f1c827660264fc64e59679ed12f97b157ac9d98 Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Wed, 3 Jul 2024 17:06:32 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=96=B0=E8=AE=BE=E8=AE=A1=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=20=E5=A4=A7=E5=B1=8F=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/biz/hlvuestyle/eachartsFrom.vue | 1178 +++++++++++++++--
 1 file changed, 1042 insertions(+), 136 deletions(-)

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/biz/hlvuestyle/eachartsFrom.vue b/mes-ui/mes-ui-admin-vue3/src/views/biz/hlvuestyle/eachartsFrom.vue
index 66e86b3a..c7f785e1 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/biz/hlvuestyle/eachartsFrom.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/biz/hlvuestyle/eachartsFrom.vue
@@ -1,190 +1,1096 @@
 <template>
   <el-card class="hl-card">
     <template #header>
-      <span>大屏设置</span>
+      <span>大屏设置1</span>
+      <!-- 新设计大屏设置 -->
     </template>
-    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="160px" v-loading="formLoading">
+    <div class="text-left" style="margin: 20px">
+      <span style="margin-right: 20px">使用模拟数据?</span
+      ><el-switch v-model="mockDataSwitch" @change="mockDataSwitchChange" size="large" />
+    </div>
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="160px"
+      v-loading="formLoading"
+    >
       <el-card class="hl-card-info">
-
         <template #header>
-          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">人数/项目明细</span>
+          <div class="hl-card-info-icona"></div
+          ><span class="hl-card-info-text">生产订单进度表</span>
         </template>
-        <el-row>
-          <el-col :span="6">
-            <el-form-item label="今日到岗人数">
-              <el-input class="!w-265px" v-model="formData.state[0][0]" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="今日出差人数">
-              <el-input class="!w-265px" v-model="formData.state[0][1]" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="今日设计项目数量">
-              <el-input class="!w-265px" v-model="formData.state[0][2]" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="今日在制项目数量">
-              <el-input class="!w-265px" v-model="formData.state[0][3]" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <el-form-item label="昨日到岗人数">
-              <el-input class="!w-265px" v-model="formData.state[1][0]" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="昨日出差人数">
-              <el-input class="!w-265px" v-model="formData.state[1][1]" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
+        <el-button
+          style="margin-bottom: 10px !important"
+          type="primary"
+          @click="addProductionStateList"
+          :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+          >新增</el-button
+        >
+        <el-table class="hl-table" :data="formData.ProductionStateList.data">
+          <el-table-column min-width="200" align="center">
+            <template #header> <span style="color: red">*</span>生产订单 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[0]"
+                  style="width: 100%;!important"
+                  placeholder="请输入生产工单"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="200" align="center">
+            <template #header> <span style="color: red">*</span>产品名称 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[1]"
+                  style="width: 100%"
+                  placeholder="请输入产品名称"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="200" align="center">
+            <template #header> <span style="color: red">*</span>订单数量 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[2]"
+                  @input="handleInput(row, $index)"
+                  style="width: 100%"
+                  placeholder="请输入计划数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="200" align="center">
+            <template #header> <span style="color: red">*</span>合格品数量 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[3]"
+                  @input="handleInput(row, $index)"
+                  style="width: 100%"
+                  placeholder="请输入合格品数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="200" align="center">
+            <template #header> <span style="color: red">*</span>剩余天数 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[4]"
+                  style="width: 100%"
+                  placeholder="请输入不合格数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="200" align="center">
+            <template #header> <span style="color: red">*</span>生产进度% </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[5]"
+                  style="width: 100%"
+                  placeholder="请输入生产进度(数字)"
+                  disabled
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="center" min-width="100">
+            <template #default="scope">
+              <el-button
+                link
+                type="danger"
+                size="small"
+                @click.prevent="handleDeleteStateList(scope.$index)"
+                :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-card>
+      <el-card class="hl-card-info">
+        <template #header>
+          <div class="hl-card-info-icona"></div
+          ><span class="hl-card-info-text">生产订单达成率/合格率</span>
+        </template>
+        <el-row style="margin-top: 20px; margin-bottom: -10px">
           <el-col :span="6">
-            <el-form-item label="昨日设计项目数量">
-              <el-input class="!w-265px" v-model="formData.state[1][2]" placeholder="请输入" />
+            <el-form-item label="订单达成率" label-width="160px" prop="">
+              <el-input
+                class="!w-200px"
+                v-model="formData.ProductionOrderState.data[0]"
+                placeholder="请输入进度(数字)"
+                :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                ><template #append>%</template></el-input
+              >
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="昨日在制项目数量">
-              <el-input class="!w-265px" v-model="formData.state[1][3]" placeholder="请输入" />
+            <el-form-item label="订单合格率" label-width="160px" prop="">
+              <el-input
+                class="!w-200px"
+                v-model="formData.ProductionOrderState.data[1]"
+                placeholder="请输入进度(数字)"
+                :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                ><template #append>%</template></el-input
+              >
             </el-form-item>
           </el-col>
         </el-row>
       </el-card>
       <el-card class="hl-card-info">
         <template #header>
-          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">当前生产进度跟踪表</span>
-        </template>
-        <!-- <el-card class="hl-incard">
-          {{formData.ProgressTrackingOfProduction.data}}
-          <el-table class="hl-table" :data="formData.ProgressTrackingOfProduction.data">
-            <el-table-column min-width="120" align="center">
-              <template #header>
-                {{formData.ProgressTrackingOfProduction.definition['1D'][0]}}
-              </template>
-              <template #default="{ row, $index }">
-                {{$index}}
-              {{row[0]}}
-                <el-form-item :prop="`${$index}[0]`" class="mb-0px!">
-                  <el-input style="width: 100%" v-model="row[0]" placeholder="请输入" />
-                </el-form-item>
-              </template>
-            </el-table-column>
-
-            <el-table-column min-width="350" align="center">
-              <template #header>
-                {{formData.ProgressTrackingOfProduction.definition['1D'][1]}}
-              </template>
-              <template #default="{ row, $index }">
-              
-                <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
-                  <el-input style="width: 100%" v-model="row[1]" placeholder="请输入" />
-                </el-form-item>
-              </template>
-            </el-table-column>
-            <el-table-column min-width="350" label="当前设计项目数量" align="center">
-              <template #default="{ row, $index }">
-                <el-form-item :prop="`${$index}.description`" class="mb-0px!">
-                  <el-input style="width: 100%" v-model="row.description" placeholder="请输入" />
-                </el-form-item>
-              </template>
-            </el-table-column>
-            <el-table-column min-width="350" label="当前在制项目数量" align="center">
-              <template #default="{ row, $index }">
-                <el-form-item :prop="`${$index}.description`" class="mb-0px!">
-                  <el-input style="width: 100%" v-model="row.description" placeholder="请输入" />
-                </el-form-item>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card> -->
-      </el-card>
-      <el-card class="hl-card-info">
-        <template #header>
-          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">当前设计进度跟踪表</span>
-        </template>
-      </el-card>
-      <el-card class="hl-card-info">
-        <template #header>
-          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">近五年开发模具数量</span>
+          <div class="hl-card-info-icona"></div
+          ><span class="hl-card-info-text">各产品生产数量</span>
         </template>
+        <el-button
+          style="margin-bottom: 10px !important"
+          type="primary"
+          @click="addQuantityOfEachProductProduced"
+          :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+          >新增</el-button
+        >
+        <!-- formData.value.QuantityOfEachProductProduced.data -->
+        <el-table class="hl-table" :data="formData.QuantityOfEachProductProduced.data">
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>产品名称 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[0]"
+                  style="width: 100%;!important"
+                  placeholder="请输入产品名称"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>前六天 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[1]"
+                  style="width: 100%"
+                  placeholder="请输入数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>前五天 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[2]"
+                  style="width: 100%"
+                  placeholder="请输入数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>前四天 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[3]"
+                  style="width: 100%"
+                  placeholder="请输入数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>前三天 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[4]"
+                  style="width: 100%"
+                  placeholder="请输入数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>前二天 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[5]"
+                  style="width: 100%"
+                  placeholder="请输入数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>前一天 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[6]"
+                  style="width: 100%"
+                  placeholder="请输入数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>今天 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[7]"
+                  style="width: 100%"
+                  placeholder="请输入数量(数字)"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="操作" fixed="right" align="center" min-width="100">
+            <template #default="scope">
+              <el-button
+                link
+                type="danger"
+                size="small"
+                @click.prevent="handleDeleteProduced(scope.$index)"
+                :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-card>
       <el-card class="hl-card-info">
         <template #header>
-          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">年度开发模具数量</span>
+          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">设备利用率(%)</span>
         </template>
+        <el-button
+          style="margin-bottom: 10px !important"
+          type="primary"
+          @click="addUtilizationRateOfEquipment"
+          :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+          >新增</el-button
+        >
+        <el-table class="hl-table" :data="formData.UtilizationRateOfEquipment.data">
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>设备名称 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[0]"
+                  style="width: 100%;!important"
+                  placeholder="请输入设备名称"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>设备利用率% </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[1]"
+                  style="width: 100%"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                  placeholder="请输入利用率(数字)"
+                  ><template #append>%</template></el-input
+                >
+              </el-form-item>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="操作" fixed="right" align="center" width="100">
+            <template #default="scope">
+              <el-button
+                link
+                type="danger"
+                size="small"
+                @click.prevent="handleDeleteEquipment(scope.$index)"
+                :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-card>
       <el-card class="hl-card-info">
         <template #header>
-          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">数控设备加工情况</span>
+          <div class="hl-card-info-icona"></div
+          ><span class="hl-card-info-text">各产品合格率(%)</span>
         </template>
+        <el-button
+          style="margin-bottom: 10px !important"
+          type="primary"
+          @click="addQualifiedRateOfEachProduct"
+          :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+          >新增</el-button
+        >
+        <el-table class="hl-table" :data="formData.QualifiedRateOfEachProduct.data">
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>产品名称 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[0]"
+                  style="width: 100%;!important"
+                  placeholder="请输入产品名称"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>产品合格率% </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  class="!w-200px"
+                  v-model="row[1]"
+                  style="width: 100% !important"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                  placeholder="请输入合格率(数字)"
+                  ><template #append>%</template></el-input
+                >
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="center" width="100">
+            <template #default="scope">
+              <el-button
+                link
+                type="danger"
+                size="small"
+                @click.prevent="handleDeleteProduct(scope.$index)"
+                :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-card>
       <el-card class="hl-card-info">
         <template #header>
-          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">装配车间工作信息</span>
+          <div class="hl-card-info-icona"></div><span class="hl-card-info-text">设备状态</span>
         </template>
+        <el-button
+          style="margin-bottom: 10px !important"
+          type="primary"
+          @click="addEquipmentOperationState"
+          :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+          >新增</el-button
+        >
+        <el-table class="hl-table" :data="formData.EquipmentOperationState.data">
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>设备名称 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  v-model="row[0]"
+                  style="width: 100%;!important"
+                  placeholder="请输入设备名称"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <!-- <el-table-column min-width="100" align="center">
+            <template #header>
+              <span style="color:red;">*</span>产品类型
+            </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input class="!w-200px" v-model="row[1]" style="width: 100% !important" :disabled="formData.ProductionStateList.openMock==0?true:false" placeholder="请输入产品类型" />
+              </el-form-item>
+            </template>
+          </el-table-column> -->
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>当日合格数量 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[1]`" class="mb-0px!">
+                <el-input
+                  class="!w-200px"
+                  v-model="row[1]"
+                  style="width: 100% !important"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                  placeholder="请输入合格数量"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>产线合格率 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[2]`" class="mb-0px!">
+                <el-input
+                  class="!w-200px"
+                  v-model="row[2]"
+                  style="width: 100% !important"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                  placeholder="请输入合格率(数字)"
+                  ><template #append>%</template></el-input
+                >
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>OEE </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[3]`" class="mb-0px!">
+                <el-input
+                  class="!w-200px"
+                  v-model="row[3]"
+                  style="width: 100% !important"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                  placeholder="请输入OEE"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>停机次数 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[4]`" class="mb-0px!">
+                <el-input
+                  class="!w-200px"
+                  v-model="row[4]"
+                  style="width: 100% !important"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                  placeholder="请输入停机次数"
+                />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="100" align="center">
+            <template #header> <span style="color: red">*</span>设备状态 </template>
+            <template #default="{ row, $index }">
+              <el-form-item :prop="`${$index}[5]`" class="mb-0px!">
+                <!-- <el-input class="!w-200px" v-model="row[5]" style="width: 100% !important" :disabled="formData.ProductionStateList.openMock==0?true:false" placeholder="请输入设备状态" /> -->
+                <el-select
+                  v-model="row[5]"
+                  placeholder="选择设备状态"
+                  :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+                  style="width: 100% !important"
+                >
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="center" width="100">
+            <template #default="scope">
+              <el-button
+                link
+                type="danger"
+                size="small"
+                @click.prevent="handleDeletetionState(scope.$index)"
+                :disabled="formData.ProductionStateList.openMock == 0 ? true : false"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-card>
     </el-form>
 
     <div class="text-center hl-footer">
-      <!-- <el-button @click="() => router.back()" size="large">取 消</el-button> -->
       <el-button @click="submitForm" type="success" size="large">保 存</el-button>
     </div>
   </el-card>
 </template>
 <script setup lang="ts">
 import { ref, reactive } from 'vue'
+import * as ScreenApi from '@/api/biz/screen'
+import { log } from 'console'
+const mockDataSwitch = ref(true) // 是否开启模拟数据
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+const reload: any = inject('reload')
+const options = [
+  {
+    value: 0,
+    label: '开机'
+  },
+  {
+    value: 1,
+    label: '故障'
+  },
+  {
+    value: 2,
+    label: '关机'
+  }
+]
+
+//判断开关
+const mockDataSwitchChange = async () => {
+  if (mockDataSwitch.value == false) {
+    formData.value.ProductionStateList.openMock = 0
+    formData.value.ProductionOrderState.openMock = 0
+    formData.value.QuantityOfEachProductProduced.openMock = 0
+    formData.value.UtilizationRateOfEquipment.openMock = 0
+    formData.value.QualifiedRateOfEachProduct.openMock = 0
+    formData.value.EquipmentOperationState.openMock = 0
+
+    formData.value.ProductionStateList.data = oldProductionStateListdata.value
+    formData.value.ProductionOrderState.data = oldProductionOrderStatedata.value
+    formData.value.QuantityOfEachProductProduced.data = oldQuantityOfEachProductProduceddata.value
+    formData.value.UtilizationRateOfEquipment.data = oldUtilizationRateOfEquipmentdata.value
+    debugger
+    formData.value.QualifiedRateOfEachProduct.data = oldQualifiedRateOfEachProductdata.value
+    formData.value.EquipmentOperationState.data = oldEquipmentOperationStatedata.value
+    await ScreenApi.updateScreen(formData.value.ProductionStateList)
+    await ScreenApi.updateScreen(formData.value.ProductionOrderState)
+    await ScreenApi.updateScreen(formData.value.QuantityOfEachProductProduced)
+    await ScreenApi.updateScreen(formData.value.UtilizationRateOfEquipment)
+    await ScreenApi.updateScreen(formData.value.QualifiedRateOfEachProduct)
+    await ScreenApi.updateScreen(formData.value.EquipmentOperationState)
+    reload()
+  } else {
+    //模拟数据
+    formData.value.ProductionStateList.openMock = 1
+    formData.value.ProductionOrderState.openMock = 1
+    formData.value.QuantityOfEachProductProduced.openMock = 1
+    formData.value.UtilizationRateOfEquipment.openMock = 1
+    formData.value.QualifiedRateOfEachProduct.openMock = 1
+    formData.value.EquipmentOperationState.openMock = 1
+    //如果mockdata里有值 页面显示模拟数据
+    //把mockData字符chuan串转成数组
+    formData.value.ProductionStateList.mockData = JSON.parse(
+      formData.value.ProductionStateList.mockData
+    )
+    formData.value.ProductionOrderState.mockData = JSON.parse(
+      formData.value.ProductionOrderState.mockData
+    )
+    formData.value.QuantityOfEachProductProduced.mockData = JSON.parse(
+      formData.value.QuantityOfEachProductProduced.mockData
+    )
+    formData.value.UtilizationRateOfEquipment.mockData = JSON.parse(
+      formData.value.UtilizationRateOfEquipment.mockData
+    )
+    formData.value.QualifiedRateOfEachProduct.mockData = JSON.parse(
+      formData.value.QualifiedRateOfEachProduct.mockData
+    )
+    formData.value.EquipmentOperationState.mockData = JSON.parse(
+      formData.value.EquipmentOperationState.mockData
+    )
+    // 判断mockdata里是否有值  有值就显示模拟数据
+    if (formData.value.ProductionStateList?.mockData.length > 0) {
+      formData.value.ProductionStateList.data = formData.value.ProductionStateList.mockData
+    }
+    if (formData.value.ProductionOrderState.mockData[0]?.length > 0) {
+      formData.value.ProductionOrderState.data = formData.value.ProductionOrderState.mockData
+    }
+    if (formData.value.QuantityOfEachProductProduced.mockData[0]?.length > 0) {
+      const Producedmock = []
+      for (let i = 0; i < formData.value.QuantityOfEachProductProduced.mockData[0].length; i++) {
+        const newRowmk = []
+        for (let j = 0; j < formData.value.QuantityOfEachProductProduced.mockData.length; j++) {
+          newRowmk.push(formData.value.QuantityOfEachProductProduced.mockData[j][i])
+        }
+        Producedmock.push(newRowmk)
+      }
+      formData.value.QuantityOfEachProductProduced.data = Producedmock
+    }
+    if (formData.value.UtilizationRateOfEquipment.mockData.length > 0) {
+      const Equipmentmock = []
+      for (let i = 0; i < formData.value.UtilizationRateOfEquipment.mockData[0].length; i++) {
+        const newRowmk = []
+        for (let j = 0; j < formData.value.UtilizationRateOfEquipment.mockData.length; j++) {
+          newRowmk.push(formData.value.UtilizationRateOfEquipment.mockData[j][i])
+        }
+        Equipmentmock.push(newRowmk)
+      }
+      formData.value.UtilizationRateOfEquipment.data = Equipmentmock
+    }
+    if (formData.value.QualifiedRateOfEachProduct.mockData[0]?.length > 0) {
+      const EachProductmock = []
+      for (let i = 0; i < formData.value.QualifiedRateOfEachProduct.mockData[0].length; i++) {
+        const newRowmk = []
+        for (let j = 0; j < formData.value.QualifiedRateOfEachProduct.mockData.length; j++) {
+          newRowmk.push(formData.value.QualifiedRateOfEachProduct.mockData[j][i])
+        }
+        EachProductmock.push(newRowmk)
+      }
+      formData.value.QualifiedRateOfEachProduct.data = EachProductmock
+    }
+    if (formData.value.EquipmentOperationState.mockData[0]?.length > 0) {
+      formData.value.EquipmentOperationState.data = formData.value.EquipmentOperationState.mockData
+    }
+  }
+}
 const formData: any = ref({
-  state: [[], []],
-  ProgressTrackingOfProduction: {
+  ProductionStateList: {
+    date: '',
+    type: 'ProductionStateList',
     definition: {
-      '1D': ['firstWeek', 'secondWeek', 'thirdWeek', 'fourthWeek'],
-      '2D': ['a', 'b', 'c']
+      '2D': [
+        'productionCode',
+        'productName',
+        'plannedQuantity',
+        'qualifiedQuantity',
+        'unqualifiedQuantity',
+        'productionProgress'
+      ]
     },
-    data: [
-      [5, 15, 20],
-      [15, 25, 35],
-      [25, 35, 45],
-      [35, 45, 55]
-    ]
+    data: [[], [], []],
+    openMock: 0,
+    mockData: [[], [], []]
   },
-  progressTrackingOfDesign: [],
-  numberOfMouldPerYear: [],
-  numberOfMouldPerMonth: [],
-  processingStatusOfCNC: [],
-  assemblyShopInfo: []
+  ProductionOrderState: {
+    date: '',
+    type: 'ProductionOrderState',
+    definition: {
+      '1D': ['completionRate', 'deliveryRate']
+    },
+    data: [],
+    openMock: 0,
+    mockData: [,]
+  },
+  QuantityOfEachProductProduced: {
+    date: '20240328',
+    type: 'QuantityOfEachProductProduced',
+    definition: {
+      '1D': [
+        'product',
+        'sixDaysAgo',
+        'fiveDaysAgo',
+        'fourDaysAgo',
+        'threeDaysAgo',
+        'twoDaysAgo',
+        'oneDaysAgo',
+        'today'
+      ]
+    },
+    data: [[], [], [], [], [], [], [], []],
+    openMock: 0,
+    mockData: [[], [], [], [], [], [], [], []]
+  },
+  UtilizationRateOfEquipment: {
+    date: '',
+    type: 'UtilizationRateOfEquipment',
+    definition: {
+      '1D': ['equipmentNo', 'utilizationRate']
+    },
+    data: [[], []],
+    openMock: 0,
+    mockData: [[], []]
+  },
+  QualifiedRateOfEachProduct: {
+    date: '20240328',
+    type: 'QualifiedRateOfEachProduct',
+    definition: {
+      '1D': ['product', 'qualifiedRate']
+    },
+    data: [[], []],
+    openMock: 0,
+    mockData: [[], []]
+  },
+  EquipmentOperationState: {
+    date: '20240328',
+    type: 'EquipmentOperationState',
+    definition: {
+      '2D': [
+        'equipmentNo',
+        'productType',
+        'qualifiedQuantity',
+        'qualifiedRate',
+        'overallEquipmentEffectiveness',
+        'shutdownTimes',
+        'operationState'
+      ]
+    },
+    data: [[], [], []],
+    openMock: 0,
+    mockData: [[], [], []]
+  }
 })
 const formRules = reactive({
   // projectCode: [{ required: true, message: '项目编号不能为空', trigger: 'blur' }],
 })
 
-const data = ref([
-  [1, 2, 3, 4],
-  [5, 6, 7, 8]
-]) //模拟人数/项目
-const ProgressTrackingOfProduction = ref({
-  definition: {
-    '1D': ['firstWeek', 'secondWeek', 'thirdWeek', 'fourthWeek'],
-    '2D': ['a', 'b', 'c']
-  },
-  data: [
-    [5, 15, 20],
-    [15, 25, 35],
-    [25, 35, 45],
-    [35, 45, 55]
-  ]
-})
 onMounted(() => {
-  formData.value.state = data.value
-  formData.value.ProgressTrackingOfProduction = ProgressTrackingOfProduction.value
-  console.log(ProgressTrackingOfProduction.value.definition['1D'][0])
+  getlist()
 })
-const submitForm = () => {
-  console.log(formData.value)
+const handleInput = (row, index) => {
+  if (row[2] !== 0 && row[2] !== '' && row[2] !== undefined) {
+    formData.value.ProductionStateList.data[index][5] = ((row[3] / row[2]) * 100).toFixed(2) + '%'
+  } else {
+    formData.value.ProductionStateList.data[index][5] = '0%'
+  }
+}
+const oldProductionStateListdata = ref([])
+const oldProductionOrderStatedata = ref([])
+const oldQuantityOfEachProductProduceddata = ref([])
+const oldUtilizationRateOfEquipmentdata = ref([])
+const oldQualifiedRateOfEachProductdata = ref([])
+const oldEquipmentOperationStatedata = ref([])
+const getlist = async () => {
+  const datalist = await ScreenApi.getScreenAll()
+  datalist.filter((datalistitem) => {
+    if (datalistitem.openMock == 1) {
+      // console.log('开')
+      mockDataSwitch.value = true
+      if (datalistitem.type == 'ProductionStateList') {
+        oldProductionStateListdata.value = datalistitem.data
+        formData.value.ProductionStateList = datalistitem
+        datalistitem.mockData = JSON.parse(datalistitem.mockData)
+        formData.value.ProductionStateList.data = datalistitem.mockData
+      } else if (datalistitem.type == 'ProductionOrderState') {
+        oldProductionOrderStatedata.value = datalistitem.data
+
+        formData.value.ProductionOrderState = datalistitem
+        datalistitem.mockData = JSON.parse(datalistitem.mockData)
+        if (datalistitem.mockData == null) {
+          formData.value.ProductionOrderState.data = ['', '']
+        } else {
+          formData.value.ProductionOrderState.data = datalistitem.mockData
+        }
+      } else if (datalistitem.type == 'QuantityOfEachProductProduced') {
+        oldQuantityOfEachProductProduceddata.value = datalistitem.data
+
+        formData.value.QuantityOfEachProductProduced = datalistitem
+        //mock转换
+        datalistitem.mockData = JSON.parse(datalistitem.mockData)
+        // const Producedmock = []
+        // for (let i = 0; i < datalistitem.mockData[0].length; i++) {
+        //   const newRowmk = []
+        //   for (let j = 0; j < datalistitem.mockData.length; j++) {
+        //     newRowmk.push(datalistitem.mockData[j][i])
+        //   }
+        //   Producedmock.push(newRowmk)
+        // }
+        formData.value.QuantityOfEachProductProduced.data = datalistitem.mockData
+      } else if (datalistitem.type == 'UtilizationRateOfEquipment') {
+        oldUtilizationRateOfEquipmentdata.value = datalistitem.data
+        formData.value.UtilizationRateOfEquipment = datalistitem
+        datalistitem.mockData = JSON.parse(datalistitem.mockData)
+        const Equipmentmock = []
+        for (let i = 0; i < datalistitem.mockData[0].length; i++) {
+          const newRowmk = []
+          for (let j = 0; j < datalistitem.mockData.length; j++) {
+            newRowmk.push(datalistitem.mockData[j][i])
+          }
+          Equipmentmock.push(newRowmk)
+        }
+        formData.value.UtilizationRateOfEquipment.data = Equipmentmock
+      } else if (datalistitem.type == 'QualifiedRateOfEachProduct') {
+        oldQualifiedRateOfEachProductdata.value = datalistitem.data
+
+        formData.value.QualifiedRateOfEachProduct = datalistitem
+        datalistitem.mockData = JSON.parse(datalistitem.mockData)
+        const EachProductmock = []
+        for (let i = 0; i < datalistitem.mockData[0].length; i++) {
+          const newRowmk = []
+          for (let j = 0; j < datalistitem.mockData.length; j++) {
+            newRowmk.push(datalistitem.mockData[j][i])
+          }
+          EachProductmock.push(newRowmk)
+        }
+        formData.value.QualifiedRateOfEachProduct.data = EachProductmock
+      } else if (datalistitem.type == 'EquipmentOperationState') {
+        oldEquipmentOperationStatedata.value = datalistitem.data
+
+        formData.value.EquipmentOperationState = datalistitem
+        datalistitem.mockData = JSON.parse(datalistitem.mockData)
+        formData.value.EquipmentOperationState.data = datalistitem.mockData
+      }
+    } else if (datalistitem.openMock == 0) {
+      // console.log('关')
+      mockDataSwitch.value = false
+      if (datalistitem.type == 'ProductionStateList') {
+        oldProductionStateListdata.value = datalistitem.data
+        formData.value.ProductionStateList = datalistitem
+        datalistitem.data = JSON.parse(datalistitem.data)
+        formData.value.ProductionStateList.data = datalistitem.data
+      } else if (datalistitem.type == 'ProductionOrderState') {
+        oldProductionOrderStatedata.value = datalistitem.data
+        formData.value.ProductionOrderState = datalistitem
+        datalistitem.data = JSON.parse(datalistitem.data)
+        if (datalistitem.data == null) {
+          formData.value.ProductionOrderState.data = ['', '']
+        } else {
+          formData.value.ProductionOrderState.data = datalistitem.data
+        }
+      } else if (datalistitem.type == 'QuantityOfEachProductProduced') {
+        // 进度追踪项目明细
+        oldQuantityOfEachProductProduceddata.value = datalistitem.data
+        formData.value.QuantityOfEachProductProduced = datalistitem
+        // 遍历原始数据的第二维及后续元素，将它们按列添加到新的数组中
+        datalistitem.data = JSON.parse(datalistitem.data)
+        if (datalistitem.data != null && datalistitem.data.length > 0) {
+          // console.log(datalistitem.data);
+          // const Producedmock = []
+          // for (let i = 0; i <  datalistitem.data[0].length; i++) {
+          //   const newRowmk = []
+          //   for (let j = 0; j <  datalistitem.data.length; j++) {
+          //     newRowmk.push( datalistitem.data[j][i])
+          //   }
+          //   Producedmock.push(newRowmk)
+          // }
+          // formData.value.QuantityOfEachProductProduced.data = Producedmock
+        } else {
+          formData.value.QuantityOfEachProductProduced.data = null
+        }
+      } else if (datalistitem.type == 'UtilizationRateOfEquipment') {
+        oldUtilizationRateOfEquipmentdata.value = datalistitem.data
+        // 进度追踪项目明细
+        formData.value.UtilizationRateOfEquipment = datalistitem
+        // 遍历原始数据的第二维及后续元素，将它们按列添加到新的数组中
+        datalistitem.data = JSON.parse(datalistitem.data)
+        if (datalistitem.data != null && datalistitem.data.length > 0) {
+          // datalistitem.data = JSON.parse(datalistitem.data)
+          const Producedmock = []
+          for (let i = 0; i < datalistitem.data[0].length; i++) {
+            const newRowmk = []
+            for (let j = 0; j < datalistitem.data.length; j++) {
+              newRowmk.push(datalistitem.data[j][i])
+            }
+            Producedmock.push(newRowmk)
+          }
+          formData.value.UtilizationRateOfEquipment.data = Producedmock
+          // console.log(formData.value.UtilizationRateOfEquipment.data);
+        } else {
+          formData.value.UtilizationRateOfEquipment.data = null
+        }
+      } else if (datalistitem.type == 'QualifiedRateOfEachProduct') {
+        oldQualifiedRateOfEachProductdata.value = datalistitem.data
+        // 进度追踪项目明细
+        formData.value.QualifiedRateOfEachProduct = datalistitem
+        // 遍历原始数据的第二维及后续元素，将它们按列添加到新的数组中
+        datalistitem.data = JSON.parse(datalistitem.data)
+        if (datalistitem.data != null && datalistitem.data.length > 0) {
+          const transposedData = []
+          for (let i = 0; i < datalistitem.data[0].length; i++) {
+            const newRow = []
+            for (let j = 0; j < datalistitem.data.length; j++) {
+              newRow.push(datalistitem.data[j][i])
+            }
+            transposedData.push(newRow)
+          }
+          // 更新formData
+          formData.value.QualifiedRateOfEachProduct.data = transposedData
+        } else {
+          formData.value.QualifiedRateOfEachProduct.data = null
+        }
+        // console.log(formData.value.ProgressTrackingOfProduction.data)
+      } else if (datalistitem.type == 'EquipmentOperationState') {
+        oldEquipmentOperationStatedata.value = datalistitem.data
+        formData.value.EquipmentOperationState = datalistitem
+        datalistitem.data = JSON.parse(datalistitem.data)
+      }
+    }
+  })
+}
+
+//===========================新增=================================
+//新增生产工单进度表
+const addProductionStateList = () => {
+  if (formData.value.ProductionStateList.data == null) {
+    formData.value.ProductionStateList.data = [['', '', '', '', '', '']]
+  } else {
+    formData.value.ProductionStateList.data.push(['', '', '', '', '', ''])
+  }
+}
+//新增各产品生产数量
+const addQuantityOfEachProductProduced = () => {
+  if (formData.value.QuantityOfEachProductProduced.data == null) {
+    formData.value.QuantityOfEachProductProduced.data = [['', '', '', '', '', '', '', '']]
+  } else {
+    formData.value.QuantityOfEachProductProduced.data.push(['', '', '', '', '', '', '', ''])
+  }
+}
+//新增设备利用率
+const addUtilizationRateOfEquipment = () => {
+  if (formData.value.UtilizationRateOfEquipment.data == null) {
+    formData.value.UtilizationRateOfEquipment.data = [['', '']]
+  } else {
+    formData.value.UtilizationRateOfEquipment.data.push(['', ''])
+  }
+}
+//新增各产品合格率
+const addQualifiedRateOfEachProduct = () => {
+  if (formData.value.QualifiedRateOfEachProduct.data == null) {
+    formData.value.QualifiedRateOfEachProduct.data = [['', '']]
+  } else {
+    formData.value.QualifiedRateOfEachProduct.data.push(['', ''])
+  }
+}
+//新增设备状态
+const addEquipmentOperationState = () => {
+  if (formData.value.EquipmentOperationState.data == null) {
+    formData.value.EquipmentOperationState.data = [['', '', '', '', '', '0']]
+  } else {
+    formData.value.EquipmentOperationState.data.push(['', '', '', '', '', '0'])
+  }
+}
+//==============================删除===============================
+//删除生产工单进度表
+const handleDeleteStateList = (index: number) => {
+  formData.value.ProductionStateList.data.splice(index, 1)
+}
+//删除各产品生产数量
+const handleDeleteProduced = (index: number) => {
+  formData.value.QuantityOfEachProductProduced.data.splice(index, 1)
+}
+//删除设备利用率
+const handleDeleteEquipment = (index: number) => {
+  formData.value.UtilizationRateOfEquipment.data.splice(index, 1)
+}
+//删除各产品合格率
+const handleDeleteProduct = (index: number) => {
+  formData.value.QualifiedRateOfEachProduct.data.splice(index, 1)
+}
+
+//删除设备状态
+const handleDeletetionState = (index: number) => {
+  formData.value.EquipmentOperationState.data.splice(index, 1)
+}
+
+//提交
+const submitForm = async () => {
+  console.log(mockDataSwitch.value)
+
+  if (mockDataSwitch.value == false) {
+    //真实数据
+    await ScreenApi.updateScreen(formData.value.ProductionStateList)
+    await ScreenApi.updateScreen(formData.value.ProductionOrderState)
+    await ScreenApi.updateScreen(formData.value.QuantityOfEachProductProduced)
+    await ScreenApi.updateScreen(formData.value.UtilizationRateOfEquipment)
+    await ScreenApi.updateScreen(formData.value.QualifiedRateOfEachProduct)
+    await ScreenApi.updateScreen(formData.value.EquipmentOperationState)
+    message.success(t('common.updateSuccess'))
+    getlist()
+  } else {
+    //======================使用填写数据把数据给mockData=============
+    //生产工单进度表
+    formData.value.ProductionStateList.mockData = JSON.parse(
+      JSON.stringify(formData.value.ProductionStateList.data)
+    )
+    console.log(formData.value.ProductionStateList.mockData, '生产工单进度表')
+
+    //订单达成率/交付率
+    formData.value.ProductionOrderState.mockData = JSON.parse(
+      JSON.stringify(formData.value.ProductionOrderState.data)
+    )
+    //各产品生产数量
+    formData.value.QuantityOfEachProductProduced.mockData = JSON.parse(
+      JSON.stringify(formData.value.QuantityOfEachProductProduced.data)
+    )
+    console.log(formData.value.QuantityOfEachProductProduced.mockData, '各产品生产数量')
+
+    // const ProductionArray = formData.value.QuantityOfEachProductProduced.mockData
+    // const transposedArray = ProductionArray.reduce((acc, curr) => {
+    //   curr.forEach((el, i) => {
+    //     if (!acc[i]) {
+    //       acc[i] = [el]
+    //     } else {
+    //       acc[i].push(el)
+    //     }
+    //   })
+    //   return acc
+    // }, [])
+    // formData.value.QuantityOfEachProductProduced.mockData = transposedArray //转换格式后给mockdata
+    //设备利用率
+    formData.value.UtilizationRateOfEquipment.mockData = JSON.parse(
+      JSON.stringify(formData.value.UtilizationRateOfEquipment.data)
+    )
+    const UtilizationArray = formData.value.UtilizationRateOfEquipment.mockData
+    const transposedArray2 = UtilizationArray.reduce((acc, curr) => {
+      curr.forEach((el, i) => {
+        if (!acc[i]) {
+          acc[i] = [el]
+        } else {
+          acc[i].push(el)
+        }
+      })
+      return acc
+    }, [])
+    formData.value.UtilizationRateOfEquipment.mockData = transposedArray2
+    //各产品合格率
+    formData.value.QualifiedRateOfEachProduct.mockData = JSON.parse(
+      JSON.stringify(formData.value.QualifiedRateOfEachProduct.data)
+    )
+    const QualifiedArray = formData.value.QualifiedRateOfEachProduct.mockData
+    const transposedArray3 = QualifiedArray.reduce((acc, curr) => {
+      curr.forEach((el, i) => {
+        if (!acc[i]) {
+          acc[i] = [el]
+        } else {
+          acc[i].push(el)
+        }
+      })
+      return acc
+    }, [])
+    formData.value.QualifiedRateOfEachProduct.mockData = transposedArray3
+
+    //设备状态
+    formData.value.EquipmentOperationState.mockData = JSON.parse(
+      JSON.stringify(formData.value.EquipmentOperationState.data)
+    )
+
+    //提交数据
+    const datalistitem: any = ref([])
+    const datalist = Object.values(formData.value)
+    datalist.filter((item) => {
+      if (item.type == 'ProductionStateList') {
+        item.data = oldProductionStateListdata.value
+      } else if (item.type == 'ProductionOrderState') {
+        item.data = oldProductionOrderStatedata.value
+      } else if (item.type == 'QuantityOfEachProductProduced') {
+        item.data = oldQuantityOfEachProductProduceddata.value
+      } else if (item.type == 'UtilizationRateOfEquipment') {
+        item.data = oldUtilizationRateOfEquipmentdata.value
+      } else if (item.type == 'QualifiedRateOfEachProduct') {
+        item.data = oldQualifiedRateOfEachProductdata.value
+      } else if (item.type == 'EquipmentOperationState') {
+        item.data = oldEquipmentOperationStatedata.value
+      }
+      datalistitem.value.push(item)
+    })
+    await ScreenApi.updateScreenAll(datalistitem.value)
+    message.success(t('common.updateSuccess'))
+    reload()
+  }
 }
 </script>
-<style scoped lang="less">
+<style scoped></style>
+<style>
+.el-form-item__content {
+  margin-left: 0px !important;
+}
 </style>