diff --git a/manager/package.json b/manager/package.json
index 45dbf723..e7cc6f19 100644
--- a/manager/package.json
+++ b/manager/package.json
@@ -32,7 +32,8 @@
     "vue-router": "^3.1.3",
     "vuedraggable": "^2.23.2",
     "vuex": "^3.4.0",
-    "xss": "^1.0.7"
+    "xss": "^1.0.7",
+    "price-color":"1.0.2"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.4.4",
diff --git a/manager/src/config/index.js b/manager/src/config/index.js
index cbbf0588..d8e2ebb6 100644
--- a/manager/src/config/index.js
+++ b/manager/src/config/index.js
@@ -11,5 +11,6 @@ module.exports = {
   website: "https://www.pickmall.cn", //官网地址
   enableCDN: true, //生产环境 是否启用cdn加载 vue等js
   port: 10003, //端口
-  inputMaxLength:'140' //全局输入框默认最大输入长度字
+  inputMaxLength:'140', //全局输入框默认最大输入长度字
+  mainColor:"#ff5c58", //主题色
 };
diff --git a/manager/src/main.js b/manager/src/main.js
index 595d42ce..cc153c1a 100644
--- a/manager/src/main.js
+++ b/manager/src/main.js
@@ -25,7 +25,7 @@ import {md5} from '@/utils/md5.js';
 import Print from 'vue-print-nb';
 
 Vue.use(Print);
-const {aMapSecurityJsCode, inputMaxLength} = require("@/config");
+const {aMapSecurityJsCode, inputMaxLength,mainColor } = require("@/config");
 // 高德安全密钥
 if (aMapSecurityJsCode) {
   window._AMapSecurityConfig = {
@@ -45,6 +45,9 @@ Vue.prototype.wapLinkTo = function (goodsId, skuId) { // app端二维码
   return `${WAP_URL}/pages/product/goods?id=${skuId}&goodsId=${goodsId}`
 };
 
+// 引入价格格式化组件
+import priceColorScheme from 'price-color'
+Vue.use(priceColorScheme);
 
 const copyViewUi = {...ViewUI}
 copyViewUi.Input.props.maxlength.default = inputMaxLength // 挂载最大输入值
@@ -66,6 +69,7 @@ Vue.prototype.uploadFileRequest = uploadFileRequest;
 Vue.prototype.setStore = setStore;
 Vue.prototype.getStore = getStore;
 Vue.prototype.removeStore = removeStore;
+Vue.prototype.$mainColor = mainColor;
 Vue.prototype.md5 = md5;
 
 Array.prototype.remove = function (from, to) {
diff --git a/manager/src/views/distribution/distribution.vue b/manager/src/views/distribution/distribution.vue
index 761bc2ef..62eac804 100644
--- a/manager/src/views/distribution/distribution.vue
+++ b/manager/src/views/distribution/distribution.vue
@@ -105,11 +105,9 @@ export default {
           width: 150,
           sortable: false,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.rebateTotal, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.rebateTotal,color:this.$mainColor}} );
           },
+
         },
         {
           title: "可用金额",
@@ -117,10 +115,7 @@ export default {
           width: 150,
           sortable: false,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.canRebate, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.canRebate,color:'green'}} );
           },
         },
         {
@@ -129,10 +124,7 @@ export default {
           width: 150,
           sortable: false,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.commissionFrozen, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.commissionFrozen,color:'#347dda'}} );
           },
         },
         {
diff --git a/manager/src/views/distribution/distributionCash.vue b/manager/src/views/distribution/distributionCash.vue
index 7e130b5f..c76a798d 100644
--- a/manager/src/views/distribution/distributionCash.vue
+++ b/manager/src/views/distribution/distributionCash.vue
@@ -97,8 +97,8 @@ export default {
           key: "price",
           minWidth: 90,
           render: (h, params) => {
-            return h("div", this.$options.filters.unitPrice(params.row.price,'￥'));
-          }
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
+          },
         },
         {
           title: "申请时间",
diff --git a/manager/src/views/distribution/distributionGoods.vue b/manager/src/views/distribution/distributionGoods.vue
index 2053cfe1..53dca285 100644
--- a/manager/src/views/distribution/distributionGoods.vue
+++ b/manager/src/views/distribution/distributionGoods.vue
@@ -98,11 +98,9 @@ export default {
           key: "price",
           minWidth: 100,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.price, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
           },
+
         },
         {
           title: "库存",
@@ -126,11 +124,9 @@ export default {
           minWidth: 100,
           sortable: false,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.commission, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.commission,color:this.$mainColor}} );
           },
