解决360浏览器中，任务审核乱跳的问题。新增打包的时候，进行拆包的优化，优化首次加载速度

package.json

@@ -18,19 +18,19 @@
         "crypto-js": "^4.1.1",
         "dayjs": "^1.11.7",
         "echarts": "^5.4.2",
-        "element-plus": "2.3.4",
-        "hc-vue3-ui": "^1.2.2",
+        "element-plus": "2.3.5",
+        "hc-vue3-ui": "^1.2.3",
         "js-base64": "^3.7.5",
         "js-cookie": "^3.0.5",
         "js-fast-way": "^0.1.0",
         "js-md5": "^0.7.3",
         "js-web-screen-shot": "^1.9.7-rc.1",
         "nprogress": "^0.2.0",
-        "pinia": "^2.1.1",
+        "pinia": "^2.1.3",
         "remixicon": "^3.3.0",
         "split.js": "^1.6.5",
         "vue": "^3.3.4",
-        "vue-router": "^4.2.0",
+        "vue-router": "^4.2.2",
         "vuedraggable": "^4.1.0"
     },
     "devDependencies": {
@@ -38,10 +38,11 @@
         "@vue/compiler-sfc": "^3.3.4",
         "archiver": "^5.3.1",
         "autoprefixer": "^10.4.14",
-        "postcss": "^8.4.23",
+        "postcss": "^8.4.24",
         "sass": "^1.62.1",
         "tailwindcss": "3.3.2",
-        "vite": "^4.3.8",
+        "vite": "^4.3.9",
+        "vite-plugin-chunk-split": "^0.4.7",
         "z-element-plus": "^1.1.3"
     }
 }

src/config/index.json

@@ -1,9 +1,6 @@
 {
-    "version": "202304141558",
-    "target": "http://192.168.0.155:8090",
-    "smsPhone": "",
-    "vite": {
-        "port": 5173,
-        "host": "0.0.0.0"
-    }
-}
+  "version": "20230601184204",
+  "target": "http://127.0.0.1:8090",
+  "smsPhone": "",
+  "vite": {}
+}

src/styles/app/main.scss

@@ -3,6 +3,11 @@ html, body, #app {
     background-color: #F1F5F8;
 }
 
