liuhairui 1 year ago
parent
commit
37d26ebc5d

File diff suppressed because it is too large
+ 341 - 235
src/view/performance/baozhuangbaogong.vue


+ 118 - 62
src/view/performance/caiqiebaogong.vue

@@ -6,8 +6,8 @@
           <!--          按钮部分-->
           <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"  @click="onAttendance" style="margin: 5px">新增</el-button>
               <el-button type="primary"  @click="baogong_del" style="margin: 5px;float: right;background-color: red">删除</el-button>
             </el-form-item>
@@ -170,16 +170,25 @@
           </el-dialog>
 
 		 <!-- 新增弹窗 -->
-		  <el-dialog v-model="AttendanceVisible" title="新增" destroy-on-close width="50%">
+		  <el-dialog v-model="AttendanceVisible" destroy-on-close  style="width: 100%;height: 100%;margin: 0px;">
+			  <h1 style="margin: 0%;margin-bottom: 10px;">新增</h1>
 		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-input v-model="add_searchInfo" placeholder="扫描子订单码获取订单信息" clearable style="width: 400px;margin: 5px"></el-input>
-		          <el-button type="primary" icon="search" @click="add_onSubmit" style="margin: 5px">查询</el-button>
+		          <el-input v-model="add_searchInfo" placeholder="扫描订单二维码获取订单信息" 
+			  				  @keyup.enter="add_onSubmit"
+							  id="searchInput" 
+			  				  style="width: 270px;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" label-width="100" style="font-size: 30px;margin: 10px;">
+				      <el-date-picker v-model="add_riqiformData['日期']" type="date" style="width: 150px;height: 40px;"/>
+				  </el-form-item>
 		      </el-row>
 		      
-		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-table ref="multipleTable" style="width: 100%;height: 20vh" tooltip-effect="dark"
-		                    :row-style="{ height: '30px' }" :header-cell-style="{ padding: '0px' }"
-		                    :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
+		      <el-row :gutter="24" >
+		          <el-table ref="multipleTable" style="width: 100%;height: 40vh" tooltip-effect="dark"
+		                    :row-style="{ height: '50px' }" :header-cell-style="{ padding: '5px' }"
+		                    :cell-style="{ padding: '10px' }" :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" :show-overflow-tooltip="true"
@@ -192,58 +201,52 @@
 		          </el-table>
 		      </el-row>
 		      
-		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-form-item label="尺码:" class="mab" prop="keyOrder" label-width="80">
-		              <el-input v-model="cmformdata.cm1" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm2" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm3" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm4" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm5" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm6" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm7" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm8" disabled style="width: 80px;"/>
-		              <el-input v-model="cmformdata.cm9" disabled style="width: 80px;"/>
+		      <el-row :gutter="24">
+		          <el-form-item label="尺码:" class="mab" prop="keyOrder" label-width="120" 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-form-item>
 		      </el-row>
 		      
-		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-form-item label="制单数" class="mab" prop="keyOrder" label-width="80">
-		              <el-input v-model="zdsformdata.zds1" disabled style="width: 80px;" id="zds1"/>
-		              <el-input v-model="zdsformdata.zds2" disabled style="width: 80px;" id="zds2"/>
-		              <el-input v-model="zdsformdata.zds3" disabled style="width: 80px;" id="zds3"/>
-		              <el-input v-model="zdsformdata.zds4" disabled style="width: 80px;" id="zds4"/>
-		              <el-input v-model="zdsformdata.zds5" disabled style="width: 80px;" id="zds5"/>
-		              <el-input v-model="zdsformdata.zds6" disabled style="width: 80px;" id="zds6"/>
-		              <el-input v-model="zdsformdata.zds7" disabled style="width: 80px;" id="zds7"/>
-		              <el-input v-model="zdsformdata.zds8" disabled style="width: 80px;" id="zds8"/>
-		              <el-input v-model="zdsformdata.zds9" disabled style="width: 80px;" id="zds9"/>
+		      <el-row :gutter="24">
+		          <el-form-item label="制单数" class="mab" prop="keyOrder" label-width="120" style="font-size: 30px;margin: 10px;">
+		              <el-input v-model="zdsformdata.zds1" disabled style="width: 90px;height: 40px;" id="zds1"/>
+		              <el-input v-model="zdsformdata.zds2" disabled style="width: 90px;height: 40px;" id="zds2"/>
+		              <el-input v-model="zdsformdata.zds3" disabled style="width: 90px;height: 40px;" id="zds3"/>
+		              <el-input v-model="zdsformdata.zds4" disabled style="width: 90px;height: 40px;" id="zds4"/>
+		              <el-input v-model="zdsformdata.zds5" disabled style="width: 90px;height: 40px;" id="zds5"/>
+		              <el-input v-model="zdsformdata.zds6" disabled style="width: 90px;height: 40px;" id="zds6"/>
+		              <el-input v-model="zdsformdata.zds7" disabled style="width: 90px;height: 40px;" id="zds7"/>
+		              <el-input v-model="zdsformdata.zds8" disabled style="width: 90px;height: 40px;" id="zds8"/>
+		              <el-input v-model="zdsformdata.zds9" disabled style="width: 90px;height: 40px;" id="zds9"/>
 		          </el-form-item>
 		      </el-row>
 		      