+
         },
         {
           title: "操作",
diff --git a/manager/src/views/distribution/distributionOrder.vue b/manager/src/views/distribution/distributionOrder.vue
index 2f0c8852..53a372f1 100644
--- a/manager/src/views/distribution/distributionOrder.vue
+++ b/manager/src/views/distribution/distributionOrder.vue
@@ -126,13 +126,10 @@
             minWidth:80,
             sortable: false,
             render: (h, params) => {
-              if(params.row.rebate == null){
-                return h("div", this.$options.filters.unitPrice(0, '￥'));
-              }else{
-                return h("div", this.$options.filters.unitPrice(params.row.rebate, '￥'));
-              }
+              return h("priceColorScheme", {props:{value:params.row.rebate,color:this.$mainColor}} );
+            },
+
 
-            }
           },
           {
             fixed: "right",
diff --git a/manager/src/views/goods/goods-info/goods.vue b/manager/src/views/goods/goods-info/goods.vue
index a7862b16..94a3b332 100644
--- a/manager/src/views/goods/goods-info/goods.vue
+++ b/manager/src/views/goods/goods-info/goods.vue
@@ -200,10 +200,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}} );
           },
         },
         {
diff --git a/manager/src/views/goods/goods-info/goodsApply.vue b/manager/src/views/goods/goods-info/goodsApply.vue
index e6438bc7..7c7080a0 100644
--- a/manager/src/views/goods/goods-info/goodsApply.vue
+++ b/manager/src/views/goods/goods-info/goodsApply.vue
@@ -115,7 +115,7 @@ export default {
           key: "price",
           minWidth: 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}} );
           },
         },
         {
diff --git a/manager/src/views/goods/goods-info/goodsDetail.vue b/manager/src/views/goods/goods-info/goodsDetail.vue
index e83198e3..2ef4e8c9 100644
--- a/manager/src/views/goods/goods-info/goodsDetail.vue
+++ b/manager/src/views/goods/goods-info/goodsDetail.vue
@@ -38,7 +38,8 @@
           <div class="form-item-view">
             <FormItem label="商品编号"> {{ goods.id }}</FormItem>
             <FormItem label="商品价格">
-              ¥{{ goods.price | unitPrice }}
+              <priceColorScheme :value="goods.price" :color="$mainColor"></priceColorScheme>
+
             </FormItem>
             <FormItem label="商品图片">
               <div
@@ -179,8 +180,8 @@ export default {
             specs: sku.goodsName,
             sn: sku.sn,
             weight: sku.weight,
-            cost: that.$options.filters.unitPrice(sku.cost, "¥"),
-            price: that.$options.filters.unitPrice(sku.price, "¥"),
+            cost: sku.cost,
+            price:sku.price,
             image: sku.thumbnail,
           });
         });
@@ -196,10 +197,17 @@ export default {
             {
               title: "成本",
               key: "cost",
+              render: (h, params) => {
+                console.log(params)
+                return h("priceColorScheme", {props:{value:params.row.cost,color:this.$mainColor}} );
+              },
             },
             {
               title: "价格",
               key: "price",
+              render: (h, params) => {
+                return h("priceColorScheme", {props:{value:params.row.price,color:this.$mainColor}} );
+              },
             }
           );
         }
diff --git a/manager/src/views/goods/goods-manage/category.vue b/manager/src/views/goods/goods-manage/category.vue
index 5b479c0c..bbc3ee80 100644
--- a/manager/src/views/goods/goods-manage/category.vue
+++ b/manager/src/views/goods/goods-manage/category.vue
@@ -66,7 +66,9 @@
         </template>
 
         <template slot="commissionRate" slot-scope="scope">
-          {{ scope.row.commissionRate }}%
+          <priceColorScheme v-if="scope.row.commissionRate > 0" unit=""  :color="$mainColor" :value="scope.row.commissionRate">%</priceColorScheme>
+          <priceColorScheme v-else :value="scope.row.commissionRate" unit=""  >%</priceColorScheme>
+           <!-- {{ scope.row.commissionRate }}% -->
         </template>
 
         <template slot="deleteFlag" slot-scope="{ row }">
