From b221d86c31fcbd86c071944d70760ec10c49a57f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=99=AE=E5=BB=BA?= <450837357@qq.com>
Date: Mon, 24 Mar 2025 10:09:26 +0800
Subject: [PATCH] first

---
 src/views/plan/produceOrder/index.vue | 1266 ++++++++++++-------------
 1 file changed, 633 insertions(+), 633 deletions(-)

diff --git a/src/views/plan/produceOrder/index.vue b/src/views/plan/produceOrder/index.vue
index 3d89fe6..825d3ff 100644
--- a/src/views/plan/produceOrder/index.vue
+++ b/src/views/plan/produceOrder/index.vue
@@ -1,33 +1,33 @@
 <template>
-  <div>
-    <my-card title="搜索条件" search>
-      <n-form inline>
-        <n-form-item label="时间">
-          <n-date-picker v-model:value="range" type="datetimerange" clearable />
-        </n-form-item>
-        <n-form-item label="工单状态：">
-          <n-select
-            v-model:value="searchForm.status"
-            placeholder="请选择工单状态"
-            class="w-180px"
-            :options="workOrderStatus"
-          ></n-select>
-        </n-form-item>
-        <n-form-item label="订单类型">
-          <n-select
-            v-model:value="searchForm.orderType"
-            placeholder="请选择订单类型"
-            :options="orderTypeList"
-            class="w-160px"
-          ></n-select>
-        </n-form-item>
-
-        <n-form-item label="生产工单号">
-          <n-input v-model:value="searchForm.workorderCode" type="text" placeholder="请输入生产工单号" />
-        </n-form-item>
-        <n-form-item>
-          <component
-            :is="
+	<div>
+		<my-card title="搜索条件" search>
+			<n-form inline>
+				<n-form-item label="时间">
+					<n-date-picker v-model:value="range" type="datetimerange" clearable />
+				</n-form-item>
+				<n-form-item label="工单状态：">
+					<n-select
+						v-model:value="searchForm.status"
+						placeholder="请选择工单状态"
+						class="w-180px"
+						:options="workOrderStatus"
+					></n-select>
+				</n-form-item>
+				<n-form-item label="订单类型">
+					<n-select
+						v-model:value="searchForm.orderType"
+						placeholder="请选择订单类型"
+						:options="orderTypeList"
+						class="w-160px"
+					></n-select>
+				</n-form-item>
+
+				<n-form-item label="生产工单号">
+					<n-input v-model:value="searchForm.workorderCode" type="text" placeholder="请输入生产工单号" />
+				</n-form-item>
+				<n-form-item>
+					<component
+						:is="
               useSearchBtn(
                 () => {
                   search();
@@ -37,205 +37,205 @@
                 }
               )
             "