-		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-form-item label="实裁数" class="mab" prop="keyOrder" label-width="80">
-		              <el-input v-model="scsformdata.scs1" style="width: 80px;" id="scs1"/>
-		              <el-input v-model="scsformdata.scs2" style="width: 80px;" id="scs2"/>
-		              <el-input v-model="scsformdata.scs3" style="width: 80px;" id="scs3"/>
-		              <el-input v-model="scsformdata.scs4" style="width: 80px;" id="scs4"/>
-		              <el-input v-model="scsformdata.scs5" style="width: 80px;" id="scs5"/>
-		              <el-input v-model="scsformdata.scs6" style="width: 80px;" id="scs6"/>
-		              <el-input v-model="scsformdata.scs7" style="width: 80px;" id="scs7"/>
-		              <el-input v-model="scsformdata.scs8" style="width: 80px;" id="scs8"/>
-		              <el-input v-model="scsformdata.scs9" style="width: 80px;" id="scs9"/>
-		          </el-form-item>
-		      </el-row>
-		      
-		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-form-item label="日期:" prop="deliveryDate" class="mab" label-width="80">
-		              <el-date-picker v-model="add_riqiformData['日期']" type="date" style="width: 150px;"/>
+		      <el-row :gutter="24">
+		          <el-form-item label="实裁数" class="mab" prop="keyOrder" label-width="120" style="font-size: 30px;margin: 10px;">
+		              <el-input v-model="scsformdata.scs1" style="width: 90px;height: 40px;" id="scs1"/>
+		              <el-input v-model="scsformdata.scs2" style="width: 90px;height: 40px;" id="scs2"/>
+		              <el-input v-model="scsformdata.scs3" style="width: 90px;height: 40px;" id="scs3"/>
+		              <el-input v-model="scsformdata.scs4" style="width: 90px;height: 40px;" id="scs4"/>
+		              <el-input v-model="scsformdata.scs5" style="width: 90px;height: 40px;" id="scs5"/>
+		              <el-input v-model="scsformdata.scs6" style="width: 90px;height: 40px;" id="scs6"/>
+		              <el-input v-model="scsformdata.scs7" style="width: 90px;height: 40px;" id="scs7"/>
+		              <el-input v-model="scsformdata.scs8" style="width: 90px;height: 40px;" id="scs8"/>
+		              <el-input v-model="scsformdata.scs9" style="width: 90px;height: 40px;" id="scs9"/>
 		          </el-form-item>
 		      </el-row>
 		      
 		      <template #footer>
 		          <div class="dialog-footer">
-		              <el-button @click="add_closeDialog">取消</el-button>
-		              <el-button type="primary" @click="add_Dialog">保存</el-button>
+		              <el-button @click="add_closeDialog"  style="width: 110px;height: 60px;font-size: 20px;">取消</el-button>
+		              <el-button type="primary" @click="add_Dialog"  style="width: 110px;height: 60px;font-size: 20px;">保存</el-button>
 		          </div>
 		      </template>
 		  </el-dialog>
