fix bugs

src/views/extend/processFlow/index.vue

@@ -279,7 +279,7 @@ export default {
 				.then(async () => {
 					const { code } = await this.http(
 						'/extend/process-flow/copy',
-						'post',
+						'get',
 						{
 							id,
 						}
@@ -333,10 +333,11 @@ export default {
 
 		async getList() {
 			this.loading = true;
-			const { code, data } = await this.recv(this.queryParams);
+			// const { code, data } = await this.recv(this.queryParams);
+			const { code, data } = await this.http('/extend/process-flow/listAll', 'get');
 			if (code == 0) {
-				this.list = data.list;
-				this.total = data.total;
+				this.list = data;
+				// this.total = data.total;
 				this.loading = false;
 				return;
 			}

src/views/extend/processFlowView/components/BomSelection.vue

@@ -28,7 +28,7 @@ export default {
 	// },
 	props: {
 		currentSelect: {
-			type: String,
+			type: String | Number,
 			default: null,
 		},
 		list: {
@@ -59,8 +59,16 @@ export default {
 		},
 		currentSelect: {
 			handler(val) {
+				// val: string
 				this.selected = val;
 				this.randomKey = Math.random();
+				// 更新选中状态
+				if (val) {
+					this.list__inner.forEach((item) => {
+						if (item.id == val) item.disabled = false;
+						else item.disabled = true;
+					});
+				}
 			},
 			immediate: true,
 		},

src/views/extend/processFlowView/components/ProcessBomList.vue

@@ -77,6 +77,17 @@
 				:bom-list="bomList"
 				:value="selectedBoms"
 				@update="selectedBoms = $event" />
+
+			<el-row slot="footer">
+				<el-button size="small" @click="cancel">取消</el-button>
+				<el-button
+					type="primary"
+					size="small"
+					@click="submitForm"
+					:loading="btnLoading">
+					确定
+				</el-button>
+			</el-row>
 		</base-dialog>
 	</section>
 </template>
@@ -95,6 +106,7 @@ export default {
 	},
 	data() {
 		return {
+			btnLoading: false,
 			open: false,
 			eqList: [],
 			bomList: [],
@@ -170,6 +182,7 @@ export default {
 			});
 		},
 		submitForm() {
+			this.btnLoading = true;
 			// 现将子组件的修改提交更新至本组件
 			this.$refs.bomSelector.commit();
 			// 再提交至后端
@@ -187,11 +200,14 @@ export default {
 					if (code == 0) {
 						this.$message.success('操作成功');
 						this.getList(this.currentDet);
+						this.btnLoading = false;
 						this.cancel();
 					} else {
+						this.btnLoading = false;
 						this.$message.error('操作失败');
 					}
 				} else {
+					this.btnLoading = false;
 					this.$message.info('请选择设备');
 				}
 			});

src/views/extend/processFlowView/components/ProcessDetail.vue

@@ -62,6 +62,16 @@
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm v-if="open" ref="form" v-model="form" :rows="rows" />
+			<el-row slot="footer">
+				<el-button size="small" @click="cancel">取消</el-button>
+				<el-button
+					type="primary"
+					size="small"
+					@click="submitForm"
+					:loading="btnLoading">
+					确定
+				</el-button>
+			</el-row>
 		</base-dialog>
 	</section>
 </template>
@@ -102,7 +112,9 @@ export default {
 						input: true,
 						label: '工序名称',
 						prop: 'name',
-						rules: [{ required: true, message: '工序名称不能为空', trigger: 'blur' }],
+						rules: [
+							{ required: true, message: '工序名称不能为空', trigger: 'blur' },
+						],
 					},
 				],
 				[
@@ -111,7 +123,9 @@ export default {
 						label: '工段',
 						prop: 'sectionId',
 						url: '/base/core-workshop-section/listAll',
-						rules: [{ required: true, message: '工段不能为空', trigger: 'blur' }],
+						rules: [
+							{ required: true, message: '工段不能为空', trigger: 'blur' },
+						],
 						bind: {
 							filterable: true,
 						},
@@ -139,6 +153,7 @@ export default {
 			},
 			currentDet: null,
 			currentNode: null,
+			btnLoading: false
 		};
 	},
 	watch: {
@@ -221,7 +236,7 @@ export default {
 				node.attr('container/stroke', '#0b58ff');
 				const { detId, detName, detDesc, processId, sectionId, sectionName } =
 					node.attrs;
-				console.log('node clicked!', node)
+				console.log('node clicked!', node);
 				this.currentDet = {};
 				this.$set(this.currentDet, 'detId', detId?.text);
 				this.$set(this.currentDet, 'sectionId', sectionId?.text);
@@ -354,6 +369,7 @@ export default {
 		},
 
 		handleEdit() {
+			console.log('edit: ', this.currentDet);
 			this.form.name = this.currentDet.detName;
 			this.form.sectionId = this.currentDet.sectionId;
 			this.form.remark = this.currentDet.detDesc;
@@ -379,6 +395,7 @@ export default {
 				if (!valid) {
 					return;
 				}
+				this.btnLoading = true;
 				// 修改的提交
 				if (this.form.id != null) {
 					this.updateProcess()
@@ -392,9 +409,20 @@ export default {
 									sectionName: { text: sectionName },
 									detDesc: { text: remark },
 								});
+								// 修改currentDet
+								this.currentDet = {
+									...this.currentDet,
+									detName: name,
+									sectionId: sectionId,
+									sectionName: sectionName,
+									detDesc: remark,
+								};
+								this.btnLoading = false;
 							});
 						})
-						.catch((err) => {});
+						.catch((err) => {
+							this.btnLoading = false;
+						});
 					return;
 				}
 
@@ -412,11 +440,14 @@ export default {
 					.then((node) => {
 						if (!node) {
 							this.$modal.msgError('创建节点失败');
+							this.btnLoading = false;
 							return;
 						}
+						this.btnLoading = false;
 						this.graph.addNode(node);
 					})
 					.catch((err) => {
+						this.btnLoading = false;
 						return;
 					});
 			});

src/views/extend/processFlowView/components/ProcessInfo.vue

@@ -21,12 +21,12 @@
 			</el-col>
 		</el-row>
 
-		<el-row :gutter="20" style="margin-top: 12px;">
+		<el-row :gutter="20" style="margin-top: 12px">
 			<el-col :span="6">
 				<!-- <InfoItem label="创建人" value="xxse" /> -->
 			</el-col>
 			<el-col :span="6">
-				<InfoItem label="创建时间" :value="form.createTime" />
+				<InfoItem label="创建时间" :value="form.createTime" :time-format="true" />
 			</el-col>
 			<el-col :span="6">
 				<!-- <InfoItem label="更新人" value="xxse" /> -->
@@ -39,11 +39,12 @@
 </template>
 
 <script>
+import moment from 'moment';
 
 const InfoItem = {
 	name: 'InfoItem',
 	components: {},
-	props: ['label', 'value'],
+	props: ['label', 'value', 'timeFormat'],
 	data() {
 		return {};
 	},
@@ -52,9 +53,13 @@ const InfoItem = {
 	render: function (h) {
 		return (
 			<div style="display: flex; align-items: center; font-size: 14px; line-height: 1.5">
-				<span style="width: 100px; text-align: left; font-weight: 700">{this.label}:</span>
+				<span style="width: 100px; text-align: left; font-weight: 700">
+					{this.label}:
+				</span>
 				<span style="width: 200px; text-align: left; text-overflow: ellipse; white-space: nowrap">
-					{this.value}
+					{this.timeFormat
+						? moment(this.value).format('YYYY-MM-DD HH:mm:ss')
+						: this.value}
 				</span>
 			</div>
 		);
@@ -77,12 +82,12 @@ export default {
 				createTime: null,
 				remark: null,
 				enable: null,
-				code: null
+				code: null,
 			},
 		};
 	},
 	activated() {
-		this.getInfo()
+		this.getInfo();
 	},
 	computed: {},
 	methods: {
@@ -93,7 +98,7 @@ export default {
 				method,
 				params: method === 'get' ? payload : null,
 				data: method !== 'get' ? payload : null,
-			})
+			});
 		},
 		put(payload) {
 			return this.http(this.updateUrl, 'put', payload);
@@ -114,12 +119,12 @@ export default {
 			// debugger;
 			if (code == 0) {
 				this.form = {
-					...data
+					...data,
 				};
 			} else {
-				this.$modal.msgError('工艺信息获取失败')
+				this.$modal.msgError('工艺信息获取失败');
 			}
-		}
+		},
 	},
 };
 </script>