first commit

src/view/performance/chafengbaogong.vue

@@ -72,62 +72,154 @@
 					  
 					  
 					  <el-row :gutter="0">
-					  	<el-col :span="2.5">
-					  		<el-text style="font-size: 24px; margin-left: 45px;">尺 码&nbsp;</el-text>
-					  	</el-col>
-					  	<el-col v-for="(item, index) in 10" :key="index" :span="1" style="padding: 0; margin: 0;">
-					  		<el-input v-model="cmformdata[`cm${index + 1}`]" :id="`cm${index + 1}`" readonly style="width: 70px; height: 40px;"/>
-					  	</el-col>
-					  	<el-col :span="1"><el-input v-model="cmformdata.cmtotal" id="cmtotal" readonly style="width: 80px;height: 40px;" /></el-col>
-						<!-- 删除报工按钮 -->
-						<el-col :span="2">
-						  <el-button  type="danger" icon="delete" @click="del_delclick"
-							v-if="delall === true" :disabled="Selection === ''"
-							:style="{
-							  backgroundColor: Selection === '' ? '' : 'red',
-							  borderColor: Selection === '' ? '' : 'red',
-							  color: Selection === '' ? '' : '#fff'
-							}"
-							style="width: 150px; height: 40px; font-size: 20px; margin-left: 30px;">删除报工</el-button>
-						</el-col>
+					    <el-col :span="2.5">
+					      <el-text style="font-size: 24px; margin-left: 45px;">尺 码&nbsp;</el-text>
+					    </el-col>
+					  
+					    <!-- 动态生成输入框 -->
+					    <el-col 
+					      v-for="(item, index) in 10" 
+					      :key="index" 
+					      :span="1" 
+					      :style="{
+					        padding: '0', 
+					        margin: 
+							index < 2 ? '0' : 
+							index < 3 ? '0px 9px 0px 0px': 
+							index < 4 ? '0px 19px 0px 0px':
+							index < 5 ? '0px 29px 0px 0px':
+							index < 6 ? '0px 30px 0px 0px':
+							index < 7 ? '0px 40px 0px 0px':
+							 '0px 20px 0px 0px' 
+					      }"
+					    >
+					      <el-input 
+					        v-model="cmformdata[`cm${index + 1}`]" 
+					        :id="`cm${index + 1}`" 
+					        readonly 
+					        :style="{
+					          width: 
+							  index < 2 ? '70px' : 
+							  index < 3 ? '73px' :
+							  index < 4 ? '75px' : 
+							  '100px', 
+					          height: '40px'
+					        }"
+					      />
+					    </el-col>
+					  
+					    <!-- 总输入框 -->
+					    <el-col :span="1">
+					      <el-input v-model="cmformdata.cmtotal" id="cmtotal" readonly style="width: 65px; height: 40px;" />
+					    </el-col>
+					  
+					    <!-- 删除报工按钮 -->
+					    <el-col :span="2">
+					      <el-button  
+					        type="danger" 
+					        icon="delete" 
+					        @click="del_delclick"
+					        v-if="delall === true" 
+					        :disabled="Selection === ''"
+					        :style="{
+					          backgroundColor: Selection === '' ? '' : 'red',
+					          borderColor: Selection === '' ? '' : 'red',
+					          color: Selection === '' ? '' : '#fff'
+					        }"
+					        style="width: 130px; height: 40px; font-size: 20px; margin-left: 20px;">
+					        删除报工
+					      </el-button>
+					    </el-col>
 					  </el-row>
 					  
 					  <el-row :gutter="0">
 					  	<el-col :span="2.5">
 					  		<el-text style="font-size: 24px; margin-left: 35px;">制单数</el-text>
 					  	</el-col>
