Explorar el Código

新主题,先不要发版

ZaiZai hace 1 año
padre
commit
4a359df1e6
Se han modificado 1 ficheros con 86 adiciones y 137 borrados
  1. 86 137
      src/views/archives/tuning.vue

+ 86 - 137
src/views/archives/tuning.vue

@@ -1,153 +1,103 @@
 <template>
-    <div class="hc-page-layout-box">
-        <div class="hc-layout-left-box" :style="`width:${leftWidth}px;`">
-            <div class="hc-project-box">
-                <div class="hc-project-icon-box">
-                    <HcIcon name="stack" />
-                </div>
-                <div class="ml-2 project-name-box">
-                    <span class="text-xl text-cut project-alias">{{ projectInfo.projectAlias }}</span>
-                    <div class="text-xs text-cut project-name">
-                        {{ projectInfo.name }}
-                    </div>
+    <hc-body split :loading="treeLoading" :project-nmae="projectInfo.name">
+        <template #tree>
+            <HcTree
+                :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="nodeElTreeClick" @menuTap="ElTreeMenuClick"
+                @nodeLoading="treeNodeLoading"
+            />
+        </template>
+        <hc-new-card>
+            <template #header>
+                <div class="hc-card-header-table-title">已形成的案卷</div>
+            </template>
+            <template #extra>
+                <!-- transfer_initial_expert_btn_sampling -->
+                <HcTooltip keys="archives_tuning_btn_num">
+                    <el-button hc-btn :loading="refreshFileNumberLoading" @click="refreshFileNumberClick">档号整理</el-button>
+                </HcTooltip>
+                <HcTooltip keys="archives_tuning_btn_lock">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" :loading="lockLoad" @click="lockarchives">档案锁定</el-button>
+                </HcTooltip>
+                <HcTooltip keys="archives_tuning_btn_unlock">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" :loading="unlockLoad" @click="unlockarchives">档案解锁</el-button>
+                </HcTooltip>
+                <HcTooltip keys="archives_tuning_btn_remove">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="movesClick">跨目录移动</el-button>
+                </HcTooltip>
+                <HcTooltip keys="archives_tuning_btn_edit">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="batchEditClick(1)">编辑</el-button>
+                </HcTooltip>
+                <HcTooltip keys="archives_tuning_btn_disassemble">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="tunModalClick">拆卷</el-button>
+                </HcTooltip>
+                <!-- <HcTooltip keys="archives_tuning_btn_del">
+                     <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="delModalClick">
+                         <HcIcon name="delete-bin"/>
+                         <span>删除</span>
+                     </el-button>
+                 </HcTooltip> -->
+            </template>
+            <div class="body" :class="tableFileShow ? 'file-table' : ''">
+                <div class="hc-c-table-box">
+                    <HcTable
+                        ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                        is-new :index-style="{ width: 70 }" is-check :check-style="{ width: 29 }"
+                        :ui="hoverHand ? 'hover-hand' : ''" :is-arr-index="false" is-current-row
+                        @selection-change="tableSelection" @row-click="tableRowClick"
+                    >
+                        <template #table-column-header-num>
+                            <HcTooltip keys="archives_tuning_btn_sort">
+                                <span class="text-link text-lg" @click="tableSortClick">
+                                    <HcIcon name="arrow-up-down" />
+                                </span>
+                            </HcTooltip>
+                        </template>
+                        <template #name="{ row }">
+                            <span class="text-link" @click="viewPdf(row.id)">{{ row?.name }}</span>
+                        </template>
+                    </HcTable>
                 </div>
-            </div>
-            <div v-loading="treeLoading" class="hc-tree-box" element-loading-text="加载中...">
-                <el-scrollbar>
-                    <HcTree
-                        :project-id="projectId" :contract-id="contractId" :auto-expand-keys="treeAutoExpandKeys" @nodeTap="nodeElTreeClick" @menuTap="ElTreeMenuClick"
-                        @nodeLoading="treeNodeLoading"
-                    />
-                </el-scrollbar>
-            </div>
-            <!-- 左右拖动 -->
-            <div class="horizontal-drag-line" @mousedown="onmousedown" />
-        </div>
-        <div class="hc-page-content-box">
-            <hc-new-card>
-                <template #header>
-                    <div class="hc-card-header-table-title">
-                        已形成的案卷
+                <div v-if="tableFileShow" class="hc-f-table-box">
+                    <div class="header-box">
+                        <div class="header">卷内文件</div>
+                        <div>
+                            <HcIcon
+                                name="edit" class="hc-icon-close text-hover" style=" color:rgb(64, 149, 229);"
+                                @click="batchEditClick(2)"
+                            />
+                            <!-- <HcIcon name="delete-bin" @click="delModalClick" class="hc-icon-close text-hover"
+                                    style="margin-left:5px;margin-right:5px;color: rgb(189, 49, 36);"/> -->
+                            <HcIcon
+                                name="close" class="hc-icon-close 'text-hover'" style=" color:rgb(64, 149, 229);"
+                                @click="closetableFile"
+                            />
+                        </div>
                     </div>
