src/views/produce/order/base/orderManage/components/addWorkOrder.vue

@@ -263,9 +263,6 @@ export default {
 						trigger: 'blur',
 					},
 				],
-				deptId:[
-					{ required: true, message: '负责部门不能为空', trigger: 'change' },
-				],
 			},
 			productList: [],
 			processFlowList: [],

src/views/produce/order/base/orderManage/orderDetailData.vue

@@ -9,7 +9,7 @@
 				type="primary"
 				plain
 				size="small"
-				style="float: right; margin-top: -25px"
+				style="float: right; margin-top: -10px"
 				@click="returnOrderManage">
 				<svg-icon icon-class="return" />
 				返回
@@ -421,19 +421,6 @@ export default {
 	.box1 {
 		height: 215px;
 		padding: 16px 16px 0 16px;
-		.boxTitle {
-			font-size: 16px;
-			font-weight: 600;
-		}
-		.blueTitle {
-			display: inline-block;
-			width: 4px;
-			height: 18px;
-			background-color: #0b58ff;
-			margin-right: 8px;
-			position: relative;
-			top:4px;
-		}
 		.blodTip {
 			height: 16px;
 			font-size: 14px;

src/views/produce/workOrder/SmallTitle.vue

@@ -40,7 +40,7 @@ $pxls: (xl, 28px) (lg, 24px) (de, 20px) (md, 18px) (sm, 16px);
 $mgr: 8px;
 @each $size, $height in $pxls {
 	.#{$size}-title {
-		font-size: $height;
+		font-size: 18px;
 		line-height: $height;
 		color: #000;
 		font-weight: 500;

src/views/produce/workOrder/addWorkOrder.vue

@@ -327,6 +327,8 @@ export default {
 				{ id: 1, name: '普通' },
 				{ id: 2, name: '特殊' },
 			],
+			planStartTime: '',
+			planFinishTime: '',
 			isBind: false,
 			workOrderList: [],
 		};
@@ -367,14 +369,11 @@ export default {
 			}
 			this.$nextTick(() => {
 				this.$refs['dataForm'].resetFields();
-				this.dataForm.planStartTime = '';
+				this.planStartTime = '';
-				this.dataForm.planFinishTime = '';
+				this.planFinishTime = '';
-				this.dataForm.productLineIds = [{ lineId: null, processId: null, num: null }];
 				if (this.dataForm.id) {
 					getCoreWO(id).then((response) => {
 						this.dataForm = response.data;
-						this.dataForm.planStartTime = response.data.planStartTime ? response.data.planStartTime : '';
-						this.dataForm.planFinishTime = response.data.planFinishTime ? response.data.planFinishTime : '';
 						if (this.dataForm.priority !== undefined) {
 							this.dataForm.priority = String(this.dataForm.priority);
 						}

src/views/produce/workOrder/allocation.vue

@@ -16,31 +16,26 @@
 			{{ '分配产量' }}
 		</small-title>
 		<div class="content">
-			<div class='formContainer'>
+			<div class="formContent">
 				<el-row :gutter="20">
-					<el-col :span="12"><span class='label'>工单名称：</span><span class='text'>{{ dataForm.name }}</span></el-col>
+					<el-col :span="12">工单名称:{{ dataForm.name }}</el-col>
-					<el-col :span="12"><span class='label'>工单编码：</span><span class='text'>{{ dataForm.code }}</span></el-col>
+					<el-col :span="12">工单编码:{{ dataForm.code }}</el-col>
 				</el-row>
 				<el-row :gutter="20">
-					<el-col :span="12"><span class='label'>产品名称：</span><span class='text'>{{ dataForm.productName }}</span></el-col>
+					<el-col :span="12">产品名称:{{ dataForm.productName }}</el-col>
-					<el-col :span="12"><span class='label'>产品规格：</span><span class='text'>{{ dataForm.specifications }}</span></el-col>
+					<el-col :span="12">产品规格:{{ dataForm.specifications }}</el-col>
 				</el-row>
 				<el-row :gutter="20">
-					<el-col :span="12"><span class='label'>实际生产数量：</span><span class='text'>{{ dataForm.actualQuantity }}</span></el-col>
+					<el-col :span="12">实际生产数量:{{ dataForm.expectedTime }}</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="序号" width='50' align="center" />
+					<el-table-column type="index" label="序号" />
 					<el-table-column prop="orderName" label="订单名称" />
 					<el-table-column prop="orderCode" label="订单编码" />
 					<el-table-column prop="priority" label="优先级" />
@@ -54,7 +49,7 @@
 							<el-input v-model="scope.row.actualAssignmentQuantity" :disabled="scope.row.actualAssignmentQuantity"></el-input>
 						</template>
 					</el-table-column>
-					<el-table-column label="操作" width='50' align="center" fixed='right'>
+					<el-table-column label="操作">
 						<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="编辑">
@@ -284,7 +279,8 @@ export default {
 	padding-right: 10px; /* 调整滚动条样式 */
 }
 
-.drawer >>> .el-form {
+.drawer >>> .el-form,
+.drawer >>> .attr-list {
 	padding: 0 16px;
 }
 
@@ -293,19 +289,10 @@ export default {
 	justify-content: flex-end;
 	padding: 18px;
 }
-.formContainer {
+.formContent {
-  .label {
+	font-size: 16px;
-		display: inline-block;
+	line-height: 1.5;
-		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>

src/views/produce/workOrder/detail.vue

@@ -6,6 +6,13 @@
  * @Description:
 -->
 <template>
+  <!-- <el-drawer
+		:visible.sync="visible"
+		:show-close="false"
+		:wrapper-closable="false"
+		class="drawer"
+		size="50%"> -->
+
   <div class="status-timegraph-container" style="background: #f2f4f9; flex: 1; display: flex; flex-direction: column">
     <el-row v-show="workOrderButton.length !== 0" class="" style="
 				margin-bottom: 4px;
@@ -19,42 +26,50 @@
 				flex: .3;
 				margin-bottom: 12px;
 				background: #fff;
-				padding: 16px;
+				padding: 16px 16px px;
 				border-radius: 8px;
 				display: flex;
 				flex-direction: column;
 			">
       <div class="content">
         <div>
-          <h1 class='orderTitle'>工单编码：{{ dataForm.code }}</h1>
+          <h1>工单编码：{{ dataForm.code }}</h1>
         </div>
-        <small-title style="margin: 16px 0" size="sm" :no-padding="true">
+        <small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
           基本信息
         </small-title>
         <div class="formContent">
           <el-row :gutter="20">
-            <el-col :span="4"><p class='title'>工单名称</p><p class='text'>{{ dataForm.name }}</p></el-col>
+            <el-col :span="8">工单名称:{{ dataForm.name }}</el-col>
-            <el-col :span="4"><p class='title'>工单来源</p><p class='text'>{{ dataForm.triggerOrigin === 1 ? 'MES-手动' : (dataForm.triggerOrigin === 2 ? 'MES-订单下发' : (dataForm.triggerOrigin === 3 ? 'ERP' : ''))}}</p>
+            <el-col :span="8">工单来源:{{ dataForm.triggerOrigin === 1 ? 'MES' : dataForm.triggerOrigin === 2 ? 'ERP' : ''}}
             </el-col>
-            <el-col :span="4"><p class='title'>所属订单</p>
+            <el-col :span="8">所属订单:
-              <p class='text' style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;' :title="orderList.map(item => item.orderName).join(', ')">{{ orderList.map(item => item.orderName).join(', ') }}</p>
+              <span v-for="(item, index) in orderList" :key="index" style="margin-right: 10px">{{ item.orderName
+                }}</span>
             </el-col>
-            <el-col :span="4"><p class='title'>产品名称</p><p class='text'>{{ dataForm.productName }}</p></el-col>
+          </el-row>
-            <el-col :span="4"><p class='title'>规 格</p><p class='text'>{{ dataForm.specifications }}</p></el-col>
+          <el-row :gutter="20">
-            <el-col :span="4"><p class='title'>计划生产数量</p><p class='text'>{{ dataForm.planQuantity }}</p></el-col>
+            <el-col :span="8">产品名称:{{ dataForm.productName }}</el-col>
-            <el-col :span="4"><p class='title'>预计用时(小时)</p><p class='text'>{{ dataForm.remainingTime }}</p></el-col>
+            <el-col :span="8">规 格:{{ dataForm.specifications }}</el-col>
-            <el-col :span="4"><p class='title'>计划投入数量</p><p class='text'>{{ dataForm.planAssignQuantity }}</p></el-col>
+            <el-col :span="8">计划生产数量:{{ dataForm.planQuantity }}</el-col>
-            <el-col :span="4"><p class='title'>优先级</p><p class='text'> {{ fitlerP(dataForm.priority) }}</p></el-col>
+          </el-row>
-            <el-col :span="4"><p class='title'>负责人</p><p class='text'>{{ dataForm.workers }}</p></el-col>
+          <el-row :gutter="20">
-            <el-col :span="4"><p class='title'>关联产线</p>
+            <el-col :span="8">预计用时(小时):{{ dataForm.remainingTime }}</el-col>
-              <p class='text'><span v-for="(item, index) in dataForm.productLineIds" :key="index" style="margin-right: 10px">{{ item.lineName
+            <el-col :span="8">计划投入数量:{{ dataForm.planAssignQuantity }}</el-col>
-                }}</span></p>
+            <el-col :span="8">优先级:{{ fitlerP(dataForm.priority) }}</el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="8">负责人:{{ dataForm.workers }}</el-col>
+            <el-col :span="8">关联产线:
+              <span v-for="(item, index) in dataForm.productLineIds" :key="index" style="margin-right: 10px">{{ item.lineName
+                }}</span>
             </el-col>
-            <el-col :span="4"><p class='title'>物料计算方式</p><p class='text'>{{ dataForm.materialMethod === 1 ? '产品基础' : dataForm.materialMethod === 2 ? '工艺扩展'
+            <el-col :span="8">物料计算方式:{{ dataForm.materialMethod === 1 ? '产品基础' : dataForm.materialMethod === 2 ? '工艺扩展'
               :
-              '' }}</p></el-col>
+              '' }}</el-col>
-
+          </el-row>
-            <el-col :span="4"><p class='title'>关联工艺</p><p class='text'>{{ dataForm.processFlowName }}</p></el-col>
+          <el-row :gutter="20">
+            <el-col :span="8">关联工艺:{{ dataForm.processFlowName }}</el-col>
           </el-row>
         </div>
       </div>
@@ -63,8 +78,8 @@
 				height: 1px;
 				flex: 1;
 				margin-bottom: 12px;
-        padding: 16px;
 				background: #fff;
+				padding: 16px 16px 32px;
 				border-radius: 8px;
 				display: flex;
 				flex-direction: column;
@@ -73,17 +88,23 @@
         <el-tab-pane label="生产信息" name="produce">
           <div class="formContent">
             <el-row :gutter="20">
-              <el-col :span="4"><p class='title'>工单创建时间</p><p class='text'>{{ parseTime(dataForm.createTime) }}</p></el-col>
+              <el-col :span="8">工单创建时间:{{ parseTime(dataForm.createTime) }}</el-col>
-              <el-col :span="4"><p class='title'>计划开始时间</p><p class='text'>{{ parseTime(dataForm.planStartTime) }}</p></el-col>
+              <el-col :span="8">计划开始时间:{{ parseTime(dataForm.planStartTime) }}</el-col>
-              <el-col :span="4"><p class='title'>计划完成时间</p><p class='text'>{{ parseTime(dataForm.planFinishTime) }}</p></el-col>
+              <el-col :span="8">计划完成时间:{{ parseTime(dataForm.planFinishTime) }}</el-col>
-              <el-col :span="4"><p class='title'>预计结束时间</p><p class='text'>{{ parseTime(dataForm.expectedFinishTime) }}</p></el-col>
+            </el-row>
-              <el-col :span="4"><p class='title'>实际开始时间</p><p class='text'>{{ parseTime(dataForm.startProduceTime) }}</p></el-col>
+            <el-row :gutter="20">
-              <el-col :span="4"><p class='title'>实际完成时间</p><p class='text'>{{ parseTime(dataForm.finishProduceTime) }}</p></el-col>
+              <el-col :span="8">预计结束时间:{{ parseTime(dataForm.computeFinishTime) }}</el-col>
-              <el-col :span="4"><p class='title'>工单状态</p><p class='text'>{{ fitlerS(dataForm.status) }}</p></el-col>
+              <el-col :span="8">实际开始时间:{{ parseTime(dataForm.startProduceTime) }}</el-col>
-              <el-col :span="4"><p class='title'>实际投入数量</p><p class='text'>{{ dataForm.assignQuantity }}</p></el-col>
+              <el-col :span="8">实际完成时间:{{ parseTime(dataForm.finishProduceTime) }}</el-col>
-              <el-col :span="4"><p class='title'>实际生产数量</p><p class='text'>{{ dataForm.actualQuantity }}</p></el-col>
+            </el-row>
-              <el-col :span="4"><p class='title'>废片数量</p><p class='text'>{{ dataForm.nokQuantity }}</p></el-col>
+            <el-row :gutter="20">
-              <el-col :span="4"><p class='title'>检测瑕疵数</p><p class='text'>{{ dataForm.unpassCheckNum }}</p></el-col>
+              <el-col :span="8">工单状态:{{ fitlerS(dataForm.status) }}</el-col>
+              <el-col :span="8">实际投入数量:{{ dataForm.assignQuantity }}</el-col>
+              <el-col :span="8">实际生产数量:{{ dataForm.actualQuantity }}</el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="8">废片数量:{{ dataForm.nokQuantity }}</el-col>
+              <el-col :span="8">检测瑕疵数:{{ }}</el-col>
             </el-row>
           </div>
         </el-tab-pane>
@@ -168,6 +189,11 @@ const tableProps = [
 		prop: 'orderCode',
 		label: '订单编码',
 	},
+	{
+		prop: 'priority',
+		label: '优先级',
+		filter: (val) => ['', '低', '正常', '高'][val]
+	},
 	{
 		prop: 'planAssignmentQuantity',
 		label: '计划分配数量',
@@ -344,7 +370,7 @@ export default {
 						name: work.name
 					}
         })
-        console.log('this.workOrderButton======',this.workOrderButton);
+        // console.log(this.workOrderButton);
 				this.init(this.workOrderButton[0].id, true)
 			})
 		}  else {
@@ -557,23 +583,59 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.orderTitle {
+.drawer >>> .el-drawer {
-  font-size: 16px;
+	border-radius: 8px 0 0 8px;
-  font-weight: bold;
+	display: flex;
-}
+	flex-direction: column;
-.formContent {
-  font-size: 14px;
-  .title {
-    font-weight: 600;
-    color:rgba(0, 0, 0, 0.85);
-    margin: 0px;
-  }
-  .text {
-    height: 20px;
-    color:rgba(102, 102, 102, 0.75);
-    margin: 10px 0px;
 }
 
+.drawer >>> .el-form-item__label {
+	padding: 0;
+}
+
+.drawer >>> .el-drawer__header {
+	margin: 0;
+	padding: 32px 32px 24px;
+	border-bottom: 1px solid #dcdfe6;
+}
+.drawer >>> .el-drawer__body {
+	flex: 1;
+	height: 1px;
+	display: flex;
+	flex-direction: column;
+}
+
+.drawer >>> .content {
+	padding: 10px 24px;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	/* height: 100%; */
+}
+
+.drawer >>> .visual-part {
+	flex: 1 auto;
+	max-height: 76vh;
+	overflow: hidden;
+	overflow-y: scroll;
+	padding-right: 10px; /* 调整滚动条样式 */
+}
+
+.drawer >>> .el-form,
+.drawer >>> .attr-list {
+	padding: 0 16px;
+}
+
+.drawer-body__footer {
+	display: flex;
+	justify-content: flex-end;
+	padding: 18px;
+}
+.formContent {
+	font-size: 16px;
+	line-height: 1.5;
+	margin-bottom: 10px;
+	width: 100%;
 }
 .action_btn {
   float: right;

src/views/produce/workOrder/index.vue

@@ -4,7 +4,6 @@
 			:formConfigs="formConfig"
 			ref="searchBarForm"
 			@headBtnClick="buttonClick" />
-			<el-button @click='testtest'>test测试分配产量的按钮</el-button>
 		<base-table
 			v-loading="dataListLoading"
 			:table-props="tableProps"
@@ -359,12 +358,6 @@ export default {
 		this.getDataList()
 	},
 	methods: {
-		testtest() {
-			this.allocationVisible = true;
-			this.$nextTick(() => {
-				this.$refs.allocation.init("1854697306771206146", true);
-			});
-		},
 		getWorkOrder() {
 			getCoreWOList().then(res => {
 				this.formConfig[0].selectOptions = res.data.map(item => {

src/views/produce/workOrder/workOrderNav.vue

@@ -9,12 +9,14 @@
   <div>
     <div class="button-nav">
       <!-- <div class="text-carousel"> -->
-      <el-button class='btn' style="flex: .1" type="text" @click="prevText" icon="el-icon-caret-left"></el-button>
+      <el-button style="flex: .1" type="text" @click="prevText" icon="el-icon-caret-left"></el-button>
-      <button class='tap-btn' @click="handleChange(item.id)" v-for="(item,index) in idList" :key="item.id"
+      <button @click="handleChange(item.id)" v-for="(item,index) in idList" :key="item.id"
         :class="[item.id === currentMenu ? 'active' : '']">{{ item.name }}
       </button>
-      <el-button class='btn' style="flex: .1" type="text" @click="nextText" icon="el-icon-caret-right"></el-button>
+      <el-button style="flex: .1" type="text" @click="nextText" icon="el-icon-caret-right"></el-button>
-      <el-button type="primary" plain style="flex: .2;margin-left: 0px;" @click="goback()"><svg-icon icon-class="return" />返回</el-button>
+      <button style="flex: .2;display: inline-block;" @click="goback()">
+        <span>返回</span>
+      </button>
     </div>
     <!-- </div> -->
   </div>
@@ -81,19 +83,16 @@ export default {
 <style scoped lang="scss">
 .button-nav {
   width: 100%;
-  padding-bottom:5px;
+  padding: 12px 0;
   display: flex;
+  // justify-content: space-around;
   gap: 12px;
 
   * {
     user-select: none;
   }
-  .btn {
-    background: #fff;
-  }
 
-  .tap-btn {
+  button {
-    font-size: 16px;
     cursor: pointer;
     appearance: none;
     outline: none;
@@ -102,7 +101,7 @@ export default {
     border-radius: 8px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
-    height: 40px;
+    padding: 20px;
     color: #888;
     letter-spacing: 2px;
     flex: 1;