-          />
-        </n-form-item>
-      </n-form>
-
-      <n-form inline>
-        <n-form-item label="产品型号">
-          <n-input v-model:value="searchForm.model" type="text" placeholder="请输入产品型号" />
-        </n-form-item>
-        <n-form-item label="规格">
-          <n-input v-model:value="searchForm.productSpecification" type="text" placeholder="请输入规格" />
-        </n-form-item>
-      </n-form>
-    </my-card>
-    <my-card :title="title">
-      <template #right>
-        <div>
-          <CxColumns v-model:columns="columns" />
-        </div>
-      </template>
-      <n-data-table
-        :loading="loading"
-        :columns="columns"
-        :data="data"
-        :scroll-x="dataTableConfig.scrollWidth(columns)"
-        :max-height="dataTableConfig.maxHeight"
-      ></n-data-table>
-      <my-pagination v-model:search-form="searchForm" @init="init()"></my-pagination>
-    </my-card>
-    <my-dialog v-model:show="showDialog" title=" 排产" width="1000px" @cancel="cancel" @submit="submit">
-      <template #content>
-        <div>
-          <n-form style="width: 900px" :model="formModel" label-placement="left" label-width="auto">
-            <n-grid :cols="2" :x-gap="20">
-              <n-form-item-grid-item label="订单编号: ">
-                <n-space>{{ formModel.orderCode }}</n-space>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="产品型号: ">
-                <n-space>{{ formModel.productModel }}</n-space>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="产品规格: ">
-                <n-space>{{ formModel.productSpecification }}</n-space>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="数量: ">
-                <n-space>{{ formModel.onlyReadWeight }}</n-space>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="交付时间: ">
-                <n-space>{{ formModel.payTime }}</n-space>
-              </n-form-item-grid-item>
-            </n-grid>
-
-            <div class="divider"></div>
-
-            <n-form
-              v-show="isActive === 1"
-              ref="qbFormModel"
-              style="width: 900px"
-              :rules="qbRules"
-              :model="enamelCoverData"
-              label-placement="left"
-              label-width="70px"
-            >
-              <n-grid :cols="2" :x-gap="20">
-                <n-form-item-grid-item label="工单类型" path="attr2">
-                  <n-space>
-                    <n-select
-                      v-model:value="enamelCoverData.attr2"
-                      :options="workOrderType"
-                      :style="{ width: formItemWidth }"
-                      placeholder="请选择工单类型"
-                      filterable
-                    ></n-select>
-                  </n-space>
-                </n-form-item-grid-item>
-                <!-- <n-form-item-grid-item label="位置" path="axleNumber">
-                  <n-space vertical>
-                    <n-select
-                      v-model:value="axleNumberId"
-                      :style="{ width: formItemWidth }"
-                      placeholder="请选择位置"
-                      :options="locationOptions"
-                      :disabled="getDetailComplete"
-                      multiple
-                      filterable
-                      @update-value="(val, item: any) => {
-                        enamelCoverData.axleNumber = null;
-                        let axleNumber = '';
-                        item.forEach(ele => {
-                          axleNumber += ele.label + ','
-                        })
-                        if (axleNumber) {
-                          enamelCoverData.axleNumber = axleNumber.slice(0, -1)
-                          getDetailData()
-                        }
-                      }"
-                    ></n-select>
-                  </n-space>
-                </n-form-item-grid-item> -->
-                <n-form-item v-show="enamelCoverData.equipmentId && enamelCoverData.axleNumber">
-                  <div style="overflow: auto; max-height: 350px">
-                    <n-data-table :loading="rowsLoading" :columns="detailColumns" :data="detailData"></n-data-table>
-                  </div>
-                </n-form-item>
-
-                <n-form-item-grid-item label="板料" path="plantName">
-                  <n-space vertical>
-                    <n-select
-                      :options="plantListOptions"
-                      :style="{ width: formItemWidth }"
-                      :multiple="true"
-                      placeholder="请选择板料"
-                      filterable
-                      @update-value="(val, itemList: any) => {
-                        let plantName = '';
-                        if (itemList.length > 0) {
-                          itemList.forEach(item => {
-                            plantName += `${item.label},`
-                          })
-                          plantName = plantName.slice(0, -1);
-                        }
-                        enamelCoverData.plantName = plantName
-                      }"
-                    ></n-select>
-                  </n-space>
-                </n-form-item-grid-item>
-                <n-form-item-grid-item label="板料数量" path="plantNumber">
-                  <n-input-number
-                    v-model:value="enamelCoverData.plantNumber"
-                    :style="{ width: formItemWidth }"
-                    placeholder="请输入板料数量"
-                  />
-                </n-form-item-grid-item>
-                <n-form-item-grid-item label="插针" path="wireDisc">
-                  <n-space vertical>
-                    <n-select
-                      v-model:value="enamelCoverData.wireDiscId"
-                      :style="{ width: formItemWidth }"
-                      placeholder="请选择镜片"
-                      filterable
-                      :options="accessoryListOptions"
-                      @update-value="(val, item: any) => {
-                        enamelCoverData.wireDisc = item.label
-                      }"
-                    ></n-select>
-                  </n-space>
-                </n-form-item-grid-item>
-                <n-form-item-grid-item label="插针数" path="discNumber">
-                  <n-input-number
-                    v-model:value="enamelCoverData.discNumber"
-                    :style="{ width: formItemWidth }"
-                    placeholder="请输入插针数"
-                  />
-                </n-form-item-grid-item>
-                <n-form-item-grid-item label="开始时间" path="startTime">
-                  <n-date-picker
-                    v-model:formatted-value="enamelCoverData.startTime"
-                    type="datetime"
-                    :style="{ width: formItemWidth }"
-                  />
-                </n-form-item-grid-item>
-                <n-form-item-grid-item label="结束时间" path="endTime">
-                  <n-date-picker
-                    v-model:formatted-value="enamelCoverData.endTime"
-                    type="datetime"
-                    :style="{ width: formItemWidth }"
-                  />
-                </n-form-item-grid-item>
-                <n-form-item-grid-item label="标准" path="standardValue">
-                  <n-space vertical>
-                    <n-select
-                      v-model:value="enamelCoverData.standardValue"
-                      :style="{ width: formItemWidth }"
-                      placeholder="请选择标准"
-                      filterable
-                      :options="standardList"
-                      @update-value="(val, item: any) => {
+					/>
+				</n-form-item>
+			</n-form>
+
+			<n-form inline>
+				<n-form-item label="产品型号">
+					<n-input v-model:value="searchForm.model" type="text" placeholder="请输入产品型号" />
+				</n-form-item>
+				<n-form-item label="规格">
+					<n-input v-model:value="searchForm.productSpecification" type="text" placeholder="请输入规格" />
+				</n-form-item>
+			</n-form>
+		</my-card>
+		<my-card :title="title">
+			<template #right>
+				<div>
+					<CxColumns v-model:columns="columns" />
+				</div>
+			</template>
+			<n-data-table
+				:loading="loading"
+				:columns="columns"
+				:data="data"
+				:scroll-x="dataTableConfig.scrollWidth(columns)"
+				:max-height="dataTableConfig.maxHeight"
+			></n-data-table>
+			<my-pagination v-model:search-form="searchForm" @init="init()"></my-pagination>
+		</my-card>
+		<my-dialog v-model:show="showDialog" title=" 排产" width="1000px" @cancel="cancel" @submit="submit">
+			<template #content>
+				<div>
+					<n-form style="width: 900px" :model="formModel" label-placement="left" label-width="auto">
+						<n-grid :cols="2" :x-gap="20">
+							<n-form-item-grid-item label="订单编号: ">
+								<n-space>{{ formModel.orderCode }}</n-space>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="产品型号: ">
+								<n-space>{{ formModel.productModel }}</n-space>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="产品规格: ">
+								<n-space>{{ formModel.productSpecification }}</n-space>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="数量: ">
+								<n-space>{{ formModel.onlyReadWeight }}</n-space>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="交付时间: ">
+								<n-space>{{ formModel.payTime }}</n-space>
+							</n-form-item-grid-item>
+						</n-grid>
+
+						<div class="divider"></div>
+
+						<n-form
+							v-show="isActive === 1"
+							ref="qbFormModel"
+							style="width: 900px"
+							:rules="qbRules"
+							:model="enamelCoverData"
+							label-placement="left"
+							label-width="70px"
+						>
+							<n-grid :cols="2" :x-gap="20">
+								<n-form-item-grid-item label="工单类型" path="attr2">
+									<n-space>
+										<n-select
+											v-model:value="enamelCoverData.attr2"
+											:options="workOrderType"
+											:style="{ width: formItemWidth }"
+											placeholder="请选择工单类型"
+											filterable
+										></n-select>
+									</n-space>
+								</n-form-item-grid-item>
+								<!-- <n-form-item-grid-item label="位置" path="axleNumber">
+									<n-space vertical>
+										<n-select
+											v-model:value="axleNumberId"
+											:style="{ width: formItemWidth }"
+											placeholder="请选择位置"
+											:options="locationOptions"
+											:disabled="getDetailComplete"
+											multiple
+											filterable
+											@update-value="(val, item: any) => {
+												enamelCoverData.axleNumber = null;
+												let axleNumber = '';
+												item.forEach(ele => {
+													axleNumber += ele.label + ','
+												})
+												if (axleNumber) {
+													enamelCoverData.axleNumber = axleNumber.slice(0, -1)
+													getDetailData()
+												}
+											}"
+										></n-select>
+									</n-space>
+								</n-form-item-grid-item> -->
+								<n-form-item v-show="enamelCoverData.equipmentId && enamelCoverData.axleNumber">
+									<div style="overflow: auto; max-height: 350px">
+										<n-data-table :loading="rowsLoading" :columns="detailColumns" :data="detailData"></n-data-table>
+									</div>
+								</n-form-item>
+
+								<!--                <n-form-item-grid-item label="板料" path="plantName">-->
+								<!--                  <n-space vertical>-->
+								<!--                    <n-select-->
+								<!--                      :options="plantListOptions"-->
+								<!--                      :style="{ width: formItemWidth }"-->
+								<!--                      :multiple="true"-->
+								<!--                      placeholder="请选择板料"-->
+								<!--                      filterable-->
+								<!--                      @update-value="(val, itemList: any) => {-->
+								<!--                        let plantName = '';-->
+								<!--                        if (itemList.length > 0) {-->
+								<!--                          itemList.forEach(item => {-->
+								<!--                            plantName += `${item.label},`-->
+								<!--                          })-->
+								<!--                          plantName = plantName.slice(0, -1);-->
+								<!--                        }-->
+								<!--                        enamelCoverData.plantName = plantName-->
+								<!--                      }"-->
+								<!--                    ></n-select>-->
+								<!--                  </n-space>-->
+								<!--                </n-form-item-grid-item>-->
+								<!--                <n-form-item-grid-item label="板料数量" path="plantNumber">-->
+								<!--                  <n-input-number-->
+								<!--                    v-model:value="enamelCoverData.plantNumber"-->
+								<!--                    :style="{ width: formItemWidth }"-->
+								<!--                    placeholder="请输入板料数量"-->
+								<!--                  />-->
+								<!--                </n-form-item-grid-item>-->
+								<!--                <n-form-item-grid-item label="插针" path="wireDisc">-->
+								<!--                  <n-space vertical>-->
+								<!--                    <n-select-->
+								<!--                      v-model:value="enamelCoverData.wireDiscId"-->
+								<!--                      :style="{ width: formItemWidth }"-->
+								<!--                      placeholder="请选择镜片"-->
+								<!--                      filterable-->
+								<!--                      :options="accessoryListOptions"-->
+								<!--                      @update-value="(val, item: any) => {-->
+								<!--                        enamelCoverData.wireDisc = item.label-->
+								<!--                      }"-->
+								<!--                    ></n-select>-->
+								<!--                  </n-space>-->
+								<!--                </n-form-item-grid-item>-->
+								<!--                <n-form-item-grid-item label="插针数" path="discNumber">-->
+								<!--                  <n-input-number-->
+								<!--                    v-model:value="enamelCoverData.discNumber"-->
+								<!--                    :style="{ width: formItemWidth }"-->
+								<!--                    placeholder="请输入插针数"-->
+								<!--                  />-->
+								<!--                </n-form-item-grid-item>-->
+								<n-form-item-grid-item label="开始时间" path="startTime">
+									<n-date-picker
+										v-model:formatted-value="enamelCoverData.startTime"
+										type="datetime"
+										:style="{ width: formItemWidth }"
+									/>
+								</n-form-item-grid-item>
+								<n-form-item-grid-item label="结束时间" path="endTime">
+									<n-date-picker
+										v-model:formatted-value="enamelCoverData.endTime"
+										type="datetime"
+										:style="{ width: formItemWidth }"
+									/>
+								</n-form-item-grid-item>
+								<n-form-item-grid-item label="标准" path="standardValue">
+									<n-space vertical>
+										<n-select
+											v-model:value="enamelCoverData.standardValue"
+											:style="{ width: formItemWidth }"
+											placeholder="请选择标准"
+											filterable
+											:options="standardList"
+											@update-value="(val, item: any) => {
                         enamelCoverData.standardName = item.label;
                       }"
