Browse Source

页面整理

lilei 4 years ago
parent
commit
6fd96c031c

+ 1 - 1
.env

@@ -2,4 +2,4 @@ NODE_ENV=production
 VUE_APP_PREVIEW=false
 VUE_APP_API_BASE_URL=https://it.zyucgj.com/zyit/
 VUE_APP_VERSION=V1.0.1
-VUE_APP_PRO_NAME=洗车机运营后台
+VUE_APP_PRO_NAME=发卷中心

+ 1 - 1
.env.development

@@ -2,4 +2,4 @@ NODE_ENV=development
 VUE_APP_PREVIEW=true
 VUE_APP_API_BASE_URL=/api
 VUE_APP_VERSION=V1.0.1
-VUE_APP_PRO_NAME=洗车机运营后台-dev
+VUE_APP_PRO_NAME=发卷中心-dev

+ 1 - 1
.env.preview

@@ -2,4 +2,4 @@ NODE_ENV=production
 VUE_APP_PREVIEW=true
 VUE_APP_API_BASE_URL=http://it.test.zyucgj.com/zyit
 VUE_APP_VERSION=V1.0.1
-VUE_APP_PRO_NAME=洗车机运营后台-pro
+VUE_APP_PRO_NAME=发卷中心-pro

+ 1 - 1
public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>logo.png">
-    <title>洗车机运营后台</title>
+    <title>智慧快洗发卷中心</title>
     <style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:64px;width:64px;height:64px;box-sizing:border-box}.loading-dot i{width:22px;height:22px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style>
     <!-- require cdn assets css -->
     <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>

BIN
src/assets/logo.png


+ 15 - 149
src/config/router.config.js

@@ -41,165 +41,21 @@ export const asyncRouterMap = [
       }
       ]
     },
-    // Car washing machine management center
-    {
-      path: '/CarWashManagement',
-      redirect: '/CarWashManagement/CarWashManagement',
-      component: PageView,
-      meta: {
-        title: '洗车机管理中心',
-        icon: 'setting'
-        // permission: 'M_setting_0'
-      },
-      children: [{
-        path: '/CarWashManagement/CarWashManagement',
-        name: 'CarWashManagement',
-        component: () => import('@/views/CarWashManagement/CarWashManagement.vue'),
-        meta: {
-          title: '洗车机管理',
-          icon: 'database'
-          // permission: 'M_sys_dataDictionary'
-        }
-      }]
-    },
-    // 优惠券中心
-    {
-      path: '/CouponCenter',
-      redirect: '/CouponCenter/CreateCoupons',
-      component: PageView,
-      meta: {
-        title: '优惠券中心',
-        icon: 'setting'
-        // permission: 'M_setting_0'
-      },
-      children: [{
-        path: '/CouponCenter/CreateCoupons',
-        name: 'CouponCenter',
-        component: () => import('@/views/CouponCenter/CreateCoupons.vue'),
-        meta: {
-          title: '创建优惠券',
-          icon: 'database'
-          // permission: 'M_sys_dataDictionary'
-        }
-      }]
-    },
-    {
-      path: '/Order',
-      redirect: '/Order/OrderCenter',
-      name: 'Order',
-      component: PageView,
-      meta: {
-        title: '订单中心',
-        icon: 'snippets'
-        // permission: 'M_setting_0'
-      },
-      // hideChildrenInMenu: true,
-      children: [
-        {
-          path: '/Order/OrderCenter',
-          name: 'OrderCenter',
-          component: () => import('@/views/Order/OrderCenter.vue'),
-          meta: {
-            title: '订单中心',
-            icon: 'snippets'
-          // permission: 'M_sys_dataDictionary'
-          }
-        }
-        // {
-        //   path: '/Order/OrderDetail/:id',
-        //   name: 'OrderDetail',
-        //   component: () => import('@/views/Order/OrderDetail.vue'),
-        //   meta: {
-        //     title: '订单详情',
-        //     icon: 'snippets'
-        //     // permission: 'M_sys_dataDictionary'
-        //   }
-        // }
-      ]
-    },
-    {
-      path: '/RefundRecord',
-      redirect: '/RefundRecord/RefundRecord',
-      component: PageView,
-      meta: {
-        title: '退单记录',
-        icon: 'setting'
-        // permission: 'M_setting_0'
-      },
-      children: [{
-        path: '/RefundRecord/RefundRecord',
-        name: 'RefundRecord',
-        component: () => import('@/views/RefundRecord/RefundRecord.vue'),
-        meta: {
-          title: '退单记录',
-          icon: 'setting'
-          // permission: 'M_sys_dataDictionary'
-        }
-      }
-      ]
-    },
-    {
-      path: '/CouponStatistics',
-      redirect: '/CouponStatistics/CouponStatistics',
-      component: PageView,
-      meta: {
-        title: '优惠券统计',
-        icon: 'setting'
-        // permission: 'M_setting_0'
-      },
-      children: [{
-        path: '/CouponStatistics/CouponStatisticsList',
-        name: 'CouponStatisticsList',
-        component: () => import('@/views/CouponStatistics/CouponStatisticsList.vue'),
-        meta: {
-          title: '优惠券统计',
-          icon: 'setting'
-          // permission: 'M_sys_dataDictionary'
-        }
-      },
-      {
-        path: '/CouponStatistics/CouponStatisticsDetail',
-        name: 'CouponStatisticsDetail',
-        component: () => import('@/views/CouponStatistics/CouponStatisticsDetail.vue'),
-        meta: {
-          title: '优惠券领取详情',
-          icon: 'setting'
-          // permission: 'M_sys_dataDictionary'
-        }
-      }
-      ]
-    },
     {
       path: '/AvailableCoupon',
       redirect: '/AvailableCoupon/AvailableCoupon',
       component: PageView,
       meta: {
-        title: '可使用优惠券',
-        icon: 'setting'
+        title: '可用优惠券',
+        icon: 'gift'
         // permission: 'M_setting_0'
       },
       children: [
         {
           path: '/AvailableCoupon/AvailableCoupon',
           name: 'AvailableCoupon',
-          component: () => import(/* webpackChunkName: "auth" */ '@/views/AvailableCoupon/AvailableCoupon.vue'),
-          meta: { title: '可使用优惠券', icon: 'user' }
-        }
-      ]
-    },
-    {
-      path: '/menusAuth',
-      redirect: '/bnSetting/menusAuth',
-      component: PageView,
-      meta: { title: '菜单管理', icon: 'bars', permission: 'M_menusAuth_0' },
-      children: [
-        {
-          path: '/menusAuth/adminMenus',
-          name: 'adminMenus',
-          component: () => import(/* webpackChunkName: "bnSetting" */ '@/views/bnSetting/menu/adminMenus.vue'),
-          meta: { title: '后台菜单管理', icon: 'appstore'
-            // permission: 'M_menusAuth_adminMenus',
-          }
+          component: () => import(/* webpackChunkName: "gift" */ '@/views/AvailableCoupon/AvailableCoupon.vue'),
+          meta: { title: '可用优惠券', icon: 'gift' }
         }
       ]
     },
@@ -207,7 +63,7 @@ export const asyncRouterMap = [
       path: '/auth',
       redirect: '/auth/userList',
       component: PageView,
-      meta: { title: '后台权限管理', icon: 'lock'
+      meta: { title: '权限管理', icon: 'lock'
         // permission: 'M_auth_0' ,
       },
       children: [
@@ -226,6 +82,16 @@ export const asyncRouterMap = [
           meta: { title: '角色管理', icon: 'solution'
             // permission: 'M_auth_roleList',
           }
+        },
+        {
+          path: '/menusAuth/menu',
+          name: 'powerMenu',
+          component: () => import(/* webpackChunkName: "auth" */ '@/views/power/menu/menu.vue'),
+          meta: {
+            title: '菜单管理',
+            icon: 'profile',
+            permission: 'M_menusAuth_menu'
+          }
         }
       ]
     },

+ 1 - 1
src/utils/domUtil.js

@@ -16,4 +16,4 @@ export const setDocumentTitle = function (title) {
   }
 }
 
-export const domTitle = '洗车机运营后台'
+export const domTitle = '智慧快洗发卷中心'

+ 0 - 700
src/views/CarWashManagement/AddCarWashModal.vue

