mes-ai-admin-backend-ui/src/view/performance/chafengbaogong.vue

<template>
	<div>
	  <layout>
		  <layout-content >
		  <el-main>
			<div class="gva-table-box">
				<h1 style="margin: 0%;margin-bottom: 10px;">车缝完工报工</h1>
				<el-row :gutter="24" style="margin-bottom: 15px;">
					<el-input v-model="add_searchInfo" placeholder="扫描订单子编号二维码获取" 
								  @keyup.enter="add_onSubmit"
								id="searchInput" 
								  style="width: 230px;margin: 5px;height: 50px;">
								  </el-input>
					<el-button type="primary" icon="search" @click="add_onSubmit" style="margin: 5px;height: 50px;">查询</el-button>	
					
					<el-form-item label="机台号:" prop="deliveryDate" class="mab" style="font-size: 30px;margin: 10px;">
						<el-input v-model="add_formData['机台号']" style="width: 110px;height: 40px;" id="机台号" />
					</el-form-item>
					<el-form-item label="工序:" prop="deliveryDate" class="mab"style="font-size: 30px;margin: 10px;" label-width="90">
						<el-input v-model="add_formData['工序']" style="width: 110px;height: 40px;" id="工序" />
					</el-form-item>
					<el-form-item label="组别:" prop="deliveryDate" class="mab" style="font-size: 30px;margin: 10px;" label-width="90">
						<el-input v-model="add_formData['组别']" style="width: 110px;height: 40px;" id="组别" />
					</el-form-item>
					<el-form-item label="人员:" prop="deliveryDate" class="mab" style="font-size: 30px;margin: 10px;" label-width="90">
						<el-input v-model="add_formData['人员']" style="width: 110px;height: 40px;" id="人员" />
					</el-form-item>
				</el-row>
				
			<el-row :gutter="24">
						<el-form-item label="是否尾包:" prop="joinDate" style="font-size: 30px;margin: 10px;"  label-width="150">
							<el-button :type="activeButton === 'yes' ? 'info' : 'primary'"  @click="setActiveButton('yes')"  :class="{'active-button': activeButton === 'yes', 'default-button': activeButton !== 'yes'}" style="margin-top:-20px;height: 50px;width: 70px;">是</el-button>
							<el-button :type="activeButton === 'no' ? 'info' : 'primary'"  @click="setActiveButton('no')" :class="{'active-button': activeButton === 'no', 'default-button': activeButton !== 'no'}" style="margin-top:-20px;height: 50px;width: 70px;">否</el-button>
						</el-form-item>
		     		</el-row>
					
				  <el-row :gutter="24">
		          <el-form-item label="尺码" class="mab" prop="keyOrder" label-width="220" style="font-size: 30px;margin: 10px;">
		              <el-input v-model="cmformdata.cm1" disabled style="width: 90px;height: 40px;"/>
		              <el-input v-model="cmformdata.cm2" disabled style="width: 90px;height: 40px;"/>
		              <el-input v-model="cmformdata.cm3" disabled style="width: 90px;height: 40px;"/>
		              <el-input v-model="cmformdata.cm4" disabled style="width: 90px;height: 40px;"/>
		              <el-input v-model="cmformdata.cm5" disabled style="width: 90px;height: 40px;"/>	
		              <el-input v-model="cmformdata.cm6" disabled style="width: 90px;height: 40px;"/>
		              <el-input v-model="cmformdata.cm7" disabled style="width: 90px;height: 40px;"/>
		              <el-input v-model="cmformdata.cm8" disabled style="width: 90px;height: 40px;"/>
					  <el-input v-model="cmformdata.cm9" disabled style="width: 90px;height: 40px;"/>	
		              <el-input v-model="cmformdata.cm10" disabled style="width: 90px;height: 40px;"/>
					  <el-input v-model="cmformdata.cm11" disabled style="width: 90px;height: 40px;"/>
		          </el-form-item>
		      </el-row>
		      
		      <el-row :gutter="24">
		          <el-form-item label="制单数/实裁量" class="mab" prop="keyOrder" label-width="220" style="font-size: 30px;margin: 10px;">
		              <el-input v-model="zdscformdata.zdsc1" disabled style="width: 90px;height: 40px;" id="zdsc1"/>
		              <el-input v-model="zdscformdata.zdsc2" disabled style="width: 90px;height: 40px;" id="zdsc2"/>
		              <el-input v-model="zdscformdata.zdsc3" disabled style="width: 90px;height: 40px;" id="zdsc3"/>
		              <el-input v-model="zdscformdata.zdsc4" disabled style="width: 90px;height: 40px;" id="zdsc4"/>
		              <el-input v-model="zdscformdata.zdsc5" disabled style="width: 90px;height: 40px;" id="zdsc5"/>
		              <el-input v-model="zdscformdata.zdsc6" disabled style="width: 90px;height: 40px;" id="zdsc6"/>
		              <el-input v-model="zdscformdata.zdsc7" disabled style="width: 90px;height: 40px;" id="zdsc7"/>
		              <el-input v-model="zdscformdata.zdsc8" disabled style="width: 90px;height: 40px;" id="zdsc8"/>
		              <el-input v-model="zdscformdata.zdsc9" disabled style="width: 90px;height: 40px;" id="zdsc9"/>
					  <el-input v-model="zdscformdata.zdsc10" disabled style="width: 90px;height: 40px;" id="zdsc10"/>
					  <el-input v-model="zdscformdata.zdtotal" disabled style="width: 90px;height: 40px;" id="zdsc11"/>
		          </el-form-item>
		      </el-row>
		      
		      <el-row :gutter="24">
		          <el-form-item label="数量" class="mab" prop="keyOrder" label-width="220" style="font-size: 30px;margin: 10px;">
		              <el-input  v-model="slformdata.sl1" style="width: 90px;height: 40px;" id="sl1" @keydown="handleKeyDown($event, 'sl10', 'sl1', 'sl2')"/>
		              <el-input  v-model="slformdata.sl2" style="width: 90px;height: 40px;" id="sl2" @keydown="handleKeyDown($event, 'sl1', 'sl2', 'sl3')"/>
		              <el-input  v-model="slformdata.sl3" style="width: 90px;height: 40px;" id="sl3"@keydown="handleKeyDown($event, 'sl2', 'sl3', 'sl4')"/>
		              <el-input  v-model="slformdata.sl4" style="width: 90px;height: 40px;" id="sl4"@keydown="handleKeyDown($event, 'sl3', 'sl4', 'sl5')"/>
		              <el-input  v-model="slformdata.sl5" style="width: 90px;height: 40px;" id="sl5"@keydown="handleKeyDown($event, 'sl4', 'sl5', 'sl6')"/>
		              <el-input  v-model="slformdata.sl6" style="width: 90px;height: 40px;" id="sl6"@keydown="handleKeyDown($event, 'sl5', 'sl6', 'sl7')"/>
		              <el-input  v-model="slformdata.sl7" style="width: 90px;height: 40px;" id="sl7"@keydown="handleKeyDown($event, 'sl6', 'sl7', 'sl8')"/>
		              <el-input  v-model="slformdata.sl8" style="width: 90px;height: 40px;" id="sl8"@keydown="handleKeyDown($event, 'sl7', 'sl8', 'sl9')"/>
		              <el-input  v-model="slformdata.sl9" style="width: 90px;height: 40px;" id="sl9"@keydown="handleKeyDown($event, 'sl8', 'sl9', 'sl10')"/>
					  <el-input  v-model="slformdata.sl10" style="width: 90px;height: 40px;" id="sl10"@keydown="handleKeyDown($event, 'sl9', 'sl10', 'sl1')"/>
					  <el-input  v-model="slformdata.sctotal" disabled style="width: 90px;height: 40px;" id="sctotal"/>
		          </el-form-item>
		      </el-row>

				<el-row :gutter="24" style="margin-bottom: 15px;margin-left: 0px;">
					<div @contextmenu.prevent>
						 <el-table
							 ref="multipleTableRef"
							 style="width: 100%;height: 37vh"
							 tooltip-effect="dark"
							 :row-style="{ height: '50px' }" :header-cell-style="{ padding: '5px', fontSize: '20px' }"
							 :cell-style="{ padding: '10px', fontSize: '20px' }" :header-row-style="{ height: '20px' }"
							 :data="add_tableData" border row-key="ID" size="small"
							 highlight-current-row="true"
							 @row-dblclick="add_updateCompanyFunc" @row-click="add_tableRowClick" @row-contextmenu="handleRightClick"
							 :show-overflow-tooltip="true" @selection-change="add_xpSelectionChange">
						  <el-table-column type="selection" width="70" />
						  <el-table-column sortable align="left" label="订单编号" prop="订单编号" width="140"/>
						  <el-table-column sortable align="left" label="订单子编号" prop="子订单编号" width="140"/>
						  <el-table-column sortable align="left" label="生产款号" prop="款号" width="140"/>
						  <el-table-column sortable align="left" label="款式" prop="款式" width="140"/>
						  <el-table-column sortable align="left" label="颜色" prop="颜色" width="140"/>
						  <el-table-column sortable align="left" label="尺码" prop="尺码" width="140"/>
						  <el-table-column sortable align="left" label="数量" prop="数量" width="140"/>
						  <el-table-column sortable align="left" label="是否尾包" prop="尾包" width="140"/>
						  <el-table-column sortable align="left" label="组别" prop="组别" width="140"/>
						  </el-table>
				  </div>
				</el-row>
					<div class="dialog-footer" style="text-align: left;margin-right: 60px;">
						<el-button type="primary" @click="add_Dialog" 	 style="width: 110px;height: 60px;font-size: 20px;">确认</el-button>
						<el-button type="primary" @click="add_bdprintxp"	 style="width: 110px;height: 60px;font-size: 20px;">补打小票</el-button>
						<el-button type="primary" @click="add_printxp"	 style="width: 110px;height: 60px;font-size: 20px;">打印小票</el-button>
					</div>
			</div>
  
			  <!-- 是否订单尾包确认弹窗 -->
			   <el-dialog v-model="DialogVisible" title="是否订单尾包" destroy-on-close width="30%" style="top: 20%;">
				  <h3>请再次确认是否该订单产品已全部报工，该批为订单尾包？</h3>
				 <div class="dialog-footer" style="text-align: right;">
					 <el-button @click="confirmDialogVisible">取消</el-button>
					 <el-button type="primary" @click="handleConfirm">确认</el-button>
				 </div>
			   </el-dialog>
  
		  </el-main>
		</layout-content>
	  </layout>
	</div>
  </template>
