fix

src/views/AddCopyRight/components/UploadAttachment/Toast.vue

+<template>
+  <div class="" style="line-height: 50px">
+    <div class="flex pl-20 h-[50px]" style="background: #fafafa">
+      <div class="w-1/2">附件大小</div>
+      <div class="w-1/2 pl-10">费用</div>
+    </div>
+    <div class="flex pl-20" style="border-bottom: 1px solid #f0f0f0">
+      <div class="w-1/2">0到50M(含)</div>
+      <div class="w-1/2 pl-10">3年内免费</div>
+    </div>
+    <div class="flex pl-20" style="border-bottom: 1px solid #f0f0f0">
+      <div class="w-1/2">50M到200M（含）</div>
+      <div class="w-1/2 pl-10">10元</div>
+    </div>
+    <div class="flex pl-20" style="border-bottom: 1px solid #f0f0f0">
+      <div class="w-1/2">200M到1G（含）</div>
+      <div class="w-1/2 pl-10">20元</div>
+    </div>
+    <div class="flex pl-20" style="border-bottom: 1px solid #f0f0f0">
+      <div class="w-1/2">1G以上</div>
+      <div class="w-1/2 pl-10">30元</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>

src/views/AddCopyRight/index.vue

@@ -205,16 +205,33 @@
           其中作品备案费<span style="color: #ff6268">333积分（30元）</span>
           ,文件存储费 <span style="color: #ff6268">0积分</span>
           <Icon
+            @click="showToast = true"
             icon-name="iconshenpiweitongguo-chakanyuanyin"
             style="font-size: 17px"
+            class="cursor-pointer ml-2"
           ></Icon>
         </div>
-        <div>备案申明：</div>
+        <div class="mt-6">备案申明：</div>
         <div>
           我为上述作品的申请人,拥有上述作品根据《中华人民共和国著作权法》所规定的权利,我保证以上作品及其内容绝不违反现行有关法律、法规的相关规定。如有不实或发现有侵犯他人著作权的行为,我承担由此引起的一切法律责任。特此声明。
         </div>
       </div>
     </ModuleContainer>
+    <syCommonDialog
+      :visible="showToast"
+      @closePopup="showToast = false"
+      showMask
+      type="element"
+      elementDialogSize="medium"
+      :elementDialogProps="{
+        title: '提示',
+      }"
+      :btnConfig="{
+        type: 'noBorder',
+      }"
+    >
+      <Toast></Toast>
+    </syCommonDialog>
   </div>
 </template>
 
@@ -228,6 +245,7 @@ import {
   syDialogInput,
   syButton,
   formatTime,
+  syCommonDialog,
 } from "cqk-sy-ui";
 import ModuleContainer from "@/components/ModuleContainer/index.vue";
 import {
@@ -252,10 +270,12 @@ import { eStatusOfFilerCertification } from "@/components/ApproveStatus/status";
 import { iAuth, iCopyRight, iCopyrightPostData } from "@/types/copyright";
 import { router } from "@/router";
 import { useRoute } from "vue-router";
+import Toast from "./components/UploadAttachment/Toast.vue";
 const formRef = ref<InstanceType<typeof ElForm>>();
 const loading1 = ref(false);
 const loading2 = ref(false);
 const addFilingPersonVisible = ref(false);
+const showToast = ref(false);
 
 const formModel = ref({
   filingPerson: [] as number[],