@@ -1,700 +0,0 @@
-<template>
-  <a-modal class="CarWashModal" :title="pageType == 'add' ? '新增' : pageType == 'edit' ? '编辑' : ''" :width="1000" :footer="null" :destroyOnClose="true" @cancel="isShow=false" v-model="isShow">
-    <!-- 表单 -->
-    <a-form-model ref="ruleForm" :model="form" :rules="rules" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
-      <a-row :gutter="20">
-        <a-col :span="12">
-          <a-form-model-item label="网点名称" prop="name">
-            <a-input v-model="form.name" :maxLength="20" placeholder="请输入网店名称,20个字以内" />
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="地址" class="default-form-item form-item-required">
-            <a-row :gutter="20">
-              <a-col :span="8">
-                <a-form-model-item prop="addrProvince">
-                  <a-select v-model="form.addrProvince" placeholder="请选择省" @change="getCityList">
-                    <a-select-option v-for="item in addrProvinceList" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
-                  </a-select>
-                </a-form-model-item>
-              </a-col>
-              <a-col :span="8">
-                <a-form-model-item prop="addrCity">
-                  <a-select v-model="form.addrCity" placeholder="请选择市" @change="getAreaList">
-                    <a-select-option v-for="item in addrCityList" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
-                  </a-select>
-                </a-form-model-item>
-              </a-col>
-              <a-col :span="8">
-                <a-form-model-item prop="addrDistrict">
-                  <a-select v-model="form.addrDistrict" placeholder="请选择区" @change="areaCharged">
-                    <a-select-option v-for="item in addrDistrictList" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
-                  </a-select>
-                </a-form-model-item>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="24">
-          <a-form-model-item label="详细地址" prop="addrDetail" :label-col="{ span: 3 }" :wrapper-col="{ span: 21 }">
-            <a-input v-model="form.addrDetail" :maxLength="32" placeholder="请输入详细地址,32个字以内" />
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="设备ID" prop="deviceDTOList" class="default-form-item">
-            <a-row :gutter="20">
-              <a-col :span="19">
-                <a-tag v-if="form.deviceDTOList.length > 0" color="blue">{{deviceNo}}</a-tag>
-              </a-col>
-              <a-col :span="5">
-                <a-button type="primary" size="small" class="small-btn" @click="openEquipmentModal=true">选择</a-button>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="网点标签" prop="featuredServiceLabel" :rules="{required: true, message: '请选择网点标签', trigger: 'change'}">
-            <v-select ref="featuredServiceLabel" v-model="featuredServiceLabel" @change="featuredServiceLabelChange" mode="multiple" placeholder="请选择网点标签" showArrow code="STORE_LABEL"></v-select>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="经度" prop="lng" class="default-form-item">
-            <a-row :gutter="20">
-              <a-col :span="17">
-                <a-input-number v-model="form.lng" :min="0" :max="999" placeholder="请输入经度坐标" class="input-number-all" />
-              </a-col>
-              <a-col :span="6">
-                <a href="https://lbs.qq.com/tool/getpoint/" target="_blank">
-                  <a-button type="primary" size="small" icon="search" class="small-btn">查询坐标</a-button>
-                </a>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="纬度" prop="lat">
-            <a-input-number v-model="form.lat" :min="0" :max="999" placeholder="请输入纬度坐标" class="input-number-all" />
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="服务类型" prop="serviceType">
-            <a-select v-model="form.serviceType" placeholder="请选择服务类型" @change="isResetstoreItemPriceDTOList('serviceType', $event)" showArrow mode="multiple">
-              <a-select-option v-for="item in itemQueryList" :key="item.id" :value="item.id">{{item.itemName}}</a-select-option>
-            </a-select>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="营业时间" class="default-form-item form-item-required">
-            <a-row :gutter="20">
-              <a-col :span="11">
-                <a-form-model-item prop="beginTime">
-                  <a-time-picker v-model="form.beginTime" @change="isResetstoreItemPriceDTOList('beginTime', $event)" format="HH:mm" placeholder="请选择开始时间" class="time-picker" />
-                </a-form-model-item>
-              </a-col>
-              <a-col :span="2">至</a-col>
-              <a-col :span="11">
-                <a-form-model-item prop="endTime">
-                  <a-time-picker v-model="form.endTime" @change="isResetstoreItemPriceDTOList('endTime', $event)" format="HH:mm" placeholder="请选择结束时间" class="time-picker" />
-                </a-form-model-item>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <!-- 时段价格设置  start -->
-        <a-col :span="24">
-          <a-form-model-item :label-col="{ span: 3 }" :wrapper-col="{ span: 21 }" prop="storeItemPriceDTOList">
-            <div slot="label" class="form-item-label">
-              <a-tooltip placement="right" arrow-point-at-center title="时段价格是指车主在不同时段洗车需要支付不同的价格,主要用于日间服务和夜间服务的差异化管理,达到调节流量、集客引流的效果。不同时段区间采用起始时间包含,结束时间不包含原则。例如:时段区间为06:00(含)-22:00(不含),普通洗车10元;时间区间为22:00(含)-06:00(不含),普通洗车8元。客户在6点00分01秒普通洗车为10元,客户在22点00分01秒普通洗车为8元。">
-                时段价格
-                <a-icon :style="{ fontSize: '18px', color: '#1890ff', verticalAlign: 'sub' }" type="question-circle" />
-              </a-tooltip>
-            </div>
-            <a-row :gutter="20" v-for="(item, ind) in form.storeItemPriceDTOList" :key="ind">
-              <a-col :span="9">
-                <a-row :gutter="20">
-                  <a-col :span="11">
-                    <a-form-model-item :prop="'storeItemPriceDTOList.'+ ind + '.beginTime'" :rules="{required: true, message: '请选择开始时间', trigger: 'change'}">
-                      <a-time-picker v-model="item.beginTime" disabled format="HH:mm" placeholder="请选择" class="time-picker" />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="2">至</a-col>
-                  <a-col :span="11">
-                    <a-form-model-item :prop="'storeItemPriceDTOList.'+ ind + '.endTime'" :rules="{required: true, message: '请选择结束时间', trigger: 'change'}">
-                      <a-time-picker v-model="item.endTime" :default-open-value="item.beginTime" @change="isResetBelowstoreItemPriceDTOList($event, ind)" format="HH:mm" placeholder="请选择" class="time-picker" />
-                    </a-form-model-item>
-                  </a-col>
-                </a-row>
-              </a-col>
-              <a-col :span="14">
-                <a-row :gutter="20">
-                  <a-col :span="8" v-for="(priceItem, subInd) in item.currentPrices" :key="subInd">
-                    <a-form-model-item :prop="'storeItemPriceDTOList.'+ ind +'.currentPrices.'+ subInd + '.price'" :rules="{required: true, message: `请输入【${priceItem.name}】单价`, trigger: 'blur'}">
-                      <a-input-number v-model="priceItem.price" :min="0" :max="999999" :placeholder="'【'+ priceItem.name +'】单价'" class="input-number-s" />
-                      <span class="unit">元</span>
-                    </a-form-model-item>
-                  </a-col>
-                </a-row>
-              </a-col>
-              <a-col :span="1">
-                <a-icon type="delete" title="删除" @click="delstoreItemPriceDTOList(ind)" :style="{ fontSize: '20px', color: 'red' }" />
-              </a-col>
-            </a-row>
-            <a-button type="dashed" @click="setTimeInterval" class="setTimeInterval"><a-icon type="plus" />添加时段</a-button>
-          </a-form-model-item>
-        </a-col>
-        <!-- 时段价格设置  end -->
-        <a-col :span="24">
-          <a-form-model-item label="路线指引" prop="guidance" :label-col="{ span: 3 }" :wrapper-col="{ span: 21 }">
-            <editor ref="editor" @on-change="editorChange" :cache="false" v-model="form.guidance"></editor>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="24">
-          <a-form-model-item label="温馨提示" prop="reminder" :label-col="{ span: 3 }" :wrapper-col="{ span: 21 }">
-            <a-textarea ref="reminder" v-model="form.reminder" :maxLength="128" :auto-size="{ minRows: 3, maxRows: 5 }" placeholder="请输入温馨提示,128个字以内" />
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="24">
-          <a-form-model-item :label-col="{ span: 3 }" :wrapper-col="{ span: 21 }" class="btn-cont">
-            <a-button type="primary" @click="onSubmit">保存</a-button>
-            <a-button class="cancel" @click="cancel">取消</a-button>
-          </a-form-model-item>
-        </a-col>
-      </a-row>
-    </a-form-model>
-    
-    <!-- 选择设备 -->
-    <choose-equipment
-      :openEquipmentModal="openEquipmentModal"
-      @close="closeChooseEquipment"
-    />
-    
-  </a-modal>
-</template>
-
-<script>
-  import { VSelect } from '@/components'
-  import ChooseEquipment from './ChooseEquipment.vue'
-  import Editor from '@/components/WEeditor'
-  import moment from 'moment'
-  import { getProvince, getCityByPro, getDistrictByCity } from '@/api/lookup'
-  import { itemQuery, storeSave, storeFind, findItem } from '@/api/car-wash'
-  export default{
-    name: 'AddCarWashModal',
-    components: { VSelect, Editor, ChooseEquipment },
-    props: {
-      openModal: {  //  弹框是否展示
-        type: Boolean,
-        default: false
-      },
-      pageType: {  //  页面类型
-        type: String,
-        default: ''
-      },
-      carWashId: {  //  网点id
-        type: String,
-        default: ''
-      }
-    },
-    data(){
-      return{
-        isShow: this.openModal,  //  弹框是否展示
-        form: {
-          name: '',  //  网点名称
-          addrProvince: undefined,  //  省  编码
-          addrProvinceName: '',  //  省
-          addrCity: undefined,  //  市  编码
-          addrCityName: '',  //  市
-          addrDistrict: undefined,  //  区  编码
-          addrDistrictName: '',  //  区
-          addrDetail: '',  //  详细地址
-          deviceDTOList: [],  //  设备序列号
-          featuredServiceLabel: '',  //  网点标签
-          lng: '',  //  经度
-          lat: '',  //  纬度
-          serviceType: [],  //  服务类型
-          beginTime: null,  //  营业时间开始时间
-          endTime: null,  //  营业时间结束时间
-          storeItemPriceDTOList: [],  //  时段价格
-          guidance: '',  //  路线指引
-          reminder: ''  //  温馨提示
-        },
-        rules: {
-          name: [
-            { required: true, message: '请输入网店名称', trigger: 'blur' }
-          ],
-          addrProvince: [
-            { required: true, message: '请选择所在省份', trigger: 'change' }
-          ],
-          addrCity: [
-            { required: true, message: '请选择所在市', trigger: 'change' }
-          ],
-          addrDistrict: [
-            { required: true, message: '请选择所在区县', trigger: 'change' }
-          ],
-          addrDetail: [
-            { required: true, message: '请输入详细地址', trigger: 'blur' }
-          ],
-          deviceDTOList: [
-            { required: true, message: '请选择设备', trigger: 'change' }
-          ],
-          lng: [
-            { required: true, message: '请输入经度', trigger: 'blur' }
-          ],
-          lat: [
-            { required: true, message: '请输入纬度', trigger: 'blur' }
-          ],
-          serviceType: [
-            { required: true, message: '请选择服务类型', trigger: 'change' }
-          ],
-          beginTime: [
-            { required: true, message: '请选择开始时间', trigger: 'change' }
-          ],
-          endTime: [
-            { required: true, message: '请选择结束时间', trigger: 'change' }
-          ],
-          storeItemPriceDTOList: [
-            { required: true, message: '请设置时段价格', trigger: 'change' }
-          ]
-        },
-        openEquipmentModal: false  ,//  选择设备  弹框展示状态
-        serviceType: [],  //  服务类型  change前的值
-        beginTime: null,  //  营业时间开始时间  change前的值
-        endTime: null,  //  营业时间结束时间  change前的值
-        subendTime: [],  //  时段价格  时段区间结束时间  change前的值
-        featuredServiceLabel: [],  //  网点标签
-        addrProvinceList: [],  //  省列表数据
-        addrCityList: [],  //  市列表数据
-        addrDistrictList: [],  //  区县列表数据
-        itemQueryList: [],  //  服务类型列表数据
-        deviceNo: '',  //  已选设备序列号
-      }
-    },
-    methods: {
-      moment,
-      // 文本编辑器  change
-      editorChange (html, text) {
-        this.form.guidance = html
-      },
-      // 网点详情
-      getCarWashInfo(id){
-        storeFind({ id: id }).then(res => {
-          if(res.status == 200){
-            // 查询门店的服务时段价格
-            findItem({ id: id }).then(result => {
-              if(result.status == 200){
-                let carWashInfo = Object.assign(res.data, {storeItemPriceDTOList: result.data})
-                this.setVal(carWashInfo)
-              }
-            })
-          }
-        })
-      },
-      //  表单赋值
-      setVal(item){
-        const _this = this
-        console.log(item)
-        let arr = [ 'id', 'name', 'addrProvince', 'addrProvinceName', 'addrCityName', 'addrDistrictName', 'featuredServiceLabel', 'lng', 'lat', 'serviceType', 'guidance', 'reminder' ]
-        arr.map(k => {
-          this.form[k] = item[k]
-        })
-        this.getCityList(item.addrProvince)  //  获取市区下拉数据
-        this.form.addrCity = item.addrCity  //  市区赋值
-        this.getAreaList(item.addrCity)  //  获取区县下拉数据
-        this.form.addrDistrict = item.addrDistrict  //  区县赋值
-        this.form.addrDetail = item.addrDetail  //  详细地址赋值
-        this.form.deviceDTOList = [{id: item.deviceVOList[0].id}]  //  设备
-        this.deviceNo = item.deviceVOList[0].deviceNo  //  设备序列号
-        this.featuredServiceLabel = item.featuredServiceLabel.split(',')  //  网点标签
-        this.form.beginTime = moment(item.beginTime, 'HH:mm')  //  营业时间  开始时间
-        this.form.endTime = moment(item.endTime, 'HH:mm')  //  营业时间  结束时间
-        this.setPeriodPrice(item.storeItemPriceDTOList)  // 时段价格
-        this.isShow ? this.$refs.editor.setHtml(item.guidance) : null  //  文本编辑器赋值
-      },
-      // 时段价格  赋值处理
-      setPeriodPrice(storeItemPriceDTOList){
-        let arrInd = 0
-        this.form.storeItemPriceDTOList = []
-        for (var key in storeItemPriceDTOList) {
-          if (storeItemPriceDTOList.hasOwnProperty(key)) {
-            this.form.storeItemPriceDTOList.push({
-              beginTime: moment(key.split(',')[0], 'HH:mm'),
-              endTime: moment(key.split(',')[1], 'HH:mm'),
-              currentPrices: []
-            })
-            let idArr = []
-            storeItemPriceDTOList[key].map((k, ind) => {
-              this.form.storeItemPriceDTOList[arrInd].currentPrices.push({ name: k.itemName, price: k.currentPrice, itemId: k.itemId })
-              idArr.push(k.itemId)
-            })
-            this.form.serviceType = idArr  //  服务类型
-            arrInd++
-          }
-        }
-      },
-      //  保存
-      onSubmit(){
-        const _this = this
-        _this.$refs.ruleForm.validate(valid => {
-          if (valid) {
-            let formData = JSON.parse(JSON.stringify(_this.form))
-            //  校验营业时间结束时间是否与时段价格一致
-            let endTime = formData.storeItemPriceDTOList[formData.storeItemPriceDTOList.length - 1].endTime
-            if(_this.timeFormat(formData.endTime) != _this.timeFormat(endTime)){
-              _this.$message.error('时段价格与营业时间不一致,请修改后再保存!')
-              return
-            }
-            formData.beginTime = _this.timeFormat(formData.beginTime)
-            formData.endTime = _this.timeFormat(formData.endTime)
-            let arr = []
-            formData.storeItemPriceDTOList.map(item => {
-              item.currentPrices.map(k => {
-                arr.push({
-                  beginTime: _this.timeFormat(item.beginTime),
-                  endTime: _this.timeFormat(item.endTime),
-                  itemId: k.itemId,
-                  name: k.name,
-                  currentPrice: k.price
-                })
-              })
-            })
-            formData.storeItemPriceDTOList = arr
-            //  提交前时间格式还需转换
-            delete formData.serviceType
-            storeSave(formData).then(res => {
-              if(res.status == 200){
-                _this.$message.success(res.message)
-                _this.$emit('success')
-              }else{
-                _this.$message.error(res.message)
-              }
-            })
-          } else {
-            return false
-          }
-        })
-      },
-      // 时间格式转换
-      timeFormat (time) {
-        const dateTime = new Date(time)
-        const hour = dateTime.getHours()
-        const minute = dateTime.getMinutes()
-        let timeStr = this.addZero(hour) + ':' + this.addZero(minute)
-        return timeStr
-      },
-      // 时间0补位
-      addZero (v) {
-        return v < 10 ? '0' + v : v
-      },
-      // 取消
-      cancel(){
-        this.resetForm()
-        this.isShow = false
-      },
-      // 重置表单数据
-      resetForm(){
-        this.serviceType = []  //  服务类型  change前的值
-        this.beginTime = null  //  营业时间开始时间  change前的值
-        this.endTime = null  //  营业时间结束时间  change前的值
-        this.subendTime = []  //  时段价格  时段区间结束时间  change前的值
-        this.featuredServiceLabel = []  //  网点标签
-        this.deviceNo = ''  //  已选设备序列号
-        // this.$refs.ruleForm.resetFields()    无效
-        this.form.id = null
-        this.form.name = ''  //  网点名称
-        this.form.addrProvince = undefined  //  省  编码
-        this.form.addrProvinceName = ''  //  省
-        this.form.addrCity = undefined  //  市  编码
-        this.form.addrCityName = ''  //  市
-        this.form.addrDistrict = undefined  //  区  编码
-        this.form.addrDistrictName = ''  //  区
-        this.form.addrDetail = ''  //  详细地址
-        this.form.deviceDTOList = []  //  设备序列号
-        this.form.featuredServiceLabel = ''  //  网点标签
-        this.form.lng = ''  //  经度
-        this.form.lat = ''  //  纬度
-        this.form.serviceType = []  //  服务类型
-        this.form.beginTime = null  //  营业时间开始时间
-        this.form.endTime = null  //  营业时间结束时间
-        this.form.storeItemPriceDTOList = []  //  时段价格
-        this.form.guidance = ''  //  路线指引
-        this.form.reminder = ''  //  温馨提示
-      },
-      // 是否重置时段价格 (更改服务类型、营业开始结束时间)
-      isResetstoreItemPriceDTOList(type, val){
-        console.log(type, val)
-        // type: serviceType  服务类型  beginTime  营业时间  开始时间  endTime  营业时间  结束时间
-        const _this = this
-        setTimeout(()=>{
-          if(_this.form.storeItemPriceDTOList.length != 0){
-            _this.$confirm({
-              title: '提示',
-              content: '更改后已设置的时段价格将会全部清空,确定要更改吗?',
-              onOk() {
-                type == 'serviceType' ? _this.serviceType = val : type == 'beginTime' ? _this.beginTime = val : _this.endTime = val
-                _this.form.storeItemPriceDTOList = []
-              },
-              onCancel() {
-                type == 'serviceType' ? _this.form.serviceType = _this.serviceType : type == 'beginTime' ? _this.form.beginTime = _this.beginTime : _this.form.endTime = _this.endTime
-              },
-            })
-          }else{
-            type == 'serviceType' ? _this.serviceType = val : type == 'beginTime' ? _this.beginTime = val : _this.endTime = val
-          }
-        },0)
-      },
-      // 是否重置时段价格 (更改时段价格区间结束时间)
-      isResetBelowstoreItemPriceDTOList(val, ind){
-        const _this = this
-        // 更改已设置过的时段时间(因为有下一个时段的前提是当前时段结束时间已设置)
-        if(this.form.storeItemPriceDTOList[ind + 1]){
-          _this.$confirm({
-            title: '提示',
-            content: '更改已设置过的时段区间,其之后的时段区间将会被清空,确定要更改吗?',
-            onOk() {
-              _this.subendTime[ind] = val
-              _this.form.storeItemPriceDTOList.splice(ind + 1, _this.form.storeItemPriceDTOList.length - Number(ind + 1))
-            },
-            onCancel() {
-              _this.form.storeItemPriceDTOList[ind].endTime = _this.subendTime[ind]
-            },
-          })
-        }else{
-          _this.subendTime[ind] = val
-        }
-      },
-      //  选择设备
-      closeChooseEquipment(val, no){
-        if(val){
-          this.form.deviceDTOList = [{id: val}]
-          this.deviceNo = no
-        }
-        this.openEquipmentModal = false
-      },
-      //  设置时段价格
-      setTimeInterval(){
-        if(this.form.serviceType.length == 0){
-          this.$message.error('请先选择服务类型')
-          return
-        }
-        if(!this.form.beginTime){
-          this.$message.error('请先选择营业时间开始时间')
-          return
-        }
-        if(!this.form.endTime){
-          this.$message.error('请先选择营业时间结束时间')
-          return
-        }
-        let arr = {}
-        // 时段价格开始时间
-        let timeStr = ''
-        if(this.form.storeItemPriceDTOList.length == 0){
-          timeStr = this.form.beginTime.format('HH:mm')
-        }else{
-          timeStr = this.form.storeItemPriceDTOList[this.form.storeItemPriceDTOList.length - 1].endTime
-          if(!timeStr){
-            this.$message.error('请先选择时段价格 - 第'+ this.form.storeItemPriceDTOList.length +'个时段的结束时间')
-            return
-          }
-        }
-        arr.beginTime = moment(timeStr, 'HH:mm')
-        arr.endTime = null
-        arr.currentPrices = []
-        this.form.serviceType.map((item, index) => {
-          let i = this.itemQueryList.findIndex(k => k.id == item)
-          arr.currentPrices.push({ name: this.itemQueryList[i].itemName, price: '', itemId: item })
-        })
-        this.form.storeItemPriceDTOList.push(arr)
-      },
-      // 删除时段价格
-      delstoreItemPriceDTOList(ind){
-        const _this = this
-        let msg = Number(ind + 1) == _this.form.storeItemPriceDTOList.length ? '确定要删除该时段吗?' : '确定要删除该时段以及其之后已设置的时段吗?'
-        _this.$confirm({
-          title: '提示',
-          content: msg,
-          onOk() {
-            _this.form.storeItemPriceDTOList.splice(ind, _this.form.storeItemPriceDTOList.length - ind)
-          }
-        })
-      },
-      // 网点标签  change
-      featuredServiceLabelChange(val){
-        this.form.featuredServiceLabel = val.join(',')
-      },
-      // 获取服务类型列表
-      getItemQuery(){
-        itemQuery({
-          pageNo: 1,
-          pageSize: 1000
-        }).then(res => {
-          if(res.status == 200){
-            this.itemQueryList = res.data.list || []
-          }else{
-            this.itemQueryList = []
-          }
-        })
-      },
-      // 获取省列表'
-      getProvinceList() {
-        const _this = this
-        getProvince().then(res => {
-          if (res.status == 200) {
-            _this.addrProvinceList = res.data || []
-          } else {
-            _this.addrProvinceList = []
-          }
-        })
-      },
-      // 获取城市列表
-      getCityList (val) {
-        this.addrCityList = []
-        this.addrDistrictList = []
-        this.form.addrCity = undefined
-        this.form.addrDistrict = undefined
-        this.form.addrDetail = ''
-        if (val == null || val == '') {
-          this.form.addrProvinceName = ''
-        } else {
-          for (let i = 0; i < this.addrProvinceList.length; i++) {
-            if (this.addrProvinceList[i].id == val) {
-              this.form.addrProvinceName = this.addrProvinceList[i].name
-              break
-            }
-          }
-          this.getCityListRequest(val)
-        }
-      },
-      getCityListRequest (val) {
-        const _this = this
-        getCityByPro({id: val}).then(res => {
-          if (res.status == 200) {
-            _this.addrCityList = res.data || []
-          } else {
-            _this.addrCityList = []
-          }
-        })
-      },
-      // 获取区县列表
-      getAreaList (val) {
-        this.addrDistrictList = []
-        this.form.addrDistrict = undefined
-        this.form.addrDetail = ''
-        if (val == null || val == '') {
-          this.form.addrCityName = ''
-        } else {
-          for (let i = 0; i < this.addrCityList.length; i++) {
-            if (this.addrCityList[i].id == val) {
-              this.form.addrCityName = this.addrCityList[i].name
-              break
-            }
-          }
-          this.getAreaListRequest(val)
-        }
-      },
-      getAreaListRequest (val) {
-        const _this = this
-        getDistrictByCity({id: val}).then(res => {
-          if (res.status == 200) {
-            _this.addrDistrictList = res.data || []
-          } else {
-            _this.addrDistrictList = []
-          }
-        })
-      },
-      // 区县变更
-      areaCharged (val) {
-        if (val == null || val == '') {
-          this.form.addrDistrictName = ''
-        } else {
-          for (let i = 0; i < this.addrDistrictList.length; i++) {
-            if (this.addrDistrictList[i].id == val) {
-              this.form.addrDistrictName = this.addrDistrictList[i].name
-              break
-            }
-          }
-        }
-        this.form.addrDetail = ''
-      }
-    },
-    watch: {
-      //  父页面传过来的弹框状态
-      openModal (newValue, oldValue) {
-        this.isShow = newValue
-      },
-      //  重定义的弹框状态
-      isShow (val){
-        if (!val){
-          this.$emit('close')
-        }else{
-          this.resetForm()  //  重置表单数据
-          this.getProvinceList()  //  获取省下拉
-          this.getItemQuery()  //  服务类型  列表
-        }
-      },
-      carWashId (newValue, oldValue){
-        console.log(newValue,'-----新增编辑')
-        if(newValue){
-          this.getCarWashInfo(newValue)
-        }
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .CarWashModal{
-    .default-form-item{
-      margin-bottom: 0;
-    }
-    .form-item-label{
-        display: inline-block;
-        cursor: pointer;
-    }
-    .form-item-required{
-      .ant-form-item-label{
-        label:before{
-          display: inline-block;
-          margin-right: 4px;
-          color: #f5222d;
-          font-size: 14px;
-          font-family: SimSun, sans-serif;
-          line-height: 1;
-          content: '*';
-        }
-      }
-    }
-    .small-btn{
-      background-color: #19be6b;
-      font-size: 13px;
-    }
-    .small-btn.ant-btn-primary:focus, .small-btn.ant-btn-primary:hover{
-      background-color: #19be6b;
-    }
-    .time-picker{
-      width: 100%;
-    }
-    .btn-cont{
-      text-align: center;
-      .cancel{
-        margin-left: 10px;
-      }
-    }
-    .setTimeInterval{
-      width: 40%;
-      color: #19be6b;
-    }
-    .input-number-all{
-      width: 100%;
-    }
-    .input-number-s{
-      width: 90%;
-    }
-    .unit{
-      display: inline-block;
-      width: 10%;
-      text-align: right;
-      padding-left: 5px;
-      box-sizing: border-box;
-    }
-  }
-</style>

+ 0 - 311
src/views/CarWashManagement/CarWashManagement.vue

@@ -1,311 +0,0 @@
-<template>
-  <a-card class="CarWashManagement" :bordered="false">
-    <!-- 搜索条件 -->
-    <div class="table-page-search-wrapper">
-      <a-form layout="inline">
-        <a-row :gutter="48">
-          <a-col :span="6">
-            <a-form-item class="search-item" label="网点名称">
-              <a-input v-model.trim="queryParam.name" placeholder="请输入网点名称" @pressEnter="$refs.table.refresh(true)" allowClear/>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item class="search-item" label="营业状态">
-              <v-select ref="businessStatus" allowClear placeholder="请选择营业状态" v-model="queryParam.businessStatus" code="STORE_BUSINESS_STATUS"></v-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item class="search-item" label="设备状态">
-              <v-select ref="deviceStatus" allowClear placeholder="请选择设备状态" v-model="queryParam.deviceDTO.deviceStatus" code="DEVICE_STATUS"></v-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item class="search-item" label="省">
-              <a-select v-model="queryParam.addrProvince" placeholder="请选择省" @change="getCityList" allowClear>
-                <a-select-option v-for="item in addrProvinceList" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item class="search-item" label="市">
-              <a-select v-model="queryParam.addrCity" placeholder="请选择市" @change="getAreaList" allowClear>
-                <a-select-option v-for="item in addrCityList" :key="item.id" :value="item.id">{{item.name}}</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-button type="primary" class="search-btn" @click="$refs.table.refresh(true)">查询</a-button>
-            <a-button type="" @click="reset">重置</a-button>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!-- 新建 -->
-    <div class="table-operator">
-      <a-button type="primary" icon="plus" @click="modalHandle('add')">新建</a-button>
-    </div>
-    <!-- 表格列表 -->
-    <s-table ref="table" size="default" rowKey="id" :columns="columns" :data="loadData" bordered >
-      <!-- 营业时间 -->
-      <template slot="businessHours" slot-scope="text, record">{{ record.beginTime.substr(0,5) + '-' + record.endTime.substr(0,5) }}</template>
-      <!-- 设备状态 -->
-      <template slot="deviceStatus" slot-scope="text, record">{{ record.deviceVOList ? $refs.deviceStatus.getNameByCode(record.deviceVOList[0].deviceStatus) : '-' }}</template>
-      <!-- 营业状态 -->
-      <template slot="businessStatus" slot-scope="text, record">{{ record.businessStatus ? $refs.businessStatus.getNameByCode(record.businessStatus) : '-' }}</template>
-      <!-- 操作 -->
-      <template slot="action" slot-scope="text, record">
-        <a-tooltip placement="left" trigger="click" overlayClassName="btn-cont">
-          <template slot="title">
-            <div class="btn-set-cont">
-              <p class="set-sub-btn normal"><a-icon type="check-circle" class="icon" />正常营业</p>
-              <p class="set-sub-btn suspension"><a-icon type="pause-circle" class="icon" />暂停营业</p>
-              <p class="set-sub-btn soon"><a-icon type="play-circle" class="icon" />即将开业</p>
-            </div>
-          </template>
-          <a-icon type="setting" title="设置" :style="{ fontSize: '20px', color: '#19be6b', padding: '0 10px' }" />
-        </a-tooltip>
-        <a-icon type="edit" title="编辑" @click="modalHandle('edit', record)" :style="{ fontSize: '20px', color: '#1890FF', padding: '0 10px' }" />
-        <a-icon type="eye" title="查看详情" @click="modalHandle('details', record)" :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }" />
-        <a-icon type="delete" title="删除" @click="del(record)" :style="{ fontSize: '20px', color: 'red', padding: '0 10px' }" />
-        <a-icon type="qrcode" title="查看小程序码" @click="isQrCodeModal=true" :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }" />
-      </template>
-    </s-table>
-    
-    <!-- 新增/编辑 洗车机 -->
-    <add-car-wash-modal
-      :openModal="openModal"
-      :pageType="pageType"
-      :carWashId="carWashId"
-      @success="carWashSubmit"
-      @close="openModal=false"
-    />
-    <!-- 查看详情 洗车机 -->
-    <details-car-wash-modal
-      :openModal="openDetailsModal"
-      :carWashId="carWashId"
-      @close="openDetailsModal=false"
-    />
-    <!-- 查看小程序码 -->
-    <a-modal class="qrCodeModal" title="查看小程序码" :width="500" :footer="null" :destroyOnClose="true" @cancel="isQrCodeModal=false" v-model="isQrCodeModal">
-      <img :src="qrCode" class="qrCode" />
-    </a-modal>
-  </a-card>
-</template>
-
-<script>
-  import { STable, VSelect } from '@/components'
-  import AddCarWashModal from './AddCarWashModal.vue'
-  import DetailsCarWashModal from './DetailsCarWashModal.vue'
-  import { getProvince, getCityByPro } from '@/api/lookup'
-  import { storeQuery, storeFind, findItem, storeDel } from '@/api/car-wash'
-  export default{
-    name: 'CarWashManagement',
-    components: { STable, VSelect, AddCarWashModal, DetailsCarWashModal },
-    data(){
-      return{
-        queryParam: {
-          name: '',  //  网点名称
-          businessStatus: '',  //  营业状态
-          deviceDTO: { deviceStatus: '' },  //  设备状态
-          addrProvince: undefined,  //  省
-          addrCity: undefined  //  市
-        },
-        columns: [
-          { title: '创建时间', dataIndex: 'createDate', width: '100', align: 'center' },
-          { title: '设备ID', dataIndex: 'deviceVOList[0].deviceNo', width: '100', align: 'center' },
-          { title: '网点名称', dataIndex: 'name', width: '100', align: 'center' },
-          { title: '省', dataIndex: 'addrProvinceName', width: '100', align: 'center' },
-          { title: '市', dataIndex: 'addrCityName', width: '100', align: 'center' },
-          { title: '地址', dataIndex: 'addrDetail', width: '100', align: 'center' },
-          { title: '营业时间', scopedSlots: {customRender: 'businessHours'}, width: '100', align: 'center' },
-          { title: '设备状态', scopedSlots: {customRender: 'deviceStatus'}, width: '100', align: 'center' },
-          { title: '营业状态', scopedSlots: {customRender: 'businessStatus'}, width: '100', align: 'center' },
-          { title: '操作', scopedSlots: {customRender: 'action'}, width: '265', align: 'center' }
-        ],
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          return storeQuery(Object.assign(parameter, this.queryParam)).then(res => {
-            const no = (res.data.pageNo - 1) * res.data.pageSize
-            for (let i = 0; i < res.data.list.length; i++) {
-              const _item = res.data.list[i]
-              _item.no = no + i + 1
-            }
-            return res.data
-          })
-        },
-        openModal: false,  //  新增/编辑 洗车机  弹框展示状态
-        pageType: '',  //  新增/编辑 洗车机  页面类型
-        openDetailsModal: false,  //  查看详情 洗车机  弹框展示状态
-        addrProvinceList: [],  //  省列表数据
-        addrCityList: [],  //  市列表数据
-        isQrCodeModal: false,  //  查看小程序码   弹框展示状态
-        qrCode: '',  //  小程序码
-        carWashId: '',  //  网点id
-      }
-    },
-    methods: {
-      //  新建/编辑/查看
-      modalHandle(type, item){
-        this.pageType = type
-        // this.carWashId = (type == 'edit' || type == 'details') ? String(item.id) : type == 'add' ? '' : ''
-        // type == 'add' || type == 'edit' ? this.openModal = true : this.openDetailsModal = true
-        if(type == 'add'){
-          this.carWashId = ''
-          this.openModal = true
-          this.openDetailsModal = false
-        }else if(type == 'edit'){
-          this.carWashId = String(item.id)
-          this.openModal = true
-          this.openDetailsModal = false
-        }else if(type == 'details'){
-          this.carWashId = String(item.id)
-          this.openDetailsModal = true
-          this.openModal = false
-        }
-      },
-      // 新增编辑  提交成功
-      carWashSubmit(){
-        this.$refs.table.refresh(true)
-        this.openModal = false
-      },
-      // 删除
-      del(item){
-        const _this = this
-        _this.$confirm({
-          title: '提示',
-          content: '确定要删除吗?',
-          onOk () {
-            storeDel({ id: item.id }).then(res => {
-              console.log(res)
-              if(res.status == 200){
-                _this.$message.success(res.message)
-                _this.$refs.table.refresh(true)
-              }else{
-                _this.$message.error(res.message)
-              }
-            })
-          }
-        })
-      },
-      //  重置
-      reset(){
-        this.queryParam = {
-          name: '',  //  网点名称
-          businessStatus: '',  //  营业状态
-          deviceDTO: { deviceStatus: '' },  //  设备状态
-          addrProvince: undefined,  //  省
-          addrCity: undefined  //  市
-        }
-        this.$refs.table.refresh(true)
-      },
-      // 获取省列表
-      getProvinceList() {
-        const _this = this
-        getProvince().then(res => {
-          if (res.status == 200) {
-            _this.addrProvinceList = res.data || []
-          } else {
-            _this.addrProvinceList = []
-          }
-        })
-      },
-      // 获取城市列表
-      getCityList (val) {
-        this.addrCityList = []
-        this.queryParam.addrCity = undefined
-        if (val == null || val == '') {
-          this.addrProvinceName = ''
-        } else {
-          for (let i = 0; i < this.addrProvinceList.length; i++) {
-            if (this.addrProvinceList[i].id == val) {
-              this.addrProvinceName = this.addrProvinceList[i].name
-              break
-            }
-          }
-          this.getCityListRequest(val)
-        }
-      },
-      getCityListRequest (val) {
-        getCityByPro({id: val}).then(res => {
-          if (res.status == 200) {
-            this.addrCityList = res.data || []
-          } else {
-            this.addrCityList = []
-          }
-        })
-      },
-      // 获取区县列表
-      getAreaList (val) {
-        if (val == null || val == '') {
-          this.addrCityName = ''
-        } else {
-          for (let i = 0; i < this.addrCityList.length; i++) {
-            if (this.addrCityList[i].id == val) {
-              this.addrCityName = this.addrCityList[i].name
-              break
-            }
-          }
-        }
-      }
-    },
-    mounted(){
-      //  获取省下拉
-      this.getProvinceList()
-    }
-  }
-</script>
-
-<style lang="less">
-  .CarWashManagement{
-    .table-page-search-wrapper{
-      .search-btn{
-        margin-right: 10px;
-      }
-    }
-    .qrCode{
-      display: block;
-      width: 100%;
-      max-width: 100%;
-    }
-  }
-  .btn-cont{
-    .ant-tooltip-inner{
-      background-color: #fff;
-    }
-    .ant-tooltip-arrow:before{
-      background-color: #fff;
-    }
-    .btn-set-cont{
-      .set-sub-btn{
-        padding: 5px 15px 6px;
-        font-size: 12px;
-        border: 1px dashed #dcdee2;
-        border-radius: 4px;
-        margin: 0;
-        cursor: pointer;
-      }
-      .normal{
-        color: rgb(0, 204, 0);
-        border-color: rgb(0, 204, 0);
-        .icon{
-          margin-right: 5px;
-        }
-      }
-      .suspension{
-        color: rgb(255, 85, 0);
-        border-color: rgb(255, 85, 0);
-        margin: 7px 0;
-        .icon{
-          margin-right: 5px;
-        }
-      }
-      .soon{
-        color: #2d8cf0;
-        border-color: #2d8cf0;
-        .icon{
-          margin-right: 5px;
-        }
-      }
-    }
-  }
-</style>

