From a9a62e2e78a3cac21e88146510e1e50dbb545417 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E9=98=B3?= <1261474562@qq.com>
Date: Tue, 22 Apr 2025 19:09:55 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=B7=B2=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E7=9A=84=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/DocTree/index.vue        |  2 ++
 front/src/views/project/ShareConfig/index.vue | 20 +++++++++++++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/front/src/components/DocTree/index.vue b/front/src/components/DocTree/index.vue
index 33d32130..17c27303 100644
--- a/front/src/components/DocTree/index.vue
+++ b/front/src/components/DocTree/index.vue
@@ -57,6 +57,7 @@ export default {
       if (!search) {
         return this.treeData
       }
+      this.$emit('checkedNodes', [])
       search = search.toLowerCase()
       return this.searchRow(search, this.treeData, this.searchContent, this.isFolder)
     }
@@ -92,6 +93,7 @@ export default {
           data.isShareFolder = false
         })
       }
+      this.$emit('checkedNodes', this.getCheckedNodes())
     },
     isChecked(data) {
       const keys = this.$refs.tree.getCheckedKeys()
diff --git a/front/src/views/project/ShareConfig/index.vue b/front/src/views/project/ShareConfig/index.vue
index 761a9565..06d9e15d 100644
--- a/front/src/views/project/ShareConfig/index.vue
+++ b/front/src/views/project/ShareConfig/index.vue
@@ -157,7 +157,10 @@
           </el-checkbox-group>
         </el-form-item>
         <el-form-item v-show="dialogFormData.isAll === 0">
-          <doc-tree ref="docTreeRef"/>
+          <div class="checked-nodes">
+            <span>选中的菜单：</span><el-button v-for="node in selectNodes" :key="node.id" size="mini">{{ node.name }}</el-button>
+          </div>
+          <doc-tree ref="docTreeRef"  @checkedNodes="handleTreeCheckedNodes" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -213,7 +216,8 @@ export default {
         disabledDate(time) {
           return time.getTime() < Date.now() - 8.64e7; // Disable dates before today
         }
-      }
+      },
+      selectNodes: []
     }
   },
   computed: {
@@ -231,6 +235,10 @@ export default {
     }
   },
   methods: {
+    handleTreeCheckedNodes(rows) {
+      const selectRows = rows.filter(item => !item.children.length)
+      this.selectNodes = [...selectRows]
+    },
     reload(moduleId) {
       if (moduleId) {
         this.moduleId = moduleId
@@ -247,6 +255,7 @@ export default {
       }
     },
     onAdd() {
+      this.selectNodes = []
       this.dialogTitle = this.$t('newShare')
       this.dialogVisible = true
       this.dialogFormData = {
@@ -383,6 +392,7 @@ export default {
         this.dialogFormData.moduleEnvironmentIdList = []
       }
       this.post(uri, this.dialogFormData, () => {
+        this.selectNodes = []
         this.dialogVisible = false
         this.reload()
       })
@@ -430,3 +440,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.checked-nodes {
+  margin-bottom: 15px;
+}
+</style>
-- 
Gitee


From dd541169bee7cd78bf52ea360c490bb562093a38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E9=98=B3?= <1261474562@qq.com>
Date: Fri, 6 Jun 2025 16:29:38 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=B7=B2=E9=80=89=E6=8B=A9=E7=9A=84?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/DocExportDialog/index.vue  |  41 +++-
 front/src/components/DocTree/index.vue        |  45 +++-
 front/src/views/project/ShareConfig/index.vue | 215 +++++++++++++++---
 3 files changed, 267 insertions(+), 34 deletions(-)

diff --git a/front/src/components/DocExportDialog/index.vue b/front/src/components/DocExportDialog/index.vue
index 674c59ef..3135d83d 100644
--- a/front/src/components/DocExportDialog/index.vue
+++ b/front/src/components/DocExportDialog/index.vue
@@ -40,7 +40,11 @@
           </el-checkbox-group>
         </el-form-item>
         <el-form-item v-show="dialogFormData.isAll === 0">
-          <doc-tree ref="docTreeRef" readonly />
+          <div class="checked-nodes">
+            <span>选中的菜单：</span>
+            <el-tag v-for="tag in selectParentNodes" :key="tag.id" closable @close="handleClose(tag)"> {{ tag.name }} </el-tag>
+          </div>
+          <doc-tree ref="docTreeRef" readonly @checkedNodes="handleTreeCheckedNodes" @setNodesChecked="setNodesChecked" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -75,7 +79,9 @@ export default {
         envIds: []
       },
       envs: [],
-      loading: false
+      loading: false,
+      selectNodes: [],
+      selectParentNodes: []
     }
   },
   computed: {
@@ -94,12 +100,36 @@ export default {
   },
   methods: {
     show(data, moduleId) {
+      this.selectNodes = []
+      this.selectParentNodes = []
       this.loadEnv(moduleId)
       this.dialogVisible = true
       this.$nextTick(() => {
+        this.$refs.docTreeRef.initFilterText()
         this.$refs.docTreeRef.setData(data)
+        this.$refs.docTreeRef.setCheckedKeys([])
       })
     },
+    handleClose(tag) {
+      const nodes = this.selectParentNodes.filter(item => item.id !== tag.id)
+      this.selectParentNodes = [...nodes]
+      this.$refs.docTreeRef.setCheckedKeys([...nodes.map(item => item.id)])
+    },
+    handleTreeCheckedNodes(rows, unIds = []) {
+      const oldRows = this.selectNodes
+      const ids = oldRows.map(item => item.id)
+      const selectRows = rows.filter(item => {
+        if (!ids.includes(item.id)) {
+          return item
+        }
+      })
+      this.selectNodes = [...oldRows, ...selectRows].filter(item => !unIds.includes(item.id))
+      this.selectParentNodes = this.selectNodes.filter(item => !item.children.length)
+    },
+    setNodesChecked() {
+      const rows = this.selectParentNodes.map(item => item.id)
+      this.$refs.docTreeRef.setCheckedKeys([...rows])
+    },
     loadEnv(moduleId) {
       this.get('module/environment/list', { moduleId: moduleId }, resp => {
         this.envs = resp.data
@@ -111,7 +141,7 @@ export default {
       if (this.dialogFormData.isAll === 1) {
         keys = this.$refs.docTreeRef.getAllKeys()
       } else {
-        keys = this.$refs.docTreeRef.getCheckedAllKeys()
+        keys = this.selectNodes.map(item => item.id)
         if (!keys || keys.length === 0) {
           this.tipError(this.$t('pleaseCheckDoc'))
           return
@@ -179,3 +209,8 @@ export default {
   }
 }
 </script>
+<style scoped>
+.checked-nodes {
+  margin-bottom: 15px;
+}
+</style>
diff --git a/front/src/components/DocTree/index.vue b/front/src/components/DocTree/index.vue
index 17c27303..bc023719 100644
--- a/front/src/components/DocTree/index.vue
+++ b/front/src/components/DocTree/index.vue
@@ -2,12 +2,13 @@
   <div class="doc-tree">
     <el-input
       v-if="!viewMode"
+      ref="input"
       v-model="filterText"
       :placeholder="$t('filterNameUrl')"
       size="mini"
       clearable
-    >
-    </el-input>
+      @input="debouncedInput"
+    />
     <el-tree
       ref="tree"
       :data="treeRows"
@@ -29,6 +30,7 @@
   </div>
 </template>
 <script>
+import _ from 'lodash'
 export default {
   props: {
     viewMode: {
@@ -38,6 +40,10 @@ export default {
     readonly: {
       type: Boolean,
       default: false
+    },
+    message: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -57,11 +63,13 @@ export default {
       if (!search) {
         return this.treeData
       }
-      this.$emit('checkedNodes', [])
       search = search.toLowerCase()
       return this.searchRow(search, this.treeData, this.searchContent, this.isFolder)
     }
   },
+  created() {
+    this.debouncedInput = _.debounce(this.handleInput, 500)
+  },
   methods: {
     load(moduleId, beforeFun, afterFun) {
       this.get('/doc/list', { moduleId: moduleId }, resp => {
@@ -77,6 +85,12 @@ export default {
         }
       })
     },
+    initFilterText() {
+      this.filterText = ''
+    },
+    handleInput() {
+      this.$emit('setNodesChecked')
+    },
     isFolder(row) {
       return row.isFolder === 1
     },
@@ -86,14 +100,37 @@ export default {
         (row.id && row.id.toLowerCase().indexOf(searchText) > -1)
     },
     onCheckClick(data, status) {
+      let unCheckedNodes = []
       const node = this.$refs.tree.getNode(data)
+      const childNodes = node.childNodes
       if (!node.checked) {
+        const nodeKey = [node.key]
+        unCheckedNodes = [...nodeKey]
+        if (childNodes.length) {
+          unCheckedNodes = [...nodeKey, ...this.getUncheckedNodes(childNodes)]
+        }
         data.isShareFolder = false
         status.halfCheckedNodes.forEach(data => {
           data.isShareFolder = false
         })
       }
-      this.$emit('checkedNodes', this.getCheckedNodes())
+      this.$nextTick(() => {
+        this.$emit('checkedNodes', this.getCheckedNodes(), unCheckedNodes)
+      })
+    },
+    getUncheckedNodes(childNodes) {
+      let ret = []
+      for (let i = 0; i < childNodes.length; i++) {
+        let arr = []
+        const data = childNodes[i]
+        arr.push(childNodes[i].key)
+        if (data.childNodes && data.childNodes.length > 0) {
+          const childrenData = this.getUncheckedNodes(data.childNodes)
+          arr = arr.concat(childrenData)
+        }
+        ret = ret.concat(arr)
+      }
+      return ret
     },
     isChecked(data) {
       const keys = this.$refs.tree.getCheckedKeys()
diff --git a/front/src/views/project/ShareConfig/index.vue b/front/src/views/project/ShareConfig/index.vue
index 06d9e15d..bbb02afc 100644
--- a/front/src/views/project/ShareConfig/index.vue
+++ b/front/src/views/project/ShareConfig/index.vue
@@ -8,23 +8,40 @@
       border
       highlight-current-row
     >
-      <el-table-column :label="$t('shareUrl')" show-overflow-tooltip>
+      <el-table-column :label="$t('shareName')" prop="shareName" width="200"/>
+      <el-table-column :label="$t('shareUrl')"  show-overflow-tooltip  >
         <template slot-scope="scope">
-          <el-link type="primary" :href="buildUrl(scope.row)" target="_blank">{{ buildUrl(scope.row) }}</el-link>
-          <span v-if="scope.row.type === getEnums().SHARE_TYPE.ENCRYPT">
-            &nbsp;&nbsp;{{ $t('pwdShow') }}：{{ scope.row.password }}
-          </span>
-          <span v-if="scope.row.remark.length > 0" class="info-tip">
-            {{ $t('remarkShow') }}：{{ scope.row.remark }}
-          </span>
+          <div class="share-url-wrapper">
+            <el-link type="primary" :href="buildUrl(scope.row)" target="_blank">{{ buildUrl(scope.row) }}</el-link>
+            <el-button
+              type="text"
+              class="copy-btn"
+              @click="copyUrl(buildUrl(scope.row))"
+            >
+              <i class="el-icon-document-copy"></i>
+            </el-button>
+          </div>
         </template>
       </el-table-column>
-      <el-table-column :label="$t('shareDoc')" width="100">
+      <el-table-column :label="$t('pwdShow')" prop="password" width="120">
         <template slot-scope="scope">
-          <span v-if="scope.row.isAll">{{ $t('allDocs') }}</span>
-          <el-button v-else type="text" @click="viewDoc(scope.row)">{{ $t('look') }}</el-button>
+          <div class="password-wrapper">
+            <span>{{ scope.row.password }}</span>
+            <el-button
+              type="text"
+              class="copy-btn"
+              @click="copyPassword(scope.row.password)"
+            >
+              <i class="el-icon-document-copy"></i>
+            </el-button>
+          </div>
         </template>
-      </el-table-column>
+      </el-table-column>      <el-table-column :label="$t('shareDoc')" width="100">
+      <template slot-scope="scope">
+        <span v-if="scope.row.isAll">{{ $t('allDocs') }}</span>
+        <el-button v-else type="text" @click="viewDoc(scope.row)">{{ $t('look') }}</el-button>
+      </template>
+    </el-table-column>
       <el-table-column :label="$t('shareStyle')" width="100">
         <template slot-scope="scope">
           <el-tag v-if="scope.row.type === getEnums().SHARE_TYPE.PUBLIC">{{ $t('public') }}</el-tag>
@@ -58,6 +75,7 @@
           <span :title="scope.row.gmtCreate">{{ scope.row.gmtCreate.split(' ')[0] }}</span>
         </template>
       </el-table-column>
+      <el-table-column :label="$t('remark')" prop="remark" width="150"/>
       <el-table-column
         :label="$t('operation')"
         width="200"
@@ -110,8 +128,8 @@
         label-width="120px"
         size="mini"
       >
-        <el-form-item :label="$t('remark')">
-          <el-input v-model="dialogFormData.remark" :placeholder="$t('optional')" show-word-limit maxlength="50"/>
+        <el-form-item :label="$t('shareName')">
+          <el-input v-model="dialogFormData.shareName" :placeholder="$t('optional')" show-word-limit maxlength="50"/>
         </el-form-item>
         <el-form-item :label="$t('shareStyle')">
           <el-radio-group v-model="dialogFormData.type">
@@ -119,6 +137,12 @@
             <el-radio :label="2">{{ $t('encryption') }}</el-radio>
           </el-radio-group>
         </el-form-item>
+        <el-form-item v-if="dialogFormData.type === 2" :label="$t('pwdShow')" prop="password">
+          <el-input v-model="dialogFormData.password" :type="passwordType" maxlength="32">
+            <el-button slot="append" @click="generateRandomPassword">{{ $t('randomPassword') }}</el-button>
+            <i slot="suffix" :class="['el-input__icon', passwordType === 'password' ? 'el-icon-lock' : 'el-icon-unlock']" style="cursor: pointer" @click="togglePasswordVisibility"></i>
+          </el-input>
+        </el-form-item>
         <el-form-item :label="$t('expirationTime')">
           <template slot="label">
             <span>{{ $t('expirationTime') }}</span>
@@ -150,7 +174,8 @@
         <el-form-item v-show="dialogFormData.isShowDebug" :label="$t('debugEnv')">
           <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate">{{ $t('selectAll') }}</el-checkbox>
           <el-checkbox-group v-model="dialogFormData.moduleEnvironmentIdList">
-            <el-checkbox v-for="(env, index) in moduleEnvironmentList" :key="index" :label="env.id">{{
+            <el-checkbox v-for="(env, index) in moduleEnvironmentList" :key="index" :label="env.id">
+              {{
                 env.name
               }}
             </el-checkbox>
@@ -158,9 +183,17 @@
         </el-form-item>
         <el-form-item v-show="dialogFormData.isAll === 0">
           <div class="checked-nodes">
-            <span>选中的菜单：</span><el-button v-for="node in selectNodes" :key="node.id" size="mini">{{ node.name }}</el-button>
+            <span>选中的菜单：</span>
+            <el-tag v-for="tag in selectParentNodes" :key="tag.id" closable @close="handleClose(tag)"> {{ tag.name }} </el-tag>
           </div>
-          <doc-tree ref="docTreeRef"  @checkedNodes="handleTreeCheckedNodes" />
+          <doc-tree
+            ref="docTreeRef"
+            message="sharePage"
+            @checkedNodes="handleTreeCheckedNodes"
+            @setNodesChecked="setNodesChecked" />
+        </el-form-item>
+        <el-form-item :label="$t('remark')">
+          <el-input v-model="dialogFormData.remark" :placeholder="$t('optional')" show-word-limit maxlength="50"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -207,17 +240,31 @@ export default {
         isAll: 0,
         remark: '',
         isShowDebug: 1,
-        moduleEnvironmentIdList: []
+        moduleEnvironmentIdList: [] ,
+        password: '',
+        shareName: '',
       },
       autoAppend: 1,
       moduleEnvironmentList: [],
-      dialogFormRules: {},
+      passwordType: 'password',
+      dialogFormRules: {
+        password: [
+          { required: true, message: this.$t('passwordNotEmpty'), trigger: 'blur', validator: (rule, value, callback) => {
+              if (this.dialogFormData.type === 2 && !value) {
+                callback(new Error(this.$t('passwordNotEmpty')))
+              } else {
+                callback()
+              }
+            }}
+        ]
+      },
       pickerOptions: {
         disabledDate(time) {
           return time.getTime() < Date.now() - 8.64e7; // Disable dates before today
         }
       },
-      selectNodes: []
+      selectNodes: [],
+      selectParentNodes: []
     }
   },
   computed: {
@@ -235,9 +282,44 @@ export default {
     }
   },
   methods: {
-    handleTreeCheckedNodes(rows) {
-      const selectRows = rows.filter(item => !item.children.length)
-      this.selectNodes = [...selectRows]
+    handleClose(tag) {
+      const nodes = this.selectParentNodes.filter(item => item.id !== tag.id)
+      this.selectParentNodes = [...nodes]
+      this.$refs.docTreeRef.setCheckedKeys([...nodes.map(item => item.id)])
+    },
+    handleTreeCheckedNodes(rows, unIds = []) {
+      const oldRows = this.selectNodes
+      const ids = oldRows.map(item => item.id)
+      const selectRows = rows.filter(item => {
+        if (!ids.includes(item.id)) {
+          return item
+        }
+      })
+      this.selectNodes = [...oldRows, ...selectRows].filter(item => !unIds.includes(item.id))
+      this.selectParentNodes = this.selectNodes.filter(item => !item.children.length)
+    },
+    setNodesChecked() {
+      const rows = this.selectParentNodes.map(item => item.id)
+      this.$refs.docTreeRef.setCheckedKeys([...rows])
+    },
+    togglePasswordVisibility() {
+      this.passwordType = this.passwordType === 'password' ? 'text' : 'password';
+    },
+    generateRandomPassword() {
+      const chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789';
+      let password = '';
+      for (let i = 0; i < 8; i++) {
+        password += chars.charAt(Math.floor(Math.random() * chars.length));
+      }
+      this.dialogFormData.password = password;
+      this.$nextTick(() => {
+        this.$refs.dialogForm.validateField('password');
+      });
+      this.$message({
+        message: this.$t('pwdShow') + ': ' + password,
+        type: 'success',
+        duration: 3000
+      });
     },
     reload(moduleId) {
       if (moduleId) {
@@ -256,6 +338,7 @@ export default {
     },
     onAdd() {
       this.selectNodes = []
+      this.selectParentNodes = []
       this.dialogTitle = this.$t('newShare')
       this.dialogVisible = true
       this.dialogFormData = {
@@ -266,6 +349,7 @@ export default {
         moduleId: '',
         isAll: 0,
         remark: '',
+        password: '',
         moduleEnvironmentList: [],
         moduleEnvironmentIdList: []
       }
@@ -292,9 +376,12 @@ export default {
       this.dialogFormData = this.$data.dialogFormData
     },
     onTableUpdate(row) {
+      this.selectNodes = []
+      this.selectParentNodes = []
       this.dialogTitle = this.$t('updateShare')
       this.dialogVisible = true
       this.$nextTick(() => {
+        this.$refs.docTreeRef.initFilterText()
         Object.assign(this.dialogFormData, row)
 
         if (row.isShowDebug) {
@@ -302,7 +389,7 @@ export default {
         }
 
         if (!row.isAll) {
-          this.get('/doc/share/listShareDocIds', {id: row.id}, resp => {
+          this.get('/doc/share/listShareDocIds', { id: row.id }, resp => {
             const contentList = resp.data
             // 所有的文档id
             const idList = contentList.map(row => row.docId)
@@ -317,6 +404,9 @@ export default {
               }
             }, tree => {
               tree.setCheckedKeys(idList)
+              this.$nextTick(() => {
+                this.handleTreeCheckedNodes(this.$refs.docTreeRef.getCheckedNodes(), [])
+              })
             })
           })
         } else {
@@ -348,7 +438,8 @@ export default {
     onDialogSave() {
       const data = this.dialogFormData
       data.moduleId = this.moduleId
-      const checkedNodes = this.$refs.docTreeRef.getCheckedNodes()
+      const checkedNodes = [...this.selectNodes]
+      // this.$refs.docTreeRef.getCheckedNodes()
       if (!data.isAll && checkedNodes.length === 0) {
         this.tipError(this.$t('pleaseCheckDoc'))
         return
@@ -388,12 +479,17 @@ export default {
       data.content = content
       data.isAllSelectedDebug = this.checkAll
       const uri = this.dialogFormData.id ? '/doc/share/update' : '/doc/share/add'
+      if (this.dialogFormData.type === 2 && !this.dialogFormData.password) {
+        this.tipError(this.$t('passwordNotEmpty'))
+        return
+      }
       if (this.checkAll) {
         this.dialogFormData.moduleEnvironmentIdList = []
       }
       this.post(uri, this.dialogFormData, () => {
-        this.selectNodes = []
         this.dialogVisible = false
+        this.selectNodes = []
+        this.selectParentNodes = []
         this.reload()
       })
     },
@@ -418,7 +514,7 @@ export default {
     viewDoc(row) {
       this.dialogViewVisible = true
       this.$nextTick(() => {
-        this.get('/doc/share/listShareDocIds', {id: row.id}, resp => {
+        this.get('/doc/share/listShareDocIds', { id: row.id }, resp => {
           const contentList = resp.data
           const idList = contentList.map(row => row.docId)
           this.reloadDocTreeView(treeData => {
@@ -436,12 +532,77 @@ export default {
           })
         })
       })
+    },
+    copyUrl(url) {
+      navigator.clipboard.writeText(url).then(() => {
+        this.$message({
+          message: this.$t('copySuccess'),
+          type: 'success',
+          duration: 2000
+        });
+      }).catch(() => {
+        this.$message({
+          message: this.$t('copyFailed'),
+          type: 'error'
+        });
+      });
+    },
+    copyPassword(password) {
+      navigator.clipboard.writeText(password).then(() => {
+        this.$message({
+          message: this.$t('copySuccess'),
+          type: 'success',
+          duration: 2000
+        });
+      }).catch(() => {
+        this.$message({
+          message: this.$t('copyFailed'),
+          type: 'error'
+        });
+      });
     }
   }
 }
 </script>
 
 <style scoped>
+.share-url-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  position: relative;
+}
+
+.copy-btn {
+  padding: 2px 5px;
+  opacity: 0;
+  transition: opacity 0.3s;
+  position: absolute;
+  right: 0;
+}
+
+.share-url-wrapper:hover .copy-btn {
+  opacity: 1;
+}
+
+.password-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  position: relative;
+}
+
+.copy-btn {
+  padding: 2px 5px;
+  opacity: 0;
+  transition: opacity 0.3s;
+  position: absolute;
+  right: 0;
+}
+
+.password-wrapper:hover .copy-btn {
+  opacity: 1;
+}
 .checked-nodes {
   margin-bottom: 15px;
 }
-- 
Gitee