工单

src/views/produce/workOrder/allocation.vue

@@ -16,26 +16,31 @@
 			{{ '分配产量' }}
 		</small-title>
 		<div class="content">
-			<div class="formContent">
+			<div class='formContainer'>
 				<el-row :gutter="20">
-					<el-col :span="12">工单名称:{{ dataForm.name }}</el-col>
-					<el-col :span="12">工单编码:{{ dataForm.code }}</el-col>
+					<el-col :span="12"><span class='label'>工单名称：</span><span class='text'>{{ dataForm.name }}</span></el-col>
+					<el-col :span="12"><span class='label'>工单编码：</span><span class='text'>{{ dataForm.code }}</span></el-col>
 				</el-row>
 				<el-row :gutter="20">
-					<el-col :span="12">产品名称:{{ dataForm.productName }}</el-col>
-					<el-col :span="12">产品规格:{{ dataForm.specifications }}</el-col>
+					<el-col :span="12"><span class='label'>产品名称：</span><span class='text'>{{ dataForm.productName }}</span></el-col>
+					<el-col :span="12"><span class='label'>产品规格：</span><span class='text'>{{ dataForm.specifications }}</span></el-col>
 				</el-row>
 				<el-row :gutter="20">
-					<el-col :span="12">实际生产数量:{{ dataForm.expectedTime }}</el-col>
+					<el-col :span="12"><span class='label'>实际生产数量：</span><span class='text'>{{ dataForm.actualQuantity }}</span></el-col>
 				</el-row>
 			</div>
 
 			<div class="attr-list">
 				<!-- <el-button v-show="!isdetail" type="success" size="small" style="float: right" @click="addRow()">添加一行</el-button> -->
 				<el-table
+					border
 					:data="tableData"
+					:header-cell-style="{
+						background: '#F2F4F9',
+						color: '#606266'
+					}"
       		style="width: 100%">
-					<el-table-column type="index" label="序号" />
+					<el-table-column type="index" label="序号" width='50' align="center" />
 					<el-table-column prop="orderName" label="订单名称" />
 					<el-table-column prop="orderCode" label="订单编码" />
 					<el-table-column prop="priority" label="优先级" />
@@ -49,7 +54,7 @@
 							<el-input v-model="scope.row.actualAssignmentQuantity" :disabled="scope.row.actualAssignmentQuantity"></el-input>
 						</template>
 					</el-table-column>
-					<el-table-column label="操作">
+					<el-table-column label="操作" width='50' align="center" fixed='right'>
 						<template slot-scope="scope">
 							<el-button type="text" size="small" @click="saveData(scope.row)">保存</el-button>
 							<!-- <el-tooltip v-if="!scope.row.isEdit" placement="top" content="编辑">
@@ -279,8 +284,7 @@ export default {
 	padding-right: 10px; /* 调整滚动条样式 */
 }
 
-.drawer >>> .el-form,
-.drawer >>> .attr-list {
+.drawer >>> .el-form {
 	padding: 0 16px;
 }
 
@@ -289,10 +293,19 @@ export default {
 	justify-content: flex-end;
 	padding: 18px;
 }
-.formContent {
-	font-size: 16px;
-	line-height: 1.5;
+.formContainer {
+  .label {
+		display: inline-block;
+		padding: 5px 0px;
+		font-size: 14px;
+		font-weight: 600;
+	}
+	.text {
+		display: inline-block;
+		padding: 5px 0px;
+		font-size: 14px;
+		color:rgba(102, 102, 102, 0.75);
+	}
 	margin-bottom: 10px;
-	width: 100%;
 }
 </style>