可信代码库-智能匹配列表申请入库功能点击弹框提示

src/views/Jyh/Search/Components/BatchVerify.vue

@@ -105,7 +105,7 @@
         <d-column header="操作" width="200" fixed-right="0px">
           <!--TODO:申请入口只有校验不通过的才显示-->
           <template #default="scope">
-            <d-button variant="text" v-if="scope.row.validStatus == 0" :disabled="scope.row.validStatus !== 0">
+            <d-button  @click="showApplyDialog(scope.row)" variant="text" v-if="scope.row.validStatus == 0" :disabled="scope.row.validStatus !== 0">
               申请入库
             </d-button>
           </template>
@@ -118,6 +118,19 @@
       <NoData v-else :small="false"></NoData>
     </div>
 
+    <!-- 新增申请入库提示弹窗 -->
+    <d-modal  v-model="applyDialogVisible" title="申请入库提示" style="width: 400px">
+      <div class="text-G900 text-sm leading-[24px]">
+        如需提交治理申请，请邮件联系平台运营团队：<br>
+        <a class="text-blue-500 cursor-pointer" @click="openEmailClient">luoxunzhao@jyhlab.org.cn</a>
+      </div>
+      <template #footer>
+        <d-modal-footer style="text-align: right; padding-right: 20px;">
+          <d-button @click="hidden">取消</d-button>
+          <d-button @click="hidden">确认</d-button>
+        </d-modal-footer>
+      </template>
+    </d-modal>
     <!-- 删除组件 -->
     <GModal
       v-model="deletevModels"
@@ -152,6 +165,27 @@ import { releasePage, repoImport } from '@/api/jyh';
 import NoData from '@/components/NoData/NoData.vue';
 import * as XLSX from 'xlsx';
 
+const hidden = () => {
+  applyDialogVisible.value = false;
+};
+// 新增弹窗状态
+const applyDialogVisible = ref(false);
+
+// 显示申请入库提示弹窗
+const showApplyDialog = (row: any) => {
+  applyDialogVisible.value = true;
+};
+
+// 打开邮件客户端
+const openEmailClient = () => {
+  try {
+    window.location.href = 'mailto:luoxunzhao@jyhlab.org.cn';
+  } catch (error) {
+    Message.error('无法打开邮件客户端，请手动复制邮箱地址联系');
+  }
+};
+
+
 const downloadTemplate = async () => {
   try {
     const response = await fetch('/static/软件存在及可信校验模版.xlsx');