+ 0 - 146
src/views/CarWashManagement/ChooseEquipment.vue

@@ -1,146 +0,0 @@
-<template>
-  <a-modal class="CarWashEquipmentModal" title="选择设备" :width="600" :footer="null" :destroyOnClose="true" @cancel="modalIsShow=false" v-model="modalIsShow">
-    <a-input-search placeholder="请输入设备序列号" enter-button="查询" @search="onSearch" class="input-search" />
-    <a-radio-group v-model="equipment" @change="onChange" class="radio-group">
-      <a-radio :style="radioStyle" v-for="(item,index) in equipmentList" :key="index" :value="item.id" :disabled="item.binding==1">
-        <div class="radio-group-item">
-          <p class="item-label">{{item.deviceNo}}</p>
-          <p :class="['item-status', item.binding == 1 ? 'ybind' : '']">{{item.binding == 0 ? '绑定' : '已绑定'}}</p>
-        </div>
-      </a-radio>
-    </a-radio-group>
-    <!-- 分页 -->
-    <a-pagination class="pagination-s" show-size-changer :current="pageNo" :pageSize.sync="pageSize" :total="total" @showSizeChange="onShowSizeChange" @change="onShowPageChange" />
-  </a-modal>
-</template>
-
-<script>
-  import { deviceQuery } from '@/api/car-wash'
-  export default{
-    name: 'ChooseEquipment',
-    props: {
-      openEquipmentModal: {  //  弹框是否展示
-        type: Boolean,
-        default: false
-      },
-    },
-    data(){
-      return{
-        modalIsShow: this.openEquipmentModal,  //  弹框是否展示
-        searchVal: '',  // 查询条件
-        radioStyle: {  //  设备选项样式
-          display: 'flex',
-          alignItems: 'center',
-          width: '100%',
-          border: '1px solid #e4e4e4',
-          borderRadius: '6px',
-          padding: '10px 15px',
-          marginTop: '15px'
-        },
-        equipment: null,  //  选中的设备 id
-        equipmentNo: '',  //  选中的设备   序列号
-        equipmentList: [],  //  设备数据列表
-        pageNo: 1,  //  页码
-        pageSize: 10,  //  每页条数
-        total: 0,  //  列表总条数
-      }
-    },
-    methods: {
-      // 设备列表
-      getEquipmentList(pageNo){
-        pageNo ? this.pageNo = pageNo : null
-        deviceQuery({
-          pageNo: this.pageNo,
-          pageSize: this.pageSize,
-          deviceNo: this.searchVal,
-        }).then(res => {
-          if(res.status == 200){
-            this.equipmentList = res.data.list || []
-            this.total = res.data.count
-          }else{
-            this.equipmentList = []
-            this.total = 0
-          }
-        })
-      },
-      //  查询
-      onSearch(value) {
-        this.searchVal = value
-        this.getEquipmentList(1)
-      },
-      // 设备  change
-      onChange(e) {
-        const _this = this
-        _this.equipment = e.target.value
-        let i = _this.equipmentList.findIndex(item => item.id == _this.equipment)
-        _this.equipmentNo = _this.equipmentList[i].deviceNo
-        setTimeout(()=>{
-          _this.modalIsShow = false
-        },300)
-      },
-      //  页码  change
-      onShowPageChange(page, pageSize){
-        this.pageNo = page
-        this.getEquipmentList()
-      },
-      //  pageSize 变化的回调
-      onShowSizeChange(current, size){
-        this.pageSize = size
-        this.getEquipmentList()
-      }
-    },
-    watch: {
-      //  父页面传过来的弹框状态
-      openEquipmentModal (newValue, oldValue) {
-        this.modalIsShow = newValue
-      },
-      //  重定义的弹框状态
-      modalIsShow (val){
-        if (!val){
-          this.$emit('close', this.equipment, this.equipmentNo)
-        }else{
-          this.getEquipmentList(1)
-        }
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .CarWashEquipmentModal{
-    .input-search{
-      margin-bottom: 15px;
-    }
-    .radio-group{
-      display: block;
-      width: 100%;
-      .ant-radio-wrapper{
-        .ant-radio{
-          width: 16px;
-        }
-        span:nth-child(2){
-          width: 100%;
-        }
-      }
-      .radio-group-item{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        .item-label{
-          margin: 0;
-        }
-        .item-status{
-          margin: 0;
-          font-size: 12px;
-          color: #19be6b;
-        }
-        .item-status.ybind{
-          color: #ff9900;
-        }
-      }
-    }
-    .pagination-s{
-      margin-top: 20px;
-    }
-  }
-</style>

+ 0 - 239
src/views/CarWashManagement/DetailsCarWashModal.vue

@@ -1,239 +0,0 @@
-<template>
-  <div class="DetailsCarWash">
-    <a-modal class="DetailsCarWashModal" title="查看详情" :width="1000" :footer="null" :destroyOnClose="true" @cancel="isShow=false" v-model="isShow">
-      <v-select v-show="false" ref="featuredServiceLabel" placeholder="请选择网点标签" code="STORE_LABEL"></v-select>
-      <a-row :gutter="20">
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">网点名称:</p>
-          <p class="item-main">{{ carWashInfo.name }}</p>
-        </a-col>
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">地址:</p>
-          <p class="item-main">{{ carWashInfo.addrProvinceName }} - {{ carWashInfo.addrCityName }} - {{ carWashInfo.addrDistrictName }}</p>
-        </a-col>
-        <a-col :span="24" class="item-cont">
-          <p class="item-label">详细地址:</p>
-          <p class="item-main">{{ carWashInfo.addrDetail }}</p>
-        </a-col>
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">设备ID:</p>
-          <p class="item-main">{{ carWashInfo.deviceVOList ? carWashInfo.deviceVOList[0].deviceNo : '' }}</p>
-        </a-col>
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">网点标签:</p>
-          <p class="item-main">
-            <a-tag color="blue" v-for="(item, index) in labelList" :ket="index">{{ item }}</a-tag>
-          </p>
-        </a-col>
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">经度:</p>
-          <p class="item-main">{{ carWashInfo.lng }}</p>
-        </a-col>
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">纬度:</p>
-          <p class="item-main">{{ carWashInfo.lat }}</p>
-        </a-col>
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">服务类型:</p>
-          <p class="item-main">
-            <a-tag color="blue" v-for="(item, index) in serviceType" :key="index">{{ item }}</a-tag>
-          </p>
-        </a-col>
-        <a-col :span="12" class="item-cont">
-          <p class="item-label">营业时间:</p>
-          <p class="item-main">{{ carWashInfo.beginTime ? carWashInfo.beginTime.substr(0,5) : null }} - {{ carWashInfo.endTime ? carWashInfo.endTime.substr(0,5) : null }}</p>
-        </a-col>
-        <a-col :span="24" class="item-cont">
-          <p class="item-label">时段价格:</p>
-          <div class="item-main period-price-con">
-            <div class="item-period" v-for="(item, index) in storeItemPriceDTOList" :key="index">
-              <p class="period" :style="{width: 100/(item.currentPrices.length + 1) + '%'}">{{ item.beginTime }} - {{ item.endTime }}</p>
-              <p class="period-price" :style="{width: 100/(item.currentPrices.length + 1) + '%'}" v-for="(subItem, ind) in item.currentPrices" :key="ind">{{ subItem.name }}:<strong class="price">{{ subItem.price }}</strong><span class="price-unit">元</span></p>
-            </div>
-          </div>
-        </a-col>
-        <a-col :span="24" class="item-cont">
-          <p class="item-label">路段指引:</p>
-          <p class="item-main" v-html="carWashInfo.guidance"></p>
-        </a-col>
-        <a-col :span="24" class="item-cont">
-          <p class="item-label">温馨提示:</p>
-          <p class="item-main">{{ carWashInfo.reminder }}</p>
-        </a-col>
-        <a-col :span="24" class="item-cont">
-          <p class="item-label">现场照片:</p>
-          <p class="item-main">
-            <img src="../../assets/avatar2.jpg" class="small-pic" @click="isPicModal=true" />
-          </p>
-        </a-col>
-        <a-col :span="24" class="btn-cont">
-          <a-button @click="isShow=false">取消</a-button>
-        </a-col>
-      </a-row>
-    </a-modal>
-    
-    <!-- 查看现场照片 -->
-    <a-modal class="picModal" title="查看现场照片" :width="800" :footer="null" :destroyOnClose="true" @cancel="isPicModal=false" v-model="isPicModal">
-      <img :src="pic" class="pic" />
-    </a-modal>
-  </div>
-</template>
-
-<script>
-  import { VSelect } from '@/components'
-  import moment from 'moment'
-  import { storeFind, findItem } from '@/api/car-wash'
-  export default{
-    name: 'DetailsCarWashModal',
-    components: { VSelect },
-    props: {
-      openModal: {  //  弹框是否展示
-        type: Boolean,
-        default: false
-      },
-      carWashId: {  //  网点id
-        type: String,
-        default: ''
-      }
-    },
-    data(){
-      return{
-        isShow: this.openModal,  //  弹框是否展示
-        labelList: [],  //  网点标签
-        isPicModal: false,  //  现场照片  弹框是否展示
-        pic: require('../../assets/avatar2.jpg'),  //  现场照片  路径
-        carWashInfo: {}  ,//  网点信息
-        serviceType: [],  //  服务类型
-        storeItemPriceDTOList: [],  //  时段价格
-      }
-    },
-    methods: {
-      // 网点详情
-      getCarWashInfo(id){
-        storeFind({ id: id }).then(res => {
-          if(res.status == 200){
-            // 查询门店的服务时段价格
-            findItem({ id: id }).then(result => {
-              if(result.status == 200){
-                this.carWashInfo = Object.assign(res.data, {storeItemPriceDTOList: result.data})
-                console.log(this.carWashInfo)
-                this.setVal()
-              }
-            })
-          }
-        })
-      },
-      //  赋值
-      setVal(){
-        const _this = this
-        // 网点标签
-        setTimeout(()=>{
-          let featuredServiceLabel = this.carWashInfo.featuredServiceLabel.split(',')
-          let arr = []
-          featuredServiceLabel.map(k => {
-            arr.push(_this.$refs.featuredServiceLabel.getNameByCode(k))
-          })
-          _this.labelList = arr
-        },0)
-        // 时段价格
-        console.log(this.carWashInfo)
-        this.setPeriodPrice(this.carWashInfo.storeItemPriceDTOList)
-      },
-      // 时段价格  赋值处理
-      setPeriodPrice(storeItemPriceDTOList){
-        let arrInd = 0
-        this.storeItemPriceDTOList = []
-        for (var key in storeItemPriceDTOList) {
-          if (storeItemPriceDTOList.hasOwnProperty(key)) {
-            this.storeItemPriceDTOList.push({
-              beginTime: key.split(',')[0],
-              endTime: key.split(',')[1],
-              currentPrices: []
-            })
-            let idArr = []
-            storeItemPriceDTOList[key].map((k, ind) => {
-              this.storeItemPriceDTOList[arrInd].currentPrices.push({ name: k.itemName, price: k.currentPrice, itemId: k.itemId })
-              idArr.push(k.itemName)
-            })
-            this.serviceType = idArr  //  服务类型
-            arrInd++
-          }
-        }
-        console.log(this.storeItemPriceDTOList)
-        console.log(this.serviceType)
-      },
-    },
-    watch: {
-      //  父页面传过来的弹框状态
-      openModal (newValue, oldValue) {
-        this.isShow = newValue
-      },
-      //  重定义的弹框状态
-      isShow (val){
-        if (!val){
-          this.$emit('close')
-        }
-      },
-      carWashId (newValue, oldValue){
-        if(newValue){
-          this.getCarWashInfo(newValue)
-        }
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .DetailsCarWashModal{
-    p{
-      margin: 0;
-    }
-    .item-cont{
-      margin-bottom: 24px;
-      display: flex;
-      align-items: center;
-      .item-label{
-        width: 115px;
-        font-size: 14px;
-        color: rgba(0, 0, 0, 0.85);
-        text-align: right;
-        flex-shrink: 0;
-      }
-      .item-main{
-        flex-grow: 1;
-      }
-      .period-price-con{
-        border-bottom: 1px solid #e8e8e8;
-      }
-      .item-period{
-        display: flex;
-        align-items: center;
-        justify-content: space-evenly;
-        flex-grow: 1;
-        border: 1px solid #e8e8e8;
-        border-width: 1px 1px 0;
-        text-align: center;
-        .period, .period-price{
-          padding: 5px 0;
-          border-right: 1px solid #e8e8e8;
-        }
-        .period-price:last-child{
-          border-right: none;
-        }
-      }
-    }
-    .btn-cont{
-      text-align: center;
-    }
-    .small-pic{
-      display: block;
-      cursor: zoom-in;
-      width: 300px;
-    }
-  }
-  .pic{
-    display: block;
-    max-width: 100%;
-    margin: 0 auto;
-  }
-</style>

+ 0 - 336
src/views/CouponCenter/AddCouponModal.vue

@@ -1,336 +0,0 @@
-<template>
-  <a-modal class="CouponModal" :title="mtitle" :width="1020" :footer="null" :destroyOnClose="true" @cancel="isShow=false" v-model="isShow">
-    <!-- 表单 -->
-    <a-form-model ref="ruleForm" :model="form" :rules="rules" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
-      <a-row>
-        <a-col :span="24">
-          <div class="c-title">
-            基本信息
-            <a-divider type="vertical" class="bold-divider" />
-          </div>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="优惠券名称" prop="name">
-            <a-input v-model="form.name" :maxLength="20" placeholder="请输入优惠券名称,20个字以内" />
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="发放总量" prop="name">
-            <a-row :gutter="20">
-              <a-col :span="7">
-                <a-select v-model="form.isQuota" placeholder="请选择">
-                  <a-select-option :value="item.code" v-for="(item, index) in isFlagList" :key="index">{{item.code == '0' ? '不限' : '限制'}}</a-select-option>
-                </a-select>
-              </a-col>
-              <a-col :span="17" v-show="form.isQuota == '1'">
-                <a-input-number v-model="form.quota" :min="0" :max="999999" placeholder="请输入限制发放份数, 0-999999" class="input-number-s" />
-                <span class="unit">份</span>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="优惠券类型" prop="couponType">
-            <!-- <v-select ref="couponType" v-model="form.couponType" showArrow placeholder="请选择优惠券类型" code="CHECK_ENABLE_STATE"></v-select> -->
-            <a-select v-model="form.couponType" placeholder="请选择">
-              <a-select-option :value="item.code" v-for="(item, index) in couponTypeList" :key="index">{{item.dispName}}</a-select-option>
-            </a-select>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="优惠券面额" prop="name">
-            <a-input-number v-model="form.quota" :min="0" :max="999999" placeholder="请输入优惠券面额, 0-999999" class="input-number-s" />
-            <span class="unit">元</span>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="是否限额使用" prop="name">
-            <a-select v-model="form.isQuota" placeholder="请选择">
-              <a-select-option :value="item.code" v-for="(item, index) in isFlagList" :key="index">{{item.dispName}}</a-select-option>
-            </a-select>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="24">
-          <a-form-model-item label="优惠券说明" prop="name" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
-            <a-textarea v-model="form.name" :maxLength="256" :auto-size="{ minRows: 3, maxRows: 5 }" placeholder="请输入优惠券说明,256个字以内" />
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="24">
-          <div class="c-title">
-            领用规则
-            <a-divider type="vertical" class="bold-divider" />
-          </div>
-        </a-col>
-        <a-col :span="24">
-          <a-form-model-item label="持卡会员" prop="name" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
-            <a-row :gutter="20">
-              <a-col :span="6">
-                <a-select v-model="form.isQuota" placeholder="请选择">
-                  <a-select-option :value="item.code" v-for="(item, index) in isFlagList" :key="index">{{item.code == '0' ? '不限领' : '限领'}}</a-select-option>
-                </a-select>
-              </a-col>
-              <a-col :span="16">
-                <a-row>
-                  <a-col :span="10">
-                    <a-input-number v-model="form.quota" :min="0" :max="999999" placeholder="请输入限领份数, 0-999999" class="input-number-s" />
-                  </a-col>
-                  <a-col :span="3">
-                    份/每
-                  </a-col>
-                  <a-col :span="6">
-                    <a-select v-model="form.restrictedUnit" placeholder="请选择">
-                      <a-select-option :value="item.code" v-for="(item, index) in isUnitList" :key="index">{{item.dispName}}</a-select-option>
-                    </a-select>
-                  </a-col>
-                </a-row>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="24">
-          <a-form-model-item label="未持卡会员" prop="name" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
-            <a-row :gutter="20">
-              <a-col :span="6">
-                <a-select v-model="form.isQuota" placeholder="请选择">
-                  <a-select-option :value="item.code" v-for="(item, index) in isFlagList" :key="index">{{item.code == '0' ? '不限领' : '限领'}}</a-select-option>
-                </a-select>
-              </a-col>
-              <a-col :span="16">
-                <a-row>
-                  <a-col :span="10">
-                    <a-input-number v-model="form.quota" :min="0" :max="999999" placeholder="请输入限领份数, 0-999999" class="input-number-s" />
-                  </a-col>
-                  <a-col :span="3">
-                    份/每
-                  </a-col>
-                  <a-col :span="6">
-                    <a-select v-model="form.restrictedUnit" placeholder="请选择">
-                      <a-select-option :value="item.code" v-for="(item, index) in isUnitList" :key="index">{{item.dispName}}</a-select-option>
-                    </a-select>
-                  </a-col>
-                </a-row>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="有效期" prop="name">
-            <a-row :gutter="20">
-              <a-col :span="9">
-                <a-select v-model="form.validType" placeholder="请选择">
-                  <a-select-option :value="item.code" v-for="(item, index) in couponValidityList" :key="index">{{item.dispName}}</a-select-option>
-                </a-select>
-              </a-col>
-              <a-col :span="15" v-show="form.validType == 'ABSOLUTE'">
-                <a-range-picker @change="validDateChange" :disabled-date="disabledDate" format="YYYY-MM-DD" />
-              </a-col>
-              <a-col :span="15" v-show="form.validType == 'RELATIVE'">
-                <a-row>
-                  <a-col :span="16">
-                    <a-input-number v-model="form.quota" :min="0" :max="999999" placeholder="请输入" class="input-number-s" />
-                  </a-col>
-                  <a-col :span="8">天内有效</a-col>
-                </a-row>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="是否允许优惠叠加" prop="name">
-            <a-select v-model="form.isQuota" placeholder="请选择">
-              <a-select-option :value="item.code" v-for="(item, index) in isFlagList" :key="index">{{item.dispName}}</a-select-option>
-            </a-select>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="适用洗车类型" prop="name">
-            <v-select ref="serviceType" v-model="form.isQuota" showArrow mode="multiple" placeholder="请选择适用洗车类型" code="CHECK_ENABLE_STATE"></v-select>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-model-item label="适用洗车网点" prop="isOutletsLimit">
-            <a-row :gutter="20">
-              <a-col :span="12">
-                <a-select v-model="form.isOutletsLimit" placeholder="请选择">
-                  <a-select-option :value="item.code" v-for="(item, index) in isAllList" :key="index">{{item.dispName}}</a-select-option>
-                </a-select>
-              </a-col>
-              <a-col :span="12" v-show="form.isOutletsLimit == 1">
-                <a-row :gutter="20">
-                  <a-col :span="12">
-                    已选 <strong>4</strong> 个
-                  </a-col>
-                  <a-col :span="12">
-                    <a-button type="primary" size="small" class="small-btn" @click="openOutletsModal=true">选择</a-button>
-                  </a-col>
-                </a-row>
-              </a-col>
-            </a-row>
-          </a-form-model-item>
-        </a-col>
-        <a-col :span="24">
-          <a-form-model-item :label-col="{ span: 0 }" :wrapper-col="{ span: 24 }" class="btn-cont">
-            <a-button type="primary" @click="onSubmit('ruleForm')">保存</a-button>
-            <a-button class="resetForm" @click="resetForm">取消</a-button>
-          </a-form-model-item>
-        </a-col>
-      </a-row>
-    </a-form-model>
-    
-    <!-- 选择网点 -->
-    <choose-outlets
-      :openOutletsModal="openOutletsModal"
-      @close="closeChooseOutlets"
-    />
-    
-  </a-modal>
-</template>
-
-<script>
-  import { VSelect } from '@/components'
-  import moment from 'moment'
-  import ChooseOutlets from './ChooseOutlets.vue'
-  export default{
-    name: 'AddCouponModal',
-    components: { VSelect, ChooseOutlets },
-    props: {
-      openModal: {  //  弹框是否展示
-        type: Boolean,
-        default: false
-      },
-      mtitle: {  //  弹框标题
-        type: String,
-        default: ''
-      }
-    },
-    data(){
-      return{
-        isShow: this.openModal,  //  弹框是否展示
-        form: {
-          name: '',  //  优惠券名称
-          isQuota: '0',  //  发放总量  不限,限制
-          quota: '',  //  发放总量  份数
-          couponType: 'VOUCHER',  //  优惠券类型
-          restrictedUnit: '0',  //  限领单位     自然月
-          validType: 'NONE', //  有效期类型:ABSOLUTE绝对时效(时间区间)/RELATIVE相对时效(领取后多少天内有效)/NONE不限制
-          startTime: '', //  有效期 开始
-          endTime: '', //  有效期 结束
-          validDate: '', //  有效期有效时长  (领取后多少天内有效)
-          isOutletsLimit: '0',  //  适用洗车网点限制   0全部(不限)  1部分(限制)
-        },
-        rules: {
-          name: [
-            { required: true, message: '请输入优惠券名称', trigger: 'blur' }
-          ]
-        },
-        isFlagList: [ //  是否  下拉数据列表
-          {dispName: '是', code: '1'},
-          {dispName: '否', code: '0'}
-        ],
-        couponTypeList: [ //  优惠券类型数据列表
-          {dispName: '满减券', code: 'FULLSUB'},
-          {dispName: '代金券', code: 'VOUCHER'}
-        ],
-        isUnitList: [  //  限领份数单位  下拉数据列表
-          {dispName: '自然月', code: '0'},
-        ],
-        couponValidityList: [ //  有效期  下拉数据列表
-          {dispName: '不限', code: 'NONE'},
-          {dispName: '固定日期', code: 'ABSOLUTE'},
-          {dispName: '领取后', code: 'RELATIVE'}
-        ],
-        isAllList: [ //  适用洗车网点  全部 部分 下拉数据列表
-          {dispName: '全部', code: '0'},
-          {dispName: '部分', code: '1'}
-        ],
-        openOutletsModal: false  ,//  选择网点  弹框展示状态
-      }
-    },
-    methods: {
-      moment,
-      range(start, end) {
-        const result = []
-        for (let i = start; i < end; i++) {
-          result.push(i)
-        }
-        return result
-      },
-      //  有效期  固定日期  禁用范围
-      disabledDate(current) {
-        // 不能选择今天之前的日期
-        return current && current < moment().subtract(1, 'days')
-      },
-      //  有效期  固定日期  change
-      validDateChange(date, dateString){
-        console.log(date, dateString)
-      },
-      //  保存
-      onSubmit(formName){
-        console.log(this.form, '表单数据')
-        this.$refs[formName].validate(valid => {
-          if (valid) {
-            let formData = JSON.parse(JSON.stringify(this.form))
-            
-            //  提交前时间格式还需转换
-            console.log(formData,'-----提交的表单数据')
-          } else {
-            return false
-          }
-        })
-      },
-      // 取消
-      resetForm(){
-        this.$refs.ruleForm.resetFields()
-        this.isShow = false
-      },
-      //  选择网点
-      closeChooseOutlets(val, name){
-        // if(val){
-        //   this.form.equipment = val
-        //   this.equipmentName = name
-        // }
-        this.openOutletsModal = false
-      },
-    },
-    watch: {
-      //  父页面传过来的弹框状态
-      openModal (newValue, oldValue) {
-        this.isShow = newValue
-      },
-      //  重定义的弹框状态
-      isShow (val){
-        if (!val){
-          this.$emit('close')
-        }
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .CouponModal{
-    .c-title{
-      padding: 0 0 10px;
-      margin-bottom: 20px;
-      border-bottom: 1px solid #e8e8e8;
-      .bold-divider{
-        width: 3px;
-        background-color: #1890ff;
-      }
-    }
-    .input-number-s{
-      width: 90%;
-    }
-    .unit{
-      display: inline-block;
-      width: 10%;
-      text-align: right;
-    }
-    .btn-cont{
-      text-align: center;
-      .resetForm{
-        margin-left: 10px;
-      }
-    }
-  }
-</style>

+ 0 - 81
src/views/CouponCenter/ChooseOutlets.vue

@@ -1,81 +0,0 @@
-<template>
-  <a-modal class="CouponOutletsModal" title="选择网点" :width="600" :footer="null" :destroyOnClose="true" @cancel="modalIsShow=false" v-model="modalIsShow">
-    <a-input-search placeholder="请输入网点名称" enter-button="查询" @search="onSearch" class="input-search" />
-    <a-checkbox-group @change="onChange" class="checkbox-group">
-      <a-checkbox value="A" class="checkbox-item">A</a-checkbox>
-      <a-checkbox value="B" class="checkbox-item">B</a-checkbox>
-      <a-checkbox value="C" class="checkbox-item">C</a-checkbox>
-      <a-checkbox value="D" class="checkbox-item">D</a-checkbox>
-    </a-checkbox-group>
-  </a-modal>
-</template>
-
-<script>
-  export default{
-    name: 'ChooseOutlets',
-    props: {
-      openOutletsModal: {  //  弹框是否展示
-        type: Boolean,
-        default: false
-      },
-    },
-    data(){
-      return{
-        modalIsShow: this.openEquipmentModal,  //  弹框是否展示
-        checkedList: [],  //  选中的网点
-        outletsDataList: [  //  网点列表数据
-          { name: '网点1', value: '1' },
-          { name: '网点2', value: '2' },
-          { name: '网点3', value: '3' },
-          { name: '网点4', value: '4' },
-          { name: '网点5', value: '5' },
-          { name: '网点6', value: '6' },
-        ]
-      }
-    },
-    methods: {
-      //  查询
-      onSearch(value) {
-        console.log(value)
-      },
-      //  多选框 change
-      onChange(e){
-        console.log(e)
-        this.checkedList = e
-      },
-    },
-    watch: {
-      //  父页面传过来的弹框状态
-      openOutletsModal (newValue, oldValue) {
-        this.modalIsShow = newValue
-      },
-      //  重定义的弹框状态
-      modalIsShow (val){
-        if (!val){
-          this.$emit('close')
-        }
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .CouponOutletsModal{
-    .input-search{
-      margin-bottom: 15px;
-    }
-    .checkbox-group{
-      display: block;
-      .checkbox-item{
-        display: block;
-        margin: 15px 0 0;
-        padding: 10px 15px;
-        border: 1px solid rgb(228, 228, 228);
-        border-radius: 6px;
-        .ant-checkbox{
-          display: none;
-        }
-      }
-    }
-  }
-</style>

+ 0 - 131
src/views/CouponCenter/CreateCoupons.vue

@@ -1,131 +0,0 @@
-<template>
-  <a-card class="CreateCoupons" :bordered="false">
-    <!-- 搜索条件 -->
-    <div class="table-page-search-wrapper">
-      <a-form layout="inline">
-        <a-row :gutter="48">
-          <a-col :span="6">
-            <a-form-item class="search-item" label="优惠券名称">
-              <a-input v-model.trim="queryParam.name" placeholder="请输入优惠券名称" allowClear/>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item class="search-item" label="优惠券类型">
-              <v-select ref="yyzt" allowClear placeholder="请选择优惠券类型" v-model="queryParam.type" code="CHECK_ENABLE_STATE"></v-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-button type="primary" class="search-btn" @click="$refs.table.refresh(true)">查询</a-button>
-            <a-button type="" @click="reset">重置</a-button>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!-- 新建 -->
-    <div class="table-operator">
-      <a-button type="primary" icon="plus" @click="modalHandle('add')">新建</a-button>
-    </div>
-    <!-- 表格列表 -->
-    <s-table ref="table" size="default" rowKey="id" :columns="columns" :data="loadData" bordered >
-      <!-- 操作 -->
-      <template slot="action" slot-scope="text, record">
-        <a-icon type="edit" title="编辑" :style="{ fontSize: '20px', color: '#1890FF', padding: '0 10px' }" />
-        <a-icon type="eye" title="查看详情" @click="openDetailsModal=true" :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }" />
-        <a-icon type="delete" title="删除" @click="del(record)" :style="{ fontSize: '20px', color: 'red', padding: '0 10px' }" />
-      </template>
-    </s-table>
-    
-    <!-- 新增/编辑 优惠券 -->
-    <add-coupon-modal
-      :openModal="openModal"
-      :mtitle="mtitle"
-      @close="openModal=false"
-    />
-    
-  </a-card>
-</template>
-
-<script>
-  import { STable, VSelect } from '@/components'
-  import AddCouponModal from './AddCouponModal.vue'
-  export default{
-    name: 'CreateCoupons',
-    components: { STable, VSelect, AddCouponModal },
-    data(){
-      return{
-        queryParam: {
-          name: '',  //  优惠券名称
-          type: '',  //  优惠券类型
-        },
-        columns: [
-          { title: '序号', dataIndex: 'index', width: '100', align: 'center' },
-          { title: '创建时间', dataIndex: 'createDate', width: '100', align: 'center' },
-          { title: '优惠券名称', dataIndex: 'name', width: '100', align: 'center' },
-          { title: '到期时间', dataIndex: 'endDate', width: '100', align: 'center' },
-          { title: '类型', dataIndex: 'couponType', width: '100', align: 'center' },
-          { title: '状态', dataIndex: 'status', width: '100', align: 'center' },
-          { title: '操作', scopedSlots: {customRender: 'action'}, width: '200', align: 'center' }
-        ],
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          // return activeList(Object.assign(parameter, this.queryParam)).then(res => {
-          //   const no = (res.data.pageNo - 1) * res.data.pageSize
-          //   for (let i = 0; i < res.data.list.length; i++) {
-          //     const _item = res.data.list[i]
-          //     _item.no = no + i + 1
-          //     _item.releaseStatus = _item.releaseStatus + '' === 'FB'
-          //   }
-          //   return res.data
-          // })
-          // let data = [
-          //   { createDate: '2020-07-31 15:09', equipment: 'ID585787887', name: '网点A', addrProvince: '陕西省', addrCity: '西安市', addrDetail: '华帝金座', businessHours: '8:30 - 22:00', equipmentStatus: '在线', businessStatus: '正常营业', wechatCode: '' },
-          //   { createDate: '2020-07-31 15:09', equipment: 'ID585787887', name: '网点A', addrProvince: '陕西省', addrCity: '西安市', addrDetail: '华帝金座', businessHours: '8:30 - 22:00', equipmentStatus: '在线', businessStatus: '正常营业', wechatCode: '' },
-          //   { createDate: '2020-07-31 15:09', equipment: 'ID585787887', name: '网点A', addrProvince: '陕西省', addrCity: '西安市', addrDetail: '华帝金座', businessHours: '8:30 - 22:00', equipmentStatus: '在线', businessStatus: '正常营业', wechatCode: '' },
-          // ]
-          // return new Promise((resolve, reject) => {
-          //   resolve(data)
-          // }).catch(() => console.log('Oops errors!'))
-        },
-        openModal: false,  //  新增/编辑 优惠券  弹框展示状态
-        mtitle: '',  //  新增/编辑 优惠券  弹框标题
-        openDetailsModal: false,  //  查看详情 优惠券  弹框展示状态
-      }
-    },
-    methods: {
-      //  新建
-      modalHandle(type){
-        this.mtitle = type == 'add' ? '新增' : '编辑'
-        this.openModal = true
-      },
-      // 删除
-      del(item){
-        console.log(item)
-        this.$confirm({
-          title: '提示',
-          content: '确定要删除吗?',
-          onOk () {
-            
-          }
-        })
-      },
-      //  重置
-      reset(){
-        this.queryParam = {
-          name: '',  //  优惠券名称
-          type: '',  //  优惠券类型
-        }
-        this.$refs.table.refresh(true)
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .CreateCoupons{
-    .table-page-search-wrapper{
-      .search-btn{
-        margin-right: 10px;
-      }
-    }
-  }
-</style>

+ 0 - 146
src/views/CouponStatistics/CouponStatisticsDetail.vue

@@ -1,146 +0,0 @@
-<template>
-  <a-card :bordered="false">
-    <!-- 搜索条件 -->
-    <h3 class="coupon-detail-title" v-model="title">{{title}},领取详情</h3>
-    <a-divider />
-    <div class="CouponStatisticsDetail-searchForm">
-      <a-form ref="searchForm" labelAlign="left">
-        <a-row :gutter="48">
-          <a-col :span="6">
-            <a-form-item label="领券时间" :label-col="{ span:6 }" :wrapper-col="{ span:14 }">
-              <a-range-picker v-model="time" :format="dateFormat" :placeholder="['开始时间','结束时间']" @change="onChange" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="手机号码" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.name" placeholder="请输入" allowClear/>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="领券网点" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.name" placeholder="请输入" allowClear/>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="48">
-          <a-col :span="6">
-            <a-form-item label="用券时间" :label-col="{ span:6 }" :wrapper-col="{ span:14 }">
-              <a-range-picker v-model="time" :format="dateFormat" :placeholder="['开始时间','结束时间']" @change="onChange" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="使用状态" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <v-select v-model="searchForm.couponType" placeholder="请选择" allowClear></v-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="用券网点" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.name" placeholder="请输入" allowClear/>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-button style="margin-right: 10px;" type="primary" @click="$refs.table.refresh(true)">查询</a-button>
-            <a-button type="" @click="resetForm">重置</a-button>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!-- 列表 -->
-    <s-table ref="table" size="default" :rowKey="(record) => record.id" :columns="columns" :data="loadData" bordered>
-      <!-- 状态 -->
-      <span slot="status" slot-scope="text, record">
-        <template></template>
-      </span>
-    </s-table>
-  </a-card>
-</template>
-
-<script>
-  import {
-    STable,
-    VSelect
-  } from '@/components'
-  export default{
-    components:{ STable,VSelect },
-    data(){
-      return{
-        searchForm:{
-          name:'',
-        },
-        title:"3元代金券",
-        columns: [{
-            title: '序号',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-        
-          {
-            title: '领券时间',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '领券手机号码',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '使用状态',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '用券网点',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '用券时间',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '关联消费金额',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          }
-        ],
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          // return getTenantsList(Object.assign(parameter, this.searchForm)).then(res => {
-          //   if (res.status == 200) {
-          //     const no = (res.data.pageNo - 1) * res.data.pageSize
-          //     for (let i = 0; i < res.data.list.length; i++) {
-          //       const _item = res.data.list[i]
-          //       _item.no = no + i + 1
-          //       _item.status = _item.status + '' === '1'
-          //     }
-          //     return res.data
-          //   }
-          // })
-        }
-      }
-    },
-    methods:{
-      // 重置
-      resetForm(){
-        this.$refs.searchForm.resetFields()
-        this.$refs.table.refresh(true)
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .coupon-detail-title{
-    margin-bottom: 20px;
-    margin-left: 20px;
-  }
-</style>

+ 0 - 161
src/views/CouponStatistics/CouponStatisticsList.vue

@@ -1,161 +0,0 @@
-<template>
-  <a-card :bordered="false">
-    <!-- 搜索条件 -->
-    <div class="CouponStatistics-searchForm">
-      <a-form ref="searchForm">
-        <a-row :gutter="48">
-          <a-col :span="6">
-            <a-form-item label="发券网点" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.area" placeholder="请输入" allowClear/>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="优惠券名称" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.name" placeholder="请输入" allowClear/>
-
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="优惠券类型" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <v-select v-model="searchForm.couponType" placeholder="请选择" allowClear></v-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-button style="margin-right: 10px;" type="primary" @click="$refs.table.refresh(true)">查询</a-button>
-            <a-button type="" @click="resetForm">重置</a-button>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!-- 列表 -->
-    <s-table ref="table" size="default" :rowKey="(record) => record.id" :columns="columns" :data="loadData" bordered>
-      <!-- 状态 -->
-      <span slot="status" slot-scope="text, record">
-        <template></template>
-      </span>
-      <!-- 操作 -->
-      <span slot="action" slot-scope="text, record">
-        <template>
-          <a-icon type="eye" :style="{ fontSize: '20px', color: '#e29e14', padding: '0 10px' }" @click="handleEdit(record)" />
-        </template>
-      </span>
-    </s-table>
-  </a-card>
-</template>
-
-<script>
-  import {
-    STable,
-    VSelect
-  } from '@/components'
-  export default {
-    components: {
-      STable,
-      VSelect
-    },
-    data() {
-      return {
-        searchForm: {
-          name: '',      // 优惠券名称
-          area: '',      // 网点名称
-          couponType:''  // 优惠券类型
-        },
-        columns: [{
-            title: '序号',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-
-          {
-            title: '发券网点',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '优惠券名称',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '优惠券类型',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '已发数量',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '使用数量',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '关联消费金额',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '转化率',
-            dataIndex: 'no',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '状态',
-            dataIndex: 'status',
-            minWidth: '40',
-            align: 'center',
-            scopedSlots: {
-              customRender: 'status'
-            }
-          },
-          {
-            title: '操作',
-            dataIndex: 'action',
-            minWidth: '40',
-            align: 'center',
-            scopedSlots: {
-              customRender: 'action'
-            }
-          }
-        ],
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          // return getTenantsList(Object.assign(parameter, this.searchForm)).then(res => {
-          //   if (res.status == 200) {
-          //     const no = (res.data.pageNo - 1) * res.data.pageSize
-          //     for (let i = 0; i < res.data.list.length; i++) {
-          //       const _item = res.data.list[i]
-          //       _item.no = no + i + 1
-          //       _item.status = _item.status + '' === '1'
-          //     }
-          //     return res.data
-          //   }
-          // })
-        }
-      }
-    },
-    methods: {
-      // 重置
-      resetForm() {
-        this.$refs.searchForm.resetFields()
-        this.$refs.table.refresh(true)
-      }
-    }
-  }
-</script>
-
-<style>
-  .CouponStatistics-searchForm .ant-form-inline .ant-form-item {
-    margin-bottom: 50px;
-  }
-</style>

+ 1 - 1
src/views/Home.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="home">
-    <a-alert message="欢迎登录洗车机运营后台系统" type="info" showIcon />
+    <a-alert message="欢迎登录智慧快洗发卷中心系统" type="info" showIcon />
   </div>
 </template>
 

+ 0 - 321
src/views/Order/OrderCenter.vue

@@ -1,321 +0,0 @@
-<template>
-  <a-card :bordered="false">
-    <!-- 搜索条件 -->
-    <div class="orderCenter-searchForm">
-      <a-form ref="searchForm">
-        <a-row :gutter="48">
-          <a-col :span="8">
-            <a-form-item label="创建时间" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
-              <a-range-picker v-model="time" :format="dateFormat" :placeholder="['开始时间','结束时间']" @change="onChange" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="网点名称" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-select placeholder="请选择" allowClear v-model="storeId" mode="multiple">
-                <a-select-option v-for="item in storeOptionData" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="单号" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.orderNo" placeholder="请输入" allowClear/>
-            </a-form-item>
-          </a-col>
-          <a-col :span="4">
-            <a-button style="margin-right: 10px;" type="primary" @click="$refs.table.refresh(true)">查询</a-button>
-            <a-button type="" @click="resetForm">重置</a-button>
-          </a-col>
-        </a-row>
-        <a-row :gutter="48">
-          <a-col :span="8">
-            <a-form-item label="服务项目" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
-              <a-select placeholder="请选择" allowClear v-model="searchForm.itemId">
-                <a-select-option v-for="item in itemOptionData" :key="item.id" :value="item.id">{{ item.itemName }}</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="手机号码" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.customerMobile" placeholder="请输入" allowClear maxLength="11" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="状态" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <v-select v-model="searchForm.orderStatus" ref="orderStatus" code="ORDER_STATUS" placeholder="请选择" allowClear></v-select>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!-- 合计 -->
-    <div class="total" >
-      <a-icon type="info-circle" class="iconImg"/>
-      <strong>合计:</strong><span v-model="countHJ">{{countHJ}} 单</span><strong style="margin-left: 15px;">实收:</strong><span v-model="incomeHJ">{{incomeHJ}} 元</span>
-    </div>
-    <!-- 列表 -->
-    <s-table ref="table" size="default" :showPagination="false" :rowKey="(record) => record.id" :columns="columns" :data="loadData" bordered>
-      <!-- 状态 -->
-      <span slot="orderStatus" slot-scope="text, record">
-        {{ $refs.orderStatus.getNameByCode(text) }}
-      </span>
-      <!-- 实收金额 -->
-      <span slot="paymentAmount" slot-scope="text, record">
-        <template v-if=" record.payStatus == 'PAID' ">{{ record.paymentAmount }}</template>
-        <template v-else-if=" record.payStatus != 'PAID' ">{{ 0 }}</template>
-      </span>
-      <!-- 操作 -->
-      <span slot="action" slot-scope="text, record">
-        <!-- <a-button type="primary" @click="openDetailModal=true">查看</a-button> -->
-        <a-button type="primary" @click="seeDetail(record)">查看</a-button>
-        <!-- 本期暂不做 -->
-        <!-- <a-button type="danger" @click="refund(record)">退款</a-button> -->
-      </span>
-    </s-table>
-    <!-- 查看详情弹窗 -->
-    <order-detail-modal 
-      :openModal="openDetailModal"
-      :nowId="detailId"
-      @close="openDetailModal=false"/> 
-  </a-card>
-</template>
-
-<script>
-  import { STable, VSelect } from '@/components'
-  import getDate from '../../libs/getDate.js'
-  import { orderCenterList, itemList, storeList } from '../../api/order.js'
-  import OrderDetailModal from './OrderDetailModal.vue'
-  import moment from 'moment'
-  export default {
-    name:'OrderCenter',
-    components: {
-      STable,
-      VSelect,
-      OrderDetailModal
-    },
-    data() {
-      return {
-        storeId: [],        // 网点名称
-        // 查询参数
-        searchForm: {
-          beginDate: null,    // 创建的开始时间
-          endDate: null,      // 创建的结束时间
-          storeIdList: [],        // 网点名称
-          orderNo: '',        // 单号
-          itemId:'',          // 服务项目
-          customerMobile:'',  // 手机号码
-          orderStatus:''      // 状态
-        },
-        pageNo:1,             // 列表当前页
-        pageSize:10,          // 列表当前页码
-        countHJ:'40',
-        incomeHJ:'2000',
-        itemOptionData:[],    // 服务项目数据
-        storeOptionData:[],   // 网点名称数据
-        openDetailModal:false,   // 查看详情弹窗 默认关闭
-        detailId:null,          // 初始化id
-        time: [
-          moment(getDate.getToday().starttime, this.dateFormat),
-					moment(getDate.getToday().endtime, this.dateFormat)
-        ],
-        dateFormat: 'YYYY-MM-DD',
-        columns: [{
-            title: '下单时间',
-            dataIndex: 'orderTime',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '单号',
-            dataIndex: 'orderNo',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '网点名称',
-            dataIndex: 'storeName',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '服务项目',
-            dataIndex: 'itemName',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '手机号码',
-            dataIndex: 'customerMobile',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '应收(¥)',
-            dataIndex: 'payableAmount',
-            minWidth: '40',
-            align: 'center'
-          },
-          {
-            title: '实收(¥)',
-            dataIndex: 'paymentAmount',
-            minWidth: '40',
-            align: 'center',
-            scopedSlots: {
-              customRender: 'paymentAmount'
-            }
-
-          },
-          // {
-          //   title: '优惠(¥)',
-          //   dataIndex: 'couponAmount',
-          //   minWidth: '40',
-          //   align: 'center'
-          // },
-          {
-            title: '状态',
-            dataIndex: 'orderStatus',
-            minWidth: '40',
-            align: 'center',
-            scopedSlots: {
-              customRender: 'orderStatus'
-            }
-          },
-          {
-            title: '操作',
-            dataIndex: 'action',
-            minWidth: '40',
-            align: 'center',
-            scopedSlots: {
-              customRender: 'action'
-            }
-
-          }
-        ],
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          // console.log(this.searchForm.storeId)
-          this.searchForm.beginDate == null ? this.searchForm.beginDate = getDate.getToday().starttime : null
-          this.searchForm.endDate == null ? this.searchForm.endDate = getDate.getToday().endtime : null
-          this.searchForm.storeIdList = this.storeId 
-          // console.log(this.searchForm.storeId)
-          return orderCenterList(Object.assign(parameter, this.searchForm)).then(res => {
-            console.log(res,'0000000000000000000')
-            if (res.status == 200) {
-              // const no = (res.data.pageNo - 1) * res.data.pageSize
-              // for (let i = 0; i < res.data.list.length; i++) {
-              //   const _item = res.data.list[i]
-              //   _item.no = no + i + 1
-              //   _item.status = _item.status + '' === '1'
-              // }
-              return res.data.list
-            }
-          })
-        }
-      }
-    },
-    methods: {
-      moment,
-      // 创建时间change
-      onChange(dates, dateStrings) {
-        if ((dates, dateStrings)) {
-          this.searchForm.beginDate = dateStrings[0]
-          this.searchForm.endDate = dateStrings[1]
-        }
-        console.log(this.searchForm.beginDate, this.searchForm.endDate)
-      },
-      // 获取服务项目数据
-      getItemListData(){
-        itemList({pageNo:this.pageNo,pageSize:this.pageSize}).then(res=>{
-          console.log(res,'-----------')
-          if(res.status == 200){
-            this.itemOptionData = res.data.list
-          }
-        })
-      },
-      // 获取网点名称数据
-      getStoreListData(){
-        storeList({pageNo:this.pageNo,pageSize:this.pageSize}).then(res=>{
-          console.log(res,'-----------')
-          if(res.status == 200){
-            this.storeOptionData = res.data.list
-          }
-        })
-      },
-      // 合计
-      getTotal(){},
-      // 查看详情--跳转到对应的详情页
-      seeDetail(record) {
-        // this.$router.push({name: 'OrderDetail',query: {id: record.id}
-        // })
-        this.detailId = record.id
-        this.openDetailModal = true
-        console.log(this.detailId)
-      },
-      // 退款---暂不做
-      // refund(row) {
-      //   const _this = this
-      //   this.$confirm({
-      //     title: '警告',
-      //     content: '确认退款后 款项将通过原渠道退回 且不可撤回,确认退款?',
-      //     okText: '确定',
-      //     cancelText: '取消',
-      //     // onOk() {
-      //     // 	deleteItem({
-      //     // 		id: row.id
-      //     // 	}).then(res => {
-      //     // 		if (res.status == 200) {
-      //     // 			_this.$message.success('退款成功')
-      //     // 			_this.$refs.table.refresh()
-      //     // 		}
-      //     // 	})
-      //     // }
-      //   })
-      // },
-      // 重置
-      resetForm() {
-        this.searchForm.beginDate = getDate.getToday().starttime
-        this.searchForm.endDate = getDate.getToday().endtime
-        this.time = [
-        	moment(getDate.getToday().starttime, this.dateFormat),
-        	moment(getDate.getToday().endtime, this.dateFormat)
-        	]
-        this.storeId = []
-        this.searchForm.storeIdList = []
-        this.searchForm.orderNo = ''
-        this.searchForm.itemId = ''
-        this.searchForm.customerMobile = ''
-        this.searchForm.orderStatus = ''
-        // this.$refs.searchForm.resetFields()
-        this.$refs.table.refresh()
-      }
-    },
-    beforeRouteEnter (to, from, next) {
-      next(vm => {
-        vm.getItemListData()
-        vm.resetForm()
-        vm.getStoreListData()
-      })
-    }
-  }
-</script>
-<style lang="less">
-  .orderCenter-searchForm{
-    // 搜索框的下间距
-    .ant-form-item{
-      margin-bottom: 10px;
-    }
-  }
-  // 合计
-  .total {
-    margin:15px 0 25px;
-    width:100%;
-    background-color: #e6f7ff;
-    border: 1px solid #91d5ff;
-    padding: 8px 15px 8px 27px;
-    border-radius: 4px;
-    .iconImg{
-      color: #1890FF;
-      margin-right: 10px;
-    }
-  }
-  
-</style>

+ 0 - 161
src/views/Order/OrderDetailModal.vue

@@ -1,161 +0,0 @@
-<template>
-  <a-modal title="查看详情" :footer="null" :width="1100" :destroyOnClose="true" @cancel="isShow=false" v-model="isShow">
-    <v-select ref="orderStatus" code="ORDER_STATUS" placeholder="请选择" allowClear v-show="false"></v-select>
-    <div class="orderDetail-content">
-      <a-form>
-        <a-row :gutter="24">
-          <a-col :span="8">
-            <a-form-item label="下单时间" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{orderDetailData.orderTime}}</span>
-            </a-form-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-item label="单号" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{orderDetailData.orderNo}}</span>
-            </a-form-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-item label="门店名称" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{orderDetailData.storeName}}</span>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="8">
-            <a-form-item label="服务名称" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{orderDetailData.itemName}}</span>
-            </a-form-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-item label="手机号码" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{orderDetailData.customerMobile}}</span>
-            </a-form-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-item label="状态" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{orderDetailData.orderStatus}}</span>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="8">
-            <a-form-item label="应付(¥)" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{orderDetailData.payableAmount}} 元</span>
-            </a-form-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-item label="实付(¥)" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span v-if=" orderDetailData.payStatus == 'PAID' ">{{orderDetailData.paymentAmount}} 元</span>
-              <span v-else-if=" orderDetailData.payStatus != 'PAID' ">{{ 0 }} 元</span>
-            </a-form-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-item label="洗车照片" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <div style="display: flex;">
-                <!-- <div>
-                  <div style="border: 1px solid #eee;overflow: hidden;padding: 8px 0 0 8px; margin-right: 20px;">
-                    <Upload :file-list="" :fileSize="0.25" listType="picture-card">
-                    </Upload>
-                  </div>
-                  <div style="text-align: center;">洗车前</div>
-                </div>
-                <div>
-                  <div style="border: 1px solid #eee;overflow: hidden;padding: 8px 0 0 8px;">
-                    <Upload :file-list="" :fileSize="0.25" listType="picture-card">
-                    </Upload>
-                  </div>
-                  <div style="text-align: center;">洗车后</div>
-                </div> -->
-              </div>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <!-- <a-col :span="8">
-            <a-form-item label="优惠(¥)" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{'-'}}</span>
-            </a-form-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-item label="优惠券名称" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <span>{{"-"}}</span>
-            </a-form-item>
-          </a-col> -->
-        </a-row>
-        <a-row style="text-align: center;margin-top: 100px;">
-          <a-col>
-            <a-form-item>
-              <a-button type="default" @click="isShow=false" >返回列表</a-button>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-  </a-modal>
-</template>
-
-<script>
-  import { Upload, VSelect } from '@/components'
-  import { orderDetail } from '../../api/order.js'
-  export default {
-    components: { Upload, VSelect },
-    name:'OrderDetailModal',
-    props: {
-      openModal: {  //  弹框是否展示
-        type: Boolean,
-        default: false
-      },
-      nowId:{
-        type: Number,
-        default: null 
-      }
-    },
-    data() {
-      return {
-        orderDetailData:[],
-        isShow: this.openModal,
-      }
-    },
-    methods: {
-      // // 查看详情
-      // getOrderDetail(){
-      //   orderDetail()
-      // },
-    },
-    watch: {
-      //  父页面传过来的弹框状态
-      openModal (newValue, oldValue) {
-        this.isShow = newValue
-      },
-      nowId(newValue, oldValue){
-        console.log(newValue)
-        if(newValue){
-          orderDetail({id:newValue}).then(res=>{
-            console.log(res,'------------')
-            if(res.status == 200){
-              setTimeout(() => {
-              	res.data.orderStatus = this.$refs.orderStatus.getNameByCode(res.data.orderStatus)
-              }, 100)
-              this.orderDetailData = res.data
-            }
-          })
-        }
-      },
-      //  重定义的弹框状态
-      isShow (val){
-        if (!val){
-          this.$emit('close')
-        }
-      }
-    },
-  }
-</script>
-<style lang="less">
-  .orderDetail-content .ant-form-inline .ant-form-item {
-    margin-bottom: 20px;
-  }
-  /* 去掉上传图片组件原有的删除按钮 */
-  :global(.anticon-delete) {
-    display: none;
-  }
-</style>

+ 0 - 206
src/views/RefundRecord/RefundRecord.vue

@@ -1,206 +0,0 @@
-<template>
-  <a-card :bordered="false">
-    <!-- 搜索条件 -->
-    <div class="orderCenter-searchForm">
-      <a-form ref="searchForm">
-        <a-row :gutter="48">
-          <a-col :span="8">
-            <a-form-item label="创建时间" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
-              <a-range-picker v-model="time" :format="dateFormat" :placeholder="['开始时间','结束时间']" @change="onChange" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="关联订单号" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <a-input v-model.trim="searchForm.num" placeholder="请输入" allowClear  />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="网点名称" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <v-select v-model="searchForm.name" placeholder="请选择" allowClear ></v-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="4">
-            <a-button style="margin-right: 10px;" type="primary" @click="$refs.table.refresh(true)">查询</a-button>
-            <a-button type="" @click="resetForm">重置</a-button>
-          </a-col>
-        </a-row>
-        <a-row :gutter="48">
-          <a-col :span="8">
-            <a-form-item label="服务项目" :label-col="{ span:4 }" :wrapper-col="{ span:12}">
-              <v-select v-model="searchForm.fwname" placeholder="请选择" allowClear></v-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item label="退款状态" :label-col="{ span:6 }" :wrapper-col="{ span:12}">
-              <v-select v-model="searchForm.status" placeholder="请选择" allowClear ></v-select>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!-- 合计 -->
-    <div class="total">
-      <a-icon type="info-circle" class="iconImg"/>
-      <strong>合计:</strong><span v-model="countHJ">{{countHJ}} 单</span><strong style="margin-left: 15px;">实收:</strong><span v-model="incomeHJ">{{incomeHJ}} 元</span>
-    </div>
-    <!-- 列表 -->
-    <s-table ref="table" size="default" :rowKey="(record) => record.id" :columns="columns" :data="loadData" bordered>
-      <!-- 退款状态 -->
-      <span slot="status" slot-scope="text, record">
-        <template></template>
-      </span>
-    </s-table>
-  </a-card>
-</template>
-
-<script>
-  import { STable, VSelect } from '@/components'
-  import getDate from '../../libs/getDate.js'
-  import moment from 'moment'
-  export default {
-    components: {
-      STable,
-      VSelect
-    },
-    data() {
-      return {
-        // 查询参数
-        searchForm: {
-          beginDate: null,  // 创建的开始时间
-          endDate: null,    // 创建的结束时间
-          name: '',         // 网点名称
-          num: '',          // 单号
-          fwname:'',        // 服务项目
-          status:''         // 状态
-        },
-        time: [
-          moment(getDate.getToday().starttime, this.dateFormat),
-          moment(getDate.getToday().endtime, this.dateFormat)
-        ],
-        dateFormat: 'YYYY-MM-DD',
-        countHJ:'40',
-        incomeHJ:'2000',
-        columns: [{
-            title: '创建时间',
-            dataIndex: 'createTime',
-            minWidth: '100',
-            align: 'center'
-
-          },
-          {
-            title: '交易流水号',
-            dataIndex: 'createTime',
-            minWidth: '100',
-            align: 'center'
-
-          },
-          {
-            title: '关联订单号',
-            dataIndex: 'createTime',
-            width: '100',
-            align: 'center'
-
-          },
-          {
-            title: '网点名称',
-            dataIndex: 'createTime',
-            minWidth: '100',
-            align: 'center'
-
-          },
-          {
-            title: '退款项目',
-            dataIndex: 'createTime',
-            minWidth: '100',
-            align: 'center'
-
-          },
-          {
-            title: '退款金额(¥)',
-            dataIndex: 'createTime',
-            minWidth: '40',
-            align: 'center'
-
-          },
-          {
-            title: '退款人',
-            dataIndex: 'createTime',
-            minWidth: '100',
-            align: 'center'
-
-          },
-          {
-            title: '退款状态',
-            dataIndex: 'createTime',
-            minWidth: '100',
-            align: 'center',
-            scopedSlots: {
-              customRender: 'status'
-            }
-          },
-          {
-            title: '备注',
-            dataIndex: 'status',
-            minWidth: '100',
-            align: 'center',
-          },
-        ],
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          // this.searchData.beginDate == null ? this.searchData.beginDate = getDate.getToday().starttime : null
-          // this.searchData.endDate == null ? this.searchData.endDate = getDate.getToday().endtime : null
-          // return getTenantsList(Object.assign(parameter, this.searchForm)).then(res => {
-          //   if (res.status == 200) {
-          //     const no = (res.data.pageNo - 1) * res.data.pageSize
-          //     for (let i = 0; i < res.data.list.length; i++) {
-          //       const _item = res.data.list[i]
-          //       _item.no = no + i + 1
-          //       _item.status = _item.status + '' === '1'
-          //     }
-          //     return res.data
-          //   }
-          // })
-        }
-      }
-    },
-    methods: {
-      // 创建时间change
-      onChange(dates, dateStrings) {
-        if ((dates, dateStrings)) {
-          this.searchForm.beginDate = dateStrings[0]
-          this.searchForm.endDate = dateStrings[1]
-        }
-        console.log(this.searchForm.beginDate, this.searchForm.endDate)
-      },
-      // 重置
-      resetForm() {
-        this.$refs.searchForm.resetFields()
-        this.$refs.table.refresh(true)
-      },
-    },
-  }
-</script>
-
-<style lang="less">
-  .orderCenter-searchForm,
-  .addButton {
-    margin-bottom: 0;
-  }
-
-  .orderCenter-searchForm .ant-form-inline .ant-form-item {
-    margin-bottom: 15px;
-  }
-
-  .total {
-    margin-bottom: 24px;
-    width:100%;
-    background-color: #e6f7ff;
-    border: 1px solid #91d5ff;
-    padding: 8px 15px 8px 27px;
-    border-radius: 4px;
-    .iconImg{
-      color: #1890FF;
-      margin-right: 10px;
-    }
-  }
-</style>