From 5c76f242b20281b51d01ce2266e8beaafe8ae5a6 Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期五, 15 九月 2023 10:00:34 +0800
Subject: [PATCH] 改bug

---
 src/components/view/record-content.vue |  278 +++++++++++++++++++++++++++++-------------------------
 1 files changed, 149 insertions(+), 129 deletions(-)

diff --git a/src/components/view/record-content.vue b/src/components/view/record-content.vue
index 129a6ca..e727526 100644
--- a/src/components/view/record-content.vue
+++ b/src/components/view/record-content.vue
@@ -1,114 +1,3 @@
-<style scoped>
-	.title .el-button {
-		height: 32px;
-		border: 1px solid rgba(190, 190, 190, 0.44);
-		box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
-		padding: 0 12px;
-	}
-
-	.title {
-		margin-bottom: 10px;
-		padding: 0 20px;
-	}
-
-	.title * {
-		font-size: 16px;
-	}
-
-	.choose {
-		padding: 21px 24px;
-		display: flex;
-		align-items: center;
-		background-color: #fff;
-		border-bottom: 3px solid rgb(245, 247, 251);
-	}
-
-	.choose * {
-		font-size: 14px;
-	}
-
-	.choose .el-button {
-		height: 32px;
-		border: 1px solid rgba(190, 190, 190, 0.44);
-		box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
-		padding: 0 12px;
-	}
-
-	.thing {
-		width: 100%;
-		height: calc(100% - 120px);
-		background-color: #fff;
-		display: flex;
-		
-	}
-
-	.thing .left {
-		width: 295px;
-		height: calc(100% - 20px);
-		border-right: 3px solid rgb(245, 247, 251);
-		padding: 16px;
-		/* height:calc(50vh - 250px) */
-	}
-
-	.thing .left .custom-tree-node span {
-		font-size: 14px;
-	}
-
-	.thing .left .custom-tree-node {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		font-size: 14px;
-		padding-right: 8px;
-	}
-
-	.node_i {
-		color: orange;
-	}
-
-	.el-icon-delete {
-		display: none;
-		color: #004EA2;
-	}
-
-	.custom-tree-node:hover .el-icon-delete {
-		display: inline;
-	}
-
-	.thing .right {
-		width: calc(100% - 305px);
-		height: calc(100% - 25px);
-		overflow: hidden;
-		padding: 10px;
-	}
-
-	.table_do {
-		color: #004ea0;
-		cursor: pointer;
-	}
-</style>
-<style>
-	.record_content .title .el-button * {
-		font-size: 14px;
-	}
-
-	.record_content .title .el-button--default {
-		color: #004EA2;
-	}
-
-	.record_content .thing .left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
-		background: rgba(58, 124, 253, 0.2);
-		color: #004EA2;
-	}
-
-	.record_content .el-tree-node__content {
-		height: 30px;
-		border-radius: 2px;
-	}
-</style>
-
-
 <template>
 	<div class="record_content">
 		<div class="title">
@@ -120,7 +9,7 @@
 					<el-button icon="el-icon-delete" @click="dels">鍒犻櫎</el-button>
 				</el-col>
 			</el-row>
-		</div>		
+		</div>
 		<div class="choose">
 			<span>绫诲瀷锛�</span>
 			<el-select v-model="search.type" size="small" @change="TYpe" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 30px;">
@@ -142,14 +31,13 @@
 		<div class="thing">
 			<div class="left">
 				<el-input v-model="search.technology" suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small" clearable @input="query"></el-input>
-				<el-tree :data="list" ref="tree" 
-				style="height: 500px;overflow-y: auto;"
+				<el-tree :data="list" ref="tree"
 				:props="{children: 'children',label: 'name'}" node-key="name" default-expand-all
-					@node-click="handleNodeClick" highlight-current 
+					@node-click="handleNodeClick" highlight-current
 					:key="upIndex">
 					<div class="custom-tree-node" slot-scope="{ node, data }">
 						<span><i :class="`node_i ${data.code != '[2]'?'el-icon-folder-opened':'el-icon-tickets'}`"></i>
-							{{ data.cord }}{{ data.name }}</span>
+							{{ data.code }}{{ data.name }}</span>
 						<!-- <el-button type="text" size="mini" @click.stop="remove(node, data)">
 							<i class="el-icon-delete"></i>
 						</el-button> -->
@@ -197,8 +85,8 @@
 					<el-col :span="4"  style="font-size: 14px;text-align: right;">宸ュ簭:</el-col>
 					<el-col :span="16" :offset="1">
 						<template>
-                        <el-select v-model="edit.techFather" 
-						placeholder="璇烽�夋嫨" 
+                        <el-select v-model="edit.techFather"
+						placeholder="璇烽�夋嫨"
 						disabled
 						@change="workevent"
 						style="width: 310px;">
@@ -252,12 +140,14 @@
 			</span>
 		</el-dialog>
 		<!-- 鏂板寮圭獥 -->
-		<el-dialog title="鐢熶骇璁板綍鏂板" :visible.sync="dialogVisible" width="35%">
+		<el-dialog title="鐢熶骇璁板綍鏂板" :visible.sync="dialogVisible" :rules="Rules"
+		ref="ruleForm" width="35%">
 			<div>
 				<el-form ref="form" :model="form" label-width="80px">
 				<el-form-item label="绫诲瀷">
 					<template>
-                        <el-select v-model="form.type"  @change="edittype" placeholder="璇烽�夋嫨" style="width: 480px;">
+                        <el-select v-model="form.type"  
+						@change="edittype" placeholder="璇烽�夋嫨" style="width: 480px;">
                             <el-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option>
 							<el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option>
 							<el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option>
