From 8c107924ebc49105fa81f13f972f1710b42c1503 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 01 十一月 2024 17:30:20 +0800 Subject: [PATCH] 首页样式修改 --- Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue | 56 ++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 34 insertions(+), 22 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue b/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue index 5f7d4ac..a116746 100644 --- a/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue @@ -3,7 +3,8 @@ <el-aside> <basic-container> <div style="max-height: calc(100vh - 150px);overflow: auto"> - <avue-tree :key="refresh" node-key="id" ref="tree" :data="treeData" :option="treeOption" @node-click="nodeClick"> + <avue-tree :key="refresh" ref="tree" :data="treeData" :option="treeOption" node-key="id" + @node-click="nodeClick"> <span slot-scope="{ node, data }" class="el-tree-node__label"> <span style="font-size: 15px"> <i class="el-icon-s-promotion"></i> @@ -56,7 +57,7 @@ <el-button v-if="editStatus" icon="el-icon-check" plain size="small" type="success" @click="editSaveClickHandler">淇濆瓨 </el-button> - <el-button icon="el-icon-close" plain size="small" + <el-button icon="el-icon-close" plain size="small" type="danger" @click="addStatus=false;editStatus=false;">鍙栨秷 </el-button> </div> @@ -75,25 +76,33 @@ <el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="妯″潡鍒悕鐢ㄦ潵璁板綍鏃ュ織浣跨敤"></el-input> </el-form-item> <el-form-item label="C/S锛�"> - <el-input v-model="form.pathC" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" type="textarea"></el-input> + <el-input v-model="form.pathC" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" + type="textarea"></el-input> </el-form-item> <el-form-item label="B/S锛�"> - <el-input v-model="form.path" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" type="textarea"></el-input> + <el-input v-model="form.path" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" + type="textarea"></el-input> </el-form-item> <el-form-item label=".NET锛�"> - <el-input v-model="form.resourceDotNet" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏�.NET" type="textarea"></el-input> + <el-input v-model="form.resourceDotNet" :disabled="!editStatus && !addStatus" :rows="2" + placeholder="璇疯緭鍏�.NET" type="textarea"></el-input> </el-form-item> <el-form-item label="Mobile锛�"> - <el-input v-model="form.resourceMobile" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏obile" type="textarea"></el-input> + <el-input v-model="form.resourceMobile" :disabled="!editStatus && !addStatus" :rows="2" + placeholder="璇疯緭鍏obile" type="textarea"></el-input> </el-form-item> <el-form-item label="搴忓彿锛�"> - <el-input v-model="form.sort" :disabled="!editStatus && !addStatus" placeholder="鏁板瓧锛屾弿杩拌妯″潡鍦ㄥ叾鐖舵ā鍧椾笅鐨勬樉绀洪『搴�"></el-input> + <el-input v-model="form.sort" :disabled="!editStatus && !addStatus" + placeholder="鏁板瓧锛屾弿杩拌妯″潡鍦ㄥ叾鐖舵ā鍧椾笅鐨勬樉绀洪『搴�"></el-input> </el-form-item> - <el-form-item label="绠�鍥撅細"> - <el-input v-model="form.source" :disabled="!editStatus && !addStatus"></el-input> + <el-form-item label="鍥炬爣锛�"> +<!-- <el-input v-model="form.source" :disabled="!editStatus && !addStatus"></el-input>--> + <avue-input-icon v-model="form.source" :disabled="!editStatus && !addStatus" :icon-list="iconList" placeholder="璇烽�夋嫨鍥炬爣"> + </avue-input-icon> </el-form-item> <el-form-item label="鎻忚堪锛�"> - <el-input v-model="form.remark" :disabled="!editStatus && !addStatus" :rows="3" placeholder="璇疯緭鍏ユ弿杩�" type="textarea"></el-input> + <el-input v-model="form.remark" :disabled="!editStatus && !addStatus" :rows="3" placeholder="璇疯緭鍏ユ弿杩�" + type="textarea"></el-input> </el-form-item> <el-form-item label="鏄惁鏈夋晥锛�"> <el-switch @@ -155,7 +164,7 @@ </span> </el-dialog> <!--瀵煎叆 --> - <upload-file ref="upload" fileName="files" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆" + <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" fileName="files" title="瀵煎叆" @updata="resetFormValue"></upload-file> </el-container> </template> @@ -175,11 +184,13 @@ } from "@/api/systemModel/mangeModel/api" import func from "@/util/func"; import basicOption from "@/util/basic-option"; +import iconList from "@/config/iconList"; export default { name: "index", data() { return { + iconList: iconList, tipList: [], upFileType: ['xls', 'xlsx'], fileUrl: 'api/hmSysModConfigController/importModule', @@ -192,7 +203,7 @@ addBtn: false, menu: false, height: 500, - header:false, + header: false, column: [ { label: '鎿嶄綔鍒嗙被', @@ -208,7 +219,7 @@ addStatus: false, editStatus: false, nodeRow: {}, - currentClickNode:null, + currentClickNode: null, form: {}, treeData: [], treeOption: { @@ -262,7 +273,7 @@ }, methods: { // 鏍戣鐐瑰嚮 - nodeClick(row,node) { + nodeClick(row, node) { console.log(row.childType); this.form = {...row}; this.nodeRow = {...row}; @@ -412,12 +423,12 @@ addMethodsClickHandler() { this.methodsLoading = true; getSysModelTreeMenuByPID({parentId: 'operateNode'}).then(res => { - if (res.data.code === 200 && res.data.data.length>0) { + if (res.data.code === 200 && res.data.data.length > 0) { this.methodsVisble = true; const data = res.data.data; this.methodsData = data; this.methodsLoading = false; - }else { + } else { this.$message.error('鏈壘鍒板彲澧炲姞鐨勬搷浣滅被鍨�'); } }) @@ -506,17 +517,17 @@ }, handleRefreshTree(type) { //type:add\edit\del - if(type=="del"){ + if (type == "del") { this.$refs.tree.remove(this.currentClickNode); - this.currentClickNode=null; - this.form={}; - }else{ + this.currentClickNode = null; + this.form = {}; + } else { if (this.currentClickNode) { let node = this.currentClickNode.parent; node.loaded = false; node.expand(); this.$refs.tree.setCurrentNode(this.currentClickNode); - }else { + } else { this.refresh = Math.random(); // 鍒锋柊宸︿晶鏍� } } @@ -534,7 +545,8 @@ .btnBox { display: flex; - justify-content:left; + justify-content: left; margin-bottom: 15px; } + </style> -- Gitblit v1.9.3