fix: 查看二维码改为弹窗

src/views/emergency/emergency-drill/components/DrillPlanViewActivities.vue

@@ -113,12 +113,7 @@
           <el-col :span="8">
             <div class="drill-container__content--item">
               <span class="label">签到码：</span>
-              <el-popover placement="bottom" trigger="hover" width="224">
-                <template #reference>
-                  <span style="cursor: pointer">查看签到码</span>
-                </template>
-                <QrCode :value="qrCode" :width="200" />
-              </el-popover>
+              <span class="value font-primary link" @click="basicDialogRef.openDialog">查看签到码</span>
             </div>
           </el-col>
         </el-row>
@@ -138,6 +133,11 @@
       </template>
     </BasicTable>
     <PreviewOnline ref="previewOnlineRef" />
+    <BasicDialog ref="basicDialogRef" title="签到码" width="640">
+      <template #form>
+        <QrCode :value="qrCode" :width="600" />
+      </template>
+    </BasicDialog>
   </div>
 </template>
 
@@ -145,6 +145,7 @@
   import { onMounted, ref } from 'vue';
   import { ElMessage, ElPopover } from 'element-plus';
   import BasicTable from '@/components/BasicTable.vue';
+  import BasicDialog from '@/components/BasicDialog.vue';
   import { Download } from '@element-plus/icons-vue';
   import { useRoute } from 'vue-router';
   import { DrillPlanItemDetail } from '../types';
@@ -168,6 +169,7 @@
   const approvalList = ref();
   // const emergencyPlanDetail = ref();
   const drillData = ref<DrillPlanItemDetail>();
+  const basicDialogRef = ref();
   const qrCode = ref();
   const previewOnlineRef = ref<InstanceType<typeof PreviewOnline>>();
 
@@ -245,4 +247,7 @@
   .link {
     cursor: pointer;
   }
+  :deep(.basic-dialog--custom) {
+    max-height: unset;
+  }
 </style>