@@ -453,21 +456,26 @@ 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 gd_clearFormData = () => {
+  Object.keys(add_formData).forEach(key => {
+    add_formData[key] = '';
+  });
+};
 //新增按钮
 const onAttendance = () => {
     AttendanceVisible.value=true
-	const WorkListdata = [
-	    {
-	      '订单子编号':'XXX001-1',
-	      '订单号':'XXX001',
-	      '生产款号':'2403-1622款',
-	      '款式':'连衣裙',
-	      '颜色':'红色'
-	    },
-	];
 	add_riqiformData['日期'] = currentDate
-	console.log(WorkListdata)
-	add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
+	setTimeout(() => {
+        const inputElement = document.querySelector('#searchInput');
+        if (inputElement) {
+            inputElement.focus();
+        }
+    }, 100); // 延迟100毫秒
+	gd_clearFormData();
+	add_searchInfo.value = ''
+	const WorkListdata = [];
+	add_tableData.splice(0,add_tableData.length,...WorkListdata);
 };
 // 尺码
 const cmformdata = reactive({
@@ -514,7 +522,7 @@ const add_Dialog = () => {
 };
 // 新增取消
 const add_closeDialog = () => {
-    AttendanceVisible.value=true
+    AttendanceVisible.value = false
 };
 
 // =========== 新增搜索 ===========
@@ -525,6 +533,54 @@ const add_onSubmit = async ()=>{
     ElMessage({type: 'warning',message: '搜索内容不能为空' })
   }else{
 	console.log(add_searchInfo.value)
+	if(add_searchInfo.value === '2408001'){
+		const WorkListdata = [
+		    {
+			  '订单子编号':'2408001-1',
+		      '订单号':'2408001',
+		      '生产款号':'2401-1622款',
+		      '款式':'连衣裙',
+		      '颜色':'红色'
+		    },
+			{
+			  '订单子编号':'2408001-2',
+			  '订单号':'2408001',
+			  '生产款号':'2401-1623款',
+			  '款式':'长袖',
+			  '颜色':'蓝色'
+			},
+		];
+		add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
+	}else if(add_searchInfo.value === '2408002'){
+		const WorkListdata = [
+		    {
+			  '订单子编号':'2408002-2',
+		      '订单号':'2408002',
+		      '生产款号':'2402-1624款',
+		      '款式':'西服',
+		      '颜色':'白色'
+		    },
+		];
+		add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
+	}else if(add_searchInfo.value === '2408003'){
+		const WorkListdata = [
+		    {
+			  '订单子编号':'2408003-3',
+		      '订单号':'2408003',
+		      '生产款号':'2403-1625款',
+		      '款式':'西服',
+		      '颜色':'白色'
+		    },
+		];
+		add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
+	}
+	setTimeout(() => {
+	    const inputElement = document.querySelector('#searchInput');
+	    if (inputElement) {
+	        inputElement.focus();
+	    }
+	}, 100); // 延迟100毫秒
+	add_searchInfo.value = ''
   }
 };
 

File diff suppressed because it is too large
+ 221 - 146
src/view/performance/chafengbaogong.vue


+ 169 - 165
src/view/performance/chukubaogong.vue

@@ -6,8 +6,8 @@
           <!--          按钮部分-->
           <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"  @click="onAttendance" style="margin: 5px">新增</el-button>
               <el-button type="primary"  @click="baogong_del" style="margin: 5px;float: right;background-color: red">删除</el-button>
             </el-form-item>
@@ -38,18 +38,14 @@
                       @row-click="tableRowClick" :show-overflow-tooltip="true"
                       @selection-change="handleSelectionChange">
 			  <el-table-column type="selection" width="55" />
-              <el-table-column  sortable align="center" label="序号" prop="序号"  width="80" />
-              <el-table-column  sortable align="left" label="订单子编号" prop="订单子编号"  width="120"/>
-              <el-table-column  sortable  align="center" label="订单号" prop="订单号" width="120"/>
-              <el-table-column  sortable  align="left" label="生产款号" prop="生产款号" width="120" />
-              <el-table-column  sortable  align="left" label="款式" prop="款式" width="110" />
-              <el-table-column  sortable  align="left" label="颜色" prop="颜色" width="80"  />
-              <el-table-column  sortable  align="left" label="制单总数" prop="制单总数" width="100" />
-              <el-table-column  sortable  align="left" label="实裁总数" prop="实裁总数" width="110" />
-              <el-table-column  sortable  align="left" label="单位" prop="单位" width="80" />
-              <el-table-column  sortable  align="left" label="工序" prop="工序" width="80" />
-              <el-table-column  sortable  align="left" label="验片人" prop="验片人" width="90" />
-              <el-table-column  sortable  align="left" label="日期" prop="日期" width="120" />
+              <el-table-column  sortable align="center" label="序号" prop="序号"  width="100" />
+1              <el-table-column  sortable  align="center" label="订单号" prop="订单号" width="150"/>
+              <el-table-column  sortable  align="left" label="生产款号" prop="生产款号" width="150" />
+              <el-table-column  sortable  align="left" label="款式" prop="款式" width="150" />
+              <el-table-column  sortable  align="left" label="颜色" prop="颜色" width="150"  />
+              <el-table-column  sortable  align="left" label="工序" prop="工序" width="150" />
+              <el-table-column  sortable  align="left" label="面料出库人" prop="面料出库人" width="150" />
+              <el-table-column  sortable  align="left" label="日期" prop="日期" width="160" />
             </el-table>
             <!-- 分页 -->
             <div class="gva-pagination">
@@ -61,146 +57,101 @@
           </div>
 
           <!-- 弹窗 -->
-          <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="'修改员工基本资料'" destroy-on-close>
-            <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
-              <div class="form-container">
-                <!-- 左侧部分 -->
-                <div class="form-column" style="width: 36%;">
-                  <el-form-item label="员工编号:" prop="employeeId" class="mab" >
-                    <el-input v-model="formDataTest['员工编号']"  placeholder="" style="width: 190px;"
-                              id="员工编号" @keydown="handleKeyDown($event, '员工编号', '在职状态', '性别')" />
-                  </el-form-item>
-                  <el-form-item label="性别:" prop="gender" class="mab">
-                    <el-input v-model="formDataTest['性别']"  placeholder="" style="width: 190px;"
-                              id="性别" @keydown="handleKeyDown($event, '性别', '员工编号', '身份证号')" />
-                  </el-form-item>
-                  <el-form-item label="身份证号:" prop="gender" class="mab">
-                    <el-input v-model="formDataTest['身份证号']"  placeholder="" style="width: 190px;"
-                              id="身份证号"  @keydown="handleKeyDown($event, '身份证号', '性别', '所在部门')" />
-                  </el-form-item>
-                  <el-form-item label="部门名称:" prop="gender"  class="mab">
-                    <el-input v-model="formDataTest['所在部门']"  placeholder="" style="width: 190px;"
-                              id="所在部门" @keydown="handleKeyDown($event, '所在部门', '身份证号', '聘用日期')" />
-                  </el-form-item>
-                  <el-form-item label="入职日期:" prop="joinDate" class="mab">
-                    <el-input v-model="formDataTest['聘用日期']"  placeholder="" style="width: 190px;"
-                              id="聘用日期" @keydown="handleKeyDown($event, '聘用日期', '所在部门', '人员类别')" />
-                  </el-form-item>
-                  <el-form-item label="人员类别:" prop="joinDate" >
-                    <el-select v-model="formDataTest['人员类别']" placeholder="" style="width: 190px;" id="人员类别"
-                               @keydown="handleKeyDown($event, '人员类别', '聘用日期', '班次类型')"
-                    >
-                      <el-option label="生产" value="生产"></el-option>
-                      <el-option label="行政" value="行政"></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="班次类型:" prop="joinDate" class="mab">
-                    <el-input v-model="formDataTest['班次类型']"  placeholder="" style="width: 190px;"
-                              id="班次类型" @keydown="handleKeyDown($event, '班次类型', '人员类别', '工资表类别')" />
-                  </el-form-item>
-                  <el-form-item label="工资表类别:" prop="joinDate" class="mab">
-                    <el-select v-model="formDataTest['工资表类别']" placeholder="" style="width: 190px;"
-                               id="工资表类别" @keydown="handleKeyDown($event, '工资表类别', '班次类型', 'U8在职')"
-                    >
-                      <el-option label="职员级计时工资表" value="职员级计时工资表"></el-option>
-                      <el-option label="另发工资" value="另发工资"></el-option>
-                      <el-option label="操作级计件工资表" value="操作级计件工资表"></el-option>
-                      <el-option label="操作级计时工资表" value="操作级计时工资表"></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="U8在职:" prop="joinDate" class="mab">
-                    <el-input v-model="formDataTest['U8在职']"   placeholder="" style="width: 190px;"
-                              id="U8在职" @keydown="handleKeyDown($event, 'U8在职', '工资表类别', '员工姓名')" />
-                  </el-form-item>
-                </div>
-
-                <!-- 中间部分 -->
-                <div class="form-column">
-                  <el-form-item label="员工姓名:" prop="name" class="mab" label-width="100">
-                    <el-input v-model="formDataTest['员工姓名']"  placeholder="" style="width: 190px;"
-                              id="员工姓名" @keydown="handleKeyDown($event, '员工姓名', 'U8在职', '出生日期')" />
-                  </el-form-item>
-                  <el-form-item label="出生日期:" prop="birthDate" class="mab" label-width="100">
-                    <el-input v-model="formDataTest['出生日期']"  placeholder="" style="width: 190px;"
-                              id="出生日期" @keydown="handleKeyDown($event, '出生日期', '员工姓名', '职称职务')" />
-                  </el-form-item>
-                  <el-form-item label="职务:" prop="position" class="mab" label-width="100">
-                    <el-input v-model="formDataTest['职称职务']" placeholder="" style="width: 190px;"
-                              id="职称职务" @keydown="handleKeyDown($event, '职称职务', '出生日期', '部门编码')" />
-                  </el-form-item>
-                  <el-form-item label="部门编号:" prop="position" class="mab" label-width="100">
-                    <el-input v-model="formDataTest['部门编码']" placeholder="" style="width: 190px;"
-                              id="部门编码" @keydown="handleKeyDown($event, '部门编码', '职称职务', '转正日期')" />
-                  </el-form-item>
-                  <el-form-item label="转正日期:" prop="departmentId" class="mab" label-width="100">
-                    <el-input v-model="formDataTest['转正日期']" placeholder="" style="width: 190px;"
-                              id="转正日期" @keydown="handleKeyDown($event, '转正日期', '部门编码', '扣减司龄')" />
-                  </el-form-item>
-                  <el-form-item label="扣减司龄:" prop="departmentId" class="mab" label-width="100">
-                    <el-input v-model="formDataTest['扣减司龄']" placeholder="" style="width: 190px;"
-                              id="扣减司龄" @keydown="handleKeyDown($event, '扣减司龄', '转正日期', '人员性质')" />
-                  </el-form-item>
-                  <el-form-item label="人员性质:" prop="departmentId" class="mab" label-width="100">
-                    <el-select v-model="formDataTest['人员性质']" placeholder="" style="width: 190px;"
-                               id="人员性质" @keydown="handleKeyDown($event, '人员性质', '扣减司龄', '薪酬核算分组')"
-                    >
-                      <el-option label="退休返聘" value="退休返聘"></el-option>
-                      <el-option label="劳动合同工" value="劳动合同工"></el-option>
-                      <el-option label="借用" value="借用"></el-option>
-                      <el-option label="劳务派遣" value="劳务派遣"></el-option>
-                      <el-option label="实习生" value="实习生"></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="工资核算分组:" prop="joinDate" class="mab" label-width="100" >
-                    <el-input v-model="formDataTest['薪酬核算分组']"  placeholder="" style="width: 190px;"
-                              id="薪酬核算分组" @keydown="handleKeyDown($event, '薪酬核算分组', '人员性质', '在职状态')" />
-                  </el-form-item>
-                  <el-form-item label="在职状态:" prop="joinDate" class="mab" label-width="100"  >
-                    <el-input v-model="formDataTest['在职状态']" placeholder="" style="width: 190px;"
-                              id="在职状态" @keydown="handleKeyDown($event, '在职状态', '薪酬核算分组', '员工编号')" />
-                  </el-form-item>
-                </div>
-              </div>
-            </el-form>
-            <!-- 添加编辑页面取消确定按钮 -->
-              <div  style="text-align: right; ">
-                <el-button @click="closeDialog">取消</el-button>
-                <el-button type="primary"  @click="enterDialog">确定</el-button>
-              </div>
-          </el-dialog>
+			<el-dialog v-model="dialogFormVisible" :before-close="edit_closeDialog"  destroy-on-close style="width: 60%; height: 70%;">
+				<h1 style="margin: 0%;margin-bottom: 10px;">修改</h1>
+				<el-row :gutter="24"  style="margin-bottom: 20px;">
+					<el-col :span="10">
+						<el-form-item label="订单号:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
+							<el-input v-model="edit_formData['订单号']" style="width: 70%; height: 40px;" id="订单号:" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="生产款号:" prop="deliveryDate" class="mab" label-width="120px" style="font-size: 20px; margin: 10px;">
+							<el-input v-model="edit_formData['生产款号']" style="width: 70%; height: 40px;" id="生产款号" />
+						</el-form-item>
+					</el-col>
+				</el-row>
+
+				<el-row :gutter="24"  style="margin-bottom: 20px;">
+					<el-col :span="10">
+						<el-form-item label="款式:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
+							<el-input v-model="edit_formData['款式']" style="width: 70%; height: 40px;" id="款式" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="颜色:" prop="deliveryDate" class="mab" label-width="120px" style="font-size: 20px; margin: 10px;">
+							<el-input v-model="edit_formData['颜色']" style="width: 70%; height: 40px;" id="颜色" />
+						</el-form-item>
+					</el-col>
+				</el-row>
+
+				<el-row :gutter="24"  style="margin-bottom: 20px;">
+					<el-col :span="10">
+						<el-form-item label="工序:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
+							<el-input v-model="edit_formData['工序']" style="width: 70%; height: 40px;" id="工序" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="面料出库人:" prop="deliveryDate" class="mab" label-width="120px" style="font-size: 20px; margin: 10px;">
+							<el-input v-model="edit_formData['面料出库人']" style="width: 70%; height: 40px;" id="面料出库人" />
+						</el-form-item>
+					</el-col>
+				</el-row>
+
+				<el-row :gutter="24"  style="margin-bottom: 20px;">
+					<el-col :span="10">
+						<el-form-item label="日期:" prop="deliveryDate" class="mab" label-width="80px" style="font-size: 20px; margin: 10px;">
+							<el-input v-model="edit_formData['日期']" style="width: 70%; height: 40px;" id="日期" />
+						</el-form-item>
+					</el-col>
+				</el-row>
+
+				<template #footer>
+					<div class="dialog-footer">
+						<el-button @click="edit_closeDialog"  style="width: 110px;height: 60px;font-size: 20px;">取消</el-button>
+						<el-button type="primary" @click="edit_Dialog"  style="width: 110px;height: 60px;font-size: 20px;">确认</el-button>
+					</div>
+				</template>
+			</el-dialog>
+
 
 		 <!-- 新增弹窗 -->
-		  <el-dialog v-model="AttendanceVisible" title="新增" destroy-on-close width="50%">
+		  <el-dialog v-model="AttendanceVisible"  destroy-on-close  style="width: 100%;height: 100%;margin: 0px;">
+			  <h1 style="margin: 0%;margin-bottom: 10px;">新增</h1>
 		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-input v-model="add_searchInfo" placeholder="扫描订单二维码获取订单信息" clearable style="width: 400px;margin: 5px"></el-input>
-		          <el-button type="primary" icon="search" @click="add_onSubmit" style="margin: 5px">查询</el-button>
+		          <el-input v-model="add_searchInfo" placeholder="扫描订单二维码获取订单信息" 
+			  				  @keyup.enter="add_onSubmit"
+							  id="searchInput" 
+			  				  style="width: 270px;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" label-width="100" style="font-size: 30px;margin: 10px;">
+				      <el-date-picker v-model="add_riqiformData['日期']" type="date" style="width: 150px;height: 40px;"/>
+				  </el-form-item>
 		      </el-row>
 		      
-		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-table ref="multipleTable" style="width: 100%;height: 20vh" tooltip-effect="dark"
-		                    :row-style="{ height: '30px' }" :header-cell-style="{ padding: '0px' }"
-		                    :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
+		      <el-row :gutter="24" style="margin-bottom: 50px;">
+		          <el-table ref="multipleTable" style="width: 100%;height: 54vh" tooltip-effect="dark"
+		                    :row-style="{ height: '50px' }" :header-cell-style="{ padding: '5px' }"
+		                    :cell-style="{ padding: '10px' }" :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" :show-overflow-tooltip="true"
 		                    @selection-change="handleSelectionChange">
-		              <el-table-column sortable align="center" label="订单号" prop="订单号" width="180"/>
+		              <el-table-column sortable align="center" label="订单号" prop="订单号" width="270"/>
 		              <el-table-column sortable align="left" label="生产款号" prop="生产款号" width="305"/>
-		              <el-table-column sortable align="left" label="款式" prop="款式" width="180"/>
-		              <el-table-column sortable align="left" label="颜色" prop="颜色" width="180"/>
+		              <el-table-column sortable align="left" label="款式" prop="款式" width="270"/>
+		              <el-table-column sortable align="left" label="颜色" prop="颜色" width="270"/>
 		          </el-table>
 		      </el-row>
 		      
-		      <el-row :gutter="24" style="margin-bottom: 20px;">
-		          <el-form-item label="日期:" prop="deliveryDate" class="mab" label-width="80">
-		              <el-date-picker v-model="add_riqiformData['日期']" type="date" style="width: 150px;"/>
-		          </el-form-item>
-		      </el-row>
+		     
 		      
 		      <template #footer>
 		          <div class="dialog-footer">
-		              <el-button @click="add_closeDialog">取消</el-button>
-		              <el-button type="primary" @click="add_Dialog">保存</el-button>
+		              <el-button @click="add_closeDialog"  style="width: 110px;height: 60px;font-size: 20px;">取消</el-button>
+		              <el-button type="primary" @click="add_Dialog"  style="width: 110px;height: 60px;font-size: 20px;">保存</el-button>
 		          </div>
 		      </template>
 		  </el-dialog>
@@ -348,7 +299,7 @@ const _getStaffList = async ()=>{
 		const WorkListdata = [
 		    {
 		      '序号':'1',
-		      '订单号':'XXX001',
+		      '订单号':'2408001',
 		      '生产款号':'2403-1622款',
 		      '款式':'连衣裙',
 		      '颜色':'红色',
@@ -358,20 +309,20 @@ const _getStaffList = async ()=>{
 		    },
 		    {
 		      '序号':'2',
-		      '订单号':'XXX002',
+		      '订单号':'2408002',
 		      '生产款号':'2403-1622款',
-		      '款式':'连衣裙',
-		      '颜色':'色',
+		      '款式':'裤子',
+		      '颜色':'色',
 		      '工序':'仓库出库',
 		      '面料验片人':'xxx',
 		      '日期':'2024-07-16'
 		    },
 			{
 			  '序号':'3',
-			  '订单号':'XXX003',
+			  '订单号':'2408003',
 			  '生产款号':'2403-1622款',
-			  '款式':'连衣裙',
-			  '颜色':'红色',
+			  '款式':'西服',
+			  '颜色':'黑色 ',
 			  '工序':'仓库出库',
 			  '面料验片人':'xxx',
 			  '日期':'2024-07-16'
@@ -401,41 +352,87 @@ const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 //新增按钮
 const onAttendance = () => {
     AttendanceVisible.value=true
-	const WorkListdata = [
-	    {
-	      '订单号':'XXX001',
-	      '生产款号':'2403-1622款',
-	      '款式':'连衣裙',
-	      '颜色':'红色'
-	    },
-	];
+	setTimeout(() => {
+	    const inputElement = document.querySelector('#searchInput');
+	    if (inputElement) {
+	        inputElement.focus();
+	    }
+	}, 100); // 延迟100毫秒
 	add_riqiformData['日期'] = currentDate
-	console.log(WorkListdata)
-	add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
 };
 const add_riqiformData = reactive({
   日期: '',
 });
 // 新增确定
 const add_Dialog = () => {
-   
+   AttendanceVisible.value = false
 };
 // 新增取消
 const add_closeDialog = () => {
-    AttendanceVisible.value=true
+    AttendanceVisible.value = false
 };
 
 // =========== 新增搜索 ===========
 const add_searchInfo = 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{
 	console.log(add_searchInfo.value)
+	if(add_searchInfo.value === '2408001'){
+		const WorkListdata = [
+		    {
+			  '订单子编号':'2408001-1',
+		      '订单号':'2408001',
+		      '生产款号':'2401-1622款',
+		      '款式':'连衣裙',
+		      '颜色':'红色'
+		    },
+			{
+			  '订单子编号':'2408001-2',
+			  '订单号':'2408001',
+			  '生产款号':'2401-1623款',
+			  '款式':'长袖',
+			  '颜色':'蓝色'
+			},
+		];
+		add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
+	}else if(add_searchInfo.value === '2408002'){
+		const WorkListdata = [
+		    {
+			  '订单子编号':'2408002-2',
+		      '订单号':'2408002',
+		      '生产款号':'2402-1624款',
+		      '款式':'西服',
+		      '颜色':'白色'
+		    },
+		];
+		add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
+	}else if(add_searchInfo.value === '2408003'){
+		const WorkListdata = [
+		    {
+			  '订单子编号':'2408003-3',
+		      '订单号':'2408003',
+		      '生产款号':'2403-1625款',
+		      '款式':'西服',
+		      '颜色':'白色'
+		    },
+		];
+		add_tableData.splice(0,add_tableData.length,...WorkListdata);//表格数据
+	}
+	add_searchInfo.value  = '';
+	setTimeout(() => {
+	    const inputElement = document.querySelector('#searchInput');
+	    if (inputElement) {
+	        inputElement.focus();
+	    }
+	}, 100); // 延迟100毫秒
   }
 };
-
 // =========== 删除按钮 ===========
 const bgSelection = ref(null)
 const baogong_del = () => {
@@ -454,14 +451,22 @@ const handleSelectionChange = (selection, type) => {
 }
 
 // =========== 修改 ===========
+const dialogFormVisible = ref(false)
+const edit_formData = ref({})
 // 双击修改
 const updateCompanyFunc = async (row) => {
-  // let code = row['员工编号'];
-  // const getStaffInfo_data = await getStaffInfo({code:code});
-  // formDataTest.value = getStaffInfo_data.data;
-  // dialogFormVisible.value = true;
+	console.log(row)
+	dialogFormVisible.value = true;
+	Object.assign(edit_formData.value,row);
+};
+// 修改确认
+const edit_Dialog = async (row) => {
+	dialogFormVisible.value = false;
+};
+// 修改取消
+const edit_closeDialog = async (row) => {
+	dialogFormVisible.value = false;
 };
-
 // =========== 分页 ===========
 // 分页相关的响应式变量
 const page = ref(1)
@@ -480,8 +485,7 @@ const handleSizeChange = (val) => {
   _getStaffList();
 };
 
-// 弹窗控制标记
-const dialogFormVisible = ref(false)
+
 //修改
 const formDataTest = ref({})
 

File diff suppressed because it is too large
+ 329 - 223
src/view/performance/datangbaogong.vue


File diff suppressed because it is too large
+ 329 - 224
src/view/performance/houdaoshougong.vue


File diff suppressed because it is too large
+ 328 - 223
src/view/performance/zongjianbaogong.vue


Some files were not shown because too many files changed in this diff