备货单 审核功能

src/views/crmpc/stocking/Add.vue

@@ -11,12 +11,12 @@
       </div>
       <ElForm :model="baseForm" class="base-form">
         <ElRow :gutter="12">
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="阿里订单号/PI号">
               <ElInput v-model="baseForm.pi_no" placeholder="请输入阿里订单号/PN号" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="日期">
               <ElDatePicker
                 v-model="baseForm.biz_date"
@@ -28,7 +28,7 @@
               />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="清关目的国">
               <el-select
                 v-model="baseForm.clearance_country_id"
@@ -50,7 +50,7 @@
               <ElInput v-model="baseForm.clearance_country_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="客户来源">
               <el-select
                 v-model="baseForm.customer_source_id"
@@ -72,7 +72,7 @@
               <ElInput v-model="baseForm.customer_source_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="客户名称">
               <ElInput
                 v-model="baseForm.customer_snapshot"
@@ -87,7 +87,7 @@
               <ElInput v-model="baseForm.customer_id" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="客户所在国">
               <el-select
                 v-model="baseForm.customer_country_id"
@@ -121,7 +121,7 @@
       <div class="items-wrap">
         <div class="item-row" v-for="(item, idx) in items" :key="idx">
           <ElRow :gutter="12">
-            <ElCol :span="8">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="车型" label-width="64px">
                 <ElInput
                   v-model="item.model_snapshot"
@@ -138,7 +138,7 @@
                 <ElInput v-model="item.sku_id" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="颜色/外饰" label-width="72px">
                 <el-select
                   v-model="item.color_exterior_snapshot"
@@ -161,7 +161,7 @@
                 <ElInput v-model="item.color_exterior_code" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="颜色/内饰" label-width="72px">
                 <el-select
                   v-model="item.color_interior_snapshot"
@@ -184,7 +184,7 @@
                 <ElInput v-model="item.color_interior_code" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="8">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="改装" label-width="52px">
                 <el-select
                   v-model="item.modify_ids"
@@ -209,11 +209,11 @@
             </ElCol>
           </ElRow>
           <ElRow :gutter="12">
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="单价" label-width="45px">
                 <ElInput v-model="item.unit_price" placeholder="请输入单价">
                   <template #append>
-                    <ElSelect v-model="item.unit_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.unit_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -226,11 +226,11 @@
                 <ElInput v-model="item.unit_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="总价" label-width="45px">
                 <ElInput v-model="item.total_price" placeholder="请输入总价">
                   <template #append>
-                    <ElSelect v-model="item.total_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.total_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -243,11 +243,11 @@
                 <ElInput v-model="item.total_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="改装费" label-width="55px">
                 <ElInput v-model="item.retrofit_fee" placeholder="请输入改装费">
                   <template #append>
-                    <ElSelect v-model="item.modify_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.modify_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -260,11 +260,11 @@
                 <ElInput v-model="item.modify_fee_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="6">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="FOB段运费" label-width="84px">
                 <ElInput v-model="item.fob_transport_fee" placeholder="请输入FOB段运费">
                   <template #append>
-                    <ElSelect v-model="item.fob_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.fob_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -277,11 +277,11 @@
                 <ElInput v-model="item.fob_fee_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5">
+            <ElCol :sm="12" :md="12" :lg="4" :xl="4">
               <ElFormItem label="手续费" label-width="60px">
                 <ElInput v-model="item.handling_fee" placeholder="请输入手续费">
                   <template #append>
-                    <ElSelect v-model="item.helper_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.helper_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -296,11 +296,11 @@
             </ElCol>
           </ElRow>
           <ElRow :gutter="12">
-            <ElCol :span="5">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="5">
               <ElFormItem label="港杂费" label-width="60px">
                 <ElInput v-model="item.port_misc_fee" placeholder="请输入港杂费">
                   <template #append>
-                    <ElSelect v-model="item.port_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.port_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -313,16 +313,16 @@
                 <ElInput v-model="item.port_fee_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="4" :xl="4">
               <ElFormItem label="里程" label-width="52px">
                 <ElInput v-model="item.mileage" placeholder="请输入里程" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5" v-if="(item.mileage ?? 0) <= 0">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="5" v-if="(item.mileage ?? 0) <= 0">
               <ElFormItem label="官方指导价" label-width="85px">
                 <ElInput v-model="item.official_price" placeholder="请输入官方指导价">
                   <template #append>
-                    <ElSelect v-model="item.guide_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.guide_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -335,11 +335,11 @@
                 <ElInput v-model="item.guide_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5" v-else>
+            <ElCol :sm="12" :md="12" :lg="5" :xl="5" v-else>
               <ElFormItem label="挂牌价" label-width="55px">
                 <ElInput v-model="item.listing_price" placeholder="请输入挂牌价">
                   <template #append>
-                    <ElSelect v-model="item.listing_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.listing_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -352,11 +352,11 @@
                 <ElInput v-model="item.listing_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="6" v-if="(item.mileage ?? 0) <= 0">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="6" v-if="(item.mileage ?? 0) <= 0">
               <ElFormItem label="优惠" label-width="52px">
                 <ElInput v-model="item.discount_price" placeholder="请输入优惠额">
                   <template #append>
-                    <ElSelect v-model="item.discount_currency" style="width: 61px">
+                    <ElSelect v-model="item.discount_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -369,11 +369,11 @@
                 <ElInput v-model="item.discount_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="6" v-else>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="6" v-else>
               <ElFormItem label="二手减价" label-width="72px">
                 <ElInput v-model="item.reduction_price" placeholder="请输入二手减价">
                   <template #append>
-                    <ElSelect v-model="item.reduction_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.reduction_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -386,9 +386,14 @@
                 <ElInput v-model="item.reduction_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="4" :xl="4">
               <ElFormItem label="利润" label-width="40px">
-                <ElInput v-model="item.profit" placeholder="正在计算利润" disabled>
+                <ElInput
+                  v-model="item.profit"
+                  placeholder="正在计算利润"
+                  :class="Number(item.profit) < 0 ? 'profit-negative' : ''"
+                  disabled
+                >
                   <template #append> <span style="font-size: 11px">美元</span></template>
                 </ElInput>
               </ElFormItem>
@@ -407,11 +412,11 @@
           </ElRow>
         </div>
         <ElRow :gutter="12">
-          <ElCol :span="4">
+          <ElCol :span="6">
             <ElFormItem label="合计到岸价" label-width="85px">
               <ElInput v-model="baseForm.total_cif" placeholder="请输入合计到岸价">
                 <template #append>
-                  <ElSelect v-model="baseForm.total_cif_currency" style="width: 61px">
+                  <ElSelect v-model="baseForm.total_cif_currency" style="width: 64px">
                     <ElOption
                       v-for="c in currencyOptions"
                       :key="c.currency_code"
@@ -424,11 +429,11 @@
               <ElInput v-model="baseForm.total_cif_currency_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :span="6">
             <ElFormItem label="合同汇率" label-width="70px">
               <ElInput v-model="baseForm.contract_exchange_rate" placeholder="请输入">
                 <template #append>
