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