-					  	<el-col v-for="(item, index) in 10" :key="index" :span="1" style="padding: 0; margin: 0;">
-					  		<el-input v-model="zdslformdata[`cmsl${index + 1}`]" :id="`cm${index + 1}`" readonly style="width: 70px; height: 40px;"/>
+					  	<el-col v-for="(item, index) in 10" :key="index" :span="1" 
+						:style="{
+						  padding: '0', 
+						  margin: 
+													index < 2 ? '0' : 
+													index < 3 ? '0px 9px 0px 0px': 
+													index < 4 ? '0px 19px 0px 0px':
+													index < 5 ? '0px 29px 0px 0px':
+													index < 6 ? '0px 30px 0px 0px':
+													index < 7 ? '0px 40px 0px 0px':
+													 '0px 20px 0px 0px' 
+						}"
+						>
+					  		<el-input v-model="zdslformdata[`cmsl${index + 1}`]" :id="`cm${index + 1}`" readonly 
+							:style="{
+							  width: 
+							  index < 2 ? '70px' : 
+							  index < 3 ? '73px' :
+							  index < 4 ? '75px' : 
+							  '100px', 
+							  height: '40px'
+							}"
+							/>
 					  	</el-col>
-					  	<el-col :span="1"><el-input v-model="zdslformdata.zdtotal" id="zdtotal" readonly style="width: 80px;height: 40px;" /></el-col>
-						<el-button type="primary" @click="cp_gdprintonClick" style="width: 150px; height: 40px; font-size: 20px; margin-left: 30px;" >  子订单详情页 </el-button>
+					  	<el-col :span="1"><el-input v-model="zdslformdata.zdtotal" id="zdtotal" readonly style="width: 65px;height: 40px;" /></el-col>
+						<el-button type="primary" @click="cp_gdprintonClick" style="width: 130px; height: 40px; font-size: 20px; margin-left: 20px;" >  子订单详情页 </el-button>
 					  </el-row>
 					  
 					  <el-row :gutter="0">
 					  	<el-col :span="2.5">
 					  		<el-text style="font-size: 24px; margin-left: 35px;">实裁数</el-text>
 					  	</el-col>
-					  	<el-col v-for="(item, index) in 10" :key="index" :span="1" style="padding: 0; margin: 0;">
-					  		<el-input v-model="scslformdata[`scsl${index + 1}`]" :id="`scsl${index + 1}`" readonly style="width: 70px; height: 40px;"/>
+					  	<el-col v-for="(item, index) in 10" :key="index" :span="1" 
+						:style="{
+						  padding: '0', 
+						  margin: 
+													index < 2 ? '0' : 
+													index < 3 ? '0px 9px 0px 0px': 
+													index < 4 ? '0px 19px 0px 0px':
+													index < 5 ? '0px 29px 0px 0px':
+													index < 6 ? '0px 30px 0px 0px':
+													index < 7 ? '0px 40px 0px 0px':
+													 '0px 20px 0px 0px' 
+						}"
+						>
+					  		<el-input v-model="scslformdata[`scsl${index + 1}`]" :id="`scsl${index + 1}`" readonly 
+							:style="{
+							  width: 
+							  index < 2 ? '70px' : 
+							  index < 3 ? '73px' :
+							  index < 4 ? '75px' : 
+							  '100px', 
+							  height: '40px'
+							}"
+							/>
 					  	</el-col>
-					  	<el-col :span="1"><el-input v-model="scslformdata.sctotal" id="sctotal" readonly style="width: 80px;height: 40px;" /></el-col>
+					  	<el-col :span="1"><el-input v-model="scslformdata.sctotal" id="sctotal" readonly style="width: 65px;height: 40px;" /></el-col>
 					  </el-row>
 					  
 					  <el-row :gutter="0">
 					   <el-col :span="2.5"><el-text style="font-size: 24px;margin-left: 10px;">上报数量</el-text></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl1" id="sl1"  :readonly="!scslformdata.scsl1" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl2" id="sl2"  :readonly="!scslformdata.scsl2" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl3" id="sl3"  :readonly="!scslformdata.scsl3" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl4" id="sl4"  :readonly="!scslformdata.scsl4" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl5" id="sl5"  :readonly="!scslformdata.scsl5" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl6" id="sl6"  :readonly="!scslformdata.scsl6" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl7" id="sl7"  :readonly="!scslformdata.scsl7" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl8" id="sl8"  :readonly="!scslformdata.scsl8" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl9" id="sl9"  :readonly="!scslformdata.scsl9" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1" style="padding-right: 0px;margin-right: 0px;"><el-input v-model="slformdata.sl10" id="sl10"  :readonly="!scslformdata.scsl10" @input="updateTotal" style="width: 65px;height: 40px;" /></el-col>
