feat: ✨ 商家端新增格式化价格文件插件并在代码中引入,更新代码需要install插件

2025-12-21 02:15:54 +08:00 · 2023-07-03 16:28:58 +08:00
parent 26a539662e
commit bf70527c58
26 changed files with 61 additions and 87 deletions
--- a/seller/src/views/distribution/distributionGoods.vue
+++ b/seller/src/views/distribution/distributionGoods.vue
@@ -118,7 +118,7 @@ export default {
          key: "price",
          width: 130,
          render: (h, params) => {
-            return h("div", this.$options.filters.unitPrice(params.row.price,'￥'));
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
          }
        },
        {
--- a/seller/src/views/goods/goods-seller/draftGoods.vue
+++ b/seller/src/views/goods/goods-seller/draftGoods.vue
@@ -85,10 +85,7 @@ export default {
          title: "商品价格",
          key: "price",
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.price, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
          },
        },
        {
--- a/seller/src/views/goods/goods-seller/goods.vue
+++ b/seller/src/views/goods/goods-seller/goods.vue
@@ -354,7 +354,7 @@ export default {
          key: "price",
          width: 130,
          render: (h, params) => {
-            return h("div", this.$options.filters.unitPrice(params.row.price, "￥"));
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
          },
        },
        {
--- a/seller/src/views/order/after-order/orderComplaintDetail.vue
+++ b/seller/src/views/order/after-order/orderComplaintDetail.vue
@@ -196,7 +196,7 @@
                订单金额
              </dt>
              <dd>
-                {{ complaintInfo.orderPrice | unitPrice('￥')}}
+                <priceColorScheme :value="complaintInfo.orderPrice" :color="$mainColor"></priceColorScheme>
              </dd>
            </dl>

--- a/seller/src/views/order/after-order/returnGoodsOrder.vue
+++ b/seller/src/views/order/after-order/returnGoodsOrder.vue
@@ -143,11 +143,9 @@
            key: "applyRefundPrice",
            width: 130,
            render: (h, params) => {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.applyRefundPrice, "￥")
-              );
+              return h("priceColorScheme", {props:{value:params.row.applyRefundPrice,color:this.$mainColor}} );
            },
+
          },
          {
            title: "会员名称",
--- a/seller/src/views/order/after-order/returnMoneyOrder.vue
+++ b/seller/src/views/order/after-order/returnMoneyOrder.vue
@@ -142,13 +142,10 @@
            title: "申请退款金额",
            key: "applyRefundPrice",
            width: 130,
-
            render: (h, params) => {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.applyRefundPrice, "￥")
-              );
+              return h("priceColorScheme", {props:{value:params.row.applyRefundPrice,color:this.$mainColor}} );
            },
+
          },
          {
            title: "会员",
--- a/seller/src/views/order/after-order/reurnGoodsOrderDetail.vue
+++ b/seller/src/views/order/after-order/reurnGoodsOrderDetail.vue
@@ -22,7 +22,9 @@
              </dl>
              <dl>
                <dt>申请退款金额</dt>
-                <dd>{{ afterSaleInfo.applyRefundPrice | unitPrice('￥') }}</dd>
+                <dd>
+                  <priceColorScheme :value="afterSaleInfo.applyRefundPrice" :color="$mainColor" />
+                </dd>
              </dl>
              <dl v-if="afterSaleInfo.actualRefundPrice">
                <dt>实际退款金额</dt>
@@ -89,7 +91,9 @@

              <dl>
                <dt>申请退款金额</dt>
-                <dd>{{ afterSaleInfo.applyRefundPrice | unitPrice('￥') }}</dd>
+                <dd>
+                  <priceColorScheme :value="afterSaleInfo.applyRefundPrice" :color="$mainColor" />
+                </dd>
              </dl>
              <dl v-if="params.serviceStatus == 'PASS'">
                <dt>实际退款金额</dt>
--- a/seller/src/views/order/order/orderList.vue
+++ b/seller/src/views/order/order/orderList.vue
@@ -202,10 +202,7 @@ export default {
          minWidth: 100,
          tooltip: true,
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.flowPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.flowPrice,color:this.$mainColor}} );
          },
        },

--- a/seller/src/views/order/order/virtualOrderList.vue
+++ b/seller/src/views/order/order/virtualOrderList.vue
@@ -107,11 +107,10 @@ export default {
          minWidth: 100,
          tooltip: true,
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.flowPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.flowPrice,color:this.$mainColor}} );
          },
