交强险 商业险投保单号未存时显示判断

src/views/insurancePolicy/modules/quotation.vue

@@ -7,13 +7,13 @@
       <div class="max-h-[calc(100vh-140px)] min-h-500px overflow-y-auto" v-loading="dialogFormLoading">
         <div class="content font-size-16px color-[#000] line-height-[1] p-24px" v-if="!dialogFormLoading">
           <div class="flex justify-between">
-            <div class="w-330px"></div>
+            <div class="w-332px"></div>
             <div class="flex justify-center flex-col items-center">
               <img class="w-[48px] h-[48px]" :src="quotationObj.logo" />
               <div class="font-size-[24px]">{{ quotationObj.nameSimple }}</div>
             </div>
-            <div class="">
-              <div class="">交强险投保单号:{{ quotationObj.policy.ciApplyNumber }}</div>
+            <div class="w-332px">
+              <div class="" v-if="quotationObj.policy?.ciApplyNumber">交强险投保单号:{{ quotationObj.policy.ciApplyNumber }}</div>
               <div class="m-t-6px" v-if="quotationObj.policy?.biApplyNumber">商业险投保单号:{{ quotationObj.policy.biApplyNumber }}</div>
             </div>
           </div>