first commit

src/view/performance/caiqiebaogong.vue

@@ -47,8 +47,29 @@
 				<el-col :span="2.5">
 					<el-text style="font-size: 24px; margin-left: 70px;">尺 码&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 v-for="(item, index) in 10" :key="index" :span="1" 
+				:style="{
+				  padding: '0', 
+				  margin: 
+					index < 2 ? '0' : 
+					index < 3 ? '0px 1px 0px 0px': 
+					index < 4 ? '0px 20px 0px 0px':
+					index < 5 ? '0px 20px 0px 0px':
+					index < 6 ? '0px 30px 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 ? '90px' : 
+					  index < 5 ? '90px' :
+					  '100px', 
+					  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-row>
@@ -57,8 +78,28 @@
 				<el-col :span="2.5">
 					<el-text style="font-size: 24px; margin-left: 53px;">制单数&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="cmslformdata[`cmsl${index + 1}`]" :id="`cmsl${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 1px 0px 0px': 
+					index < 4 ? '0px 20px 0px 0px':
+					index < 5 ? '0px 20px 0px 0px':
+					index < 6 ? '0px 30px 0px 0px':
+					 '0px 20px 0px 0px' 
+				}"
+				>
+					<el-input v-model="cmslformdata[`cmsl${index + 1}`]" :id="`cmsl${index + 1}`" readonly 
+					:style="{
+					  width: 
+					  index < 2 ? '70px' : 
+					  index < 3 ? '73px' :
+					  index < 4 ? '90px' : 
+					  '100px', 
+					  height: '40px'
+					}"
+					/>
 				</el-col>
 				<el-col :span="1"><el-input v-model="cmslformdata.zdtotal" id="zdtotal" readonly style="width: 80px;height: 40px;" /></el-col>
 			</el-row>
@@ -67,8 +108,28 @@
 				<el-col :span="2.5">
 					<el-text style="font-size: 24px; margin-left: 10px;">新增实裁数</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="scsformdata[`scs${index + 1}`]" :id="`scs${index + 1}`" @input="updateTotal"  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 1px 0px 0px': 
+					index < 4 ? '0px 20px 0px 0px':
+					index < 5 ? '0px 20px 0px 0px':
+					index < 6 ? '0px 30px 0px 0px':
+					 '0px 20px 0px 0px' 
+				}"
+				>
+					<el-input v-model="scsformdata[`scs${index + 1}`]" :id="`scs${index + 1}`" @input="updateTotal"  
+					:style="{
+					  width: 
+					  index < 2 ? '70px' : 
+					  index < 3 ? '73px' :
+					  index < 4 ? '90px' : 
+					  '100px', 
+					  height: '40px'
+					}"
+					/>
 				</el-col>
 				<el-col :span="1"><el-input v-model="scsformdata.sctotal" id="sctotal" readonly style="width: 80px;height: 40px;" /></el-col>
 			</el-row>