H5-处理eslint报错

htmldev/dashboard/.eslintrc.js

@@ -23,6 +23,7 @@ module.exports = {
     // allow debugger during development
     indent: 0,
     'no-useless-escape': 0,
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'vue/no-side-effects-in-computed-properties': 0
   }
 }

htmldev/dashboard/src/router/index.js

@@ -112,7 +112,7 @@ const routes = [
           isUseCache: false,
           keepAlive: false,
           isUseVanTabbar: false
-        },
+        }
       }
     ]
   },

htmldev/dashboard/src/utils/wxConfig.js

@@ -12,7 +12,7 @@ const wxJs = () => request({
 
 export const WxConfig = async () => {
   const { data } = await wxJs()
-  let wxParam = {
+  const wxParam = {
     debug: false,
     appId: data.app_id,
     timestamp: data.timestamp,

htmldev/dashboard/src/views/orderDetail/api/api.js

@@ -1,9 +1,10 @@
 import request from '@/api/request'
+
 /**
  * 订单详情接口
  */
- export const apiOrderDetail = (params) => request({
-    method: 'GET',
-    url: '/api/v1/user/order/detail',
-    params:params
-  })
+export const apiOrderDetail = (params) => request({
+  method: 'GET',
+  url: '/api/v1/user/order/detail',
+  params: params
+})

htmldev/dashboard/src/views/orderDetail/index.vue

@@ -1,190 +1,215 @@
 <template>
   <div class="order-detail">
-      <div class="top" v-if="refund_price" @click="goRefundList()">
-          <span>退款金额： {{refund_price}}元</span>
-          <span>退款成功</span>
-      </div>
-      <div class="main">
-          <ul :class="['list',{'list-open':openList}]">
-              <li v-for="item,index in list" :key="index">
-                  <img :src="item.product_img_url" alt="">
-                  <div class="item-right">
-                      <p><span>{{item.product_name}}</span><span>￥{{item.product_price | fen2Yuan}}</span></p>
-                      <p><span>{{item.product_attach}}</span><span>*{{item.product_num}}</span></p>
-                  </div>
-              </li>
-          </ul>
-          <div class="btn-open" v-if="list.length>3&&!openList" @click="openList=true">展开（共{{list.length}}件）</div>
-          <p class="row"><span>订座预约款</span><span>-¥{{prepare_price | fen2Yuan}}</span></p>
-          <p class="row"><span>优惠券</span><span>-¥{{coupon_price | fen2Yuan}}</span></p>
-          <p class="row row-1"><span>小计</span><span>¥{{order_price | fen2Yuan}}</span></p>
-      </div>
-      <div class="bottom">
-          <div class="row"><span class="label">订单编号：</span><span class="value">{{order_number}}</span></div>
-          <div class="row"><span class="label">桌号：</span><span class="value-1">{{place_number}}</span></div>
-          <div class="row"><span class="label">创建时间：</span><span class="value">{{created_at}}</span></div>
-          <div class="row"><span class="label">支付时间：</span><span class="value">{{order_pay_time}}</span></div>
-          <div class="row"><span class="label">支付方式：</span><span class="value">{{order_pay_type==1?'微信':"支付宝"}}</span></div>
+    <div v-if="refund_price" class="top" @click="goRefundList()">
+      <span>退款金额： {{refund_price}}元</span>
+      <span>退款成功</span>
+    </div>
+    <div class="main">
+      <ul :class="['list',{'list-open':openList}]">
+        <li v-for="(item,index) in list" :key="index">
+          <img :src="item.product_img_url" alt="">
+          <div class="item-right">
+            <p><span>{{item.product_name}}</span><span>￥{{item.product_price | fen2Yuan}}</span></p>
+            <p><span>{{item.product_attach}}</span><span>*{{item.product_num}}</span></p>
+          </div>
+        </li>
+      </ul>
+      <div v-if="list.length>3&&!openList" class="btn-open" @click="openList=true">展开（共{{list.length}}件）</div>
+      <p class="row"><span>订座预约款</span><span>-¥{{prepare_price | fen2Yuan}}</span></p>
+      <p class="row"><span>优惠券</span><span>-¥{{coupon_price | fen2Yuan}}</span></p>
+      <p class="row row-1"><span>小计</span><span>¥{{order_price | fen2Yuan}}</span></p>
+    </div>
+    <div class="bottom">
+      <div class="row"><span class="label">订单编号：</span><span class="value">{{order_number}}</span></div>
+      <div class="row"><span class="label">桌号：</span><span class="value-1">{{place_number}}</span></div>
+      <div class="row"><span class="label">创建时间：</span><span class="value">{{created_at}}</span></div>
+      <div class="row"><span class="label">支付时间：</span><span class="value">{{order_pay_time}}</span></div>
+      <div class="row"><span class="label">支付方式：</span><span class="value">{{order_pay_type == 1 ? '微信' : '支付宝'}}</span>
       </div>
+    </div>
   </div>
 </template>
 <script>
-import {apiOrderDetail} from './api/api'
+import { apiOrderDetail } from './api/api'
 
 export default {
-  data() {
+  data () {
     return {
-        openList:false,
-        refund_price:0,
-        list:[],
-        prepare_price:0,
-        coupon_price:0,
-        order_price:0,
-        order_number:'',
-        place_number:'',
-        created_at:'',
-        order_pay_time:'',
-        order_pay_type:''
+      openList: false,
+      refund_price: 0,
+      list: [],
+      prepare_price: 0,
+      coupon_price: 0,
+      order_price: 0,
+      order_number: '',
+      place_number: '',
+      created_at: '',
+      order_pay_time: '',
+      order_pay_type: ''
     }
   },
-  mounted(){
-      this.getDetail()
+  mounted () {
+    this.getDetail()
   },
-  methods:{
-      goRefundList(){
-          this.$router.push({
-              path:'/refundList',
-              query:{
-                  id:this.$route.query.id
-              }
-          })
-      },
-      getDetail(){
-          apiOrderDetail({id:this.$route.query.id}).then(res=>{
-              if(res.code==200){
-                  this.refund_price=res.data.order_refund_price
-                  this.list=res.data.order_detail
-                  this.prepare_price=res.data.order_prepare_price
-                  this.coupon_price=res.data.order_coupon_price
-                  this.order_price=res.data.order_price
-                  this.order_number=res.data.order_number
-                  this.place_number=res.data.place_number
-                  this.created_at=res.data.created_at
-                  this.order_pay_time=res.data.order_pay_time
-                  this.order_pay_type=res.data.order_pay_type
-              }
-          })
-      }
-  }
-};
-</script>
-<style lang="scss" scoped>
-.top{
-    background: #fff;
-    padding: 19px 20px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin: 8px 0;
-    span{
-        font-size: 16px;
-        &:first-child{
-            color: #1F1E1E;
+  methods: {
+    goRefundList () {
+      this.$router.push({
+        path: '/refundList',
+        query: {
+          id: this.$route.query.id
         }
-        &:last-child{
-            color: #E55E10;
+      })
+    },
+    getDetail () {
+      apiOrderDetail({ id: this.$route.query.id }).then(res => {
+        if (res.code === 200) {
+          this.refund_price = res.data.order_refund_price
+          this.list = res.data.order_detail
+          this.prepare_price = res.data.order_prepare_price
+          this.coupon_price = res.data.order_coupon_price
+          this.order_price = res.data.order_price
+          this.order_number = res.data.order_number
+          this.place_number = res.data.place_number
+          this.created_at = res.data.created_at
+          this.order_pay_time = res.data.order_pay_time
+          this.order_pay_type = res.data.order_pay_type
         }
+      })
     }
+  }
 }
-.main{
-    background: #fff;
-    padding: 20px 0;
-    .list{
-        max-height:212px;
-        overflow: hidden;
-        li{
-            display: flex;
-            align-items: center;
-            padding: 0 20px;
-            margin-bottom: 12px;
-            img{
-               width: 60px;
-                height: 60px;
-                border-radius: 8px; 
-                margin-right: 10px;
-            }
-            .item-right{
-                flex: 1;
-                p{
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    &:first-child{
-                        color: #1F1E1E;
-                        font-size: 16px;
-                        margin-bottom: 14px;
-                    }
-                    &:last-child{
-                        color: #736F6F;
-                        font-size: 14px;
-                    }
-                }
-            }
-        }
-    }
-    .list-open{
-        max-height: none;
+</script>
+<style lang="scss" scoped>
+.top {
+  background: #fff;
+  padding: 19px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 8px 0;
+
+  span {
+    font-size: 16px;
+
+    &:first-child {
+      color: #1F1E1E;
     }
-    .btn-open{
-        text-align: center;
-        color: #CCC6C6;
-        font-size: 14px;
+
+    &:last-child {
+      color: #E55E10;
     }
-    .row{
-        font-size: 14px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 11px 20px;
-        span{
-            font-weight: 500;
-            &:first-child{
-                color: #1F1E1E;
-            }
-             &:last-child{
-                color: #D32323;
-            }
+  }
+}
+
+.main {
+  background: #fff;
+  padding: 20px 0;
+
+  .list {
+    max-height: 212px;
+    overflow: hidden;
+
+    li {
+      display: flex;
+      align-items: center;
+      padding: 0 20px;
+      margin-bottom: 12px;
+
+      img {
+        width: 60px;
+        height: 60px;
+        border-radius: 8px;
+        margin-right: 10px;
+      }
+
+      .item-right {
+        flex: 1;
+
+        p {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          &:first-child {
+            color: #1F1E1E;
+            font-size: 16px;
+            margin-bottom: 14px;
+          }
+
+          &:last-child {
+            color: #736F6F;
+            font-size: 14px;
+          }
         }
+      }
     }
-    .row-1{
+  }
+
+  .list-open {
+    max-height: none;
+  }
+
+  .btn-open {
+    text-align: center;
+    color: #CCC6C6;
+    font-size: 14px;
+  }
+
+  .row {
+    font-size: 14px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 11px 20px;
+
+    span {
+      font-weight: 500;
+
+      &:first-child {
         color: #1F1E1E;
-        font-size: 14px;
-        border-top: 1px solid #F2F2F2;
-        span{
-             &:last-child{
-                font-size: 18px;
-            }
-        }
+      }
+
+      &:last-child {
+        color: #D32323;
+      }
     }
+  }
+
+  .row-1 {
+    color: #1F1E1E;
+    font-size: 14px;
+    border-top: 1px solid #F2F2F2;
+
+    span {
+      &:last-child {
+        font-size: 18px;
+      }
+    }
+  }
 }
-.bottom{
-    padding: 20px;
-    background: #fff;
-    margin-top: 8px;
-    .row{
-        display: flex;
-        font-size: 14px;
-        margin-bottom: 8px;
-        .label{
-            color: #736F6F;
-            width: 75px;
-        }
-        .value{
-            color: #1F1E1E;
-        }
-        .value-1{
-            color: #009CFF;
-        }
+
+.bottom {
+  padding: 20px;
+  background: #fff;
+  margin-top: 8px;
+
+  .row {
+    display: flex;
+    font-size: 14px;
+    margin-bottom: 8px;
+
+    .label {
+      color: #736F6F;
+      width: 75px;
+    }
+
+    .value {
+      color: #1F1E1E;
+    }
+
+    .value-1 {
+      color: #009CFF;
     }
+  }
 }
-</style>
+</style>

htmldev/dashboard/src/views/orderList/api/api.js

@@ -1,17 +1,18 @@
 import request from '@/api/request'
+
 /**
  * 订单列表接口
  */
- export const apiOrderList = (params) => request({
-    method: 'GET',
-    url: '/api/v1/user/order/list',
-    params:params
-  })
+export const apiOrderList = (params) => request({
+  method: 'GET',
+  url: '/api/v1/user/order/list',
+  params: params
+})
 /**
  * 订单取消接口
  */
- export const apiOrderCancel = (params) => request({
-    method: 'GET',
-    url: '/api/v1/user/order/cancel',
-    params:params
-  })
+export const apiOrderCancel = (params) => request({
+  method: 'GET',
+  url: '/api/v1/user/order/cancel',
+  params: params
+})

htmldev/dashboard/src/views/orderList/index.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="order-list">
     <div class="header">
-      <Icon class="icon" name="arrow-left" size="16" color="#736F6F" />
+      <Icon class="icon" color="#736F6F" name="arrow-left" size="16"/>
       <ul>
         <li
           v-for="(item, index) in tabList"
+          :key="index"
           :class="{ active: index === currentTab }"
           @click="tabChange(index)"
         >
@@ -19,15 +20,15 @@
 </template>
 <script>
 import { Icon } from 'vant'
+
 export default {
   components: {
-    Icon,
- 
+    Icon
   },
   data () {
     return {
       tabList: ['订单'],
-      currentTab: 0,
+      currentTab: 0
     }
   },
   methods: {
@@ -41,6 +42,7 @@ export default {
 .order-list {
   height: 100vh;
   position: relative;
+
   .header {
     display: flex;
     align-items: center;
@@ -52,21 +54,26 @@ export default {
     top: 0;
     left: 0;
     z-index: 100;
+
     .icon {
       margin-right: 10px;
     }
+
     ul {
       display: flex;
       align-items: center;
+
       li {
         color: #1f1e1e;
         font-size: 18px;
         margin-right: 33px;
       }
+
       .active {
         font-size: 21px;
         font-weight: 600;
         position: relative;
+
         &::before {
           content: "";
           position: absolute;
@@ -80,10 +87,11 @@ export default {
       }
     }
   }
+
   .list {
     height: 100vh;
     padding-top: 43px;
   }
-  
+
 }
 </style>

htmldev/dashboard/src/views/orderList/order.vue

@@ -3,8 +3,7 @@
     v-model="loading"
     :finished="finished"
     finished-text="没有更多了"
-    @load="onLoad"
-  >
+    @load="onLoad">
     <PullRefresh v-model="isLoading" @refresh="onRefresh">
       <div class="list-item" v-for="(item, index) in list" :key="index">
         <div class="title">
@@ -14,7 +13,7 @@
               'right',
               { 'color-orange': changeState(item.order_status) == '发生退款' },
             ]"
-            >{{ changeState(item.order_status) }}</span
+          >{{ changeState(item.order_status) }}</span
           >
         </div>
         <div class="content">
@@ -44,119 +43,109 @@
   </List>
 </template>
 <script>
-import { List, PullRefresh, Dialog, Toast } from "vant";
-import { apiOrderList, apiOrderCancel } from "./api/api";
+import { List, PullRefresh, Dialog, Toast } from 'vant'
+import { apiOrderList, apiOrderCancel } from './api/api'
 
 export default {
   components: {
     List,
     PullRefresh,
-    [Dialog.Component.name]: Dialog.Component,
+    [Dialog.Component.name]: Dialog.Component
   },
-  data() {
+  data () {
     return {
       loading: false,
       finished: true,
       isLoading: false,
       page: 1,
       page_size: 10,
-      list: [],
-    };
+      list: []
+    }
   },
-  mounted() {
-    this.getList();
+  mounted () {
+    this.getList()
   },
   methods: {
-    cancel(id) {
-      let _this = this;
+    cancel (id) {
+      const _this = this
       Dialog.confirm({
-        title: "",
-        message: "确定要取消吗",
+        title: '',
+        message: '确定要取消吗'
       })
         .then(() => {
           apiOrderCancel({ id: id }).then((res) => {
-            Toast(res.msg);
-            _this.getList();
-          });
+            Toast(res.msg)
+            _this.getList()
+          })
         })
         .catch((err) => {
-          Toast(err);
-        });
+          Toast(err)
+        })
     },
-    goDetail(id) {
+    goDetail (id) {
       this.$router.push({
-        path: "/orderDetail",
+        path: '/orderDetail',
         query: {
-          id: id,
-        },
-      });
+          id: id
+        }
+      })
     },
-    changeStatus(status) {
+    changeStatus (status) {
       switch (status) {
         case 0:
-          return "待支付订单";
-          break;
+          return '待支付订单'
         case 1:
-          return "已支付订单";
-          break;
+          return '已支付订单'
         case 2:
-          return "全部退款订单";
-          break;
+          return '全部退款订单'
         case 3:
-          return "部分退款订单";
-          break;
+          return '部分退款订单'
         case 4:
-          return "已取消订单";
-          break;
+          return '已取消订单'
       }
     },
-    changeState(status) {
+    changeState (status) {
       switch (status) {
         case 0:
-          return "待支付";
-          break;
+          return '待支付'
         case 1:
-          return "订单已支付成功";
-          break;
+          return '订单已支付成功'
         case 2:
-          return "发生退款";
-          break;
+          return '发生退款'
         case 3:
-          return "发生退款";
-          break;
+          return '发生退款'
         case 4:
-          return "已取消";
-          break;
+          return '已取消'
       }
     },
-    getList() {
+    getList () {
       apiOrderList({ page: this.page, page_size: this.page_size }).then(
         (res) => {
-          this.isLoading = false;
-          if (res.code == 200) {
-            this.list = res.data.list;
+          this.isLoading = false
+          if (res.code === 200) {
+            this.list = res.data.list
           }
         }
-      );
+      )
     },
-    onLoad() {
-      this.page += 1;
-      this.finished = false;
+    onLoad () {
+      this.page += 1
+      this.finished = false
       apiOrderList({ page: this.page, page_size: this.page_size }).then(
         (res) => {
-          if (res.code == 200) {
-            this.list = this.list.concat(res.data.list);
-            this.finished = true;
+          if (res.code === 200) {
+            this.list = this.list.concat(res.data.list)
+            this.finished = true
           }
         }
-      );
-    },
-    onRefresh() {
-      this.page = 1;
-      this.getList();
+      )
     },
-  },
-};
+    onRefresh () {
+      this.page = 1
+      this.getList()
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .list-item {
@@ -166,24 +155,29 @@ export default {
   border-radius: 4px;
   border: 1px solid #f2f2f2;
   margin: 10px 10px 0;
+
   .title {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px 16px 8px;
     border-bottom: 1px solid #f2f2f2;
+
     .left {
       color: #1f1e1e;
       font-size: 16px;
     }
+
     .right {
       color: #ccc6c6;
       font-size: 14px;
     }
   }
+
   .content {
     position: relative;
     padding: 9px 16px 12px;
+
     .icon {
       position: absolute;
       width: 21px;
@@ -193,35 +187,42 @@ export default {
       background: url("./image/icon-alipay.png") 0 0 no-repeat;
       background-size: cover;
     }
+
     .icon-wx {
       background: url("./image/icon-wx.png") 0 0 no-repeat;
       background-size: cover;
     }
+
     .amount {
       font-size: 24px;
       font-weight: 500;
       color: #d32323;
     }
+
     .time {
       color: #736f6f;
       font-size: 12px;
       margin-top: 8px;
     }
+
     .btn-box {
       display: flex;
       justify-content: flex-end;
       align-items: center;
       margin-top: 16px;
+
       > div {
         padding: 4px 19px 3px;
         font-size: 12px;
         border-radius: 12px;
         margin-left: 10px;
       }
+
       .btn-primary {
         background: #d32323;
         color: #fff;
       }
+
       .btn-defaule {
         background: #ffffff;
         border: 1px solid #f2f2f2;
@@ -229,7 +230,8 @@ export default {
     }
   }
 }
+
 .color-orange {
   color: #e55e10 !important;
 }
-</style>
+</style>

htmldev/dashboard/src/views/refundList/api/api.js

@@ -1,9 +1,10 @@
 import request from '@/api/request'
+
 /**
  * 订单退款详情接口
  */
- export const apiRefundList = (params) => request({
-    method: 'GET',
-    url: '/api/v1/user/order/refund/detail',
-    params:params
-  })
+export const apiRefundList = (params) => request({
+  method: 'GET',
+  url: '/api/v1/user/order/refund/detail',
+  params: params
+})

htmldev/dashboard/src/views/refundList/index.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="refund-list">
     <ul>
-      <li v-for="item,index in list" :key="index">
+      <li v-for="(item,index) in list" :key="index">
         <div class="top">
           <div class="row1"><span>退款详情</span><span>{{changeStatus(item.order_refund_status)}}</span></div>
           <div class="row2">退款金额： {{item.order_price | fen2Yuan}}元</div>
         </div>
         <div class="middle">
           <div class="row3">退款信息</div>
-          <div class="row4" v-for="val,idx in item.products" :key="idx">
-            <img :src="val.product_img_url" alt="" />
+          <div v-for="(val,idx) in item.products" :key="idx" class="row4">
+            <img :src="val.product_img_url" alt=""/>
             <div class="item-right">
               <p>
                 <span>{{ val.product_name }}</span
@@ -41,117 +41,136 @@
   </div>
 </template>
 <script>
-import { apiRefundList } from "./api/api";
+import { apiRefundList } from './api/api'
+
 export default {
-  data() {
+  data () {
     return {
-        list:[]
-    };
+      list: []
+    }
   },
-  mounted() {
+  mounted () {
     this.getList()
   },
-  methods:{
-      changeStatus(status){
-          switch(status){
-              case 0: return '退款中'
-              break;
-               case 1: return '退款成功'
-              break;
-               case 2: return '退款失败'
-              break;
-          }
-      },
-      getList(){
-          apiRefundList({id:this.$route.query.id}).then(res=>{
-              if(res.code===200){
-                  this.list=res.data.list
-              }
-          })
+  methods: {
+    changeStatus (status) {
+      switch (status) {
+        case 0:
+          return '退款中'
+        case 1:
+          return '退款成功'
+        case 2:
+          return '退款失败'
+        default:
       }
+    },
+    getList () {
+      apiRefundList({ id: this.$route.query.id }).then(res => {
+        if (res.code === 200) {
+          this.list = res.data.list
+        }
+      })
+    }
   }
-};
+}
 </script>
 <style lang="scss" scoped>
 .refund-list {
   li {
     margin-top: 10px;
     background: #fff;
-    .top{
-        padding: 16px 20px 10px;
-        border-bottom: 1px solid #F2F2F2;
+
+    .top {
+      padding: 16px 20px 10px;
+      border-bottom: 1px solid #F2F2F2;
     }
+
     .row1 {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-bottom: 15px;
+
       span {
         &:first-child {
           color: #1f1e1e;
           font-size: 18px;
         }
+
         &:last-child {
           color: #d32323;
           font-size: 14px;
         }
       }
     }
-    .row2,.row3 {
+
+    .row2, .row3 {
       color: #1f1e1e;
       font-size: 14px;
     }
-    .middle{
-        padding: 9px 20px 20px;
-        border-bottom: 1px solid #F2F2F2;
-        .row4{
-           display: flex;
-            align-items: center;
-            margin-top: 10px;
-            img{
-               width: 60px;
-                height: 60px;
-                border-radius: 8px; 
-                margin-right: 10px;
-            }
-            .item-right{
-                flex: 1;
-                p{
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    &:first-child{
-                        color: #1F1E1E;
-                        font-size: 16px;
-                        margin-bottom: 14px;
-                    }
-                    &:last-child{
-                        color: #736F6F;
-                        font-size: 14px;
-                    }
-                }
-            } 
+
+    .middle {
+      padding: 9px 20px 20px;
+      border-bottom: 1px solid #F2F2F2;
+
+      .row4 {
+        display: flex;
+        align-items: center;
+        margin-top: 10px;
+
+        img {
+          width: 60px;
+          height: 60px;
+          border-radius: 8px;
+          margin-right: 10px;
         }
-    }
-    .bottom{
-        padding: 20px;
-        background: #fff;
-        margin-top: 8px;
-        .row{
+
+        .item-right {
+          flex: 1;
+
+          p {
             display: flex;
-            font-size: 14px;
-            margin-bottom: 8px;
-            .label{
-                color: #736F6F;
-                width: 75px;
-            }
-            .value{
-                color: #1F1E1E;
+            align-items: center;
+            justify-content: space-between;
+
+            &:first-child {
+              color: #1F1E1E;
+              font-size: 16px;
+              margin-bottom: 14px;
             }
-            .value-1{
-                color: #009CFF;
+
+            &:last-child {
+              color: #736F6F;
+              font-size: 14px;
             }
+          }
+        }
+      }
+    }
+
+    .bottom {
+      padding: 20px;
+      background: #fff;
+      margin-top: 8px;
+
+      .row {
+        display: flex;
+        font-size: 14px;
+        margin-bottom: 8px;
+
+        .label {
+          color: #736F6F;
+          width: 75px;
+        }
+
+        .value {
+          color: #1F1E1E;
         }
+
+        .value-1 {
+          color: #009CFF;
+        }
+      }
     }
   }
 }

htmldev/dashboard/src/views/sell/editTableNum/index.vue

@@ -75,7 +75,7 @@ export default {
       } else if (platform.isAlipay) {
         if (window.AlipayJSBridge) {
           window.AlipayJSBridge.call('scan', {
-            scanType: ['qrCode', 'barCode'],
+            scanType: ['qrCode', 'barCode']
           }, function (result) {
             const { codeContent } = result
             if (codeContent) {

htmldev/dashboard/src/views/sell/goods/index.vue

@@ -29,7 +29,8 @@
         class="foods-wrapper">
         <ul>
           <li
-            v-for="item in goods"
+            v-for="(item, index) in goods"
+            :key="index"
             ref="foodList"
             class="food-list">
             <h1 class="title">{{ item.category_name }}</h1>
@@ -123,8 +124,8 @@ export default {
     }),
     currentIndex () {
       for (let i = 0; i < this.listHeight.length; i++) {
-        let height1 = this.listHeight[i]
-        let height2 = this.listHeight[i + 1]
+        const height1 = this.listHeight[i]
+        const height2 = this.listHeight[i + 1]
         if (!height2 || (this.scrollY >= height1 && this.scrollY < height2)) {
           this._followScroll(i)
           return i
@@ -133,7 +134,7 @@ export default {
       return 0
     },
     selectFoods () {
-      let foods = []
+      const foods = []
       this.goods.forEach((good) => {
         good.products.forEach((food) => {
           if (food.count) {
@@ -160,8 +161,8 @@ export default {
       if (!event._constructed) {
         return
       }
-      let foodList = this.$refs.foodList
-      let el = foodList[index]
+      const foodList = this.$refs.foodList
+      const el = foodList[index]
       // offsetY的值改为3，是因为px转rem有误差，iOS12.4.1点击左侧导航时，当前点击的菜单无法被选中，类似一个修正值
       this.foodsScroll.scrollToElement(el, 300, true, 3)
     },
@@ -216,18 +217,18 @@ export default {
       })
     },
     _calculateHeight () {
-      let foodList = this.$refs.foodList
+      const foodList = this.$refs.foodList
       let height = 0
       this.listHeight.push(height)
       for (let i = 0; i < foodList.length; i++) {
-        let item = foodList[i]
+        const item = foodList[i]
         height += item.clientHeight
         this.listHeight.push(height)
       }
     },
     _followScroll (index) {
-      let menuList = this.$refs.menuList
-      let el = menuList[index]
+      const menuList = this.$refs.menuList
+      const el = menuList[index]
       this.meunScroll.scrollToElement(el, 300, 0, -100)
     },
     handleJumpPay () {

htmldev/dashboard/src/views/sell/shopcart/shopcart.vue

@@ -16,7 +16,7 @@
         </div>
       </div>
       <div class="ball-container">
-        <div v-for="ball in balls">
+        <div v-for="(ball, index) in balls" :key="index">
           <transition name="drop" @before-enter="beforeDrop" @enter="dropping" @after-enter="afterDrop">
             <div class="ball" v-show="ball.show">
               <div class="inner inner-hook"></div>
@@ -35,7 +35,7 @@
           </div>
           <div class="list-content" ref="listContent">
             <ul>
-              <li class="food" v-for="food in selectFoods">
+              <li v-for="(food, idx) in selectFoods" :key="idx" class="food">
                 <div class="icon">
                   <img width="60" height="60" :src="food.icon" alt="">
                 </div>
@@ -142,7 +142,7 @@ export default {
         this.fold = true
         return false
       }
-      let show = !this.fold
+      const show = !this.fold
       if (show) {
         this.$nextTick(() => {
           if (!this.scroll) {
@@ -160,7 +160,7 @@ export default {
   methods: {
     drop (el) {
       for (let i = 0; i < this.balls.length; i++) {
-        let ball = this.balls[i]
+        const ball = this.balls[i]
         if (!ball.show) {
           ball.show = true
           ball.el = el
@@ -195,34 +195,33 @@ export default {
     beforeDrop (el) {
       let count = this.balls.length
       while (count--) {
-        let ball = this.balls[count]
+        const ball = this.balls[count]
         if (ball.show) {
-          let rect = ball.el.getBoundingClientRect()
-          let x = rect.left - 32
-          let y = -(window.innerHeight - rect.top - 22)
+          const rect = ball.el.getBoundingClientRect()
+          const x = rect.left - 32
+          const y = -(window.innerHeight - rect.top - 22)
           el.style.display = ''
           el.style.webkitTransform = `translate3d(0,${y}px,0)`
           el.style.transform = `translate3d(0,${y}px,0)`
-          let inner = el.getElementsByClassName('inner-hook')[0]
+          const inner = el.getElementsByClassName('inner-hook')[0]
           inner.style.webkitTransform = `translate3d(${x}px,0,0)`
           inner.style.transform = `translate3d(${x}px,0,0)`
         }
       }
     },
     dropping (el, done) {
-      /* eslint-disable no-unused-vars */
-      let rf = el.offsetHeight
+      // const rf = el.offsetHeight
       this.$nextTick(() => {
         el.style.webkitTransform = 'translate3d(0,0,0)'
         el.style.transform = 'translate3d(0,0,0)'
-        let inner = el.getElementsByClassName('inner-hook')[0]
+        const inner = el.getElementsByClassName('inner-hook')[0]
         inner.style.webkitTransform = 'translate3d(0,0,0)'
         inner.style.transform = 'translate3d(0,0,0)'
         el.addEventListener('transitionend', done)
       })
     },
     afterDrop (el) {
-      let ball = this.dropBalls.shift()
+      const ball = this.dropBalls.shift()
       if (ball) {
         ball.show = false
         el.style.display = 'none'

htmldev/dashboard/vue.config.js

@@ -33,7 +33,7 @@ module.exports = {
   publicPath: '/',
   outputDir: './dist', // 构建文件目录，默认dist
   filenameHashing: false,
-  lintOnSave: false,
+  // lintOnSave: false,
   productionSourceMap: process.env.BUILD_ENV === 'develop',
   devServer: {
     hot: true,
@@ -52,10 +52,10 @@ module.exports = {
         }
       }
     },
-    // overlay: {
-    //   warnings: false,
-    //   errors: false
-    // },
+    overlay: {
+      warnings: false,
+      errors: false
+    },
     before (app) {
     }
   },