<script>
export default {
	methods: {
    handleKeyDown(event, prevId, currentId, nextId) {
      const currentElement = document.getElementById(currentId);
      const isEmpty = currentElement.value === '';
      const atStart = currentElement.selectionStart === 0;
      const atEnd = currentElement.selectionStart === currentElement.value.length;
      switch (event.keyCode) {
        case 13: // Enter
        case 40: // 向下箭头
          if (nextId) {
            document.getElementById(nextId).focus();
          }
          break;
        case 38: // 向上箭头
          if (prevId) {
            document.getElementById(prevId).focus();
          }
          break;
        case 8: // 删除键
          if (prevId && (isEmpty || atStart)) {
            document.getElementById(prevId).focus();
          }
          break;
        case 37: // 向左箭头
          if (prevId && atStart) {
            document.getElementById(prevId).focus();
          }
          break;
        case 39: // 向右箭头
          if (nextId && atEnd) {
            document.getElementById(nextId).focus();
	
          }
          break;
        default:
          break;
      }
    },
  },
};
</script>
<script setup>
// 全量引入格式化工具 请按需保留
import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
import {hiprint} from "vue-plugin-hiprint";
import {ref, reactive,nextTick,watch, setBlockTracking } from 'vue'
import {getSpotList,search,getMachineMac,getTab} from '@/api/mes/job'
import {ElMessage} from "element-plus";
import { get } from 'scriptjs';
defineOptions({name: 'Company'})
  
