提交

web-admin/src/views/cell-storage/protocol/ProtocolViewDialog.vue

@@ -6,6 +6,8 @@
     width="1600px"
     class="dialog-form-layout protocol-view-dialog"
     align-center
+    append-to-body
+    modal-class="protocol-dialog-mask"
     destroy-on-close
     :close-on-click-modal="false"
     @update:model-value="emit('update:modelValue', $event)"
@@ -31,43 +33,6 @@
 
       <template v-if="bundle">
         <div>
-          <!-- KPI 摘要条 -->
-          <div class="kpi-strip">
-            <div class="kpi-card">
-              <div class="kpi-card__icon" aria-hidden="true">
-                <el-icon><CircleCheck /></el-icon>
-              </div>
-              <div class="kpi-card__main">
-                <div class="kpi-label">协议状态</div>
-                <div class="kpi-value">
-                  <el-tag
-                    :type="protocolStatusTagType(String(protocol?.protocolStatus || ''))"
-                    size="small"
-                  >
-                    {{ protocolStatusLabel(String(protocol?.protocolStatus || '')) }}
-                  </el-tag>
-                </div>
-              </div>
-            </div>
-            <div class="kpi-card">
-              <div class="kpi-card__icon" aria-hidden="true">
-                <el-icon><User /></el-icon>
-              </div>
-              <div class="kpi-card__main">
-                <div class="kpi-label">母亲姓名</div>
-                <div class="kpi-value">{{ dash(partyCustomer?.motherName) }}</div>
-              </div>
-            </div>
-            <div class="kpi-card">
-              <div class="kpi-card__icon" aria-hidden="true">
-                <el-icon><Calendar /></el-icon>
-              </div>
-              <div class="kpi-card__main">
-                <div class="kpi-label">登记日期</div>
-                <div class="kpi-value">{{ formatYmd(protocol?.registerDate) }}</div>
-              </div>
-            </div>
-          </div>
           <!-- 基本信息 -->
           <div id="view-section-basic" class="section-card section-card--white">
             <div class="section-title"><h3>基本信息</h3></div>
@@ -769,9 +734,9 @@
                   }}</div></div
                 >
                 <div class="payment-metric"
-                  ><div class="pm-label">缴费比例</div
+                  ><div class="pm-label">分期金额(元)</div
                   ><div class="pm-value">{{
-                    formatInstallmentRatios(payment?.installmentRatios)
+                    formatInstallmentAmounts(payment?.installmentRatios)
                   }}</div></div
                 >
               </template>
@@ -1152,7 +1117,14 @@
     </template>
   </el-dialog>
 
-  <el-dialog v-model="previewVisible" title="文件预览" width="800px" align-center destroy-on-close>
+  <el-dialog
+    v-model="previewVisible"
+    title="文件预览"
+    width="800px"
+    align-center
+    append-to-body
+    destroy-on-close
+  >
     <div v-if="previewType === 'image'" class="preview-container">
       <img
         :src="previewUrl"
@@ -1172,7 +1144,7 @@
 
 <script setup lang="ts">
   import { computed, nextTick, ref, watch } from 'vue'
-  import { Calendar, CircleCheck, Close, User } from '@element-plus/icons-vue'
+  import { Close } from '@element-plus/icons-vue'
   import ProtocolAttachmentReadonly from './ProtocolAttachmentReadonly.vue'
   import SampleQcInfoCards from '@/components/business/sample-qc-info-cards/index.vue'
   import SampleProductionInfoCards from '@/components/business/sample-production-info-cards/index.vue'
@@ -1467,9 +1439,9 @@
     return dash(val)
   }
 
-  function formatInstallmentRatios(ratios?: number[] | null) {
-    if (!ratios?.length) return '—'
-    return ratios.map((r) => `${r}%`).join(' / ')
+  function formatInstallmentAmounts(values?: number[] | null) {
+    if (!values?.length) return '—'
+    return values.map((v) => fmtMoney(v)).join(' / ')
   }
 
   function formatYm(val: unknown) {