From c50d92ef4cfd87ffdb4cd9c9da1c18dceab875f7 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期一, 07 七月 2025 22:28:55 +0800
Subject: [PATCH] 添加列表字段
---
src/views/wel/index.vue | 255 ++++++++++++++++++++++++++++++++++++++------------
1 files changed, 191 insertions(+), 64 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 7c5521d..5293db3 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -22,22 +22,27 @@
<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 icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="鍒犻櫎" title="鍒犻櫎"></el-button>
- <el-button :size="size" text v-if="row.nodeType < 70" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="鏂板瀛愮骇" title="鏂板瀛愮骇"></el-button>
- <el-button :size="size" text v-if="row.nodeType == 70" 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-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"/>
+ <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;"></avue-tabs>
- <avue-form v-if="tabsType === 'tab1'" :option="tabsFormOption" v-model="tabsForm"/>
- <span v-else-if="tabsType === 'tab2'">鐗堟湰淇℃伅</span>
-
+ <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>
</basic-container>
</template>
@@ -46,8 +51,13 @@
export default {
data() {
return {
+ isSM: false, //鏄惁鏄秹瀵嗙綉 锛屽伐鎺х綉5涓紝娑夊瘑缃�4涓�
+ isShowTabs: true,
+ nodeTypeList: [],
+ fileList: [],
tabsType: "tab1",
- tabsOption: {
+ tabsOption: {},
+ tabsOption1: {
column: [{
icon: 'el-icon-info',
label: '鑺傜偣淇℃伅',
@@ -58,13 +68,28 @@
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',
+ prop: 'nodeTypeName',
disabled: true,
placeholder: " "
},
@@ -97,56 +122,11 @@
prop: 'updateTime',
disabled: true,
placeholder: " "
- },
- {
- label: '鑺傜偣鍏ㄨ矾寰�',
- prop: '',
- disabled: true,
- placeholder: " ",
- span: 24
}
]
},
tabsForm: {},
uploadmodalBox: false,
- uploadmodalOption: {
- 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: 'abcd',
- type: 'upload',
- data: "{a:123}",
- action: "",
- showFileList: false,
- span: 24
- },
- {
- label: '鍏ㄨ矾寰�',
- prop: 'abc',
- span: 24
- },
- {
- label: '澶囨敞',
- prop: 'remark',
- type: "textarea",
- span: 24
- }
- ]
- },
uploadmodalForm: {},
selectedColumn: {},
modalForm: {},
@@ -178,11 +158,6 @@
label: '鑺傜偣鎻忚堪',
prop: 'abc',
hide: true
- },
- {
- label: '鍏ㄨ矾寰�',
- prop: 'abc',
- span: 24
},
{
label: '澶囨敞',
@@ -218,7 +193,7 @@
{
label: '鐩綍',
prop: 'name',
- width: '300'
+ width: '360'
},
{
label: '鐗堟湰',
@@ -266,9 +241,107 @@
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.id},
+ action: "",
+ showFileList: false,
+ span: 24,
+ action: "/blade-mdm/program/ncfile/upload"
+ },
+ {
+ label: '澶囨敞',
+ prop: 'remark',
+ type: "textarea",
+ span: 24
+ }
+ ]
+ }
+ }
+ },
+ watch: {
+ uploadmodalBox(old) {
+ this.onLoad();
+ }
+ },
methods: {
+ downsend(row) {
+
+ },
+ uploadAfter() {
+ this.getFile(this.id);
+ },
+ 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.loading = false;
+ this.getFile(this.id);
+ }
+ );
+ },
+ uploadBefore(file,done,loading,column) {
+ done();
+ //nodeId: this.tabsForm.id
+ },
rowClick(row) {
this.tabsForm = row;
+ 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 < 60) {
+ 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;
@@ -277,8 +350,21 @@
this.uploadmodalForm = row;
this.uploadmodalBox = true;
},
+ getFile(id) {
+ 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) {
-
+ this.uploadmodalBox = false;
+ done();
},
rowDel(row, index, done) {
done(row);
@@ -315,7 +401,7 @@
})
},
showAdd (row) { //鏂板瀛愯妭鐐�
- if(row.nodeType == 70) {
+ if(row.nodeType == 60) {
return;
}
this.modalTitle = "鏂板瀛愯妭鐐�";
@@ -412,11 +498,43 @@
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;
}
);
}
},
+ 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-system/param/detail?paramKey=networkType',method: 'get'}).then(res => {
+ if(res.data.data.paramValue === "0") {
+ this.isSM = true;
+ }
+ }
+ );
+ //鏌ョ湅鍐呭
+ // this.loading = true;
+ // var obj = {id: "1940982493963415554"}
+ // axios({
+ // url: '/blade-mdm/program/ncfile/content',
+ // method: 'get',
+ // params: obj,
+ // }).then(
+ // res => {
+
+ // }
+ // );
+ }
};
</script>
@@ -424,4 +542,13 @@
.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