From 15c966fc40c0ddd0fb407dec1da8baef93d64391 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期二, 08 七月 2025 20:47:38 +0800
Subject: [PATCH] 更新导出名称
---
src/views/wel/index.vue | 210 ++++++++++++++++++++++++++++++++++------------------
1 files changed, 137 insertions(+), 73 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 046798a..2823324 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -18,33 +18,36 @@
@row-update="rowUpdate"
@row-click="rowClick"
>
+ <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 icon="el-icon-setting" type="primary" placeholder="淇敼" @click="showEdit(row)" title="淇敼"></el-button>
+ <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 == 60" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="鍗囩骇" title="鍗囩骇"></el-button>
+ <el-button :size="size" text v-if="row.nodeType == 60 && !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>
- <div v-for="item in fileList" v-if="fileList.length > 0">
+ <avue-form :option="uploadmodalOption" v-model="uploadmodalForm" @submit="uploadmodalSubmit" @reset-change="uploadmodalCancel" :upload-before="uploadBefore" :upload-after="uploadAfter"></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'">
+ 鏂囦欢鍐呭
+ <!-- <div v-for="item in fileList" v-if="fileList.length > 0" class="fileListStyle">
<span>{{item.name}}</span>
<span class="delFile" @click="delFile(item)">X</span>
- </div>
- </template>
- </avue-form>
- </el-dialog>
-
- <avue-tabs :option="tabsOption" @change="tabsHandleChange" style="margin-top: 30px;"></avue-tabs>
- <avue-form v-if="tabsType === 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form>
- <span v-else-if="tabsType === 'tab2'">鐗堟湰淇℃伅</span>
- <span v-else-if="tabsType === 'tab3'">鏂囦欢鍐呭</span>
+ </div> -->
+ </template>
</basic-container>
</template>
@@ -53,6 +56,9 @@
export default {
data() {
return {
+ isSM: false, //鏄惁鏄秹瀵嗙綉 锛屽伐鎺х綉5涓紝娑夊瘑缃�4涓�
+ isShowTabs: true,
+ nodeTypeList: [],
fileList: [],
tabsType: "tab1",
tabsOption: {},
@@ -88,7 +94,7 @@
column: [
{
label: '鑺傜偣绫诲瀷',
- prop: 'nodeType',
+ prop: 'nodeTypeName',
disabled: true,
placeholder: " "
},
@@ -121,13 +127,6 @@
prop: 'updateTime',
disabled: true,
placeholder: " "
- },
- {
- label: '鑺傜偣鍏ㄨ矾寰�',
- prop: '',
- disabled: true,
- placeholder: " ",
- span: 24
}
]
},
@@ -166,11 +165,6 @@
hide: true
},
{
- label: '鍏ㄨ矾寰�',
- prop: 'abc',
- span: 24
- },
- {
label: '澶囨敞',
prop: 'remark',
type: "textarea",
@@ -204,7 +198,7 @@
{
label: '鐩綍',
prop: 'name',
- width: '300'
+ width: '360'
},
{
label: '鐗堟湰',
@@ -274,20 +268,11 @@
label: '閫夋嫨鏂囦欢',
prop: 'uploadFile',
type: 'upload',
- data: {nodeId: this.tabsForm.id},
+ data: {nodeId: this.id},
action: "",
showFileList: false,
span: 24,
action: "/blade-mdm/program/ncfile/upload"
- },
- {
- label: '鏂囦欢鍒楄〃',
- prop: 'filelist'
- },
- {
- label: '鍏ㄨ矾寰�',
- prop: 'abc',
- span: 24
},
{
label: '澶囨敞',
@@ -305,6 +290,12 @@
}
},
methods: {
+ downsend(row) {
+
+ },
+ uploadAfter() {
+
+ },
upgrade(row) { //鍗囩骇
this.loading = true;
var obj = {id: row.id}
@@ -327,7 +318,8 @@
params: obj,
}).then(
resp => {
- this.getFile(this.uploadmodalForm.id);
+ this.loading = false;
+ this.getFile(this.id);
}
);
},
@@ -335,41 +327,51 @@
done();
//nodeId: this.tabsForm.id
},
- uploadAfter(res,done,loading,column) {
- this.getFile(column.data.nodeId);
- },
rowClick(row) {
this.tabsForm = row;
- if(this.tabsForm.nodeType < 60) {
+ this.id = row.id;
+ 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.uploadmodalForm = row;
- //鑾峰彇鏂囦欢list
- this.getFile(row.id);
this.uploadmodalBox = true;
},
- getFile(id) {
+ getFile(id) { //鏌ョ湅鏂囦欢鍐呭
this.loading = true;
- var obj = {nodeId: id}
axios({
- url: '/blade-mdm/program/ncfile/list-by-node',
+ url: '/blade-mdm/program/ncfile/content',
method: 'get',
- params: obj,
+ params: {id},
}).then(
- resp => {
- this.fileList = resp.data.data;
+ res => {
+ this.loading = true;
+ console.log(res.data,123)
}
);
},
uploadmodalSubmit(row,done) {
-
+ this.uploadmodalBox = false;
+ this.addLocalTreeNode(row.parentId); //閲嶆柊鍔犺浇涓嬩竴绾�
+ done();
},
rowDel(row, index, done) {
done(row);
@@ -406,15 +408,21 @@
})
},
showAdd (row) { //鏂板瀛愯妭鐐�
- if(row.nodeType == 60) {
- return;
+ 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.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) { //鏂板瀛愯妭鐐逛繚瀛�/淇敼
@@ -438,14 +446,61 @@
this.updateLocalTreeNode(this.modalForm);
}else {
// 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹�
- this.$refs.crud.refreshTable();
+ //this.$refs.crud.refreshTable();
+ //this.onLoad();
+ //鏂板锛屾洿鏂版湰鍦版暟鎹�
+ this.addLocalTreeNode(row.parentId);
}
this.loading = false;
done(row);
}
);
},
- updateLocalTreeNode(nodeData) {
+ 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 || [];
+ this.updateParentNodeChildren(parentId, children);
+ this.loading = false;
+ }
+ );
+ },
+ updateParentNodeChildren(parentId, newChildren) { //鏂板鐨勬柟娉�
+ const updateTree = (nodes) => {
+ for (let i = 0; i < nodes.length; i++) {
+ if (nodes[i].id === parentId) {
+ // 鏇存柊鑺傜偣鏁版嵁
+ nodes[i].children = [...newChildren];
+ this.data = [...this.data]; // 鏇挎崲椤跺眰寮曠敤
+ return true;
+ }
+ if (Array.isArray(nodes[i].children) && nodes[i].children.length > 0) {
+ if (updateTree(nodes[i].children)) {
+ return true;
+ }
+ }
+ }
+ return false;
+ };
+ updateTree(this.data);
+ // 寮哄埗鍒锋柊
+ this.$nextTick(() => {
+ this.$refs.crud?.refreshTable();
+ //this.$refs.crud.toggleRowExpansion('0', true);
+ console.log(this.data,222)
+ });
+ },
+ updateLocalTreeNode(nodeData) { //淇敼鐨勬柟娉�
const updateNode = (nodes) => {
for (let i = 0; i < nodes.length; i++) {
if (nodes[i].id === nodeData.id) {
@@ -503,6 +558,11 @@
res => {
this.data = res.data.data;
this.tabsForm = res.data.data[0]; //鑺傜偣淇℃伅
+ this.nodeTypeList.forEach(item=> {
+ if(item.dictKey == this.data[0].nodeType) {
+ this.tabsForm.nodeTypeName = item.dictValue;
+ }
+ })
this.loading = false;
}
);
@@ -510,18 +570,18 @@
},
mounted() {
this.tabsOption = this.tabsOption1;
- //鏌ョ湅鍐呭
- // this.loading = true;
- // var obj = {id: "1940982493963415554"}
- // axios({
- // url: '/blade-mdm/program/ncfile/content',
- // method: 'get',
- // params: obj,
- // }).then(
- // res => {
-
- // }
- // );
+ //鑾峰彇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-system/param/detail?paramKey=networkType',method: 'get'}).then(res => {
+ if(res.data.data.paramValue === "0") {
+ this.isSM = true;
+ }
+ }
+ );
}
};
</script>
@@ -535,4 +595,8 @@
margin-left: 12px;
cursor: pointer;
}
+.fileListStyle {
+ margin-left: 10px;
+ margin-top: 12px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3