// =========== 全局获取当前日期 ===========
// currentDate  年月日 时分秒
// currentDates  年月日
const today = new Date();
const year = today.getFullYear();
const month = String(today.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，需要补零
const day = String(today.getDate()).padStart(2, '0');
const hours = String(today.getHours()).padStart(2, '0');
const minutes = String(today.getMinutes()).padStart(2, '0');
const seconds = String(today.getSeconds()).padStart(2, '0');
const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
const currentDates = `${year}-${month}-${day}`;

  //物理地址获取机台编号
const getMachineMacdata = async () => {
  try {
	const Machine = '68-ED-A4-26-60-84'
    const data  = await getMachineMac({sys_sbID:Machine});
	add_formData['机台号'] = data.data['机台号']
	add_formData['工序'] = data.data['工序']
	add_formData['组别'] = data.data['组别']
	add_formData['人员'] = 'xxx'
  } catch (error) {
    console.error(error)
  }
}
getMachineMacdata();

  // 尺码
const cmformdata = reactive({
  cm1:'',
  cm2:'',
  cm3:'',
  cm4:'',
  cm5:'',
  cm6:'',
  cm7:'',
  cm8:'',
  cm9:'',
  cm10:'',
  cm11:'合计',
});
// 制单数
const zdscformdata = reactive({
  zdsc1:'',
  zdsc2:'',
  zdsc3:'',
  zdsc4:'',
  zdsc5:'',
  zdsc6:'',
  zdsc7:'',
  zdsc8:'',
  zdsc9:'',
  zdsc10:'',
  zdtotal:'',
});
// 实裁数
const slformdata = reactive({
  sl1:'',
  sl2:'',
  sl3:'',
  sl4:'',
  sl5:'',
  sl6:'',
  sl7:'',
  sl8:'',
  sl9:'',
  sl10:'',
  sctotal:'',
});

//点击【查询】按钮
const add_searchInfo = ref('')
const add_tableData = reactive([]);
//全局获取颜色款式款号
const _yskskh= ref('')
const add_onSubmit = async ()=>{
  if(add_searchInfo.value === '' || add_searchInfo.value === undefined){
    const WorkListdata = [];
    add_tableData.splice(0,add_tableData.length,...WorkListdata);
      ElMessage({type: 'warning',message: '请扫描小票二维码' })
  }else{
    const order =add_searchInfo.value;
	const sys_sbID = add_formData['机台号']
	const getSpotLists = await getSpotList({order:order,code:'车缝',sys_sbID:sys_sbID});
	 _yskskh.value = getSpotLists.data.list[0]

	//获取上面信息
	const keys1 = ['cm1', 'cm2', 'cm3', 'cm4','cm5','cm6','cm7','cm8','cm9','cm10',];
	const keys2 = ['zdsc1', 'zdsc2', 'zdsc3', 'zdsc4','zdsc5','zdsc6','zdsc7','zdsc8','zdsc9','zdsc10','zdtotal',];
	if(order.includes('-')){
		for (let key of keys1) {  
			if (getSpotLists.data.list[0].hasOwnProperty(key)) { // 确保键存在于对象中  
				cmformdata[key] = getSpotLists.data.list[0][key];  
			}  
		}  
		for (let key of keys2) {  
			if (getSpotLists.data.list[0].hasOwnProperty(key)) { // 确保键存在于对象中  
				zdscformdata[key] = getSpotLists.data.list[0][key];  
			}  
		}  
		setTimeout(() => {
        const inputElement = document.getElementById('scs1');
        if (inputElement) {
            inputElement.focus();		
        }
    }, 100); // 延迟100毫秒
	}else{
		for (let key of keys1) {  
			cmformdata[key] = '';  
		}  
		for (let key of keys2) {  
			zdscformdata[key] = '';  
		}   
	}
	//获取下面报工历史记录
	add_tableData.splice(0,add_tableData.length,...getSpotLists.data.records);//表格数据
  }
}

  
  const AttendanceVisible=ref(false)

  
  //清空对象的属性值
  const gd_clearFormData = () => {
	Object.keys(add_formData).forEach(key => {
	  add_formData[key] = '';
	});
  };

  const add_formData = reactive({
	机台号: '',	
	工序: '',
	组别: '',
	人员: '',	
	尺码: '',
	数量: '',
	是否订单尾包: '',
  });
  

const currentSlValue = ref('')
//车缝确认按钮
const add_Dialog = async ()=>{
  if(add_searchInfo.value === ''){
    ElMessage({type: 'warning',message: '请勾选具体的出库订单后，再操作此功能'})
  }else{

	let cmArray = [cmformdata.cm1, cmformdata.cm2,cmformdata.cm3,cmformdata.cm4,cmformdata.cm5,cmformdata.cm6,cmformdata.cm7,cmformdata.cm8,cmformdata.cm9,cmformdata.cm10,];
	let zdscArray = [zdscformdata.zdsc1, zdscformdata.zdsc2,zdscformdata.zdsc3,zdscformdata.zdsc4,zdscformdata.zdsc5,zdscformdata.zdsc6,zdscformdata.zdsc7,zdscformdata.zdsc8,zdscformdata.zdsc9,zdscformdata.zdsc10,]; 
	let slArray = [slformdata.sl1, slformdata.sl2,slformdata.sl3,slformdata.sl4,slformdata.sl5,slformdata.sl6,slformdata.sl7,slformdata.sl8,slformdata.sl9,slformdata.sl10,]; 
	let resultArrays = [];
	for (let i = 0; i < slArray.length; i++) {  
		// 创建一个新数组来存储当前索引下的所有值  
		let currentValues = [add_formData['机台号'],cmArray[i], zdscArray[i], slArray[i]]; 
		// 添加到结果数组中  
		resultArrays.push(currentValues);  
  	}  
	let paramsList = []; // 用于存储每个元素的 cm 和 sl  
	for (let i = 0; i < resultArrays.length; i++) {  
		if (slArray[i]) { 
			let params = {}; 
			params.order_id =add_searchInfo.value;
			params.sczl_jtbh = add_formData['机台号'];
			params.gxmc = add_formData['工序'];
			params.sys_id = add_formData['人员']; 
			params.wb = add_formData['是否订单尾包'];
			params.cm = resultArrays[i][1];
			params.sl = resultArrays[i][3]; 
			params.sys_rq =currentDates;
			params.code = '车缝';
			params.sczl_bh = add_formData['组别'];
			paramsList.push(params); 
		}

	} 
	console.log(paramsList)
	
	if (paramsList.length === 0) {  
		ElMessage({ type: 'info', message: '请填写报告尺码数量' });  
		return; // 如果没有有效的参数，则提前返回  
  	}  
  
  	let allSuccess = true;  
	for (let i = 0; i < paramsList.length; i++) {  
		const cf_gettab = await search(paramsList[i]);  
		if (cf_gettab.code !== 0) {  
		ElMessage({ type: 'error', message: '报工失败' });  
		allSuccess = false;  
		break; // 如果某个报工失败，则中断循环  
		}  
	}  
	if (allSuccess) {  
		const lsjltable = await getTab({order_id:add_searchInfo.value,sczl_jtbh:add_formData['机台号']}); 
		console.log(lsjltable)
		add_tableData.splice(0,add_tableData.length,...lsjltable.data.records);
		add_searchInfo.value = ''; // 清除选择  
		ElMessage({ type: 'success', message: '报工成功' });  
	}  
 }
}

// 新增取消
const add_closeDialog = () => {
	AttendanceVisible.value = false
};
//是否订单尾包选择是否按钮
const activeButton = ref(null)
const DialogVisible = ref(false)
add_formData['是否订单尾包']='0'
const setActiveButton= (button) => {
	activeButton.value = button; 
	if (button === 'yes') {  
		add_formData['是否订单尾包'] = '1';
		DialogVisible.value = true
	} else if (button === 'no') {  
		add_formData['是否订单尾包'] = '0';
		DialogVisible.value = false 
	} 
};

// 确定
const handleConfirm = () => {
	add_formData['是否订单尾包'] = '1'
	DialogVisible.value = false
};
// 取消
const confirmDialogVisible = () => {
	add_formData['是否订单尾包'] = '0'
	DialogVisible.value = false
};

  
  
  // =========== 新增打印小票 ===========
  const jsondata = {"panels":[{"index":0,"name":1,"height":296.6,"width":210,"paperHeader":19.5,"paperFooter":832.5,"printElements":[{"options":{"left":226.5,"top":25.5,"height":61.5,"width":363,"title":"这是更新后的元素","right":418.9921875,"bottom":397.2421875,"vCenter":313.2421875,"hCenter":366.4921875,"field":"zddbh","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":25.5,"height":60,"width":220.5,"title":"子订单编号:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":187.74375915527344,"bottom":392.25,"vCenter":84.24375915527344,"hCenter":360.75},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":111,"top":84,"height":60,"width":262.5,"title":"这是更新后的元素","right":373.74609375,"bottom":147.99609375,"vCenter":242.49609375,"hCenter":117.24609375,"field":"kh","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"zddbh_1"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":85.5,"height":60,"width":100,"title":"款号:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":73,"bottom":196.5,"vCenter":23,"hCenter":166.5},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":418.5,"top":93,"height":159,"width":159,"title":"二维码","qrcodeType":"qrcode","testData":"qrcode","right":577.5,"bottom":251.25,"vCenter":498,"hCenter":171.75,"field":"emm","qrCodeLevel":0,"coordinateSync":false,"widthHeightSync":false,"hideTitle":true},"printElementType":{"title":"二维码","type":"qrcode"}},{"options":{"left":111,"top":144,"height":60,"width":262.5,"title":"这是更新后的元素","right":372.75,"bottom":205.5,"vCenter":241.5,"hCenter":175.5,"field":"pm","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"kh_1"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":145.5,"height":60,"width":100,"title":"品名:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":68.5,"bottom":263.25,"vCenter":18.5,"hCenter":233.25},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":111,"top":204,"height":60,"width":211.5,"title":"这是更新后的元素","right":322.5,"bottom":267.75,"vCenter":216.75,"hCenter":237,"field":"ys","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"kh_2"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":205.5,"height":60,"width":100,"title":"颜色:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":80.5,"bottom":386.25,"vCenter":30.5,"hCenter":356.25},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":111,"top":264,"height":60,"width":211.5,"title":"这是更新后的元素","right":315.75,"bottom":333,"vCenter":210,"hCenter":302.25,"field":"cm","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"kh_3"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":265.5,"height":60,"width":100,"title":"尺码","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":100,"bottom":349.5,"vCenter":50,"hCenter":319.5},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":111,"top":385.5,"height":60,"width":211.5,"title":"这是更新后的元素","right":385.5,"bottom":388.5,"vCenter":247.5,"hCenter":357.75,"field":"zb","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"kh_5"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":325.5,"height":60,"width":100,"title":"数量:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":209.49375915527344,"bottom":705.4968795776367,"vCenter":105.99375915527344,"hCenter":673.9968795776367},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":454.5,"top":382.5,"height":61.5,"width":120,"title":"这是更新后的元素","right":573.75,"bottom":445.5,"vCenter":513.75,"hCenter":414.75,"field":"wb","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"kh_7"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":111,"top":324,"height":61.5,"width":211.5,"title":"这是更新后的元素","right":326.25,"bottom":390.75,"vCenter":220.5,"hCenter":360,"field":"sl","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"kh_4"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":354,"top":384,"height":60,"width":100,"title":"尾包:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":440.25,"bottom":445.5,"vCenter":396.75,"hCenter":415.5},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":385.5,"height":60,"width":100,"title":"组别:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":65.25,"bottom":499.5,"vCenter":24,"hCenter":469.5},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":183,"top":444,"height":61.5,"width":420,"title":"这是更新后的元素","right":603,"bottom":505.5,"vCenter":393,"hCenter":474.75,"field":"dyrq","coordinateSync":false,"widthHeightSync":false,"hideTitle":true,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"qid":"kh_6"},"printElementType":{"title":"这是更新后的元素","type":"text"}},{"options":{"left":0,"top":445.5,"height":60,"width":180,"title":"打印日期:","coordinateSync":false,"widthHeightSync":false,"fontSize":40,"textContentVerticalAlign":"middle","qrCodeLevel":0,"right":168,"bottom":505.5,"vCenter":84,"hCenter":475.5},"printElementType":{"title":"这是更新后的元素","type":"text"}}],"paperNumberLeft":568.5,"paperNumberTop":330,"paperNumberContinue":true,"watermarkOptions":{"content":"vue-plugin-hiprint","rotate":25,"timestamp":true,"format":"YYYY-MM-DD HH:mm"},"panelLayoutOptions":{}}]}
  // 右键点击行时触发
  const roww = ref(null)
  const selectedRows = ref([]);
  const allPrintData = ref([]);
  const printdata = ref({});
  
  //单机
  const add_tableRowClick = async (row) => {
	roww.value = row
  }
  //双击
  const add_updateCompanyFunc = async (row) => {
  
  }
  //右键
  const handleRightClick = async (row) => {
  
  }
  //复选框
  const add_xpSelectionChange = async (selection) => {
	  console.log(selection.length)
	  selectedRows.value = selection; 
	  if (selection.length === 0) {
		  ElMessage({type: 'warning', message: '请勾选打印的数据' });
		  return false;
	  }else if(selection.length>0){
		  allPrintData.value = selection.map((row) => {
		  let weibao = row['是否尾包'] === '是' ? 1 : 0;
		  const ewm = `${row['订单子编号']},01,${row['尺码']},${row['数量']},${weibao}`;
		  return {
			  emm: ewm,
			  zddbh: row['子订单编号'],
			  kh: row['款号'],
			  pm: row['款式'],
			  ys: row['颜色'],
			  cm: row['尺码'],
			  sl: row['数量'],
			  zb: row['组别'],
			  dyrq: currentDates,
			  wb: row['尾包']
		  };
	  });
	  }else{
		  allPrintData.value = [];
	  }
	  console.log(allPrintData.value)
  }
  // 补打小票
  const add_bdprintxp = () => {
	console.log(allPrintData.value)
	  if (allPrintData.value.length === 0) {  
		  alert('没有选中要打印的数据');  
		  return;  
	  }  
	  
	  const hiprintTemplate = new hiprint.PrintTemplate({ template: jsondata });
	  hiprintTemplate.print(allPrintData.value);
  };
    // 打印小票
	const add_printxp = () => {
	  if (1 === 0) {  
		  alert('没有选中要打印的数据');  
		  return;  
	  }else{
			let cmArray = [cmformdata.cm1, cmformdata.cm2,cmformdata.cm3,cmformdata.cm4,cmformdata.cm5,cmformdata.cm6,cmformdata.cm7,cmformdata.cm8,cmformdata.cm9,cmformdata.cm10,];
			let slArray = [slformdata.sl1, slformdata.sl2,slformdata.sl3,slformdata.sl4,slformdata.sl5,slformdata.sl6,slformdata.sl7,slformdata.sl8,slformdata.sl9,slformdata.sl10,]; 
			let allParams = []; // 用于存储所有要打印的参数对象  
			let allParamss = ref([]); // 用于存储所有要打印的参数对象  
			for (let i = 0; i <  slArray.length; i++) {  
				if (slArray[i]) { 
					let params = {};  
					params.order_id =add_searchInfo.value ;
					params.sczl_jtbh = add_formData['组别'];
					params.gx = add_formData['工序'];
					params.sys_id = add_formData['人员']; 
					params.wb = add_formData['是否订单尾包'];
					params.cm = cmArray[i];  
					params.sl = slArray[i];
					params.sys_rq =currentDate ;
					allParams.push(params);  
					// console.log(allParams)

					allParamss.value = allParams.map((row) => {
						console.log(allParamss)
					let weibao = row['wb'] === '是' ? 1 : 0;
					const ewm = `${row['order_id']},01,${row['cm']},${row['sl']},${weibao}`;
					console.log(123)
					console.log(_yskskh._value['款号'])
					return {
						emm: ewm,
						zddbh: row['order_id'],
						kh: _yskskh._value['款号'],
						pm: _yskskh._value['款式'],
						ys: _yskskh._value['颜色'],
						cm: row['cm'],
						sl: row['sl'],
						zb: row['sczl_jtbh'],
						dyrq: currentDates,
						wb: row['wb']
					};
				});
					console.log(allParamss)
					const hiprintTemplate = new hiprint.PrintTemplate({ template: jsondata });
					hiprintTemplate.print(allParamss.value);
				}
			} 
  }

  };
  // =========== 删除按钮 ===========
  //记录复选框的值
  const bgSelection = ref(null)
  const baogong_del = () => {
	  if(bgSelection.value === null || bgSelection.value === ''){
			ElMessage({type: 'warning',message: '请选择删除的数据' })
	  }else{
		   console.log(bgSelection.value)
	  }
  }
  
  // 保存当前选中的行数据
  const table_selectrows = ref([]);
  
  // 表格复选框选中变化时触发
  const table_SelectionChange = (val) => {
	  table_selectrows.value = val; // 将选中的行数据保存到 table_selectrows
  }
  
  // =========== 批量打印小票 ===========
  const onxiaopiaoclick = async () => {
	  if (table_selectrows.value.length === 0) {
		  ElMessage({type: 'warning', message: '请勾选打印的数据' });
		  return false;
	  }
	  const allPrintData = table_selectrows.value.map((row) => {
		  let weibao = row['是否尾包'] === '是' ? 1 : 0;
		  const ewm = `${row['订单子编号']},01,${row['尺码']},${row['数量']},${weibao}`;
		  return {
			  emm: ewm,
			  zddbh: row['订单子编号'],
			  kh: row['生产款号'],
			  pm: row['款式'],
			  ys: row['颜色'],
			  cm: row['尺码'],
			  sl: row['报工数量'],
			  zb: row['组别'],
			  dyrq: currentDate,
			  wb: row['是否尾包'],
		  };
	  });
	  // 将所有数据一次性传递给打印模板
	  const hiprintTemplate = new hiprint.PrintTemplate({ template: jsondata });
	  hiprintTemplate.print(allPrintData);
	  
  }
  
  // // 表格复选框
  // const handleSelectionChange = (selection, type) => {
  //   const ids = selection.map(item => {
  //     return item.订单子编号
  //   })
  //   bgSelection.value = ids.join(',')
  // }
  
  // // 表格复选框
  // const table_SelectionChange = (val, type) => {
  // 	console.log(val)
  // }
  // // =========== 补打小票 ===========
  // const onxiaopiaoclick = async () => {
  // 	if(row_onclick.value === '' || row_onclick.value === null || row_onclick.value === undefined){
  // 		ElMessage({type: 'warning',message: '请选择一条数据' })
  // 		 return false;
  // 	}
  // 		let weibao; 
  // 		if (row_onclick.value['是否尾包'] === '是') {
  // 			weibao = 1;
  // 		} else {
  // 			weibao = 0;
  // 		}
  // 		const ewm = `${row_onclick.value['订单子编号']},01,${row_onclick.value['尺码']},${row_onclick.value['数量']},${weibao}`;
  // 		printdata.value = {
  // 			emm: ewm,
  // 			zddbh: row_onclick.value['订单子编号'],
  // 			kh: row_onclick.value['生产款号'],
  // 			pm: row_onclick.value['款式'],
  // 			ys: row_onclick.value['颜色'],
  // 			cm: row_onclick.value['尺码'],
  // 			sl: row_onclick.value['报工数量'],
  // 			zb: row_onclick.value['组别'],
  // 			dyrq: currentDate,
  // 			wb: row_onclick.value['是否尾包'],
  // 		};
  // 	hiprint.init();
  // 	const hiprintTemplate = new hiprint.PrintTemplate({ template: jsondata });
  // 	hiprintTemplate.print(printdata.value);
  // }
  
  // =========== 修改 ===========
  const dialogFormVisible = ref(false)
  const edit_formData = ref({})
  // 双击修改
  const updateCompanyFunc = async (row) => {
	  console.log(row)
	  dialogFormVisible.value = true;
	  Object.assign(edit_formData.value,row);
	  edit_formData.value['是否订单尾包'] = row['是否尾包'];
	// let code = row['员工编号'];
	// const getStaffInfo_data = await getStaffInfo({code:code});
	// formDataTest.value = getStaffInfo_data.data;
  };
  
  // 弹窗修改确定
  const edit_Dialog = async () => {
	  _ygjbzledit();
  }
  
  // 弹窗修改关闭
  const edit_closeDialog = () => {
	  dialogFormVisible.value = false
  }
  
  const _ygjbzledit = async ()=>{
	// const formattedData = {
	//   '订单子编号': edit_formData.value['订单子编号'],
	//   '订单号': edit_formData.value['订单号'],
	//   '生产款号': edit_formData.value['生产款号'],
	//   '款式': edit_formData.value['款式'],
	//   '颜色': edit_formData.value['颜色'],
	//   '制单总数': edit_formData.value['制单总数'],
	//   '组别': edit_formData.value['组别'],
	//   '排产单数': edit_formData.value['排产单数'],
	//   '尺码': edit_formData.value['尺码'],
	//   '报工数量': edit_formData.value['报工数量'],
	//   '是否为尾包': edit_formData.value['是否为尾包'],
	//   '工序': edit_formData.value['工序'],
	//   '验片人': edit_formData.value['验片人'],
	//   '日期': edit_formData.value['日期'],
	// };
	// try {
	//   const edid_edit_formData = await 修改接口(formattedData);
	//   if (edid_edit_formData .code === 0) {
	//     dialogFormVisible.value = false;
	//     ElMessage({type: 'success',message: '更新成功'})
	//   } else {
	//     ElMessage({ type: 'error',message: '更新失败'})
	//   }
	// } catch (error) {
	//   console.error(error);
	// }
  }
  
  // =========== 分页 ===========
  // 分页相关的响应式变量
  const page = ref(1)
  const total = ref(0)
  const pageSize = ref(10)
  // 分页
  const handleCurrentChange = (val) => {
	page.value = val;
	_getStaffList();
  };
  
  // 修改页面容量 点击多少条/页
  const handleSizeChange = (val) => {
	page.value = 10;//默认显示
	pageSize.value = val;
	_getStaffList();
  };
  </script>
  <style scoped>
  .form-container {
	display: flex;
	flex-wrap: wrap;
  }
  
  .form-column {
	/*flex: 1;*/
	margin-right: 15px; /* 调整列之间的间距 */
  }
  /* 左侧输入框宽度调整 */
  .form-column .el-form-item .el-input {
	width: 150px; /* 调整左侧输入框的宽度 */
  }
  
  /* 媒体查询，根据需要调整断点 */
  @media screen and (max-width: 768px) {
	.form-column {
	  flex: 1 0 100%; /* 在小屏幕下变成单列布局 */
	  margin-right: 0;
	}
  }
  /* 表格复选框大小调整 */
  :deep(.el-checkbox.el-checkbox--small .el-checkbox__inner) {
	  width: 30px; /* 复选框宽度 */
	  height: 20px; /* 复选框高度 */
  }
  
  :deep(.el-checkbox.el-checkbox--small.is-checked .el-checkbox__inner::after) {
	  transform: scale(1.2) rotate(45deg); /* 调整选中后的对勾大小 */
	  top: 5%; /* 调整对勾位置 */
	  left: 40%; /* 调整对勾位置 */
	  width: 5px; /* 调整对勾宽度 */
	  height: 9px; /* 调整对勾高度 */
  }
  
  /*:deep(.el-table td .cell) {*/
  /*  line-height: 30px !important;*/
  /*}*/
  .JKWTree-container {
	display: flex;
  }
  .JKWTree-tree {
	/*width: 300px;*/
	background-color: #fff;
	padding: 10px;
	margin-right: 20px;
  }
  .JKWTree-tree h3 {
	font-size: 15px;
	font-weight: 700;
	margin: 10px 0;
  }
  .JKWTree-content {
	flex: 1;
  }
  /* 图片上传 */
  .upload-box {
	width: 200px;
	height: 200px;
	border: 2px dashed #e2e2e2;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
  }
  .uploaded-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .upload-icon {
	font-size: 40px;
	color: #c0c4cc;
  }
  .file-input {
	display: none;
  }
  .el-table .warning-row {
	background: oldlace;
  }
  
  /* 选中某行时的背景色 */
  :deep(.el-table__body tr.current-row) > td {
	background: #ff80ff !important;
  }
  </style>
  <style scoped>
  :deep(.el-table td .cell) {
	line-height: 20px !important;
  }
  :deep(.el-tabs__header){
	margin-bottom: 0;
  }
  .search{
	margin-left: 0px !important;
	margin-right: 10px !important;
  }
  .bt{
	margin-left: 2px !important;
	padding: 3px !important;
	font-size: 12px;
  }
  .el-tabs__header{
	margin: 0px !important;
  }
  .gva-table-box{
	padding: 0px !important;
  }
  .mab{
	margin-bottom: 5px;
  }
  /* 点击按钮改变颜色 */
  .active-button {  
	  background-color: #ff0000;
  }
  .default-button {  
	  background-color: #808080;
  }
  </style>