-                    ></n-select>
-                  </n-space>
-                </n-form-item-grid-item>
-                <n-form-item-grid-item label="特殊要求">
-                  <n-input
-                    v-model:value="enamelCoverData.remark"
-                    placeholder="请输入特殊要求"
-                    :style="{ width: formItemWidth }"
-                  ></n-input>
-                </n-form-item-grid-item>
-              </n-grid>
-            </n-form>
-          </n-form>
-        </div>
-      </template>
-    </my-dialog>
-  </div>
+										></n-select>
+									</n-space>
+								</n-form-item-grid-item>
+								<n-form-item-grid-item label="特殊要求">
+									<n-input
+										v-model:value="enamelCoverData.remark"
+										placeholder="请输入特殊要求"
+										:style="{ width: formItemWidth }"
+									></n-input>
+								</n-form-item-grid-item>
+							</n-grid>
+						</n-form>
+					</n-form>
+				</div>
+			</template>
+		</my-dialog>
+	</div>
 </template>
 
 <script setup lang="tsx">
 defineOptions({
-  name: 'ProduceOrder'
+	name: 'ProduceOrder'
 });
 import type { Ref } from 'vue';
 import { ref, onMounted } from 'vue';
@@ -251,37 +251,37 @@ import { dataTableConfig } from '@/config/dataTableConfig';
 import { useSearchBtn } from '~/src/hooks/common/useBtn';
 import { useLoading } from '~/src/hooks';
 import {
-  getWorkOrderArrange,
-  cancellation
-  // getListByEquipmentId,
+	getWorkOrderArrange,
+	cancellation
+	// getListByEquipmentId,
 } from '~/src/service/api/plan/productOrder';
 import { addEnamellingWorkorder } from '~/src/service/api/plan/enamellingWorkOrder';
 import { formatDate } from '~/src/utils/form/rule';
 import { getStatusName, getPlanStatusName } from '~/src/utils/common/workOrder';
 const enamelCoverData = ref<planWorkOrder.enamelCoverData>({
-  equipmentCode: null,
-  equipmentId: null,
-  axleNumber: null,
-  wireDisc: null,
-  plantName: null,
-  startTime: null,
-  endTime: null,
-  discNumber: null,
-  remark: '',
-  weight: null,
-  plantNumber: null,
-  wireDiscNumber: null,
-  standardValue: null,
-  standardName: '',
-  wireDiscId: null,
-  plantNameList: null,
-  attr2: null
+	equipmentCode: null,
+	equipmentId: null,
+	axleNumber: null,
+	wireDisc: null,
+	plantName: null,
+	startTime: null,
+	endTime: null,
+	discNumber: null,
+	remark: '',
+	weight: null,
+	plantNumber: null,
+	wireDiscNumber: null,
+	standardValue: null,
+	standardName: '',
+	wireDiscId: null,
+	plantNameList: null,
+	attr2: null
 });
 
 // const lsFormModel = ref<FormInst | null>(null);
 const workOrderType = [
-  { label: '金属工单', value: 0 },
-  { label: '板材工单', value: 1 }
+	{ label: '金属工单', value: 0 },
+	{ label: '板材工单', value: 1 }
 ];
 const range = ref<[number, number] | null>(null);
 const qbFormModel = ref<FormInst | null>(null);
