From 73cbe36fc0d51af44ccac1016f869f9bf08ab827 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期五, 04 七月 2025 19:12:19 +0800
Subject: [PATCH] update
---
src/views/wel/index.vue | 366 +++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 302 insertions(+), 64 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index b65de3c..046798a 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -16,17 +16,35 @@
@row-del="rowDel"
@row-save="rowSave"
@row-update="rowUpdate"
+ @row-click="rowClick"
>
<template #name="{ row }">
<span>{{row.name}}</span>
- <el-button :size="size" text icon="el-icon-setting" type="primary" placeholder="淇敼" @click="showEdit(row)"></el-button>
- <el-button :size="size" text icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="鍒犻櫎"></el-button>
- <el-button :size="size" text icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="鏂板瀛愮骇"></el-button>
+ <el-button :size="size" text 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>
</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">
+ <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>
</basic-container>
</template>
@@ -35,6 +53,87 @@
export default {
data() {
return {
+ fileList: [],
+ tabsType: "tab1",
+ 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: 'nodeType',
+ disabled: true,
+ placeholder: " "
+ },
+ {
+ label: '鍒涘缓浜�',
+ prop: 'createUser',
+ 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: '',
+ disabled: true,
+ placeholder: " ",
+ span: 24
+ }
+ ]
+ },
+ tabsForm: {},
+ uploadmodalBox: false,
+ uploadmodalForm: {},
selectedColumn: {},
modalForm: {},
modalOption: {
@@ -55,13 +154,11 @@
},
{
label: '璁惧锛堟満搴婏級',
- prop: 'abc',
- hide: true
+ prop: 'abc'
},
{
label: '鑺傜偣鍚嶇О',
- prop: 'name',
- hide: true
+ prop: 'name'
},
{
label: '鑺傜偣鎻忚堪',
@@ -71,14 +168,12 @@
{
label: '鍏ㄨ矾寰�',
prop: 'abc',
- hide: true,
span: 24
},
{
label: '澶囨敞',
prop: 'remark',
type: "textarea",
- hide: true,
span: 24
}
]
@@ -157,39 +252,163 @@
data: [],
};
},
+ computed: {
+ uploadmodalOption() {
+ return {
+ submitText: "淇濆瓨",
+ emptyText: "鍙栨秷",
+ menuPosition: "right",
+ column: [
+ {
+ label: '鑺傜偣绫诲瀷',
+ prop: 'nodeType',
+ type: 'select',
+ dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
+ props: {
+ label: 'dictValue',
+ value: 'dictKey',
+ },
+ disabled: true
+ },
+ {
+ label: '閫夋嫨鏂囦欢',
+ prop: 'uploadFile',
+ type: 'upload',
+ data: {nodeId: this.tabsForm.id},
+ action: "",
+ showFileList: false,
+ span: 24,
+ action: "/blade-mdm/program/ncfile/upload"
+ },
+ {
+ label: '鏂囦欢鍒楄〃',
+ prop: 'filelist'
+ },
+ {
+ label: '鍏ㄨ矾寰�',
+ prop: 'abc',
+ span: 24
+ },
+ {
+ label: '澶囨敞',
+ prop: 'remark',
+ type: "textarea",
+ span: 24
+ }
+ ]
+ }
+ }
+ },
+ watch: {
+ uploadmodalBox(old) {
+ this.onLoad();
+ }
+ },
methods: {
+ upgrade(row) { //鍗囩骇
+ this.loading = true;
+ var obj = {id: row.id}
+ axios({
+ url: '/blade-mdm/program/ncfile/upgrade-process-edition',
+ method: 'post',
+ data: obj,
+ }).then(
+ resp => {
+ this.$message.success('鍗囩骇鎴愬姛');
+ }
+ );
+ },
+ delFile(item) {
+ this.loading = true;
+ var obj = {id: item.id}
+ axios({
+ url: '/blade-mdm/program/ncfile/remove',
+ method: 'post',
+ params: obj,
+ }).then(
+ resp => {
+ this.getFile(this.uploadmodalForm.id);
+ }
+ );
+ },
+ uploadBefore(file,done,loading,column) {
+ 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.tabsOption = this.tabsOption1;
+ }else {
+ this.tabsOption = this.tabsOption2;
+ }
+ },
+ tabsHandleChange(tabs) {
+ this.tabsType = tabs.prop;
+ },
+ showUpload(row) {
+ this.uploadmodalForm = row;
+ //鑾峰彇鏂囦欢list
+ this.getFile(row.id);
+ this.uploadmodalBox = true;
+ },
+ getFile(id) {
+ this.loading = true;
+ var obj = {nodeId: id}
+ axios({
+ url: '/blade-mdm/program/ncfile/list-by-node',
+ method: 'get',
+ params: obj,
+ }).then(
+ resp => {
+ this.fileList = resp.data.data;
+ }
+ );
+ },
+ uploadmodalSubmit(row,done) {
+
+ },
rowDel(row, index, done) {
- console.log(done);
done(row);
},
rowSave (row, done) {
- console.log(done,1111);
done(row);
},
rowUpdate (row, index, done) {
- console.log(done,222);
done(row);
},
showEdit(row,done) {
this.modalTitle = "淇敼";
this.modalBox = true;
- return;
+ this.modalForm = row;
},
showDel(row) {
- //璋冪敤鎺ュ彛
- this.loading = true;
- axios({
- url: '/blade-mdm/program/node/remove',
- method: 'post',
- params: {id: row.id},
- }).then(
- res => {
- this.loading = false;
- this.$refs.crud.rowDel(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.$refs.crud.rowDel(row);
+ }
+ );
+ })
},
showAdd (row) { //鏂板瀛愯妭鐐�
+ if(row.nodeType == 60) {
+ return;
+ }
this.modalTitle = "鏂板瀛愯妭鐐�";
this.selectedColumn.nodeType = String(Number(row.nodeType) + 10);
this.selectedColumn.parentId = row.id;
@@ -198,44 +417,59 @@
this.modalForm = this.selectedColumn;
this.modalBox = true;
},
- modalSubmit(row) { //鏂板瀛愯妭鐐逛繚瀛�
+ 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: '/blade-mdm/program/node/save',
+ url,
method: 'post',
data: this.modalForm,
}).then(
res => {
- //this.$refs.crud.rowSave(this.modalForm);
- this.onLoad();
- this.$refs.crud.refreshTable();
+ this.$message.success('鎿嶄綔鎴愬姛');
this.modalBox = false;
+ // 淇敼锛屾洿鏂版湰鍦版暟鎹�
+ if (this.modalTitle === "淇敼") {
+ this.updateLocalTreeNode(this.modalForm);
+ }else {
+ // 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹�
+ this.$refs.crud.refreshTable();
+ }
this.loading = false;
+ done(row);
}
);
+ },
+ updateLocalTreeNode(nodeData) {
+ const updateNode = (nodes) => {
+ for (let i = 0; i < nodes.length; i++) {
+ if (nodes[i].id === nodeData.id) {
+ // 鏇存柊鑺傜偣鏁版嵁
+ Object.assign(nodes[i], nodeData);
+ return true;
+ }
+ if (Array.isArray(nodes[i].children) && nodes[i].children.length > 0) {
+ if (updateNode(nodes[i].children)) {
+ return true;
+ }
+ }
+ }
+ return false;
+ };
+ updateNode(this.data);
},
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({
@@ -268,28 +502,27 @@
}).then(
res => {
this.data = res.data.data;
+ this.tabsForm = res.data.data[0]; //鑺傜偣淇℃伅
this.loading = false;
}
);
- // 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;
+ //鏌ョ湅鍐呭
+ // this.loading = true;
+ // var obj = {id: "1940982493963415554"}
+ // axios({
+ // url: '/blade-mdm/program/ncfile/content',
+ // method: 'get',
+ // params: obj,
+ // }).then(
+ // res => {
+
+ // }
+ // );
+ }
};
</script>
@@ -297,4 +530,9 @@
.el-form-item__label {
width: 120px!important;
}
+.delFile {
+ color: red;
+ margin-left: 12px;
+ cursor: pointer;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3