优化

src/view/yunyin/shengchanguanli/gongdanziliao.vue

@@ -52,22 +52,22 @@
                         @selection-change="handleSelectionChange"
                         :show-overflow-tooltip="true">
                 <el-table-column align="center" type="selection" width="30"/>
-                <el-table-column align="left" sortable label="序号"      	prop="序号"  	width="110" />
-                <el-table-column align="left" sortable label="订单号"     	prop="订单号" 	width="120" />
+                <el-table-column align="left" sortable label="序号"      	prop="序号"  	width="80" />
+                <el-table-column align="left" sortable label="订单号"     	prop="订单号" 	width="100" />
                 <el-table-column align="left" sortable label="生产款号"   	prop="生产款号"  width="110" />
-                <el-table-column align="left" sortable label="客户"      	prop="客户" 		width="370" />
+                <el-table-column align="left" sortable label="客户"      	prop="客户" 		width="80" />
                 <el-table-column align="left" sortable label="落货日期"   	prop="落货日期" 	width="110" />
-                <el-table-column align="left" sortable label="款式"       	prop="款式"   	width="100"/>
+                <el-table-column align="left" sortable label="款式"       	prop="款式"   	width="80"/>
                 <el-table-column align="left" sortable label="箱唛要求"   	prop="箱唛要求" 	width="110" />
                 <el-table-column align="left" sortable label="面料"       	prop="面料" 		width="110" />
                 <el-table-column align="left" sortable label="要求"       	prop="要求" 		width="110" />
                 <el-table-column align="left" sortable label="船样描述"    	prop="船样描述" 	width="110" />
                 <el-table-column align="left" sortable label="船样合计"    	prop="船样合计" 	width="140" />
-                <el-table-column align="left" sortable label="粘衬"        	prop="粘衬"		width="140" />
-                <el-table-column align="left" sortable label="订单数量"    	prop="订单数量" 	width="130" />
-                <el-table-column align="left" sortable label="单位"    		prop="单位" 		width="115" />
-                <el-table-column align="left" sortable label="审核"    		prop="审核" 		width="160" />
-                <el-table-column align="left" sortable label="审核日期"    	prop="审核日期" 	width="160" />
+                <el-table-column align="left" sortable label="粘衬"        	prop="粘衬"		width="80" />
+                <el-table-column align="left" sortable label="订单数量"    	prop="订单数量" 	width="110" />
+                <el-table-column align="left" sortable label="单位"    		prop="单位" 		width="80" />
+                <el-table-column align="left" sortable label="审核"    		prop="审核" 		width="80" />
+                <el-table-column align="left" sortable label="审核日期"    	prop="审核日期" 	width="110" />
               </el-table>
               <!-- 分页 -->
               <div class="gva-pagination">