@@ -311,40 +311,40 @@ const plantListOptions = ref<planWorkOrder.SelectMixedOption[]>([]);
 const accessoryListOptions = ref<planWorkOrder.SelectMixedOption[]>([]);
 
 const orderTypeList = ref<{ label: string; value: number }[]>([
-  { label: '客户订单', value: 0 },
-  { label: '备库订单', value: 1 }
+	{ label: '客户订单', value: 0 },
+	{ label: '备库订单', value: 1 }
 ]);
 
 const title = ref<string>('生产工单-全部');
 // 工单状态
 const workOrderStatus = [
-  { label: '全部', value: undefined },
-  { label: '未排产', value: 0 },
-  { label: '排产中', value: 1 },
-  { label: '生产中', value: 2 },
-  { label: '已完成', value: 3 },
-  { label: '已作废', value: 4 }
+	{ label: '全部', value: undefined },
+	{ label: '未排产', value: 0 },
+	{ label: '排产中', value: 1 },
+	{ label: '生产中', value: 2 },
+	{ label: '已完成', value: 3 },
+	{ label: '已作废', value: 4 }
 ];
 
 const qbRules = {
-  attr2: createRequiredFormRule('请选择工单类型'),
-  axleNumber: createRequiredFormRule('请选择位置'),
-  plantName: createRequiredFormRule('请选择板料'),
-  discNumber: createRequiredFormRule('请输入插针数'),
-  wireDisc: createRequiredFormRule('请选择插针'),
-  startTime: createRequiredFormRule('请选择开始时间'),
-  endTime: createRequiredFormRule('请选择结束时间')
+	attr2: createRequiredFormRule('请选择工单类型'),
+	axleNumber: createRequiredFormRule('请选择位置'),
+	plantName: createRequiredFormRule('请选择板料'),
+	discNumber: createRequiredFormRule('请输入插针数'),
+	wireDisc: createRequiredFormRule('请选择插针'),
+	startTime: createRequiredFormRule('请选择开始时间'),
+	endTime: createRequiredFormRule('请选择结束时间')
 };
 
 const searchForm = ref<planWorkOrder.searchForm>({
-  status: undefined,
-  pageNum: 1,
-  pageSize: 10,
-  total: 0,
-  orderType: null,
-  model: '',
-  workorderCode: '',
-  productSpecification: ''
+	status: undefined,
+	pageNum: 1,
+	pageSize: 10,
+	total: 0,
+	orderType: null,
+	model: '',
+	workorderCode: '',
+	productSpecification: ''
 });
 
 const showDialog = ref<boolean>(false);