@@ -267,7 +157,7 @@
 				</el-form-item>
 				<el-form-item label="宸ュ簭">
 					<template>
-                        <el-select v-model="form.work" 
+                        <el-select v-model="form.work"
 						@change="workevent"
 						placeholder="璇烽�夋嫨" style="width: 480px;">
                             <el-option
@@ -303,7 +193,7 @@
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="add">纭� 瀹�</el-button>
+				<el-button type="primary" @click="add(form)">纭� 瀹�</el-button>
 				<el-button @click="dialogVisible = false">鍙� 娑�</el-button>
 			</span>
 		</el-dialog>
@@ -387,11 +277,17 @@
 					remarks:'',
 					unit:'',
 				},
+				Rules:{
+					type:{required:true,message:'绫诲瀷涓嶈兘涓虹┖',trigger:'change'},
+					work:{required:true,message:'宸ュ簭涓嶈兘涓虹┖',trigger:'change'},
+					name:{required:true,message:'宸ヨ壓涓嶈兘涓虹┖',trigger:'change'},
+					record:{required:true,message:'璁板綍涓嶈兘涓虹┖',trigger:'blur'},
+					unit:{required:true,message:'鍗曚綅涓嶈兘涓虹┖',trigger:'blur'},
+				},
 				modifyVisible:false,
 				dialogVisible:false,
 				process: {},
 				list: [],
-				checkTreeNode: {},
 				tableData: [],
 				upIndex: 0,
 				selects: [],
@@ -428,10 +324,9 @@
 			TYpe(val) {
                 this.typeselect = val
                 console.log(this.typeselect);
-                this.selectAllleft()				
+                this.selectAllleft()
             },
 			edittype(val) {
-				// this.typeselect = ''
 				this.typeselect = val
 				this.chooseTechFath()
 			},
@@ -453,7 +348,7 @@
                 		"Content-Type": "application/json"
               		}
             }).then(res =>{
-				
+
 			})
 			},
 			addRecord() {
@@ -468,14 +363,26 @@
                 		"Content-Type": "application/json"
               		}
 				}
-				)
+				).then(res =>{
+					this.selectjilu()
+				})
 			},
 			add() {
+				this.$refs[formName].validate((valid) => {
+				if (valid) {
+					alert('submit!');
+				} else {
+					console.log('error submit!!');
+					return false;
+				}
+				});
 				this.dialogVisible = false
 				this.addRecord()
-				this.selectjilu()
 				this.form = {};
 			},
+			resetForm(formName) {
+       		 this.$refs[formName].resetFields();
+		      },
 			query() {
 				this.selectAllleft()
 			},
@@ -497,6 +404,7 @@
 			console.log(one);
 			let name=one.children[0].id
 			console.log(name);
+			this.checkTreeNode.id = name
 			this.selectjiluStart(name)
 			this.selectDataList();
 			});
@@ -512,6 +420,7 @@
 			},
 			//selectjilu  checkTreeNode
 			selectjilu() {
+				console.log(this.checkTreeNode.id);
 			this.$axios.get(this.$api.url.selectjilu,{
 				params:{id:this.checkTreeNode.id}
 			}).then(res => {
@@ -643,7 +552,7 @@
 			submitUpData() {
 				this.writeRecordById()
 				this.$message.success('淇敼鎴愬姛')
-				
+
 				this.upDia = false
 					// this.tableData.forEach(a => {
 				// 	if (a.id == this.upData.id) {
@@ -657,3 +566,114 @@
 		}
 	}
 </script>
+
+<style scoped>
+	.title .el-button {
+		height: 32px;
+		border: 1px solid rgba(190, 190, 190, 0.44);
+		box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
+		padding: 0 12px;
+	}
+
+	.title {
+		margin-bottom: 10px;
+		padding: 0 20px;
+	}
+
+	.title * {
+		font-size: 16px;
+	}
+
+	.choose {
+		padding: 21px 24px;
+		display: flex;
+		align-items: center;
+		background-color: #fff;
+		border-bottom: 3px solid rgb(245, 247, 251);
+	}
+
+	.choose * {
+		font-size: 14px;
+	}
+
+	.choose .el-button {
+		height: 32px;
+		border: 1px solid rgba(190, 190, 190, 0.44);
+		box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
+		padding: 0 12px;
+	}
+
+	.thing {
+		width: 100%;
+		height: calc(100% - 120px);
+		background-color: #fff;
+		display: flex;
+	}
+
+	.thing .left {
+		width: 295px;
+		height: calc(100% - 20px);
+		border-right: 3px solid rgb(245, 247, 251);
+		padding: 16px;
+		overflow-y: auto;
+	}
+
+	.thing .left .custom-tree-node span {
+		font-size: 14px;
+	}
+
+	.thing .left .custom-tree-node {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 14px;
+		padding-right: 8px;
+	}
+
+	.node_i {
+		color: orange;
+	}
+
+	.el-icon-delete {
+		display: none;
+		color: #004EA2;
+	}
+
+	.custom-tree-node:hover .el-icon-delete {
+		display: inline;
+	}
+
+	.thing .right {
+		width: calc(100% - 305px);
+		height: calc(100% - 25px);
+		overflow: hidden;
+		padding: 10px;
+	}
+
+	.table_do {
+		color: #004ea0;
+		cursor: pointer;
+	}
+</style>
+<style>
+	.record_content .title .el-button * {
+		font-size: 14px;
+	}
+
+	.record_content .title .el-button--default {
+		color: #004EA2;
+	}
+
+	.record_content .thing .left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+		background: rgba(58, 124, 253, 0.2);
+		color: #004EA2;
+	}
+
+	.record_content .el-tree-node__content {
+		height: 30px;
+		border-radius: 2px;
+	}
+</style>
+
+

--
Gitblit v1.9.3