diff --git a/manager/src/views/home/home.vue b/manager/src/views/home/home.vue
index cda01897..974541d3 100644
--- a/manager/src/views/home/home.vue
+++ b/manager/src/views/home/home.vue
@@ -230,11 +230,9 @@ 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}} );
           },
         },
         {
@@ -261,10 +259,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}} );
           },
         },
         {
diff --git a/manager/src/views/member/advance/recharge.vue b/manager/src/views/member/advance/recharge.vue
index f70a10e3..9ba1b8ff 100644
--- a/manager/src/views/member/advance/recharge.vue
+++ b/manager/src/views/member/advance/recharge.vue
@@ -104,10 +104,7 @@
             width: 160,
             sortable: true,
             render: (h, params) => {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.rechargeMoney, "￥")
-              );
+              return h("priceColorScheme", {props:{value:params.row.rechargeMoney,color:this.$mainColor,unit:"+"}} );
             },
           },
           {
@@ -206,4 +203,4 @@
       this.init();
     },
   };
-</script>
\ No newline at end of file
+</script>
diff --git a/manager/src/views/member/advance/walletLog.vue b/manager/src/views/member/advance/walletLog.vue
index 5354ad0a..208e3f9d 100644
--- a/manager/src/views/member/advance/walletLog.vue
+++ b/manager/src/views/member/advance/walletLog.vue
@@ -52,30 +52,10 @@ export default {
           key: "money",
           width: 150,
           render: (h, params) => {
-            if (params.row.money > 0) {
-              return h("div", [
-                h(
-                  "span",
-                  {
-                    style: {
-                      color: "green",
-                    },
-                  },
-                  this.$options.filters.unitPrice(params.row.money, "￥")
-                ),
-              ]);
+            if (params.row.money >0) {
+              return h("priceColorScheme", {props:{value:params.row.money,color:'green'}} );
             } else if (params.row.money < 0) {
-              return h("div", [
-                h(
-                  "span",
-                  {
-                    style: {
-                      color: "red",
-                    },
-                  },
-                  this.$options.filters.unitPrice(-params.row.money, "- ￥")
-                ),
-              ]);
+              return h("priceColorScheme", {props:{value:params.row.money,color:this.$mainColor}} );
             }
           },
         },
diff --git a/manager/src/views/member/advance/withdrawApply.vue b/manager/src/views/member/advance/withdrawApply.vue
index 38ba8262..6e63b119 100644
--- a/manager/src/views/member/advance/withdrawApply.vue
+++ b/manager/src/views/member/advance/withdrawApply.vue
@@ -37,7 +37,7 @@
           <span>{{showList.memberName}}</span>
         </FormItem>
         <FormItem label="申请金额">
-          <span>{{showList.applyMoney | unitPrice}}</span>
+          <priceColorScheme :value="showList.applyMoney" :color="$mainColor"></priceColorScheme>
         </FormItem>
         <FormItem label="提现状态">
           <span>{{showList.applyStatus | paramTypeFilter}}</span>
@@ -46,7 +46,7 @@
           <span>{{showList.createTime}}</span>
         </FormItem>
         <FormItem label="审核备注">
-          <Input v-model="audit" />
+          <Input v-model="audit" type="textarea" />
         </FormItem>
 
       </Form>
@@ -66,7 +66,8 @@
           <span>{{showList.memberName}}</span>
         </FormItem>
         <FormItem label="申请金额：">
-          <span>{{showList.applyMoney}}</span>
+          <priceColorScheme :value="showList.applyMoney" :color="$mainColor"></priceColorScheme>
+
         </FormItem>
         <FormItem label="提现状态：">
           <span>{{showList.applyStatus | paramTypeFilter}}</span>
@@ -78,7 +79,7 @@
           <span>{{showList.inspectTime}}</span>
         </FormItem>
         <FormItem label="审核备注：">
-          <span>{{showList.inspectRemark}}</span>
+          <span>{{showList.inspectRemark || '暂无备注'}}</span>
         </FormItem>
 
       </Form>
@@ -143,15 +144,12 @@ export default {
           key: "applyMoney",
           align: "left",
           width: 120,
+
           render: (h, params) => {
-            return h("div", [
-              h(
-                "span",
-                {},
-                this.$options.filters.unitPrice(params.row.applyMoney)
-              ),
-            ]);
+            return h("priceColorScheme", {props:{value:params.row.applyMoney,color:this.$mainColor}} );
           },
+
+
         },
         {
           title: "提现状态",
diff --git a/manager/src/views/member/list/memberDetail.vue b/manager/src/views/member/list/memberDetail.vue
index 9f0ea085..d4c400f1 100644
--- a/manager/src/views/member/list/memberDetail.vue
+++ b/manager/src/views/member/list/memberDetail.vue
@@ -229,7 +229,10 @@
               </div>
 
               <div class="points-top-text">
-                {{memberWalletInfo.memberWallet?memberWalletInfo.memberWallet:0 | unitPrice('￥')}}
+
+                <priceColorScheme :value="memberWalletInfo.memberWallet" :color="$mainColor" :customer="{'fontSize':'21px'}" >
+                </priceColorScheme>
+
               </div>
             </div>
             <div style="min-width: 120px;">
@@ -237,8 +240,9 @@
                 冻结余额
               </div>
               <div class="points-top-text">
-                {{memberWalletInfo.memberFrozenWallet?memberWalletInfo.memberFrozenWallet:0 | unitPrice('￥')}}
-              </div>
+                <priceColorScheme :value="memberWalletInfo.memberFrozenWallet" :color="$mainColor" :customer="{'fontSize':'21px'}" >
+                </priceColorScheme>
+               </div>
             </div>
           </div>
           <Table
@@ -419,21 +423,9 @@
             width: 150,
             render: (h, params) => {
               if (params.row.pointType == 'INCREASE') {
-                return h('div', [
-                  h('span', {
-                    style: {
-                      color: 'green'
-                    }
-                  }, "+" + params.row.variablePoint),
-                ]);
+                return h("priceColorScheme", {props:{value:params.row.variablePoint,color:'green',unit:"+"}} );
               } else {
-                return h('div', [
-                  h('span', {
-                    style: {
-                      color: 'red'
-                    }
-                  }, '-' + params.row.variablePoint),
-                ]);
+                return h("priceColorScheme", {props:{value:params.row.variablePoint,color:this.$mainColor,unit:"-"}} );
               }
             }
           },
@@ -463,8 +455,8 @@
             key: "flowPrice",
             width: 130,
             render: (h, params) => {
-              return h("div", this.$options.filters.unitPrice(params.row.flowPrice, '￥'));
-            }
+              return h("priceColorScheme", {props:{value:params.row.flowPrice,color:this.$mainColor}} );
+            },
           },
           {
             title: "订单类型",
@@ -768,21 +760,9 @@
             width: 150,
             render: (h, params) => {
               if (params.row.money >0) {
-                return h('div', [
-                  h('span', {
-                    style:{
-                      color: 'green'
-                    }
-                  }, this.$options.filters.unitPrice(params.row.money,'￥')),
-                ]);
+                return h("priceColorScheme", {props:{value:params.row.money,color:'green'}} );
               } else if (params.row.money < 0) {
-                return h('div', [
-                  h('span', {
-                    style:{
-                      color: 'red'
-                    }
-                  }, this.$options.filters.unitPrice(params.row.money,'￥')),
-                ]);
+                return h("priceColorScheme", {props:{value:params.row.money,color:this.$mainColor}} );
               }
             },
           },