-                </template>
-                <template #extra>
-                    <!-- transfer_initial_expert_btn_sampling -->
-                    <HcTooltip keys="archives_tuning_btn_num">
-                        <el-button hc-btn :loading="refreshFileNumberLoading" @click="refreshFileNumberClick">
-                            <HcIcon name="folder-shared" />
-                            <span>档号整理</span>
-                        </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="archives_tuning_btn_lock">
-                        <el-button
-                            hc-btn :disabled="tableCheckedKeys.length <= 0" :loading="lockLoad"
-                            @click="lockarchives"
-                        >
-                            <HcIcon name="file-lock" />
-                            <span>档案锁定</span>
-                        </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="archives_tuning_btn_unlock">
-                        <el-button
-                            hc-btn :disabled="tableCheckedKeys.length <= 0" :loading="unlockLoad"
-                            @click="unlockarchives"
-                        >
-                            <HcIcon name="lock-unlock" />
-                            <span>档案解锁</span>
-                        </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="archives_tuning_btn_remove">
-                        <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="movesClick">
-                            <HcIcon name="git-pull-request" />
-                            <span>跨目录移动</span>
-                        </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="archives_tuning_btn_edit">
-                        <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="batchEditClick(1)">
-                            <HcIcon name="edit" />
-                            <span>编辑</span>
-                        </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="archives_tuning_btn_disassemble">
-                        <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="tunModalClick">
-                            <HcIcon name="archive-drawer" />
-                            <span>拆卷</span>
-                        </el-button>
-                    </HcTooltip>
-                    <!-- <HcTooltip keys="archives_tuning_btn_del">
-                         <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="delModalClick">
-                             <HcIcon name="delete-bin"/>
-                             <span>删除</span>
-                         </el-button>
-                     </HcTooltip> -->
-                </template>
-                <div class="body" :class="tableFileShow ? 'file-table' : ''">
-                    <div class="hc-c-table-box">
+                    <div class="hc-file-table-box">
                         <HcTable
-                            ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading"
+                            ref="tableFileRef" :loading="intableLoading" :column="innertableColumn" :datas="intableData"
                             is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
-                            :ui="hoverHand ? 'hover-hand' : ''" :is-arr-index="false" is-current-row
-                            @selection-change="tableSelection" @row-click="tableRowClick"
+                            @selection-change="intableSelection"
                         >
                             <template #table-column-header-num>
                                 <HcTooltip keys="archives_tuning_btn_sort">
-                                    <span class="text-link text-lg" @click="tableSortClick">
-                                        <HcIcon name="arrow-up-down" />
+                                    <span class="text-link text-lg" @click="intableSortClick">
+                                        <HcIcon name="arrow-up-down" class="text-hover" />
                                     </span>
                                 </HcTooltip>
                             </template>
-                            <template #name="{ row }">
-                                <span class="text-link" @click="viewPdf(row.id)">{{ row?.name }}</span>
+                            <template #fileName="{ row }">
+                                <span class="text-link text-hover" @click="viewfilePdf(row)">{{ row?.fileName }}</span>
                             </template>
                         </HcTable>
-                    </div>
-                    <div v-if="tableFileShow" class="hc-f-table-box">
-                        <div class="header-box">
-                            <div class="header">
-                                卷内文件
-                            </div>
-                            <div>
-                                <HcIcon
-                                    name="edit" class="hc-icon-close text-hover" style=" color:rgb(64, 149, 229);"
-                                    @click="batchEditClick(2)"
-                                />
-                                <!-- <HcIcon name="delete-bin" @click="delModalClick" class="hc-icon-close text-hover"
-                                        style="margin-left:5px;margin-right:5px;color: rgb(189, 49, 36);"/> -->
-                                <HcIcon
-                                    name="close" class="hc-icon-close 'text-hover'" style=" color:rgb(64, 149, 229);"
-                                    @click="closetableFile"
-                                />
-                            </div>
-                        </div>
-                        <div class="hc-file-table-box">
-                            <HcTable
-                                ref="tableFileRef" :loading="intableLoading" :column="innertableColumn" :datas="intableData"
-                                is-new :index-style="{ width: 60 }" is-check :check-style="{ width: 29 }"
-                                @selection-change="intableSelection"
-                            >
-                                <template #table-column-header-num>
-                                    <HcTooltip keys="archives_tuning_btn_sort">
-                                        <span class="text-link text-lg" @click="intableSortClick">
-                                            <HcIcon
-                                                name="arrow-up-down"
-                                                class="text-hover"
-                                            />
-                                        </span>
-                                    </HcTooltip>
-                                </template>
-                                <template #fileName="{ row }">
-                                    <span class="text-link text-hover" @click="viewfilePdf(row)">{{ row?.fileName }}</span>
-                                </template>
-                            </HcTable>
-                            <!-- <HcPages :pages="insearchForm" @change="inpageChange"/> -->
-                        </div>
+                        <!-- <HcPages :pages="insearchForm" @change="inpageChange"/> -->
                     </div>
                 </div>
-                <template #action>
-                    <HcPages :pages="searchForm" @change="pageChange" />
-                </template>
-            </hc-new-card>
-        </div>
+            </div>
+            <template #action>
+                <HcPages :pages="searchForm" @change="pageChange" />
+            </template>
+        </hc-new-card>
         <!-- 跨目录移动 -->
         <hc-new-dialog v-model="movesModal" title="跨目录移动" widths="990px" is-table :loading="movesModalLoading" @close="movesModalClose" @save="movesModalSave">
             <div class="hc-moves-transfer-box">
@@ -236,7 +186,6 @@
                 />
             </template>
         </hc-new-dialog>
-
         <!-- 编辑案卷信息 -->
         <el-dialog v-model="showUploadModal" :title="editTitle" width="80vw" class="hc-modal-border hc-modal-table">
             <HcTable
@@ -293,7 +242,7 @@
                 </div>
             </template>
         </el-dialog>
-    </div>
+    </hc-body>
 </template>
 
 <script setup>