style: 样式调整.

src/pages/purchase-order/edit.vue

@@ -323,7 +323,9 @@
                         style="width: 100%; margin-bottom: 4pt"
                         :options="product.candidate"
                         :loading="productLoading"
-                        :remote-method="(e:string) => getProductList(e, product)"
+                        :remote-method="
+                          (e: string) => getProductList(e, product)
+                        "
                         remote
                         filterable
                         clearable
@@ -535,21 +537,23 @@
               </div>
               <div class="rule-item flex nowrap">
                 二、以上价格已含所有产品的制作费、包装费；由
-                <span style="color: #f56c6c">*</span>
-                <el-form-item label-width="10">
-                  <el-select
-                    v-model="form.field5"
-                    size="small"
-                    style="width: 110px"
-                  >
-                    <el-option
-                      v-for="(item, index) in field5_lists"
-                      :key="index"
-                      :label="item.label"
-                      :value="item.label"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
+                <div class="attention flex nowrap">
+                  <span style="color: #f56c6c">*</span>
+                  <el-form-item label-width="10">
+                    <el-select
+                      v-model="form.field5"
+                      size="small"
+                      style="width: 110px"
+                    >
+                      <el-option
+                        v-for="(item, index) in field5_lists"
+                        :key="index"
+                        :label="item.label"
+                        :value="item.label"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </div>
                 运费送货到广州甲方指定的卸货地点，不含税，运费届时实报实销。
               </div>
               <div class="rule-item">
@@ -557,7 +561,7 @@
               </div>
               <div class="rule-item">
                 四、付款形式：
-                <span>{{ form.Supplier_Payment_Terms }}</span>
+                <span class="attention">{{ form.Supplier_Payment_Terms }}</span>
                 。甲方在乙方完成大货时，先寄大货样品给乙方确认，确认后付清剩余尾款。甲方通过银行转帐的方式付款，乙方账户信息如上。
               </div>
               <div class="rule-item">
@@ -568,7 +572,7 @@
               </div>
               <div class="rule-item">
                 七、交货期限：自确认图稿时间算起，乙方应于
-                <span>{{ form.field6 }}</span>
+                <span class="attention">{{ form.field6 }}</span>
                 前生产好产品，甲方确认并支付剩余款项后，乙方在约定时间内安排发出剩余产品到甲方收货地址。
               </div>
             </template>
@@ -934,7 +938,7 @@
             </div>
             <div class="rule-item flex nowrap">
               二、以上价格已含所有产品的制作费、包装费；由
-              <span>{{ form.field5 }}</span>
+              <span class="attention">{{ form.field5 }}</span>
               运费送货到广州甲方指定的卸货地点，不含税，运费届时实报实销。
             </div>
             <div class="rule-item">
@@ -942,7 +946,7 @@
             </div>
             <div class="rule-item">
               四、付款形式：
-              <span>{{ form.Supplier_Payment_Terms }}</span>
+              <span class="attention">{{ form.Supplier_Payment_Terms }}</span>
               。甲方在乙方完成大货时，先寄大货样品给乙方确认，确认后付清剩余尾款。甲方通过银行转帐的方式付款，乙方账户信息如上。
             </div>
             <div class="rule-item">
@@ -953,7 +957,7 @@
             </div>
             <div class="rule-item">
               七、交货期限：自确认图稿时间算起，乙方应于
-              <span>{{ form.field6 }}</span>
+              <span class="attention">{{ form.field6 }}</span>
               前生产好产品，甲方确认并支付剩余款项后，乙方在约定时间内安排发出剩余产品到甲方收货地址。
             </div>
           </template>
@@ -2616,6 +2620,12 @@ input[type='number'] {
   .el-form-item {
     margin-bottom: 0;
   }
+  .attention {
+    padding: 0 8px;
+    line-height: 1.5;
+    border-bottom: 2px solid #777;
+    font-weight: bold;
+  }
 }
 .btn-quick-vendor {
   border: 1px solid #dcdfe6;
@@ -2657,7 +2667,8 @@ input[type='number'] {
 
 .screen {
   background-color: rgba(#fff, 1);
-  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset,
+  box-shadow:
+    0 0 0 1px rgba(255, 255, 255, 0.4) inset,
     0 0.5em 1em rgba(0, 0, 0, 0.6);
   max-width: 1600px;
   min-width: 1200px;