@@ -839,11 +819,10 @@
             width: 130,
             render: (h, params) => {
               if(params.row.receiptPrice == null){
-                return h("div", this.$options.filters.unitPrice(0, '￥'));
+                return h("priceColorScheme", {props:{value:0,color:this.$mainColor}} );
               }else{
-                return h("div", this.$options.filters.unitPrice(params.row.receiptPrice, '￥'));
+                return h("priceColorScheme", {props:{value:params.row.receiptPrice,color:this.$mainColor}} );
               }
-
             }
           },
           {
diff --git a/manager/src/views/member/point/point.vue b/manager/src/views/member/point/point.vue
index c4db0084..24ecc0ef 100644
--- a/manager/src/views/member/point/point.vue
+++ b/manager/src/views/member/point/point.vue
@@ -93,23 +93,10 @@
             width: 110,
             render: (h, params) => {
               if (params.row.pointType == 'INCREASE') {
-                return h('div', [
-                  h('span', {
-                    style: {
-                      color: 'green'
-                    }
-                  }, "+" + params.row.variablePoint),
-                ]);
+                return h("priceColorScheme", {props:{value:params.row.variablePoint,color:'green',unit:"+"}} );
               } else {
-                return h('div', [
-                  h('span', {
-                    style: {
-                      color: 'red'
-                    }
-                  }, '-' + params.row.variablePoint),
-                ]);
+                return h("priceColorScheme", {props:{value:params.row.variablePoint,color:this.$mainColor,unit:"-"}} );
               }
-
             }
           },
           {
diff --git a/manager/src/views/order/after-order/afterSaleOrder.vue b/manager/src/views/order/after-order/afterSaleOrder.vue
index 490b972a..0e3a33ed 100644
--- a/manager/src/views/order/after-order/afterSaleOrder.vue
+++ b/manager/src/views/order/after-order/afterSaleOrder.vue
@@ -222,14 +222,7 @@ export default {
           key: "applyRefundPrice",
           width: 110,
           render: (h, params) => {
-            if (params.row.applyRefundPrice == null) {
-              return h("div", this.$options.filters.unitPrice(0, "￥"));
-            } else {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(params.row.applyRefundPrice, "￥")
-              );
-            }
+            return h("priceColorScheme", {props:{value:params.row.applyRefundPrice,color:this.$mainColor}} );
           },
         },
         {
diff --git a/manager/src/views/order/after-order/afterSaleOrderDetail.vue b/manager/src/views/order/after-order/afterSaleOrderDetail.vue
index 122bfd22..083ec6c3 100644
--- a/manager/src/views/order/after-order/afterSaleOrderDetail.vue
+++ b/manager/src/views/order/after-order/afterSaleOrderDetail.vue
@@ -19,11 +19,15 @@
             </dl>
             <dl>
               <dt>申请退款金额</dt>
-              <dd>￥{{ afterSaleInfo.applyRefundPrice | unitPrice }}</dd>
+              <dd>
+                <priceColorScheme :value="afterSaleInfo.applyRefundPrice" :color="$mainColor"></priceColorScheme>
+              </dd>
             </dl>
             <dl v-if="afterSaleInfo.actualRefundPrice">
               <dt>实际退款金额</dt>
-              <dd>￥{{ afterSaleInfo.actualRefundPrice | unitPrice }}</dd>
+              <dd>
+                <priceColorScheme :value="afterSaleInfo.applyRefundPrice" :color="$mainColor"></priceColorScheme>
+              </dd>
             </dl>
             <dl v-if="afterSaleInfo.refundPoint">
               <dt>退还积分</dt>
@@ -79,7 +83,9 @@
             </dl>
             <dl>
               <dt>申请退款金额</dt>
-              <dd>{{ afterSaleInfo.applyRefundPrice | unitPrice("￥") }}</dd>
+              <dd>
+                <priceColorScheme :value="afterSaleInfo.applyRefundPrice" :color="$mainColor"></priceColorScheme>
+              </dd>
             </dl>
             <dl>
               <dt>实际退款金额</dt>
diff --git a/manager/src/views/order/after-order/orderComplaint.vue b/manager/src/views/order/after-order/orderComplaint.vue
index ee67eb60..b55dc829 100644
--- a/manager/src/views/order/after-order/orderComplaint.vue
+++ b/manager/src/views/order/after-order/orderComplaint.vue
@@ -112,6 +112,7 @@
           },
           {
             title: "投诉主题",
+            width: 100,
             key: "complainTopic",
             tooltip: true
           },
