按钮修改

src/views/tentative/detect/test.vue

@@ -45,7 +45,7 @@
                             <span>新增</span>
                         </el-button>
                     </HcTooltip>
-                    <HcTooltip keys="tentative_detect_test_copy">
+                    <!-- <HcTooltip keys="tentative_detect_test_copy">
                         <el-button
                             :disabled="tableCheckedKeys.length <= 0" :loading="copyLoading" hc-btn
                             color="#A16222" @click="copyDataClick"
@@ -53,6 +53,15 @@
                             <hc-icon name="file-copy-2" />
                             <span>复制</span>
                         </el-button>
+                    </HcTooltip> -->
+                    <HcTooltip keys="tentative_detect_test_report">
+                        <el-button
+                            :disabled="tableCheckedKeys.length <= 0" :loading="reportPdfLoading" hc-btn
+                            color="#FF976A" style="color: white;" @click="reportPdfClick"
+                        >
+                            <hc-icon name="send-plane-2" />
+                            <span>批量上报</span>
+                        </el-button>
                     </HcTooltip>
                     <HcTooltip keys="tentative_detect_test_del">
                         <el-button
@@ -63,7 +72,7 @@
                             <span>删除</span>
                         </el-button>
                     </HcTooltip>
-                    <HcTooltip keys="tentative_detect_test_print">
+                    <!-- <HcTooltip keys="tentative_detect_test_print">
                         <el-button
                             :disabled="tableCheckedKeys.length <= 0" :loading="printPdfLoading" hc-btn
                             color="#567722" @click="printPdfClick"
@@ -71,17 +80,9 @@
                             <hc-icon name="printer" />
                             <span>批量打印</span>
                         </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="tentative_detect_test_report">
-                        <el-button
-                            :disabled="tableCheckedKeys.length <= 0" :loading="reportPdfLoading" hc-btn
-                            color="#FF976A" style="color: white;" @click="reportPdfClick"
-                        >
-                            <hc-icon name="send-plane-2" />
-                            <span>批量上报</span>
-                        </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="tentative_detect_test_quit">
+                    </HcTooltip> -->
+                 
+                    <!-- <HcTooltip keys="tentative_detect_test_quit">
                         <el-button
                             :disabled="tableCheckedKeys.length <= 0" :loading="quitPdfLoading" hc-btn
                             color="#e54d42" @click="quitPdfClick"
@@ -89,8 +90,8 @@
                             <hc-icon name="delete-bin-3" />
                             <span>批量废除</span>
                         </el-button>
-                    </HcTooltip>
-                    <HcTooltip keys="tentative_detect_test_null">
+                    </HcTooltip> -->
+                    <!-- <HcTooltip keys="tentative_detect_test_null">
                         <el-button
                             :disabled="tableCheckedKeys.length <= 0" :loading="printNullPdfLoading" hc-btn
                             color="#567722" @click="printNullPdfClick"
@@ -98,7 +99,20 @@
                             <hc-icon name="printer" />
                             <span>打印空表</span>
                         </el-button>
-                    </HcTooltip>
+                    </HcTooltip> -->
+                    <el-dropdown trigger="click" >
+                        <el-button hc-btn type="success" :loading="dataBtnLoad">
+                            <span>综合功能</span>
+                            <hc-icon name="arrow-down-s" />
+                        </el-button>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <template v-for="item in dataSyncMenu" :key="item.key">
+                                    <el-dropdown-item @click="dataSyncMenuClick(item)" :disabled="tableCheckedKeys.length <= 0" >{{ item.name }}</el-dropdown-item>
+                                </template>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
                 </template>
                 <template #search>
                     <div class="w-40">
@@ -509,6 +523,28 @@ const pageChange = ({ current, size }) => {
     searchForm.value.size = size
     getTableData()
 }
+const dataBtnLoad=ref(false)
+//综合功能菜单
+const dataSyncMenu = [
+    { key: 'copy', name: '复制', load: true },
+    { key: 'print', name: '批量打印', load: true },
+    { key: 'delete', name: '批量废除', load: true },
+    { key: 'printExcel', name: '打印空表', load: true },
+]
+const dataSyncMenuClick = (item) => {
+    const { key } = item
+    if (key === 'copy') {
+        copyDataClick()
+ 
+    } else if (key === 'print') {
+        printPdfClick()
+    } else if (key === 'delete') {
+        quitPdfClick()
+    }else if (key === 'printExcel') {
+        printNullPdfClick()
+    }
+    
+}
 
 //表格数据
 const tableRef = ref(null)
@@ -624,12 +660,14 @@ const copyLoading = ref(false)
 const copyDataApi = async (ids) => {
     //请求数据
     copyLoading.value = true
+    dataBtnLoad.value = true
     const { error, code, msg } = await dataApi.copyData({
         projectId: projectId.value,
         ids: ids,
     }, false)
     //处理数据
     copyLoading.value = false
+    dataBtnLoad.value = false
     if (!error && code === 200) {
         window.$message?.success('复制成功')
         searchClick()
@@ -679,6 +717,7 @@ const printPdfClick = async () => {
         const ids = arrToId(rows)
         //请求数据
         printPdfLoading.value = true
+        dataBtnLoad.value = true
         const { error, code, msg, data } = await dataApi.printPdf({
             projectId: projectId.value,
             ids: ids,
@@ -686,6 +725,7 @@ const printPdfClick = async () => {
         //处理数据
         const pdfUrl = isString(data) ? data || '' : ''
         printPdfLoading.value = false
+        dataBtnLoad.value = false
         if (!error && code === 200 && pdfUrl) {
             toPdfPage(pdfUrl)
             //window.open(pdfUrl, '_blank')
@@ -712,12 +752,14 @@ const quitPdfClick = async () => {
         } else {
             //请求数据
             quitPdfLoading.value = true
+            dataBtnLoad.value = true
             const { error, code, msg } = await dataApi.batchAbolish({
                 projectId: projectId.value,
                 contractId: contractId.value,
                 primaryKeyId: primaryKeyId.value,
                 ids: ids,
             }, false)
+            dataBtnLoad.value = false
             //处理数据
             if (!error && code === 200) {
                 window.$message?.success('废除成功')
@@ -809,6 +851,7 @@ const printNullPdfClick = async () => {
         const ids = arrToId(rows)
         //请求数据
         printNullPdfLoading.value = true
+        dataBtnLoad.value = true
         const { error, code, msg, data } = await dataApi.printNullPdf({
             projectId: projectId.value,
             ids: ids,
@@ -816,6 +859,7 @@ const printNullPdfClick = async () => {
         //处理数据
         const pdfUrl = isString(data) ? data || '' : ''
         printNullPdfLoading.value = false
+        dataBtnLoad.value = false
         if (!error && code === 200 && pdfUrl) {
             toPdfPage(pdfUrl)
             //window.open(pdfUrl, '_blank')