-                  <ElSelect v-model="baseForm.contract_exchange_rate_currency" style="width: 61px">
+                  <ElSelect v-model="baseForm.contract_exchange_rate_currency" style="width: 64px">
                     <ElOption
                       v-for="c in currencyOptions"
                       :key="c.currency_code"
@@ -450,12 +455,12 @@
       </div>
       <ElForm :model="baseForm" class="foot-form">
         <ElRow :gutter="12">
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="清关人">
               <ElInput v-model="baseForm.declarant_name" placeholder="请输入清关人" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="预计发送日">
               <ElDatePicker
                 v-model="baseForm.eta_ship_date"
@@ -467,7 +472,7 @@
               />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="运输方式">
               <ElSelect
                 v-model="baseForm.shipping_method_id"
@@ -488,7 +493,7 @@
               <ElInput v-model="baseForm.shipping_method_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="国内收货港">
               <ElSelect
                 v-model="baseForm.domestic_port_id"
@@ -504,7 +509,7 @@
               <ElInput v-model="baseForm.domestic_port_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="贸易条款">
               <ElSelect
                 v-model="baseForm.trade_term_id"
@@ -525,7 +530,7 @@
               <ElInput v-model="baseForm.trade_term_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="清关目的港">
               <ElSelect
                 v-model="baseForm.clearance_port_id"
@@ -546,9 +551,7 @@
               <ElInput v-model="baseForm.clearance_port_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-        </ElRow>
-        <ElRow :gutter="12">
-          <ElCol :span="6">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="最迟到港时间">
               <ElDatePicker
                 v-model="baseForm.latest_arrival_date"
@@ -573,7 +576,7 @@
           <div v-for="(payment, idx) in paymentItems" :key="idx" class="payment-item">
             <ElForm :model="payment" label-width="55px" class="payment-form">
               <ElRow :gutter="12">
-                <ElCol :span="4">
+                <ElCol :sm="12" :md="12" :lg="4" :xl="4">
                   <ElFormItem label="汇款国">
                     <el-select v-model="payment.remit_country_id" filterable placeholder="请选择汇款国" @change="
                         (val) =>
@@ -590,7 +593,7 @@
                     <ElInput v-model="payment.remit_country_name_snapshot" type="hidden" />
                   </ElFormItem>
                 </ElCol>
-                <ElCol :span="4">
+                <ElCol :sm="12" :md="12" :lg="4" :xl="4">
                   <ElFormItem label="日期">
                     <ElDatePicker
                       v-model="payment.remit_date"
@@ -602,7 +605,7 @@
                     />
                   </ElFormItem>
                 </ElCol>
-                <ElCol :span="4">
+                <ElCol :sm="12" :md="12" :lg="4" :xl="4">
                   <ElFormItem label="币种">
                     <ElSelect v-model="payment.currency_code" placeholder="请选择币种" @change="
                         (val) => {
@@ -620,7 +623,7 @@
                     <ElInput v-model="payment.currency_name_snapshot" type="hidden" />
                   </ElFormItem>
                 </ElCol>
-                <ElCol :span="4">
+                <ElCol :sm="12" :md="12" :lg="4" :xl="4">
                   <ElFormItem label="账户">
                     <ElSelect v-model="payment.account_id" placeholder="请选择账户" @change="
                         (val) =>
@@ -637,12 +640,12 @@
                     <ElInput v-model="payment.account_name_snapshot" type="hidden" />
                   </ElFormItem>
                 </ElCol>
-                <ElCol :span="4">
+                <ElCol :sm="12" :md="12" :lg="4" :xl="4">
                   <ElFormItem label="汇款人">
                     <ElInput v-model="payment.remitter_name" placeholder="请选择汇款人" />
                   </ElFormItem>
                 </ElCol>
-                <ElCol :span="4">
+                <ElCol :sm="12" :md="12" :lg="4" :xl="4">
                   <ElFormItem label="金额">
                     <ElInput v-model="payment.amount" placeholder="请输入金额" />
                   </ElFormItem>
@@ -926,6 +929,19 @@
     gap: 8px;
     justify-content: flex-end;
   }
