pc商品列表样式修改，商家注释添加，订单统计，退订单按钮样式

manager/src/views/page/article-manage/articleList.vue

@@ -404,6 +404,7 @@ export default {
       this.modalTitle = "添加文章";
       this.treeValue = '';
       this.form = {
+        sort: 1,
         content:''
       };
       this.$refs.form.resetFields();

manager/src/views/statistics/order.vue

@@ -146,7 +146,10 @@
       <div>
         <h4>订退单统计</h4>
         <div class="breadcrumb" style="margin-bottom:20px;">
-          <span @click="clickTab(item,index)" :class="{'active':item.selected}" v-for="(item,index) in orderType" :key="index"> {{item.title}}</span>
+          <RadioGroup v-model="orderOrRefund" type="button" size="small" button-style="solid">
+            <Radio :label="true">订单</Radio>
+            <Radio :label="false">退单</Radio>
+          </RadioGroup>
         </div>
         <div>
           <Table stripe :columns="columns" :data="data"></Table>
@@ -173,17 +176,8 @@ export default {
 
   data() {
     return {
+      orderOrRefund: true, // 订单还是单
       total: "0", // 总数
-      orderType: [ // 订单类型
-        {
-          title: "订单",
-          selected: true,
-        },
-        {
-          title: "退单",
-          selected: false,
-        },
-      ],
       // 订单状态
       orderStatusList: {
         UNDELIVERED: "待发货",
@@ -459,20 +453,17 @@ export default {
       },
       deep: true,
     },
+    orderOrRefund:{ // 订单还是退单
+      handler (val) {
+        if (val) {
+          this.getOrderList();
+        } else {
+          this.getOrderRefundList();
+        }
+      }
+    }
   },
   methods: {
-    clickTab(item, index) {
-      this.refundIndex = index;
-      this.orderType.forEach((res) => {
-        res.selected = false;
-      });
-      if (item.title == "退单") {
-        this.getOrderRefundList();
-      } else {
-        this.getOrderList();
-      }
-      item.selected = true;
-    },
     // 订单图
     initOrderChart() {
       // 默认已经加载 legend-filter 交互