From 2fb857721d32d3fce01f3487a623f5a9be2a3ac9 Mon Sep 17 00:00:00 2001 From: 李喆(开发组) <lzhe@yxqiche.com> Date: 星期四, 17 七月 2025 18:29:41 +0800 Subject: [PATCH] 1 --- src/views/wel/index.vue | 731 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 601 insertions(+), 130 deletions(-) diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue index 6f94e13..e1b132b 100644 --- a/src/views/wel/index.vue +++ b/src/views/wel/index.vue @@ -13,24 +13,206 @@ @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad" - @row-save="rowSave" - @row-update="rowUpdate" - @row-del="rowDel" + @row-click="rowClick" > - <template #menu="{row, size}"> - <el-button :size="size" - text - type="primary" - @click="handleAdd(row)">鏂板瀛愮骇</el-button> + <template #menu-left> + <el-button :size="size" type="primary" @click="showAdd()">鏂板鏍硅妭鐐�</el-button> + </template> + <template #name="{ row }"> + <span>{{row.name}}</span> + <el-button :size="size" text v-if="row.nodeType != 70" icon="el-icon-setting" type="primary" placeholder="淇敼" @click="showEdit(row)" title="淇敼"></el-button> + <el-button :size="size" text icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="鍒犻櫎" title="鍒犻櫎"></el-button> + <el-button :size="size" text v-if="row.nodeType < 60" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="鏂板瀛愮骇" title="鏂板瀛愮骇"></el-button> + <el-button :size="size" text v-if="row.nodeType == 60" icon="el-icon-upload" type="primary" @click="showUpload(row)" placeholder="鏂囦欢涓婁紶" title="鏂囦欢涓婁紶"></el-button> + <!-- 娑夊瘑缃戞墠鏈� --> + <el-button :size="size" text v-if="row.nodeType == 70 && isSM" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="鍗囩増" title="鍗囩増"></el-button> + <!-- 宸ユ帶缃戞墠鏈� --> + <el-button :size="size" text v-if="row.nodeType == 70 && !isSM" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="涓嬪彂" title="涓嬪彂"></el-button> </template> </avue-crud> + <!-- 鏂板鑺傜偣 --> + <el-dialog :title="modalTitle" append-to-body v-model="modalBox"> + <avue-form :option="modalOption" v-model="modalForm" @submit="modalSubmit" @reset-change="modalCancel"/> + </el-dialog> + <el-dialog title="涓婁紶鏂囦欢" append-to-body v-model="uploadmodalBox"> + <avue-form :option="uploadmodalOption" v-model="uploadmodalForm" @submit="uploadmodalSubmit" @reset-change="uploadmodalCancel" :upload-before="uploadBefore" :upload-after="uploadAfter"> + <template #fileList="{}" slot-scope="{ value }"> + <div v-for="(file, index) in fileList" :key="index" v-if="fileList.length != 0"> + {{ file.name }} + </div> + <div v-else>娌℃湁涓婁紶鏂囦欢</div> + </template> + </avue-form> + </el-dialog> + <avue-tabs :option="tabsOption" @change="tabsHandleChange" style="margin-top: 30px;" v-if="isShowTabs"></avue-tabs> + <avue-form v-if="tabsType == 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form> + <span v-else-if="tabsType == 'tab2'">鐗堟湰淇℃伅</span> + <template v-else-if="tabsType == 'tab3'"> + {{fileContent}} + </template> + <el-dialog title="鍗囩増" append-to-body v-model="upgradeModal" width="500"> + <avue-form :option="upgradeModalOption" v-model="upgradeModalForm" @submit="upgradeSubmit" @reset-change="upgradeCancel"></avue-form> + </el-dialog> </basic-container> </template> <script> + export default { data() { return { + upgradeModal: false, + file: null, + fileContent: "", + isSM: true, //鏄惁鏄秹瀵嗙綉 锛屽伐鎺х綉5涓紝娑夊瘑缃�4涓� + isShowTabs: true, + nodeTypeList: [], + fileList: [], + tabsType: "tab1", + upgradeModalForm: {}, + upgradeModalOption: { + emptyText: "鍙栨秷", + menuPosition: "right", + column: [{ + label: '宸ュ簭鐗堟', + prop: 'processEdition', + labelWidth: "80", + span: 22 + }] + }, + tabsOption: {}, + tabsOption1: { + column: [{ + icon: 'el-icon-info', + label: '鑺傜偣淇℃伅', + prop: 'tab1', + }, { + icon: 'el-icon-warning', + label: '鐗堟湰淇℃伅', + prop: 'tab2', + }] + }, + tabsOption2: { + column: [{ + icon: 'el-icon-info', + label: '鑺傜偣淇℃伅', + prop: 'tab1', + }, { + icon: 'el-icon-warning', + label: '鐗堟湰淇℃伅', + prop: 'tab2', + }, { + icon: 'el-icon-warning', + label: '鏂囦欢鍐呭', + prop: 'tab3' + }] + }, + tabsFormOption: { + submitBtn: false, + emptyBtn: false, + column: [ + { + label: '鑺傜偣绫诲瀷', + prop: 'nodeTypeName', + disabled: true, + placeholder: " " + }, + { + label: '鍒涘缓浜�', + prop: 'createUserName', + disabled: true, + placeholder: " " + }, + { + label: '鑺傜偣鍚嶇О', + prop: 'name', + disabled: true, + placeholder: " " + }, + { + label: '鍒涘缓鏃堕棿', + prop: 'createTime', + disabled: true, + placeholder: " " + }, + { + label: '鑺傜偣鎻忚堪', + prop: 'description', + disabled: true, + placeholder: " " + }, + { + label: '鏈�鍚庝慨鏀规椂闂�', + prop: 'updateTime', + disabled: true, + placeholder: " " + }, + { + label: '澶囨敞', + prop: 'remark', + disabled: true, + placeholder: " " + } + ] + }, + tabsForm: {}, + uploadmodalBox: false, + uploadmodalForm: {}, + selectedColumn: {}, + modalForm: {}, + modalOption: { + submitText: "淇濆瓨", + emptyText: "鍙栨秷", + menuPosition: "right", + column: [ + { + label: '鑺傜偣绫诲瀷', + prop: 'nodeType', + labelWidth: "120", + type: 'select', + dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type', + props: { + label: 'dictValue', + value: 'dictKey', + }, + disabled: true + }, + { + label: '璁惧锛堟満搴婏級', + prop: 'machineCode', + labelWidth: "120", + type: 'select', + dicUrl: '/blade-mdm/machine/page', + props: { + label: 'name', + value: 'code', + }, + dicFormatter(res) { + return res.data.records; + } + }, + { + label: '鑺傜偣鍚嶇О', + prop: 'name', + labelWidth: "120", + }, + { + label: '鑺傜偣鎻忚堪', + prop: 'description', + labelWidth: "120", + hide: true + }, + { + label: '澶囨敞', + prop: 'remark', + type: "textarea", + labelWidth: "120", + span: 24 + } + ] + }, + modalBox: false, + modalTitle: "", id: "", parentId:1, search: { @@ -44,154 +226,449 @@ total: 0, }, option: { + rowKey: "id", + treeProps: { + children: "children", + hasChildren: 'hasChildren', + }, lazy: true, rowKey: 'id', - // addBtn: false, - // editBtn: false, - // delBtn: false, - // labelWidth: 120, - // emptyBtn: false, - // searchSpan: 8, + addBtn: false, + editBtn: false, + delBtn: false, fit: true, + menu: false, column: [ { label: '鐩綍', prop: 'name', - width: '200', - display: false + width: '360' }, { label: '鐗堟湰', - prop: '', - display: false + prop: 'abc' }, { label: '鐗堟', - prop: '', - display: false + prop: 'abc' }, { label: '鎻忚堪', - prop: '', - display: false + prop: 'abc' }, { label: '绫诲瀷', - prop: 'nodeType', - display: false + prop: 'nodeTypeName' }, { label: '璁惧', - prop: '', - display: false + prop: 'machineCode' }, { label: '鍥哄寲鐘舵��', - prop: 'status', - display: false + prop: 'abc' }, { label: '閿佸畾鐘舵��', - prop: 'status', - display: false + prop: 'abc' }, { label: '娴佺▼鐘舵��', - prop: 'status', - display: false + prop: 'abc' }, { label: '娴嬭瘯绋嬪簭', - prop: '', - display: false + prop: 'abc' }, { label: '鍒涘缓浜�', - prop: 'createUser', - display: false - }, + prop: 'createUserName', + width: '180' + } + ], + }, + data: [], + upData: [] + }; + }, + computed: { + uploadmodalOption() { + return { + submitText: "淇濆瓨", + emptyText: "鍙栨秷", + menuPosition: "right", + column: [ { label: '鑺傜偣绫诲瀷', - prop: 'modalSelect', + prop: 'nodeType', + labelWidth: "120", type: 'select', dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type', props: { label: 'dictValue', value: 'dictKey', }, - hide: true + disabled: true }, { - label: '璁惧锛堟満搴婏級', - prop: '', - hide: true + label: '璁惧缂栧彿', + prop: 'machineCode', + labelWidth: "120", + type: 'select', + dicUrl: '/blade-mdm/machine/page', + props: { + label: 'name', + value: 'code', + }, + dicFormatter(res) { + return res.data.records; + }, + rules: [ + { + required: true, + message: '璇疯緭鍏ヨ澶囩紪鍙�', + trigger: 'blur' + } + ] }, { - label: '鑺傜偣鍚嶇О', - prop: 'name', - hide: true + label: '闆剁粍浠跺彿/鍥惧彿', + prop: 'drawingNo', + labelWidth: "120", + rules: [ + { + required: true, + message: '璇疯緭鍏ラ浂缁勪欢鍙�/鍥惧彿', + trigger: 'blur' + } + ] }, { - label: '鑺傜偣鎻忚堪', - prop: '', - hide: true + label: '宸ュ簭', + prop: 'processName', + labelWidth: "120", + rules: [ + { + required: true, + message: '璇疯緭鍏ュ伐搴�', + trigger: 'blur' + } + ] }, { - label: '鍏ㄨ矾寰�', - prop: '', - hide: true, - span: 24 + label: '宸ュ簭鐗堟湰', + prop: 'processEdition', + labelWidth: "120", + rules: [ + { + required: true, + message: '璇疯緭鍏ュ伐搴忕増鏈�', + trigger: 'blur' + } + ] + }, + { + label: '鏂囦欢鍒嗙被', + prop: 'category', + labelWidth: "120", + type: 'select', + dicUrl: '/blade-system/dict-biz/dictionary?code=node_file_type', + props: { + label: 'dictValue', + value: 'dictKey', + }, + rules: [ + { + required: true, + message: '璇烽�夋嫨鏂囦欢鍒嗙被', + trigger: 'change' + } + ] + }, + { + label: '閫夋嫨鏂囦欢', + prop: 'uploadFile', + labelWidth: "120", + type: 'upload', + data: {nodeId: this.id}, + action: "", + showFileList: false, + span: 24, + tip: "璇蜂笂浼犳枃浠讹紝灏嗗湪鎻愪氦鏃剁粺涓�澶勭悊", + action: "/blade-mdm/program/ncfile/upload", + rules: [ + { + validator: (rule, value, callback) => { + if (this.fileList.length === 0) { + callback(new Error('璇蜂笂浼犳枃浠�')); + } else { + callback(); + } + }, + trigger: 'blur' + } + ] + }, + { + label: '宸蹭笂浼犳枃浠�', + prop: 'fileList', + labelWidth: "120" }, { label: '澶囨敞', - prop: '', + prop: 'remark', type: "textarea", - hide: true, + labelWidth: "120", span: 24 } - ], - }, - data: [], - }; + ] + } + } + }, + watch: { + uploadmodalBox(old) { + //this.onLoad(); + } }, methods: { - rowDel (row, index, done) { - // alert(1); - // done(row); + upgradeSubmit(row,done) { //鍗囩増 + axios({ + url: '/blade-mdm/program/ncfile/upgrade-process-edition', + method: 'post', + params: {bindNcNodeId:row.id,newProcessEdition: row.processEdition}, + }).then( + res => { + done(); + this.upgradeModal = false; + this.$message.success('鎿嶄綔鎴愬姛'); + this.addLocalTreeNode(row.parentId); + } + ); }, - rowSave(row, done) { //鏂板瀛愯妭鐐� - console.log(row,123) - // row.parentId = 1; - // row.id = 9; - // console.log(row,11) - // done(row); + upgradeCancel() { + this.upgradeModal = false; }, - rowUpdate (row, index, done) { - //alert(3); - //done(row); + downsend(row) { //涓嬪彂 + this.loading = true; + axios({ + url: '/blade-mdm/program/ncfile/send-to-machine-by-nodeid', + method: 'post', + params: {nodeId:row.id}, + }).then( + res => { + this.loading = false; + this.$message.success('鎿嶄綔鎴愬姛'); + } + ); }, - handleAdd (row) { //鏂板瀛愯妭鐐� + upgrade(row) { //鍗囩増 + this.upgradeModalForm = {...row}; + this.upgradeModal = true; + }, + delFile(item) { + this.loading = true; + var obj = {id: item.id} + axios({ + url: '/blade-mdm/program/ncfile/remove', + method: 'post', + params: obj, + }).then( + resp => { + this.loading = false; + this.getFile(this.id); + } + ); + }, + uploadBefore(file,done,loading,column) { + this.file = file; + this.fileList.push(file); + //done(); 鏀惧紑灏变笂浼犱簡 + return false; + }, + uploadAfter() { + }, + uploadmodalSubmit(row,done) { //涓婁紶鎻愪氦鎺ュ彛 + if(this.file == null) { + this.$message.error('璇蜂笂浼犳枃浠�'); + return; + } + var formData = new FormData(); + formData.append('file', this.file); + formData.append('nodeId', this.id); + Object.keys(this.uploadmodalForm).forEach(key => { + formData.append(key, this.uploadmodalForm[key]); + }); + this.loading = true; + axios({ + url: '/blade-mdm/program/ncfile/upload', + method: 'post', + data: formData, + }).then( + res => { + this.loading = false; + this.uploadmodalBox = false; + this.addLocalTreeNode(row.id); //閲嶆柊鍔犺浇涓嬩竴绾� + done(); + } + ); + }, + rowClick(row) { + this.tabsForm = row; this.id = row.id; - this.$refs.crud.rowAdd(); + this.isShowTabs = false; + this.nodeTypeList.forEach(item=> { + if(item.dictKey == row.nodeType) { + this.tabsForm.nodeTypeName = item.dictValue; + } + }) + if(this.tabsForm.nodeType < 70) { + this.tabsOption = this.tabsOption1; + }else { + this.tabsOption = this.tabsOption2; + //鑾峰彇鏂囦欢list + this.getFile(row.id); + } + this.$nextTick(()=> { + this.tabsType = 'tab1'; + this.isShowTabs = true; + }) + }, + tabsHandleChange(tabs) { + this.tabsType = tabs.prop; + }, + showUpload(row) {//鑾峰彇鏂囦欢鍐呭 + this.fileList = []; + this.uploadmodalForm = row; + this.loading = true; + var obj = {parentId: row.id} + axios({ + url: '/blade-mdm/program/node/lazy-list', + method: 'get', + params: obj, + }).then( + res => { + this.loading = false; + this.uploadmodalBox = true; + } + ); + }, + getFile(id) { //鏌ョ湅鏂囦欢鍐呭 + this.loading = true; + axios({ + url: '/blade-mdm/program/ncfile/content-by-nodeid', + method: 'get', + params: {nodeId:id}, + }).then( + res => { + this.loading = false; + this.fileContent = res.data.data; + } + ); + }, + showEdit(row,done) { + this.modalTitle = "淇敼"; + this.modalBox = true; + this.modalForm = row; + }, + showDel(row) { + this.$confirm('灏嗕細鍒犻櫎璇ヨ妭鐐瑰強鍏跺瓙鑺傜偣锛屾槸鍚︾‘璁ゅ垹闄�?', { + confirmButtonText: '鏄�', + cancelButtonText: '鍚�', + type: 'warning', + }).then(() => { + //璋冪敤鎺ュ彛 + this.loading = true; + axios({ + url: '/blade-mdm/program/node/remove', + method: 'post', + params: {id: row.id}, + }).then( + res => { + this.loading = false; + this.addLocalTreeNode(row.parentId); + } + ); + }) + }, + showAdd (row) { //鏂板瀛愯妭鐐� + if(!row) { + this.modalTitle = "鏂板鏍硅妭鐐�"; + this.modalForm.nodeType = "10"; + this.modalForm.parentId = 0; + }else { + if(row.nodeType == 60) { + return; + } + this.modalTitle = "鏂板瀛愯妭鐐�"; + this.selectedColumn.nodeType = String(Number(row.nodeType) + 10); + this.selectedColumn.parentId = row.id; + this.selectedColumn.name = ""; + this.selectedColumn.id = ""; + this.modalForm = this.selectedColumn; + } + this.modalBox = true; + }, + modalSubmit(row,done) { //鏂板瀛愯妭鐐逛繚瀛�/淇敼 + if(this.modalTitle == "淇敼") { + var url = "/blade-mdm/program/node/update"; + }else { + var url = "/blade-mdm/program/node/save"; + } + //璋冪敤鎺ュ彛 + this.loading = true; + axios({ + url, + method: 'post', + data: this.modalForm, + }).then( + res => { + this.$message.success('鎿嶄綔鎴愬姛'); + this.modalBox = false; + // 淇敼锛屾洿鏂版湰鍦版暟鎹� + if (this.modalTitle === "淇敼") { + this.addLocalTreeNode(row.parentId); + }else { + // 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹� + //this.$refs.crud.refreshTable(); + //this.onLoad(); + //鏂板锛屾洿鏂版湰鍦版暟鎹� + this.addLocalTreeNode(row.parentId); + } + this.loading = false; + done(row); + } + ); + }, + addLocalTreeNode(parentId) { + if(this.modalTitle == "鏂板鏍硅妭鐐�") { + this.onLoad(); + return; + } + this.loading = true; + var obj = {parentId: parentId} + axios({ + url: '/blade-mdm/program/node/lazy-list', + method: 'get', + params: obj, + }).then( + res => { + var children = res.data.data || []; + if(parentId == 0) { + this.data = [...children]; + }else { + this.$refs.crud.$refs.table.store.states.lazyTreeNodeMap.value[parentId] = [...children]; + } + this.loading = false; + } + ); + }, + modalCancel() { + this.modalBox = false; + }, + uploadmodalCancel() { + this.uploadmodalBox = false; }, treeLoad (tree, treeNode, resolve) { - // setTimeout(() => { - // this.parentId += 1; - // var hasChildren = true; - // if(this.parentId == 6) { - // this.$message.error("鍒板ご浜�"); - // hasChildren = false; - // } - // resolve([{ - // id: this.parentId, - // parentId: this.parentId, - // date: '2016-05-01', - // name: '鐜嬪皬铏�', - // address: '鏂板', - // hasChildren: hasChildren - // }]); - // console.log(tree,111) - // }, 100); this.loading = true; var obj = {parentId: tree.id} axios({ @@ -200,30 +677,11 @@ params: obj, }).then( res => { - resolve(res.data.data); + console.log(res.data,111) this.loading = false; + resolve(res.data.data); } ); - // this.data = [{ - // id: this.parentId, - // parentId: this.parentId, - // date: '2016-05-02', - // name: '鐜嬪皬铏�', - // address: 'hhh', - // hasChildren: true - // }, - // { - // id: 7, - // parentId: 7, - // date: '2016-05-02', - // name: '鐜嬪皬铏�', - // address: 'hhh', - // hasChildren: false - // }] - // this.loading = false; - }, - handleEdit(row,index) { - }, currentChange(current) { this.mypage.current = current; @@ -243,34 +701,47 @@ params: obj, }).then( res => { - this.data = res.data.data; this.loading = false; + this.data = res.data.data; + if(this.data.length == 0) { + return; + } + this.tabsForm = res.data.data[0]; //鑺傜偣淇℃伅 + this.nodeTypeList.forEach(item=> { + if(item.dictKey == this.data[0].nodeType) { + this.tabsForm.nodeTypeName = item.dictValue; + } + }) } ); - // this.data = [{ - // id: this.parentId, - // parentId: this.parentId, - // date: '2016-05-02', - // name: '鐜嬪皬铏�', - // address: 'hhh', - // hasChildren: true - // }, - // { - // id: 7, - // parentId: 7, - // date: '2016-05-02', - // name: '鐜嬪皬铏�', - // address: 'hhh', - // hasChildren: false - // }] - // this.loading = false; } }, + mounted() { + this.tabsOption = this.tabsOption1; + //鑾峰彇nodetype + axios({url: '/blade-system/dict-biz/dictionary?code=nc_node_type',method: 'get'}).then(res => { + this.nodeTypeList = res.data.data; + } + ); + //鍒ゆ柇鐗堟湰 0:娑夊瘑缃戯紝1:宸ユ帶缃戯紱//宸ユ帶缃�5涓紝娑夊瘑缃�4涓� + // axios({url: '/blade-mdm/system/param/getValue?paramKey=networkType',method: 'get'}).then(res => { + // if(res.data.data === "0") { + // this.isSM = true; + // } + // } + // ); + } }; </script> <style lang="scss"> -.el-form-item__label { - width: 120px!important; +.delFile { + color: red; + margin-left: 12px; + cursor: pointer; +} +.fileListStyle { + margin-left: 10px; + margin-top: 12px; } </style> \ No newline at end of file -- Gitblit v1.9.3