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

manager/src/views/promotions/coupon-activity/coupon-info.vue

@@ -76,10 +76,16 @@ export default {
             let text = "未知";
             if (params.row.couponType === "DISCOUNT") {
               text = params.row.couponDiscount + "折";
+              return h("div", [text]);
             } else if (params.row.couponType === "PRICE") {
-              text = "¥" + params.row.price;
+              return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
+
+            }else{
+              return h("div", [text]);
             }
-            return h("div", [text]);
+
+
+
           },
         },
         {

manager/src/views/promotions/coupon-activity/coupon-publish.vue

@@ -250,7 +250,8 @@ export default {
           minWidth: 120,
           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.couponDiscount + "折");
             }
@@ -404,7 +405,7 @@ export default {
         }
       });
       }
-    
+
     },
     // 关闭当前页面
     closeCurrentPage() {

manager/src/views/promotions/coupon/coupon-publish.vue

@@ -359,7 +359,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}} );
           },
         },
         {

manager/src/views/promotions/coupon/coupon-receive.vue

@@ -147,10 +147,9 @@ 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 + "折");
             }

manager/src/views/promotions/coupon/coupon.vue

@@ -181,10 +181,8 @@ export default {
           // width: 150,
           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.couponDiscount + "折");
             }

manager/src/views/promotions/full-discount/full-discount-detail.vue

@@ -238,10 +238,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}} );
           },
         },
         {

manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue

@@ -112,7 +112,7 @@ export default {
           key: "price",
           width: 120,
           render: (h, params) => {
-            return h("div", this.$options.filters.unitPrice(params.row.price, "￥"));
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
           },
         },
         {

manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue

@@ -15,7 +15,9 @@
               <div>{{ form.goodsSku.storeName }}</div>
             </FormItem>
             <FormItem label="商品价格">
-              <div>{{ form.goodsSku.price | unitPrice('￥') }}</div>
+              <div>
+                <priceColorScheme :value="form.goodsSku.price" :color="$mainColor"></priceColorScheme>
+              </div>
             </FormItem>
             <FormItem label="商品库存">
               <div>{{ form.goodsSku.quantity }}</div>
@@ -30,7 +32,7 @@
                 style="width: 260px"
               />
             </FormItem>
-           
+
             <FormItem label="最低可砍" prop="lowestPrice">
               <Input
                 :disabled="onlyView"
@@ -83,7 +85,7 @@
         </div>
       </Form>
     </Card>
-    
+
   </div>
 </template>
 
@@ -97,7 +99,7 @@
 
   export default {
     name: "editKanjiaActivityGoods",
-   
+
     watch: {},
     data() {
       const checkSettlementPrice = (rule, value, callback) => {
@@ -158,7 +160,7 @@
             {required: true, message: "请输入结算金额"},
             {validator: checkSettlementPrice},
           ],
-         
+
           lowestPrice: [
             {required: true, message: "请输入最低可砍金额"},
             {validator: checkLowestPrice},
@@ -216,7 +218,7 @@
               this.$Message.error("活动库存不能为0且不能超过商品库存");
               return
             }
-          
+
             // 结算价格金额格式校验
             if (!regular.money.test(params.settlementPrice)) {
               this.$Message.error("结算价格金额格式不正确");

manager/src/views/promotions/kanjia/kanjia-activity-goods.vue

@@ -217,10 +217,7 @@ export default {
           key: "settlementPrice",
           minWidth: 100,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.settlementPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.settlementPrice,color:this.$mainColor}} );
           },
         },
         {

manager/src/views/promotions/pintuan/pintuan-goods.vue

@@ -129,7 +129,7 @@ export default {
           key: "price",
           minWidth: 50,
           render: (h, params) => {
-            return h("div", this.$options.filters.unitPrice(params.row.price, "￥"));
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
           },
         },
       ],

manager/src/views/promotions/points-goods/points-goods-add.vue

@@ -219,10 +219,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}} );
           },
         },
         {

manager/src/views/promotions/points-goods/points-goods-edit.vue

@@ -15,7 +15,9 @@
               <div>{{ form.goodsSku.storeName }}</div>
             </FormItem>
             <FormItem label="商品价格">
-              <div>{{ form.goodsSku.price | unitPrice("￥") }}</div>
+              <div>
+                <priceColorScheme :value="form.goodsSku.price" :color="$mainColor"></priceColorScheme>
+              </div>
             </FormItem>
             <FormItem label="库存">
               <div>{{ form.goodsSku.quantity }}</div>

manager/src/views/promotions/points-goods/points-goods.vue

@@ -91,10 +91,14 @@
           </div>
         </template>
         <template slot-scope="{ row }" slot="price">
-          <div>{{ row.originalPrice | unitPrice("￥") }}</div>
+          <div>
+            <priceColorScheme :value="row.originalPrice" :color="$mainColor"></priceColorScheme>
+          </div>
         </template>
         <template slot-scope="{ row }" slot="settlementPrice">
-          <div>{{ row.settlementPrice | unitPrice("￥") }}</div>
+          <div>
+            <priceColorScheme :value="row.settlementPrice" :color="$mainColor"></priceColorScheme>
+          </div>
         </template>
         <template slot-scope="{ row }" slot="quantity">
           <div>{{ row.activeStock }}</div>

manager/src/views/promotions/seckill/seckill-goods.vue

@@ -18,7 +18,9 @@
         ref="table"
       >
         <template slot-scope="{ row }" slot="originalPrice">
-          <div>{{ row.originalPrice | unitPrice("￥") }}</div>
+          <div>
+            <priceColorScheme :value="row.originalPrice" :color="$mainColor"></priceColorScheme>
+          </div>
         </template>
 
         <template slot-scope="{ row }" slot="quantity">
@@ -26,7 +28,9 @@
         </template>
 
         <template slot-scope="{ row }" slot="price">
-          <div>{{ row.price | unitPrice("￥") }}</div>
+          <div>
+            <priceColorScheme :value="row.price" :color="$mainColor"></priceColorScheme>
+          </div>
         </template>
 
         <template slot-scope="{ row }" slot="time">