+
+
        },

        {
--- a/seller/src/views/order/receiptManager/receipt.vue
+++ b/seller/src/views/order/receiptManager/receipt.vue
@@ -96,10 +96,7 @@ export default {
          key: "billPrice",
          width: 150,
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.receiptPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.receiptPrice,color:this.$mainColor}} );
          },
        },
        {
--- a/seller/src/views/promotion/coupon/coupon-publish.vue
+++ b/seller/src/views/promotion/coupon/coupon-publish.vue
@@ -301,7 +301,7 @@ export default {
          key: "price",
          minWidth: 40,
          render: (h, params) => {
-            return h("div", this.$options.filters.unitPrice(params.row.price, "￥"));
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
          },
        },
        {
--- a/seller/src/views/promotion/coupon/coupon-receive.vue
+++ b/seller/src/views/promotion/coupon/coupon-receive.vue
@@ -127,10 +127,7 @@ export default {
          width: 100,
          render: (h, params) => {
            if (params.row.price) {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.price, "￥")
-              );
+              return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
            } else {
              return h("div", params.row.discount + "折");
            }
--- a/seller/src/views/promotion/coupon/coupon.vue
+++ b/seller/src/views/promotion/coupon/coupon.vue
@@ -155,10 +155,7 @@ export default {
          width: 100,
          render: (h, params) => {
            if (params.row.price) {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.price || 0, "￥")
-              );
+              return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
            } else {
              return h("div", (params.row.couponDiscount || 0) + "折");
            }
--- a/seller/src/views/promotion/full-discount/full-discount-add.vue
+++ b/seller/src/views/promotion/full-discount/full-discount-add.vue
@@ -201,10 +201,7 @@ export default {
          key: "price",
          minWidth: 40,
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.price, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
          },
        },
        {
--- a/seller/src/views/promotion/live/liveGoods.vue
+++ b/seller/src/views/promotion/live/liveGoods.vue
@@ -53,9 +53,9 @@
              </div>
            </RadioGroup>
            <div v-else>
-              <div v-if="row.priceType == 1">{{row.price | unitPrice('￥')}}</div>
-              <div v-if="row.priceType == 2">{{row.price | unitPrice('￥')}}至{{row.price2 | unitPrice('￥')}}</div>
-              <div v-if="row.priceType == 3">{{row.price2 | unitPrice('￥')}}<span class="original-price">{{row.price | unitPrice('￥')}}</span></div>
+              <div v-if="row.priceType == 1"><priceColorScheme :value="row.price" :color="$mainColor" /></div>
+              <div class="flex" v-if="row.priceType == 2"><priceColorScheme :value="row.price" :color="$mainColor" />至<priceColorScheme :value="row.price2" :color="$mainColor" /></div>
+              <div class="flex" v-if="row.priceType == 3"><priceColorScheme :value="row.price2" :color="$mainColor" /><span class="original-price">{{row.price | unitPrice('￥')}}</span></div>
            </div>

          </template>
@@ -381,4 +381,9 @@ h4 {
  line-height: 40px;
  text-align: left;
 }
+.flex{
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
 </style>
--- a/seller/src/views/shop/bill/accountStatementBill.vue
+++ b/seller/src/views/shop/bill/accountStatementBill.vue
@@ -82,7 +82,7 @@
            title: "账单号",
            key: "sn",
            minWidth: 250,
-            tooltip: true          
+            tooltip: true
          },
          {
            title: "生成时间",
@@ -103,10 +103,7 @@
            key: "billPrice",
            minWidth: 100,
            render: (h, params) => {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.billPrice, "￥")
-              );
+              return h("priceColorScheme", {props:{value:params.row.billPrice,color:this.$mainColor}} );
            },
          },

--- a/seller/src/views/shop/bill/billDetail.vue
+++ b/seller/src/views/shop/bill/billDetail.vue
@@ -180,10 +180,7 @@ export default {
          title: "订单金额",
          key: "finalPrice",
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.finalPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.finalPrice,color:this.$mainColor}} );
          },
        },
        {
@@ -191,13 +188,7 @@ export default {
          key: "kanjiaSettlementPrice",
          render: (h, params) => {
            if (params.row.kanjiaSettlementPrice) {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(
-                  params.row.kanjiaSettlementPrice,
-                  "￥"
-                )
-              );
+              return h("priceColorScheme", {props:{value:params.row.kanjiaSettlementPrice,color:this.$mainColor}} );
            } else {
              return h("div", "￥0.00");
            }
--- a/seller/src/views/shop/bill/storeBill.vue
+++ b/seller/src/views/shop/bill/storeBill.vue
@@ -106,11 +106,9 @@
            key: "billPrice",
            minWidth: 100,
            render: (h, params) => {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.billPrice, "￥")
-              );
+              return h("priceColorScheme", {props:{value:params.row.billPrice,color:this.$mainColor}} );
            },
+
          },


--- a/seller/src/views/statistics/goods.vue
+++ b/seller/src/views/statistics/goods.vue
@@ -47,10 +47,7 @@ export default {
          title: "销售金额",
          key: "price",
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.price)
-            );
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
          },
        },
      ],
--- a/seller/src/views/statistics/order.vue
+++ b/seller/src/views/statistics/order.vue
@@ -260,10 +260,7 @@ export default {
          title: "价格",
          key: "flowPrice",
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.flowPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.flowPrice,color:this.$mainColor}} );
          },
        },
      ],
@@ -329,11 +326,9 @@ export default {
          title: "申请退款金额",
          key: "applyRefundPrice",
          render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.applyRefundPrice, "￥")
-            );
+              return h("priceColorScheme", {props:{value:params.row.applyRefundPrice,color:this.$mainColor}} );
          },
+
        },
        {
          title: "申请原因",
--- a/seller/src/views/statistics/order/refundOrder.vue
+++ b/seller/src/views/statistics/order/refundOrder.vue
@@ -18,7 +18,9 @@
        </div>
        <div class="label-item">
          <span>申请退款金额</span>
-          <span>{{res.applyRefundPrice || '0'}}</span>
+          <span>
+            <priceColorScheme :value="afterSaleInfo.applyRefundPrice" :color="$mainColor" />
+          </span>
        </div>
        <div class="label-item">
          <span>商家备注</span>