新增颜选美学菜单

src/router/index.js

@@ -17,6 +17,7 @@ import keywordLibraryRouter from './modules/keywordLibrary'
 import memberRouter from './modules/member'
 import mallProtraitRouter from './modules/mallPortrait'
 import serviceSettlement from './modules/serviceSettlement'
+import strictRouter from './modules/strict'
 // import tableRouter from './modules/table'
 // import nestedRouter from './modules/nested'
 
@@ -105,7 +106,8 @@ export const asyncRoutes = [
   memberRouter,
   keywordLibraryRouter,
   mallProtraitRouter,
-  serviceSettlement
+  serviceSettlement,
+  strictRouter
 ]
 
 /**

src/router/modules/strict.js

@@ -3,195 +3,145 @@
 import Layout from '@/layout'
 
 const strictRouter = {
-  path: '/user',
+  path: '/stricts',
   component: Layout,
-  redirect: '/user/list',
+  redirect: '/stricts/list',
   alwaysShow: true, // will always show the root menu
-  name: 'UserSitting', // name必须和后台配置一致，不然匹配不到
-  meta: { title: '用户管理', icon: 'user' },
+  name: 'StrictsSitting', // name必须和后台配置一致，不然匹配不到
+  meta: { title: '颜选美学', icon: 'user' },
   children: [
     {
-      path: 'record-list',
-      name: 'RecordList',
-      component: () => import('@/views/user/record/list'),
-      meta: { title: '用户行为记录', icon: 'international', activeMenu: '/user/list' }
-    },
-    {
-      path: 'detail-list',
-      hidden: true,
-      component: () => import('@/views/user/record/detail-list'),
-      name: 'RecordDtails',
-      meta: { title: '查看详情', noCache: true, activeMenu: '/user/list' }
-    },
-    {
-      path: 'customer',
-      name: 'CustomerMenu',
-      redirect: '/user/customer',
+      path: 'applet',
+      name: 'AppletMenu',
+      redirect: '/stricts',
       component: () => import('@/views/index'),
-      meta: { title: '潜客搜集' },
+      meta: { title: '商城配置' },
       children: [
         {
-          path: 'list',
-          name: 'CustomerList',
-          component: () => import('@/views/user/customer/list'),
-          meta: { title: '供应商列表' }
-        },
-        {
-          path: 'market-list',
-          name: 'MarketList',
-          component: () => import('@/views/user/customer/market-list'),
-          meta: { title: '营销数据报表' },
-          hidden: true
-        },
-        {
-          path: 'market-report-list',
-          name: 'MarketReportList',
-          component: () => import('@/views/user/customer/market-report-list'),
-          meta: { title: '数据报表' },
-          hidden: true
-        },
-        {
-          path: 'market-edit',
-          name: 'MarketEdit',
-          component: () => import('@/views/user/customer/market-edit'),
-          meta: { title: '数据报表上传/编辑' },
-          hidden: true
-        },
-        {
-          path: 'customer-stat-list',
-          name: 'CustomerStatsList',
-          component: () => import('@/views/user/customer/customer-stat-list'),
-          meta: { title: '潜客统计列表' },
-          hidden: true
+          path: 'menus-list',
+          name: 'MenusList',
+          component: () => import('@/views/stricts/menus/list'),
+          meta: { title: '首页导航' }
         },
         {
-          path: 'customer-remarks',
-          name: 'CustomerRemarks',
-          component: () => import('@/views/user/customer/customer-remarks'),
-          meta: { title: '潜客备注' },
-          hidden: true
+          path: 'banners-list',
+          name: 'BannersList',
+          component: () => import('@/views/stricts/banners/list'),
+          meta: { title: '轮播图片' }
         },
         {
-          path: 'customer-remarks-add',
-          name: 'CustomerRemarksAdd',
-          component: () => import('@/views/user/customer/customer-remarks-add '),
-          meta: { title: '添加备注' },
-          hidden: true
+          path: 'floors-list',
+          name: 'FloorsList',
+          component: () => import('@/views/stricts/floors/list'),
+          meta: { title: '首页楼层' }
         },
         {
-          path: 'customer-ambition-list',
-          name: 'CustomerAmbitionList',
-          component: () => import('@/views/user/customer/customer-ambition-list'),
-          meta: { title: '意向客户数据' },
-          hidden: true
+          path: 'products-list',
+          name: 'ProductsList',
+          component: () => import('@/views/stricts/products/list'),
+          meta: { title: '商品管理' }
         },
         {
-          path: 'customer-ambition-edit',
-          name: 'CustomerAmbitionEdit',
-          component: () => import('@/views/user/customer/customer-ambition-edit'),
-          meta: { title: '添加/编辑' },
-          hidden: true
-        },
-        {
-          path: 'customer-ambition-sum',
-          name: 'CustomerAmbitionSum',
-          component: () => import('@/views/user/customer/customer-ambition-sum'),
-          meta: { title: '数据总结' },
-          hidden: true
-        },
-        {
-          path: 'customer-article-list',
-          name: 'CustomerArticleList',
-          component: () => import('@/views/user/customer/customer-article-list'),
-          meta: { title: '相关文章' },
-          hidden: true
-        },
-        {
-          path: 'customer-goods-list',
-          name: 'CustomerGoodsList',
-          component: () => import('@/views/user/customer/customer-goods-list'),
-          meta: { title: '相关商品' },
-          hidden: true
-        },
+          path: 'categorys-list',
+          name: 'CategorysList',
+          component: () => import('@/views/stricts/categorys/list'),
+          meta: { title: '分类管理' }
+        }
+      ]
+    },
+    {
+      path: 'user',
+      name: 'StrictsUserMenu',
+      redirect: '/stricts',
+      component: () => import('@/views/index'),
+      meta: { title: '用户管理' },
+      children: [
         {
-          path: 'customer-search-list',
-          name: 'CustomerSearchList',
-          component: () => import('@/views/user/customer/customer-search-list'),
-          meta: { title: '相关搜索词' },
-          hidden: true
+          path: 'list',
+          name: 'UsersList',
+          component: () => import('@/views/stricts/users/list'),
+          meta: { title: '用户列表' }
         },
         {
-          path: 'customer-page-list',
-          name: 'CustomerPageList',
-          component: () => import('@/views/user/customer/customer-page-list'),
-          meta: { title: '页面访问统计' },
-          hidden: true
-        },
+          path: 'retails-list',
+          name: 'RetailsList',
+          component: () => import('@/views/stricts/retails/list'),
+          meta: { title: '分销列表' }
+        }
+      ]
+    },
+    {
+      path: 'activitys',
+      name: 'ActivitysMenu',
+      redirect: '/stricts',
+      component: () => import('@/views/index'),
+      meta: { title: '商城活动' },
+      children: [
         {
-          path: 'customer-popup-edit',
-          name: 'CustomerPopupEdit',
-          component: () => import('@/views/user/customer/customer-popup-edit'),
-          meta: { title: '弹窗样式编辑' },
-          hidden: true
+          path: 'list',
+          name: 'ActivitysList',
+          component: () => import('@/views/stricts/activitys/list'),
+          meta: { title: '活动列表' }
         },
         {
-          path: 'advertis-list',
-          name: 'AdvertisList',
-          component: () => import('@/views/user/customer/advertis-list'),
-          meta: { title: '供应商广告图' }
+          path: 'specials-list',
+          name: 'ActivitysSpecialsList',
+          component: () => import('@/views/stricts/activitys/specials'),
+          meta: { title: '限时特价' }
         },
         {
-          path: 'advertis-edit',
-          name: 'AdvertisEdit',
-          component: () => import('@/views/user/customer/advertis-edit'),
-          meta: { title: '广告图添加' }
+          path: 'shares-list',
+          name: 'ActivitysSharesList',
+          component: () => import('@/views/stricts/activitys/shares'),
+          meta: { title: '分享减免' }
         }
       ]
     },
     {
-      path: 'consult',
-      name: 'ConsultMenu',
-      redirect: '/user/consult',
+      path: 'internal-list',
+      name: 'InternalList',
+      component: () => import('@/views/stricts/activitys/internal-list'),
+      meta: { title: '内部优惠', icon: 'international', activeMenu: '/stricts/list' }
+    },
+    {
+      path: 'groups',
+      name: 'GroupsMenu',
+      redirect: '/stricts',
       component: () => import('@/views/index'),
-      meta: { title: '咨询记录' },
+      meta: { title: '商品拼团' },
       children: [
         {
           path: 'list',
-          name: 'ConsultList',
-          component: () => import('@/views/user/consult/list'),
-          meta: { title: '用户咨询记录汇总' }
+          name: 'GroupsList',
+          component: () => import('@/views/stricts/groups/list'),
+          meta: { title: '拼团列表' }
         },
         {
-          path: 'unreg-list',
-          name: 'UnregList',
-          component: () => import('@/views/user/consult/unreg-list'),
-          meta: { title: '未注册用户咨询记录' }
-        },
-        {
-          path: 'genre-list',
-          name: 'GenreList',
-          component: () => import('@/views/user/consult/genre-list'),
-          meta: { title: '咨询类别设置' }
-        },
-        {
-          path: 'report-list',
-          name: 'ReportList',
-          component: () => import('@/views/user/consult/report-list'),
-          meta: { title: '报备列表' }
-        },
+          path: 'groups-goods-list',
+          name: 'GroupsGoodsList',
+          component: () => import('@/views/stricts/groups/groups-goods-list'),
+          meta: { title: '商品列表' }
+        }
+      ]
+    },
+    {
+      path: 'order',
+      name: 'OrderMenu',
+      redirect: '/stricts',
+      component: () => import('@/views/index'),
+      meta: { title: '订单管理' },
+      children: [
         {
-          path: 'detail',
-          name: 'ConsultDetail',
-          component: () => import('@/views/user/consult/detail'),
-          meta: { title: '详情' },
-          hidden: true
+          path: 'list',
+          name: 'OrderList',
+          component: () => import('@/views/stricts/order/list'),
+          meta: { title: '拼团列表' }
         },
         {
-          path: 'unreg-detail',
-          name: 'UnregDetail',
-          component: () => import('@/views/user/consult/unreg-detail'),
-          meta: { title: '信息详情' },
-          hidden: true
+          path: 'refund-list',
+          name: 'RefundList',
+          component: () => import('@/views/stricts/order/refund-list'),
+          meta: { title: '退款管理' }
         }
       ]
     }

src/views/stricts/activitys/internal-list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/activitys/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/activitys/shares.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/activitys/specials.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/banners/list.vue

@@ -0,0 +1,292 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>ID:</span>
+        <el-input
+          v-model="listQuery.reportId"
+          style="width: 120px"
+          placeholder="ID"
+          clearable
+          @input="(e) => (listQuery.reportId = checkedInput(e))"
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>商品名称:</span>
+        <el-input
+          v-model="listQuery.productName"
+          placeholder="商品名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>机构名称:</span>
+        <el-input
+          v-model="listQuery.clubName"
+          placeholder="机构名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>报备人:</span>
+        <el-input
+          v-model="listQuery.reportName"
+          style="width: 120px"
+          placeholder="报备人"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>审核状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="待审核" />
+          <el-option :value="2" label="审核通过" />
+          <el-option :value="3" label="审核未通过" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <span>提交时间:</span>
+        <el-date-picker
+          v-model="time"
+          type="daterange"
+          unlink-panels
+          value-format="yyyy-MM-dd"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :picker-options="pickerOptions"
+          @change="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" height="650">
+      <el-table-column prop="reportId" label="ID" align="center" width="50" />
+      <el-table-column prop="mainImage" label="商品图片" align="center" width="100">
+        <template v-if="row.mainImage" slot-scope="{ row }">
+          <el-popover placement="top-start" title="" width="180" trigger="hover">
+            <img :src="row.mainImage" alt="" style="width: 100px; height: 100px" />
+            <img slot="reference" :src="row.mainImage" alt="" style="width: 50px; height: 50px" />
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column prop="productName" label="商品名称" align="center" width="200" />
+      <el-table-column prop="clubName" label="机构名称" align="center" width="180" />
+      <el-table-column prop="reportName" label="报备人" align="center" width="120" />
+      <el-table-column prop="reportText" label="报备事由" align="center" />
+      <el-table-column prop="addTime" label="创建时间" align="center" width="100">
+        <template slot-scope="{ row }">
+          {{ row.addTime ? row.addTime : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="审核状态" align="center" width="100">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 1" type="warning" size="small">待审核</el-tag>
+          <el-tag v-else-if="row.status === 2" type="success" size="small">已审核</el-tag>
+          <el-tag v-else type="danger" size="small">审核未通过</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="auditName" label="审核人" align="center" width="120" />
+      <el-table-column prop="auditTime" label="审核时间" align="center" width="100">
+        <template slot-scope="{ row }">
+          {{ row.auditTime ? row.auditTime : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="220">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleExamine(row)"> 审核 </el-button>
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleRecordDetail(row)"> 查看 </el-button>
+          <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getReportList"
+    />
+    <el-dialog title="审核" :visible.sync="dialogFormVisible" width="440px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right">
+        <el-form-item label="状态:" prop="status">
+          <el-select v-model="form.status" placeholder="请选择">
+            <el-option label="请选择" value="" />
+            <el-option label="审核通过" :value="2" />
+            <el-option label="审核不通过" :value="3" />
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="auditText">
+          <el-input
+            v-model="form.auditText"
+            type="textarea"
+            placeholder="请填写备注,200字以内"
+            maxlength="200"
+            :autosize="{ minRows: 5, maxRows: 5 }"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleReportCount">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getReportList, reportCount, deleteReport } from '@/api/user/consult/consult'
+import pickerOptions from '@/utils/time-picker.js'
+const defaultListQuery = {
+  reportId: '', // 报备Id
+  productName: '', // 咨询商品名称
+  clubName: '', // 机构名称
+  reportName: '', // 报备人
+  status: '', // 状态 1.已审核 2.待审核 3.审核未通过
+  startAddTime: '', // 开始时间
+  endAddTime: '', // 结束时间
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'ReportList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      pickerOptions,
+      time: '',
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        reportId: '',
+        status: '',
+        auditText: ''
+      },
+      rules: {
+        status: [{ required: true, message: '请选择审核状态', trigger: 'blur' }],
+        auditText: [{ required: true, message: '请填写备注', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取行为记录列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.list = []
+      if (this.time && this.time.length > 0) {
+        this.listQuery.startAddTime = this.time[0]
+        this.listQuery.endAddTime = this.time[1]
+      } else {
+        this.listQuery.startAddTime = ''
+        this.listQuery.endAddTime = ''
+      }
+      this.getReportList()
+    },
+
+    // 获取关键词列表
+    async getReportList() {
+      try {
+        this.isLoading = true
+        const res = await getReportList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 审核报备
+    handleExamine(row) {
+      this.form.reportId = row.reportId
+      this.dialogFormVisible = true
+    },
+    // 确定审核
+    async handleReportCount() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.reportCount(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 调用审核报备
+    async reportCount(params) {
+      await reportCount(params)
+      this.$message.success('审核成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该报备吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteReport(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除报备
+    async deleteReport(row) {
+      try {
+        await deleteReport(row.reportId)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 机构跳转
+    handleClubHrefLink(row) {
+      return (
+        process.env.VUE_APP_ADMIN_URL +
+        `/a/user/jumpLink/toOldAdmin?type=1&clubId=${row.clubId}&clubName=${row.corporateName}`
+      )
+    },
+    // 查看详情
+    handleRecordDetail(row) {
+      this.$router.push({
+        path: '/user/consult/detail',
+        query: { reportId: row.reportId }
+      })
+    },
+    checkedInput(event) {
+      const pattern = /[^0-9.]/g
+      return event.replace(pattern, '')
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/categorys/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/floors/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/groups/groups-goods-list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/groups/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/menus/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/order/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/order/refund-list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>类别名称:</span>
+        <el-input
+          v-model="listQuery.className"
+          placeholder="类别名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="启用" />
+          <el-option :value="2" label="停用" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="dialogFormVisible = true"> 添加类别 </el-button>
+        <el-button type="primary" @click="getList"> 一键排序 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" :height="tableHeight">
+      <el-table-column label="序号" align="center" width="50">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="className" label="咨询类别名称" align="center" />
+      <el-table-column prop="status" label="状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 2" type="danger" size="small">已停用</el-tag>
+          <el-tag v-else type="success" size="small">已启用</el-tag>
+          <el-button v-if="row.status === 2" type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            启用
+          </el-button>
+          <el-button v-else type="primary" size="mini" @click="handleShangeStatus(row.id, row.status)">
+            停用
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80" align="center">
+        <template slot-scope="{ row }">
+          <el-input v-model="row.sortNumber" maxlength="4" minlength="1" @blur="consultSort(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="创建时间" align="center">
+        <template slot-scope="{ row }">
+          {{ row.createdTime | parseTime }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleEdit(row)"> 编辑 </el-button>
+          <!-- <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button> -->
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="fetchRecordList"
+    />
+    <!-- 添加咨询类别 -->
+    <el-dialog title="咨询类别添加" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="120px">
+        <el-form-item label="咨询类别名称:" prop="className">
+          <el-input v-model="form.className" type="text" placeholder="咨询类别名称" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="咨询类别排序:" prop="sortNumber">
+          <el-input v-model="form.sortNumber" type="text" placeholder="咨询类别排序" maxlength="10" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleSaveConsult">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getConsultList, saveConsult, deleteConsult, consultSort } from '@/api/user/consult/consult'
+const defaultListQuery = {
+  className: '', // 类别名称
+  status: '', // 状态 1启用，2停用，默认1
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'GenreList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        className: '',
+        sortNumber: ''
+      },
+      rules: {
+        className: [{ required: true, message: '请填写咨询类别名称', trigger: 'blur' }],
+        sortNumber: [{ required: true, message: '请填写咨询类别排序', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取咨询类别列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.getConsultList()
+    },
+
+    // 获取咨询类别列表
+    async getConsultList() {
+      try {
+        this.isLoading = true
+        const res = await getConsultList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 操作启用停用
+    handleShangeStatus(id, status) {
+      let confirmTxt = ''
+      let paramsStatus
+      if (status === 1) {
+        confirmTxt = '确定停用该类别？'
+        paramsStatus = 2
+      } else {
+        confirmTxt = '确定启用该类别？'
+        paramsStatus = 1
+      }
+      this.$confirm(confirmTxt)
+        .then((_) => {
+          this.getConsultStatus(id, paramsStatus)
+        })
+        .catch(() => {
+          console.log('用户取消操作')
+        })
+    },
+    // 上下线轮播图
+    async getConsultStatus(id, paramsStatus) {
+      try {
+        await saveConsult({ id: id, status: paramsStatus })
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log('error', error)
+      }
+    },
+    // 确认保存类别
+    async handleSaveConsult() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.saveConsult(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存咨询类别
+    async saveConsult(params) {
+      await saveConsult(params)
+      this.$message.success('保存成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    // 编辑类别
+    handleEdit(row) {
+      this.form = { ...this.form, ...row }
+      this.dialogFormVisible = true
+    },
+    // 操作删除类别
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该类别吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteConsult(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除类别
+    async deleteConsult(row) {
+      try {
+        await deleteConsult(row.id)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 咨询类别排序
+    async consultSort(row) {
+      try {
+        await consultSort({ id: row.id, sortNumber: row.sortNumber })
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/products/list.vue

@@ -0,0 +1,292 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>ID:</span>
+        <el-input
+          v-model="listQuery.reportId"
+          style="width: 120px"
+          placeholder="ID"
+          clearable
+          @input="(e) => (listQuery.reportId = checkedInput(e))"
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>商品名称:</span>
+        <el-input
+          v-model="listQuery.productName"
+          placeholder="商品名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>机构名称:</span>
+        <el-input
+          v-model="listQuery.clubName"
+          placeholder="机构名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>报备人:</span>
+        <el-input
+          v-model="listQuery.reportName"
+          style="width: 120px"
+          placeholder="报备人"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>审核状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="1" label="待审核" />
+          <el-option :value="2" label="审核通过" />
+          <el-option :value="3" label="审核未通过" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <span>提交时间:</span>
+        <el-date-picker
+          v-model="time"
+          type="daterange"
+          unlink-panels
+          value-format="yyyy-MM-dd"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :picker-options="pickerOptions"
+          @change="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" height="650">
+      <el-table-column prop="reportId" label="ID" align="center" width="50" />
+      <el-table-column prop="mainImage" label="商品图片" align="center" width="100">
+        <template v-if="row.mainImage" slot-scope="{ row }">
+          <el-popover placement="top-start" title="" width="180" trigger="hover">
+            <img :src="row.mainImage" alt="" style="width: 100px; height: 100px" />
+            <img slot="reference" :src="row.mainImage" alt="" style="width: 50px; height: 50px" />
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column prop="productName" label="商品名称" align="center" width="200" />
+      <el-table-column prop="clubName" label="机构名称" align="center" width="180" />
+      <el-table-column prop="reportName" label="报备人" align="center" width="120" />
+      <el-table-column prop="reportText" label="报备事由" align="center" />
+      <el-table-column prop="addTime" label="创建时间" align="center" width="100">
+        <template slot-scope="{ row }">
+          {{ row.addTime ? row.addTime : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="审核状态" align="center" width="100">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 1" type="warning" size="small">待审核</el-tag>
+          <el-tag v-else-if="row.status === 2" type="success" size="small">已审核</el-tag>
+          <el-tag v-else type="danger" size="small">审核未通过</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="auditName" label="审核人" align="center" width="120" />
+      <el-table-column prop="auditTime" label="审核时间" align="center" width="100">
+        <template slot-scope="{ row }">
+          {{ row.auditTime ? row.auditTime : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="220">
+        <template slot-scope="{ row }">
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleExamine(row)"> 审核 </el-button>
+          <el-button type="primary" size="mini" style="margin: 2px" @click="handleRecordDetail(row)"> 查看 </el-button>
+          <el-button type="danger" size="mini" style="margin: 2px" @click="handleDelete(row)"> 删除 </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getReportList"
+    />
+    <el-dialog title="审核" :visible.sync="dialogFormVisible" width="440px">
+      <el-form ref="dataForm" :rules="rules" :model="form" label-position="right">
+        <el-form-item label="状态:" prop="status">
+          <el-select v-model="form.status" placeholder="请选择">
+            <el-option label="请选择" value="" />
+            <el-option label="审核通过" :value="2" />
+            <el-option label="审核不通过" :value="3" />
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="auditText">
+          <el-input
+            v-model="form.auditText"
+            type="textarea"
+            placeholder="请填写备注,200字以内"
+            maxlength="200"
+            :autosize="{ minRows: 5, maxRows: 5 }"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="handleReportCount">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getReportList, reportCount, deleteReport } from '@/api/user/consult/consult'
+import pickerOptions from '@/utils/time-picker.js'
+const defaultListQuery = {
+  reportId: '', // 报备Id
+  productName: '', // 咨询商品名称
+  clubName: '', // 机构名称
+  reportName: '', // 报备人
+  status: '', // 状态 1.已审核 2.待审核 3.审核未通过
+  startAddTime: '', // 开始时间
+  endAddTime: '', // 结束时间
+  pageNum: 1,
+  pageSize: 20
+}
+export default {
+  name: 'ReportList',
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      pickerOptions,
+      time: '',
+      listQuery: Object.assign({}, defaultListQuery),
+      list: [],
+      total: 0,
+      dialogFormVisible: false,
+      form: {
+        reportId: '',
+        status: '',
+        auditText: ''
+      },
+      rules: {
+        status: [{ required: true, message: '请选择审核状态', trigger: 'blur' }],
+        auditText: [{ required: true, message: '请填写备注', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取行为记录列表
+    getList() {
+      this.listQuery.pageNum = 1
+      this.list = []
+      if (this.time && this.time.length > 0) {
+        this.listQuery.startAddTime = this.time[0]
+        this.listQuery.endAddTime = this.time[1]
+      } else {
+        this.listQuery.startAddTime = ''
+        this.listQuery.endAddTime = ''
+      }
+      this.getReportList()
+    },
+
+    // 获取关键词列表
+    async getReportList() {
+      try {
+        this.isLoading = true
+        const res = await getReportList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 审核报备
+    handleExamine(row) {
+      this.form.reportId = row.reportId
+      this.dialogFormVisible = true
+    },
+    // 确定审核
+    async handleReportCount() {
+      try {
+        await this.$refs.dataForm.validate()
+        this.reportCount(this.form)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 调用审核报备
+    async reportCount(params) {
+      await reportCount(params)
+      this.$message.success('审核成功')
+      this.closeDialog()
+      this.getList()
+    },
+    // 添加标签取消
+    closeDialog() {
+      this.$refs.dataForm.resetFields()
+      this.dialogFormVisible = false
+    },
+    async handleDelete(row) {
+      try {
+        await this.$confirm('确定删除该报备吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.deleteReport(row)
+      } catch (error) {
+        this.$message.info('已取消删除操作')
+      }
+    },
+    // 调用删除报备
+    async deleteReport(row) {
+      try {
+        await deleteReport(row.reportId)
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 机构跳转
+    handleClubHrefLink(row) {
+      return (
+        process.env.VUE_APP_ADMIN_URL +
+        `/a/user/jumpLink/toOldAdmin?type=1&clubId=${row.clubId}&clubName=${row.corporateName}`
+      )
+    },
+    // 查看详情
+    handleRecordDetail(row) {
+      this.$router.push({
+        path: '/user/consult/detail',
+        query: { reportId: row.reportId }
+      })
+    },
+    checkedInput(event) {
+      const pattern = /[^0-9.]/g
+      return event.replace(pattern, '')
+    }
+  }
+}
+</script>
+
+<style></style>

src/views/stricts/retails/components/shop-dialog.vue

@@ -0,0 +1,150 @@
+<template>
+  <el-dialog
+    title="添加供应商"
+    :visible.sync="visible"
+    width="1200px"
+    :close-on-click-modal="false"
+    :show-close="false"
+  >
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>供应商名称:</span>
+        <el-input
+          v-model="listQuery.shopName"
+          placeholder="供应商名称"
+          clearable
+          style="width: 160px"
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+      </div>
+    </div>
+    <el-table
+      ref="table"
+      v-loading="isLoading"
+      :data="list"
+      height="400px"
+      border
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" :selectable="selectable" />
+      <el-table-column label="供应商名称" prop="name" align="center" />
+      <el-table-column label="联系人" prop="linkMan" align="center" />
+      <el-table-column label="手机号" prop="contractMobile" align="center">
+        <template slot-scope="{ row }">
+          {{ row.contractMobile ? row.contractMobile : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="供应商状态" prop="status" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 90" type="success" size="small">已上线</el-tag>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[100, 200]"
+      :page-size="100"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getShopList"
+    />
+    <div slot="footer">
+      <el-button @click="handleCanle"> 取 消 </el-button>
+      <el-button type="primary" :disabled="disabled" @click="handleConfirm"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getShopList } from '@/api/user/customer/customer'
+
+export default {
+  name: 'ShopDialog',
+  filters: {
+    NumFormat(value) {
+      // 处理金额
+      return Number(value).toFixed(2)
+    }
+  },
+  data() {
+    return {
+      visible: true,
+      listQuery: {
+        pageNum: 1, // 页码
+        pageSize: 100, // 页面数据数
+        shopName: '' // 供应商公司名称
+      },
+      list: [],
+      total: 0,
+      shopsRadio: null,
+      isLoading: true
+    }
+  },
+  computed: {
+    disabled() {
+      return this.shopsRadio === null
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 获取所有供应商列表
+    async getList() {
+      this.list = []
+      this.listQuery.pageNum = 1
+      this.getShopList()
+    },
+    // 获取所有供应商列表
+    async getShopList() {
+      try {
+        const res = await getShopList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 选择供应商
+    handleSelectionChange(row) {
+      this.shopsRadio = row
+      console.log('row', row)
+    },
+    // 确认选择供应商
+    handleConfirm() {
+      this.$emit('confirm', this.shopsRadio)
+    },
+    handleCanle() {
+      // 取消弹窗
+      this.$emit('cancel')
+    },
+    // 已选择的禁用勾选框
+    selectable(row) {
+      if (row.flag) {
+        return true
+      } else {
+        return false
+      }
+    },
+    checkedInput(event, type) {
+      let pattern = ''
+      switch (type) {
+        case 1:
+          pattern = /[^\d]/g
+          break
+        case 2:
+          pattern = /[^u4E00-u9FA5|d|a-zA-Z|rns,.?!，。？！…—&$=()-+/*{}[]]|s/g
+          break
+      }
+      return event.replace(pattern, '')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped></style>

src/views/stricts/retails/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>供应商名称:</span>
+        <el-input
+          v-model="listQuery.shopName"
+          placeholder="供应商名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>统计状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="0" label="统计中" />
+          <el-option :value="1" label="暂停统计" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="shopDialogVisible = true"> 添加供应商 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" height="660">
+      <el-table-column prop="shopName" fixed label="供应商名称" align="center" />
+      <el-table-column prop="linkMan" label="联系人" align="center" />
+      <el-table-column prop="mobile" label="手机号" align="center">
+        <template slot-scope="{ row }">
+          {{ row.mobile ? row.mobile : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="shopStatus" label="供应商状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.shopStatus === 90" type="success" size="small">已上线</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="统计状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 0" type="success" size="small">统计中</el-tag>
+          <el-tag v-if="row.status === 1" type="danger" size="small">暂停统计</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="添加时间" align="center" width="100">
+        <template slot-scope="{ row }">
+          {{ row.addTime ? row.addTime : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="400">
+        <template slot-scope="{ row }">
+          <el-button type="success" size="mini" style="margin: 4px" @click="handleRecordDetail(1, row)">
+            页面访问统计
+          </el-button>
+          <el-button type="success" size="mini" style="margin: 4px" @click="handleRecordDetail(2, row)">
+            设置统计状态
+          </el-button>
+          <el-button type="primary" size="mini" style="margin: 4px" @click="handleRecordDetail(3, row)">
+            相关商品
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getCustomerShopList"
+    />
+    <!--  选择供应商弹窗 -->
+    <shop-dialog v-if="shopDialogVisible" ref="shopDialog" @confirm="handleAddShopConfirm" @cancel="handleCancel" />
+    <!-- 设置统计状态 -->
+    <el-dialog title="设置统计状态" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :model="renewCustome" :rules="rules" label-position="right">
+        <el-form-item prop="status">
+          <el-radio v-model="renewCustome.status" :label="0">统计中</el-radio>
+          <el-radio v-model="renewCustome.status" :label="1">暂停统计</el-radio>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleConfirm">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCustomerShopList, saveCustomerShop, renewCustomerShop } from '@/api/user/customer/customer'
+import ShopDialog from './components/shop-dialog'
+export default {
+  name: 'RecordList',
+  components: { ShopDialog },
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: {
+        shopName: '',
+        status: '',
+        pageNum: 1,
+        pageSize: 20
+      },
+      list: [],
+      total: 0,
+      shopDialogVisible: false,
+      dialogFormVisible: false,
+      renewCustome: {
+        id: '',
+        status: ''
+      },
+      rules: {
+        status: [{ required: true, message: '请设置统计状态', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取行为记录列表
+    getList() {
+      this.list = []
+      this.listQuery.pageNum = 1
+      this.getCustomerShopList()
+    },
+    // 确认选择供应商
+    handleAddShopConfirm(data) {
+      console.log('data', data)
+      const shopIds = []
+      data.forEach((ele) => {
+        shopIds.push(ele.shopId)
+      })
+      this.saveCustomerShop({ shopIds: shopIds.join(',') })
+    },
+    // 取消选择供应商
+    handleCancel() {
+      this.shopDialogVisible = false
+      this.$refs.shopDialog.visible = false
+    },
+    // 确认设置统计状态
+    handleConfirm() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.renewCustomerShop(this.renewCustome)
+        } else {
+          return false
+        }
+      })
+    },
+    // 获取潜客搜集供应商列表
+    async getCustomerShopList() {
+      try {
+        this.isLoading = true
+        const res = await getCustomerShopList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存添加统计供应商
+    async saveCustomerShop(params) {
+      try {
+        await saveCustomerShop(params)
+        this.shopDialogVisible = false
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 统计状态
+    async renewCustomerShop(params) {
+      try {
+        await renewCustomerShop(params)
+        this.dialogFormVisible = false
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 查看详情
+    handleRecordDetail(type, row) {
+      switch (type) {
+        case 1: // 页面访问统计
+          this.$router.push({
+            path: '/user/customer/customer-page-list',
+            query: { shopId: row.shopId }
+          })
+          break
+        case 2: // 设计统计状态
+          this.renewCustome.id = row.id
+          this.renewCustome.status = row.status
+          console.log('renewCustome', this.renewCustome)
+          this.dialogFormVisible = true
+          break
+        case 3: // 相关商品
+          this.$router.push({
+            path: '/user/customer/customer-goods-list',
+            query: { id: row.id, shopId: row.shopId, shopName: row.shopName }
+          })
+          break
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  float: left;
+}
+.uploader-tips {
+  position: absolute;
+  bottom: 0;
+  left: 160px;
+  line-height: 28px;
+  color: red;
+  margin: 0;
+}
+</style>

src/views/stricts/users/components/shop-dialog.vue

@@ -0,0 +1,150 @@
+<template>
+  <el-dialog
+    title="添加供应商"
+    :visible.sync="visible"
+    width="1200px"
+    :close-on-click-modal="false"
+    :show-close="false"
+  >
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>供应商名称:</span>
+        <el-input
+          v-model="listQuery.shopName"
+          placeholder="供应商名称"
+          clearable
+          style="width: 160px"
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+      </div>
+    </div>
+    <el-table
+      ref="table"
+      v-loading="isLoading"
+      :data="list"
+      height="400px"
+      border
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" :selectable="selectable" />
+      <el-table-column label="供应商名称" prop="name" align="center" />
+      <el-table-column label="联系人" prop="linkMan" align="center" />
+      <el-table-column label="手机号" prop="contractMobile" align="center">
+        <template slot-scope="{ row }">
+          {{ row.contractMobile ? row.contractMobile : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="供应商状态" prop="status" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 90" type="success" size="small">已上线</el-tag>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[100, 200]"
+      :page-size="100"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getShopList"
+    />
+    <div slot="footer">
+      <el-button @click="handleCanle"> 取 消 </el-button>
+      <el-button type="primary" :disabled="disabled" @click="handleConfirm"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getShopList } from '@/api/user/customer/customer'
+
+export default {
+  name: 'ShopDialog',
+  filters: {
+    NumFormat(value) {
+      // 处理金额
+      return Number(value).toFixed(2)
+    }
+  },
+  data() {
+    return {
+      visible: true,
+      listQuery: {
+        pageNum: 1, // 页码
+        pageSize: 100, // 页面数据数
+        shopName: '' // 供应商公司名称
+      },
+      list: [],
+      total: 0,
+      shopsRadio: null,
+      isLoading: true
+    }
+  },
+  computed: {
+    disabled() {
+      return this.shopsRadio === null
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 获取所有供应商列表
+    async getList() {
+      this.list = []
+      this.listQuery.pageNum = 1
+      this.getShopList()
+    },
+    // 获取所有供应商列表
+    async getShopList() {
+      try {
+        const res = await getShopList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 选择供应商
+    handleSelectionChange(row) {
+      this.shopsRadio = row
+      console.log('row', row)
+    },
+    // 确认选择供应商
+    handleConfirm() {
+      this.$emit('confirm', this.shopsRadio)
+    },
+    handleCanle() {
+      // 取消弹窗
+      this.$emit('cancel')
+    },
+    // 已选择的禁用勾选框
+    selectable(row) {
+      if (row.flag) {
+        return true
+      } else {
+        return false
+      }
+    },
+    checkedInput(event, type) {
+      let pattern = ''
+      switch (type) {
+        case 1:
+          pattern = /[^\d]/g
+          break
+        case 2:
+          pattern = /[^u4E00-u9FA5|d|a-zA-Z|rns,.?!，。？！…—&$=()-+/*{}[]]|s/g
+          break
+      }
+      return event.replace(pattern, '')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped></style>

src/views/stricts/users/list.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <!-- 顶部操作区域 -->
+    <div class="filter-container">
+      <div class="filter-control">
+        <span>供应商名称:</span>
+        <el-input
+          v-model="listQuery.shopName"
+          placeholder="供应商名称"
+          clearable
+          @keyup.enter.native="getList"
+          @clear="getList"
+        />
+      </div>
+      <div class="filter-control">
+        <span>统计状态:</span>
+        <el-select v-model="listQuery.status" style="width: 120px" clearable @change="getList">
+          <el-option value="" label="请选择" />
+          <el-option :value="0" label="统计中" />
+          <el-option :value="1" label="暂停统计" />
+        </el-select>
+      </div>
+      <div class="filter-control">
+        <el-button type="primary" @click="getList"> 查询 </el-button>
+        <el-button type="primary" @click="shopDialogVisible = true"> 添加供应商 </el-button>
+      </div>
+    </div>
+    <!-- 列表 -->
+    <el-table v-loading="isLoading" :data="list" border style="width: 100%" height="660">
+      <el-table-column prop="shopName" fixed label="供应商名称" align="center" />
+      <el-table-column prop="linkMan" label="联系人" align="center" />
+      <el-table-column prop="mobile" label="手机号" align="center">
+        <template slot-scope="{ row }">
+          {{ row.mobile ? row.mobile : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="shopStatus" label="供应商状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.shopStatus === 90" type="success" size="small">已上线</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="统计状态" align="center">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.status === 0" type="success" size="small">统计中</el-tag>
+          <el-tag v-if="row.status === 1" type="danger" size="small">暂停统计</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="addTime" label="添加时间" align="center" width="100">
+        <template slot-scope="{ row }">
+          {{ row.addTime ? row.addTime : '---' }}
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="400">
+        <template slot-scope="{ row }">
+          <el-button type="success" size="mini" style="margin: 4px" @click="handleRecordDetail(1, row)">
+            页面访问统计
+          </el-button>
+          <el-button type="success" size="mini" style="margin: 4px" @click="handleRecordDetail(2, row)">
+            设置统计状态
+          </el-button>
+          <el-button type="primary" size="mini" style="margin: 4px" @click="handleRecordDetail(3, row)">
+            相关商品
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 页码 -->
+    <pagination
+      :total="total"
+      :page-sizes="[10, 20, 30, 100]"
+      :page-size="20"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getCustomerShopList"
+    />
+    <!--  选择供应商弹窗 -->
+    <shop-dialog v-if="shopDialogVisible" ref="shopDialog" @confirm="handleAddShopConfirm" @cancel="handleCancel" />
+    <!-- 设置统计状态 -->
+    <el-dialog title="设置统计状态" :visible.sync="dialogFormVisible" width="500px">
+      <el-form ref="dataForm" :model="renewCustome" :rules="rules" label-position="right">
+        <el-form-item prop="status">
+          <el-radio v-model="renewCustome.status" :label="0">统计中</el-radio>
+          <el-radio v-model="renewCustome.status" :label="1">暂停统计</el-radio>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleConfirm">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCustomerShopList, saveCustomerShop, renewCustomerShop } from '@/api/user/customer/customer'
+import ShopDialog from './components/shop-dialog'
+export default {
+  name: 'RecordList',
+  components: { ShopDialog },
+  filters: {},
+  data() {
+    return {
+      isLoading: true,
+      listQuery: {
+        shopName: '',
+        status: '',
+        pageNum: 1,
+        pageSize: 20
+      },
+      list: [],
+      total: 0,
+      shopDialogVisible: false,
+      dialogFormVisible: false,
+      renewCustome: {
+        id: '',
+        status: ''
+      },
+      rules: {
+        status: [{ required: true, message: '请设置统计状态', trigger: 'blur' }]
+      }
+    }
+  },
+  computed: {},
+  created() {
+    this.getList()
+  },
+  mounted() {},
+  methods: {
+    // 获取行为记录列表
+    getList() {
+      this.list = []
+      this.listQuery.pageNum = 1
+      this.getCustomerShopList()
+    },
+    // 确认选择供应商
+    handleAddShopConfirm(data) {
+      console.log('data', data)
+      const shopIds = []
+      data.forEach((ele) => {
+        shopIds.push(ele.shopId)
+      })
+      this.saveCustomerShop({ shopIds: shopIds.join(',') })
+    },
+    // 取消选择供应商
+    handleCancel() {
+      this.shopDialogVisible = false
+      this.$refs.shopDialog.visible = false
+    },
+    // 确认设置统计状态
+    handleConfirm() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.renewCustomerShop(this.renewCustome)
+        } else {
+          return false
+        }
+      })
+    },
+    // 获取潜客搜集供应商列表
+    async getCustomerShopList() {
+      try {
+        this.isLoading = true
+        const res = await getCustomerShopList(this.listQuery)
+        this.list = res.data.results
+        this.total = res.data.totalRecord
+        this.isLoading = false
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 保存添加统计供应商
+    async saveCustomerShop(params) {
+      try {
+        await saveCustomerShop(params)
+        this.shopDialogVisible = false
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 统计状态
+    async renewCustomerShop(params) {
+      try {
+        await renewCustomerShop(params)
+        this.dialogFormVisible = false
+        this.$message.success('操作成功')
+        this.getList()
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 查看详情
+    handleRecordDetail(type, row) {
+      switch (type) {
+        case 1: // 页面访问统计
+          this.$router.push({
+            path: '/user/customer/customer-page-list',
+            query: { shopId: row.shopId }
+          })
+          break
+        case 2: // 设计统计状态
+          this.renewCustome.id = row.id
+          this.renewCustome.status = row.status
+          console.log('renewCustome', this.renewCustome)
+          this.dialogFormVisible = true
+          break
+        case 3: // 相关商品
+          this.$router.push({
+            path: '/user/customer/customer-goods-list',
+            query: { id: row.id, shopId: row.shopId, shopName: row.shopName }
+          })
+          break
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  float: left;
+}
+.uploader-tips {
+  position: absolute;
+  bottom: 0;
+  left: 160px;
+  line-height: 28px;
+  color: red;
+  margin: 0;
+}
+</style>