diff --git a/manager/src/views/order/after-order/orderComplaintDetail.vue b/manager/src/views/order/after-order/orderComplaintDetail.vue
index 0bf29732..46160963 100644
--- a/manager/src/views/order/after-order/orderComplaintDetail.vue
+++ b/manager/src/views/order/after-order/orderComplaintDetail.vue
@@ -180,7 +180,7 @@
                 订单金额
               </dt>
               <dd>
-                {{complaintInfo.orderPrice}}
+                <priceColorScheme :value="complaintInfo.orderPrice" :color="$mainColor"></priceColorScheme>
               </dd>
             </dl>
 
diff --git a/manager/src/views/order/flow/paymentLog.vue b/manager/src/views/order/flow/paymentLog.vue
index ba278625..a2c020d9 100644
--- a/manager/src/views/order/flow/paymentLog.vue
+++ b/manager/src/views/order/flow/paymentLog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="search">   
+  <div class="search">
     <Card>
       <Row @keydown.enter.native="handleSearch">
         <Form ref="searchForm" :model="searchForm" inline :label-width="100" class="search-form">
@@ -145,10 +145,7 @@ export default {
           key: "flowPrice",
           minWidth: 80,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.flowPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.flowPrice,color:this.$mainColor}} );
           },
         },
         {
diff --git a/manager/src/views/order/flow/refundLog.vue b/manager/src/views/order/flow/refundLog.vue
index f76187a0..ff4aac6b 100644
--- a/manager/src/views/order/flow/refundLog.vue
+++ b/manager/src/views/order/flow/refundLog.vue
@@ -153,11 +153,9 @@ export default {
           key: "totalAmount",
           minWidth: 120,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.totalAmount, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.totalAmount,color:this.$mainColor}} );
           },
