页面修改

src/components/huimai/hbrand.vue

+<template>
+  <div class="performanceStatics">
+    <div class="head-title">
+      品牌管理
+    </div>
+    <div class="content">
+      <div style="margin-bottom:20px">
+        <span>门店</span>
+        <el-select style="margin:0 10px" class="w200" @change="msg.pageIndex=1,getList()" v-model="msg.StoreId"
+          size="small" placeholder="请选择">
+          <el-option label="不限" :value="0"></el-option>
+          <el-option v-for="item in StoreList" :key="item.Id" :label="item.Name" :value="item.Id">
+          </el-option>
+        </el-select>
+        <span>日期</span>
+        <el-date-picker v-model="dateList" @change="msg.pageIndex=1,getList()" size="small" type="datetimerange"
+          range-separator="至" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
+        </el-date-picker>
+        <el-button @click="msg.pageIndex=1,getList()" size="small" type="primary">
+          查询
+        </el-button>
+      </div>
+      <el-table :data="tableData" v-loading="loading" border style="width: 100%">
+        <el-table-column prop="ID" label="服务人员编号" width="150">
+        </el-table-column>
+        <el-table-column label="头像" width="300px">
+          <template slot-scope="scope">
+            <img :src="scope.row.ServiceLogo" style="width:35px;height:35px;" alt="" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="Name" label="名称"></el-table-column>
+        <el-table-column prop="ServiceTargetDateNum" label="排班天数">
+        </el-table-column>
+        <el-table-column prop="OrderNum" label="订单数">
+        </el-table-column>
+        <el-table-column prop="Final_Price" label="业绩金额" width="250px">
+        </el-table-column>
+        <el-table-column prop="OrderGuestNum" label="服务人数">
+        </el-table-column>
+        <el-table-column prop="ScoreStr" label="平均评分">
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+        :current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        loading: false,
+        tableData: [],
+        total: 0,
+        msg: {
+          pageIndex: 1,
+          pageSize: 15,
+          StoreId: 0, //门店Id
+          WorkDate: '', //开始日期
+          EndWorkDate: '' //结束日期
+        },
+        StoreList: [], //门店数据
+        dateList: [], //日期
+      }
+    },
+    created() {},
+    mounted() {
+      this.getList();
+      this.getStoreList()
+    },
+    methods: {
+      //获取门店下拉
+      getStoreList() {
+        this.apipost("/api/MContent/GetStoresList", {}, res => {
+          if (res.data.resultCode == 1) {
+            this.StoreList = res.data.data;
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+      //获取数据
+      getList() {
+        if (this.dateList && this.dateList.length > 0) {
+          this.msg.WorkDate = this.dateList[0];
+          this.msg.EndWorkDate = this.dateList[1];
+        } else {
+          this.msg.WorkDate = '';
+          this.msg.EndWorkDate = '';
+        }
+        this.loading = true;
+        this.assetsApipost("/api/Reserve/GetAchievementsList", this.msg, res => {
+          this.loading = false;
+          if (res.data.resultCode == 1) {
+            this.total = res.data.data.count;
+            this.tableData = res.data.data.pageData;
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+    }
+  };
+
+</script>
+<style>
+  .performanceStatics .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+
+</style>

src/components/huimai/hcategory.vue

+<template>
+  <div class="performanceStatics">
+    <div class="head-title">
+      分类管理
+    </div>
+    <div class="content">
+      <div style="margin-bottom:20px">
+        <span>门店</span>
+        <el-select style="margin:0 10px" class="w200" @change="msg.pageIndex=1,getList()" v-model="msg.StoreId"
+          size="small" placeholder="请选择">
+          <el-option label="不限" :value="0"></el-option>
+          <el-option v-for="item in StoreList" :key="item.Id" :label="item.Name" :value="item.Id">
+          </el-option>
+        </el-select>
+        <span>日期</span>
+        <el-date-picker v-model="dateList" @change="msg.pageIndex=1,getList()" size="small" type="datetimerange"
+          range-separator="至" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
+        </el-date-picker>
+        <el-button @click="msg.pageIndex=1,getList()" size="small" type="primary">
+          查询
+        </el-button>
+      </div>
+      <el-table :data="tableData" v-loading="loading" border style="width: 100%">
+        <el-table-column prop="ID" label="服务人员编号" width="150">
+        </el-table-column>
+        <el-table-column label="头像" width="300px">
+          <template slot-scope="scope">
+            <img :src="scope.row.ServiceLogo" style="width:35px;height:35px;" alt="" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="Name" label="名称"></el-table-column>
+        <el-table-column prop="ServiceTargetDateNum" label="排班天数">
+        </el-table-column>
+        <el-table-column prop="OrderNum" label="订单数">
+        </el-table-column>
+        <el-table-column prop="Final_Price" label="业绩金额" width="250px">
+        </el-table-column>
+        <el-table-column prop="OrderGuestNum" label="服务人数">
+        </el-table-column>
+        <el-table-column prop="ScoreStr" label="平均评分">
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
+        :current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        loading: false,
+        tableData: [],
+        total: 0,
+        msg: {
+          pageIndex: 1,
+          pageSize: 15,
+          StoreId: 0, //门店Id
+          WorkDate: '', //开始日期
+          EndWorkDate: '' //结束日期
+        },
+        StoreList: [], //门店数据
+        dateList: [], //日期
+      }
+    },
+    created() {},
+    mounted() {
+      this.getList();
+      this.getStoreList()
+    },
+    methods: {
+      //获取门店下拉
+      getStoreList() {
+        this.apipost("/api/MContent/GetStoresList", {}, res => {
+          if (res.data.resultCode == 1) {
+            this.StoreList = res.data.data;
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+      //获取数据
+      getList() {
+        if (this.dateList && this.dateList.length > 0) {
+          this.msg.WorkDate = this.dateList[0];
+          this.msg.EndWorkDate = this.dateList[1];
+        } else {
+          this.msg.WorkDate = '';
+          this.msg.EndWorkDate = '';
+        }
+        this.loading = true;
+        this.assetsApipost("/api/Reserve/GetAchievementsList", this.msg, res => {
+          this.loading = false;
+          if (res.data.resultCode == 1) {
+            this.total = res.data.data.count;
+            this.tableData = res.data.data.pageData;
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+    }
+  };
+
+</script>
+<style>
+  .performanceStatics .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+
+</style>

src/components/huimai/huimaiSetting.vue

+<style>
+  .huimaiSetting {
+    height: 100%;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    min-width: 0;
+    font-size: 14px;
+  }
+
+  .huimaiSetting .mainLeftMenu {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    color: #fff;
+  }
+
+  .huimaiSetting .leftMenu1 {
+    background: #444444;
+    cursor: pointer;
+    width: 200px;
+    height: 100%;
+    overflow-y: auto;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  .huimaiSetting .asideInner {
+    background: rgba(0, 0, 0, 0.15);
+    padding: 6px 6px;
+    width: 100%;
+    border-radius: 3px;
+    font-weight: bold;
+  }
+
+  .huimaiSetting .F_Logo {
+    height: 60px;
+    background: #464d54;
+    color: #f2f2f2;
+    cursor: pointer;
+    font-weight: bold;
+    text-align: center;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+  }
+
+  .huimaiSetting .mainRightContent {
+    width: 100%;
+    height: 100%;
+    background-color: #f3f3f3;
+    min-width: 0;
+  }
+
+  .huimaiSetting .mainRightTop {
+    width: 100%;
+    height: 60px;
+    background: #fff;
+    display: flex;
+    justify-content: space-between;
+    color: #909399;
+  }
+
+  .huimaiSetting .mainRightLeft {
+    width: 110px;
+    height: 60px;
+    line-height: 62px;
+    text-align: center;
+    margin-left: 30px;
+    cursor: pointer;
+    position: relative;
+    top: -2px;
+  }
+
+  .huimaiSetting .marinRightList {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    width: 300px;
+    float: right;
+  }
+
+  .huimaiSetting .marinRightList ul {
+    display: flex;
+    width: 100%;
+    justify-content: space-around;
+  }
+
+  .huimaiSetting .marinRightList ul li {
+    display: block;
+    list-style-type: none;
+    cursor: pointer;
+    color: #909399;
+    outline: none;
+    border: none;
+  }
+
+  .huimaiSetting .main_routerPage {
+    padding: 20px;
+    overflow-y: scroll;
+  }
+
+  .huimaiSetting .FsettingUU {
+    position: fixed;
+    width: 200px;
+    height: 100%;
+    position: fixed;
+    top: 60px;
+    left: 0;
+    overflow: auto;
+    z-index: 5;
+    background-color: rgb(84, 92, 100);
+  }
+
+  .huimaiSetting .FsettingUU .menu_item {
+    font-size: 14px;
+    color: #303133;
+    padding: 0 20px;
+    cursor: pointer;
+    -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
+    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
+    box-sizing: border-box;
+    height: 56px;
+    line-height: 56px;
+    list-style: none;
+    white-space: nowrap;
+    color: #fff;
+    display: flex;
+    align-items: center;
+  }
+
+  .huimaiSetting .FsettingUU .menu_item i {
+    margin-right: 5px;
+    width: 24px;
+    text-align: center;
+    font-size: 18px;
+    vertical-align: middle;
+    color: #909399;
+  }
+
+  .huimaiSetting .menu_item:hover {
+    background-color: rgba(67, 74, 80, 0);
+  }
+
+  .huimaiSetting .F_Logo:hover {
+    background-color: #30353a;
+    color: #fff;
+  }
+
+  .huimaiSetting .Fchecked {
+    color: rgb(255, 208, 75) !important;
+  }
+
+  .huimaiSetting .Fchecked i {
+    color: rgb(255, 208, 75) !important;
+  }
+</style>
+<template>
+  <div class="huimaiSetting">
+    <div class="mainLeftMenu">
+      <div class="leftMenu1">
+        <div class="F_Logo">
+          <div class="asideInner" @click="CommonJump('mallIndex')">
+            {{ currentUser.MallName }}
+          </div>
+        </div>
+        <ul class="FsettingUU">
+          <!-- <li class="menu_item" :class="{'Fchecked':isChecked=='/companyList'}"
+            @click="isChecked='/companyList',CommonJump('companyList')">
+            <i class="el-icon-menu"></i><span>公司资料</span>
+          </li> -->
+          <li class="menu_item" :class="{ Fchecked: isChecked == '/hcategory' }"
+            @click="(isChecked = '/hcategory'), CommonJump('hcategory')">
+            <i class="el-icon-menu"></i><span>分类管理</span>
+          </li>
+          <li class="menu_item" :class="{ Fchecked: isChecked == '/hbrand' }"
+            @click="(isChecked = '/hbrand'), CommonJump('hbrand')">
+            <i class="el-icon-menu"></i><span>品牌管理</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="mainRightContent">
+      <div class="mainRightTop">
+        <div class="mainRightLeft">如一奢品</div>
+        <div class="marinRightList">
+          <ul>
+            <li style="display: none">缓存</li>
+            <li style="display: none"> title="教程管理">
+              <el-dropdown trigger="click">
+                <span class="el-dropdown-link">
+                  教程管理<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item>操作教程</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </li>
+            <li :title="currentUser.MallName">
+              <el-dropdown trigger="click">
+                <span class="el-dropdown-link">
+                  {{ currentUser.MallName
+                  }}<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item disabled>{{
+                    currentUser.MallName
+                  }}</el-dropdown-item>
+                  <el-dropdown-item disabled>{{ currentUser.Account }}({{
+                      currentUser.MobilePhone
+                    }})</el-dropdown-item>
+                  <el-dropdown-item @click.native="CommonJump('index')">返回系统</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="main_routerPage" :style="{ height: Height + 'px' }">
+        <router-view />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        currentUser: {},
+        isChecked: "",
+        Height: 0,
+        ERPEmpId: 0,
+      };
+    },
+    created() {
+      this.currentUser = this.getLocalStorage();
+
+      this.isChecked = this.$route.path;
+      if (this.$route.query.FIndex) {
+        this.CommonJump("hcategory");
+        this.isChecked = "/hcategory";
+      }
+    },
+    methods: {},
+    mounted() {
+      this.Height = document.documentElement.clientHeight - 60;
+      //监听浏览器窗口变化
+      window.onresize = () => {
+        this.Height = document.documentElement.clientHeight - 60;
+      };
+    },
+  };
+</script>
\ No newline at end of file

src/router/index.js

@@ -882,11 +882,28 @@ export default new Router({
         name: 'publishAlist',
         component: resolve => require(['@/components/tradePavilion/publishAlist'], resolve),
       },
-
-
     ]
   },
-
+  {
+    path: '/huimaiSetting', //会卖回收
+    name: 'huimaiSetting',
+    component: resolve => require(['@/components/huimai/huimaiSetting'], resolve),
+    children: [
+      //会卖回收--分类管理
+      {
+        path: '/hcategory',
+        name: 'hcategory',
+        component: resolve => require(['@/components/huimai/hcategory'], resolve),
+      },
+      //会卖回收--品牌管理
+      {
+        path: '/hbrand',
+        name: 'hbrand',
+        component: resolve => require(['@/components/huimai/hbrand'], resolve),
+      },
+ 
+    ]
+  },
   {
     path: '/mall',
     name: 'mall',