+
+  /* 利润为负数时，输入文字变红（兼容 Element Plus disabled 样式） */
+  :deep(.profit-negative .el-input__wrapper) {
+    color: #ff4d4f !important;
+  }
+  :deep(.profit-negative .el-input__inner) {
+    color: #ff4d4f !important;
+    -webkit-text-fill-color: #ff4d4f !important; /* 修复 WebKit 在 disabled 下的文本颜色 */
+  }
+  :deep(.profit-negative.is-disabled .el-input__wrapper) {
+    background-color: var(--el-fill-color-blank) !important;
+    box-shadow: 0 0 0 1px var(--el-input-border-color, #dcdfe6) inset !important;
+  }
   .row-actions span {
     font-size: 12px;
     cursor: pointer;

src/views/crmpc/stocking/final_add.vue

@@ -11,12 +11,12 @@
       </div>
       <ElForm :model="baseForm" class="base-form">
         <ElRow :gutter="12">
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="阿里订单号/PN号">
               <ElInput v-model="baseForm.pi_no" placeholder="请输入阿里订单号/PN号" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="日期">
               <ElDatePicker
                 v-model="baseForm.biz_date"
@@ -28,7 +28,7 @@
               />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="清关目的国">
               <el-select
                 v-model="baseForm.clearance_country_id"
@@ -50,7 +50,7 @@
               <ElInput v-model="baseForm.clearance_country_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="客户来源">
               <el-select
                 v-model="baseForm.customer_source_id"
@@ -72,7 +72,7 @@
               <ElInput v-model="baseForm.customer_source_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="客户名称">
               <ElInput
                 v-model="baseForm.customer_snapshot"
@@ -87,7 +87,7 @@
               <ElInput v-model="baseForm.customer_id" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :sm="12" :md="12" :lg="6" :xl="4">
             <ElFormItem label="客户所在国">
               <el-select
                 v-model="baseForm.customer_country_id"
@@ -121,7 +121,7 @@
       <div class="items-wrap">
         <div class="item-row" v-for="(item, idx) in items" :key="idx">
           <ElRow :gutter="12">
-            <ElCol :span="8">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="车型" label-width="64px">
                 <ElInput
                   v-model="item.model_snapshot"
@@ -139,7 +139,7 @@
                 <ElInput v-model="item.sku_id" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="颜色/外饰" label-width="72px">
                 <el-select
                   v-model="item.color_exterior_snapshot"
@@ -162,7 +162,7 @@
                 <ElInput v-model="item.color_exterior_code" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="颜色/内饰" label-width="72px">
                 <el-select
                   v-model="item.color_interior_snapshot"
@@ -185,7 +185,7 @@
                 <ElInput v-model="item.color_interior_code" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="8">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="4">
               <ElFormItem label="改装" label-width="52px">
                 <el-select
                   v-model="item.modify_ids"
@@ -210,11 +210,11 @@
             </ElCol>
           </ElRow>
           <ElRow :gutter="12">
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="单价" label-width="45px">
                 <ElInput v-model.number="item.unit_price" placeholder="请输入单价">
                   <template #append>
-                    <ElSelect v-model="item.unit_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.unit_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -227,11 +227,11 @@
                 <ElInput v-model="item.unit_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="总价" label-width="45px">
                 <ElInput v-model.number="item.total_price" placeholder="请输入总价">
                   <template #append>
-                    <ElSelect v-model="item.total_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.total_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -244,11 +244,11 @@
                 <ElInput v-model="item.total_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="改装费" label-width="55px">
                 <ElInput v-model.number="item.retrofit_fee" placeholder="请输入改装费">
                   <template #append>
-                    <ElSelect v-model="item.modify_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.modify_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -261,11 +261,11 @@
                 <ElInput v-model="item.modify_fee_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="6">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="4">
               <ElFormItem label="FOB段运费" label-width="84px">
                 <ElInput v-model.number="item.fob_transport_fee" placeholder="请输入FOB段运费">
                   <template #append>
-                    <ElSelect v-model="item.fob_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.fob_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -278,11 +278,11 @@
                 <ElInput v-model="item.fob_fee_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5">
+            <ElCol :sm="12" :md="12" :lg="4" :xl="4">
               <ElFormItem label="手续费" label-width="60px">
                 <ElInput v-model.number="item.handling_fee" placeholder="请输入手续费">
                   <template #append>
-                    <ElSelect v-model="item.helper_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.helper_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -297,11 +297,11 @@
             </ElCol>
           </ElRow>
           <ElRow :gutter="12">
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="5">
               <ElFormItem label="港杂费" label-width="60px">
                 <ElInput v-model.number="item.port_misc_fee" placeholder="请输入港杂费">
                   <template #append>
-                    <ElSelect v-model="item.port_fee_currency" style="width: 61px">
+                    <ElSelect v-model="item.port_fee_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -314,16 +314,16 @@
                 <ElInput v-model="item.port_fee_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="4" :xl="4">
               <ElFormItem label="里程" label-width="52px">
                 <ElInput v-model.number="item.mileage" placeholder="请输入里程" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5" v-if="(item.mileage ?? 0) <= 0">
+            <ElCol :sm="12" :md="12" :lg="5" :xl="5" v-if="(item.mileage ?? 0) <= 0">
               <ElFormItem label="官方指导价" label-width="85px">
                 <ElInput v-model.number="item.official_price" placeholder="请输入官方指导价">
                   <template #append>
-                    <ElSelect v-model="item.guide_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.guide_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -336,11 +336,11 @@
                 <ElInput v-model="item.guide_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="5" v-else>
+            <ElCol :sm="12" :md="12" :lg="5" :xl="5" v-else>
               <ElFormItem label="挂牌价" label-width="55px">
                 <ElInput v-model.number="item.listing_price" placeholder="请输入挂牌价">
                   <template #append>
-                    <ElSelect v-model="item.listing_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.listing_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -353,11 +353,11 @@
                 <ElInput v-model="item.listing_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="6" v-if="(item.mileage ?? 0) <= 0">
+            <ElCol :sm="12" :md="12" :lg="6" :xl="6" v-if="(item.mileage ?? 0) <= 0">
               <ElFormItem label="优惠" label-width="52px">
                 <ElInput v-model.number="item.discount_price" placeholder="请输入优惠额">
                   <template #append>
-                    <ElSelect v-model="item.discount_currency" style="width: 61px">
+                    <ElSelect v-model="item.discount_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -370,11 +370,11 @@
                 <ElInput v-model="item.discount_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="6" v-else>
+            <ElCol :sm="12" :md="12" :lg="6" :xl="6" v-else>
               <ElFormItem label="二手减价" label-width="72px">
                 <ElInput v-model.number="item.reduction_price" placeholder="请输入二手减价">
                   <template #append>
-                    <ElSelect v-model="item.reduction_price_currency" style="width: 61px">
+                    <ElSelect v-model="item.reduction_price_currency" style="width: 64px">
                       <ElOption
                         v-for="c in currencyOptions"
                         :key="c.currency_code"
@@ -387,15 +387,20 @@
                 <ElInput v-model="item.reduction_price_currency_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="4">
+            <ElCol :sm="12" :md="12" :lg="4" :xl="4">
               <ElFormItem label="利润" label-width="52px">
-                <ElInput v-model="item.profit" placeholder="正在计算利润" disabled>
+                <ElInput
+                  v-model="item.profit"
+                  placeholder="正在计算利润"
+                  :class="Number(item.profit) < 0 ? 'profit-negative' : ''"
+                  disabled
+                >
                   <template #append> <span style="font-size: 11px">美元</span></template>
                 </ElInput>
                 <ElInput v-model="item.profit_type_snapshot" type="hidden" />
               </ElFormItem>
             </ElCol>
-            <ElCol :span="8">
+            <ElCol :sm="12" :md="12" :lg="4" :xl="4">
               <ElFormItem label="车架号" label-width="70px">
                 <ElInput v-model.number="item.vin" placeholder="请输入" />
               </ElFormItem>
@@ -403,11 +408,11 @@
           </ElRow>
         </div>
         <ElRow :gutter="12">
-          <ElCol :span="4">
+          <ElCol :span="6">
             <ElFormItem label="合计到岸价" label-width="85px">
               <ElInput v-model.number="baseForm.total_cif" placeholder="请输入合计到岸价">
                 <template #append>
-                  <ElSelect v-model="baseForm.total_cif_currency" style="width: 61px">
+                  <ElSelect v-model="baseForm.total_cif_currency" style="width: 64px">
                     <ElOption
                       v-for="c in currencyOptions"
                       :key="c.currency_code"
@@ -420,7 +425,7 @@
               <ElInput v-model="baseForm.total_cif_currency_snapshot" type="hidden" />
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :span="6">
             <ElFormItem label="合同汇率" label-width="70px">
               <ElInput v-model="baseForm.contract_exchange_rate" placeholder="请输入" />
             </ElFormItem>
@@ -930,6 +935,18 @@
     gap: 8px;
     justify-content: flex-end;
   }
+  /* 利润为负数时，输入文字变红（兼容 Element Plus disabled 样式） */
+  :deep(.profit-negative .el-input__wrapper) {
+    color: #ff4d4f !important;
+  }
+  :deep(.profit-negative .el-input__inner) {
+    color: #ff4d4f !important;
+    -webkit-text-fill-color: #ff4d4f !important; /* 修复 WebKit 在 disabled 下的文本颜色 */
+  }
+  :deep(.profit-negative.is-disabled .el-input__wrapper) {
+    background-color: var(--el-fill-color-blank) !important;
+    box-shadow: 0 0 0 1px var(--el-input-border-color, #dcdfe6) inset !important;
+  }
   .row-actions span {
     font-size: 12px;
     cursor: pointer;

src/views/crmpc/stocking/final_list.vue

@@ -38,13 +38,22 @@
           <ElTableColumn label="客户来源" prop="customer_source_snapshot" min-width="120" />
           <ElTableColumn label="业务员" prop="salesperson_snapshot" min-width="100" />
           <ElTableColumn label="日期" prop="created_at" min-width="120" />
-          <ElTableColumn label="补充" prop="remark" min-width="160" />
-          <ElTableColumn label="状态" prop="status" width="120">
+          <ElTableColumn label="状态" prop="approval_status">
             <template #default="scope">
-              <ElTag type="success">备货完成</ElTag>
+              <div v-if="scope.row.appro_status">
+                <div
+                  ><span :class="statusClass(scope.row.appro_status.status)">{{
+                    scope.row.appro_status.status_desc ? scope.row.appro_status.status_desc : ''
+                  }}</span>
+                  <span v-if="scope.row.appro_status.name != ''"
+                    >【{{ scope.row.appro_status.name }}】</span
+                  >
+                </div>
+              </div>
+              <div v-else></div>
             </template>
           </ElTableColumn>
-          <ElTableColumn label="操作" fixed="right" min-width="220" align="center">
+          <ElTableColumn label="操作" fixed="right" min-width="120" align="center">
             <template #default="scope">
               <ElRow :gutter="10" justify="center">
                 <el-button link type="primary" @click="handleView1(scope.row)">查看终版</el-button>
@@ -64,7 +73,11 @@
 
   const { hasAuth } = useAuth()
 
-
+  function statusClass(status: any) {
+    if (status === 'rejected') return 'status-lost'
+    if (status === 'approved') return 'status-following'
+    return 'status-dealed'
+  }
   const loading = ref(false)
   const keyword = ref('')
   const tableRef = ref()
@@ -146,4 +159,18 @@
     align-items: center;
   }
   .clickable { cursor: pointer; }
+  .status-following {
+    color: #00a43f;
+    font-weight: bold;
+  }
+
+  .status-dealed {
+    color: #3471ff;
+    font-weight: bold;
+  }
+
+  .status-lost {
+    color: #ff0000;
+    font-weight: bold;
+  }
 </style>

src/views/crmpc/stocking/final_show.vue

@@ -161,7 +161,7 @@
             </template>
             <ElCol :span="8">
               <ElFormItem label="利润" label-width="52px">
-                <ElInput v-model="item.profit" disabled>
+                <ElInput v-model="item.profit" disabled :class="Number(item.profit) < 0 ? 'profit-negative' : ''">
                   <template #append>{{ item.profit_currency }}</template>
                 </ElInput>
               </ElFormItem>
@@ -175,14 +175,14 @@
         </div>
 
         <ElRow :gutter="12">
-          <ElCol :span="5">
+          <ElCol :span="6">
             <ElFormItem label="合计到岸价" label-width="85px">
               <ElInput v-model="base.total_cif" disabled>
                 <template #append>{{ base.total_cif_currency }}</template>
               </ElInput>
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :span="6">
             <ElFormItem label="合同汇率" label-width="70px">
               <ElInput v-model="base.contract_rate" disabled />
             </ElFormItem>
@@ -344,6 +344,11 @@
     terms: '',
     latest_arrival: ''
   })