+
         },
         {
           title: "申请时间",
diff --git a/manager/src/views/order/order/fictitiousOrderList.vue b/manager/src/views/order/order/fictitiousOrderList.vue
index 2a2b218c..b3cd19f1 100644
--- a/manager/src/views/order/order/fictitiousOrderList.vue
+++ b/manager/src/views/order/order/fictitiousOrderList.vue
@@ -102,10 +102,7 @@ export default {
           minWidth: 120,
           sortable: 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}} );
           },
         },
 
diff --git a/manager/src/views/order/order/orderDetail.vue b/manager/src/views/order/order/orderDetail.vue
index 6fc84f74..7da7d2d2 100644
--- a/manager/src/views/order/order/orderDetail.vue
+++ b/manager/src/views/order/order/orderDetail.vue
@@ -76,11 +76,10 @@
           <div class="div-item" v-if="orderInfo.order.needReceipt == true">
             <div class="div-item-left">发票金额：</div>
             <div class="div-item-right">
-              {{
-                orderInfo.receipt && orderInfo.receipt.receiptPrice
-                ? orderInfo.receipt.receiptPrice
-                : "暂无" | unitPrice("￥")
-              }}
+
+              <priceColorScheme  v-if="orderInfo.receipt && orderInfo.receipt.receiptPrice" :value="orderInfo.receipt.receiptPrice" :color="$mainColor"></priceColorScheme>
+              <span v-else>暂无</span>
+
             </div>
           </div>
 
@@ -225,7 +224,8 @@
             ">
               <span class="label">优惠券金额：</span>
               <span class="txt">
-                {{ orderInfo.order.priceDetailDTO.couponPrice | unitPrice("￥") }}
+                <priceColorScheme :value="orderInfo.order.priceDetailDTO.couponPrice" :color="$mainColor"></priceColorScheme>
+
               </span>
             </li>
             <li
@@ -258,7 +258,7 @@
             <!-- <li v-if="showPrices">
                 <span class="label" style="color: #cc0000;font-size: 14px;" v-if="typeList.length > 0" >优惠详情：</span>
               </li> -->
-            <!-- <li v-if="showPrices"  v-for="(item,index) in typeList" :key="index"> 
+            <!-- <li v-if="showPrices"  v-for="(item,index) in typeList" :key="index">
                 <span class="label" v-if="index == 1 && typeList.length > 1" style="font-size:10px !important;"><a  @click="gotoHomes" style="display: inline-block;border-bottom: 1px dashed;color:black;width:80px;">{{item.promotionName}}：</a></span>
                 <span class="txt" style="border-bottom: 1px dashed;font-size:10px !important;" v-if="index == 1 &&  typeList.length > 1">¥{{ item.discountPrice | unitPrice }}</span>
                 <span class="label" v-if="index == 0 &&  typeList.length > 1" style="font-size:10px !important;"><a  @click="gotoHomes" style="display: inline-block;border-top: 1px dashed;color:black;width:80px;">{{item.promotionName}}：</a></span>
diff --git a/manager/src/views/order/order/orderList.vue b/manager/src/views/order/order/orderList.vue
index eb3c3595..a2b75fce 100644
--- a/manager/src/views/order/order/orderList.vue
+++ b/manager/src/views/order/order/orderList.vue
@@ -243,11 +243,9 @@ 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}} );
           },
+
         },
 
         {
diff --git a/manager/src/views/promotions/coupon-activity/coupon-info.vue b/manager/src/views/promotions/coupon-activity/coupon-info.vue
index 1eb755c6..17523d0a 100644
--- a/manager/src/views/promotions/coupon-activity/coupon-info.vue
+++ b/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]);
+
+
+
           },
         },
         {
diff --git a/manager/src/views/promotions/coupon-activity/coupon-publish.vue b/manager/src/views/promotions/coupon-activity/coupon-publish.vue
index a123e3fb..3a250979 100644
--- a/manager/src/views/promotions/coupon-activity/coupon-publish.vue
+++ b/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() {
diff --git a/manager/src/views/promotions/coupon/coupon-publish.vue b/manager/src/views/promotions/coupon/coupon-publish.vue
index 87c076a4..5f1a0df2 100644
--- a/manager/src/views/promotions/coupon/coupon-publish.vue
+++ b/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}} );
           },
         },
         {
diff --git a/manager/src/views/promotions/coupon/coupon-receive.vue b/manager/src/views/promotions/coupon/coupon-receive.vue
index 51888772..160d4750 100644
--- a/manager/src/views/promotions/coupon/coupon-receive.vue
+++ b/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 + "折");
             }
