add directory

src/api/directory.js

+import request from '@/utils/request'
+
+export function createDirectory(data) {
+  return request({
+    url: '/weChatDirectories',
+    method: 'post',
+    data: {
+      name: data.name,
+      wechatId: data.wechatId,
+      phone: data.phone
+    }
+  })
+}
+
+export function fetchDirectory(query) {
+  return request({
+    url: `/weChatDirectories`,
+    method: 'get',
+    params: {
+      name: query.name,
+      limit: query.limit,
+      offset: (query.page - 1) * query.limit
+    }
+  })
+}

src/router/index.js

         // redirect: '/round/index/gambleMember/index',
         meta: {
           title: '房間管理',
-          icon: 'form'
+          icon: 'form',
+          noCache: true
           // role: ['dd']
         },
         children: [
             component: _import('room/wechatMember/index'),
             hidden: true,
             meta: {
-              title: '微信會員'
+              title: '微信會員',
+              noCache: true
               // role: ['dd']
             },
             children: [
                 component: _import('room/gameHistory/index'),
                 hidden: true,
                 meta: {
-                  title: '歷史紀錄'
+                  title: '歷史紀錄',
+                  noCache: true
                   // role: ['dd']
                 },
                 children: [
                     component: _import('room/detail/index'),
                     hidden: true,
                     meta: {
-                      title: '詳細記錄'
+                      title: '詳細記錄',
+                      noCache: true
                       // role: ['dd']
                     }
                   }
                 component: _import('room/chipsHistory/index'),
                 hidden: true,
                 meta: {
-                  title: '上下分紀錄'
+                  title: '上下分紀錄',
+                  noCache: true
                   // role: ['dd']
                 }
               }
             component: _import('room/wechatGameMaster/index'),
             hidden: true,
             meta: {
-              title: '微信客服'
+              title: '微信客服',
+              noCache: true
               // role: ['dd']
             }
           }
         component: _import('gambleGameBucket/index'),
         meta: {
           title: '每場紀錄',
-          icon: 'table'
+          icon: 'table',
+          noCache: true
           // role: ['dd']
         },
         children: [
             component: _import('gambleGameBucket/detail/index'),
             hidden: true,
             meta: {
-              title: '詳細紀錄'
+              title: '詳細紀錄',
+              noCache: true
               // role: ['dd']
             }
           }
         component: _import('agnetManagement/index'),
         meta: {
           title: '代理商管理',
-          icon: 'table'
+          icon: 'table',
+          noCache: true
           // role: ['dd']
         },
         children: [
             component: _import('agnetManagement/gambleMemberManagement/index'),
             hidden: true,
             meta: {
-              title: '會員管理'
+              title: '會員管理',
+              noCache: true
               // role: ['dd']
             },
             children: [
                 component: _import('room/gameHistory/index'),
                 hidden: true,
                 meta: {
-                  title: '歷史紀錄'
+                  title: '歷史紀錄',
+                  noCache: true
                   // role: ['dd']
                 }
               }
       }
     ]
   },
+  {
+    path: '/directory',
+    component: Layout,
+    redirect: 'directory',
+    name: 'Directory',
+    children: [
+      {
+        path: 'directory',
+        name: 'directory',
+        component: _import('directory/index'),
+        meta: {
+          title: '通訊錄',
+          icon: 'table',
+          noCache: true
+          // role: ['dd']
+        }
+      }
+    ]
+  },
   // {
   //   path: '/example',
   //   component: Layout,

src/utils/point.js

   totalPoints = Number(totalPoints)
   if (point1 === 0 && point2 === 0) {
     return `白板對`
+  } else if (point1 === -1 || point2 === -1) {
+    return `莊家通賠`
   } else if (point1 === point2) {
     return `對子`
   } else if (point1 + point2 === 10) {
     return `尻`
   } else if (point1 === 0 || point2 === 0) {
     return `${point1 === 0 ? nzhhk.encodeS(`${point2}`) : nzhhk.encodeS(`${point1}`)}點半`
-  } else if (point1 === -1 || point2 === -1) {
-    return `莊家通賠`
   } else {
     return `${nzhhk.encodeS(`${totalPoints}`)}點`
   }

src/views/directory/index.vue