@@ -363,246 +363,246 @@ const isRequestAccomplish = ref<boolean>(true);
 const rowsData = ref<any>({});
 
 const columns: Ref<DataTableColumns<planWorkOrder.planWorkOrderList>> = ref([
-  {
-    title: '序号',
-    key: 'index',
-    align: 'center',
-    width: 120,
-    render: (_row, index) => (searchForm.value.pageNum - 1) * searchForm.value.pageSize + index + 1
-  },
-  {
-    title: '创建时间',
-    width: 180,
-    key: 'createTime'
-  },
-  {
-    title: '订单类型',
-    key: 'orderType',
-    width: 100,
-    render: row => {
-      return <n-space>{row.orderType === '0' ? '客户订单' : '备库订单'}</n-space>;
-    }
-  },
-  {
-    title: '客户',
-    key: 'customerName',
-    width: 100,
-    ellipsis: {
-      tooltip: true
-    }
-  },
-  {
-    title: '订单编号',
-    key: 'orderCode',
-    width: 100,
-    ellipsis: {
-      tooltip: true
-    }
-  },
-  {
-    title: '生产工单',
-    key: 'workorderCode',
-    width: 150
-  },
-  {
-    title: '产品型号',
-    key: 'productModel',
-    width: 100
-  },
-  {
-    title: '规格',
-    key: 'productSpecification',
-    width: 100
-  },
-  {
-    title: '关联工艺路线',
-    key: 'routingName',
-    width: 120
-  },
-  {
-    title: '数量',
-    key: 'weight',
-    width: 100
-  },
-  // {
-  //   title: '拉丝已排产数量',
-  //   key: 'wiredrawingSchedulingWeight',
-  //   width: 140
-  // },
-  // {
-  //   title: ' 已排产数量',
-  //   key: 'enamellingSchedulingWeight',
-  //   width: 140
-  // },
-  {
-    title: '交付时间',
-    key: 'payTime',
-    width: 180
-  },
-  {
-    title: '状态',
-    key: 'status',
-    width: 100,
-    fixed: 'right',
-    render: row => {
-      const statusInfo = getPlanStatusName(row.status);
-      return <n-tag type={statusInfo.bgColor}>{statusInfo.statusName}</n-tag>;
-    }
-  },
-  {
-    title: '操作',
-    key: 'action',
-    fixed: 'right',
-    width: 180,
-    render: row => {
-      if (row.status === '4') return '已作废,不可操作';
-      return (
-        <n-space>
-          <n-button type="info" v-show={row.status === '0'} onClick={() => changeShowDialog(row)}>
-            排产
-          </n-button>
-          <n-popconfirm onPositiveClick={() => handleDeleteItemType(row.id)}>
-            {{
-              default: () => '确认作废吗>',
-              trigger: () => (
-                <n-button type="warning" v-show={row.status === '1' || row.status === '0'}>
-                  作废
-                </n-button>
-              )
-            }}
-          </n-popconfirm>
-        </n-space>
-      );
-    }
-  }
+	{
+		title: '序号',
+		key: 'index',
+		align: 'center',
+		width: 120,
+		render: (_row, index) => (searchForm.value.pageNum - 1) * searchForm.value.pageSize + index + 1
+	},
+	{
+		title: '创建时间',
+		width: 180,
+		key: 'createTime'
+	},
+	{
+		title: '订单类型',
+		key: 'orderType',
+		width: 100,
+		render: row => {
+			return <n-space>{row.orderType === '0' ? '客户订单' : '备库订单'}</n-space>;
+		}
+	},
+	{
+		title: '客户',
+		key: 'customerName',
+		width: 100,
+		ellipsis: {
+			tooltip: true
+		}
+	},
+	{
+		title: '订单编号',
+		key: 'orderCode',
+		width: 100,
+		ellipsis: {
+			tooltip: true
+		}
+	},
+	{
+		title: '生产工单',
+		key: 'workorderCode',
+		width: 150
+	},
+	{
+		title: '产品型号',
+		key: 'productModel',
+		width: 100
+	},
+	{
+		title: '规格',
+		key: 'productSpecification',
+		width: 100
+	},
+	{
+		title: '关联工艺路线',
+		key: 'routingName',
+		width: 120
+	},
+	{
+		title: '数量',
+		key: 'weight',
+		width: 100
+	},
+	// {
+	//   title: '拉丝已排产数量',
+	//   key: 'wiredrawingSchedulingWeight',
+	//   width: 140
+	// },
+	// {
+	//   title: ' 已排产数量',
+	//   key: 'enamellingSchedulingWeight',
+	//   width: 140
+	// },
+	{
+		title: '交付时间',
+		key: 'payTime',
+		width: 180
+	},
+	{
+		title: '状态',
+		key: 'status',
+		width: 100,
+		fixed: 'right',
+		render: row => {
+			const statusInfo = getPlanStatusName(row.status);
+			return <n-tag type={statusInfo.bgColor}>{statusInfo.statusName}</n-tag>;
+		}
+	},
+	{
+		title: '操作',
+		key: 'action',
+		fixed: 'right',
+		width: 180,
+		render: row => {
+			if (row.status === '4') return '已作废,不可操作';
+			return (
+				<n-space>
+					<n-button type="info" v-show={row.status === '0'} onClick={() => changeShowDialog(row)}>
+						排产
+					</n-button>
+					<n-popconfirm onPositiveClick={() => handleDeleteItemType(row.id)}>
+						{{
+							default: () => '确认作废吗>',
+							trigger: () => (
+								<n-button type="warning" v-show={row.status === '1' || row.status === '0'}>
+									作废
+								</n-button>
+							)
+						}}
+					</n-popconfirm>
+				</n-space>
+			);
+		}
+	}
 ]);
 
 const detailData = ref<paintJobOrder.tabelList[]>([]);
 
 const detailColumns: Ref<DataTableColumns<paintJobOrder.tabelList>> = ref([
-  {
-    title: '工单号',
-    width: 100,
-    key: 'enamellingCode'
-  },
-  {
-    title: '机台',
-    width: 100,
-    key: 'equipmentCode'
-  },
-  {
-    title: '位置',
-    width: 100,
-    key: 'axleNumber'
-  },
-  {
-    title: '油漆',
-    width: 100,
-    key: 'plantName'
-  },
-  {
-    title: '型号',
-    width: 100,
-    key: 'model'
-  },
-  {
-    title: '产品规格',
-    width: 100,
-    key: 'specification'
-  },
-  {
-    title: '创建时间',
-    key: 'createTime',
-    width: 180
-  },
-  {
-    title: '数量',
-    width: 100,
-    key: 'weight'
-  },
-
-  {
-    title: '盘数',
-    width: 100,
-    key: 'discNumber'
-  },
-  {
-    title: '开始时间',
-    width: 180,
-    key: 'startTime'
-  },
-  {
-    title: '结束时间',
-    width: 180,
-    key: 'endTime'
-  },
-  {
-    title: '特殊要求',
-    width: 100,
-    key: 'remark'
-  },
-  {
-    title: '状态',
-    width: 100,
-    key: 'status',
-    render: row => {
-      const statusInfo = getStatusName(row.status);
-      return <n-tag type={statusInfo.bgColor}>{statusInfo.statusName}</n-tag>;
-    }
-  }
+	{
+		title: '工单号',
+		width: 100,
+		key: 'enamellingCode'
+	},
+	{
+		title: '机台',
+		width: 100,
+		key: 'equipmentCode'
+	},
+	{
+		title: '位置',
+		width: 100,
+		key: 'axleNumber'
+	},
+	{
+		title: '油漆',
+		width: 100,
+		key: 'plantName'
+	},
+	{
+		title: '型号',
+		width: 100,
+		key: 'model'
+	},
+	{
+		title: '产品规格',
+		width: 100,
+		key: 'specification'
+	},
+	{
+		title: '创建时间',
+		key: 'createTime',
+		width: 180
+	},
+	{
+		title: '数量',
+		width: 100,
+		key: 'weight'
+	},
+
+	{
+		title: '盘数',
+		width: 100,
+		key: 'discNumber'
+	},
+	{
+		title: '开始时间',
+		width: 180,
+		key: 'startTime'
+	},
+	{
+		title: '结束时间',
+		width: 180,
+		key: 'endTime'
+	},
+	{
+		title: '特殊要求',
+		width: 100,
+		key: 'remark'
+	},
+	{
+		title: '状态',
+		width: 100,
+		key: 'status',
+		render: row => {
+			const statusInfo = getStatusName(row.status);
+			return <n-tag type={statusInfo.bgColor}>{statusInfo.statusName}</n-tag>;
+		}
+	}
 ]);
 
 const formModel = ref<planWorkOrder.FormModel>({
-  orderCode: null,
-  productModel: null,
-  productSpecification: null,
-  payTime: null,
-  orderType: null, // 订单类型
-  customerName: null, // 客户
-  workorderCode: null, // 生产工单
-  workorderId: null,
-  model: null, // 产品型号
-  specification: null, // 产品规格
-  measureId: null,
-  measureName: null,
-  onlyReadWeight: null,
-  residueWeight: null, // 剩余数量
-  productId: null //
+	orderCode: null,
+	productModel: null,
+	productSpecification: null,
+	payTime: null,
+	orderType: null, // 订单类型
+	customerName: null, // 客户
+	workorderCode: null, // 生产工单
+	workorderId: null,
+	model: null, // 产品型号
+	specification: null, // 产品规格
+	measureId: null,
+	measureName: null,
+	onlyReadWeight: null,
+	residueWeight: null, // 剩余数量
+	productId: null //
 });
 
 function search(): void {
-  if (range.value !== null) {
-    searchForm.value['params[beginTime]'] = formatDate(new Date(range.value[0]), 'yyyy-MM-dd');
-    searchForm.value['params[endTime]'] = formatDate(new Date(range.value[1]), 'yyyy-MM-dd');
-  } else {
-    searchForm.value['params[beginTime]'] = null;
-    searchForm.value['params[endTime]'] = null;
-  }
-  if (searchForm.value.status !== undefined) {
-    title.value = `生产工单-${workOrderStatus[searchForm.value.status].label}`;
-  } else {
-    title.value = `生产工单-全部`;
-  }
-  init();
+	if (range.value !== null) {
+		searchForm.value['params[beginTime]'] = formatDate(new Date(range.value[0]), 'yyyy-MM-dd');
+		searchForm.value['params[endTime]'] = formatDate(new Date(range.value[1]), 'yyyy-MM-dd');
+	} else {
+		searchForm.value['params[beginTime]'] = null;
+		searchForm.value['params[endTime]'] = null;
+	}
+	if (searchForm.value.status !== undefined) {
+		title.value = `生产工单-${workOrderStatus[searchForm.value.status].label}`;
+	} else {
+		title.value = `生产工单-全部`;
+	}
+	init();
 }
 function reset(): void {
-  searchForm.value = {
-    status: undefined,
-    pageNum: 1,
-    pageSize: 10,
-    total: 0,
-    orderType: null,
-    model: '',
-    workorderCode: '',
-    productSpecification: ''
-  };
-  if (searchForm.value.status !== undefined) {
-    title.value = `生产工单-${workOrderStatus[searchForm.value.status].label}`;
-  } else {
-    title.value = `生产工单-全部`;
-  }
-  range.value = null;
-  search();
+	searchForm.value = {
+		status: undefined,
+		pageNum: 1,
+		pageSize: 10,
+		total: 0,
+		orderType: null,
+		model: '',
+		workorderCode: '',
+		productSpecification: ''
+	};
+	if (searchForm.value.status !== undefined) {
+		title.value = `生产工单-${workOrderStatus[searchForm.value.status].label}`;
+	} else {
+		title.value = `生产工单-全部`;
+	}
+	range.value = null;
+	search();
 }
 
 // function getDetailData() {
