From 2781142ab67deba83925da706ca26b7f8ea1a759 Mon Sep 17 00:00:00 2001
From: yangys <y_ys79@sina.com>
Date: 星期四, 04 九月 2025 15:42:24 +0800
Subject: [PATCH] 审批用户列表改为树形
---
src/views/wel/index.vue | 557 ++-----------------------------------------------------
1 files changed, 26 insertions(+), 531 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 5293db3..c47fd1b 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -1,554 +1,49 @@
+<!--
+ * @Author: 鏉庡枂(寮�鍙戠粍) lzhe@yxqiche.com
+ * @Date: 2025-08-11 09:25:36
+ * @LastEditors: 鏉庡枂(寮�鍙戠粍) lzhe@yxqiche.com
+ * @LastEditTime: 2025-08-19 16:23:04
+ * @FilePath: /mdmweb/src/views/wel/index.vue
+ * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
<template>
- <basic-container>
- <avue-crud
- :addBtn="false"
- :option="option"
- :table-loading="loading"
- :data="data"
- ref="crud"
- v-model:search="search"
- v-model:page="mypage"
- @current-change="currentChange"
- @size-change="sizeChange"
- @refresh-change="refreshChange"
- @on-load="onLoad"
- @tree-load="treeLoad"
- @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)" 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"></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>
- </basic-container>
+ <shemi v-if="isSM"></shemi>
+ <gongkong v-else></gongkong>
+ <!-- <gongkong></gongkong> -->
</template>
-
<script>
-
+import shemi from './shemi.vue'
+import gongkong from './gongkong.vue'
export default {
+ name: 'WelIndex',
+ components: {shemi,gongkong},
data() {
return {
- isSM: false, //鏄惁鏄秹瀵嗙綉 锛屽伐鎺х綉5涓紝娑夊瘑缃�4涓�
- isShowTabs: true,
- nodeTypeList: [],
- 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: 'nodeTypeName',
- 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: " "
- }
- ]
- },
- tabsForm: {},
- uploadmodalBox: false,
- uploadmodalForm: {},
- selectedColumn: {},
- modalForm: {},
- modalOption: {
- 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: 'abc'
- },
- {
- label: '鑺傜偣鍚嶇О',
- prop: 'name'
- },
- {
- label: '鑺傜偣鎻忚堪',
- prop: 'abc',
- hide: true
- },
- {
- label: '澶囨敞',
- prop: 'remark',
- type: "textarea",
- span: 24
- }
- ]
- },
- modalBox: false,
- modalTitle: "",
- id: "",
- parentId:1,
- search: {
- keyword: "",
- machineGroupCode: ""
- },
- loading: true,
- mypage: {
- size: 10,
- current: 1,
- total: 0,
- },
- option: {
- lazy: true,
- rowKey: 'id',
- addBtn: false,
- editBtn: false,
- delBtn: false,
- fit: true,
- menu: false,
- column: [
- {
- label: '鐩綍',
- prop: 'name',
- width: '360'
- },
- {
- label: '鐗堟湰',
- prop: 'abc'
- },
- {
- label: '鐗堟',
- prop: 'abc'
- },
- {
- label: '鎻忚堪',
- prop: 'abc'
- },
- {
- label: '绫诲瀷',
- prop: 'nodeType'
- },
- {
- label: '璁惧',
- prop: 'abc'
- },
- {
- label: '鍥哄寲鐘舵��',
- prop: 'abc'
- },
- {
- label: '閿佸畾鐘舵��',
- prop: 'abc'
- },
- {
- label: '娴佺▼鐘舵��',
- prop: 'abc'
- },
- {
- label: '娴嬭瘯绋嬪簭',
- prop: 'abc'
- },
- {
- label: '鍒涘缓浜�',
- prop: 'createUser',
- width: '180'
- }
- ],
- },
- 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
- }
- ]
- }
+ nodeId: 0,
+ isSM: false
}
},
+ computed: {},
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;
- },
- showUpload(row) {
- 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);
- },
- rowSave (row, done) {
- done(row);
- },
- rowUpdate (row, index, done) {
- done(row);
- },
- 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.$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;
- 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.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) {
- this.loading = true;
- var obj = {parentId: tree.id}
- axios({
- url: '/blade-mdm/program/node/lazy-list',
- method: 'get',
- params: obj,
- }).then(
- res => {
- resolve(res.data.data);
- this.loading = false;
- }
- );
- },
- currentChange(current) {
- this.mypage.current = current;
- },
- sizeChange(size) {
- this.mypage.size = size;
- },
- refreshChange() {
-
- },
- onLoad() { //鏌ヨtreeTable
- this.loading = true;
- var obj = {parentId: ""}
- axios({
- url: '/blade-mdm/program/node/lazy-list',
- method: 'get',
- params: obj,
- }).then(
- 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") {
+ //鍒ゆ柇鐗堟湰 0:娑夊瘑缃戯紝1:宸ユ帶缃戯紱
+ axios({url: '/blade-mdm/system/param/getValue?paramKey=networkType',method: 'get'}).then(res => {
+ if(res.data.data === "0") {
this.isSM = true;
+ }else {
+ // this.getPre();
}
}
);
- //鏌ョ湅鍐呭
- // this.loading = true;
- // var obj = {id: "1940982493963415554"}
- // axios({
- // url: '/blade-mdm/program/ncfile/content',
- // method: 'get',
- // params: obj,
- // }).then(
- // res => {
-
- // }
- // );
}
};
</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