+  function statusClass(status: any) {
+    if (status === 'rejected') return 'status-lost'
+    if (status === 'approved') return 'status-following'
+    return 'status-dealed'
+  }
   const payments = ref<any[]>([])
 
   // 合同文件
@@ -672,6 +677,18 @@
     font-size: 48px;
     color: #ddd;
   }
+  /* 利润为负数时，输入文字变红（兼容 Element Plus disabled 样式） */
+  :deep(.profit-negative .el-input__wrapper) {
+    color: #ff4d4f !important;
+  }
+  :deep(.profit-negative .el-input__inner) {
+    color: #ff4d4f !important;
+    -webkit-text-fill-color: #ff4d4f !important; /* 修复 WebKit 在 disabled 下的文本颜色 */
+  }
+  :deep(.profit-negative.is-disabled .el-input__wrapper) {
+    background-color: var(--el-fill-color-blank) !important;
+    box-shadow: 0 0 0 1px var(--el-input-border-color, #dcdfe6) inset !important;
+  }
 </style>
 
 

src/views/crmpc/stocking/show.vue

@@ -161,7 +161,7 @@
             </template>
             <ElCol :span="8">
               <ElFormItem label="利润" label-width="52px">
-                <ElInput v-model="item.profit" disabled>
+                <ElInput v-model="item.profit" disabled :class="Number(item.profit) < 0 ? 'profit-negative' : ''">
                   <template #append>{{ item.profit_currency }}</template>
                 </ElInput>
               </ElFormItem>
@@ -170,14 +170,14 @@
         </div>
 
         <ElRow :gutter="12">
-          <ElCol :span="5">
+          <ElCol :span="6">
             <ElFormItem label="合计到岸价" label-width="85px">
               <ElInput v-model="base.total_cif" disabled>
                 <template #append>{{ base.total_cif_currency }}</template>
               </ElInput>
             </ElFormItem>
           </ElCol>
-          <ElCol :span="4">
+          <ElCol :span="6">
             <ElFormItem label="合同汇率" label-width="70px">
               <ElInput v-model="base.contract_rate" disabled />
             </ElFormItem>
@@ -664,6 +664,18 @@
     font-size: 48px;
     color: #ddd;
   }