@@ -626,174 +626,174 @@ function reset(): void {
 
 // 打开排产
 function changeShowDialog(row: planWorkOrder.planWorkOrderList): void {
-  for (const key in formModel.value) {
-    if (row[key] !== null) {
-      formModel.value[key] = row[key];
-    }
-  }
-  getDetailComplete.value = false;
-  formModel.value.workorderId = row.id;
-  formModel.value.model = row.productModel;
-  formModel.value.specification = row.productSpecification;
-  formModel.value.onlyReadWeight = row.weight;
-  axleNumberId.value = null;
-  rowsData.value = row;
-  showDialog.value = true;
-  for (const key in enamelCoverData.value) {
-    if (enamelCoverData.value[key] !== null) {
-      enamelCoverData.value[key] = null;
-    }
-  }
-  selectProductionId.value = row.id;
-  enamelCoverData.value.weight = row.weight;
-
-  const spec = Number(row.productSpecification);
-  drillingCrewoptions.value = [];
-  rowsWorkbenchEnamellingList.value.forEach(item => {
-    const upper = item.productionUpperLimit;
-    const lower = item.productionLowerLimit;
-    if (spec) {
-      if ((spec < upper || spec === upper) && (spec > lower || spec === lower)) {
-        drillingCrewoptions.value.push({
-          label: item.equipmentCode,
-          value: item.id
-        });
-      }
-    }
-  });
+	for (const key in formModel.value) {
+		if (row[key] !== null) {
+			formModel.value[key] = row[key];
+		}
+	}
+	getDetailComplete.value = false;
+	formModel.value.workorderId = row.id;
+	formModel.value.model = row.productModel;
+	formModel.value.specification = row.productSpecification;
+	formModel.value.onlyReadWeight = row.weight;
+	axleNumberId.value = null;
+	rowsData.value = row;
+	showDialog.value = true;
+	for (const key in enamelCoverData.value) {
+		if (enamelCoverData.value[key] !== null) {
+			enamelCoverData.value[key] = null;
+		}
+	}
+	selectProductionId.value = row.id;
+	enamelCoverData.value.weight = row.weight;
+
+	const spec = Number(row.productSpecification);
+	drillingCrewoptions.value = [];
+	rowsWorkbenchEnamellingList.value.forEach(item => {
+		const upper = item.productionUpperLimit;
+		const lower = item.productionLowerLimit;
+		if (spec) {
+			if ((spec < upper || spec === upper) && (spec > lower || spec === lower)) {
+				drillingCrewoptions.value.push({
+					label: item.equipmentCode,
+					value: item.id
+				});
+			}
+		}
+	});
 }
 
 function handleDeleteItemType(id: number): void {
-  cancellation(id).then(res => {
-    if (res.code === 200) {
-      message.success('作废成功');
-      init();
-    }
-  });
+	cancellation(id).then(res => {
+		if (res.code === 200) {
+			message.success('作废成功');
+			init();
+		}
+	});
 }
 
 function isInteter(count: number | null, msg: string): boolean {
-  console.log('count ==> ', count);
-  console.log('msg ==> ', msg);
-  if (count === null) return false;
-  const inteters = count.toString().split('.');
-  if (inteters.length > 1) {
-    message.warning(`${msg}数量只能为整数`);
-    return false;
-  }
-  if (count < 0 || count === 0) {
-    message.warning(`${msg}不能小于或等于0`);
-    return false;
-  }
-  return true;
+	console.log('count ==> ', count);
+	console.log('msg ==> ', msg);
+	if (count === null) return false;
+	const inteters = count.toString().split('.');
+	if (inteters.length > 1) {
+		message.warning(`${msg}数量只能为整数`);
+		return false;
+	}
+	if (count < 0 || count === 0) {
+		message.warning(`${msg}不能小于或等于0`);
+		return false;
+	}
+	return true;
 }
 
 function cancel(): void {
-  showDialog.value = false;
+	showDialog.value = false;
 }
 function submitRepetitiom(submitForModel: any, obj: any, func: any) {
-  if (!submitForModel.value) return;
-  submitForModel.value.validate(async errors => {
-    console.log('errors ==> ', errors);
-
-    if (!errors) {
-      if (obj.value.startTime && obj.value.endTime) {
-        const startTime = new Date(obj.value.startTime).getTime();
-        const endTime = new Date(obj.value.endTime).getTime();
-        if (startTime > endTime) {
-          message.warning('开始时间不能大于结束时间');
-          return;
-        }
-      }
-      if (!isInteter(obj.value.plantNumber, '板料')) return;
-      // if (!isInteter(obj.value.wireDiscNumber, '线盘')) return;
-      if (!isInteter(obj.value.discNumber, '插针数')) return;
-      isRequestAccomplish.value = false;
-      const res = await func({ ...obj.value, ...formModel.value });
-      isRequestAccomplish.value = true;
-      if (res.code === 200) {
-        message.success('排产成功');
-        init();
-        showDialog.value = false;
-      }
-    }
-  });
+	if (!submitForModel.value) return;
+	submitForModel.value.validate(async errors => {
+		console.log('errors ==> ', errors);
+
+		if (!errors) {
+			if (obj.value.startTime && obj.value.endTime) {
+				const startTime = new Date(obj.value.startTime).getTime();
+				const endTime = new Date(obj.value.endTime).getTime();
+				if (startTime > endTime) {
+					message.warning('开始时间不能大于结束时间');
+					return;
+				}
+			}
+			if (!isInteter(obj.value.plantNumber, '板料')) return;
+			// if (!isInteter(obj.value.wireDiscNumber, '线盘')) return;
+			if (!isInteter(obj.value.discNumber, '插针数')) return;
+			isRequestAccomplish.value = false;
+			const res = await func({ ...obj.value, ...formModel.value });
+			isRequestAccomplish.value = true;
+			if (res.code === 200) {
+				message.success('排产成功');
+				init();
+				showDialog.value = false;
+			}
+		}
+	});
 }
 
 function submit(): void {
-  submitRepetitiom(qbFormModel, enamelCoverData, addEnamellingWorkorder);
+	submitRepetitiom(qbFormModel, enamelCoverData, addEnamellingWorkorder);
 }
 
 function getList(): void {
-  getWorkbenchEnamellingList({ pageSize: 999, isEnable: 1 }).then(res => {
-    rowsWorkbenchEnamellingList.value = res.rows;
-    res.rows.forEach((item: { equipmentCode: any; id: any }) => {
-      drillingCrewoptions.value.push({
-        label: item.equipmentCode,
-        value: item.id
-      });
-    });
-  });
-
-  getPlantList({ pageSize: 999 }).then(res => {
-    res.rows.forEach(item => {
-      plantListOptions.value.push({
-        label: `${item.plantName} + ${item.plantTypeName}`,
-        value: item.id,
-        ...item
-      });
-    });
-  });
-
-  getAccessoryList({
-    itemTypeId: 24,
-    total: 2,
-    pageSize: 999
-  }).then(res => {
-    res.rows.forEach((item: { model: any; id: any }) => {
-      accessoryListOptions.value.push({
-        label: item.model,
-        value: item.id
-      });
-    });
-  });
-
-  getDictDataList({ pageSize: 999, dictType: 'technology_client_norm' }).then(res => {
-    if (res.code === 200) {
-      res.rows.forEach(item => {
-        standardList.value.push({
-          label: item.dictLabel,
-          value: item.dictValue
-        });
-      });
-    }
-  });
+	getWorkbenchEnamellingList({ pageSize: 999, isEnable: 1 }).then(res => {
+		rowsWorkbenchEnamellingList.value = res.rows;
+		res.rows.forEach((item: { equipmentCode: any; id: any }) => {
+			drillingCrewoptions.value.push({
+				label: item.equipmentCode,
+				value: item.id
+			});
+		});
+	});
+
+	getPlantList({ pageSize: 999 }).then(res => {
+		res.rows.forEach(item => {
+			plantListOptions.value.push({
+				label: `${item.plantName} + ${item.plantTypeName}`,
+				value: item.id,
+				...item
+			});
+		});
+	});
+
+	getAccessoryList({
+		itemTypeId: 24,
+		total: 2,
+		pageSize: 999
+	}).then(res => {
+		res.rows.forEach((item: { model: any; id: any }) => {
+			accessoryListOptions.value.push({
+				label: item.model,
+				value: item.id
+			});
+		});
+	});
+
+	getDictDataList({ pageSize: 999, dictType: 'technology_client_norm' }).then(res => {
+		if (res.code === 200) {
+			res.rows.forEach(item => {
+				standardList.value.push({
+					label: item.dictLabel,
+					value: item.dictValue
+				});
+			});
+		}
+	});
 }
 
 function init(): void {
-  startLoading();
-  getWorkOrderArrange({ ...searchForm.value }).then(res => {
-    if (res.code === 200) {
-      searchForm.value.total = res.total;
-      data.value = res.rows;
-    }
-    endLoading();
-  });
+	startLoading();
+	getWorkOrderArrange({ ...searchForm.value }).then(res => {
+		if (res.code === 200) {
+			searchForm.value.total = res.total;
+			data.value = res.rows;
+		}
+		endLoading();
+	});
 }
 onMounted(() => {
-  init();
-  getList();
+	init();
+	getList();
 });
 </script>
 
 <style scoped>
 :deep(.n-form-item-label) {
-  width: 100px !important;
+	width: 100px !important;
 }
 
 .divider {
-  height: 1px;
-  background-color: #ddd;
-  margin-bottom: 30px;
+	height: 1px;
+	background-color: #ddd;
+	margin-bottom: 30px;
 }
 </style>