+<template>
+  <div class="app-container calendar-list-container">
+    <div  v-show="visible.firstLayer">
+      <div class="app-container">
+        <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="名稱" v-model="listQuery.name">
+        </el-input>
+        <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">搜尋</el-button>
+        <el-button class="filter-item" @click="handleCreate" type="primary" icon="el-icon-edit">創建聯絡人</el-button>
+      </div>
+      <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+        style="width: 100%">
+        <!-- <el-table-column align="center" label='ID' >
+          <template slot-scope="scope">
+            {{scope.row.GambleMember.id}}
+          </template>
+        </el-table-column> -->
+        <el-table-column label="名稱" align="center">
+          <template slot-scope="scope">
+            {{scope.row.name}}
+          </template>
+        </el-table-column>
+        <el-table-column label="微信ID" align="center">
+          <template slot-scope="scope">
+            {{scope.row.wechatId}}
+          </template>
+        </el-table-column>
+          <el-table-column label="電話" align="center">
+            <template slot-scope="scope">
+              <span>{{scope.row.phone}}</span>
+            </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作" width="450">
+        </el-table-column>
+      </el-table>
+
+      <div v-show="!listLoading" class="pagination-container">
+        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
+          :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
+        </el-pagination>
+      </div>
+
+      <el-dialog title="創建聯絡人" :visible.sync="dialogCreateFormVisible" :before-close="handleDialogClose" center>
+        <el-form :rules="rules" ref="createForm" :model="createFormData" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
+          <el-form-item label="名稱" prop="name">
+            <el-input v-model="createFormData.name"></el-input>
+          </el-form-item>
+          <el-form-item label="微信 ID">
+            <el-input v-model="createFormData.wechatId"></el-input>
+          </el-form-item>
+            <el-form-item label="電話">
+            <el-input v-model="createFormData.phone"></el-input>
+          </el-form-item>
+        </el-form>          
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="handleDialogClose">取 消</el-button>
+          <el-button type="primary" @click="createData">確 定</el-button>
+        </div>
+      </el-dialog>
+    </div>
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+
+import { mapGetters, mapActions } from 'vuex'
+import { createDirectory, fetchDirectory } from '@/api/directory'
+import waves from '@/directive/waves' // 水波纹指令
+import moment from 'moment-timezone'
+import _ from 'lodash'
+import { Decimal } from 'decimal.js';
+
+export default {
+  directives: {
+    waves
+  },
+  data() {
+    return {
+      list: [],
+      total: null,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        name: '',
+      },
+      dialogCreateFormVisible: false,
+      dialogStatus: '',
+      // agent: {},
+      rules: {
+        // rewardChips: [{ pattern: /^-?\d+$/, required: true, message: '請輸入整數', trigger: 'change' }],        
+        // depositChips: [{ pattern: /^-?\d+$/, required: true, message: '請輸入整數', trigger: 'change' }],                
+        // chips: [{ pattern: /^(0|[1-9][0-9]*)$/, required: true, message: '請輸入整數', trigger: 'change' }],
+        // name: [{ type: 'string', required: true, message: '必填', trigger: 'change' }]
+      },
+      createFormData: {
+        name: '',
+        wechatId: '',
+        phone: ''
+      }
+    }
+  },
+  created() {
+    this.SetVisible(1)
+    this.getList()
+  },
+  computed: {
+    ...mapGetters([
+      'visible',
+      'data',
+    ])
+  },
+  methods: {
+    ...mapActions([
+      'SetVisible',
+      'SetData',
+    ]),
+    getList() {
+      this.listLoading = true
+      fetchDirectory(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = response.data.count
+        console.log('res', response)
+      })
+      this.listLoading = false
+    },
+    resetCreateData() {
+      this.createFormData = {
+        id: undefined,
+        name: '',
+        wechatId: '',
+        phone: ''
+      }
+    },
+    handleCreate() {
+      this.resetCreateData()
+      this.dialogCreateFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['createForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['createForm'].validate((valid) => {
+        if (valid) {
+          createDirectory(this.createFormData).then((response) => {
+            let user = response.data
+            this.list.unshift(user)
+            this.dialogCreateFormVisible = false         
+            this.$notify({
+              title: '成功',
+              message: '創建成功',
+              type: 'success',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.listQuery.limit = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val
+      this.getList()
+    },
+    handleDialogClose() {
+      this.dialogCreateFormVisible = false;
+    },
+  },
+}
+</script>