css优化

src/views/consignmentManagement/consignmentRecallDetail.vue

@@ -2,20 +2,22 @@
   <div class="pagex">
     <div class="section-page">
       <!-- 详情信息区 -->
-      <el-descriptions :column="5" border style="margin-bottom: 15px; width: 1200px;">
+      <el-descriptions :column="3" border style="margin-bottom: 15px; width: 100%;">
         <el-descriptions-item label="寄售召回单号">
           <span style="font-weight: bold">
             {{ detailData.recall_sn }}{{ detailData.recall_status_val ? `（${detailData.recall_status_val}）` : '' }}
           </span>
         </el-descriptions-item>
-        <el-descriptions-item label="供应商名称：">{{ detailData.supplier_name }}</el-descriptions-item>
-        <el-descriptions-item label="备注：">
-          <div class="remark-content">{{ detailData.delivery_remark || '-' }}</div>
+        <el-descriptions-item label="供应商名称：">
+          <span style="white-space: nowrap;">{{ detailData.supplier_name }}</span>
         </el-descriptions-item>
+        <el-descriptions-item label="创建时间：">{{ detailData.create_time }}</el-descriptions-item>
         <el-descriptions-item label="收货人：">{{ (detailData.supplier_address && detailData.supplier_address.contact) || '-' }}</el-descriptions-item>
         <el-descriptions-item label="收货人电话：">{{ (detailData.supplier_address && detailData.supplier_address.mobile) || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="备注：">
+          <div class="remark-content">{{ detailData.delivery_remark || '-' }}</div>
+        </el-descriptions-item>
         <el-descriptions-item label="收货地址：" :span="2">{{ (detailData.supplier_address && detailData.supplier_address.info) || '-' }}</el-descriptions-item>
-        <el-descriptions-item label="创建时间：">{{ detailData.create_time }}</el-descriptions-item>
       </el-descriptions>
       <!--列表区-->
       <div class="data-box">

src/views/consignmentManagement/createConsignmentRecallOrder.vue

@@ -6,7 +6,7 @@
         <el-button @click="$router.push('/consignmentRecall')">取消</el-button>
       </div>
       <div class="row bothSide" style="margin-bottom: 10px;">
-        <div style="width: 40%">
+        <div style="width: 48%">
           <div class="xktitle" style="margin-bottom: 10px">收货信息<i class="el-icon-edit-outline" style="margin-left: 10px;" @click="dialogVisible_3=true"></i></div>
           <div class="row">
             <i class="el-icon-map-location" style="margin-top: 16px;"></i>
@@ -25,7 +25,7 @@
             </el-descriptions>
           </div>
         </div>
-        <div style="width: 40%">
+        <div style="width: 48%">
           <div class="xktitle" style="margin-bottom: 10px">配送信息</div>
           <el-descriptions :column="2" :colon="false">
             <el-descriptions-item label="配送方式：">快递</el-descriptions-item>