fix email-alerts

src/views/email-alerts/size1440/index.vue

@@ -339,6 +339,9 @@ async function handleSubmit(e) {
 .value {
   font-weight: 400;
   color: #455363;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 @keyframes fade-in {

src/views/email-alerts/size1920/index.vue

@@ -334,6 +334,9 @@ async function handleSubmit(e) {
 .value {
   font-weight: 400;
   color: #455363;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 @keyframes fade-in {

src/views/email-alerts/size375/index.vue

@@ -87,31 +87,43 @@ async function handleSubmit(e) {
             <div class="font-semibold success-card-label">
               {{ t("email_alerts.submitted_data.first_name") }}
             </div>
-            {{ form.firstName || t("email_alerts.submitted_data.not_filled") }}
+            <div class="value" :title="form.firstName || ''">
+              {{
+                form.firstName || t("email_alerts.submitted_data.not_filled")
+              }}
+            </div>
           </div>
           <div class="success-card-item">
             <div class="font-semibold success-card-label">
               {{ t("email_alerts.submitted_data.last_name") }}
             </div>
-            {{ form.lastName || t("email_alerts.submitted_data.not_filled") }}
+            <div class="value" :title="form.lastName || ''">
+              {{ form.lastName || t("email_alerts.submitted_data.not_filled") }}
+            </div>
           </div>
           <div class="success-card-item">
             <div class="font-semibold success-card-label">
               {{ t("email_alerts.submitted_data.email") }}
             </div>
-            {{ form.email || t("email_alerts.submitted_data.not_filled") }}
+            <div class="value" :title="form.email || ''">
+              {{ form.email || t("email_alerts.submitted_data.not_filled") }}
+            </div>
           </div>
           <div class="success-card-item">
             <div class="font-semibold success-card-label">
               {{ t("email_alerts.submitted_data.company") }}
             </div>
-            {{ form.company || t("email_alerts.submitted_data.not_filled") }}
+            <div class="value" :title="form.company || ''">
+              {{ form.company || t("email_alerts.submitted_data.not_filled") }}
+            </div>
           </div>
           <div class="success-card-item">
             <div class="font-semibold success-card-label">
               {{ t("email_alerts.submitted_data.phone") }}
             </div>
-            {{ form.phone || t("email_alerts.submitted_data.not_filled") }}
+            <div class="value" :title="form.phone || ''">
+              {{ form.phone || t("email_alerts.submitted_data.not_filled") }}
+            </div>
           </div>
         </div>
         <div class="submitted-bg"></div>
@@ -278,4 +290,10 @@ async function handleSubmit(e) {
 .success-card-label {
   width: 92 * 5.12px;
 }
+.value {
+  width: 160 * 5.12px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>

src/views/email-alerts/size768/index.vue

@@ -13,7 +13,7 @@ const form = ref({
   company: "",
   phone: "",
 });
-const submitted = ref(true);
+const submitted = ref(false);
 
 async function handleSubmit(e) {
   e.preventDefault();
@@ -335,6 +335,9 @@ async function handleSubmit(e) {
 .value {
   font-weight: 400;
   color: #455363;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 @keyframes fade-in {

src/views/financialinformation/quarterlyreports/size1920/index.vue

@@ -31,17 +31,17 @@
             <div class="file-content">
               <div class="file-info">
                 <div class="vertical-line"></div>
-                <p class="file-title">{{ item.title }}</p>
+                <span class="file-title">{{ item.title }}</span>
               </div>
-              <p class="file-description">{{ item.description }}</p>
+              <span class="file-description">{{ item.description }}</span>
             </div>
             <div class="download-section">
-              <p
+              <span
                 class="download-text"
                 @click="downloadPdf(item.url, item.attachmentName)"
               >
                 {{ t("financialinformation.quarterlyreports.pdfDownload") }}
-              </p>
+              </span>
             </div>
           </div>
           <div class="separator-line"></div>
@@ -510,13 +510,16 @@ const handleClickOutside = (event) => {
 }
 
 .file-title {
-  font-family: "PingFang SC", sans-serif;
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 1.375em;
-  letter-spacing: 3%;
   color: #000000;
   margin: 0;
+  font-feature-settings: "liga" off, "clig" off;
+  /* 正文按钮 */
+  font-family: "PingFang SC";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 22px; /* 137.5% */
+  letter-spacing: 0.48px;
 }
 
 .file-description {