搜索热词，pc端注释，管理端结算单订单号字段错误

buyer/src/pages/article/index.vue

@@ -17,7 +17,7 @@
             :open-names="openName"
             @on-select="onSelect"
           >
-            <!--   循环导航栏       -->
+            <!-- 循环导航栏  -->
             <Submenu
               v-show="menu.children"
               v-for="(menu, index) in list"
@@ -34,7 +34,6 @@
                 >{{ chlidren.articleCategoryName }}</MenuItem
               >
             </Submenu>
-
           </Menu>
         </Sider>
         <Layout class="layout ml_10">

buyer/src/pages/home/Main.vue

@@ -30,11 +30,11 @@
       <div class="userBox">
         <div class="box">
           <!-- 我的订单组件 -->
-          <myOrderPage :paging="false" :homePage="true" />
+          <myOrderPage :homePage="true" />
         </div>
         <div class="box">
           <!-- 近期收藏 -->
-          <myFavorites :paging="false" :homePage="true" />
+          <myFavorites :homePage="true" />
         </div>
         <div class="box">
           <!-- 猜你喜欢 -->

buyer/src/pages/home/memberCenter/AccountBind.vue

@@ -1,46 +0,0 @@
-<template>
-  <div class="wrapper">
-    <card _Title="账号绑定"/>
-    <div>
-      <Row class="bindItem">
-        <Col :span="2">
-
-        </Col>
-        <Col :span="16">
-          <div class="setDivItem">
-            绑定QQ
-          </div>
-          <div class="setDivItem theme">
-           添加QQ号可以使用QQ登录
-          </div>
-        </Col>
-        <Col :span="4">
-          <Button>添加绑定</Button>
-        </Col>
-      </Row>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'AccountBind',
-}
-</script>
-
-<style scoped lang="scss">
-  .bindItem {
-    border-bottom: 1px solid $border_color;
-    padding: 16px 0;
-    /deep/ .ivu-col {
-      padding: 8px 0;
-    }
-  }
-  .setDivItem {
-    line-height: 1.75;
-  }
-  /deep/ .ivu-col-span-2, .ivu-col-span-4 {
-    text-align: center;
-    color: $theme_color;
-  }
-</style>

buyer/src/pages/home/memberCenter/AccountSafe.vue

@@ -20,9 +20,7 @@
 </template>
 
 <script>