diff --git a/manager/src/views/promotions/coupon/coupon.vue b/manager/src/views/promotions/coupon/coupon.vue
index 9a15d0e5..e7334063 100644
--- a/manager/src/views/promotions/coupon/coupon.vue
+++ b/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 + "折");
             }
diff --git a/manager/src/views/promotions/full-discount/full-discount-detail.vue b/manager/src/views/promotions/full-discount/full-discount-detail.vue
index ede6b069..137d73ff 100644
--- a/manager/src/views/promotions/full-discount/full-discount-detail.vue
+++ b/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}} );
           },
         },
         {
diff --git a/manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue b/manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue
index 1a98cda7..e783a19d 100644
--- a/manager/src/views/promotions/kanjia/kanjia-activity-add-goods.vue
+++ b/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}} );
           },
         },
         {
diff --git a/manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue b/manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue
index b346a6c2..6a991e69 100644
--- a/manager/src/views/promotions/kanjia/kanjia-activity-edit-goods.vue
+++ b/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("结算价格金额格式不正确");
diff --git a/manager/src/views/promotions/kanjia/kanjia-activity-goods.vue b/manager/src/views/promotions/kanjia/kanjia-activity-goods.vue
index 0be9dd6a..ba596f13 100644
--- a/manager/src/views/promotions/kanjia/kanjia-activity-goods.vue
+++ b/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}} );
           },
         },
         {
diff --git a/manager/src/views/promotions/pintuan/pintuan-goods.vue b/manager/src/views/promotions/pintuan/pintuan-goods.vue
index 60f3a4bf..4688844d 100644
--- a/manager/src/views/promotions/pintuan/pintuan-goods.vue
+++ b/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}} );
           },
         },
       ],
diff --git a/manager/src/views/promotions/points-goods/points-goods-add.vue b/manager/src/views/promotions/points-goods/points-goods-add.vue
index 6434484e..dc906f73 100644
--- a/manager/src/views/promotions/points-goods/points-goods-add.vue
+++ b/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}} );
           },
         },
         {
diff --git a/manager/src/views/promotions/points-goods/points-goods-edit.vue b/manager/src/views/promotions/points-goods/points-goods-edit.vue
index 6604fc0e..d6aeca67 100644
--- a/manager/src/views/promotions/points-goods/points-goods-edit.vue
+++ b/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>
diff --git a/manager/src/views/promotions/points-goods/points-goods.vue b/manager/src/views/promotions/points-goods/points-goods.vue
index 0478d2cd..86b7107d 100644
--- a/manager/src/views/promotions/points-goods/points-goods.vue
+++ b/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>
diff --git a/manager/src/views/promotions/seckill/seckill-goods.vue b/manager/src/views/promotions/seckill/seckill-goods.vue
index 72cc714a..5873bce7 100644
--- a/manager/src/views/promotions/seckill/seckill-goods.vue
+++ b/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">
diff --git a/manager/src/views/seller/bill/accountStatementBill.vue b/manager/src/views/seller/bill/accountStatementBill.vue
index e6f16a0f..4e4a500a 100644
--- a/manager/src/views/seller/bill/accountStatementBill.vue
+++ b/manager/src/views/seller/bill/accountStatementBill.vue
@@ -81,11 +81,9 @@ export default {
           key: "billPrice",
           width: 130,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.billPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.billPrice,color:this.$mainColor}} );
           },
+
         },
         {
           title: "状态",
diff --git a/manager/src/views/seller/bill/bill-detail.vue b/manager/src/views/seller/bill/bill-detail.vue
index a35702ec..5d386b51 100644
--- a/manager/src/views/seller/bill/bill-detail.vue
+++ b/manager/src/views/seller/bill/bill-detail.vue
@@ -292,13 +292,7 @@ export default {
             if (params.row.distributionRebate == null) {
               return h("div", "-");
             } else {
-              return h(
-                "div",
-                this.$options.filters.unitPrice(
-                  params.row.distributionRebate,
-                  "￥"
-                )
-              );
+              return h("priceColorScheme", {props:{value:params.row.distributionRebate,color:this.$mainColor}} );
             }
           },
         },
@@ -307,10 +301,7 @@ export default {
           key: "billPrice",
           width: 120,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.billPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.billPrice,color:this.$mainColor}} );
           },
         },
       ],
