回收站修改

src/views/user/index.vue

@@ -252,7 +252,7 @@
                         </el-button>
                     </div>
                     <div v-if="tabTypeKey === '1'" class="position-absolute right-0">
-                        <el-button type="success" :disabled="RecycleCheckedKeys.length < 1" @click="searchRecleClick">
+                        <el-button type="success" :disabled="RecycleCheckedKeys.length < 1" @click="recoverClick">
                             <hc-icon name="arrow-go-back" />
                             <span>恢复</span>
                         </el-button>
@@ -269,7 +269,7 @@
                         </div>
                     </template>
                     <template #action="{ row }">
-                        <el-link type="success" @click="recoverClick">恢复</el-link>
+                        <el-link type="success" @click="recoverClick(row)">恢复</el-link>
                     </template>
                 </HcTable>
                 <template #action>
@@ -293,6 +293,26 @@
             <!-- {{ operationContent }} -->
             <div v-html="saveData" />
         </hc-new-dialog>
+        <!-- 恢复提醒 -->
+        <hc-new-dialog v-model="recoverModal" title="恢复提醒">
+            <div class="felx-col flex items-center justify-start font-bold">
+                <div class="mr-4 text-24px">
+                    <HcIcon name="error-warning" class="text-orange" />
+                </div>
+                <div>
+                    <p class="mb-2">
+                        【
+                        <span v-for="(item, index) in cheVal" :key="item.id" class="mb-2">
+                            {{ index === cheVal.length - 1 ? item.fileName : `${item.fileName}、` }}
+                        </span>
+                        】
+                        存在多条删除信息
+                    </p>
+                    <p> 是否恢复“删除位置”下所有的节点或文件</p>
+                </div>
+            </div>
+            <p class="mt-2 text-orange">  * 可以通过搜索栏查询“删除位置”下包含哪些节点，请确认后谨慎选择</p>
+        </hc-new-dialog>
     </div>
 </template>
 
@@ -807,7 +827,10 @@ const recycleTableColumn2 = [
    
 ]
 const recycleTableLoading = ref(false)
-const recycleTableData = ref(null)
+const recycleTableData = ref([
+     { fileName: '文件名', createUserName: '创建人', operationTime: '操作时间' },
+     { fileName: '文件名', createUserName: '创建人', operationTime: '操作时间' },
+])
 
 //分页被点击
 const pageRecycleChange = ({ current, size }) => {
@@ -818,19 +841,19 @@ const pageRecycleChange = ({ current, size }) => {
 
 //获取数据
 const getRecycleTableData = async () => {
-    const { error, code, data } = await userApi.queryRecycleBinList({
-        projectId: projectId.value,
-        contractId: contractId.value,
-        delType: tabTypeKey.value,
-        ...searchRecycleForm.value,
-    })
-    if (!error && code === 200) {
-        recycleTableData.value = getArrValue(data['records'])
-        searchRecycleForm.value.total = data.total || 0
-    } else {
-        recycleTableData.value = []
-        searchRecycleForm.value.total = 0
-    }
+    // const { error, code, data } = await userApi.queryRecycleBinList({
+    //     projectId: projectId.value,
+    //     contractId: contractId.value,
+    //     delType: tabTypeKey.value,
+    //     ...searchRecycleForm.value,
+    // })
+    // if (!error && code === 200) {
+    //     recycleTableData.value = getArrValue(data['records'])
+    //     searchRecycleForm.value.total = data.total || 0
+    // } else {
+    //     recycleTableData.value = []
+    //     searchRecycleForm.value.total = 0
+    // }
 }
 
 //多选
@@ -898,9 +921,20 @@ const tabBetweenTimeUpdate = ({ arr, val, query }) => {
 const searchRecleClick = () => {
     // getRecycleTableData()
 }
-const recoverClick = ()=>{
+const recoverModal = ref(false)
+const recoverClick = (row)=>{
+    console.log(row, 'row')
     
+    recoverModal.value = true
+
+   if (RecycleCheckedKeys.value.length === 0) {
+       cheVal.value = [row]
+   } else {
+    cheVal.value = RecycleCheckedKeys.value
+
+   }
 }
+const cheVal = ref([])
 </script>
 
 <style lang="scss" scoped>