案卷分解弹窗

src/views/file/records.vue

@@ -249,6 +249,21 @@
                 </div>
             </template>
         </hc-new-dialog>
+
+        <!-- 分解文件 -->
+        <hc-new-dialog v-model="splitModal" title="案卷分解" widths="60vw" is-row-footer @close="splitModalClose">
+            <div class="split-modal-content">
+                <div class="mb-6 text-6">
+                    本次分解共
+                    <span class="text-red">【XX】</span>
+                    卷，预计耗费时长
+                    <span class="text-red">【XX】</span>
+                    分钟，分解完成之后，序号图标会变成      <HcIcon name="checkbox-circle" style="color:lightgreen" />
+                </div>
+                <div class="mb-6 text-orange">请不要重复提交，过会儿再来查看，分解好的文件在文件收集对应节点可查看</div>
+                <el-button type="primary" size="large" class="split-confirm-btn" hc-btn @click="splitModalClose">好的，我知道了</el-button>
+            </div>
+        </hc-new-dialog>
     </hc-body>
 </template>
 
@@ -1395,10 +1410,29 @@ const onmousedown = () => {
 
 const splitClick = ()=>{
     console.log('分解文件')
-    
+    splitModal.value = true
+}
+const splitModal = ref(false)
+const splitModalClose = ()=>{
+    splitModal.value = false
 }
 </script>
 
 <style lang="scss">
 @import '~style/file/records.scss';
+
+.split-modal-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 20px;
+}
+
+/* 添加按钮样式 */
+.split-confirm-btn {
+    padding: 12px 30px !important;
+    font-size: 16px !important;
+}
 </style>

src/views/transfer/move-submit.vue

@@ -51,9 +51,7 @@ const tabsData = ref([
 ])
 
 const tabsChange = (item) => {
-    if (tabsKey.value === 'one') {
-        getExcelHtmlData()
-    }
+    getExcelHtmlData()
    
 }
 const pdfUrl = ref('')