From 616f3c388e528c7cd9052f635fc4e581c9dbe37b Mon Sep 17 00:00:00 2001
From: 李喆(开发组) <lzhe@yxqiche.com>
Date: 星期二, 24 六月 2025 12:13:50 +0800
Subject: [PATCH] 1

---
 src/views/wel/index.vue |  189 ++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 154 insertions(+), 35 deletions(-)

diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index a67e4e5..7c5521d 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -16,17 +16,28 @@
       @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 v-if="row.nodeType < 70" 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 < 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>
       </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"/>
+    </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>
+
   </basic-container>
 </template>
 
@@ -35,6 +46,108 @@
 export default {
   data() {
     return {
+      tabsType: "tab1",
+      tabsOption: {
+        column: [{
+          icon: 'el-icon-info',
+          label: '鑺傜偣淇℃伅',
+          prop: 'tab1',
+        }, {
+          icon: 'el-icon-warning',
+          label: '鐗堟湰淇℃伅',
+          prop: 'tab2',
+        }]
+      },
+      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,
+      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: {},
       modalOption: {
@@ -154,6 +267,19 @@
     };
   },
   methods: {
+    rowClick(row) {
+      this.tabsForm = row;
+    },
+    tabsHandleChange(tabs) {
+      this.tabsType = tabs.prop;
+    },
+    showUpload(row) {
+      this.uploadmodalForm = row;
+      this.uploadmodalBox = true;
+    },
+    uploadmodalSubmit(row,done) {
+      
+    },
     rowDel(row, index, done) {
       done(row);
     },
@@ -169,18 +295,24 @@
       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 == 70) {
@@ -213,12 +345,12 @@
           // 淇敼锛屾洿鏂版湰鍦版暟鎹�
           if (this.modalTitle === "淇敼") {
             this.updateLocalTreeNode(this.modalForm);
+          }else {
+            // 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹�
+            this.$refs.crud.refreshTable();
           }
           this.loading = false;
           done(row);
-          // 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹�
-          // this.$refs.crud.refresh();
-          // this.$refs.crud.refreshTable();
         }
       );
     },
@@ -242,6 +374,9 @@
     },
     modalCancel() {
       this.modalBox = false;
+    },
+    uploadmodalCancel() {
+      this.uploadmodalBox = false;
     },
     treeLoad (tree, treeNode, resolve) {
       this.loading = true;
@@ -276,26 +411,10 @@
       }).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;
     }
   },
 };

--
Gitblit v1.9.3