+  /* 利润为负数时，输入文字变红（兼容 Element Plus disabled 样式） */
+  :deep(.profit-negative .el-input__wrapper) {
+    color: #ff4d4f !important;
+  }
+  :deep(.profit-negative .el-input__inner) {
+    color: #ff4d4f !important;
+    -webkit-text-fill-color: #ff4d4f !important; /* 修复 WebKit 在 disabled 下的文本颜色 */
+  }
+  :deep(.profit-negative.is-disabled .el-input__wrapper) {
+    background-color: var(--el-fill-color-blank) !important;
+    box-shadow: 0 0 0 1px var(--el-input-border-color, #dcdfe6) inset !important;
+  }
 </style>
 
 

src/views/crmpc/stocking/stocking_auth.vue

@@ -1,159 +0,0 @@
-<template>
-  <div class="stocking-page">
-    <div class="stocking-toolbar boxshadow">
-      <div class="toolbar-left">
-        <!-- <ElButton type="primary" v-ripple @click="handleCreate">创建备货单</ElButton> -->
-      </div>
-      <div class="toolbar-right">
-        <el-input
-          v-model="keyword"
-          placeholder="请输入客户名称"
-          clearable
-          style="width: 260px"
-          @keyup.enter="getList"
-        >
-          <template #suffix>
-            <el-icon class="clickable" @click="getList"><Search /></el-icon>
-          </template>
-        </el-input>
-      </div>
-    </div>
-
-    <div class="boxshadow">
-      <ArtTable
-        ref="tableRef"
-        row-key="id"
-        :loading="loading"
-        :data="tableData"
-        :currentPage="pagination.currentPage"
-        :pageSize="pagination.pageSize"
-        :total="pagination.total"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-      >
-        <template #default>
-          <ElTableColumn label="备货单编号" prop="stock_no" min-width="140" />
-          <ElTableColumn label="阿里订单号/PN号" prop="order_no" min-width="160" />
-          <ElTableColumn label="客户名称" prop="customer_name" min-width="120" />
-          <ElTableColumn label="客户来源" prop="customer_source" min-width="120" />
-          <ElTableColumn label="业务员" prop="salesman" min-width="100" />
-          <ElTableColumn label="日期" prop="date" min-width="120" />
-          <ElTableColumn label="补充" prop="remark" min-width="160" />
-          <ElTableColumn label="状态" prop="status" width="120">
-            <template #default="scope">
-              <ElTag type="success">备货完成</ElTag>
-            </template>
-          </ElTableColumn>
-          <ElTableColumn label="操作" fixed="right" min-width="220" align="center">
-            <template #default="scope">
-              <ElRow :gutter="10" justify="center">
-                <el-button link type="primary" @click="handleView(scope.row)">查看备货单</el-button>
-                <el-button link type="primary" @click="handleCreateRepair(scope.row)"
-                  >创建终版备货单</el-button
-                >
-                <el-button link type="primary" @click="handleView1(scope.row)"
-                  >查看终版备货单</el-button
-                >
-              </ElRow>
-            </template>
-          </ElTableColumn>
-        </template>
-      </ArtTable>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { router } from '@/router'
-  import { manageService } from '@/api/adminApi'
-  import { useAuth } from '@/composables/useAuth'
-
-  const { hasAuth } = useAuth()
-  const loading = ref(false)
-  const keyword = ref('')
-  const tableRef = ref()
-  const tableData = ref<any[]>([])
-  const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
-
-  onMounted(() => {
-    getList()
-  })
-
-  watch([keyword], () => {
-    pagination.currentPage = 1
-    // 不自动请求，保持与截图行为一致，点击搜索或回车触发
-  })
-
-  const getList = async () => {
-    loading.value = true
-    try {
-      const { currentPage, pageSize } = pagination
-      const params = {
-        current: currentPage,
-        size: pageSize,
-        is_final: 0, // 只获取备货单，非终版
-        keyword: keyword.value
-      }
-
-      const { records, current, size, total } = await manageService.getstocklist(params)
-      tableData.value = records || []
-      Object.assign(pagination, { currentPage: current, pageSize: size, total })
-    } catch (error) {
-      console.error('获取列表失败:', error)
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const handleSizeChange = (size: number) => {
-    pagination.pageSize = size
-    getList()
-  }
-  const handleCurrentChange = (page: number) => {
-    pagination.currentPage = page
-    getList()
-  }
-
-  const handleCreate = () => {
-    // TODO: 跳转到创建备货单页面
-    router.push('/crmpc/stocking_list/Add')
-  }
-  const handleView = (row: any) => {
-    router.push('/crmpc/stocking_list/show')
-    // TODO: 跳转或弹窗查看备货单
-  }
-  const handleView1 = (row: any) => {
-    router.push('/crmpc/stocking_list/final_show')
-    // TODO: 跳转或弹窗查看备货单
-  }
-  const handleCreateRepair = (row: any) => {
-    router.push('/crmpc/stocking_list/final')
-    // TODO: 跳转创建维修保单
-  }
-</script>
-
-<style scoped lang="scss">
-  .stocking-page {
-    background: var(--art-main-bg-color);
-    min-height: 100vh;
-  }
-  .stocking-toolbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-    padding: 12px 16px;
-    background: var(--art-main-bg-color);
-  }
-  .toolbar-left {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-  .toolbar-right {
-    display: flex;
-    align-items: center;
-  }
-  .clickable { cursor: pointer; }
-</style>
-

src/views/crmpc/stocking/stocking_auth_detil.vue

@@ -1,625 +0,0 @@
-<template>
-  <div class="stocking-show-page">
-    <div class="header boxshadow">
-      <div class="header-left">
-        <div class="title">合塑实业·汽车事业部-备货单(客户下定)</div>
-        <div class="sub">
-          <span class="mr40">备货单编号：{{ header.order_no }}</span>
-          <span>业务员：{{ header.salesman }}</span>
-        </div>
-      </div>
-      <ElButton type="primary" plain>打印整单</ElButton>
-    </div>
-
-    <!-- 基础信息 -->
-    <div class="boxshadow">
-      <div class="form-title"><span class="border"></span><span class="title">基础信息</span></div>
-      <ElRow :gutter="12">
-        <ElCol :span="5">
-          <ElFormItem label="阿里订单号/PN号">
-            <ElInput v-model="base.pn_no" disabled />
-          </ElFormItem>
-        </ElCol>
-        <ElCol :span="4">
-          <ElFormItem label="日期">
-            <ElInput v-model="base.date" disabled />
-          </ElFormItem>
-        </ElCol>
-        <ElCol :span="4">
-          <ElFormItem label="清关目的国">
-            <ElInput v-model="base.close_date" disabled />
-          </ElFormItem>
-        </ElCol>
-        <ElCol :span="3">
-          <ElFormItem label="客户来源">
-            <ElInput v-model="base.channel" disabled />
-          </ElFormItem>
-        </ElCol>
-        <ElCol :span="4">
-          <ElFormItem label="客户名称">
-            <ElInput v-model="base.customer_name" disabled />
-          </ElFormItem>
-        </ElCol>
-        <ElCol :span="4">
-          <ElFormItem label="客户所在国">
-            <ElInput v-model="base.client_country" disabled />
-          </ElFormItem>
-        </ElCol>
-      </ElRow>
-    </div>
-
-    <!-- 订单详情 -->
-    <div class="boxshadow">
-      <div class="form-title"><span class="border"></span><span class="title">订单详情</span></div>
-      <div class="items-wrap">
-        <div class="item-row" v-for="(item, idx) in items" :key="idx">
-          <ElRow :gutter="12">
-            <ElCol :span="8">
-              <ElFormItem label="车型" label-width="64px">
-                <ElInput v-model="item.model" disabled />
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="颜色/外" label-width="72px">
-                <ElInput v-model="item.color_out" disabled />
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="内饰" label-width="52px">
-                <ElInput v-model="item.color_in" disabled />
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="8">
-              <ElFormItem label="改装" label-width="52px">
-                <ElInput v-model="item.modify" disabled />
-              </ElFormItem>
-            </ElCol>
-          </ElRow>
-
-          <ElRow :gutter="12">
-            <ElCol :span="4">
-              <ElFormItem label="单价" label-width="52px">
-                <ElInput v-model="item.unit_price" disabled>
-                  <template #append>{{ item.unit_price_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="总价" label-width="52px">
-                <ElInput v-model="item.total_price" disabled>
-                  <template #append>{{ item.total_price_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="改装费" label-width="60px">
-                <ElInput v-model="item.modify_fee" disabled>
-                  <template #append>{{ item.modify_fee_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="FOB段运费" label-width="84px">
-                <ElInput v-model="item.fob_fee" disabled>
-                  <template #append>{{ item.fob_fee_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="官方指导价" label-width="85px">
-                <ElInput v-model="item.guide_price" disabled>
-                  <template #append>{{ item.guide_price_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="优惠" label-width="52px">
-                <ElInput v-model="item.discount" disabled>
-                  <template #append>{{ item.discount_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-          </ElRow>
-
-          <ElRow :gutter="12">
-            <ElCol :span="4">
-              <ElFormItem label="手续费" label-width="60px">
-                <ElInput v-model="item.helper_fee" disabled>
-                  <template #append>{{ item.helper_fee_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="4">
-              <ElFormItem label="港杂费" label-width="60px">
-                <ElInput v-model="item.port_fee" disabled>
-                  <template #append>{{ item.port_fee_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="8">
-              <ElFormItem label="利润" label-width="52px">
-                <ElInput v-model="item.profit" disabled>
-                  <template #append>{{ item.profit_currency }}</template>
-                </ElInput>
-              </ElFormItem>
-            </ElCol>
-            <ElCol :span="8">
-              <ElFormItem label="车架号" label-width="70px">
-                <ElInput v-model.number="item.vin" disabled />
-              </ElFormItem>
-            </ElCol>
-          </ElRow>
-        </div>
-
-        <ElRow :gutter="12">
-          <ElCol :span="5">
-            <ElFormItem label="合计到岸价" label-width="85px">
-              <ElInput v-model="base.total_cif" disabled>
-                <template #append>{{ base.total_cif_currency }}</template>
-              </ElInput>
-            </ElFormItem>
-          </ElCol>
-          <ElCol :span="4">
-            <ElFormItem label="合同汇率" label-width="70px">
-              <ElInput v-model="base.contract_rate" disabled />
-            </ElFormItem>
-          </ElCol>
-        </ElRow>
-      </div>
-    </div>
-
-    <!-- 运输详情 -->
-    <div class="boxshadow">
-      <div class="form-title"><span class="border"></span><span class="title">运输详情</span></div>
-      <ElRow :gutter="12">
-        <ElCol :span="4"
-          ><ElFormItem label="清关人"><ElInput v-model="ship.customs" disabled /></ElFormItem
-        ></ElCol>
-        <ElCol :span="4"
-          ><ElFormItem label="预计发送日"><ElInput v-model="ship.plan" disabled /></ElFormItem
-        ></ElCol>
-        <ElCol :span="4"
-          ><ElFormItem label="运输方式"><ElInput v-model="ship.method" disabled /></ElFormItem
-        ></ElCol>
-        <ElCol :span="4"
-          ><ElFormItem label="国内收货港"
-            ><ElInput v-model="ship.domestic_port" disabled /></ElFormItem
-        ></ElCol>
-        <ElCol :span="8"
-          ><ElFormItem label="贸易条款/清关目的港"
-            ><ElInput v-model="ship.terms" disabled /></ElFormItem
-        ></ElCol>
-      </ElRow>
-      <ElRow :gutter="12">
-        <ElCol :span="6"
-          ><ElFormItem label="最迟到港时间"
-            ><ElInput v-model="ship.latest_arrival" disabled /></ElFormItem
-        ></ElCol>
-      </ElRow>
-    </div>
-
-    <!-- 计划收款信息 -->
-    <div class="boxshadow">
-      <div class="form-title"
-        ><span class="border"></span><span class="title">计划收款信息</span></div
-      >
-      <div v-for="(p, idx) in payments" :key="idx">
-        <ElRow :gutter="12">
-          <ElCol :span="4"
-            ><ElFormItem label="汇款国"><ElInput v-model="p.remit_country" disabled /></ElFormItem
-          ></ElCol>
-          <ElCol :span="4"
-            ><ElFormItem label="日期"><ElInput v-model="p.date" disabled /></ElFormItem
-          ></ElCol>
-          <ElCol :span="4"
-            ><ElFormItem label="币种"><ElInput v-model="p.currency" disabled /></ElFormItem
-          ></ElCol>
-          <ElCol :span="4"
-            ><ElFormItem label="账户"><ElInput v-model="p.account" disabled /></ElFormItem
-          ></ElCol>
-          <ElCol :span="4"
-            ><ElFormItem label="汇款人"><ElInput v-model="p.payer" disabled /></ElFormItem
-          ></ElCol>
-          <ElCol :span="4"
-            ><ElFormItem label="金额"><ElInput v-model="p.amount" disabled /></ElFormItem
-          ></ElCol>
-        </ElRow>
-      </div>
-    </div>
-    <!-- 上传合同 -->
-    <div class="boxshadow">
-      <div class="form-title">
-        <span class="border"></span>
-        <span class="title">上传合同</span>
-      </div>
-      <div class="file-preview">
-        <div v-if="contractFile" class="contract-file">
-          <div v-if="isImageFile(contractFile)" class="image-preview">
-            <img
-              :src="contractFile.url"
-              :alt="contractFile.name"
-              class="preview-image"
-              @click="previewImage(contractFile)"
-            />
-            <div class="file-info">
-              <span class="file-name">{{ contractFile.name }}</span>
-              <el-button type="text" size="small" @click="previewImage(contractFile)">
-                预览
-              </el-button>
-            </div>
-          </div>
-          <div v-else class="document-preview">
-            <div class="file-icon">
-              <i class="iconfont-sys">&#xe814;</i>
-            </div>
-            <div class="file-info">
-              <span class="file-name">{{ contractFile.name }}</span>
-              <el-button type="primary" size="small" @click="downloadFile(contractFile)">
-                下载
-              </el-button>
-            </div>
-          </div>
-        </div>
-        <div v-else class="no-file">
-          <i class="iconfont-sys">&#xe60c;</i>
-          <span>暂无合同文件</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { CrmService } from '@/api/crmApi'
-  import { useRoute } from 'vue-router'
-  import { ElMessage } from 'element-plus'
-  const route = useRoute()
-  const stocking_id = route.query.id
-  const stockingInfo = ref<any>({})
-
-  // 回显视图模型，字段与模板一致
-  const header = reactive({ order_no: '', salesman: '' })
-  const base = reactive({
-    pn_no: '',
-    date: '',
-    close_date: '',
-    channel: '',
-    customer_name: '',
-    client_country: '',
-    total_cif: '',
-    total_cif_currency: '',
-    contract_rate: ''
-  })
-  const items = ref<any[]>([])
-  const ship = reactive({
-    customs: '',
-    plan: '',
-    method: '',
-    domestic_port: '',
-    terms: '',
-    latest_arrival: ''
-  })
-  const payments = ref<any[]>([])
-
-  // 合同文件
-  const contractFile = ref<{ name: string; url: string; file_name: string } | null>(null)
-
-  const toMoneyView = (m: any) => ({
-    amount: m?.amount ?? '',
-    currency: m?.currency ?? ''
-  })
-
-  //获取详情并映射到回显模型
-  const getdetilfn = async () => {
-    const res = await CrmService.getStockDetail({ id: stocking_id })
-    stockingInfo.value = res
-    // 头部
-    header.order_no = res?.order_no || res?.pi_no || ''
-    header.salesman = res?.salesperson_snapshot || res?.salesman || res?.salesman_name || res?.user?.name || ''
-    // 基础信息
-    base.pn_no = res?.pi_no || ''
-    base.date = res?.biz_date || ''
-    base.close_date = res?.clearance_country_snapshot || ''
-    base.channel = res?.customer_source_snapshot || res?.customer_source || ''
-    base.customer_name = res?.customer_snapshot || res?.customer_name || ''
-    base.client_country = res?.customer_country_snapshot || res?.customer_country || ''
-    // 订单明细
-    const list = Array.isArray(res?.veh_list) ? res.veh_list : []
-    items.value = list.map((it: any) => {
-      const unit = toMoneyView(it?.unit_price)
-      const total = toMoneyView(it?.total_price)
-      const guide = toMoneyView(it?.official_price)
-      const discount = toMoneyView(it?.discount_price)
-      const helper = toMoneyView(it?.handling_fee)
-      const fob = toMoneyView(it?.fob_transport_fee)
-      const port = toMoneyView(it?.port_misc_fee)
-      const profit = toMoneyView(it?.profit)
-      return {
-        model: it?.model_snapshot || '',
-        vin: it?.vin || '',
-        color_out: it?.color_exterior_snapshot || '',
-        color_in: it?.color_interior_snapshot || '',
-        modify: (Array.isArray(it?.modify_list) ? it.modify_list : [])
-          .map((m: any) => m?.option_name_snapshot)
-          .filter(Boolean)
-          .join('、'),
-        modify_fee: it?.retrofit_fee?.amount ?? '',
-        modify_fee_currency: it?.retrofit_fee?.currency ?? '',
-        fob_fee: fob.amount,
-        fob_fee_currency: fob.currency,
-        unit_price: unit.amount,
-        unit_price_currency: unit.currency,
-        total_price: total.amount,
-        total_price_currency: total.currency,
-        guide_price: guide.amount,
-        guide_price_currency: guide.currency,
-        discount: discount.amount,
-        discount_currency: discount.currency,
-        helper_fee: helper.amount,
-        helper_fee_currency: helper.currency,
-        domestic_freight: it?.domestic_freight?.amount ?? '',
-        domestic_freight_currency: it?.domestic_freight?.currency ?? '',
-        port_fee: port.amount,
-        port_fee_currency: port.currency,
-        profit: profit.amount,
-        profit_currency: profit.currency
-      }
-    })
-    // 运输详情
-    ship.customs = res?.declarant_name || ''
-    ship.plan = res?.eta_ship_date || ''
-    ship.method = res?.shipping_method_snapshot || ''
-    ship.domestic_port = res?.domestic_port_snapshot || ''
-    ship.terms = `${res?.trade_term_snapshot || ''} / ${res?.clearance_port_snapshot || ''}`.replace(
-      /^\s*\/\s*$/,
-      ''
-    )
-    ship.latest_arrival = res?.latest_arrival_date || ''
-    // 合计与汇率
-    base.total_cif = res?.cif_total_amount?.amount ?? ''
-    base.total_cif_currency = res?.cif_total_amount?.currency || ''
-    base.contract_rate = res?.contract_exchange_rate || res?.contract_rate || ''
-    // 计划收款（全部展示）
-    payments.value = (Array.isArray(res?.account_list) ? res.account_list : []).map((p: any) => ({
-      remit_country: p?.remit_country_name_snapshot || '',
-      date: p?.remit_date || '',
-      currency: p?.currency_name_snapshot || p?.currency_code || '',
-      account: p?.account_name_snapshot || '',
-      payer: p?.remitter_name || '',
-      amount: p?.amount ?? ''
-    }))
-    // 合同文件
-    if (res?.contract) {
-      contractFile.value = {
-        name: '合同文件',
-        url: res.contract_url || res.contract,
-        file_name: res.contract
-      }
-    }
-  }
-  // 判断是否为图片文件
-  const isImageFile = (file: { name: string; url: string; file_name: string }) => {
-    // 检查文件名
-    if (file.name && /\.(jpg|jpeg|png|gif|webp)$/i.test(file.name)) {
-      return true
-    }
-    
-    // 检查file_name字段
-    if (file.file_name && file.file_name.startsWith('image/')) {
-      return true
-    }
-    
-    // 检查URL中的文件扩展名（去除查询参数）
-    if (file.url) {
-      const urlWithoutParams = file.url.split('?')[0] // 移除查询参数
-      if (/\.(jpg|jpeg|png|gif|webp)$/i.test(urlWithoutParams)) {
-        return true
-      }
-    }
-    
-    return false
-  }
-
-  // 预览图片
-  const previewImage = (file: { name: string; url: string; file_name: string }) => {
-    // 创建图片预览弹窗
-    const imagePreview = document.createElement('div')
-    imagePreview.style.cssText = `
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.8);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: 9999;
-      cursor: pointer;
-    `
-    
-    const image = document.createElement('img')
-    image.src = file.url
-    image.alt = file.name
-    image.style.cssText = `
-      max-width: 90%;
-      max-height: 90%;
-      object-fit: contain;
-      border-radius: 4px;
-      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
-    `
-    
-    const closeBtn = document.createElement('div')
-    closeBtn.innerHTML = '×'
-    closeBtn.style.cssText = `
-      position: absolute;
-      top: 20px;
-      right: 30px;
-      color: white;
-      font-size: 30px;
-      cursor: pointer;
-      z-index: 10000;
-    `
-    
-    imagePreview.appendChild(image)
-    imagePreview.appendChild(closeBtn)
-    document.body.appendChild(imagePreview)
-    
-    // 点击关闭
-    const closePreview = () => {
-      document.body.removeChild(imagePreview)
-    }
-    
-    imagePreview.addEventListener('click', closePreview)
-    closeBtn.addEventListener('click', (e) => {
-      e.stopPropagation()
-      closePreview()
-    })
-    
-    // ESC键关闭
-    const handleKeydown = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        closePreview()
-        document.removeEventListener('keydown', handleKeydown)
-      }
-    }
-    document.addEventListener('keydown', handleKeydown)
-  }
-
-  // 下载文件
-  const downloadFile = (file: { name: string; url: string; file_name: string }) => {
-    try {
-      const link = document.createElement('a')
-      link.href = file.url
-      link.download = file.name
-      link.target = '_blank'
-      document.body.appendChild(link)
-      link.click()
-      document.body.removeChild(link)
-    } catch (error) {
-      console.error('下载失败:', error)
-      ElMessage.error('下载失败，请稍后重试')
-    }
-  }
-
-  onMounted(() => {
-    getdetilfn()
-  })
-</script>
-
-<style scoped lang="scss">
-  .stocking-show-page { min-height: 100vh; }
-  .header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 16px 20px;
-    margin-bottom: 12px;
-    color: #333333;
-    .header-left {
-      flex: 1;
-      text-align: center;
-    }
-    .title {
-      font-size: 18px;
-      font-weight: 600;
-      margin-bottom: 15px;
-    }
-    .sub {
-      color: #333333;
-    }
-    .mr40 { margin-right: 40px; }
-  }
-  .form-title { font-weight: bold; color: #222; margin-bottom: 15px; }
-  .form-title .title { margin-left: 6px; }
-  .items-wrap { margin-top: 6px; }
-  .item-row { padding: 8px 0; }
-  :deep(.el-input.is-disabled .el-input__inner) { color: var(--el-text-color-regular); }
-
-  .file-preview {
-    padding: 20px;
-    min-height: 120px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .contract-file {
-    width: 100%;
-    max-width: 400px;
-  }
-
-  .image-preview {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .preview-image {
-    max-width: 200px;
-    max-height: 200px;
-    object-fit: contain;
-    border: 1px solid #e4e7ed;
-    border-radius: 4px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-    transition: transform 0.2s ease;
-  }
-
-  .preview-image:hover {
-    transform: scale(1.05);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  }
-
-  .document-preview {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    padding: 16px;
-    border: 1px solid #e4e7ed;
-    border-radius: 8px;
-    background: #fafafa;
-  }
-
-  .file-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 48px;
-    height: 48px;
-    background: #409eff;
-    border-radius: 8px;
-    color: white;
-    font-size: 24px;
-  }
-
-  .file-info {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  .file-name {
-    font-size: 14px;
-    color: #333;
-    word-break: break-all;
-  }
-
-  .no-file {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 12px;
-    color: #999;
-    font-size: 14px;
-  }
-
-  .no-file i {
-    font-size: 48px;
-    color: #ddd;
-  }
-</style>
-
-

src/views/crmpc/stocking/stocking_list.vue

@@ -38,12 +38,20 @@
           <ElTableColumn label="客户来源" prop="customer_source_snapshot" />
           <ElTableColumn label="业务员" prop="salesperson_snapshot" />
           <ElTableColumn label="日期" prop="created_at" />
-          <ElTableColumn label="补充" prop="remark" />
-          <!-- <ElTableColumn label="状态" prop="status" width="120">
+          <!-- <ElTableColumn label="补充" prop="remark" /> -->
+          <ElTableColumn label="状态" prop="approval_status">
             <template #default="scope">
-              <ElTag type="success">备货完成</ElTag>
+              <div v-if="scope.row.appro_status">
+                <div
+                  ><span :class="statusClass(scope.row.appro_status.status)">{{ scope.row.appro_status.status_desc ? scope.row.appro_status.status_desc : '' }}</span>
+                  <span v-if="scope.row.appro_status.name != ''"
+                    >【{{ scope.row.appro_status.name }}】</span
+                  >
+                </div>
+              </div>
+              <div v-else></div>
             </template>
-          </ElTableColumn> -->
+          </ElTableColumn>
           <ElTableColumn label="操作" fixed="right" min-width="120" align="center">
             <template #default="scope">
               <ElRow :gutter="10" justify="center">
@@ -53,7 +61,7 @@
                   @click="printfn(scope.row)"
                   style="margin-right: 8px"
                 >
-                  <i class="iconfont-sys">&#xe782;</i> 打印
+                  <i class="iconfont-sys">&#xe782;</i> 打印预览
                 </el-link>
                 <el-link
                   type="success"
@@ -87,17 +95,33 @@
     </div>
 
     <!-- PDF 预览弹窗 -->
-    <el-dialog v-model="pdf.visible" title="打印预览" width="80%" top="40px" :close-on-click-modal="false">
-      <div style="height: 70vh; display: flex; flex-direction: column; gap: 12px;">
-        <div style="display:flex; justify-content:flex-end; gap: 8px;">
-          <!-- <el-button type="primary" @click="print()">打印</el-button> -->
+    <el-dialog
+      v-model="pdf.visible"
+      title="打印预览"
+      width="80%"
+      top="40px"
+      :close-on-click-modal="false"
+    >
+      <div style="max-height: 70vh; display: flex; flex-direction: column; gap: 12px">
+        <div style="display: flex; justify-content: flex-end; gap: 8px;">
           <el-button @click="download">下载</el-button>
         </div>
+        <div
+          v-if="pdf.images.length"
+          style="overflow: auto; border: 1px solid #eee; border-radius: 6px; padding: 8px"
+        >
+          <img
+            v-for="(img, idx) in pdf.images"
+            :key="idx"
+            :src="img"
+            style="display: block; width: 100%; margin-bottom: 8px; background: #fff"
+          />
+        </div>
         <iframe
-          v-if="pdf.blobUrl || pdf.url"
+          v-else-if="pdf.blobUrl || pdf.url"
           ref="frameRef"
           :src="pdf.blobUrl || pdf.url"
-          style="flex:1; width: 100%; border: 1px solid #eee; border-radius: 6px;"
+          style="flex: 1; width: 100%; border: 1px solid #eee; border-radius: 6px;"
         />
       </div>
     </el-dialog>
@@ -108,10 +132,8 @@
   import { router } from '@/router'
   import { CrmService } from '@/api/crmApi'
   import { usePdfPreview } from '@/composables/usePdfPreview'
-  import { useAuth } from '@/composables/useAuth'
-
-  const { hasAuth } = useAuth()
-
+  // import { useAuth } from '@/composables/useAuth'
+  // const { hasAuth } = useAuth()
 
   const loading = ref(false)
   const keyword = ref('')
@@ -120,12 +142,16 @@
   const pagination = reactive({ currentPage: 1, pageSize: 10, total: 0 })
 
   // PDF 预览/打印（公共）
-  const { pdf, frameRef, openWithResponse, download, print, preparePreview } = usePdfPreview()
+  const { pdf, frameRef, openWithResponse, download, print, preparePreview, prepareImages } = usePdfPreview()
 
   onMounted(() => {
     getList()
   })
-
+  function statusClass(status: any) {
+    if (status === 'rejected') return 'status-lost'
+    if (status === 'approved') return 'status-following'
+    return 'status-dealed'
+  }
   watch([keyword], () => {
     pagination.currentPage = 1
     // 不自动请求，保持与截图行为一致，点击搜索或回车触发
@@ -192,6 +218,9 @@
     CrmService.printStock({ id: row.id })
       .then((res) => {
         openWithResponse(res)
+        // 优先转成图片以适配不带插件的环境
+        prepareImages()
+        // 同时保留 blob 预览作为兜底
         preparePreview()
       })
       .catch((err) => {
@@ -223,5 +252,19 @@
     align-items: center;
   }
   .clickable { cursor: pointer; }
+  .status-following {
+    color: #00a43f;
+    font-weight: bold;
+  }
+
+  .status-dealed {
+    color: #3471ff;
+    font-weight: bold;
+  }
+
+  .status-lost {
+    color: #ff0000;
+    font-weight: bold;
+  }
 </style>