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 | 249 +++++++++++++++++++++++++++---------------------- 1 files changed, 136 insertions(+), 113 deletions(-) diff --git a/src/components/view/record-content.vue b/src/components/view/record-content.vue index 504470a..e727526 100644 --- a/src/components/view/record-content.vue +++ b/src/components/view/record-content.vue @@ -1,113 +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; - 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> - - <template> <div class="record_content"> <div class="title"> @@ -250,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> @@ -301,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> @@ -384,6 +276,13 @@ record:'', 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, @@ -469,10 +368,21 @@ }) }, add() { + this.$refs[formName].validate((valid) => { + if (valid) { + alert('submit!'); + } else { + console.log('error submit!!'); + return false; + } + }); this.dialogVisible = false this.addRecord() this.form = {}; }, + resetForm(formName) { + this.$refs[formName].resetFields(); + }, query() { this.selectAllleft() }, @@ -494,6 +404,7 @@ console.log(one); let name=one.children[0].id console.log(name); + this.checkTreeNode.id = name this.selectjiluStart(name) this.selectDataList(); }); @@ -509,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 => { @@ -654,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