-import {
-  getPwdStatus
-} from '@/api/account';
+import { getPwdStatus } from '@/api/account';
 export default {
   name: 'AccountSafe',
   data () {

buyer/src/pages/home/memberCenter/CommentList.vue

@@ -28,9 +28,6 @@
               <div class="order-name hover-color" @click="linkTo(`/goodsDetail?goodsId=${item.goodsId}&skuId=${item.skuId}`)">
                 {{item.goodsName}}
               </div>
-              <div>
-                x1
-              </div>
             </i-col>
             <i-col span="4">{{item.createBy | secrecyMobile}}</i-col>
             <i-col span="4">
@@ -54,6 +51,7 @@
       <Page :total="total" @on-change="changePageNum"
         @on-page-size-change="changePageSize"
         :page-size="params.pageSize"
+        show-total
         show-sizer>
       </Page>
     </div>

buyer/src/pages/home/memberCenter/ComplainDetail.vue

@@ -27,12 +27,15 @@
         <td>补充内容</td>
         <td>
           <div style="display:flex;align-items:center;">
-            <div class="demo-upload-list" v-for="(img, index) in detail.images.split(',')" :key="index">
-              <img :src="img">
-              <div class="demo-upload-list-cover">
-                <Icon type="ios-eye-outline" @click.native="handleView(img)"></Icon>
+            <template v-if="detail.images">
+              <div class="demo-upload-list" v-for="(img, index) in detail.images.split(',')" :key="index">
+                <img :src="img">
+                <div class="demo-upload-list-cover">
+                  <Icon type="ios-eye-outline" @click.native="handleView(img)"></Icon>
+                </div>
               </div>
-            </div>
+            </template>
+            <div v-else>暂无</div>
           </div>
         </td>
       </tr>
@@ -53,12 +56,15 @@
         <td>
 
           <div style="display:flex;align-items:center;">
-            <div class="demo-upload-list" v-for="(img, index) in detail.appealImages.split(',')" :key="index">
-              <img :src="img">
-              <div class="demo-upload-list-cover">
-                <Icon type="ios-eye-outline" @click.native="handleView(img)"></Icon>
+            <template v-if="detail.appealImages">
+              <div class="demo-upload-list" v-for="(img, index) in detail.appealImages.split(',')" :key="index">
+                <img :src="img">
+                <div class="demo-upload-list-cover">
+                  <Icon type="ios-eye-outline" @click.native="handleView(img)"></Icon>
+                </div>
               </div>
-            </div>
+            </template>
+            <div v-else>暂无</div>
           </div>
         </td>
       </tr>
@@ -73,7 +79,7 @@
     </table>
 
     <Alert class="l_title" show-icon type="warning">对话详情</Alert>
-    <div class="speak-way" v-if="detail.orderComplaintCommunications.length">
+    <div class="speak-way" v-if="detail.orderComplaintCommunications && detail.orderComplaintCommunications.length">
       <div
         class="speak-msg seller"
         :class="{'speak-buyer': item.owner == 'BUYER', 'speak-platform': item.owner == 'PLATFORM', 'speak-seller': item.owner == 'STORE',}"
@@ -96,7 +102,7 @@
         <td>回复：</td>
         <td><label>
           <input type="textarea" maxlength="200" :rows="4" clearable
-                 style="width:260px" v-model="params.content"></input>
+                 style="width:260px" v-model="params.content" />
         </label></td>
       </tr>
       <tr>
@@ -124,6 +130,7 @@ export default {
       visible: false, // 图片预览
       previewImage: '', // 预览图片地址
       loading: false, // 加载状态
+      submitLoading: false, // 回复消息loading
       // 状态
       statusLabel: {
         NO_APPLY: '未申请',
@@ -163,6 +170,7 @@ export default {
         this.$Message.error('请填写对话内容');
         return;
       }
+      this.submitLoading = true;
       this.params.complainId = this.$route.query.id;
       communication(this.params).then((res) => {
         this.submitLoading = false;

buyer/src/pages/home/memberCenter/ComplainList.vue

@@ -29,18 +29,10 @@
               <div class="order-name hover-color" @click="linkTo(`/goodsDetail?goodsId=${item.goodsId}&skuId=${item.skuId}`)">
                 {{item.goodsName}}
               </div>
-              <div>
-                x1
-              </div>
             </i-col>
             <i-col span="4">{{statusLabel[item.complainStatus]}}</i-col>
             <i-col span="4">
-              <Tooltip >
-                <div class="content">{{item.content}}</div>
-                <div style="white-space: normal;" slot="content">
-                  {{item.content}}
-                </div>
-              </Tooltip>
+              <div class="content">{{item.complainTopic}}</div>
             </i-col>
             <i-col span="4">
               <Tooltip >
@@ -60,6 +52,7 @@
       <Page :total="total" @on-change="changePageNum"
         @on-page-size-change="changePageSize"
         :page-size="params.pageSize"
+        show-total
         show-sizer>
       </Page>
     </div>
@@ -193,4 +186,7 @@ export default {
     color: $theme_color;
   }
 }
+.page-size{
+  text-align: right;
+}
 </style>

buyer/src/pages/home/memberCenter/Distribution.vue

@@ -237,7 +237,7 @@ export default {
         this.withdrawApplyModal = false
         this.price = 0;
         if (res.success) {
-          this.$Message.success('提现成功')
+          this.$Message.success('申请已提交，请等待审核')
           this.distribution()
         } else {
           this.$Message.error(res.message)
@@ -333,27 +333,12 @@ export default {
 </script>
 
 <style scoped lang='scss'>
-  .afList{
-    display: flex;
-
-  }
-.codeImg{
-
-  display: flex;
-  >img{
-    width: 150px;
-    height: 150px;
-  }
-}
-.mb_40{margin-bottom: 40px;}
 .box {
   margin: 20px 0;
 }
 .page-size {
   margin: 15px 0px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
+  text-align: right;
 }
 .account-price {
   font-weight: bold;
@@ -361,12 +346,6 @@ export default {
 .subTips {
   @include sub_color($light_sub_color);
 }
-.account-btns {
-  margin: 10px 0;
-}
-.ivu-btn {
-  margin: 0 4px;
-}
 .fontsize_48 {
   font-size: 48px;
 }

buyer/src/pages/home/memberCenter/Favorites.vue

@@ -37,10 +37,6 @@ import { collectList, cancelCollect } from '@/api/member.js'
 export default {
   name: 'Favorites',
   props: {
-    paging: {
-      type: Boolean,
-      default: true
-    },
     homePage: {
       type: Boolean,
       default: false

buyer/src/pages/home/memberCenter/Invoice.vue

@@ -1,125 +0,0 @@
-<template>
-  <div class="wrapper">
-    <card _Title="我的发票"></card>
-    <empty v-if="list.length===0" />
-    <div v-else>
-      <Button size="small" @click="invoiceAvailable = true">新增发票</Button>
-      <div class="receipt-item" v-for="(item,index) in list" :key="index">
-        <p><span>发票抬头：</span>{{item.receiptTitle}}</p>
-        <p><span>发票内容：</span> {{item.receiptContent}}</p>
-        <p><span>纳税人识别号：</span> {{item.taxpayerId}}</p>
-      </div>
-    </div>
-    <Modal v-model="invoiceAvailable" width="600" footer-hide>
-        <Form
-          :model="form"
-          ref="form"
-          label-position="left"
-          :rules="ruleInline"
-          :label-width="110"
-        >
-          <FormItem label="发票类型">
-            <RadioGroup v-model="form.type" type="button" button-style="solid">
-              <Radio :label="2">单位</Radio>
-            </RadioGroup>
-          </FormItem>
-          <FormItem
-            label="发票抬头"
-            prop="receiptTitle"
-          >
-            <i-input v-model="form.receiptTitle"></i-input>
-          </FormItem>
-          <FormItem
-            label="纳税人识别号"
-            prop="taxpayerId"
-          >
-            <i-input v-model="form.taxpayerId"></i-input>
-          </FormItem>
-          <FormItem label="发票内容">
-            <RadioGroup v-model="form.receiptContent" type="button" button-style="solid">
-              <Radio label="商品明细">商品明细</Radio>
-            </RadioGroup>
-          </FormItem>
-        </Form>
-        <div style="text-align: center">
-          <Button type="primary" :loading="loading" @click="save">保存发票信息</Button>
-          <Button type="default" @click="invoiceAvailable = false">取消</Button>
-        </div>
-    </Modal>
-  </div>
-</template>
-
-<script>
-import { receiptList, saveReceipt } from '@/api/member.js';
-import { TINumber } from '@/plugins/RegExp.js';
-export default {
-  name: 'Invoice',
-  data () {
-    return {
-      list: [], // 发票列表
-      form: { // 添加发票表单
-        type: 2,
-        receiptTitle: '', // 发票抬头
-        taxpayerId: '', // 纳税人识别号
-        receiptContent: '商品明细'
-      },
-      ruleInline: { // 验证规则
-        receiptTitle: [{ required: true, message: '请填写公司名称' }],
-        taxpayerId: [
-          { required: true, message: '请填写纳税人识别号' },
-          { pattern: TINumber, message: '请填写正确的纳税人识别号' }
-        ]
-      },
-      loading: false, // 加载状态
-      invoiceAvailable: false // 添加发票模态框显隐
-    };
-  },
-  mounted () {
-    this.getList()
-  },
-  methods: {
-    getList () { // 获取发票列表
-      receiptList().then(res => {
-        this.list = res.result.records;
-      })
-    },
-    save () { // 保存发票
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          this.loading = true;
-          let params = {
-            receiptTitle: this.form.receiptTitle,
-            taxpayerId: this.form.taxpayerId,
-            receiptContent: this.form.receiptContent
-          };
-          saveReceipt(params).then((res) => {
-            this.loading = false;
-            if (res.success) {
-              this.getList();
-              this.resetData();
-              this.invoiceAvailable = false;
-            }
-          }).catch(() => {
-            this.loading = false;
-          });
-        }
-      });
-    },
-    resetData () { // 重置表单数据
-      this.$refs.form.resetFields();
-    }
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.receipt-item {
-  cursor: pointer;
-  font-size: 14px;
-  border-bottom: 1px solid #eee;
-
-  > p {
-    padding: 12px 0;
-  }
-}
-</style>

buyer/src/pages/home/memberCenter/ModifyPwd.vue

@@ -126,7 +126,7 @@ export default {
           {type: 'string', min: 6, message: '密码不能少于6位'}
         ],
         againPassword: [
-          {required: true, message: '请输入新密码', trigger: 'blur'},
+          {required: true, message: '请确认新密码', trigger: 'blur'},
           {type: 'string', min: 6, message: '密码不能少于6位'}
         ]
       }
@@ -200,13 +200,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
   .wrapper {
     text-align: center;
   }
-
   .phone {
     text-align: left;
   }
-
 </style>

buyer/src/pages/home/orderCenter/AddAddress.vue

@@ -10,21 +10,22 @@
         :rules="ruleInline"
       >
         <FormItem label="收件人" prop="name">
-          <i-input v-model="formData.name" style="width: 600px"></i-input>
+          <i-input v-model="formData.name" placeholder="请输入收件人姓名" style="width: 600px"></i-input>
         </FormItem>
         <FormItem label="收件地区" prop="address">
           <i-input
             v-model="formData.address"
             disabled
+            placeholder="请选择收货地址" 
             style="width: 600px"
           ></i-input>
           <Button type="primary" size="small" @click="$refs.map.showMap = true">选择</Button>
         </FormItem>
         <FormItem label="详细地址" prop="detail">
-          <i-input v-model="formData.detail" style="width: 600px"></i-input>
+          <i-input v-model="formData.detail" placeholder="请输入详细地址"  style="width: 600px"></i-input>
         </FormItem>
         <FormItem label="手机号码" prop="mobile">
-          <i-input v-model="formData.mobile" style="width: 600px"></i-input>
+          <i-input v-model="formData.mobile" placeholder="请输入收件人手机号"  style="width: 600px"></i-input>
         </FormItem>
         <FormItem label="地址别名">
           <i-input

buyer/src/pages/home/orderCenter/AfterSale.vue

@@ -45,7 +45,6 @@
                 </div>
               </div>
             </div>
-
             <div>
               <span @click="shopPage(order.shopId)">{{ order.storeName }}</span>
             </div>
@@ -201,7 +200,7 @@ export default {
       this.getList()
     },
     changePageSize (val) { // 修改页数
-      this.pageNumber = 1;
+      this.params.pageNumber = 1;
       this.params.pageSize = val;
       this.getList()
     },

buyer/src/pages/home/orderCenter/AfterSaleDetail.vue

@@ -54,7 +54,7 @@
           <td>商品处理方式</td><td>{{afterSale.serviceType == 'RETURN_MONEY' ? '退款' : '退货'}}</td>
         </tr>
         <tr>
-          <td>退款原因</td><td>{{afterSale.reason}}</td>
+          <td>退款原因</td><td>{{afterSale.reasonName}}</td>
         </tr>
         <tr>
           <td>问题描述</td><td>{{afterSale.problemDesc}}</td>
@@ -70,7 +70,7 @@
   </div>
 </template>
 <script>
-import { afterSaleDetail, afterSaleLog } from '@/api/member.js';
+import { afterSaleDetail, afterSaleLog, afterSaleReason } from '@/api/member.js';
 import { afterSaleStatusList } from '../enumeration.js'
 export default {
   name: 'aftersale-detail',
@@ -78,6 +78,7 @@ export default {
     return {
       afterSale: {}, // 售后详情数据
       logList: [], // 日志
+      reasonList: [], // 售后原因列表
       afterSaleStatusList // 售后状态列表
     };
   },
@@ -87,6 +88,25 @@ export default {
         if (res.success) {
           this.afterSale = res.result;
           this.afterSale.serviceName = this.filterOrderStatus(this.afterSale.serviceStatus)
+          // 如果是原因id，则调接口查询原因中文释义
+          const pattern3 = new RegExp("[0-9]+");
+          if (pattern3.test(this.afterSale.reason)) {
+            this.getReason(this.afterSale.serviceType)
+          } else {
+            this.$set(this.afterSale, 'reasonName', this.afterSale.reason)
+          }
+        }
+      })
+    },
+    getReason (type) { // 获取售后原因
+      afterSaleReason(type).then(res => {
+        if (res.success) {
+          this.reasonList = res.result
+          this.reasonList.forEach(e=> {
+            if (e.id === this.afterSale.reason) {
+              this.$set(this.afterSale, 'reasonName', e.reason)
+            }
+          })
         }
       })
     },
@@ -99,7 +119,7 @@ export default {
       const ob = this.afterSaleStatusList.filter(e => { return e.status === status });
       if (ob.length) return ob[0].name
     },
-    perviewImg (img) {
+    perviewImg (img) { // 查看图片
       window.open(img, '_blank')
     }
   },

buyer/src/pages/home/orderCenter/Complain.vue

@@ -8,47 +8,45 @@
         <span class="color999 ml_20" v-if="order.order">{{order.order.paymentTime}}</span>
       </p>
     </div>
-    <ul class="goods-eval">
-      <li >
-        <div class="goods-con">
-          <img :src="orderGoods.image" class="hover-pointer" alt="" width="100" @click="goGoodsDetail(orderGoods.skuId, orderGoods.goodsId)">
-          <p class="hover-pointer color999" @click="goGoodsDetail(orderGoods.skuId, orderGoods.goodsId)">{{orderGoods.goodsName}}</p>
-          <p>{{orderGoods.goodsPrice | unitPrice('￥')}}</p>
-        </div>
+    <div class="goods-eval">
+      <div class="goods-con">
+        <img :src="orderGoods.image" class="hover-pointer" alt="" width="100" @click="goGoodsDetail(orderGoods.skuId, orderGoods.goodsId)">
+        <p class="hover-pointer color999" @click="goGoodsDetail(orderGoods.skuId, orderGoods.goodsId)">{{orderGoods.goodsName}}</p>
+        <p>{{orderGoods.goodsPrice | unitPrice('￥')}}</p>
+      </div>
 
-        <div class="eval-con">
-          <div>
-            <span class="color999">投诉主题：</span>
-            <Select v-model="form.complainTopic" style="width:260px;margin-bottom:10px">
-              <Option v-for="item in reasonList" :value="item.reason" :key="item.id">{{ item.reason }}</Option>
-            </Select>
-            <Input type="textarea" maxlength="500" show-word-limit :rows="4" placeholder="请输入投诉内容" v-model="form.content" />
-          </div>
-          <div style="display:flex;align-items:center;">
-            <div class="demo-upload-list" v-for="(img, index) in orderGoods.uploadList" :key="index">
-              <img :src="img">
-              <div class="demo-upload-list-cover">
-                  <Icon type="ios-eye-outline" @click.native="handleView(img)"></Icon>
-                  <Icon type="ios-trash-outline" @click.native="handleRemove(index)"></Icon>
-              </div>
-            </div>
-            <Upload
-                :show-upload-list="false"
-                :on-success="handleSuccess"
-                :before-upload="handleBeforeUpload"
-                :format="['jpg','jpeg','png']"
-                :action="action"
-                :headers="accessToken"
-                style="display: inline-block;width:58px;">
-                <div class="hover-pointer icon-upload" style="">
-                  <Icon type="ios-camera" size="20"></Icon>
-                </div>
-            </Upload>
-            <div class="describe">上传投诉凭证，最多5张</div>
-          </div>
+      <div class="eval-con">
+        <div>
+          <span class="color999">投诉主题：</span>
+          <Select v-model="form.complainTopic" style="width:260px;margin-bottom:10px">
+            <Option v-for="item in reasonList" :value="item.reason" :key="item.id">{{ item.reason }}</Option>
+          </Select>
+          <Input type="textarea" maxlength="500" show-word-limit :rows="4" placeholder="请输入投诉内容" v-model="form.content" />
         </div>
-      </li>
-    </ul>
+        <div style="display:flex;align-items:center;">
+          <div class="demo-upload-list" v-for="(img, index) in orderGoods.uploadList" :key="index">
+            <img :src="img">
+            <div class="demo-upload-list-cover">
+                <Icon type="ios-eye-outline" @click.native="handleView(img)"></Icon>
+                <Icon type="ios-trash-outline" @click.native="handleRemove(index)"></Icon>
+            </div>
+          </div>
+          <Upload
+              :show-upload-list="false"
+              :on-success="handleSuccess"
+              :before-upload="handleBeforeUpload"
+              :format="['jpg','jpeg','png']"
+              :action="action"
+              :headers="accessToken"
+              style="display: inline-block;width:58px;">
+              <div class="hover-pointer icon-upload" style="">
+                <Icon type="ios-camera" size="20"></Icon>
+              </div>
+          </Upload>
+          <div class="describe">上传投诉凭证，最多5张</div>
+        </div>
+      </div>
+    </div>
     <Button type="primary" class="mt_10" :loading="loading" @click="save">提交</Button>
     <Modal title="View Image" v-model="visible">
         <img :src="previewImage" v-if="visible" style="width: 100%">
@@ -155,10 +153,8 @@ export default {
     font-weight: bold;
   }
 }
-.goods-eval li{
+.goods-eval{
   display: flex;
-  border-bottom: 1px solid #eee;
-
   .goods-con {
     width: 30%;
     padding: 20px;

buyer/src/pages/home/orderCenter/MyAddress.vue

@@ -3,12 +3,10 @@
     <card _Title="收货地址" _More="添加新地址" _Src="/home/addAddress"></card>
     <div class="address-box" v-for="(item, index) in list" :key="index">
       <div class="address-header">
-        <span
-          >{{ item.name }}
+        <span>
+          {{ item.name }}
           <Tag class="ml_10" v-if="item.isDefault" color="red">默认地址</Tag>
-          <Tag class="ml_10" v-if="item.alias" color="warning">{{
-            item.alias
-          }}</Tag>
+          <Tag class="ml_10" v-if="item.alias" color="warning">{{item.alias}}</Tag>
         </span>
         <div class="address-action">
           <span @click="edit(item.id)"><Icon type="edit"></Icon>修改</span>
@@ -81,9 +79,6 @@ export default {
   },
   mounted () {
     this.getAddrList();
-  },
-  components: {
-    card
   }
 };
 </script>

buyer/src/pages/home/orderCenter/MyOrder.vue

@@ -60,10 +60,8 @@
               </div>
             </div>
           </div>
-
           <div>
-            <span @click="shopPage(order.storeId)">{{ order.storeName }}</span
-            >
+            <span @click="shopPage(order.storeId)">{{ order.storeName }}</span>
           </div>
           <div>
             <!-- 订单基础操作 -->
@@ -79,25 +77,26 @@
       <Spin size="large" fix v-if="spinShow"></Spin>
     </div>
     <!-- 分页 -->
-    <div class="page-size" v-if="paging">
+    <div class="page-size" v-if="!homePage">
       <Page :total="total" @on-change="changePageNum"
         @on-page-size-change="changePageSize"
         :page-size="params.pageSize"
+        show-total
         show-sizer>
       </Page>
     </div>
     <!-- 选择售后商品 -->
     <Modal v-model="afterSaleModal" title="请选择申请售后的商品">
-        <div>
-            <Table
-              border
-              :columns="afterSaleColumns"
-              :data="afterSaleArr"
-              @on-row-click="afterSaleSelect"
-            >
-            </Table>
-        </div>
-        <div slot="footer"></div>
+      <div>
+        <Table
+          border
+          :columns="afterSaleColumns"
+          :data="afterSaleArr"
+          @on-row-click="afterSaleSelect"
+        >
+        </Table>
+      </div>
+      <div slot="footer"></div>
     </Modal>
     <Modal v-model="cancelAvail" title="请选择取消订单原因" @on-ok="sureCancel" @on-cancel="cancelAvail = false">
       <RadioGroup v-model="cancelParams.reason" vertical type="button" button-style="solid">
@@ -116,11 +115,7 @@ import { orderStatusList } from '../enumeration.js'
 export default {
   name: 'MyOrder',
   props: {
-    paging: {
-      type: Boolean,
-      default: true
-    },
-    homePage: {
+    homePage: { // 判断是否个人中心首页展示内容
       type: Boolean,
       default: false
     }

buyer/src/pages/home/orderCenter/OrderDetail.vue

@@ -96,10 +96,8 @@
   </div>
 </template>
 <script>
-import card from '@/components/card';
 import { orderDetail, getTraces } from '@/api/order.js';
 export default {
-  components: { card },
   name: 'order-detail',
   data () {
     return {