+embed {
+    overflow-clip-margin: content-box !important;
+    overflow: clip !important;
+}
+
 //设置表单样式
 .hc-excel-table-form-view {
     position: relative;

src/test/index.vue

@@ -1,20 +1,25 @@
 <template>
-    <div class="hc-page-box">
-        <HcCard scrollbar>
-            <template #header>
-                <el-button type="primary">按钮</el-button>
-            </template>
-
-        </HcCard>
-    </div>
+    <HcCard>
+        <template #header>
+            <el-button size="large" type="primary">
+                <HcIcon name="search-2"/>
+                <span>搜索</span>
+            </el-button>
+        </template>
+        <template #extra>
+            extra
+        </template>
+        3333
+        <template #action>
+            action
+        </template>
+    </HcCard>
 </template>
 
 <script setup>
-import {nextTick, onMounted, ref} from "vue";
-import { getRandomFrom } from "js-fast-way"
-//import {data} from './data.js'
-
-onMounted(() => {
 
-})
 </script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/tasks/hc-data.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="hc-layout-box">
-        <HcTabsSimple :cur="sbTableKey" :datas="sbTableData" @tabClick="sbTableClick">
+        <HcTabsSimple :noDropShadow="showTaskReviewModal" :cur="sbTableKey" :datas="sbTableData" @tabClick="sbTableClick">
             <template #tab-key1>
                 <TableCard v-if="sbTableKey === 'key1'" :contractId="contractId"
                            :contractList="projectInfo['contractInfoList']"
@@ -37,8 +37,7 @@
             </template>
             <div class="hc-card-body-flex">
                 <div v-if="batchPdfUrl" class="flex-iframe">
-                    <embed :src="batchPdfUrl" height='100%' type="application/pdf" width='100%'/>
-                    <!--iframe allow="display-capture" width='100%' height='100%' frameborder='1' :src="batchPdfUrl"></iframe-->
+                    <hc-pdf :src="batchPdfUrl"/>
                 </div>
                 <div v-else class="flex-iframe hc-no-table-form">
                     <div class="table-form-no">

vite.config.js

@@ -1,6 +1,7 @@
 import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import {resolve} from "path";
+import { chunkSplitPlugin } from 'vite-plugin-chunk-split';
 import config from "./src/config";
 
 // https://vitejs.dev/config/
@@ -23,7 +24,10 @@ export default defineConfig({
         }
     },
     plugins: [
-        vue()
+        vue(),
+        chunkSplitPlugin({
+            strategy: 'unbundle'
+        })
     ],
     server: {
         ...config.vite,

yarn.lock

@@ -628,28 +628,7 @@ electron-to-chromium@^1.4.284:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.367.tgz#d9ddc529ba2315fc852b722c359e4a40e86aa742"
   integrity sha512-mNuDxb+HpLhPGUKrg0hSxbTjHWw8EziwkwlJNkFUj3W60ypigLDRVz04vU+VRsJPi8Gub+FDhYUpuTm9xiEwRQ==
 
-element-plus@2.3.4:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/element-plus/-/element-plus-2.3.4.tgz#4319f6b0a1096cfac9c53b69da2fe23ac5aea63e"
-  integrity sha512-SQr0J9z7N4z48WYk/l9NE2tizl8Q7j2OhqlpTc42k4pGncry3+rVX6dsmcsglFynn6vt3NzYxWJqmLFyDKQq+g==
-  dependencies:
-    "@ctrl/tinycolor" "^3.4.1"
-    "@element-plus/icons-vue" "^2.0.6"
-    "@floating-ui/dom" "^1.0.1"
-    "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
-    "@types/lodash" "^4.14.182"
-    "@types/lodash-es" "^4.17.6"
-    "@vueuse/core" "^9.1.0"
-    async-validator "^4.2.5"
-    dayjs "^1.11.3"
-    escape-html "^1.0.3"
-    lodash "^4.17.21"
-    lodash-es "^4.17.21"
-    lodash-unified "^1.0.2"
-    memoize-one "^6.0.0"
-    normalize-wheel-es "^1.2.0"
-
-element-plus@^2.3.5:
+element-plus@2.3.5, element-plus@^2.3.5:
   version "2.3.5"
   resolved "http://47.110.251.215:9000/element-plus/-/element-plus-2.3.5.tgz#5b04de44fd0ee1bd29ad6ed971d9155982cc1295"
   integrity sha512-g27DHm2C5/tPwte9H6Juu+JOdzT9z1ALHTIvia6MwnBdCrI4kd77o6KcYdodU15/tYiPBoCEmobhl/7GUDb+1Q==
@@ -677,6 +656,11 @@ end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
+es-module-lexer@^1.0.3:
+  version "1.2.1"
+  resolved "http://47.110.251.215:9000/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
+  integrity sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==
+
 esbuild@^0.17.5:
   version "0.17.17"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.17.tgz#fa906ab11b11d2ed4700f494f4f764229b25c916"
@@ -834,10 +818,10 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hc-vue3-ui@^1.2.2:
-  version "1.2.2"
-  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-1.2.2.tgz#bc7d90bc3fcc51f3867f653910cc1225ccebede0"
-  integrity sha512-AE4AuJErzHLuRcsWbLQmm3+xyey8yjD0piazORPw/PA8Vw/noqDb6ZZ+gjtORgE6a1FpR9kZNCjxUYpib1PXtg==
+hc-vue3-ui@^1.2.3:
+  version "1.2.3"
+  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-1.2.3.tgz#6c4f20e1c4971eb7bb4615e8186db4d229234722"
+  integrity sha512-dlrtEug0CRxkOq3sZxK+WWcYOEDIClICuTPv6uYTUlORZmi7gmI3lJOUCJ7fFgV+04YWu7WNgVRfdu3H8yv7UA==
   dependencies:
     axios "^1.4.0"
     dayjs "^1.11.7"
@@ -1006,6 +990,13 @@ lodash@^4.17.21:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
+magic-string@^0.26.3:
+  version "0.26.7"
+  resolved "http://47.110.251.215:9000/magic-string/-/magic-string-0.26.7.tgz#caf7daf61b34e9982f8228c4527474dac8981d6f"
+  integrity sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
 magic-string@^0.30.0:
   version "0.30.0"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.0.tgz#fd58a4748c5c4547338a424e90fa5dd17f4de529"
@@ -1138,13 +1129,13 @@ pify@^2.3.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
 
-pinia@^2.1.1:
-  version "2.1.1"
-  resolved "http://47.110.251.215:9000/pinia/-/pinia-2.1.1.tgz#542c6bb8a7c27b342082f431bccd6124b63c5b55"
-  integrity sha512-Y2CgpcUtD8Ogdvo5LW5g20ykSZgnVDMgTSZFr40EvO6HB8axQk+0lHa1UrRah9wworFaxjovwRlY/wRICWj/KQ==
+pinia@^2.1.3:
+  version "2.1.3"
+  resolved "http://47.110.251.215:9000/pinia/-/pinia-2.1.3.tgz#50c70c7b4c94c109fade0ed4122231cbba72f8c5"
+  integrity sha512-XNA/z/ye4P5rU1pieVmh0g/hSuDO98/a5UC8oSP0DNdvt6YtetJNHTrXwpwsQuflkGT34qKxAEcp7lSxXNjf/A==
   dependencies:
     "@vue/devtools-api" "^6.5.0"
-    vue-demi ">=0.14.2"
+    vue-demi ">=0.14.5"
 
 pirates@^4.0.1:
   version "4.0.5"
@@ -1213,6 +1204,15 @@ postcss@^8.4.23:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+postcss@^8.4.24:
+  version "8.4.24"
+  resolved "http://47.110.251.215:9000/postcss/-/postcss-8.4.24.tgz#f714dba9b2284be3cc07dbd2fc57ee4dc972d2df"
+  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -1348,6 +1348,11 @@ sortablejs@^1.15.0:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
+sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "http://47.110.251.215:9000/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
 split.js@^1.6.5:
   version "1.6.5"
   resolved "https://registry.yarnpkg.com/split.js/-/split.js-1.6.5.tgz#f7f61da1044c9984cb42947df4de4fadb5a3f300"
@@ -1483,10 +1488,18 @@ utrie@^1.0.2:
   dependencies:
     base64-arraybuffer "^1.0.2"
 
-vite@^4.3.8:
-  version "4.3.8"
-  resolved "http://47.110.251.215:9000/vite/-/vite-4.3.8.tgz#70cd6a294ab52d7fb8f37f5bc63d117dd19e9918"
-  integrity sha512-uYB8PwN7hbMrf4j1xzGDk/lqjsZvCDbt/JC5dyfxc19Pg8kRm14LinK/uq+HSLNswZEoKmweGdtpbnxRtrAXiQ==
+vite-plugin-chunk-split@^0.4.7:
+  version "0.4.7"
+  resolved "http://47.110.251.215:9000/vite-plugin-chunk-split/-/vite-plugin-chunk-split-0.4.7.tgz#3ada0e85b4e4cc4fba7540c4fc691aec4f893c07"
+  integrity sha512-BGPMTxlC6Z+VNY1t/51F1ablkt4UQqdEPvAmCKRBsEPIpKAlW3sioQwK4klS14ievsGNaeALAKdko7n3oPJ8BQ==
+  dependencies:
+    es-module-lexer "^1.0.3"
+    magic-string "^0.26.3"
+
+vite@^4.3.9:
+  version "4.3.9"
+  resolved "http://47.110.251.215:9000/vite/-/vite-4.3.9.tgz#db896200c0b1aa13b37cdc35c9e99ee2fdd5f96d"
+  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
   dependencies:
     esbuild "^0.17.5"
     postcss "^8.4.23"
@@ -1499,15 +1512,15 @@ vue-demi@*:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.0.tgz#dcfd9a9cf9bb62ada1582ec9042372cf67ca6190"
   integrity sha512-gt58r2ogsNQeVoQ3EhoUAvUsH9xviydl0dWJj7dabBC/2L4uBId7ujtCwDRD0JhkGsV1i0CtfLAeyYKBht9oWg==
 
-vue-demi@>=0.14.2:
-  version "0.14.4"
-  resolved "http://47.110.251.215:9000/vue-demi/-/vue-demi-0.14.4.tgz#e3e634eece46ad39e391523cde5b395d22f6cf33"
-  integrity sha512-YR9bCmtIYgsqNVRG3MLLWlhbZ9tTNMuWHPd7yx0pHS3NDX17MeVNHgKTOClYE8pBjsfNe4CMaReP7zQtHDIbiA==
+vue-demi@>=0.14.5:
+  version "0.14.5"
+  resolved "http://47.110.251.215:9000/vue-demi/-/vue-demi-0.14.5.tgz#676d0463d1a1266d5ab5cba932e043d8f5f2fbd9"
+  integrity sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==
 
-vue-router@^4.2.0:
-  version "4.2.0"
-  resolved "http://47.110.251.215:9000/vue-router/-/vue-router-4.2.0.tgz#558f31978a21ce3accf5122ffdf2cec34a5d2517"
-  integrity sha512-c+usESa6ZoWsm4PPdzRSyenp5A4dsUtnDJnrI03fY1IpIihA9TK3x5ffgkFDpjhLJZewsXoKURapNLFdZjuqTg==
+vue-router@^4.2.2:
+  version "4.2.2"
+  resolved "http://47.110.251.215:9000/vue-router/-/vue-router-4.2.2.tgz#b0097b66d89ca81c0986be03da244c7b32a4fd81"
+  integrity sha512-cChBPPmAflgBGmy3tBsjeoe3f3VOSG6naKyY5pjtrqLGbNEXdzCigFUHgBvp9e3ysAtFtEx7OLqcSDh/1Cq2TQ==
   dependencies:
     "@vue/devtools-api" "^6.5.0"