init

src/layout/components/Navbar.vue

@@ -96,8 +96,8 @@ export default {
         { name: '工作动态', icon: 'icon-common_task', path: '/hos/satisfy/task', permit: 'hos_satisfy_task', id: 3 },
         { name: '成果评价', icon: 'icon-common_evaluate', path: '/hos/satisfy/assess', permit: 'hos_satisfy_assess', id: 4 },
         { name: '文件中心', icon: 'icon-common_file', path: '/hos/satisfy/doc', permit: 'hos_satisfy_doc', id: 5 },
-        { name: '业务管理', icon: 'el-icon-setting', path: '/hos/checklist', permit: 'hos_checklist', id: 6 },
-        { name: '系统配置', icon: 'icon-common_workbench', path: '/hos/profile', permit: 'hos_setting', id: 7 }
+        { name: '业务配置', icon: 'el-icon-setting', path: '/hos/checklist', permit: 'hos_checklist', id: 6 },
+        { name: '系统管理', icon: 'icon-common_workbench', path: '/hos/profile', permit: 'hos_setting', id: 7 }
       ]
     }
   },

src/router/modules/csat.js

@@ -45,10 +45,10 @@ const csatRouter = [
     },
     children: [
       {
-        path: 'customer',
-        component: () => import('@/views/system/customer/customer/index'),
-        name: 'hos_customer',
-        meta: { title: '客户信息', noCache: true, permit: 'hos_customer' }
+        path: 'wx',
+        component: () => import('@/views/system/customer/wx/index'),
+        name: 'hos_wx_user',
+        meta: { title: '微信用户', noCache: true, permit: 'hos_wx_user' }
       },
       {
         path: 'index',
@@ -264,7 +264,7 @@ const csatRouter = [
     name: 'hos_setting',
     groupId: [7],
     meta: {
-      title: '系统配置',
+      title: '系统管理',
       icon: 'icon-common_digitization',
       permit: 'hos_setting'
     },

src/views/hos/profile/index.vue

@@ -38,7 +38,9 @@
         </el-form>
 
         <el-form label-position="right" label-width="170px">
-          <el-form-item label="官网地址："><el-link :href="viewData.hosWebsite" target="_blank">{{ viewData.hosWebsite }}</el-link></el-form-item>
+          <el-form-item label="官网地址：">
+            <el-link :href="viewData.hosWebsite" target="_blank">{{ viewData.hosWebsite }}</el-link>
+          </el-form-item>
         </el-form>
       </el-card>
       <hos ref="EditHosInfo" @formSuccess="getData" />
@@ -116,9 +118,6 @@ export default {
       font-size: 20px;
     }
   }
-  .hd-details {
-    color: #FFFFFF;
-  }
   p {
     color: #FFFFFF;
     font-size: 12px;

src/views/system/customer/wx/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <div class="content-container">
+    <el-row class="tool-bar">
+      <el-col :span="12" class="left">
+        <div class="content-title">微信客户</div>
+      </el-col>
+
+      <el-col :span="12" class="right">
+        <el-input v-model="conditions.keywords" style="width: 200px;" class="filter-item" prefix-icon="el-icon-search" placeholder="请输入内容" @keyup.enter.native="getData" />
+        <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" @click="getData">查询</el-button>
+      </el-col>
+    </el-row>
+
+    <el-row class="content-body">
+      <el-table v-loading="listLoading" class="page-table" border :data="dataList" height="calc(100vh - 280px)">
+        <el-table-column type="index" label="序号" header-align="center" align="center" width="80" />
+
+        <el-table-column label="客户名称" width="200" align="center" header-align="center">
+          <template v-slot="{row}">
+            <span>{{ row.wxName }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="卡号" width="200" align="center" header-align="center">
+          <template v-slot="{row}">
+            <span>{{ row.cardNo }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="电话号码" width="200" align="center" header-align="center">
+          <template v-slot="{row}">
+            <span>{{ row.wxPhone }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="备注">
+          <template v-slot="{row}">
+            <span>{{ row.remark }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" width="300" class-name="small-padding fixed-width" align="center" header-align="center">
+          <template v-slot="{row}">
+            <el-button size="mini" icon="el-icon-delete" type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
+
+    <div class="pagination-container">
+      <pagination v-show="total>0" :total="total" :page.sync="conditions.page" :limit.sync="conditions.limit" @pagination="getData" />
+    </div>
+
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination'
+import { getWxUserByPage, deleteWxUserById } from '@/api/system/wxUserApi'
+
+export default {
+  name: 'WxUserIndex',
+  components: {
+    Pagination
+  },
+
+  data() {
+    return {
+      dataList: undefined,
+      listLoading: false,
+      total: 0,
+      conditions: {
+        page: 1,
+        limit: 10,
+        keywords: ''
+      }
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+
+    // 初始化
+    getData() {
+      this.listLoading = true
+      getWxUserByPage(this.conditions).then((resp) => {
+        const { data, total } = resp
+        this.listLoading = false
+        this.total = total
+        this.dataList = data
+      }).catch((error) => {
+        console.log(error)
+      })
+    },
+
+    // 删除
+    handleDelete(data) {
+      const { wxId } = data
+      this.$confirm('此操作将永久删除, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteWxUserById(wxId).then((resp) => {
+          const { msg } = resp
+          this.getData()
+          this.$message.success(msg)
+        }).catch((error) => {
+          console.log(error)
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    }
+  }
+}
+</script>
+<style lang="scss">
+</style>
+<style lang="scss" scoped>
+.content-container{
+}
+</style>