@@ -357,11 +348,9 @@ export default {
           key: "finalPrice",
           width: 120,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.finalPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.flowPfinalPricerice,color:this.$mainColor}} );
           },
+
         },
         {
           title: "退还佣金",
diff --git a/manager/src/views/seller/bill/bill.vue b/manager/src/views/seller/bill/bill.vue
index 45377ab0..d5251960 100644
--- a/manager/src/views/seller/bill/bill.vue
+++ b/manager/src/views/seller/bill/bill.vue
@@ -20,7 +20,7 @@
         <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
       </Form>
       <Row class="operation padding-row">
-       
+
       </Row>
       <Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-selection-change="changeSelect">
       </Table>
@@ -92,11 +92,9 @@ export default {
           key: "billPrice",
           width: 130,
           render: (h, params) => {
-            return h(
-              "div",
-              this.$options.filters.unitPrice(params.row.billPrice, "￥")
-            );
+            return h("priceColorScheme", {props:{value:params.row.billPrice,color:this.$mainColor}} );
           },
+
         },
         {
           title: "状态",
diff --git a/manager/src/views/seller/shop/shopDetail.vue b/manager/src/views/seller/shop/shopDetail.vue
index 195159e8..83f72b64 100644
--- a/manager/src/views/seller/shop/shopDetail.vue
+++ b/manager/src/views/seller/shop/shopDetail.vue
@@ -773,19 +773,9 @@
             key: "applyRefundPrice",
             width: 110,
             render: (h, params) => {
-              if (params.row.applyRefundPrice == null) {
-                return h(
-                  "div",
-                  this.$options.filters.unitPrice(0, "￥")
-                );
-              } else {
-                return h(
-                  "div",
-                  this.$options.filters.unitPrice(params.row.applyRefundPrice, "￥")
-                );
-              }
-
+              return h("priceColorScheme", {props:{value:params.row.applyRefundPrice,color:this.$mainColor}} );
             },
+
           },
           {
             title: "售后类型",
diff --git a/manager/src/views/statistics/goods.vue b/manager/src/views/statistics/goods.vue
index 712b8e86..9c167d7b 100644
--- a/manager/src/views/statistics/goods.vue
+++ b/manager/src/views/statistics/goods.vue
@@ -50,11 +50,9 @@ 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}} );
           },
+
         },
       ],
       data: [], // 数据
diff --git a/manager/src/views/statistics/order.vue b/manager/src/views/statistics/order.vue
index bfdd0fa6..15555ad6 100644
--- a/manager/src/views/statistics/order.vue
+++ b/manager/src/views/statistics/order.vue
@@ -292,10 +292,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}} );
           },
         },
         {
@@ -381,11 +378,7 @@ export default {
           title: "申请退款金额",
           key: "applyRefundPrice",
           render: (h, params) => {
-            return h(
-              "div",
-              "￥" +
-                (params.row.applyRefundPrice ? params.row.applyRefundPrice : 0)
-            );
+            return h("priceColorScheme", {props:{value:params.row.applyRefundPrice,color:this.$mainColor}} );
           },
         },
         {
diff --git a/manager/src/views/statistics/order/orderDetail.vue b/manager/src/views/statistics/order/orderDetail.vue
index 77e6756c..ac2330bd 100644
--- a/manager/src/views/statistics/order/orderDetail.vue
+++ b/manager/src/views/statistics/order/orderDetail.vue
@@ -74,7 +74,10 @@
       <div class="count-price">
         <div class="label-item">
           <span>总价格</span>
-          <span class="flowPrice">{{ res.flowPrice | unitPrice("￥") }}</span>
+          <span class="flowPrice">
+            <priceColorScheme :value="row.flowPrice" :color="$mainColor"></priceColorScheme>
+
+          </span>
         </div>
       </div>
     </div>
diff --git a/manager/src/views/statistics/order/refundOrder.vue b/manager/src/views/statistics/order/refundOrder.vue
index 53b5046e..d08c085d 100644
--- a/manager/src/views/statistics/order/refundOrder.vue
+++ b/manager/src/views/statistics/order/refundOrder.vue
@@ -18,7 +18,9 @@
         </div>
         <div class="label-item">
           <span>申请退款金额</span>
-          <span>{{res.applyRefundPrice || 0 | unitPrice('￥')}}</span>
+          <span>
+            <priceColorScheme :value="res.applyRefundPrice" :color="$mainColor"></priceColorScheme>
+          </span>
         </div>
         <div class="label-item">
           <span>商家备注</span>