-					   <el-col :span="1"><el-input v-model="slformdata.sctotal" id="cm11" readonly style="width: 80px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 1px 0px 0px;">
+						   <el-input v-model="slformdata.sl1" id="sl1"  :readonly="!scslformdata.scsl1" @input="updateTotal" style="width: 70px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 0px 0px 0px;">
+						   <el-input v-model="slformdata.sl2" id="sl2"  :readonly="!scslformdata.scsl2" @input="updateTotal" style="width: 70px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 9px 0px 0px;">
+						   <el-input v-model="slformdata.sl3" id="sl3"  :readonly="!scslformdata.scsl3" @input="updateTotal" style="width: 73px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 20px 0px 0px;">
+						   <el-input v-model="slformdata.sl4" id="sl4"  :readonly="!scslformdata.scsl4" @input="updateTotal" style="width: 75px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 30px 0px 0px;">
+						   <el-input v-model="slformdata.sl5" id="sl5"  :readonly="!scslformdata.scsl5" @input="updateTotal" style="width: 100px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 30px 0px 0px;">
+						   <el-input v-model="slformdata.sl6" id="sl6"  :readonly="!scslformdata.scsl6" @input="updateTotal" style="width: 100px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 39px 0px 0px;">
+						   <el-input v-model="slformdata.sl7" id="sl7"  :readonly="!scslformdata.scsl7" @input="updateTotal" style="width: 100px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 20px 0px 0px;">
+						   <el-input v-model="slformdata.sl8" id="sl8"  :readonly="!scslformdata.scsl8" @input="updateTotal" style="width: 100px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 20px 0px 0px;">
+						   <el-input v-model="slformdata.sl9" id="sl9"  :readonly="!scslformdata.scsl9" @input="updateTotal" style="width: 100px;height: 40px;" /></el-col>
+					   <el-col :span="1" style="padding-right: 0px;margin: 0px 20px 0px 0px;">
+						   <el-input v-model="slformdata.sl10" id="sl10"  :readonly="!scslformdata.scsl10" @input="updateTotal" style="width: 100px;height: 40px;" /></el-col>
+					   <el-col :span="1"><el-input v-model="slformdata.sctotal" id="cm11" readonly style="width: 65px;height: 40px;" /></el-col>
 					    <el-col :span="2">
-					      <el-button type="primary" @click="add_Dialog" style="width: 150px; height: 40px; font-size: 20px; margin-left: 30px;" >报工</el-button>
+					      <el-button type="primary" @click="add_Dialog" style="width: 130px; height: 40px; font-size: 20px; margin-left: 20px;" >报工</el-button>
 					    </el-col>
 					  </el-row>
 					
@@ -1265,196 +1357,196 @@ const handleSizeChange = (val) => {
 
 	/* 尺码 */
 	::v-deep .el-input__wrapper #cm1 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm2 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm3 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm4 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm5 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm6 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm7 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm8 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm9 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm10 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #cm11 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 	::v-deep .el-input__wrapper #cmtotal {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	/* 制单数 */
 	::v-deep .el-input__wrapper #zdsc1 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc2 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc3 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc4 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc5 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc6 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc7 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc8 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc9 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdsc10 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #zdtotal {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	/* 实裁数 */
 	::v-deep .el-input__wrapper #scsl1 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl2 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl3 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl4 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl5 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl6 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl7 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl8 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl9 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #scsl10 {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	::v-deep .el-input__wrapper #sctotal {
-		font-size: 20px;
+		font-size: 19px;
 		color: red !important;
 	}
 
 	/* 数量 */
 	::v-deep .el-input__wrapper #sl1 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl2 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl3 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl4 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl5 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl6 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl7 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl8 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl9 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sl10 {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	::v-deep .el-input__wrapper #sctotal {
-		font-size: 20px;
+		font-size: 19px;
 	}
 
 	/* 选择历史记录改变颜色 */