11

src/views/user/index.vue

@@ -222,11 +222,42 @@
             <HcNewCard v-if="menuKey === 'recycle'" action-size="lg">
                 <template #header>
                     <div class="mr-5">{{ menuItem.label }}</div>
-                    <HcNewSwitch :datas="userTypeTab" :keys="userTypeKey" size="default" @change="userTypeChange" />
+                    <!-- <HcNewSwitch :datas="userTypeTab" :keys="userTypeKey" size="default" @change="userTypeChange" /> -->
                 </template>
                 <template #extra>
                     <HcNewSwitch :datas="tabTypeTab" :keys="tabTypeKey" size="default" @change="tabTypeChange" />
                 </template>
+                <template #search>
+                    <div class="w-250px"> 
+                        <hc-date-picker :dates="tabBetweenTime" clearable @change="tabBetweenTimeUpdate" />
+                    </div>
+                    <div class="ml-2 w-200px">
+                        <el-select v-model="searchRecleForm.userId" placeholder="操作人" filterable block>
+                            <el-option v-for="item in userData" :key="item.id" :label="item.contractName" :value="item.id" />
+                        </el-select>
+                    </div>
+                    <div class="ml-2 w-40">
+                        <el-select v-model="searchRecleForm.dataStatus" placeholder="是否资料节点" filterable clearable block>
+                            <el-option label="是" :value="1" />
+                            <el-option label="未引用" :value="0" />
+                        </el-select>
+                    </div>
+                    <div class="ml-2 w-72">
+                        <el-input v-model="searchRecleForm.queryValue" clearable placeholder="请输入工程划分" @keyup="keyUpEvent" />
+                    </div>
+                    <div class="ml-2">
+                        <el-button type="primary" @click="searchRecleClick">
+                            <hc-icon name="search-2" />
+                            <span>搜索</span>
+                        </el-button>
+                    </div>
+                    <div v-if="tabTypeKey === '1'" class="position-absolute right-0">
+                        <el-button type="success" :disabled="RecycleCheckedKeys.length < 1" @click="searchRecleClick">
+                            <hc-icon name="arrow-go-back" />
+                            <span>恢复</span>
+                        </el-button>
+                    </div>
+                </template>
                 <HcTable
                     ref="recycleTableRef" :column="recycleTableColumn" :datas="recycleTableData" :loading="recycleTableLoading"
                     is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
@@ -237,6 +268,9 @@
                             {{ row?.fileName }}
                         </div>
                     </template>
+                    <template #action="{ row }">
+                        <el-link type="success" @click="recoverClick">恢复</el-link>
+                    </template>
                 </HcTable>
                 <template #action>
                     <div class="foot-recycle">
@@ -716,8 +750,8 @@ const userTypeChange = (item) => {
 //结构类型tab数据和相关处理
 const tabTypeKey = ref('1')
 const tabTypeTab = ref([
-    { key: '1', name: '文件资料' },
-    { key: '2', name: '工程划分' },
+    { key: '1', name: '删除台账' },
+    { key: '2', name: '恢复台账' },
 ])
 const tabTypeChange = (item) => {
     tabTypeKey.value = item?.key
@@ -725,6 +759,8 @@ const tabTypeChange = (item) => {
     searchRecycleForm.value.current = 1
     searchRecycleForm.value.delType = item?.key
     getRecycleTableData()
+    recycleTableColumn.value = tabTypeKey.value === '1' ? recycleTableColumn1 : recycleTableColumn2
+
 }
 
 //搜索和分页数据
@@ -736,11 +772,40 @@ const searchRecycleForm = ref({
 //表格数据
 const recycleTableRef = ref(null)
 const recycleTableColumn = ref([
-    { key: 'fileName', name: '删除内容' },
-    { key: 'position', name: '父节点名称' },
-    { key: 'createUserName', name: '操作人' },
+     { key: 'fileName', name: '删除位置' },
+    { key: 'fileName', name: '工程划分' },
+    { key: 'fileName', name: '是否资料节点', width: '100' },
+    { key: 'fileName', name: '文件题名(施工)' },
+    { key: 'fileName', name: '文件题名(监理)' },
+    { key: 'createUserName', name: '删除人' },
     { key: 'operationTime', name: '删除时间', align: 'center', width: '180' },
+    { key: 'action', name: '操作', width: '80' },
 ])
+const recycleTableColumn1 = [
+   
+    { key: 'fileName', name: '删除位置' },
+    { key: 'fileName', name: '工程划分' },
+    { key: 'fileName', name: '是否资料节点', width: '100' },
+    { key: 'fileName', name: '文件题名(施工)' },
+    { key: 'fileName', name: '文件题名(监理)' },
+    { key: 'createUserName', name: '删除人' },
+    { key: 'operationTime', name: '删除时间', align: 'center', width: '180' },
+    { key: 'action', name: '操作', width: '80' },
+   
+]
+const recycleTableColumn2 = [
+    { key: 'fileName', name: '删除位置' },
+    { key: 'fileName', name: '工程划分' },
+    { key: 'fileName', name: '是否资料节点', width: '100' },
+    { key: 'fileName', name: '文件题名(施工)' },
+    { key: 'fileName', name: '文件题名(监理)' },
+    { key: 'createUserName', name: '恢复人' },
+    { key: 'operationTime', name: '恢复时间', align: 'center', width: '180' },
+    { key: 'createUserName', name: '删除信息' },
+   
+   
+   
+]
 const recycleTableLoading = ref(false)
 const recycleTableData = ref(null)
 
@@ -815,6 +880,27 @@ const recycleBtnClick = async () => {
         window.$message?.warning('请先勾选要恢复的数据')
     }
 }
+
+
+const tabBetweenTime = ref(null)
+const searchRecleForm = ref({
+
+})
+const userData = ref([])
+
+//日期时间被选择
+const tabBetweenTimeUpdate = ({ arr, val, query }) => {
+    betweenTime.value = arr
+    console.log('val', val)
+    console.log('arr', arr)
+    console.log('query', query)
+}
+const searchRecleClick = () => {
+    // getRecycleTableData()
+}
+const recoverClick = ()=>{
+    
+}
 </script>
 
 <style lang="scss" scoped>