improve code

buyer/src/pages/Cart.vue

@@ -228,7 +228,7 @@ export default {
     return {
       couponAvailable: false, // 展示优惠券
       stepIndex: 0, // 当前处于哪一步，购物车==0，填写订单信息==1，成功提交订单==2
-      goodsTotal: 1, // 商品数量
+      goodsTotal: 0, // 商品数量
       checkedNum: 0, // 选中数量
       allChecked: false, // 全选
       loading: false, // 加载状态
@@ -278,7 +278,7 @@ export default {
         const list = this.cartList;
         list.forEach((shop) => {
           shop.skuList.forEach((goods) => {
-            if(goods.checked) {
+            if (goods.checked) {
               idArr.push(goods.goodsSku.id);
             }
           });

buyer/src/pages/home/memberCenter/evaluation/EvalDetail.vue

@@ -3,8 +3,9 @@
     <div class="title">
       <card _Title="评价详情" :_Size="16"></card>
       <p>
-        <span class="color999">创建人：</span><span>{{orderGoods.createBy | secrecyMobile}}</span>
-        <span class="color999 ml_20">{{orderGoods.createTime}}</span>
+        <span class="color999">创建人：</span
+        ><span>{{ orderGoods.createBy | secrecyMobile }}</span>
+        <span class="color999 ml_20">{{ orderGoods.createTime }}</span>
       </p>
     </div>
     <!-- 物流评分、服务评分 -->
@@ -13,31 +14,64 @@
       <div class="color999">
         <span>物流评价：<Rate disabled :value="Number(orderGoods.deliveryScore)" /></span>
         <span>服务评价：<Rate disabled :value="Number(orderGoods.serviceScore)" /></span>
-        <span>服务评价：<Rate disabled :value="Number(orderGoods.descriptionScore)" /></span>
+        <span
+          >服务评价：<Rate disabled :value="Number(orderGoods.descriptionScore)"
+        /></span>
       </div>
     </div>
     <!-- 添加订单评价  左侧商品详情  右侧评价框 -->
     <ul class="goods-eval">
-      <li >
+      <li>
         <div class="goods-con">
-          <img :src="orderGoods.goodsImage" 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>
+          <img
+            :src="orderGoods.goodsImage"
+            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>
         </div>
 
         <div class="eval-con">
           <div>
             <span class="color999">商品评价：</span>
-            <RadioGroup style="margin-bottom:5px;color:#999" v-model="orderGoods.grade" type="button" button-style="solid">
+            <RadioGroup
+              style="margin-bottom: 5px; color: #999"
+              v-model="orderGoods.grade"
+              type="button"
+              button-style="solid"
+            >
               <Radio label="GOOD" disabled>好评</Radio>
               <Radio label="MODERATE" disabled>中评</Radio>
               <Radio label="WORSE" disabled>差评</Radio>
             </RadioGroup>
-            <Input type="textarea" maxlength="500" readonly show-word-limit :rows="4" v-model="orderGoods.content" />
+            <Input
+              type="textarea"
+              maxlength="500"
+              readonly
+              show-word-limit
+              :rows="4"
+              v-model="orderGoods.content"
+            />
           </div>
-          <div style="display:flex;align-items:center;">
+          <div>
+            <span class="color999">商家回复：</span>
+            <span>{{ orderGoods.reply }}</span>
+          </div>
+          <div style="display: flex; align-items: center">
             <template v-if="orderGoods.images">
-              <div class="demo-upload-list"  v-for="(img, index) in orderGoods.images.split(',')" :key="index">
-                <img :src="img">
+              <div
+                class="demo-upload-list"
+                v-for="(img, index) in orderGoods.images.split(',')"
+                :key="index"
+              >
+                <img :src="img" />
                 <div class="demo-upload-list-cover">
                   <Icon type="ios-eye-outline" @click.native="handleView(img)"></Icon>
                 </div>
@@ -48,44 +82,47 @@
       </li>
     </ul>
     <Modal title="View Image" v-model="visible">
-        <img :src="previewImage" v-if="visible" style="width: 100%">
+      <img :src="previewImage" v-if="visible" style="width: 100%" />
     </Modal>
   </div>
 </template>
 <script>
-import { evaluationDetail } from '@/api/member.js';
+import { evaluationDetail } from "@/api/member.js";
 export default {
-  data () {
+  data() {
     return {
       order: {}, // 订单详情
       orderGoods: {}, // 订单商品
       visible: false, // 图片预览
-      previewImage: '', // 预览图片链接
-      loading: false // 加载状态
-    }
+      previewImage: "", // 预览图片链接
+      loading: false, // 加载状态
+    };
   },
   methods: {
-    getDetail () { // 获取评价详情
-      evaluationDetail(this.$route.query.id).then(res => {
-        if (res.success) this.orderGoods = res.result
-      })
+    getDetail() {
+      // 获取评价详情
+      evaluationDetail(this.$route.query.id).then((res) => {
+        if (res.success) this.orderGoods = res.result;
+      });
     },
-    goGoodsDetail (skuId, goodsId) { // 跳转商品详情
+    goGoodsDetail(skuId, goodsId) {
+      // 跳转商品详情
       let routerUrl = this.$router.resolve({
-        path: '/goodsDetail',
-        query: {skuId, goodsId}
-      })
-      window.open(routerUrl.href, '_blank')
+        path: "/goodsDetail",
+        query: { skuId, goodsId },
+      });
+      window.open(routerUrl.href, "_blank");
     },
-    handleView (name) { // 预览图片
+    handleView(name) {
+      // 预览图片
       this.previewImage = name;
       this.visible = true;
-    }
+    },
   },
-  mounted () {
-    this.getDetail()
-  }
-}
+  mounted() {
+    this.getDetail();
+  },
+};
 </script>
 <style lang="scss" scoped>
 .delivery-rate {
@@ -94,12 +131,12 @@ export default {
   margin-top: 20px;
   height: 50px;
   border-bottom: 1px solid #eee;
-  >div:nth-child(1) {
+  > div:nth-child(1) {
     width: 120px;
     font-weight: bold;
   }
 }
-.goods-eval li{
+.goods-eval li {
   display: flex;
   border-bottom: 1px solid #eee;
 
@@ -109,7 +146,9 @@ export default {
     text-align: center;
     p {
       word-wrap: wrap;
-      &:hover{ color: $theme_color; }
+      &:hover {
+        color: $theme_color;
+      }
     }
   }
   .eval-con {
@@ -118,7 +157,7 @@ export default {
   }
 }
 
-.demo-upload-list{
+.demo-upload-list {
   display: inline-block;
   width: 60px;
   height: 60px;
@@ -129,27 +168,27 @@ export default {
   overflow: hidden;
   background: #fff;
   position: relative;
-  box-shadow: 0 1px 1px rgba(0,0,0,.2);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   margin-right: 4px;
   margin-top: 10px;
 }
-.demo-upload-list img{
+.demo-upload-list img {
   width: 100%;
   height: 100%;
 }
-.demo-upload-list-cover{
+.demo-upload-list-cover {
   display: none;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
-  background: rgba(0,0,0,.6);
+  background: rgba(0, 0, 0, 0.6);
 }
-.demo-upload-list:hover .demo-upload-list-cover{
+.demo-upload-list:hover .demo-upload-list-cover {
   display: block;
 }
-.demo-upload-list-cover i{
+.demo-upload-list-cover i {
   color: #fff;
   font-size: 20px;
   cursor: pointer;
@@ -157,14 +196,14 @@ export default {
 }
 .icon-upload {
   width: 58px;
-  height:58px;
+  height: 58px;
   line-height: 58px;
-  text-align:center;
+  text-align: center;
   display: inline-block;
-  border:1px dashed #999;
+  border: 1px dashed #999;
   border-radius: 4px;
   margin-top: 10px;
-  &:hover{
+  &:hover {
     cursor: pointer;
     border-color: $theme_color;
   }

buyer/src/pages/home/userCenter/MyTracks.vue

@@ -1,15 +1,19 @@
 <template>
   <div class="wrapper">
     <!-- 卡片组件 -->
-    <card _Title="我的足迹" :_Size="16" ></card>
+    <card _Title="我的足迹" :_Size="16"></card>
     <Button class="del-btn" @click="clearAll" type="primary">删除全部</Button>
     <!-- 订单列表 -->
     <empty v-if="list.length === 0" />
     <ul class="track-list" v-else>
-      <li v-for="(item, index) in list" :key="index" @click="goodsDetail(item.id, item.goodsId)">
-        <img :src="item.thumbnail" :alt="item.thumbnail" width="200" height="200">
-        <p class="ellipsis">{{item.goodsName}}</p>
-        <p>{{item.price | unitPrice('￥')}}</p>
+      <li
+        v-for="(item, index) in list"
+        :key="index"
+        @click="goodsDetail(item.id, item.goodsId)"
+      >
+        <img :src="item.thumbnail" :alt="item.thumbnail" width="200" height="200" />
+        <p class="ellipsis">{{ item.goodsName }}</p>
+        <p>{{ item.price | unitPrice("￥") }}</p>
         <span class="del-icon" @click.stop="clearById(item.goodsId)">
           <Icon type="md-trash" />
         </span>
@@ -17,96 +21,104 @@
     </ul>
     <!-- 分页 -->
     <div class="page-size">
-      <Page :total="total" @on-change="changePageNum"
+      <Page
+        :total="total"
+        @on-change="changePageNum"
         @on-page-size-change="changePageSize"
         :page-size="params.pageSize"
-        show-sizer>
+        show-sizer
+      >
       </Page>
     </div>
   </div>
 </template>
 
 <script>
-import { tracksList, clearTracks, clearTracksById } from '@/api/member';
+import { tracksList, clearTracks, clearTracksById } from "@/api/member";
 export default {
-  name: 'MyTrack',
-  data () {
+  name: "MyTrack",
+  data() {
     return {
       list: [], // 我的足迹，商品列表
       spinShow: false, // 控制loading是否加载
       params: {
         pageNumber: 1,
         pageSize: 30,
-        order: 'desc',
-        sort: 'createTime'
+        order: "desc",
+        sort: "updateTime",
       },
-      total: 0
+      total: 0,
     };
   },
-  mounted () {
+  mounted() {
     this.getList();
   },
   methods: {
-    goodsDetail (skuId, goodsId) {
+    goodsDetail(skuId, goodsId) {
       // 跳转商品详情
       let routeUrl = this.$router.resolve({
-        path: '/goodsDetail',
-        query: { skuId, goodsId }
+        path: "/goodsDetail",
+        query: { skuId, goodsId },
       });
-      window.open(routeUrl.href, '_blank');
+      window.open(routeUrl.href, "_blank");
     },
     // 跳转店铺首页
-    shopPage (id) {
+    shopPage(id) {
       let routeUrl = this.$router.resolve({
-        path: '/Merchant',
-        query: { id: id }
+        path: "/Merchant",
+        query: { id: id },
       });
-      window.open(routeUrl.href, '_blank');
+      window.open(routeUrl.href, "_blank");
     },
-    clearAll () { // 清除全部足迹
+    clearAll() {
+      // 清除全部足迹
       this.$Modal.confirm({
-        title: '删除',
-        content: '<p>确定要删除全部足迹吗？</p>',
+        title: "删除",
+        content: "<p>确定要删除全部足迹吗？</p>",
         onOk: () => {
-          clearTracks().then(res => {
+          clearTracks().then((res) => {
             if (res.success) {
-              this.$Message.success('删除成功')
-              this.getList()
+              this.$Message.success("删除成功");
+              this.getList();
             }
-          })
+          });
         },
-        onCancel: () => { }
+        onCancel: () => {},
       });
     },
-    clearById (id) { // 清除全部足迹
-      clearTracksById(id).then(res => {
+    clearById(id) {
+      // 清除全部足迹
+      clearTracksById(id).then((res) => {
         if (res.success) {
-          this.$Message.success('删除成功')
-          this.getList()
+          this.$Message.success("删除成功");
+          this.getList();
         }
-      })
+      });
     },
-    changePageNum (val) { // 修改页码
+    changePageNum(val) {
+      // 修改页码
       this.params.pageNumber = val;
-      this.getList()
+      this.getList();
     },
-    changePageSize (val) { // 修改页数
+    changePageSize(val) {
+      // 修改页数
       this.params.pageNumber = 1;
       this.params.pageSize = val;
-      this.getList()
+      this.getList();
     },
-    getList () { // 获取足迹列表
+    getList() {
+      // 获取足迹列表
       this.spinShow = true;
-      tracksList(this.params).then(res => {
-        this.spinShow = false
+      tracksList(this.params).then((res) => {
+        this.spinShow = false;
         if (res.success && res.result) {
           this.list = res.result;
         } else {
-          this.list = []
+          this.list = [];
         }
       });
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped lang="scss">
@@ -120,34 +132,34 @@ export default {
 .track-list {
   display: flex;
   flex-wrap: wrap;
-  li{
+  li {
     width: 200px;
     overflow: hidden;
     margin-left: 15px;
     margin-bottom: 10px;
     border: 1px solid #eee;
     position: relative;
-    &:hover{
+    &:hover {
       cursor: pointer;
-      box-shadow:1px 1px 3px #999;
-      .del-icon{
+      box-shadow: 1px 1px 3px #999;
+      .del-icon {
         display: block;
       }
     }
-    p{
+    p {
       padding: 0 5px;
       margin: 3px 0;
     }
     p:nth-child(2) {
       color: #999;
     }
-    p:nth-child(3){
+    p:nth-child(3) {
       color: $theme_color;
     }
     .del-icon {
       display: none;
       font-size: 30px;
-      background-color:rgba(0,0,0,.3);
+      background-color: rgba(0, 0, 0, 0.3);
       position: absolute;
       width: 40px;
       height: 40px;