From a4feab010b1f2af3585cc8a46dc7d21916db48cf Mon Sep 17 00:00:00 2001
From: bluejay <253316343@qq.com>
Date: 星期一, 14 四月 2025 15:51:45 +0800
Subject: [PATCH] 钣金计划\气体管理 页面调整

---
 src/views/ApsPlatePlan/index.vue       |   65 ++--
 src/api/mainPlan/apsPlatePlan.js       |    2 
 src/api/mainPlan/gasPiping.js          |   16 
 src/views/mainPlan/gasPiping/index.vue |  764 ++++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 806 insertions(+), 41 deletions(-)

diff --git a/src/api/ApsPlatePlan/ApsPlatePlan.js b/src/api/mainPlan/apsPlatePlan.js
similarity index 96%
rename from src/api/ApsPlatePlan/ApsPlatePlan.js
rename to src/api/mainPlan/apsPlatePlan.js
index c887193..aae02fc 100644
--- a/src/api/ApsPlatePlan/ApsPlatePlan.js
+++ b/src/api/mainPlan/apsPlatePlan.js
@@ -1,4 +1,4 @@
-import request from '@/utils/request'
+import request from '@/utils/request.js'
 
 // 鏌ヨ閽i噾璁″垝绠$悊鍒楄〃
 export function listPlan(query) {
diff --git a/src/api/ApsPlatePlan/ApsPlatePlan.js b/src/api/mainPlan/gasPiping.js
similarity index 76%
copy from src/api/ApsPlatePlan/ApsPlatePlan.js
copy to src/api/mainPlan/gasPiping.js
index c887193..0689481 100644
--- a/src/api/ApsPlatePlan/ApsPlatePlan.js
+++ b/src/api/mainPlan/gasPiping.js
@@ -3,7 +3,7 @@
 // 鏌ヨ閽i噾璁″垝绠$悊鍒楄〃
 export function listPlan(query) {
   return request({
-    url: '/aps/apsPlatePlan/list',
+    url: '/aps/gasPiping/list',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@
 // 鏌ヨ閽i噾璁″垝绠$悊璇︾粏
 export function getApsPlatePlan(id) {
   return request({
-    url: '/aps/ApsPlatePlan/ApsPlatePlan/' + id,
+    url: '/aps/gasPiping/' + id,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@
 // 鏂板閽i噾璁″垝绠$悊
 export function addApsPlatePlan(data) {
   return request({
-    url: '/aps/ApsPlatePlan/ApsPlatePlan/add',
+    url: '/aps/gasPiping/add',
     method: 'post',
     data: data
   })
@@ -29,7 +29,7 @@
 // 淇敼閽i噾璁″垝绠$悊
 export function updateApsPlatePlan(data) {
   return request({
-    url: '/ApsPlatePlan/ApsPlatePlan',
+    url: '/aps/gasPiping',
     method: 'put',
     data: data
   })
@@ -38,14 +38,14 @@
 // 鍒犻櫎閽i噾璁″垝绠$悊
 export function delApsPlatePlan(id) {
   return request({
-    url: '/ApsPlatePlan/ApsPlatePlan/' + id,
+    url: '/aps/gasPiping/' + id,
     method: 'delete'
   })
 }
 //閽i噾璁″垝涓婁紶
 export function uploadApsPlatePlan(data) {
   return request({
-    url: '/aps/ApsPlatePlan/upload',
+    url: '/aps/gasPiping/upload',
     method: 'post',
     headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
     data: data
@@ -54,7 +54,7 @@
 // 鏌ヨ闆朵欢璁″垝绠$悊鍒楄〃
 export function examplePlan(query) {
   return request({
-    url: '/aps/apsPlatePlanTemp/list',
+    url: '/aps/gasPipingTemp/list',
     method: 'get',
     params: query
   })
@@ -63,7 +63,7 @@
 // 鏌ヨ闆朵欢璁″垝绠$悊鍒楄〃
 export function confirmPart(data) {
   return request({
-    url: '/aps/apsPlatePlan/confirmPart',
+    url: '/aps/gasPiping/confirmGasPiping',
     method: 'post',
     data: data
   })
diff --git a/src/views/ApsPlatePlan/index.vue b/src/views/ApsPlatePlan/index.vue
index 481ba2a..9e46d1c 100644
--- a/src/views/ApsPlatePlan/index.vue
+++ b/src/views/ApsPlatePlan/index.vue
@@ -109,49 +109,40 @@
     </HxlhTable>
 
     <!-- 娣诲姞鎴栦慨鏀归挘閲戣鍒掔鐞嗗璇濇 -->
-    <el-dialog :title="upload.title" v-model="upload.open" width="90%" append-to-body @close="dialogCancel">
+    <el-dialog :title="upload.title" v-model="upload.open" width="90%" append-to-body @close="dialogCancel" >
       <el-row :gutter="10">
         <el-col>
           <div style="border-bottom: 1px solid #ccc;" >
-            <p>涓婁紶Excel鏂囦欢锛屽寘鍚浂浠跺伐鍗曚俊鎭�傜郴缁熷皢瑙f瀽鏁版嵁骞朵繚瀛樺埌鏈湴锛岀敤浜庡叧鑱斿埌闆朵欢璁″垝涓��</p>
+            <p>涓婁紶Excel鏂囦欢锛屽寘鍚挘閲戣鍒掍俊鎭�傜郴缁熷皢瑙f瀽鏁版嵁骞朵繚瀛樺埌鏈湴锛岀敤浜庡叧鑱斿埌閽i噾璁″垝涓��</p>
           </div>
         </el-col>
         <el-col >
           <div></div>
         </el-col>
       </el-row>
-      <el-row :gutter="10" style="margin-top: 20px;"> </el-row>
+
       <el-row>
         <el-col>
-          <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="true" drag>
-            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-            <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
-            <template #tip>
-              <div class="el-upload__tip">
-                <!-- <div class="el-upload__tip">
-                  <el-checkbox v-model="upload.updateSupport" />鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
-                </div> -->
-                <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
-                <!-- <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">涓嬭浇妯℃澘</el-link> -->
-              </div>
-            </template>
+          <el-upload ref="uploadRef"
+                     :limit="1"
+                     accept=".xlsx, .xls"
+                     :headers="upload.headers"
+                     :action="upload.url + '?updateSupport=' + upload.updateSupport"
+                     :disabled="upload.isUploading"
+                     :on-progress="handleFileUploadProgress"
+                     :on-success="handleFileSuccess"
+                     :auto-upload="true" drag>
+              <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+              <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+              <template #tip>
+                <div class="el-upload__tip">
+                  <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
+                 </div>
+              </template>
           </el-upload>
         </el-col>
       </el-row>
-      <el-row style="margin-top: 20px;">
-        <el-col>
-          <div>
-            <el-button
-                type="success"
-                plain
-                icon="Check"
-                :disabled="planned"
-                @click="uploadParse"
-                v-hasPermi="['partPlan:confirmPart']"
-            >涓婁紶骞惰В鏋�</el-button>
-          </div>
-        </el-col>
-      </el-row>
+
       <el-row>
         <el-col style="margin-top: 20px;">
           <div v-show="isVisible">
@@ -185,7 +176,16 @@
       </el-row>
       <template #footer>
         <div class="dialog-footer">
-          <!-- <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button> -->
+
+            <el-button
+                type="success"
+                plain
+                icon="Check"
+                :disabled="planned"
+                @click="uploadParse"
+                v-hasPermi="['partPlan:confirmPart']"
+            >纭涓婁紶</el-button>
+
           <el-button @click="dialogCancel">鍙� 娑�</el-button>
         </div>
       </template>
@@ -195,7 +195,7 @@
 </template>
 
 <script setup name="ApsPlatePlan">
-import { listPlan, examplePlan, confirmPart} from "@/api/ApsPlatePlan/ApsPlatePlan";
+import { listPlan, examplePlan, confirmPart} from "@/api/mainPlan/apsPlatePlan";
 import HxlhTable from '@/components/HxlhTable'
 import { ref } from "vue";
 import { getToken } from "@/utils/auth";
@@ -213,6 +213,7 @@
 const total = ref(0);
 const daterangePlanStartDay = ref([]);
 const daterangePlanEndDay = ref([]);
+
 const height = ref(document.documentElement.clientHeight - 210 + "px;")
 const isVisible = ref(false);
 const isError = ref(false);
@@ -742,7 +743,7 @@
     planned.value = true;
     upload.open = false;
     ElMessage({
-      message: '閽i噾璁″垝鏁版嵁宸叉垚鍔熶笂浼犲拰瑙f瀽',
+      message: '姘斾綋绠¤矾璁″垝鏁版嵁宸叉垚鍔熶笂浼犲拰瑙f瀽',
       type: 'success',
     })
     getList();
diff --git a/src/views/mainPlan/gasPiping/index.vue b/src/views/mainPlan/gasPiping/index.vue
new file mode 100644
index 0000000..5721536
--- /dev/null
+++ b/src/views/mainPlan/gasPiping/index.vue
@@ -0,0 +1,764 @@
+<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-date-picker
+              v-model="daterangePlanStartDay"
+              value-format="YYYY-MM-DD"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="寮�濮嬫棩鏈�"
+              end-placeholder="缁撴潫鏃ユ湡"
+          ></el-date-picker>
+        </el-form-item>
+        </el-col>
+        <el-col :span="6">
+        <el-form-item label="璁″垝瀹屽伐鏃�" style="width: 100%;">
+          <el-date-picker
+              v-model="daterangePlanEndDay"
+              value-format="YYYY-MM-DD"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="寮�濮嬫棩鏈�"
+              end-placeholder="缁撴潫鏃ユ湡"
+          ></el-date-picker>
+        </el-form-item>
+        </el-col>
+        <el-col :span="6">
+        <el-form-item label="鍗曟嵁鍙�" prop="documentNumber" style="width: 100%;">
+          <el-input
+              v-model="queryParams.documentNumber"
+              placeholder="璇疯緭鍏ュ崟鎹彿"
+              clearable
+              @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        </el-col>
+        <el-col :span="6">
+        <el-form-item label="瀹㈡埛鍚嶇О" prop="customer" style="width: 100%;">
+          <el-input
+              v-model="queryParams.customer"
+              placeholder="璇疯緭鍏ュ鎴峰悕绉�"
+              clearable
+              @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        </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-form-item>
+        </el-col>
+      </el-row>
+      </el-form>
+    </el-col> </el-row>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+            type="primary"
+            plain
+            icon="Plus"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['apsPlatePlan:edit']"
+        >鎵归噺淇敼璁″垝寮�宸ユ棩</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+            type="success"
+            plain
+            icon="Edit"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['apsPlatePlan:edit']"
+        >鎵归噺淇敼璁″垝瀹屽伐鏃�</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+            type="info"
+            plain
+            icon="Upload"
+            @click="handleImport"
+            v-hasPermi="['apsPlatePlan:import']"
+        >瀵煎叆</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+          v-hasPermi="['apsPlatePlan:export']"
+        >瀵煎嚭</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <HxlhTable
+        style="width: 100%"
+        :columns="columns"
+        :data="planList"
+        :loading="loading"
+        :height="height"
+        @on-checkbox="handleCheckboxChange"
+    >
+    </HxlhTable>
+
+    <!-- 娣诲姞鎴栦慨鏀归挘閲戣鍒掔鐞嗗璇濇 -->
+    <el-dialog :title="upload.title" v-model="upload.open" width="90%" append-to-body @close="dialogCancel">
+      <el-row :gutter="10">
+        <el-col>
+          <div style="border-bottom: 1px solid #ccc;" >
+            <p>涓婁紶Excel鏂囦欢锛屽寘鍚浂浠跺伐鍗曚俊鎭�傜郴缁熷皢瑙f瀽鏁版嵁骞朵繚瀛樺埌鏈湴锛岀敤浜庡叧鑱斿埌闆朵欢璁″垝涓��</p>
+          </div>
+        </el-col>
+        <el-col >
+          <div></div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="10" style="margin-top: 20px;"> </el-row>
+      <el-row>
+        <el-col>
+          <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="true" drag>
+            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+            <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+            <template #tip>
+              <div class="el-upload__tip">
+                <!-- <div class="el-upload__tip">
+                  <el-checkbox v-model="upload.updateSupport" />鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
+                </div> -->
+                <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
+                <!-- <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">涓嬭浇妯℃澘</el-link> -->
+              </div>
+            </template>
+          </el-upload>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col style="margin-top: 20px;">
+          <div v-show="isVisible">
+            <el-alert icon="Check" :show-icon="true" title="閽i噾璁″垝鏁版嵁宸叉垚鍔熻В鏋�" type="success" :closable="false"/>
+          </div>
+          <div v-show="isError">
+            <el-alert icon="Close" :show-icon="true" title="閽i噾璁″垝鏁版嵁宸茶В鏋愬け璐�" type="error" :closable="false"/>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row v-show="isVisible">
+        <el-col>
+          <div>
+            <h2>鏁版嵁棰勮</h2>
+          </div>
+          <HxlhTable
+              style="width: 100%"
+              :columns="exampleColumns"
+              :data="exampleList"
+              :loading="loading"
+              :maxHeight="exampleHeight"
+              @on-checkbox="handleCheckboxChange"
+          >
+          </HxlhTable>
+        </el-col>
+        <el-col>
+          <div style="text-align: right;">
+            <h4>鍏变笂浼�<span style="color: blue;">{{ total }}</span>鏉¢浂浠跺伐鍗曟暟鎹�</h4>
+          </div>
+        </el-col>
+      </el-row>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button
+              type="success"
+              plain
+              icon="Check"
+              :disabled="planned"
+              @click="uploadParse"
+              v-hasPermi="['partPlan:confirmPart']"
+          >纭涓婁紶</el-button>
+          <!-- <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button> -->
+          <el-button @click="dialogCancel">鍙� 娑�</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script setup name="ApsPlatePlan">
+import { listPlan, examplePlan, confirmPart} from "@/api/mainPlan/gasPiping.js";
+import HxlhTable from '@/components/HxlhTable/index.vue'
+import { ref } from "vue";
+import { getToken } from "@/utils/auth.js";
+import {ElMessage} from "element-plus";
+
+const { proxy } = getCurrentInstance();
+
+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);
+const showSearch = ref(true);
+const single = ref(true);
+const total = ref(0);
+const daterangePlanStartDay = ref([]);
+const daterangePlanEndDay = ref([]);
+const height = ref(document.documentElement.clientHeight - 210 + "px;")
+const isVisible = ref(false);
+const isError = ref(false);
+const planned = ref(true);
+const batchNumber = ref(null);
+const exampleHeight = ref("500px");
+const uploadRef = ref();
+
+
+/*** 鐢ㄦ埛瀵煎叆鍙傛暟 */
+const upload = reactive({
+  // 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛�
+  open: false,
+  // 寮瑰嚭灞傛爣棰橈紙鐢ㄦ埛瀵煎叆锛�
+  title: "",
+  // 鏄惁绂佺敤涓婁紶
+  isUploading: false,
+  // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
+  updateSupport: 0,
+  // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+  headers: { Authorization: "Bearer " + getToken() ,local: 'zhl'},
+  // 涓婁紶鐨勫湴鍧�
+  url: import.meta.env.VITE_APP_BASE_API + "/aps/gasPiping/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: 150,
+  },
+  {
+    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([
+  { 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: 100,
+  },
+  {
+    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: 100,
+  },
+  {
+    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: 100,
+  },
+  {
+    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: 100,
+  },
+  {
+    title: '椋庨櫓鏍囪瘑',
+    field: 'hasRisk',
+    width: 100,
+  },
+]);
+
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    customer: null,
+    documentNumber: null
+  },
+  rules: {
+    id: [
+      { required: true, message: "涓婚敭id涓嶈兘涓虹┖", trigger: "blur" }
+    ],
+  }
+});
+
+const { queryParams } = toRefs(data);
+/** 鏌ヨ閽i噾璁″垝涓存椂绠$悊鍒楄〃 */
+function getExampleList() {
+  loading.value = true;
+  queryParams.value = {};
+  queryParams.value.batchNumber = batchNumber.value;
+  examplePlan(queryParams.value).then(response => {
+    exampleList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+/** 鏌ヨ闆朵欢璁″垝绠$悊鍒楄〃 */
+function getList() {
+  loading.value = true;
+  queryParams.value.params = {};
+  if (null != daterangePlanStartDay && '' !== daterangePlanStartDay) {
+    queryParams.value.params["beginPlanStartDay"] = daterangePlanStartDay.value[0];
+    queryParams.value.params["endPlanStartDay"] = daterangePlanStartDay.value[1];
+  }
+  if (null != daterangePlanEndDay && '' !== daterangePlanEndDay) {
+    queryParams.value.params["beginPlanEndDay"] = daterangePlanEndDay.value[0];
+    queryParams.value.params["endPlanEndDay"] = daterangePlanEndDay.value[1];
+  }
+  listPlan(queryParams.value).then(response => {
+    planList.value = response.rows;
+    loading.value = false;
+  });
+}
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+function resetQuery() {
+  daterangePlanStartDay.value = [];
+  daterangePlanEndDay.value = [];
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+// 澶氶�夋閫変腑鏁版嵁
+const handleCheckboxChange = (data) => {
+  console.log(data);
+};
+
+/** 鎵归噺淇敼璁″垝寮�宸ユ棩鎸夐挳鎿嶄綔 */
+function plannedStart() {
+
+}
+
+/** 鎵归噺淇敼璁″垝瀹屽伐鏃ユ寜閽搷浣� */
+function plannedEnd() {
+
+}
+
+/** 瀵煎叆鎸夐挳鎿嶄綔 */
+function handleImport() {
+  upload.title = "姘斾綋绠¤矾璁″垝鏁版嵁涓婁紶";
+  upload.open = true;
+};
+
+/** 瀵煎嚭鎸夐挳鎿嶄綔 */
+function handleExport() {
+  proxy.download('aps/gasPiping/export', {
+    ...queryParams.value
+  }, `plan_${new Date().getTime()}.xlsx`)
+}
+
+/** 涓嬭浇妯℃澘鎿嶄綔 */
+function importTemplate() {
+  proxy.download("system/user/importTemplate", {
+  }, `user_template_${new Date().getTime()}.xlsx`);
+};
+
+/** buildEexample */
+function buildEexample() {
+  proxy.$refs["uploadRef"].submit();
+};
+
+/**鏂囦欢涓婁紶涓鐞� */
+const handleFileUploadProgress = (event, file, fileList) => {
+  upload.isUploading = true;
+};
+
+/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
+const handleFileSuccess = (response, file, fileList) => {
+  if(response.code == '200'){
+    batchNumber.value = response.data;
+    isVisible.value = true;
+    planned.value = false;
+    isError.value = false;
+    getExampleList();
+  }else{
+    isError.value = true;
+    proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true });
+  }
+  proxy.$refs["uploadRef"].handleRemove(file);
+  upload.isUploading = false;
+};
+
+/** 涓婁紶骞惰В鏋愭寜閽搷浣� */
+function uploadParse() {
+  queryParams.value.params = {};
+  queryParams.value.params["batchNumber"] = batchNumber.value;
+  confirmPart(queryParams.value).then(response => {
+    exampleList.value = response.rows;
+    loading.value = false;
+    isVisible.value = false;
+    isError.value = false;
+    planned.value = true;
+    upload.open = false;
+    ElMessage({
+      message: '姘斾綋绠¤矾璁″垝鏁版嵁宸叉垚鍔熶笂浼犲拰瑙f瀽',
+      type: 'success',
+    })
+    getList();
+  });
+}
+
+/** dialog鍙栨秷 */
+function dialogCancel(){
+  if (uploadRef.value) {
+    uploadRef.value.clearFiles();
+  }
+  isVisible.value = false;
+  isError.value = false;
+  planned.value = true;
+  upload.open = false;
+  upload.isUploading = false;
+}
+
+getList();
+</script>
+<style lang="css" scoped>
+h4 {
+  font-weight: bold;
+}
+</style>
\ No newline at end of file

--
Gitblit v1.9.3