@@ -867,7 +867,8 @@ const _WorkList_page = async () => {
     const WorkListdata = [
       {
         '序号':'1',
-        '订单号':'XXX001',
+        '订单号':'2408001',
+        '生产款号':'2401-1622款',
         '客户':'DC-7',
         '落货日期':'2024/7/20',
         '款式':'连衣裙',
@@ -884,20 +885,39 @@ const _WorkList_page = async () => {
       },
       {
         '序号':'2',
-        '订单号':'',
-        '客户':'',
-        '落货日期':'',
-        '款式':'',
+        '订单号':'2408002',
+        '生产款号':'2403-1624款',
+        '客户':'DC-7',
+        '落货日期':'2024/7/20',
+        '款式':'西服',
+        '箱唛要求':'挂装出运',
+        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
+        '要求':'',
+        '船样描述':'',
+        '船样合计':'5',
+        '粘衬':'',
+        '订单数量':'185',
+        '单位':'件',
+        '审核':'裘志江',
+        '审核日期':'2024/6/27'
+      },
+      {
+        '序号':'3',
+        '订单号':'2408003',
+        '生产款号':'2403-1625款',
+        '客户':'DC-7',
+        '落货日期':'2024/7/20',
+        '款式':'裤子',
         '箱唛要求':'挂装出运',
-        '面料':'',
+        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
         '要求':'',
         '船样描述':'',
-        '船样合计':'',
+        '船样合计':'5',
         '粘衬':'',
-        '订单数量':'=颜色制单总数和（船样是否含在颜色样中）',
-        '单位':'',
-        '审核':'',
-        '审核日期':''
+        '订单数量':'197',
+        '单位':'件',
+        '审核':'裘志江',
+        '审核日期':'2024/6/27'
       },
   ];
 	console.log("上方表格数据")
@@ -1274,16 +1294,198 @@ const ddtableData = reactive([])
 const jstableData = reactive([])
 // 点击工单行按钮
 const tableRowClick = async (row) => {
-  try {
-    //颜色资料表
+
+  if(row.订单号 === '2408001' ){
+    ystableData.length = 0
+    try {
     const ysData = [
       {
         '序号':'1',
-        '订单子编号':'XXX001-1',
+        '订单子编号':'2408001-1',
         '颜色名称':'红色',
         '船样':'否',
         'S':'10',
         'M':'20',
+        'L':'30', 
+        'XL':'20',
+        'XXL':'10',
+        '制单总数':'90',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '序号':'2',
+        '订单子编号':'2408001-2',
+        '颜色名称':'蓝色',
+        '船样':'否',
+        'S':'20',
+        'M':'20',
+        'L':'10',
+        'XL':'20',
+        'XXL':'10',
+        '制单总数':'80',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '序号':'3',
+        '订单子编号':'2408001-船',
+        '颜色名称':'黑色',
+        '船样':'是',
+        'S':'/',
+        'M':'2',
+        'L':'/',
+        'XL':'2',
+        'XXL':'/',
+        '制单总数':'2',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+  ];
+	//工艺资料表
+    const gyData = [
+      {
+        '完工状态':'',
+        '工序名称':'仓库出库',
+        '计划产量':'/',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'裁切',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'车缝',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'后道收样',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'大烫',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'总检',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'包装',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      }
+  ];
+	//订单资料表
+    const ddData = [
+      
+      {
+        '序号':'1',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+      {
+        '序号':'2',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+  ];
+
+	//技术附件
+    const jsData = [
+		
+      {
+        '序号':'1',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+      {
+        '序号':'2',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+  ];
+	// console.log("下方表格数据")
+  //   console.log(ysData)
+  //   console.log(gyData)
+  //   console.log(ddData)
+  //   console.log(jsData)
+
+    ystableData.splice(0,ysData.length,...ysData);//表格数据
+    gytableData.splice(0,gyData.length,...gyData);//表格数据
+    ddtableData.splice(0,ddData.length,...ddData);//表格数据
+    jstableData.splice(0,jsData.length,...jsData);//表格数据
+    console.log(ystableData)
+  } catch (error) {
+    console.error(error);
+  }
+  }else if(row.订单号 === '2408002' ){
+    ystableData.length = 0
+    try {
+    const ysData = [
+      {
+        '序号':'1',
+        '订单子编号':'2408002-2',
+        '颜色名称':'白色',
+        '船样':'否',
+        'S':'10',
+        'M':'20',
         'L':'30',
         'XL':'20',
         'XXL':'10',
@@ -1292,11 +1494,307 @@ const tableRowClick = async (row) => {
         '建档日期':'',
         '更新时间':'',
       },
+  ];
+	//工艺资料表
+    const gyData = [
+      {
+        '完工状态':'',
+        '工序名称':'仓库出库',
+        '计划产量':'/',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'裁切',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'车缝',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'后道收样',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'大烫',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'总检',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'包装',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      }
+  ];
+	//订单资料表
+    const ddData = [
+      
+      {
+        '序号':'1',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
       {
         '序号':'2',
-        '订单子编号':'XXX001-2',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+  ];
+	//技术附件
+    const jsData = [
+		
+      {
+        '序号':'1',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+      {
+        '序号':'2',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+  ];
+	// console.log("下方表格数据")
+  //   console.log(ysData)
+  //   console.log(gyData)
+  //   console.log(ddData)
+  //   console.log(jsData)
+	
+    ystableData.splice(0,ysData.length,...ysData);//表格数据
+    gytableData.splice(0,gyData.length,...gyData);//表格数据
+    ddtableData.splice(0,ddData.length,...ddData);//表格数据
+    jstableData.splice(0,jsData.length,...jsData);//表格数据
+  } catch (error) {
+    console.error(error);
+  }
+  }else if(row.订单号 === '2408003'){
+    ystableData.length = 0
+    try {
+    const ysData = [
+      {
+        '序号':'1',
+        '订单子编号':'2408003-3',
         '颜色名称':'黑色',
         '船样':'否',
+        'S':'10',
+        'M':'20',
+        'L':'30',
+        'XL':'20',
+        'XXL':'10',
+        '制单总数':'90',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+
+  ];
+	//工艺资料表
+    const gyData = [
+      {
+        '完工状态':'',
+        '工序名称':'仓库出库',
+        '计划产量':'/',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'裁切',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'车缝',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'后道收样',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'大烫',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'总检',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '完工状态':'',
+        '工序名称':'包装',
+        '计划产量':'按颜色显示总计数',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      }
+  ];
+	//订单资料表
+    const ddData = [
+      
+      {
+        '序号':'1',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+      {
+        '序号':'2',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+  ];
+	//技术附件
+    const jsData = [
+		
+      {
+        '序号':'1',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+      {
+        '序号':'2',
+        '备注':'',
+        '文件类型':'',
+        '关联产品':'',
+        '建档日期':'',
+        '更新时间':'',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+        '操作':'',
+      },
+  ];
+	// console.log("下方表格数据")
+  //   console.log(ysData)
+  //   console.log(gyData)
+  //   console.log(ddData)
+  //   console.log(jsData)
+	
+    ystableData.splice(0,ysData.length,...ysData);//表格数据
+    gytableData.splice(0,gyData.length,...gyData);//表格数据
+    ddtableData.splice(0,ddData.length,...ddData);//表格数据
+    jstableData.splice(0,jsData.length,...jsData);//表格数据
+  } catch (error) {
+    console.error(error);
+  }
+  }else if(row.订单号 = 2408002 ){
+    try {
+    const ysData = [
+      {
+        '序号':'1',
+        '订单子编号':'2408001-1',
+        '颜色名称':'红色',
+        '船样':'否',
+        'S':'10',
+        'M':'20',
+        'L':'30',
+        'XL':'20',
+        'XXL':'10',
+        '制单总数':'90',
+        '建档用户':'',
+        '建档日期':'',
+        '更新时间':'',
+      },
+      {
+        '序号':'2',
+        '订单子编号':'2408001-2',
+        '颜色名称':'蓝色',
+        '船样':'否',
         'S':'20',
         'M':'20',
         'L':'10',
@@ -1309,7 +1807,7 @@ const tableRowClick = async (row) => {
       },
       {
         '序号':'3',
-        '订单子编号':'XXX001-船',
+        '订单子编号':'2408001-船',
         '颜色名称':'黑色',
         '船样':'是',
         'S':'/',
@@ -1438,24 +1936,24 @@ const tableRowClick = async (row) => {
         '操作':'',
       },
   ];
-	console.log("下方表格数据")
-    console.log(ysData)
-    console.log(gyData)
-    console.log(ddData)
-    console.log(jsData)
+	// console.log("下方表格数据")
+  //   console.log(ysData)
+  //   console.log(gyData)
+  //   console.log(ddData)
+  //   console.log(jsData)
 	
     ystableData.splice(0,ysData.length,...ysData);//表格数据
     gytableData.splice(0,gyData.length,...gyData);//表格数据
     ddtableData.splice(0,ddData.length,...ddData);//表格数据
     jstableData.splice(0,jsData.length,...jsData);//表格数据
-    // total.value =ystableData.data.total;//共多少条
-    // const WorkListdata = await WorkList({Gd_khdh:_Gd_khdh.value,limit:pageSize.value,page:page.value});
-    // console.log(WorkListdata)
-    // tableData.splice(0,tableData.length,...WorkListdata.data.data);//表格数据
-    // total.value =WorkListdata.data.total;//共多少条
   } catch (error) {
     console.error(error);
   }
+  }
+  
+    
+
+
   // console.log(row.工单编号)
   // _Gd_gdbh.value = row.工单编号;
   // _Gd_cpdh.value = row.产品代号;

src/view/yunyin/shengchanguanli/gongxuchanlianghecha.vue

@@ -3,28 +3,22 @@
     <layout>
       <layout-header>
         <div class="">
-          <!--          按钮部分-->
+          <!--按钮部分-->
           <el-form ref="elSearchFormRef"   class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
             <el-form-item>
-              <el-input v-model="searchInfo" placeholder="搜索工单编号" clearable style="width: 200px;margin: 5px"></el-input>
-              <el-button type="primary" icon="search" @click="onSubmit" style="margin: 5px">查询</el-button>
-			  <!-- <el-button type="primary" icon="edit"   @click="gd_gxcltjonClick"  class="bt" title="工序产量核查">工序产量统计</el-button>
-			  <el-button type="primary" icon="edit"   @click="cp_gdprintonClick" class="bt" title="打印生产工单" >工单打印</el-button>
-			  <el-button type="primary" title="设置工单的状态--【计划中】 【生产中】 【已完成】" icon="edit" @click="onStatusClick" class="bt">工单状态设置</el-button>
-			  <el-button type="primary" icon="edit"   @click="gd_gxclhconClick"  class="bt" title="工序产量核查">工序产量核查</el-button> -->
+              <el-input v-model="searchInfo" placeholder="搜索" clearable style="width: 180px;"></el-input>
+              <el-button type="primary" icon="search" @click="onSubmit" >查询</el-button>
             </el-form-item>
           </el-form>
-
         </div>
       </layout-header>
 
       <layout>
-        <!--    左侧树侧形结构-->
+        <!--左侧树侧形结构-->
         <layout-sider :resize-directions="['right']" :width="190" style="margin-right: 10px;">
           <div class="JKWTree-tree" style="height: 200px">
             <h3>客户编号</h3>
-            <!-- <el-tree :data="treeData"  :props="defaultProps" @node-click="handleNodeClick" @node-expand="handleNodeExpand"> -->
-            <el-tree :data="treeData" @node-click="handleNodeClick">
+            <el-tree :data="treeData" @node-click="handleNodeClick" class="treecolor">
             </el-tree>
           </div>
         </layout-sider>
@@ -46,16 +40,16 @@
        <el-table-column  sortable align="center" label="序号" prop="序号"  width="80" />
        <el-table-column  sortable align="center" label="订单号" prop="订单号"  width="120" />
 			 <el-table-column  sortable align="center" label="生产款号" prop="生产款号"  width="120" />
-			 <el-table-column  sortable align="center" label="客户" prop="客户"  width="80" />
+			 <el-table-column  sortable align="center" label="客户" prop="客户"  width="120" />
 			 <el-table-column  sortable align="center" label="制单总数" prop="制单总数"  width="100" />
-			 <el-table-column  sortable align="center" label="单位" prop="单位"  width="70" />
+			 <el-table-column  sortable align="center" label="单位" prop="单位"  width="120" />
 			 <el-table-column  sortable align="center" label="出库确认" prop="出库确认"  width="100" />
-			 <el-table-column  sortable align="center" label="裁切" prop="裁切"  width="80" />
+			 <el-table-column  sortable align="center" label="裁切" prop="裁切"  width="120" />
 			 <el-table-column  sortable align="center" label="缝制小烫" prop="缝制小烫"  width="100" />
 			 <el-table-column  sortable align="center" label="后道收样" prop="后道收样"  width="100" />
-			 <el-table-column  sortable align="center" label="大烫" prop="大烫"  width="80" />
-			 <el-table-column  sortable align="center" label="总检" prop="总检"  width="80" />
-			 <el-table-column  sortable align="center" label="包装" prop="包装"  width="80" />
+			 <el-table-column  sortable align="center" label="大烫" prop="大烫"  width="120" />
+			 <el-table-column  sortable align="center" label="总检" prop="总检"  width="115" />
+			 <el-table-column  sortable align="center" label="包装" prop="包装"  width="110" />
             </el-table>
 
             <!-- 分页 -->
@@ -125,9 +119,18 @@ getDepartmentdata();
 const tableData = reactive([]);
 const _code = ref(null);  //左侧菜单编号
 const handleNodeClick = async (node) => {
-	if(node.label === '印刷工单'  || node.label === '糊盒工单'){return false;}
-	console.log(node.label.substring(0, 5));
-	_code.value = node.label.substring(0, 5);
+  // 取消所有节点的颜色
+  const allNodes = document.querySelectorAll('.treecolor .el-tree-node');
+  allNodes.forEach(node => {
+    node.querySelector('.el-tree-node__label').style.color = '';
+  });
+  // 获取点击的节点
+  const clickedNodeId = node['$treeNodeId'];
+  const clickedNode = document.querySelector(`.treecolor .el-tree-node[data-key="${clickedNodeId}"]`);
+  if (clickedNode) {
+    // 给当前点击的节点改变颜色
+    clickedNode.querySelector('.el-tree-node__label').style.color = 'red';
+  }
 	searchInfo.value = '';  // 清空搜索信息
 	_workOrderDetailList();  // 执行获取员工列表的函数
 };
@@ -162,7 +165,7 @@ const _workOrderDetailList = async ()=>{
       const workOrderDetaildata = [
       {
         '序号':'1',
-        '订单号':'XXX001',
+        '订单号':'2408001',
         '生产款号':'2403-1622款',
         '客户':'DC-7',
         '制单总数':'90',

src/view/yunyin/shengchanguanli/shengchanpaichan.vue

@@ -728,20 +728,20 @@ const workbenchdata = async () => {
       label : '车缝小烫车间',
       children : [
       {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'},
-      {label : '1.服装厂1组'}
+      {label : '2.服装厂2组'},
+      {label : '3.服装厂3组'},
+      {label : '4.服装厂4组'},
+      {label : '5.服装厂5组'},
+      {label : '6.服装厂6组'},
+      {label : '7.服装厂7组'},
+      {label : '8.服装厂8组'},
+      {label : '9.服装厂9组'},
+      {label : '10.服装厂10组'},
+      {label : '11.服装厂11组'},
+      {label : '12.服装厂12组'},
+      {label : '13.服装厂13组'},
+      {label : '14.服装厂14组'},
+      {label : '15.服装厂15组'}
     ]
     }];
     treeData.value = data
@@ -857,6 +857,32 @@ const handleNodeClick = async (node) => {
         '排产时间':'2024-8-14 12:00',
         '排产人':'车间主任xxx',
       },
+      {
+        '序号':'2',
+        '订单号':'2408001',
+        '生产款号':'2403-1623款',
+        '订单子编号':'2408001-2',
+        '颜色':'蓝色',
+        '制单总数':'90',
+        '排产数量':'50',
+        '工作中心':'二分厂',
+        '部门':'服装厂1组',
+        '客户':'DC-7',
+        '落货日期':'2024/7/20',
+        '款式':'连衣裙',
+        '箱唛要求':'折箱装修',
+        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
+        '要求':'',
+        '船样描述':'',
+        '船样合计':'4',
+        '粘衬':'',
+        '订单数量':'174',
+        '单位':'件',
+        '审核':'裘志江',
+        '审核日期':'2024/6/27',
+        '排产时间':'2024-8-14 12:00',
+        '排产人':'车间主任xxx',
+      },
     ];      
     console.log(cjData)
     chejianData.splice(0,chejianData.length,...cjData);//表格数据
@@ -931,6 +957,52 @@ const schandleNodeClick = async (node) => {
         '审核':'裘志江',
         '审核日期':'2024/6/27',
       },
+      {
+        '序号':'3',
+        '订单号':'2408001',
+        '生产款号':'2403-1623款',
+        '订单子编号':'2408001-2',
+        '颜色':'蓝色',
+        '制单总数':'80',
+        '工作中心':'--',
+        '部门':'--',
+        '客户':'DC-7',
+        '落货日期':'2024/7/20',
+        '款式':'长袖',
+        '箱唛要求':'折箱装修',
+        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
+        '要求':'',
+        '船样描述':'',
+        '船样合计':'4',
+        '粘衬':'',
+        '订单数量':'174',
+        '单位':'件',
+        '审核':'裘志江',
+        '审核日期':'2024/6/27',
+      },
+      {
+        '序号':'4',
+        '订单号':'2408001',
+        '生产款号':'2403-1623款',
+        '订单子编号':'2408001-2',
+        '颜色':'蓝色',
+        '制单总数':'80',
+        '工作中心':'--',
+        '部门':'--',
+        '客户':'DC-7',
+        '落货日期':'2024/7/20',
+        '款式':'长袖',
+        '箱唛要求':'折箱装修',
+        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
+        '要求':'',
+        '船样描述':'',
+        '船样合计':'4',
+        '粘衬':'',
+        '订单数量':'174',
+        '单位':'件',
+        '审核':'裘志江',
+        '审核日期':'2024/6/27',
+      },
      
   ];
       console.log(jhz_Projectdata)
@@ -1001,9 +1073,9 @@ const schandleNodeClick = async (node) => {
       {
         '序号':'3',
         '订单号':'2408001',
-        '生产款号':'2403-1622款',
+        '生产款号':'2403-1623款',
         '订单子编号':'2408001-2',
-        '颜色':'黑色',
+        '颜色':'蓝色',
         '制单总数':'80',
         '排产数量':'80',
         '工作中心':'二分厂',

src/view/yunyin/shengchanguanli/yangyipihe.vue

@@ -6,17 +6,16 @@
 			<!--          按钮部分-->
 			<el-form ref="elSearchFormRef"   class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
 			  <el-form-item>
-				<el-input v-model="searchInfo" placeholder="搜索" clearable style="width: 200px;margin: 5px"></el-input>
-				<el-button type="primary" icon="search" @click="onSubmit" style="margin: 5px">查询</el-button>
+				<el-input v-model="searchInfo" placeholder="搜索" clearable style="width: 180px;"></el-input>
+				<el-button type="primary" icon="search" @click="onSubmit" >查询</el-button>
 				<el-button type="primary" icon="edit"   @click="hptg_onClick" class="bt" title="核批通过" disabled>核批通过</el-button>
-				<!-- <el-button type="primary" title="修改" icon="edit" @click="onStatusClick" class="bt">修改</el-button> -->
 			  </el-form-item>
 			</el-form>
 		  </div>
 		</layout-header>
   
 		<layout>
-		  <!--    左侧树侧形结构-->
+		  <!--左侧树侧形结构-->
 		  <layout-sider :resize-directions="['right']" :width="190" style="margin-right: 10px;">
 			<div class="JKWTree-tree" style="height: 200px">
 			  <h3>客户编号</h3>
@@ -194,7 +193,45 @@ const handleNodeClick = async (node) => {
 		const workOrderDetaildata1 = [
 		{
 			'序号':'1',
-			'订单子编号':'XXX001-船',
+			'订单子编号':'2408001',
+			'颜色名称':'红色',
+			'生产款号':'2403-1622款',
+			'客户':'DC-7',
+			'船样':'否',
+			'S':'/',
+			'M':'2',
+			'L':'/',
+			'XL':'2',
+			'XXL':'/',
+			'制单总数':'4',
+			'建档用户':'xxx',
+			'建档日期':'',
+			'更新时间':'',
+			'核批人':'/',
+			'核批日期':'/',
+		},
+		{
+			'序号':'2',
+			'订单子编号':'2408002',
+			'颜色名称':'蓝色',
+			'生产款号':'2403-1622款',
+			'客户':'DC-7',
+			'船样':'否',
+			'S':'/',
+			'M':'2',
+			'L':'/',
+			'XL':'2',
+			'XXL':'/',
+			'制单总数':'4',
+			'建档用户':'xxx',
+			'建档日期':'',
+			'更新时间':'',
+			'核批人':'/',
+			'核批日期':'/',
+		},
+		{
+			'序号':'3',
+			'订单子编号':'2408005-船',
 			'颜色名称':'黑色',
 			'生产款号':'2403-1622款',
 			'客户':'DC-7',

src/view/yunyin/shengchanguanli/yuedudahuoshengchanjindu.vue

@@ -6,9 +6,9 @@
 			<!--          按钮部分-->
 			<el-form ref="elSearchFormRef"   class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
 			  <el-form-item>
-				<el-input v-model="searchInfo" placeholder="搜索工单编号" clearable style="width: 200px;margin: 5px"></el-input>
-				<el-button type="primary" icon="search" @click="onSubmit" style="margin: 5px">查询</el-button>
-				<el-button type="primary" icon="edit"   @click="gd_gxclhconClick"  class="bt" title="修改">修改</el-button>
+				<el-input v-model="searchInfo" placeholder="搜索" clearable style="width: 180px;"></el-input>
+				<el-button type="primary" icon="search" @click="onSubmit" >查询</el-button>
+				<!-- <el-button type="primary" icon="edit"   @click="gd_gxclhconClick"  class="bt" title="修改">修改</el-button> -->
 			  </el-form-item>
 			</el-form>
 		  </div>
@@ -21,7 +21,7 @@
 			<div class="JKWTree-tree" style="height: 200px">
 			  <h3>选择月份</h3>
 			  <!-- <el-tree :data="treeData"  :props="defaultProps" @node-click="handleNodeClick" @node-expand="handleNodeExpand"> -->
-			  <el-tree :data="treeData" @node-click="handleNodeClick">
+			  <el-tree :data="treeData" @node-click="handleNodeClick" class="treecolor">
 			  </el-tree>
 			</div>
 		  </layout-sider>
@@ -59,8 +59,8 @@
 			 			<el-table-column  sortable align="center" label="开裁日期" prop="开裁日期"  width="100" />
 			 			<el-table-column  sortable align="center" label="上车位时间" prop="上车位时间"  width="120" />
 			 			<el-table-column  sortable align="center" label="台产" prop="台产"  width="80" />
-			 			<el-table-column  sortable align="center" label="车位完成时间" prop="车位完成时间"  width="120" />
-			 			<el-table-column  sortable align="center" label="后道完成时间" prop="后道完成时间"  width="120" />
+			 			<el-table-column  sortable align="center" label="车位完成时间" prop="车位完成时间"  width="160" />
+			 			<el-table-column  sortable align="center" label="后道完成时间" prop="后道完成时间"  width="160" />
 			 			<el-table-column  sortable align="center" label="备注" prop="备注"  width="150" />
 			  </el-table>
   
@@ -140,11 +140,20 @@
   const tableData = reactive([]);
   const _code = ref(null);  //左侧菜单编号
   const handleNodeClick = async (node) => {
-	  if(node.label === '印刷工单'  || node.label === '糊盒工单'){return false;}
-	  console.log(node.label.substring(0, 5));
-	  _code.value = node.label.substring(0, 5);
-	  searchInfo.value = '';  // 清空搜索信息
-	  _workOrderDetailList();  // 执行获取员工列表的函数
+  // 取消所有节点的颜色
+  const allNodes = document.querySelectorAll('.treecolor .el-tree-node');
+  allNodes.forEach(node => {
+    node.querySelector('.el-tree-node__label').style.color = '';
+  });
+  // 获取点击的节点
+  const clickedNodeId = node['$treeNodeId'];
+  const clickedNode = document.querySelector(`.treecolor .el-tree-node[data-key="${clickedNodeId}"]`);
+  if (clickedNode) {
+    // 给当前点击的节点改变颜色
+    clickedNode.querySelector('.el-tree-node__label').style.color = 'red';
+  }
+	searchInfo.value = '';  // 清空搜索信息
+	_workOrderDetailList();  // 执行获取员工列表的函数
   };
   
   //全局调用工单编号